@arolariu/components 0.2.0 → 0.3.0

package/dist/components/ui/chart.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useId, useMemo } from "react";
+import { createContext, forwardRef, useContext, useId, useMemo } from "react";
 import { Legend, ResponsiveContainer, Tooltip } from "recharts";
 import { cn } from "../../lib/utilities.js";
 const THEMES = {
@@ -13,7 +13,7 @@ function useChart() {
     if (!context) throw new Error("useChart must be used within a <ChartContainer />");
     return context;
 }
-function ChartContainer({ id, className, children, config, ...props }) {
+const ChartContainer = /*#__PURE__*/ forwardRef(({ id, className, children, config, ...props }, ref)=>{
     const uniqueId = useId();
     const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
     return /*#__PURE__*/ jsx(ChartContext.Provider, {
@@ -21,9 +21,9 @@ function ChartContainer({ id, className, children, config, ...props }) {
             config
         },
         children: /*#__PURE__*/ jsxs("div", {
-            "data-slot": "chart",
             "data-chart": chartId,
-            className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+            ref: ref,
+            className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-sector]:outline-none [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-none", className),
             ...props,
             children: [
                 /*#__PURE__*/ jsx(ChartStyle, {
@@ -36,35 +36,33 @@ function ChartContainer({ id, className, children, config, ...props }) {
             ]
         })
     });
-}
+});
+ChartContainer.displayName = "Chart";
 const ChartStyle = ({ id, config })=>{
     const colorConfig = Object.entries(config).filter(([, config])=>config.theme || config.color);
     if (!colorConfig.length) return null;
     return /*#__PURE__*/ jsx("style", {
         dangerouslySetInnerHTML: {
             __html: Object.entries(THEMES).map(([theme, prefix])=>`
-            ${prefix} [data-chart=${id}] {
-            ${colorConfig.map(([key, itemConfig])=>{
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig])=>{
                     const color = itemConfig.theme?.[theme] || itemConfig.color;
                     return color ? `  --color-${key}: ${color};` : null;
-                }).join("\n")}
-            }
-            `).join("\n")
+                }).join("")}
+}
+`).join("")
         }
     });
 };
 const ChartTooltip = Tooltip;
-function ChartTooltipContent({ active, payload, label, className, indicator = "dot", hideLabel = false, hideIndicator = false, labelFormatter, formatter, labelClassName, color, nameKey, labelKey }) {
+const ChartTooltipContent = /*#__PURE__*/ forwardRef(({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }, ref)=>{
     const { config } = useChart();
     const tooltipLabel = 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 = (()=>{
-            const v = labelKey || "string" != typeof label ? itemConfig?.label : config[label]?.label ?? label;
-            return "string" == typeof v || "number" == typeof v ? v : void 0;
-        })();
+        const value = labelKey || "string" != typeof label ? itemConfig?.label : config[label]?.label || label;
         if (labelFormatter) return /*#__PURE__*/ jsx("div", {
             className: cn("font-medium", labelClassName),
             children: labelFormatter(value, payload)
@@ -86,21 +84,22 @@ function ChartTooltipContent({ active, payload, label, className, indicator = "d
     if (!active || !payload?.length) return null;
     const nestLabel = 1 === payload.length && "dot" !== indicator;
     return /*#__PURE__*/ jsxs("div", {
-        className: cn("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className),
+        ref: ref,
+        className: cn("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-neutral-200 border-neutral-200/50 bg-white px-2.5 py-1.5 text-xs shadow-xl dark:border-neutral-800 dark:border-neutral-800/50 dark:bg-neutral-950", className),
         children: [
             nestLabel ? null : tooltipLabel,
             /*#__PURE__*/ jsx("div", {
                 className: "grid gap-1.5",
-                children: payload.map((item, index)=>{
+                children: payload.filter((item)=>"none" !== item.type).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__*/ jsx("div", {
-                        className: cn("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", "dot" === indicator && "items-center"),
+                        className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-neutral-500 dark:[&>svg]:text-neutral-400", "dot" === indicator && "items-center"),
                         children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /*#__PURE__*/ jsxs(Fragment, {
                             children: [
                                 itemConfig?.icon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : !hideIndicator && /*#__PURE__*/ jsx("div", {
-                                    className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+                                    className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
                                         "h-2.5 w-2.5": "dot" === indicator,
                                         "w-1": "line" === indicator,
                                         "w-0 border-[1.5px] border-dashed bg-transparent": "dashed" === indicator,
@@ -119,13 +118,13 @@ function ChartTooltipContent({ active, payload, label, className, indicator = "d
                                             children: [
                                                 nestLabel ? tooltipLabel : null,
                                                 /*#__PURE__*/ jsx("span", {
-                                                    className: "text-muted-foreground",
+                                                    className: "text-neutral-500 dark:text-neutral-400",
                                                     children: itemConfig?.label || item.name
                                                 })
                                             ]
                                         }),
                                         item.value && /*#__PURE__*/ jsx("span", {
-                                            className: "text-foreground font-mono font-medium tabular-nums",
+                                            className: "font-mono font-medium text-neutral-950 tabular-nums dark:text-neutral-50",
                                             children: item.value.toLocaleString()
                                         })
                                     ]
@@ -137,18 +136,20 @@ function ChartTooltipContent({ active, payload, label, className, indicator = "d
             })
         ]
     });
-}
+});
+ChartTooltipContent.displayName = "ChartTooltip";
 const ChartLegend = Legend;
-function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }) {
+const ChartLegendContent = /*#__PURE__*/ forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref)=>{
     const { config } = useChart();
     if (!payload?.length) return null;
     return /*#__PURE__*/ jsx("div", {
+        ref: ref,
         className: cn("flex items-center justify-center gap-4", "top" === verticalAlign ? "pb-3" : "pt-3", className),
-        children: payload.map((item)=>{
+        children: payload.filter((item)=>"none" !== item.type).map((item)=>{
             const key = `${nameKey || item.dataKey || "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
             return /*#__PURE__*/ jsxs("div", {
-                className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+                className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-neutral-500 dark:[&>svg]:text-neutral-400"),
                 children: [
                     itemConfig?.icon && !hideIcon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : /*#__PURE__*/ jsx("div", {
                         className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -161,7 +162,8 @@ function ChartLegendContent({ className, hideIcon = false, payload, verticalAlig
             }, item.value);
         })
     });
-}
+});
+ChartLegendContent.displayName = "ChartLegend";
 function getPayloadConfigFromPayload(config, payload, key) {
     if ("object" != typeof payload || null === payload) return;
     const payloadPayload = "payload" in payload && "object" == typeof payload.payload && null !== payload.payload ? payload.payload : void 0;

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\chart.js","sources":["webpack://@arolariu/components/./src/components/ui/chart.tsx"],"sourcesContent":["\r\n\r\n/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\nimport * as RechartsPrimitive from \"recharts\";\r\n\r\nimport type {LegendPayload} from \"recharts/types/component/DefaultLegendContent\";\r\nimport {NameType, Payload, ValueType} from \"recharts/types/component/DefaultTooltipContent\";\r\nimport type {Props as LegendProps} from \"recharts/types/component/Legend\";\r\nimport {TooltipContentProps} from \"recharts/types/component/Tooltip\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\n// Format: { THEME_NAME: CSS_SELECTOR }\r\nconst THEMES = {light: \"\", dark: \".dark\"} as const;\r\n\r\nexport type ChartConfig = {\r\n  [k in string]: {\r\n    label?: React.ReactNode;\r\n    icon?: React.ComponentType;\r\n  } & ({color?: string; theme?: never} | {color?: never; theme: Record<keyof typeof THEMES, string>});\r\n};\r\n\r\ntype ChartContextProps = {\r\n  config: ChartConfig;\r\n};\r\n\r\nexport type CustomTooltipProps = TooltipContentProps<ValueType, NameType> & {\r\n  className?: string;\r\n  hideLabel?: boolean;\r\n  hideIndicator?: boolean;\r\n  indicator?: \"line\" | \"dot\" | \"dashed\";\r\n  nameKey?: string;\r\n  labelKey?: string;\r\n  labelFormatter?: (\r\n    label: TooltipContentProps<number, string>[\"label\"],\r\n    payload: TooltipContentProps<number, string>[\"payload\"],\r\n  ) => React.ReactNode;\r\n  formatter?: (\r\n    value: number | string,\r\n    name: string,\r\n    item: Payload<number | string, string>,\r\n    index: number,\r\n    payload: ReadonlyArray<Payload<number | string, string>>,\r\n  ) => React.ReactNode;\r\n  labelClassName?: string;\r\n  color?: string;\r\n};\r\n\r\nexport type ChartLegendContentProps = {\r\n  className?: string;\r\n  hideIcon?: boolean;\r\n  verticalAlign?: LegendProps[\"verticalAlign\"];\r\n  payload?: LegendPayload[];\r\n  nameKey?: string;\r\n};\r\n\r\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\r\n\r\nfunction useChart() {\r\n  const context = React.useContext(ChartContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\nfunction ChartContainer({\r\n  id,\r\n  className,\r\n  children,\r\n  config,\r\n  ...props\r\n}: React.ComponentProps<\"div\"> & {\r\n  config: ChartConfig;\r\n  children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"children\"];\r\n}) {\r\n  const uniqueId = React.useId();\r\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\r\n\r\n  return (\r\n    <ChartContext.Provider value={{config}}>\r\n      <div\r\n        data-slot='chart'\r\n        data-chart={chartId}\r\n        className={cn(\r\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 flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\r\n          className,\r\n        )}\r\n        {...props}>\r\n        <ChartStyle\r\n          id={chartId}\r\n          config={config}\r\n        />\r\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\r\n      </div>\r\n    </ChartContext.Provider>\r\n  );\r\n}\r\n\r\nconst ChartStyle = ({id, config}: {id: string; config: ChartConfig}) => {\r\n  const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);\r\n\r\n  if (!colorConfig.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <style\r\n      dangerouslySetInnerHTML={{\r\n        __html: Object.entries(THEMES)\r\n          .map(\r\n            ([theme, prefix]) => `\r\n            ${prefix} [data-chart=${id}] {\r\n            ${colorConfig\r\n              .map(([key, itemConfig]) => {\r\n                const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;\r\n                return color ? `  --color-${key}: ${color};` : null;\r\n              })\r\n              .join(\"\\n\")}\r\n            }\r\n            `,\r\n          )\r\n          .join(\"\\n\"),\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nconst ChartTooltip = RechartsPrimitive.Tooltip;\r\n\r\nfunction ChartTooltipContent({\r\n  active,\r\n  payload,\r\n  label,\r\n  className,\r\n  indicator = \"dot\",\r\n  hideLabel = false,\r\n  hideIndicator = false,\r\n  labelFormatter,\r\n  formatter,\r\n  labelClassName,\r\n  color,\r\n  nameKey,\r\n  labelKey,\r\n}: CustomTooltipProps) {\r\n  const {config} = useChart();\r\n\r\n  const tooltipLabel = React.useMemo(() => {\r\n    if (hideLabel || !payload?.length) {\r\n      return null;\r\n    }\r\n\r\n    const [item] = payload;\r\n    const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\r\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n    const value = (() => {\r\n      const v = !labelKey && typeof label === \"string\" ? (config[label as keyof typeof config]?.label ?? label) : itemConfig?.label;\r\n\r\n      return typeof v === \"string\" || typeof v === \"number\" ? v : undefined;\r\n    })();\r\n\r\n    if (labelFormatter) {\r\n      return <div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>;\r\n    }\r\n\r\n    if (!value) {\r\n      return null;\r\n    }\r\n\r\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\r\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\r\n\r\n  if (!active || !payload?.length) {\r\n    return null;\r\n  }\r\n\r\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\r\n        className,\r\n      )}>\r\n      {!nestLabel ? tooltipLabel : null}\r\n      <div className='grid gap-1.5'>\r\n        {payload.map((item, index) => {\r\n          const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\r\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n          const indicatorColor = color || item.payload.fill || item.color;\r\n\r\n          return (\r\n            <div\r\n              key={item.dataKey}\r\n              className={cn(\r\n                \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\r\n                indicator === \"dot\" && \"items-center\",\r\n              )}>\r\n              {formatter && item?.value !== undefined && item.name ? (\r\n                formatter(item.value, item.name, item, index, item.payload)\r\n              ) : (\r\n                <>\r\n                  {itemConfig?.icon ? (\r\n                    <itemConfig.icon />\r\n                  ) : (\r\n                    !hideIndicator && (\r\n                      <div\r\n                        className={cn(\"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\", {\r\n                          \"h-2.5 w-2.5\": indicator === \"dot\",\r\n                          \"w-1\": indicator === \"line\",\r\n                          \"w-0 border-[1.5px] border-dashed bg-transparent\": indicator === \"dashed\",\r\n                          \"my-0.5\": nestLabel && indicator === \"dashed\",\r\n                        })}\r\n                        style={\r\n                          {\r\n                            \"--color-bg\": indicatorColor,\r\n                            \"--color-border\": indicatorColor,\r\n                          } as React.CSSProperties\r\n                        }\r\n                      />\r\n                    )\r\n                  )}\r\n                  <div className={cn(\"flex flex-1 justify-between leading-none\", nestLabel ? \"items-end\" : \"items-center\")}>\r\n                    <div className='grid gap-1.5'>\r\n                      {nestLabel ? tooltipLabel : null}\r\n                      <span className='text-muted-foreground'>{itemConfig?.label || item.name}</span>\r\n                    </div>\r\n                    {item.value && (\r\n                      <span className='text-foreground font-mono font-medium tabular-nums'>{item.value.toLocaleString()}</span>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst ChartLegend = RechartsPrimitive.Legend;\r\n\r\nfunction ChartLegendContent({className, hideIcon = false, payload, verticalAlign = \"bottom\", nameKey}: ChartLegendContentProps) {\r\n  const {config} = useChart();\r\n\r\n  if (!payload?.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"flex items-center justify-center gap-4\", verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\", className)}>\r\n      {payload.map((item) => {\r\n        const key = `${nameKey || item.dataKey || \"value\"}`;\r\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n\r\n        return (\r\n          <div\r\n            key={item.value}\r\n            className={cn(\"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\")}>\r\n            {itemConfig?.icon && !hideIcon ? (\r\n              <itemConfig.icon />\r\n            ) : (\r\n              <div\r\n                className='h-2 w-2 shrink-0 rounded-[2px]'\r\n                style={{\r\n                  backgroundColor: item.color,\r\n                }}\r\n              />\r\n            )}\r\n            {itemConfig?.label}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\n// Helper to extract item config from a payload.\r\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\r\n  if (typeof payload !== \"object\" || payload === null) {\r\n    return undefined;\r\n  }\r\n\r\n  const payloadPayload =\r\n    \"payload\" in payload && typeof payload.payload === \"object\" && payload.payload !== null ? payload.payload : undefined;\r\n\r\n  let configLabelKey: string = key;\r\n\r\n  if (key in payload && typeof payload[key as keyof typeof payload] === \"string\") {\r\n    configLabelKey = payload[key as keyof typeof payload] as string;\r\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\") {\r\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\r\n  }\r\n\r\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\r\n}\r\n\r\nexport {ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent};\r\n"],"names":["THEMES","ChartContext","React","useChart","context","Error","ChartContainer","id","className","children","config","props","uniqueId","chartId","cn","ChartStyle","RechartsPrimitive","colorConfig","Object","theme","prefix","key","itemConfig","color","ChartTooltip","ChartTooltipContent","active","payload","label","indicator","hideLabel","hideIndicator","labelFormatter","formatter","labelClassName","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","v","undefined","nestLabel","index","indicatorColor","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":";;;;;AAeA,MAAMA,SAAS;IAAC,OAAO;IAAI,MAAM;AAAO;AA2CxC,MAAMC,eAAe,WAAfA,GAAeC,cAA8C;AAEnE,SAASC;IACP,MAAMC,UAAUF,WAAiBD;IAEjC,IAAI,CAACG,SACH,MAAM,IAAIC,MAAM;IAGlB,OAAOD;AACT;AAEA,SAASE,eAAe,EACtBC,EAAE,EACFC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACN,GAAGC,OAIJ;IACC,MAAMC,WAAWV;IACjB,MAAMW,UAAU,CAAC,MAAM,EAAEN,MAAMK,SAAS,OAAO,CAAC,MAAM,KAAK;IAE3D,OAAO,WAAP,GACE,IAACX,aAAa,QAAQ;QAAC,OAAO;YAACS;QAAM;kBACnC,mBAAC;YACC,aAAU;YACV,cAAYG;YACZ,WAAWC,GACT,+pBACAN;YAED,GAAGG,KAAK;;8BACT,IAACI,YAAAA;oBACC,IAAIF;oBACJ,QAAQH;;8BAEV,IAACM,qBAAqC;8BAAEP;;;;;AAIhD;AAEA,MAAMM,aAAa,CAAC,EAACR,EAAE,EAAEG,MAAM,EAAoC;IACjE,MAAMO,cAAcC,OAAO,OAAO,CAACR,QAAQ,MAAM,CAAC,CAAC,GAAGA,OAAO,GAAKA,OAAO,KAAK,IAAIA,OAAO,KAAK;IAE9F,IAAI,CAACO,YAAY,MAAM,EACrB,OAAO;IAGT,OAAO,WAAP,GACE,IAAC;QACC,yBAAyB;YACvB,QAAQC,OAAO,OAAO,CAAClB,QACpB,GAAG,CACF,CAAC,CAACmB,OAAOC,OAAO,GAAK,CAAC;YACtB,EAAEA,OAAO,aAAa,EAAEb,GAAG;YAC3B,EAAEU,YACC,GAAG,CAAC,CAAC,CAACI,KAAKC,WAAW;oBACrB,MAAMC,QAAQD,WAAW,KAAK,EAAE,CAACH,MAAuC,IAAIG,WAAW,KAAK;oBAC5F,OAAOC,QAAQ,CAAC,UAAU,EAAEF,IAAI,EAAE,EAAEE,MAAM,CAAC,CAAC,GAAG;gBACjD,GACC,IAAI,CAAC,MAAM;;YAEd,CAAC,EAEF,IAAI,CAAC;QACV;;AAGN;AAEA,MAAMC,eAAeR;AAErB,SAASS,oBAAoB,EAC3BC,MAAM,EACNC,OAAO,EACPC,KAAK,EACLpB,SAAS,EACTqB,YAAY,KAAK,EACjBC,YAAY,KAAK,EACjBC,gBAAgB,KAAK,EACrBC,cAAc,EACdC,SAAS,EACTC,cAAc,EACdX,KAAK,EACLY,OAAO,EACPC,QAAQ,EACW;IACnB,MAAM,EAAC1B,MAAM,EAAC,GAAGP;IAEjB,MAAMkC,eAAenC,QAAc;QACjC,IAAI4B,aAAa,CAACH,SAAS,QACzB,OAAO;QAGT,MAAM,CAACW,KAAK,GAAGX;QACf,MAAMN,MAAM,GAAGe,YAAYE,MAAM,WAAWA,MAAM,QAAQ,SAAS;QACnE,MAAMhB,aAAaiB,4BAA4B7B,QAAQ4B,MAAMjB;QAC7D,MAAMmB,QAAS;YACb,MAAMC,IAAI,YAAa,mBAAOb,QAA8EN,YAAY,QAApEZ,MAAM,CAACkB,MAA6B,EAAE,SAASA;YAEnG,OAAO,mBAAOa,KAAkB,mBAAOA,IAAiBA,IAAIC;QAC9D;QAEA,IAAIV,gBACF,OAAO,WAAP,GAAO,IAAC;YAAI,WAAWlB,GAAG,eAAeoB;sBAAkBF,eAAeQ,OAAOb;;QAGnF,IAAI,CAACa,OACH,OAAO;QAGT,OAAO,WAAP,GAAO,IAAC;YAAI,WAAW1B,GAAG,eAAeoB;sBAAkBM;;IAC7D,GAAG;QAACZ;QAAOI;QAAgBL;QAASG;QAAWI;QAAgBxB;QAAQ0B;KAAS;IAEhF,IAAI,CAACV,UAAU,CAACC,SAAS,QACvB,OAAO;IAGT,MAAMgB,YAAYhB,MAAAA,QAAQ,MAAM,IAAUE,UAAAA;IAE1C,OAAO,WAAP,GACE,KAAC;QACC,WAAWf,GACT,0HACAN;;YAEAmC,YAA2B,OAAfN;0BACd,IAAC;gBAAI,WAAU;0BACZV,QAAQ,GAAG,CAAC,CAACW,MAAMM;oBAClB,MAAMvB,MAAM,GAAGc,WAAWG,KAAK,IAAI,IAAIA,KAAK,OAAO,IAAI,SAAS;oBAChE,MAAMhB,aAAaiB,4BAA4B7B,QAAQ4B,MAAMjB;oBAC7D,MAAMwB,iBAAiBtB,SAASe,KAAK,OAAO,CAAC,IAAI,IAAIA,KAAK,KAAK;oBAE/D,OAAO,WAAP,GACE,IAAC;wBAEC,WAAWxB,GACT,uGACAe,UAAAA,aAAuB;kCAExBI,aAAaK,MAAM,UAAUI,UAAaJ,KAAK,IAAI,GAClDL,UAAUK,KAAK,KAAK,EAAEA,KAAK,IAAI,EAAEA,MAAMM,OAAON,KAAK,OAAO,kBAE1D;;gCACGhB,YAAY,OAAO,WAAP,GACX,IAACA,WAAW,IAAI,QAEhB,CAACS,iBAAiB,WAAjBA,GACC,IAAC;oCACC,WAAWjB,GAAG,kEAAkE;wCAC9E,eAAee,UAAAA;wCACf,OAAOA,WAAAA;wCACP,mDAAmDA,aAAAA;wCACnD,UAAUc,aAAad,aAAAA;oCACzB;oCACA,OACE;wCACE,cAAcgB;wCACd,kBAAkBA;oCACpB;;8CAKR,KAAC;oCAAI,WAAW/B,GAAG,4CAA4C6B,YAAY,cAAc;;sDACvF,KAAC;4CAAI,WAAU;;gDACZA,YAAYN,eAAe;8DAC5B,IAAC;oDAAK,WAAU;8DAAyBf,YAAY,SAASgB,KAAK,IAAI;;;;wCAExEA,KAAK,KAAK,IAAI,WAAJ,GACT,IAAC;4CAAK,WAAU;sDAAsDA,KAAK,KAAK,CAAC,cAAc;;;;;;uBAnClGA,KAAK,OAAO;gBA0CvB;;;;AAIR;AAEA,MAAMQ,cAAc9B;AAEpB,SAAS+B,mBAAmB,EAACvC,SAAS,EAAEwC,WAAW,KAAK,EAAErB,OAAO,EAAEsB,gBAAgB,QAAQ,EAAEd,OAAO,EAA0B;IAC5H,MAAM,EAACzB,MAAM,EAAC,GAAGP;IAEjB,IAAI,CAACwB,SAAS,QACZ,OAAO;IAGT,OAAO,WAAP,GACE,IAAC;QAAI,WAAWb,GAAG,0CAA0CmC,UAAAA,gBAA0B,SAAS,QAAQzC;kBACrGmB,QAAQ,GAAG,CAAC,CAACW;YACZ,MAAMjB,MAAM,GAAGc,WAAWG,KAAK,OAAO,IAAI,SAAS;YACnD,MAAMhB,aAAaiB,4BAA4B7B,QAAQ4B,MAAMjB;YAE7D,OAAO,WAAP,GACE,KAAC;gBAEC,WAAWP,GAAG;;oBACbQ,YAAY,QAAQ,CAAC0B,WAAW,WAAXA,GACpB,IAAC1B,WAAW,IAAI,sBAEhB,IAAC;wBACC,WAAU;wBACV,OAAO;4BACL,iBAAiBgB,KAAK,KAAK;wBAC7B;;oBAGHhB,YAAY;;eAZRgB,KAAK,KAAK;QAerB;;AAGN;AAGA,SAASC,4BAA4B7B,MAAmB,EAAEiB,OAAgB,EAAEN,GAAW;IACrF,IAAI,mBAAOM,WAAwBA,SAAAA,SACjC;IAGF,MAAMuB,iBACJ,aAAavB,WAAW,mBAAOA,QAAQ,OAAO,IAAiBA,SAAAA,QAAQ,OAAO,GAAYA,QAAQ,OAAO,GAAGe;IAE9G,IAAIS,iBAAyB9B;IAE7B,IAAIA,OAAOM,WAAW,mBAAOA,OAAO,CAACN,IAA4B,EAC/D8B,iBAAiBxB,OAAO,CAACN,IAA4B;SAChD,IAAI6B,kBAAkB7B,OAAO6B,kBAAkB,mBAAOA,cAAc,CAAC7B,IAAmC,EAC7G8B,iBAAiBD,cAAc,CAAC7B,IAAmC;IAGrE,OAAO8B,kBAAkBzC,SAASA,MAAM,CAACyC,eAAe,GAAGzC,MAAM,CAACW,IAA2B;AAC/F"}
+{"version":3,"file":"components\\ui\\chart.js","sources":["webpack://@arolariu/components/./src/components/ui/chart.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\nimport * as RechartsPrimitive from \"recharts\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\n// Format: { THEME_NAME: CSS_SELECTOR }\r\nconst THEMES = {light: \"\", dark: \".dark\"} as const;\r\n\r\nexport type ChartConfig = {\r\n  [k in string]: {\r\n    label?: React.ReactNode;\r\n    icon?: React.ComponentType;\r\n  } & ({color?: string; theme?: never} | {color?: never; theme: Record<keyof typeof THEMES, string>});\r\n};\r\n\r\ntype ChartContextProps = {\r\n  config: ChartConfig;\r\n};\r\n\r\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\r\n\r\nfunction useChart() {\r\n  const context = React.useContext(ChartContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\nconst ChartContainer = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\"> & {\r\n    config: ChartConfig;\r\n    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"children\"];\r\n  }\r\n>(({id, className, children, config, ...props}, ref) => {\r\n  const uniqueId = React.useId();\r\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\r\n\r\n  return (\r\n    <ChartContext.Provider value={{config}}>\r\n      <div\r\n        data-chart={chartId}\r\n        ref={ref}\r\n        className={cn(\r\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 flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-sector]:outline-none [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-none\",\r\n          className,\r\n        )}\r\n        {...props}>\r\n        <ChartStyle\r\n          id={chartId}\r\n          config={config}\r\n        />\r\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\r\n      </div>\r\n    </ChartContext.Provider>\r\n  );\r\n});\r\nChartContainer.displayName = \"Chart\";\r\n\r\nconst ChartStyle = ({id, config}: {id: string; config: ChartConfig}) => {\r\n  const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);\r\n\r\n  if (!colorConfig.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <style\r\n      dangerouslySetInnerHTML={{\r\n        __html: Object.entries(THEMES)\r\n          .map(\r\n            ([theme, prefix]) => `\r\n${prefix} [data-chart=${id}] {\r\n${colorConfig\r\n  .map(([key, itemConfig]) => {\r\n    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;\r\n    return color ? `  --color-${key}: ${color};` : null;\r\n  })\r\n  .join(\"\")}\r\n}\r\n`,\r\n          )\r\n          .join(\"\"),\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nconst ChartTooltip = RechartsPrimitive.Tooltip;\r\n\r\nconst ChartTooltipContent = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip>\r\n    & React.ComponentProps<\"div\"> & {\r\n      hideLabel?: boolean;\r\n      hideIndicator?: boolean;\r\n      indicator?: \"line\" | \"dot\" | \"dashed\";\r\n      nameKey?: string;\r\n      labelKey?: string;\r\n    }\r\n>(\r\n  (\r\n    {\r\n      active,\r\n      payload,\r\n      className,\r\n      indicator = \"dot\",\r\n      hideLabel = false,\r\n      hideIndicator = false,\r\n      label,\r\n      labelFormatter,\r\n      labelClassName,\r\n      formatter,\r\n      color,\r\n      nameKey,\r\n      labelKey,\r\n    },\r\n    ref,\r\n  ) => {\r\n    const {config} = useChart();\r\n\r\n    const tooltipLabel = React.useMemo(() => {\r\n      if (hideLabel || !payload?.length) {\r\n        return null;\r\n      }\r\n\r\n      const [item] = payload;\r\n      const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\r\n      const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n      const value = !labelKey && typeof label === \"string\" ? config[label as keyof typeof config]?.label || label : itemConfig?.label;\r\n\r\n      if (labelFormatter) {\r\n        return <div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>;\r\n      }\r\n\r\n      if (!value) {\r\n        return null;\r\n      }\r\n\r\n      return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\r\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\r\n\r\n    if (!active || !payload?.length) {\r\n      return null;\r\n    }\r\n\r\n    const nestLabel = payload.length === 1 && indicator !== \"dot\";\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(\r\n          \"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-neutral-200 border-neutral-200/50 bg-white px-2.5 py-1.5 text-xs shadow-xl dark:border-neutral-800 dark:border-neutral-800/50 dark:bg-neutral-950\",\r\n          className,\r\n        )}>\r\n        {!nestLabel ? tooltipLabel : null}\r\n        <div className='grid gap-1.5'>\r\n          {payload\r\n            .filter((item) => item.type !== \"none\")\r\n            .map((item, index) => {\r\n              const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\r\n              const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n              const indicatorColor = color || item.payload.fill || item.color;\r\n\r\n              return (\r\n                <div\r\n                  key={item.dataKey}\r\n                  className={cn(\r\n                    \"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-neutral-500 dark:[&>svg]:text-neutral-400\",\r\n                    indicator === \"dot\" && \"items-center\",\r\n                  )}>\r\n                  {formatter && item?.value !== undefined && item.name ? (\r\n                    formatter(item.value, item.name, item, index, item.payload)\r\n                  ) : (\r\n                    <>\r\n                      {itemConfig?.icon ? (\r\n                        <itemConfig.icon />\r\n                      ) : (\r\n                        !hideIndicator && (\r\n                          <div\r\n                            className={cn(\"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]\", {\r\n                              \"h-2.5 w-2.5\": indicator === \"dot\",\r\n                              \"w-1\": indicator === \"line\",\r\n                              \"w-0 border-[1.5px] border-dashed bg-transparent\": indicator === \"dashed\",\r\n                              \"my-0.5\": nestLabel && indicator === \"dashed\",\r\n                            })}\r\n                            style={\r\n                              {\r\n                                \"--color-bg\": indicatorColor,\r\n                                \"--color-border\": indicatorColor,\r\n                              } as React.CSSProperties\r\n                            }\r\n                          />\r\n                        )\r\n                      )}\r\n                      <div className={cn(\"flex flex-1 justify-between leading-none\", nestLabel ? \"items-end\" : \"items-center\")}>\r\n                        <div className='grid gap-1.5'>\r\n                          {nestLabel ? tooltipLabel : null}\r\n                          <span className='text-neutral-500 dark:text-neutral-400'>{itemConfig?.label || item.name}</span>\r\n                        </div>\r\n                        {item.value && (\r\n                          <span className='font-mono font-medium text-neutral-950 tabular-nums dark:text-neutral-50'>\r\n                            {item.value.toLocaleString()}\r\n                          </span>\r\n                        )}\r\n                      </div>\r\n                    </>\r\n                  )}\r\n                </div>\r\n              );\r\n            })}\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\nChartTooltipContent.displayName = \"ChartTooltip\";\r\n\r\nconst ChartLegend = RechartsPrimitive.Legend;\r\n\r\nconst ChartLegendContent = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\">\r\n    & Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\r\n      hideIcon?: boolean;\r\n      nameKey?: string;\r\n    }\r\n>(({className, hideIcon = false, payload, verticalAlign = \"bottom\", nameKey}, ref) => {\r\n  const {config} = useChart();\r\n\r\n  if (!payload?.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className={cn(\"flex items-center justify-center gap-4\", verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\", className)}>\r\n      {payload\r\n        .filter((item) => item.type !== \"none\")\r\n        .map((item) => {\r\n          const key = `${nameKey || item.dataKey || \"value\"}`;\r\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n\r\n          return (\r\n            <div\r\n              key={item.value}\r\n              className={cn(\"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-neutral-500 dark:[&>svg]:text-neutral-400\")}>\r\n              {itemConfig?.icon && !hideIcon ? (\r\n                <itemConfig.icon />\r\n              ) : (\r\n                <div\r\n                  className='h-2 w-2 shrink-0 rounded-[2px]'\r\n                  style={{\r\n                    backgroundColor: item.color,\r\n                  }}\r\n                />\r\n              )}\r\n              {itemConfig?.label}\r\n            </div>\r\n          );\r\n        })}\r\n    </div>\r\n  );\r\n});\r\nChartLegendContent.displayName = \"ChartLegend\";\r\n\r\n// Helper to extract item config from a payload.\r\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\r\n  if (typeof payload !== \"object\" || payload === null) {\r\n    return undefined;\r\n  }\r\n\r\n  const payloadPayload =\r\n    \"payload\" in payload && typeof payload.payload === \"object\" && payload.payload !== null ? payload.payload : undefined;\r\n\r\n  let configLabelKey: string = key;\r\n\r\n  if (key in payload && typeof payload[key as keyof typeof payload] === \"string\") {\r\n    configLabelKey = payload[key as keyof typeof payload] as string;\r\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\") {\r\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\r\n  }\r\n\r\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\r\n}\r\n\r\nexport {ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent};\r\n"],"names":["THEMES","ChartContext","React","useChart","context","Error","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","cn","ChartStyle","RechartsPrimitive","colorConfig","Object","theme","prefix","key","itemConfig","color","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","undefined","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}

package/dist/components/ui/checkbox.d.ts

@@ -1,5 +1,5 @@
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as React from "react";
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAgB3F;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAeZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/ui/checkbox.js

@@ -1,23 +1,21 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Indicator, Root } from "@radix-ui/react-checkbox";
-import { CheckIcon } from "lucide-react";
-import "react";
+import { Check } from "lucide-react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Checkbox({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "checkbox",
-        className: cn("peer size-4 shrink-0 rounded-[4px] border border-neutral-200 shadow-xs transition-shadow outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 data-[state=checked]:border-neutral-900 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:border-red-900 dark:aria-invalid:ring-red-500/40 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:data-[state=checked]:border-neutral-50 dark:dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:bg-neutral-900 dark:data-[state=checked]:text-neutral-900", className),
+const Checkbox = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-neutral-200 border-neutral-900 shadow focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 dark:border-neutral-50 dark:border-neutral-800 dark:focus-visible:ring-neutral-300 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:text-neutral-900", className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {
-            "data-slot": "checkbox-indicator",
-            className: "flex items-center justify-center text-current transition-none",
-            children: /*#__PURE__*/ jsx(CheckIcon, {
-                className: "size-3.5"
+            className: cn("flex items-center justify-center text-current"),
+            children: /*#__PURE__*/ jsx(Check, {
+                className: "h-4 w-4"
             })
         })
-    });
-}
+    }));
+Checkbox.displayName = Root.displayName;
 export { Checkbox };
 
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\checkbox.js","sources":["webpack://@arolariu/components/./src/components/ui/checkbox.tsx"],"sourcesContent":["\r\n\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport {CheckIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Checkbox({className, ...props}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\r\n  return (\r\n    <CheckboxPrimitive.Root\r\n      data-slot='checkbox'\r\n      className={cn(\r\n        \"peer size-4 shrink-0 rounded-[4px] border border-neutral-200 shadow-xs transition-shadow outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 data-[state=checked]:border-neutral-900 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:border-red-900 dark:aria-invalid:ring-red-500/40 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:data-[state=checked]:border-neutral-50 dark:dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:bg-neutral-900 dark:data-[state=checked]:text-neutral-900\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <CheckboxPrimitive.Indicator\r\n        data-slot='checkbox-indicator'\r\n        className='flex items-center justify-center text-current transition-none'>\r\n        <CheckIcon className='size-3.5' />\r\n      </CheckboxPrimitive.Indicator>\r\n    </CheckboxPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport {Checkbox};\r\n"],"names":["Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon"],"mappings":";;;;;;AAQA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAA2D;IAC1F,OAAO,WAAP,GACE,IAACC,MAAsB;QACrB,aAAU;QACV,WAAWC,GACT,w5BACAH;QAED,GAAGC,KAAK;kBACT,kBAACC,WAA2B;YAC1B,aAAU;YACV,WAAU;sBACV,kBAACE,WAASA;gBAAC,WAAU;;;;AAI7B"}
+{"version":3,"file":"components\\ui\\checkbox.js","sources":["webpack://@arolariu/components/./src/components/ui/checkbox.tsx"],"sourcesContent":["\r\n\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport {Check} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Checkbox = React.forwardRef<\r\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n  <CheckboxPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      \"peer h-4 w-4 shrink-0 rounded-sm border border-neutral-200 border-neutral-900 shadow focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 dark:border-neutral-50 dark:border-neutral-800 dark:focus-visible:ring-neutral-300 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:text-neutral-900\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current\")}>\r\n      <Check className='h-4 w-4' />\r\n    </CheckboxPrimitive.Indicator>\r\n  </CheckboxPrimitive.Root>\r\n));\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\n\r\nexport {Checkbox};\r\n"],"names":["Checkbox","React","className","props","ref","CheckboxPrimitive","cn","Check"],"mappings":";;;;;;AAQA,MAAMA,WAAW,WAAXA,GAAWC,WAGf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAsB;QACrB,KAAKD;QACL,WAAWE,GACT,scACAJ;QAED,GAAGC,KAAK;kBACT,kBAACE,WAA2B;YAAC,WAAWC,GAAG;sBACzC,kBAACC,OAAKA;gBAAC,WAAU;;;;AAIvBP,SAAS,WAAW,GAAGK,KAAAA,WAAkC"}

package/dist/components/ui/collapsible.d.ts

@@ -1,7 +1,6 @@
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import * as React from "react";
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
 //# sourceMappingURL=collapsible.d.ts.map

package/dist/components/ui/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAOtF;AAED,iBAAS,kBAAkB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAO3G;AAED,iBAAS,kBAAkB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAO3G;AAED,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,CAAC"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,4IAA0C,CAAC;AAEnE,QAAA,MAAM,kBAAkB,yIAA0C,CAAC;AAEnE,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,CAAC"}

package/dist/components/ui/collapsible.js

@@ -1,25 +1,8 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { CollapsibleContent, CollapsibleTrigger, Root } from "@radix-ui/react-collapsible";
-import "react";
-function Collapsible({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "collapsible",
-        ...props
-    });
-}
-function collapsible_CollapsibleTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(CollapsibleTrigger, {
-        "data-slot": "collapsible-trigger",
-        ...props
-    });
-}
-function collapsible_CollapsibleContent({ ...props }) {
-    return /*#__PURE__*/ jsx(CollapsibleContent, {
-        "data-slot": "collapsible-content",
-        ...props
-    });
-}
+const Collapsible = Root;
+const collapsible_CollapsibleTrigger = CollapsibleTrigger;
+const collapsible_CollapsibleContent = CollapsibleContent;
 export { Collapsible, collapsible_CollapsibleContent as CollapsibleContent, collapsible_CollapsibleTrigger as CollapsibleTrigger };
 
 //# sourceMappingURL=collapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\collapsible.js","sources":["webpack://@arolariu/components/./src/components/ui/collapsible.tsx"],"sourcesContent":["\r\n\r\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\r\nimport * as React from \"react\";\r\n\r\nfunction Collapsible({...props}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\r\n  return (\r\n    <CollapsiblePrimitive.Root\r\n      data-slot='collapsible'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction CollapsibleTrigger({...props}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\r\n  return (\r\n    <CollapsiblePrimitive.CollapsibleTrigger\r\n      data-slot='collapsible-trigger'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction CollapsibleContent({...props}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\r\n  return (\r\n    <CollapsiblePrimitive.CollapsibleContent\r\n      data-slot='collapsible-content'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Collapsible, CollapsibleContent, CollapsibleTrigger};\r\n"],"names":["Collapsible","props","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;AAKA,SAASA,YAAY,EAAC,GAAGC,OAA8D;IACrF,OAAO,WAAP,GACE,IAACC,MAAyB;QACxB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASE,+BAAmB,EAAC,GAAGF,OAA4E;IAC1G,OAAO,WAAP,GACE,IAACC,oBAAuC;QACtC,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASG,+BAAmB,EAAC,GAAGH,OAA4E;IAC1G,OAAO,WAAP,GACE,IAACC,oBAAuC;QACtC,aAAU;QACT,GAAGD,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\collapsible.js","sources":["webpack://@arolariu/components/./src/components/ui/collapsible.tsx"],"sourcesContent":["\r\n\r\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\r\n\r\nconst Collapsible = CollapsiblePrimitive.Root;\r\n\r\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\r\n\r\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\r\n\r\nexport {Collapsible, CollapsibleContent, CollapsibleTrigger};\r\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";;AAIA,MAAMA,cAAcC;AAEpB,MAAMC,iCAAqBD;AAE3B,MAAME,iCAAqBF"}

package/dist/components/ui/command.d.ts

@@ -1,19 +1,81 @@
-import { Command as CommandPrimitive } from "cmdk";
+import type { DialogProps } from "@radix-ui/react-dialog";
 import * as React from "react";
-import { Dialog } from "./dialog";
-declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
-declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
-    title?: string;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
 //# sourceMappingURL=command.d.ts.map

package/dist/components/ui/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,MAAM,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAA8D,MAAM,wBAAwB,CAAC;AAG3G,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAWpF;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAgBA;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAgB/F;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAQ7F;AAED,iBAAS,YAAY,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQpF;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAW/F;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQvG;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAW7F;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAQ3E;AAED,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAC,CAAC"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAWZ,CAAC;AAGF,QAAA,MAAM,aAAa,GAAI,wBAAsB,WAAW,4CAUvD,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAiBhB,CAAC;AAIH,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAIH,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAIH,QAAA,MAAM,eAAe;8BAA2B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOpF,CAAC;AAGF,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAC,CAAC"}