@codefast/ui 0.3.11 → 0.3.12-canary.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 (249) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/README.md +4 -0
  3. package/dist/components/accordion.d.ts +11 -29
  4. package/dist/components/accordion.d.ts.map +1 -0
  5. package/dist/components/accordion.js +11 -38
  6. package/dist/components/alert-dialog.d.ts +25 -60
  7. package/dist/components/alert-dialog.d.ts.map +1 -0
  8. package/dist/components/alert-dialog.js +17 -70
  9. package/dist/components/alert.d.ts +16 -27
  10. package/dist/components/alert.d.ts.map +1 -0
  11. package/dist/components/alert.js +33 -31
  12. package/dist/components/aspect-ratio.d.ts +5 -8
  13. package/dist/components/aspect-ratio.d.ts.map +1 -0
  14. package/dist/components/aspect-ratio.js +5 -7
  15. package/dist/components/avatar.d.ts +7 -17
  16. package/dist/components/avatar.d.ts.map +1 -0
  17. package/dist/components/avatar.js +8 -19
  18. package/dist/components/badge.d.ts +15 -21
  19. package/dist/components/badge.d.ts.map +1 -0
  20. package/dist/components/badge.js +53 -21
  21. package/dist/components/breadcrumb.d.ts +13 -35
  22. package/dist/components/breadcrumb.d.ts.map +1 -0
  23. package/dist/components/breadcrumb.js +14 -50
  24. package/dist/components/button-group.d.ts +15 -29
  25. package/dist/components/button-group.d.ts.map +1 -0
  26. package/dist/components/button-group.js +37 -28
  27. package/dist/components/button.d.ts +26 -35
  28. package/dist/components/button.d.ts.map +1 -0
  29. package/dist/components/button.js +87 -52
  30. package/dist/components/calendar.d.ts +10 -24
  31. package/dist/components/calendar.d.ts.map +1 -0
  32. package/dist/components/calendar.js +88 -93
  33. package/dist/components/card.d.ts +11 -34
  34. package/dist/components/card.d.ts.map +1 -0
  35. package/dist/components/card.js +12 -40
  36. package/dist/components/carousel.d.ts +25 -55
  37. package/dist/components/carousel.d.ts.map +1 -0
  38. package/dist/components/carousel.js +83 -115
  39. package/dist/components/chart.d.ts +37 -72
  40. package/dist/components/chart.d.ts.map +1 -0
  41. package/dist/components/chart.js +162 -151
  42. package/dist/components/checkbox-cards.d.ts +9 -15
  43. package/dist/components/checkbox-cards.d.ts.map +1 -0
  44. package/dist/components/checkbox-cards.js +9 -23
  45. package/dist/components/checkbox-group.d.ts +9 -16
  46. package/dist/components/checkbox-group.d.ts.map +1 -0
  47. package/dist/components/checkbox-group.js +8 -20
  48. package/dist/components/checkbox.d.ts +5 -9
  49. package/dist/components/checkbox.d.ts.map +1 -0
  50. package/dist/components/checkbox.js +7 -15
  51. package/dist/components/collapsible.d.ts +7 -14
  52. package/dist/components/collapsible.d.ts.map +1 -0
  53. package/dist/components/collapsible.js +7 -15
  54. package/dist/components/command.d.ts +24 -55
  55. package/dist/components/command.d.ts.map +1 -0
  56. package/dist/components/command.js +19 -70
  57. package/dist/components/context-menu.d.ts +23 -72
  58. package/dist/components/context-menu.d.ts.map +1 -0
  59. package/dist/components/context-menu.js +22 -90
  60. package/dist/components/dialog.d.ts +23 -53
  61. package/dist/components/dialog.d.ts.map +1 -0
  62. package/dist/components/dialog.js +21 -73
  63. package/dist/components/drawer.d.ts +29 -60
  64. package/dist/components/drawer.d.ts.map +1 -0
  65. package/dist/components/drawer.js +17 -59
  66. package/dist/components/dropdown-menu.d.ts +23 -73
  67. package/dist/components/dropdown-menu.d.ts.map +1 -0
  68. package/dist/components/dropdown-menu.js +22 -97
  69. package/dist/components/empty.d.ts +16 -37
  70. package/dist/components/empty.d.ts.map +1 -0
  71. package/dist/components/empty.js +33 -45
  72. package/dist/components/field.d.ts +26 -63
  73. package/dist/components/field.d.ts.map +1 -0
  74. package/dist/components/field.js +61 -90
  75. package/dist/components/form.d.ts +16 -37
  76. package/dist/components/form.d.ts.map +1 -0
  77. package/dist/components/form.js +51 -67
  78. package/dist/components/hover-card.d.ts +8 -21
  79. package/dist/components/hover-card.d.ts.map +1 -0
  80. package/dist/components/hover-card.js +9 -24
  81. package/dist/components/input-group.d.ts +29 -53
  82. package/dist/components/input-group.d.ts.map +1 -0
  83. package/dist/components/input-group.js +110 -67
  84. package/dist/components/input-number.d.ts +8 -28
  85. package/dist/components/input-number.d.ts.map +1 -0
  86. package/dist/components/input-number.js +15 -56
  87. package/dist/components/input-otp.d.ts +11 -24
  88. package/dist/components/input-otp.d.ts.map +1 -0
  89. package/dist/components/input-otp.js +14 -35
  90. package/dist/components/input-password.d.ts +6 -12
  91. package/dist/components/input-password.d.ts.map +1 -0
  92. package/dist/components/input-password.js +11 -31
  93. package/dist/components/input-search.d.ts +9 -18
  94. package/dist/components/input-search.d.ts.map +1 -0
  95. package/dist/components/input-search.js +17 -44
  96. package/dist/components/input.d.ts +5 -10
  97. package/dist/components/input.d.ts.map +1 -0
  98. package/dist/components/input.js +6 -10
  99. package/dist/components/item.d.ts +33 -69
  100. package/dist/components/item.d.ts.map +1 -0
  101. package/dist/components/item.js +69 -91
  102. package/dist/components/kbd.d.ts +6 -13
  103. package/dist/components/kbd.d.ts.map +1 -0
  104. package/dist/components/kbd.js +7 -14
  105. package/dist/components/label.d.ts +5 -9
  106. package/dist/components/label.d.ts.map +1 -0
  107. package/dist/components/label.js +6 -9
  108. package/dist/components/menubar.d.ts +24 -80
  109. package/dist/components/menubar.d.ts.map +1 -0
  110. package/dist/components/menubar.js +24 -100
  111. package/dist/components/native-select.d.ts +7 -16
  112. package/dist/components/native-select.d.ts.map +1 -0
  113. package/dist/components/native-select.js +8 -26
  114. package/dist/components/navigation-menu.d.ts +13 -36
  115. package/dist/components/navigation-menu.d.ts.map +1 -0
  116. package/dist/components/navigation-menu.js +26 -62
  117. package/dist/components/pagination.d.ts +15 -35
  118. package/dist/components/pagination.d.ts.map +1 -0
  119. package/dist/components/pagination.js +14 -56
  120. package/dist/components/popover.d.ts +9 -24
  121. package/dist/components/popover.d.ts.map +1 -0
  122. package/dist/components/popover.js +10 -28
  123. package/dist/components/progress-circle.d.ts +89 -106
  124. package/dist/components/progress-circle.d.ts.map +1 -0
  125. package/dist/components/progress-circle.js +71 -104
  126. package/dist/components/progress.d.ts +5 -10
  127. package/dist/components/progress.d.ts.map +1 -0
  128. package/dist/components/progress.js +8 -14
  129. package/dist/components/radio-cards.d.ts +5 -10
  130. package/dist/components/radio-cards.d.ts.map +1 -0
  131. package/dist/components/radio-cards.js +8 -22
  132. package/dist/components/radio-group.d.ts +6 -13
  133. package/dist/components/radio-group.d.ts.map +1 -0
  134. package/dist/components/radio-group.js +7 -18
  135. package/dist/components/radio.d.ts +6 -12
  136. package/dist/components/radio.d.ts.map +1 -0
  137. package/dist/components/radio.js +6 -11
  138. package/dist/components/resizable.d.ts +8 -18
  139. package/dist/components/resizable.d.ts.map +1 -0
  140. package/dist/components/resizable.js +8 -22
  141. package/dist/components/scroll-area.d.ts +21 -33
  142. package/dist/components/scroll-area.d.ts.map +1 -0
  143. package/dist/components/scroll-area.js +65 -85
  144. package/dist/components/select.d.ts +17 -50
  145. package/dist/components/select.d.ts.map +1 -0
  146. package/dist/components/select.js +27 -79
  147. package/dist/components/separator.d.ts +20 -29
  148. package/dist/components/separator.d.ts.map +1 -0
  149. package/dist/components/separator.js +28 -37
  150. package/dist/components/sheet.d.ts +30 -62
  151. package/dist/components/sheet.d.ts.map +1 -0
  152. package/dist/components/sheet.js +68 -81
  153. package/dist/components/sidebar.d.ts +67 -160
  154. package/dist/components/sidebar.d.ts.map +1 -0
  155. package/dist/components/sidebar.js +184 -302
  156. package/dist/components/skeleton.d.ts +5 -9
  157. package/dist/components/skeleton.d.ts.map +1 -0
  158. package/dist/components/skeleton.js +6 -9
  159. package/dist/components/slider.d.ts +5 -13
  160. package/dist/components/slider.d.ts.map +1 -0
  161. package/dist/components/slider.js +13 -35
  162. package/dist/components/sonner.d.ts +8 -10
  163. package/dist/components/sonner.d.ts.map +1 -0
  164. package/dist/components/sonner.js +14 -16
  165. package/dist/components/spinner.d.ts +6 -12
  166. package/dist/components/spinner.d.ts.map +1 -0
  167. package/dist/components/spinner.js +21 -34
  168. package/dist/components/switch.d.ts +5 -9
  169. package/dist/components/switch.d.ts.map +1 -0
  170. package/dist/components/switch.js +6 -13
  171. package/dist/components/table.d.ts +12 -37
  172. package/dist/components/table.d.ts.map +1 -0
  173. package/dist/components/table.js +13 -48
  174. package/dist/components/tabs.d.ts +8 -21
  175. package/dist/components/tabs.d.ts.map +1 -0
  176. package/dist/components/tabs.js +9 -24
  177. package/dist/components/textarea.d.ts +5 -9
  178. package/dist/components/textarea.d.ts.map +1 -0
  179. package/dist/components/textarea.js +6 -9
  180. package/dist/components/toggle-group.d.ts +10 -24
  181. package/dist/components/toggle-group.d.ts.map +1 -0
  182. package/dist/components/toggle-group.js +21 -39
  183. package/dist/components/toggle.d.ts +18 -25
  184. package/dist/components/toggle.d.ts.map +1 -0
  185. package/dist/components/toggle.js +42 -30
  186. package/dist/components/tooltip.d.ts +9 -24
  187. package/dist/components/tooltip.d.ts.map +1 -0
  188. package/dist/components/tooltip.js +10 -29
  189. package/dist/hooks/use-animated-value.d.ts +2 -4
  190. package/dist/hooks/use-animated-value.d.ts.map +1 -0
  191. package/dist/hooks/use-animated-value.js +67 -58
  192. package/dist/hooks/use-copy-to-clipboard.d.ts +6 -11
  193. package/dist/hooks/use-copy-to-clipboard.d.ts.map +1 -0
  194. package/dist/hooks/use-copy-to-clipboard.js +42 -39
  195. package/dist/hooks/use-is-mobile.d.ts +2 -4
  196. package/dist/hooks/use-is-mobile.d.ts.map +1 -0
  197. package/dist/hooks/use-is-mobile.js +20 -23
  198. package/dist/hooks/use-media-query.d.ts +2 -4
  199. package/dist/hooks/use-media-query.d.ts.map +1 -0
  200. package/dist/hooks/use-media-query.js +49 -46
  201. package/dist/hooks/use-mutation-observer.d.ts +3 -6
  202. package/dist/hooks/use-mutation-observer.d.ts.map +1 -0
  203. package/dist/hooks/use-mutation-observer.js +33 -34
  204. package/dist/hooks/use-pagination.d.ts +15 -22
  205. package/dist/hooks/use-pagination.d.ts.map +1 -0
  206. package/dist/hooks/use-pagination.js +99 -99
  207. package/dist/index.d.ts +131 -69
  208. package/dist/index.d.ts.map +1 -0
  209. package/dist/index.js +68 -69
  210. package/dist/lib/utils.d.ts +10 -0
  211. package/dist/lib/utils.d.ts.map +1 -0
  212. package/dist/lib/utils.js +10 -0
  213. package/dist/primitives/checkbox-group.d.ts +84 -105
  214. package/dist/primitives/checkbox-group.d.ts.map +1 -0
  215. package/dist/primitives/checkbox-group.js +91 -105
  216. package/dist/primitives/input-number.d.ts +41 -51
  217. package/dist/primitives/input-number.d.ts.map +1 -0
  218. package/dist/primitives/input-number.js +417 -473
  219. package/dist/primitives/input.d.ts +43 -48
  220. package/dist/primitives/input.d.ts.map +1 -0
  221. package/dist/primitives/input.js +67 -66
  222. package/dist/primitives/progress-circle.d.ts +49 -79
  223. package/dist/primitives/progress-circle.d.ts.map +1 -0
  224. package/dist/primitives/progress-circle.js +134 -149
  225. package/package.json +33 -16
  226. package/{dist → src}/css/preset.css +86 -9
  227. /package/{dist → src}/css/amber.css +0 -0
  228. /package/{dist → src}/css/blue.css +0 -0
  229. /package/{dist → src}/css/cyan.css +0 -0
  230. /package/{dist → src}/css/emerald.css +0 -0
  231. /package/{dist → src}/css/fuchsia.css +0 -0
  232. /package/{dist → src}/css/gray.css +0 -0
  233. /package/{dist → src}/css/green.css +0 -0
  234. /package/{dist → src}/css/indigo.css +0 -0
  235. /package/{dist → src}/css/lime.css +0 -0
  236. /package/{dist → src}/css/neutral.css +0 -0
  237. /package/{dist → src}/css/orange.css +0 -0
  238. /package/{dist → src}/css/pink.css +0 -0
  239. /package/{dist → src}/css/purple.css +0 -0
  240. /package/{dist → src}/css/red.css +0 -0
  241. /package/{dist → src}/css/rose.css +0 -0
  242. /package/{dist → src}/css/sky.css +0 -0
  243. /package/{dist → src}/css/slate.css +0 -0
  244. /package/{dist → src}/css/stone.css +0 -0
  245. /package/{dist → src}/css/style.css +0 -0
  246. /package/{dist → src}/css/teal.css +0 -0
  247. /package/{dist → src}/css/violet.css +0 -0
  248. /package/{dist → src}/css/yellow.css +0 -0
  249. /package/{dist → src}/css/zinc.css +0 -0
@@ -1,15 +1,7 @@
1
- import { ComponentProps, JSX } from "react";
1
+ import type { ComponentProps, JSX } from "react";
2
2
  import * as SliderPrimitive from "@radix-ui/react-slider";
3
-
4
- //#region src/components/slider.d.ts
5
3
  type SliderProps = ComponentProps<typeof SliderPrimitive.Root>;
6
- declare function Slider({
7
- className,
8
- defaultValue,
9
- max,
10
- min,
11
- value,
12
- ...props
13
- }: SliderProps): JSX.Element;
14
- //#endregion
15
- export { Slider, type SliderProps };
4
+ declare function Slider({ className, defaultValue, max, min, value, ...props }: SliderProps): JSX.Element;
5
+ export { Slider };
6
+ export type { SliderProps };
7
+ //# sourceMappingURL=slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAO1D,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAE/D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,GAAS,EACT,GAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA2D3B;AAMD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
@@ -1,40 +1,18 @@
1
1
  "use client";
2
- import { cn } from "@codefast/tailwind-variants";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- import { useMemo } from "react";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from "#lib/utils";
5
4
  import * as SliderPrimitive from "@radix-ui/react-slider";
6
- //#region src/components/slider.tsx
5
+ import { useMemo } from "react";
7
6
  function Slider({ className, defaultValue, max = 100, min = 0, value, ...props }) {
8
- const _values = useMemo(() => {
9
- if (Array.isArray(value)) return value;
10
- return Array.isArray(defaultValue) ? defaultValue : [min, max];
11
- }, [
12
- value,
13
- defaultValue,
14
- min,
15
- max
16
- ]);
17
- return /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
18
- className: cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
19
- "data-slot": "slider",
20
- defaultValue,
21
- max,
22
- min,
23
- value,
24
- ...props,
25
- children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
26
- className: "relative w-full grow overflow-hidden rounded-full bg-input data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1",
27
- "data-slot": "slider-track",
28
- children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
29
- className: "absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
30
- "data-slot": "slider-range"
31
- })
32
- }), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
33
- "aria-label": "Volume",
34
- className: cn("flex size-4 items-center justify-center rounded-full border-2 border-primary bg-primary shadow-sm outline-hidden after:size-full after:rounded-full after:bg-background after:transition-[width,height] focus-visible:ring-4 focus-visible:ring-primary/20 active:not-data-disabled:after:size-1 dark:focus-visible:ring-primary/40"),
35
- "data-slot": "slider-thumb"
36
- }, index))]
37
- });
7
+ const _values = useMemo(() => {
8
+ if (Array.isArray(value)) {
9
+ return value;
10
+ }
11
+ return Array.isArray(defaultValue) ? defaultValue : [min, max];
12
+ }, [value, defaultValue, min, max]);
13
+ return (_jsxs(SliderPrimitive.Root, { className: cn("relative flex w-full items-center", "touch-none select-none", "data-vertical:h-full data-vertical:min-h-44 data-vertical:w-auto data-vertical:flex-col", "data-disabled:opacity-50", className), "data-slot": "slider", defaultValue: defaultValue, max: max, min: min, value: value, ...props, children: [_jsx(SliderPrimitive.Track, { className: cn("relative", "w-full grow overflow-hidden", "rounded-full", "bg-input", "data-horizontal:h-1 data-horizontal:w-full", "data-vertical:h-full data-vertical:w-1"), "data-slot": "slider-track", children: _jsx(SliderPrimitive.Range, { className: cn("absolute", "bg-primary", "data-horizontal:h-full", "data-vertical:w-full"), "data-slot": "slider-range" }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "aria-label": "Volume", className: cn("flex size-4 items-center justify-center", "rounded-full border-2 border-primary", "bg-primary shadow-sm outline-hidden", "after:size-full after:rounded-full after:bg-background after:transition-[width,height]", "focus-visible:ring-4 focus-visible:ring-primary/20", "active:not-data-disabled:after:size-1", "dark:focus-visible:ring-primary/40"), "data-slot": "slider-thumb" }, index)))] }));
38
14
  }
39
- //#endregion
15
+ /* -----------------------------------------------------------------------------
16
+ * Exports
17
+ * -------------------------------------------------------------------------- */
40
18
  export { Slider };
@@ -1,10 +1,8 @@
1
- import { JSX } from "react";
2
- import { ToasterProps as ToasterProps$1, toast, useSonner } from "sonner";
3
-
4
- //#region src/components/sonner.d.ts
5
- type ToasterProps = ToasterProps$1;
6
- declare function Toaster({
7
- ...props
8
- }: ToasterProps): JSX.Element;
9
- //#endregion
10
- export { Toaster, type ToasterProps, toast, useSonner };
1
+ import type { JSX } from "react";
2
+ import type { ToasterProps as SonnerToasterProps } from "sonner";
3
+ type ToasterProps = SonnerToasterProps;
4
+ declare function Toaster({ ...props }: ToasterProps): JSX.Element;
5
+ export { toast, useSonner } from "sonner";
6
+ export { Toaster };
7
+ export type { ToasterProps };
8
+ //# sourceMappingURL=sonner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/components/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AASjE,KAAK,YAAY,GAAG,kBAAkB,CAAC;AAEvC,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAiBxD;AAMD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}
@@ -1,20 +1,18 @@
1
1
  "use client";
2
- import { jsx } from "react/jsx-runtime";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cn } from "#lib/utils";
3
4
  import { useTheme } from "next-themes";
4
- import { Toaster as Toaster$1, toast, useSonner } from "sonner";
5
- //#region src/components/sonner.tsx
5
+ import { Toaster as Sonner } from "sonner";
6
6
  function Toaster({ ...props }) {
7
- const { theme = "system" } = useTheme();
8
- return /* @__PURE__ */ jsx(Toaster$1, {
9
- className: "toaster group",
10
- style: {
11
- "--normal-bg": "var(--popover)",
12
- "--normal-border": "var(--border)",
13
- "--normal-text": "var(--popover-foreground)"
14
- },
15
- theme,
16
- ...props
17
- });
7
+ const { theme = "system" } = useTheme();
8
+ return (_jsx(Sonner, { className: cn("group", "toaster"), style: {
9
+ "--normal-bg": "var(--popover)",
10
+ "--normal-border": "var(--border)",
11
+ "--normal-text": "var(--popover-foreground)",
12
+ }, theme: theme, ...props }));
18
13
  }
19
- //#endregion
20
- export { Toaster, toast, useSonner };
14
+ /* -----------------------------------------------------------------------------
15
+ * Exports
16
+ * -------------------------------------------------------------------------- */
17
+ export { toast, useSonner } from "sonner";
18
+ export { Toaster };
@@ -1,14 +1,8 @@
1
- import { ComponentProps, ReactNode } from "react";
2
-
3
- //#region src/components/spinner.d.ts
1
+ import type { ComponentProps, ReactNode } from "react";
4
2
  interface SpinnerProps extends ComponentProps<"span"> {
5
- loading?: boolean;
3
+ loading?: boolean;
6
4
  }
7
- declare function Spinner({
8
- children,
9
- className,
10
- loading,
11
- ...props
12
- }: SpinnerProps): ReactNode;
13
- //#endregion
14
- export { Spinner, type SpinnerProps };
5
+ declare function Spinner({ children, className, loading, ...props }: SpinnerProps): ReactNode;
6
+ export { Spinner };
7
+ export type { SpinnerProps };
8
+ //# sourceMappingURL=spinner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAWtE,UAAU,YAAa,SAAQ,cAAc,CAAC,MAAM,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,SAAS,CA4C3F;AAMD,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}
@@ -1,40 +1,27 @@
1
1
  "use client";
2
- import { cn } from "@codefast/tailwind-variants";
3
- import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from "#lib/utils";
4
4
  import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
5
- //#region src/components/spinner.tsx
5
+ /* -----------------------------------------------------------------------------
6
+ * Component: Spinner
7
+ * -------------------------------------------------------------------------- */
6
8
  const SPINNER_COUNT = 8;
7
9
  function Spinner({ children, className, loading = true, ...props }) {
8
- if (!loading) return children;
9
- const spinner = /* @__PURE__ */ jsx("span", {
10
- className: cn("relative flex size-4 items-center justify-center opacity-60", className),
11
- ...props,
12
- children: Array.from({ length: SPINNER_COUNT }, (_, index) => /* @__PURE__ */ jsx("span", {
13
- className: cn("absolute h-full rotate-(--spinner-rotate) before:block before:h-1/3 before:w-full before:animate-out before:rounded-full before:bg-current before:delay-(--spinner-delay) before:animation-duration-(--spinner-duration) before:fade-out-25 before:repeat-infinite"),
14
- style: {
15
- "--spinner-delay": `-${((SPINNER_COUNT - index) * 100).toString()}ms`,
16
- "--spinner-duration": `${(SPINNER_COUNT * 100).toString()}ms`,
17
- "--spinner-rotate": `${(360 / SPINNER_COUNT * index).toString()}deg`,
18
- width: `${(100 / SPINNER_COUNT).toString()}%`
19
- }
20
- }, index))
21
- });
22
- if (children === void 0) return spinner;
23
- return /* @__PURE__ */ jsxs("span", {
24
- className: "relative",
25
- children: [
26
- /* @__PURE__ */ jsx("span", {
27
- "aria-hidden": true,
28
- className: "invisible contents",
29
- children
30
- }),
31
- /* @__PURE__ */ jsx(VisuallyHidden, { children }),
32
- /* @__PURE__ */ jsx("span", {
33
- className: "absolute inset-0 flex items-center justify-center",
34
- children: spinner
35
- })
36
- ]
37
- });
10
+ if (!loading) {
11
+ return children;
12
+ }
13
+ const spinner = (_jsx("span", { className: cn("relative flex size-4 items-center justify-center", "opacity-60", className), ...props, children: Array.from({ length: SPINNER_COUNT }, (_, index) => (_jsx("span", { className: cn("absolute", "h-full rotate-(--spinner-rotate)", "before:block before:h-1/3 before:w-full before:animate-out before:rounded-full before:bg-current before:delay-(--spinner-delay) before:animation-duration-(--spinner-duration) before:fade-out-25 before:repeat-infinite"), style: {
14
+ "--spinner-delay": `-${((SPINNER_COUNT - index) * 100).toString()}ms`,
15
+ "--spinner-duration": `${(SPINNER_COUNT * 100).toString()}ms`,
16
+ "--spinner-rotate": `${((360 / SPINNER_COUNT) * index).toString()}deg`,
17
+ width: `${(100 / SPINNER_COUNT).toString()}%`,
18
+ } }, index))) }));
19
+ if (children === undefined) {
20
+ return spinner;
21
+ }
22
+ return (_jsxs("span", { className: "relative", children: [_jsx("span", { "aria-hidden": true, className: cn("contents", "invisible"), children: children }), _jsx(VisuallyHidden, { children: children }), _jsx("span", { className: cn("absolute flex items-center justify-center", "inset-0"), children: spinner })] }));
38
23
  }
39
- //#endregion
24
+ /* -----------------------------------------------------------------------------
25
+ * Exports
26
+ * -------------------------------------------------------------------------- */
40
27
  export { Spinner };
@@ -1,11 +1,7 @@
1
- import { ComponentProps, JSX } from "react";
1
+ import type { ComponentProps, JSX } from "react";
2
2
  import * as SwitchPrimitives from "@radix-ui/react-switch";
3
-
4
- //#region src/components/switch.d.ts
5
3
  type SwitchProps = ComponentProps<typeof SwitchPrimitives.Root>;
6
- declare function Switch({
7
- className,
8
- ...props
9
- }: SwitchProps): JSX.Element;
10
- //#endregion
11
- export { Switch, type SwitchProps };
4
+ declare function Switch({ className, ...props }: SwitchProps): JSX.Element;
5
+ export { Switch };
6
+ export type { SwitchProps };
7
+ //# sourceMappingURL=switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAM3D,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEhE,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAmCjE;AAMD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
@@ -1,18 +1,11 @@
1
1
  "use client";
2
- import { cn } from "@codefast/tailwind-variants";
3
- import { jsx } from "react/jsx-runtime";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cn } from "#lib/utils";
4
4
  import * as SwitchPrimitives from "@radix-ui/react-switch";
5
- //#region src/components/switch.tsx
6
5
  function Switch({ className, ...props }) {
7
- return /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
8
- className: cn("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.75 shadow-xs outline-hidden transition-all focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-data-[state=checked]:border-ring/60 disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 data-[state=unchecked]:bg-input dark:data-[state=checked]:focus-visible:ring-primary/40 dark:data-[state=unchecked]:bg-input/80", className),
9
- "data-slot": "switch",
10
- ...props,
11
- children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, {
12
- className: "pointer-events-none block size-3.5 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0 dark:not-data-[state=checked]:bg-foreground",
13
- "data-slot": "switch-thumb"
14
- })
15
- });
6
+ return (_jsx(SwitchPrimitives.Root, { className: cn("peer inline-flex h-5 w-9 shrink-0 items-center p-0.75", "rounded-full border border-transparent shadow-xs outline-hidden", "transition-all", "focus-visible:ring-3 focus-visible:ring-ring/50", "focus-visible:not-data-checked:border-ring/60", "disabled:opacity-50", "data-checked:bg-primary", "data-checked:focus-visible:ring-primary/20", "dark:data-checked:focus-visible:ring-primary/40", "data-unchecked:bg-input", "dark:data-unchecked:bg-input/80", className), "data-slot": "switch", ...props, children: _jsx(SwitchPrimitives.Thumb, { className: cn("block", "size-3.5", "rounded-full", "bg-background shadow-sm", "pointer-events-none transition-transform", "dark:not-data-checked:bg-foreground", "data-checked:translate-x-3.5", "data-unchecked:translate-x-0"), "data-slot": "switch-thumb" }) }));
16
7
  }
17
- //#endregion
8
+ /* -----------------------------------------------------------------------------
9
+ * Exports
10
+ * -------------------------------------------------------------------------- */
18
11
  export { Switch };
@@ -1,45 +1,20 @@
1
- import { ComponentProps, JSX } from "react";
2
-
3
- //#region src/components/table.d.ts
1
+ import type { ComponentProps, JSX } from "react";
4
2
  type TableProps = ComponentProps<"table">;
5
- declare function Table({
6
- className,
7
- ...props
8
- }: TableProps): JSX.Element;
3
+ declare function Table({ className, ...props }: TableProps): JSX.Element;
9
4
  type TableHeaderProps = ComponentProps<"thead">;
10
- declare function TableHeader({
11
- className,
12
- ...props
13
- }: TableHeaderProps): JSX.Element;
5
+ declare function TableHeader({ className, ...props }: TableHeaderProps): JSX.Element;
14
6
  type TableBodyProps = ComponentProps<"tbody">;
15
- declare function TableBody({
16
- className,
17
- ...props
18
- }: TableBodyProps): JSX.Element;
7
+ declare function TableBody({ className, ...props }: TableBodyProps): JSX.Element;
19
8
  type TableFooterProps = ComponentProps<"tfoot">;
20
- declare function TableFooter({
21
- className,
22
- ...props
23
- }: TableFooterProps): JSX.Element;
9
+ declare function TableFooter({ className, ...props }: TableFooterProps): JSX.Element;
24
10
  type TableRowProps = ComponentProps<"tr">;
25
- declare function TableRow({
26
- className,
27
- ...props
28
- }: TableRowProps): JSX.Element;
11
+ declare function TableRow({ className, ...props }: TableRowProps): JSX.Element;
29
12
  type TableHeadProps = ComponentProps<"th">;
30
- declare function TableHead({
31
- className,
32
- ...props
33
- }: TableHeadProps): JSX.Element;
13
+ declare function TableHead({ className, ...props }: TableHeadProps): JSX.Element;
34
14
  type TableCellProps = ComponentProps<"td">;
35
- declare function TableCell({
36
- className,
37
- ...props
38
- }: TableCellProps): JSX.Element;
15
+ declare function TableCell({ className, ...props }: TableCellProps): JSX.Element;
39
16
  type TableCaptionProps = ComponentProps<"caption">;
40
- declare function TableCaption({
41
- className,
42
- ...props
43
- }: TableCaptionProps): JSX.Element;
44
- //#endregion
45
- export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };
17
+ declare function TableCaption({ className, ...props }: TableCaptionProps): JSX.Element;
18
+ export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
19
+ export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, };
20
+ //# sourceMappingURL=table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE1C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAU/D;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAQ3E;AAMD,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE9C,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAIvE;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAa3E;AAMD,KAAK,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAE1C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAerE;AAMD,KAAK,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAE3C,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAQvE;AAMD,KAAK,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAE3C,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAEvE;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAEnD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAQ7E;AAMD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AACpG,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,GACd,CAAC"}
@@ -1,65 +1,30 @@
1
- import { cn } from "@codefast/tailwind-variants";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/components/table.tsx
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cn } from "#lib/utils";
4
3
  function Table({ className, ...props }) {
5
- return /* @__PURE__ */ jsx("div", {
6
- className: "relative w-full overflow-auto",
7
- "data-slot": "table-cotainer",
8
- children: /* @__PURE__ */ jsx("table", {
9
- className: cn("w-full caption-bottom text-sm", className),
10
- "data-slot": "table",
11
- ...props
12
- })
13
- });
4
+ return (_jsx("div", { className: cn("relative", "w-full overflow-auto"), "data-slot": "table-cotainer", children: _jsx("table", { className: cn("w-full text-sm", "caption-bottom", className), "data-slot": "table", ...props }) }));
14
5
  }
15
6
  function TableHeader({ className, ...props }) {
16
- return /* @__PURE__ */ jsx("thead", {
17
- className: cn("*:border-b *:has-aria-expanded:bg-transparent", className),
18
- "data-slot": "table-header",
19
- ...props
20
- });
7
+ return (_jsx("thead", { className: cn("*:border-b", "*:has-aria-expanded:bg-transparent", className), "data-slot": "table-header", ...props }));
21
8
  }
22
9
  function TableBody({ className, ...props }) {
23
- return /* @__PURE__ */ jsx("tbody", {
24
- className: cn("*:last-child:border-0", className),
25
- "data-slot": "table-body",
26
- ...props
27
- });
10
+ return (_jsx("tbody", { className: cn("*:last-child:border-0", className), "data-slot": "table-body", ...props }));
28
11
  }
29
12
  function TableFooter({ className, ...props }) {
30
- return /* @__PURE__ */ jsx("tfoot", {
31
- className: cn("bg-muted/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent", className),
32
- "data-slot": "table-footer",
33
- ...props
34
- });
13
+ return (_jsx("tfoot", { className: cn("bg-muted/50 font-medium", "*:border-t *:border-b-0", "*:has-aria-expanded:bg-transparent", className), "data-slot": "table-footer", ...props }));
35
14
  }
36
15
  function TableRow({ className, ...props }) {
37
- return /* @__PURE__ */ jsx("tr", {
38
- className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
39
- "data-slot": "table-row",
40
- ...props
41
- });
16
+ return (_jsx("tr", { className: cn("border-b", "transition-colors", "hover:bg-muted/50", "has-aria-expanded:bg-muted/50", "data-selected:bg-muted", className), "data-slot": "table-row", ...props }));
42
17
  }
43
18
  function TableHead({ className, ...props }) {
44
- return /* @__PURE__ */ jsx("th", {
45
- className: cn("p-2 text-left align-middle font-medium", className),
46
- "data-slot": "table-head",
47
- ...props
48
- });
19
+ return (_jsx("th", { className: cn("p-2", "text-left align-middle font-medium", className), "data-slot": "table-head", ...props }));
49
20
  }
50
21
  function TableCell({ className, ...props }) {
51
- return /* @__PURE__ */ jsx("td", {
52
- className: cn("p-2 align-middle", className),
53
- "data-slot": "table-cell",
54
- ...props
55
- });
22
+ return _jsx("td", { className: cn("p-2", "align-middle", className), "data-slot": "table-cell", ...props });
56
23
  }
57
24
  function TableCaption({ className, ...props }) {
58
- return /* @__PURE__ */ jsx("caption", {
59
- className: cn("mt-4 text-sm text-muted-foreground", className),
60
- "data-slot": "table-caption",
61
- ...props
62
- });
25
+ return (_jsx("caption", { className: cn("mt-4", "text-sm text-muted-foreground", className), "data-slot": "table-caption", ...props }));
63
26
  }
64
- //#endregion
27
+ /* -----------------------------------------------------------------------------
28
+ * Exports
29
+ * -------------------------------------------------------------------------- */
65
30
  export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
@@ -1,26 +1,13 @@
1
- import { ComponentProps, JSX } from "react";
1
+ import type { ComponentProps, JSX } from "react";
2
2
  import * as TabsPrimitive from "@radix-ui/react-tabs";
3
-
4
- //#region src/components/tabs.d.ts
5
3
  type TabsProps = ComponentProps<typeof TabsPrimitive.Root>;
6
- declare function Tabs({
7
- className,
8
- ...props
9
- }: TabsProps): JSX.Element;
4
+ declare function Tabs({ className, ...props }: TabsProps): JSX.Element;
10
5
  type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;
11
- declare function TabsList({
12
- className,
13
- ...props
14
- }: TabsListProps): JSX.Element;
6
+ declare function TabsList({ className, ...props }: TabsListProps): JSX.Element;
15
7
  type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;
16
- declare function TabsTrigger({
17
- className,
18
- ...props
19
- }: TabsTriggerProps): JSX.Element;
8
+ declare function TabsTrigger({ className, ...props }: TabsTriggerProps): JSX.Element;
20
9
  type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content>;
21
- declare function TabsContent({
22
- className,
23
- ...props
24
- }: TabsContentProps): JSX.Element;
25
- //#endregion
26
- export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };
10
+ declare function TabsContent({ className, ...props }: TabsContentProps): JSX.Element;
11
+ export { Tabs, TabsContent, TabsList, TabsTrigger };
12
+ export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps };
13
+ //# sourceMappingURL=tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAMtD,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AAE3D,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAQ7D;AAMD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AAE/D,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAarE;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAErE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyB3E;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAErE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAa3E;AAMD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AACpD,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,35 +1,20 @@
1
1
  "use client";
2
- import { cn } from "@codefast/tailwind-variants";
3
- import { jsx } from "react/jsx-runtime";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cn } from "#lib/utils";
4
4
  import * as TabsPrimitive from "@radix-ui/react-tabs";
5
- //#region src/components/tabs.tsx
6
5
  function Tabs({ className, ...props }) {
7
- return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
8
- className: cn("flex flex-col gap-2", className),
9
- "data-slot": "tabs",
10
- ...props
11
- });
6
+ return (_jsx(TabsPrimitive.Root, { className: cn("flex flex-col gap-2", className), "data-slot": "tabs", ...props }));
12
7
  }
13
8
  function TabsList({ className, ...props }) {
14
- return /* @__PURE__ */ jsx(TabsPrimitive.List, {
15
- className: cn("inline-flex w-fit items-center justify-center gap-1 rounded-xl bg-muted px-1 py-1 text-muted-foreground", className),
16
- "data-slot": "tabs-list",
17
- ...props
18
- });
9
+ return (_jsx(TabsPrimitive.List, { className: cn("inline-flex w-fit items-center justify-center gap-1 px-1 py-1", "rounded-xl", "bg-muted text-muted-foreground", className), "data-slot": "tabs-list", ...props }));
19
10
  }
20
11
  function TabsTrigger({ className, ...props }) {
21
- return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
22
- className: cn("inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition not-dark:outline-hidden hover:not-disabled:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:-outline-offset-1 dark:outline-ring dark:data-[state=active]:bg-input/50 dark:data-[state=active]:outline-1 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
23
- "data-slot": "tabs-trigger",
24
- ...props
25
- });
12
+ return (_jsx(TabsPrimitive.Trigger, { className: cn("inline-flex items-center justify-center gap-1.5", "px-2 py-1.5", "rounded-lg", "text-sm font-medium whitespace-nowrap text-muted-foreground", "transition", "not-dark:outline-hidden", "hover:not-disabled:text-foreground", "focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "dark:focus-visible:-outline-offset-1 dark:focus-visible:outline-ring", "data-active:bg-background data-active:text-foreground data-active:shadow-sm", "dark:data-active:bg-input/50", "dark:focus-visible:data-active:outline-1", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "tabs-trigger", ...props }));
26
13
  }
27
14
  function TabsContent({ className, ...props }) {
28
- return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
29
- className: cn("mt-2 rounded-xl ring-ring/50 outline-ring focus-visible:ring-4 focus-visible:outline-1", className),
30
- "data-slot": "tabs-content",
31
- ...props
32
- });
15
+ return (_jsx(TabsPrimitive.Content, { className: cn("mt-2", "rounded-xl ring-ring/50 outline-ring", "focus-visible:ring-4 focus-visible:outline-1", className), "data-slot": "tabs-content", ...props }));
33
16
  }
34
- //#endregion
17
+ /* -----------------------------------------------------------------------------
18
+ * Exports
19
+ * -------------------------------------------------------------------------- */
35
20
  export { Tabs, TabsContent, TabsList, TabsTrigger };
@@ -1,10 +1,6 @@
1
- import { ComponentProps, JSX } from "react";
2
-
3
- //#region src/components/textarea.d.ts
1
+ import type { ComponentProps, JSX } from "react";
4
2
  type TextareaProps = ComponentProps<"textarea">;
5
- declare function Textarea({
6
- className,
7
- ...props
8
- }: TextareaProps): JSX.Element;
9
- //#endregion
10
- export { Textarea, type TextareaProps };
3
+ declare function Textarea({ className, ...props }: TextareaProps): JSX.Element;
4
+ export { Textarea };
5
+ export type { TextareaProps };
6
+ //# sourceMappingURL=textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,KAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAEhD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAwBrE;AAMD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
@@ -1,12 +1,9 @@
1
- import { cn } from "@codefast/tailwind-variants";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/components/textarea.tsx
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cn } from "#lib/utils";
4
3
  function Textarea({ className, ...props }) {
5
- return /* @__PURE__ */ jsx("textarea", {
6
- className: cn("flex min-h-16 w-full grow rounded-lg border border-input px-3 py-2 text-base shadow-xs outline-hidden transition placeholder:text-muted-foreground hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 md:text-sm dark:bg-input/30 dark:focus-within:aria-invalid:ring-destructive/40", className),
7
- "data-slot": "textarea",
8
- ...props
9
- });
4
+ return (_jsx("textarea", { className: cn("flex min-h-16 w-full grow px-3 py-2", "rounded-lg border border-input shadow-xs outline-hidden", "text-base", "transition", "placeholder:text-muted-foreground", "hover:not-disabled:not-focus-visible:border-ring/60", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-invalid:border-destructive", "focus-within:aria-invalid:ring-destructive/20", "hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60", "md:text-sm", "dark:bg-input/30", "dark:focus-within:aria-invalid:ring-destructive/40", className), "data-slot": "textarea", ...props }));
10
5
  }
11
- //#endregion
6
+ /* -----------------------------------------------------------------------------
7
+ * Exports
8
+ * -------------------------------------------------------------------------- */
12
9
  export { Textarea };
@@ -1,30 +1,16 @@
1
- import { ToggleVariants } from "./toggle.js";
2
- import { ComponentProps, JSX } from "react";
3
- import { Scope } from "@radix-ui/react-context";
1
+ import type { Scope } from "@radix-ui/react-context";
2
+ import type { ComponentProps, JSX } from "react";
4
3
  import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
5
-
6
- //#region src/components/toggle-group.d.ts
4
+ import type { ToggleVariants } from "#components/toggle";
7
5
  type ScopedProps<P> = P & {
8
- __scopeToggleGroup?: Scope;
6
+ __scopeToggleGroup?: Scope;
9
7
  };
10
8
  type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleVariants & {
11
- spacing?: number;
9
+ spacing?: number;
12
10
  };
13
- declare function ToggleGroup({
14
- __scopeToggleGroup,
15
- children,
16
- className,
17
- size,
18
- spacing,
19
- variant,
20
- ...props
21
- }: ScopedProps<ToggleGroupProps>): JSX.Element;
11
+ declare function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing, variant, ...props }: ScopedProps<ToggleGroupProps>): JSX.Element;
22
12
  type ToggleGroupItemProps = ScopedProps<ComponentProps<typeof ToggleGroupPrimitive.Item>>;
23
- declare function ToggleGroupItem({
24
- __scopeToggleGroup,
25
- children,
26
- className,
27
- ...props
28
- }: ToggleGroupItemProps): JSX.Element;
29
- //#endregion
30
- export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps };
13
+ declare function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }: ToggleGroupItemProps): JSX.Element;
14
+ export { ToggleGroup, ToggleGroupItem };
15
+ export type { ToggleGroupItemProps, ToggleGroupProps };
16
+ //# sourceMappingURL=toggle-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/components/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAC;AAIhE,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAgBzD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACtE,cAAc,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ,iBAAS,WAAW,CAAC,EACnB,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAW,EACX,OAAO,EACP,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,GAAG,CAAC,OAAO,CAwB7C;AAQD,KAAK,oBAAoB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;AAE1F,iBAAS,eAAe,CAAC,EACvB,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAkCpC;AAMD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC;AACxC,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,CAAC"}