agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/DatePicker/DatePicker.js

@@ -0,0 +1,92 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "../shared/controls.module.js";
+import { Calendar as n } from "../Calendar/Calendar.js";
+import r from "./DatePicker.module.js";
+import { useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region ui/DatePicker/DatePicker.tsx
+function u(e) {
+	if (!e) return null;
+	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
+	if (!t) return null;
+	let n = Number(t[1]), r = Number(t[2]) - 1, i = Number(t[3]), a = new Date(n, r, i);
+	return a.getFullYear() !== n || a.getMonth() !== r || a.getDate() !== i ? null : a;
+}
+function d(e) {
+	let t = u(e);
+	return t ? t.toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}) : "";
+}
+function f({ id: u, value: f, defaultValue: p, onValueChange: m, size: h = "md", placeholder: g = "Pick a date", disabled: _ = !1, error: v = !1, minDate: y, maxDate: b, name: x }) {
+	let S = a(), C = u || S, w = `${C}-calendar`, T = f !== void 0, [E, D] = s(p), O = T ? f : E, [k, A] = s(!1), j = o(null), M = o(null), N = d(O), P = h === "sm" ? 14 : 16;
+	i(() => {
+		if (!k) return;
+		function e(e) {
+			j.current?.contains(e.target) || A(!1);
+		}
+		function t(e) {
+			e.key === "Escape" && (e.preventDefault(), A(!1), M.current?.focus());
+		}
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+		};
+	}, [k]);
+	function F(e) {
+		T || D(e), m?.(e), A(!1), M.current?.focus();
+	}
+	return /* @__PURE__ */ l("div", {
+		ref: j,
+		className: r.root,
+		children: [
+			/* @__PURE__ */ l("button", {
+				ref: M,
+				id: C,
+				type: "button",
+				disabled: _,
+				"aria-haspopup": "dialog",
+				"aria-expanded": k,
+				"aria-controls": w,
+				"aria-invalid": v || void 0,
+				className: `${t.control} ${h === "sm" ? t.controlSm : t.controlMd} ${v ? t.controlError : ""} ${r.trigger}`,
+				onClick: () => {
+					_ || A((e) => !e);
+				},
+				children: [/* @__PURE__ */ c(e, {
+					name: "CalendarDays",
+					size: P,
+					className: r.icon
+				}), /* @__PURE__ */ c("span", {
+					className: N ? r.value : r.placeholder,
+					children: N || g
+				})]
+			}),
+			x ? /* @__PURE__ */ c("input", {
+				type: "hidden",
+				name: x,
+				value: O ?? ""
+			}) : null,
+			k ? /* @__PURE__ */ c("div", {
+				id: w,
+				className: r.panel,
+				role: "dialog",
+				"aria-label": "Choose date",
+				children: /* @__PURE__ */ c(n, {
+					size: h === "sm" ? "sm" : "md",
+					value: O,
+					onValueChange: F,
+					disabled: _,
+					minDate: y,
+					maxDate: b
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { f as DatePicker };
+
+//# sourceMappingURL=DatePicker.js.map

package/dist/ui/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","names":[],"sources":["../../../ui/DatePicker/DatePicker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { Calendar } from \"../Calendar\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport controlStyles from \"../shared/controls.module.css\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\nimport styles from \"./DatePicker.module.css\";\n\nexport type { DatePickerProps, DatePickerSize } from \"./DatePicker.types\";\n\nfunction parseISODate(iso?: string): Date | null {\n  if (!iso) return null;\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!match) return null;\n  const year = Number(match[1]);\n  const month = Number(match[2]) - 1;\n  const day = Number(match[3]);\n  const date = new Date(year, month, day);\n  if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) {\n    return null;\n  }\n  return date;\n}\n\nfunction formatDisplay(iso?: string): string {\n  const date = parseISODate(iso);\n  if (!date) return \"\";\n  return date.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\", year: \"numeric\" });\n}\n\nexport function DatePicker({\n  id,\n  value,\n  defaultValue,\n  onValueChange,\n  size = \"md\",\n  placeholder = \"Pick a date\",\n  disabled = false,\n  error = false,\n  minDate,\n  maxDate,\n  name,\n}: DatePickerProps) {\n  const fallbackId = useId();\n  const triggerId = id || fallbackId;\n  const panelId = `${triggerId}-calendar`;\n  const isControlled = value !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultValue);\n  const selected = isControlled ? value : uncontrolled;\n  const [open, setOpen] = useState(false);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const display = formatDisplay(selected);\n  const iconPx = size === \"sm\" ? 14 : 16;\n\n  useEffect(() => {\n    if (!open) return undefined;\n\n    function onPointerDown(event: PointerEvent) {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    }\n\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        setOpen(false);\n        triggerRef.current?.focus();\n      }\n    }\n\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open]);\n\n  function commit(iso: string) {\n    if (!isControlled) setUncontrolled(iso);\n    onValueChange?.(iso);\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  return (\n    <div ref={rootRef} className={styles.root}>\n      <button\n        ref={triggerRef}\n        id={triggerId}\n        type=\"button\"\n        disabled={disabled}\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-controls={panelId}\n        aria-invalid={error || undefined}\n        className={`${controlStyles.control} ${size === \"sm\" ? controlStyles.controlSm : controlStyles.controlMd} ${error ? controlStyles.controlError : \"\"} ${styles.trigger}`}\n        onClick={() => {\n          if (!disabled) setOpen((current) => !current);\n        }}\n      >\n        <LucideByName name=\"CalendarDays\" size={iconPx} className={styles.icon} />\n        <span className={display ? styles.value : styles.placeholder}>{display || placeholder}</span>\n      </button>\n      {name ? <input type=\"hidden\" name={name} value={selected ?? \"\"} /> : null}\n      {open ? (\n        <div id={panelId} className={styles.panel} role=\"dialog\" aria-label=\"Choose date\">\n          <Calendar\n            size={size === \"sm\" ? \"sm\" : \"md\"}\n            value={selected}\n            onValueChange={commit}\n            disabled={disabled}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAa,GAA2B;CAC/C,IAAI,CAAC,GAAK,OAAO;CACjB,IAAM,IAAQ,4BAA4B,KAAK,CAAG;CAClD,IAAI,CAAC,GAAO,OAAO;CACnB,IAAM,IAAO,OAAO,EAAM,EAAE,GACtB,IAAQ,OAAO,EAAM,EAAE,IAAI,GAC3B,IAAM,OAAO,EAAM,EAAE,GACrB,IAAO,IAAI,KAAK,GAAM,GAAO,CAAG;CAItC,OAHI,EAAK,YAAY,MAAM,KAAQ,EAAK,SAAS,MAAM,KAAS,EAAK,QAAQ,MAAM,IAC1E,OAEF;AACT;AAEA,SAAS,EAAc,GAAsB;CAC3C,IAAM,IAAO,EAAa,CAAG;CAE7B,OADK,IACE,EAAK,mBAAmB,SAAS;EAAE,OAAO;EAAS,KAAK;EAAW,MAAM;CAAU,CAAC,IADzE;AAEpB;AAEA,SAAgB,EAAW,EACzB,OACA,UACA,iBACA,kBACA,UAAO,MACP,iBAAc,eACd,cAAW,IACX,WAAQ,IACR,YACA,YACA,WACkB;CAClB,IAAM,IAAa,EAAM,GACnB,IAAY,KAAM,GAClB,IAAU,GAAG,EAAU,YACvB,IAAe,MAAU,KAAA,GACzB,CAAC,GAAc,KAAmB,EAAS,CAAY,GACvD,IAAW,IAAe,IAAQ,GAClC,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAU,EAAuB,IAAI,GACrC,IAAa,EAA0B,IAAI,GAC3C,IAAU,EAAc,CAAQ,GAChC,IAAS,MAAS,OAAO,KAAK;CAEpC,QAAgB;EACd,IAAI,CAAC,GAAM;EAEX,SAAS,EAAc,GAAqB;GAC1C,AAAK,EAAQ,SAAS,SAAS,EAAM,MAAc,KACjD,EAAQ,EAAK;EAEjB;EAEA,SAAS,EAAU,GAAsB;GACvC,AAAI,EAAM,QAAQ,aAChB,EAAM,eAAe,GACrB,EAAQ,EAAK,GACb,EAAW,SAAS,MAAM;EAE9B;EAIA,OAFA,SAAS,iBAAiB,eAAe,CAAa,GACtD,SAAS,iBAAiB,WAAW,CAAS,SACjC;GAEX,AADA,SAAS,oBAAoB,eAAe,CAAa,GACzD,SAAS,oBAAoB,WAAW,CAAS;EACnD;CACF,GAAG,CAAC,CAAI,CAAC;CAET,SAAS,EAAO,GAAa;EAI3B,AAHK,KAAc,EAAgB,CAAG,GACtC,IAAgB,CAAG,GACnB,EAAQ,EAAK,GACb,EAAW,SAAS,MAAM;CAC5B;CAEA,OACE,kBAAC,OAAD;EAAK,KAAK;EAAS,WAAW,EAAO;EAArC,UAAA;GACE,kBAAC,UAAD;IACE,KAAK;IACL,IAAI;IACJ,MAAK;IACK;IACV,iBAAc;IACd,iBAAe;IACf,iBAAe;IACf,gBAAc,KAAS,KAAA;IACvB,WAAW,GAAG,EAAc,QAAQ,GAAG,MAAS,OAAO,EAAc,YAAY,EAAc,UAAU,GAAG,IAAQ,EAAc,eAAe,GAAG,GAAG,EAAO;IAC9J,eAAe;KACb,AAAK,KAAU,GAAS,MAAY,CAAC,CAAO;IAC9C;IAZF,UAAA,CAcE,kBAAC,GAAD;KAAc,MAAK;KAAe,MAAM;KAAQ,WAAW,EAAO;IAAO,CAAA,GACzE,kBAAC,QAAD;KAAM,WAAW,IAAU,EAAO,QAAQ,EAAO;KAAc,UAAA,KAAW;IAAkB,CAAA,CACtF;;GACP,IAAO,kBAAC,SAAD;IAAO,MAAK;IAAe;IAAM,OAAO,KAAY;GAAK,CAAA,IAAI;GACpE,IACC,kBAAC,OAAD;IAAK,IAAI;IAAS,WAAW,EAAO;IAAO,MAAK;IAAS,cAAW;IAClE,UAAA,kBAAC,GAAD;KACE,MAAM,MAAS,OAAO,OAAO;KAC7B,OAAO;KACP,eAAe;KACL;KACD;KACA;IACV,CAAA;GACE,CAAA,IACH;EACD;;AAET"}

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

@@ -1,11 +1,11 @@
-.root {
+._root_p7uzj_1 {
   position: relative;
   display: block;
   width: 100%;
   max-width: 20rem;
 }
 
-.trigger {
+._trigger_p7uzj_8 {
   appearance: none;
   font: inherit;
   margin: 0;
@@ -17,26 +17,26 @@
   cursor: pointer;
 }
 
-.trigger:disabled {
+._trigger_p7uzj_8:disabled {
   cursor: not-allowed;
 }
 
-.icon {
+._icon_p7uzj_24 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.value {
+._value_p7uzj_29 {
   min-width: 0;
   color: var(--text-primary);
 }
 
-.placeholder {
+._placeholder_p7uzj_34 {
   min-width: 0;
   color: var(--text-muted);
 }
 
-.panel {
+._panel_p7uzj_39 {
   position: absolute;
   z-index: 20;
   top: calc(100% + var(--space-1));

package/dist/ui/DatePicker/DatePicker.module.js

@@ -0,0 +1,14 @@
+import "./DatePicker.module.css";
+//#region ui/DatePicker/DatePicker.module.css
+var e = "_root_p7uzj_1", t = "_trigger_p7uzj_8", n = "_icon_p7uzj_24", r = "_value_p7uzj_29", i = "_placeholder_p7uzj_34", a = "_panel_p7uzj_39", o = {
+	root: e,
+	trigger: t,
+	icon: n,
+	value: r,
+	placeholder: i,
+	panel: a
+};
+//#endregion
+export { o as default, n as icon, a as panel, i as placeholder, e as root, t as trigger, r as value };
+
+//# sourceMappingURL=DatePicker.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module.js","names":[],"sources":["../../../ui/DatePicker/DatePicker.module.css"],"sourcesContent":[".root {\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: 20rem;\n}\n\n.trigger {\n  appearance: none;\n  font: inherit;\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n}\n\n.icon {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.value {\n  min-width: 0;\n  color: var(--text-primary);\n}\n\n.placeholder {\n  min-width: 0;\n  color: var(--text-muted);\n}\n\n.panel {\n  position: absolute;\n  z-index: 20;\n  top: calc(100% + var(--space-1));\n  left: 0;\n}\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+export type DatePickerSize = "sm" | "md";
+export interface DatePickerProps {
+    id: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (date: string) => void;
+    size?: DatePickerSize;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    name?: string;
+}

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerSize } from './DatePicker.types';

package/dist/ui/Drawer/Drawer.d.ts

@@ -0,0 +1,3 @@
+import { DrawerProps } from './Drawer.types';
+export type { DrawerProps, DrawerSide } from './Drawer.types';
+export declare function Drawer({ open, title, description, side, showClose, onClose, children, footer, }: DrawerProps): import("react").JSX.Element | null;

package/dist/ui/Drawer/Drawer.js

@@ -0,0 +1,82 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "./Drawer.module.js";
+import { useEffect as n, useId as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/Drawer/Drawer.tsx
+var s = "a, button, input, select, textarea, [tabindex]:not([tabindex='-1'])";
+function c({ open: c, title: l, description: u, side: d = "right", showClose: f = !0, onClose: p, children: m, footer: h }) {
+	let g = r(), _ = r(), v = i(null), y = i(p);
+	return y.current = p, n(() => {
+		if (!c) return;
+		let e = v.current;
+		if (!e) return;
+		let t = () => Array.from(e.querySelectorAll(s));
+		(t()[0] ?? e).focus();
+		let n = (n) => {
+			if (n.key === "Escape") {
+				n.preventDefault(), y.current();
+				return;
+			}
+			if (n.key !== "Tab") return;
+			let r = t();
+			if (r.length === 0) return;
+			let i = r[0], a = r[r.length - 1], o = document.activeElement, s = o instanceof Node && e.contains(o);
+			n.shiftKey ? (!s || o === i) && (n.preventDefault(), a.focus()) : (!s || o === a) && (n.preventDefault(), i.focus());
+		};
+		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+	}, [c]), c ? /* @__PURE__ */ a("div", {
+		className: t.overlay,
+		role: "presentation",
+		onMouseDown: (e) => {
+			e.target === e.currentTarget && p();
+		},
+		children: /* @__PURE__ */ o("div", {
+			ref: v,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": g,
+			"aria-describedby": u ? _ : void 0,
+			className: `${t.panel} ${t[d]}`,
+			tabIndex: -1,
+			children: [
+				/* @__PURE__ */ o("header", {
+					className: t.header,
+					children: [/* @__PURE__ */ o("div", {
+						className: t.copy,
+						children: [/* @__PURE__ */ a("h2", {
+							id: g,
+							className: t.title,
+							children: l
+						}), u ? /* @__PURE__ */ a("p", {
+							id: _,
+							className: t.description,
+							children: u
+						}) : null]
+					}), f ? /* @__PURE__ */ a("button", {
+						type: "button",
+						className: t.close,
+						onClick: p,
+						"aria-label": "Close",
+						children: /* @__PURE__ */ a(e, {
+							name: "X",
+							size: 16
+						})
+					}) : null]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: t.body,
+					children: m
+				}),
+				h ? /* @__PURE__ */ a("div", {
+					className: t.footer,
+					children: h
+				}) : null
+			]
+		})
+	}) : null;
+}
+//#endregion
+export { c as Drawer };
+
+//# sourceMappingURL=Drawer.js.map

package/dist/ui/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":[],"sources":["../../../ui/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useId, useRef } from \"react\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { DrawerProps } from \"./Drawer.types\";\nimport styles from \"./Drawer.module.css\";\n\nexport type { DrawerProps, DrawerSide } from \"./Drawer.types\";\n\nconst FOCUSABLE = \"a, button, input, select, textarea, [tabindex]:not([tabindex='-1'])\";\n\nexport function Drawer({\n  open,\n  title,\n  description,\n  side = \"right\",\n  showClose = true,\n  onClose,\n  children,\n  footer,\n}: DrawerProps) {\n  const titleId = useId();\n  const descriptionId = useId();\n  const panelRef = useRef<HTMLDivElement>(null);\n  const onCloseRef = useRef(onClose);\n\n  onCloseRef.current = onClose;\n\n  useEffect(() => {\n    if (!open) return;\n\n    const root = panelRef.current;\n    if (!root) return;\n\n    const getFocusable = () => Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE));\n    const firstFocusable = getFocusable()[0];\n    (firstFocusable ?? root).focus();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onCloseRef.current();\n        return;\n      }\n\n      if (event.key !== \"Tab\") return;\n\n      const items = getFocusable();\n      if (items.length === 0) return;\n\n      const first = items[0];\n      const last = items[items.length - 1];\n      const active = document.activeElement;\n      const inside = active instanceof Node && root.contains(active);\n\n      if (event.shiftKey) {\n        if (!inside || active === first) {\n          event.preventDefault();\n          last.focus();\n        }\n      } else if (!inside || active === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      className={styles.overlay}\n      role=\"presentation\"\n      onMouseDown={(event) => {\n        if (event.target === event.currentTarget) onClose();\n      }}\n    >\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={description ? descriptionId : undefined}\n        className={`${styles.panel} ${styles[side]}`}\n        tabIndex={-1}\n      >\n        <header className={styles.header}>\n          <div className={styles.copy}>\n            <h2 id={titleId} className={styles.title}>\n              {title}\n            </h2>\n            {description ? (\n              <p id={descriptionId} className={styles.description}>\n                {description}\n              </p>\n            ) : null}\n          </div>\n          {showClose ? (\n            <button type=\"button\" className={styles.close} onClick={onClose} aria-label=\"Close\">\n              <LucideByName name=\"X\" size={16} />\n            </button>\n          ) : null}\n        </header>\n        <div className={styles.body}>{children}</div>\n        {footer ? <div className={styles.footer}>{footer}</div> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,IAAM,IAAY;AAElB,SAAgB,EAAO,EACrB,SACA,UACA,gBACA,UAAO,SACP,eAAY,IACZ,YACA,aACA,aACc;CACd,IAAM,IAAU,EAAM,GAChB,IAAgB,EAAM,GACtB,IAAW,EAAuB,IAAI,GACtC,IAAa,EAAO,CAAO;CAgDjC,OA9CA,EAAW,UAAU,GAErB,QAAgB;EACd,IAAI,CAAC,GAAM;EAEX,IAAM,IAAO,EAAS;EACtB,IAAI,CAAC,GAAM;EAEX,IAAM,UAAqB,MAAM,KAAK,EAAK,iBAA8B,CAAS,CAAC;EAEnF,CADuB,EAAa,CAAC,CAAC,MACnB,EAAA,CAAM,MAAM;EAE/B,IAAM,KAAa,MAAyB;GAC1C,IAAI,EAAM,QAAQ,UAAU;IAE1B,AADA,EAAM,eAAe,GACrB,EAAW,QAAQ;IACnB;GACF;GAEA,IAAI,EAAM,QAAQ,OAAO;GAEzB,IAAM,IAAQ,EAAa;GAC3B,IAAI,EAAM,WAAW,GAAG;GAExB,IAAM,IAAQ,EAAM,IACd,IAAO,EAAM,EAAM,SAAS,IAC5B,IAAS,SAAS,eAClB,IAAS,aAAkB,QAAQ,EAAK,SAAS,CAAM;GAE7D,AAAI,EAAM,YACJ,CAAC,KAAU,MAAW,OACxB,EAAM,eAAe,GACrB,EAAK,MAAM,MAEJ,CAAC,KAAU,MAAW,OAC/B,EAAM,eAAe,GACrB,EAAM,MAAM;EAEhB;EAGA,OADA,SAAS,iBAAiB,WAAW,CAAS,SACjC,SAAS,oBAAoB,WAAW,CAAS;CAChE,GAAG,CAAC,CAAI,CAAC,GAEJ,IAGH,kBAAC,OAAD;EACE,WAAW,EAAO;EAClB,MAAK;EACL,cAAc,MAAU;GACtB,AAAI,EAAM,WAAW,EAAM,iBAAe,EAAQ;EACpD;EAEA,UAAA,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB;GACjB,oBAAkB,IAAc,IAAgB,KAAA;GAChD,WAAW,GAAG,EAAO,MAAM,GAAG,EAAO;GACrC,UAAU;GAPZ,UAAA;IASE,kBAAC,UAAD;KAAQ,WAAW,EAAO;KAA1B,UAAA,CACE,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAvB,UAAA,CACE,kBAAC,MAAD;OAAI,IAAI;OAAS,WAAW,EAAO;OAChC,UAAA;MACC,CAAA,GACH,IACC,kBAAC,KAAD;OAAG,IAAI;OAAe,WAAW,EAAO;OACrC,UAAA;MACA,CAAA,IACD,IACD;KACJ,CAAA,GAAA,IACC,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAW,EAAO;MAAO,SAAS;MAAS,cAAW;MAC1E,UAAA,kBAAC,GAAD;OAAc,MAAK;OAAI,MAAM;MAAK,CAAA;KAC5B,CAAA,IACN,IACE;;IACR,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAO;IAAc,CAAA;IAC3C,IAAS,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAS,UAAA;IAAY,CAAA,IAAI;GACvD;;CACF,CAAA,IAvCW;AAyCpB"}

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

@@ -1,4 +1,4 @@
-.overlay {
+._overlay_l7ixj_1 {
   position: fixed;
   inset: 0;
   z-index: var(--z-overlay);
@@ -7,10 +7,10 @@
   align-items: stretch;
   padding: var(--space-4);
   background-color: var(--surface-overlay);
-  animation: overlayEnter var(--motion-overlay-duration) var(--motion-overlay-easing);
+  animation: _overlayEnter_l7ixj_1 var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.panel {
+._panel_l7ixj_13 {
   position: relative;
   z-index: var(--z-modal);
   display: flex;
@@ -27,37 +27,37 @@
   animation-fill-mode: both;
 }
 
-.right {
+._right_l7ixj_30 {
   margin-left: auto;
   width: min(24rem, 100%);
   max-height: 100%;
-  animation-name: enterRight;
+  animation-name: _enterRight_l7ixj_1;
 }
 
-.left {
+._left_l7ixj_37 {
   margin-right: auto;
   width: min(24rem, 100%);
   max-height: 100%;
-  animation-name: enterLeft;
+  animation-name: _enterLeft_l7ixj_1;
 }
 
-.bottom {
+._bottom_l7ixj_44 {
   align-self: flex-end;
   margin-inline: auto;
   width: min(24rem, 100%);
   max-height: 100%;
   background-color: var(--surface-card);
-  animation-name: enterBottom;
+  animation-name: _enterBottom_l7ixj_1;
 }
 
-.top {
+._top_l7ixj_53 {
   align-self: flex-start;
   width: 100%;
   max-height: 100%;
-  animation-name: enterTop;
+  animation-name: _enterTop_l7ixj_1;
 }
 
-.header {
+._header_l7ixj_60 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -66,11 +66,11 @@
   padding: var(--space-4) var(--space-6);
 }
 
-.bottom .header {
+._bottom_l7ixj_44 ._header_l7ixj_60 {
   padding: var(--space-6) var(--space-6) var(--space-4);
 }
 
-.copy {
+._copy_l7ixj_73 {
   display: flex;
   flex-direction: column;
   gap: var(--space-1);
@@ -78,7 +78,7 @@
   flex: 1;
 }
 
-.title {
+._title_l7ixj_81 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-heading);
@@ -87,7 +87,7 @@
   color: var(--text-primary);
 }
 
-.description {
+._description_l7ixj_90 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body);
@@ -95,7 +95,7 @@
   color: var(--text-muted);
 }
 
-.close {
+._close_l7ixj_98 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -111,17 +111,17 @@
   cursor: pointer;
 }
 
-.close:hover {
+._close_l7ixj_98:hover {
   background-color: var(--surface-muted);
   color: var(--text-primary);
 }
 
-.close:focus-visible {
+._close_l7ixj_98:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.body {
+._body_l7ixj_124 {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
@@ -132,11 +132,11 @@
   color: var(--text-primary);
 }
 
-.bottom .body {
+._bottom_l7ixj_44 ._body_l7ixj_124 {
   padding: var(--space-2) var(--space-6) var(--space-4);
 }
 
-.footer {
+._footer_l7ixj_139 {
   display: flex;
   justify-content: flex-end;
   flex-shrink: 0;
@@ -144,21 +144,21 @@
   border-top: var(--border-width-thin) solid var(--border-faint);
 }
 
-.left .footer,
-.right .footer,
-.bottom .footer {
+._left_l7ixj_37 ._footer_l7ixj_139,
+._right_l7ixj_30 ._footer_l7ixj_139,
+._bottom_l7ixj_44 ._footer_l7ixj_139 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   gap: var(--space-3);
 }
 
-.bottom .footer {
+._bottom_l7ixj_44 ._footer_l7ixj_139 {
   padding: var(--space-4) var(--space-6) var(--space-6);
   border-top: 0;
 }
 
-@keyframes overlayEnter {
+@keyframes _overlayEnter_l7ixj_1 {
   from {
     opacity: var(--opacity-0);
   }
@@ -167,7 +167,7 @@
   }
 }
 
-@keyframes enterRight {
+@keyframes _enterRight_l7ixj_1 {
   from {
     transform: translateX(100%);
   }
@@ -176,7 +176,7 @@
   }
 }
 
-@keyframes enterLeft {
+@keyframes _enterLeft_l7ixj_1 {
   from {
     transform: translateX(-100%);
   }
@@ -185,7 +185,7 @@
   }
 }
 
-@keyframes enterBottom {
+@keyframes _enterBottom_l7ixj_1 {
   from {
     transform: translateY(100%);
   }
@@ -194,7 +194,7 @@
   }
 }
 
-@keyframes enterTop {
+@keyframes _enterTop_l7ixj_1 {
   from {
     transform: translateY(-100%);
   }

package/dist/ui/Drawer/Drawer.module.js

@@ -0,0 +1,26 @@
+import "./Drawer.module.css";
+//#region ui/Drawer/Drawer.module.css
+var e = "_overlay_l7ixj_1", t = "_overlayEnter_l7ixj_1", n = "_panel_l7ixj_13", r = "_right_l7ixj_30", i = "_enterRight_l7ixj_1", a = "_left_l7ixj_37", o = "_enterLeft_l7ixj_1", s = "_bottom_l7ixj_44", c = "_enterBottom_l7ixj_1", l = "_top_l7ixj_53", u = "_enterTop_l7ixj_1", d = "_header_l7ixj_60", f = "_copy_l7ixj_73", p = "_title_l7ixj_81", m = "_description_l7ixj_90", h = "_close_l7ixj_98", g = "_body_l7ixj_124", _ = "_footer_l7ixj_139", v = {
+	overlay: e,
+	overlayEnter: t,
+	panel: n,
+	right: r,
+	enterRight: i,
+	left: a,
+	enterLeft: o,
+	bottom: s,
+	enterBottom: c,
+	top: l,
+	enterTop: u,
+	header: d,
+	copy: f,
+	title: p,
+	description: m,
+	close: h,
+	body: g,
+	footer: _
+};
+//#endregion
+export { g as body, s as bottom, h as close, f as copy, v as default, m as description, c as enterBottom, o as enterLeft, i as enterRight, u as enterTop, _ as footer, d as header, a as left, e as overlay, t as overlayEnter, n as panel, r as right, p as title, l as top };
+
+//# sourceMappingURL=Drawer.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.module.js","names":[],"sources":["../../../ui/Drawer/Drawer.module.css"],"sourcesContent":[".overlay {\n  position: fixed;\n  inset: 0;\n  z-index: var(--z-overlay);\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  padding: var(--space-4);\n  background-color: var(--surface-overlay);\n  animation: overlayEnter var(--motion-overlay-duration) var(--motion-overlay-easing);\n}\n\n.panel {\n  position: relative;\n  z-index: var(--z-modal);\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  background-color: var(--surface-elevated);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-lg);\n  box-shadow: var(--shadow-md);\n  animation-duration: var(--motion-modal-duration);\n  animation-timing-function: var(--motion-modal-easing);\n  animation-fill-mode: both;\n}\n\n.right {\n  margin-left: auto;\n  width: min(24rem, 100%);\n  max-height: 100%;\n  animation-name: enterRight;\n}\n\n.left {\n  margin-right: auto;\n  width: min(24rem, 100%);\n  max-height: 100%;\n  animation-name: enterLeft;\n}\n\n.bottom {\n  align-self: flex-end;\n  margin-inline: auto;\n  width: min(24rem, 100%);\n  max-height: 100%;\n  background-color: var(--surface-card);\n  animation-name: enterBottom;\n}\n\n.top {\n  align-self: flex-start;\n  width: 100%;\n  max-height: 100%;\n  animation-name: enterTop;\n}\n\n.header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-4);\n  flex-shrink: 0;\n  padding: var(--space-4) var(--space-6);\n}\n\n.bottom .header {\n  padding: var(--space-6) var(--space-6) var(--space-4);\n}\n\n.copy {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n  flex: 1;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n\n.close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  margin: 0;\n  padding: 0;\n  color: var(--icon-muted);\n  background: transparent;\n  border: none;\n  border-radius: var(--radius-control-sm);\n  cursor: pointer;\n}\n\n.close:hover {\n  background-color: var(--surface-muted);\n  color: var(--text-primary);\n}\n\n.close:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: var(--space-6);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n}\n\n.bottom .body {\n  padding: var(--space-2) var(--space-6) var(--space-4);\n}\n\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  flex-shrink: 0;\n  padding: var(--space-4) var(--space-6);\n  border-top: var(--border-width-thin) solid var(--border-faint);\n}\n\n.left .footer,\n.right .footer,\n.bottom .footer {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--space-3);\n}\n\n.bottom .footer {\n  padding: var(--space-4) var(--space-6) var(--space-6);\n  border-top: 0;\n}\n\n@keyframes overlayEnter {\n  from {\n    opacity: var(--opacity-0);\n  }\n  to {\n    opacity: var(--opacity-full);\n  }\n}\n\n@keyframes enterRight {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes enterLeft {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes enterBottom {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes enterTop {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type DrawerSide = "right" | "left" | "bottom" | "top";
+export interface DrawerProps {
+    open: boolean;
+    title: string;
+    description?: string;
+    side?: DrawerSide;
+    showClose?: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    footer?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export type { DrawerProps, DrawerSide } from './Drawer.types';

package/dist/ui/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenuProps } from './DropdownMenu.types';
+export type { DropdownMenuProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuAlign, DropdownMenuTriggerStyle, } from './DropdownMenu.types';
+export declare function DropdownMenu({ trigger, triggerStyle, iconStart, iconEnd, id, disabled, error, describedBy, ariaLabel, variant, size, align, columns, groups, open: openProp, onOpenChange, onSelect, closeOnSelect, triggerMuted, triggerBadge, searchable, searchPlaceholder, }: DropdownMenuProps): import("react").JSX.Element;