@codefast/ui 0.3.9 → 0.3.10

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 (245) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/accordion.cjs +97 -1
  3. package/dist/components/accordion.d.ts +4 -4
  4. package/dist/components/accordion.js +51 -1
  5. package/dist/components/alert-dialog.cjs +155 -1
  6. package/dist/components/alert-dialog.d.ts +11 -11
  7. package/dist/components/alert-dialog.js +94 -1
  8. package/dist/components/alert.cjs +84 -1
  9. package/dist/components/alert.d.ts +5 -5
  10. package/dist/components/alert.js +41 -1
  11. package/dist/components/aspect-ratio.cjs +43 -1
  12. package/dist/components/aspect-ratio.d.ts +2 -2
  13. package/dist/components/aspect-ratio.js +9 -1
  14. package/dist/components/avatar.cjs +65 -1
  15. package/dist/components/avatar.d.ts +2 -2
  16. package/dist/components/avatar.js +25 -1
  17. package/dist/components/badge.cjs +66 -1
  18. package/dist/components/badge.d.ts +3 -3
  19. package/dist/components/badge.js +29 -1
  20. package/dist/components/breadcrumb.cjs +126 -1
  21. package/dist/components/breadcrumb.d.ts +8 -8
  22. package/dist/components/breadcrumb.js +74 -1
  23. package/dist/components/button-group.cjs +86 -1
  24. package/dist/components/button-group.d.ts +5 -5
  25. package/dist/components/button-group.js +43 -1
  26. package/dist/components/button.cjs +92 -1
  27. package/dist/components/button.d.ts +6 -6
  28. package/dist/components/button.js +55 -1
  29. package/dist/components/calendar.cjs +150 -1
  30. package/dist/components/calendar.d.ts +12 -19
  31. package/dist/components/calendar.js +113 -1
  32. package/dist/components/card.cjs +105 -1
  33. package/dist/components/card.d.ts +8 -8
  34. package/dist/components/card.js +53 -1
  35. package/dist/components/carousel.cjs +210 -1
  36. package/dist/components/carousel.d.ts +10 -10
  37. package/dist/components/carousel.js +151 -1
  38. package/dist/components/chart.cjs +250 -3
  39. package/dist/components/chart.d.ts +9 -9
  40. package/dist/components/chart.js +198 -3
  41. package/dist/components/checkbox-cards.cjs +69 -1
  42. package/dist/components/checkbox-cards.d.ts +2 -2
  43. package/dist/components/checkbox-cards.js +32 -1
  44. package/dist/components/checkbox-group.cjs +63 -1
  45. package/dist/components/checkbox-group.d.ts +2 -2
  46. package/dist/components/checkbox-group.js +26 -1
  47. package/dist/components/checkbox.cjs +53 -1
  48. package/dist/components/checkbox.d.ts +2 -2
  49. package/dist/components/checkbox.js +19 -1
  50. package/dist/components/collapsible.cjs +61 -1
  51. package/dist/components/collapsible.d.ts +2 -2
  52. package/dist/components/collapsible.js +21 -1
  53. package/dist/components/command.cjs +167 -1
  54. package/dist/components/command.d.ts +4 -4
  55. package/dist/components/command.js +106 -1
  56. package/dist/components/context-menu.cjs +218 -1
  57. package/dist/components/context-menu.d.ts +4 -4
  58. package/dist/components/context-menu.js +142 -1
  59. package/dist/components/dialog.cjs +164 -1
  60. package/dist/components/dialog.d.ts +10 -10
  61. package/dist/components/dialog.js +106 -1
  62. package/dist/components/drawer.cjs +143 -1
  63. package/dist/components/drawer.d.ts +9 -9
  64. package/dist/components/drawer.js +85 -1
  65. package/dist/components/dropdown-menu.cjs +221 -1
  66. package/dist/components/dropdown-menu.d.ts +4 -4
  67. package/dist/components/dropdown-menu.js +145 -1
  68. package/dist/components/empty.cjs +113 -1
  69. package/dist/components/empty.d.ts +9 -9
  70. package/dist/components/empty.js +61 -1
  71. package/dist/components/field.cjs +193 -1
  72. package/dist/components/field.d.ts +14 -14
  73. package/dist/components/field.js +129 -1
  74. package/dist/components/form.cjs +151 -1
  75. package/dist/components/form.d.ts +10 -10
  76. package/dist/components/form.js +96 -1
  77. package/dist/components/hover-card.cjs +77 -1
  78. package/dist/components/hover-card.d.ts +2 -2
  79. package/dist/components/hover-card.js +34 -1
  80. package/dist/components/input-group.cjs +155 -1
  81. package/dist/components/input-group.d.ts +15 -15
  82. package/dist/components/input-group.js +97 -1
  83. package/dist/components/input-number.cjs +98 -1
  84. package/dist/components/input-number.d.ts +2 -2
  85. package/dist/components/input-number.js +64 -1
  86. package/dist/components/input-otp.cjs +101 -1
  87. package/dist/components/input-otp.d.ts +6 -6
  88. package/dist/components/input-otp.js +49 -1
  89. package/dist/components/input-password.cjs +71 -1
  90. package/dist/components/input-password.d.ts +3 -3
  91. package/dist/components/input-password.js +37 -1
  92. package/dist/components/input-search.cjs +80 -1
  93. package/dist/components/input-search.d.ts +3 -3
  94. package/dist/components/input-search.js +46 -1
  95. package/dist/components/input.cjs +45 -1
  96. package/dist/components/input.d.ts +2 -2
  97. package/dist/components/input.js +11 -1
  98. package/dist/components/item.cjs +186 -1
  99. package/dist/components/item.d.ts +12 -12
  100. package/dist/components/item.js +119 -1
  101. package/dist/components/kbd.cjs +54 -1
  102. package/dist/components/kbd.d.ts +3 -3
  103. package/dist/components/kbd.js +17 -1
  104. package/dist/components/label.cjs +45 -1
  105. package/dist/components/label.d.ts +2 -2
  106. package/dist/components/label.js +11 -1
  107. package/dist/components/menubar.cjs +232 -1
  108. package/dist/components/menubar.d.ts +4 -4
  109. package/dist/components/menubar.js +153 -1
  110. package/dist/components/native-select.cjs +75 -1
  111. package/dist/components/native-select.d.ts +4 -4
  112. package/dist/components/native-select.js +35 -1
  113. package/dist/components/navigation-menu.cjs +146 -2
  114. package/dist/components/navigation-menu.d.ts +2 -2
  115. package/dist/components/navigation-menu.js +94 -2
  116. package/dist/components/pagination.cjs +138 -1
  117. package/dist/components/pagination.d.ts +10 -10
  118. package/dist/components/pagination.js +86 -1
  119. package/dist/components/popover.cjs +86 -1
  120. package/dist/components/popover.d.ts +3 -3
  121. package/dist/components/popover.js +40 -1
  122. package/dist/components/progress-circle.cjs +184 -1
  123. package/dist/components/progress-circle.d.ts +5 -5
  124. package/dist/components/progress-circle.js +147 -1
  125. package/dist/components/progress.cjs +52 -1
  126. package/dist/components/progress.d.ts +2 -2
  127. package/dist/components/progress.js +18 -1
  128. package/dist/components/radio-cards.cjs +66 -1
  129. package/dist/components/radio-cards.d.ts +2 -2
  130. package/dist/components/radio-cards.js +29 -1
  131. package/dist/components/radio-group.cjs +59 -1
  132. package/dist/components/radio-group.d.ts +2 -2
  133. package/dist/components/radio-group.js +22 -1
  134. package/dist/components/radio.cjs +47 -1
  135. package/dist/components/radio.d.ts +2 -2
  136. package/dist/components/radio.js +13 -1
  137. package/dist/components/resizable.cjs +71 -1
  138. package/dist/components/resizable.d.ts +8 -8
  139. package/dist/components/resizable.js +31 -1
  140. package/dist/components/scroll-area.cjs +140 -1
  141. package/dist/components/scroll-area.d.ts +5 -5
  142. package/dist/components/scroll-area.js +100 -1
  143. package/dist/components/select.cjs +180 -1
  144. package/dist/components/select.d.ts +5 -5
  145. package/dist/components/select.js +119 -1
  146. package/dist/components/separator.cjs +82 -1
  147. package/dist/components/separator.d.ts +5 -5
  148. package/dist/components/separator.js +42 -1
  149. package/dist/components/sheet.cjs +184 -1
  150. package/dist/components/sheet.d.ts +9 -9
  151. package/dist/components/sheet.js +123 -1
  152. package/dist/components/sidebar.cjs +506 -1
  153. package/dist/components/sidebar.d.ts +31 -31
  154. package/dist/components/sidebar.js +400 -1
  155. package/dist/components/skeleton.cjs +44 -1
  156. package/dist/components/skeleton.d.ts +2 -2
  157. package/dist/components/skeleton.js +10 -1
  158. package/dist/components/slider.cjs +79 -1
  159. package/dist/components/slider.d.ts +2 -2
  160. package/dist/components/slider.js +45 -1
  161. package/dist/components/sonner.cjs +57 -1
  162. package/dist/components/sonner.d.ts +3 -3
  163. package/dist/components/sonner.js +17 -1
  164. package/dist/components/spinner.cjs +75 -1
  165. package/dist/components/spinner.d.ts +2 -2
  166. package/dist/components/spinner.js +41 -1
  167. package/dist/components/switch.cjs +49 -1
  168. package/dist/components/switch.d.ts +2 -2
  169. package/dist/components/switch.js +15 -1
  170. package/dist/components/table.cjs +118 -1
  171. package/dist/components/table.d.ts +9 -9
  172. package/dist/components/table.js +63 -1
  173. package/dist/components/tabs.cjs +75 -1
  174. package/dist/components/tabs.d.ts +3 -3
  175. package/dist/components/tabs.js +32 -1
  176. package/dist/components/textarea.cjs +44 -1
  177. package/dist/components/textarea.d.ts +2 -2
  178. package/dist/components/textarea.js +10 -1
  179. package/dist/components/toggle-group.cjs +90 -1
  180. package/dist/components/toggle-group.d.ts +10 -12
  181. package/dist/components/toggle-group.js +53 -1
  182. package/dist/components/toggle.cjs +71 -1
  183. package/dist/components/toggle.d.ts +10 -12
  184. package/dist/components/toggle.js +34 -1
  185. package/dist/components/tooltip.cjs +90 -1
  186. package/dist/components/tooltip.d.ts +3 -3
  187. package/dist/components/tooltip.js +44 -1
  188. package/dist/css/amber.css +95 -1
  189. package/dist/css/blue.css +95 -1
  190. package/dist/css/cyan.css +95 -1
  191. package/dist/css/emerald.css +95 -1
  192. package/dist/css/fuchsia.css +95 -1
  193. package/dist/css/gray.css +95 -1
  194. package/dist/css/green.css +95 -1
  195. package/dist/css/indigo.css +95 -1
  196. package/dist/css/lime.css +95 -1
  197. package/dist/css/neutral.css +95 -1
  198. package/dist/css/orange.css +95 -1
  199. package/dist/css/pink.css +95 -1
  200. package/dist/css/preset.css +118 -1
  201. package/dist/css/purple.css +95 -1
  202. package/dist/css/red.css +95 -1
  203. package/dist/css/rose.css +95 -1
  204. package/dist/css/sky.css +95 -1
  205. package/dist/css/slate.css +95 -1
  206. package/dist/css/stone.css +95 -1
  207. package/dist/css/style.css +3 -1
  208. package/dist/css/teal.css +95 -1
  209. package/dist/css/violet.css +95 -1
  210. package/dist/css/yellow.css +95 -1
  211. package/dist/css/zinc.css +95 -1
  212. package/dist/hooks/use-animated-value.cjs +74 -1
  213. package/dist/hooks/use-animated-value.d.ts +9 -10
  214. package/dist/hooks/use-animated-value.js +40 -1
  215. package/dist/hooks/use-copy-to-clipboard.cjs +57 -1
  216. package/dist/hooks/use-copy-to-clipboard.d.ts +18 -1
  217. package/dist/hooks/use-copy-to-clipboard.js +23 -1
  218. package/dist/hooks/use-is-mobile.cjs +39 -1
  219. package/dist/hooks/use-is-mobile.d.ts +15 -6
  220. package/dist/hooks/use-is-mobile.js +5 -1
  221. package/dist/hooks/use-media-query.cjs +56 -1
  222. package/dist/hooks/use-media-query.d.ts +11 -3
  223. package/dist/hooks/use-media-query.js +22 -1
  224. package/dist/hooks/use-mutation-observer.cjs +56 -1
  225. package/dist/hooks/use-mutation-observer.d.ts +8 -12
  226. package/dist/hooks/use-mutation-observer.js +22 -1
  227. package/dist/hooks/use-pagination.cjs +92 -1
  228. package/dist/hooks/use-pagination.d.ts +12 -10
  229. package/dist/hooks/use-pagination.js +55 -1
  230. package/dist/index.cjs +1081 -1
  231. package/dist/index.d.ts +130 -131
  232. package/dist/index.js +69 -1
  233. package/dist/primitives/checkbox-group.cjs +151 -1
  234. package/dist/primitives/checkbox-group.d.ts +11 -11
  235. package/dist/primitives/checkbox-group.js +99 -1
  236. package/dist/primitives/input-number.cjs +439 -1
  237. package/dist/primitives/input-number.d.ts +8 -8
  238. package/dist/primitives/input-number.js +381 -1
  239. package/dist/primitives/input.cjs +99 -1
  240. package/dist/primitives/input.d.ts +4 -4
  241. package/dist/primitives/input.js +53 -1
  242. package/dist/primitives/progress-circle.cjs +198 -1
  243. package/dist/primitives/progress-circle.d.ts +7 -7
  244. package/dist/primitives/progress-circle.js +128 -1
  245. package/package.json +385 -38
@@ -1,4 +1,199 @@
1
1
  "use client";
2
- import{Fragment as e,jsx as t,jsxs as r}from"react/jsx-runtime";import{useId as n,useMemo as l}from"react";import{Legend as o,ResponsiveContainer as a,Tooltip as i}from"recharts";import{cn as d}from"@codefast/tailwind-variants";import{createContextScope as c}from"@radix-ui/react-context";let s={dark:".dark",light:""},u="ChartProvider",[f,m]=c(u),[h,p]=f(u);function g({__scopeChart:e,children:l,className:o,config:i,id:c,...s}){let u=n(),f=`chart-${c??u}`;return t(h,{config:i,scope:e,children:r("div",{className:d("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",o),"data-chart":f,"data-slot":"chart",...s,children:[t(b,{config:i,id:f}),t(a,{children:l})]})})}function b({config:e,id:r}){var n,l;let o=Object.entries(e).filter(([,e])=>e.theme??e.color);return 0===o.length?null:t("style",{dangerouslySetInnerHTML:{__html:(n=r,l=o,Object.entries(s).map(([e,t])=>{let r;return r=l.map(([t,r])=>{let n;return(n=r.theme?.[e]??r.color)?` --color-${t}: ${n};`:null}).filter(Boolean).join("\n"),`${t} [data-chart=${n}] {
3
- ${r}
4
- }`}).join("\n\n"))}})}let v=i;function y({__scopeChart:n,active:o,className:a,color:i,formatter:c,hideIndicator:s=!1,hideLabel:u=!1,indicator:f="dot",label:m,labelClassName:h,labelFormatter:g,labelKey:b,nameKey:v,payload:y=[]}){let{config:x}=p("ChartTooltipContent",n),k=l(()=>{if(u||0===y.length)return null;let[e]=y,r=N(b??e.dataKey??e.name??"value"),n=j(x,e,r),l=b||"string"!=typeof m?n?.label:m in x?x[m].label??m:m;return g?t("div",{className:d("font-medium",h),children:g(l,y)}):l?t("div",{className:d("font-medium",h),children:l}):null},[m,g,y,u,h,x,b]);if(!o||0===y.length)return null;let C=1===y.length&&"dot"!==f;return r("div",{className:d("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",a),children:[C?null:k,t("div",{className:"grid gap-1.5",children:y.map((n,l)=>{let o=N(v??n.name??n.dataKey??"value"),a=j(x,n,o),u=i??(_(n.payload)&&"fill"in n.payload&&"string"==typeof n.payload.fill?n.payload.fill:void 0)??n.color;return t("div",{className:d("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5","dot"===f&&"items-center"),children:c&&void 0!==n.value&&n.name?c(n.value,n.name,n,l,[n]):r(e,{children:[a?.icon?t(a.icon,{}):!s&&t("div",{className:d("shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)",{"h-2.5 w-2.5":"dot"===f,"my-0.5":C&&"dashed"===f,"w-0 border-[1.5px] border-dashed bg-transparent":"dashed"===f,"w-1":"line"===f}),style:{"--color-bg":u,"--color-border":u}}),r("div",{className:d("flex flex-1 justify-between leading-none",C?"items-end":"items-center"),children:[r("div",{className:"grid gap-1.5",children:[C?k:null,t("span",{className:"text-muted-foreground",children:a?.label??n.name})]}),null!=n.value&&t("span",{className:"text-foreground font-mono font-medium tabular-nums",children:"number"==typeof n.value?n.value.toLocaleString():N(n.value)})]})]})},o)})})]})}let x=o;function k({__scopeChart:e,className:n,hideIcon:l=!1,nameKey:o,payload:a,verticalAlign:i="bottom"}){let{config:c}=p("ChartLegendContent",e);return a?.length?t("div",{className:d("flex items-center justify-center gap-4","top"===i?"pb-3":"pt-3",n),children:a.map(e=>{let n="value";o?n=o:null!=e.dataKey&&(n=N(e.dataKey));let a=j(c,e,n);return r("div",{className:d("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),children:[a?.icon&&!l?t(a.icon,{}):t("div",{className:"size-2 shrink-0 rounded-md",style:{backgroundColor:e.color}}),a?.label]},o?N(a?.color??""):N(e.value??""))})}):null}function _(e){return"object"==typeof e&&null!==e}function C(e,t){if(t in e){let r=e[t];return"string"==typeof r?r:void 0}}function N(e){return"string"==typeof e?e:"number"==typeof e?e.toString():null==e?"":"boolean"==typeof e||"bigint"==typeof e||"symbol"==typeof e?e.toString():""}function j(e,t,r){if(!_(t))return;let n=_(t.payload)?t.payload:void 0,l=r,o=C(t,r);if(o)l=o;else if(n){let e=C(n,r);e&&(l=e)}return l in e?e[l]:e[r]}export{g as ChartContainer,x as ChartLegend,k as ChartLegendContent,b as ChartStyle,v as ChartTooltip,y as ChartTooltipContent,m as createChartScope};
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { cn } from "@codefast/tailwind-variants";
4
+ import { createContextScope } from "@radix-ui/react-context";
5
+ import { useId, useMemo } from "react";
6
+ import { Legend, ResponsiveContainer, Tooltip } from "recharts";
7
+ const THEMES = {
8
+ dark: '.dark',
9
+ light: ''
10
+ };
11
+ const CHART_PROVIDER_NAME = 'ChartProvider';
12
+ const [createChartContext, createChartScope] = createContextScope(CHART_PROVIDER_NAME);
13
+ const [ChartContextProvider, useChartContext] = createChartContext(CHART_PROVIDER_NAME);
14
+ function ChartContainer({ __scopeChart, children, className, config, id, ...props }) {
15
+ const uniqueId = useId();
16
+ const chartId = `chart-${id ?? uniqueId}`;
17
+ return /*#__PURE__*/ jsx(ChartContextProvider, {
18
+ config: config,
19
+ scope: __scopeChart,
20
+ children: /*#__PURE__*/ jsxs("div", {
21
+ className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
22
+ "data-chart": chartId,
23
+ "data-slot": "chart",
24
+ ...props,
25
+ children: [
26
+ /*#__PURE__*/ jsx(ChartStyle, {
27
+ config: config,
28
+ id: chartId
29
+ }),
30
+ /*#__PURE__*/ jsx(ResponsiveContainer, {
31
+ children: children
32
+ })
33
+ ]
34
+ })
35
+ });
36
+ }
37
+ function ChartStyle({ config, id }) {
38
+ const colorConfig = Object.entries(config).filter(([, itemConfig])=>itemConfig.theme ?? itemConfig.color);
39
+ if (0 === colorConfig.length) return null;
40
+ return /*#__PURE__*/ jsx("style", {
41
+ dangerouslySetInnerHTML: {
42
+ __html: generateChartStyles(id, colorConfig)
43
+ }
44
+ });
45
+ }
46
+ const ChartTooltip = Tooltip;
47
+ const CHART_TOOLTIP_CONTENT_NAME = 'ChartTooltipContent';
48
+ function ChartTooltipContent({ __scopeChart, active, className, color, formatter, hideIndicator = false, hideLabel = false, indicator = 'dot', label, labelClassName, labelFormatter, labelKey, nameKey, payload = [] }) {
49
+ const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);
50
+ const tooltipLabel = useMemo(()=>{
51
+ if (hideLabel || 0 === payload.length) return null;
52
+ const [item] = payload;
53
+ const key = safeToString(labelKey ?? item.dataKey ?? item.name ?? 'value');
54
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
55
+ const value = labelKey || 'string' != typeof label ? itemConfig?.label : label in config ? config[label].label ?? label : label;
56
+ if (labelFormatter) return /*#__PURE__*/ jsx("div", {
57
+ className: cn('font-medium', labelClassName),
58
+ children: labelFormatter(value, payload)
59
+ });
60
+ if (!value) return null;
61
+ return /*#__PURE__*/ jsx("div", {
62
+ className: cn('font-medium', labelClassName),
63
+ children: value
64
+ });
65
+ }, [
66
+ label,
67
+ labelFormatter,
68
+ payload,
69
+ hideLabel,
70
+ labelClassName,
71
+ config,
72
+ labelKey
73
+ ]);
74
+ if (!active || 0 === payload.length) return null;
75
+ const nestLabel = 1 === payload.length && 'dot' !== indicator;
76
+ return /*#__PURE__*/ jsxs("div", {
77
+ className: cn('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl', className),
78
+ children: [
79
+ nestLabel ? null : tooltipLabel,
80
+ /*#__PURE__*/ jsx("div", {
81
+ className: "grid gap-1.5",
82
+ children: payload.map((item, index)=>{
83
+ const key = safeToString(nameKey ?? item.name ?? item.dataKey ?? 'value');
84
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
85
+ const indicatorColor = color ?? (isRecord(item.payload) && 'fill' in item.payload && 'string' == typeof item.payload.fill ? item.payload.fill : void 0) ?? item.color;
86
+ return /*#__PURE__*/ jsx("div", {
87
+ className: cn('[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5', 'dot' === indicator && 'items-center'),
88
+ children: formatter && void 0 !== item.value && item.name ? formatter(item.value, item.name, item, index, [
89
+ item
90
+ ]) : /*#__PURE__*/ jsxs(Fragment, {
91
+ children: [
92
+ itemConfig?.icon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : !hideIndicator && /*#__PURE__*/ jsx("div", {
93
+ className: cn('shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)', {
94
+ 'h-2.5 w-2.5': 'dot' === indicator,
95
+ 'my-0.5': nestLabel && 'dashed' === indicator,
96
+ 'border-1.5 w-0 border-dashed bg-transparent': 'dashed' === indicator,
97
+ 'w-1': 'line' === indicator
98
+ }),
99
+ style: {
100
+ '--color-bg': indicatorColor,
101
+ '--color-border': indicatorColor
102
+ }
103
+ }),
104
+ /*#__PURE__*/ jsxs("div", {
105
+ className: cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'),
106
+ children: [
107
+ /*#__PURE__*/ jsxs("div", {
108
+ className: "grid gap-1.5",
109
+ children: [
110
+ nestLabel ? tooltipLabel : null,
111
+ /*#__PURE__*/ jsx("span", {
112
+ className: "text-muted-foreground",
113
+ children: itemConfig?.label ?? item.name
114
+ })
115
+ ]
116
+ }),
117
+ null != item.value && /*#__PURE__*/ jsx("span", {
118
+ className: "text-foreground font-mono font-medium tabular-nums",
119
+ children: 'number' == typeof item.value ? item.value.toLocaleString() : safeToString(item.value)
120
+ })
121
+ ]
122
+ })
123
+ ]
124
+ })
125
+ }, key);
126
+ })
127
+ })
128
+ ]
129
+ });
130
+ }
131
+ const ChartLegend = Legend;
132
+ const CHART_LEGEND_CONTENT_NAME = 'ChartLegendContent';
133
+ function ChartLegendContent({ __scopeChart, className, hideIcon = false, nameKey, payload, verticalAlign = 'bottom' }) {
134
+ const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);
135
+ if (!payload?.length) return null;
136
+ return /*#__PURE__*/ jsx("div", {
137
+ className: cn('flex items-center justify-center gap-4', 'top' === verticalAlign ? 'pb-3' : 'pt-3', className),
138
+ children: payload.map((item)=>{
139
+ let key = 'value';
140
+ if (nameKey) key = nameKey;
141
+ else if (null != item.dataKey) key = safeToString(item.dataKey);
142
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
143
+ return /*#__PURE__*/ jsxs("div", {
144
+ className: cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3'),
145
+ children: [
146
+ itemConfig?.icon && !hideIcon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : /*#__PURE__*/ jsx("div", {
147
+ className: "size-2 shrink-0 rounded-md",
148
+ style: {
149
+ backgroundColor: item.color
150
+ }
151
+ }),
152
+ itemConfig?.label
153
+ ]
154
+ }, nameKey ? safeToString(itemConfig?.color ?? '') : safeToString(item.value ?? ''));
155
+ })
156
+ });
157
+ }
158
+ function isRecord(value) {
159
+ return 'object' == typeof value && null !== value;
160
+ }
161
+ function getStringValue(record, key) {
162
+ if (key in record) {
163
+ const value = record[key];
164
+ return 'string' == typeof value ? value : void 0;
165
+ }
166
+ }
167
+ function safeToString(value) {
168
+ if ('string' == typeof value) return value;
169
+ if ('number' == typeof value) return value.toString();
170
+ if (null == value) return '';
171
+ if ('boolean' == typeof value) return value.toString();
172
+ if ('bigint' == typeof value) return value.toString();
173
+ if ('symbol' == typeof value) return value.toString();
174
+ return '';
175
+ }
176
+ function getPayloadConfigFromPayload(config, payload, key) {
177
+ if (!isRecord(payload)) return;
178
+ const payloadPayload = isRecord(payload.payload) ? payload.payload : void 0;
179
+ let configLabelKey = key;
180
+ const payloadValue = getStringValue(payload, key);
181
+ if (payloadValue) configLabelKey = payloadValue;
182
+ else if (payloadPayload) {
183
+ const nestedValue = getStringValue(payloadPayload, key);
184
+ if (nestedValue) configLabelKey = nestedValue;
185
+ }
186
+ return configLabelKey in config ? config[configLabelKey] : config[key];
187
+ }
188
+ function generateCssVariable(key, itemConfig, theme) {
189
+ const color = itemConfig.theme?.[theme] ?? itemConfig.color;
190
+ return color ? ` --color-${key}: ${color};` : null;
191
+ }
192
+ function generateThemeStyles(theme, prefix, id, colorConfig) {
193
+ const cssVariables = colorConfig.map(([key, itemConfig])=>generateCssVariable(key, itemConfig, theme)).filter(Boolean).join('\n');
194
+ return `${prefix} [data-chart=${id}] {\n${cssVariables}\n}`;
195
+ }
196
+ function generateChartStyles(id, colorConfig) {
197
+ return Object.entries(THEMES).map(([theme, prefix])=>generateThemeStyles(theme, prefix, id, colorConfig)).join('\n\n');
198
+ }
199
+ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, createChartScope };
@@ -1,2 +1,70 @@
1
+ "use strict";
1
2
  "use client";
2
- "use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CheckboxCards:()=>CheckboxCards,CheckboxCardsItem:()=>CheckboxCardsItem});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_label_cjs_namespaceObject=require("./label.cjs"),checkbox_group_cjs_namespaceObject=require("../primitives/checkbox-group.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function CheckboxCards(e){return(0,jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Root,{"data-slot":"checkbox-cards",...e})}function CheckboxCardsItem({checkboxClassName:e,children:r,className:a,...c}){return(0,jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label,{className:(0,tailwind_variants_namespaceObject.cn)("border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring flex items-start gap-3 rounded-lg border p-3 transition has-disabled:opacity-50",a),"data-slot":"checkbox-card",children:[(0,jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("border-input text-primary-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3",e),"data-slot":"checkbox-card-item",...c,children:(0,jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.CheckboxGroupIndicator,{"data-slot":"checkbox-card-indicator",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-3.5"})})}),r]})}for(var __webpack_i__ in exports.CheckboxCards=__webpack_exports__.CheckboxCards,exports.CheckboxCardsItem=__webpack_exports__.CheckboxCardsItem,__webpack_exports__)-1===["CheckboxCards","CheckboxCardsItem"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
3
+ var __webpack_require__ = {};
4
+ (()=>{
5
+ __webpack_require__.d = (exports1, definition)=>{
6
+ for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
7
+ enumerable: true,
8
+ get: definition[key]
9
+ });
10
+ };
11
+ })();
12
+ (()=>{
13
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
+ })();
15
+ (()=>{
16
+ __webpack_require__.r = (exports1)=>{
17
+ if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
18
+ value: 'Module'
19
+ });
20
+ Object.defineProperty(exports1, '__esModule', {
21
+ value: true
22
+ });
23
+ };
24
+ })();
25
+ var __webpack_exports__ = {};
26
+ __webpack_require__.r(__webpack_exports__);
27
+ __webpack_require__.d(__webpack_exports__, {
28
+ CheckboxCards: ()=>CheckboxCards,
29
+ CheckboxCardsItem: ()=>CheckboxCardsItem
30
+ });
31
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
32
+ const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
33
+ const external_lucide_react_namespaceObject = require("lucide-react");
34
+ const external_label_cjs_namespaceObject = require("./label.cjs");
35
+ const checkbox_group_cjs_namespaceObject = require("../primitives/checkbox-group.cjs");
36
+ function CheckboxCards(props) {
37
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Root, {
38
+ "data-slot": "checkbox-cards",
39
+ ...props
40
+ });
41
+ }
42
+ function CheckboxCardsItem({ checkboxClassName, children, className, ...props }) {
43
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
44
+ className: (0, tailwind_variants_namespaceObject.cn)('border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring flex items-start gap-3 rounded-lg border p-3 transition has-disabled:opacity-50', className),
45
+ "data-slot": "checkbox-card",
46
+ children: [
47
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Item, {
48
+ className: (0, tailwind_variants_namespaceObject.cn)('border-input text-primary-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3', checkboxClassName),
49
+ "data-slot": "checkbox-card-item",
50
+ ...props,
51
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.CheckboxGroupIndicator, {
52
+ "data-slot": "checkbox-card-indicator",
53
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
54
+ className: "size-3.5"
55
+ })
56
+ })
57
+ }),
58
+ children
59
+ ]
60
+ });
61
+ }
62
+ exports.CheckboxCards = __webpack_exports__.CheckboxCards;
63
+ exports.CheckboxCardsItem = __webpack_exports__.CheckboxCardsItem;
64
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
65
+ "CheckboxCards",
66
+ "CheckboxCardsItem"
67
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
68
+ Object.defineProperty(exports, '__esModule', {
69
+ value: true
70
+ });
@@ -1,5 +1,5 @@
1
- import type { ComponentProps, JSX } from "react";
2
- import * as CheckboxGroupPrimitive from "../primitives/checkbox-group";
1
+ import type { ComponentProps, JSX } from 'react';
2
+ import * as CheckboxGroupPrimitive from '../primitives/checkbox-group';
3
3
  type CheckboxCardsProps = ComponentProps<typeof CheckboxGroupPrimitive.Root>;
4
4
  declare function CheckboxCards(props: CheckboxCardsProps): JSX.Element;
5
5
  interface CheckboxCardsItemProps extends ComponentProps<typeof CheckboxGroupPrimitive.Item> {
@@ -1,2 +1,33 @@
1
1
  "use client";
2
- import{jsx as r,jsxs as e}from"react/jsx-runtime";import{CheckIcon as i}from"lucide-react";import{Label as a}from"./label.js";import{CheckboxGroupIndicator as o,Item as c,Root as s}from"../primitives/checkbox-group.js";import{cn as d}from"@codefast/tailwind-variants";function t(e){return r(s,{"data-slot":"checkbox-cards",...e})}function n({checkboxClassName:s,children:t,className:n,...b}){return e(a,{className:d("border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring flex items-start gap-3 rounded-lg border p-3 transition has-disabled:opacity-50",n),"data-slot":"checkbox-card",children:[r(c,{className:d("border-input text-primary-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3",s),"data-slot":"checkbox-card-item",...b,children:r(o,{"data-slot":"checkbox-card-indicator",children:r(i,{className:"size-3.5"})})}),t]})}export{t as CheckboxCards,n as CheckboxCardsItem};
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { cn } from "@codefast/tailwind-variants";
4
+ import { CheckIcon } from "lucide-react";
5
+ import { Label } from "./label.js";
6
+ import { CheckboxGroupIndicator, Item, Root } from "../primitives/checkbox-group.js";
7
+ function CheckboxCards(props) {
8
+ return /*#__PURE__*/ jsx(Root, {
9
+ "data-slot": "checkbox-cards",
10
+ ...props
11
+ });
12
+ }
13
+ function CheckboxCardsItem({ checkboxClassName, children, className, ...props }) {
14
+ return /*#__PURE__*/ jsxs(Label, {
15
+ className: cn('border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring flex items-start gap-3 rounded-lg border p-3 transition has-disabled:opacity-50', className),
16
+ "data-slot": "checkbox-card",
17
+ children: [
18
+ /*#__PURE__*/ jsx(Item, {
19
+ className: cn('border-input text-primary-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3', checkboxClassName),
20
+ "data-slot": "checkbox-card-item",
21
+ ...props,
22
+ children: /*#__PURE__*/ jsx(CheckboxGroupIndicator, {
23
+ "data-slot": "checkbox-card-indicator",
24
+ children: /*#__PURE__*/ jsx(CheckIcon, {
25
+ className: "size-3.5"
26
+ })
27
+ })
28
+ }),
29
+ children
30
+ ]
31
+ });
32
+ }
33
+ export { CheckboxCards, CheckboxCardsItem };
@@ -1,2 +1,64 @@
1
+ "use strict";
1
2
  "use client";
2
- "use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var c in r)__webpack_require__.o(r,c)&&!__webpack_require__.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:r[c]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CheckboxGroup:()=>CheckboxGroup,CheckboxGroupItem:()=>CheckboxGroupItem});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),checkbox_group_cjs_namespaceObject=require("../primitives/checkbox-group.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function CheckboxGroup({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("grid gap-2",e),"data-slot":"checkbox-group",...r})}function CheckboxGroupItem({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-checked:aria-invalid:bg-destructive hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50",e),"data-slot":"checkbox-group-item",...r,children:(0,jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.CheckboxGroupIndicator,{className:"flex items-center justify-center text-current transition-none","data-slot":"checkbox-group-indicator",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-3.5"})})})}for(var __webpack_i__ in exports.CheckboxGroup=__webpack_exports__.CheckboxGroup,exports.CheckboxGroupItem=__webpack_exports__.CheckboxGroupItem,__webpack_exports__)-1===["CheckboxGroup","CheckboxGroupItem"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
3
+ var __webpack_require__ = {};
4
+ (()=>{
5
+ __webpack_require__.d = (exports1, definition)=>{
6
+ for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
7
+ enumerable: true,
8
+ get: definition[key]
9
+ });
10
+ };
11
+ })();
12
+ (()=>{
13
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
+ })();
15
+ (()=>{
16
+ __webpack_require__.r = (exports1)=>{
17
+ if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
18
+ value: 'Module'
19
+ });
20
+ Object.defineProperty(exports1, '__esModule', {
21
+ value: true
22
+ });
23
+ };
24
+ })();
25
+ var __webpack_exports__ = {};
26
+ __webpack_require__.r(__webpack_exports__);
27
+ __webpack_require__.d(__webpack_exports__, {
28
+ CheckboxGroup: ()=>CheckboxGroup,
29
+ CheckboxGroupItem: ()=>CheckboxGroupItem
30
+ });
31
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
32
+ const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
33
+ const external_lucide_react_namespaceObject = require("lucide-react");
34
+ const checkbox_group_cjs_namespaceObject = require("../primitives/checkbox-group.cjs");
35
+ function CheckboxGroup({ className, ...props }) {
36
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Root, {
37
+ className: (0, tailwind_variants_namespaceObject.cn)('grid gap-2', className),
38
+ "data-slot": "checkbox-group",
39
+ ...props
40
+ });
41
+ }
42
+ function CheckboxGroupItem({ className, ...props }) {
43
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.Item, {
44
+ className: (0, tailwind_variants_namespaceObject.cn)('border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-checked:aria-invalid:bg-destructive hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50', className),
45
+ "data-slot": "checkbox-group-item",
46
+ ...props,
47
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_cjs_namespaceObject.CheckboxGroupIndicator, {
48
+ className: "flex items-center justify-center text-current transition-none",
49
+ "data-slot": "checkbox-group-indicator",
50
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
51
+ className: "size-3.5"
52
+ })
53
+ })
54
+ });
55
+ }
56
+ exports.CheckboxGroup = __webpack_exports__.CheckboxGroup;
57
+ exports.CheckboxGroupItem = __webpack_exports__.CheckboxGroupItem;
58
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
59
+ "CheckboxGroup",
60
+ "CheckboxGroupItem"
61
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
62
+ Object.defineProperty(exports, '__esModule', {
63
+ value: true
64
+ });
@@ -1,5 +1,5 @@
1
- import type { ComponentProps, JSX } from "react";
2
- import * as CheckboxGroupPrimitive from "../primitives/checkbox-group";
1
+ import type { ComponentProps, JSX } from 'react';
2
+ import * as CheckboxGroupPrimitive from '../primitives/checkbox-group';
3
3
  type CheckboxGroupProps = ComponentProps<typeof CheckboxGroupPrimitive.Root>;
4
4
  declare function CheckboxGroup({ className, ...props }: CheckboxGroupProps): JSX.Element;
5
5
  type CheckboxGroupItemProps = ComponentProps<typeof CheckboxGroupPrimitive.Item>;
@@ -1,2 +1,27 @@
1
1
  "use client";
2
- import{jsx as r}from"react/jsx-runtime";import{CheckIcon as i}from"lucide-react";import{CheckboxGroupIndicator as e,Item as a,Root as t}from"../primitives/checkbox-group.js";import{cn as o}from"@codefast/tailwind-variants";function c({className:i,...e}){return r(t,{className:o("grid gap-2",i),"data-slot":"checkbox-group",...e})}function d({className:t,...c}){return r(a,{className:o("border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-checked:aria-invalid:bg-destructive hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50",t),"data-slot":"checkbox-group-item",...c,children:r(e,{className:"flex items-center justify-center text-current transition-none","data-slot":"checkbox-group-indicator",children:r(i,{className:"size-3.5"})})})}export{c as CheckboxGroup,d as CheckboxGroupItem};
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { cn } from "@codefast/tailwind-variants";
4
+ import { CheckIcon } from "lucide-react";
5
+ import { CheckboxGroupIndicator, Item, Root } from "../primitives/checkbox-group.js";
6
+ function CheckboxGroup({ className, ...props }) {
7
+ return /*#__PURE__*/ jsx(Root, {
8
+ className: cn('grid gap-2', className),
9
+ "data-slot": "checkbox-group",
10
+ ...props
11
+ });
12
+ }
13
+ function CheckboxGroupItem({ className, ...props }) {
14
+ return /*#__PURE__*/ jsx(Item, {
15
+ className: cn('border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-checked:aria-invalid:bg-destructive hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50', className),
16
+ "data-slot": "checkbox-group-item",
17
+ ...props,
18
+ children: /*#__PURE__*/ jsx(CheckboxGroupIndicator, {
19
+ className: "flex items-center justify-center text-current transition-none",
20
+ "data-slot": "checkbox-group-indicator",
21
+ children: /*#__PURE__*/ jsx(CheckIcon, {
22
+ className: "size-3.5"
23
+ })
24
+ })
25
+ });
26
+ }
27
+ export { CheckboxGroup, CheckboxGroupItem };
@@ -1,2 +1,54 @@
1
+ "use strict";
1
2
  "use client";
2
- "use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checkbox:()=>Checkbox});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_checkbox_namespaceObject=require("@radix-ui/react-checkbox");function Checkbox({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 aria-checked:focus-visible:ring-primary/20 dark:aria-checked:focus-visible:ring-primary/40 aria-checked:border-primary aria-checked:aria-invalid:bg-destructive aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50",e),"data-slot":"checkbox",...r,children:(0,jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Indicator,{className:"flex items-center justify-center text-current transition-none","data-slot":"checkbox-indicator",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-3.5"})})})}for(var __webpack_i__ in exports.Checkbox=__webpack_exports__.Checkbox,__webpack_exports__)-1===["Checkbox"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
3
+ var __webpack_require__ = {};
4
+ (()=>{
5
+ __webpack_require__.d = (exports1, definition)=>{
6
+ for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
7
+ enumerable: true,
8
+ get: definition[key]
9
+ });
10
+ };
11
+ })();
12
+ (()=>{
13
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
+ })();
15
+ (()=>{
16
+ __webpack_require__.r = (exports1)=>{
17
+ if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
18
+ value: 'Module'
19
+ });
20
+ Object.defineProperty(exports1, '__esModule', {
21
+ value: true
22
+ });
23
+ };
24
+ })();
25
+ var __webpack_exports__ = {};
26
+ __webpack_require__.r(__webpack_exports__);
27
+ __webpack_require__.d(__webpack_exports__, {
28
+ Checkbox: ()=>Checkbox
29
+ });
30
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
31
+ const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
32
+ const react_checkbox_namespaceObject = require("@radix-ui/react-checkbox");
33
+ const external_lucide_react_namespaceObject = require("lucide-react");
34
+ function Checkbox({ className, ...props }) {
35
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Root, {
36
+ className: (0, tailwind_variants_namespaceObject.cn)('border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 aria-checked:focus-visible:ring-primary/20 dark:aria-checked:focus-visible:ring-primary/40 aria-checked:border-primary aria-checked:aria-invalid:bg-destructive aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50', className),
37
+ "data-slot": "checkbox",
38
+ ...props,
39
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Indicator, {
40
+ className: "flex items-center justify-center text-current transition-none",
41
+ "data-slot": "checkbox-indicator",
42
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
43
+ className: "size-3.5"
44
+ })
45
+ })
46
+ });
47
+ }
48
+ exports.Checkbox = __webpack_exports__.Checkbox;
49
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
50
+ "Checkbox"
51
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
52
+ Object.defineProperty(exports, '__esModule', {
53
+ value: true
54
+ });
@@ -1,5 +1,5 @@
1
- import type { ComponentProps, JSX } from "react";
2
- import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
1
+ import type { ComponentProps, JSX } from 'react';
2
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
3
3
  type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root>;
4
4
  declare function Checkbox({ className, ...props }: CheckboxProps): JSX.Element;
5
5
  export { Checkbox };
@@ -1,2 +1,20 @@
1
1
  "use client";
2
- import{jsx as r}from"react/jsx-runtime";import{CheckIcon as i}from"lucide-react";import{cn as e}from"@codefast/tailwind-variants";import{Indicator as a,Root as t}from"@radix-ui/react-checkbox";function c({className:c,...d}){return r(t,{className:e("border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 aria-checked:focus-visible:ring-primary/20 dark:aria-checked:focus-visible:ring-primary/40 aria-checked:border-primary aria-checked:aria-invalid:bg-destructive aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50",c),"data-slot":"checkbox",...d,children:r(a,{className:"flex items-center justify-center text-current transition-none","data-slot":"checkbox-indicator",children:r(i,{className:"size-3.5"})})})}export{c as Checkbox};
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { cn } from "@codefast/tailwind-variants";
4
+ import { Indicator, Root } from "@radix-ui/react-checkbox";
5
+ import { CheckIcon } from "lucide-react";
6
+ function Checkbox({ className, ...props }) {
7
+ return /*#__PURE__*/ jsx(Root, {
8
+ className: cn('border-input text-primary-foreground hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 aria-checked:focus-visible:ring-primary/20 dark:aria-checked:focus-visible:ring-primary/40 aria-checked:border-primary aria-checked:aria-invalid:bg-destructive aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50', className),
9
+ "data-slot": "checkbox",
10
+ ...props,
11
+ children: /*#__PURE__*/ jsx(Indicator, {
12
+ className: "flex items-center justify-center text-current transition-none",
13
+ "data-slot": "checkbox-indicator",
14
+ children: /*#__PURE__*/ jsx(CheckIcon, {
15
+ className: "size-3.5"
16
+ })
17
+ })
18
+ });
19
+ }
20
+ export { Checkbox };
@@ -1,2 +1,62 @@
1
+ "use strict";
1
2
  "use client";
2
- "use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Collapsible:()=>Collapsible,CollapsibleContent:()=>CollapsibleContent,CollapsibleTrigger:()=>CollapsibleTrigger});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_collapsible_namespaceObject=require("@radix-ui/react-collapsible");function Collapsible({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.Root,{"data-slot":"collapsible",...e})}function CollapsibleTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...e})}function CollapsibleContent({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.CollapsibleContent,{"data-slot":"collapsible-content",...e})}for(var __webpack_i__ in exports.Collapsible=__webpack_exports__.Collapsible,exports.CollapsibleContent=__webpack_exports__.CollapsibleContent,exports.CollapsibleTrigger=__webpack_exports__.CollapsibleTrigger,__webpack_exports__)-1===["Collapsible","CollapsibleContent","CollapsibleTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
3
+ var __webpack_require__ = {};
4
+ (()=>{
5
+ __webpack_require__.d = (exports1, definition)=>{
6
+ for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
7
+ enumerable: true,
8
+ get: definition[key]
9
+ });
10
+ };
11
+ })();
12
+ (()=>{
13
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
+ })();
15
+ (()=>{
16
+ __webpack_require__.r = (exports1)=>{
17
+ if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
18
+ value: 'Module'
19
+ });
20
+ Object.defineProperty(exports1, '__esModule', {
21
+ value: true
22
+ });
23
+ };
24
+ })();
25
+ var __webpack_exports__ = {};
26
+ __webpack_require__.r(__webpack_exports__);
27
+ __webpack_require__.d(__webpack_exports__, {
28
+ Collapsible: ()=>Collapsible,
29
+ CollapsibleContent: ()=>CollapsibleContent,
30
+ CollapsibleTrigger: ()=>CollapsibleTrigger
31
+ });
32
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
33
+ const react_collapsible_namespaceObject = require("@radix-ui/react-collapsible");
34
+ function Collapsible({ ...props }) {
35
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.Root, {
36
+ "data-slot": "collapsible",
37
+ ...props
38
+ });
39
+ }
40
+ function CollapsibleTrigger({ ...props }) {
41
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.CollapsibleTrigger, {
42
+ "data-slot": "collapsible-trigger",
43
+ ...props
44
+ });
45
+ }
46
+ function CollapsibleContent({ ...props }) {
47
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_collapsible_namespaceObject.CollapsibleContent, {
48
+ "data-slot": "collapsible-content",
49
+ ...props
50
+ });
51
+ }
52
+ exports.Collapsible = __webpack_exports__.Collapsible;
53
+ exports.CollapsibleContent = __webpack_exports__.CollapsibleContent;
54
+ exports.CollapsibleTrigger = __webpack_exports__.CollapsibleTrigger;
55
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
56
+ "Collapsible",
57
+ "CollapsibleContent",
58
+ "CollapsibleTrigger"
59
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
60
+ Object.defineProperty(exports, '__esModule', {
61
+ value: true
62
+ });
@@ -1,5 +1,5 @@
1
- import type { ComponentProps, JSX } from "react";
2
- import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
1
+ import type { ComponentProps, JSX } from 'react';
2
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
3
3
  type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive.Root>;
4
4
  declare function Collapsible({ ...props }: CollapsibleProps): JSX.Element;
5
5
  type CollapsibleTriggerProps = ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>;