@tulip-systems/core 0.5.16 → 0.6.1

package/dist/components/ui/chart.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime299 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as RechartsPrimitive from "recharts";
 
@@ -26,14 +26,14 @@ declare function ChartContainer({
 }: React$1.ComponentProps<"div"> & {
   config: ChartConfig;
   children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime299.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare const ChartStyle: ({
   id,
   config
 }: {
   id: string;
   config: ChartConfig;
-}) => react_jsx_runtime299.JSX.Element | null;
+}) => react_jsx_runtime0.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 declare function ChartTooltipContent({
   active,
@@ -55,7 +55,7 @@ declare function ChartTooltipContent({
   indicator?: "line" | "dot" | "dashed";
   nameKey?: string;
   labelKey?: string;
-}): react_jsx_runtime299.JSX.Element | null;
+}): react_jsx_runtime0.JSX.Element | null;
 declare const ChartLegend: typeof RechartsPrimitive.Legend;
 declare function ChartLegendContent({
   className,
@@ -66,7 +66,7 @@ declare function ChartLegendContent({
 }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
   hideIcon?: boolean;
   nameKey?: string;
-}): react_jsx_runtime299.JSX.Element | null;
+}): react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
 //# sourceMappingURL=chart.client.d.mts.map

package/dist/components/ui/chart.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.client.d.mts","names":[],"sources":["../../../src/components/ui/chart.client.tsx"],"sourcesContent":[],"mappings":";;;;;cAQM;;;AALwC,CAAA;AAOlC,KAAA,WAAA,GAAW,QAEL,MAAA,GAAA;EACP,KAAM,CAAA,EADL,OAAA,CAAM,SACD;EAGiC,IAAA,CAAA,EAHvC,OAAA,CAAM,aAGiC;AAApB,CAAA,GAAA,CAAA;EAAM,KAAA,CAAA,EAAA,MAAA;EAoB3B,KAAA,CAAA,EAAA,KAAc;AACrB,CAAA,GAAA;EACA,KAAA,CAAA,EAAA,KAAA;EACA,KAAA,EAvB4B,MAuB5B,CAAA,MAAA,OAvBgD,MAuBhD,EAAA,MAAA,CAAA;AACA,CAAA,CAAA,EAEC;iBANM,cAAA,CAOC;EAAA,EAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;CAAA,EADP,OAAA,CAAM,cACC,CAAA,KAAA,CAAA,GAAA;EAC8B,MAAA,EAD9B,WACgD;EAA9C,QAAM,EAAN,OAAA,CAAM,cAAA,CAAA,OAAsB,iBAAA,CAAkB,mBAAxC,CAAA,CAAA,UAAA,CAAA;CACjB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;cAsBK,UAtBL,EAAA,CAAA;EAAA,EAAA;EAAA;CAAA,EAAA;EAsBK,EAAA,EAAA,MAAA;EAAc,MAAA,EAAsC,WAAtC;CAAA,EAAA,GAAmD,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAnD,IAAA;cA6Bd,YA7BoD,EAAA,OA6BxC,iBAAA,CAAA,OA7BwC;iBA+BjD,mBAAA,CA/B8D;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,SAAA;EAAA,aAAA;EAAA,KAAA;EAAA,cAAA;EAAA,cAAA;EAAA,SAAA;EAAA,KAAA;EAAA,OAAA;EAAA;CAAA,EA6CpE,OAAA,CAAM,cA7C8D,CAAA,OA6CxC,iBAAA,CAAkB,OA7CsB,CAAA,GA8CrE,OAAA,CAAM,cA9C+D,CAAA,KAAA,CAAA,GAAA;EAAA,SAAA,CAAA,EAAA,OAAA;EA6BjE,aAAA,CAAA,EAAwC,OAAA;EAErC,SAAA,CAAA,EAAA,MAAA,GAAA,KAAmB,GAAA,QAAA;EAC1B,OAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,MAAA;CACA,CAAA,EAkBC,oBAAA,CAAA,GAAA,CAAA,OAAA,GAlBD,IAAA;cAmII,WAlIJ,EAAA,OAkIe,iBAAA,CAAA,MAlIf;iBAoIO,kBAAA,CAnIP;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,aAAA;EAAA;CAAA,EAyIC,OAAA,CAAM,cAzIP,CAAA,KAAA,CAAA,GA0IA,IA1IA,CA0IK,iBAAA,CAAkB,WA1IvB,EAAA,SAAA,GAAA,eAAA,CAAA,GAAA;EACA,QAAA,CAAA,EAAA,OAAA;EACA,OAAA,CAAA,EAAA,MAAA;CACA,CAAA,EA0IC,oBAAA,CAAA,GAAA,CAAA,OAAA,GA1ID,IAAA"}
+{"version":3,"file":"chart.client.d.mts","names":[],"sources":["../../../src/components/ui/chart.client.tsx"],"mappings":";;;;;cAQM,MAAA;EAAA,SAA8C,KAAA;EAAA,SAAA,IAAA;AAAA;AAAA,KAExC,WAAA;EAER,KAAA,GAAQ,OAAA,CAAM,SAAA;EACd,IAAA,GAAO,OAAA,CAAM,aAAA;AAAA;EAET,KAAA;EAAgB,KAAA;AAAA;EAChB,KAAA;EAAe,KAAA,EAAO,MAAA,cAAoB,MAAA;AAAA;AAAA,iBAoBzC,cAAA,CAAA;EACP,EAAA;EACA,SAAA;EACA,QAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EACP,MAAA,EAAQ,WAAA;EACR,QAAA,EAAU,OAAA,CAAM,cAAA,QAAsB,iBAAA,CAAkB,mBAAA;AAAA,IACzD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAsBK,UAAA;EAAc,EAAA;EAAA;AAAA;EAAkB,EAAA;EAAY,MAAA,EAAQ,WAAA;AAAA,MAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cA+BjE,YAAA,SAAY,iBAAA,CAAA,OAAA;AAAA,iBAET,mBAAA,CAAA;EACP,MAAA;EACA,OAAA;EACA,SAAA;EACA,SAAA;EACA,SAAA;EACA,aAAA;EACA,KAAA;EACA,cAAA;EACA,cAAA;EACA,SAAA;EACA,KAAA;EACA,OAAA;EACA;AAAA,GACC,OAAA,CAAM,cAAA,QAAsB,iBAAA,CAAkB,OAAA,IAC/C,OAAA,CAAM,cAAA;EACJ,SAAA;EACA,aAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAiHG,WAAA,SAAW,iBAAA,CAAA,MAAA;AAAA,iBAER,kBAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EACA,aAAA;EACA;AAAA,GACC,OAAA,CAAM,cAAA,UACP,IAAA,CAAK,iBAAA,CAAkB,WAAA;EACrB,QAAA;EACA,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/chart.client.mjs

@@ -34,16 +34,16 @@ function ChartContainer({ id, className, children, config, ...props }) {
 	});
 }
 const ChartStyle = ({ id, config }) => {
-	const colorConfig = Object.entries(config).filter(([, config$1]) => config$1.theme || config$1.color);
+	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("\n") } });
 };
 const ChartTooltip = RechartsPrimitive.Tooltip;
 function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
@@ -74,7 +74,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
 	if (!active || !payload?.length) return null;
 	const nestLabel = payload.length === 1 && indicator !== "dot";
 	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),
+		className: cn("border-border/50 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 ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
 			className: "grid gap-1.5",
 			children: payload.map((item, index) => {

package/dist/components/ui/chart.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.client.mjs","names":["React","config","configLabelKey: string"],"sources":["../../../src/components/ui/chart.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\n  }\n\n  return context;\n}\n\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  config: ChartConfig;\n  children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"children\"];\n}) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\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        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join(\"\\n\")}\n}\n`,\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nfunction ChartTooltipContent({\n  active,\n  payload,\n  className,\n  indicator = \"dot\",\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n  React.ComponentProps<\"div\"> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: \"line\" | \"dot\" | \"dashed\";\n    nameKey?: string;\n    labelKey?: string;\n  }) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value =\n      !labelKey && typeof label === \"string\"\n        ? config[label as keyof typeof config]?.label || label\n        : itemConfig?.label;\n\n    if (labelFormatter) {\n      return (\n        <div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\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        \"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\",\n        className,\n      )}\n    >\n      {!nestLabel ? tooltipLabel : null}\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.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]:h-2.5 [&>svg]:w-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)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn(\n                          \"border-(--color-border) bg-(--color-bg) shrink-0 rounded-[2px]\",\n                          {\n                            \"h-2.5 w-2.5\": indicator === \"dot\",\n                            \"w-1\": indicator === \"line\",\n                            \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                              indicator === \"dashed\",\n                            \"my-0.5\": nestLabel && indicator === \"dashed\",\n                          },\n                        )}\n                        style={\n                          {\n                            \"--color-bg\": indicatorColor,\n                            \"--color-border\": indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn(\n                      \"flex flex-1 justify-between leading-none\",\n                      nestLabel ? \"items-end\" : \"items-center\",\n                    )}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">\n                        {itemConfig?.label || item.name}\n                      </span>\n                    </div>\n                    {item.value && (\n                      <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload,\n  verticalAlign = \"bottom\",\n  nameKey,\n}: React.ComponentProps<\"div\"> &\n  Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n    hideIcon?: boolean;\n    nameKey?: string;\n  }) {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center gap-4\",\n        verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n        className,\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || \"value\"}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\",\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    \"payload\" in payload && typeof payload.payload === \"object\" && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === \"string\") {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n};\n"],"mappings":"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"}
+{"version":3,"file":"chart.client.mjs","names":["React"],"sources":["../../../src/components/ui/chart.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\n  }\n\n  return context;\n}\n\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  config: ChartConfig;\n  children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"children\"];\n}) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\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        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      // biome-ignore lint/security/noDangerouslySetInnerHtml: This is needed to inject dynamic CSS based on the chart config\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n              ${prefix} [data-chart=${id}] {\n              ${colorConfig\n                .map(([key, itemConfig]) => {\n                  const color =\n                    itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;\n                  return color ? `  --color-${key}: ${color};` : null;\n                })\n                .join(\"\\n\")}\n              }\n            `,\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nfunction ChartTooltipContent({\n  active,\n  payload,\n  className,\n  indicator = \"dot\",\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n  React.ComponentProps<\"div\"> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: \"line\" | \"dot\" | \"dashed\";\n    nameKey?: string;\n    labelKey?: string;\n  }) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value =\n      !labelKey && typeof label === \"string\"\n        ? config[label as keyof typeof config]?.label || label\n        : itemConfig?.label;\n\n    if (labelFormatter) {\n      return (\n        <div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\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        \"border-border/50 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 ? tooltipLabel : null}\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.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]:h-2.5 [&>svg]:w-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)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn(\n                          \"border-(--color-border) bg-(--color-bg) shrink-0 rounded-[2px]\",\n                          {\n                            \"h-2.5 w-2.5\": indicator === \"dot\",\n                            \"w-1\": indicator === \"line\",\n                            \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                              indicator === \"dashed\",\n                            \"my-0.5\": nestLabel && indicator === \"dashed\",\n                          },\n                        )}\n                        style={\n                          {\n                            \"--color-bg\": indicatorColor,\n                            \"--color-border\": indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn(\n                      \"flex flex-1 justify-between leading-none\",\n                      nestLabel ? \"items-end\" : \"items-center\",\n                    )}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">\n                        {itemConfig?.label || item.name}\n                      </span>\n                    </div>\n                    {item.value && (\n                      <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload,\n  verticalAlign = \"bottom\",\n  nameKey,\n}: React.ComponentProps<\"div\"> &\n  Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n    hideIcon?: boolean;\n    nameKey?: string;\n  }) {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center gap-4\",\n        verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n        className,\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || \"value\"}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\",\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    \"payload\" in payload && typeof payload.payload === \"object\" && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === \"string\") {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n};\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime185 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
@@ -6,7 +6,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 declare function Checkbox({
   className,
   ...props
-}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.mts","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,QAAA;;;GAAkC,OAAA,CAAM,sBAAsB,iBAAA,CAAkB,QAAK,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"checkbox.d.mts","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"mappings":";;;;;iBAQS,QAAA,CAAA;EAAW,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,iBAAA,CAAkB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/checkbox.mjs

@@ -3,7 +3,6 @@
 import { cn } from "../../lib/utils/cn.mjs";
 import { CheckIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/components/ui/checkbox.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs peer size-4 shrink-0 rounded-[4px] border outline-none transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;AAQA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;AAC9F,QACE,oBAAC,kBAAkB;EACjB,aAAU;EACV,WAAW,GACT,ybACA,UACD;EACD,GAAI;YAEJ,oBAAC,kBAAkB;GACjB,aAAU;GACV,WAAU;aAEV,oBAAC,aAAU,WAAU,WAAW;IACJ;GACP"}
+{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs peer size-4 shrink-0 rounded-[4px] border outline-none transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;AAQA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;AAC9F,QACE,oBAAC,kBAAkB;EACjB,aAAU;EACV,WAAW,GACT,ybACA,UACD;EACD,GAAI;YAEJ,oBAAC,kBAAkB;GACjB,aAAU;GACV,WAAU;aAEV,oBAAC,aAAU,WAAU,WAAW;IACJ;GACP"}

package/dist/components/ui/collapsible.client.d.mts

@@ -1,16 +1,16 @@
-import * as react_jsx_runtime303 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/components/ui/collapsible.client.d.ts
 declare function Collapsible({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime303.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime0.JSX.Element;
 declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime303.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime0.JSX.Element;
 declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime303.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
 //# sourceMappingURL=collapsible.client.d.mts.map

package/dist/components/ui/collapsible.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.client.d.mts","names":[],"sources":["../../../src/components/ui/collapsible.client.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,WAAA;;GAA0B,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIhF,kBAAA;;GAEN,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,sBAAmB,oBAAA,CAAA,GAAA,CAAA;iBAI9D,kBAAA;;GAEN,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"collapsible.client.d.mts","names":[],"sources":["../../../src/components/ui/collapsible.client.tsx"],"mappings":";;;;iBAIS,WAAA,CAAA;EAAA,GAAiB;AAAA,GAAS,KAAA,CAAM,cAAA,QAAsB,oBAAA,CAAqB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIhF,kBAAA,CAAA;EAAA,GACJ;AAAA,GACF,KAAA,CAAM,cAAA,QAAsB,oBAAA,CAAqB,kBAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9D,kBAAA,CAAA;EAAA,GACJ;AAAA,GACF,KAAA,CAAM,cAAA,QAAsB,oBAAA,CAAqB,kBAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/color-picker.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime306 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/ui/color-picker.client.d.ts
@@ -10,7 +10,7 @@ declare function ColorPicker({
   onValueChange,
   className,
   ...props
-}: ColorPickerProps): react_jsx_runtime306.JSX.Element;
+}: ColorPickerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ColorPicker };
 //# sourceMappingURL=color-picker.client.d.mts.map

package/dist/components/ui/color-picker.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.client.d.mts","names":[],"sources":["../../../src/components/ui/color-picker.client.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,gBAAA,GAAmB;;;AAAnB,iBAIW,WAAA,CAJQ;EAAA,KAAA;EAAA,aAAc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAIqC,gBAJrC,CAAA,EAIqD,oBAAA,CAAA,GAAA,CAAA,OAJrD"}
+{"version":3,"file":"color-picker.client.d.mts","names":[],"sources":["../../../src/components/ui/color-picker.client.tsx"],"mappings":";;;;KAMK,gBAAA,GAAmB,cAAA;EACtB,aAAA,IAAiB,KAAA;AAAA;AAAA,iBAGH,WAAA,CAAA;EAAc,KAAA;EAAO,aAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/color-picker.client.mjs

@@ -7,7 +7,7 @@ import { HexColorPicker } from "react-colorful";
 //#region src/components/ui/color-picker.client.tsx
 function ColorPicker({ color, onValueChange, className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("w-[200px] space-y-2 p-0", className),
+		className: cn("w-50 space-y-2 p-0", className),
 		...props,
 		children: [/* @__PURE__ */ jsx(HexColorPicker, { onChange: onValueChange }), /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-6 items-center justify-evenly gap-2 p-2",
@@ -24,11 +24,12 @@ function ColorPicker({ color, onValueChange, className, ...props }) {
 				"gray",
 				"black",
 				"white"
-			].map((color$1) => /* @__PURE__ */ jsx("button", {
+			].map((color) => /* @__PURE__ */ jsx("button", {
+				type: "button",
 				className: "size-6 rounded-full border transition-transform duration-200 hover:scale-110",
-				style: { backgroundColor: color$1 },
-				onClick: () => onValueChange?.(color$1)
-			}, color$1))
+				style: { backgroundColor: color },
+				onClick: () => onValueChange?.(color)
+			}, color))
 		})]
 	});
 }

package/dist/components/ui/color-picker.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.client.mjs","names":["color"],"sources":["../../../src/components/ui/color-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\nimport { HexColorPicker } from \"react-colorful\";\n\ntype ColorPickerProps = ComponentProps<\"div\"> & {\n  onValueChange?: (color: string) => void;\n};\n\nexport function ColorPicker({ color, onValueChange, className, ...props }: ColorPickerProps) {\n  return (\n    <div className={cn(\"w-[200px] space-y-2 p-0\", className)} {...props}>\n      <HexColorPicker onChange={onValueChange} />\n\n      <div className=\"grid grid-cols-6 items-center justify-evenly gap-2 p-2\">\n        {[\n          \"red\",\n          \"orange\",\n          \"yellow\",\n          \"green\",\n          \"teal\",\n          \"blue\",\n          \"cyan\",\n          \"indigo\",\n          \"violet\",\n          \"gray\",\n          \"black\",\n          \"white\",\n        ].map((color) => (\n          <button\n            key={color}\n            className=\"size-6 rounded-full border transition-transform duration-200 hover:scale-110\"\n            style={{ backgroundColor: color }}\n            onClick={() => onValueChange?.(color)}\n          />\n        ))}\n\n        {/* <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          className=\"col-span-full mt-1\"\n          onClick={() => onValueChange?.(\"transparent\")}\n        >\n          Verwijder kleur\n        </Button> */}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,YAAY,EAAE,OAAO,eAAe,WAAW,GAAG,SAA2B;AAC3F,QACE,qBAAC;EAAI,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;aAC5D,oBAAC,kBAAe,UAAU,gBAAiB,EAE3C,oBAAC;GAAI,WAAU;aACZ;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAAC,KAAK,YACL,oBAAC;IAEC,WAAU;IACV,OAAO,EAAE,iBAAiBA,SAAO;IACjC,eAAe,gBAAgBA,QAAM;MAHhCA,QAIL,CACF;IAUE;GACF"}
+{"version":3,"file":"color-picker.client.mjs","names":[],"sources":["../../../src/components/ui/color-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { HexColorPicker } from \"react-colorful\";\nimport { cn } from \"@/lib/utils/cn\";\n\ntype ColorPickerProps = ComponentProps<\"div\"> & {\n  onValueChange?: (color: string) => void;\n};\n\nexport function ColorPicker({ color, onValueChange, className, ...props }: ColorPickerProps) {\n  return (\n    <div className={cn(\"w-50 space-y-2 p-0\", className)} {...props}>\n      <HexColorPicker onChange={onValueChange} />\n\n      <div className=\"grid grid-cols-6 items-center justify-evenly gap-2 p-2\">\n        {[\n          \"red\",\n          \"orange\",\n          \"yellow\",\n          \"green\",\n          \"teal\",\n          \"blue\",\n          \"cyan\",\n          \"indigo\",\n          \"violet\",\n          \"gray\",\n          \"black\",\n          \"white\",\n        ].map((color) => (\n          <button\n            key={color}\n            type=\"button\"\n            className=\"size-6 rounded-full border transition-transform duration-200 hover:scale-110\"\n            style={{ backgroundColor: color }}\n            onClick={() => onValueChange?.(color)}\n          />\n        ))}\n\n        {/* <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          className=\"col-span-full mt-1\"\n          onClick={() => onValueChange?.(\"transparent\")}\n        >\n          Verwijder kleur\n        </Button> */}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,YAAY,EAAE,OAAO,eAAe,WAAW,GAAG,SAA2B;AAC3F,QACE,qBAAC;EAAI,WAAW,GAAG,sBAAsB,UAAU;EAAE,GAAI;aACvD,oBAAC,kBAAe,UAAU,gBAAiB,EAE3C,oBAAC;GAAI,WAAU;aACZ;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAAC,KAAK,UACL,oBAAC;IAEC,MAAK;IACL,WAAU;IACV,OAAO,EAAE,iBAAiB,OAAO;IACjC,eAAe,gBAAgB,MAAM;MAJhC,MAKL,CACF;IAUE;GACF"}

package/dist/components/ui/combobox-dropdown.client.d.mts

@@ -1,5 +1,5 @@
 import { PopoverContent } from "./popover.mjs";
-import * as react_jsx_runtime307 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/ui/combobox-dropdown.client.d.ts
@@ -34,14 +34,13 @@ declare function ComboboxDropdown<T extends ComboboxDropdownItem>({
   onSelect,
   selectedItem: incomingSelectedItem,
   renderSelectedItem,
-  renderListItem,
   renderOnCreate,
   emptyResults,
   popoverProps,
   disabled,
   onCreate,
   className
-}: ComboboxDropdownProps<T>): react_jsx_runtime307.JSX.Element;
+}: ComboboxDropdownProps<T>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ComboboxDropdown, ComboboxDropdownItem, ComboboxDropdownProps };
 //# sourceMappingURL=combobox-dropdown.client.d.mts.map

package/dist/components/ui/combobox-dropdown.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-dropdown.client.d.mts","names":[],"sources":["../../../src/components/ui/combobox-dropdown.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAWY,oBAAA;;;EAAA,KAAA,CAAA,EAGF,OAAA,CAAM,SAHgB;EAOpB,QAAA,CAAA,EAAA,OAAA;CACI;AAEP,KAHG,qBAGH,CAAA,CAAA,CAAA,GAAA;EACU,WAAA,CAAA,EAHH,OAAA,CAAM,SAGH;EACF,iBAAA,CAAA,EAAA,MAAA;EACqB,KAAA,EAH7B,CAG6B,EAAA;EAAM,QAAM,EAAA,CAAA,IAAA,EAF/B,CAE+B,EAAA,GAAA,IAAA;EACZ,YAAM,CAAA,EAF3B,CAE2B;EACc,kBAAA,CAAA,EAAA,CAAA,YAAA,EAFpB,CAEoB,EAAA,GAFd,OAAA,CAAM,SAEQ;EAAQ,cAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GADlC,OAAA,CAAM,SAC4B;EACvD,cAAM,CAAA,EAAA,CAAA,QAAA,EAAA;IACsB,SAAA,EAAA,OAAA;IAA5B,IAAM,EAFmC,CAEnC;EAAc,CAAA,EAAA,GAF6B,OAAA,CAAM,SAEnC;EAMrB,YAAA,CAAA,EAPC,OAAA,CAAM,SAOS;EAAW,YAAA,CAAA,EAN1B,OAAA,CAAM,cAMoB,CAAA,OANE,cAMF,CAAA;EACzC,QAAA,CAAA,EAAA,OAAA;EACA,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACA,SAAA,CAAA,EAAA,MAAA;CACA;AACc,iBALA,gBAKA,CAAA,UAL2B,oBAK3B,CAAA,CAAA;EAAA,WAAA;EAAA,iBAAA;EAAA,KAAA;EAAA,QAAA;EAAA,YAAA,EAAA,oBAAA;EAAA,kBAAA;EAAA,cAAA;EAAA,cAAA;EAAA,YAAA;EAAA,YAAA;EAAA,QAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EASb,qBATa,CASS,CATT,CAAA,CAAA,EASW,oBAAA,CAAA,GAAA,CAAA,OATX"}
+{"version":3,"file":"combobox-dropdown.client.d.mts","names":[],"sources":["../../../src/components/ui/combobox-dropdown.client.tsx"],"mappings":";;;;;KAUY,oBAAA;EACV,EAAA;EACA,KAAA;EACA,KAAA,GAAQ,OAAA,CAAM,SAAA;EACd,QAAA;AAAA;AAAA,KAGU,qBAAA;EACV,WAAA,GAAc,OAAA,CAAM,SAAA;EACpB,iBAAA;EACA,KAAA,EAAO,CAAA;EACP,QAAA,GAAW,IAAA,EAAM,CAAA;EACjB,YAAA,GAAe,CAAA;EACf,kBAAA,IAAsB,YAAA,EAAc,CAAA,KAAM,OAAA,CAAM,SAAA;EAChD,cAAA,IAAkB,KAAA,aAAkB,OAAA,CAAM,SAAA;EAC1C,cAAA,IAAkB,QAAA;IAAY,SAAA;IAAoB,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA,CAAM,SAAA;EACtE,YAAA,GAAe,OAAA,CAAM,SAAA;EACrB,YAAA,GAAe,OAAA,CAAM,cAAA,QAAsB,cAAA;EAC3C,QAAA;EACA,QAAA,IAAY,KAAA;EACZ,SAAA;AAAA;AAAA,iBAGc,gBAAA,WAA2B,oBAAA,CAAA,CAAA;EACzC,WAAA;EACA,iBAAA;EACA,KAAA;EACA,QAAA;EACA,YAAA,EAAc,oBAAA;EACd,kBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;EACA,QAAA;EACA,QAAA;EACA;AAAA,GACC,qBAAA,CAAsB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/combobox-dropdown.client.mjs

@@ -10,7 +10,7 @@ import * as React$1 from "react";
 import { CommandList } from "cmdk";
 
 //#region src/components/ui/combobox-dropdown.client.tsx
-function ComboboxDropdown({ placeholder, searchPlaceholder, items, onSelect, selectedItem: incomingSelectedItem, renderSelectedItem, renderListItem, renderOnCreate, emptyResults, popoverProps, disabled, onCreate, className }) {
+function ComboboxDropdown({ placeholder, searchPlaceholder, items, onSelect, selectedItem: incomingSelectedItem, renderSelectedItem, renderOnCreate, emptyResults, popoverProps, disabled, onCreate, className }) {
 	const [open, setOpen] = React$1.useState(false);
 	const [internalSelectedItem, setInternalSelectedItem] = React$1.useState();
 	const [inputValue, setInputValue] = React$1.useState("");
@@ -53,7 +53,7 @@ function ComboboxDropdown({ placeholder, searchPlaceholder, items, onSelect, sel
 					}),
 					/* @__PURE__ */ jsx(CommandEmpty, { children: emptyResults ?? "Geen resultaat gevonden" }),
 					/* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(CommandList, {
-						className: "max-h-[225px] overflow-auto",
+						className: "max-h-56.25 overflow-auto",
 						children: [filteredItems.map((item) => {
 							const isChecked = selectedItem?.id === item.id;
 							return /* @__PURE__ */ jsx(CommandItem, {
@@ -61,7 +61,7 @@ function ComboboxDropdown({ placeholder, searchPlaceholder, items, onSelect, sel
 								className: cn("cursor-pointer", isChecked && "bg-primary text-primary-foreground"),
 								value: item.id,
 								onSelect: (id) => {
-									const foundItem = items.find((item$1) => item$1.id === id);
+									const foundItem = items.find((item) => item.id === id);
 									if (!foundItem) return;
 									onSelect(foundItem);
 									setInternalSelectedItem(foundItem);

package/dist/components/ui/combobox-dropdown.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-dropdown.client.mjs","names":["React","Command","item"],"sources":["../../../src/components/ui/combobox-dropdown.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronsUpDown } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { CommandList } from \"cmdk\";\nimport { Button } from \"./button\";\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem } from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport type ComboboxDropdownItem = {\n  id: string;\n  value: string;\n  label?: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport type ComboboxDropdownProps<T> = {\n  placeholder?: React.ReactNode;\n  searchPlaceholder?: string;\n  items: T[];\n  onSelect: (item: T) => void;\n  selectedItem?: T;\n  renderSelectedItem?: (selectedItem: T) => React.ReactNode;\n  renderOnCreate?: (value: string) => React.ReactNode;\n  renderListItem?: (listItem: { isChecked: boolean; item: T }) => React.ReactNode;\n  emptyResults?: React.ReactNode;\n  popoverProps?: React.ComponentProps<typeof PopoverContent>;\n  disabled?: boolean;\n  onCreate?: (value: string) => void;\n  className?: string;\n};\n\nexport function ComboboxDropdown<T extends ComboboxDropdownItem>({\n  placeholder,\n  searchPlaceholder,\n  items,\n  onSelect,\n  selectedItem: incomingSelectedItem,\n  renderSelectedItem,\n  renderListItem,\n  renderOnCreate,\n  emptyResults,\n  popoverProps,\n  disabled,\n  onCreate,\n  className,\n}: ComboboxDropdownProps<T>) {\n  const [open, setOpen] = React.useState(false);\n  const [internalSelectedItem, setInternalSelectedItem] = React.useState<T | undefined>();\n  const [inputValue, setInputValue] = React.useState(\"\");\n\n  const selectedItem = incomingSelectedItem ?? internalSelectedItem;\n\n  const filteredItems = items.filter((item) =>\n    item.value.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n\n  const showCreate =\n    onCreate &&\n    inputValue &&\n    !items?.find((o) => o.value.toLowerCase() === inputValue.toLowerCase());\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} modal={true}>\n      <PopoverTrigger asChild disabled={disabled}>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className={cn(\"w-full justify-between\", className)}\n        >\n          {selectedItem ? (\n            <div className=\"flex items-center\">\n              {renderSelectedItem?.(selectedItem) ?? selectedItem.label ?? selectedItem.value}\n            </div>\n          ) : (\n            (placeholder ?? \"Select item...\")\n          )}\n          <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        className=\"p-0\"\n        {...popoverProps}\n        style={{\n          width: \"var(--radix-popover-trigger-width)\",\n          ...popoverProps?.style,\n        }}\n      >\n        <Command loop shouldFilter={false}>\n          <CommandInput\n            value={inputValue}\n            onValueChange={setInputValue}\n            placeholder={searchPlaceholder ?? \"Search item...\"}\n            className=\"px-3\"\n          />\n\n          <CommandEmpty>{emptyResults ?? \"Geen resultaat gevonden\"}</CommandEmpty>\n          <CommandGroup>\n            <CommandList className=\"max-h-[225px] overflow-auto\">\n              {filteredItems.map((item) => {\n                const isChecked = selectedItem?.id === item.id;\n\n                return (\n                  <CommandItem\n                    disabled={item.disabled}\n                    className={cn(\n                      \"cursor-pointer\",\n                      isChecked && \"bg-primary text-primary-foreground\",\n                    )}\n                    key={item.id}\n                    value={item.id}\n                    onSelect={(id) => {\n                      const foundItem = items.find((item) => item.id === id);\n\n                      if (!foundItem) {\n                        return;\n                      }\n\n                      onSelect(foundItem);\n                      setInternalSelectedItem(foundItem);\n                      setOpen(false);\n                    }}\n                  >\n                    {item.label ?? item.value}\n                  </CommandItem>\n                );\n              })}\n\n              {showCreate && (\n                <CommandItem\n                  key={inputValue}\n                  value={inputValue}\n                  onSelect={() => {\n                    onCreate(inputValue);\n                    setOpen(false);\n                    setInputValue(\"\");\n                  }}\n                  onMouseDown={(event) => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                >\n                  {renderOnCreate ? renderOnCreate(inputValue) : null}\n                </CommandItem>\n              )}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkCA,SAAgB,iBAAiD,EAC/D,aACA,mBACA,OACA,UACA,cAAc,sBACd,oBACA,gBACA,gBACA,cACA,cACA,UACA,UACA,aAC2B;CAC3B,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,sBAAsB,2BAA2BA,QAAM,UAAyB;CACvF,MAAM,CAAC,YAAY,iBAAiBA,QAAM,SAAS,GAAG;CAEtD,MAAM,eAAe,wBAAwB;CAE7C,MAAM,gBAAgB,MAAM,QAAQ,SAClC,KAAK,MAAM,aAAa,CAAC,SAAS,WAAW,aAAa,CAAC,CAC5D;CAED,MAAM,aACJ,YACA,cACA,CAAC,OAAO,MAAM,MAAM,EAAE,MAAM,aAAa,KAAK,WAAW,aAAa,CAAC;AAEzE,QACE,qBAAC;EAAc;EAAM,cAAc;EAAS,OAAO;aACjD,oBAAC;GAAe;GAAkB;aAChC,qBAAC;IACC,SAAQ;IACR,MAAK;IACL,iBAAe;IACf,WAAW,GAAG,0BAA0B,UAAU;eAEjD,eACC,oBAAC;KAAI,WAAU;eACZ,qBAAqB,aAAa,IAAI,aAAa,SAAS,aAAa;MACtE,GAEL,eAAe,kBAElB,oBAAC,kBAAe,WAAU,qCAAqC;KACxD;IACM,EAEjB,oBAAC;GACC,WAAU;GACV,GAAI;GACJ,OAAO;IACL,OAAO;IACP,GAAG,cAAc;IAClB;aAED,qBAACC;IAAQ;IAAK,cAAc;;KAC1B,oBAAC;MACC,OAAO;MACP,eAAe;MACf,aAAa,qBAAqB;MAClC,WAAU;OACV;KAEF,oBAAC,0BAAc,gBAAgB,4BAAyC;KACxE,oBAAC,0BACC,qBAAC;MAAY,WAAU;iBACpB,cAAc,KAAK,SAAS;OAC3B,MAAM,YAAY,cAAc,OAAO,KAAK;AAE5C,cACE,oBAAC;QACC,UAAU,KAAK;QACf,WAAW,GACT,kBACA,aAAa,qCACd;QAED,OAAO,KAAK;QACZ,WAAW,OAAO;SAChB,MAAM,YAAY,MAAM,MAAM,WAASC,OAAK,OAAO,GAAG;AAEtD,aAAI,CAAC,UACH;AAGF,kBAAS,UAAU;AACnB,iCAAwB,UAAU;AAClC,iBAAQ,MAAM;;kBAGf,KAAK,SAAS,KAAK;UAdf,KAAK,GAeE;QAEhB,EAED,cACC,oBAAC;OAEC,OAAO;OACP,gBAAgB;AACd,iBAAS,WAAW;AACpB,gBAAQ,MAAM;AACd,sBAAc,GAAG;;OAEnB,cAAc,UAAU;AACtB,cAAM,gBAAgB;AACtB,cAAM,iBAAiB;;iBAGxB,iBAAiB,eAAe,WAAW,GAAG;SAZ1C,WAaO;OAEJ,GACD;;KACP;IACK;GACT"}
+{"version":3,"file":"combobox-dropdown.client.mjs","names":["React","Command"],"sources":["../../../src/components/ui/combobox-dropdown.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { CommandList } from \"cmdk\";\nimport { ChevronsUpDown } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Button } from \"./button\";\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem } from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport type ComboboxDropdownItem = {\n  id: string;\n  value: string;\n  label?: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport type ComboboxDropdownProps<T> = {\n  placeholder?: React.ReactNode;\n  searchPlaceholder?: string;\n  items: T[];\n  onSelect: (item: T) => void;\n  selectedItem?: T;\n  renderSelectedItem?: (selectedItem: T) => React.ReactNode;\n  renderOnCreate?: (value: string) => React.ReactNode;\n  renderListItem?: (listItem: { isChecked: boolean; item: T }) => React.ReactNode;\n  emptyResults?: React.ReactNode;\n  popoverProps?: React.ComponentProps<typeof PopoverContent>;\n  disabled?: boolean;\n  onCreate?: (value: string) => void;\n  className?: string;\n};\n\nexport function ComboboxDropdown<T extends ComboboxDropdownItem>({\n  placeholder,\n  searchPlaceholder,\n  items,\n  onSelect,\n  selectedItem: incomingSelectedItem,\n  renderSelectedItem,\n  renderOnCreate,\n  emptyResults,\n  popoverProps,\n  disabled,\n  onCreate,\n  className,\n}: ComboboxDropdownProps<T>) {\n  const [open, setOpen] = React.useState(false);\n  const [internalSelectedItem, setInternalSelectedItem] = React.useState<T | undefined>();\n  const [inputValue, setInputValue] = React.useState(\"\");\n\n  const selectedItem = incomingSelectedItem ?? internalSelectedItem;\n\n  const filteredItems = items.filter((item) =>\n    item.value.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n\n  const showCreate =\n    onCreate &&\n    inputValue &&\n    !items?.find((o) => o.value.toLowerCase() === inputValue.toLowerCase());\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} modal={true}>\n      <PopoverTrigger asChild disabled={disabled}>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className={cn(\"w-full justify-between\", className)}\n        >\n          {selectedItem ? (\n            <div className=\"flex items-center\">\n              {renderSelectedItem?.(selectedItem) ?? selectedItem.label ?? selectedItem.value}\n            </div>\n          ) : (\n            (placeholder ?? \"Select item...\")\n          )}\n          <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        className=\"p-0\"\n        {...popoverProps}\n        style={{\n          width: \"var(--radix-popover-trigger-width)\",\n          ...popoverProps?.style,\n        }}\n      >\n        <Command loop shouldFilter={false}>\n          <CommandInput\n            value={inputValue}\n            onValueChange={setInputValue}\n            placeholder={searchPlaceholder ?? \"Search item...\"}\n            className=\"px-3\"\n          />\n\n          <CommandEmpty>{emptyResults ?? \"Geen resultaat gevonden\"}</CommandEmpty>\n          <CommandGroup>\n            <CommandList className=\"max-h-56.25 overflow-auto\">\n              {filteredItems.map((item) => {\n                const isChecked = selectedItem?.id === item.id;\n\n                return (\n                  <CommandItem\n                    disabled={item.disabled}\n                    className={cn(\n                      \"cursor-pointer\",\n                      isChecked && \"bg-primary text-primary-foreground\",\n                    )}\n                    key={item.id}\n                    value={item.id}\n                    onSelect={(id) => {\n                      const foundItem = items.find((item) => item.id === id);\n\n                      if (!foundItem) {\n                        return;\n                      }\n\n                      onSelect(foundItem);\n                      setInternalSelectedItem(foundItem);\n                      setOpen(false);\n                    }}\n                  >\n                    {item.label ?? item.value}\n                  </CommandItem>\n                );\n              })}\n\n              {showCreate && (\n                <CommandItem\n                  key={inputValue}\n                  value={inputValue}\n                  onSelect={() => {\n                    onCreate(inputValue);\n                    setOpen(false);\n                    setInputValue(\"\");\n                  }}\n                  onMouseDown={(event) => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                >\n                  {renderOnCreate ? renderOnCreate(inputValue) : null}\n                </CommandItem>\n              )}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiCA,SAAgB,iBAAiD,EAC/D,aACA,mBACA,OACA,UACA,cAAc,sBACd,oBACA,gBACA,cACA,cACA,UACA,UACA,aAC2B;CAC3B,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,sBAAsB,2BAA2BA,QAAM,UAAyB;CACvF,MAAM,CAAC,YAAY,iBAAiBA,QAAM,SAAS,GAAG;CAEtD,MAAM,eAAe,wBAAwB;CAE7C,MAAM,gBAAgB,MAAM,QAAQ,SAClC,KAAK,MAAM,aAAa,CAAC,SAAS,WAAW,aAAa,CAAC,CAC5D;CAED,MAAM,aACJ,YACA,cACA,CAAC,OAAO,MAAM,MAAM,EAAE,MAAM,aAAa,KAAK,WAAW,aAAa,CAAC;AAEzE,QACE,qBAAC;EAAc;EAAM,cAAc;EAAS,OAAO;aACjD,oBAAC;GAAe;GAAkB;aAChC,qBAAC;IACC,SAAQ;IACR,MAAK;IACL,iBAAe;IACf,WAAW,GAAG,0BAA0B,UAAU;eAEjD,eACC,oBAAC;KAAI,WAAU;eACZ,qBAAqB,aAAa,IAAI,aAAa,SAAS,aAAa;MACtE,GAEL,eAAe,kBAElB,oBAAC,kBAAe,WAAU,qCAAqC;KACxD;IACM,EAEjB,oBAAC;GACC,WAAU;GACV,GAAI;GACJ,OAAO;IACL,OAAO;IACP,GAAG,cAAc;IAClB;aAED,qBAACC;IAAQ;IAAK,cAAc;;KAC1B,oBAAC;MACC,OAAO;MACP,eAAe;MACf,aAAa,qBAAqB;MAClC,WAAU;OACV;KAEF,oBAAC,0BAAc,gBAAgB,4BAAyC;KACxE,oBAAC,0BACC,qBAAC;MAAY,WAAU;iBACpB,cAAc,KAAK,SAAS;OAC3B,MAAM,YAAY,cAAc,OAAO,KAAK;AAE5C,cACE,oBAAC;QACC,UAAU,KAAK;QACf,WAAW,GACT,kBACA,aAAa,qCACd;QAED,OAAO,KAAK;QACZ,WAAW,OAAO;SAChB,MAAM,YAAY,MAAM,MAAM,SAAS,KAAK,OAAO,GAAG;AAEtD,aAAI,CAAC,UACH;AAGF,kBAAS,UAAU;AACnB,iCAAwB,UAAU;AAClC,iBAAQ,MAAM;;kBAGf,KAAK,SAAS,KAAK;UAdf,KAAK,GAeE;QAEhB,EAED,cACC,oBAAC;OAEC,OAAO;OACP,gBAAgB;AACd,iBAAS,WAAW;AACpB,gBAAQ,MAAM;AACd,sBAAc,GAAG;;OAEnB,cAAc,UAAU;AACtB,cAAM,gBAAgB;AACtB,cAAM,iBAAiB;;iBAGxB,iBAAiB,eAAe,WAAW,GAAG;SAZ1C,WAaO;OAEJ,GACD;;KACP;IACK;GACT"}

package/dist/components/ui/combobox.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime308 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ui/combobox.client.d.ts
 type ComboboxItem = {
@@ -25,7 +25,7 @@ declare function Combobox<TValue>({
   disabled,
   emptyMessage,
   className
-}: ComboboxProps<TValue>): react_jsx_runtime308.JSX.Element;
+}: ComboboxProps<TValue>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Combobox, ComboboxItem, ComboboxProps };
 //# sourceMappingURL=combobox.client.d.mts.map

package/dist/components/ui/combobox.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../src/components/ui/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;KAcY,YAAA;;;EAAA,QAAA,CAAA,EAAA,OAAY;AAMxB,CAAA;AACS,KADG,aACH,CAAA,MAAA,CAAA,GAAA;EACS,KAAA,EADT,MACS;EACc,QAAA,CAAA,EAAA,CAAA,EAAA,EADd,MACc,EAAA,GAAA,IAAA;EAAjB,MAAM,CAAA,EAAA,CAAA,CAAA,EAAN,KAAA,CAAM,UAAA,CAAW,gBAAX,CAAA,EAAA,GAAA,IAAA;EACV,OAAA,EAAA,YAAA,EAAA;EAAY,YAAA,CAAA,EAAA,MAAA;EAOP,WAAQ,CAAA,EAAA,MAAA;EACtB,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;CACA;AACA,iBAJc,QAId,CAAA,MAAA,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,WAAA;EAAA,QAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAKC,aALD,CAKe,MALf,CAAA,CAAA,EAKsB,oBAAA,CAAA,GAAA,CAAA,OALtB"}
+{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../src/components/ui/combobox.client.tsx"],"mappings":";;;KAcY,YAAA;EACV,EAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,aAAA;EACV,KAAA,EAAO,MAAA;EACP,QAAA,IAAY,EAAA,EAAI,MAAA;EAChB,MAAA,IAAU,CAAA,EAAG,KAAA,CAAM,UAAA,CAAW,gBAAA;EAC9B,OAAA,EAAS,YAAA;EACT,YAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;AAAA;AAAA,iBAGc,QAAA,QAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,QAAA;EACA,YAAA;EACA;AAAA,GACC,aAAA,CAAc,MAAA,IAAO,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/combobox.client.mjs

@@ -24,9 +24,9 @@ function Combobox({ value, onSelect, onBlur, options, placeholder, disabled, emp
 						value: value?.toString() ?? "",
 						placeholder,
 						disabled,
-						onValueChange: (value$1) => onSelect?.(value$1),
+						onValueChange: (value) => onSelect?.(value),
 						onKeyDown: (e) => setOpen(e.key !== "Escape"),
-						onMouseDown: () => setOpen((open$1) => !!value || !open$1),
+						onMouseDown: () => setOpen((open) => !!value || !open),
 						onBlur: (e) => {
 							setOpen(false);
 							onBlur?.(e);

package/dist/components/ui/combobox.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.mjs","names":["Command","CommandPrimitive","value","open","CommandList"],"sources":["../../../src/components/ui/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandList,\n} from \"@/components/ui/command\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/entry\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { useState } from \"react\";\n\nexport type ComboboxItem = {\n  id: string;\n  label: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps<TValue> = {\n  value: TValue;\n  onSelect?: (id: TValue) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  options: ComboboxItem[];\n  emptyMessage?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n};\n\nexport function Combobox<TValue>({\n  value,\n  onSelect,\n  onBlur,\n  options,\n  placeholder,\n  disabled,\n  emptyMessage = \"Geen items gevonden\",\n  className,\n}: ComboboxProps<TValue>) {\n  const [open, setOpen] = useState(false);\n\n  const selected = options.find((option) => option.id === value);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <Command className=\"text-foreground bg-transparent overflow-auto\">\n        <PopoverAnchor asChild>\n          <CommandPrimitive.Input\n            data-input\n            value={value?.toString() ?? \"\"}\n            placeholder={placeholder}\n            disabled={disabled}\n            onValueChange={(value) => onSelect?.(value as TValue)}\n            onKeyDown={(e) => setOpen(e.key !== \"Escape\")}\n            onMouseDown={() => setOpen((open) => !!value || !open)}\n            onBlur={(e) => {\n              setOpen(false);\n              onBlur?.(e);\n            }}\n            onFocus={() => setOpen(true)}\n            className={cn(\n              \"border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n              \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n              \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n              className,\n            )}\n          />\n        </PopoverAnchor>\n\n        {!open && <CommandList aria-hidden=\"true\" className=\"hidden\" />}\n\n        <PopoverContent\n          asChild\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          onInteractOutside={(e) => {\n            if (e.target instanceof Element && e.target.hasAttribute(\"cmdk-input\")) {\n              e.preventDefault();\n            }\n          }}\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n        >\n          <CommandList>\n            {options.length > 0 && (\n              <CommandGroup>\n                {options.map((option) => (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    onMouseDown={(e) => e.preventDefault()}\n                    className={cn(selected?.id === option.id && \"font-bold\")}\n                    onSelect={(id) => {\n                      onSelect?.(id as TValue);\n                      setOpen(false);\n                    }}\n                  >\n                    {option.label}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            )}\n\n            <CommandEmpty>{emptyMessage}</CommandEmpty>\n          </CommandList>\n        </PopoverContent>\n      </Command>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;AA+BA,SAAgB,SAAiB,EAC/B,OACA,UACA,QACA,SACA,aACA,UACA,eAAe,uBACf,aACwB;CACxB,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,WAAW,QAAQ,MAAM,WAAW,OAAO,OAAO,MAAM;AAE9D,QACE,oBAAC;EAAc;EAAM,cAAc;YACjC,qBAACA;GAAQ,WAAU;;IACjB,oBAAC;KAAc;eACb,oBAACC,QAAiB;MAChB;MACA,OAAO,OAAO,UAAU,IAAI;MACf;MACH;MACV,gBAAgB,YAAU,WAAWC,QAAgB;MACrD,YAAY,MAAM,QAAQ,EAAE,QAAQ,SAAS;MAC7C,mBAAmB,SAAS,WAAS,CAAC,CAAC,SAAS,CAACC,OAAK;MACtD,SAAS,MAAM;AACb,eAAQ,MAAM;AACd,gBAAS,EAAE;;MAEb,eAAe,QAAQ,KAAK;MAC5B,WAAW,GACT,kbACA,iFACA,0GACA,UACD;OACD;MACY;IAEf,CAAC,QAAQ,oBAACC;KAAY,eAAY;KAAO,WAAU;MAAW;IAE/D,oBAAC;KACC;KACA,kBAAkB,MAAM,EAAE,gBAAgB;KAC1C,oBAAoB,MAAM;AACxB,UAAI,EAAE,kBAAkB,WAAW,EAAE,OAAO,aAAa,aAAa,CACpE,GAAE,gBAAgB;;KAGtB,WAAU;eAEV,qBAACA,4BACE,QAAQ,SAAS,KAChB,oBAAC,0BACE,QAAQ,KAAK,WACZ,oBAAC;MAEC,OAAO,OAAO;MACd,cAAc,MAAM,EAAE,gBAAgB;MACtC,WAAW,GAAG,UAAU,OAAO,OAAO,MAAM,YAAY;MACxD,WAAW,OAAO;AAChB,kBAAW,GAAa;AACxB,eAAQ,MAAM;;gBAGf,OAAO;QATH,OAAO,GAUA,CACd,GACW,EAGjB,oBAAC,0BAAc,eAA4B,IAC/B;MACC;;IACT;GACF"}
+{"version":3,"file":"combobox.client.mjs","names":["Command","CommandPrimitive","CommandList"],"sources":["../../../src/components/ui/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { useState } from \"react\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandList,\n} from \"@/components/ui/command\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/entry\";\n\nexport type ComboboxItem = {\n  id: string;\n  label: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps<TValue> = {\n  value: TValue;\n  onSelect?: (id: TValue) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  options: ComboboxItem[];\n  emptyMessage?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n};\n\nexport function Combobox<TValue>({\n  value,\n  onSelect,\n  onBlur,\n  options,\n  placeholder,\n  disabled,\n  emptyMessage = \"Geen items gevonden\",\n  className,\n}: ComboboxProps<TValue>) {\n  const [open, setOpen] = useState(false);\n\n  const selected = options.find((option) => option.id === value);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <Command className=\"text-foreground bg-transparent overflow-auto\">\n        <PopoverAnchor asChild>\n          <CommandPrimitive.Input\n            data-input\n            value={value?.toString() ?? \"\"}\n            placeholder={placeholder}\n            disabled={disabled}\n            onValueChange={(value) => onSelect?.(value as TValue)}\n            onKeyDown={(e) => setOpen(e.key !== \"Escape\")}\n            onMouseDown={() => setOpen((open) => !!value || !open)}\n            onBlur={(e) => {\n              setOpen(false);\n              onBlur?.(e);\n            }}\n            onFocus={() => setOpen(true)}\n            className={cn(\n              \"border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n              \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n              \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n              className,\n            )}\n          />\n        </PopoverAnchor>\n\n        {!open && <CommandList aria-hidden=\"true\" className=\"hidden\" />}\n\n        <PopoverContent\n          asChild\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          onInteractOutside={(e) => {\n            if (e.target instanceof Element && e.target.hasAttribute(\"cmdk-input\")) {\n              e.preventDefault();\n            }\n          }}\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n        >\n          <CommandList>\n            {options.length > 0 && (\n              <CommandGroup>\n                {options.map((option) => (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    onMouseDown={(e) => e.preventDefault()}\n                    className={cn(selected?.id === option.id && \"font-bold\")}\n                    onSelect={(id) => {\n                      onSelect?.(id as TValue);\n                      setOpen(false);\n                    }}\n                  >\n                    {option.label}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            )}\n\n            <CommandEmpty>{emptyMessage}</CommandEmpty>\n          </CommandList>\n        </PopoverContent>\n      </Command>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;AA+BA,SAAgB,SAAiB,EAC/B,OACA,UACA,QACA,SACA,aACA,UACA,eAAe,uBACf,aACwB;CACxB,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,WAAW,QAAQ,MAAM,WAAW,OAAO,OAAO,MAAM;AAE9D,QACE,oBAAC;EAAc;EAAM,cAAc;YACjC,qBAACA;GAAQ,WAAU;;IACjB,oBAAC;KAAc;eACb,oBAACC,QAAiB;MAChB;MACA,OAAO,OAAO,UAAU,IAAI;MACf;MACH;MACV,gBAAgB,UAAU,WAAW,MAAgB;MACrD,YAAY,MAAM,QAAQ,EAAE,QAAQ,SAAS;MAC7C,mBAAmB,SAAS,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK;MACtD,SAAS,MAAM;AACb,eAAQ,MAAM;AACd,gBAAS,EAAE;;MAEb,eAAe,QAAQ,KAAK;MAC5B,WAAW,GACT,kbACA,iFACA,0GACA,UACD;OACD;MACY;IAEf,CAAC,QAAQ,oBAACC;KAAY,eAAY;KAAO,WAAU;MAAW;IAE/D,oBAAC;KACC;KACA,kBAAkB,MAAM,EAAE,gBAAgB;KAC1C,oBAAoB,MAAM;AACxB,UAAI,EAAE,kBAAkB,WAAW,EAAE,OAAO,aAAa,aAAa,CACpE,GAAE,gBAAgB;;KAGtB,WAAU;eAEV,qBAACA,4BACE,QAAQ,SAAS,KAChB,oBAAC,0BACE,QAAQ,KAAK,WACZ,oBAAC;MAEC,OAAO,OAAO;MACd,cAAc,MAAM,EAAE,gBAAgB;MACtC,WAAW,GAAG,UAAU,OAAO,OAAO,MAAM,YAAY;MACxD,WAAW,OAAO;AAChB,kBAAW,GAAa;AACxB,eAAQ,MAAM;;gBAGf,OAAO;QATH,OAAO,GAUA,CACd,GACW,EAGjB,oBAAC,0BAAc,eAA4B,IAC/B;MACC;;IACT;GACF"}

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

@@ -1,5 +1,5 @@
 import { Dialog } from "./dialog.client.mjs";
-import * as react_jsx_runtime186 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Command } from "cmdk";
 
@@ -7,7 +7,7 @@ import { Command } from "cmdk";
 declare function Command$1({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command>): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<typeof Command>): react_jsx_runtime0.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -16,34 +16,34 @@ declare function CommandDialog({
 }: React$1.ComponentProps<typeof Dialog> & {
   title?: string;
   description?: string;
-}): react_jsx_runtime186.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Input>): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Input>): react_jsx_runtime0.JSX.Element;
 declare function CommandList$1({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.List>): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<typeof Command.List>): react_jsx_runtime0.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React$1.ComponentProps<typeof Command.Empty>): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Empty>): react_jsx_runtime0.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Group>): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Group>): react_jsx_runtime0.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Separator>): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Separator>): react_jsx_runtime0.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Item>): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Item>): react_jsx_runtime0.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime186.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList$1 as CommandList, CommandSeparator, CommandShortcut };
 //# sourceMappingURL=command.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"command.d.mts","names":[],"sources":["../../../src/components/ui/command.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAeS,SAAA;;;GAAiC,OAAA,CAAM,sBAAsB,WAAiB,oBAAA,CAAA,GAAA,CAAA;iBAa9E,aAAA;;;;;GAKN,OAAA,CAAM,sBAAsB;;EAlBtB,WAAA,CAAO,EAAA,MAAA;CAAG,CAAA,EAqBlB,oBAAA,CAAA,GAAA,CAAA,OArBkB;iBAqCV,YAAA,CArC6D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwCnE,OAAA,CAAM,cAxC6D,CAAA,OAwCvC,OAAA,CAAiB,KAxCsB,CAAA,CAAA,EAwChB,oBAAA,CAAA,GAAA,CAAA,OAxCgB;iBAwD7D,aAAA,CAxDuC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwDF,OAAA,CAAM,cAxDJ,CAAA,OAwD0B,OAAA,CAAiB,IAxD3C,CAAA,CAAA,EAwDgD,oBAAA,CAAA,GAAA,CAAA,OAxDhD;iBAkEvC,YAAA,CAlE8E;EAAA,GAAA;AAAA,CAAA,EAkEnD,OAAA,CAAM,cAlE6C,CAAA,OAkEvB,OAAA,CAAiB,KAlEM,CAAA,CAAA,EAkEA,oBAAA,CAAA,GAAA,CAAA,OAlEA;iBA4E9E,YAAA,CA5E8E;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EpF,OAAA,CAAM,cA/E8E,CAAA,OA+ExD,OAAA,CAAiB,KA/EuC,CAAA,CAAA,EA+EjC,oBAAA,CAAA,GAAA,CAAA,OA/EiC;AAAA,iBA4F9E,gBAAA,CA/Ea;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkFnB,OAAA,CAAM,cAlFa,CAAA,OAkFS,OAAA,CAAiB,SAlF1B,CAAA,CAAA,EAkFoC,oBAAA,CAAA,GAAA,CAAA,OAlFpC;iBA4Fb,WAAA,CA3FP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2F4C,OAAA,CAAM,cA3FlD,CAAA,OA2FwE,OAAA,CAAiB,IA3FzF,CAAA,CAAA,EA2F8F,oBAAA,CAAA,GAAA,CAAA,OA3F9F;iBAwGO,eAAA,CAvGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuGgD,OAAA,CAAM,cAvGtD,CAAA,MAAA,CAAA,CAAA,EAuG4E,oBAAA,CAAA,GAAA,CAAA,OAvG5E"}
+{"version":3,"file":"command.d.mts","names":[],"sources":["../../../src/components/ui/command.tsx"],"mappings":";;;;;;iBAeS,SAAA,CAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,OAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAa9E,aAAA,CAAA;EACP,KAAA;EACA,WAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,MAAA;EAC7B,KAAA;EACA,WAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBQ,YAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAiB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgB7C,aAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAiB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvF,YAAA,CAAA;EAAA,GAAkB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAiB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9E,YAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAiB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAa7C,gBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAiB,SAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjD,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAiB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAavF,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/command.mjs

@@ -4,7 +4,6 @@ import { cn } from "../../lib/utils/cn.mjs";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.client.mjs";
 import { SearchIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { Command } from "cmdk";
 
 //#region src/components/ui/command.tsx

package/dist/components/ui/command.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"command.mjs","names":["Command","CommandPrimitive","CommandList"],"sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog.client\";\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground outline-hidden flex h-10 w-full rounded-md bg-transparent py-3 text-sm disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\"max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"mappings":";;;;;;;;;;AAeA,SAASA,UAAQ,EAAE,WAAW,GAAG,SAAwD;AACvF,QACE,oBAACC;EACC,aAAU;EACV,WAAW,GACT,6FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,QAAQ,mBACR,cAAc,kCACd,UACA,GAAG,SAIF;AACD,QACE,qBAAC;EAAO,GAAI;aACV,qBAAC;GAAa,WAAU;cACtB,oBAAC,yBAAa,QAAoB,EAClC,oBAAC,+BAAmB,cAAgC;IACvC,EACf,oBAAC;GAAc,WAAU;aACvB,oBAACD;IAAQ,WAAU;IAChB;KACO;IACI;GACT;;AAIb,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,qBAAC;EAAI,aAAU;EAAwB,WAAU;aAC/C,oBAAC,cAAW,WAAU,+BAA+B,EACrD,oBAACC,QAAiB;GAChB,aAAU;GACV,WAAW,GACT,4JACA,UACD;GACD,GAAI;IACJ;GACE;;AAIV,SAASC,cAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACD,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,+DAA+D,UAAU;EACvF,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,GAAG,SAA8D;AACvF,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAU;EACV,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,0NACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,uYACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAuC;AAC9E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,yDAAyD,UAAU;EACjF,GAAI;GACJ"}
+{"version":3,"file":"command.mjs","names":["Command","CommandPrimitive","CommandList"],"sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog.client\";\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground outline-hidden flex h-10 w-full rounded-md bg-transparent py-3 text-sm disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\"max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"mappings":";;;;;;;;;AAeA,SAASA,UAAQ,EAAE,WAAW,GAAG,SAAwD;AACvF,QACE,oBAACC;EACC,aAAU;EACV,WAAW,GACT,6FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,QAAQ,mBACR,cAAc,kCACd,UACA,GAAG,SAIF;AACD,QACE,qBAAC;EAAO,GAAI;aACV,qBAAC;GAAa,WAAU;cACtB,oBAAC,yBAAa,QAAoB,EAClC,oBAAC,+BAAmB,cAAgC;IACvC,EACf,oBAAC;GAAc,WAAU;aACvB,oBAACD;IAAQ,WAAU;IAChB;KACO;IACI;GACT;;AAIb,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,qBAAC;EAAI,aAAU;EAAwB,WAAU;aAC/C,oBAAC,cAAW,WAAU,+BAA+B,EACrD,oBAACC,QAAiB;GAChB,aAAU;GACV,WAAW,GACT,4JACA,UACD;GACD,GAAI;IACJ;GACE;;AAIV,SAASC,cAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACD,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,+DAA+D,UAAU;EACvF,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,GAAG,SAA8D;AACvF,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAU;EACV,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,0NACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,uYACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAuC;AAC9E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,yDAAyD,UAAU;EACjF,GAAI;GACJ"}