@tulip-systems/core 0.3.0 → 0.4.1

package/dist/components/ui/carousel.js

@@ -1,137 +0,0 @@
-"use client";
-
-
-import { cn } from "../../lib/utils/cn.js";
-import { Button } from "./button.js";
-import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
-import useEmblaCarousel from "embla-carousel-react";
-
-//#region src/components/ui/carousel.tsx
-const CarouselContext = React$1.createContext(null);
-function useCarousel() {
-	const context = React$1.useContext(CarouselContext);
-	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
-	return context;
-}
-function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children,...props }) {
-	const [carouselRef, api] = useEmblaCarousel({
-		...opts,
-		axis: orientation === "horizontal" ? "x" : "y"
-	}, plugins);
-	const [canScrollPrev, setCanScrollPrev] = React$1.useState(false);
-	const [canScrollNext, setCanScrollNext] = React$1.useState(false);
-	const onSelect = React$1.useCallback((api$1) => {
-		if (!api$1) return;
-		setCanScrollPrev(api$1.canScrollPrev());
-		setCanScrollNext(api$1.canScrollNext());
-	}, []);
-	const scrollPrev = React$1.useCallback(() => {
-		api?.scrollPrev();
-	}, [api]);
-	const scrollNext = React$1.useCallback(() => {
-		api?.scrollNext();
-	}, [api]);
-	const handleKeyDown = React$1.useCallback((event) => {
-		if (event.key === "ArrowLeft") {
-			event.preventDefault();
-			scrollPrev();
-		} else if (event.key === "ArrowRight") {
-			event.preventDefault();
-			scrollNext();
-		}
-	}, [scrollPrev, scrollNext]);
-	React$1.useEffect(() => {
-		if (!api || !setApi) return;
-		setApi(api);
-	}, [api, setApi]);
-	React$1.useEffect(() => {
-		if (!api) return;
-		onSelect(api);
-		api.on("reInit", onSelect);
-		api.on("select", onSelect);
-		return () => {
-			api?.off("select", onSelect);
-		};
-	}, [api, onSelect]);
-	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
-		value: {
-			carouselRef,
-			api,
-			opts,
-			orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-			scrollPrev,
-			scrollNext,
-			canScrollPrev,
-			canScrollNext
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			onKeyDownCapture: handleKeyDown,
-			className: cn("relative", className),
-			role: "region",
-			"aria-roledescription": "carousel",
-			"data-slot": "carousel",
-			...props,
-			children
-		})
-	});
-}
-function CarouselContent({ className,...props }) {
-	const { carouselRef, orientation } = useCarousel();
-	return /* @__PURE__ */ jsx("div", {
-		ref: carouselRef,
-		className: "overflow-hidden",
-		"data-slot": "carousel-content",
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
-			...props
-		})
-	});
-}
-function CarouselItem({ className,...props }) {
-	const { orientation } = useCarousel();
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"aria-roledescription": "slide",
-		"data-slot": "carousel-item",
-		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
-		...props
-	});
-}
-function CarouselPrevious({ className, variant = "outline", size = "icon",...props }) {
-	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-	return /* @__PURE__ */ jsxs(Button, {
-		"data-slot": "carousel-previous",
-		variant,
-		size,
-		className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
-		disabled: !canScrollPrev,
-		onClick: scrollPrev,
-		...props,
-		children: [/* @__PURE__ */ jsx(ArrowLeft, {}), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Previous slide"
-		})]
-	});
-}
-function CarouselNext({ className, variant = "outline", size = "icon",...props }) {
-	const { orientation, scrollNext, canScrollNext } = useCarousel();
-	return /* @__PURE__ */ jsxs(Button, {
-		"data-slot": "carousel-next",
-		variant,
-		size,
-		className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
-		disabled: !canScrollNext,
-		onClick: scrollNext,
-		...props,
-		children: [/* @__PURE__ */ jsx(ArrowRight, {}), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Next slide"
-		})]
-	});
-}
-
-//#endregion
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
-//# sourceMappingURL=carousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","names":["React","api"],"sources":["../../../src/components/ui/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n}\n\nfunction Carousel({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins,\n  );\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n  const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  React.useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  React.useEffect(() => {\n    if (!api) return;\n    onSelect(api);\n    api.on(\"reInit\", onSelect);\n    api.on(\"select\", onSelect);\n\n    return () => {\n      api?.off(\"select\", onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation: orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\" data-slot=\"carousel-content\">\n      <div\n        className={cn(\"flex\", orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CarouselPrevious({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"-left-12 top-1/2 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\nfunction CarouselNext({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"-right-12 top-1/2 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\nexport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n  type CarouselApi,\n};\n"],"mappings":"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"}

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

@@ -1,72 +0,0 @@
-import * as react_jsx_runtime278 from "react/jsx-runtime";
-import * as React$1 from "react";
-import * as RechartsPrimitive from "recharts";
-
-//#region src/components/ui/chart.client.d.ts
-declare const THEMES: {
-  readonly light: "";
-  readonly dark: ".dark";
-};
-type ChartConfig = { [k in string]: {
-  label?: React$1.ReactNode;
-  icon?: React$1.ComponentType;
-} & ({
-  color?: string;
-  theme?: never;
-} | {
-  color?: never;
-  theme: Record<keyof typeof THEMES, string>;
-}) };
-declare function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}: React$1.ComponentProps<"div"> & {
-  config: ChartConfig;
-  children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime278.JSX.Element;
-declare const ChartStyle: ({
-  id,
-  config
-}: {
-  id: string;
-  config: ChartConfig;
-}) => react_jsx_runtime278.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator,
-  hideLabel,
-  hideIndicator,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey
-}: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
-  hideLabel?: boolean;
-  hideIndicator?: boolean;
-  indicator?: "line" | "dot" | "dashed";
-  nameKey?: string;
-  labelKey?: string;
-}): react_jsx_runtime278.JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({
-  className,
-  hideIcon,
-  payload,
-  verticalAlign,
-  nameKey
-}: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-  hideIcon?: boolean;
-  nameKey?: string;
-}): react_jsx_runtime278.JSX.Element | null;
-//#endregion
-export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
-//# sourceMappingURL=chart.client.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart.client.d.ts","names":[],"sources":["../../../src/components/ui/chart.client.tsx"],"sourcesContent":[],"mappings":";;;;;cAQM;;;AALwC,CAAA;AAOlC,KAAA,WAAA,GAAW,QAAA,MAAA,GAAA;EAEX,KAAA,CAAA,EAAA,OAAA,CAAM,SAAA;EACP,IAAA,CAAA,EAAA,OAAA,CAAM,aAAA;IAGiC,CAAA;EAApB,KAAA,CAAA,EAAA,MAAA;EAAM,KAAA,CAAA,EAAA,KAAA;AAoB3B,CAAA,GAAA;EAAc,KAAA,CAAA,EAAA,KAAA;EACrB,KAAA,EArB4B,MAqB5B,CAAA,MAAA,OArBgD,MAqBhD,EAAA,MAAA,CAAA;;iBADO,cAAA,CAIP;EAAA,EAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;CAAA,EAEC,OAAA,CAAM,cAFP,CAAA,KAAA,CAAA,GAAA;QAEC,EACO,WADD;UACC,EACE,OAAA,CAAM,cADR,CAAA,OAC8B,iBAAA,CAAkB,mBADhD,CAAA,CAAA,UAAA,CAAA;IAET,oBAAA,CAAA,GAAA,CAAA,OADyD;cAuBpD,UAvBY,EAAA,CAAA;EAAA,EAAA;EAAA;AACjB,CADiB,EAAA;MACjB,MAAA;EAAA,MAAA,EAsByD,WAtBzD;AAAA,CAAA,EAAA,GAsBsE,oBAAA,CAAA,GAAA,CAAA,OAAA,GA2BtE,IAAA;cAEK,YAFL,EAAA,OAEiB,iBAAA,CAAA,OAFjB;iBAIQ,mBAAA,CA/BW;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;AA6B0B,CA7B1B,EA6CjB,OAAA,CAAM,cA7CW,CAAA,OA6CW,iBAAA,CAAkB,OA7C7B,CAAA,GA8ClB,OAAA,CAAM,cA9CY,CAAA,KAAA,CAAA,GAAA;WAAA,CAAA,EAAA,OAAA;eAAsC,CAAA,EAAA,OAAA;WAAa,CAAA,EAAA,MAAA,GAAA,KAAA,GAAA,QAAA;EAAA,OAAA,CAAA,EAAA,MAAA;EA6BjE,QAAA,CAAA,EAAA,MAAwC;AAAA,CAAA,CAAA,EAuB3C,oBAAA,CAAA,GAAA,CAAA,OAAA,GArByB,IAAA;cAsItB,WAtIsB,EAAA,OAsIX,iBAAA,CAAA,MAtIW;iBAwInB,kBAAA,CAvIP;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,aAAA;EAAA;CAAA,EA6IC,OAAA,CAAM,cA7IP,CAAA,KAAA,CAAA,GA8IA,IA9IA,CA8IK,iBAAA,CAAkB,WA9IvB,EAAA,SAAA,GAAA,eAAA,CAAA,GAAA;UACA,CAAA,EAAA,OAAA;SACA,CAAA,EAAA,MAAA;IA+IC,oBAAA,CAAA,GAAA,CAAA,OAAA,GA9ID,IAAA"}

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

@@ -1,144 +0,0 @@
-"use client";
-
-
-import { cn } from "../../lib/utils/cn.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
-import * as RechartsPrimitive from "recharts";
-
-//#region src/components/ui/chart.client.tsx
-const THEMES = {
-	light: "",
-	dark: ".dark"
-};
-const ChartContext = React$1.createContext(null);
-function useChart() {
-	const context = React$1.useContext(ChartContext);
-	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
-	return context;
-}
-function ChartContainer({ id, className, children, config,...props }) {
-	const uniqueId = React$1.useId();
-	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-	return /* @__PURE__ */ jsx(ChartContext.Provider, {
-		value: { 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 [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent", className),
-			...props,
-			children: [/* @__PURE__ */ jsx(ChartStyle, {
-				id: chartId,
-				config
-			}), /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })]
-		})
-	});
-}
-const ChartStyle = ({ id, config }) => {
-	const colorConfig = Object.entries(config).filter(([, config$1]) => config$1.theme || config$1.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]) => {
-		const color = itemConfig.theme?.[theme] || itemConfig.color;
-		return color ? `  --color-${key}: ${color};` : null;
-	}).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 }) {
-	const { config } = useChart();
-	const tooltipLabel = React$1.useMemo(() => {
-		if (hideLabel || !payload?.length) return null;
-		const [item] = payload;
-		const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
-		const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
-		if (labelFormatter) return /* @__PURE__ */ jsx("div", {
-			className: cn("font-medium", labelClassName),
-			children: labelFormatter(value, payload)
-		});
-		if (!value) return null;
-		return /* @__PURE__ */ jsx("div", {
-			className: cn("font-medium", labelClassName),
-			children: value
-		});
-	}, [
-		label,
-		labelFormatter,
-		payload,
-		hideLabel,
-		labelClassName,
-		config,
-		labelKey
-	]);
-	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),
-		children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
-			className: "grid gap-1.5",
-			children: payload.map((item, index) => {
-				const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.name || item.dataKey || "value"}`);
-				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", indicator === "dot" && "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("border-(--color-border) bg-(--color-bg) shrink-0 rounded-[2px]", {
-							"h-2.5 w-2.5": indicator === "dot",
-							"w-1": indicator === "line",
-							"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-							"my-0.5": nestLabel && indicator === "dashed"
-						}),
-						style: {
-							"--color-bg": indicatorColor,
-							"--color-border": indicatorColor
-						}
-					}), /* @__PURE__ */ jsxs("div", {
-						className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "grid gap-1.5",
-							children: [nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("span", {
-								className: "text-muted-foreground",
-								children: itemConfig?.label || item.name
-							})]
-						}), item.value && /* @__PURE__ */ jsx("span", {
-							className: "text-foreground font-mono font-medium tabular-nums",
-							children: item.value.toLocaleString()
-						})]
-					})] })
-				}, item.dataKey);
-			})
-		})]
-	});
-}
-const ChartLegend = RechartsPrimitive.Legend;
-function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }) {
-	const { config } = useChart();
-	if (!payload?.length) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className),
-		children: payload.map((item) => {
-			const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.dataKey || "value"}`);
-			return /* @__PURE__ */ jsxs("div", {
-				className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
-				children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx("div", {
-					className: "h-2 w-2 shrink-0 rounded-[2px]",
-					style: { backgroundColor: item.color }
-				}), itemConfig?.label]
-			}, item.value);
-		})
-	});
-}
-function getPayloadConfigFromPayload(config, payload, key) {
-	if (typeof payload !== "object" || payload === null) return;
-	const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-	let configLabelKey = key;
-	if (key in payload && typeof payload[key] === "string") configLabelKey = payload[key];
-	else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") configLabelKey = payloadPayload[key];
-	return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-
-//#endregion
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
-//# sourceMappingURL=chart.client.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart.client.js","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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"}

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

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime92 from "react/jsx-runtime";
-import * as React$1 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-
-//#region src/components/ui/checkbox.d.ts
-declare function Checkbox({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime92.JSX.Element;
-//#endregion
-export { Checkbox };
-//# sourceMappingURL=checkbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,QAAA;;;GAAkC,OAAA,CAAM,sBAAsB,iBAAA,CAAkB,QAAK,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/checkbox.js

@@ -1,26 +0,0 @@
-"use client";
-
-
-import { cn } from "../../lib/utils/cn.js";
-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
-function Checkbox({ className,...props }) {
-	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
-		"data-slot": "checkbox",
-		className: cn("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", className),
-		...props,
-		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
-			"data-slot": "checkbox-indicator",
-			className: "flex items-center justify-center text-current transition-none",
-			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
-		})
-	});
-}
-
-//#endregion
-export { Checkbox };
-//# sourceMappingURL=checkbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","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,UAAW,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.ts

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime282 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_runtime282.JSX.Element;
-declare function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime282.JSX.Element;
-declare function CollapsibleContent({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime282.JSX.Element;
-//#endregion
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
-//# sourceMappingURL=collapsible.client.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible.client.d.ts","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"}

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

@@ -1,29 +0,0 @@
-"use client";
-
-
-import { jsx } from "react/jsx-runtime";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-
-//#region src/components/ui/collapsible.client.tsx
-function Collapsible({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
-		"data-slot": "collapsible",
-		...props
-	});
-}
-function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
-		"data-slot": "collapsible-trigger",
-		...props
-	});
-}
-function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
-		"data-slot": "collapsible-content",
-		...props
-	});
-}
-
-//#endregion
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
-//# sourceMappingURL=collapsible.client.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible.client.js","names":[],"sources":["../../../src/components/ui/collapsible.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":";;;;;;;AAIA,SAAS,YAAY,EAAE,GAAG,SAAiE;AACzF,QAAO,oBAAC,qBAAqB;EAAK,aAAU;EAAc,GAAI;GAAS;;AAGzE,SAAS,mBAAmB,EAC1B,GAAG,SACoE;AACvE,QAAO,oBAAC,qBAAqB;EAAmB,aAAU;EAAsB,GAAI;GAAS;;AAG/F,SAAS,mBAAmB,EAC1B,GAAG,SACoE;AACvE,QAAO,oBAAC,qBAAqB;EAAmB,aAAU;EAAsB,GAAI;GAAS"}

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

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime285 from "react/jsx-runtime";
-import { ComponentProps } from "react";
-
-//#region src/components/ui/color-picker.client.d.ts
-type ColorPickerProps = ComponentProps<"div"> & {
-  onValueChange?: (color: string) => void;
-};
-declare function ColorPicker({
-  color,
-  onValueChange,
-  className,
-  ...props
-}: ColorPickerProps): react_jsx_runtime285.JSX.Element;
-//#endregion
-export { ColorPicker };
-//# sourceMappingURL=color-picker.client.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker.client.d.ts","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"}

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

@@ -1,39 +0,0 @@
-"use client";
-
-
-import { cn } from "../../lib/utils/cn.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-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),
-		...props,
-		children: [/* @__PURE__ */ jsx(HexColorPicker, { onChange: onValueChange }), /* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-6 items-center justify-evenly gap-2 p-2",
-			children: [
-				"red",
-				"orange",
-				"yellow",
-				"green",
-				"teal",
-				"blue",
-				"cyan",
-				"indigo",
-				"violet",
-				"gray",
-				"black",
-				"white"
-			].map((color$1) => /* @__PURE__ */ jsx("button", {
-				className: "size-6 rounded-full border transition-transform duration-200 hover:scale-110",
-				style: { backgroundColor: color$1 },
-				onClick: () => onValueChange?.(color$1)
-			}, color$1))
-		})]
-	});
-}
-
-//#endregion
-export { ColorPicker };
-//# sourceMappingURL=color-picker.client.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker.client.js","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,UAAW,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"}

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

@@ -1,47 +0,0 @@
-import { PopoverContent } from "./popover.js";
-import * as react_jsx_runtime286 from "react/jsx-runtime";
-import * as React$1 from "react";
-
-//#region src/components/ui/combobox-dropdown.client.d.ts
-type ComboboxDropdownItem = {
-  id: string;
-  value: string;
-  label?: React$1.ReactNode;
-  disabled?: boolean;
-};
-type ComboboxDropdownProps<T> = {
-  placeholder?: React$1.ReactNode;
-  searchPlaceholder?: string;
-  items: T[];
-  onSelect: (item: T) => void;
-  selectedItem?: T;
-  renderSelectedItem?: (selectedItem: T) => React$1.ReactNode;
-  renderOnCreate?: (value: string) => React$1.ReactNode;
-  renderListItem?: (listItem: {
-    isChecked: boolean;
-    item: T;
-  }) => React$1.ReactNode;
-  emptyResults?: React$1.ReactNode;
-  popoverProps?: React$1.ComponentProps<typeof PopoverContent>;
-  disabled?: boolean;
-  onCreate?: (value: string) => void;
-  className?: string;
-};
-declare function ComboboxDropdown<T extends ComboboxDropdownItem>({
-  placeholder,
-  searchPlaceholder,
-  items,
-  onSelect,
-  selectedItem: incomingSelectedItem,
-  renderSelectedItem,
-  renderListItem,
-  renderOnCreate,
-  emptyResults,
-  popoverProps,
-  disabled,
-  onCreate,
-  className
-}: ComboboxDropdownProps<T>): react_jsx_runtime286.JSX.Element;
-//#endregion
-export { ComboboxDropdown, ComboboxDropdownItem, ComboboxDropdownProps };
-//# sourceMappingURL=combobox-dropdown.client.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-dropdown.client.d.ts","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;CAAqB;AACjB,KADJ,qBACU,CAAA,CAAA,CAAA,GAAA;aAEb,CAAA,EAFO,OAAA,CAAM,SAEb;mBACU,CAAA,EAAA,MAAA;OACF,EAFR,CAEQ,EAAA;UACqB,EAAA,CAAA,IAAA,EAFnB,CAEmB,EAAA,GAAA,IAAA;cAAY,CAAA,EADjC,CACiC;oBACN,CAAA,EAAA,CAAA,YAAA,EADN,CACM,EAAA,GADA,OAAA,CAAM,SACN;gBACc,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GADpB,OAAA,CAAM,SACc;gBAAc,CAAA,EAAA,CAAA,QAAA,EAAA;IACvD,SAAM,EAAA,OAAA;IACsB,IAAA,EAFa,CAEb;KAA5B,GAFiD,OAAA,CAAM,SAEjD;EAAc,YAAA,CAAA,EADpB,OAAA,CAAM,SACc;EAMrB,YAAA,CAAA,EANC,OAAA,CAAM,cAMS,CAAA,OANa,cAMb,CAAA;EAAA,QAAA,CAAA,EAAA,OAAA;UAAW,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;WACzC,CAAA,EAAA,MAAA;;AAEA,iBAHc,gBAGd,CAAA,UAHyC,oBAGzC,CAAA,CAAA;EAAA,WAAA;EAAA,iBAAA;EAAA,KAAA;EAAA,QAAA;EAAA,YAAA,EAEc,oBAFd;EAAA,kBAAA;EAAA,cAAA;EAAA,cAAA;EAAA,YAAA;EAAA,YAAA;EAAA,QAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAWC,qBAXD,CAWuB,CAXvB,CAAA,CAAA,EAWyB,oBAAA,CAAA,GAAA,CAAA,OAXzB"}