@codefast/ui 0.2.46-canary.2 → 0.2.46-canary.4

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

@@ -0,0 +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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"}

package/dist/esm/components/chart.js

@@ -1,191 +1,3 @@
 "use client";
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_38ab4728__ from "@radix-ui/react-context";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_recharts__ from "recharts";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-const CHART_PROVIDER_NAME = "ChartProvider";
-const THEMES = {
-    dark: ".dark",
-    light: ""
-};
-const [createChartContext, createChartScope] = (0, __WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_38ab4728__.createContextScope)(CHART_PROVIDER_NAME);
-const [ChartContextProvider, useChartContext] = createChartContext(CHART_PROVIDER_NAME);
-function ChartContainer({ __scopeChart, id, children, className, config, ...props }) {
-    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_react__.useId)();
-    const chartId = `chart-${id || uniqueId}`;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ChartContextProvider, {
-        config: config,
-        scope: __scopeChart,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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", className),
-            "data-chart": chartId,
-            "data-slot": "chart",
-            ...props,
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ChartStyle, {
-                    config: config,
-                    id: chartId
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_recharts__.ResponsiveContainer, {
-                    children: children
-                })
-            ]
-        })
-    });
-}
-function ChartStyle({ id, config }) {
-    const cssString = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>generateCSS(id, config), [
-        id,
-        config
-    ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("style", {
-        dangerouslySetInnerHTML: {
-            __html: cssString
-        }
-    });
-}
-const ChartTooltip = __WEBPACK_EXTERNAL_MODULE_recharts__.Tooltip;
-const CHART_TOOLTIP_CONTENT_NAME = "ChartTooltipContent";
-function ChartTooltipContent({ __scopeChart, active, className, color, formatter, hideIndicator = false, hideLabel = false, indicator = "dot", label, labelClassName, labelFormatter, labelKey, nameKey, payload }) {
-    const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);
-    const tooltipLabel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (hideLabel || !payload?.length) return null;
-        const [item] = payload;
-        const key = `${labelKey || item.dataKey || item.name || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const value = labelKey || "string" != typeof label ? itemConfig?.label : config[label]?.label || label;
-        if (labelFormatter) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName),
-            children: labelFormatter(value, payload)
-        });
-        if (!value) return null;
-        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-            className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName),
-            children: value
-        });
-    }, [
-        config,
-        hideLabel,
-        label,
-        labelClassName,
-        labelFormatter,
-        labelKey,
-        payload
-    ]);
-    if (!active || !payload?.length) return null;
-    const nestLabel = 1 === payload.length && "dot" !== indicator;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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", className),
-        children: [
-            nestLabel ? null : tooltipLabel,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: "grid gap-1.5",
-                children: payload.map((item, index)=>{
-                    const key = `${nameKey || item.name || item.dataKey || "value"}`;
-                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-                    const indicatorColor = color || item.payload.fill || item.color;
-                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5", "dot" === indicator && "items-center"),
-                        children: formatter && void 0 !== item.value && item.name ? formatter(item.value, item.name, item, index, item.payload) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-                            children: [
-                                itemConfig?.icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(itemConfig.icon, {}) : !hideIndicator && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                    className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-(--color-border) bg-(--color-bg) rounded-xs shrink-0", {
-                                        "h-2.5 w-2.5": "dot" === indicator,
-                                        "my-0.5": nestLabel && "dashed" === indicator,
-                                        "w-0 border border-dashed bg-transparent": "dashed" === indicator,
-                                        "w-1": "line" === indicator
-                                    }),
-                                    style: {
-                                        "--color-bg": indicatorColor,
-                                        "--color-border": indicatorColor
-                                    }
-                                }),
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                                    className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
-                                    children: [
-                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                                            className: "grid gap-1.5",
-                                            children: [
-                                                nestLabel ? tooltipLabel : null,
-                                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                                    className: "text-muted-foreground",
-                                                    children: itemConfig?.label || item.name
-                                                })
-                                            ]
-                                        }),
-                                        item.value ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                            className: "text-foreground font-mono font-medium tabular-nums",
-                                            children: item.value.toLocaleString()
-                                        }) : null
-                                    ]
-                                })
-                            ]
-                        })
-                    }, item.dataKey);
-                })
-            })
-        ]
-    });
-}
-const ChartLegend = __WEBPACK_EXTERNAL_MODULE_recharts__.Legend;
-const CHART_LEGEND_CONTENT_NAME = "ChartLegendContent";
-function ChartLegendContent({ __scopeChart, className, hideIcon = false, nameKey, payload, verticalAlign = "bottom" }) {
-    const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);
-    if (!payload?.length) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex items-center justify-center gap-4", "top" === verticalAlign ? "pb-3" : "pt-3", className),
-        children: payload.map((item)=>{
-            let key = "value";
-            if (nameKey) key = nameKey;
-            else if (item.dataKey) key = String(item.dataKey);
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),
-                children: [
-                    itemConfig?.icon && !hideIcon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(itemConfig.icon, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        className: "size-2 shrink-0 rounded-md",
-                        style: {
-                            backgroundColor: item.color
-                        }
-                    }),
-                    itemConfig?.label
-                ]
-            }, String(item.value));
-        })
-    });
-}
-function getPayloadConfigFromPayload(config, payload, key) {
-    if (!isValidObject(payload)) return;
-    const nestedPayload = "payload" in payload && isValidObject(payload.payload) ? payload.payload : void 0;
-    const configLabelKey = getConfigLabelKey(payload, nestedPayload, key);
-    return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-function isValidObject(obj) {
-    return "object" == typeof obj && null !== obj;
-}
-function getConfigLabelKey(payload, nestedPayload, key) {
-    if (key in payload && "string" == typeof payload[key]) return payload[key];
-    if (nestedPayload && key in nestedPayload && "string" == typeof nestedPayload[key]) return nestedPayload[key];
-    return key;
-}
-function generateThemeCSS(theme, id, configEntries) {
-    const rules = [];
-    rules.push(`${THEMES[theme]} [data-chart=${id}] {`);
-    for (const [key, itemConfig] of configEntries){
-        const color = itemConfig?.theme?.[theme] || itemConfig?.color;
-        if (color) rules.push(`  --color-${key}: ${color};`);
-    }
-    rules.push("}");
-    return rules.join("\n");
-}
-function generateCSS(id, config) {
-    const themeOrColorConfig = Object.entries(config).filter(([_, itemConfig])=>itemConfig?.theme || itemConfig?.color);
-    const allRules = [];
-    for (const theme of Object.keys(THEMES)){
-        const themeCSS = generateThemeCSS(theme, id, themeOrColorConfig);
-        allRules.push(themeCSS);
-    }
-    return allRules.join("\n");
-}
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, createChartScope };
+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};
+//# sourceMappingURL=chart.js.map

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

@@ -0,0 +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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"}

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

@@ -1,32 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__ from "@codefast-ui/checkbox-group";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE__label_js_9a908b9b__ from "./label.js";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function CheckboxCards(props) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__.Root, {
-        "data-slot": "checkbox-cards",
-        ...props
-    });
-}
-function CheckboxCardsItem({ checkboxClassName, children, className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__label_js_9a908b9b__.Label, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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", className),
-        "data-slot": "checkbox-card",
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__.Item, {
-                className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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", checkboxClassName),
-                "data-slot": "checkbox-card-item",
-                ...props,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__.CheckboxGroupIndicator, {
-                    "data-slot": "checkbox-card-indicator",
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
-                        className: "size-3.5"
-                    })
-                })
-            }),
-            children
-        ]
-    });
-}
-export { CheckboxCards, CheckboxCardsItem };
+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};
+//# sourceMappingURL=checkbox-cards.js.map

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

@@ -0,0 +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"}

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

@@ -1,26 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__ from "@codefast-ui/checkbox-group";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function CheckboxGroup({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__.Root, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("grid gap-2", className),
-        "data-slot": "checkbox-group",
-        ...props
-    });
-}
-function CheckboxGroupItem({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__.Item, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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", className),
-        "data-slot": "checkbox-group-item",
-        ...props,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__codefast_ui_checkbox_group_1fac6f72__.CheckboxGroupIndicator, {
-            className: "flex items-center justify-center text-current transition-none",
-            "data-slot": "checkbox-group-indicator",
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
-                className: "size-3.5"
-            })
-        })
-    });
-}
-export { CheckboxGroup, CheckboxGroupItem };
+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};
+//# sourceMappingURL=checkbox-group.js.map

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

@@ -0,0 +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"}

package/dist/esm/components/checkbox.js

@@ -1,19 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__ from "@radix-ui/react-checkbox";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function Checkbox({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__.Root, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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", className),
-        "data-slot": "checkbox",
-        ...props,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__.Indicator, {
-            className: "flex items-center justify-center text-current transition-none",
-            "data-slot": "checkbox-indicator",
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
-                className: "size-3.5"
-            })
-        })
-    });
-}
-export { Checkbox };
+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};
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/checkbox.js","sources":["webpack://@codefast/ui/./src/components/checkbox.tsx"],"sourcesContent":["import 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":"gJAWA,SAASA,EAAS,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAsD,EACtF,MACE,UAACC,EAAAA,IAAsB,EACrB,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,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"}

package/dist/esm/components/code.js

@@ -1,10 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
-function Code({ asChild, ...props }) {
-    const Component = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "code";
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
-        "data-slot": "code",
-        ...props
-    });
-}
-export { Code };
+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};
+//# sourceMappingURL=code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/code.js","sources":["webpack://@codefast/ui/./src/components/code.tsx"],"sourcesContent":["import 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":"2EAQA,SAASA,EAAK,CACZC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EACC,IAAMC,EAAYF,EAAUG,EAAAA,IAAIA,CAAG,OAEnC,MAAO,UAACD,EAAAA,CAAU,YAAU,OAAQ,GAAGD,CAAK,A,EAC9C,Q"}

package/dist/esm/components/collapsible.js

@@ -1,21 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__ from "@radix-ui/react-collapsible";
-function Collapsible({ ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__.Root, {
-        "data-slot": "collapsible",
-        ...props
-    });
-}
-function CollapsibleTrigger({ ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__.CollapsibleTrigger, {
-        "data-slot": "collapsible-trigger",
-        ...props
-    });
-}
-function CollapsibleContent({ ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__.CollapsibleContent, {
-        "data-slot": "collapsible-content",
-        ...props
-    });
-}
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+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};
+//# sourceMappingURL=collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/collapsible.js","sources":["webpack://@codefast/ui/./src/components/collapsible.tsx"],"sourcesContent":["import 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":"kFAQA,SAASA,EAAY,CAAE,GAAGC,EAAyD,EACjF,MAAO,UAACC,EAAAA,IAAyB,EAAC,YAAU,cAAe,GAAGD,CAAK,A,EACrE,CAMA,SAASE,EAAmB,CAAE,GAAGF,EAAuE,EACtG,MAAO,UAACC,EAAAA,kBAAuC,EAAC,YAAU,sBAAuB,GAAGD,CAAK,A,EAC3F,CAMA,SAASG,EAAmB,CAAE,GAAGH,EAAuE,EACtG,MAAO,UAACC,EAAAA,kBAAuC,EAAC,YAAU,sBAAuB,GAAGD,CAAK,A,EAC3F,Q"}

package/dist/esm/components/command.js

@@ -1,107 +1,3 @@
 "use client";
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_visually_hidden_82455f0f__ from "@radix-ui/react-visually-hidden";
-import * as __WEBPACK_EXTERNAL_MODULE_cmdk__ from "cmdk";
-import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
-import * as __WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__ from "./dialog.js";
-import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
-function Command({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground outline-hidden flex flex-col overflow-hidden rounded-[inherit]", className),
-        "data-slot": "command",
-        ...props
-    });
-}
-function CommandDialog({ children, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.Dialog, {
-        "data-slot": "command-dialog",
-        ...props,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.DialogContent, {
-            className: "rounded-t-lg sm:rounded-lg",
-            "data-slot": "command-dialog-content",
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_visually_hidden_82455f0f__.VisuallyHidden, {
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.DialogTitle, {
-                            children: "Search command"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.DialogDescription, {
-                            children: "Use the search bar to find and select the desired command."
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Command, {
-                    className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12",
-                    children: children
-                })
-            ]
-        })
-    });
-}
-function CommandInput({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: "flex items-center gap-2 border-b px-3",
-        "cmdk-input-wrapper": "",
-        "data-slot": "command-input-wrapper",
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.SearchIcon, {
-                className: "size-4 shrink-0 opacity-50"
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Input, {
-                className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("placeholder:text-muted-foreground outline-hidden flex h-10 w-full text-base disabled:opacity-50 md:text-sm", className),
-                "data-slot": "command-input",
-                ...props
-            })
-        ]
-    });
-}
-function CommandList({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.List, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("max-h-75 overflow-y-auto overflow-x-hidden", className),
-        "data-slot": "command-list",
-        ...props
-    });
-}
-function CommandEmpty({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Empty, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("py-6 text-center text-sm", className),
-        "data-slot": "command-empty",
-        ...props
-    });
-}
-function CommandGroup({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Group, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
-        "data-slot": "command-group",
-        ...props
-    });
-}
-function CommandSeparator({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Separator, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-border -mx-1 h-px", className),
-        "data-slot": "command-separator",
-        ...props
-    });
-}
-function CommandItem({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Item, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("aria-selected:bg-accent aria-selected:text-accent-foreground outline-hidden group/command-item [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
-        "data-slot": "command-item",
-        ...props
-    });
-}
-function CommandLoading({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Loading, {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex justify-center p-2", className),
-        "data-slot": "command-loading",
-        ...props
-    });
-}
-function CommandShortcut({ className, ...props }) {
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-        className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className),
-        "data-slot": "command-shortcut",
-        ...props
-    });
-}
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut };
+import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-visually-hidden";import*as o from"cmdk";import*as a from"lucide-react";import*as n from"./dialog.js";import*as d from"../lib/utils.js";function m({className:t,...a}){return(0,e.jsx)(o.Command,{className:(0,d.cn)("bg-popover text-popover-foreground outline-hidden flex flex-col overflow-hidden rounded-[inherit]",t),"data-slot":"command",...a})}function r({children:o,...a}){return(0,e.jsx)(n.Dialog,{"data-slot":"command-dialog",...a,children:(0,e.jsxs)(n.DialogContent,{className:"rounded-t-lg sm:rounded-lg","data-slot":"command-dialog-content",children:[(0,e.jsxs)(t.VisuallyHidden,{children:[(0,e.jsx)(n.DialogTitle,{children:"Search command"}),(0,e.jsx)(n.DialogDescription,{children:"Use the search bar to find and select the desired command."})]}),(0,e.jsx)(m,{className:"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12",children:o})]})})}function s({className:t,...n}){return(0,e.jsxs)("div",{className:"flex items-center gap-2 border-b px-3","cmdk-input-wrapper":"","data-slot":"command-input-wrapper",children:[(0,e.jsx)(a.SearchIcon,{className:"size-4 shrink-0 opacity-50"}),(0,e.jsx)(o.Command.Input,{className:(0,d.cn)("placeholder:text-muted-foreground outline-hidden flex h-10 w-full text-base disabled:opacity-50 md:text-sm",t),"data-slot":"command-input",...n})]})}function c({className:t,...a}){return(0,e.jsx)(o.Command.List,{className:(0,d.cn)("max-h-75 overflow-y-auto overflow-x-hidden",t),"data-slot":"command-list",...a})}function i({className:t,...a}){return(0,e.jsx)(o.Command.Empty,{className:(0,d.cn)("py-6 text-center text-sm",t),"data-slot":"command-empty",...a})}function l({className:t,...a}){return(0,e.jsx)(o.Command.Group,{className:(0,d.cn)("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",t),"data-slot":"command-group",...a})}function u({className:t,...a}){return(0,e.jsx)(o.Command.Separator,{className:(0,d.cn)("bg-border -mx-1 h-px",t),"data-slot":"command-separator",...a})}function p({className:t,...a}){return(0,e.jsx)(o.Command.Item,{className:(0,d.cn)("aria-selected:bg-accent aria-selected:text-accent-foreground outline-hidden group/command-item [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",t),"data-slot":"command-item",...a})}function x({className:t,...a}){return(0,e.jsx)(o.Command.Loading,{className:(0,d.cn)("flex justify-center p-2",t),"data-slot":"command-loading",...a})}function g({className:t,...o}){return(0,e.jsx)("span",{className:(0,d.cn)("text-muted-foreground ml-auto text-xs tracking-widest",t),"data-slot":"command-shortcut",...o})}export{m as Command,r as CommandDialog,i as CommandEmpty,l as CommandGroup,s as CommandInput,p as CommandItem,c as CommandList,x as CommandLoading,u as CommandSeparator,g as CommandShortcut};
+//# sourceMappingURL=command.js.map