@waveso/ui 0.0.10 → 0.1.0

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 (288) hide show
  1. package/dist/accordion.d.ts +24 -8
  2. package/dist/accordion.d.ts.map +1 -0
  3. package/dist/accordion.js +50 -73
  4. package/dist/accordion.js.map +1 -1
  5. package/dist/action-bar.d.ts +83 -0
  6. package/dist/action-bar.d.ts.map +1 -0
  7. package/dist/action-bar.js +264 -0
  8. package/dist/action-bar.js.map +1 -0
  9. package/dist/alert-dialog.d.ts +56 -21
  10. package/dist/alert-dialog.d.ts.map +1 -0
  11. package/dist/alert-dialog.js +75 -127
  12. package/dist/alert-dialog.js.map +1 -1
  13. package/dist/alert.d.ts +26 -11
  14. package/dist/alert.d.ts.map +1 -0
  15. package/dist/alert.js +37 -68
  16. package/dist/alert.js.map +1 -1
  17. package/dist/animate.d.ts +117 -75
  18. package/dist/animate.d.ts.map +1 -0
  19. package/dist/animate.js +259 -223
  20. package/dist/animate.js.map +1 -1
  21. package/dist/aspect-ratio.d.ts +11 -6
  22. package/dist/aspect-ratio.d.ts.map +1 -0
  23. package/dist/aspect-ratio.js +12 -14
  24. package/dist/aspect-ratio.js.map +1 -1
  25. package/dist/autocomplete.d.ts +91 -25
  26. package/dist/autocomplete.d.ts.map +1 -0
  27. package/dist/autocomplete.js +119 -181
  28. package/dist/autocomplete.js.map +1 -1
  29. package/dist/avatar.d.ts +32 -11
  30. package/dist/avatar.d.ts.map +1 -0
  31. package/dist/avatar.js +42 -89
  32. package/dist/avatar.js.map +1 -1
  33. package/dist/badge.d.ts +15 -8
  34. package/dist/badge.d.ts.map +1 -0
  35. package/dist/badge.js +34 -48
  36. package/dist/badge.js.map +1 -1
  37. package/dist/breadcrumb.d.ts +35 -11
  38. package/dist/breadcrumb.d.ts.map +1 -0
  39. package/dist/breadcrumb.js +60 -110
  40. package/dist/breadcrumb.js.map +1 -1
  41. package/dist/button-group.d.ts +26 -13
  42. package/dist/button-group.d.ts.map +1 -0
  43. package/dist/button-group.js +38 -76
  44. package/dist/button-group.js.map +1 -1
  45. package/dist/button.d.ts +17 -10
  46. package/dist/button.d.ts.map +1 -0
  47. package/dist/button.js +50 -3
  48. package/dist/button.js.map +1 -1
  49. package/dist/card.d.ts +35 -11
  50. package/dist/card.d.ts.map +1 -0
  51. package/dist/card.js +43 -82
  52. package/dist/card.js.map +1 -1
  53. package/dist/checkbox.d.ts +6 -4
  54. package/dist/checkbox.d.ts.map +1 -0
  55. package/dist/checkbox.js +21 -29
  56. package/dist/checkbox.js.map +1 -1
  57. package/dist/collapsible.d.ts +15 -7
  58. package/dist/collapsible.d.ts.map +1 -0
  59. package/dist/collapsible.js +19 -8
  60. package/dist/collapsible.js.map +1 -1
  61. package/dist/combobox.d.ts +83 -23
  62. package/dist/combobox.d.ts.map +1 -0
  63. package/dist/combobox.js +149 -247
  64. package/dist/combobox.js.map +1 -1
  65. package/dist/context-menu.d.ts +80 -26
  66. package/dist/context-menu.d.ts.map +1 -0
  67. package/dist/context-menu.js +108 -164
  68. package/dist/context-menu.js.map +1 -1
  69. package/dist/count.d.ts +45 -31
  70. package/dist/count.d.ts.map +1 -0
  71. package/dist/count.js +170 -165
  72. package/dist/count.js.map +1 -1
  73. package/dist/dialog.d.ts +61 -28
  74. package/dist/dialog.d.ts.map +1 -0
  75. package/dist/dialog.js +77 -120
  76. package/dist/dialog.js.map +1 -1
  77. package/dist/direction.d.ts +2 -1
  78. package/dist/direction.js +3 -3
  79. package/dist/drawer.d.ts +45 -15
  80. package/dist/drawer.d.ts.map +1 -0
  81. package/dist/drawer.js +93 -5
  82. package/dist/drawer.js.map +1 -1
  83. package/dist/encrypted-text.d.ts +25 -12
  84. package/dist/encrypted-text.d.ts.map +1 -0
  85. package/dist/encrypted-text.js +102 -134
  86. package/dist/encrypted-text.js.map +1 -1
  87. package/dist/field.d.ts +37 -21
  88. package/dist/field.d.ts.map +1 -0
  89. package/dist/field.js +52 -3
  90. package/dist/field.js.map +1 -1
  91. package/dist/film-grain-shader.d.ts +6 -0
  92. package/dist/film-grain-shader.d.ts.map +1 -0
  93. package/dist/film-grain-shader.js +88 -0
  94. package/dist/film-grain-shader.js.map +1 -0
  95. package/dist/film-grain-webgl.d.ts +20 -0
  96. package/dist/film-grain-webgl.d.ts.map +1 -0
  97. package/dist/film-grain-webgl.js +306 -0
  98. package/dist/film-grain-webgl.js.map +1 -0
  99. package/dist/film-grain.d.ts +21 -11
  100. package/dist/film-grain.d.ts.map +1 -0
  101. package/dist/film-grain.js +28 -420
  102. package/dist/film-grain.js.map +1 -1
  103. package/dist/form.d.ts +64 -49
  104. package/dist/form.d.ts.map +1 -0
  105. package/dist/form.js +112 -91
  106. package/dist/form.js.map +1 -1
  107. package/dist/gradient-reveal-text.d.ts +35 -22
  108. package/dist/gradient-reveal-text.d.ts.map +1 -0
  109. package/dist/gradient-reveal-text.js +238 -205
  110. package/dist/gradient-reveal-text.js.map +1 -1
  111. package/dist/hooks/use-mobile.d.ts +3 -1
  112. package/dist/hooks/use-mobile.d.ts.map +1 -0
  113. package/dist/hooks/use-mobile.js +28 -2
  114. package/dist/hooks/use-mobile.js.map +1 -1
  115. package/dist/infinite-scroll.d.ts +29 -15
  116. package/dist/infinite-scroll.d.ts.map +1 -0
  117. package/dist/infinite-scroll.js +69 -99
  118. package/dist/infinite-scroll.js.map +1 -1
  119. package/dist/input-group.d.ts +41 -18
  120. package/dist/input-group.d.ts.map +1 -0
  121. package/dist/input-group.js +80 -6
  122. package/dist/input-group.js.map +1 -1
  123. package/dist/input-otp.d.ts +26 -10
  124. package/dist/input-otp.d.ts.map +1 -0
  125. package/dist/input-otp.js +40 -70
  126. package/dist/input-otp.js.map +1 -1
  127. package/dist/input.d.ts +10 -4
  128. package/dist/input.d.ts.map +1 -0
  129. package/dist/input.js +16 -3
  130. package/dist/input.js.map +1 -1
  131. package/dist/item.d.ts +58 -23
  132. package/dist/item.d.ts.map +1 -0
  133. package/dist/item.js +102 -160
  134. package/dist/item.js.map +1 -1
  135. package/dist/kbd.d.ts +12 -4
  136. package/dist/kbd.d.ts.map +1 -0
  137. package/dist/kbd.js +15 -24
  138. package/dist/kbd.js.map +1 -1
  139. package/dist/label.d.ts +9 -4
  140. package/dist/label.d.ts.map +1 -0
  141. package/dist/label.js +12 -16
  142. package/dist/label.js.map +1 -1
  143. package/dist/lib/focus.d.ts +42 -0
  144. package/dist/lib/focus.d.ts.map +1 -0
  145. package/dist/lib/focus.js +21 -0
  146. package/dist/lib/focus.js.map +1 -0
  147. package/dist/lib/internal-icons.d.ts +32 -0
  148. package/dist/lib/internal-icons.d.ts.map +1 -0
  149. package/dist/lib/internal-icons.js +222 -0
  150. package/dist/lib/internal-icons.js.map +1 -0
  151. package/dist/lib/utils.d.ts +4 -2
  152. package/dist/lib/utils.d.ts.map +1 -0
  153. package/dist/lib/utils.js +12 -2
  154. package/dist/lib/utils.js.map +1 -1
  155. package/dist/masonry.d.ts +25 -11
  156. package/dist/masonry.d.ts.map +1 -0
  157. package/dist/masonry.js +188 -229
  158. package/dist/masonry.js.map +1 -1
  159. package/dist/menu.d.ts +84 -26
  160. package/dist/menu.d.ts.map +1 -0
  161. package/dist/menu.js +141 -4
  162. package/dist/menu.js.map +1 -1
  163. package/dist/menubar.d.ts +60 -22
  164. package/dist/menubar.d.ts.map +1 -0
  165. package/dist/menubar.js +80 -52
  166. package/dist/menubar.js.map +1 -1
  167. package/dist/pagination.d.ts +38 -17
  168. package/dist/pagination.d.ts.map +1 -0
  169. package/dist/pagination.js +68 -107
  170. package/dist/pagination.js.map +1 -1
  171. package/dist/popover.d.ts +56 -14
  172. package/dist/popover.d.ts.map +1 -0
  173. package/dist/popover.js +62 -87
  174. package/dist/popover.js.map +1 -1
  175. package/dist/preview-card.d.ts +28 -9
  176. package/dist/preview-card.d.ts.map +1 -0
  177. package/dist/preview-card.js +40 -60
  178. package/dist/preview-card.js.map +1 -1
  179. package/dist/progress.d.ts +28 -9
  180. package/dist/progress.d.ts.map +1 -0
  181. package/dist/progress.js +35 -60
  182. package/dist/progress.js.map +1 -1
  183. package/dist/radio-group.d.ts +14 -8
  184. package/dist/radio-group.d.ts.map +1 -0
  185. package/dist/radio-group.js +18 -22
  186. package/dist/radio-group.js.map +1 -1
  187. package/dist/radio.d.ts +14 -6
  188. package/dist/radio.d.ts.map +1 -0
  189. package/dist/radio.js +24 -3
  190. package/dist/radio.js.map +1 -1
  191. package/dist/scroll-area.d.ts +16 -6
  192. package/dist/scroll-area.d.ts.map +1 -0
  193. package/dist/scroll-area.js +34 -55
  194. package/dist/scroll-area.js.map +1 -1
  195. package/dist/select.d.ts +66 -18
  196. package/dist/select.d.ts.map +1 -0
  197. package/dist/select.js +105 -185
  198. package/dist/select.js.map +1 -1
  199. package/dist/separator.d.ts +11 -5
  200. package/dist/separator.d.ts.map +1 -0
  201. package/dist/separator.js +17 -3
  202. package/dist/separator.js.map +1 -1
  203. package/dist/sidebar.d.ts +172 -79
  204. package/dist/sidebar.d.ts.map +1 -0
  205. package/dist/sidebar.js +363 -585
  206. package/dist/sidebar.js.map +1 -1
  207. package/dist/skeleton.d.ts +8 -3
  208. package/dist/skeleton.d.ts.map +1 -0
  209. package/dist/skeleton.js +13 -3
  210. package/dist/skeleton.js.map +1 -1
  211. package/dist/slider.d.ts +16 -6
  212. package/dist/slider.d.ts.map +1 -0
  213. package/dist/slider.js +40 -67
  214. package/dist/slider.js.map +1 -1
  215. package/dist/spinner.d.ts +8 -3
  216. package/dist/spinner.d.ts.map +1 -0
  217. package/dist/spinner.js +15 -4
  218. package/dist/spinner.js.map +1 -1
  219. package/dist/switch.d.ts +12 -6
  220. package/dist/switch.d.ts.map +1 -0
  221. package/dist/switch.js +18 -25
  222. package/dist/switch.js.map +1 -1
  223. package/dist/table.d.ts +37 -11
  224. package/dist/table.d.ts.map +1 -0
  225. package/dist/table.js +51 -88
  226. package/dist/table.js.map +1 -1
  227. package/dist/tabs.d.ts +28 -12
  228. package/dist/tabs.d.ts.map +1 -0
  229. package/dist/tabs.js +40 -74
  230. package/dist/tabs.js.map +1 -1
  231. package/dist/textarea.d.ts +13 -6
  232. package/dist/textarea.d.ts.map +1 -0
  233. package/dist/textarea.js +19 -3
  234. package/dist/textarea.js.map +1 -1
  235. package/dist/toast.d.ts +63 -39
  236. package/dist/toast.d.ts.map +1 -0
  237. package/dist/toast.js +177 -215
  238. package/dist/toast.js.map +1 -1
  239. package/dist/toggle-group.d.ts +26 -12
  240. package/dist/toggle-group.d.ts.map +1 -0
  241. package/dist/toggle-group.js +49 -73
  242. package/dist/toggle-group.js.map +1 -1
  243. package/dist/toggle.d.ts +17 -10
  244. package/dist/toggle.d.ts.map +1 -0
  245. package/dist/toggle.js +38 -3
  246. package/dist/toggle.js.map +1 -1
  247. package/dist/tooltip.d.ts +35 -14
  248. package/dist/tooltip.d.ts.map +1 -0
  249. package/dist/tooltip.js +52 -3
  250. package/dist/tooltip.js.map +1 -1
  251. package/dist/typewriter.d.ts +44 -31
  252. package/dist/typewriter.d.ts.map +1 -0
  253. package/dist/typewriter.js +185 -185
  254. package/dist/typewriter.js.map +1 -1
  255. package/package.json +6 -6
  256. package/dist/chunk-45VQAWIM.js +0 -228
  257. package/dist/chunk-45VQAWIM.js.map +0 -1
  258. package/dist/chunk-6Y7LPQMO.js +0 -11
  259. package/dist/chunk-6Y7LPQMO.js.map +0 -1
  260. package/dist/chunk-76UQO56T.js +0 -19
  261. package/dist/chunk-76UQO56T.js.map +0 -1
  262. package/dist/chunk-7F4MPMLJ.js +0 -17
  263. package/dist/chunk-7F4MPMLJ.js.map +0 -1
  264. package/dist/chunk-BKTJYX4M.js +0 -143
  265. package/dist/chunk-BKTJYX4M.js.map +0 -1
  266. package/dist/chunk-D5XPEJ6T.js +0 -36
  267. package/dist/chunk-D5XPEJ6T.js.map +0 -1
  268. package/dist/chunk-DIGOLJIR.js +0 -105
  269. package/dist/chunk-DIGOLJIR.js.map +0 -1
  270. package/dist/chunk-IQ7YQ5XA.js +0 -141
  271. package/dist/chunk-IQ7YQ5XA.js.map +0 -1
  272. package/dist/chunk-NCHHHWTB.js +0 -85
  273. package/dist/chunk-NCHHHWTB.js.map +0 -1
  274. package/dist/chunk-OUFYQLVN.js +0 -56
  275. package/dist/chunk-OUFYQLVN.js.map +0 -1
  276. package/dist/chunk-QFSEK4M6.js +0 -22
  277. package/dist/chunk-QFSEK4M6.js.map +0 -1
  278. package/dist/chunk-QRW37LRP.js +0 -25
  279. package/dist/chunk-QRW37LRP.js.map +0 -1
  280. package/dist/chunk-RPQHL6C5.js +0 -26
  281. package/dist/chunk-RPQHL6C5.js.map +0 -1
  282. package/dist/chunk-V4ZX4YCP.js +0 -66
  283. package/dist/chunk-V4ZX4YCP.js.map +0 -1
  284. package/dist/chunk-YTSQQTSF.js +0 -44
  285. package/dist/chunk-YTSQQTSF.js.map +0 -1
  286. package/dist/chunk-ZZZH3JGW.js +0 -23
  287. package/dist/chunk-ZZZH3JGW.js.map +0 -1
  288. package/dist/direction.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu.d.ts","names":[],"sources":["../src/menu.tsx"],"mappings":"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"}
package/dist/menu.js CHANGED
@@ -1,5 +1,142 @@
1
- export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from './chunk-45VQAWIM.js';
2
- import './chunk-DIGOLJIR.js';
3
- import './chunk-76UQO56T.js';
4
- //# sourceMappingURL=menu.js.map
1
+ "use client";
2
+ import { cn } from "./lib/utils.js";
3
+ import { CheckIcon, ChevronRightIcon } from "./lib/internal-icons.js";
4
+ import { resolveFinalFocus } from "./lib/focus.js";
5
+ import "react";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
7
+ import { Menu as Menu$1 } from "@base-ui/react/menu";
8
+ //#region src/menu.tsx
9
+ function Menu(props) {
10
+ return /* @__PURE__ */ jsx(Menu$1.Root, {
11
+ "data-slot": "menu",
12
+ ...props
13
+ });
14
+ }
15
+ function MenuPortal(props) {
16
+ return /* @__PURE__ */ jsx(Menu$1.Portal, {
17
+ "data-slot": "menu-portal",
18
+ ...props
19
+ });
20
+ }
21
+ function MenuTrigger(props) {
22
+ return /* @__PURE__ */ jsx(Menu$1.Trigger, {
23
+ "data-slot": "menu-trigger",
24
+ ...props
25
+ });
26
+ }
27
+ function MenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, restoreFocusOnClose, finalFocus, ...props }) {
28
+ return /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(Menu$1.Positioner, {
29
+ "data-slot": "menu-positioner",
30
+ className: "isolate z-50 outline-none",
31
+ align,
32
+ alignOffset,
33
+ side,
34
+ sideOffset,
35
+ children: /* @__PURE__ */ jsx(Menu$1.Popup, {
36
+ "data-slot": "menu-content",
37
+ className: cn("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 bg-popover text-popover-foreground data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-auto min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100 outline-none data-closed:overflow-hidden", className),
38
+ finalFocus: resolveFinalFocus(restoreFocusOnClose, finalFocus),
39
+ ...props
40
+ })
41
+ }) });
42
+ }
43
+ function MenuGroup(props) {
44
+ return /* @__PURE__ */ jsx(Menu$1.Group, {
45
+ "data-slot": "menu-group",
46
+ ...props
47
+ });
48
+ }
49
+ function MenuLabel({ className, inset, ...props }) {
50
+ return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
51
+ "data-slot": "menu-label",
52
+ "data-inset": inset,
53
+ className: cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className),
54
+ ...props
55
+ });
56
+ }
57
+ function MenuItem({ className, inset, variant = "default", ...props }) {
58
+ return /* @__PURE__ */ jsx(Menu$1.Item, {
59
+ "data-slot": "menu-item",
60
+ "data-inset": inset,
61
+ "data-variant": variant,
62
+ className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
63
+ ...props
64
+ });
65
+ }
66
+ function MenuSub(props) {
67
+ return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, {
68
+ "data-slot": "menu-sub",
69
+ ...props
70
+ });
71
+ }
72
+ function MenuSubTrigger({ className, inset, children, ...props }) {
73
+ return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
74
+ "data-slot": "menu-sub-trigger",
75
+ "data-inset": inset,
76
+ className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
77
+ ...props,
78
+ children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
79
+ });
80
+ }
81
+ function MenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
82
+ return /* @__PURE__ */ jsx(MenuContent, {
83
+ "data-slot": "menu-sub-content",
84
+ className: cn("w-auto min-w-24 shadow-lg", className),
85
+ align,
86
+ alignOffset,
87
+ side,
88
+ sideOffset,
89
+ ...props
90
+ });
91
+ }
92
+ function MenuCheckboxItem({ className, children, checked, inset, ...props }) {
93
+ return /* @__PURE__ */ jsxs(Menu$1.CheckboxItem, {
94
+ "data-slot": "menu-checkbox-item",
95
+ "data-inset": inset,
96
+ className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
97
+ checked,
98
+ ...props,
99
+ children: [/* @__PURE__ */ jsx("span", {
100
+ "data-slot": "menu-checkbox-item-indicator",
101
+ className: "pointer-events-none absolute right-2 flex items-center justify-center",
102
+ children: /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
103
+ }), children]
104
+ });
105
+ }
106
+ function MenuRadioGroup(props) {
107
+ return /* @__PURE__ */ jsx(Menu$1.RadioGroup, {
108
+ "data-slot": "menu-radio-group",
109
+ ...props
110
+ });
111
+ }
112
+ function MenuRadioItem({ className, children, inset, ...props }) {
113
+ return /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
114
+ "data-slot": "menu-radio-item",
115
+ "data-inset": inset,
116
+ className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
117
+ ...props,
118
+ children: [/* @__PURE__ */ jsx("span", {
119
+ "data-slot": "menu-radio-item-indicator",
120
+ className: "pointer-events-none absolute right-2 flex items-center justify-center",
121
+ children: /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
122
+ }), children]
123
+ });
124
+ }
125
+ function MenuSeparator({ className, ...props }) {
126
+ return /* @__PURE__ */ jsx(Menu$1.Separator, {
127
+ "data-slot": "menu-separator",
128
+ className: cn("bg-border -mx-1 my-1 h-px", className),
129
+ ...props
130
+ });
131
+ }
132
+ function MenuShortcut({ className, ...props }) {
133
+ return /* @__PURE__ */ jsx("span", {
134
+ "data-slot": "menu-shortcut",
135
+ className: cn("text-muted-foreground group-focus/menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className),
136
+ ...props
137
+ });
138
+ }
139
+ //#endregion
140
+ export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };
141
+
5
142
  //# sourceMappingURL=menu.js.map
package/dist/menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"menu.js"}
1
+ {"version":3,"file":"menu.js","names":["MenuPrimitive"],"sources":["../src/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"./lib/utils\"\nimport { resolveFinalFocus, type RestoreFocusOnClose } from \"./lib/focus\"\n\nimport { ChevronRightIcon, CheckIcon } from \"./lib/internal-icons\"\n\ntype MenuProps = React.ComponentProps<typeof MenuPrimitive.Root>\n\ntype MenuPortalProps = React.ComponentProps<typeof MenuPrimitive.Portal>\n\ntype MenuTriggerProps = React.ComponentProps<typeof MenuPrimitive.Trigger>\n\ntype MenuContentProps = React.ComponentProps<typeof MenuPrimitive.Popup> &\n Pick<\n React.ComponentProps<typeof MenuPrimitive.Positioner>,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n > & {\n /**\n * Focus-restoration policy when the menu closes. Defaults to Base\n * UI's behaviour (restore to the trigger). Use `\"keyboard\"` when\n * the trigger is hover/focus-within–revealed so a pointer close\n * doesn't keep it pinned visible. See {@link RestoreFocusOnClose}.\n */\n restoreFocusOnClose?: RestoreFocusOnClose\n }\n\ntype MenuGroupProps = React.ComponentProps<typeof MenuPrimitive.Group>\n\ntype MenuLabelProps = React.ComponentProps<typeof MenuPrimitive.GroupLabel> & {\n inset?: boolean\n}\n\ntype MenuItemProps = React.ComponentProps<typeof MenuPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}\n\ntype MenuSubProps = React.ComponentProps<typeof MenuPrimitive.SubmenuRoot>\n\ntype MenuSubTriggerProps = React.ComponentProps<typeof MenuPrimitive.SubmenuTrigger> & {\n inset?: boolean\n}\n\ntype MenuSubContentProps = MenuContentProps\n\ntype MenuCheckboxItemProps = React.ComponentProps<typeof MenuPrimitive.CheckboxItem> & {\n inset?: boolean\n}\n\ntype MenuRadioGroupProps = React.ComponentProps<typeof MenuPrimitive.RadioGroup>\n\ntype MenuRadioItemProps = React.ComponentProps<typeof MenuPrimitive.RadioItem> & {\n inset?: boolean\n}\n\ntype MenuSeparatorProps = React.ComponentProps<typeof MenuPrimitive.Separator>\n\ntype MenuShortcutProps = React.ComponentProps<\"span\">\n\nfunction Menu(props: MenuProps) {\n return <MenuPrimitive.Root data-slot=\"menu\" {...props} />\n}\n\nfunction MenuPortal(props: MenuPortalProps) {\n return <MenuPrimitive.Portal data-slot=\"menu-portal\" {...props} />\n}\n\nfunction MenuTrigger(props: MenuTriggerProps) {\n return <MenuPrimitive.Trigger data-slot=\"menu-trigger\" {...props} />\n}\n\nfunction MenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n restoreFocusOnClose,\n finalFocus,\n ...props\n}: MenuContentProps) {\n return (\n <MenuPortal>\n <MenuPrimitive.Positioner\n data-slot=\"menu-positioner\"\n className=\"isolate z-50 outline-none\"\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <MenuPrimitive.Popup\n data-slot=\"menu-content\"\n className={cn(\n \"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 bg-popover text-popover-foreground data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-auto min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100 outline-none data-closed:overflow-hidden\",\n className,\n )}\n finalFocus={resolveFinalFocus(restoreFocusOnClose, finalFocus)}\n {...props}\n />\n </MenuPrimitive.Positioner>\n </MenuPortal>\n )\n}\n\nfunction MenuGroup(props: MenuGroupProps) {\n return <MenuPrimitive.Group data-slot=\"menu-group\" {...props} />\n}\n\nfunction MenuLabel({\n className,\n inset,\n ...props\n}: MenuLabelProps) {\n return (\n <MenuPrimitive.GroupLabel\n data-slot=\"menu-label\"\n data-inset={inset}\n className={cn(\n \"text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuItemProps) {\n return (\n <MenuPrimitive.Item\n data-slot=\"menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction MenuSub(props: MenuSubProps) {\n return <MenuPrimitive.SubmenuRoot data-slot=\"menu-sub\" {...props} />\n}\n\nfunction MenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuSubTriggerProps) {\n return (\n <MenuPrimitive.SubmenuTrigger\n data-slot=\"menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto\" />\n </MenuPrimitive.SubmenuTrigger>\n )\n}\n\nfunction MenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: MenuSubContentProps) {\n return (\n <MenuContent\n data-slot=\"menu-sub-content\"\n className={cn(\"w-auto min-w-24 shadow-lg\", className)}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction MenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuCheckboxItemProps) {\n return (\n <MenuPrimitive.CheckboxItem\n data-slot=\"menu-checkbox-item\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span\n data-slot=\"menu-checkbox-item-indicator\"\n className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n >\n <MenuPrimitive.CheckboxItemIndicator>\n <CheckIcon />\n </MenuPrimitive.CheckboxItemIndicator>\n </span>\n {children}\n </MenuPrimitive.CheckboxItem>\n )\n}\n\nfunction MenuRadioGroup(props: MenuRadioGroupProps) {\n return <MenuPrimitive.RadioGroup data-slot=\"menu-radio-group\" {...props} />\n}\n\nfunction MenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuRadioItemProps) {\n return (\n <MenuPrimitive.RadioItem\n data-slot=\"menu-radio-item\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <span\n data-slot=\"menu-radio-item-indicator\"\n className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n >\n <MenuPrimitive.RadioItemIndicator>\n <CheckIcon />\n </MenuPrimitive.RadioItemIndicator>\n </span>\n {children}\n </MenuPrimitive.RadioItem>\n )\n}\n\nfunction MenuSeparator({ className, ...props }: MenuSeparatorProps) {\n return (\n <MenuPrimitive.Separator\n data-slot=\"menu-separator\"\n className={cn(\n \"bg-border -mx-1 my-1 h-px\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenuShortcut({ className, ...props }: MenuShortcutProps) {\n return (\n <span\n data-slot=\"menu-shortcut\"\n className={cn(\n \"text-muted-foreground group-focus/menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n )\n}\n\nexport {\n Menu,\n MenuPortal,\n MenuTrigger,\n MenuContent,\n MenuGroup,\n MenuLabel,\n MenuItem,\n MenuCheckboxItem,\n MenuRadioGroup,\n MenuRadioItem,\n MenuSeparator,\n MenuShortcut,\n MenuSub,\n MenuSubTrigger,\n MenuSubContent,\n}\n"],"mappings":"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"}
package/dist/menubar.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
4
- import { MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, Menu, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from './menu.js';
5
- import '@base-ui/react/menu';
1
+ import { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from "./menu.js";
2
+ import * as React from "react";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
+ import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
6
5
 
6
+ //#region src/menubar.d.ts
7
7
  type MenubarProps = React.ComponentProps<typeof Menubar$1>;
8
8
  type MenubarMenuProps = React.ComponentProps<typeof Menu>;
9
9
  type MenubarGroupProps = React.ComponentProps<typeof MenuGroup>;
@@ -20,21 +20,59 @@ type MenubarShortcutProps = React.ComponentProps<typeof MenuShortcut>;
20
20
  type MenubarSubProps = React.ComponentProps<typeof MenuSub>;
21
21
  type MenubarSubTriggerProps = React.ComponentProps<typeof MenuSubTrigger>;
22
22
  type MenubarSubContentProps = React.ComponentProps<typeof MenuSubContent>;
23
- declare function Menubar({ className, ...props }: MenubarProps): react_jsx_runtime.JSX.Element;
24
- declare function MenubarMenu({ ...props }: MenubarMenuProps): react_jsx_runtime.JSX.Element;
25
- declare function MenubarGroup({ ...props }: MenubarGroupProps): react_jsx_runtime.JSX.Element;
26
- declare function MenubarPortal({ ...props }: MenubarPortalProps): react_jsx_runtime.JSX.Element;
27
- declare function MenubarTrigger({ ...props }: MenubarTriggerProps): react_jsx_runtime.JSX.Element;
28
- declare function MenubarContent({ align, alignOffset, sideOffset, className, ...props }: MenubarContentProps): react_jsx_runtime.JSX.Element;
29
- declare function MenubarItem({ ...props }: MenubarItemProps): react_jsx_runtime.JSX.Element;
30
- declare function MenubarCheckboxItem({ ...props }: MenubarCheckboxItemProps): react_jsx_runtime.JSX.Element;
31
- declare function MenubarRadioGroup({ ...props }: MenubarRadioGroupProps): react_jsx_runtime.JSX.Element;
32
- declare function MenubarRadioItem({ ...props }: MenubarRadioItemProps): react_jsx_runtime.JSX.Element;
33
- declare function MenubarLabel({ ...props }: MenubarLabelProps): react_jsx_runtime.JSX.Element;
34
- declare function MenubarSeparator({ ...props }: MenubarSeparatorProps): react_jsx_runtime.JSX.Element;
35
- declare function MenubarShortcut({ ...props }: MenubarShortcutProps): react_jsx_runtime.JSX.Element;
36
- declare function MenubarSub({ ...props }: MenubarSubProps): react_jsx_runtime.JSX.Element;
37
- declare function MenubarSubTrigger({ ...props }: MenubarSubTriggerProps): react_jsx_runtime.JSX.Element;
38
- declare function MenubarSubContent({ ...props }: MenubarSubContentProps): react_jsx_runtime.JSX.Element;
39
-
23
+ declare function Menubar({
24
+ className,
25
+ ...props
26
+ }: MenubarProps): _$react_jsx_runtime0.JSX.Element;
27
+ declare function MenubarMenu({
28
+ ...props
29
+ }: MenubarMenuProps): _$react_jsx_runtime0.JSX.Element;
30
+ declare function MenubarGroup({
31
+ ...props
32
+ }: MenubarGroupProps): _$react_jsx_runtime0.JSX.Element;
33
+ declare function MenubarPortal({
34
+ ...props
35
+ }: MenubarPortalProps): _$react_jsx_runtime0.JSX.Element;
36
+ declare function MenubarTrigger({
37
+ ...props
38
+ }: MenubarTriggerProps): _$react_jsx_runtime0.JSX.Element;
39
+ declare function MenubarContent({
40
+ align,
41
+ alignOffset,
42
+ sideOffset,
43
+ className,
44
+ ...props
45
+ }: MenubarContentProps): _$react_jsx_runtime0.JSX.Element;
46
+ declare function MenubarItem({
47
+ ...props
48
+ }: MenubarItemProps): _$react_jsx_runtime0.JSX.Element;
49
+ declare function MenubarCheckboxItem({
50
+ ...props
51
+ }: MenubarCheckboxItemProps): _$react_jsx_runtime0.JSX.Element;
52
+ declare function MenubarRadioGroup({
53
+ ...props
54
+ }: MenubarRadioGroupProps): _$react_jsx_runtime0.JSX.Element;
55
+ declare function MenubarRadioItem({
56
+ ...props
57
+ }: MenubarRadioItemProps): _$react_jsx_runtime0.JSX.Element;
58
+ declare function MenubarLabel({
59
+ ...props
60
+ }: MenubarLabelProps): _$react_jsx_runtime0.JSX.Element;
61
+ declare function MenubarSeparator({
62
+ ...props
63
+ }: MenubarSeparatorProps): _$react_jsx_runtime0.JSX.Element;
64
+ declare function MenubarShortcut({
65
+ ...props
66
+ }: MenubarShortcutProps): _$react_jsx_runtime0.JSX.Element;
67
+ declare function MenubarSub({
68
+ ...props
69
+ }: MenubarSubProps): _$react_jsx_runtime0.JSX.Element;
70
+ declare function MenubarSubTrigger({
71
+ ...props
72
+ }: MenubarSubTriggerProps): _$react_jsx_runtime0.JSX.Element;
73
+ declare function MenubarSubContent({
74
+ ...props
75
+ }: MenubarSubContentProps): _$react_jsx_runtime0.JSX.Element;
76
+ //#endregion
40
77
  export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
78
+ //# sourceMappingURL=menubar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menubar.d.ts","names":[],"sources":["../src/menubar.tsx"],"mappings":"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"}
package/dist/menubar.js CHANGED
@@ -1,84 +1,112 @@
1
- import { Menu, MenuGroup, MenuPortal, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioGroup, MenuRadioItem, MenuLabel, MenuSeparator, MenuShortcut, MenuSub, MenuSubTrigger, MenuSubContent } from './chunk-45VQAWIM.js';
2
- import './chunk-DIGOLJIR.js';
3
- import { cn } from './chunk-76UQO56T.js';
4
- import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
5
- import { jsx } from 'react/jsx-runtime';
6
-
1
+ "use client";
2
+ import { cn } from "./lib/utils.js";
3
+ import { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from "./menu.js";
4
+ import "react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
7
+ //#region src/menubar.tsx
7
8
  function Menubar({ className, ...props }) {
8
- return /* @__PURE__ */ jsx(
9
- Menubar$1,
10
- {
11
- "data-slot": "menubar",
12
- className: cn(
13
- "bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]",
14
- className
15
- ),
16
- ...props
17
- }
18
- );
9
+ return /* @__PURE__ */ jsx(Menubar$1, {
10
+ "data-slot": "menubar",
11
+ className: cn("bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", className),
12
+ ...props
13
+ });
19
14
  }
20
15
  function MenubarMenu({ ...props }) {
21
- return /* @__PURE__ */ jsx(Menu, { "data-slot": "menubar-menu", ...props });
16
+ return /* @__PURE__ */ jsx(Menu, {
17
+ "data-slot": "menubar-menu",
18
+ ...props
19
+ });
22
20
  }
23
21
  function MenubarGroup({ ...props }) {
24
- return /* @__PURE__ */ jsx(MenuGroup, { "data-slot": "menubar-group", ...props });
22
+ return /* @__PURE__ */ jsx(MenuGroup, {
23
+ "data-slot": "menubar-group",
24
+ ...props
25
+ });
25
26
  }
26
27
  function MenubarPortal({ ...props }) {
27
- return /* @__PURE__ */ jsx(MenuPortal, { "data-slot": "menubar-portal", ...props });
28
+ return /* @__PURE__ */ jsx(MenuPortal, {
29
+ "data-slot": "menubar-portal",
30
+ ...props
31
+ });
28
32
  }
29
33
  function MenubarTrigger({ ...props }) {
30
- return /* @__PURE__ */ jsx(MenuTrigger, { "data-slot": "menubar-trigger", ...props });
31
- }
32
- function MenubarContent({
33
- align = "start",
34
- alignOffset = -4,
35
- sideOffset = 8,
36
- className,
37
- ...props
38
- }) {
39
- return /* @__PURE__ */ jsx(
40
- MenuContent,
41
- {
42
- "data-slot": "menubar-content",
43
- className: cn("w-auto", className),
44
- align,
45
- alignOffset,
46
- sideOffset,
47
- ...props
48
- }
49
- );
34
+ return /* @__PURE__ */ jsx(MenuTrigger, {
35
+ "data-slot": "menubar-trigger",
36
+ ...props
37
+ });
38
+ }
39
+ function MenubarContent({ align = "start", alignOffset = -4, sideOffset = 8, className, ...props }) {
40
+ return /* @__PURE__ */ jsx(MenuContent, {
41
+ "data-slot": "menubar-content",
42
+ className: cn("w-auto", className),
43
+ align,
44
+ alignOffset,
45
+ sideOffset,
46
+ ...props
47
+ });
50
48
  }
51
49
  function MenubarItem({ ...props }) {
52
- return /* @__PURE__ */ jsx(MenuItem, { "data-slot": "menubar-item", ...props });
50
+ return /* @__PURE__ */ jsx(MenuItem, {
51
+ "data-slot": "menubar-item",
52
+ ...props
53
+ });
53
54
  }
54
55
  function MenubarCheckboxItem({ ...props }) {
55
- return /* @__PURE__ */ jsx(MenuCheckboxItem, { "data-slot": "menubar-checkbox-item", ...props });
56
+ return /* @__PURE__ */ jsx(MenuCheckboxItem, {
57
+ "data-slot": "menubar-checkbox-item",
58
+ ...props
59
+ });
56
60
  }
57
61
  function MenubarRadioGroup({ ...props }) {
58
- return /* @__PURE__ */ jsx(MenuRadioGroup, { "data-slot": "menubar-radio-group", ...props });
62
+ return /* @__PURE__ */ jsx(MenuRadioGroup, {
63
+ "data-slot": "menubar-radio-group",
64
+ ...props
65
+ });
59
66
  }
60
67
  function MenubarRadioItem({ ...props }) {
61
- return /* @__PURE__ */ jsx(MenuRadioItem, { "data-slot": "menubar-radio-item", ...props });
68
+ return /* @__PURE__ */ jsx(MenuRadioItem, {
69
+ "data-slot": "menubar-radio-item",
70
+ ...props
71
+ });
62
72
  }
63
73
  function MenubarLabel({ ...props }) {
64
- return /* @__PURE__ */ jsx(MenuLabel, { "data-slot": "menubar-label", ...props });
74
+ return /* @__PURE__ */ jsx(MenuLabel, {
75
+ "data-slot": "menubar-label",
76
+ ...props
77
+ });
65
78
  }
66
79
  function MenubarSeparator({ ...props }) {
67
- return /* @__PURE__ */ jsx(MenuSeparator, { "data-slot": "menubar-separator", ...props });
80
+ return /* @__PURE__ */ jsx(MenuSeparator, {
81
+ "data-slot": "menubar-separator",
82
+ ...props
83
+ });
68
84
  }
69
85
  function MenubarShortcut({ ...props }) {
70
- return /* @__PURE__ */ jsx(MenuShortcut, { "data-slot": "menubar-shortcut", ...props });
86
+ return /* @__PURE__ */ jsx(MenuShortcut, {
87
+ "data-slot": "menubar-shortcut",
88
+ ...props
89
+ });
71
90
  }
72
91
  function MenubarSub({ ...props }) {
73
- return /* @__PURE__ */ jsx(MenuSub, { "data-slot": "menubar-sub", ...props });
92
+ return /* @__PURE__ */ jsx(MenuSub, {
93
+ "data-slot": "menubar-sub",
94
+ ...props
95
+ });
74
96
  }
75
97
  function MenubarSubTrigger({ ...props }) {
76
- return /* @__PURE__ */ jsx(MenuSubTrigger, { "data-slot": "menubar-sub-trigger", ...props });
98
+ return /* @__PURE__ */ jsx(MenuSubTrigger, {
99
+ "data-slot": "menubar-sub-trigger",
100
+ ...props
101
+ });
77
102
  }
78
103
  function MenubarSubContent({ ...props }) {
79
- return /* @__PURE__ */ jsx(MenuSubContent, { "data-slot": "menubar-sub-content", ...props });
104
+ return /* @__PURE__ */ jsx(MenuSubContent, {
105
+ "data-slot": "menubar-sub-content",
106
+ ...props
107
+ });
80
108
  }
81
-
109
+ //#endregion
82
110
  export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
83
- //# sourceMappingURL=menubar.js.map
111
+
84
112
  //# sourceMappingURL=menubar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/menubar.tsx"],"names":["MenubarPrimitive"],"mappings":";;;;;;AA0CA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,GAAG,OAAM,EAAiB;AACtD,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,uEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAqB;AACnD,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACnD;AAEA,SAAS,YAAA,CAAa,EAAE,GAAG,KAAA,EAAM,EAAsB;AACrD,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACzD;AAEA,SAAS,aAAA,CAAc,EAAE,GAAG,KAAA,EAAM,EAAuB;AACvD,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,WAAA,EAAU,gBAAA,EAAkB,GAAG,KAAA,EAAO,CAAA;AAC3D;AAEA,SAAS,cAAA,CAAe,EAAE,GAAG,KAAA,EAAM,EAAwB;AACzD,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAAU,iBAAA,EAAmB,GAAG,KAAA,EAAO,CAAA;AAC7D;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,KAAA,GAAQ,OAAA;AAAA,EACR,WAAA,GAAc,EAAA;AAAA,EACd,UAAA,GAAa,CAAA;AAAA,EACb,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAqB;AACnD,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACvD;AAEA,SAAS,mBAAA,CAAoB,EAAE,GAAG,KAAA,EAAM,EAA6B;AACnE,EAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAiB,WAAA,EAAU,uBAAA,EAAyB,GAAG,KAAA,EAAO,CAAA;AACxE;AAEA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AACpE;AAEA,SAAS,gBAAA,CAAiB,EAAE,GAAG,KAAA,EAAM,EAA0B;AAC7D,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EAAO,CAAA;AAClE;AAEA,SAAS,YAAA,CAAa,EAAE,GAAG,KAAA,EAAM,EAAsB;AACrD,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACzD;AAEA,SAAS,gBAAA,CAAiB,EAAE,GAAG,KAAA,EAAM,EAA0B;AAC7D,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,mBAAA,EAAqB,GAAG,KAAA,EAAO,CAAA;AACjE;AAEA,SAAS,eAAA,CAAgB,EAAE,GAAG,KAAA,EAAM,EAAyB;AAC3D,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,WAAA,EAAU,kBAAA,EAAoB,GAAG,KAAA,EAAO,CAAA;AAC/D;AAEA,SAAS,UAAA,CAAW,EAAE,GAAG,KAAA,EAAM,EAAoB;AACjD,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAA,EAAU,aAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACrD;AAEA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AACpE;AAEA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AACpE","file":"menubar.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport {\n Menu,\n MenuContent,\n MenuGroup,\n MenuItem,\n MenuLabel,\n MenuPortal,\n MenuRadioGroup,\n MenuSeparator,\n MenuShortcut,\n MenuSub,\n MenuSubContent,\n MenuSubTrigger,\n MenuTrigger,\n MenuCheckboxItem,\n MenuRadioItem,\n} from \"./menu\"\n\nimport { cn } from \"./lib/utils\"\n\ntype MenubarProps = React.ComponentProps<typeof MenubarPrimitive>\ntype MenubarMenuProps = React.ComponentProps<typeof Menu>\ntype MenubarGroupProps = React.ComponentProps<typeof MenuGroup>\ntype MenubarPortalProps = React.ComponentProps<typeof MenuPortal>\ntype MenubarTriggerProps = React.ComponentProps<typeof MenuTrigger>\ntype MenubarContentProps = React.ComponentProps<typeof MenuContent>\ntype MenubarItemProps = React.ComponentProps<typeof MenuItem>\ntype MenubarCheckboxItemProps = React.ComponentProps<typeof MenuCheckboxItem>\ntype MenubarRadioGroupProps = React.ComponentProps<typeof MenuRadioGroup>\ntype MenubarRadioItemProps = React.ComponentProps<typeof MenuRadioItem>\ntype MenubarLabelProps = React.ComponentProps<typeof MenuLabel>\ntype MenubarSeparatorProps = React.ComponentProps<typeof MenuSeparator>\ntype MenubarShortcutProps = React.ComponentProps<typeof MenuShortcut>\ntype MenubarSubProps = React.ComponentProps<typeof MenuSub>\ntype MenubarSubTriggerProps = React.ComponentProps<typeof MenuSubTrigger>\ntype MenubarSubContentProps = React.ComponentProps<typeof MenuSubContent>\n\nfunction Menubar({ className, ...props }: MenubarProps) {\n return (\n <MenubarPrimitive\n data-slot=\"menubar\"\n className={cn(\n \"bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarMenu({ ...props }: MenubarMenuProps) {\n return <Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({ ...props }: MenubarGroupProps) {\n return <MenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({ ...props }: MenubarPortalProps) {\n return <MenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({ ...props }: MenubarTriggerProps) {\n return <MenuTrigger data-slot=\"menubar-trigger\" {...props} />\n}\n\nfunction MenubarContent({\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n className,\n ...props\n}: MenubarContentProps) {\n return (\n <MenuContent\n data-slot=\"menubar-content\"\n className={cn(\"w-auto\", className)}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction MenubarItem({ ...props }: MenubarItemProps) {\n return <MenuItem data-slot=\"menubar-item\" {...props} />\n}\n\nfunction MenubarCheckboxItem({ ...props }: MenubarCheckboxItemProps) {\n return <MenuCheckboxItem data-slot=\"menubar-checkbox-item\" {...props} />\n}\n\nfunction MenubarRadioGroup({ ...props }: MenubarRadioGroupProps) {\n return <MenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({ ...props }: MenubarRadioItemProps) {\n return <MenuRadioItem data-slot=\"menubar-radio-item\" {...props} />\n}\n\nfunction MenubarLabel({ ...props }: MenubarLabelProps) {\n return <MenuLabel data-slot=\"menubar-label\" {...props} />\n}\n\nfunction MenubarSeparator({ ...props }: MenubarSeparatorProps) {\n return <MenuSeparator data-slot=\"menubar-separator\" {...props} />\n}\n\nfunction MenubarShortcut({ ...props }: MenubarShortcutProps) {\n return <MenuShortcut data-slot=\"menubar-shortcut\" {...props} />\n}\n\nfunction MenubarSub({ ...props }: MenubarSubProps) {\n return <MenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({ ...props }: MenubarSubTriggerProps) {\n return <MenuSubTrigger data-slot=\"menubar-sub-trigger\" {...props} />\n}\n\nfunction MenubarSubContent({ ...props }: MenubarSubContentProps) {\n return <MenuSubContent data-slot=\"menubar-sub-content\" {...props} />\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n"]}
1
+ {"version":3,"file":"menubar.js","names":["MenubarPrimitive"],"sources":["../src/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport {\n Menu,\n MenuContent,\n MenuGroup,\n MenuItem,\n MenuLabel,\n MenuPortal,\n MenuRadioGroup,\n MenuSeparator,\n MenuShortcut,\n MenuSub,\n MenuSubContent,\n MenuSubTrigger,\n MenuTrigger,\n MenuCheckboxItem,\n MenuRadioItem,\n} from \"./menu\"\n\nimport { cn } from \"./lib/utils\"\n\ntype MenubarProps = React.ComponentProps<typeof MenubarPrimitive>\ntype MenubarMenuProps = React.ComponentProps<typeof Menu>\ntype MenubarGroupProps = React.ComponentProps<typeof MenuGroup>\ntype MenubarPortalProps = React.ComponentProps<typeof MenuPortal>\ntype MenubarTriggerProps = React.ComponentProps<typeof MenuTrigger>\ntype MenubarContentProps = React.ComponentProps<typeof MenuContent>\ntype MenubarItemProps = React.ComponentProps<typeof MenuItem>\ntype MenubarCheckboxItemProps = React.ComponentProps<typeof MenuCheckboxItem>\ntype MenubarRadioGroupProps = React.ComponentProps<typeof MenuRadioGroup>\ntype MenubarRadioItemProps = React.ComponentProps<typeof MenuRadioItem>\ntype MenubarLabelProps = React.ComponentProps<typeof MenuLabel>\ntype MenubarSeparatorProps = React.ComponentProps<typeof MenuSeparator>\ntype MenubarShortcutProps = React.ComponentProps<typeof MenuShortcut>\ntype MenubarSubProps = React.ComponentProps<typeof MenuSub>\ntype MenubarSubTriggerProps = React.ComponentProps<typeof MenuSubTrigger>\ntype MenubarSubContentProps = React.ComponentProps<typeof MenuSubContent>\n\nfunction Menubar({ className, ...props }: MenubarProps) {\n return (\n <MenubarPrimitive\n data-slot=\"menubar\"\n className={cn(\n \"bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarMenu({ ...props }: MenubarMenuProps) {\n return <Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({ ...props }: MenubarGroupProps) {\n return <MenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({ ...props }: MenubarPortalProps) {\n return <MenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({ ...props }: MenubarTriggerProps) {\n return <MenuTrigger data-slot=\"menubar-trigger\" {...props} />\n}\n\nfunction MenubarContent({\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n className,\n ...props\n}: MenubarContentProps) {\n return (\n <MenuContent\n data-slot=\"menubar-content\"\n className={cn(\"w-auto\", className)}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction MenubarItem({ ...props }: MenubarItemProps) {\n return <MenuItem data-slot=\"menubar-item\" {...props} />\n}\n\nfunction MenubarCheckboxItem({ ...props }: MenubarCheckboxItemProps) {\n return <MenuCheckboxItem data-slot=\"menubar-checkbox-item\" {...props} />\n}\n\nfunction MenubarRadioGroup({ ...props }: MenubarRadioGroupProps) {\n return <MenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({ ...props }: MenubarRadioItemProps) {\n return <MenuRadioItem data-slot=\"menubar-radio-item\" {...props} />\n}\n\nfunction MenubarLabel({ ...props }: MenubarLabelProps) {\n return <MenuLabel data-slot=\"menubar-label\" {...props} />\n}\n\nfunction MenubarSeparator({ ...props }: MenubarSeparatorProps) {\n return <MenuSeparator data-slot=\"menubar-separator\" {...props} />\n}\n\nfunction MenubarShortcut({ ...props }: MenubarShortcutProps) {\n return <MenuShortcut data-slot=\"menubar-shortcut\" {...props} />\n}\n\nfunction MenubarSub({ ...props }: MenubarSubProps) {\n return <MenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({ ...props }: MenubarSubTriggerProps) {\n return <MenuSubTrigger data-slot=\"menubar-sub-trigger\" {...props} />\n}\n\nfunction MenubarSubContent({ ...props }: MenubarSubContentProps) {\n return <MenuSubContent data-slot=\"menubar-sub-content\" {...props} />\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n"],"mappings":";;;;;;;AA0CA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAuB;AACtD,QACE,oBAACA,WAAD;EACE,aAAU;EACV,WAAW,GACT,yEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,GAAG,SAA2B;AACnD,QAAO,oBAAC,MAAD;EAAM,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGrD,SAAS,aAAa,EAAE,GAAG,SAA4B;AACrD,QAAO,oBAAC,WAAD;EAAW,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAG3D,SAAS,cAAc,EAAE,GAAG,SAA6B;AACvD,QAAO,oBAAC,YAAD;EAAY,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG7D,SAAS,eAAe,EAAE,GAAG,SAA8B;AACzD,QAAO,oBAAC,aAAD;EAAa,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG/D,SAAS,eAAe,EACtB,QAAQ,SACR,cAAc,IACd,aAAa,GACb,WACA,GAAG,SACmB;AACtB,QACE,oBAAC,aAAD;EACE,aAAU;EACV,WAAW,GAAG,UAAU,UAAU;EAC3B;EACM;EACD;EACZ,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,GAAG,SAA2B;AACnD,QAAO,oBAAC,UAAD;EAAU,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGzD,SAAS,oBAAoB,EAAE,GAAG,SAAmC;AACnE,QAAO,oBAAC,kBAAD;EAAkB,aAAU;EAAwB,GAAI;EAAS,CAAA;;AAG1E,SAAS,kBAAkB,EAAE,GAAG,SAAiC;AAC/D,QAAO,oBAAC,gBAAD;EAAgB,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGtE,SAAS,iBAAiB,EAAE,GAAG,SAAgC;AAC7D,QAAO,oBAAC,eAAD;EAAe,aAAU;EAAqB,GAAI;EAAS,CAAA;;AAGpE,SAAS,aAAa,EAAE,GAAG,SAA4B;AACrD,QAAO,oBAAC,WAAD;EAAW,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAG3D,SAAS,iBAAiB,EAAE,GAAG,SAAgC;AAC7D,QAAO,oBAAC,eAAD;EAAe,aAAU;EAAoB,GAAI;EAAS,CAAA;;AAGnE,SAAS,gBAAgB,EAAE,GAAG,SAA+B;AAC3D,QAAO,oBAAC,cAAD;EAAc,aAAU;EAAmB,GAAI;EAAS,CAAA;;AAGjE,SAAS,WAAW,EAAE,GAAG,SAA0B;AACjD,QAAO,oBAAC,SAAD;EAAS,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGvD,SAAS,kBAAkB,EAAE,GAAG,SAAiC;AAC/D,QAAO,oBAAC,gBAAD;EAAgB,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGtE,SAAS,kBAAkB,EAAE,GAAG,SAAiC;AAC/D,QAAO,oBAAC,gBAAD;EAAgB,aAAU;EAAsB,GAAI;EAAS,CAAA"}
@@ -1,29 +1,50 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { Button } from './button.js';
4
- import 'class-variance-authority/types';
5
- import '@base-ui/react/button';
6
- import 'class-variance-authority';
1
+ import { Button } from "./button.js";
2
+ import * as React from "react";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
7
4
 
5
+ //#region src/pagination.d.ts
8
6
  type PaginationProps = React.ComponentProps<"nav">;
9
7
  type PaginationContentProps = React.ComponentProps<"ul">;
10
8
  type PaginationItemProps = React.ComponentProps<"li">;
11
9
  type PaginationLinkProps = {
12
- isActive?: boolean;
10
+ isActive?: boolean;
13
11
  } & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
14
12
  type PaginationPreviousProps = PaginationLinkProps & {
15
- text?: string;
13
+ text?: string;
16
14
  };
17
15
  type PaginationNextProps = PaginationLinkProps & {
18
- text?: string;
16
+ text?: string;
19
17
  };
20
18
  type PaginationEllipsisProps = React.ComponentProps<"span">;
21
- declare function Pagination({ className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
22
- declare function PaginationContent({ className, ...props }: PaginationContentProps): react_jsx_runtime.JSX.Element;
23
- declare function PaginationItem(props: PaginationItemProps): react_jsx_runtime.JSX.Element;
24
- declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
25
- declare function PaginationPrevious({ className, text, ...props }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
26
- declare function PaginationNext({ className, text, ...props }: PaginationNextProps): react_jsx_runtime.JSX.Element;
27
- declare function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
28
-
19
+ declare function Pagination({
20
+ className,
21
+ ...props
22
+ }: PaginationProps): _$react_jsx_runtime0.JSX.Element;
23
+ declare function PaginationContent({
24
+ className,
25
+ ...props
26
+ }: PaginationContentProps): _$react_jsx_runtime0.JSX.Element;
27
+ declare function PaginationItem(props: PaginationItemProps): _$react_jsx_runtime0.JSX.Element;
28
+ declare function PaginationLink({
29
+ className,
30
+ isActive,
31
+ size,
32
+ ...props
33
+ }: PaginationLinkProps): _$react_jsx_runtime0.JSX.Element;
34
+ declare function PaginationPrevious({
35
+ className,
36
+ text,
37
+ ...props
38
+ }: PaginationPreviousProps): _$react_jsx_runtime0.JSX.Element;
39
+ declare function PaginationNext({
40
+ className,
41
+ text,
42
+ ...props
43
+ }: PaginationNextProps): _$react_jsx_runtime0.JSX.Element;
44
+ declare function PaginationEllipsis({
45
+ className,
46
+ ...props
47
+ }: PaginationEllipsisProps): _$react_jsx_runtime0.JSX.Element;
48
+ //#endregion
29
49
  export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
50
+ //# sourceMappingURL=pagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.d.ts","names":[],"sources":["../src/pagination.tsx"],"mappings":";;;;;KAWK,eAAA,GAAkB,KAAA,CAAM,cAAA;AAAA,KAExB,sBAAA,GAAyB,KAAA,CAAM,cAAA;AAAA,KAE/B,mBAAA,GAAsB,KAAA,CAAM,cAAA;AAAA,KAE5B,mBAAA;EACH,QAAA;AAAA,IACE,IAAA,CAAK,KAAA,CAAM,cAAA,QAAsB,MAAA,aACnC,KAAA,CAAM,cAAA;AAAA,KAEH,uBAAA,GAA0B,mBAAA;EAC7B,IAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,mBAAA;EACzB,IAAA;AAAA;AAAA,KAGG,uBAAA,GAA0B,KAAA,CAAM,cAAA;AAAA,iBAE5B,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAenD,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAajE,cAAA,CAAe,KAAA,EAAO,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIzC,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBb,kBAAA,CAAA;EACP,SAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcjB,cAAA,CAAA;EACP,SAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcb,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA"}