agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/Collapsible/Collapsible.js

@@ -0,0 +1,50 @@
+"use client";
+import e from "./Collapsible.module.js";
+import { useId as t, useState as n } from "react";
+import { ChevronsUpDown as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ui/Collapsible/Collapsible.tsx
+function o({ trigger: o, children: s, defaultOpen: c = !1, open: l, onOpenChange: u }) {
+	let d = typeof l == "boolean", [f, p] = n(c), m = d ? l : f, h = t(), g = `${h}-title`, _ = `${h}-trigger`, v = `${h}-panel`;
+	function y(e) {
+		d || p(e), u?.(e);
+	}
+	return /* @__PURE__ */ a("div", {
+		className: e.root,
+		children: [/* @__PURE__ */ a("div", {
+			className: e.header,
+			children: [/* @__PURE__ */ i("p", {
+				id: g,
+				className: e.title,
+				children: o
+			}), /* @__PURE__ */ i("button", {
+				type: "button",
+				id: _,
+				className: e.toggle,
+				"aria-expanded": m,
+				"aria-controls": v,
+				"aria-label": `Toggle ${o}`,
+				onClick: () => y(!m),
+				children: /* @__PURE__ */ i(r, {
+					size: 16,
+					strokeWidth: 2,
+					"aria-hidden": !0
+				})
+			})]
+		}), /* @__PURE__ */ i("div", {
+			id: v,
+			role: "region",
+			"aria-labelledby": g,
+			className: e.panel,
+			hidden: !m,
+			children: /* @__PURE__ */ i("div", {
+				className: e.body,
+				children: s
+			})
+		})]
+	});
+}
+//#endregion
+export { o as Collapsible };
+
+//# sourceMappingURL=Collapsible.js.map

package/dist/ui/Collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../ui/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState } from \"react\";\nimport { ChevronsUpDown } from \"lucide-react\";\nimport type { CollapsibleProps } from \"./Collapsible.types\";\nimport styles from \"./Collapsible.module.css\";\n\nexport type { CollapsibleProps } from \"./Collapsible.types\";\n\nexport function Collapsible({\n  trigger,\n  children,\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: CollapsibleProps) {\n  const isControlled = typeof openProp === \"boolean\";\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = isControlled ? openProp : uncontrolledOpen;\n  const uid = useId();\n  const titleId = `${uid}-title`;\n  const buttonId = `${uid}-trigger`;\n  const panelId = `${uid}-panel`;\n\n  function setOpen(next: boolean) {\n    if (!isControlled) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n  }\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.header}>\n        <p id={titleId} className={styles.title}>\n          {trigger}\n        </p>\n        <button\n          type=\"button\"\n          id={buttonId}\n          className={styles.toggle}\n          aria-expanded={open}\n          aria-controls={panelId}\n          aria-label={`Toggle ${trigger}`}\n          onClick={() => setOpen(!open)}\n        >\n          <ChevronsUpDown size={16} strokeWidth={2} aria-hidden />\n        </button>\n      </div>\n      <div\n        id={panelId}\n        role=\"region\"\n        aria-labelledby={titleId}\n        className={styles.panel}\n        hidden={!open}\n      >\n        <div className={styles.body}>{children}</div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAY,EAC1B,YACA,aACA,iBAAc,IACd,MAAM,GACN,mBACmB;CACnB,IAAM,IAAe,OAAO,KAAa,WACnC,CAAC,GAAkB,KAAuB,EAAS,CAAW,GAC9D,IAAO,IAAe,IAAW,GACjC,IAAM,EAAM,GACZ,IAAU,GAAG,EAAI,SACjB,IAAW,GAAG,EAAI,WAClB,IAAU,GAAG,EAAI;CAEvB,SAAS,EAAQ,GAAe;EAE9B,AADK,KAAc,EAAoB,CAAI,GAC3C,IAAe,CAAI;CACrB;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAvB,UAAA,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACE,kBAAC,KAAD;IAAG,IAAI;IAAS,WAAW,EAAO;IAC/B,UAAA;GACA,CAAA,GACH,kBAAC,UAAD;IACE,MAAK;IACL,IAAI;IACJ,WAAW,EAAO;IAClB,iBAAe;IACf,iBAAe;IACf,cAAY,UAAU;IACtB,eAAe,EAAQ,CAAC,CAAI;IAE5B,UAAA,kBAAC,GAAD;KAAgB,MAAM;KAAI,aAAa;KAAG,eAAA;IAAa,CAAA;GACjD,CAAA,CACL;EACL,CAAA,GAAA,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,WAAW,EAAO;GAClB,QAAQ,CAAC;GAET,UAAA,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO;GAAc,CAAA;EACzC,CAAA,CACF;;AAET"}

package/{ui → dist/ui}/Collapsible/Collapsible.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_k8p5o_1 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -10,7 +10,7 @@
   border-radius: var(--radius-surface-md);
 }
 
-.header {
+._header_k8p5o_13 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -18,7 +18,7 @@
   min-width: 0;
 }
 
-.title {
+._title_k8p5o_21 {
   min-width: 0;
   margin: 0;
   overflow-wrap: anywhere;
@@ -28,7 +28,7 @@
   color: var(--text-primary);
 }
 
-.toggle {
+._toggle_k8p5o_31 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -42,16 +42,16 @@
   cursor: pointer;
 }
 
-.toggle:focus-visible {
+._toggle_k8p5o_31:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.panel {
+._panel_k8p5o_50 {
   min-width: 0;
 }
 
-.body {
+._body_k8p5o_54 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
@@ -63,6 +63,6 @@
   color: var(--text-primary);
 }
 
-.body p {
+._body_k8p5o_54 p {
   margin: 0;
 }

package/dist/ui/Collapsible/Collapsible.module.js

@@ -0,0 +1,14 @@
+import "./Collapsible.module.css";
+//#region ui/Collapsible/Collapsible.module.css
+var e = "_root_k8p5o_1", t = "_header_k8p5o_13", n = "_title_k8p5o_21", r = "_toggle_k8p5o_31", i = "_panel_k8p5o_50", a = "_body_k8p5o_54", o = {
+	root: e,
+	header: t,
+	title: n,
+	toggle: r,
+	panel: i,
+	body: a
+};
+//#endregion
+export { a as body, o as default, t as header, i as panel, e as root, n as title, r as toggle };
+
+//# sourceMappingURL=Collapsible.module.js.map

package/dist/ui/Collapsible/Collapsible.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.module.js","names":[],"sources":["../../../ui/Collapsible/Collapsible.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  padding: var(--space-4);\n  gap: var(--space-3);\n  background-color: var(--surface-muted);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n  min-width: 0;\n}\n\n.title {\n  min-width: 0;\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  font-weight: var(--type-weight-heading);\n  color: var(--text-primary);\n}\n\n.toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin: 0;\n  padding: var(--space-2);\n  color: var(--icon-muted);\n  background-color: var(--surface-card);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-control-sm);\n  cursor: pointer;\n}\n\n.toggle:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.panel {\n  min-width: 0;\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  min-width: 0;\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n}\n\n.body p {\n  margin: 0;\n}\n"],"mappings":""}

package/dist/ui/Collapsible/Collapsible.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface CollapsibleProps {
+    trigger: string;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}

package/dist/ui/Collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export { Collapsible } from './Collapsible';
+export type { CollapsibleProps } from './Collapsible.types';

package/dist/ui/Command/Command.d.ts

@@ -0,0 +1,3 @@
+import { CommandProps } from './Command.types';
+export type { CommandProps, CommandGroup, CommandItem } from './Command.types';
+export declare function Command({ placeholder, empty, groups, onSelect, label, }: CommandProps): import("react").JSX.Element;

package/dist/ui/Command/Command.js

@@ -0,0 +1,120 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "./Command.module.js";
+import { useId as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/Command/Command.tsx
+var s = "Type a command or search...", c = "No results found.", l = "Command menu";
+function u({ placeholder: u = s, empty: d = c, groups: f, onSelect: p, label: m = l }) {
+	let h = n(), g = `${h}-list`, [_, v] = i(""), [y, b] = i(null), x = r(() => {
+		let e = _.trim().toLowerCase();
+		return f.map((t) => ({
+			heading: t.heading,
+			items: e ? t.items.filter((t) => t.label.toLowerCase().includes(e)) : t.items
+		})).filter((e) => e.items.length > 0);
+	}, [f, _]), S = r(() => x.flatMap((e) => e.items.filter((e) => !e.disabled).map((e) => e.id)), [x]), C = y && S.includes(y) ? y : S[0] ?? null;
+	function w(e) {
+		return `${h}-opt-${e}`;
+	}
+	function T(e) {
+		let t = x.flatMap((e) => e.items).find((t) => t.id === e);
+		!t || t.disabled || p?.(e);
+	}
+	function E(e) {
+		if (S.length === 0) return;
+		let t = ((C ? S.indexOf(C) : -1) + e + S.length) % S.length;
+		b(S[t]);
+	}
+	function D(e) {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), E(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), E(-1);
+				break;
+			case "Home":
+				e.preventDefault(), S[0] && b(S[0]);
+				break;
+			case "End":
+				e.preventDefault(), S.length && b(S[S.length - 1]);
+				break;
+			case "Enter": e.preventDefault(), C && T(C);
+		}
+	}
+	return /* @__PURE__ */ o("div", {
+		className: t.root,
+		children: [/* @__PURE__ */ o("div", {
+			className: t.search,
+			children: [/* @__PURE__ */ a(e, {
+				name: "Search",
+				size: 16,
+				className: t.searchIcon
+			}), /* @__PURE__ */ a("input", {
+				type: "search",
+				role: "combobox",
+				className: t.input,
+				placeholder: u,
+				value: _,
+				autoComplete: "off",
+				onChange: (e) => v(e.target.value),
+				onKeyDown: D,
+				"aria-expanded": !0,
+				"aria-controls": g,
+				"aria-activedescendant": C ? w(C) : void 0,
+				"aria-autocomplete": "list",
+				"aria-label": m
+			})]
+		}), /* @__PURE__ */ a("div", {
+			id: g,
+			role: "listbox",
+			className: t.list,
+			"aria-label": m,
+			children: x.length === 0 ? /* @__PURE__ */ a("div", {
+				className: t.empty,
+				children: d
+			}) : x.map((n, r) => /* @__PURE__ */ o("div", {
+				className: t.group,
+				children: [n.heading ? /* @__PURE__ */ a("div", {
+					className: t.heading,
+					children: n.heading
+				}) : null, n.items.map((n) => {
+					let r = n.id === C;
+					return /* @__PURE__ */ o("div", {
+						id: w(n.id),
+						role: "option",
+						"aria-selected": r,
+						"aria-disabled": n.disabled || void 0,
+						className: `${t.item}${r ? ` ${t.itemHighlighted}` : ""}${n.disabled ? ` ${t.itemDisabled}` : ""}`,
+						onMouseEnter: () => {
+							n.disabled || b(n.id);
+						},
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => {
+							n.disabled || T(n.id);
+						},
+						children: [
+							/* @__PURE__ */ a(e, {
+								name: n.icon,
+								size: 16,
+								className: t.itemIcon
+							}),
+							/* @__PURE__ */ a("span", {
+								className: t.itemLabel,
+								children: n.label
+							}),
+							n.shortcut ? /* @__PURE__ */ a("span", {
+								className: t.shortcut,
+								children: n.shortcut
+							}) : null
+						]
+					}, n.id);
+				})]
+			}, n.heading ?? `group-${r}`))
+		})]
+	});
+}
+//#endregion
+export { u as Command };
+
+//# sourceMappingURL=Command.js.map

package/dist/ui/Command/Command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","names":[],"sources":["../../../ui/Command/Command.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useMemo, useState, type KeyboardEvent } from \"react\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { CommandProps } from \"./Command.types\";\nimport styles from \"./Command.module.css\";\n\nexport type { CommandProps, CommandGroup, CommandItem } from \"./Command.types\";\n\nconst DEFAULT_PLACEHOLDER = \"Type a command or search...\";\nconst DEFAULT_EMPTY = \"No results found.\";\nconst DEFAULT_LABEL = \"Command menu\";\n\nexport function Command({\n  placeholder = DEFAULT_PLACEHOLDER,\n  empty = DEFAULT_EMPTY,\n  groups,\n  onSelect,\n  label = DEFAULT_LABEL,\n}: CommandProps) {\n  const uid = useId();\n  const listboxId = `${uid}-list`;\n  const [query, setQuery] = useState(\"\");\n  const [highlightId, setHighlightId] = useState<string | null>(null);\n\n  const visibleGroups = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    return groups\n      .map((group) => ({\n        heading: group.heading,\n        items: q\n          ? group.items.filter((item) => item.label.toLowerCase().includes(q))\n          : group.items,\n      }))\n      .filter((group) => group.items.length > 0);\n  }, [groups, query]);\n\n  const enabledIds = useMemo(\n    () =>\n      visibleGroups.flatMap((group) =>\n        group.items.filter((item) => !item.disabled).map((item) => item.id),\n      ),\n    [visibleGroups],\n  );\n\n  const activeId =\n    highlightId && enabledIds.includes(highlightId) ? highlightId : (enabledIds[0] ?? null);\n\n  function optionId(id: string) {\n    return `${uid}-opt-${id}`;\n  }\n\n  function select(id: string) {\n    const item = visibleGroups.flatMap((group) => group.items).find((entry) => entry.id === id);\n    if (!item || item.disabled) return;\n    onSelect?.(id);\n  }\n\n  function move(delta: number) {\n    if (enabledIds.length === 0) return;\n    const current = activeId ? enabledIds.indexOf(activeId) : -1;\n    const next = (current + delta + enabledIds.length) % enabledIds.length;\n    setHighlightId(enabledIds[next]);\n  }\n\n  function onKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        move(1);\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        move(-1);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        if (enabledIds[0]) setHighlightId(enabledIds[0]);\n        break;\n      case \"End\":\n        event.preventDefault();\n        if (enabledIds.length) setHighlightId(enabledIds[enabledIds.length - 1]);\n        break;\n      case \"Enter\":\n        event.preventDefault();\n        if (activeId) select(activeId);\n        break;\n      default:\n        break;\n    }\n  }\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.search}>\n        <LucideByName name=\"Search\" size={16} className={styles.searchIcon} />\n        <input\n          type=\"search\"\n          role=\"combobox\"\n          className={styles.input}\n          placeholder={placeholder}\n          value={query}\n          autoComplete=\"off\"\n          onChange={(event) => setQuery(event.target.value)}\n          onKeyDown={onKeyDown}\n          aria-expanded={true}\n          aria-controls={listboxId}\n          aria-activedescendant={activeId ? optionId(activeId) : undefined}\n          aria-autocomplete=\"list\"\n          aria-label={label}\n        />\n      </div>\n      <div id={listboxId} role=\"listbox\" className={styles.list} aria-label={label}>\n        {visibleGroups.length === 0 ? (\n          <div className={styles.empty}>{empty}</div>\n        ) : (\n          visibleGroups.map((group, index) => (\n            <div key={group.heading ?? `group-${index}`} className={styles.group}>\n              {group.heading ? <div className={styles.heading}>{group.heading}</div> : null}\n              {group.items.map((item) => {\n                const highlighted = item.id === activeId;\n                return (\n                  <div\n                    key={item.id}\n                    id={optionId(item.id)}\n                    role=\"option\"\n                    aria-selected={highlighted}\n                    aria-disabled={item.disabled || undefined}\n                    className={`${styles.item}${highlighted ? ` ${styles.itemHighlighted}` : \"\"}${\n                      item.disabled ? ` ${styles.itemDisabled}` : \"\"\n                    }`}\n                    onMouseEnter={() => {\n                      if (!item.disabled) setHighlightId(item.id);\n                    }}\n                    onMouseDown={(event) => event.preventDefault()}\n                    onClick={() => {\n                      if (!item.disabled) select(item.id);\n                    }}\n                  >\n                    <LucideByName name={item.icon} size={16} className={styles.itemIcon} />\n                    <span className={styles.itemLabel}>{item.label}</span>\n                    {item.shortcut ? <span className={styles.shortcut}>{item.shortcut}</span> : null}\n                  </div>\n                );\n              })}\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/{ui → dist/ui}/Command/Command.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_1hr8h_1 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -10,7 +10,7 @@
   box-shadow: var(--shadow-sm);
 }
 
-.search {
+._search_1hr8h_13 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -20,17 +20,17 @@
   border-top-right-radius: var(--radius-surface-md);
 }
 
-.search:focus-within {
+._search_1hr8h_13:focus-within {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.searchIcon {
+._searchIcon_1hr8h_28 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.input {
+._input_1hr8h_33 {
   width: 100%;
   min-width: 0;
   margin: 0;
@@ -44,35 +44,35 @@
   appearance: none;
 }
 
-.input::placeholder {
+._input_1hr8h_33::placeholder {
   color: var(--text-muted);
 }
 
-.input:focus {
+._input_1hr8h_33:focus {
   outline: none;
 }
 
-.input::-webkit-search-decoration,
-.input::-webkit-search-cancel-button,
-.input::-webkit-search-results-button,
-.input::-webkit-search-results-decoration {
+._input_1hr8h_33::-webkit-search-decoration,
+._input_1hr8h_33::-webkit-search-cancel-button,
+._input_1hr8h_33::-webkit-search-results-button,
+._input_1hr8h_33::-webkit-search-results-decoration {
   appearance: none;
 }
 
-.list {
+._list_1hr8h_62 {
   max-height: 18rem;
   overflow-x: hidden;
   overflow-y: auto;
   padding: var(--space-1);
 }
 
-.group + .group {
+._group_1hr8h_69 + ._group_1hr8h_69 {
   margin-top: var(--space-1);
   padding-top: var(--space-1);
   border-top: var(--border-divider) solid var(--border-faint);
 }
 
-.heading {
+._heading_1hr8h_75 {
   padding: var(--space-2) var(--space-2) var(--space-1);
   font-family: var(--font-sans);
   font-size: var(--type-size-overline);
@@ -81,7 +81,7 @@
   color: var(--text-secondary);
 }
 
-.item {
+._item_1hr8h_84 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -99,28 +99,28 @@
   cursor: pointer;
 }
 
-.item:hover:not([aria-disabled="true"]),
-.itemHighlighted {
+._item_1hr8h_84:hover:not([aria-disabled="true"]),
+._itemHighlighted_1hr8h_103 {
   background-color: var(--surface-muted);
 }
 
-.itemDisabled {
+._itemDisabled_1hr8h_107 {
   opacity: var(--opacity-disabled);
   cursor: not-allowed;
 }
 
-.itemIcon {
+._itemIcon_1hr8h_112 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.itemLabel {
+._itemLabel_1hr8h_117 {
   flex: 1;
   min-width: 0;
   overflow-wrap: anywhere;
 }
 
-.shortcut {
+._shortcut_1hr8h_123 {
   flex-shrink: 0;
   font-family: var(--font-mono);
   font-size: var(--type-size-caption);
@@ -128,7 +128,7 @@
   color: var(--text-muted);
 }
 
-.empty {
+._empty_1hr8h_131 {
   padding: var(--space-6) var(--space-4);
   text-align: center;
   font-family: var(--font-sans);

package/dist/ui/Command/Command.module.js

@@ -0,0 +1,22 @@
+import "./Command.module.css";
+//#region ui/Command/Command.module.css
+var e = "_root_1hr8h_1", t = "_search_1hr8h_13", n = "_searchIcon_1hr8h_28", r = "_input_1hr8h_33", i = "_list_1hr8h_62", a = "_group_1hr8h_69", o = "_heading_1hr8h_75", s = "_item_1hr8h_84", c = "_itemHighlighted_1hr8h_103", l = "_itemDisabled_1hr8h_107", u = "_itemIcon_1hr8h_112", d = "_itemLabel_1hr8h_117", f = "_shortcut_1hr8h_123", p = "_empty_1hr8h_131", m = {
+	root: e,
+	search: t,
+	searchIcon: n,
+	input: r,
+	list: i,
+	group: a,
+	heading: o,
+	item: s,
+	itemHighlighted: c,
+	itemDisabled: l,
+	itemIcon: u,
+	itemLabel: d,
+	shortcut: f,
+	empty: p
+};
+//#endregion
+export { m as default, p as empty, a as group, o as heading, r as input, s as item, l as itemDisabled, c as itemHighlighted, u as itemIcon, d as itemLabel, i as list, e as root, t as search, n as searchIcon, f as shortcut };
+
+//# sourceMappingURL=Command.module.js.map

package/dist/ui/Command/Command.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.module.js","names":[],"sources":["../../../ui/Command/Command.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background-color: var(--surface-card);\n  border: var(--border-surface) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  box-shadow: var(--shadow-sm);\n}\n\n.search {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-3);\n  border-bottom: var(--border-divider) solid var(--border-faint);\n  border-top-left-radius: var(--radius-surface-md);\n  border-top-right-radius: var(--radius-surface-md);\n}\n\n.search:focus-within {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.searchIcon {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.input {\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n  appearance: none;\n}\n\n.input::placeholder {\n  color: var(--text-muted);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input::-webkit-search-decoration,\n.input::-webkit-search-cancel-button,\n.input::-webkit-search-results-button,\n.input::-webkit-search-results-decoration {\n  appearance: none;\n}\n\n.list {\n  max-height: 18rem;\n  overflow-x: hidden;\n  overflow-y: auto;\n  padding: var(--space-1);\n}\n\n.group + .group {\n  margin-top: var(--space-1);\n  padding-top: var(--space-1);\n  border-top: var(--border-divider) solid var(--border-faint);\n}\n\n.heading {\n  padding: var(--space-2) var(--space-2) var(--space-1);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-overline);\n  font-weight: var(--type-weight-overline);\n  letter-spacing: var(--type-tracking-overline);\n  color: var(--text-secondary);\n}\n\n.item {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  width: 100%;\n  margin: 0;\n  padding: var(--space-2);\n  border: 0;\n  border-radius: var(--radius-control-sm);\n  background: transparent;\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  text-align: left;\n  cursor: pointer;\n}\n\n.item:hover:not([aria-disabled=\"true\"]),\n.itemHighlighted {\n  background-color: var(--surface-muted);\n}\n\n.itemDisabled {\n  opacity: var(--opacity-disabled);\n  cursor: not-allowed;\n}\n\n.itemIcon {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.shortcut {\n  flex-shrink: 0;\n  font-family: var(--font-mono);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  color: var(--text-muted);\n}\n\n.empty {\n  padding: var(--space-6) var(--space-4);\n  text-align: center;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n"],"mappings":""}

package/dist/ui/Command/Command.types.d.ts

@@ -0,0 +1,18 @@
+export interface CommandItem {
+    id: string;
+    label: string;
+    icon?: string;
+    shortcut?: string;
+    disabled?: boolean;
+}
+export interface CommandGroup {
+    heading?: string;
+    items: CommandItem[];
+}
+export interface CommandProps {
+    placeholder?: string;
+    empty?: string;
+    groups: CommandGroup[];
+    onSelect?: (id: string) => void;
+    label?: string;
+}

package/dist/ui/Command/index.d.ts

@@ -0,0 +1,2 @@
+export { Command } from './Command';
+export type { CommandProps, CommandGroup, CommandItem } from './Command.types';

package/dist/ui/DataTable/DataTable.d.ts

@@ -0,0 +1,3 @@
+import { DataTableProps } from './DataTable.types';
+export type { DataTableProps, DataTableColumn, DataTableFilter, DataTableCell, DataTableRow, } from './DataTable.types';
+export declare function DataTable({ caption, selectable, toolbar, searchPlaceholder, filters, columnSettings, cellSize, columns, rows, emptyMessage, onSelectionChange, }: DataTableProps): import("react").JSX.Element;