lynote-ui 0.0.2 → 0.0.3

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 (270) hide show
  1. package/README.md +110 -9
  2. package/dist/accordion/index.d.ts +1 -1
  3. package/dist/accordion/index.js +4 -4
  4. package/dist/accordion/index.js.map +1 -1
  5. package/dist/accordion/index.mjs +4 -4
  6. package/dist/accordion/index.mjs.map +1 -1
  7. package/dist/alert/index.d.ts +1 -1
  8. package/dist/alert/index.js +5 -5
  9. package/dist/alert/index.js.map +1 -1
  10. package/dist/alert/index.mjs +5 -5
  11. package/dist/alert/index.mjs.map +1 -1
  12. package/dist/alert-dialog/index.js +8 -8
  13. package/dist/alert-dialog/index.js.map +1 -1
  14. package/dist/alert-dialog/index.mjs +8 -8
  15. package/dist/alert-dialog/index.mjs.map +1 -1
  16. package/dist/aspect-ratio/index.js +2 -2
  17. package/dist/aspect-ratio/index.js.map +1 -1
  18. package/dist/aspect-ratio/index.mjs +2 -2
  19. package/dist/aspect-ratio/index.mjs.map +1 -1
  20. package/dist/avatar/index.d.ts +1 -1
  21. package/dist/avatar/index.js +6 -6
  22. package/dist/avatar/index.js.map +1 -1
  23. package/dist/avatar/index.mjs +6 -6
  24. package/dist/avatar/index.mjs.map +1 -1
  25. package/dist/badge/index.js +2 -2
  26. package/dist/badge/index.js.map +1 -1
  27. package/dist/badge/index.mjs +2 -2
  28. package/dist/badge/index.mjs.map +1 -1
  29. package/dist/breadcrumb/index.d.ts +1 -1
  30. package/dist/breadcrumb/index.js +3 -3
  31. package/dist/breadcrumb/index.js.map +1 -1
  32. package/dist/breadcrumb/index.mjs +3 -3
  33. package/dist/breadcrumb/index.mjs.map +1 -1
  34. package/dist/button/index.js +8 -8
  35. package/dist/button/index.js.map +1 -1
  36. package/dist/button/index.mjs +8 -8
  37. package/dist/button/index.mjs.map +1 -1
  38. package/dist/button-group/index.js +3 -3
  39. package/dist/button-group/index.js.map +1 -1
  40. package/dist/button-group/index.mjs +3 -3
  41. package/dist/button-group/index.mjs.map +1 -1
  42. package/dist/calendar/index.js +4 -4
  43. package/dist/calendar/index.js.map +1 -1
  44. package/dist/calendar/index.mjs +4 -4
  45. package/dist/calendar/index.mjs.map +1 -1
  46. package/dist/card/index.d.ts +1 -1
  47. package/dist/card/index.js +6 -6
  48. package/dist/card/index.js.map +1 -1
  49. package/dist/card/index.mjs +6 -6
  50. package/dist/card/index.mjs.map +1 -1
  51. package/dist/carousel/index.d.ts +1 -1
  52. package/dist/carousel/index.js +3 -3
  53. package/dist/carousel/index.js.map +1 -1
  54. package/dist/carousel/index.mjs +3 -3
  55. package/dist/carousel/index.mjs.map +1 -1
  56. package/dist/chart/index.d.ts +1 -1
  57. package/dist/chart/index.js +7 -7
  58. package/dist/chart/index.js.map +1 -1
  59. package/dist/chart/index.mjs +7 -7
  60. package/dist/chart/index.mjs.map +1 -1
  61. package/dist/checkbox/index.js +2 -2
  62. package/dist/checkbox/index.js.map +1 -1
  63. package/dist/checkbox/index.mjs +2 -2
  64. package/dist/checkbox/index.mjs.map +1 -1
  65. package/dist/collapsible/index.d.ts +1 -1
  66. package/dist/collapsible/index.js.map +1 -1
  67. package/dist/collapsible/index.mjs.map +1 -1
  68. package/dist/combobox/index.d.ts +1 -1
  69. package/dist/combobox/index.js +10 -10
  70. package/dist/combobox/index.js.map +1 -1
  71. package/dist/combobox/index.mjs +10 -10
  72. package/dist/combobox/index.mjs.map +1 -1
  73. package/dist/command/index.d.ts +1 -1
  74. package/dist/command/index.js +10 -10
  75. package/dist/command/index.js.map +1 -1
  76. package/dist/command/index.mjs +10 -10
  77. package/dist/command/index.mjs.map +1 -1
  78. package/dist/context-menu/index.d.ts +1 -1
  79. package/dist/context-menu/index.js +9 -9
  80. package/dist/context-menu/index.js.map +1 -1
  81. package/dist/context-menu/index.mjs +9 -9
  82. package/dist/context-menu/index.mjs.map +1 -1
  83. package/dist/date-picker/index.js.map +1 -1
  84. package/dist/date-picker/index.mjs.map +1 -1
  85. package/dist/dialog/index.js +7 -7
  86. package/dist/dialog/index.js.map +1 -1
  87. package/dist/dialog/index.mjs +7 -7
  88. package/dist/dialog/index.mjs.map +1 -1
  89. package/dist/drawer/index.d.ts +1 -1
  90. package/dist/drawer/index.js +6 -6
  91. package/dist/drawer/index.js.map +1 -1
  92. package/dist/drawer/index.mjs +6 -6
  93. package/dist/drawer/index.mjs.map +1 -1
  94. package/dist/dropdown-menu/index.d.ts +1 -1
  95. package/dist/dropdown-menu/index.js +10 -10
  96. package/dist/dropdown-menu/index.js.map +1 -1
  97. package/dist/dropdown-menu/index.mjs +10 -10
  98. package/dist/dropdown-menu/index.mjs.map +1 -1
  99. package/dist/empty/index.d.ts +1 -1
  100. package/dist/empty/index.js +5 -5
  101. package/dist/empty/index.js.map +1 -1
  102. package/dist/empty/index.mjs +5 -5
  103. package/dist/empty/index.mjs.map +1 -1
  104. package/dist/field/index.d.ts +1 -1
  105. package/dist/field/index.js +9 -9
  106. package/dist/field/index.js.map +1 -1
  107. package/dist/field/index.mjs +9 -9
  108. package/dist/field/index.mjs.map +1 -1
  109. package/dist/form/index.js +1 -1
  110. package/dist/form/index.mjs +1 -1
  111. package/dist/{form-DaFoHvkT.mjs → form-DLd4sOko.mjs} +2 -2
  112. package/dist/form-DLd4sOko.mjs.map +1 -0
  113. package/dist/{form-CJuxZz3w.js → form-h_cJBAwg.js} +2 -2
  114. package/dist/form-h_cJBAwg.js.map +1 -0
  115. package/dist/hover-card/index.d.ts +1 -1
  116. package/dist/hover-card/index.js +2 -2
  117. package/dist/hover-card/index.js.map +1 -1
  118. package/dist/hover-card/index.mjs +2 -2
  119. package/dist/hover-card/index.mjs.map +1 -1
  120. package/dist/index.d.ts +1 -1
  121. package/dist/index.js +2 -3
  122. package/dist/index.js.map +1 -1
  123. package/dist/index.mjs +4 -4
  124. package/dist/index.mjs.map +1 -1
  125. package/dist/input/index.js +2 -2
  126. package/dist/input/index.js.map +1 -1
  127. package/dist/input/index.mjs +2 -2
  128. package/dist/input/index.mjs.map +1 -1
  129. package/dist/input-group/index.d.ts +1 -1
  130. package/dist/input-group/index.js +8 -8
  131. package/dist/input-group/index.js.map +1 -1
  132. package/dist/input-group/index.mjs +8 -8
  133. package/dist/input-group/index.mjs.map +1 -1
  134. package/dist/input-otp/index.js +1 -1
  135. package/dist/input-otp/index.js.map +1 -1
  136. package/dist/input-otp/index.mjs +1 -1
  137. package/dist/input-otp/index.mjs.map +1 -1
  138. package/dist/item/index.d.ts +1 -1
  139. package/dist/item/index.js +8 -8
  140. package/dist/item/index.js.map +1 -1
  141. package/dist/item/index.mjs +8 -8
  142. package/dist/item/index.mjs.map +1 -1
  143. package/dist/kbd/index.js +2 -2
  144. package/dist/kbd/index.js.map +1 -1
  145. package/dist/kbd/index.mjs +2 -2
  146. package/dist/kbd/index.mjs.map +1 -1
  147. package/dist/label/index.js +2 -2
  148. package/dist/label/index.js.map +1 -1
  149. package/dist/label/index.mjs +2 -2
  150. package/dist/label/index.mjs.map +1 -1
  151. package/dist/menubar/index.d.ts +1 -1
  152. package/dist/menubar/index.js +11 -11
  153. package/dist/menubar/index.js.map +1 -1
  154. package/dist/menubar/index.mjs +11 -11
  155. package/dist/menubar/index.mjs.map +1 -1
  156. package/dist/native-select/index.js +3 -3
  157. package/dist/native-select/index.js.map +1 -1
  158. package/dist/native-select/index.mjs +3 -3
  159. package/dist/native-select/index.mjs.map +1 -1
  160. package/dist/navigation-menu/index.d.ts +1 -1
  161. package/dist/navigation-menu/index.js +10 -10
  162. package/dist/navigation-menu/index.js.map +1 -1
  163. package/dist/navigation-menu/index.mjs +10 -10
  164. package/dist/navigation-menu/index.mjs.map +1 -1
  165. package/dist/pagination/index.js +1 -1
  166. package/dist/pagination/index.js.map +1 -1
  167. package/dist/pagination/index.mjs +1 -1
  168. package/dist/pagination/index.mjs.map +1 -1
  169. package/dist/popover/index.d.ts +7 -10
  170. package/dist/popover/index.js +19 -21
  171. package/dist/popover/index.js.map +1 -1
  172. package/dist/popover/index.mjs +18 -19
  173. package/dist/popover/index.mjs.map +1 -1
  174. package/dist/progress/index.d.ts +1 -1
  175. package/dist/progress/index.js +4 -4
  176. package/dist/progress/index.js.map +1 -1
  177. package/dist/progress/index.mjs +4 -4
  178. package/dist/progress/index.mjs.map +1 -1
  179. package/dist/radio-group/index.js +3 -3
  180. package/dist/radio-group/index.js.map +1 -1
  181. package/dist/radio-group/index.mjs +3 -3
  182. package/dist/radio-group/index.mjs.map +1 -1
  183. package/dist/resizable/index.js +3 -3
  184. package/dist/resizable/index.js.map +1 -1
  185. package/dist/resizable/index.mjs +3 -3
  186. package/dist/resizable/index.mjs.map +1 -1
  187. package/dist/scroll-area/index.js +4 -4
  188. package/dist/scroll-area/index.js.map +1 -1
  189. package/dist/scroll-area/index.mjs +4 -4
  190. package/dist/scroll-area/index.mjs.map +1 -1
  191. package/dist/select/index.js +9 -9
  192. package/dist/select/index.js.map +1 -1
  193. package/dist/select/index.mjs +9 -9
  194. package/dist/select/index.mjs.map +1 -1
  195. package/dist/separator/index.js +2 -2
  196. package/dist/separator/index.js.map +1 -1
  197. package/dist/separator/index.mjs +2 -2
  198. package/dist/separator/index.mjs.map +1 -1
  199. package/dist/sheet/index.d.ts +1 -1
  200. package/dist/sheet/index.js +6 -6
  201. package/dist/sheet/index.js.map +1 -1
  202. package/dist/sheet/index.mjs +6 -6
  203. package/dist/sheet/index.mjs.map +1 -1
  204. package/dist/sidebar/index.js +1 -1
  205. package/dist/sidebar/index.mjs +1 -1
  206. package/dist/{sidebar-DypRvfnS.mjs → sidebar-Ddt6hBj_.mjs} +21 -21
  207. package/dist/sidebar-Ddt6hBj_.mjs.map +1 -0
  208. package/dist/{sidebar-DlE_DZYH.js → sidebar-E9uledix.js} +21 -21
  209. package/dist/sidebar-E9uledix.js.map +1 -0
  210. package/dist/skeleton/index.js +2 -2
  211. package/dist/skeleton/index.js.map +1 -1
  212. package/dist/skeleton/index.mjs +2 -2
  213. package/dist/skeleton/index.mjs.map +1 -1
  214. package/dist/slider/index.js +5 -5
  215. package/dist/slider/index.js.map +1 -1
  216. package/dist/slider/index.mjs +5 -5
  217. package/dist/slider/index.mjs.map +1 -1
  218. package/dist/sonner-BbeMMXzI.js.map +1 -1
  219. package/dist/sonner-CRcX7M_W.mjs.map +1 -1
  220. package/dist/spinner/index.js +1 -1
  221. package/dist/spinner/index.js.map +1 -1
  222. package/dist/spinner/index.mjs +1 -1
  223. package/dist/spinner/index.mjs.map +1 -1
  224. package/dist/switch/index.js +3 -3
  225. package/dist/switch/index.js.map +1 -1
  226. package/dist/switch/index.mjs +3 -3
  227. package/dist/switch/index.mjs.map +1 -1
  228. package/dist/table/index.d.ts +1 -1
  229. package/dist/table/index.js +6 -6
  230. package/dist/table/index.js.map +1 -1
  231. package/dist/table/index.mjs +6 -6
  232. package/dist/table/index.mjs.map +1 -1
  233. package/dist/tabs/index.d.ts +1 -1
  234. package/dist/tabs/index.js +4 -4
  235. package/dist/tabs/index.js.map +1 -1
  236. package/dist/tabs/index.mjs +4 -4
  237. package/dist/tabs/index.mjs.map +1 -1
  238. package/dist/textarea/index.js +2 -2
  239. package/dist/textarea/index.js.map +1 -1
  240. package/dist/textarea/index.mjs +2 -2
  241. package/dist/textarea/index.mjs.map +1 -1
  242. package/dist/toggle/index.js +3 -3
  243. package/dist/toggle/index.js.map +1 -1
  244. package/dist/toggle/index.mjs +3 -3
  245. package/dist/toggle/index.mjs.map +1 -1
  246. package/dist/toggle-group/index.js +3 -3
  247. package/dist/toggle-group/index.js.map +1 -1
  248. package/dist/toggle-group/index.mjs +3 -3
  249. package/dist/toggle-group/index.mjs.map +1 -1
  250. package/dist/tooltip/index.d.ts +1 -1
  251. package/dist/tooltip/index.js +3 -3
  252. package/dist/tooltip/index.js.map +1 -1
  253. package/dist/tooltip/index.mjs +3 -3
  254. package/dist/tooltip/index.mjs.map +1 -1
  255. package/dist/{utils-D5ml961t.js → utils-BGuEr0aP.js} +2 -2
  256. package/dist/utils-BGuEr0aP.js.map +1 -0
  257. package/dist/{utils-Dc9Lnfye.mjs → utils-TtTqRIUX.mjs} +2 -2
  258. package/dist/utils-TtTqRIUX.mjs.map +1 -0
  259. package/package.json +2 -28
  260. package/dist/form-CJuxZz3w.js.map +0 -1
  261. package/dist/form-DaFoHvkT.mjs.map +0 -1
  262. package/dist/hooks/use-mobile.d.ts +0 -1
  263. package/dist/lib/cva.d.ts +0 -1
  264. package/dist/lib/index.d.ts +0 -2
  265. package/dist/lib/utils.d.ts +0 -2
  266. package/dist/sidebar-DlE_DZYH.js.map +0 -1
  267. package/dist/sidebar-DypRvfnS.mjs.map +0 -1
  268. package/dist/style.css +0 -6285
  269. package/dist/utils-D5ml961t.js.map +0 -1
  270. package/dist/utils-Dc9Lnfye.mjs.map +0 -1
@@ -1,6 +1,6 @@
1
- import { t as cn } from "../utils-Dc9Lnfye.mjs";
2
- import { cva } from "class-variance-authority";
1
+ import { t as cn } from "../utils-TtTqRIUX.mjs";
3
2
  import { ChevronDownIcon } from "lucide-react";
3
+ import { cva } from "class-variance-authority";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
6
6
  //#region src/navigation-menu/index.tsx
@@ -26,7 +26,7 @@ function NavigationMenuItem({ className, ...props }) {
26
26
  ...props
27
27
  });
28
28
  }
29
- var navigationMenuTriggerStyle = cva("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
29
+ var navigationMenuTriggerStyle = cva("group/navigation-menu-trigger hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium outline-none transition-all focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");
30
30
  function NavigationMenuTrigger({ className, children, ...props }) {
31
31
  return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
32
32
  "data-slot": "navigation-menu-trigger",
@@ -36,7 +36,7 @@ function NavigationMenuTrigger({ className, children, ...props }) {
36
36
  children,
37
37
  " ",
38
38
  /* @__PURE__ */ jsx(ChevronDownIcon, {
39
- className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
39
+ className: "group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180 relative top-px ml-1 size-3 transition duration-300",
40
40
  "aria-hidden": "true"
41
41
  })
42
42
  ]
@@ -45,7 +45,7 @@ function NavigationMenuTrigger({ className, children, ...props }) {
45
45
  function NavigationMenuContent({ className, ...props }) {
46
46
  return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
47
47
  "data-slot": "navigation-menu-content",
48
- className: cn("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", className),
48
+ className: cn("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300", className),
49
49
  ...props
50
50
  });
51
51
  }
@@ -55,10 +55,10 @@ function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8,
55
55
  sideOffset,
56
56
  align,
57
57
  alignOffset,
58
- className: cn("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", className),
58
+ className: cn("h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) data-instant:transition-none isolate z-50 transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:top-[-10px]", className),
59
59
  ...props,
60
60
  children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
61
- className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",
61
+ className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 relative rounded-lg shadow outline-none ring-1 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]",
62
62
  children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" })
63
63
  })
64
64
  }) });
@@ -66,16 +66,16 @@ function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8,
66
66
  function NavigationMenuLink({ className, ...props }) {
67
67
  return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
68
68
  "data-slot": "navigation-menu-link",
69
- className: cn("flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", className),
69
+ className: cn("hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm outline-none transition-all focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
70
70
  ...props
71
71
  });
72
72
  }
73
73
  function NavigationMenuIndicator({ className, ...props }) {
74
74
  return /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
75
75
  "data-slot": "navigation-menu-indicator",
76
- className: cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className),
76
+ className: cn("z-1 data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full flex h-1.5 items-end justify-center overflow-hidden", className),
77
77
  ...props,
78
- children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
78
+ children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
79
79
  });
80
80
  }
81
81
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../../src/navigation-menu/index.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../lib\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nfunction NavigationMenu({\n align = \"start\",\n className,\n children,\n ...props\n}: NavigationMenuPrimitive.Root.Props &\n Pick<NavigationMenuPrimitive.Positioner.Props, \"align\">) {\n return (\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className\n )}\n {...props}\n >\n {children}\n <NavigationMenuPositioner align={align} />\n </NavigationMenuPrimitive.Root>\n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n return (\n <NavigationMenuPrimitive.Trigger\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon className=\"relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180\" aria-hidden=\"true\" />\n </NavigationMenuPrimitive.Trigger>\n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: NavigationMenuPrimitive.Content.Props) {\n return (\n <NavigationMenuPrimitive.Content\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction NavigationMenuPositioner({\n className,\n side = \"bottom\",\n sideOffset = 8,\n align = \"start\",\n alignOffset = 0,\n ...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n return (\n <NavigationMenuPrimitive.Portal>\n <NavigationMenuPrimitive.Positioner\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n className={cn(\n \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0\",\n className\n )}\n {...props}\n >\n <NavigationMenuPrimitive.Popup className=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\">\n <NavigationMenuPrimitive.Viewport className=\"relative size-full overflow-hidden\" />\n </NavigationMenuPrimitive.Popup>\n </NavigationMenuPrimitive.Positioner>\n </NavigationMenuPrimitive.Portal>\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: NavigationMenuPrimitive.Link.Props) {\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) {\n return (\n <NavigationMenuPrimitive.Icon\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n className\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Icon>\n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuIndicator,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n NavigationMenuPositioner,\n}\n"],"mappings":";;;;;;AAMA,SAAS,eAAe,EACtB,QAAQ,SACR,WACA,UACA,GAAG,SAEsD;AACzD,QACE,qBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,oFACA,UACD;EACD,GAAI;YANN,CAQG,UACD,oBAAC,0BAAD,EAAiC,OAAS,CAAA,CACb;;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;EACJ,CAAA;;AAIN,IAAM,6BAA6B,IACjC,qbACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SACqC;AACxC,QACE,qBAAC,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;YAHN;GAKG;GAAU;GACX,oBAAC,iBAAD;IAAiB,WAAU;IAAkK,eAAY;IAAS,CAAA;GAClL;;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SACqC;AACxC,QACE,oBAAC,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GACT,inDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,yBAAyB,EAChC,WACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,GAAG,SACwC;AAC3C,QACE,oBAAC,iBAAwB,QAAzB,EAAA,UACE,oBAAC,iBAAwB,YAAzB;EACQ;EACM;EACL;EACM;EACb,WAAW,GACT,sTACA,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAwB,OAAzB;GAA+B,WAAU;aACvC,oBAAC,iBAAwB,UAAzB,EAAkC,WAAU,sCAAuC,CAAA;GACrD,CAAA;EACG,CAAA,EACN,CAAA;;AAIrC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,yVACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,8LACA,UACD;EACD,GAAI;YAEJ,oBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA;EAC7D,CAAA"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../src/navigation-menu/index.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cva } from \"class-variance-authority\";\n\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cn } from \"../../lib\";\n\nfunction NavigationMenu({\n align = \"start\",\n className,\n children,\n ...props\n}: NavigationMenuPrimitive.Root.Props &\n Pick<NavigationMenuPrimitive.Positioner.Props, \"align\">) {\n return (\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n <NavigationMenuPositioner align={align} />\n </NavigationMenuPrimitive.Root>\n );\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n );\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium outline-none transition-all focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50\",\n);\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n return (\n <NavigationMenuPrimitive.Trigger\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className=\"group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180 relative top-px ml-1 size-3 transition duration-300\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n );\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: NavigationMenuPrimitive.Content.Props) {\n return (\n <NavigationMenuPrimitive.Content\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuPositioner({\n className,\n side = \"bottom\",\n sideOffset = 8,\n align = \"start\",\n alignOffset = 0,\n ...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n return (\n <NavigationMenuPrimitive.Portal>\n <NavigationMenuPrimitive.Positioner\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n className={cn(\n \"h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) data-instant:transition-none isolate z-50 transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:top-[-10px]\",\n className,\n )}\n {...props}\n >\n <NavigationMenuPrimitive.Popup className=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 relative rounded-lg shadow outline-none ring-1 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]\">\n <NavigationMenuPrimitive.Viewport className=\"relative size-full overflow-hidden\" />\n </NavigationMenuPrimitive.Popup>\n </NavigationMenuPrimitive.Positioner>\n </NavigationMenuPrimitive.Portal>\n );\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: NavigationMenuPrimitive.Link.Props) {\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm outline-none transition-all focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) {\n return (\n <NavigationMenuPrimitive.Icon\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"z-1 data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full flex h-1.5 items-end justify-center overflow-hidden\",\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.Icon>\n );\n}\n\nexport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuIndicator,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuPositioner,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n};\n"],"mappings":";;;;;;AAMA,SAAS,eAAe,EACtB,QAAQ,SACR,WACA,UACA,GAAG,SAEsD;AACzD,QACE,qBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,oFACA,UACD;EACD,GAAI;YANN,CAQG,UACD,oBAAC,0BAAD,EAAiC,OAAS,CAAA,CACb;;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;EACJ,CAAA;;AAIN,IAAM,6BAA6B,IACjC,qbACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SACqC;AACxC,QACE,qBAAC,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;YAHN;GAKG;GAAU;GACX,oBAAC,iBAAD;IACE,WAAU;IACV,eAAY;IACZ,CAAA;GAC8B;;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SACqC;AACxC,QACE,oBAAC,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GACT,inDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,yBAAyB,EAChC,WACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,GAAG,SACwC;AAC3C,QACE,oBAAC,iBAAwB,QAAzB,EAAA,UACE,oBAAC,iBAAwB,YAAzB;EACQ;EACM;EACL;EACM;EACb,WAAW,GACT,sTACA,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAwB,OAAzB;GAA+B,WAAU;aACvC,oBAAC,iBAAwB,UAAzB,EAAkC,WAAU,sCAAuC,CAAA;GACrD,CAAA;EACG,CAAA,EACN,CAAA;;AAIrC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,yVACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,8LACA,UACD;EACD,GAAI;YAEJ,oBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA;EAC7D,CAAA"}
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
2
  const require_chunk = require("../chunk-CoQrYLCe.js");
3
- const require_utils = require("../utils-D5ml961t.js");
3
+ const require_utils = require("../utils-BGuEr0aP.js");
4
4
  const require_button = require("../button/index.js");
5
5
  let lucide_react = require("lucide-react");
6
6
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib\"\nimport { Button } from \"../button\"\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n )\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex items-center gap-0.5\", className)}\n {...props}\n />\n )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={cn(className)}\n nativeButton={false}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n }\n />\n )\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"pl-1.5!\", className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n )\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pr-1.5!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" />\n </PaginationLink>\n )\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <MoreHorizontalIcon\n />\n <span className=\"sr-only\">More pages</span>\n </span>\n )\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n}\n"],"mappings":";;;;;;;;;AAMA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,cAAA,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,QAAD;EACE,SAAS,WAAW,YAAY;EAC1B;EACN,WAAW,cAAA,GAAG,UAAU;EACxB,cAAc;EACd,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;GACE,gBAAc,WAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa;GACb,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SAC+D;AAClE,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,cAAA,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAAC,aAAA,iBAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,CAChC;;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SAC+D;AAClE,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,cAAA,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,iBAAA,GAAA,kBAAA,KAAC,aAAA,kBAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,cAAA,GACT,gFACA,UACD;EACD,GAAI;YAPN,CASE,iBAAA,GAAA,kBAAA,KAAC,aAAA,oBAAD,EACE,CAAA,EACF,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon,\n} from \"lucide-react\";\nimport { cn } from \"../../lib\";\nimport { Button } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex items-center gap-0.5\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={cn(className)}\n nativeButton={false}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n }\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"pl-1.5!\", className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pr-1.5!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <MoreHorizontalIcon />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"mappings":";;;;;;;;;AAUA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,cAAA,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,QAAD;EACE,SAAS,WAAW,YAAY;EAC1B;EACN,WAAW,cAAA,GAAG,UAAU;EACxB,cAAc;EACd,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;GACE,gBAAc,WAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa;GACb,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SAC+D;AAClE,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,cAAA,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAAC,aAAA,iBAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,CAChC;;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SAC+D;AAClE,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,cAAA,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,iBAAA,GAAA,kBAAA,KAAC,aAAA,kBAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,cAAA,GACT,gFACA,UACD;EACD,GAAI;YAPN,CASE,iBAAA,GAAA,kBAAA,KAAC,aAAA,oBAAD,EAAsB,CAAA,EACtB,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}
@@ -1,4 +1,4 @@
1
- import { t as cn } from "../utils-Dc9Lnfye.mjs";
1
+ import { t as cn } from "../utils-TtTqRIUX.mjs";
2
2
  import { Button } from "../button/index.mjs";
3
3
  import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib\"\nimport { Button } from \"../button\"\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n )\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex items-center gap-0.5\", className)}\n {...props}\n />\n )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={cn(className)}\n nativeButton={false}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n }\n />\n )\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"pl-1.5!\", className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n )\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pr-1.5!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" />\n </PaginationLink>\n )\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <MoreHorizontalIcon\n />\n <span className=\"sr-only\">More pages</span>\n </span>\n )\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n}\n"],"mappings":";;;;;;AAMA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,oBAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,oBAAC,QAAD;EACE,SAAS,WAAW,YAAY;EAC1B;EACN,WAAW,GAAG,UAAU;EACxB,cAAc;EACd,QACE,oBAAC,KAAD;GACE,gBAAc,WAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa;GACb,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SAC+D;AAClE,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,iBAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,CAChC;;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SAC+D;AAClE,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,oBAAC,kBAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,qBAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,GACT,gFACA,UACD;EACD,GAAI;YAPN,CASE,oBAAC,oBAAD,EACE,CAAA,EACF,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon,\n} from \"lucide-react\";\nimport { cn } from \"../../lib\";\nimport { Button } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex items-center gap-0.5\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={cn(className)}\n nativeButton={false}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n }\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"pl-1.5!\", className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pr-1.5!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <MoreHorizontalIcon />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"mappings":";;;;;;AAUA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,oBAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,oBAAC,QAAD;EACE,SAAS,WAAW,YAAY;EAC1B;EACN,WAAW,GAAG,UAAU;EACxB,cAAc;EACd,QACE,oBAAC,KAAD;GACE,gBAAc,WAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa;GACb,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SAC+D;AAClE,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,iBAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,CAChC;;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SAC+D;AAClE,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,oBAAC,kBAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,qBAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,GACT,gFACA,UACD;EACD,GAAI;YAPN,CASE,oBAAC,oBAAD,EAAsB,CAAA,EACtB,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}
@@ -1,12 +1,9 @@
1
- import { Popover as PopoverPrimitive } from 'radix-ui';
1
+ import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
2
2
  import * as React from "react";
3
- declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
- declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
- declare function PopoverContent({ className, align, sideOffset, portal, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
6
- portal?: boolean;
7
- }): import("react/jsx-runtime").JSX.Element;
8
- declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
3
+ declare function Popover({ ...props }: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
4
+ declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
5
+ declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
9
6
  declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
10
- declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
11
- declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
12
- export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
7
+ declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
8
+ declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
9
+ export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
@@ -1,38 +1,37 @@
1
+ "use client";
1
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
3
  const require_chunk = require("../chunk-CoQrYLCe.js");
3
- const require_utils = require("../utils-D5ml961t.js");
4
+ const require_utils = require("../utils-BGuEr0aP.js");
4
5
  let react_jsx_runtime = require("react/jsx-runtime");
5
6
  let react = require("react");
6
7
  react = require_chunk.__toESM(react);
7
- let radix_ui = require("radix-ui");
8
+ let _base_ui_react_popover = require("@base-ui/react/popover");
8
9
  //#region src/popover/index.tsx
9
10
  function Popover({ ...props }) {
10
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Root, {
11
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Root, {
11
12
  "data-slot": "popover",
12
13
  ...props
13
14
  });
14
15
  }
15
16
  function PopoverTrigger({ ...props }) {
16
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Trigger, {
17
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Trigger, {
17
18
  "data-slot": "popover-trigger",
18
19
  ...props
19
20
  });
20
21
  }
21
- function PopoverContent({ className, align = "center", sideOffset = 4, portal = true, ...props }) {
22
- const Content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Content, {
23
- "data-slot": "popover-content",
22
+ function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
23
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Positioner, {
24
24
  align,
25
+ alignOffset,
26
+ side,
25
27
  sideOffset,
26
- className: require_utils.cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 origin-(--radix-popover-content-transform-origin) outline-hidden z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100", className),
27
- ...props
28
- });
29
- return portal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Portal, { children: Content }) : Content;
30
- }
31
- function PopoverAnchor({ ...props }) {
32
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Popover.Anchor, {
33
- "data-slot": "popover-anchor",
34
- ...props
35
- });
28
+ className: "isolate z-50",
29
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Popup, {
30
+ "data-slot": "popover-content",
31
+ className: require_utils.cn("origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100", className),
32
+ ...props
33
+ })
34
+ }) });
36
35
  }
37
36
  function PopoverHeader({ className, ...props }) {
38
37
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -42,14 +41,14 @@ function PopoverHeader({ className, ...props }) {
42
41
  });
43
42
  }
44
43
  function PopoverTitle({ className, ...props }) {
45
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
44
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Title, {
46
45
  "data-slot": "popover-title",
47
- className: require_utils.cn("font-medium", className),
46
+ className: require_utils.cn("font-heading font-medium", className),
48
47
  ...props
49
48
  });
50
49
  }
51
50
  function PopoverDescription({ className, ...props }) {
52
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
51
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Description, {
53
52
  "data-slot": "popover-description",
54
53
  className: require_utils.cn("text-muted-foreground", className),
55
54
  ...props
@@ -57,7 +56,6 @@ function PopoverDescription({ className, ...props }) {
57
56
  }
58
57
  //#endregion
59
58
  exports.Popover = Popover;
60
- exports.PopoverAnchor = PopoverAnchor;
61
59
  exports.PopoverContent = PopoverContent;
62
60
  exports.PopoverDescription = PopoverDescription;
63
61
  exports.PopoverHeader = PopoverHeader;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { cn } from \"../lib\";\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n portal = true,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content> & {\n portal?: boolean;\n}) {\n const Content = (\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 origin-(--radix-popover-content-transform-origin) outline-hidden z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100\",\n className,\n )}\n {...props}\n />\n );\n return portal ? (\n <PopoverPrimitive.Portal>{Content}</PopoverPrimitive.Portal>\n ) : (\n Content\n );\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverTitle({ className, ...props }: React.ComponentProps<\"h2\">) {\n return (\n <div\n data-slot=\"popover-title\"\n className={cn(\"font-medium\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: React.ComponentProps<\"p\">) {\n return (\n <p\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Popover,\n PopoverAnchor,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n};\n"],"mappings":";;;;;;;;AAKA,SAAS,QAAQ,EACf,GAAG,SACkD;AACrD,QAAO,iBAAA,GAAA,kBAAA,KAAC,SAAA,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA;;AAGjE,SAAS,eAAe,EACtB,GAAG,SACqD;AACxD,QAAO,iBAAA,GAAA,kBAAA,KAAC,SAAA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,SAAS,MACT,GAAG,SAGF;CACD,MAAM,UACJ,iBAAA,GAAA,kBAAA,KAAC,SAAA,QAAiB,SAAlB;EACE,aAAU;EACH;EACK;EACZ,WAAW,cAAA,GACT,kfACA,UACD;EACD,GAAI;EACJ,CAAA;AAEJ,QAAO,SACL,iBAAA,GAAA,kBAAA,KAAC,SAAA,QAAiB,QAAlB,EAAA,UAA0B,SAAkC,CAAA,GAE5D;;AAIJ,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,iBAAA,GAAA,kBAAA,KAAC,SAAA,QAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG1E,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAqC;AACzE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,eAAe,UAAU;EACvC,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyB;AAC5B,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n ...props\n}: PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Positioner>\n </PopoverPrimitive.Portal>\n );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"font-heading font-medium\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverPrimitive.Description.Props) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Popover,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n};\n"],"mappings":";;;;;;;;;AAOA,SAAS,QAAQ,EAAE,GAAG,SAAsC;AAC1D,QAAO,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA;;AAGjE,SAAS,eAAe,EAAE,GAAG,SAAyC;AACpE,QAAO,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,GAAG,SAKA;AACH,QACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,QAAlB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,OAAlB;GACE,aAAU;GACV,WAAW,cAAA,GACT,ujBACA,UACD;GACD,GAAI;GACJ,CAAA;EAC0B,CAAA,EACN,CAAA;;AAI9B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAW,cAAA,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,aAAlB;EACE,aAAU;EACV,WAAW,cAAA,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA"}
@@ -1,7 +1,8 @@
1
- import { t as cn } from "../utils-Dc9Lnfye.mjs";
1
+ "use client";
2
+ import { t as cn } from "../utils-TtTqRIUX.mjs";
2
3
  import { jsx } from "react/jsx-runtime";
3
4
  import "react";
4
- import { Popover as Popover$1 } from "radix-ui";
5
+ import { Popover as Popover$1 } from "@base-ui/react/popover";
5
6
  //#region src/popover/index.tsx
6
7
  function Popover({ ...props }) {
7
8
  return /* @__PURE__ */ jsx(Popover$1.Root, {
@@ -15,21 +16,19 @@ function PopoverTrigger({ ...props }) {
15
16
  ...props
16
17
  });
17
18
  }
18
- function PopoverContent({ className, align = "center", sideOffset = 4, portal = true, ...props }) {
19
- const Content = /* @__PURE__ */ jsx(Popover$1.Content, {
20
- "data-slot": "popover-content",
19
+ function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
20
+ return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
21
21
  align,
22
+ alignOffset,
23
+ side,
22
24
  sideOffset,
23
- className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 origin-(--radix-popover-content-transform-origin) outline-hidden z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100", className),
24
- ...props
25
- });
26
- return portal ? /* @__PURE__ */ jsx(Popover$1.Portal, { children: Content }) : Content;
27
- }
28
- function PopoverAnchor({ ...props }) {
29
- return /* @__PURE__ */ jsx(Popover$1.Anchor, {
30
- "data-slot": "popover-anchor",
31
- ...props
32
- });
25
+ className: "isolate z-50",
26
+ children: /* @__PURE__ */ jsx(Popover$1.Popup, {
27
+ "data-slot": "popover-content",
28
+ className: cn("origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100", className),
29
+ ...props
30
+ })
31
+ }) });
33
32
  }
34
33
  function PopoverHeader({ className, ...props }) {
35
34
  return /* @__PURE__ */ jsx("div", {
@@ -39,20 +38,20 @@ function PopoverHeader({ className, ...props }) {
39
38
  });
40
39
  }
41
40
  function PopoverTitle({ className, ...props }) {
42
- return /* @__PURE__ */ jsx("div", {
41
+ return /* @__PURE__ */ jsx(Popover$1.Title, {
43
42
  "data-slot": "popover-title",
44
- className: cn("font-medium", className),
43
+ className: cn("font-heading font-medium", className),
45
44
  ...props
46
45
  });
47
46
  }
48
47
  function PopoverDescription({ className, ...props }) {
49
- return /* @__PURE__ */ jsx("p", {
48
+ return /* @__PURE__ */ jsx(Popover$1.Description, {
50
49
  "data-slot": "popover-description",
51
50
  className: cn("text-muted-foreground", className),
52
51
  ...props
53
52
  });
54
53
  }
55
54
  //#endregion
56
- export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
55
+ export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
57
56
 
58
57
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { cn } from \"../lib\";\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n portal = true,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content> & {\n portal?: boolean;\n}) {\n const Content = (\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 origin-(--radix-popover-content-transform-origin) outline-hidden z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100\",\n className,\n )}\n {...props}\n />\n );\n return portal ? (\n <PopoverPrimitive.Portal>{Content}</PopoverPrimitive.Portal>\n ) : (\n Content\n );\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverTitle({ className, ...props }: React.ComponentProps<\"h2\">) {\n return (\n <div\n data-slot=\"popover-title\"\n className={cn(\"font-medium\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: React.ComponentProps<\"p\">) {\n return (\n <p\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Popover,\n PopoverAnchor,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n};\n"],"mappings":";;;;;AAKA,SAAS,QAAQ,EACf,GAAG,SACkD;AACrD,QAAO,oBAAC,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA;;AAGjE,SAAS,eAAe,EACtB,GAAG,SACqD;AACxD,QAAO,oBAAC,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,SAAS,MACT,GAAG,SAGF;CACD,MAAM,UACJ,oBAAC,UAAiB,SAAlB;EACE,aAAU;EACH;EACK;EACZ,WAAW,GACT,kfACA,UACD;EACD,GAAI;EACJ,CAAA;AAEJ,QAAO,SACL,oBAAC,UAAiB,QAAlB,EAAA,UAA0B,SAAkC,CAAA,GAE5D;;AAIJ,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,UAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG1E,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAqC;AACzE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,eAAe,UAAU;EACvC,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyB;AAC5B,QACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n ...props\n}: PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Positioner>\n </PopoverPrimitive.Portal>\n );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"font-heading font-medium\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverPrimitive.Description.Props) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Popover,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n};\n"],"mappings":";;;;;;AAOA,SAAS,QAAQ,EAAE,GAAG,SAAsC;AAC1D,QAAO,oBAAC,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA;;AAGjE,SAAS,eAAe,EAAE,GAAG,SAAyC;AACpE,QAAO,oBAAC,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,GAAG,SAKA;AACH,QACE,oBAAC,UAAiB,QAAlB,EAAA,UACE,oBAAC,UAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,oBAAC,UAAiB,OAAlB;GACE,aAAU;GACV,WAAW,GACT,ujBACA,UACD;GACD,GAAI;GACJ,CAAA;EAC0B,CAAA,EACN,CAAA;;AAI9B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAAC,UAAiB,OAAlB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,oBAAC,UAAiB,aAAlB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA"}
@@ -4,4 +4,4 @@ declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.
4
4
  declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
5
5
  declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
6
6
  declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
7
- export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, };
7
+ export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  require("../chunk-CoQrYLCe.js");
4
- const require_utils = require("../utils-D5ml961t.js");
4
+ const require_utils = require("../utils-BGuEr0aP.js");
5
5
  let react_jsx_runtime = require("react/jsx-runtime");
6
6
  let _base_ui_react_progress = require("@base-ui/react/progress");
7
7
  //#region src/progress/index.tsx
@@ -16,7 +16,7 @@ function Progress({ className, children, value, ...props }) {
16
16
  }
17
17
  function ProgressTrack({ className, ...props }) {
18
18
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_progress.Progress.Track, {
19
- className: require_utils.cn("relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
19
+ className: require_utils.cn("bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full", className),
20
20
  "data-slot": "progress-track",
21
21
  ...props
22
22
  });
@@ -24,7 +24,7 @@ function ProgressTrack({ className, ...props }) {
24
24
  function ProgressIndicator({ className, ...props }) {
25
25
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_progress.Progress.Indicator, {
26
26
  "data-slot": "progress-indicator",
27
- className: require_utils.cn("h-full bg-primary transition-all", className),
27
+ className: require_utils.cn("bg-primary h-full transition-all", className),
28
28
  ...props
29
29
  });
30
30
  }
@@ -37,7 +37,7 @@ function ProgressLabel({ className, ...props }) {
37
37
  }
38
38
  function ProgressValue({ className, ...props }) {
39
39
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_progress.Progress.Value, {
40
- className: require_utils.cn("ml-auto text-sm text-muted-foreground tabular-nums", className),
40
+ className: require_utils.cn("text-muted-foreground ml-auto text-sm tabular-nums", className),
41
41
  "data-slot": "progress-value",
42
42
  ...props
43
43
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\"\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\"\n\nimport { cn } from \"../lib\"\n\nfunction Progress({\n className,\n children,\n value,\n ...props\n}: ProgressPrimitive.Root.Props) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\",\n className\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n )\n}\n\nfunction ProgressIndicator({\n className,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\"h-full bg-primary transition-all\", className)}\n {...props}\n />\n )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"ml-auto text-sm text-muted-foreground tabular-nums\",\n className\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n )\n}\n\nexport {\n Progress,\n ProgressTrack,\n ProgressIndicator,\n ProgressLabel,\n ProgressValue,\n}\n"],"mappings":";;;;;;;AAMA,SAAS,SAAS,EAChB,WACA,UACA,OACA,GAAG,SAC4B;AAC/B,QACE,iBAAA,GAAA,kBAAA,MAAC,wBAAA,SAAkB,MAAnB;EACS;EACP,aAAU;EACV,WAAW,cAAA,GAAG,wBAAwB,UAAU;EAChD,GAAI;YAJN,CAMG,UACD,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAqB,CAAA,EACP,CAAA,CACO;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GACT,iFACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,WAAnB;EACE,aAAU;EACV,WAAW,cAAA,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { cn } from \"../../lib\";\n\nfunction Progress({\n className,\n children,\n value,\n ...props\n}: ProgressPrimitive.Root.Props) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n );\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full\",\n className,\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n );\n}\n\nfunction ProgressIndicator({\n className,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\"bg-primary h-full transition-all\", className)}\n {...props}\n />\n );\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n );\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"text-muted-foreground ml-auto text-sm tabular-nums\",\n className,\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n );\n}\n\nexport {\n Progress,\n ProgressIndicator,\n ProgressLabel,\n ProgressTrack,\n ProgressValue,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,SAAS,EAChB,WACA,UACA,OACA,GAAG,SAC4B;AAC/B,QACE,iBAAA,GAAA,kBAAA,MAAC,wBAAA,SAAkB,MAAnB;EACS;EACP,aAAU;EACV,WAAW,cAAA,GAAG,wBAAwB,UAAU;EAChD,GAAI;YAJN,CAMG,UACD,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAqB,CAAA,EACP,CAAA,CACO;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GACT,iFACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,WAAnB;EACE,aAAU;EACV,WAAW,cAAA,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA"}
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { t as cn } from "../utils-Dc9Lnfye.mjs";
2
+ import { t as cn } from "../utils-TtTqRIUX.mjs";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { Progress as Progress$1 } from "@base-ui/react/progress";
5
5
  //#region src/progress/index.tsx
@@ -14,7 +14,7 @@ function Progress({ className, children, value, ...props }) {
14
14
  }
15
15
  function ProgressTrack({ className, ...props }) {
16
16
  return /* @__PURE__ */ jsx(Progress$1.Track, {
17
- className: cn("relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
17
+ className: cn("bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full", className),
18
18
  "data-slot": "progress-track",
19
19
  ...props
20
20
  });
@@ -22,7 +22,7 @@ function ProgressTrack({ className, ...props }) {
22
22
  function ProgressIndicator({ className, ...props }) {
23
23
  return /* @__PURE__ */ jsx(Progress$1.Indicator, {
24
24
  "data-slot": "progress-indicator",
25
- className: cn("h-full bg-primary transition-all", className),
25
+ className: cn("bg-primary h-full transition-all", className),
26
26
  ...props
27
27
  });
28
28
  }
@@ -35,7 +35,7 @@ function ProgressLabel({ className, ...props }) {
35
35
  }
36
36
  function ProgressValue({ className, ...props }) {
37
37
  return /* @__PURE__ */ jsx(Progress$1.Value, {
38
- className: cn("ml-auto text-sm text-muted-foreground tabular-nums", className),
38
+ className: cn("text-muted-foreground ml-auto text-sm tabular-nums", className),
39
39
  "data-slot": "progress-value",
40
40
  ...props
41
41
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\"\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\"\n\nimport { cn } from \"../lib\"\n\nfunction Progress({\n className,\n children,\n value,\n ...props\n}: ProgressPrimitive.Root.Props) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\",\n className\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n )\n}\n\nfunction ProgressIndicator({\n className,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\"h-full bg-primary transition-all\", className)}\n {...props}\n />\n )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"ml-auto text-sm text-muted-foreground tabular-nums\",\n className\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n )\n}\n\nexport {\n Progress,\n ProgressTrack,\n ProgressIndicator,\n ProgressLabel,\n ProgressValue,\n}\n"],"mappings":";;;;;AAMA,SAAS,SAAS,EAChB,WACA,UACA,OACA,GAAG,SAC4B;AAC/B,QACE,qBAAC,WAAkB,MAAnB;EACS;EACP,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;YAJN,CAMG,UACD,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAqB,CAAA,EACP,CAAA,CACO;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GACT,iFACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,oBAAC,WAAkB,WAAnB;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { cn } from \"../../lib\";\n\nfunction Progress({\n className,\n children,\n value,\n ...props\n}: ProgressPrimitive.Root.Props) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n );\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full\",\n className,\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n );\n}\n\nfunction ProgressIndicator({\n className,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\"bg-primary h-full transition-all\", className)}\n {...props}\n />\n );\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n );\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"text-muted-foreground ml-auto text-sm tabular-nums\",\n className,\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n );\n}\n\nexport {\n Progress,\n ProgressIndicator,\n ProgressLabel,\n ProgressTrack,\n ProgressValue,\n};\n"],"mappings":";;;;;AAMA,SAAS,SAAS,EAChB,WACA,UACA,OACA,GAAG,SAC4B;AAC/B,QACE,qBAAC,WAAkB,MAAnB;EACS;EACP,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;YAJN,CAMG,UACD,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAqB,CAAA,EACP,CAAA,CACO;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GACT,iFACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,oBAAC,WAAkB,WAAnB;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  require("../chunk-CoQrYLCe.js");
4
- const require_utils = require("../utils-D5ml961t.js");
4
+ const require_utils = require("../utils-BGuEr0aP.js");
5
5
  let react_jsx_runtime = require("react/jsx-runtime");
6
6
  let _base_ui_react_radio = require("@base-ui/react/radio");
7
7
  let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
@@ -16,12 +16,12 @@ function RadioGroup({ className, ...props }) {
16
16
  function RadioGroupItem({ className, ...props }) {
17
17
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Root, {
18
18
  "data-slot": "radio-group-item",
19
- className: require_utils.cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
19
+ className: require_utils.cn("group/radio-group-item border-input focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", className),
20
20
  ...props,
21
21
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Indicator, {
22
22
  "data-slot": "radio-group-indicator",
23
23
  className: "flex size-4 items-center justify-center",
24
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
24
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "bg-primary-foreground absolute left-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full" })
25
25
  })
26
26
  });
27
27
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/radio-group/index.tsx"],"sourcesContent":["\"use client\"\n\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\n\nimport { cn } from \"../lib\"\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n return (\n <RadioGroupPrimitive\n data-slot=\"radio-group\"\n className={cn(\"grid w-full gap-2\", className)}\n {...props}\n />\n )\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n return (\n <RadioPrimitive.Root\n data-slot=\"radio-group-item\"\n className={cn(\n \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n className\n )}\n {...props}\n >\n <RadioPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-4 items-center justify-center\"\n >\n <span className=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground\" />\n </RadioPrimitive.Indicator>\n </RadioPrimitive.Root>\n )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAoC;AACtE,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,YAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,qBAAqB,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAoC;AAC1E,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,cAAA,GACT,unBACA,UACD;EACD,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,qBAAA,MAAe,WAAhB;GACE,aAAU;GACV,WAAU;aAEV,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAU,yGAA0G,CAAA;GACjG,CAAA;EACP,CAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/radio-group/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\n\nimport { cn } from \"../../lib\";\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n return (\n <RadioGroupPrimitive\n data-slot=\"radio-group\"\n className={cn(\"grid w-full gap-2\", className)}\n {...props}\n />\n );\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n return (\n <RadioPrimitive.Root\n data-slot=\"radio-group-item\"\n className={cn(\n \"group/radio-group-item border-input focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <RadioPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-4 items-center justify-center\"\n >\n <span className=\"bg-primary-foreground absolute left-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\" />\n </RadioPrimitive.Indicator>\n </RadioPrimitive.Root>\n );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAoC;AACtE,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,YAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,qBAAqB,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAoC;AAC1E,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,cAAA,GACT,unBACA,UACD;EACD,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,qBAAA,MAAe,WAAhB;GACE,aAAU;GACV,WAAU;aAEV,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAU,yGAA0G,CAAA;GACjG,CAAA;EACP,CAAA"}