@countermeasure-platform/web-components 0.2.0

package/dist/react/primitives/search.js

@@ -0,0 +1,318 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../search-Ds_Rknvw.js";
+import { t as n } from "../../x-DCVjAtEF.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "react";
+//#region src/react/primitives/search.tsx
+function o({ className: o, onSearch: c, suggest: l, onSelect: u, debounceMs: d = 200, clearable: f = !0, value: p, onChange: m, ...h }) {
+	let [g, _] = a.useState(""), v = p === void 0 ? g : String(p), [y, b] = a.useState([]), [x, S] = a.useState(-1), [C, w] = a.useState(!1), T = a.useRef(null), E = a.useRef(null), D = a.useRef(null), O = a.useCallback((e) => {
+		let t = e.target.value;
+		if (p === void 0 && _(t), m?.(e), l === void 0) return;
+		T.current !== null && clearTimeout(T.current);
+		let n = l;
+		T.current = setTimeout(() => {
+			if (t.trim().length === 0) {
+				b([]), w(!1);
+				return;
+			}
+			let e = n(t);
+			e instanceof Promise ? e.then((e) => {
+				b(e), S(-1), w(e.length > 0);
+			}) : (b(e), S(-1), w(e.length > 0));
+		}, d);
+	}, [
+		p,
+		m,
+		l,
+		d
+	]), k = a.useCallback((e) => {
+		p === void 0 && _(e.label), w(!1), b([]), u?.(e), D.current?.focus();
+	}, [p, u]), A = a.useCallback((e) => {
+		if (C && y.length > 0) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), S((e) => Math.min(e + 1, y.length - 1));
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), S((e) => Math.max(e - 1, 0));
+				return;
+			}
+			if (e.key === "Enter" && x >= 0) {
+				e.preventDefault();
+				let t = y[x];
+				t !== void 0 && k(t);
+				return;
+			}
+			if (e.key === "Escape") {
+				e.preventDefault(), w(!1);
+				return;
+			}
+		}
+		e.key === "Enter" && c?.(v);
+	}, [
+		C,
+		y,
+		x,
+		v,
+		c,
+		k
+	]);
+	a.useEffect(() => {
+		let e = (e) => {
+			E.current !== null && !E.current.contains(e.target) && w(!1);
+		};
+		return document.addEventListener("click", e), () => {
+			document.removeEventListener("click", e);
+		};
+	}, []), a.useEffect(() => () => {
+		T.current !== null && clearTimeout(T.current);
+	}, []);
+	let j = a.useCallback(() => {
+		p === void 0 && _(""), b([]), w(!1), D.current?.focus();
+	}, [p]), M = a.useMemo(() => {
+		let e = /* @__PURE__ */ new Map(), t = [];
+		for (let n of y) if (n.group !== void 0) {
+			let t = e.get(n.group);
+			t === void 0 && (t = [], e.set(n.group, t)), t.push(n);
+		} else t.push(n);
+		return {
+			ungrouped: t,
+			groups: e
+		};
+	}, [y]), N = 0;
+	return /* @__PURE__ */ i("div", {
+		ref: E,
+		"data-slot": "search",
+		className: e("relative", o),
+		children: [/* @__PURE__ */ i("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ r(t, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-foreground-muted pointer-events-none" }),
+				/* @__PURE__ */ r("input", {
+					ref: D,
+					"data-slot": "search-input",
+					type: "text",
+					role: "combobox",
+					"aria-expanded": C,
+					"aria-autocomplete": "list",
+					"aria-haspopup": "listbox",
+					autoComplete: "off",
+					autoCorrect: "off",
+					autoCapitalize: "off",
+					spellCheck: !1,
+					value: v,
+					onChange: O,
+					onKeyDown: A,
+					className: e("h-10 w-full rounded-xl border border-border-glass bg-glass pl-9 pr-9 text-sm text-foreground placeholder:text-foreground-muted", "backdrop-blur-[20px] outline-none transition-colors", "focus:border-primary focus:ring-2 focus:ring-primary/20"),
+					...h
+				}),
+				f && v.length > 0 && /* @__PURE__ */ r("button", {
+					type: "button",
+					className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-md p-1 text-foreground-muted hover:text-foreground transition-colors",
+					onClick: j,
+					"aria-label": "Clear search",
+					children: /* @__PURE__ */ r(n, { className: "size-3.5" })
+				})
+			]
+		}), C && /* @__PURE__ */ i("div", {
+			"data-slot": "search-results",
+			role: "listbox",
+			"aria-label": "Search suggestions",
+			className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-xl border border-border-glass bg-popover p-1 shadow-xl backdrop-blur-xl",
+			children: [M.ungrouped.map((e) => {
+				let t = N++;
+				return /* @__PURE__ */ r(s, {
+					result: e,
+					active: t === x,
+					onSelect: () => {
+						k(e);
+					},
+					onHover: () => {
+						S(t);
+					}
+				}, e.value);
+			}), Array.from(M.groups).map(([e, t]) => /* @__PURE__ */ i(a.Fragment, { children: [/* @__PURE__ */ r("div", {
+				className: "px-3 py-1.5 text-xs font-semibold text-foreground-muted",
+				children: e
+			}), t.map((e) => {
+				let t = N++;
+				return /* @__PURE__ */ r(s, {
+					result: e,
+					active: t === x,
+					onSelect: () => {
+						k(e);
+					},
+					onHover: () => {
+						S(t);
+					}
+				}, e.value);
+			})] }, e))]
+		})]
+	});
+}
+function s({ result: t, active: n, onSelect: a, onHover: o }) {
+	return /* @__PURE__ */ i("div", {
+		role: "option",
+		"aria-selected": n,
+		className: e("flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors outline-none select-none", "text-foreground", n ? "bg-accent" : "hover:bg-accent"),
+		onClick: a,
+		onMouseEnter: o,
+		children: [t.icon !== void 0 && /* @__PURE__ */ r("span", {
+			className: "shrink-0",
+			children: t.icon
+		}), /* @__PURE__ */ i("div", {
+			className: "flex flex-col gap-0.5 overflow-hidden",
+			children: [/* @__PURE__ */ r("span", {
+				className: "truncate",
+				children: t.label
+			}), t.description !== void 0 && /* @__PURE__ */ r("span", {
+				className: "truncate text-xs text-foreground-muted",
+				children: t.description
+			})]
+		})]
+	});
+}
+function c({ open: e, onOpenChange: n, commands: o, placeholder: s = "Type a command...", keybinding: c = "ctrl+k" }) {
+	let [u, d] = a.useState(!1), f = e ?? u, p = a.useCallback((t) => {
+		e === void 0 && d(t), n?.(t);
+	}, [e, n]), [m, h] = a.useState(""), [g, _] = a.useState(0), v = a.useRef(null);
+	a.useEffect(() => {
+		let e = c.toLowerCase().split("+"), t = e.some((e) => [
+			"ctrl",
+			"meta",
+			"cmd"
+		].includes(e.trim())), n = e.find((e) => ![
+			"ctrl",
+			"meta",
+			"cmd"
+		].includes(e.trim()))?.trim() ?? "", r = (e) => {
+			let r = e.ctrlKey || e.metaKey;
+			t && r && e.key.toLowerCase() === n && (e.preventDefault(), p(!f));
+		};
+		return document.addEventListener("keydown", r), () => {
+			document.removeEventListener("keydown", r);
+		};
+	}, [
+		c,
+		f,
+		p
+	]), a.useEffect(() => {
+		f && (h(""), _(0), requestAnimationFrame(() => {
+			v.current?.focus();
+		}));
+	}, [f]);
+	let y = a.useMemo(() => {
+		if (m.trim().length === 0) return o;
+		let e = m.toLowerCase();
+		return o.filter((t) => t.label.toLowerCase().includes(e));
+	}, [o, m]), b = a.useCallback((e) => {
+		p(!1), e.handler();
+	}, [p]), x = a.useCallback((e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), _((e) => Math.min(e + 1, y.length - 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), _((e) => Math.max(e - 1, 0));
+		else if (e.key === "Enter") {
+			e.preventDefault();
+			let t = y[g];
+			t !== void 0 && b(t);
+		} else e.key === "Escape" && p(!1);
+	}, [
+		y,
+		g,
+		b,
+		p
+	]);
+	if (!f) return null;
+	let S = /* @__PURE__ */ new Map(), C = [];
+	for (let e of y) if (e.group !== void 0) {
+		let t = S.get(e.group);
+		t === void 0 && (t = [], S.set(e.group, t)), t.push(e);
+	} else C.push(e);
+	let w = 0;
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "command-palette",
+		className: "fixed inset-0 z-50 flex items-start justify-center pt-[20vh]",
+		children: [/* @__PURE__ */ r("div", {
+			className: "fixed inset-0 bg-black/60 backdrop-blur-sm animate-in fade-in-0",
+			onClick: () => {
+				p(!1);
+			}
+		}), /* @__PURE__ */ i("div", {
+			className: "relative z-10 w-full max-w-lg overflow-hidden rounded-xl border border-border-glass bg-glass shadow-xl backdrop-blur-xl animate-in fade-in-0 zoom-in-95",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "flex items-center border-b border-border-glass px-4",
+					children: [/* @__PURE__ */ r(t, { className: "size-4 shrink-0 text-foreground-muted" }), /* @__PURE__ */ r("input", {
+						ref: v,
+						type: "text",
+						placeholder: s,
+						value: m,
+						onChange: (e) => {
+							h(e.target.value), _(0);
+						},
+						onKeyDown: x,
+						className: "flex-1 bg-transparent px-3 py-3 text-sm text-foreground placeholder:text-foreground-muted outline-none"
+					})]
+				}),
+				y.length > 0 && /* @__PURE__ */ i("div", {
+					className: "max-h-72 overflow-y-auto p-1",
+					children: [C.map((e) => {
+						let t = w++;
+						return /* @__PURE__ */ r(l, {
+							entry: e,
+							active: t === g,
+							onSelect: () => {
+								b(e);
+							},
+							onHover: () => {
+								_(t);
+							}
+						}, e.id);
+					}), Array.from(S).map(([e, t]) => /* @__PURE__ */ i(a.Fragment, { children: [/* @__PURE__ */ r("div", {
+						className: "px-3 py-1.5 text-xs font-semibold text-foreground-muted",
+						children: e
+					}), t.map((e) => {
+						let t = w++;
+						return /* @__PURE__ */ r(l, {
+							entry: e,
+							active: t === g,
+							onSelect: () => {
+								b(e);
+							},
+							onHover: () => {
+								_(t);
+							}
+						}, e.id);
+					})] }, e))]
+				}),
+				y.length === 0 && m.length > 0 && /* @__PURE__ */ r("div", {
+					className: "px-4 py-8 text-center text-sm text-foreground-muted",
+					children: "No commands found."
+				})
+			]
+		})]
+	});
+}
+function l({ entry: t, active: n, onSelect: a, onHover: o }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-sm transition-colors select-none", "text-foreground", n ? "bg-accent" : "hover:bg-accent"),
+		onClick: a,
+		onMouseEnter: o,
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex items-center gap-2 overflow-hidden",
+			children: [t.icon !== void 0 && /* @__PURE__ */ r("span", {
+				className: "shrink-0",
+				children: t.icon
+			}), /* @__PURE__ */ r("span", {
+				className: "truncate",
+				children: t.label
+			})]
+		}), t.keybinding !== void 0 && /* @__PURE__ */ r("span", {
+			className: "ml-4 shrink-0 text-xs text-foreground-muted tracking-wider",
+			children: t.keybinding
+		})]
+	});
+}
+//#endregion
+export { c as CommandPalette, o as Search };
+
+//# sourceMappingURL=search.js.map

package/dist/react/primitives/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","names":[],"sources":["../../../src/react/primitives/search.tsx"],"sourcesContent":["import * as React from 'react'\nimport { SearchIcon, XIcon } from 'lucide-react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchResult {\n  label: string\n  value: string\n  icon?: React.ReactNode\n  description?: string\n  group?: string\n}\n\nexport interface CommandEntry {\n  id: string\n  label: string\n  description?: string\n  icon?: React.ReactNode\n  group?: string\n  keybinding?: string\n  handler: () => void\n}\n\n/* ------------------------------------------------------------------ */\n/* Search Input                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchProps extends Omit<React.ComponentProps<'input'>, 'onSelect'> {\n  /** Callback invoked on search submit (Enter key) */\n  onSearch?: (query: string) => void\n  /** Async suggest function for typeahead */\n  suggest?: (query: string) => Promise<SearchResult[]> | SearchResult[]\n  /** Callback when a suggestion is selected */\n  onSelect?: (result: SearchResult) => void\n  /** Debounce delay in ms */\n  debounceMs?: number\n  /** Show clear button */\n  clearable?: boolean\n}\n\nfunction Search({\n  className,\n  onSearch,\n  suggest,\n  onSelect,\n  debounceMs = 200,\n  clearable = true,\n  value: controlledValue,\n  onChange,\n  ...props\n}: SearchProps) {\n  const [internalValue, setInternalValue] = React.useState('')\n  const value = controlledValue !== undefined ? String(controlledValue) : internalValue\n  const [results, setResults] = React.useState<SearchResult[]>([])\n  const [activeIndex, setActiveIndex] = React.useState(-1)\n  const [showResults, setShowResults] = React.useState(false)\n  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const rootRef = React.useRef<HTMLDivElement>(null)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  // Update internal value\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value\n      if (controlledValue === undefined) setInternalValue(val)\n      onChange?.(e)\n\n      if (suggest === undefined) return\n\n      if (debounceRef.current !== null) clearTimeout(debounceRef.current)\n\n      const suggestFn = suggest\n      debounceRef.current = setTimeout(() => {\n        if (val.trim().length === 0) {\n          setResults([])\n          setShowResults(false)\n          return\n        }\n        const resultOrPromise = suggestFn(val)\n        if (resultOrPromise instanceof Promise) {\n          void resultOrPromise.then(res => {\n            setResults(res)\n            setActiveIndex(-1)\n            setShowResults(res.length > 0)\n          })\n        } else {\n          setResults(resultOrPromise)\n          setActiveIndex(-1)\n          setShowResults(resultOrPromise.length > 0)\n        }\n      }, debounceMs)\n    },\n    [controlledValue, onChange, suggest, debounceMs]\n  )\n\n  const selectResult = React.useCallback(\n    (result: SearchResult) => {\n      if (controlledValue === undefined) setInternalValue(result.label)\n      setShowResults(false)\n      setResults([])\n      onSelect?.(result)\n      inputRef.current?.focus()\n    },\n    [controlledValue, onSelect]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (showResults && results.length > 0) {\n        if (e.key === 'ArrowDown') {\n          e.preventDefault()\n          setActiveIndex(i => Math.min(i + 1, results.length - 1))\n          return\n        }\n        if (e.key === 'ArrowUp') {\n          e.preventDefault()\n          setActiveIndex(i => Math.max(i - 1, 0))\n          return\n        }\n        if (e.key === 'Enter' && activeIndex >= 0) {\n          e.preventDefault()\n          const selected = results[activeIndex]\n          if (selected !== undefined) {\n            selectResult(selected)\n          }\n          return\n        }\n        if (e.key === 'Escape') {\n          e.preventDefault()\n          setShowResults(false)\n          return\n        }\n      }\n\n      if (e.key === 'Enter') {\n        onSearch?.(value)\n      }\n    },\n    [showResults, results, activeIndex, value, onSearch, selectResult]\n  )\n\n  // Close on outside click\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (rootRef.current !== null && !rootRef.current.contains(e.target as Node)) {\n        setShowResults(false)\n      }\n    }\n    document.addEventListener('click', handleClick)\n    return () => {\n      document.removeEventListener('click', handleClick)\n    }\n  }, [])\n\n  // Cleanup debounce\n  React.useEffect(() => {\n    return () => {\n      if (debounceRef.current !== null) clearTimeout(debounceRef.current)\n    }\n  }, [])\n\n  const handleClear = React.useCallback(() => {\n    if (controlledValue === undefined) setInternalValue('')\n    setResults([])\n    setShowResults(false)\n    inputRef.current?.focus()\n  }, [controlledValue])\n\n  // Group results\n  const grouped = React.useMemo(() => {\n    const groups = new Map<string, SearchResult[]>()\n    const ungrouped: SearchResult[] = []\n\n    for (const r of results) {\n      if (r.group !== undefined) {\n        let list = groups.get(r.group)\n        if (list === undefined) {\n          list = []\n          groups.set(r.group, list)\n        }\n        list.push(r)\n      } else {\n        ungrouped.push(r)\n      }\n    }\n\n    return { ungrouped, groups }\n  }, [results])\n\n  let flatIdx = 0\n\n  return (\n    <div ref={rootRef} data-slot=\"search\" className={cn('relative', className)}>\n      <div className=\"relative\">\n        <SearchIcon className=\"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-foreground-muted pointer-events-none\" />\n        <input\n          ref={inputRef}\n          data-slot=\"search-input\"\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={showResults}\n          aria-autocomplete=\"list\"\n          aria-haspopup=\"listbox\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          spellCheck={false}\n          value={value}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          className={cn(\n            'h-10 w-full rounded-xl border border-border-glass bg-glass pl-9 pr-9 text-sm text-foreground placeholder:text-foreground-muted',\n            'backdrop-blur-[20px] outline-none transition-colors',\n            'focus:border-primary focus:ring-2 focus:ring-primary/20'\n          )}\n          {...props}\n        />\n        {clearable && value.length > 0 && (\n          <button\n            type=\"button\"\n            className=\"absolute right-2 top-1/2 -translate-y-1/2 rounded-md p-1 text-foreground-muted hover:text-foreground transition-colors\"\n            onClick={handleClear}\n            aria-label=\"Clear search\"\n          >\n            <XIcon className=\"size-3.5\" />\n          </button>\n        )}\n      </div>\n\n      {showResults && (\n        <div\n          data-slot=\"search-results\"\n          role=\"listbox\"\n          aria-label=\"Search suggestions\"\n          className=\"absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-xl border border-border-glass bg-popover p-1 shadow-xl backdrop-blur-xl\"\n        >\n          {grouped.ungrouped.map(result => {\n            const idx = flatIdx++\n            return (\n              <SearchResultItem\n                key={result.value}\n                result={result}\n                active={idx === activeIndex}\n                onSelect={() => {\n                  selectResult(result)\n                }}\n                onHover={() => {\n                  setActiveIndex(idx)\n                }}\n              />\n            )\n          })}\n          {Array.from(grouped.groups).map(([groupName, items]) => (\n            <React.Fragment key={groupName}>\n              <div className=\"px-3 py-1.5 text-xs font-semibold text-foreground-muted\">\n                {groupName}\n              </div>\n              {items.map(result => {\n                const idx = flatIdx++\n                return (\n                  <SearchResultItem\n                    key={result.value}\n                    result={result}\n                    active={idx === activeIndex}\n                    onSelect={() => {\n                      selectResult(result)\n                    }}\n                    onHover={() => {\n                      setActiveIndex(idx)\n                    }}\n                  />\n                )\n              })}\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Search Result Item (internal)                                       */\n/* ------------------------------------------------------------------ */\n\nfunction SearchResultItem({\n  result,\n  active,\n  onSelect,\n  onHover,\n}: {\n  result: SearchResult\n  active: boolean\n  onSelect: () => void\n  onHover: () => void\n}) {\n  return (\n    <div\n      role=\"option\"\n      aria-selected={active}\n      className={cn(\n        'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors outline-none select-none',\n        'text-foreground',\n        active ? 'bg-accent' : 'hover:bg-accent'\n      )}\n      onClick={onSelect}\n      onMouseEnter={onHover}\n    >\n      {result.icon !== undefined && <span className=\"shrink-0\">{result.icon}</span>}\n      <div className=\"flex flex-col gap-0.5 overflow-hidden\">\n        <span className=\"truncate\">{result.label}</span>\n        {result.description !== undefined && (\n          <span className=\"truncate text-xs text-foreground-muted\">{result.description}</span>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Command Palette                                                     */\n/* ------------------------------------------------------------------ */\n\nexport interface CommandPaletteProps {\n  /** Whether the palette is open */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Available commands */\n  commands: CommandEntry[]\n  /** Input placeholder */\n  placeholder?: string\n  /** Global keyboard shortcut (e.g. 'ctrl+k') */\n  keybinding?: string\n}\n\nfunction CommandPalette({\n  open: controlledOpen,\n  onOpenChange,\n  commands,\n  placeholder = 'Type a command...',\n  keybinding = 'ctrl+k',\n}: CommandPaletteProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false)\n  const open = controlledOpen ?? internalOpen\n\n  const setOpen = React.useCallback(\n    (nextValue: boolean) => {\n      if (controlledOpen === undefined) setInternalOpen(nextValue)\n      onOpenChange?.(nextValue)\n    },\n    [controlledOpen, onOpenChange]\n  )\n\n  const [query, setQuery] = React.useState('')\n  const [activeIndex, setActiveIndex] = React.useState(0)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  // Global keybinding\n  React.useEffect(() => {\n    const parts = keybinding.toLowerCase().split('+')\n    const needsCtrl = parts.some(p => ['ctrl', 'meta', 'cmd'].includes(p.trim()))\n    const key = parts.find(p => !['ctrl', 'meta', 'cmd'].includes(p.trim()))?.trim() ?? ''\n\n    const handler = (e: KeyboardEvent) => {\n      const ctrlPressed = e.ctrlKey || e.metaKey\n      if (needsCtrl && ctrlPressed && e.key.toLowerCase() === key) {\n        e.preventDefault()\n        setOpen(!open)\n      }\n    }\n\n    document.addEventListener('keydown', handler)\n    return () => {\n      document.removeEventListener('keydown', handler)\n    }\n  }, [keybinding, open, setOpen])\n\n  // Reset on open\n  React.useEffect(() => {\n    if (open) {\n      setQuery('')\n      setActiveIndex(0)\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    }\n  }, [open])\n\n  const filtered = React.useMemo(() => {\n    if (query.trim().length === 0) return commands\n    const q = query.toLowerCase()\n    return commands.filter(cmd => cmd.label.toLowerCase().includes(q))\n  }, [commands, query])\n\n  const execute = React.useCallback(\n    (cmd: CommandEntry) => {\n      setOpen(false)\n      cmd.handler()\n    },\n    [setOpen]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        setActiveIndex(i => Math.min(i + 1, filtered.length - 1))\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        setActiveIndex(i => Math.max(i - 1, 0))\n      } else if (e.key === 'Enter') {\n        e.preventDefault()\n        const cmd = filtered[activeIndex]\n        if (cmd !== undefined) {\n          execute(cmd)\n        }\n      } else if (e.key === 'Escape') {\n        setOpen(false)\n      }\n    },\n    [filtered, activeIndex, execute, setOpen]\n  )\n\n  if (!open) return null\n\n  // Group filtered commands\n  const groups = new Map<string, CommandEntry[]>()\n  const ungrouped: CommandEntry[] = []\n\n  for (const cmd of filtered) {\n    if (cmd.group !== undefined) {\n      let list = groups.get(cmd.group)\n      if (list === undefined) {\n        list = []\n        groups.set(cmd.group, list)\n      }\n      list.push(cmd)\n    } else {\n      ungrouped.push(cmd)\n    }\n  }\n\n  let flatIdx = 0\n\n  return (\n    <div\n      data-slot=\"command-palette\"\n      className=\"fixed inset-0 z-50 flex items-start justify-center pt-[20vh]\"\n    >\n      {/* Backdrop */}\n      <div\n        className=\"fixed inset-0 bg-black/60 backdrop-blur-sm animate-in fade-in-0\"\n        onClick={() => {\n          setOpen(false)\n        }}\n      />\n\n      {/* Palette */}\n      <div className=\"relative z-10 w-full max-w-lg overflow-hidden rounded-xl border border-border-glass bg-glass shadow-xl backdrop-blur-xl animate-in fade-in-0 zoom-in-95\">\n        <div className=\"flex items-center border-b border-border-glass px-4\">\n          <SearchIcon className=\"size-4 shrink-0 text-foreground-muted\" />\n          <input\n            ref={inputRef}\n            type=\"text\"\n            placeholder={placeholder}\n            value={query}\n            onChange={e => {\n              setQuery(e.target.value)\n              setActiveIndex(0)\n            }}\n            onKeyDown={handleKeyDown}\n            className=\"flex-1 bg-transparent px-3 py-3 text-sm text-foreground placeholder:text-foreground-muted outline-none\"\n          />\n        </div>\n\n        {filtered.length > 0 && (\n          <div className=\"max-h-72 overflow-y-auto p-1\">\n            {ungrouped.map(cmd => {\n              const idx = flatIdx++\n              return (\n                <CommandItem\n                  key={cmd.id}\n                  entry={cmd}\n                  active={idx === activeIndex}\n                  onSelect={() => {\n                    execute(cmd)\n                  }}\n                  onHover={() => {\n                    setActiveIndex(idx)\n                  }}\n                />\n              )\n            })}\n            {Array.from(groups).map(([groupName, items]) => (\n              <React.Fragment key={groupName}>\n                <div className=\"px-3 py-1.5 text-xs font-semibold text-foreground-muted\">\n                  {groupName}\n                </div>\n                {items.map(cmd => {\n                  const idx = flatIdx++\n                  return (\n                    <CommandItem\n                      key={cmd.id}\n                      entry={cmd}\n                      active={idx === activeIndex}\n                      onSelect={() => {\n                        execute(cmd)\n                      }}\n                      onHover={() => {\n                        setActiveIndex(idx)\n                      }}\n                    />\n                  )\n                })}\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n\n        {filtered.length === 0 && query.length > 0 && (\n          <div className=\"px-4 py-8 text-center text-sm text-foreground-muted\">\n            No commands found.\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Command Item (internal)                                             */\n/* ------------------------------------------------------------------ */\n\nfunction CommandItem({\n  entry,\n  active,\n  onSelect,\n  onHover,\n}: {\n  entry: CommandEntry\n  active: boolean\n  onSelect: () => void\n  onHover: () => void\n}) {\n  return (\n    <div\n      className={cn(\n        'flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-sm transition-colors select-none',\n        'text-foreground',\n        active ? 'bg-accent' : 'hover:bg-accent'\n      )}\n      onClick={onSelect}\n      onMouseEnter={onHover}\n    >\n      <div className=\"flex items-center gap-2 overflow-hidden\">\n        {entry.icon !== undefined && <span className=\"shrink-0\">{entry.icon}</span>}\n        <span className=\"truncate\">{entry.label}</span>\n      </div>\n      {entry.keybinding !== undefined && (\n        <span className=\"ml-4 shrink-0 text-xs text-foreground-muted tracking-wider\">\n          {entry.keybinding}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport { Search, CommandPalette }\n"],"mappings":"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"}

package/dist/react/primitives/select.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.d.ts.map

package/dist/react/primitives/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE9E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAiCA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,KAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAuCtD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAW/F;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA+BnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}

package/dist/react/primitives/select.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../../select-DcJdLR2A.js";
+export { c as Select, i as SelectContent, o as SelectGroup, n as SelectItem, e as SelectLabel, a as SelectScrollDownButton, s as SelectScrollUpButton, t as SelectSeparator, r as SelectTrigger, l as SelectValue };

package/dist/react/primitives/separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/react/primitives/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CActD;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/react/primitives/separator.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../separator-CW4ZX8wr.js";
+export { e as Separator };

package/dist/react/primitives/severity-indicator.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export type SeverityLevel = 'critical' | 'high' | 'medium' | 'low' | 'info' | 'none';
+declare const severityVariants: (props?: ({
+    level?: "none" | "info" | "high" | "low" | "critical" | "medium" | null | undefined;
+    compact?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SeverityIndicatorProps extends React.ComponentProps<'span'> {
+    level: SeverityLevel;
+    /** Show the text label. Defaults to true. */
+    showLabel?: boolean;
+    /** Show the colored dot icon. Defaults to true. */
+    showIcon?: boolean;
+    /** Compact mode with smaller sizing. */
+    compact?: boolean;
+}
+declare function SeverityIndicator({ className, level, showLabel, showIcon, compact, ...props }: SeverityIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export { SeverityIndicator, severityVariants };
+//# sourceMappingURL=severity-indicator.d.ts.map

package/dist/react/primitives/severity-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"severity-indicator.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/severity-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AAMpF,QAAA,MAAM,gBAAgB;;;8EAsBrB,CAAA;AAwCD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IAC1E,KAAK,EAAE,aAAa,CAAA;IACpB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAK,EACL,SAAgB,EAChB,QAAe,EACf,OAAe,EACf,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAaxB;AAED,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/react/primitives/severity-indicator.js

@@ -0,0 +1,74 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../dist-BCCeHAQm.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/severity-indicator.tsx
+var i = t("inline-flex items-center gap-1.5 rounded-full text-xs font-medium transition-colors", {
+	variants: {
+		level: {
+			critical: "text-accent-rose",
+			high: "text-accent-rose/80",
+			medium: "text-accent-amber",
+			low: "text-accent-cyan",
+			info: "text-foreground-secondary",
+			none: "text-foreground-muted"
+		},
+		compact: {
+			true: "gap-1 text-[11px]",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		level: "info",
+		compact: !1
+	}
+}), a = t("inline-block shrink-0 rounded-full", {
+	variants: {
+		level: {
+			critical: "bg-accent-rose",
+			high: "bg-accent-rose/80",
+			medium: "bg-accent-amber",
+			low: "bg-accent-cyan",
+			info: "bg-foreground-secondary",
+			none: "bg-foreground-muted"
+		},
+		compact: {
+			true: "size-1.5",
+			false: "size-2"
+		}
+	},
+	defaultVariants: {
+		level: "info",
+		compact: !1
+	}
+}), o = {
+	critical: "Critical",
+	high: "High",
+	medium: "Medium",
+	low: "Low",
+	info: "Info",
+	none: "None"
+};
+function s({ className: t, level: s, showLabel: c = !0, showIcon: l = !0, compact: u = !1, ...d }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "severity-indicator",
+		role: "status",
+		"aria-label": `Severity: ${o[s]}`,
+		className: e(i({
+			level: s,
+			compact: u
+		}), t),
+		...d,
+		children: [l && /* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: a({
+				level: s,
+				compact: u
+			})
+		}), c && /* @__PURE__ */ n("span", { children: o[s] })]
+	});
+}
+//#endregion
+export { s as SeverityIndicator, i as severityVariants };
+
+//# sourceMappingURL=severity-indicator.js.map

package/dist/react/primitives/severity-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"severity-indicator.js","names":[],"sources":["../../../src/react/primitives/severity-indicator.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type SeverityLevel = 'critical' | 'high' | 'medium' | 'low' | 'info' | 'none'\n\n/* ------------------------------------------------------------------ */\n/*  Variants                                                           */\n/* ------------------------------------------------------------------ */\n\nconst severityVariants = cva(\n  'inline-flex items-center gap-1.5 rounded-full text-xs font-medium transition-colors',\n  {\n    variants: {\n      level: {\n        critical: 'text-accent-rose',\n        high: 'text-accent-rose/80',\n        medium: 'text-accent-amber',\n        low: 'text-accent-cyan',\n        info: 'text-foreground-secondary',\n        none: 'text-foreground-muted',\n      },\n      compact: {\n        true: 'gap-1 text-[11px]',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      level: 'info',\n      compact: false,\n    },\n  }\n)\n\nconst dotVariants = cva('inline-block shrink-0 rounded-full', {\n  variants: {\n    level: {\n      critical: 'bg-accent-rose',\n      high: 'bg-accent-rose/80',\n      medium: 'bg-accent-amber',\n      low: 'bg-accent-cyan',\n      info: 'bg-foreground-secondary',\n      none: 'bg-foreground-muted',\n    },\n    compact: {\n      true: 'size-1.5',\n      false: 'size-2',\n    },\n  },\n  defaultVariants: {\n    level: 'info',\n    compact: false,\n  },\n})\n\n/* ------------------------------------------------------------------ */\n/*  Labels                                                             */\n/* ------------------------------------------------------------------ */\n\nconst LEVEL_LABELS: Record<SeverityLevel, string> = {\n  critical: 'Critical',\n  high: 'High',\n  medium: 'Medium',\n  low: 'Low',\n  info: 'Info',\n  none: 'None',\n}\n\n/* ------------------------------------------------------------------ */\n/*  Component                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface SeverityIndicatorProps extends React.ComponentProps<'span'> {\n  level: SeverityLevel\n  /** Show the text label. Defaults to true. */\n  showLabel?: boolean\n  /** Show the colored dot icon. Defaults to true. */\n  showIcon?: boolean\n  /** Compact mode with smaller sizing. */\n  compact?: boolean\n}\n\nfunction SeverityIndicator({\n  className,\n  level,\n  showLabel = true,\n  showIcon = true,\n  compact = false,\n  ...props\n}: SeverityIndicatorProps) {\n  return (\n    <span\n      data-slot=\"severity-indicator\"\n      role=\"status\"\n      aria-label={`Severity: ${LEVEL_LABELS[level]}`}\n      className={cn(severityVariants({ level, compact }), className)}\n      {...props}\n    >\n      {showIcon && <span aria-hidden=\"true\" className={dotVariants({ level, compact })} />}\n      {showLabel && <span>{LEVEL_LABELS[level]}</span>}\n    </span>\n  )\n}\n\nexport { SeverityIndicator, severityVariants }\n"],"mappings":";;;;;AAeA,IAAM,IAAmB,EACvB,uFACA;CACE,UAAU;EACR,OAAO;GACL,UAAU;GACV,MAAM;GACN,QAAQ;GACR,KAAK;GACL,MAAM;GACN,MAAM;GACP;EACD,SAAS;GACP,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,OAAO;EACP,SAAS;EACV;CACF,CACF,EAEK,IAAc,EAAI,sCAAsC;CAC5D,UAAU;EACR,OAAO;GACL,UAAU;GACV,MAAM;GACN,QAAQ;GACR,KAAK;GACL,MAAM;GACN,MAAM;GACP;EACD,SAAS;GACP,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,OAAO;EACP,SAAS;EACV;CACF,CAAC,EAMI,IAA8C;CAClD,UAAU;CACV,MAAM;CACN,QAAQ;CACR,KAAK;CACL,MAAM;CACN,MAAM;CACP;AAgBD,SAAS,EAAkB,EACzB,cACA,UACA,eAAY,IACZ,cAAW,IACX,aAAU,IACV,GAAG,KACsB;AACzB,QACE,kBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,cAAY,aAAa,EAAa;EACtC,WAAW,EAAG,EAAiB;GAAE;GAAO;GAAS,CAAC,EAAE,EAAU;EAC9D,GAAI;YALN,CAOG,KAAY,kBAAC,QAAD;GAAM,eAAY;GAAO,WAAW,EAAY;IAAE;IAAO;IAAS,CAAC;GAAI,CAAA,EACnF,KAAa,kBAAC,QAAD,EAAA,UAAO,EAAa,IAAc,CAAA,CAC3C"}

package/dist/react/primitives/sheet.d.ts

@@ -0,0 +1,16 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/react/primitives/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE7E;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEvF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErF;AAED,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEnF;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC3C,2CAgCA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ9F;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAA"}

package/dist/react/primitives/sheet.js

@@ -0,0 +1,84 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "../../dist-Di-HnAlt.js";
+import { t as l } from "../../x-DCVjAtEF.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/sheet.tsx
+function f({ ...e }) {
+	return /* @__PURE__ */ u(a, {
+		"data-slot": "sheet",
+		...e
+	});
+}
+function p({ ...e }) {
+	return /* @__PURE__ */ u(n, {
+		"data-slot": "sheet-trigger",
+		...e
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ u(t, {
+		"data-slot": "sheet-portal",
+		...e
+	});
+}
+function h({ ...e }) {
+	return /* @__PURE__ */ u(c, {
+		"data-slot": "sheet-close",
+		...e
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ u(r, {
+		"data-slot": "sheet-overlay",
+		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", t),
+		...n
+	});
+}
+function _({ className: t, children: n, side: r = "right", ...a }) {
+	return /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, {}), /* @__PURE__ */ d(i, {
+		"data-slot": "sheet-content",
+		className: e("bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition duration-300 ease-in-out outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out", r === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-full max-w-lg border-l", r === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-full max-w-lg border-r", r === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 w-full border-b", r === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 w-full border-t", t),
+		...a,
+		children: [n, /* @__PURE__ */ d(c, {
+			"data-slot": "sheet-close",
+			className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+			children: [/* @__PURE__ */ u(l, { className: "size-4" }), /* @__PURE__ */ u("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "sheet-header",
+		className: e("flex flex-col gap-1.5 px-6 pt-6", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "sheet-footer",
+		className: e("border-border-glass/50 flex items-center justify-end gap-2 border-t px-6 py-4", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ u(s, {
+		"data-slot": "sheet-title",
+		className: e("text-foreground text-lg font-semibold", t),
+		...n
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ u(o, {
+		"data-slot": "sheet-description",
+		className: e("text-foreground-secondary text-sm", t),
+		...n
+	});
+}
+//#endregion
+export { f as Sheet, h as SheetClose, _ as SheetContent, x as SheetDescription, y as SheetFooter, v as SheetHeader, g as SheetOverlay, m as SheetPortal, b as SheetTitle, p as SheetTrigger };
+
+//# sourceMappingURL=sheet.js.map