mino-daisy-react

This project wraps DaisyUI components into React.

Details

* uses Vite to build a library
* has a Storybook to visualize preview of components
* uses clsx for conditionally render CSS classes
* exports all components from its root ex: import { Card } from 'mino-daisy-react
* it's published to NPM for easy re-use
* uses TypeScript
* read updated DaisyUI documentation

Storybook

View the live component documentation and examples at: https://giacomorebonato.github.io/mino-daisy-react/

The Storybook is automatically deployed to GitHub Pages on every push to the main branch.

Available Components

$3

* Navbar, NavbarStart, NavbarCenter, NavbarEnd - Top navigation bar with sections
* Breadcrumbs - Navigation helper showing page hierarchy
* Menu - Vertical or horizontal link lists
* Pagination - Button group for page navigation
* Dock, DockItem - Bottom navigation bar (floating)
* Drawer, DrawerToggle, DrawerContent, DrawerSide, DrawerOverlay - Sidebar layout with toggle capability
* Footer, FooterTitle - Page footer with structured content

$3

* Table - Structured data grid with zebra, pinned rows/columns
* Card, CardBody, CardTitle, CardActions - Content container
* Badge - Status indicator with variants and sizes
* Stats, Stat, StatTitle, StatValue, StatDesc, StatFigure - Numerical data blocks
* Progress - Task completion indicator
* RadialProgress - Circular progress display
* Countdown - Animated number transitions
* Timeline, TimelineItem, TimelineStart, TimelineMiddle, TimelineEnd, TimelineBox - Chronological event display
* Steps, Step - Process progression indicator
* List, ListRow - Vertical information layout

$3

* Button - Action trigger with variants, sizes, and states
* Alert - Important message notification
* Modal, ModalBox, ModalAction, ModalBackdrop - Dialog box overlay
* BottomSheet, BottomSheetContent, BottomSheetBackdrop, BottomSheetActions - Sheet that slides up from bottom
* Dropdown - Click-triggered menu
* Tab, Tabs, TabContent - Tabbed content switcher
* Collapse, CollapseTitle, CollapseContent, CollapseCheckbox - Expandable content section
* Accordion, AccordionItem, AccordionTitle, AccordionContent, AccordionRadio - Single-open collapse group
* Toast - Corner notification stack
* Tooltip, TooltipContent - Hover info display
* Rating, RatingItem - Star-based rating input
* Swap, SwapOn, SwapOff, SwapIndeterminate - Toggle between two elements
* Filter, FilterReset, FilterItem - Radio button option filter

$3

* Avatar, AvatarGroup - User thumbnail with online/offline status
* Carousel, CarouselItem - Scrollable content slider
* Chat, ChatImage, ChatHeader, ChatFooter, ChatBubble - Message bubble display
* Diff, DiffItem, DiffResizer - Side-by-side comparison
* Divider - Content separator with text
* HoverGallery - Image preview on hover
* Indicator, IndicatorItem - Corner element positioning
* Mask - Shape cropping for images
* Stack - Layered element positioning
* Status - Small status icon

$3

* MockupBrowser, MockupBrowserToolbar - Browser window frame
* MockupPhone, MockupPhoneCamera, MockupPhoneDisplay - iPhone device frame
* MockupCode - Code editor appearance
* MockupWindow - OS window frame

$3

* Input - Text entry field with variants and sizes
* Textarea - Multi-line text entry
* Select - Dropdown option picker with optgroup support
* Checkbox - Toggle selection element
* Radio - Single-choice option groups
* Toggle - Switch-style checkbox
* Range - Slider for value selection
* FileInput - File upload field
* Fieldset, FieldsetLegend - Form section grouping
* FormControl, Legend, Hint - Form field wrapper with label and hint/error text
* Label - Form field labeling (regular and floating)
* RichTextEditor - WYSIWYG rich text editor with Lexical integration

$3

* Loading - Activity animation with 6 type variants
* Skeleton - Loading placeholder for content
* Kbd - Keyboard shortcut display
* Calendar - Date picker with React Day Picker integration and DaisyUI styling
* Link - Enhanced anchor styling with color variants
* Join - Item grouping container (horizontal/vertical)
* Hero, HeroContent, HeroOverlay - Large banner section
* Fab, FabMainAction, FabClose - Floating action button with speed dial
* Validator, ValidatorHint - Form validation styling with HTML5 support
* ThemeController - Theme switching control (checkbox, toggle, or swap)

Design Philosophy

This library provides minimal React wrappers around DaisyUI components. Components only include:
- Base DaisyUI class (e.g., btn, input, modal)
- Essential behavioral props (e.g., open, disabled, checked)
- Standard HTML attributes
- Ref forwarding (React 19 pattern)

All styling is done via className using DaisyUI's utility classes. This gives you:
- Direct access to DaisyUI's full power
- No abstraction layer to learn
- Smaller bundle size
- Type-safe HTML attributes

Usage Example

``tsx import { Button, Input, Select, Checkbox, Toggle, Label } from 'mino-daisy-react'

function MyForm() { return (


      
        Email
                  type="email"
          className="input-bordered input-primary"
          placeholder="you@example.com"
        />
      
      
        Country
        
      
      
        
        Enable notifications

)
}

$3

`tsx // Button variations

// Modal with behavioral prop


    Hello!

    This is a modal


// Form inputs

<br /><Checkbox className="checkbox-primary checkbox-lg" /><br /><Range className="range-primary range-lg" min={0} max={100} /></p><p class="my-3">// Cards and layouts<br /><Card className="card-bordered shadow-xl bg-base-100"><br />  <CardBody><br />    <CardTitle>Card Title</CardTitle><br />    <p>Card content goes here</p><br />  </CardBody><br /></Card><br /></code>``</p><p class="my-3">For all available DaisyUI classes, see the <a href="https://daisyui.com/" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">DaisyUI documentation</a>.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Component Implementation Status</h2></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Navbar - Top navigation bar<br />- [x] Breadcrumbs - Navigation helper showing page hierarchy<br />- [x] Menu - Vertical or horizontal link lists<br />- [x] Pagination - Button group for page navigation<br />- [x] Dock - Bottom navigation bar (floating)<br />- [x] Drawer - Sidebar layout with toggle capability<br />- [x] Footer - Page footer with structured content</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Input - Text entry field<br />- [x] Textarea - Multi-line text entry<br />- [x] Select - Dropdown option picker<br />- [x] Checkbox - Toggle selection element<br />- [x] Radio - Single-choice option group<br />- [x] Toggle - Switch-style checkbox<br />- [x] Range - Slider for value selection<br />- [x] File-Input - File upload field<br />- [x] Fieldset - Form section grouping<br />- [x] FormControl - Form field wrapper (FormControl, Legend, Hint)<br />- [x] Label - Input field labeling<br />- [x] RichTextEditor - WYSIWYG rich text editor with Lexical</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Table - Structured data grid<br />- [x] Card - Content container<br />- [x] Badge - Status indicator<br />- [x] Stat - Numerical data block<br />- [x] Progress - Task completion indicator<br />- [x] Radial-Progress - Circular progress display<br />- [x] Countdown - Animated number transitions<br />- [x] Timeline - Chronological event display<br />- [x] Steps - Process progression indicator<br />- [x] List - Vertical information layout</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Alert - Important message notification<br />- [x] BottomSheet - Sheet that slides up from bottom<br />- [x] Button - Action trigger<br />- [x] Modal - Dialog box overlay<br />- [x] Dropdown - Click-triggered menu<br />- [x] Tab - Tabbed content switcher<br />- [x] Collapse - Expandable content section<br />- [x] Accordion - Single-open collapse group<br />- [x] Toast - Corner notification stack<br />- [x] Tooltip - Hover info display<br />- [x] Rating - Star-based rating input<br />- [x] Swap - Toggle between two elements<br />- [x] Filter - Radio button option filter</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Avatar - User thumbnail image<br />- [x] Carousel - Scrollable content slider<br />- [x] Chat - Message bubble display<br />- [x] Diff - Side-by-side comparison<br />- [x] Divider - Content separator<br />- [x] Hover-Gallery - Image preview on hover<br />- [x] Indicator - Corner element placement<br />- [x] Mask - Shape cropping element<br />- [x] Stack - Layered element positioning<br />- [x] Status - Small status icon</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Mockup-Browser - Browser window frame<br />- [x] Mockup-Phone - iPhone device frame<br />- [x] Mockup-Code - Code editor appearance<br />- [x] Mockup-Window - OS window frame</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Loading - Activity animation<br />- [x] Skeleton - Loading placeholder<br />- [x] Kbd - Keyboard shortcut display<br />- [x] Calendar - Date picker integration<br />- [x] Link - Enhanced anchor styling<br />- [x] Validator - Form validation styling<br />- [x] Theme-Controller - Theme switching control<br />- [x] Join - Item grouping container<br />- [x] Hero - Large banner section<br />- [x] FAB - Floating action button (includes Speed Dial)</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">66/80 components implemented (82.5%)<br /></p></div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div><div class="space-y-8"><div class="flex flex-col gap-6 lg:flex-row lg:gap-8"><div class="flex-1 space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-10 w-64"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-full max-w-xl"></div><div class="flex gap-2"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-16"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-20"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-14"></div></div></div><div class="w-full lg:w-80"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-32 w-full"></div></div></div><div class="space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-10 w-64"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-64 w-full"></div></div></div><!--/$--></main></div><!--$?--><!--/$--><!--/$--><!--$--><!--/$--><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/9b9784636e791b20.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\n4:I[49786,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Header\"]\n5:I[22016,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"\"]\nc:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\nd:I[2355,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Analytics\"]\nf:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"OutletBoundary\"]\n10:\"$Sreact.suspense\"\n12:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"ViewportBoundary\"]\n14:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"MetadataBoundary\"]\n:HL[\"/_next/static/chunks/60ba853f5ed1b16b.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"style\"]\n:HL[\"/_next/static/chunks/9c76f6dd8b5c38e2.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"style\"]\n:HL[\"/_next/static/media/68d403cf9f2c68c5-s.p.f9f15f61.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"x_DymHuNhDTJUp7Mmr_Ru\",\"c\":[\"\",\"package\",\"mino-daisy-react\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"package\",{\"children\":[[\"name\",\"mino-daisy-react\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/60ba853f5ed1b16b.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/9c76f6dd8b5c38e2.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans antialiased\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-background\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto flex max-w-md flex-col items-center justify-center px-4 py-24 text-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-package mb-6 h-16 w-16 text-muted-foreground\",\"children\":[[\"$\",\"path\",\"1a0edw\",{\"d\":\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"}],[\"$\",\"path\",\"d0xqtd\",{\"d\":\"M12 22V12\"}],[\"$\",\"path\",\"yx3hmr\",{\"d\":\"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\"}],[\"$\",\"path\",\"1c824w\",{\"d\":\"m7.5 4.27 9 5.15\"}],\"$undefined\"]}],[\"$\",\"h1\",null,{\"className\":\"mb-2 text-3xl font-bold\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"mb-4 text-xl text-muted-foreground\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"mb-8 text-muted-foreground\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Go home\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"ref\":null}],[\"$\",\"$L5\",null,{\"href\":\"/search\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-search mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"circle\",\"4ej97u\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\"}],[\"$\",\"path\",\"1qie3q\",{\"d\":\"m21 21-4.3-4.3\"}],\"$undefined\"]}],\"Search packages\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"ref\":null}]]}]]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$L6\"]}]}]]}],{\"children\":[\"$L7\",{\"children\":[\"$L8\",{\"children\":[\"$L9\",{},null,false,false]},[\"$La\",[],[]],false,false]},null,false,false]},null,false,false],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"$Ld\",null,{}]\n7:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n8:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[\"$Le\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@11\"}]}]]}]\na:null\nb:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L12\",null,{\"children\":\"$L13\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L15\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"e:[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-background\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto max-w-6xl px-4 py-8\",\"children\":[\"$\",\"$10\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 lg:flex-row lg:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-10 w-64\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-full max-w-xl\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-16\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-20\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-14\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full lg:w-80\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-32 w-full\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-10 w-64\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-64 w-full\"}]]}]]}],\"children\":\"$L16\"}]}]]}]\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"17:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"IconMark\"]\n11:null\n15:[[\"$\",\"title\",\"0\",{\"children\":\"mino-daisy-react - npm explorer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"React component library wrapping DaisyUI components\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/icon-light-32x32.png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/icon-dark-32x32.png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"5\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\"}],[\"$\",\"$L17\",\"6\",{}]]\n"])</script><title>mino-daisy-react - npm explorer</title><meta name="description" content="React component library wrapping DaisyUI components"/><link rel="icon" href="/icon-light-32x32.png" media="(prefers-color-scheme: light)"/><link rel="icon" href="/icon-dark-32x32.png" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png"/><script >document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><div style="display:none" id="S:2"></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:2","S:2")</script><div style="display:none" id="S:0"></div><script>$RC("B:0","S:0")</script><script>self.__next_f.push([1,"16:[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 lg:flex-row lg:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start gap-3\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-mono text-2xl font-bold sm:text-3xl\",\"children\":\"mino-daisy-react\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 font-mono\",\"children\":[\"v\",\"1.1.16\"]}],[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-blue-600 border-blue-200\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-file-code mr-1 h-3 w-3\",\"children\":[[\"$\",\"path\",\"1tg20x\",{\"d\":\"M10 12.5 8 15l2 2.5\"}],[\"$\",\"path\",\"yinavb\",{\"d\":\"m14 12.5 2 2.5-2 2.5\"}],[\"$\",\"path\",\"tnqrlb\",{\"d\":\"M14 2v4a2 2 0 0 0 2 2h4\"}],[\"$\",\"path\",\"1mlx9k\",{\"d\":\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z\"}],\"$undefined\"]}],\"TypeScript\"]}],\"$undefined\"]}]]}],\"$undefined\",[\"$\",\"p\",null,{\"className\":\"text-lg text-muted-foreground\",\"children\":\"React component library wrapping DaisyUI components\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[\"$\",\"$L5\",\"react\",{\"href\":\"/search?q=react\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"react\"}]}],[\"$\",\"$L5\",\"daisyui\",{\"href\":\"/search?q=daisyui\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"daisyui\"}]}],[\"$\",\"$L5\",\"tailwindcss\",{\"href\":\"/search?q=tailwindcss\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"tailwindcss\"}]}],\"$L18\",\"$L19\"]}],\"$L1a\",\"$L1b\"]}],\"$L1c\"]}],\"$L1d\"]}]\n"])</script><script>self.__next_f.push([1,"1e:I[33485,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"InstallCommands\"]\n1f:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Tabs\"]\n20:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsList\"]\n21:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsTrigger\"]\n22:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsContent\"]\n23:I[77801,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"ReadmeViewer\"]\n18:[\"$\",\"$L5\",\"components\",{\"href\":\"/search?q=components\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"components\"}]}]\n19:[\"$\",\"$L5\",\"ui\",{\"href\":\"/search?q=ui\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"ui\"}]}]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-download h-4 w-4\",\"children\":[[\"$\",\"path\",\"ih7n3h\",{\"d\":\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"}],[\"$\",\"polyline\",\"2ggqvy\",{\"points\":\"7 10 12 15 17 10\"}],[\"$\",\"line\",\"1vk2je\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"15\",\"y2\":\"3\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"font-medium text-foreground\",\"children\":\"0\"}],\"/week\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar h-4 w-4\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],\"$undefined\"]}],\"Updated \",\"1 weeks ago\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-scale h-4 w-4\",\"children\":[[\"$\",\"path\",\"7g6ntu\",{\"d\":\"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}],[\"$\",\"path\",\"ijws7r\",{\"d\":\"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}],[\"$\",\"path\",\"1b0cd5\",{\"d\":\"M7 21h10\"}],[\"$\",\"path\",\"108xh3\",{\"d\":\"M12 3v18\"}],[\"$\",\"path\",\"3gwbw2\",{\"d\":\"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2\"}],\"$undefined\"]}],\"MIT\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[\"Unpacked: \",\"914.7 KB\"]}]]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"className\":\"text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Published by \"}],[\"$\",\"$L5\",null,{\"href\":\"/~Giacomo%20Rebonato\",\"className\":\"font-medium hover:underline\",\"children\":\"Giacomo Rebonato\"}]]}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"div\",null,{\"className\":\"w-full space-y-4 lg:w-80\",\"children\":[[\"$\",\"$L1e\",null,{\"packageName\":\"mino-daisy-react\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/giacomorebonato/mino-daisy-react\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-github mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"tonef\",{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",\"9comsn\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}],\"$undefined\"]}],\"Repository\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}],[\"$\",\"a\",null,{\"href\":\"https://github.com/giacomorebonato/mino-daisy-react#readme\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Homepage\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}],\"$undefined\",[\"$\",\"a\",null,{\"href\":\"https://npmjs.com/package/mino-daisy-react\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-external-link mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1q9fwt\",{\"d\":\"M15 3h6v6\"}],[\"$\",\"path\",\"gplh6r\",{\"d\":\"M10 14 21 3\"}],[\"$\",\"path\",\"a6xqqp\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}],\"$undefined\"]}],\"npm\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}]]}],false]}]\n"])</script><script>self.__next_f.push([1,"24:T28fe,"])</script><script>self.__next_f.push([1,"# mino-daisy-react\n\nThis project wraps [DaisyUI](https://daisyui.com/) components into React.\n\n## Details\n\n* uses Vite to build a library\n* has a Storybook to visualize preview of components\n* uses [clsx](https://www.npmjs.com/package/clsx) for conditionally render CSS classes\n* exports all components from its root ex: `import { Card } from 'mino-daisy-react`\n* it's published to NPM for easy re-use\n* uses TypeScript\n* read updated [DaisyUI documentation](https://daisyui.com/llms.txt)\n\n## Storybook\n\nView the live component documentation and examples at: **https://giacomorebonato.github.io/mino-daisy-react/**\n\nThe Storybook is automatically deployed to GitHub Pages on every push to the main branch.\n\n## Available Components\n\n### Navigation \u0026 Layout (7/7) ✅\n* `Navbar`, `NavbarStart`, `NavbarCenter`, `NavbarEnd` - Top navigation bar with sections\n* `Breadcrumbs` - Navigation helper showing page hierarchy\n* `Menu` - Vertical or horizontal link lists\n* `Pagination` - Button group for page navigation\n* `Dock`, `DockItem` - Bottom navigation bar (floating)\n* `Drawer`, `DrawerToggle`, `DrawerContent`, `DrawerSide`, `DrawerOverlay` - Sidebar layout with toggle capability\n* `Footer`, `FooterTitle` - Page footer with structured content\n\n### Data Display (10/10) ✅\n* `Table` - Structured data grid with zebra, pinned rows/columns\n* `Card`, `CardBody`, `CardTitle`, `CardActions` - Content container\n* `Badge` - Status indicator with variants and sizes\n* `Stats`, `Stat`, `StatTitle`, `StatValue`, `StatDesc`, `StatFigure` - Numerical data blocks\n* `Progress` - Task completion indicator\n* `RadialProgress` - Circular progress display\n* `Countdown` - Animated number transitions\n* `Timeline`, `TimelineItem`, `TimelineStart`, `TimelineMiddle`, `TimelineEnd`, `TimelineBox` - Chronological event display\n* `Steps`, `Step` - Process progression indicator\n* `List`, `ListRow` - Vertical information layout\n\n### Interactive \u0026 Feedback (13/13) ✅\n* `Button` - Action trigger with variants, sizes, and states\n* `Alert` - Important message notification\n* `Modal`, `ModalBox`, `ModalAction`, `ModalBackdrop` - Dialog box overlay\n* `BottomSheet`, `BottomSheetContent`, `BottomSheetBackdrop`, `BottomSheetActions` - Sheet that slides up from bottom\n* `Dropdown` - Click-triggered menu\n* `Tab`, `Tabs`, `TabContent` - Tabbed content switcher\n* `Collapse`, `CollapseTitle`, `CollapseContent`, `CollapseCheckbox` - Expandable content section\n* `Accordion`, `AccordionItem`, `AccordionTitle`, `AccordionContent`, `AccordionRadio` - Single-open collapse group\n* `Toast` - Corner notification stack\n* `Tooltip`, `TooltipContent` - Hover info display\n* `Rating`, `RatingItem` - Star-based rating input\n* `Swap`, `SwapOn`, `SwapOff`, `SwapIndeterminate` - Toggle between two elements\n* `Filter`, `FilterReset`, `FilterItem` - Radio button option filter\n\n### Visual \u0026 Media (10/10) ✅\n* `Avatar`, `AvatarGroup` - User thumbnail with online/offline status\n* `Carousel`, `CarouselItem` - Scrollable content slider\n* `Chat`, `ChatImage`, `ChatHeader`, `ChatFooter`, `ChatBubble` - Message bubble display\n* `Diff`, `DiffItem`, `DiffResizer` - Side-by-side comparison\n* `Divider` - Content separator with text\n* `HoverGallery` - Image preview on hover\n* `Indicator`, `IndicatorItem` - Corner element positioning\n* `Mask` - Shape cropping for images\n* `Stack` - Layered element positioning\n* `Status` - Small status icon\n\n### Mockups \u0026 Prototyping (4/4) ✅\n* `MockupBrowser`, `MockupBrowserToolbar` - Browser window frame\n* `MockupPhone`, `MockupPhoneCamera`, `MockupPhoneDisplay` - iPhone device frame\n* `MockupCode` - Code editor appearance\n* `MockupWindow` - OS window frame\n\n### Forms \u0026 Input (12/12) ✅\n* `Input` - Text entry field with variants and sizes\n* `Textarea` - Multi-line text entry\n* `Select` - Dropdown option picker with optgroup support\n* `Checkbox` - Toggle selection element\n* `Radio` - Single-choice option groups\n* `Toggle` - Switch-style checkbox\n* `Range` - Slider for value selection\n* `FileInput` - File upload field\n* `Fieldset`, `FieldsetLegend` - Form section grouping\n* `FormControl`, `Legend`, `Hint` - Form field wrapper with label and hint/error text\n* `Label` - Form field labeling (regular and floating)\n* `RichTextEditor` - WYSIWYG rich text editor with Lexical integration\n\n### Utilities \u0026 Special (10/10) ✅\n* `Loading` - Activity animation with 6 type variants\n* `Skeleton` - Loading placeholder for content\n* `Kbd` - Keyboard shortcut display\n* `Calendar` - Date picker with React Day Picker integration and DaisyUI styling\n* `Link` - Enhanced anchor styling with color variants\n* `Join` - Item grouping container (horizontal/vertical)\n* `Hero`, `HeroContent`, `HeroOverlay` - Large banner section\n* `Fab`, `FabMainAction`, `FabClose` - Floating action button with speed dial\n* `Validator`, `ValidatorHint` - Form validation styling with HTML5 support\n* `ThemeController` - Theme switching control (checkbox, toggle, or swap)\n\n## Design Philosophy\n\nThis library provides **minimal React wrappers** around DaisyUI components. Components only include:\n- Base DaisyUI class (e.g., `btn`, `input`, `modal`)\n- Essential behavioral props (e.g., `open`, `disabled`, `checked`)\n- Standard HTML attributes\n- Ref forwarding (React 19 pattern)\n\n**All styling is done via className** using DaisyUI's utility classes. This gives you:\n- Direct access to DaisyUI's full power\n- No abstraction layer to learn\n- Smaller bundle size\n- Type-safe HTML attributes\n\n## Usage Example\n\n```tsx\nimport {\n  Button,\n  Input,\n  Select,\n  Checkbox,\n  Toggle,\n  Label\n} from 'mino-daisy-react'\n\nfunction MyForm() {\n  return (\n    \u003cdiv\u003e\n      \u003cLabel\u003e\n        \u003cspan className=\"label-text\"\u003eEmail\u003c/span\u003e\n        \u003cInput\n          type=\"email\"\n          className=\"input-bordered input-primary\"\n          placeholder=\"you@example.com\"\n        /\u003e\n      \u003c/Label\u003e\n\n      \u003cLabel\u003e\n        \u003cspan className=\"label-text\"\u003eCountry\u003c/span\u003e\n        \u003cSelect className=\"select-bordered select-primary\"\u003e\n          \u003coption\u003eUnited States\u003c/option\u003e\n          \u003coption\u003eCanada\u003c/option\u003e\n          \u003coption\u003eMexico\u003c/option\u003e\n        \u003c/Select\u003e\n      \u003c/Label\u003e\n\n      \u003cLabel className=\"flex items-center gap-2 cursor-pointer\"\u003e\n        \u003cToggle className=\"toggle-primary\" /\u003e\n        \u003cspan className=\"label-text\"\u003eEnable notifications\u003c/span\u003e\n      \u003c/Label\u003e\n\n      \u003cButton className=\"btn-primary btn-lg btn-wide\"\u003e\n        Submit\n      \u003c/Button\u003e\n    \u003c/div\u003e\n  )\n}\n```\n\n### More Examples\n\n```tsx\n// Button variations\n\u003cButton className=\"btn-primary\"\u003ePrimary\u003c/Button\u003e\n\u003cButton className=\"btn-secondary btn-outline\"\u003eSecondary Outline\u003c/Button\u003e\n\u003cButton className=\"btn-accent btn-sm\" disabled\u003eSmall Disabled\u003c/Button\u003e\n\u003cButton className=\"btn-ghost btn-circle\"\u003e👍\u003c/Button\u003e\n\n// Modal with behavioral prop\n\u003cModal open={isOpen} className=\"modal-bottom sm:modal-middle\"\u003e\n  \u003cdiv className=\"modal-box\"\u003e\n    \u003ch3 className=\"font-bold text-lg\"\u003eHello!\u003c/h3\u003e\n    \u003cp className=\"py-4\"\u003eThis is a modal\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/Modal\u003e\n\n// Form inputs\n\u003cInput className=\"input-bordered input-error\" placeholder=\"Error state\" /\u003e\n\u003cTextarea className=\"textarea-bordered textarea-lg\" rows={4} /\u003e\n\u003cCheckbox className=\"checkbox-primary checkbox-lg\" /\u003e\n\u003cRange className=\"range-primary range-lg\" min={0} max={100} /\u003e\n\n// Cards and layouts\n\u003cCard className=\"card-bordered shadow-xl bg-base-100\"\u003e\n  \u003cCardBody\u003e\n    \u003cCardTitle\u003eCard Title\u003c/CardTitle\u003e\n    \u003cp\u003eCard content goes here\u003c/p\u003e\n  \u003c/CardBody\u003e\n\u003c/Card\u003e\n```\n\nFor all available DaisyUI classes, see the [DaisyUI documentation](https://daisyui.com/).\n\n## Component Implementation Status\n\n### Navigation \u0026 Layout\n\n- [x] Navbar - Top navigation bar\n- [x] Breadcrumbs - Navigation helper showing page hierarchy\n- [x] Menu - Vertical or horizontal link lists\n- [x] Pagination - Button group for page navigation\n- [x] Dock - Bottom navigation bar (floating)\n- [x] Drawer - Sidebar layout with toggle capability\n- [x] Footer - Page footer with structured content\n\n### Forms \u0026 Input\n\n- [x] Input - Text entry field\n- [x] Textarea - Multi-line text entry\n- [x] Select - Dropdown option picker\n- [x] Checkbox - Toggle selection element\n- [x] Radio - Single-choice option group\n- [x] Toggle - Switch-style checkbox\n- [x] Range - Slider for value selection\n- [x] File-Input - File upload field\n- [x] Fieldset - Form section grouping\n- [x] FormControl - Form field wrapper (FormControl, Legend, Hint)\n- [x] Label - Input field labeling\n- [x] RichTextEditor - WYSIWYG rich text editor with Lexical\n\n### Data Display\n\n- [x] Table - Structured data grid\n- [x] Card - Content container\n- [x] Badge - Status indicator\n- [x] Stat - Numerical data block\n- [x] Progress - Task completion indicator\n- [x] Radial-Progress - Circular progress display\n- [x] Countdown - Animated number transitions\n- [x] Timeline - Chronological event display\n- [x] Steps - Process progression indicator\n- [x] List - Vertical information layout\n\n### Interactive \u0026 Feedback\n\n- [x] Alert - Important message notification\n- [x] BottomSheet - Sheet that slides up from bottom\n- [x] Button - Action trigger\n- [x] Modal - Dialog box overlay\n- [x] Dropdown - Click-triggered menu\n- [x] Tab - Tabbed content switcher\n- [x] Collapse - Expandable content section\n- [x] Accordion - Single-open collapse group\n- [x] Toast - Corner notification stack\n- [x] Tooltip - Hover info display\n- [x] Rating - Star-based rating input\n- [x] Swap - Toggle between two elements\n- [x] Filter - Radio button option filter\n\n### Visual \u0026 Media\n\n- [x] Avatar - User thumbnail image\n- [x] Carousel - Scrollable content slider\n- [x] Chat - Message bubble display\n- [x] Diff - Side-by-side comparison\n- [x] Divider - Content separator\n- [x] Hover-Gallery - Image preview on hover\n- [x] Indicator - Corner element placement\n- [x] Mask - Shape cropping element\n- [x] Stack - Layered element positioning\n- [x] Status - Small status icon\n\n### Mockups \u0026 Prototyping\n\n- [x] Mockup-Browser - Browser window frame\n- [x] Mockup-Phone - iPhone device frame\n- [x] Mockup-Code - Code editor appearance\n- [x] Mockup-Window - OS window frame\n\n### Utilities \u0026 Special\n\n- [x] Loading - Activity animation\n- [x] Skeleton - Loading placeholder\n- [x] Kbd - Keyboard shortcut display\n- [x] Calendar - Date picker integration\n- [x] Link - Enhanced anchor styling\n- [x] Validator - Form validation styling\n- [x] Theme-Controller - Theme switching control\n- [x] Join - Item grouping container\n- [x] Hero - Large banner section\n- [x] FAB - Floating action button (includes Speed Dial)\n\n### Progress\n\n66/80 components implemented (82.5%)\n"])</script><script>self.__next_f.push([1,"1d:[\"$\",\"$L1f\",null,{\"defaultValue\":\"readme\",\"className\":\"w-full\",\"children\":[[\"$\",\"$L20\",null,{\"children\":[[\"$\",\"$L21\",null,{\"value\":\"readme\",\"children\":\"Readme\"}],[\"$\",\"$L21\",null,{\"value\":\"dependencies\",\"children\":[\"Dependencies\",[\"$\",\"span\",null,{\"className\":\"ml-1.5 text-xs text-muted-foreground\",\"children\":[\"(\",11,\")\"]}]]}],[\"$\",\"$L21\",null,{\"value\":\"versions\",\"children\":[\"Versions\",[\"$\",\"span\",null,{\"className\":\"ml-1.5 text-xs text-muted-foreground\",\"children\":[\"(\",19,\")\"]}]]}]]}],[\"$\",\"$L22\",null,{\"value\":\"readme\",\"className\":\"mt-6\",\"children\":[\"$\",\"$L23\",null,{\"readme\":\"$24\"}]}],\"$L25\",\"$L26\"]}]\n"])</script><script>self.__next_f.push([1,"33:I[7860,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"VersionList\"]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"$L22\",null,{\"value\":\"dependencies\",\"className\":\"mt-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-6 lg:grid-cols-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm py-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-package h-4 w-4\",\"children\":[[\"$\",\"path\",\"1a0edw\",{\"d\":\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"}],[\"$\",\"path\",\"d0xqtd\",{\"d\":\"M12 22V12\"}],[\"$\",\"path\",\"yx3hmr\",{\"d\":\"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\"}],[\"$\",\"path\",\"1c824w\",{\"d\":\"m7.5 4.27 9 5.15\"}],\"$undefined\"]}],\"Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":11}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1\",\"children\":[[\"$\",\"$L5\",\"@lexical/html\",{\"href\":\"/package/%40lexical%2Fhtml\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@lexical/html\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}],[\"$\",\"$L5\",\"@lexical/link\",{\"href\":\"/package/%40lexical%2Flink\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@lexical/link\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}],[\"$\",\"$L5\",\"@lexical/list\",{\"href\":\"/package/%40lexical%2Flist\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[\"$L27\",\"$undefined\"]}],\"@lexical/list\"]}],\"$L28\"]}],\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\"]}]}]]}],\"$L31\",\"$L32\"]}]}]\n"])</script><script>self.__next_f.push([1,"26:[\"$\",\"$L22\",null,{\"value\":\"versions\",\"className\":\"mt-6\",\"children\":[\"$\",\"$L33\",null,{\"packageName\":\"mino-daisy-react\",\"versions\":[{\"version\":\"1.1.16\",\"date\":\"2026-01-29T22:39:11.507Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.15\",\"date\":\"2026-01-23T23:54:36.928Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.14\",\"date\":\"2026-01-09T11:04:54.569Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.13\",\"date\":\"2025-12-24T16:19:58.608Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.12\",\"date\":\"2025-12-23T23:58:37.114Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.11\",\"date\":\"2025-12-13T21:18:19.978Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.8\",\"date\":\"2025-12-12T15:50:54.825Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.6\",\"date\":\"2025-12-12T15:11:14.776Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.5\",\"date\":\"2025-12-11T13:38:09.619Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.4\",\"date\":\"2025-12-01T15:48:11.201Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.3\",\"date\":\"2025-12-01T15:31:04.332Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.2\",\"date\":\"2025-12-01T15:07:45.695Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.1\",\"date\":\"2025-12-01T13:15:24.058Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.1.0\",\"date\":\"2025-11-28T15:14:59.629Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.4\",\"date\":\"2025-11-23T15:05:22.289Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.3\",\"date\":\"2025-11-13T22:00:34.007Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.2\",\"date\":\"2025-11-13T19:06:26.893Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.1\",\"date\":\"2025-11-13T16:30:13.357Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.0.0\",\"date\":\"2025-11-13T13:35:49.382Z\",\"deprecated\":\"$undefined\"}],\"currentVersion\":\"1.1.16\"}]}]\n"])</script><div style="display:none" id="S:1"><div class="space-y-8"><div class="flex flex-col gap-6 lg:flex-row lg:gap-8"><div class="flex-1 space-y-4"><div class="flex flex-wrap items-start gap-3"><h1 class="font-mono text-2xl font-bold sm:text-3xl">mino-daisy-react</h1><div class="flex flex-wrap items-center gap-2"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 font-mono">v<!-- -->1.1.16</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-blue-600 border-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code mr-1 h-3 w-3"><path d="M10 12.5 8 15l2 2.5"></path><path d="m14 12.5 2 2.5-2 2.5"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"></path></svg>TypeScript</span></div></div><p class="text-lg text-muted-foreground">React component library wrapping DaisyUI components</p><div class="flex flex-wrap gap-1.5"><a href="/search?q=react"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">react</span></a><a href="/search?q=daisyui"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">daisyui</span></a><a href="/search?q=tailwindcss"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">tailwindcss</span></a><a href="/search?q=components"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">components</span></a><a href="/search?q=ui"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">ui</span></a></div><div class="flex flex-wrap gap-4 text-sm text-muted-foreground"><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg><span class="font-medium text-foreground">0</span>/week</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-4 w-4"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Updated <!-- -->1 weeks ago</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scale h-4 w-4"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="M7 21h10"></path><path d="M12 3v18"></path><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"></path></svg>MIT</span><span class="flex items-center gap-1.5">Unpacked: <!-- -->914.7 KB</span></div><div class="text-sm"><span class="text-muted-foreground">Published by </span><a class="font-medium hover:underline" href="/~Giacomo%20Rebonato">Giacomo Rebonato</a></div></div><div class="w-full space-y-4 lg:w-80"><div class="rounded-lg border bg-card"><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="flex flex-col gap-2"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" class="text-muted-foreground inline-flex h-9 items-center w-full justify-start rounded-none border-b bg-transparent p-0" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_36av5ubrb_-content-npm" data-state="active" id="radix-_R_36av5ubrb_-trigger-npm" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">npm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-yarn" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-yarn" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">yarn</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-pnpm" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-pnpm" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">pnpm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-bun" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-bun" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">bun</button></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-npm" id="radix-_R_36av5ubrb_-content-npm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0" style="animation-duration:0s"><div class="flex items-center justify-between gap-2 p-3"><code class="flex-1 overflow-x-auto whitespace-nowrap font-mono text-sm">npm install mino-daisy-react</code><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-9 h-8 w-8 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-4 w-4"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button></div></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-yarn" hidden="" id="radix-_R_36av5ubrb_-content-yarn" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-pnpm" hidden="" id="radix-_R_36av5ubrb_-content-pnpm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-bun" hidden="" id="radix-_R_36av5ubrb_-content-bun" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div></div></div><div class="flex flex-wrap gap-2"><a href="https://github.com/giacomorebonato/mino-daisy-react" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-1.5 h-4 w-4"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>Repository</a><a href="https://github.com/giacomorebonato/mino-daisy-react#readme" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house mr-1.5 h-4 w-4"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Homepage</a><a href="https://npmjs.com/package/mino-daisy-react" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-1.5 h-4 w-4"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>npm</a></div></div></div><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="flex flex-col gap-2 w-full"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" class="bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_aav5ubrb_-content-readme" data-state="active" id="radix-_R_aav5ubrb_-trigger-readme" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Readme</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_aav5ubrb_-content-dependencies" data-state="inactive" id="radix-_R_aav5ubrb_-trigger-dependencies" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Dependencies<span class="ml-1.5 text-xs text-muted-foreground">(<!-- -->11<!-- -->)</span></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_aav5ubrb_-content-versions" data-state="inactive" id="radix-_R_aav5ubrb_-trigger-versions" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Versions<span class="ml-1.5 text-xs text-muted-foreground">(<!-- -->19<!-- -->)</span></button></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-readme" id="radix-_R_aav5ubrb_-content-readme" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6" style="animation-duration:0s"><div class="relative"><div class="prose prose-sm dark:prose-invert max-w-none overflow-hidden rounded-lg border p-6" style="max-height:500px"><p><h1 class="text-2xl font-bold mt-6 mb-4">mino-daisy-react</h1></p><p class="my-3">This project wraps <a href="https://daisyui.com/" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">DaisyUI</a> components into React.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Details</h2></p><p class="my-3">* uses Vite to build a library<br />* has a Storybook to visualize preview of components<br />* uses <a href="https://www.npmjs.com/package/clsx" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">clsx</a> for conditionally render CSS classes<br />* exports all components from its root ex: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">import { Card } from 'mino-daisy-react</code><br />* it's published to NPM for easy re-use<br />* uses TypeScript<br />* read updated <a href="https://daisyui.com/llms.txt" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">DaisyUI documentation</a></p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Storybook</h2></p><p class="my-3">View the live component documentation and examples at: <strong>https://giacomorebonato.github.io/mino-daisy-react/</strong></p><p class="my-3">The Storybook is automatically deployed to GitHub Pages on every push to the main branch.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Available Components</h2></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3><br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Navbar</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">NavbarStart</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">NavbarCenter</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">NavbarEnd</code> - Top navigation bar with sections<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Breadcrumbs</code> - Navigation helper showing page hierarchy<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Menu</code> - Vertical or horizontal link lists<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Pagination</code> - Button group for page navigation<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Dock</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">DockItem</code> - Bottom navigation bar (floating)<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Drawer</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">DrawerToggle</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">DrawerContent</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">DrawerSide</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">DrawerOverlay</code> - Sidebar layout with toggle capability<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Footer</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FooterTitle</code> - Page footer with structured content</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3><br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Table</code> - Structured data grid with zebra, pinned rows/columns<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Card</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">CardBody</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">CardTitle</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">CardActions</code> - Content container<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Badge</code> - Status indicator with variants and sizes<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Stats</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Stat</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">StatTitle</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">StatValue</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">StatDesc</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">StatFigure</code> - Numerical data blocks<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Progress</code> - Task completion indicator<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">RadialProgress</code> - Circular progress display<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Countdown</code> - Animated number transitions<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Timeline</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">TimelineItem</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">TimelineStart</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">TimelineMiddle</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">TimelineEnd</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">TimelineBox</code> - Chronological event display<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Steps</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Step</code> - Process progression indicator<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">List</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ListRow</code> - Vertical information layout</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3><br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Button</code> - Action trigger with variants, sizes, and states<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Alert</code> - Important message notification<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Modal</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ModalBox</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ModalAction</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ModalBackdrop</code> - Dialog box overlay<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">BottomSheet</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">BottomSheetContent</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">BottomSheetBackdrop</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">BottomSheetActions</code> - Sheet that slides up from bottom<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Dropdown</code> - Click-triggered menu<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Tab</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Tabs</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">TabContent</code> - Tabbed content switcher<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Collapse</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">CollapseTitle</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">CollapseContent</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">CollapseCheckbox</code> - Expandable content section<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Accordion</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">AccordionItem</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">AccordionTitle</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">AccordionContent</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">AccordionRadio</code> - Single-open collapse group<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Toast</code> - Corner notification stack<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Tooltip</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">TooltipContent</code> - Hover info display<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Rating</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">RatingItem</code> - Star-based rating input<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Swap</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">SwapOn</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">SwapOff</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">SwapIndeterminate</code> - Toggle between two elements<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Filter</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FilterReset</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FilterItem</code> - Radio button option filter</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3><br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Avatar</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">AvatarGroup</code> - User thumbnail with online/offline status<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Carousel</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">CarouselItem</code> - Scrollable content slider<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Chat</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ChatImage</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ChatHeader</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ChatFooter</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ChatBubble</code> - Message bubble display<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Diff</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">DiffItem</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">DiffResizer</code> - Side-by-side comparison<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Divider</code> - Content separator with text<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">HoverGallery</code> - Image preview on hover<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Indicator</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">IndicatorItem</code> - Corner element positioning<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Mask</code> - Shape cropping for images<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Stack</code> - Layered element positioning<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Status</code> - Small status icon</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3><br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">MockupBrowser</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">MockupBrowserToolbar</code> - Browser window frame<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">MockupPhone</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">MockupPhoneCamera</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">MockupPhoneDisplay</code> - iPhone device frame<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">MockupCode</code> - Code editor appearance<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">MockupWindow</code> - OS window frame</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3><br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Input</code> - Text entry field with variants and sizes<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Textarea</code> - Multi-line text entry<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Select</code> - Dropdown option picker with optgroup support<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Checkbox</code> - Toggle selection element<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Radio</code> - Single-choice option groups<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Toggle</code> - Switch-style checkbox<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Range</code> - Slider for value selection<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FileInput</code> - File upload field<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Fieldset</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FieldsetLegend</code> - Form section grouping<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FormControl</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Legend</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Hint</code> - Form field wrapper with label and hint/error text<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Label</code> - Form field labeling (regular and floating)<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">RichTextEditor</code> - WYSIWYG rich text editor with Lexical integration</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3><br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Loading</code> - Activity animation with 6 type variants<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Skeleton</code> - Loading placeholder for content<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Kbd</code> - Keyboard shortcut display<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Calendar</code> - Date picker with React Day Picker integration and DaisyUI styling<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Link</code> - Enhanced anchor styling with color variants<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Join</code> - Item grouping container (horizontal/vertical)<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Hero</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">HeroContent</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">HeroOverlay</code> - Large banner section<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Fab</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FabMainAction</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">FabClose</code> - Floating action button with speed dial<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">Validator</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ValidatorHint</code> - Form validation styling with HTML5 support<br />* <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ThemeController</code> - Theme switching control (checkbox, toggle, or swap)</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Design Philosophy</h2></p><p class="my-3">This library provides <strong>minimal React wrappers</strong> around DaisyUI components. Components only include:<br />- Base DaisyUI class (e.g., <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">btn</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">input</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">modal</code>)<br />- Essential behavioral props (e.g., <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">open</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">disabled</code>, <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">checked</code>)<br />- Standard HTML attributes<br />- Ref forwarding (React 19 pattern)</p><p class="my-3"><strong>All styling is done via className</strong> using DaisyUI's utility classes. This gives you:<br />- Direct access to DaisyUI's full power<br />- No abstraction layer to learn<br />- Smaller bundle size<br />- Type-safe HTML attributes</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Usage Example</h2></p><p class="my-3">``<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">tsx<br />import {<br />  Button,<br />  Input,<br />  Select,<br />  Checkbox,<br />  Toggle,<br />  Label<br />} from 'mino-daisy-react'</p><p class="my-3">function MyForm() {<br />  return (<br />    <div><br />      <Label><br />        <span className="label-text">Email</span><br />        <Input<br />          type="email"<br />          className="input-bordered input-primary"<br />          placeholder="you@example.com"<br />        /><br />      </Label></p><p class="my-3">      <Label><br />        <span className="label-text">Country</span><br />        <Select className="select-bordered select-primary"><br />          <option>United States</option><br />          <option>Canada</option><br />          <option>Mexico</option><br />        </Select><br />      </Label></p><p class="my-3">      <Label className="flex items-center gap-2 cursor-pointer"><br />        <Toggle className="toggle-primary" /><br />        <span className="label-text">Enable notifications</span><br />      </Label></p><p class="my-3">      <Button className="btn-primary btn-lg btn-wide"><br />        Submit<br />      </Button><br />    </div><br />  )<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">tsx<br />// Button variations<br /><Button className="btn-primary">Primary</Button><br /><Button className="btn-secondary btn-outline">Secondary Outline</Button><br /><Button className="btn-accent btn-sm" disabled>Small Disabled</Button><br /><Button className="btn-ghost btn-circle">👍</Button></p><p class="my-3">// Modal with behavioral prop<br /><Modal open={isOpen} className="modal-bottom sm:modal-middle"><br />  <div className="modal-box"><br />    <h3 className="font-bold text-lg">Hello!</h3><br />    <p className="py-4">This is a modal</p><br />  </div><br /></Modal></p><p class="my-3">// Form inputs<br /><Input className="input-bordered input-error" placeholder="Error state" /><br /><Textarea className="textarea-bordered textarea-lg" rows={4} /><br /><Checkbox className="checkbox-primary checkbox-lg" /><br /><Range className="range-primary range-lg" min={0} max={100} /></p><p class="my-3">// Cards and layouts<br /><Card className="card-bordered shadow-xl bg-base-100"><br />  <CardBody><br />    <CardTitle>Card Title</CardTitle><br />    <p>Card content goes here</p><br />  </CardBody><br /></Card><br /></code>``</p><p class="my-3">For all available DaisyUI classes, see the <a href="https://daisyui.com/" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">DaisyUI documentation</a>.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Component Implementation Status</h2></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Navbar - Top navigation bar<br />- [x] Breadcrumbs - Navigation helper showing page hierarchy<br />- [x] Menu - Vertical or horizontal link lists<br />- [x] Pagination - Button group for page navigation<br />- [x] Dock - Bottom navigation bar (floating)<br />- [x] Drawer - Sidebar layout with toggle capability<br />- [x] Footer - Page footer with structured content</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Input - Text entry field<br />- [x] Textarea - Multi-line text entry<br />- [x] Select - Dropdown option picker<br />- [x] Checkbox - Toggle selection element<br />- [x] Radio - Single-choice option group<br />- [x] Toggle - Switch-style checkbox<br />- [x] Range - Slider for value selection<br />- [x] File-Input - File upload field<br />- [x] Fieldset - Form section grouping<br />- [x] FormControl - Form field wrapper (FormControl, Legend, Hint)<br />- [x] Label - Input field labeling<br />- [x] RichTextEditor - WYSIWYG rich text editor with Lexical</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Table - Structured data grid<br />- [x] Card - Content container<br />- [x] Badge - Status indicator<br />- [x] Stat - Numerical data block<br />- [x] Progress - Task completion indicator<br />- [x] Radial-Progress - Circular progress display<br />- [x] Countdown - Animated number transitions<br />- [x] Timeline - Chronological event display<br />- [x] Steps - Process progression indicator<br />- [x] List - Vertical information layout</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Alert - Important message notification<br />- [x] BottomSheet - Sheet that slides up from bottom<br />- [x] Button - Action trigger<br />- [x] Modal - Dialog box overlay<br />- [x] Dropdown - Click-triggered menu<br />- [x] Tab - Tabbed content switcher<br />- [x] Collapse - Expandable content section<br />- [x] Accordion - Single-open collapse group<br />- [x] Toast - Corner notification stack<br />- [x] Tooltip - Hover info display<br />- [x] Rating - Star-based rating input<br />- [x] Swap - Toggle between two elements<br />- [x] Filter - Radio button option filter</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Avatar - User thumbnail image<br />- [x] Carousel - Scrollable content slider<br />- [x] Chat - Message bubble display<br />- [x] Diff - Side-by-side comparison<br />- [x] Divider - Content separator<br />- [x] Hover-Gallery - Image preview on hover<br />- [x] Indicator - Corner element placement<br />- [x] Mask - Shape cropping element<br />- [x] Stack - Layered element positioning<br />- [x] Status - Small status icon</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Mockup-Browser - Browser window frame<br />- [x] Mockup-Phone - iPhone device frame<br />- [x] Mockup-Code - Code editor appearance<br />- [x] Mockup-Window - OS window frame</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">- [x] Loading - Activity animation<br />- [x] Skeleton - Loading placeholder<br />- [x] Kbd - Keyboard shortcut display<br />- [x] Calendar - Date picker integration<br />- [x] Link - Enhanced anchor styling<br />- [x] Validator - Form validation styling<br />- [x] Theme-Controller - Theme switching control<br />- [x] Join - Item grouping container<br />- [x] Hero - Large banner section<br />- [x] FAB - Floating action button (includes Speed Dial)</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">66/80 components implemented (82.5%)<br /></p></div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div></div><script>self.__next_f.push([1,"27:[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}]\n28:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]\n29:[\"$\",\"$L5\",\"@lexical/markdown\",{\"href\":\"/package/%40lexical%2Fmarkdown\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@lexical/markdown\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}]\n2a:[\"$\",\"$L5\",\"@lexical/react\",{\"href\":\"/package/%40lexical%2Freact\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@lexical/react\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}]\n2b:[\"$\",\"$L5\",\"@lexical/rich-text\",{\"href\":\"/package/%40lexical%2Frich-text\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@lexical/rich-text\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}]\n2c:[\"$\",\"$L5\",\"@lexical/selection\",{\"href\":\"/package/%40lexical%2Fselection\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@lexical/selection\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}]\n2d:[\"$\",\"$L5\",\"@lexical/utils\",{\"href\":\"/package/%40lexical%2Futils\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"stroke"])</script><script>self.__next_f.push([1,"Linecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@lexical/utils\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}]\n2e:[\"$\",\"$L5\",\"clsx\",{\"href\":\"/package/clsx\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"clsx\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.1.1\"}]]}]\n2f:[\"$\",\"$L5\",\"lexical\",{\"href\":\"/package/lexical\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"lexical\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.38.2\"}]]}]\n30:[\"$\",\"$L5\",\"react-day-picker\",{\"href\":\"/package/react-day-picker\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"react-day-picker\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^9.13.0\"}]]}]\n"])</script><script>self.__next_f.push([1,"31:[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm py-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-users h-4 w-4\",\"children\":[[\"$\",\"path\",\"1yyitq\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"$\",\"circle\",\"nufk8\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}],[\"$\",\"path\",\"kshegd\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"$\",\"path\",\"1da9ce\",{\"d\":\"M16 3.13a4 4 0 0 1 0 7.75\"}],\"$undefined\"]}],\"Peer Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":4}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1\",\"children\":[[\"$\",\"$L5\",\"daisyui\",{\"href\":\"/package/daisyui\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"daisyui\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"\u003e=5.0.0\"}]]}],[\"$\",\"$L5\",\"react\",{\"href\":\"/package/react\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"react\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"\u003e=19.0.0\"}]]}],[\"$\",\"$L5\",\"react-dom\",{\"href\":\"/package/react-dom\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"react-dom\"]}],\"$L34\"]}],\"$L35\"]}]}]]}]\n"])</script><script>self.__next_f.push([1,"32:[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm py-4 lg:col-span-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-wrench h-4 w-4\",\"children\":[[\"$\",\"path\",\"cbrjhi\",{\"d\":\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"}],\"$undefined\"]}],\"Dev Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":24}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"$L5\",\"@biomejs/biome\",{\"href\":\"/package/%40biomejs%2Fbiome\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@biomejs/biome\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.3.13\"}]]}],[\"$\",\"$L5\",\"@chromatic-com/storybook\",{\"href\":\"/package/%40chromatic-com%2Fstorybook\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@chromatic-com/storybook\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.1.3\"}]]}],[\"$\",\"$L5\",\"@happy-dom/global-registrator\",{\"href\":\"/package/%40happy-dom%2Fglobal-registrator\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[\"$L36\",\"$undefined\"]}],\"@happy-dom/global-registrator\"]}],\"$L37\"]}],\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\"]}]}]]}]\n"])</script><script>self.__next_f.push([1,"34:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"\u003e=19.0.0\"}]\n35:[\"$\",\"$L5\",\"tailwindcss\",{\"href\":\"/package/tailwindcss\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"tailwindcss\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"\u003e=4.0.0\"}]]}]\n36:[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}]\n37:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^20.4.0\"}]\n38:[\"$\",\"$L5\",\"@storybook/addon-a11y\",{\"href\":\"/package/%40storybook%2Faddon-a11y\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@storybook/addon-a11y\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^10.2.1\"}]]}]\n39:[\"$\",\"$L5\",\"@storybook/addon-docs\",{\"href\":\"/package/%40storybook%2Faddon-docs\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@storybook/addon-docs\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^10.2.1\"}]]}]\n3a:[\"$\",\"$L5\",\"@storybook/react-vite\",{\"href\":\"/package/%40storybook%2Freact-vite\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@storybook/react-vite\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^10.2.1\"}]]}]\n3b:[\"$\",\"$L5\",\"@tailwindcss/vite\",{\"href\":\"/package/%40tailwindcss%2Fvite\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\""])</script><script>self.__next_f.push([1,":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@tailwindcss/vite\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.1.18\"}]]}]\n3c:[\"$\",\"$L5\",\"@testing-library/dom\",{\"href\":\"/package/%40testing-library%2Fdom\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@testing-library/dom\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^10.4.1\"}]]}]\n3d:[\"$\",\"$L5\",\"@testing-library/jest-dom\",{\"href\":\"/package/%40testing-library%2Fjest-dom\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@testing-library/jest-dom\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^6.9.1\"}]]}]\n3e:[\"$\",\"$L5\",\"@testing-library/react\",{\"href\":\"/package/%40testing-library%2Freact\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@testing-library/react\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^16.3.2\"}]]}]\n3f:[\"$\",\"$L5\",\"@testing-library/user-event\",{\"href\":\"/package/%40testing-library%2Fuser-event\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@testing-library/user-event\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^14.6.1\"}]]}]\n40:[\"$\",\"$L5\",\"@types/bun\",{\"href\":\"/package/%40types"])</script><script>self.__next_f.push([1,"%2Fbun\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@types/bun\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.3.8\"}]]}]\n41:[\"$\",\"$L5\",\"@types/node\",{\"href\":\"/package/%40types%2Fnode\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@types/node\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^24.10.9\"}]]}]\n42:[\"$\",\"$L5\",\"@types/react\",{\"href\":\"/package/%40types%2Freact\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@types/react\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^19.2.10\"}]]}]\n43:[\"$\",\"$L5\",\"@types/react-dom\",{\"href\":\"/package/%40types%2Freact-dom\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@types/react-dom\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^19.2.3\"}]]}]\n44:[\"$\",\"$L5\",\"@typescript/native-preview\",{\"href\":\"/package/%40typescript%2Fnative-preview\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@"])</script><script>self.__next_f.push([1,"typescript/native-preview\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^7.0.0-dev.20260129.1\"}]]}]\n45:[\"$\",\"$L5\",\"daisyui\",{\"href\":\"/package/daisyui\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"daisyui\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.5.14\"}]]}]\n46:[\"$\",\"$L5\",\"playwright\",{\"href\":\"/package/playwright\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"playwright\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.58.0\"}]]}]\n47:[\"$\",\"$L5\",\"react\",{\"href\":\"/package/react\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"react\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^19.2.4\"}]]}]\n48:[\"$\",\"$L5\",\"react-dom\",{\"href\":\"/package/react-dom\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"react-dom\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^19.2.4\"}]]}]\n49:[\"$\",\"$L5\",\"release-it\",{\"href\":\"/package/release-it\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opaci"])</script><script>self.__next_f.push([1,"ty group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"release-it\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^19.2.4\"}]]}]\n4a:[\"$\",\"$L5\",\"storybook\",{\"href\":\"/package/storybook\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"storybook\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^10.2.1\"}]]}]\n4b:[\"$\",\"$L5\",\"tailwindcss\",{\"href\":\"/package/tailwindcss\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"tailwindcss\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^4.1.18\"}]]}]\n4c:[\"$\",\"$L5\",\"typescript\",{\"href\":\"/package/typescript\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"typescript\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.9.3\"}]]}]\n"])</script><div hidden id="S:3"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-dependencies" hidden="" id="radix-_R_aav5ubrb_-content-dependencies" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><div hidden id="S:4"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-versions" hidden="" id="radix-_R_aav5ubrb_-content-versions" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS("S:4","P:4")</script><script>$RC("B:1","S:1")</script></body></html>