kuzenbo 0.0.1

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 (256) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +185 -0
  3. package/dist/accordion-trigger-D5XnBMS6.d.ts +24 -0
  4. package/dist/accordion-trigger-TjAe8JHy.js +53 -0
  5. package/dist/alert-dialog-trigger-BV0BsaVU.d.ts +638 -0
  6. package/dist/alert-dialog-trigger-D5BRoizR.js +98 -0
  7. package/dist/alert-title-CISzcj0X.js +28 -0
  8. package/dist/alert-title-CVC9G-Xf.d.ts +22 -0
  9. package/dist/announcement-title-CCZuGB1O.d.ts +18 -0
  10. package/dist/announcement-title-CIwzt9Wl.js +18 -0
  11. package/dist/autocomplete-value-BhyszIrf.d.ts +111 -0
  12. package/dist/autocomplete-value-DNJ3sAIH.js +141 -0
  13. package/dist/avatar-image-BKgKyzVw.d.ts +35 -0
  14. package/dist/avatar-image-Bw3G-Bl6.js +45 -0
  15. package/dist/breadcrumb-separator-D66-B1DA.d.ts +44 -0
  16. package/dist/breadcrumb-separator-Do-19Uow.js +74 -0
  17. package/dist/button-group-text-D98w78rH.js +25 -0
  18. package/dist/calendar-week-number-6AXvZ4Ij.js +72 -0
  19. package/dist/calendar-week-number-in2gpvA_.d.ts +36 -0
  20. package/dist/card-title-CbRPAh3M.js +52 -0
  21. package/dist/card-title-DSDluDoy.d.ts +40 -0
  22. package/dist/carousel-previous-B_jysGv_.js +89 -0
  23. package/dist/chart-tooltip-content-h5oLtil-.js +144 -0
  24. package/dist/collapsible-trigger-DcQWODN-.js +20 -0
  25. package/dist/collapsible-trigger-aZF7_mPR.d.ts +15 -0
  26. package/dist/command-shortcut-DoWM7Mnm.js +97 -0
  27. package/dist/context-menu-trigger-CYBhdcpg.js +147 -0
  28. package/dist/context-menu-trigger-Du2vcTco.d.ts +103 -0
  29. package/dist/dialog-trigger-CR23tYql.js +97 -0
  30. package/dist/dialog-trigger-xeE4e96-.d.ts +74 -0
  31. package/dist/drawer-trigger-7jI4Zmqs.js +79 -0
  32. package/dist/drawer-trigger-H_Wv5R00.d.ts +67 -0
  33. package/dist/dropdown-menu-trigger-CFdruqOk.d.ts +108 -0
  34. package/dist/dropdown-menu-trigger-IKeAoU_a.js +152 -0
  35. package/dist/dropzone-context-BRX1K7nw.d.ts +45 -0
  36. package/dist/dropzone-status-CW-3AXuh.js +33 -0
  37. package/dist/emoji-picker-skin-tone-selector-Cmv-1vDO.js +117 -0
  38. package/dist/emoji-picker-skin-tone-selector-yMYxt4oJ.d.ts +67 -0
  39. package/dist/empty-title-CH3DhcfT.d.ts +53 -0
  40. package/dist/empty-title-CHNBH7WJ.js +53 -0
  41. package/dist/form-field-title-CNrq8v88.js +101 -0
  42. package/dist/hooks/use-isomorphic-effect.d.ts +7 -0
  43. package/dist/hooks/use-isomorphic-effect.js +7 -0
  44. package/dist/hooks/use-mobile.d.ts +4 -0
  45. package/dist/hooks/use-mobile.js +20 -0
  46. package/dist/hover-card-trigger-B9jf3FEB.js +31 -0
  47. package/dist/hover-card-trigger-BqVoZ7h4.d.ts +20 -0
  48. package/dist/index.d.ts +122 -0
  49. package/dist/index.js +130 -0
  50. package/dist/input-group-textarea-voYOV11-.js +79 -0
  51. package/dist/input-otp-slot-DWbXhUmU.js +45 -0
  52. package/dist/input-otp-slot-eVdOjx8C.d.ts +24 -0
  53. package/dist/item-title-BYrYJZpa.js +89 -0
  54. package/dist/kbd-group-CT-Xtgug.js +12 -0
  55. package/dist/kbd-group-D3yVrb2D.d.ts +10 -0
  56. package/dist/marquee-item-BGJ5NSiz.js +29 -0
  57. package/dist/marquee-item-DD6JuLJ4.d.ts +32 -0
  58. package/dist/menubar-trigger-BLg3XdRv.d.ts +104 -0
  59. package/dist/menubar-trigger-aKMWAxdz.js +146 -0
  60. package/dist/meter-value-BmxUICOA.js +37 -0
  61. package/dist/meter-value-DYkZLCtx.d.ts +30 -0
  62. package/dist/navigation-menu-trigger-Bf60DnIz.d.ts +53 -0
  63. package/dist/navigation-menu-trigger-D80wiliM.js +82 -0
  64. package/dist/number-field-scrub-area-CXSyafBE.js +80 -0
  65. package/dist/optional-portal-C7TpYnOc.js +15 -0
  66. package/dist/pagination-previous-DPZrRgiD.js +88 -0
  67. package/dist/pagination-previous-qJeZZTou.d.ts +45 -0
  68. package/dist/pill-status-CD9XXuE7.js +74 -0
  69. package/dist/pill-status-rg-3AMSI.d.ts +77 -0
  70. package/dist/popover-trigger-B9PVErig.d.ts +39 -0
  71. package/dist/popover-trigger-C8dP_u7N.js +52 -0
  72. package/dist/progress-value-CFlgP0nv.d.ts +28 -0
  73. package/dist/progress-value-CfCodKnX.js +37 -0
  74. package/dist/radio-group-item-09fw05Va.d.ts +10 -0
  75. package/dist/radio-group-item-CQjCazjw.js +24 -0
  76. package/dist/rating-star-6ov3lbpn.d.ts +57 -0
  77. package/dist/rating-star-BuLQfAnZ.js +110 -0
  78. package/dist/resizable-panel-B4lAr8Vb.d.ts +19 -0
  79. package/dist/resizable-panel-BO97wcPj.js +21 -0
  80. package/dist/scroll-bar-BQzpb5hF.js +19 -0
  81. package/dist/scroll-bar-vYvxEOph.d.ts +11 -0
  82. package/dist/select-value-BUnWentK.js +117 -0
  83. package/dist/select-value-DG31IHy3.d.ts +70 -0
  84. package/dist/sheet-trigger-CLgKANrf.d.ts +64 -0
  85. package/dist/sheet-trigger-CUU7xwUn.js +95 -0
  86. package/dist/sidebar-trigger-BCjVuIqi.js +366 -0
  87. package/dist/styles.css +145 -0
  88. package/dist/table-row-BxhKJPfE.d.ts +46 -0
  89. package/dist/table-row-D63xalkM.js +60 -0
  90. package/dist/tabs-trigger-B2mBxFgq.js +38 -0
  91. package/dist/tabs-trigger-BGo2XGvh.d.ts +41 -0
  92. package/dist/timeline-title-BH8JxX2n.js +389 -0
  93. package/dist/toggle-group-item-Bz_ohmnY.d.ts +53 -0
  94. package/dist/toggle-group-item-aggwtgam.js +34 -0
  95. package/dist/toolbar-separator-7CgKz2aX.d.ts +40 -0
  96. package/dist/toolbar-separator-Bre5OtBI.js +41 -0
  97. package/dist/tooltip-trigger-CrAGfaqr.d.ts +27 -0
  98. package/dist/tooltip-trigger-Z-aPDRog.js +37 -0
  99. package/dist/ui/accordion.d.ts +27 -0
  100. package/dist/ui/accordion.js +17 -0
  101. package/dist/ui/affix.d.ts +49 -0
  102. package/dist/ui/affix.js +57 -0
  103. package/dist/ui/alert-dialog.d.ts +123 -0
  104. package/dist/ui/alert-dialog.js +23 -0
  105. package/dist/ui/alert.d.ts +58 -0
  106. package/dist/ui/alert.js +59 -0
  107. package/dist/ui/announcement.d.ts +27 -0
  108. package/dist/ui/announcement.js +16 -0
  109. package/dist/ui/aspect-ratio.d.ts +13 -0
  110. package/dist/ui/aspect-ratio.js +13 -0
  111. package/dist/ui/autocomplete.d.ts +67 -0
  112. package/dist/ui/autocomplete.js +30 -0
  113. package/dist/ui/avatar.d.ts +37 -0
  114. package/dist/ui/avatar.js +22 -0
  115. package/dist/ui/badge.d.ts +54 -0
  116. package/dist/ui/badge.js +33 -0
  117. package/dist/ui/breadcrumb.d.ts +41 -0
  118. package/dist/ui/breadcrumb.js +20 -0
  119. package/dist/ui/button-group.d.ts +94 -0
  120. package/dist/ui/button-group.js +24 -0
  121. package/dist/ui/button.d.ts +91 -0
  122. package/dist/ui/button.js +64 -0
  123. package/dist/ui/calendar.d.ts +52 -0
  124. package/dist/ui/calendar.js +64 -0
  125. package/dist/ui/card.d.ts +40 -0
  126. package/dist/ui/card.js +20 -0
  127. package/dist/ui/carousel.d.ts +100 -0
  128. package/dist/ui/carousel.js +76 -0
  129. package/dist/ui/chart.d.ts +61 -0
  130. package/dist/ui/chart.js +34 -0
  131. package/dist/ui/checkbox-group.d.ts +12 -0
  132. package/dist/ui/checkbox-group.js +13 -0
  133. package/dist/ui/checkbox.d.ts +12 -0
  134. package/dist/ui/checkbox.js +27 -0
  135. package/dist/ui/collapsible.d.ts +19 -0
  136. package/dist/ui/collapsible.js +16 -0
  137. package/dist/ui/combobox.d.ts +95 -0
  138. package/dist/ui/combobox.js +31 -0
  139. package/dist/ui/command.d.ts +146 -0
  140. package/dist/ui/command.js +24 -0
  141. package/dist/ui/context-menu.d.ts +83 -0
  142. package/dist/ui/context-menu.js +26 -0
  143. package/dist/ui/country-flag.d.ts +18 -0
  144. package/dist/ui/country-flag.js +36 -0
  145. package/dist/ui/dialog.d.ts +53 -0
  146. package/dist/ui/dialog.js +23 -0
  147. package/dist/ui/drawer.d.ts +52 -0
  148. package/dist/ui/drawer.js +24 -0
  149. package/dist/ui/dropdown-menu.d.ts +88 -0
  150. package/dist/ui/dropdown-menu.js +26 -0
  151. package/dist/ui/dropzone.d.ts +233 -0
  152. package/dist/ui/dropzone.js +180 -0
  153. package/dist/ui/emoji-picker.d.ts +46 -0
  154. package/dist/ui/emoji-picker.js +23 -0
  155. package/dist/ui/empty.d.ts +50 -0
  156. package/dist/ui/empty.js +18 -0
  157. package/dist/ui/form-field.d.ts +134 -0
  158. package/dist/ui/form-field.js +33 -0
  159. package/dist/ui/google-logo.d.ts +13 -0
  160. package/dist/ui/google-logo.js +36 -0
  161. package/dist/ui/hover-card.d.ts +24 -0
  162. package/dist/ui/hover-card.js +16 -0
  163. package/dist/ui/input-group.d.ts +141 -0
  164. package/dist/ui/input-group.js +21 -0
  165. package/dist/ui/input-otp.d.ts +31 -0
  166. package/dist/ui/input-otp.js +19 -0
  167. package/dist/ui/input.d.ts +12 -0
  168. package/dist/ui/input.js +14 -0
  169. package/dist/ui/item.d.ts +158 -0
  170. package/dist/ui/item.js +50 -0
  171. package/dist/ui/kbd.d.ts +18 -0
  172. package/dist/ui/kbd.js +14 -0
  173. package/dist/ui/label.d.ts +12 -0
  174. package/dist/ui/label.js +15 -0
  175. package/dist/ui/marquee.d.ts +30 -0
  176. package/dist/ui/marquee.js +17 -0
  177. package/dist/ui/menubar.d.ts +228 -0
  178. package/dist/ui/menubar.js +29 -0
  179. package/dist/ui/meter.d.ts +29 -0
  180. package/dist/ui/meter.js +19 -0
  181. package/dist/ui/navigation-menu.d.ts +12 -0
  182. package/dist/ui/navigation-menu.js +15 -0
  183. package/dist/ui/number-field.d.ts +41 -0
  184. package/dist/ui/number-field.js +33 -0
  185. package/dist/ui/pagination.d.ts +38 -0
  186. package/dist/ui/pagination.js +20 -0
  187. package/dist/ui/pill.d.ts +49 -0
  188. package/dist/ui/pill.js +21 -0
  189. package/dist/ui/popover.d.ts +37 -0
  190. package/dist/ui/popover.js +19 -0
  191. package/dist/ui/portal.d.ts +29 -0
  192. package/dist/ui/portal.js +52 -0
  193. package/dist/ui/progress.d.ts +31 -0
  194. package/dist/ui/progress.js +22 -0
  195. package/dist/ui/qr-code.d.ts +20 -0
  196. package/dist/ui/qr-code.js +78 -0
  197. package/dist/ui/radio-group.d.ts +18 -0
  198. package/dist/ui/radio-group.js +15 -0
  199. package/dist/ui/rating.d.ts +80 -0
  200. package/dist/ui/rating.js +59 -0
  201. package/dist/ui/resizable.d.ts +25 -0
  202. package/dist/ui/resizable.js +18 -0
  203. package/dist/ui/scroll-area.d.ts +19 -0
  204. package/dist/ui/scroll-area.js +24 -0
  205. package/dist/ui/select.d.ts +65 -0
  206. package/dist/ui/select.js +23 -0
  207. package/dist/ui/separator.d.ts +12 -0
  208. package/dist/ui/separator.js +14 -0
  209. package/dist/ui/sheet.d.ts +54 -0
  210. package/dist/ui/sheet.js +23 -0
  211. package/dist/ui/sidebar.d.ts +247 -0
  212. package/dist/ui/sidebar.js +83 -0
  213. package/dist/ui/skeleton.d.ts +11 -0
  214. package/dist/ui/skeleton.js +12 -0
  215. package/dist/ui/slider.d.ts +15 -0
  216. package/dist/ui/slider.js +47 -0
  217. package/dist/ui/spacer.d.ts +18 -0
  218. package/dist/ui/spacer.js +25 -0
  219. package/dist/ui/spinner.d.ts +12 -0
  220. package/dist/ui/spinner.js +17 -0
  221. package/dist/ui/surface.d.ts +41 -0
  222. package/dist/ui/surface.js +31 -0
  223. package/dist/ui/switch.d.ts +14 -0
  224. package/dist/ui/switch.js +20 -0
  225. package/dist/ui/table.d.ts +41 -0
  226. package/dist/ui/table.js +34 -0
  227. package/dist/ui/tabs.d.ts +43 -0
  228. package/dist/ui/tabs.js +20 -0
  229. package/dist/ui/textarea.d.ts +13 -0
  230. package/dist/ui/textarea.js +14 -0
  231. package/dist/ui/theme-icon.d.ts +77 -0
  232. package/dist/ui/theme-icon.js +56 -0
  233. package/dist/ui/timeline.d.ts +96 -0
  234. package/dist/ui/timeline.js +88 -0
  235. package/dist/ui/toast.d.ts +50 -0
  236. package/dist/ui/toast.js +23 -0
  237. package/dist/ui/toggle-group.d.ts +31 -0
  238. package/dist/ui/toggle-group.js +31 -0
  239. package/dist/ui/toggle.d.ts +46 -0
  240. package/dist/ui/toggle.js +34 -0
  241. package/dist/ui/toolbar.d.ts +33 -0
  242. package/dist/ui/toolbar.js +19 -0
  243. package/dist/ui/tooltip.d.ts +29 -0
  244. package/dist/ui/tooltip.js +17 -0
  245. package/dist/ui/video-player.d.ts +48 -0
  246. package/dist/ui/video-player.js +37 -0
  247. package/dist/use-chart-BRpzPrMJ.d.ts +77 -0
  248. package/dist/use-combobox-anchor-2KUf_cBk.js +198 -0
  249. package/dist/use-combobox-anchor-ByuqnpKH.d.ts +120 -0
  250. package/dist/use-number-field-Dzl9JLNK.d.ts +55 -0
  251. package/dist/use-timeline-BRlmxoQ7.d.ts +81 -0
  252. package/dist/use-toast-BGG4leSx.d.ts +118 -0
  253. package/dist/use-toast-DjRKuQG6.js +129 -0
  254. package/dist/video-player-volume-range-D971L6mz.d.ts +65 -0
  255. package/dist/video-player-volume-range-V7x0b1-r.js +66 -0
  256. package/package.json +128 -0
@@ -0,0 +1,108 @@
1
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
2
+ import { ComponentProps } from "react";
3
+ import { Menu } from "@base-ui/react/menu";
4
+
5
+ //#region src/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts
6
+ declare const DropdownMenuCheckboxItem: ({
7
+ className,
8
+ children,
9
+ checked,
10
+ ...props
11
+ }: Menu.CheckboxItem.Props) => react_jsx_runtime0.JSX.Element;
12
+ //#endregion
13
+ //#region src/components/dropdown-menu/dropdown-menu-content.d.ts
14
+ declare const DropdownMenuContent: ({
15
+ align,
16
+ alignOffset,
17
+ side,
18
+ sideOffset,
19
+ className,
20
+ ...props
21
+ }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => react_jsx_runtime0.JSX.Element;
22
+ //#endregion
23
+ //#region src/components/dropdown-menu/dropdown-menu-group.d.ts
24
+ declare const DropdownMenuGroup: ({
25
+ ...props
26
+ }: Menu.Group.Props) => react_jsx_runtime0.JSX.Element;
27
+ //#endregion
28
+ //#region src/components/dropdown-menu/dropdown-menu-item.d.ts
29
+ declare const DropdownMenuItem: ({
30
+ className,
31
+ inset,
32
+ variant,
33
+ ...props
34
+ }: Menu.Item.Props & {
35
+ inset?: boolean;
36
+ variant?: "default" | "destructive";
37
+ }) => react_jsx_runtime0.JSX.Element;
38
+ //#endregion
39
+ //#region src/components/dropdown-menu/dropdown-menu-label.d.ts
40
+ declare const DropdownMenuLabel: ({
41
+ className,
42
+ inset,
43
+ ...props
44
+ }: Menu.GroupLabel.Props & {
45
+ inset?: boolean;
46
+ }) => react_jsx_runtime0.JSX.Element;
47
+ //#endregion
48
+ //#region src/components/dropdown-menu/dropdown-menu-portal.d.ts
49
+ declare const DropdownMenuPortal: ({
50
+ ...props
51
+ }: Menu.Portal.Props) => react_jsx_runtime0.JSX.Element;
52
+ //#endregion
53
+ //#region src/components/dropdown-menu/dropdown-menu-radio-group.d.ts
54
+ declare const DropdownMenuRadioGroup: ({
55
+ ...props
56
+ }: Menu.RadioGroup.Props) => react_jsx_runtime0.JSX.Element;
57
+ //#endregion
58
+ //#region src/components/dropdown-menu/dropdown-menu-radio-item.d.ts
59
+ declare const DropdownMenuRadioItem: ({
60
+ className,
61
+ children,
62
+ ...props
63
+ }: Menu.RadioItem.Props) => react_jsx_runtime0.JSX.Element;
64
+ //#endregion
65
+ //#region src/components/dropdown-menu/dropdown-menu-separator.d.ts
66
+ declare const DropdownMenuSeparator: ({
67
+ className,
68
+ ...props
69
+ }: Menu.Separator.Props) => react_jsx_runtime0.JSX.Element;
70
+ //#endregion
71
+ //#region src/components/dropdown-menu/dropdown-menu-shortcut.d.ts
72
+ declare const DropdownMenuShortcut: ({
73
+ className,
74
+ ...props
75
+ }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
76
+ //#endregion
77
+ //#region src/components/dropdown-menu/dropdown-menu-sub.d.ts
78
+ declare const DropdownMenuSub: ({
79
+ ...props
80
+ }: Menu.SubmenuRoot.Props) => react_jsx_runtime0.JSX.Element;
81
+ //#endregion
82
+ //#region src/components/dropdown-menu/dropdown-menu-sub-content.d.ts
83
+ declare const DropdownMenuSubContent: ({
84
+ align,
85
+ alignOffset,
86
+ side,
87
+ sideOffset,
88
+ className,
89
+ ...props
90
+ }: ComponentProps<typeof DropdownMenuContent>) => react_jsx_runtime0.JSX.Element;
91
+ //#endregion
92
+ //#region src/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts
93
+ declare const DropdownMenuSubTrigger: ({
94
+ className,
95
+ inset,
96
+ children,
97
+ ...props
98
+ }: Menu.SubmenuTrigger.Props & {
99
+ inset?: boolean;
100
+ }) => react_jsx_runtime0.JSX.Element;
101
+ //#endregion
102
+ //#region src/components/dropdown-menu/dropdown-menu-trigger.d.ts
103
+ declare const DropdownMenuTrigger: ({
104
+ className,
105
+ ...props
106
+ }: Menu.Trigger.Props) => react_jsx_runtime0.JSX.Element;
107
+ //#endregion
108
+ export { DropdownMenuShortcut as a, DropdownMenuRadioGroup as c, DropdownMenuItem as d, DropdownMenuGroup as f, DropdownMenuSub as i, DropdownMenuPortal as l, DropdownMenuCheckboxItem as m, DropdownMenuSubTrigger as n, DropdownMenuSeparator as o, DropdownMenuContent as p, DropdownMenuSubContent as r, DropdownMenuRadioItem as s, DropdownMenuTrigger as t, DropdownMenuLabel as u };
@@ -0,0 +1,152 @@
1
+ import { cn } from "tailwind-variants";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { ArrowRight01Icon, Tick02Icon } from "@hugeicons/core-free-icons";
4
+ import { HugeiconsIcon } from "@hugeicons/react";
5
+ import { Menu } from "@base-ui/react/menu";
6
+
7
+ //#region src/components/dropdown-menu/dropdown-menu-checkbox-item.tsx
8
+ const DropdownMenuCheckboxItem = ({ className, children, checked, ...props }) => /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
9
+ checked,
10
+ className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
11
+ "data-slot": "dropdown-menu-checkbox-item",
12
+ ...props,
13
+ children: [/* @__PURE__ */ jsx("span", {
14
+ className: "pointer-events-none pointer-events-none absolute right-2 flex items-center justify-center",
15
+ "data-slot": "dropdown-menu-checkbox-item-indicator",
16
+ children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
17
+ icon: Tick02Icon,
18
+ strokeWidth: 2
19
+ }) })
20
+ }), children]
21
+ });
22
+
23
+ //#endregion
24
+ //#region src/components/dropdown-menu/dropdown-menu-content.tsx
25
+ const DropdownMenuContent = ({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) => /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
26
+ align,
27
+ alignOffset,
28
+ className: "isolate z-50 outline-none",
29
+ side,
30
+ sideOffset,
31
+ children: /* @__PURE__ */ jsx(Menu.Popup, {
32
+ className: cn("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 z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-md outline-none ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in data-closed:overflow-hidden", className),
33
+ "data-slot": "dropdown-menu-content",
34
+ ...props
35
+ })
36
+ }) });
37
+
38
+ //#endregion
39
+ //#region src/components/dropdown-menu/dropdown-menu-group.tsx
40
+ const DropdownMenuGroup = ({ ...props }) => /* @__PURE__ */ jsx(Menu.Group, {
41
+ "data-slot": "dropdown-menu-group",
42
+ ...props
43
+ });
44
+
45
+ //#endregion
46
+ //#region src/components/dropdown-menu/dropdown-menu-item.tsx
47
+ const DropdownMenuItem = ({ className, inset, variant = "default", ...props }) => /* @__PURE__ */ jsx(Menu.Item, {
48
+ className: cn("group/dropdown-menu-item relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive", className),
49
+ "data-inset": inset,
50
+ "data-slot": "dropdown-menu-item",
51
+ "data-variant": variant,
52
+ ...props
53
+ });
54
+
55
+ //#endregion
56
+ //#region src/components/dropdown-menu/dropdown-menu-label.tsx
57
+ const DropdownMenuLabel = ({ className, inset, ...props }) => /* @__PURE__ */ jsx(Menu.GroupLabel, {
58
+ className: cn("px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-8", className),
59
+ "data-inset": inset,
60
+ "data-slot": "dropdown-menu-label",
61
+ ...props
62
+ });
63
+
64
+ //#endregion
65
+ //#region src/components/dropdown-menu/dropdown-menu-portal.tsx
66
+ const DropdownMenuPortal = ({ ...props }) => /* @__PURE__ */ jsx(Menu.Portal, {
67
+ "data-slot": "dropdown-menu-portal",
68
+ ...props
69
+ });
70
+
71
+ //#endregion
72
+ //#region src/components/dropdown-menu/dropdown-menu-radio-group.tsx
73
+ const DropdownMenuRadioGroup = ({ ...props }) => /* @__PURE__ */ jsx(Menu.RadioGroup, {
74
+ "data-slot": "dropdown-menu-radio-group",
75
+ ...props
76
+ });
77
+
78
+ //#endregion
79
+ //#region src/components/dropdown-menu/dropdown-menu-radio-item.tsx
80
+ const DropdownMenuRadioItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Menu.RadioItem, {
81
+ className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
82
+ "data-slot": "dropdown-menu-radio-item",
83
+ ...props,
84
+ children: [/* @__PURE__ */ jsx("span", {
85
+ className: "pointer-events-none pointer-events-none absolute right-2 flex items-center justify-center",
86
+ "data-slot": "dropdown-menu-radio-item-indicator",
87
+ children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
88
+ icon: Tick02Icon,
89
+ strokeWidth: 2
90
+ }) })
91
+ }), children]
92
+ });
93
+
94
+ //#endregion
95
+ //#region src/components/dropdown-menu/dropdown-menu-separator.tsx
96
+ const DropdownMenuSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Menu.Separator, {
97
+ className: cn("-mx-1 my-1 h-px bg-border", className),
98
+ "data-slot": "dropdown-menu-separator",
99
+ ...props
100
+ });
101
+
102
+ //#endregion
103
+ //#region src/components/dropdown-menu/dropdown-menu-shortcut.tsx
104
+ const DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
105
+ className: cn("ml-auto text-muted-foreground text-xs tracking-widest group-focus/dropdown-menu-item:text-accent-foreground", className),
106
+ "data-slot": "dropdown-menu-shortcut",
107
+ ...props
108
+ });
109
+
110
+ //#endregion
111
+ //#region src/components/dropdown-menu/dropdown-menu-sub.tsx
112
+ const DropdownMenuSub = ({ ...props }) => /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
113
+ "data-slot": "dropdown-menu-sub",
114
+ ...props
115
+ });
116
+
117
+ //#endregion
118
+ //#region src/components/dropdown-menu/dropdown-menu-sub-content.tsx
119
+ const DropdownMenuSubContent = ({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuContent, {
120
+ align,
121
+ alignOffset,
122
+ className: cn("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 w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in", className),
123
+ "data-slot": "dropdown-menu-sub-content",
124
+ side,
125
+ sideOffset,
126
+ ...props
127
+ });
128
+
129
+ //#endregion
130
+ //#region src/components/dropdown-menu/dropdown-menu-sub-trigger.tsx
131
+ const DropdownMenuSubTrigger = ({ className, inset, children, ...props }) => /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
132
+ className: cn("flex cursor-pointer select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:cursor-not-allowed data-open:bg-accent data-[inset]:pl-8 data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
133
+ "data-inset": inset,
134
+ "data-slot": "dropdown-menu-sub-trigger",
135
+ ...props,
136
+ children: [children, /* @__PURE__ */ jsx(HugeiconsIcon, {
137
+ className: "ml-auto",
138
+ icon: ArrowRight01Icon,
139
+ strokeWidth: 2
140
+ })]
141
+ });
142
+
143
+ //#endregion
144
+ //#region src/components/dropdown-menu/dropdown-menu-trigger.tsx
145
+ const DropdownMenuTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Menu.Trigger, {
146
+ className: cn("cursor-pointer", className),
147
+ "data-slot": "dropdown-menu-trigger",
148
+ ...props
149
+ });
150
+
151
+ //#endregion
152
+ export { DropdownMenuShortcut as a, DropdownMenuRadioGroup as c, DropdownMenuItem as d, DropdownMenuGroup as f, DropdownMenuSub as i, DropdownMenuPortal as l, DropdownMenuCheckboxItem as m, DropdownMenuSubTrigger as n, DropdownMenuSeparator as o, DropdownMenuContent as p, DropdownMenuSubContent as r, DropdownMenuRadioItem as s, DropdownMenuTrigger as t, DropdownMenuLabel as u };
@@ -0,0 +1,45 @@
1
+ import * as react from "react";
2
+ import { ComponentProps, ReactNode } from "react";
3
+
4
+ //#region src/components/dropzone/dropzone-status.d.ts
5
+ type DropzoneStatusProps = ComponentProps<"div"> & {
6
+ children: ReactNode;
7
+ };
8
+ declare const DropzoneAccept: {
9
+ ({
10
+ children,
11
+ className,
12
+ ...props
13
+ }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
14
+ displayName: string;
15
+ };
16
+ declare const DropzoneReject: {
17
+ ({
18
+ children,
19
+ className,
20
+ ...props
21
+ }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
22
+ displayName: string;
23
+ };
24
+ declare const DropzoneIdle: {
25
+ ({
26
+ children,
27
+ className,
28
+ ...props
29
+ }: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
30
+ displayName: string;
31
+ };
32
+ type DropzoneAcceptProps = DropzoneStatusProps;
33
+ type DropzoneRejectProps = DropzoneStatusProps;
34
+ type DropzoneIdleProps = DropzoneStatusProps;
35
+ //#endregion
36
+ //#region src/components/dropzone/dropzone-context.d.ts
37
+ interface DropzoneContextValue {
38
+ idle: boolean;
39
+ accept: boolean;
40
+ reject: boolean;
41
+ }
42
+ declare const DropzoneContext: react.Context<DropzoneContextValue | null>;
43
+ declare const useDropzoneContext: () => DropzoneContextValue;
44
+ //#endregion
45
+ export { DropzoneIdle as a, DropzoneRejectProps as c, DropzoneAcceptProps as i, DropzoneStatusProps as l, useDropzoneContext as n, DropzoneIdleProps as o, DropzoneAccept as r, DropzoneReject as s, DropzoneContext as t };
@@ -0,0 +1,33 @@
1
+ import { cn } from "tailwind-variants";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { cloneElement, createContext, isValidElement, useContext } from "react";
4
+
5
+ //#region src/components/dropzone/dropzone-context.tsx
6
+ const DropzoneContext = createContext(null);
7
+ const useDropzoneContext = () => {
8
+ const context = useContext(DropzoneContext);
9
+ if (!context) throw new Error("Dropzone components must be used within Dropzone");
10
+ return context;
11
+ };
12
+
13
+ //#endregion
14
+ //#region src/components/dropzone/dropzone-status.tsx
15
+ const createDropzoneStatus = (status) => {
16
+ const Component = ({ children, className, ...props }) => {
17
+ const ctx = useDropzoneContext();
18
+ const _children = isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
19
+ if (!ctx[status]) return null;
20
+ return cloneElement(_children, {
21
+ className: cn(className, _children.props.className),
22
+ ...props
23
+ });
24
+ };
25
+ Component.displayName = `Dropzone${status.charAt(0).toUpperCase() + status.slice(1)}`;
26
+ return Component;
27
+ };
28
+ const DropzoneAccept = createDropzoneStatus("accept");
29
+ const DropzoneReject = createDropzoneStatus("reject");
30
+ const DropzoneIdle = createDropzoneStatus("idle");
31
+
32
+ //#endregion
33
+ export { useDropzoneContext as a, DropzoneContext as i, DropzoneIdle as n, DropzoneReject as r, DropzoneAccept as t };
@@ -0,0 +1,117 @@
1
+ import { cn } from "tailwind-variants";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { EmojiPicker } from "frimousse";
4
+
5
+ //#region src/components/emoji-picker/emoji-picker-active-emoji.tsx
6
+ const EmojiPickerActiveEmoji = (props) => /* @__PURE__ */ jsx(EmojiPicker.ActiveEmoji, {
7
+ "data-slot": "emoji-picker-active-emoji",
8
+ ...props
9
+ });
10
+
11
+ //#endregion
12
+ //#region src/components/emoji-picker/emoji-picker-active-emoji-preview.tsx
13
+ const EmojiPickerActiveEmojiPreview = ({ emptyText = "Hover or navigate to see emoji details", ...props }) => /* @__PURE__ */ jsx(EmojiPickerActiveEmoji, {
14
+ ...props,
15
+ children: ({ emoji }) => /* @__PURE__ */ jsx("div", {
16
+ className: cn("flex items-center gap-2 rounded-md border-t bg-popover px-3 py-2 text-sm", !emoji && "text-muted-foreground"),
17
+ "data-slot": "emoji-picker-active-emoji-preview",
18
+ children: emoji ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
19
+ className: "text-lg",
20
+ children: emoji.emoji
21
+ }), /* @__PURE__ */ jsx("span", { children: emoji.label })] }) : /* @__PURE__ */ jsx("span", { children: emptyText })
22
+ })
23
+ });
24
+
25
+ //#endregion
26
+ //#region src/components/emoji-picker/emoji-picker-content.tsx
27
+ const EmojiPickerContent = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.Viewport, {
28
+ className: cn("relative flex-1 outline-hidden", className),
29
+ "data-slot": "emoji-picker-content",
30
+ ...props
31
+ });
32
+
33
+ //#endregion
34
+ //#region src/components/emoji-picker/emoji-picker-empty.tsx
35
+ const EmojiPickerEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.Empty, {
36
+ className: cn("absolute inset-0 flex items-center justify-center text-muted-foreground text-sm", className),
37
+ "data-slot": "emoji-picker-empty",
38
+ ...props
39
+ });
40
+
41
+ //#endregion
42
+ //#region src/components/emoji-picker/emoji-picker-list-category-header.tsx
43
+ const EmojiPickerListCategoryHeader = ({ category, ...restProps }) => /* @__PURE__ */ jsx("div", {
44
+ className: "bg-popover px-3 pb-1.5 font-medium text-muted-foreground text-xs",
45
+ "data-slot": "emoji-picker-list-category-header",
46
+ ...restProps,
47
+ children: category.label
48
+ });
49
+
50
+ //#endregion
51
+ //#region src/components/emoji-picker/emoji-picker-list-emoji.tsx
52
+ const EmojiPickerListEmoji = ({ emoji, ...restProps }) => /* @__PURE__ */ jsx("button", {
53
+ type: "button",
54
+ className: "flex size-8 cursor-pointer items-center justify-center rounded-md text-lg data-active:bg-accent",
55
+ "data-slot": "emoji-picker-list-emoji",
56
+ ...restProps,
57
+ children: emoji.emoji
58
+ });
59
+
60
+ //#endregion
61
+ //#region src/components/emoji-picker/emoji-picker-list-row.tsx
62
+ const EmojiPickerListRow = ({ children, ...restProps }) => /* @__PURE__ */ jsx("div", {
63
+ className: "scroll-my-1.5 px-1.5",
64
+ "data-slot": "emoji-picker-list-row",
65
+ ...restProps,
66
+ children
67
+ });
68
+
69
+ //#endregion
70
+ //#region src/components/emoji-picker/emoji-picker-list.tsx
71
+ const EmojiPickerList = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.List, {
72
+ className: cn("select-none pb-2", className),
73
+ components: {
74
+ CategoryHeader: EmojiPickerListCategoryHeader,
75
+ Row: EmojiPickerListRow,
76
+ Emoji: EmojiPickerListEmoji
77
+ },
78
+ "data-slot": "emoji-picker-list",
79
+ ...props
80
+ });
81
+
82
+ //#endregion
83
+ //#region src/components/emoji-picker/emoji-picker-loading.tsx
84
+ const EmojiPickerLoading = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.Loading, {
85
+ className: cn("absolute inset-0 flex items-center justify-center text-muted-foreground text-sm", className),
86
+ "data-slot": "emoji-picker-loading",
87
+ ...props
88
+ });
89
+
90
+ //#endregion
91
+ //#region src/components/emoji-picker/emoji-picker-search.tsx
92
+ const EmojiPickerSearch = ({ className, wrapperClassName, ...props }) => /* @__PURE__ */ jsx("div", {
93
+ className: cn("p-2", wrapperClassName),
94
+ "data-slot": "emoji-picker-search-wrapper",
95
+ children: /* @__PURE__ */ jsx(EmojiPicker.Search, {
96
+ className: cn("z-50 flex h-9 w-full min-w-0 rounded-md border bg-input px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow,border-color] selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/50", className),
97
+ ...props
98
+ })
99
+ });
100
+
101
+ //#endregion
102
+ //#region src/components/emoji-picker/emoji-picker-skin-tone.tsx
103
+ const EmojiPickerSkinTone = (props) => /* @__PURE__ */ jsx(EmojiPicker.SkinTone, {
104
+ "data-slot": "emoji-picker-skin-tone",
105
+ ...props
106
+ });
107
+
108
+ //#endregion
109
+ //#region src/components/emoji-picker/emoji-picker-skin-tone-selector.tsx
110
+ const EmojiPickerSkinToneSelector = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.SkinToneSelector, {
111
+ className: cn("mx-2 mb-1.5 size-8 rounded-md bg-popover text-lg hover:bg-accent", className),
112
+ "data-slot": "emoji-picker-skin-tone-selector",
113
+ ...props
114
+ });
115
+
116
+ //#endregion
117
+ export { EmojiPickerList as a, EmojiPickerActiveEmojiPreview as c, EmojiPickerLoading as i, EmojiPickerActiveEmoji as l, EmojiPickerSkinTone as n, EmojiPickerEmpty as o, EmojiPickerSearch as r, EmojiPickerContent as s, EmojiPickerSkinToneSelector as t };
@@ -0,0 +1,67 @@
1
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
2
+ import { ComponentProps } from "react";
3
+ import { EmojiPicker } from "frimousse";
4
+
5
+ //#region src/components/emoji-picker/emoji-picker-active-emoji.d.ts
6
+ type EmojiPickerActiveEmojiProps = ComponentProps<typeof EmojiPicker.ActiveEmoji>;
7
+ declare const EmojiPickerActiveEmoji: (props: EmojiPickerActiveEmojiProps) => react_jsx_runtime0.JSX.Element;
8
+ //#endregion
9
+ //#region src/components/emoji-picker/emoji-picker-active-emoji-preview.d.ts
10
+ type EmojiPickerActiveEmojiPreviewProps = Omit<ComponentProps<typeof EmojiPickerActiveEmoji>, "children"> & {
11
+ emptyText?: string;
12
+ };
13
+ declare const EmojiPickerActiveEmojiPreview: ({
14
+ emptyText,
15
+ ...props
16
+ }: EmojiPickerActiveEmojiPreviewProps) => react_jsx_runtime0.JSX.Element;
17
+ //#endregion
18
+ //#region src/components/emoji-picker/emoji-picker-content.d.ts
19
+ type EmojiPickerContentProps = ComponentProps<typeof EmojiPicker.Viewport>;
20
+ declare const EmojiPickerContent: ({
21
+ className,
22
+ ...props
23
+ }: EmojiPickerContentProps) => react_jsx_runtime0.JSX.Element;
24
+ //#endregion
25
+ //#region src/components/emoji-picker/emoji-picker-empty.d.ts
26
+ type EmojiPickerEmptyProps = ComponentProps<typeof EmojiPicker.Empty>;
27
+ declare const EmojiPickerEmpty: ({
28
+ className,
29
+ ...props
30
+ }: EmojiPickerEmptyProps) => react_jsx_runtime0.JSX.Element;
31
+ //#endregion
32
+ //#region src/components/emoji-picker/emoji-picker-list.d.ts
33
+ type EmojiPickerListProps = ComponentProps<typeof EmojiPicker.List>;
34
+ declare const EmojiPickerList: ({
35
+ className,
36
+ ...props
37
+ }: EmojiPickerListProps) => react_jsx_runtime0.JSX.Element;
38
+ //#endregion
39
+ //#region src/components/emoji-picker/emoji-picker-loading.d.ts
40
+ type EmojiPickerLoadingProps = ComponentProps<typeof EmojiPicker.Loading>;
41
+ declare const EmojiPickerLoading: ({
42
+ className,
43
+ ...props
44
+ }: EmojiPickerLoadingProps) => react_jsx_runtime0.JSX.Element;
45
+ //#endregion
46
+ //#region src/components/emoji-picker/emoji-picker-search.d.ts
47
+ type EmojiPickerSearchProps = ComponentProps<typeof EmojiPicker.Search> & {
48
+ wrapperClassName?: string;
49
+ };
50
+ declare const EmojiPickerSearch: ({
51
+ className,
52
+ wrapperClassName,
53
+ ...props
54
+ }: EmojiPickerSearchProps) => react_jsx_runtime0.JSX.Element;
55
+ //#endregion
56
+ //#region src/components/emoji-picker/emoji-picker-skin-tone.d.ts
57
+ type EmojiPickerSkinToneProps = ComponentProps<typeof EmojiPicker.SkinTone>;
58
+ declare const EmojiPickerSkinTone: (props: EmojiPickerSkinToneProps) => react_jsx_runtime0.JSX.Element;
59
+ //#endregion
60
+ //#region src/components/emoji-picker/emoji-picker-skin-tone-selector.d.ts
61
+ type EmojiPickerSkinToneSelectorProps = ComponentProps<typeof EmojiPicker.SkinToneSelector>;
62
+ declare const EmojiPickerSkinToneSelector: ({
63
+ className,
64
+ ...props
65
+ }: EmojiPickerSkinToneSelectorProps) => react_jsx_runtime0.JSX.Element;
66
+ //#endregion
67
+ export { EmojiPickerActiveEmoji as _, EmojiPickerSearch as a, EmojiPickerLoadingProps as c, EmojiPickerEmpty as d, EmojiPickerEmptyProps as f, EmojiPickerActiveEmojiPreviewProps as g, EmojiPickerActiveEmojiPreview as h, EmojiPickerSkinToneProps as i, EmojiPickerList as l, EmojiPickerContentProps as m, EmojiPickerSkinToneSelectorProps as n, EmojiPickerSearchProps as o, EmojiPickerContent as p, EmojiPickerSkinTone as r, EmojiPickerLoading as s, EmojiPickerSkinToneSelector as t, EmojiPickerListProps as u, EmojiPickerActiveEmojiProps as v };
@@ -0,0 +1,53 @@
1
+ import * as tailwind_variants0 from "tailwind-variants";
2
+ import { VariantProps } from "tailwind-variants";
3
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
4
+ import { ComponentProps } from "react";
5
+
6
+ //#region src/components/empty/empty-content.d.ts
7
+ declare const EmptyContent: ({
8
+ className,
9
+ ...props
10
+ }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
11
+ //#endregion
12
+ //#region src/components/empty/empty-description.d.ts
13
+ declare const EmptyDescription: ({
14
+ className,
15
+ ...props
16
+ }: ComponentProps<"p">) => react_jsx_runtime0.JSX.Element;
17
+ //#endregion
18
+ //#region src/components/empty/empty-header.d.ts
19
+ declare const EmptyHeader: ({
20
+ className,
21
+ ...props
22
+ }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
23
+ //#endregion
24
+ //#region src/components/empty/empty-media.d.ts
25
+ declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
26
+ variant: {
27
+ default: string;
28
+ icon: string;
29
+ };
30
+ }, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
31
+ variant: {
32
+ default: string;
33
+ icon: string;
34
+ };
35
+ }, undefined, tailwind_variants0.TVReturnType<{
36
+ variant: {
37
+ default: string;
38
+ icon: string;
39
+ };
40
+ }, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
41
+ declare const EmptyMedia: ({
42
+ className,
43
+ variant,
44
+ ...props
45
+ }: ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) => react_jsx_runtime0.JSX.Element;
46
+ //#endregion
47
+ //#region src/components/empty/empty-title.d.ts
48
+ declare const EmptyTitle: ({
49
+ className,
50
+ ...props
51
+ }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
52
+ //#endregion
53
+ export { EmptyContent as a, EmptyDescription as i, EmptyMedia as n, EmptyHeader as r, EmptyTitle as t };
@@ -0,0 +1,53 @@
1
+ import { cn, tv } from "tailwind-variants";
2
+ import { jsx } from "react/jsx-runtime";
3
+
4
+ //#region src/components/empty/empty-content.tsx
5
+ const EmptyContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
6
+ className: cn("flex w-full min-w-0 max-w-sm flex-col items-center gap-2.5 text-balance text-sm", className),
7
+ "data-slot": "empty-content",
8
+ ...props
9
+ });
10
+
11
+ //#endregion
12
+ //#region src/components/empty/empty-description.tsx
13
+ const EmptyDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
14
+ className: cn("text-muted-foreground text-sm/relaxed [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
15
+ "data-slot": "empty-description",
16
+ ...props
17
+ });
18
+
19
+ //#endregion
20
+ //#region src/components/empty/empty-header.tsx
21
+ const EmptyHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
22
+ className: cn("flex max-w-sm flex-col items-center gap-2", className),
23
+ "data-slot": "empty-header",
24
+ ...props
25
+ });
26
+
27
+ //#endregion
28
+ //#region src/components/empty/empty-media.tsx
29
+ const emptyMediaVariants = tv({
30
+ base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
31
+ variants: { variant: {
32
+ default: "bg-transparent",
33
+ icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
34
+ } },
35
+ defaultVariants: { variant: "default" }
36
+ });
37
+ const EmptyMedia = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx("div", {
38
+ className: cn(emptyMediaVariants({ variant }), className),
39
+ "data-slot": "empty-icon",
40
+ "data-variant": variant,
41
+ ...props
42
+ });
43
+
44
+ //#endregion
45
+ //#region src/components/empty/empty-title.tsx
46
+ const EmptyTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
47
+ className: cn("font-medium text-sm tracking-tight", className),
48
+ "data-slot": "empty-title",
49
+ ...props
50
+ });
51
+
52
+ //#endregion
53
+ export { EmptyContent as a, EmptyDescription as i, EmptyMedia as n, EmptyHeader as r, EmptyTitle as t };