@codefast/ui 0.0.13 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/dist/accordion.js +3 -9
  2. package/dist/accordion.js.map +1 -1
  3. package/dist/accordion.mjs +3 -9
  4. package/dist/accordion.mjs.map +1 -1
  5. package/dist/alert-dialog.js +6 -19
  6. package/dist/alert-dialog.js.map +1 -1
  7. package/dist/alert-dialog.mjs +4 -17
  8. package/dist/alert-dialog.mjs.map +1 -1
  9. package/dist/breadcrumb.js +1 -2
  10. package/dist/breadcrumb.js.map +1 -1
  11. package/dist/breadcrumb.mjs +1 -2
  12. package/dist/breadcrumb.mjs.map +1 -1
  13. package/dist/button.d.mts +1 -1
  14. package/dist/button.d.ts +1 -1
  15. package/dist/button.js +3 -3
  16. package/dist/button.mjs +2 -2
  17. package/dist/calendar.js +4 -4
  18. package/dist/calendar.mjs +2 -2
  19. package/dist/carousel.js +4 -4
  20. package/dist/carousel.mjs +2 -2
  21. package/dist/checkbox-cards.js +2 -6
  22. package/dist/checkbox-cards.js.map +1 -1
  23. package/dist/checkbox-cards.mjs +2 -6
  24. package/dist/checkbox-cards.mjs.map +1 -1
  25. package/dist/checkbox-group.js +1 -5
  26. package/dist/checkbox-group.js.map +1 -1
  27. package/dist/checkbox-group.mjs +1 -5
  28. package/dist/checkbox-group.mjs.map +1 -1
  29. package/dist/checkbox.js +1 -5
  30. package/dist/checkbox.js.map +1 -1
  31. package/dist/checkbox.mjs +1 -5
  32. package/dist/checkbox.mjs.map +1 -1
  33. package/dist/{chunk-V2254PQL.mjs → chunk-73S45XV3.mjs} +2 -5
  34. package/dist/chunk-73S45XV3.mjs.map +1 -0
  35. package/dist/{chunk-7S4DOWLB.js → chunk-AOIW2XNK.js} +2 -8
  36. package/dist/chunk-AOIW2XNK.js.map +1 -0
  37. package/dist/{chunk-6J6VPUBP.mjs → chunk-AUQEMOIM.mjs} +2 -8
  38. package/dist/chunk-AUQEMOIM.mjs.map +1 -0
  39. package/dist/{chunk-OK63Q6EJ.mjs → chunk-BBQXHKST.mjs} +2 -3
  40. package/dist/chunk-BBQXHKST.mjs.map +1 -0
  41. package/dist/{chunk-LNSEYAPJ.js → chunk-OSFYUOPN.js} +2 -3
  42. package/dist/chunk-OSFYUOPN.js.map +1 -0
  43. package/dist/{chunk-BWCO2ZQQ.js → chunk-TFYKPLNV.js} +4 -8
  44. package/dist/chunk-TFYKPLNV.js.map +1 -0
  45. package/dist/{chunk-IXEJO7ZP.js → chunk-TH24V27M.js} +7 -26
  46. package/dist/chunk-TH24V27M.js.map +1 -0
  47. package/dist/{chunk-XCKLBP2V.mjs → chunk-TXRIFICH.mjs} +7 -26
  48. package/dist/chunk-TXRIFICH.mjs.map +1 -0
  49. package/dist/{chunk-WFXEFJRB.mjs → chunk-U6VR5RJ5.mjs} +3 -7
  50. package/dist/chunk-U6VR5RJ5.mjs.map +1 -0
  51. package/dist/{chunk-MDSPK3M6.js → chunk-Y3DZHPJ5.js} +2 -5
  52. package/dist/chunk-Y3DZHPJ5.js.map +1 -0
  53. package/dist/command.d.mts +14 -14
  54. package/dist/command.d.ts +14 -14
  55. package/dist/command.js +2 -2
  56. package/dist/command.mjs +1 -1
  57. package/dist/data-table.js +12 -12
  58. package/dist/data-table.mjs +3 -3
  59. package/dist/dialog.js +2 -2
  60. package/dist/dialog.mjs +1 -1
  61. package/dist/input-otp.js +1 -1
  62. package/dist/input-otp.js.map +1 -1
  63. package/dist/input-otp.mjs +1 -1
  64. package/dist/input-otp.mjs.map +1 -1
  65. package/dist/input.js +1 -7
  66. package/dist/input.js.map +1 -1
  67. package/dist/input.mjs +1 -7
  68. package/dist/input.mjs.map +1 -1
  69. package/dist/navigation-menu.js +2 -3
  70. package/dist/navigation-menu.js.map +1 -1
  71. package/dist/navigation-menu.mjs +2 -3
  72. package/dist/navigation-menu.mjs.map +1 -1
  73. package/dist/pagination.js +3 -3
  74. package/dist/pagination.mjs +2 -2
  75. package/dist/radio-cards.js +1 -5
  76. package/dist/radio-cards.js.map +1 -1
  77. package/dist/radio-cards.mjs +1 -5
  78. package/dist/radio-cards.mjs.map +1 -1
  79. package/dist/radio-group.js +2 -10
  80. package/dist/radio-group.js.map +1 -1
  81. package/dist/radio-group.mjs +2 -10
  82. package/dist/radio-group.mjs.map +1 -1
  83. package/dist/radio.js +1 -7
  84. package/dist/radio.js.map +1 -1
  85. package/dist/radio.mjs +1 -7
  86. package/dist/radio.mjs.map +1 -1
  87. package/dist/resizable.js +1 -2
  88. package/dist/resizable.js.map +1 -1
  89. package/dist/resizable.mjs +1 -2
  90. package/dist/resizable.mjs.map +1 -1
  91. package/dist/select.js +2 -2
  92. package/dist/select.mjs +1 -1
  93. package/dist/sheet.js +6 -22
  94. package/dist/sheet.js.map +1 -1
  95. package/dist/sheet.mjs +6 -22
  96. package/dist/sheet.mjs.map +1 -1
  97. package/dist/slider.js +7 -8
  98. package/dist/slider.js.map +1 -1
  99. package/dist/slider.mjs +6 -7
  100. package/dist/slider.mjs.map +1 -1
  101. package/dist/spinner.js +2 -2
  102. package/dist/spinner.mjs +1 -1
  103. package/dist/styles.css +1 -1
  104. package/dist/styles.css.map +1 -1
  105. package/dist/switch.js +1 -2
  106. package/dist/switch.js.map +1 -1
  107. package/dist/switch.mjs +1 -2
  108. package/dist/switch.mjs.map +1 -1
  109. package/dist/tabs.js +2 -4
  110. package/dist/tabs.js.map +1 -1
  111. package/dist/tabs.mjs +2 -4
  112. package/dist/tabs.mjs.map +1 -1
  113. package/dist/textarea.js +1 -2
  114. package/dist/textarea.js.map +1 -1
  115. package/dist/textarea.mjs +1 -2
  116. package/dist/textarea.mjs.map +1 -1
  117. package/dist/toggle-group.js +2 -2
  118. package/dist/toggle-group.mjs +1 -1
  119. package/dist/toggle.js +2 -2
  120. package/dist/toggle.mjs +1 -1
  121. package/package.json +3 -4
  122. package/src/accordion.tsx +3 -9
  123. package/src/alert-dialog.tsx +2 -12
  124. package/src/breadcrumb.tsx +1 -2
  125. package/src/button.tsx +1 -5
  126. package/src/checkbox-cards.tsx +2 -6
  127. package/src/checkbox-group.tsx +1 -5
  128. package/src/checkbox.tsx +1 -5
  129. package/src/dialog.tsx +3 -15
  130. package/src/input-otp.tsx +1 -1
  131. package/src/input.tsx +1 -7
  132. package/src/navigation-menu.tsx +3 -3
  133. package/src/radio-cards.tsx +1 -5
  134. package/src/radio-group.tsx +2 -7
  135. package/src/radio.tsx +1 -7
  136. package/src/resizable.tsx +1 -2
  137. package/src/select.tsx +1 -2
  138. package/src/sheet.tsx +3 -12
  139. package/src/slider.tsx +9 -6
  140. package/src/spinner.tsx +1 -4
  141. package/src/switch.tsx +1 -2
  142. package/src/tabs.tsx +2 -4
  143. package/src/textarea.tsx +1 -2
  144. package/src/toggle.tsx +1 -7
  145. package/tailwind.config.ts +4 -1
  146. package/dist/chunk-6J6VPUBP.mjs.map +0 -1
  147. package/dist/chunk-7S4DOWLB.js.map +0 -1
  148. package/dist/chunk-BWCO2ZQQ.js.map +0 -1
  149. package/dist/chunk-IXEJO7ZP.js.map +0 -1
  150. package/dist/chunk-LNSEYAPJ.js.map +0 -1
  151. package/dist/chunk-MDSPK3M6.js.map +0 -1
  152. package/dist/chunk-OK63Q6EJ.mjs.map +0 -1
  153. package/dist/chunk-V2254PQL.mjs.map +0 -1
  154. package/dist/chunk-WFXEFJRB.mjs.map +0 -1
  155. package/dist/chunk-XCKLBP2V.mjs.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = cva({\n base: \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className={cn(\"relative top-px ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\")}\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full focus:outline-none md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className={cn(\"perspective-[2000px] absolute left-0 top-full flex justify-center\")}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"data-[state=visible]:animate-in data-[state=visible]:fade-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden transition\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,YAAY,6BAA6B;AAoBrC,SAME,KANF;AAbJ,IAAM,gCAAgC,IAAI;AAAA,EACxC,MAAM;AACR,CAAC;AASD,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mEAAmE,SAAS;AAAA,MACzF,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EAC1B;AAEJ;AAEA,eAAe,cAAsC,6BAAK;AAS1D,IAAM,qBAA2B;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qEAAqE,SAAS;AAAA,MAC3F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,mBAAmB,cAAsC,6BAAK;AAQ9D,IAAM,qBAA6C;AASnD,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,8BAA8B;AAAA,QACvC,WAAW,CAAC,SAAS,SAAS;AAAA,MAChC,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,yFAAyF;AAAA,YACvG,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AASpE,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AAQpE,IAAM,qBAA6C;AASnD,IAAM,yBAA+B;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,WAAW,GAAG,mEAAmE,GACpF;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,uBAAuB,cAAsC,iCAAS;AAStE,IAAM,0BAAgC;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,0EAAyE;AAAA;AAAA,EAC1F;AAEJ;AAEA,wBAAwB,cAAsC,kCAAU;","names":[]}
1
+ {"version":3,"sources":["../src/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = cva({\n base: \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className={cn(\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\")}\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full focus:outline-none md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className={cn(\"perspective-[2000px] absolute left-0 top-full flex justify-center\")}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border shadow transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"data-[state=visible]:animate-in data-[state=visible]:fade-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden transition\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,YAAY,6BAA6B;AAoBrC,SAME,KANF;AAbJ,IAAM,gCAAgC,IAAI;AAAA,EACxC,MAAM;AACR,CAAC;AASD,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mEAAmE,SAAS;AAAA,MACzF,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EAC1B;AAEJ;AAEA,eAAe,cAAsC,6BAAK;AAS1D,IAAM,qBAA2B;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qEAAqE,SAAS;AAAA,MAC3F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,mBAAmB,cAAsC,6BAAK;AAQ9D,IAAM,qBAA6C;AASnD,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,8BAA8B;AAAA,QACvC,WAAW,CAAC,SAAS,SAAS;AAAA,MAChC,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,wFAAwF;AAAA,YACtG,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AASpE,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AAQpE,IAAM,qBAA6C;AASnD,IAAM,yBAA+B;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,WAAW,GAAG,mEAAmE,GACpF;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,uBAAuB,cAAsC,iCAAS;AAStE,IAAM,0BAAgC;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,0EAAyE;AAAA;AAAA,EAC1F;AAEJ;AAEA,wBAAwB,cAAsC,kCAAU;","names":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
2
2
 
3
- var _chunkBWCO2ZQQjs = require('./chunk-BWCO2ZQQ.js');
4
- require('./chunk-MDSPK3M6.js');
3
+ var _chunkTFYKPLNVjs = require('./chunk-TFYKPLNV.js');
4
+ require('./chunk-Y3DZHPJ5.js');
5
5
 
6
6
 
7
7
  var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
@@ -38,7 +38,7 @@ function PaginationLink({
38
38
  "a",
39
39
  {
40
40
  "aria-current": isActive ? "page" : void 0,
41
- className: _chunkBWCO2ZQQjs.buttonVariants.call(void 0, {
41
+ className: _chunkTFYKPLNVjs.buttonVariants.call(void 0, {
42
42
  variant: isActive ? "outline" : "ghost",
43
43
  size,
44
44
  className
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  buttonVariants
3
- } from "./chunk-WFXEFJRB.mjs";
4
- import "./chunk-V2254PQL.mjs";
3
+ } from "./chunk-U6VR5RJ5.mjs";
4
+ import "./chunk-73S45XV3.mjs";
5
5
  import {
6
6
  cn
7
7
  } from "./chunk-UG3URV2Z.mjs";
@@ -17,11 +17,7 @@ var RadioCardsItem = React.forwardRef(({ className, ...props }, ref) => {
17
17
  {
18
18
  ref,
19
19
  className: _chunkG3NP7M2Njs.cn.call(void 0,
20
- "border-compound/70 text-compound-foreground group peer flex cursor-default items-center justify-center rounded-md border p-4",
21
- "hover:border-compound",
22
- "aria-checked:border-primary",
23
- "disabled:cursor-not-allowed disabled:opacity-50",
24
- "focus-visible:bg-primary/10 focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
20
+ "border-compound/70 text-compound-foreground hover:border-compound aria-checked:border-primary focus-visible:bg-primary/10 focus-visible:ring-ring group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
25
21
  className
26
22
  ),
27
23
  ...props
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/radio-cards.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCards\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioCards = React.forwardRef<RadioCardsElement, RadioCardsProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioCards.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCardsItem\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioCardsItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 text-compound-foreground group peer flex cursor-default items-center justify-center rounded-md border p-4\",\n \"hover:border-compound\",\n \"aria-checked:border-primary\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:bg-primary/10 focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadioCardsItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioCards, RadioCardsItem, type RadioCardsProps, type RadioCardsItemProps };\n"]}
1
+ {"version":3,"sources":["../src/radio-cards.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCards\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioCards = React.forwardRef<RadioCardsElement, RadioCardsProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioCards.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCardsItem\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioCardsItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 text-compound-foreground hover:border-compound aria-checked:border-primary focus-visible:bg-primary/10 focus-visible:ring-ring group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadioCardsItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioCards, RadioCardsItem, type RadioCardsProps, type RadioCardsItemProps };\n"]}
@@ -17,11 +17,7 @@ var RadioCardsItem = React.forwardRef(({ className, ...props }, ref) => {
17
17
  {
18
18
  ref,
19
19
  className: cn(
20
- "border-compound/70 text-compound-foreground group peer flex cursor-default items-center justify-center rounded-md border p-4",
21
- "hover:border-compound",
22
- "aria-checked:border-primary",
23
- "disabled:cursor-not-allowed disabled:opacity-50",
24
- "focus-visible:bg-primary/10 focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
20
+ "border-compound/70 text-compound-foreground hover:border-compound aria-checked:border-primary focus-visible:bg-primary/10 focus-visible:ring-ring group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
25
21
  className
26
22
  ),
27
23
  ...props
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/radio-cards.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCards\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioCards = React.forwardRef<RadioCardsElement, RadioCardsProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioCards.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCardsItem\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioCardsItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 text-compound-foreground group peer flex cursor-default items-center justify-center rounded-md border p-4\",\n \"hover:border-compound\",\n \"aria-checked:border-primary\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:bg-primary/10 focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadioCardsItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioCards, RadioCardsItem, type RadioCardsProps, type RadioCardsItemProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK;","names":[]}
1
+ {"version":3,"sources":["../src/radio-cards.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCards\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioCards = React.forwardRef<RadioCardsElement, RadioCardsProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioCards.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCardsItem\n * -------------------------------------------------------------------------- */\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioCardsItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 text-compound-foreground hover:border-compound aria-checked:border-primary focus-visible:bg-primary/10 focus-visible:ring-ring group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadioCardsItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioCards, RadioCardsItem, type RadioCardsProps, type RadioCardsItemProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK;","names":[]}
@@ -17,19 +17,11 @@ var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
17
17
  {
18
18
  ref,
19
19
  className: _chunkG3NP7M2Njs.cn.call(void 0,
20
- "border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border disabled:cursor-not-allowed disabled:opacity-50",
21
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
20
+ "border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary focus-visible:ring-ring group peer aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
22
21
  className
23
22
  ),
24
23
  ...props,
25
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
26
- RadioGroupPrimitive.Indicator,
27
- {
28
- className: _chunkG3NP7M2Njs.cn.call(void 0,
29
- "after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full"
30
- )
31
- }
32
- )
24
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioGroupPrimitive.Indicator, { className: "after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full" })
33
25
  }
34
26
  );
35
27
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/radio-group.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAqB;AAAA,QAApB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n className={cn(\n \"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\",\n )}\n />\n </RadioGroupPrimitive.Item>\n );\n});\n\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };\n"]}
1
+ {"version":3,"sources":["../src/radio-group.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAqB,+BAApB,EAA8B,WAAU,0HAAyH;AAAA;AAAA,EACpK;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary focus-visible:ring-ring group peer aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\" />\n </RadioGroupPrimitive.Item>\n );\n});\n\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };\n"]}
@@ -17,19 +17,11 @@ var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
17
17
  {
18
18
  ref,
19
19
  className: cn(
20
- "border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border disabled:cursor-not-allowed disabled:opacity-50",
21
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
20
+ "border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary focus-visible:ring-ring group peer aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
22
21
  className
23
22
  ),
24
23
  ...props,
25
- children: /* @__PURE__ */ jsx(
26
- RadioGroupPrimitive.Indicator,
27
- {
28
- className: cn(
29
- "after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full"
30
- )
31
- }
32
- )
24
+ children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full" })
33
25
  }
34
26
  );
35
27
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n className={cn(\n \"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\",\n )}\n />\n </RadioGroupPrimitive.Item>\n );\n});\n\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAqB;AAAA,QAApB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK;","names":[]}
1
+ {"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\nconst RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\n\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ntype RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\n\nconst RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary focus-visible:ring-ring group peer aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\" />\n </RadioGroupPrimitive.Item>\n );\n});\n\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAW5B;AADT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAqB,+BAApB,EAA8B,WAAU,0HAAyH;AAAA;AAAA,EACpK;AAEJ,CAAC;AAED,eAAe,cAAkC,yBAAK;","names":[]}
package/dist/radio.js CHANGED
@@ -15,13 +15,7 @@ var Radio = React.forwardRef(({ className, onValueChange, onChange, ...props },
15
15
  type: "radio",
16
16
  onChange: _primitive.composeEventHandlers.call(void 0, onChange, (event) => _optionalChain([onValueChange, 'optionalCall', _ => _(event.currentTarget.value)])),
17
17
  className: _chunkG3NP7M2Njs.cn.call(void 0,
18
- "peer relative flex appearance-none items-center justify-center rounded-full",
19
- "disabled:cursor-not-allowed disabled:opacity-50",
20
- "before:border-compound/70 before:size-4 before:rounded-full before:border",
21
- "hover:before:border-compound",
22
- "checked:before:border-primary",
23
- "checked:after:bg-primary checked:after:absolute checked:after:size-2.5 checked:after:rounded-full",
24
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
18
+ "before:border-compound/70 hover:before:border-compound checked:before:border-primary checked:after:bg-primary focus-visible:ring-ring peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
25
19
  className
26
20
  ),
27
21
  ...props
package/dist/radio.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/radio.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AAejC;AAFJ,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,eAAe,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,UAAU,qBAAqB,UAAU,CAAC,UAAU,gBAAgB,MAAM,cAAc,KAAK,CAAC;AAAA,MAC9F,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,MAAM,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Radio\n * -------------------------------------------------------------------------- */\n\ntype RadioElement = HTMLInputElement;\n\ninterface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n onValueChange?: (value: string) => void;\n}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>(({ className, onValueChange, onChange, ...props }, ref) => {\n return (\n <input\n ref={ref}\n type=\"radio\"\n onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}\n className={cn(\n \"peer relative flex appearance-none items-center justify-center rounded-full\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"before:border-compound/70 before:size-4 before:rounded-full before:border\",\n \"hover:before:border-compound\",\n \"checked:before:border-primary\",\n \"checked:after:bg-primary checked:after:absolute checked:after:size-2.5 checked:after:rounded-full\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadio.displayName = \"Radio\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Radio };\n"]}
1
+ {"version":3,"sources":["../src/radio.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AAejC;AAFJ,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,eAAe,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,UAAU,qBAAqB,UAAU,CAAC,UAAU,gBAAgB,MAAM,cAAc,KAAK,CAAC;AAAA,MAC9F,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,MAAM,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Radio\n * -------------------------------------------------------------------------- */\n\ntype RadioElement = HTMLInputElement;\n\ninterface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n onValueChange?: (value: string) => void;\n}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>(({ className, onValueChange, onChange, ...props }, ref) => {\n return (\n <input\n ref={ref}\n type=\"radio\"\n onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}\n className={cn(\n \"before:border-compound/70 hover:before:border-compound checked:before:border-primary checked:after:bg-primary focus-visible:ring-ring peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadio.displayName = \"Radio\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Radio };\n"]}
package/dist/radio.mjs CHANGED
@@ -15,13 +15,7 @@ var Radio = React.forwardRef(({ className, onValueChange, onChange, ...props },
15
15
  type: "radio",
16
16
  onChange: composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value)),
17
17
  className: cn(
18
- "peer relative flex appearance-none items-center justify-center rounded-full",
19
- "disabled:cursor-not-allowed disabled:opacity-50",
20
- "before:border-compound/70 before:size-4 before:rounded-full before:border",
21
- "hover:before:border-compound",
22
- "checked:before:border-primary",
23
- "checked:after:bg-primary checked:after:absolute checked:after:size-2.5 checked:after:rounded-full",
24
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
18
+ "before:border-compound/70 hover:before:border-compound checked:before:border-primary checked:after:bg-primary focus-visible:ring-ring peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
25
19
  className
26
20
  ),
27
21
  ...props
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/radio.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Radio\n * -------------------------------------------------------------------------- */\n\ntype RadioElement = HTMLInputElement;\n\ninterface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n onValueChange?: (value: string) => void;\n}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>(({ className, onValueChange, onChange, ...props }, ref) => {\n return (\n <input\n ref={ref}\n type=\"radio\"\n onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}\n className={cn(\n \"peer relative flex appearance-none items-center justify-center rounded-full\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"before:border-compound/70 before:size-4 before:rounded-full before:border\",\n \"hover:before:border-compound\",\n \"checked:before:border-primary\",\n \"checked:after:bg-primary checked:after:absolute checked:after:size-2.5 checked:after:rounded-full\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadio.displayName = \"Radio\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Radio };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AAejC;AAFJ,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,eAAe,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,UAAU,qBAAqB,UAAU,CAAC,UAAU,gBAAgB,MAAM,cAAc,KAAK,CAAC;AAAA,MAC9F,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,MAAM,cAAc;","names":[]}
1
+ {"version":3,"sources":["../src/radio.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Radio\n * -------------------------------------------------------------------------- */\n\ntype RadioElement = HTMLInputElement;\n\ninterface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n onValueChange?: (value: string) => void;\n}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>(({ className, onValueChange, onChange, ...props }, ref) => {\n return (\n <input\n ref={ref}\n type=\"radio\"\n onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}\n className={cn(\n \"before:border-compound/70 hover:before:border-compound checked:before:border-primary checked:after:bg-primary focus-visible:ring-ring peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n});\n\nRadio.displayName = \"Radio\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Radio };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AAejC;AAFJ,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,eAAe,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,UAAU,qBAAqB,UAAU,CAAC,UAAU,gBAAgB,MAAM,cAAc,KAAK,CAAC;AAAA,MAC9F,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,MAAM,cAAc;","names":[]}
package/dist/resizable.js CHANGED
@@ -29,8 +29,7 @@ function ResizableHandle({
29
29
  ResizablePrimitive.PanelResizeHandle,
30
30
  {
31
31
  className: _chunkG3NP7M2Njs.cn.call(void 0,
32
- "bg-border relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
33
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
32
+ "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
34
33
  className
35
34
  ),
36
35
  ...props,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/resizable.tsx"],"names":[],"mappings":";;;;;;AAGA,YAAY,wBAAwB;AACpC,SAAS,2BAA2B;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAAkF;AAChF,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW,GAAG,sBAAsB,kDAAkD,SAAS;AAAA,MAC9F,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full\", \"data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}
1
+ {"version":3,"sources":["../src/resizable.tsx"],"names":[],"mappings":";;;;;;AAGA,YAAY,wBAAwB;AACpC,SAAS,2BAA2B;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAAkF;AAChF,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW,GAAG,sBAAsB,kDAAkD,SAAS;AAAA,MAC9F,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full\", \"data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}
@@ -29,8 +29,7 @@ function ResizableHandle({
29
29
  ResizablePrimitive.PanelResizeHandle,
30
30
  {
31
31
  className: cn(
32
- "bg-border relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
33
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
32
+ "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
34
33
  className
35
34
  ),
36
35
  ...props,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full\", \"data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;AAGA,YAAY,wBAAwB;AACpC,SAAS,2BAA2B;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAAkF;AAChF,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW,GAAG,sBAAsB,kDAAkD,SAAS;AAAA,MAC9F,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../src/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full\", \"data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;AAGA,YAAY,wBAAwB;AACpC,SAAS,2BAA2B;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAAkF;AAChF,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW,GAAG,sBAAsB,kDAAkD,SAAS;AAAA,MAC9F,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}
package/dist/select.js CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- var _chunkLNSEYAPJjs = require('./chunk-LNSEYAPJ.js');
13
+ var _chunkOSFYUOPNjs = require('./chunk-OSFYUOPN.js');
14
14
  require('./chunk-G3NP7M2N.js');
15
15
 
16
16
 
@@ -23,5 +23,5 @@ require('./chunk-G3NP7M2N.js');
23
23
 
24
24
 
25
25
 
26
- exports.Select = _chunkLNSEYAPJjs.Select; exports.SelectContent = _chunkLNSEYAPJjs.SelectContent; exports.SelectGroup = _chunkLNSEYAPJjs.SelectGroup; exports.SelectItem = _chunkLNSEYAPJjs.SelectItem; exports.SelectLabel = _chunkLNSEYAPJjs.SelectLabel; exports.SelectScrollDownButton = _chunkLNSEYAPJjs.SelectScrollDownButton; exports.SelectScrollUpButton = _chunkLNSEYAPJjs.SelectScrollUpButton; exports.SelectSeparator = _chunkLNSEYAPJjs.SelectSeparator; exports.SelectTrigger = _chunkLNSEYAPJjs.SelectTrigger; exports.SelectValue = _chunkLNSEYAPJjs.SelectValue;
26
+ exports.Select = _chunkOSFYUOPNjs.Select; exports.SelectContent = _chunkOSFYUOPNjs.SelectContent; exports.SelectGroup = _chunkOSFYUOPNjs.SelectGroup; exports.SelectItem = _chunkOSFYUOPNjs.SelectItem; exports.SelectLabel = _chunkOSFYUOPNjs.SelectLabel; exports.SelectScrollDownButton = _chunkOSFYUOPNjs.SelectScrollDownButton; exports.SelectScrollUpButton = _chunkOSFYUOPNjs.SelectScrollUpButton; exports.SelectSeparator = _chunkOSFYUOPNjs.SelectSeparator; exports.SelectTrigger = _chunkOSFYUOPNjs.SelectTrigger; exports.SelectValue = _chunkOSFYUOPNjs.SelectValue;
27
27
  //# sourceMappingURL=select.js.map
package/dist/select.mjs CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  SelectSeparator,
11
11
  SelectTrigger,
12
12
  SelectValue
13
- } from "./chunk-OK63Q6EJ.mjs";
13
+ } from "./chunk-BBQXHKST.mjs";
14
14
  import "./chunk-UG3URV2Z.mjs";
15
15
  export {
16
16
  Select,
package/dist/sheet.js CHANGED
@@ -10,7 +10,7 @@ var _reactdialog = require('@radix-ui/react-dialog'); var SheetPrimitive = _inte
10
10
  var _reacticons = require('@radix-ui/react-icons');
11
11
  var _jsxruntime = require('react/jsx-runtime');
12
12
  var sheetVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
13
- base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
13
+ base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out animation-ease-in-out data-[state=closed]:animation-duration-300 data-[state=open]:animation-duration-500 fixed z-50 gap-4 p-6 shadow-lg",
14
14
  variants: {
15
15
  side: {
16
16
  top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b",
@@ -28,29 +28,13 @@ var SheetTrigger = SheetPrimitive.Trigger;
28
28
  var SheetClose = SheetPrimitive.Close;
29
29
  var SheetContent = React.forwardRef(
30
30
  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Portal, { children: [
31
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
32
- SheetPrimitive.Overlay,
33
- {
34
- className: _chunkG3NP7M2Njs.cn.call(void 0,
35
- "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
36
- )
37
- }
38
- ),
31
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetPrimitive.Overlay, { className: "data-[state=open]:animate-in animation-duration-200 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80" }),
39
32
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Content, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, sheetVariants({ side }), className), ...props, children: [
40
33
  children,
41
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
42
- SheetPrimitive.Close,
43
- {
44
- className: _chunkG3NP7M2Njs.cn.call(void 0,
45
- "data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
46
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
47
- ),
48
- children: [
49
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
50
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
51
- ]
52
- }
53
- )
34
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Close, { className: "data-[state=open]:bg-secondary focus-visible:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none", children: [
35
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
36
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
37
+ ] })
54
38
  ] })
55
39
  ] })
56
40
  );
package/dist/sheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/sheet.tsx"],"names":[],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DrB,cAOE,YAPF;AAlDN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AASlC,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAgB,uBAAf,EACC;AAAA;AAAA,MAAgB;AAAA,MAAf;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAgB,wBAAf,EAAuB,KAAU,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF;AAAA;AAAA,MACD;AAAA,QAAgB;AAAA,QAAf;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,cAAW,WAAU,UAAS;AAAA,YAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,aAAa,cAA6B,uBAAQ;AAQlD,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AACvG;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,iEAAiE,SAAS,GAAI,GAAG,OAAO;AACpH;AAEA,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAgB,sBAAf,EAAqB,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OAAO,CAC/G;AAED,WAAW,cAA6B,qBAAM;AAS9C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAgB,4BAAf,EAA2B,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEhH;AAEA,iBAAiB,cAA6B,2BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n variants: {\n side: {\n top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n bottom:\n \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n left: \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n right:\n \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay\n className={cn(\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n )}\n />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n {children}\n <SheetPrimitive.Close\n className={cn(\n \"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n )}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\n}\n\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title ref={ref} className={cn(\"text-foreground text-lg font-semibold\", className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, ref) => (\n <SheetPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"]}
1
+ {"version":3,"sources":["../src/sheet.tsx"],"names":[],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DrB,cAGE,YAHF;AAlDN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AASlC,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAgB,uBAAf,EACC;AAAA,wBAAgB,wBAAf,EAAuB,WAAU,iLAAgL;AAAA,IAClN,qBAAgB,wBAAf,EAAuB,KAAU,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF;AAAA;AAAA,MACD,qBAAgB,sBAAf,EAAqB,WAAU,qPAC9B;AAAA,4BAAC,cAAW,WAAU,UAAS;AAAA,QAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,SACjC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,aAAa,cAA6B,uBAAQ;AAQlD,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AACvG;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,iEAAiE,SAAS,GAAI,GAAG,OAAO;AACpH;AAEA,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAgB,sBAAf,EAAqB,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OAAO,CAC/G;AAED,WAAW,cAA6B,qBAAM;AAS9C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAgB,4BAAf,EAA2B,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEhH;AAEA,iBAAiB,cAA6B,2BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out animation-ease-in-out data-[state=closed]:animation-duration-300 data-[state=open]:animation-duration-500 fixed z-50 gap-4 p-6 shadow-lg\",\n variants: {\n side: {\n top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n bottom:\n \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n left: \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n right:\n \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=open]:animate-in animation-duration-200 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n {children}\n <SheetPrimitive.Close className=\"data-[state=open]:bg-secondary focus-visible:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\n}\n\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title ref={ref} className={cn(\"text-foreground text-lg font-semibold\", className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, ref) => (\n <SheetPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"]}
package/dist/sheet.mjs CHANGED
@@ -10,7 +10,7 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
10
10
  import { Cross2Icon } from "@radix-ui/react-icons";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
12
12
  var sheetVariants = cva({
13
- base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
13
+ base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out animation-ease-in-out data-[state=closed]:animation-duration-300 data-[state=open]:animation-duration-500 fixed z-50 gap-4 p-6 shadow-lg",
14
14
  variants: {
15
15
  side: {
16
16
  top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b",
@@ -28,29 +28,13 @@ var SheetTrigger = SheetPrimitive.Trigger;
28
28
  var SheetClose = SheetPrimitive.Close;
29
29
  var SheetContent = React.forwardRef(
30
30
  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
31
- /* @__PURE__ */ jsx(
32
- SheetPrimitive.Overlay,
33
- {
34
- className: cn(
35
- "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
36
- )
37
- }
38
- ),
31
+ /* @__PURE__ */ jsx(SheetPrimitive.Overlay, { className: "data-[state=open]:animate-in animation-duration-200 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80" }),
39
32
  /* @__PURE__ */ jsxs(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
40
33
  children,
41
- /* @__PURE__ */ jsxs(
42
- SheetPrimitive.Close,
43
- {
44
- className: cn(
45
- "data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
46
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
47
- ),
48
- children: [
49
- /* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
50
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
51
- ]
52
- }
53
- )
34
+ /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "data-[state=open]:bg-secondary focus-visible:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none", children: [
35
+ /* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
36
+ /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
37
+ ] })
54
38
  ] })
55
39
  ] })
56
40
  );
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n variants: {\n side: {\n top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n bottom:\n \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n left: \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n right:\n \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay\n className={cn(\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n )}\n />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n {children}\n <SheetPrimitive.Close\n className={cn(\n \"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n )}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\n}\n\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title ref={ref} className={cn(\"text-foreground text-lg font-semibold\", className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, ref) => (\n <SheetPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DrB,cAOE,YAPF;AAlDN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AASlC,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAgB,uBAAf,EACC;AAAA;AAAA,MAAgB;AAAA,MAAf;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAgB,wBAAf,EAAuB,KAAU,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF;AAAA;AAAA,MACD;AAAA,QAAgB;AAAA,QAAf;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,cAAW,WAAU,UAAS;AAAA,YAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,aAAa,cAA6B,uBAAQ;AAQlD,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AACvG;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,iEAAiE,SAAS,GAAI,GAAG,OAAO;AACpH;AAEA,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAgB,sBAAf,EAAqB,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OAAO,CAC/G;AAED,WAAW,cAA6B,qBAAM;AAS9C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAgB,4BAAf,EAA2B,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEhH;AAEA,iBAAiB,cAA6B,2BAAY;","names":[]}
1
+ {"version":3,"sources":["../src/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out animation-ease-in-out data-[state=closed]:animation-duration-300 data-[state=open]:animation-duration-500 fixed z-50 gap-4 p-6 shadow-lg\",\n variants: {\n side: {\n top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n bottom:\n \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n left: \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n right:\n \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n});\n\ntype SheetVariantsProps = VariantProps<typeof sheetVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=open]:animate-in animation-duration-200 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n {children}\n <SheetPrimitive.Close className=\"data-[state=open]:bg-secondary focus-visible:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\n}\n\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title ref={ref} className={cn(\"text-foreground text-lg font-semibold\", className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, ref) => (\n <SheetPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AA0DrB,cAGE,YAHF;AAlDN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AASD,IAAM,QAAuB;AAO7B,IAAM,eAA8B;AAOpC,IAAM,aAA4B;AASlC,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAgB,uBAAf,EACC;AAAA,wBAAgB,wBAAf,EAAuB,WAAU,iLAAgL;AAAA,IAClN,qBAAgB,wBAAf,EAAuB,KAAU,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF;AAAA;AAAA,MACD,qBAAgB,sBAAf,EAAqB,WAAU,qPAC9B;AAAA,4BAAC,cAAW,WAAU,UAAS;AAAA,QAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,SACjC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,aAAa,cAA6B,uBAAQ;AAQlD,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AACvG;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAwC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,iEAAiE,SAAS,GAAI,GAAG,OAAO;AACpH;AAEA,YAAY,cAAc;AAS1B,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAChG,oBAAgB,sBAAf,EAAqB,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OAAO,CAC/G;AAED,WAAW,cAA6B,qBAAM;AAS9C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAgB,4BAAf,EAA2B,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEhH;AAEA,iBAAiB,cAA6B,2BAAY;","names":[]}
package/dist/slider.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
2
2
 
3
3
 
4
4
  var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
@@ -15,15 +15,14 @@ var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
15
15
  ...props,
16
16
  children: [
17
17
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }),
18
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
18
+ (_nullishCoalesce(_nullishCoalesce(props.value, () => ( props.defaultValue)), () => ( []))).map((value, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
19
19
  SliderPrimitive.Thumb,
20
20
  {
21
- className: _chunkG3NP7M2Njs.cn.call(void 0,
22
- "border-primary/50 bg-background block size-4 rounded-full border shadow transition-colors disabled:pointer-events-none disabled:opacity-50",
23
- "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
24
- )
25
- }
26
- )
21
+ className: "border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
22
+ ...props.tabIndex !== void 0 ? { tabIndex: props.tabIndex } : void 0
23
+ },
24
+ index
25
+ ))
27
26
  ]
28
27
  }
29
28
  ));