@overvis/hmi-workspace-ui 0.0.0-stage → 0.1.0

package/dist/select-BKiOWdSr.js

@@ -0,0 +1,539 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { q as t } from "./spinner-C-HPNxOc.js";
+import * as n from "react";
+import { useEffect as r, useId as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CheckIcon as l, ChevronDownIcon as u, ChevronUpIcon as d } from "lucide-react";
+import { cva as f } from "class-variance-authority";
+import * as p from "recharts";
+import * as m from "react-resizable-panels";
+import { mergeProps as h } from "@base-ui/react/merge-props";
+import { useRender as g } from "@base-ui/react/use-render";
+import { Select as _ } from "@base-ui/react/select";
+//#region src/ui/chart.tsx
+var v = {
+	light: "",
+	dark: ".dark"
+}, y = ["light", "dark"], b = {
+	width: 320,
+	height: 200
+};
+function x(e) {
+	return typeof e == "number" ? e.toLocaleString() : typeof e == "string" ? e : typeof e == "boolean" ? String(e) : null;
+}
+var S = n.createContext(null);
+function C() {
+	let e = n.useContext(S);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+function w({ id: t, className: r, children: i, config: a, initialDimension: o = b, ...l }) {
+	let u = n.useId(), d = `chart-${t ?? u.replace(/:/g, "")}`;
+	return /* @__PURE__ */ s(S.Provider, {
+		value: { config: a },
+		children: /* @__PURE__ */ c("div", {
+			"data-slot": "chart",
+			"data-chart": d,
+			className: e("\n            flex aspect-video justify-center text-xs\n            [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground\n            [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\n            [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border\n            [&_.recharts-dot[stroke='#fff']]:stroke-transparent\n            [&_.recharts-layer]:outline-hidden\n            [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\n            [&_.recharts-radial-bar-background-sector]:fill-muted\n            [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted\n            [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\n            [&_.recharts-sector]:outline-hidden\n            [&_.recharts-sector[stroke='#fff']]:stroke-transparent\n            [&_.recharts-surface]:outline-hidden\n          ", r),
+			...l,
+			children: [/* @__PURE__ */ s(T, {
+				id: d,
+				config: a
+			}), /* @__PURE__ */ s(p.ResponsiveContainer, {
+				initialDimension: o,
+				children: i
+			})]
+		})
+	});
+}
+function T({ id: e, config: t }) {
+	let n = Object.entries(t).filter(([, e]) => e.theme ?? e.color);
+	return n.length ? /* @__PURE__ */ s("style", { children: y.map((t) => `
+${v[t]} [data-chart=${e}] {
+${n.map(([e, n]) => {
+		let r = n.theme?.[t] ?? n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
+}
+`).join("\n") }) : null;
+}
+function E({ color: t, indicator: n, nested: r }) {
+	return n === "dot" ? /* @__PURE__ */ s("svg", {
+		"aria-hidden": "true",
+		className: "size-2.5 shrink-0",
+		viewBox: "0 0 10 10",
+		children: /* @__PURE__ */ s("rect", {
+			width: "10",
+			height: "10",
+			rx: "2",
+			fill: t
+		})
+	}) : /* @__PURE__ */ s("svg", {
+		"aria-hidden": "true",
+		className: e("w-1 shrink-0", r && n === "dashed" && "my-0.5"),
+		viewBox: "0 0 4 16",
+		preserveAspectRatio: "none",
+		children: /* @__PURE__ */ s("line", {
+			x1: "2",
+			x2: "2",
+			y1: "0",
+			y2: "16",
+			stroke: t,
+			strokeWidth: "3",
+			strokeDasharray: n === "dashed" ? "3 3" : void 0
+		})
+	});
+}
+var D = p.Tooltip;
+function O({ active: t, payload: r, className: i, indicator: a = "dot", hideLabel: l = !1, hideIndicator: u = !1, label: d, labelFormatter: f, labelClassName: p, formatter: m, color: h, nameKey: g, labelKey: _ }) {
+	let { config: v } = C(), y = n.useMemo(() => {
+		if (l || !r?.length) return null;
+		let [t] = r, n = String(_ ?? t?.dataKey ?? t?.name ?? "value"), i = M(v, t, n), a = !_ && typeof d == "string" ? v[d]?.label ?? d : i?.label;
+		return f ? /* @__PURE__ */ s("div", {
+			className: e("font-medium", p),
+			children: f(a, r)
+		}) : a ? /* @__PURE__ */ s("div", {
+			className: e("font-medium", p),
+			children: a
+		}) : null;
+	}, [
+		d,
+		f,
+		r,
+		l,
+		p,
+		v,
+		_
+	]);
+	if (!t || !r?.length) return null;
+	let b = r.length === 1 && a !== "dot";
+	return /* @__PURE__ */ c("div", {
+		className: e("\n          grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5\n          py-1.5 text-xs shadow-xl\n        ", i),
+		children: [b ? null : y, /* @__PURE__ */ s("div", {
+			className: "grid gap-1.5",
+			children: r.filter((e) => e.type !== "none").map((t, n) => {
+				let r = String(g ?? t.name ?? t.dataKey ?? "value"), i = M(v, t, r), l = h ?? ee(t.payload, "fill") ?? t.color;
+				return /* @__PURE__ */ s("div", {
+					className: e("\n                    flex w-full flex-wrap items-stretch gap-2\n                    [&>svg]:size-2.5 [&>svg]:text-muted-foreground\n                  ", a === "dot" && "items-center"),
+					children: m != null && t.value !== void 0 && t.name != null ? m(t.value, t.name, t, n) : /* @__PURE__ */ c(o, { children: [i?.icon ? /* @__PURE__ */ s(i.icon, {}) : !u && /* @__PURE__ */ s(E, {
+						color: l,
+						indicator: a,
+						nested: b
+					}), /* @__PURE__ */ c("div", {
+						className: e("flex flex-1 justify-between leading-none", b ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ c("div", {
+							className: "grid gap-1.5",
+							children: [b ? y : null, /* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: i?.label ?? t.name
+							})]
+						}), t.value != null && /* @__PURE__ */ s("span", {
+							className: "font-mono font-medium text-foreground tabular-nums",
+							children: x(t.value)
+						})]
+					})] })
+				}, n);
+			})
+		})]
+	});
+}
+var k = p.Legend;
+function A({ className: t, hideIcon: n = !1, payload: r, verticalAlign: i = "bottom", nameKey: a }) {
+	let { config: o } = C();
+	return r?.length ? /* @__PURE__ */ s("div", {
+		className: e("flex items-center justify-center gap-4", i === "top" ? "pb-3" : "pt-3", t),
+		children: r.filter((e) => e.type !== "none").map((t, r) => {
+			let i = String(a ?? t.dataKey ?? "value"), l = M(o, t, i);
+			return /* @__PURE__ */ c("div", {
+				className: e("\n                  flex items-center gap-1.5\n                  [&>svg]:size-3 [&>svg]:text-muted-foreground\n                "),
+				children: [l?.icon && !n ? /* @__PURE__ */ s(l.icon, {}) : /* @__PURE__ */ s("svg", {
+					"aria-hidden": "true",
+					className: "size-2 shrink-0",
+					viewBox: "0 0 8 8",
+					children: /* @__PURE__ */ s("rect", {
+						width: "8",
+						height: "8",
+						rx: "2",
+						fill: t.color
+					})
+				}), l?.label]
+			}, r);
+		})
+	}) : null;
+}
+function j(e, t) {
+	if (!(typeof e != "object" || !e)) return Reflect.get(e, t);
+}
+function ee(e, t) {
+	let n = j(e, t);
+	return typeof n == "string" ? n : void 0;
+}
+function M(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = j(t, "payload"), i = n, a = j(t, n), o = j(r, n);
+	return typeof a == "string" ? i = a : typeof o == "string" && (i = o), i in e ? e[i] : e[n];
+}
+//#endregion
+//#region src/hooks/use-now.ts
+function N(e = 6e4) {
+	let [t, n] = a(() => Date.now());
+	return r(() => {
+		if (e == null) return;
+		let t = window.setInterval(() => {
+			n(Date.now());
+		}, e);
+		return () => {
+			window.clearInterval(t);
+		};
+	}, [e]), t;
+}
+//#endregion
+//#region src/ui/gauge-bar.tsx
+var P = 8, F = 20, I = 6;
+function L(e) {
+	return Math.min(100, Math.max(0, e));
+}
+function R(e) {
+	return `${String(L(e))}%`;
+}
+function z(e, t) {
+	return `${String(Math.max(0, L(t) - L(e)))}%`;
+}
+function B(e) {
+	return e < 15 ? "start" : e > 85 ? "end" : "middle";
+}
+function V({ bands: t = [], fill: n, ticks: r = [], marker: a, className: l }) {
+	let u = `gauge-bar-${i().replace(/[^\w-]/g, "")}`, d = r.some((e) => e.label != null) ? F : I, f = d + P, p = f + (a?.label == null ? I : 22), m = a == null || "position" in a ? null : {
+		from: a.from,
+		to: a.to
+	}, h = a == null ? null : "position" in a ? a.position : (a.from + a.to) / 2;
+	return /* @__PURE__ */ c("svg", {
+		width: "100%",
+		height: p,
+		"aria-hidden": "true",
+		"data-slot": "gauge-bar",
+		className: e("overflow-visible", l),
+		children: [
+			/* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("clipPath", {
+				id: u,
+				children: /* @__PURE__ */ s("rect", {
+					x: "0",
+					y: d,
+					width: "100%",
+					height: P,
+					rx: P / 2
+				})
+			}) }),
+			/* @__PURE__ */ c("g", {
+				clipPath: `url(#${u})`,
+				children: [
+					/* @__PURE__ */ s("rect", {
+						x: "0",
+						y: d,
+						width: "100%",
+						height: P,
+						className: "fill-foreground/10"
+					}),
+					t.map((e, t) => /* @__PURE__ */ s("rect", {
+						x: R(e.from),
+						y: d,
+						width: z(e.from, e.to),
+						height: P,
+						className: e.className
+					}, t)),
+					n == null ? null : /* @__PURE__ */ s("rect", {
+						x: "0",
+						y: d,
+						width: z(0, n.to),
+						height: P,
+						rx: P / 2,
+						className: n.className
+					})
+				]
+			}),
+			r.map((e, t) => /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("line", {
+				x1: R(e.position),
+				x2: R(e.position),
+				y1: d - 4,
+				y2: f + 4,
+				strokeWidth: "2",
+				className: e.className ?? "stroke-foreground"
+			}), e.label == null ? null : /* @__PURE__ */ s("text", {
+				x: R(e.position),
+				y: d - 10,
+				textAnchor: B(e.position),
+				className: "fill-muted-foreground text-xs tabular-nums",
+				children: e.label
+			})] }, t)),
+			a == null || h == null ? null : /* @__PURE__ */ c("g", {
+				className: a.className ?? "fill-foreground stroke-foreground",
+				children: [m != null && m.to > m.from ? /* @__PURE__ */ s("rect", {
+					x: R(m.from),
+					y: d - 2,
+					width: z(m.from, m.to),
+					height: 12,
+					strokeWidth: "3",
+					strokeLinejoin: "round"
+				}) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("line", {
+					x1: R(h),
+					x2: R(h),
+					y1: d,
+					y2: f,
+					strokeWidth: "7",
+					className: "stroke-card"
+				}), /* @__PURE__ */ s("line", {
+					x1: R(h),
+					x2: R(h),
+					y1: d - 3.5,
+					y2: f + 3.5,
+					strokeWidth: "4",
+					strokeLinecap: "round"
+				})] }), a.label == null ? null : /* @__PURE__ */ s("text", {
+					x: R(h),
+					y: f + 18,
+					textAnchor: B(h),
+					strokeWidth: "0",
+					className: "text-xs font-semibold tabular-nums",
+					children: a.label
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ui/sparkline.tsx
+function H(e, t) {
+	let n = Math.round(t.to / t.sampleIntervalMs) * t.sampleIntervalMs - (t.sampleCount - 1) * t.sampleIntervalMs, r = Array.from({ length: t.sampleCount }, () => null), i = Array.from({ length: t.sampleCount }, (e, r) => ({
+		at: n + r * t.sampleIntervalMs,
+		value: null
+	}));
+	for (let a of e) {
+		if (a.at > t.to) continue;
+		let e = Math.round((a.at - n) / t.sampleIntervalMs), o = i[e], s = r[e];
+		o == null || s != null && s > a.at || (o.value = a.value, r[e] = a.at);
+	}
+	return i;
+}
+function U({ points: t, ariaLabel: n, window: r, range: a, referenceValue: o, fill: l = !0, strokeWidth: u = 2, className: d }) {
+	let f = i(), p = N(r?.kind === "live" ? r.sampleIntervalMs : null), m = r == null ? null : {
+		to: r.kind === "live" ? p : r.to,
+		sampleCount: r.sampleCount,
+		sampleIntervalMs: r.sampleIntervalMs,
+		gapThresholdMs: r.gapThresholdMs
+	}, h = m == null ? t : H(t, m), g = h.flatMap((e) => e.value == null ? [] : [e.value]), _ = a?.lower ?? (g.length === 0 ? 0 : Math.min(...g)), v = a?.upper ?? (g.length === 0 ? 0 : Math.max(...g)), y = Math.max(.5, v - _), b = h[0]?.at ?? 0, x = h[h.length - 1]?.at ?? b, S = Math.max(1, x - b), C = (e) => Math.max(2, Math.min(30, 30 - (e - _) / y * 28)), w = h.map((e) => e.value == null ? null : {
+		x: 2 + (e.at - b) / S * 116,
+		y: C(e.value)
+	}), T = [], E, D;
+	for (let [e, t] of w.entries()) {
+		if (t == null) continue;
+		let n = h[e]?.at;
+		n != null && ((E == null || D != null && m != null && n - D > m.gapThresholdMs) && (E = [], T.push(E)), E.push(t), D = n);
+	}
+	let O = T.filter((e) => e.length >= 2);
+	return /* @__PURE__ */ c("svg", {
+		viewBox: "0 0 120 32",
+		preserveAspectRatio: "none",
+		role: "img",
+		"aria-labelledby": f,
+		className: e("size-auto h-8 w-full overflow-hidden", d),
+		"data-slot": "sparkline",
+		children: [
+			/* @__PURE__ */ s("title", {
+				id: f,
+				children: n
+			}),
+			o == null ? null : /* @__PURE__ */ s("line", {
+				x1: "2",
+				y1: C(o),
+				x2: 118,
+				y2: C(o),
+				stroke: "currentColor",
+				strokeOpacity: "0.12",
+				strokeWidth: "1",
+				vectorEffect: "non-scaling-stroke"
+			}),
+			O.length === 0 ? /* @__PURE__ */ s("line", {
+				x1: "2",
+				y1: 32 / 2,
+				x2: 118,
+				y2: 32 / 2,
+				stroke: "currentColor",
+				strokeOpacity: "0.25"
+			}) : O.map((e, t) => {
+				let n = e.map((e, t) => `${t === 0 ? "M" : "L"}${e.x.toFixed(1)} ${e.y.toFixed(1)}`).join(" "), r = e[0], i = e[e.length - 1], a = r == null || i == null ? "" : `${n} L${i.x.toFixed(1)} 32 L${r.x.toFixed(1)} 32 Z`;
+				return /* @__PURE__ */ c("g", { children: [l ? /* @__PURE__ */ s("path", {
+					d: a,
+					fill: "currentColor",
+					fillOpacity: "0.1"
+				}) : null, /* @__PURE__ */ s("path", {
+					d: n,
+					fill: "none",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: u,
+					vectorEffect: "non-scaling-stroke"
+				})] }, t);
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ui/kbd.tsx
+function W({ className: t, ...n }) {
+	return /* @__PURE__ */ s("kbd", {
+		"data-slot": "kbd",
+		className: e("\n          pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1\n          rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none\n          in-data-[slot=tooltip-content]:bg-background/20\n          in-data-[slot=tooltip-content]:text-background\n          dark:in-data-[slot=tooltip-content]:bg-background/10\n          [&_svg:not([class*='size-'])]:size-3\n        ", t),
+		...n
+	});
+}
+function G({ className: t, ...n }) {
+	return /* @__PURE__ */ s("kbd", {
+		"data-slot": "kbd-group",
+		className: e("inline-flex items-center gap-1", t),
+		...n
+	});
+}
+//#endregion
+//#region src/ui/resizable.tsx
+function K({ className: t, ...n }) {
+	return /* @__PURE__ */ s(m.Group, {
+		"data-slot": "resizable-panel-group",
+		className: e("\n          flex size-full\n          aria-[orientation=vertical]:flex-col\n        ", t),
+		...n
+	});
+}
+function q({ ...e }) {
+	return /* @__PURE__ */ s(m.Panel, {
+		"data-slot": "resizable-panel",
+		...e
+	});
+}
+function J({ withHandle: t, className: n, ...r }) {
+	return /* @__PURE__ */ s(m.Separator, {
+		"data-slot": "resizable-handle",
+		className: e("\n          relative flex w-px items-center justify-center bg-border ring-offset-background\n          after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2\n          focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden\n          aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full\n          aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1\n          aria-[orientation=horizontal]:after:w-full\n          aria-[orientation=horizontal]:after:translate-x-0\n          aria-[orientation=horizontal]:after:-translate-y-1/2\n          [&[aria-orientation=horizontal]>div]:rotate-90\n        ", n),
+		...r,
+		children: t && /* @__PURE__ */ s("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
+	});
+}
+//#endregion
+//#region src/ui/button-group.tsx
+var Y = f("\n    flex w-fit items-stretch\n    *:focus-visible:relative *:focus-visible:z-10\n    has-[>[data-slot=button-group]]:gap-2\n    has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg\n    [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit\n    [&>input]:flex-1\n  ", {
+	variants: { orientation: {
+		horizontal: "\n          *:data-slot:rounded-r-none\n          [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!\n          [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\n        ",
+		vertical: "\n          flex-col\n          *:data-slot:rounded-b-none\n          [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!\n          [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\n        "
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function X({ className: t, orientation: n, ...r }) {
+	return /* @__PURE__ */ s("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": n,
+		className: e(Y({ orientation: n }), t),
+		...r
+	});
+}
+function Z({ className: t, render: n, ...r }) {
+	return g({
+		defaultTagName: "div",
+		props: h({ className: e("\n            flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium\n            [&_svg]:pointer-events-none\n            [&_svg:not([class*='size-'])]:size-4\n          ", t) }, r),
+		render: n,
+		state: { slot: "button-group-text" }
+	});
+}
+function Q({ className: n, orientation: r = "vertical", ...i }) {
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "button-group-separator",
+		orientation: r,
+		className: e("\n          relative self-stretch bg-input\n          data-horizontal:mx-px data-horizontal:w-auto\n          data-vertical:my-px data-vertical:h-auto\n        ", n),
+		...i
+	});
+}
+//#endregion
+//#region src/ui/select.tsx
+function te(e) {
+	return /* @__PURE__ */ s(_.Root, {
+		"data-slot": "select",
+		...e
+	});
+}
+function ne({ className: t, ...n }) {
+	return /* @__PURE__ */ s(_.Value, {
+		"data-slot": "select-value",
+		className: e("min-w-0 flex-1 truncate text-left", t),
+		...n
+	});
+}
+function $({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ c(_.Trigger, {
+		"data-slot": "select-trigger",
+		className: e("\n          flex h-8 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg\n          border border-input bg-transparent px-2.5 py-1 text-sm transition-colors outline-none\n          select-none\n          focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\n          data-popup-open:border-ring data-popup-open:ring-3 data-popup-open:ring-ring/50\n          dark:bg-input/30\n          data-disabled:pointer-events-none data-disabled:cursor-not-allowed\n          data-disabled:opacity-50\n        ", t),
+		...r,
+		children: [n, /* @__PURE__ */ s(_.Icon, { children: /* @__PURE__ */ s(u, { className: "size-4 shrink-0 text-muted-foreground" }) })]
+	});
+}
+function re({ className: t, children: n, align: r = "start", side: i = "bottom", sideOffset: a = 4, ...o }) {
+	return /* @__PURE__ */ s(_.Portal, { children: /* @__PURE__ */ s(_.Positioner, {
+		className: "isolate z-50 outline-none",
+		align: r,
+		side: i,
+		sideOffset: a,
+		children: /* @__PURE__ */ c(_.Popup, {
+			"data-slot": "select-content",
+			className: e("\n              z-50 min-w-(--anchor-width) origin-(--transform-origin) overflow-hidden rounded-lg\n              border bg-popover text-popover-foreground shadow-lg duration-100 outline-none\n              data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\n              data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\n            ", t),
+			...o,
+			children: [
+				/* @__PURE__ */ s(_.ScrollUpArrow, {
+					className: "flex h-6 items-center justify-center bg-popover",
+					children: /* @__PURE__ */ s(d, { className: "size-4" })
+				}),
+				/* @__PURE__ */ s(_.List, {
+					className: "max-h-(--available-height) overflow-y-auto p-1",
+					children: n
+				}),
+				/* @__PURE__ */ s(_.ScrollDownArrow, {
+					className: "flex h-6 items-center justify-center bg-popover",
+					children: /* @__PURE__ */ s(u, { className: "size-4" })
+				})
+			]
+		})
+	}) });
+}
+function ie(e) {
+	return /* @__PURE__ */ s(_.Group, {
+		"data-slot": "select-group",
+		...e
+	});
+}
+function ae({ className: t, ...n }) {
+	return /* @__PURE__ */ s(_.GroupLabel, {
+		"data-slot": "select-label",
+		className: e("px-2 py-1.5 text-xs font-medium text-muted-foreground", t),
+		...n
+	});
+}
+function oe({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ c(_.Item, {
+		"data-slot": "select-item",
+		className: e("\n          grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 rounded-md py-1.5 pr-3 pl-2\n          text-sm outline-none select-none\n          data-highlighted:bg-accent data-highlighted:text-accent-foreground\n          data-disabled:pointer-events-none data-disabled:opacity-50\n        ", t),
+		...r,
+		children: [/* @__PURE__ */ s(_.ItemIndicator, {
+			className: "col-start-1",
+			children: /* @__PURE__ */ s(l, { className: "size-4" })
+		}), /* @__PURE__ */ s(_.ItemText, {
+			className: "col-start-2",
+			children: n
+		})]
+	});
+}
+function se({ className: t, ...n }) {
+	return /* @__PURE__ */ s(_.Separator, {
+		"data-slot": "select-separator",
+		className: e("-mx-1 my-1 h-px bg-border", t),
+		...n
+	});
+}
+//#endregion
+export { k as C, O as E, E as S, D as T, G as _, ae as a, N as b, ne as c, Z as d, Y as f, W as g, K as h, oe as i, X as l, q as m, re as n, se as o, J as p, ie as r, $ as s, te as t, Q as u, U as v, A as w, w as x, V as y };