@resq-sw/ui 0.2.0

package/lib/components/chart/chart.js

@@ -0,0 +1,164 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+//#region src/components/chart/chart.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const THEMES = {
+	dark: ".dark",
+	light: ""
+};
+const SAFE_KEY_RE = /^[a-zA-Z0-9_-]+$/;
+const SAFE_COLOR_RE = /^(#[0-9a-fA-F]{3,8}|[a-zA-Z]+|\d+(\.\d+)?\s+\d+(\.\d+)?%?\s+\d+(\.\d+)?%?|(rgb|hsl|oklch|color)\([^)]{0,100}\)|var\(--[a-zA-Z0-9_-]+\))$/;
+const ChartContext = React.createContext(null);
+function buildChartCss(id, colorConfig) {
+	return Object.entries(THEMES).map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+		const color = itemConfig.theme?.[theme] || itemConfig.color;
+		const isSafeKey = SAFE_KEY_RE.test(key);
+		const isSafeColor = color ? SAFE_COLOR_RE.test(color.trim()) : false;
+		return isSafeKey && isSafeColor ? `  --color-${key}: ${color?.trim()};` : null;
+	}).join("\n")}
+}
+`).join("\n");
+}
+function ChartContainer({ children, className, config, id, ...props }) {
+	const uniqueId = React.useId();
+	const chartId = `chart-${id || uniqueId.replaceAll(/:/g, "")}`;
+	return /* @__PURE__ */ jsx(ChartContext.Provider, {
+		value: { config },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+			"data-chart": chartId,
+			"data-slot": "chart",
+			...props,
+			children: [/* @__PURE__ */ jsx(ChartStyle, {
+				config,
+				id: chartId
+			}), /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })]
+		})
+	});
+}
+function useChart() {
+	const context = React.useContext(ChartContext);
+	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+	return context;
+}
+const ChartStyle = React.memo(function ChartStyle({ config, id }) {
+	const colorConfig = React.useMemo(() => Object.entries(config).filter(([, c]) => c.theme ?? c.color), [config]);
+	const css = React.useMemo(() => buildChartCss(id, colorConfig), [id, colorConfig]);
+	if (!colorConfig.length) return null;
+	return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: css } });
+});
+const ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({ active, className, color, formatter, hideIndicator = false, hideLabel = false, indicator = "dot", label, labelClassName, labelFormatter, labelKey, nameKey, payload }) {
+	const { config } = useChart();
+	const tooltipLabel = React.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 gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl grid min-w-[8rem] items-start", className),
+		children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
+			className: "grid gap-1.5",
+			children: payload.filter((item) => item.type !== "none").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("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+							"h-2.5 w-2.5": indicator === "dot",
+							"my-0.5": nestLabel && indicator === "dashed",
+							"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+							"w-1": indicator === "line"
+						}),
+						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, nameKey, payload, verticalAlign = "bottom" }) {
+	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.filter((item) => item.type !== "none").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.js.map

package/lib/components/chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","names":[],"sources":["../../../src/components/chart/chart.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// @ts-nocheck -- recharts 3.x type exports don't align with ComponentProps inference\n\n\"use client\";\n\nimport * as React from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"../../lib/utils.js\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { dark: \".dark\", light: \"\" } as const;\n\nconst SAFE_KEY_RE = /^[a-zA-Z0-9_-]+$/;\n// Allowlist: permit only named colors, hex, rgb/hsl/oklch values, and CSS variables.\nconst SAFE_COLOR_RE =\n\t/^(#[0-9a-fA-F]{3,8}|[a-zA-Z]+|\\d+(\\.\\d+)?\\s+\\d+(\\.\\d+)?%?\\s+\\d+(\\.\\d+)?%?|(rgb|hsl|oklch|color)\\([^)]{0,100}\\)|var\\(--[a-zA-Z0-9_-]+\\))$/;\n\nexport type ChartConfig = {\n\t[k in string]: {\n\t\ticon?: React.ComponentType;\n\t\tlabel?: React.ReactNode;\n\t} & (\n\t\t| { color?: never; theme: Record<keyof typeof THEMES, string> }\n\t\t| { color?: string; theme?: never }\n\t);\n};\n\ntype ChartContextProps = {\n\tconfig: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction buildChartCss(id: string, colorConfig: [string, ChartConfig[string]][]): string {\n\treturn Object.entries(THEMES)\n\t\t.map(\n\t\t\t([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n\t.map(([key, itemConfig]) => {\n\t\tconst color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;\n\t\tconst isSafeKey = SAFE_KEY_RE.test(key);\n\t\tconst isSafeColor = color ? SAFE_COLOR_RE.test(color.trim()) : false;\n\t\treturn isSafeKey && isSafeColor ? `  --color-${key}: ${color?.trim()};` : null;\n\t})\n\t.join(\"\\n\")}\n}\n`,\n\t\t)\n\t\t.join(\"\\n\");\n}\n\nfunction ChartContainer({\n\tchildren,\n\tclassName,\n\tconfig,\n\tid,\n\t...props\n}: React.ComponentProps<\"div\"> & {\n\tchildren: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"children\"];\n\tconfig: ChartConfig;\n}) {\n\tconst uniqueId = React.useId();\n\tconst chartId = `chart-${id || uniqueId.replaceAll(/:/g, \"\")}`;\n\n\treturn (\n\t\t<ChartContext.Provider value={{ config }}>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-chart={chartId}\n\t\t\t\tdata-slot=\"chart\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<ChartStyle config={config} id={chartId} />\n\t\t\t\t<RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n\t\t\t</div>\n\t\t</ChartContext.Provider>\n\t);\n}\n\nfunction useChart() {\n\tconst context = React.useContext(ChartContext);\n\n\tif (!context) {\n\t\tthrow new Error(\"useChart must be used within a <ChartContainer />\");\n\t}\n\n\treturn context;\n}\n\nconst ChartStyle = React.memo(function ChartStyle({\n\tconfig,\n\tid,\n}: {\n\tconfig: ChartConfig;\n\tid: string;\n}) {\n\tconst colorConfig = React.useMemo(\n\t\t() =>\n\t\t\tObject.entries(config).filter(([, c]) => c.theme ?? c.color) as [\n\t\t\t\tstring,\n\t\t\t\tChartConfig[string],\n\t\t\t][],\n\t\t[config],\n\t);\n\n\tconst css = React.useMemo(() => buildChartCss(id, colorConfig), [id, colorConfig]);\n\n\tif (!colorConfig.length) {\n\t\treturn null;\n\t}\n\n\t// css is built only from allowlisted keys/colors validated by SAFE_KEY_RE and SAFE_COLOR_RE.\n\treturn <style dangerouslySetInnerHTML={{ __html: css }} />;\n});\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nfunction ChartTooltipContent({\n\tactive,\n\tclassName,\n\tcolor,\n\tformatter,\n\thideIndicator = false,\n\thideLabel = false,\n\tindicator = \"dot\",\n\tlabel,\n\tlabelClassName,\n\tlabelFormatter,\n\tlabelKey,\n\tnameKey,\n\tpayload,\n}: React.ComponentProps<\"div\"> &\n\tReact.ComponentProps<typeof RechartsPrimitive.Tooltip> & {\n\t\thideIndicator?: boolean;\n\t\thideLabel?: boolean;\n\t\tindicator?: \"dashed\" | \"dot\" | \"line\";\n\t\tlabelKey?: string;\n\t\tnameKey?: string;\n\t}) {\n\tconst { config } = useChart();\n\n\tconst tooltipLabel = React.useMemo(() => {\n\t\tif (hideLabel || !payload?.length) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst [item] = payload;\n\t\tconst key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\n\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\tconst value =\n\t\t\t!labelKey && typeof label === \"string\"\n\t\t\t\t? config[label as keyof typeof config]?.label || label\n\t\t\t\t: itemConfig?.label;\n\n\t\tif (labelFormatter) {\n\t\t\treturn (\n\t\t\t\t<div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>\n\t\t\t);\n\t\t}\n\n\t\tif (!value) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n\t}, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n\tif (!active || !payload?.length) {\n\t\treturn null;\n\t}\n\n\tconst nestLabel = payload.length === 1 && indicator !== \"dot\";\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"border-border/50 bg-background gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl grid min-w-[8rem] items-start\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!nestLabel ? tooltipLabel : null}\n\t\t\t<div className=\"grid gap-1.5\">\n\t\t\t\t{payload\n\t\t\t\t\t.filter((item) => item.type !== \"none\")\n\t\t\t\t\t.map((item, index) => {\n\t\t\t\t\t\tconst key = `${nameKey || item.name || item.dataKey || \"value\"}`;\n\t\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\t\t\t\t\t\tconst indicatorColor = color || item.payload.fill || item.color;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\n\t\t\t\t\t\t\t\t\tindicator === \"dot\" && \"items-center\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tkey={item.dataKey}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{formatter && item?.value !== undefined && item.name ? (\n\t\t\t\t\t\t\t\t\tformatter(item.value, item.name, item, index, item.payload)\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{itemConfig?.icon ? (\n\t\t\t\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t!hideIndicator && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"h-2.5 w-2.5\": indicator === \"dot\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"my-0.5\": nestLabel && indicator === \"dashed\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"w-0 border-[1.5px] border-dashed bg-transparent\":\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindicator === \"dashed\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"w-1\": indicator === \"line\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"--color-bg\": indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"--color-border\": indicatorColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\"flex flex-1 justify-between leading-none\",\n\t\t\t\t\t\t\t\t\t\t\t\tnestLabel ? \"items-end\" : \"items-center\",\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"grid gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t{nestLabel ? tooltipLabel : null}\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{itemConfig?.label || item.name}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{item.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-foreground font-mono font-medium tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.value.toLocaleString()}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nfunction ChartLegendContent({\n\tclassName,\n\thideIcon = false,\n\tnameKey,\n\tpayload,\n\tverticalAlign = \"bottom\",\n}: Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> &\n\tReact.ComponentProps<\"div\"> & {\n\t\thideIcon?: boolean;\n\t\tnameKey?: string;\n\t}) {\n\tconst { config } = useChart();\n\n\tif (!payload?.length) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-center justify-center gap-4\",\n\t\t\t\tverticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{payload\n\t\t\t\t.filter((item) => item.type !== \"none\")\n\t\t\t\t.map((item) => {\n\t\t\t\t\tconst key = `${nameKey || item.dataKey || \"value\"}`;\n\t\t\t\t\tconst itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{itemConfig?.icon && !hideIcon ? (\n\t\t\t\t\t\t\t\t<itemConfig.icon />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"h-2 w-2 shrink-0 rounded-[2px]\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: item.color,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{itemConfig?.label}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t</div>\n\t);\n}\n\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n\tif (typeof payload !== \"object\" || payload === null) {\n\t\treturn undefined;\n\t}\n\n\tconst payloadPayload =\n\t\t\"payload\" in payload && typeof payload.payload === \"object\" && payload.payload !== null\n\t\t\t? payload.payload\n\t\t\t: undefined;\n\n\tlet configLabelKey: string = key;\n\n\tif (key in payload && typeof payload[key as keyof typeof payload] === \"string\") {\n\t\tconfigLabelKey = payload[key as keyof typeof payload] as string;\n\t} else if (\n\t\tpayloadPayload &&\n\t\tkey in payloadPayload &&\n\t\ttypeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n\t) {\n\t\tconfigLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n\t}\n\n\treturn configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n\tChartContainer,\n\tChartLegend,\n\tChartLegendContent,\n\tChartStyle,\n\tChartTooltip,\n\tChartTooltipContent,\n};\n"],"mappings":"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"}

package/lib/components/chart/index.d.ts

@@ -0,0 +1,2 @@
+import { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./chart.js";
+export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/lib/components/chart/index.js

@@ -0,0 +1,2 @@
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./chart.js";
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/lib/components/checkbox/checkbox.d.ts

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

package/lib/components/checkbox/checkbox.d.ts.map

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

package/lib/components/checkbox/checkbox.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { CheckIcon } from "lucide-react";
+import { Checkbox as Checkbox$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/checkbox/checkbox.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function Checkbox({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		className: cn("border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-lg border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		"data-slot": "checkbox",
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+			className: "[&>svg]:size-3.5 grid place-content-center text-current transition-none",
+			"data-slot": "checkbox-indicator",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		})
+	});
+}
+//#endregion
+export { Checkbox };
+
+//# sourceMappingURL=checkbox.js.map

package/lib/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["CheckboxPrimitive"],"sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\"use client\";\n\nimport { CheckIcon } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils.js\";\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tclassName={cn(\n\t\t\t\t\"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-lg border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"checkbox\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator\n\t\t\t\tclassName=\"[&>svg]:size-3.5 grid place-content-center text-current transition-none\"\n\t\t\t\tdata-slot=\"checkbox-indicator\"\n\t\t\t>\n\t\t\t\t<CheckIcon />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t);\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;AAC/F,QACC,oBAACA,WAAkB,MAAnB;EACC,WAAW,GACV,0qBACA,UACA;EACD,aAAU;EACV,GAAI;YAEJ,oBAACA,WAAkB,WAAnB;GACC,WAAU;GACV,aAAU;aAEV,oBAAC,WAAD,EAAa,CAAA;GACgB,CAAA;EACN,CAAA"}

package/lib/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import { Checkbox } from "./checkbox.js";
+export { Checkbox };

package/lib/components/checkbox/index.js

@@ -0,0 +1,2 @@
+import { Checkbox } from "./checkbox.js";
+export { Checkbox };

package/lib/components/collapsible/collapsible.d.ts

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

package/lib/components/collapsible/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":[],"mappings":";;;;;iBAoBS,WAAA,CAYA;EAAA,GAAA;AAAA,CAAA,EAZ0B,KAAA,CAAM,cAYhC,CAAA,OAZsD,aAAA,CAAqB,IAY3E,CAAA,CAAA,EAZgF,mBAAA,CAAA,GAAA,CAAA,OAYhF;iBARA,kBAAA,CAQ8D;EAAA,GAAA;AAAA,CAAA,EANpE,KAAA,CAAM,cAM8D,CAAA,OANxC,aAAA,CAAqB,kBAMmB,CAAA,CAAA,EANA,mBAAA,CAAA,GAAA,CAAA,OAMA;iBAF9D,kBAAA,CAE8D;EAAA,GAAA;AAAA,CAAA,EAApE,KAAA,CAAM,cAA8D,CAAA,OAAxC,aAAA,CAAqB,kBAAmB,CAAA,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/lib/components/collapsible/collapsible.js

@@ -0,0 +1,41 @@
+"use client";
+import { Collapsible as Collapsible$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/collapsible/collapsible.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function Collapsible({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible$1.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible$1.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+
+//# sourceMappingURL=collapsible.js.map

package/lib/components/collapsible/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\n\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n\treturn <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleContent({\n\t...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n\treturn <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n\t...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n\treturn <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAS,YAAY,EAAE,GAAG,SAAiE;AAC1F,QAAO,oBAACA,cAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGxE,SAAS,mBAAmB,EAC3B,GAAG,SACqE;AACxE,QAAO,oBAACA,cAAqB,oBAAtB;EAAyC,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAG9F,SAAS,mBAAmB,EAC3B,GAAG,SACqE;AACxE,QAAO,oBAACA,cAAqB,oBAAtB;EAAyC,aAAU;EAAsB,GAAI;EAAS,CAAA"}

package/lib/components/collapsible/index.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/lib/components/collapsible/index.js

@@ -0,0 +1,2 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/lib/components/combobox/combobox.d.ts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as React from "react";
+import { Combobox as Combobox$1 } from "@base-ui/react";
+
+//#region src/components/combobox/combobox.d.ts
+
+declare const Combobox: typeof Combobox$1.Root;
+declare function ComboboxChip({
+  children,
+  className,
+  showRemove,
+  ...props
+}: Combobox$1.Chip.Props & {
+  showRemove?: boolean;
+}): react_jsx_runtime60.JSX.Element;
+declare function ComboboxChips({
+  className,
+  ...props
+}: Combobox$1.Chips.Props & React.ComponentPropsWithRef<typeof Combobox$1.Chips>): react_jsx_runtime60.JSX.Element;
+declare function ComboboxChipsInput({
+  className,
+  ...props
+}: Combobox$1.Input.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxCollection({
+  ...props
+}: Combobox$1.Collection.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxContent({
+  align,
+  alignOffset,
+  anchor,
+  className,
+  side,
+  sideOffset,
+  ...props
+}: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "side" | "sideOffset">): react_jsx_runtime60.JSX.Element;
+declare function ComboboxEmpty({
+  className,
+  ...props
+}: Combobox$1.Empty.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxGroup({
+  className,
+  ...props
+}: Combobox$1.Group.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxInput({
+  children,
+  className,
+  disabled,
+  showClear,
+  showTrigger,
+  ...props
+}: Combobox$1.Input.Props & {
+  showClear?: boolean;
+  showTrigger?: boolean;
+}): react_jsx_runtime60.JSX.Element;
+declare function ComboboxItem({
+  children,
+  className,
+  ...props
+}: Combobox$1.Item.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxLabel({
+  className,
+  ...props
+}: Combobox$1.GroupLabel.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxList({
+  className,
+  ...props
+}: Combobox$1.List.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxSeparator({
+  className,
+  ...props
+}: Combobox$1.Separator.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxTrigger({
+  children,
+  className,
+  ...props
+}: Combobox$1.Trigger.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxValue({
+  ...props
+}: Combobox$1.Value.Props): react_jsx_runtime60.JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+//#endregion
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
+//# sourceMappingURL=combobox.d.ts.map

package/lib/components/combobox/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","names":[],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":[],"mappings":"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"}

package/lib/components/combobox/combobox.js

@@ -0,0 +1,180 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../input-group/input-group.js";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Combobox as Combobox$1 } from "@base-ui/react";
+//#region src/components/combobox/combobox.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const Combobox = Combobox$1.Root;
+function ComboboxChip({ children, className, showRemove = true, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
+		className: cn("bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50", className),
+		"data-slot": "combobox-chip",
+		...props,
+		children: [children, showRemove && /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
+			className: "-ml-1 opacity-50 hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			render: /* @__PURE__ */ jsx(Button, {
+				size: "icon-xs",
+				variant: "ghost"
+			}),
+			children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+		})]
+	});
+}
+function ComboboxChips({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Chips, {
+		className: cn("dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1", className),
+		"data-slot": "combobox-chips",
+		...props
+	});
+}
+function ComboboxChipsInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Input, {
+		className: cn("min-w-16 flex-1 outline-none", className),
+		"data-slot": "combobox-chip-input",
+		...props
+	});
+}
+function ComboboxClear({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
+		className,
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ jsx(InputGroupButton, {
+			size: "icon-xs",
+			variant: "ghost"
+		}),
+		...props,
+		children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+	});
+}
+function ComboboxCollection({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Collection, {
+		"data-slot": "combobox-collection",
+		...props
+	});
+}
+function ComboboxContent({ align = "start", alignOffset = 0, anchor, className, side = "bottom", sideOffset = 6, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+		align,
+		alignOffset,
+		anchor,
+		className: "isolate z-50",
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
+			className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)", className),
+			"data-chips": !!anchor,
+			"data-slot": "combobox-content",
+			...props
+		})
+	}) });
+}
+function ComboboxEmpty({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
+		className: cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", className),
+		"data-slot": "combobox-empty",
+		...props
+	});
+}
+function ComboboxGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Group, {
+		className,
+		"data-slot": "combobox-group",
+		...props
+	});
+}
+function ComboboxInput({ children, className, disabled = false, showClear = false, showTrigger = true, ...props }) {
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		className: cn("w-auto", className),
+		children: [
+			/* @__PURE__ */ jsx(Combobox$1.Input, {
+				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
+				...props
+			}),
+			/* @__PURE__ */ jsxs(InputGroupAddon, {
+				align: "inline-end",
+				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
+					asChild: true,
+					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+					"data-slot": "input-group-button",
+					disabled,
+					size: "icon-xs",
+					variant: "ghost",
+					children: /* @__PURE__ */ jsx(ComboboxTrigger, {})
+				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })]
+			}),
+			children
+		]
+	});
+}
+function ComboboxItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
+		className: cn("data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		"data-slot": "combobox-item",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
+			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
+		})]
+	});
+}
+function ComboboxLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
+		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+		"data-slot": "combobox-label",
+		...props
+	});
+}
+function ComboboxList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.List, {
+		className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overscroll-contain", className),
+		"data-slot": "combobox-list",
+		...props
+	});
+}
+function ComboboxSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Separator, {
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		"data-slot": "combobox-separator",
+		...props
+	});
+}
+function ComboboxTrigger({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
+		className: cn("[&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "combobox-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground size-4 pointer-events-none" })]
+	});
+}
+function ComboboxValue({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Value, {
+		"data-slot": "combobox-value",
+		...props
+	});
+}
+function useComboboxAnchor() {
+	return React.useRef(null);
+}
+//#endregion
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
+
+//# sourceMappingURL=combobox.js.map