@codefast/ui 0.3.4 → 0.3.5

package/dist/esm/components/button/button.js

@@ -1,2 +1,2 @@
-import*as t from"react/jsx-runtime";import*as n from"./button-variants.js";import*as r from"../spinner.js";function s({children:s,className:a,disabled:i,loaderPosition:o="prefix",loading:e,prefix:p,size:u,spinner:f,suffix:m,variant:x,...b}){return(0,t.jsxs)("button",{className:(0,n.buttonVariants)({className:a,size:u,variant:x}),"data-slot":"button","data-variant":x,disabled:e||i,type:"button",...b,children:[e&&"prefix"===o?f||(0,t.jsx)(r.Spinner,{}):p,s,e&&"suffix"===o?f||(0,t.jsx)(r.Spinner,{}):m]})}export{s as Button};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{buttonVariants as n}from"./button-variants.js";import{Spinner as o}from"../spinner.js";function i({children:i,className:a,disabled:e,loaderPosition:s="prefix",loading:u,prefix:f,size:m,spinner:p,suffix:b,variant:d,...x}){return r("button",{className:n({className:a,size:m,variant:d}),"data-slot":"button","data-variant":d,disabled:u||e,type:"button",...x,children:[u&&"prefix"===s?p||t(o,{}):f,i,u&&"suffix"===s?p||t(o,{}):b]})}export{i as Button};
 //# sourceMappingURL=button.js.map

package/dist/esm/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/button/button.js","sources":["webpack://@codefast/ui/./src/components/button/button.tsx"],"sourcesContent":["import type { ComponentProps, JSX, ReactNode } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { buttonVariants } from \"@/components/button/button-variants\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\nfunction Button({\n  children,\n  className,\n  disabled,\n  loaderPosition = \"prefix\",\n  loading,\n  prefix,\n  size,\n  spinner,\n  suffix,\n  variant,\n  ...props\n}: Omit<ComponentProps<\"button\">, \"prefix\"> &\n  VariantProps<typeof buttonVariants> & {\n    loaderPosition?: \"prefix\" | \"suffix\";\n    loading?: boolean;\n    prefix?: ReactNode;\n    spinner?: ReactNode;\n    suffix?: ReactNode;\n  }): JSX.Element {\n  return (\n    <button\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"button\"\n      data-variant={variant}\n      disabled={loading || disabled}\n      type=\"button\"\n      {...props}\n    >\n      {loading && loaderPosition === \"prefix\" ? spinner || <Spinner /> : prefix}\n      {children}\n      {loading && loaderPosition === \"suffix\" ? spinner || <Spinner /> : suffix}\n    </button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button };\n"],"names":["Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","props","buttonVariants","Spinner"],"mappings":"2GAWA,SAASA,EAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,EAAiB,QAAQ,CACzBC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACP,GAAGC,EAQF,EACD,MACE,WAAC,UACC,UAAWC,AAAAA,GAAAA,EAAAA,cAAAA,AAAAA,EAAe,CAAEV,UAAAA,EAAWK,KAAAA,EAAMG,QAAAA,CAAQ,GACrD,YAAU,SACV,eAAcA,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGQ,CAAK,C,UAERN,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACK,EAAAA,OAAOA,CAAAA,CAAAA,GAAMP,EAClEL,EACAI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACK,EAAAA,OAAOA,CAAAA,CAAAA,GAAMJ,E,EAGzE,Q"}
+{"version":3,"file":"components/button/button.js","sources":["webpack://@codefast/ui/./src/components/button/button.tsx"],"sourcesContent":["import type { ComponentProps, JSX, ReactNode } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { buttonVariants } from \"@/components/button/button-variants\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\nfunction Button({\n  children,\n  className,\n  disabled,\n  loaderPosition = \"prefix\",\n  loading,\n  prefix,\n  size,\n  spinner,\n  suffix,\n  variant,\n  ...props\n}: Omit<ComponentProps<\"button\">, \"prefix\"> &\n  VariantProps<typeof buttonVariants> & {\n    loaderPosition?: \"prefix\" | \"suffix\";\n    loading?: boolean;\n    prefix?: ReactNode;\n    spinner?: ReactNode;\n    suffix?: ReactNode;\n  }): JSX.Element {\n  return (\n    <button\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"button\"\n      data-variant={variant}\n      disabled={loading || disabled}\n      type=\"button\"\n      {...props}\n    >\n      {loading && loaderPosition === \"prefix\" ? spinner || <Spinner /> : prefix}\n      {children}\n      {loading && loaderPosition === \"suffix\" ? spinner || <Spinner /> : suffix}\n    </button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button };\n"],"names":["Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","props","buttonVariants","Spinner"],"mappings":"gJAWA,SAASA,EAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,EAAiB,QAAQ,CACzBC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACP,GAAGC,EAQF,EACD,OACE,EAAC,UACC,UAAWC,EAAe,CAAEV,UAAAA,EAAWK,KAAAA,EAAMG,QAAAA,CAAQ,GACrD,YAAU,SACV,eAAcA,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGQ,CAAK,C,UAERN,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,EAACK,EAAOA,CAAAA,GAAMP,EAClEL,EACAI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,EAACK,EAAOA,CAAAA,GAAMJ,E,EAGzE,Q"}

package/dist/esm/components/calendar.js

@@ -1,3 +1,3 @@
 "use client";
-import*as e from"react/jsx-runtime";import*as t from"date-fns";import*as n from"lucide-react";import*as o from"react-day-picker";import*as r from"./button/index.js";import*as a from"../lib/utils.js";function s({orientation:t,className:o,...r}){switch(t){case"up":return(0,e.jsx)(n.ChevronUpIcon,{className:(0,a.cn)("size-4",o),...r});case"down":return(0,e.jsx)(n.ChevronDownIcon,{className:(0,a.cn)("size-4",o),...r});case"left":return(0,e.jsx)(n.ChevronLeftIcon,{className:(0,a.cn)("size-4",o),...r});case"right":return(0,e.jsx)(n.ChevronRightIcon,{className:(0,a.cn)("size-4",o),...r});default:return(0,e.jsx)(n.DotIcon,{className:(0,a.cn)("size-4",o),...r})}}function i({showOutsideDays:t=!0,classNames:n,...i}){let d=void 0!==i.mode||void 0!==i.onDayClick;return(0,e.jsx)(o.DayPicker,{classNames:{[o.UI.Root]:(0,a.cn)("p-3",n?.[o.UI.Root]),[o.UI.Chevron]:(0,a.cn)(n?.[o.UI.Chevron]),[o.UI.Day]:(0,a.cn)("grid place-items-center text-center text-sm",d?"min-w-8.5 has-focus-visible:z-20 group":"min-w-8.5 h-8",n?.[o.UI.Day]),[o.UI.DayButton]:(0,a.cn)("group-[.is-outside]:text-muted-foreground hover:not-disabled:not-group-aria-selected:bg-secondary hover:not-disabled:not-group-aria-selected:text-secondary-foreground group-data-today:not-group-aria-selected:bg-secondary group-data-today:not-group-aria-selected:text-secondary-foreground group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-primary-foreground outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/20 dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/40 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary size-8 rounded-lg border border-transparent disabled:opacity-50",n?.[o.UI.DayButton]),[o.UI.CaptionLabel]:(0,a.cn)("flex items-center gap-2 [&>svg]:opacity-50",n?.[o.UI.CaptionLabel]),[o.UI.Dropdowns]:(0,a.cn)("flex gap-4",n?.[o.UI.Dropdowns]),[o.UI.Dropdown]:(0,a.cn)("absolute opacity-0",n?.[o.UI.Dropdown]),[o.UI.DropdownRoot]:(0,a.cn)("relative",n?.[o.UI.DropdownRoot]),[o.UI.Footer]:(0,a.cn)(n?.[o.UI.Footer]),[o.UI.MonthGrid]:(0,a.cn)(n?.[o.UI.MonthGrid]),[o.UI.MonthCaption]:(0,a.cn)("py-1 text-sm font-medium",n?.[o.UI.MonthCaption]),[o.UI.MonthsDropdown]:(0,a.cn)(n?.[o.UI.MonthsDropdown]),[o.UI.Month]:(0,a.cn)("flex flex-col gap-4",n?.[o.UI.Month]),[o.UI.Months]:(0,a.cn)("relative flex gap-4",n?.[o.UI.Months]),[o.UI.Nav]:(0,a.cn)("absolute end-0 flex gap-2",n?.[o.UI.Nav]),[o.UI.NextMonthButton]:(0,r.buttonVariants)({variant:"ghost",size:"icon",className:["size-7",n?.[o.UI.NextMonthButton]]}),[o.UI.PreviousMonthButton]:(0,r.buttonVariants)({variant:"ghost",size:"icon",className:["size-7",n?.[o.UI.PreviousMonthButton]]}),[o.UI.Week]:(0,a.cn)("mt-2 flex justify-between",n?.[o.UI.Week]),[o.UI.Weeks]:(0,a.cn)(n?.[o.UI.Weeks]),[o.UI.Weekday]:(0,a.cn)("text-muted-foreground min-w-8.5 text-xs font-medium",n?.[o.UI.Weekday]),[o.UI.Weekdays]:(0,a.cn)("flex w-full justify-between",n?.[o.UI.Weekdays]),[o.UI.WeekNumber]:(0,a.cn)("text-muted-foreground min-w-8.5 grid h-8 place-items-center text-xs font-normal [&+*]:rounded-l-lg",n?.[o.UI.WeekNumber]),[o.UI.WeekNumberHeader]:(0,a.cn)("min-w-8.5",n?.[o.UI.WeekNumberHeader]),[o.UI.YearsDropdown]:(0,a.cn)(n?.[o.UI.YearsDropdown]),[o.SelectionState.range_end]:(0,a.cn)("to-secondary is-range-end rounded-r-lg bg-gradient-to-l first:rounded-l-lg",n?.[o.SelectionState.range_end]),[o.SelectionState.range_middle]:(0,a.cn)("is-range-middle bg-secondary text-secondary-foreground first:rounded-l-lg last:rounded-r-lg",n?.[o.SelectionState.range_middle]),[o.SelectionState.range_start]:(0,a.cn)("to-secondary is-range-start rounded-l-lg bg-gradient-to-r last:rounded-r-lg",n?.[o.SelectionState.range_start]),[o.SelectionState.selected]:(0,a.cn)("is-selected",n?.[o.SelectionState.selected]),[o.DayFlag.disabled]:(0,a.cn)("is-disabled",n?.[o.DayFlag.disabled]),[o.DayFlag.focused]:(0,a.cn)("is-focused",n?.[o.DayFlag.focused]),[o.DayFlag.hidden]:(0,a.cn)("is-hidden size-8",n?.[o.DayFlag.hidden]),[o.DayFlag.outside]:(0,a.cn)("is-outside",n?.[o.DayFlag.outside]),[o.DayFlag.today]:(0,a.cn)("is-today",n?.[o.DayFlag.today])},components:{Chevron:s},showOutsideDays:t,...i})}function d({date:n,formatStr:o="LLL dd, y",placeholder:r="Pick a date"}){if(!n?.from)return(0,e.jsx)("span",{className:"truncate",children:r});let a=(0,t.format)(n.from,o);if(!n.to)return(0,e.jsx)("span",{className:"truncate",children:a});let s=(0,t.format)(n.to,o);return(0,e.jsxs)("span",{className:"truncate",children:[a," - ",s]})}function c({date:n,formatStr:o="PPP",placeholder:r="Pick a date"}){return n?(0,e.jsx)("span",{className:"truncate",children:(0,t.format)(n,o)}):(0,e.jsx)("span",{className:"truncate",children:r})}export{i as Calendar,c as CalendarLabel,d as CalendarRangeLabel};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{format as t}from"date-fns";import{ChevronDownIcon as o,ChevronLeftIcon as n,ChevronRightIcon as a,ChevronUpIcon as s,DotIcon as d}from"lucide-react";import{DayFlag as i,DayPicker as l,SelectionState as u,UI as c}from"react-day-picker";import{buttonVariants as g}from"./button/index.js";import{cn as m}from"../lib/utils.js";function p({orientation:r,className:t,...i}){switch(r){case"up":return e(s,{className:m("size-4",t),...i});case"down":return e(o,{className:m("size-4",t),...i});case"left":return e(n,{className:m("size-4",t),...i});case"right":return e(a,{className:m("size-4",t),...i});default:return e(d,{className:m("size-4",t),...i})}}function f({showOutsideDays:r=!0,classNames:t,...o}){let n=void 0!==o.mode||void 0!==o.onDayClick;return e(l,{classNames:{[c.Root]:m("p-3",t?.[c.Root]),[c.Chevron]:m(t?.[c.Chevron]),[c.Day]:m("grid place-items-center text-center text-sm",n?"min-w-8.5 has-focus-visible:z-20 group":"min-w-8.5 h-8",t?.[c.Day]),[c.DayButton]:m("group-[.is-outside]:text-muted-foreground hover:not-disabled:not-group-aria-selected:bg-secondary hover:not-disabled:not-group-aria-selected:text-secondary-foreground group-data-today:not-group-aria-selected:bg-secondary group-data-today:not-group-aria-selected:text-secondary-foreground group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-primary-foreground outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/20 dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/40 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary size-8 rounded-lg border border-transparent disabled:opacity-50",t?.[c.DayButton]),[c.CaptionLabel]:m("flex items-center gap-2 [&>svg]:opacity-50",t?.[c.CaptionLabel]),[c.Dropdowns]:m("flex gap-4",t?.[c.Dropdowns]),[c.Dropdown]:m("absolute opacity-0",t?.[c.Dropdown]),[c.DropdownRoot]:m("relative",t?.[c.DropdownRoot]),[c.Footer]:m(t?.[c.Footer]),[c.MonthGrid]:m(t?.[c.MonthGrid]),[c.MonthCaption]:m("py-1 text-sm font-medium",t?.[c.MonthCaption]),[c.MonthsDropdown]:m(t?.[c.MonthsDropdown]),[c.Month]:m("flex flex-col gap-4",t?.[c.Month]),[c.Months]:m("relative flex gap-4",t?.[c.Months]),[c.Nav]:m("absolute end-0 flex gap-2",t?.[c.Nav]),[c.NextMonthButton]:g({variant:"ghost",size:"icon",className:["size-7",t?.[c.NextMonthButton]]}),[c.PreviousMonthButton]:g({variant:"ghost",size:"icon",className:["size-7",t?.[c.PreviousMonthButton]]}),[c.Week]:m("mt-2 flex justify-between",t?.[c.Week]),[c.Weeks]:m(t?.[c.Weeks]),[c.Weekday]:m("text-muted-foreground min-w-8.5 text-xs font-medium",t?.[c.Weekday]),[c.Weekdays]:m("flex w-full justify-between",t?.[c.Weekdays]),[c.WeekNumber]:m("text-muted-foreground min-w-8.5 grid h-8 place-items-center text-xs font-normal [&+*]:rounded-l-lg",t?.[c.WeekNumber]),[c.WeekNumberHeader]:m("min-w-8.5",t?.[c.WeekNumberHeader]),[c.YearsDropdown]:m(t?.[c.YearsDropdown]),[u.range_end]:m("to-secondary is-range-end rounded-r-lg bg-gradient-to-l first:rounded-l-lg",t?.[u.range_end]),[u.range_middle]:m("is-range-middle bg-secondary text-secondary-foreground first:rounded-l-lg last:rounded-r-lg",t?.[u.range_middle]),[u.range_start]:m("to-secondary is-range-start rounded-l-lg bg-gradient-to-r last:rounded-r-lg",t?.[u.range_start]),[u.selected]:m("is-selected",t?.[u.selected]),[i.disabled]:m("is-disabled",t?.[i.disabled]),[i.focused]:m("is-focused",t?.[i.focused]),[i.hidden]:m("is-hidden size-8",t?.[i.hidden]),[i.outside]:m("is-outside",t?.[i.outside]),[i.today]:m("is-today",t?.[i.today])},components:{Chevron:p},showOutsideDays:r,...o})}function b({date:o,formatStr:n="LLL dd, y",placeholder:a="Pick a date"}){if(!o?.from)return e("span",{className:"truncate",children:a});let s=t(o.from,n);return o.to?r("span",{className:"truncate",children:[s," - ",t(o.to,n)]}):e("span",{className:"truncate",children:s})}function y({date:r,formatStr:o="PPP",placeholder:n="Pick a date"}){return r?e("span",{className:"truncate",children:t(r,o)}):e("span",{className:"truncate",children:n})}export{f as Calendar,y as CalendarLabel,b as CalendarRangeLabel};
 //# sourceMappingURL=calendar.js.map

package/dist/esm/components/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/calendar.js","sources":["webpack://@codefast/ui/./src/components/calendar.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX, ReactNode } from \"react\";\nimport type { CustomComponents, DateRange } from \"react-day-picker\";\n\nimport { format } from \"date-fns\";\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, DotIcon } from \"lucide-react\";\nimport { DayFlag, DayPicker, SelectionState, UI } from \"react-day-picker\";\n\nimport { buttonVariants } from \"@/components/button\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Chevron\n * -------------------------------------------------------------------------- */\n\nfunction Chevron({ orientation, className, ...props }: ComponentProps<CustomComponents[\"Chevron\"]>): JSX.Element {\n  switch (orientation) {\n    case \"up\": {\n      return <ChevronUpIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    case \"down\": {\n      return <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    case \"left\": {\n      return <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    case \"right\": {\n      return <ChevronRightIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    default: {\n      return <DotIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction Calendar({ showOutsideDays = true, classNames, ...props }: ComponentProps<typeof DayPicker>): JSX.Element {\n  const isInteractive = props.mode !== undefined || props.onDayClick !== undefined;\n\n  return (\n    <DayPicker\n      classNames={{\n        [UI.Root]: cn(\"p-3\", classNames?.[UI.Root]),\n        [UI.Chevron]: cn(classNames?.[UI.Chevron]),\n        [UI.Day]: cn(\n          \"grid place-items-center text-center text-sm\",\n          isInteractive ? \"min-w-8.5 has-focus-visible:z-20 group\" : \"min-w-8.5 h-8\",\n          classNames?.[UI.Day],\n        ),\n        [UI.DayButton]: cn(\n          \"group-[.is-outside]:text-muted-foreground hover:not-disabled:not-group-aria-selected:bg-secondary hover:not-disabled:not-group-aria-selected:text-secondary-foreground group-data-today:not-group-aria-selected:bg-secondary group-data-today:not-group-aria-selected:text-secondary-foreground group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-primary-foreground outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/20 dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/40 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary size-8 rounded-lg border border-transparent disabled:opacity-50\",\n          classNames?.[UI.DayButton],\n        ),\n        [UI.CaptionLabel]: cn(\"flex items-center gap-2 [&>svg]:opacity-50\", classNames?.[UI.CaptionLabel]),\n        [UI.Dropdowns]: cn(\"flex gap-4\", classNames?.[UI.Dropdowns]),\n        [UI.Dropdown]: cn(\"absolute opacity-0\", classNames?.[UI.Dropdown]),\n        [UI.DropdownRoot]: cn(\"relative\", classNames?.[UI.DropdownRoot]),\n        [UI.Footer]: cn(classNames?.[UI.Footer]),\n        [UI.MonthGrid]: cn(classNames?.[UI.MonthGrid]),\n        [UI.MonthCaption]: cn(\"py-1 text-sm font-medium\", classNames?.[UI.MonthCaption]),\n        [UI.MonthsDropdown]: cn(classNames?.[UI.MonthsDropdown]),\n        [UI.Month]: cn(\"flex flex-col gap-4\", classNames?.[UI.Month]),\n        [UI.Months]: cn(\"relative flex gap-4\", classNames?.[UI.Months]),\n        [UI.Nav]: cn(\"absolute end-0 flex gap-2\", classNames?.[UI.Nav]),\n        [UI.NextMonthButton]: buttonVariants({\n          variant: \"ghost\",\n          size: \"icon\",\n          className: [\"size-7\", classNames?.[UI.NextMonthButton]],\n        }),\n        [UI.PreviousMonthButton]: buttonVariants({\n          variant: \"ghost\",\n          size: \"icon\",\n          className: [\"size-7\", classNames?.[UI.PreviousMonthButton]],\n        }),\n        [UI.Week]: cn(\"mt-2 flex justify-between\", classNames?.[UI.Week]),\n        [UI.Weeks]: cn(classNames?.[UI.Weeks]),\n        [UI.Weekday]: cn(\"text-muted-foreground min-w-8.5 text-xs font-medium\", classNames?.[UI.Weekday]),\n        [UI.Weekdays]: cn(\"flex w-full justify-between\", classNames?.[UI.Weekdays]),\n        [UI.WeekNumber]: cn(\n          \"text-muted-foreground min-w-8.5 grid h-8 place-items-center text-xs font-normal [&+*]:rounded-l-lg\",\n          classNames?.[UI.WeekNumber],\n        ),\n        [UI.WeekNumberHeader]: cn(\"min-w-8.5\", classNames?.[UI.WeekNumberHeader]),\n        [UI.YearsDropdown]: cn(classNames?.[UI.YearsDropdown]),\n\n        [SelectionState.range_end]: cn(\n          \"to-secondary is-range-end rounded-r-lg bg-gradient-to-l first:rounded-l-lg\",\n          classNames?.[SelectionState.range_end],\n        ),\n        [SelectionState.range_middle]: cn(\n          \"is-range-middle bg-secondary text-secondary-foreground first:rounded-l-lg last:rounded-r-lg\",\n          classNames?.[SelectionState.range_middle],\n        ),\n        [SelectionState.range_start]: cn(\n          \"to-secondary is-range-start rounded-l-lg bg-gradient-to-r last:rounded-r-lg\",\n          classNames?.[SelectionState.range_start],\n        ),\n        [SelectionState.selected]: cn(\"is-selected\", classNames?.[SelectionState.selected]),\n\n        [DayFlag.disabled]: cn(\"is-disabled\", classNames?.[DayFlag.disabled]),\n        [DayFlag.focused]: cn(\"is-focused\", classNames?.[DayFlag.focused]),\n        [DayFlag.hidden]: cn(\"is-hidden size-8\", classNames?.[DayFlag.hidden]),\n        [DayFlag.outside]: cn(\"is-outside\", classNames?.[DayFlag.outside]),\n        [DayFlag.today]: cn(\"is-today\", classNames?.[DayFlag.today]),\n      }}\n      components={{\n        Chevron,\n      }}\n      showOutsideDays={showOutsideDays}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CalendarRangeLabel\n * -------------------------------------------------------------------------- */\n\nfunction CalendarRangeLabel({\n  date,\n  formatStr = \"LLL dd, y\",\n  placeholder = \"Pick a date\",\n}: {\n  date: DateRange | undefined;\n  formatStr?: string;\n  placeholder?: string;\n}): ReactNode {\n  if (!date?.from) {\n    return <span className=\"truncate\">{placeholder}</span>;\n  }\n\n  const formattedFromDate = format(date.from, formatStr);\n\n  if (!date.to) {\n    return <span className=\"truncate\">{formattedFromDate}</span>;\n  }\n\n  const formattedToDate = format(date.to, formatStr);\n\n  return (\n    <span className=\"truncate\">\n      {formattedFromDate} - {formattedToDate}\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CalendarLabel\n * -------------------------------------------------------------------------- */\n\nfunction CalendarLabel({\n  date,\n  formatStr = \"PPP\",\n  placeholder = \"Pick a date\",\n}: {\n  date: Date | undefined;\n  formatStr?: string;\n  placeholder?: string;\n}): ReactNode {\n  if (!date) {\n    return <span className=\"truncate\">{placeholder}</span>;\n  }\n\n  return <span className=\"truncate\">{format(date, formatStr)}</span>;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { DateRange, Matcher } from \"react-day-picker\";\nexport { Calendar, CalendarLabel, CalendarRangeLabel };\n"],"names":["Chevron","orientation","className","props","ChevronUpIcon","cn","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DotIcon","Calendar","showOutsideDays","classNames","isInteractive","undefined","DayPicker","UI","buttonVariants","SelectionState","DayFlag","CalendarRangeLabel","date","formatStr","placeholder","formattedFromDate","format","formattedToDate","CalendarLabel"],"mappings":"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"}
+{"version":3,"file":"components/calendar.js","sources":["webpack://@codefast/ui/./src/components/calendar.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX, ReactNode } from \"react\";\nimport type { CustomComponents, DateRange } from \"react-day-picker\";\n\nimport { format } from \"date-fns\";\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, DotIcon } from \"lucide-react\";\nimport { DayFlag, DayPicker, SelectionState, UI } from \"react-day-picker\";\n\nimport { buttonVariants } from \"@/components/button\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Chevron\n * -------------------------------------------------------------------------- */\n\nfunction Chevron({ orientation, className, ...props }: ComponentProps<CustomComponents[\"Chevron\"]>): JSX.Element {\n  switch (orientation) {\n    case \"up\": {\n      return <ChevronUpIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    case \"down\": {\n      return <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    case \"left\": {\n      return <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    case \"right\": {\n      return <ChevronRightIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n\n    default: {\n      return <DotIcon className={cn(\"size-4\", className)} {...props} />;\n    }\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction Calendar({ showOutsideDays = true, classNames, ...props }: ComponentProps<typeof DayPicker>): JSX.Element {\n  const isInteractive = props.mode !== undefined || props.onDayClick !== undefined;\n\n  return (\n    <DayPicker\n      classNames={{\n        [UI.Root]: cn(\"p-3\", classNames?.[UI.Root]),\n        [UI.Chevron]: cn(classNames?.[UI.Chevron]),\n        [UI.Day]: cn(\n          \"grid place-items-center text-center text-sm\",\n          isInteractive ? \"min-w-8.5 has-focus-visible:z-20 group\" : \"min-w-8.5 h-8\",\n          classNames?.[UI.Day],\n        ),\n        [UI.DayButton]: cn(\n          \"group-[.is-outside]:text-muted-foreground hover:not-disabled:not-group-aria-selected:bg-secondary hover:not-disabled:not-group-aria-selected:text-secondary-foreground group-data-today:not-group-aria-selected:bg-secondary group-data-today:not-group-aria-selected:text-secondary-foreground group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-primary-foreground outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/20 dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-primary/40 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary size-8 rounded-lg border border-transparent disabled:opacity-50\",\n          classNames?.[UI.DayButton],\n        ),\n        [UI.CaptionLabel]: cn(\"flex items-center gap-2 [&>svg]:opacity-50\", classNames?.[UI.CaptionLabel]),\n        [UI.Dropdowns]: cn(\"flex gap-4\", classNames?.[UI.Dropdowns]),\n        [UI.Dropdown]: cn(\"absolute opacity-0\", classNames?.[UI.Dropdown]),\n        [UI.DropdownRoot]: cn(\"relative\", classNames?.[UI.DropdownRoot]),\n        [UI.Footer]: cn(classNames?.[UI.Footer]),\n        [UI.MonthGrid]: cn(classNames?.[UI.MonthGrid]),\n        [UI.MonthCaption]: cn(\"py-1 text-sm font-medium\", classNames?.[UI.MonthCaption]),\n        [UI.MonthsDropdown]: cn(classNames?.[UI.MonthsDropdown]),\n        [UI.Month]: cn(\"flex flex-col gap-4\", classNames?.[UI.Month]),\n        [UI.Months]: cn(\"relative flex gap-4\", classNames?.[UI.Months]),\n        [UI.Nav]: cn(\"absolute end-0 flex gap-2\", classNames?.[UI.Nav]),\n        [UI.NextMonthButton]: buttonVariants({\n          variant: \"ghost\",\n          size: \"icon\",\n          className: [\"size-7\", classNames?.[UI.NextMonthButton]],\n        }),\n        [UI.PreviousMonthButton]: buttonVariants({\n          variant: \"ghost\",\n          size: \"icon\",\n          className: [\"size-7\", classNames?.[UI.PreviousMonthButton]],\n        }),\n        [UI.Week]: cn(\"mt-2 flex justify-between\", classNames?.[UI.Week]),\n        [UI.Weeks]: cn(classNames?.[UI.Weeks]),\n        [UI.Weekday]: cn(\"text-muted-foreground min-w-8.5 text-xs font-medium\", classNames?.[UI.Weekday]),\n        [UI.Weekdays]: cn(\"flex w-full justify-between\", classNames?.[UI.Weekdays]),\n        [UI.WeekNumber]: cn(\n          \"text-muted-foreground min-w-8.5 grid h-8 place-items-center text-xs font-normal [&+*]:rounded-l-lg\",\n          classNames?.[UI.WeekNumber],\n        ),\n        [UI.WeekNumberHeader]: cn(\"min-w-8.5\", classNames?.[UI.WeekNumberHeader]),\n        [UI.YearsDropdown]: cn(classNames?.[UI.YearsDropdown]),\n\n        [SelectionState.range_end]: cn(\n          \"to-secondary is-range-end rounded-r-lg bg-gradient-to-l first:rounded-l-lg\",\n          classNames?.[SelectionState.range_end],\n        ),\n        [SelectionState.range_middle]: cn(\n          \"is-range-middle bg-secondary text-secondary-foreground first:rounded-l-lg last:rounded-r-lg\",\n          classNames?.[SelectionState.range_middle],\n        ),\n        [SelectionState.range_start]: cn(\n          \"to-secondary is-range-start rounded-l-lg bg-gradient-to-r last:rounded-r-lg\",\n          classNames?.[SelectionState.range_start],\n        ),\n        [SelectionState.selected]: cn(\"is-selected\", classNames?.[SelectionState.selected]),\n\n        [DayFlag.disabled]: cn(\"is-disabled\", classNames?.[DayFlag.disabled]),\n        [DayFlag.focused]: cn(\"is-focused\", classNames?.[DayFlag.focused]),\n        [DayFlag.hidden]: cn(\"is-hidden size-8\", classNames?.[DayFlag.hidden]),\n        [DayFlag.outside]: cn(\"is-outside\", classNames?.[DayFlag.outside]),\n        [DayFlag.today]: cn(\"is-today\", classNames?.[DayFlag.today]),\n      }}\n      components={{\n        Chevron,\n      }}\n      showOutsideDays={showOutsideDays}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CalendarRangeLabel\n * -------------------------------------------------------------------------- */\n\nfunction CalendarRangeLabel({\n  date,\n  formatStr = \"LLL dd, y\",\n  placeholder = \"Pick a date\",\n}: {\n  date: DateRange | undefined;\n  formatStr?: string;\n  placeholder?: string;\n}): ReactNode {\n  if (!date?.from) {\n    return <span className=\"truncate\">{placeholder}</span>;\n  }\n\n  const formattedFromDate = format(date.from, formatStr);\n\n  if (!date.to) {\n    return <span className=\"truncate\">{formattedFromDate}</span>;\n  }\n\n  const formattedToDate = format(date.to, formatStr);\n\n  return (\n    <span className=\"truncate\">\n      {formattedFromDate} - {formattedToDate}\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CalendarLabel\n * -------------------------------------------------------------------------- */\n\nfunction CalendarLabel({\n  date,\n  formatStr = \"PPP\",\n  placeholder = \"Pick a date\",\n}: {\n  date: Date | undefined;\n  formatStr?: string;\n  placeholder?: string;\n}): ReactNode {\n  if (!date) {\n    return <span className=\"truncate\">{placeholder}</span>;\n  }\n\n  return <span className=\"truncate\">{format(date, formatStr)}</span>;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { DateRange, Matcher } from \"react-day-picker\";\nexport { Calendar, CalendarLabel, CalendarRangeLabel };\n"],"names":["Chevron","orientation","className","props","ChevronUpIcon","cn","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DotIcon","Calendar","showOutsideDays","classNames","isInteractive","undefined","DayPicker","UI","buttonVariants","SelectionState","DayFlag","CalendarRangeLabel","date","formatStr","placeholder","formattedFromDate","format","CalendarLabel"],"mappings":";4XAgBA,SAASA,EAAQ,CAAEC,YAAAA,CAAW,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAoD,EAChG,OAAQF,GACN,IAAK,KACH,OAAO,EAACG,EAAaA,CAAC,UAAWC,EAAG,SAAUH,GAAa,GAAGC,CAAK,EAGrE,KAAK,OACH,OAAO,EAACG,EAAeA,CAAC,UAAWD,EAAG,SAAUH,GAAa,GAAGC,CAAK,EAGvE,KAAK,OACH,OAAO,EAACI,EAAeA,CAAC,UAAWF,EAAG,SAAUH,GAAa,GAAGC,CAAK,EAGvE,KAAK,QACH,OAAO,EAACK,EAAgBA,CAAC,UAAWH,EAAG,SAAUH,GAAa,GAAGC,CAAK,EAGxE,SACE,OAAO,EAACM,EAAOA,CAAC,UAAWJ,EAAG,SAAUH,GAAa,GAAGC,CAAK,EAEjE,CACF,CAMA,SAASO,EAAS,CAAEC,gBAAAA,EAAkB,EAAI,CAAEC,WAAAA,CAAU,CAAE,GAAGT,EAAyC,EAClG,IAAMU,EAAgBV,SAAAA,EAAM,IAAI,EAAkBA,SAAAA,EAAM,UAAU,CAElE,OACE,EAACY,EAASA,CACR,WAAY,CACV,CAACC,EAAG,IAAI,CAAC,CAAEX,EAAG,MAAOO,GAAY,CAACI,EAAG,IAAI,CAAC,EAC1C,CAACA,EAAG,OAAO,CAAC,CAAEX,EAAGO,GAAY,CAACI,EAAG,OAAO,CAAC,EACzC,CAACA,EAAG,GAAG,CAAC,CAAEX,EACR,8CACAQ,EAAgB,yCAA2C,gBAC3DD,GAAY,CAACI,EAAG,GAAG,CAAC,EAEtB,CAACA,EAAG,SAAS,CAAC,CAAEX,EACd,ozBACAO,GAAY,CAACI,EAAG,SAAS,CAAC,EAE5B,CAACA,EAAG,YAAY,CAAC,CAAEX,EAAG,6CAA8CO,GAAY,CAACI,EAAG,YAAY,CAAC,EACjG,CAACA,EAAG,SAAS,CAAC,CAAEX,EAAG,aAAcO,GAAY,CAACI,EAAG,SAAS,CAAC,EAC3D,CAACA,EAAG,QAAQ,CAAC,CAAEX,EAAG,qBAAsBO,GAAY,CAACI,EAAG,QAAQ,CAAC,EACjE,CAACA,EAAG,YAAY,CAAC,CAAEX,EAAG,WAAYO,GAAY,CAACI,EAAG,YAAY,CAAC,EAC/D,CAACA,EAAG,MAAM,CAAC,CAAEX,EAAGO,GAAY,CAACI,EAAG,MAAM,CAAC,EACvC,CAACA,EAAG,SAAS,CAAC,CAAEX,EAAGO,GAAY,CAACI,EAAG,SAAS,CAAC,EAC7C,CAACA,EAAG,YAAY,CAAC,CAAEX,EAAG,2BAA4BO,GAAY,CAACI,EAAG,YAAY,CAAC,EAC/E,CAACA,EAAG,cAAc,CAAC,CAAEX,EAAGO,GAAY,CAACI,EAAG,cAAc,CAAC,EACvD,CAACA,EAAG,KAAK,CAAC,CAAEX,EAAG,sBAAuBO,GAAY,CAACI,EAAG,KAAK,CAAC,EAC5D,CAACA,EAAG,MAAM,CAAC,CAAEX,EAAG,sBAAuBO,GAAY,CAACI,EAAG,MAAM,CAAC,EAC9D,CAACA,EAAG,GAAG,CAAC,CAAEX,EAAG,4BAA6BO,GAAY,CAACI,EAAG,GAAG,CAAC,EAC9D,CAACA,EAAG,eAAe,CAAC,CAAEC,EAAe,CACnC,QAAS,QACT,KAAM,OACN,UAAW,CAAC,SAAUL,GAAY,CAACI,EAAG,eAAe,CAAC,CAAC,GAEzD,CAACA,EAAG,mBAAmB,CAAC,CAAEC,EAAe,CACvC,QAAS,QACT,KAAM,OACN,UAAW,CAAC,SAAUL,GAAY,CAACI,EAAG,mBAAmB,CAAC,CAAC,GAE7D,CAACA,EAAG,IAAI,CAAC,CAAEX,EAAG,4BAA6BO,GAAY,CAACI,EAAG,IAAI,CAAC,EAChE,CAACA,EAAG,KAAK,CAAC,CAAEX,EAAGO,GAAY,CAACI,EAAG,KAAK,CAAC,EACrC,CAACA,EAAG,OAAO,CAAC,CAAEX,EAAG,sDAAuDO,GAAY,CAACI,EAAG,OAAO,CAAC,EAChG,CAACA,EAAG,QAAQ,CAAC,CAAEX,EAAG,8BAA+BO,GAAY,CAACI,EAAG,QAAQ,CAAC,EAC1E,CAACA,EAAG,UAAU,CAAC,CAAEX,EACf,qGACAO,GAAY,CAACI,EAAG,UAAU,CAAC,EAE7B,CAACA,EAAG,gBAAgB,CAAC,CAAEX,EAAG,YAAaO,GAAY,CAACI,EAAG,gBAAgB,CAAC,EACxE,CAACA,EAAG,aAAa,CAAC,CAAEX,EAAGO,GAAY,CAACI,EAAG,aAAa,CAAC,EAErD,CAACE,EAAe,SAAS,CAAC,CAAEb,EAC1B,6EACAO,GAAY,CAACM,EAAe,SAAS,CAAC,EAExC,CAACA,EAAe,YAAY,CAAC,CAAEb,EAC7B,8FACAO,GAAY,CAACM,EAAe,YAAY,CAAC,EAE3C,CAACA,EAAe,WAAW,CAAC,CAAEb,EAC5B,8EACAO,GAAY,CAACM,EAAe,WAAW,CAAC,EAE1C,CAACA,EAAe,QAAQ,CAAC,CAAEb,EAAG,cAAeO,GAAY,CAACM,EAAe,QAAQ,CAAC,EAElF,CAACC,EAAQ,QAAQ,CAAC,CAAEd,EAAG,cAAeO,GAAY,CAACO,EAAQ,QAAQ,CAAC,EACpE,CAACA,EAAQ,OAAO,CAAC,CAAEd,EAAG,aAAcO,GAAY,CAACO,EAAQ,OAAO,CAAC,EACjE,CAACA,EAAQ,MAAM,CAAC,CAAEd,EAAG,mBAAoBO,GAAY,CAACO,EAAQ,MAAM,CAAC,EACrE,CAACA,EAAQ,OAAO,CAAC,CAAEd,EAAG,aAAcO,GAAY,CAACO,EAAQ,OAAO,CAAC,EACjE,CAACA,EAAQ,KAAK,CAAC,CAAEd,EAAG,WAAYO,GAAY,CAACO,EAAQ,KAAK,CAAC,CAC7D,EACA,WAAY,CACVnB,QAAAA,CACF,EACA,gBAAiBW,EAChB,GAAGR,CAAK,EAGf,CAMA,SAASiB,EAAmB,CAC1BC,KAAAA,CAAI,CACJC,UAAAA,EAAY,WAAW,CACvBC,YAAAA,EAAc,aAAa,CAK5B,EACC,GAAI,CAACF,GAAM,KACT,OAAO,EAAC,QAAK,UAAU,W,SAAYE,C,GAGrC,IAAMC,EAAoBC,EAAOJ,EAAK,IAAI,CAAEC,UAE5C,EAAU,EAAE,CAOV,EAAC,QAAK,UAAU,W,UACbE,EAAkB,MAJCC,EAAOJ,EAAK,EAAE,CAAEC,G,GAH/B,EAAC,QAAK,UAAU,W,SAAYE,C,EAUvC,CAMA,SAASE,EAAc,CACrBL,KAAAA,CAAI,CACJC,UAAAA,EAAY,KAAK,CACjBC,YAAAA,EAAc,aAAa,CAK5B,SACC,EAIO,EAAC,QAAK,UAAU,W,SAAYE,EAAOJ,EAAMC,E,GAHvC,EAAC,QAAK,UAAU,W,SAAYC,C,EAIvC,Q"}

package/dist/esm/components/card.js

@@ -1,2 +1,2 @@
-import*as t from"react/jsx-runtime";import*as r from"../lib/utils.js";function a({className:a,...o}){return(0,t.jsx)("div",{className:(0,r.cn)("bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm",a),"data-slot":"card",...o})}function o({className:a,...o}){return(0,t.jsx)("div",{className:(0,r.cn)("@container/card-header [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto]",a),"data-slot":"card-header",...o})}function e({children:a,className:o,...e}){return(0,t.jsx)("div",{className:(0,r.cn)("font-semibold leading-none",o),"data-slot":"card-title",...e,children:a})}function s({className:a,...o}){return(0,t.jsx)("div",{className:(0,r.cn)("text-muted-foreground text-sm",a),"data-slot":"card-description",...o})}function d({className:a,...o}){return(0,t.jsx)("div",{className:(0,r.cn)("px-6",a),"data-slot":"card-content",...o})}function n({className:a,...o}){return(0,t.jsx)("div",{className:(0,r.cn)("[.border-t]:pt-6 flex items-center px-6",a),"data-slot":"card-footer",...o})}function c({className:a,...o}){return(0,t.jsx)("div",{className:(0,r.cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end",a),"data-slot":"card-action",...o})}export{a as Card,c as CardAction,d as CardContent,s as CardDescription,n as CardFooter,o as CardHeader,e as CardTitle};
+import{jsx as t}from"react/jsx-runtime";import{cn as r}from"../lib/utils.js";function a({className:a,...o}){return t("div",{className:r("bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm",a),"data-slot":"card",...o})}function o({className:a,...o}){return t("div",{className:r("@container/card-header [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto]",a),"data-slot":"card-header",...o})}function e({children:a,className:o,...e}){return t("div",{className:r("font-semibold leading-none",o),"data-slot":"card-title",...e,children:a})}function d({className:a,...o}){return t("div",{className:r("text-muted-foreground text-sm",a),"data-slot":"card-description",...o})}function n({className:a,...o}){return t("div",{className:r("px-6",a),"data-slot":"card-content",...o})}function s({className:a,...o}){return t("div",{className:r("[.border-t]:pt-6 flex items-center px-6",a),"data-slot":"card-footer",...o})}function i({className:a,...o}){return t("div",{className:r("col-start-2 row-span-2 row-start-1 self-start justify-self-end",a),"data-slot":"card-action",...o})}export{a as Card,i as CardAction,n as CardContent,d as CardDescription,s as CardFooter,o as CardHeader,e as CardTitle};
 //# sourceMappingURL=card.js.map

package/dist/esm/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/card.js","sources":["webpack://@codefast/ui/./src/components/card.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\nfunction Card({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm\",\n        className,\n      )}\n      data-slot=\"card\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\nfunction CardHeader({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"@container/card-header [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto]\",\n        className,\n      )}\n      data-slot=\"card-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\nfunction CardTitle({ children, className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div className={cn(\"font-semibold leading-none\", className)} data-slot=\"card-title\" {...props}>\n      {children}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\nfunction CardDescription({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return <div className={cn(\"text-muted-foreground text-sm\", className)} data-slot=\"card-description\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\nfunction CardContent({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return <div className={cn(\"px-6\", className)} data-slot=\"card-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\nfunction CardFooter({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div className={cn(\"[.border-t]:pt-6 flex items-center px-6\", className)} data-slot=\"card-footer\" {...props} />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardAction\n * -------------------------------------------------------------------------- */\n\nfunction CardAction({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\n      data-slot=\"card-action\"\n      {...props}\n    />\n  );\n}\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"names":["Card","className","props","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter","CardAction"],"mappings":"sEAQA,SAASA,EAAK,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAC1D,MACE,UAAC,OACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,kGACAF,GAEF,YAAU,OACT,GAAGC,CAAK,A,EAGf,CAMA,SAASE,EAAW,CAAEH,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,MACE,UAAC,OACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,6JACAF,GAEF,YAAU,cACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,EAAU,CAAEC,SAAAA,CAAQ,CAAEL,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EACzE,MACE,UAAC,OAAI,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,6BAA8BF,GAAY,YAAU,aAAc,GAAGC,CAAK,C,SAC1FI,C,EAGP,CAMA,SAASC,EAAgB,CAAEN,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EACrE,MAAO,UAAC,OAAI,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,gCAAiCF,GAAY,YAAU,mBAAoB,GAAGC,CAAK,A,EAC/G,CAMA,SAASM,EAAY,CAAEP,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EACjE,MAAO,UAAC,OAAI,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,OAAQF,GAAY,YAAU,eAAgB,GAAGC,CAAK,A,EAClF,CAMA,SAASO,EAAW,CAAER,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,MACE,UAAC,OAAI,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,0CAA2CF,GAAY,YAAU,cAAe,GAAGC,CAAK,A,EAE/G,CAMA,SAASQ,EAAW,CAAET,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,MACE,UAAC,OACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,iEAAkEF,GAChF,YAAU,cACT,GAAGC,CAAK,A,EAGf,Q"}
+{"version":3,"file":"components/card.js","sources":["webpack://@codefast/ui/./src/components/card.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\nfunction Card({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm\",\n        className,\n      )}\n      data-slot=\"card\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\nfunction CardHeader({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"@container/card-header [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto]\",\n        className,\n      )}\n      data-slot=\"card-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\nfunction CardTitle({ children, className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div className={cn(\"font-semibold leading-none\", className)} data-slot=\"card-title\" {...props}>\n      {children}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\nfunction CardDescription({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return <div className={cn(\"text-muted-foreground text-sm\", className)} data-slot=\"card-description\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\nfunction CardContent({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return <div className={cn(\"px-6\", className)} data-slot=\"card-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\nfunction CardFooter({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div className={cn(\"[.border-t]:pt-6 flex items-center px-6\", className)} data-slot=\"card-footer\" {...props} />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardAction\n * -------------------------------------------------------------------------- */\n\nfunction CardAction({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\n      data-slot=\"card-action\"\n      {...props}\n    />\n  );\n}\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"names":["Card","className","props","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter","CardAction"],"mappings":"6EAQA,SAASA,EAAK,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAC1D,OACE,EAAC,OACC,UAAWC,EACT,kGACAF,GAEF,YAAU,OACT,GAAGC,CAAK,A,EAGf,CAMA,SAASE,EAAW,CAAEH,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,OACE,EAAC,OACC,UAAWC,EACT,6JACAF,GAEF,YAAU,cACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,EAAU,CAAEC,SAAAA,CAAQ,CAAEL,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EACzE,OACE,EAAC,OAAI,UAAWC,EAAG,6BAA8BF,GAAY,YAAU,aAAc,GAAGC,CAAK,C,SAC1FI,C,EAGP,CAMA,SAASC,EAAgB,CAAEN,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EACrE,OAAO,EAAC,OAAI,UAAWC,EAAG,gCAAiCF,GAAY,YAAU,mBAAoB,GAAGC,CAAK,A,EAC/G,CAMA,SAASM,EAAY,CAAEP,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EACjE,OAAO,EAAC,OAAI,UAAWC,EAAG,OAAQF,GAAY,YAAU,eAAgB,GAAGC,CAAK,A,EAClF,CAMA,SAASO,EAAW,CAAER,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,OACE,EAAC,OAAI,UAAWC,EAAG,0CAA2CF,GAAY,YAAU,cAAe,GAAGC,CAAK,A,EAE/G,CAMA,SAASQ,EAAW,CAAET,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,OACE,EAAC,OACC,UAAWC,EAAG,iEAAkEF,GAChF,YAAU,cACT,GAAGC,CAAK,A,EAGf,Q"}

package/dist/esm/components/carousel.js

@@ -1,3 +1,3 @@
 "use client";
-import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-context";import*as r from"embla-carousel-react";import*as o from"lucide-react";import*as a from"react";import*as l from"./button/index.js";import*as s from"../lib/utils.js";let n="Carousel",[i,c]=(0,t.createContextScope)(n),[u,d]=i(n);function f({__scopeCarousel:t,children:o,className:l,opts:n,orientation:i,plugins:c,setApi:d,...f}){let[x,m]=(0,r.default)({...n,axis:"vertical"===i?"y":"x"},c),[p,v]=(0,a.useState)(!1),[C,h]=(0,a.useState)(!1),N=(0,a.useCallback)(e=>{e&&(v(e.canScrollPrev()),h(e.canScrollNext()))},[]),b=(0,a.useCallback)(()=>{m?.scrollPrev()},[m]),j=(0,a.useCallback)(()=>{m?.scrollNext()},[m]),w=(0,a.useCallback)(e=>{"ArrowLeft"===e.key?(e.preventDefault(),b()):"ArrowRight"===e.key&&(e.preventDefault(),j())},[b,j]);return(0,a.useEffect)(()=>{m&&d&&d(m)},[m,d]),(0,a.useEffect)(()=>{if(m)return N(m),m.on("reInit",N),m.on("select",N),()=>{m.off("select",N)}},[m,N]),(0,e.jsx)(u,{api:m,canScrollNext:C,canScrollPrev:p,carouselRef:x,opts:n,orientation:i??(n?.axis==="y"?"vertical":"horizontal"),scope:t,scrollNext:j,scrollPrev:b,children:(0,e.jsx)("div",{"aria-roledescription":"carousel",className:(0,s.cn)("relative",l),"data-slot":"carousel",role:"region",onKeyDownCapture:w,...f,children:o})})}function x({__scopeCarousel:t,className:r,classNames:o,...a}){let{carouselRef:l,orientation:n}=d("CarouselContent",t);return(0,e.jsx)("div",{ref:l,className:(0,s.cn)("overflow-hidden",o?.wrapper),"data-slot":"carousel-content",children:(0,e.jsx)("div",{className:(0,s.cn)("flex","horizontal"===n?"-ml-4":"-mt-4 flex-col",o?.content,r),...a})})}function m({__scopeCarousel:t,className:r,...o}){let{orientation:a}=d("CarouselItem",t);return(0,e.jsx)("div",{"aria-roledescription":"slide",className:(0,s.cn)("min-w-0 shrink-0 grow-0 basis-full","horizontal"===a?"pl-4":"pt-4",r),"data-slot":"carousel-item",role:"group",...o})}function p({__scopeCarousel:t,className:r,size:a="icon",variant:n="outline",...i}){let{canScrollPrev:c,orientation:u,scrollPrev:f}=d("CarouselPrevious",t);return(0,e.jsx)(l.Button,{"aria-label":"Previous slide",className:(0,s.cn)("absolute size-8 shadow-none","horizontal"===u?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",r),"data-slot":"carousel-previous",disabled:!c,prefix:(0,e.jsx)(o.ArrowLeftIcon,{}),size:a,variant:n,onClick:f,...i,children:(0,e.jsx)("span",{className:"sr-only",children:"Previous slide"})})}function v({__scopeCarousel:t,className:r,size:a="icon",variant:n="outline",...i}){let{canScrollNext:c,orientation:u,scrollNext:f}=d("CarouselNext",t);return(0,e.jsx)(l.Button,{"aria-label":"Next slide",className:(0,s.cn)("absolute size-8 shadow-none","horizontal"===u?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",r),"data-slot":"carousel-next",disabled:!c,prefix:(0,e.jsx)(o.ArrowRightIcon,{}),size:a,variant:n,onClick:f,...i,children:(0,e.jsx)("span",{className:"sr-only",children:"Next slide"})})}export{f as Carousel,x as CarouselContent,m as CarouselItem,v as CarouselNext,p as CarouselPrevious,c as createCarouselScope};
+import{jsx as e}from"react/jsx-runtime";import{createContextScope as r}from"@radix-ui/react-context";import t from"embla-carousel-react";import{ArrowLeftIcon as o,ArrowRightIcon as l}from"lucide-react";import{useCallback as a,useEffect as i,useState as s}from"react";import{Button as n}from"./button/index.js";import{cn as c}from"../lib/utils.js";let u="Carousel",[d,m]=r(u),[p,f]=d(u);function x({__scopeCarousel:r,children:o,className:l,opts:n,orientation:u,plugins:d,setApi:m,...f}){let[x,v]=t({...n,axis:"vertical"===u?"y":"x"},d),[h,C]=s(!1),[N,b]=s(!1),w=a(e=>{e&&(C(e.canScrollPrev()),b(e.canScrollNext()))},[]),y=a(()=>{v?.scrollPrev()},[v]),z=a(()=>{v?.scrollNext()},[v]),P=a(e=>{"ArrowLeft"===e.key?(e.preventDefault(),y()):"ArrowRight"===e.key&&(e.preventDefault(),z())},[y,z]);return i(()=>{v&&m&&m(v)},[v,m]),i(()=>{if(v)return w(v),v.on("reInit",w),v.on("select",w),()=>{v.off("select",w)}},[v,w]),e(p,{api:v,canScrollNext:N,canScrollPrev:h,carouselRef:x,opts:n,orientation:u??(n?.axis==="y"?"vertical":"horizontal"),scope:r,scrollNext:z,scrollPrev:y,children:e("div",{"aria-roledescription":"carousel",className:c("relative",l),"data-slot":"carousel",role:"region",onKeyDownCapture:P,...f,children:o})})}function v({__scopeCarousel:r,className:t,classNames:o,...l}){let{carouselRef:a,orientation:i}=f("CarouselContent",r);return e("div",{ref:a,className:c("overflow-hidden",o?.wrapper),"data-slot":"carousel-content",children:e("div",{className:c("flex","horizontal"===i?"-ml-4":"-mt-4 flex-col",o?.content,t),...l})})}function h({__scopeCarousel:r,className:t,...o}){let{orientation:l}=f("CarouselItem",r);return e("div",{"aria-roledescription":"slide",className:c("min-w-0 shrink-0 grow-0 basis-full","horizontal"===l?"pl-4":"pt-4",t),"data-slot":"carousel-item",role:"group",...o})}function C({__scopeCarousel:r,className:t,size:l="icon",variant:a="outline",...i}){let{canScrollPrev:s,orientation:u,scrollPrev:d}=f("CarouselPrevious",r);return e(n,{"aria-label":"Previous slide",className:c("absolute size-8 shadow-none","horizontal"===u?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),"data-slot":"carousel-previous",disabled:!s,prefix:e(o,{}),size:l,variant:a,onClick:d,...i,children:e("span",{className:"sr-only",children:"Previous slide"})})}function N({__scopeCarousel:r,className:t,size:o="icon",variant:a="outline",...i}){let{canScrollNext:s,orientation:u,scrollNext:d}=f("CarouselNext",r);return e(n,{"aria-label":"Next slide",className:c("absolute size-8 shadow-none","horizontal"===u?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),"data-slot":"carousel-next",disabled:!s,prefix:e(l,{}),size:o,variant:a,onClick:d,...i,children:e("span",{className:"sr-only",children:"Next slide"})})}export{x as Carousel,v as CarouselContent,h as CarouselItem,N as CarouselNext,C as CarouselPrevious,m as createCarouselScope};
 //# sourceMappingURL=carousel.js.map

package/dist/esm/components/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/carousel.js","sources":["webpack://@codefast/ui/./src/components/carousel.tsx"],"sourcesContent":["\n\nimport type { Scope } from \"@radix-ui/react-context\";\nimport type { ComponentProps, JSX, KeyboardEvent } from \"react\";\n\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { Button } from \"@/components/button\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext, createCarouselScope] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n  opts?: CarouselOptions;\n  orientation?: \"horizontal\" | \"vertical\";\n  plugins?: CarouselPlugin;\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = BaseCarouselProps & {\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  canScrollNext: boolean;\n  canScrollPrev: boolean;\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  scrollNext: () => void;\n  scrollPrev: () => void;\n};\n\nconst [CarouselContextProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\nfunction Carousel({\n  __scopeCarousel,\n  children,\n  className,\n  opts,\n  orientation,\n  plugins,\n  setApi,\n  ...props\n}: ScopedProps<BaseCarouselProps & ComponentProps<\"div\">>): JSX.Element {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"vertical\" ? \"y\" : \"x\",\n    },\n    plugins,\n  );\n\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((carouselApi: CarouselApi) => {\n    if (!carouselApi) {\n      return;\n    }\n\n    setCanScrollPrev(carouselApi.canScrollPrev());\n    setCanScrollNext(carouselApi.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  useEffect(() => {\n    if (!api || !setApi) {\n      return;\n    }\n\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    onSelect(api);\n    api.on(\"reInit\", onSelect);\n    api.on(\"select\", onSelect);\n\n    return () => {\n      api.off(\"select\", onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContextProvider\n      api={api}\n      canScrollNext={canScrollNext}\n      canScrollPrev={canScrollPrev}\n      carouselRef={carouselRef}\n      opts={opts}\n      orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n      scope={__scopeCarousel}\n      scrollNext={scrollNext}\n      scrollPrev={scrollPrev}\n    >\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn(\"relative\", className)}\n        data-slot=\"carousel\"\n        role=\"region\"\n        onKeyDownCapture={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\nfunction CarouselContent({\n  __scopeCarousel,\n  className,\n  classNames,\n  ...props\n}: ScopedProps<\n  ComponentProps<\"div\"> & {\n    classNames?: {\n      content?: string;\n      wrapper?: string;\n    };\n  }\n>): JSX.Element {\n  const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n  return (\n    <div ref={carouselRef} className={cn(\"overflow-hidden\", classNames?.wrapper)} data-slot=\"carousel-content\">\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          classNames?.content,\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\nfunction CarouselItem({ __scopeCarousel, className, ...props }: ScopedProps<ComponentProps<\"div\">>): JSX.Element {\n  const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n  return (\n    <div\n      aria-roledescription=\"slide\"\n      className={cn(\"min-w-0 shrink-0 grow-0 basis-full\", orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\", className)}\n      data-slot=\"carousel-item\"\n      role=\"group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\nfunction CarouselPrevious({\n  __scopeCarousel,\n  className,\n  size = \"icon\",\n  variant = \"outline\",\n  ...props\n}: ScopedProps<ComponentProps<typeof Button>>): JSX.Element {\n  const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n  return (\n    <Button\n      aria-label=\"Previous slide\"\n      className={cn(\n        \"absolute size-8 shadow-none\",\n        orientation === \"horizontal\"\n          ? \"-left-12 top-1/2 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      data-slot=\"carousel-previous\"\n      disabled={!canScrollPrev}\n      prefix={<ArrowLeftIcon />}\n      size={size}\n      variant={variant}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\nfunction CarouselNext({\n  __scopeCarousel,\n  className,\n  size = \"icon\",\n  variant = \"outline\",\n  ...props\n}: ScopedProps<ComponentProps<typeof Button>>): JSX.Element {\n  const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n  return (\n    <Button\n      aria-label=\"Next slide\"\n      className={cn(\n        \"absolute size-8 shadow-none\",\n        orientation === \"horizontal\"\n          ? \"-right-12 top-1/2 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      data-slot=\"carousel-next\"\n      disabled={!canScrollNext}\n      prefix={<ArrowRightIcon />}\n      size={size}\n      variant={variant}\n      onClick={scrollNext}\n      {...props}\n    >\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { CarouselApi };\nexport { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope };\n"],"names":["CAROUSEL_NAME","createCarouselContext","createCarouselScope","createContextScope","CarouselContextProvider","useCarouselContext","Carousel","__scopeCarousel","children","className","opts","orientation","plugins","setApi","props","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","useState","canScrollNext","setCanScrollNext","onSelect","useCallback","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","useEffect","cn","CarouselContent","classNames","CarouselItem","CarouselPrevious","size","variant","Button","ArrowLeftIcon","CarouselNext","ArrowRightIcon"],"mappings":"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"}
+{"version":3,"file":"components/carousel.js","sources":["webpack://@codefast/ui/./src/components/carousel.tsx"],"sourcesContent":["\n\nimport type { Scope } from \"@radix-ui/react-context\";\nimport type { ComponentProps, JSX, KeyboardEvent } from \"react\";\n\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { Button } from \"@/components/button\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = \"Carousel\";\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext, createCarouselScope] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n  opts?: CarouselOptions;\n  orientation?: \"horizontal\" | \"vertical\";\n  plugins?: CarouselPlugin;\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = BaseCarouselProps & {\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  canScrollNext: boolean;\n  canScrollPrev: boolean;\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  scrollNext: () => void;\n  scrollPrev: () => void;\n};\n\nconst [CarouselContextProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\nfunction Carousel({\n  __scopeCarousel,\n  children,\n  className,\n  opts,\n  orientation,\n  plugins,\n  setApi,\n  ...props\n}: ScopedProps<BaseCarouselProps & ComponentProps<\"div\">>): JSX.Element {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"vertical\" ? \"y\" : \"x\",\n    },\n    plugins,\n  );\n\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((carouselApi: CarouselApi) => {\n    if (!carouselApi) {\n      return;\n    }\n\n    setCanScrollPrev(carouselApi.canScrollPrev());\n    setCanScrollNext(carouselApi.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  useEffect(() => {\n    if (!api || !setApi) {\n      return;\n    }\n\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    onSelect(api);\n    api.on(\"reInit\", onSelect);\n    api.on(\"select\", onSelect);\n\n    return () => {\n      api.off(\"select\", onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContextProvider\n      api={api}\n      canScrollNext={canScrollNext}\n      canScrollPrev={canScrollPrev}\n      carouselRef={carouselRef}\n      opts={opts}\n      orientation={orientation ?? (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\")}\n      scope={__scopeCarousel}\n      scrollNext={scrollNext}\n      scrollPrev={scrollPrev}\n    >\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn(\"relative\", className)}\n        data-slot=\"carousel\"\n        role=\"region\"\n        onKeyDownCapture={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = \"CarouselContent\";\n\nfunction CarouselContent({\n  __scopeCarousel,\n  className,\n  classNames,\n  ...props\n}: ScopedProps<\n  ComponentProps<\"div\"> & {\n    classNames?: {\n      content?: string;\n      wrapper?: string;\n    };\n  }\n>): JSX.Element {\n  const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n  return (\n    <div ref={carouselRef} className={cn(\"overflow-hidden\", classNames?.wrapper)} data-slot=\"carousel-content\">\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          classNames?.content,\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = \"CarouselItem\";\n\nfunction CarouselItem({ __scopeCarousel, className, ...props }: ScopedProps<ComponentProps<\"div\">>): JSX.Element {\n  const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n  return (\n    <div\n      aria-roledescription=\"slide\"\n      className={cn(\"min-w-0 shrink-0 grow-0 basis-full\", orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\", className)}\n      data-slot=\"carousel-item\"\n      role=\"group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = \"CarouselPrevious\";\n\nfunction CarouselPrevious({\n  __scopeCarousel,\n  className,\n  size = \"icon\",\n  variant = \"outline\",\n  ...props\n}: ScopedProps<ComponentProps<typeof Button>>): JSX.Element {\n  const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n  return (\n    <Button\n      aria-label=\"Previous slide\"\n      className={cn(\n        \"absolute size-8 shadow-none\",\n        orientation === \"horizontal\"\n          ? \"-left-12 top-1/2 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      data-slot=\"carousel-previous\"\n      disabled={!canScrollPrev}\n      prefix={<ArrowLeftIcon />}\n      size={size}\n      variant={variant}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = \"CarouselNext\";\n\nfunction CarouselNext({\n  __scopeCarousel,\n  className,\n  size = \"icon\",\n  variant = \"outline\",\n  ...props\n}: ScopedProps<ComponentProps<typeof Button>>): JSX.Element {\n  const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n  return (\n    <Button\n      aria-label=\"Next slide\"\n      className={cn(\n        \"absolute size-8 shadow-none\",\n        orientation === \"horizontal\"\n          ? \"-right-12 top-1/2 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      data-slot=\"carousel-next\"\n      disabled={!canScrollNext}\n      prefix={<ArrowRightIcon />}\n      size={size}\n      variant={variant}\n      onClick={scrollNext}\n      {...props}\n    >\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { CarouselApi };\nexport { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope };\n"],"names":["CAROUSEL_NAME","createCarouselContext","createCarouselScope","createContextScope","CarouselContextProvider","useCarouselContext","Carousel","__scopeCarousel","children","className","opts","orientation","plugins","setApi","props","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","useState","canScrollNext","setCanScrollNext","onSelect","useCallback","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","useEffect","cn","CarouselContent","classNames","CarouselItem","CarouselPrevious","size","variant","Button","ArrowLeftIcon","CarouselNext","ArrowRightIcon"],"mappings":"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"}

package/dist/esm/components/chart.js

@@ -1,3 +1,3 @@
 "use client";
-import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-context";import*as r from"react";import*as n from"recharts";import*as a from"../lib/utils.js";let o="ChartProvider",s={dark:".dark",light:""},[l,i]=(0,t.createContextScope)(o),[c,d]=l(o);function u({__scopeChart:t,id:o,children:s,className:l,config:i,...d}){let u=(0,r.useId)(),m=`chart-${o||u}`;return(0,e.jsx)(c,{config:i,scope:t,children:(0,e.jsxs)("div",{className:(0,a.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 [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent",l),"data-chart":m,"data-slot":"chart",...d,children:[(0,e.jsx)(h,{config:i,id:m}),(0,e.jsx)(n.ResponsiveContainer,{children:s})]})})}function h({id:t,config:n}){let a=(0,r.useMemo)(()=>(function(e,t){let r=Object.entries(t).filter(([e,t])=>t?.theme||t?.color),n=[];for(let t of Object.keys(s)){let a=function(e,t,r){let n=[];for(let[a,o]of(n.push(`${s[e]} [data-chart=${t}] {`),r)){let t=o?.theme?.[e]||o?.color;t&&n.push(`  --color-${a}: ${t};`)}return n.push("}"),n.join("\n")}(t,e,r);n.push(a)}return n.join("\n")})(t,n),[t,n]);return(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:a}})}let m=n.Tooltip;function f({__scopeChart:t,active:n,className:o,color:s,formatter:l,hideIndicator:i=!1,hideLabel:c=!1,indicator:u="dot",label:h,labelClassName:m,labelFormatter:f,labelKey:g,nameKey:p,payload:b}){let{config:j}=d("ChartTooltipContent",t),v=(0,r.useMemo)(()=>{if(c||!b?.length)return null;let[t]=b,r=`${g||t.dataKey||t.name||"value"}`,n=x(j,t,r),o=g||"string"!=typeof h?n?.label:j[h]?.label||h;return f?(0,e.jsx)("div",{className:(0,a.cn)("font-medium",m),children:f(o,b)}):o?(0,e.jsx)("div",{className:(0,a.cn)("font-medium",m),children:o}):null},[j,c,h,m,f,g,b]);if(!n||!b?.length)return null;let y=1===b.length&&"dot"!==u;return(0,e.jsxs)("div",{className:(0,a.cn)("bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",o),children:[y?null:v,(0,e.jsx)("div",{className:"grid gap-1.5",children:b.map((t,r)=>{let n=`${p||t.name||t.dataKey||"value"}`,o=x(j,t,n),c=s||t.payload.fill||t.color;return(0,e.jsx)("div",{className:(0,a.cn)("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5","dot"===u&&"items-center"),children:l&&void 0!==t.value&&t.name?l(t.value,t.name,t,r,t.payload):(0,e.jsxs)(e.Fragment,{children:[o?.icon?(0,e.jsx)(o.icon,{}):!i&&(0,e.jsx)("div",{className:(0,a.cn)("border-(--color-border) bg-(--color-bg) rounded-xs shrink-0",{"h-2.5 w-2.5":"dot"===u,"my-0.5":y&&"dashed"===u,"w-0 border border-dashed bg-transparent":"dashed"===u,"w-1":"line"===u}),style:{"--color-bg":c,"--color-border":c}}),(0,e.jsxs)("div",{className:(0,a.cn)("flex flex-1 justify-between leading-none",y?"items-end":"items-center"),children:[(0,e.jsxs)("div",{className:"grid gap-1.5",children:[y?v:null,(0,e.jsx)("span",{className:"text-muted-foreground",children:o?.label||t.name})]}),t.value?(0,e.jsx)("span",{className:"text-foreground font-mono font-medium tabular-nums",children:t.value.toLocaleString()}):null]})]})},t.dataKey)})})]})}let g=n.Legend;function p({__scopeChart:t,className:r,hideIcon:n=!1,nameKey:o,payload:s,verticalAlign:l="bottom"}){let{config:i}=d("ChartLegendContent",t);return s?.length?(0,e.jsx)("div",{className:(0,a.cn)("flex items-center justify-center gap-4","top"===l?"pb-3":"pt-3",r),children:s.map(t=>{let r="value";o?r=o:t.dataKey&&(r=String(t.dataKey));let s=x(i,t,r);return(0,e.jsxs)("div",{className:(0,a.cn)("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),children:[s?.icon&&!n?(0,e.jsx)(s.icon,{}):(0,e.jsx)("div",{className:"size-2 shrink-0 rounded-md",style:{backgroundColor:t.color}}),s?.label]},String(t.value))})}):null}function x(e,t,r){var n,a,o;if(!b(t))return;let s="payload"in t&&b(t.payload)?t.payload:void 0,l=(n=t,a=s,(o=r)in n&&"string"==typeof n[o]?n[o]:a&&o in a&&"string"==typeof a[o]?a[o]:o);return l in e?e[l]:e[r]}function b(e){return"object"==typeof e&&null!==e}export{u as ChartContainer,g as ChartLegend,p as ChartLegendContent,h as ChartStyle,m as ChartTooltip,f as ChartTooltipContent,i as createChartScope};
+import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import{createContextScope as n}from"@radix-ui/react-context";import{useId as a,useMemo as o}from"react";import{Legend as l,ResponsiveContainer as i,Tooltip as s}from"recharts";import{cn as c}from"../lib/utils.js";let d="ChartProvider",u={dark:".dark",light:""},[h,m]=n(d),[f,g]=h(d);function p({__scopeChart:e,id:n,children:o,className:l,config:s,...d}){let u=a(),h=`chart-${n||u}`;return r(f,{config:s,scope:e,children:t("div",{className:c("[&_.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 [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent",l),"data-chart":h,"data-slot":"chart",...d,children:[r(b,{config:s,id:h}),r(i,{children:o})]})})}function b({id:e,config:t}){return r("style",{dangerouslySetInnerHTML:{__html:o(()=>(function(e,r){let t=Object.entries(r).filter(([e,r])=>r?.theme||r?.color),n=[];for(let r of Object.keys(u)){let a=function(e,r,t){let n=[];for(let[a,o]of(n.push(`${u[e]} [data-chart=${r}] {`),t)){let r=o?.theme?.[e]||o?.color;r&&n.push(`  --color-${a}: ${r};`)}return n.push("}"),n.join("\n")}(r,e,t);n.push(a)}return n.join("\n")})(e,t),[e,t])}})}let v=s;function y({__scopeChart:n,active:a,className:l,color:i,formatter:s,hideIndicator:d=!1,hideLabel:u=!1,indicator:h="dot",label:m,labelClassName:f,labelFormatter:p,labelKey:b,nameKey:v,payload:y}){let{config:x}=g("ChartTooltipContent",n),k=o(()=>{if(u||!y?.length)return null;let[e]=y,t=`${b||e.dataKey||e.name||"value"}`,n=_(x,e,t),a=b||"string"!=typeof m?n?.label:x[m]?.label||m;return p?r("div",{className:c("font-medium",f),children:p(a,y)}):a?r("div",{className:c("font-medium",f),children:a}):null},[x,u,m,f,p,b,y]);if(!a||!y?.length)return null;let C=1===y.length&&"dot"!==h;return t("div",{className:c("bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",l),children:[C?null:k,r("div",{className:"grid gap-1.5",children:y.map((n,a)=>{let o=`${v||n.name||n.dataKey||"value"}`,l=_(x,n,o),u=i||n.payload.fill||n.color;return r("div",{className:c("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5","dot"===h&&"items-center"),children:s&&void 0!==n.value&&n.name?s(n.value,n.name,n,a,n.payload):t(e,{children:[l?.icon?r(l.icon,{}):!d&&r("div",{className:c("border-(--color-border) bg-(--color-bg) rounded-xs shrink-0",{"h-2.5 w-2.5":"dot"===h,"my-0.5":C&&"dashed"===h,"w-0 border border-dashed bg-transparent":"dashed"===h,"w-1":"line"===h}),style:{"--color-bg":u,"--color-border":u}}),t("div",{className:c("flex flex-1 justify-between leading-none",C?"items-end":"items-center"),children:[t("div",{className:"grid gap-1.5",children:[C?k:null,r("span",{className:"text-muted-foreground",children:l?.label||n.name})]}),n.value?r("span",{className:"text-foreground font-mono font-medium tabular-nums",children:n.value.toLocaleString()}):null]})]})},n.dataKey)})})]})}let x=l;function k({__scopeChart:e,className:n,hideIcon:a=!1,nameKey:o,payload:l,verticalAlign:i="bottom"}){let{config:s}=g("ChartLegendContent",e);return l?.length?r("div",{className:c("flex items-center justify-center gap-4","top"===i?"pb-3":"pt-3",n),children:l.map(e=>{let n="value";o?n=o:e.dataKey&&(n=String(e.dataKey));let l=_(s,e,n);return t("div",{className:c("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),children:[l?.icon&&!a?r(l.icon,{}):r("div",{className:"size-2 shrink-0 rounded-md",style:{backgroundColor:e.color}}),l?.label]},String(e.value))})}):null}function _(e,r,t){var n,a,o;if(!C(r))return;let l="payload"in r&&C(r.payload)?r.payload:void 0,i=(n=r,a=l,(o=t)in n&&"string"==typeof n[o]?n[o]:a&&o in a&&"string"==typeof a[o]?a[o]:o);return i in e?e[i]:e[t]}function C(e){return"object"==typeof e&&null!==e}export{p as ChartContainer,x as ChartLegend,k as ChartLegendContent,b as ChartStyle,v as ChartTooltip,y as ChartTooltipContent,m as createChartScope};
 //# sourceMappingURL=chart.js.map

package/dist/esm/components/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/chart.js","sources":["webpack://@codefast/ui/./src/components/chart.tsx"],"sourcesContent":["\n\nimport type { Scope } from \"@radix-ui/react-context\";\nimport type { ComponentProps, ComponentType, CSSProperties, JSX, ReactNode } from \"react\";\nimport type { NameType, Payload, ValueType } from \"recharts/types/component/DefaultTooltipContent\";\n\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useId, useMemo } from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ChartProvider\n * ---------------------------------------------------------------------------*/\n\nconst CHART_PROVIDER_NAME = \"ChartProvider\";\n\ntype ScopedProps<P> = P & { __scopeChart?: Scope };\n\n/**\n * Supported themes in the application\n */\ntype Theme = \"dark\" | \"light\";\n\n/**\n * Mapping between themes and their corresponding CSS classes\n */\nconst THEMES: Record<Theme, string> = {\n  dark: \".dark\",\n  light: \"\",\n};\n\n/**\n * Configuration for icon and label display in charts\n */\ninterface IconLabelConfig {\n  /** Icon to display with data */\n  icon?: ComponentType;\n  /** Label to display with data */\n  label?: ReactNode;\n}\n\n/**\n * Single color configuration for chart elements\n */\ntype ColorConfig = {\n  /** Valid CSS color (hex, rgba, etc.) */\n  color?: string;\n} & { theme?: never };\n\n/**\n * Theme-based color configuration for chart elements\n */\ntype ThemeConfig = {\n  /** Map of colors for each theme mode */\n  theme: Record<Theme, string>;\n} & { color?: never };\n\n/**\n * Complete configuration for a chart element\n */\ntype ChartConfigItem = (ColorConfig | ThemeConfig) & IconLabelConfig;\n\n/**\n * Configuration for the entire chart organized by series/data keys\n * Where keys are the names of data in the chart\n */\ntype ChartConfig = Record<string, ChartConfigItem | undefined>;\n\n/**\n * Value provided by Chart Context\n */\ninterface ChartContextValue {\n  /** Display configuration for the chart */\n  config: ChartConfig;\n}\n\nconst [createChartContext, createChartScope] = createContextScope(CHART_PROVIDER_NAME);\n\nconst [ChartContextProvider, useChartContext] = createChartContext<ChartContextValue>(CHART_PROVIDER_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Chart\n * -------------------------------------------------------------------------- */\n\nfunction ChartContainer({\n  __scopeChart,\n  id,\n  children,\n  className,\n  config,\n  ...props\n}: ScopedProps<\n  ComponentProps<\"div\"> & {\n    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"children\"];\n    config: ChartConfig;\n  }\n>): JSX.Element {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId}`;\n\n  return (\n    <ChartContextProvider config={config} scope={__scopeChart}>\n      <div\n        className={cn(\n          \"[&_.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 [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          className,\n        )}\n        data-chart={chartId}\n        data-slot=\"chart\"\n        {...props}\n      >\n        <ChartStyle config={config} id={chartId} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartStyle\n * -------------------------------------------------------------------------- */\n\nfunction ChartStyle({ id, config }: { config: ChartConfig; id: string }): ReactNode {\n  const cssString = useMemo(() => generateCSS(id, config), [id, config]);\n\n  return <style dangerouslySetInnerHTML={{ __html: cssString }} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltip\n * -------------------------------------------------------------------------- */\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltipContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_TOOLTIP_CONTENT_NAME = \"ChartTooltipContent\";\n\nfunction ChartTooltipContent({\n  __scopeChart,\n  active,\n  className,\n  color,\n  formatter,\n  hideIndicator = false,\n  hideLabel = false,\n  indicator = \"dot\",\n  label,\n  labelClassName,\n  labelFormatter,\n  labelKey,\n  nameKey,\n  payload,\n}: ScopedProps<\n  ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    Omit<ComponentProps<\"div\">, \"content\"> & {\n      hideIndicator?: boolean;\n      hideLabel?: boolean;\n      indicator?: \"dashed\" | \"dot\" | \"line\";\n      labelKey?: string;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n\n    const key = `${labelKey || item.dataKey || item.name || \"value\"}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === \"string\" ? config[label]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n  }, [config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\n\n  return (\n    <div\n      className={cn(\n        \"bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\n        className,\n      )}\n    >\n      {nestLabel ? null : tooltipLabel}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || (item.payload as { fill?: string }).fill || item.color;\n\n          return (\n            <div\n              key={item.dataKey}\n              className={cn(\n                \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5\",\n                indicator === \"dot\" && \"items-center\",\n              )}\n            >\n              {formatter && item.value !== undefined && item.name ? (\n                formatter(item.value, item.name, item, index, item.payload as Payload<ValueType, NameType>[])\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn(\"border-(--color-border) bg-(--color-bg) rounded-xs shrink-0\", {\n                          \"h-2.5 w-2.5\": indicator === \"dot\",\n                          \"my-0.5\": nestLabel && indicator === \"dashed\",\n                          \"w-0 border border-dashed bg-transparent\": indicator === \"dashed\",\n                          \"w-1\": indicator === \"line\",\n                        })}\n                        style={\n                          {\n                            \"--color-bg\": indicatorColor,\n                            \"--color-border\": indicatorColor,\n                          } as CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn(\"flex flex-1 justify-between leading-none\", nestLabel ? \"items-end\" : \"items-center\")}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value ? (\n                      <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    ) : null}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegend\n * -------------------------------------------------------------------------- */\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegendContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_LEGEND_CONTENT_NAME = \"ChartLegendContent\";\n\nfunction ChartLegendContent({\n  __scopeChart,\n  className,\n  hideIcon = false,\n  nameKey,\n  payload,\n  verticalAlign = \"bottom\",\n}: ScopedProps<\n  ComponentProps<\"div\"> &\n    Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div className={cn(\"flex items-center justify-center gap-4\", verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\", className)}>\n      {payload.map((item) => {\n        let key = \"value\";\n\n        if (nameKey) {\n          key = nameKey;\n        } else if (item.dataKey) {\n          key = String(item.dataKey);\n        }\n\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={String(item.value)}\n            className={cn(\"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3\")}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"size-2 shrink-0 rounded-md\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Helpers\n * -------------------------------------------------------------------------- */\n\n/**\n * Extracts and returns the appropriate configuration object from\n * the payload based on the specified key.\n *\n * @param config - The chart configuration object that contains various\n *   settings.\n * @param payload - The payload object that might contain nested payload data.\n * @param key - The key used to retrieve the specific configuration from the\n *   chart config.\n * @returns Returns a configuration object with optional properties `icon`,\n *   `label`, `color` or `theme`, or `undefined` if the payload is invalid or\n *   no configuration is found for the provided key.\n */\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfigItem | undefined {\n  if (!isValidObject(payload)) {\n    return undefined;\n  }\n\n  const nestedPayload = \"payload\" in payload && isValidObject(payload.payload) ? payload.payload : undefined;\n\n  const configLabelKey = getConfigLabelKey(payload, nestedPayload, key);\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\n/**\n * Checks if the provided value is a valid object.\n *\n * @param obj - The value to check.\n * @returns - Returns true if the value is an object and not null, false\n *   otherwise.\n */\nfunction isValidObject(obj: unknown): obj is Record<string, unknown> {\n  return typeof obj === \"object\" && obj !== null;\n}\n\n/**\n * Retrieves the configuration label key from either the payload or\n * nestedPayload. If the key exists in the payload and is a string, the\n * corresponding value is returned. Otherwise, if the key exists in the\n * nestedPayload and is a string, its value is returned. If the key is not\n * found as a string in either object, the key itself is returned.\n *\n * @param payload - The primary payload containing key-value pairs.\n * @param nestedPayload - An optional nested payload containing additional\n *   key-value pairs.\n * @param key - The key to search for within the payload and nestedPayload.\n *\n * @returns The string value associated with the key if found; otherwise, the\n *   key itself.\n */\nfunction getConfigLabelKey(\n  payload: Record<string, unknown>,\n  nestedPayload: Record<string, unknown> | undefined,\n  key: string,\n): string {\n  if (key in payload && typeof payload[key] === \"string\") {\n    return payload[key];\n  }\n\n  if (nestedPayload && key in nestedPayload && typeof nestedPayload[key] === \"string\") {\n    return nestedPayload[key];\n  }\n\n  return key;\n}\n\n/**\n * Generates CSS for a specified theme and chart configuration.\n *\n * @param theme - The theme to be used (for example, 'light', 'dark').\n * @param id - The unique identifier of the chart.\n * @param configEntries - A list of configuration entries, each containing a\n *   key and a chart configuration.\n * @returns The generated CSS as a string.\n */\nfunction generateThemeCSS(theme: Theme, id: string, configEntries: [string, ChartConfig[string]][]): string {\n  const rules: string[] = [];\n\n  rules.push(`${THEMES[theme]} [data-chart=${id}] {`);\n\n  for (const [key, itemConfig] of configEntries) {\n    const color = itemConfig?.theme?.[theme] || itemConfig?.color;\n\n    if (color) {\n      rules.push(`  --color-${key}: ${color};`);\n    }\n  }\n\n  rules.push(\"}\");\n\n  return rules.join(\"\\n\");\n}\n\n/**\n * Generates CSS styles for a chart based on the provided configuration and\n * themes.\n *\n * @param id - The unique identifier for the chart element.\n * @param config - Configuration object for the chart. This includes theme and\n *   color settings.\n * @returns A string containing the generated CSS rules.\n */\nfunction generateCSS(id: string, config: ChartConfig): string {\n  const themeOrColorConfig = Object.entries(config).filter(([_, itemConfig]) => itemConfig?.theme || itemConfig?.color);\n\n  const allRules: string[] = [];\n\n  for (const theme of Object.keys(THEMES)) {\n    const themeCSS = generateThemeCSS(theme as Theme, id, themeOrColorConfig);\n\n    allRules.push(themeCSS);\n  }\n\n  return allRules.join(\"\\n\");\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { ChartConfig };\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n  createChartScope,\n};\n"],"names":["CHART_PROVIDER_NAME","THEMES","createChartContext","createChartScope","createContextScope","ChartContextProvider","useChartContext","ChartContainer","__scopeChart","id","children","className","config","props","uniqueId","useId","chartId","cn","ChartStyle","RechartsPrimitive","cssString","useMemo","generateCSS","themeOrColorConfig","Object","_","itemConfig","allRules","theme","themeCSS","generateThemeCSS","configEntries","rules","key","color","ChartTooltip","ChartTooltipContent","active","formatter","hideIndicator","hideLabel","indicator","label","labelClassName","labelFormatter","labelKey","nameKey","payload","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","undefined","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","String","nestedPayload","isValidObject","configLabelKey","obj"],"mappings":"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"}
+{"version":3,"file":"components/chart.js","sources":["webpack://@codefast/ui/./src/components/chart.tsx"],"sourcesContent":["\n\nimport type { Scope } from \"@radix-ui/react-context\";\nimport type { ComponentProps, ComponentType, CSSProperties, JSX, ReactNode } from \"react\";\nimport type { NameType, Payload, ValueType } from \"recharts/types/component/DefaultTooltipContent\";\n\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useId, useMemo } from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ChartProvider\n * ---------------------------------------------------------------------------*/\n\nconst CHART_PROVIDER_NAME = \"ChartProvider\";\n\ntype ScopedProps<P> = P & { __scopeChart?: Scope };\n\n/**\n * Supported themes in the application\n */\ntype Theme = \"dark\" | \"light\";\n\n/**\n * Mapping between themes and their corresponding CSS classes\n */\nconst THEMES: Record<Theme, string> = {\n  dark: \".dark\",\n  light: \"\",\n};\n\n/**\n * Configuration for icon and label display in charts\n */\ninterface IconLabelConfig {\n  /** Icon to display with data */\n  icon?: ComponentType;\n  /** Label to display with data */\n  label?: ReactNode;\n}\n\n/**\n * Single color configuration for chart elements\n */\ntype ColorConfig = {\n  /** Valid CSS color (hex, rgba, etc.) */\n  color?: string;\n} & { theme?: never };\n\n/**\n * Theme-based color configuration for chart elements\n */\ntype ThemeConfig = {\n  /** Map of colors for each theme mode */\n  theme: Record<Theme, string>;\n} & { color?: never };\n\n/**\n * Complete configuration for a chart element\n */\ntype ChartConfigItem = (ColorConfig | ThemeConfig) & IconLabelConfig;\n\n/**\n * Configuration for the entire chart organized by series/data keys\n * Where keys are the names of data in the chart\n */\ntype ChartConfig = Record<string, ChartConfigItem | undefined>;\n\n/**\n * Value provided by Chart Context\n */\ninterface ChartContextValue {\n  /** Display configuration for the chart */\n  config: ChartConfig;\n}\n\nconst [createChartContext, createChartScope] = createContextScope(CHART_PROVIDER_NAME);\n\nconst [ChartContextProvider, useChartContext] = createChartContext<ChartContextValue>(CHART_PROVIDER_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Chart\n * -------------------------------------------------------------------------- */\n\nfunction ChartContainer({\n  __scopeChart,\n  id,\n  children,\n  className,\n  config,\n  ...props\n}: ScopedProps<\n  ComponentProps<\"div\"> & {\n    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"children\"];\n    config: ChartConfig;\n  }\n>): JSX.Element {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId}`;\n\n  return (\n    <ChartContextProvider config={config} scope={__scopeChart}>\n      <div\n        className={cn(\n          \"[&_.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 [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          className,\n        )}\n        data-chart={chartId}\n        data-slot=\"chart\"\n        {...props}\n      >\n        <ChartStyle config={config} id={chartId} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartStyle\n * -------------------------------------------------------------------------- */\n\nfunction ChartStyle({ id, config }: { config: ChartConfig; id: string }): ReactNode {\n  const cssString = useMemo(() => generateCSS(id, config), [id, config]);\n\n  return <style dangerouslySetInnerHTML={{ __html: cssString }} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltip\n * -------------------------------------------------------------------------- */\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltipContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_TOOLTIP_CONTENT_NAME = \"ChartTooltipContent\";\n\nfunction ChartTooltipContent({\n  __scopeChart,\n  active,\n  className,\n  color,\n  formatter,\n  hideIndicator = false,\n  hideLabel = false,\n  indicator = \"dot\",\n  label,\n  labelClassName,\n  labelFormatter,\n  labelKey,\n  nameKey,\n  payload,\n}: ScopedProps<\n  ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    Omit<ComponentProps<\"div\">, \"content\"> & {\n      hideIndicator?: boolean;\n      hideLabel?: boolean;\n      indicator?: \"dashed\" | \"dot\" | \"line\";\n      labelKey?: string;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n\n    const key = `${labelKey || item.dataKey || item.name || \"value\"}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === \"string\" ? config[label]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n  }, [config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\n\n  return (\n    <div\n      className={cn(\n        \"bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\n        className,\n      )}\n    >\n      {nestLabel ? null : tooltipLabel}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || (item.payload as { fill?: string }).fill || item.color;\n\n          return (\n            <div\n              key={item.dataKey}\n              className={cn(\n                \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5\",\n                indicator === \"dot\" && \"items-center\",\n              )}\n            >\n              {formatter && item.value !== undefined && item.name ? (\n                formatter(item.value, item.name, item, index, item.payload as Payload<ValueType, NameType>[])\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn(\"border-(--color-border) bg-(--color-bg) rounded-xs shrink-0\", {\n                          \"h-2.5 w-2.5\": indicator === \"dot\",\n                          \"my-0.5\": nestLabel && indicator === \"dashed\",\n                          \"w-0 border border-dashed bg-transparent\": indicator === \"dashed\",\n                          \"w-1\": indicator === \"line\",\n                        })}\n                        style={\n                          {\n                            \"--color-bg\": indicatorColor,\n                            \"--color-border\": indicatorColor,\n                          } as CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn(\"flex flex-1 justify-between leading-none\", nestLabel ? \"items-end\" : \"items-center\")}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value ? (\n                      <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    ) : null}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegend\n * -------------------------------------------------------------------------- */\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegendContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_LEGEND_CONTENT_NAME = \"ChartLegendContent\";\n\nfunction ChartLegendContent({\n  __scopeChart,\n  className,\n  hideIcon = false,\n  nameKey,\n  payload,\n  verticalAlign = \"bottom\",\n}: ScopedProps<\n  ComponentProps<\"div\"> &\n    Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div className={cn(\"flex items-center justify-center gap-4\", verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\", className)}>\n      {payload.map((item) => {\n        let key = \"value\";\n\n        if (nameKey) {\n          key = nameKey;\n        } else if (item.dataKey) {\n          key = String(item.dataKey);\n        }\n\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={String(item.value)}\n            className={cn(\"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3\")}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"size-2 shrink-0 rounded-md\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Helpers\n * -------------------------------------------------------------------------- */\n\n/**\n * Extracts and returns the appropriate configuration object from\n * the payload based on the specified key.\n *\n * @param config - The chart configuration object that contains various\n *   settings.\n * @param payload - The payload object that might contain nested payload data.\n * @param key - The key used to retrieve the specific configuration from the\n *   chart config.\n * @returns Returns a configuration object with optional properties `icon`,\n *   `label`, `color` or `theme`, or `undefined` if the payload is invalid or\n *   no configuration is found for the provided key.\n */\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfigItem | undefined {\n  if (!isValidObject(payload)) {\n    return undefined;\n  }\n\n  const nestedPayload = \"payload\" in payload && isValidObject(payload.payload) ? payload.payload : undefined;\n\n  const configLabelKey = getConfigLabelKey(payload, nestedPayload, key);\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\n/**\n * Checks if the provided value is a valid object.\n *\n * @param obj - The value to check.\n * @returns - Returns true if the value is an object and not null, false\n *   otherwise.\n */\nfunction isValidObject(obj: unknown): obj is Record<string, unknown> {\n  return typeof obj === \"object\" && obj !== null;\n}\n\n/**\n * Retrieves the configuration label key from either the payload or\n * nestedPayload. If the key exists in the payload and is a string, the\n * corresponding value is returned. Otherwise, if the key exists in the\n * nestedPayload and is a string, its value is returned. If the key is not\n * found as a string in either object, the key itself is returned.\n *\n * @param payload - The primary payload containing key-value pairs.\n * @param nestedPayload - An optional nested payload containing additional\n *   key-value pairs.\n * @param key - The key to search for within the payload and nestedPayload.\n *\n * @returns The string value associated with the key if found; otherwise, the\n *   key itself.\n */\nfunction getConfigLabelKey(\n  payload: Record<string, unknown>,\n  nestedPayload: Record<string, unknown> | undefined,\n  key: string,\n): string {\n  if (key in payload && typeof payload[key] === \"string\") {\n    return payload[key];\n  }\n\n  if (nestedPayload && key in nestedPayload && typeof nestedPayload[key] === \"string\") {\n    return nestedPayload[key];\n  }\n\n  return key;\n}\n\n/**\n * Generates CSS for a specified theme and chart configuration.\n *\n * @param theme - The theme to be used (for example, 'light', 'dark').\n * @param id - The unique identifier of the chart.\n * @param configEntries - A list of configuration entries, each containing a\n *   key and a chart configuration.\n * @returns The generated CSS as a string.\n */\nfunction generateThemeCSS(theme: Theme, id: string, configEntries: [string, ChartConfig[string]][]): string {\n  const rules: string[] = [];\n\n  rules.push(`${THEMES[theme]} [data-chart=${id}] {`);\n\n  for (const [key, itemConfig] of configEntries) {\n    const color = itemConfig?.theme?.[theme] || itemConfig?.color;\n\n    if (color) {\n      rules.push(`  --color-${key}: ${color};`);\n    }\n  }\n\n  rules.push(\"}\");\n\n  return rules.join(\"\\n\");\n}\n\n/**\n * Generates CSS styles for a chart based on the provided configuration and\n * themes.\n *\n * @param id - The unique identifier for the chart element.\n * @param config - Configuration object for the chart. This includes theme and\n *   color settings.\n * @returns A string containing the generated CSS rules.\n */\nfunction generateCSS(id: string, config: ChartConfig): string {\n  const themeOrColorConfig = Object.entries(config).filter(([_, itemConfig]) => itemConfig?.theme || itemConfig?.color);\n\n  const allRules: string[] = [];\n\n  for (const theme of Object.keys(THEMES)) {\n    const themeCSS = generateThemeCSS(theme as Theme, id, themeOrColorConfig);\n\n    allRules.push(themeCSS);\n  }\n\n  return allRules.join(\"\\n\");\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { ChartConfig };\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n  createChartScope,\n};\n"],"names":["CHART_PROVIDER_NAME","THEMES","createChartContext","createChartScope","createContextScope","ChartContextProvider","useChartContext","ChartContainer","__scopeChart","id","children","className","config","props","uniqueId","useId","chartId","cn","ChartStyle","RechartsPrimitive","useMemo","generateCSS","themeOrColorConfig","Object","_","itemConfig","allRules","theme","themeCSS","generateThemeCSS","configEntries","rules","key","color","ChartTooltip","ChartTooltipContent","active","formatter","hideIndicator","hideLabel","indicator","label","labelClassName","labelFormatter","labelKey","nameKey","payload","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","undefined","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","String","nestedPayload","isValidObject","configLabelKey","obj"],"mappings":"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"}

package/dist/esm/components/checkbox-cards.js

@@ -1,2 +1,2 @@
-import*as r from"react/jsx-runtime";import*as e from"@codefast-ui/checkbox-group";import*as a from"lucide-react";import*as i from"./label.js";import*as o from"../lib/utils.js";function s(a){return(0,r.jsx)(e.Root,{"data-slot":"checkbox-cards",...a})}function c({checkboxClassName:s,children:c,className:d,...t}){return(0,r.jsxs)(i.Label,{className:(0,o.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 has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition",d),"data-slot":"checkbox-card",children:[(0,r.jsx)(e.Item,{className:(0,o.cn)("border-input text-primary-foreground shadow-xs outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition",s),"data-slot":"checkbox-card-item",...t,children:(0,r.jsx)(e.CheckboxGroupIndicator,{"data-slot":"checkbox-card-indicator",children:(0,r.jsx)(a.CheckIcon,{className:"size-3.5"})})}),c]})}export{s as CheckboxCards,c as CheckboxCardsItem};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{CheckboxGroupIndicator as i,Item as a,Root as o}from"@codefast-ui/checkbox-group";import{CheckIcon as c}from"lucide-react";import{Label as s}from"./label.js";import{cn as d}from"../lib/utils.js";function t(e){return r(o,{"data-slot":"checkbox-cards",...e})}function n({checkboxClassName:o,children:t,className:n,...b}){return e(s,{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 has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition",n),"data-slot":"checkbox-card",children:[r(a,{className:d("border-input text-primary-foreground shadow-xs outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition",o),"data-slot":"checkbox-card-item",...b,children:r(i,{"data-slot":"checkbox-card-indicator",children:r(c,{className:"size-3.5"})})}),t]})}export{t as CheckboxCards,n as CheckboxCardsItem};
 //# sourceMappingURL=checkbox-cards.js.map

package/dist/esm/components/checkbox-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/checkbox-cards.js","sources":["webpack://@codefast/ui/./src/components/checkbox-cards.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as CheckboxGroupPrimitive from \"@codefast-ui/checkbox-group\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { Label } from \"@/components/label\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxCards(props: ComponentProps<typeof CheckboxGroupPrimitive.Root>): JSX.Element {\n  return <CheckboxGroupPrimitive.Root data-slot=\"checkbox-cards\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxCardsItem({\n  checkboxClassName,\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof CheckboxGroupPrimitive.Item> & {\n  checkboxClassName?: string;\n}): JSX.Element {\n  return (\n    <Label\n      className={cn(\n        \"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 has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition\",\n        className,\n      )}\n      data-slot=\"checkbox-card\"\n    >\n      <CheckboxGroupPrimitive.Item\n        className={cn(\n          \"border-input text-primary-foreground shadow-xs outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition\",\n          checkboxClassName,\n        )}\n        data-slot=\"checkbox-card-item\"\n        {...props}\n      >\n        <CheckboxGroupPrimitive.CheckboxGroupIndicator data-slot=\"checkbox-card-indicator\">\n          <CheckIcon className=\"size-3.5\" />\n        </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n      </CheckboxGroupPrimitive.Item>\n      {children}\n    </Label>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem };\n"],"names":["CheckboxCards","props","CheckboxGroupPrimitive","CheckboxCardsItem","checkboxClassName","children","className","Label","cn","CheckIcon"],"mappings":"gLAYA,SAASA,EAAcC,CAAyD,EAC9E,MAAO,UAACC,EAAAA,IAA2B,EAAC,YAAU,iBAAkB,GAAGD,CAAK,A,EAC1E,CAMA,SAASE,EAAkB,CACzBC,kBAAAA,CAAiB,CACjBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGL,EAGJ,EACC,MACE,WAACM,EAAAA,KAAKA,CAAAA,CACJ,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,qPACAF,GAEF,YAAU,gB,UAEV,UAACJ,EAAAA,IAA2B,EAC1B,UAAWM,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,iWACAJ,GAEF,YAAU,qBACT,GAAGH,CAAK,C,SAET,UAACC,EAAAA,sBAA6C,EAAC,YAAU,0B,SACvD,UAACO,EAAAA,SAASA,CAAAA,CAAC,UAAU,U,OAGxBJ,E,EAGP,Q"}
+{"version":3,"file":"components/checkbox-cards.js","sources":["webpack://@codefast/ui/./src/components/checkbox-cards.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as CheckboxGroupPrimitive from \"@codefast-ui/checkbox-group\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { Label } from \"@/components/label\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxCards(props: ComponentProps<typeof CheckboxGroupPrimitive.Root>): JSX.Element {\n  return <CheckboxGroupPrimitive.Root data-slot=\"checkbox-cards\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxCardsItem({\n  checkboxClassName,\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof CheckboxGroupPrimitive.Item> & {\n  checkboxClassName?: string;\n}): JSX.Element {\n  return (\n    <Label\n      className={cn(\n        \"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 has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition\",\n        className,\n      )}\n      data-slot=\"checkbox-card\"\n    >\n      <CheckboxGroupPrimitive.Item\n        className={cn(\n          \"border-input text-primary-foreground shadow-xs outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition\",\n          checkboxClassName,\n        )}\n        data-slot=\"checkbox-card-item\"\n        {...props}\n      >\n        <CheckboxGroupPrimitive.CheckboxGroupIndicator data-slot=\"checkbox-card-indicator\">\n          <CheckIcon className=\"size-3.5\" />\n        </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n      </CheckboxGroupPrimitive.Item>\n      {children}\n    </Label>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem };\n"],"names":["CheckboxCards","props","CheckboxGroupPrimitive","CheckboxCardsItem","checkboxClassName","children","className","Label","cn","CheckIcon"],"mappings":"4PAYA,SAASA,EAAcC,CAAyD,EAC9E,OAAO,EAACC,EAA2B,CAAC,YAAU,iBAAkB,GAAGD,CAAK,A,EAC1E,CAMA,SAASE,EAAkB,CACzBC,kBAAAA,CAAiB,CACjBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGL,EAGJ,EACC,OACE,EAACM,EAAKA,CACJ,UAAWC,EACT,qPACAF,GAEF,YAAU,gB,UAEV,EAACJ,EAA2B,CAC1B,UAAWM,EACT,iWACAJ,GAEF,YAAU,qBACT,GAAGH,CAAK,C,SAET,EAACC,EAA6C,CAAC,YAAU,0B,SACvD,EAACO,EAASA,CAAC,UAAU,U,OAGxBJ,E,EAGP,Q"}

package/dist/esm/components/checkbox-group.js

@@ -1,2 +1,2 @@
-import*as r from"react/jsx-runtime";import*as e from"@codefast-ui/checkbox-group";import*as i from"lucide-react";import*as a from"../lib/utils.js";function o({className:i,...o}){return(0,r.jsx)(e.Root,{className:(0,a.cn)("grid gap-2",i),"data-slot":"checkbox-group",...o})}function t({className:o,...t}){return(0,r.jsx)(e.Item,{className:(0,a.cn)("border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50",o),"data-slot":"checkbox-group-item",...t,children:(0,r.jsx)(e.CheckboxGroupIndicator,{className:"flex items-center justify-center text-current transition-none","data-slot":"checkbox-group-indicator",children:(0,r.jsx)(i.CheckIcon,{className:"size-3.5"})})})}export{o as CheckboxGroup,t as CheckboxGroupItem};
+import{jsx as r}from"react/jsx-runtime";import{CheckboxGroupIndicator as e,Item as i,Root as a}from"@codefast-ui/checkbox-group";import{CheckIcon as t}from"lucide-react";import{cn as o}from"../lib/utils.js";function c({className:e,...i}){return r(a,{className:o("grid gap-2",e),"data-slot":"checkbox-group",...i})}function d({className:a,...c}){return r(i,{className:o("border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50",a),"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(t,{className:"size-3.5"})})})}export{c as CheckboxGroup,d as CheckboxGroupItem};
 //# sourceMappingURL=checkbox-group.js.map

package/dist/esm/components/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/checkbox-group.js","sources":["webpack://@codefast/ui/./src/components/checkbox-group.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as CheckboxGroupPrimitive from \"@codefast-ui/checkbox-group\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxGroup({ className, ...props }: ComponentProps<typeof CheckboxGroupPrimitive.Root>): JSX.Element {\n  return <CheckboxGroupPrimitive.Root className={cn(\"grid gap-2\", className)} data-slot=\"checkbox-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxGroupItem({ className, ...props }: ComponentProps<typeof CheckboxGroupPrimitive.Item>): JSX.Element {\n  return (\n    <CheckboxGroupPrimitive.Item\n      className={cn(\n        \"border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"checkbox-group-item\"\n      {...props}\n    >\n      <CheckboxGroupPrimitive.CheckboxGroupIndicator\n        className=\"flex items-center justify-center text-current transition-none\"\n        data-slot=\"checkbox-group-indicator\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n    </CheckboxGroupPrimitive.Item>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem };\n"],"names":["CheckboxGroup","className","props","CheckboxGroupPrimitive","cn","CheckboxGroupItem","CheckIcon"],"mappings":"mJAWA,SAASA,EAAc,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAA2D,EAChG,MAAO,UAACC,EAAAA,IAA2B,EAAC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,aAAcH,GAAY,YAAU,iBAAkB,GAAGC,CAAK,A,EAClH,CAMA,SAASG,EAAkB,CAAEJ,UAAAA,CAAS,CAAE,GAAGC,EAA2D,EACpG,MACE,UAACC,EAAAA,IAA2B,EAC1B,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,2pBACAH,GAEF,YAAU,sBACT,GAAGC,CAAK,C,SAET,UAACC,EAAAA,sBAA6C,EAC5C,UAAU,gEACV,YAAU,2B,SAEV,UAACG,EAAAA,SAASA,CAAAA,CAAC,UAAU,U,MAI7B,Q"}
+{"version":3,"file":"components/checkbox-group.js","sources":["webpack://@codefast/ui/./src/components/checkbox-group.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as CheckboxGroupPrimitive from \"@codefast-ui/checkbox-group\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxGroup({ className, ...props }: ComponentProps<typeof CheckboxGroupPrimitive.Root>): JSX.Element {\n  return <CheckboxGroupPrimitive.Root className={cn(\"grid gap-2\", className)} data-slot=\"checkbox-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxGroupItem({ className, ...props }: ComponentProps<typeof CheckboxGroupPrimitive.Item>): JSX.Element {\n  return (\n    <CheckboxGroupPrimitive.Item\n      className={cn(\n        \"border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"checkbox-group-item\"\n      {...props}\n    >\n      <CheckboxGroupPrimitive.CheckboxGroupIndicator\n        className=\"flex items-center justify-center text-current transition-none\"\n        data-slot=\"checkbox-group-indicator\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n    </CheckboxGroupPrimitive.Item>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem };\n"],"names":["CheckboxGroup","className","props","CheckboxGroupPrimitive","cn","CheckboxGroupItem","CheckIcon"],"mappings":"+MAWA,SAASA,EAAc,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAA2D,EAChG,OAAO,EAACC,EAA2B,CAAC,UAAWC,EAAG,aAAcH,GAAY,YAAU,iBAAkB,GAAGC,CAAK,A,EAClH,CAMA,SAASG,EAAkB,CAAEJ,UAAAA,CAAS,CAAE,GAAGC,EAA2D,EACpG,OACE,EAACC,EAA2B,CAC1B,UAAWC,EACT,2pBACAH,GAEF,YAAU,sBACT,GAAGC,CAAK,C,SAET,EAACC,EAA6C,CAC5C,UAAU,gEACV,YAAU,2B,SAEV,EAACG,EAASA,CAAC,UAAU,U,MAI7B,Q"}

package/dist/esm/components/checkbox.js

@@ -1,3 +1,3 @@
 "use client";
-import*as r from"react/jsx-runtime";import*as i from"@radix-ui/react-checkbox";import*as e from"lucide-react";import*as a from"../lib/utils.js";function t({className:t,...c}){return(0,r.jsx)(i.Root,{className:(0,a.cn)("border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50",t),"data-slot":"checkbox",...c,children:(0,r.jsx)(i.Indicator,{className:"flex items-center justify-center text-current transition-none","data-slot":"checkbox-indicator",children:(0,r.jsx)(e.CheckIcon,{className:"size-3.5"})})})}export{t as Checkbox};
+import{jsx as r}from"react/jsx-runtime";import{Indicator as i,Root as e}from"@radix-ui/react-checkbox";import{CheckIcon as a}from"lucide-react";import{cn as t}from"../lib/utils.js";function c({className:c,...d}){return r(e,{className:t("border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50",c),"data-slot":"checkbox",...d,children:r(i,{className:"flex items-center justify-center text-current transition-none","data-slot":"checkbox-indicator",children:r(a,{className:"size-3.5"})})})}export{c as Checkbox};
 //# sourceMappingURL=checkbox.js.map

package/dist/esm/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/checkbox.js","sources":["webpack://@codefast/ui/./src/components/checkbox.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\nfunction Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element {\n  return (\n    <CheckboxPrimitive.Root\n      className={cn(\n        \"border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"checkbox\"\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className=\"flex items-center justify-center text-current transition-none\"\n        data-slot=\"checkbox-indicator\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox };\n"],"names":["Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon"],"mappings":";gJAaA,SAASA,EAAS,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAsD,EACtF,MACE,UAACC,EAAAA,IAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,2pBACAH,GAEF,YAAU,WACT,GAAGC,CAAK,C,SAET,UAACC,EAAAA,SAA2B,EAC1B,UAAU,gEACV,YAAU,qB,SAEV,UAACE,EAAAA,SAASA,CAAAA,CAAC,UAAU,U,MAI7B,Q"}
+{"version":3,"file":"components/checkbox.js","sources":["webpack://@codefast/ui/./src/components/checkbox.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Checkbox\n * -------------------------------------------------------------------------- */\n\nfunction Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element {\n  return (\n    <CheckboxPrimitive.Root\n      className={cn(\n        \"border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 transition disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"checkbox\"\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className=\"flex items-center justify-center text-current transition-none\"\n        data-slot=\"checkbox-indicator\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Checkbox };\n"],"names":["Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon"],"mappings":";qLAaA,SAASA,EAAS,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAsD,EACtF,OACE,EAACC,EAAsB,CACrB,UAAWC,EACT,2pBACAH,GAEF,YAAU,WACT,GAAGC,CAAK,C,SAET,EAACC,EAA2B,CAC1B,UAAU,gEACV,YAAU,qB,SAEV,EAACE,EAASA,CAAC,UAAU,U,MAI7B,Q"}

package/dist/esm/components/code.js

@@ -1,3 +1,3 @@
 "use client";
-import*as t from"react/jsx-runtime";import*as o from"@radix-ui/react-slot";function r({asChild:r,...e}){let a=r?o.Slot:"code";return(0,t.jsx)(a,{"data-slot":"code",...e})}export{r as Code};
+import{jsx as o}from"react/jsx-runtime";import{Slot as r}from"@radix-ui/react-slot";function t({asChild:t,...e}){return o(t?r:"code",{"data-slot":"code",...e})}export{t as Code};
 //# sourceMappingURL=code.js.map

package/dist/esm/components/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/code.js","sources":["webpack://@codefast/ui/./src/components/code.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Code\n * -------------------------------------------------------------------------- */\n\nfunction Code({\n  asChild,\n  ...props\n}: ComponentProps<\"code\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"code\";\n\n  return <Component data-slot=\"code\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Code };\n"],"names":["Code","asChild","props","Component","Slot"],"mappings":";2EAUA,SAASA,EAAK,CACZC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EACC,IAAMC,EAAYF,EAAUG,EAAAA,IAAIA,CAAG,OAEnC,MAAO,UAACD,EAAAA,CAAU,YAAU,OAAQ,GAAGD,CAAK,EAC9C,Q"}
+{"version":3,"file":"components/code.js","sources":["webpack://@codefast/ui/./src/components/code.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Code\n * -------------------------------------------------------------------------- */\n\nfunction Code({\n  asChild,\n  ...props\n}: ComponentProps<\"code\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"code\";\n\n  return <Component data-slot=\"code\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Code };\n"],"names":["Code","asChild","props","Slot","Component"],"mappings":";oFAUA,SAASA,EAAK,CACZC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EAGC,OAAO,EAFWD,EAAUE,EAAO,OAE3BC,CAAU,YAAU,OAAQ,GAAGF,CAAK,EAC9C,Q"}

package/dist/esm/components/collapsible.js

@@ -1,3 +1,3 @@
 "use client";
-import*as l from"react/jsx-runtime";import*as t from"@radix-ui/react-collapsible";function o({...o}){return(0,l.jsx)(t.Root,{"data-slot":"collapsible",...o})}function e({...o}){return(0,l.jsx)(t.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...o})}function r({...o}){return(0,l.jsx)(t.CollapsibleContent,{"data-slot":"collapsible-content",...o})}export{o as Collapsible,r as CollapsibleContent,e as CollapsibleTrigger};
+import{jsx as l}from"react/jsx-runtime";import{CollapsibleContent as o,CollapsibleTrigger as t,Root as e}from"@radix-ui/react-collapsible";function a({...o}){return l(e,{"data-slot":"collapsible",...o})}function i({...o}){return l(t,{"data-slot":"collapsible-trigger",...o})}function r({...t}){return l(o,{"data-slot":"collapsible-content",...t})}export{a as Collapsible,r as CollapsibleContent,i as CollapsibleTrigger};
 //# sourceMappingURL=collapsible.js.map

package/dist/esm/components/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/collapsible.js","sources":["webpack://@codefast/ui/./src/components/collapsible.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\n/* -----------------------------------------------------------------------------\n * Component: Collapsible\n * -------------------------------------------------------------------------- */\n\nfunction Collapsible({ ...props }: ComponentProps<typeof CollapsiblePrimitive.Root>): JSX.Element {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleTrigger\n * -------------------------------------------------------------------------- */\n\nfunction CollapsibleTrigger({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): JSX.Element {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleContent\n * -------------------------------------------------------------------------- */\n\nfunction CollapsibleContent({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): JSX.Element {\n  return <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"names":["Collapsible","props","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";kFAUA,SAASA,EAAY,CAAE,GAAGC,EAAyD,EACjF,MAAO,UAACC,EAAAA,IAAyB,EAAC,YAAU,cAAe,GAAGD,CAAK,EACrE,CAMA,SAASE,EAAmB,CAAE,GAAGF,EAAuE,EACtG,MAAO,UAACC,EAAAA,kBAAuC,EAAC,YAAU,sBAAuB,GAAGD,CAAK,EAC3F,CAMA,SAASG,EAAmB,CAAE,GAAGH,EAAuE,EACtG,MAAO,UAACC,EAAAA,kBAAuC,EAAC,YAAU,sBAAuB,GAAGD,CAAK,EAC3F,Q"}
+{"version":3,"file":"components/collapsible.js","sources":["webpack://@codefast/ui/./src/components/collapsible.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\n/* -----------------------------------------------------------------------------\n * Component: Collapsible\n * -------------------------------------------------------------------------- */\n\nfunction Collapsible({ ...props }: ComponentProps<typeof CollapsiblePrimitive.Root>): JSX.Element {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleTrigger\n * -------------------------------------------------------------------------- */\n\nfunction CollapsibleTrigger({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): JSX.Element {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleContent\n * -------------------------------------------------------------------------- */\n\nfunction CollapsibleContent({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): JSX.Element {\n  return <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"names":["Collapsible","props","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";2IAUA,SAASA,EAAY,CAAE,GAAGC,EAAyD,EACjF,OAAO,EAACC,EAAyB,CAAC,YAAU,cAAe,GAAGD,CAAK,EACrE,CAMA,SAASE,EAAmB,CAAE,GAAGF,EAAuE,EACtG,OAAO,EAACC,EAAuC,CAAC,YAAU,sBAAuB,GAAGD,CAAK,EAC3F,CAMA,SAASG,EAAmB,CAAE,GAAGH,EAAuE,EACtG,OAAO,EAACC,EAAuC,CAAC,YAAU,sBAAuB,GAAGD,CAAK,EAC3F,Q"}