@diwauhris/ui 1.0.0

package/lib/index43.mjs

@@ -0,0 +1,42 @@
+import { __exportAll } from "./index2.mjs";
+//#region src/ui-library/tokens/dimension.ts
+var dimension_exports = /* @__PURE__ */ __exportAll({ dimension: () => dimension });
+/**
+* DIWA Dimension Tokens
+*
+* Formalizes repeating dimension values identified in the Phase 9 audit.
+* Values are numeric (pixels) or Tailwind class strings as appropriate.
+*
+* Resolved in Phase 11–12:
+*   - Dialog close icon aligned to size={16} (Phase 11).
+*   - ConfirmAction icon badge aligned to h-8 w-8 / rounded-lg (Phase 12).
+*/
+var dimension = {
+	icon: {
+		/** Standard close button icon — target 16, currently Dialog uses 18 */
+		close: 16,
+		/** Icon inside 32×32 header badge */
+		badgeSm: 16,
+		/** Alert/ConfirmDialog tone icons */
+		alert: 20,
+		/** Inline small action icons */
+		actionSm: 14,
+		/** Standard action icons in toolbars, buttons */
+		action: 16
+	},
+	iconBadge: { 
+	/** Standard 32×32 header icon container — h-8 w-8 */
+size: "h-8 w-8" },
+	control: {
+		/** Small control height */
+		sm: "h-9",
+		/** Default control height */
+		md: "h-10",
+		/** Large control height */
+		lg: "h-11"
+	}
+};
+//#endregion
+export { dimension, dimension_exports };
+
+//# sourceMappingURL=index43.mjs.map

package/lib/index43.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index43.mjs","names":[],"sources":["../src/ui-library/tokens/dimension.ts"],"sourcesContent":["/**\n * DIWA Dimension Tokens\n *\n * Formalizes repeating dimension values identified in the Phase 9 audit.\n * Values are numeric (pixels) or Tailwind class strings as appropriate.\n *\n * Resolved in Phase 11–12:\n *   - Dialog close icon aligned to size={16} (Phase 11).\n *   - ConfirmAction icon badge aligned to h-8 w-8 / rounded-lg (Phase 12).\n */\n\nexport const dimension = {\n  // ── Icon sizes (lucide-react `size` prop values) ──────────────────────────\n\n  icon: {\n    /** Standard close button icon — target 16, currently Dialog uses 18 */\n    close:       16,\n    /** Icon inside 32×32 header badge */\n    badgeSm:     16,\n    /** Alert/ConfirmDialog tone icons */\n    alert:       20,\n    /** Inline small action icons */\n    actionSm:    14,\n    /** Standard action icons in toolbars, buttons */\n    action:      16,\n  },\n\n  // ── Icon badge containers ─────────────────────────────────────────────────\n\n  iconBadge: {\n    /** Standard 32×32 header icon container — h-8 w-8 */\n    size:   'h-8 w-8',\n  },\n\n  // ── Component heights ─────────────────────────────────────────────────────\n\n  control: {\n    /** Small control height */\n    sm: 'h-9',\n    /** Default control height */\n    md: 'h-10',\n    /** Large control height */\n    lg: 'h-11',\n  },\n} as const;\n"],"mappings":";;;;;;;;;;;;;AAWA,IAAa,YAAY;CAGvB,MAAM;;EAEJ,OAAa;;EAEb,SAAa;;EAEb,OAAa;;EAEb,UAAa;;EAEb,QAAa;CACf;CAIA,WAAW;;AAET,MAAQ,UACV;CAIA,SAAS;;EAEP,IAAI;;EAEJ,IAAI;;EAEJ,IAAI;CACN;AACF"}

package/lib/index44.cjs

@@ -0,0 +1,40 @@
+//#region src/ui-library/tokens/radius.ts
+var radius_exports = /* @__PURE__ */ require("./index2.cjs").__exportAll({ radius: () => radius });
+/**
+* DIWA Radius Tokens
+*
+* Formalizes the border-radius vocabulary identified in the Phase 9 audit.
+* Values are Tailwind utility class names.
+*
+* Design intent:
+*   - panel       — full overlay/card surfaces (Modal, Dialog, Card, Drawer)
+*   - control     — interactive form controls (Button, Input, Select)
+*   - pill        — purely presentational (Badge pill tones, Spinner track)
+*   - badge-status — small status indicators with formal/rectangular feel
+*   - icon-badge  — 32×32 icon containers in headers
+*
+* Note: rounded-xl previously appeared in legacy ConfirmAction inlined buttons
+* (resolved in Phase 11) and the ConfirmAction icon badge (resolved in Phase 12).
+*/
+var radius = {
+	/** Overlay and card panel corners — rounded-lg */
+	panel: "rounded-lg",
+	/** Form controls and action buttons — rounded-md */
+	control: "rounded-md",
+	/** Pill badges and Spinner track — rounded-full */
+	pill: "rounded-full",
+	/** Status badge tones (formal/rectangular) — rounded */
+	badgeStatus: "rounded",
+	/** 32×32 icon badge containers in overlay headers — rounded-lg */
+	iconBadge: "rounded-lg"
+};
+//#endregion
+exports.radius = radius;
+Object.defineProperty(exports, "radius_exports", {
+	enumerable: true,
+	get: function() {
+		return radius_exports;
+	}
+});
+
+//# sourceMappingURL=index44.cjs.map

package/lib/index44.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index44.cjs","names":[],"sources":["../src/ui-library/tokens/radius.ts"],"sourcesContent":["/**\n * DIWA Radius Tokens\n *\n * Formalizes the border-radius vocabulary identified in the Phase 9 audit.\n * Values are Tailwind utility class names.\n *\n * Design intent:\n *   - panel       — full overlay/card surfaces (Modal, Dialog, Card, Drawer)\n *   - control     — interactive form controls (Button, Input, Select)\n *   - pill        — purely presentational (Badge pill tones, Spinner track)\n *   - badge-status — small status indicators with formal/rectangular feel\n *   - icon-badge  — 32×32 icon containers in headers\n *\n * Note: rounded-xl previously appeared in legacy ConfirmAction inlined buttons\n * (resolved in Phase 11) and the ConfirmAction icon badge (resolved in Phase 12).\n */\n\nexport const radius = {\n  /** Overlay and card panel corners — rounded-lg */\n  panel:        'rounded-lg',\n  /** Form controls and action buttons — rounded-md */\n  control:      'rounded-md',\n  /** Pill badges and Spinner track — rounded-full */\n  pill:         'rounded-full',\n  /** Status badge tones (formal/rectangular) — rounded */\n  badgeStatus:  'rounded',\n  /** 32×32 icon badge containers in overlay headers — rounded-lg */\n  iconBadge:    'rounded-lg',\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,IAAa,SAAS;;CAEpB,OAAc;;CAEd,SAAc;;CAEd,MAAc;;CAEd,aAAc;;CAEd,WAAc;AAChB"}

package/lib/index44.mjs

@@ -0,0 +1,35 @@
+import { __exportAll } from "./index2.mjs";
+//#region src/ui-library/tokens/radius.ts
+var radius_exports = /* @__PURE__ */ __exportAll({ radius: () => radius });
+/**
+* DIWA Radius Tokens
+*
+* Formalizes the border-radius vocabulary identified in the Phase 9 audit.
+* Values are Tailwind utility class names.
+*
+* Design intent:
+*   - panel       — full overlay/card surfaces (Modal, Dialog, Card, Drawer)
+*   - control     — interactive form controls (Button, Input, Select)
+*   - pill        — purely presentational (Badge pill tones, Spinner track)
+*   - badge-status — small status indicators with formal/rectangular feel
+*   - icon-badge  — 32×32 icon containers in headers
+*
+* Note: rounded-xl previously appeared in legacy ConfirmAction inlined buttons
+* (resolved in Phase 11) and the ConfirmAction icon badge (resolved in Phase 12).
+*/
+var radius = {
+	/** Overlay and card panel corners — rounded-lg */
+	panel: "rounded-lg",
+	/** Form controls and action buttons — rounded-md */
+	control: "rounded-md",
+	/** Pill badges and Spinner track — rounded-full */
+	pill: "rounded-full",
+	/** Status badge tones (formal/rectangular) — rounded */
+	badgeStatus: "rounded",
+	/** 32×32 icon badge containers in overlay headers — rounded-lg */
+	iconBadge: "rounded-lg"
+};
+//#endregion
+export { radius, radius_exports };
+
+//# sourceMappingURL=index44.mjs.map

package/lib/index44.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index44.mjs","names":[],"sources":["../src/ui-library/tokens/radius.ts"],"sourcesContent":["/**\n * DIWA Radius Tokens\n *\n * Formalizes the border-radius vocabulary identified in the Phase 9 audit.\n * Values are Tailwind utility class names.\n *\n * Design intent:\n *   - panel       — full overlay/card surfaces (Modal, Dialog, Card, Drawer)\n *   - control     — interactive form controls (Button, Input, Select)\n *   - pill        — purely presentational (Badge pill tones, Spinner track)\n *   - badge-status — small status indicators with formal/rectangular feel\n *   - icon-badge  — 32×32 icon containers in headers\n *\n * Note: rounded-xl previously appeared in legacy ConfirmAction inlined buttons\n * (resolved in Phase 11) and the ConfirmAction icon badge (resolved in Phase 12).\n */\n\nexport const radius = {\n  /** Overlay and card panel corners — rounded-lg */\n  panel:        'rounded-lg',\n  /** Form controls and action buttons — rounded-md */\n  control:      'rounded-md',\n  /** Pill badges and Spinner track — rounded-full */\n  pill:         'rounded-full',\n  /** Status badge tones (formal/rectangular) — rounded */\n  badgeStatus:  'rounded',\n  /** 32×32 icon badge containers in overlay headers — rounded-lg */\n  iconBadge:    'rounded-lg',\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,IAAa,SAAS;;CAEpB,OAAc;;CAEd,SAAc;;CAEd,MAAc;;CAEd,aAAc;;CAEd,WAAc;AAChB"}

package/lib/index45.cjs

@@ -0,0 +1,91 @@
+const require_Button = require("./index3.cjs");
+const require_Modal = require("./index37.cjs");
+const require_dimension = require("./index43.cjs");
+const require_radius = require("./index44.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let lucide_react = require("lucide-react");
+//#region src/ui-library/gallery/confirm-action/ConfirmAction.tsx
+/**
+* ConfirmAction — Gallery-native inline confirmation wrapper.
+* Copied from shared/components/ConfirmAction.tsx.
+* Updated to:
+*   - Import Modal from gallery-local modal directory
+*   - Use gallery Button component (Phase 11 — replaces legacy inlined btn* strings)
+*   - Use a simple inline ErrorBanner instead of importing from ui.tsx
+*/
+function ErrorBanner({ message }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "rounded-lg border border-rose-100 bg-rose-50 px-4 py-3 text-sm font-medium text-rose-700",
+		children: message
+	});
+}
+function ConfirmAction({ title, message, label, description, confirmLabel = "Confirm", tone = "danger", disabled = false, onConfirm, children }) {
+	const [open, setOpen] = (0, react.useState)(false);
+	const [pending, setPending] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)("");
+	const effectiveTitle = title || label || "Confirm";
+	const effectiveMessage = message || description || "Are you sure?";
+	const run = async () => {
+		setPending(true);
+		setError("");
+		try {
+			await onConfirm();
+			setOpen(false);
+		} catch (failure) {
+			setError(failure instanceof Error ? failure.message : "Action failed");
+		} finally {
+			setPending(false);
+		}
+	};
+	const trigger = typeof children === "function" ? children({
+		open: () => {
+			if (!disabled) setOpen(true);
+		},
+		disabled
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "inline-flex",
+		onClick: () => {
+			if (!disabled) setOpen(true);
+		},
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [trigger, open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Modal.default, {
+		title: effectiveTitle,
+		onClose: () => {
+			if (!pending) setOpen(false);
+		},
+		maxWidth: "max-w-md",
+		footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-end gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+				variant: "outline",
+				onClick: () => setOpen(false),
+				disabled: pending,
+				children: "Cancel"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+				variant: tone === "danger" ? "danger" : "primary",
+				onClick: () => void run(),
+				disabled: pending,
+				children: pending ? "Working..." : confirmLabel
+			})]
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `mt-0.5 flex ${require_dimension.dimension.iconBadge.size} shrink-0 items-center justify-center ${require_radius.radius.iconBadge} ${tone === "danger" ? "bg-rose-50 text-rose-500" : "bg-blue-50 text-brand-blue"}`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertTriangle, { size: 18 })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "text-sm font-medium leading-relaxed text-slate-600",
+					children: effectiveMessage
+				})]
+			}), error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBanner, { message: error })]
+		})
+	})] });
+}
+//#endregion
+exports.ConfirmAction = ConfirmAction;
+
+//# sourceMappingURL=index45.cjs.map

package/lib/index45.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index45.cjs","names":[],"sources":["../src/ui-library/gallery/confirm-action/ConfirmAction.tsx"],"sourcesContent":["/**\n * ConfirmAction — Gallery-native inline confirmation wrapper.\n * Copied from shared/components/ConfirmAction.tsx.\n * Updated to:\n *   - Import Modal from gallery-local modal directory\n *   - Use gallery Button component (Phase 11 — replaces legacy inlined btn* strings)\n *   - Use a simple inline ErrorBanner instead of importing from ui.tsx\n */\nimport { useState, type ReactNode } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport Modal from '../modal/Modal';\nimport { Button } from '../button/Button';\nimport { dimension } from '../../tokens/dimension';\nimport { radius } from '../../tokens/radius';\n\nfunction ErrorBanner({ message }: { message: string }) {\n  return (\n    <div className=\"rounded-lg border border-rose-100 bg-rose-50 px-4 py-3 text-sm font-medium text-rose-700\">\n      {message}\n    </div>\n  );\n}\n\ninterface ConfirmActionRenderProps {\n  open: () => void;\n  disabled: boolean;\n}\n\ninterface ConfirmActionProps {\n  title?: string;\n  message?: ReactNode;\n  label?: string;\n  description?: string;\n  confirmLabel?: string;\n  tone?: 'danger' | 'primary';\n  disabled?: boolean;\n  onConfirm: () => Promise<void> | void;\n  children: ((props: ConfirmActionRenderProps) => ReactNode) | ReactNode;\n}\n\nexport function ConfirmAction({\n  title,\n  message,\n  label,\n  description,\n  confirmLabel = 'Confirm',\n  tone = 'danger',\n  disabled = false,\n  onConfirm,\n  children,\n}: ConfirmActionProps) {\n  const [open, setOpen] = useState(false);\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState('');\n\n  const effectiveTitle = title || label || 'Confirm';\n  const effectiveMessage = message || description || 'Are you sure?';\n\n  const run = async () => {\n    setPending(true);\n    setError('');\n    try {\n      await onConfirm();\n      setOpen(false);\n    } catch (failure) {\n      setError(failure instanceof Error ? failure.message : 'Action failed');\n    } finally {\n      setPending(false);\n    }\n  };\n\n  const trigger = typeof children === 'function'\n    ? children({ open: () => { if (!disabled) setOpen(true); }, disabled })\n    : (\n      <span className=\"inline-flex\" onClick={() => { if (!disabled) setOpen(true); }}>\n        {children}\n      </span>\n    );\n\n  return (\n    <>\n      {trigger}\n      {open && (\n        <Modal\n          title={effectiveTitle}\n          onClose={() => { if (!pending) setOpen(false); }}\n          maxWidth=\"max-w-md\"\n          footer={\n            <div className=\"flex items-center justify-end gap-3\">\n              <Button\n                variant=\"outline\"\n                onClick={() => setOpen(false)}\n                disabled={pending}\n              >\n                Cancel\n              </Button>\n              <Button\n                variant={tone === 'danger' ? 'danger' : 'primary'}\n                onClick={() => void run()}\n                disabled={pending}\n              >\n                {pending ? 'Working...' : confirmLabel}\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start gap-3\">\n              <span className={`mt-0.5 flex ${dimension.iconBadge.size} shrink-0 items-center justify-center ${radius.iconBadge} ${tone === 'danger' ? 'bg-rose-50 text-rose-500' : 'bg-blue-50 text-brand-blue'}`}>\n                <AlertTriangle size={18} />\n              </span>\n              <div className=\"text-sm font-medium leading-relaxed text-slate-600\">{effectiveMessage}</div>\n            </div>\n            {error && <ErrorBanner message={error} />}\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAS,YAAY,EAAE,WAAgC;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACZ,UAAA;CACE,CAAA;AAET;AAmBA,SAAgB,cAAc,EAC5B,OACA,SACA,OACA,aACA,eAAe,WACf,OAAO,UACP,WAAW,OACX,WACA,YACqB;CACrB,MAAM,CAAC,MAAM,YAAA,GAAW,MAAA,SAAA,CAAS,KAAK;CACtC,MAAM,CAAC,SAAS,eAAA,GAAc,MAAA,SAAA,CAAS,KAAK;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAY,MAAA,SAAA,CAAS,EAAE;CAErC,MAAM,iBAAiB,SAAS,SAAS;CACzC,MAAM,mBAAmB,WAAW,eAAe;CAEnD,MAAM,MAAM,YAAY;EACtB,WAAW,IAAI;EACf,SAAS,EAAE;EACX,IAAI;GACF,MAAM,UAAU;GAChB,QAAQ,KAAK;EACf,SAAS,SAAS;GAChB,SAAS,mBAAmB,QAAQ,QAAQ,UAAU,eAAe;EACvE,UAAU;GACR,WAAW,KAAK;EAClB;CACF;CAEA,MAAM,UAAU,OAAO,aAAa,aAChC,SAAS;EAAE,YAAY;GAAE,IAAI,CAAC,UAAU,QAAQ,IAAI;EAAG;EAAG;CAAS,CAAC,IAEpE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAU;EAAc,eAAe;GAAE,IAAI,CAAC,UAAU,QAAQ,IAAI;EAAG;EAC1E;CACG,CAAA;CAGV,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,SACA,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,SAAD;EACE,OAAO;EACP,eAAe;GAAE,IAAI,CAAC,SAAS,QAAQ,KAAK;EAAG;EAC/C,UAAS;EACT,QACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;IACE,SAAQ;IACR,eAAe,QAAQ,KAAK;IAC5B,UAAU;IACX,UAAA;GAEO,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;IACE,SAAS,SAAS,WAAW,WAAW;IACxC,eAAe,KAAK,IAAI;IACxB,UAAU;IAET,UAAA,UAAU,eAAe;GACpB,CAAA,CACL;;EAGP,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAW,eAAe,kBAAA,UAAU,UAAU,KAAK,wCAAwC,eAAA,OAAO,UAAU,GAAG,SAAS,WAAW,6BAA6B;KACpK,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,eAAD,EAAe,MAAM,GAAK,CAAA;IACtB,CAAA,GACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KAAsD,UAAA;IAAsB,CAAA,CACxF;GACJ,CAAA,GAAA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAa,SAAS,MAAQ,CAAA,CACrC;;CACA,CAAA,CAET,EAAA,CAAA;AAEN"}

package/lib/index45.mjs

@@ -0,0 +1,91 @@
+import { Button } from "./index3.mjs";
+import Modal from "./index37.mjs";
+import { dimension } from "./index43.mjs";
+import { radius } from "./index44.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AlertTriangle } from "lucide-react";
+//#region src/ui-library/gallery/confirm-action/ConfirmAction.tsx
+/**
+* ConfirmAction — Gallery-native inline confirmation wrapper.
+* Copied from shared/components/ConfirmAction.tsx.
+* Updated to:
+*   - Import Modal from gallery-local modal directory
+*   - Use gallery Button component (Phase 11 — replaces legacy inlined btn* strings)
+*   - Use a simple inline ErrorBanner instead of importing from ui.tsx
+*/
+function ErrorBanner({ message }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "rounded-lg border border-rose-100 bg-rose-50 px-4 py-3 text-sm font-medium text-rose-700",
+		children: message
+	});
+}
+function ConfirmAction({ title, message, label, description, confirmLabel = "Confirm", tone = "danger", disabled = false, onConfirm, children }) {
+	const [open, setOpen] = useState(false);
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState("");
+	const effectiveTitle = title || label || "Confirm";
+	const effectiveMessage = message || description || "Are you sure?";
+	const run = async () => {
+		setPending(true);
+		setError("");
+		try {
+			await onConfirm();
+			setOpen(false);
+		} catch (failure) {
+			setError(failure instanceof Error ? failure.message : "Action failed");
+		} finally {
+			setPending(false);
+		}
+	};
+	const trigger = typeof children === "function" ? children({
+		open: () => {
+			if (!disabled) setOpen(true);
+		},
+		disabled
+	}) : /* @__PURE__ */ jsx("span", {
+		className: "inline-flex",
+		onClick: () => {
+			if (!disabled) setOpen(true);
+		},
+		children
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [trigger, open && /* @__PURE__ */ jsx(Modal, {
+		title: effectiveTitle,
+		onClose: () => {
+			if (!pending) setOpen(false);
+		},
+		maxWidth: "max-w-md",
+		footer: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-end gap-3",
+			children: [/* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: () => setOpen(false),
+				disabled: pending,
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: tone === "danger" ? "danger" : "primary",
+				onClick: () => void run(),
+				disabled: pending,
+				children: pending ? "Working..." : confirmLabel
+			})]
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: `mt-0.5 flex ${dimension.iconBadge.size} shrink-0 items-center justify-center ${radius.iconBadge} ${tone === "danger" ? "bg-rose-50 text-rose-500" : "bg-blue-50 text-brand-blue"}`,
+					children: /* @__PURE__ */ jsx(AlertTriangle, { size: 18 })
+				}), /* @__PURE__ */ jsx("div", {
+					className: "text-sm font-medium leading-relaxed text-slate-600",
+					children: effectiveMessage
+				})]
+			}), error && /* @__PURE__ */ jsx(ErrorBanner, { message: error })]
+		})
+	})] });
+}
+//#endregion
+export { ConfirmAction };
+
+//# sourceMappingURL=index45.mjs.map

package/lib/index45.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index45.mjs","names":[],"sources":["../src/ui-library/gallery/confirm-action/ConfirmAction.tsx"],"sourcesContent":["/**\n * ConfirmAction — Gallery-native inline confirmation wrapper.\n * Copied from shared/components/ConfirmAction.tsx.\n * Updated to:\n *   - Import Modal from gallery-local modal directory\n *   - Use gallery Button component (Phase 11 — replaces legacy inlined btn* strings)\n *   - Use a simple inline ErrorBanner instead of importing from ui.tsx\n */\nimport { useState, type ReactNode } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport Modal from '../modal/Modal';\nimport { Button } from '../button/Button';\nimport { dimension } from '../../tokens/dimension';\nimport { radius } from '../../tokens/radius';\n\nfunction ErrorBanner({ message }: { message: string }) {\n  return (\n    <div className=\"rounded-lg border border-rose-100 bg-rose-50 px-4 py-3 text-sm font-medium text-rose-700\">\n      {message}\n    </div>\n  );\n}\n\ninterface ConfirmActionRenderProps {\n  open: () => void;\n  disabled: boolean;\n}\n\ninterface ConfirmActionProps {\n  title?: string;\n  message?: ReactNode;\n  label?: string;\n  description?: string;\n  confirmLabel?: string;\n  tone?: 'danger' | 'primary';\n  disabled?: boolean;\n  onConfirm: () => Promise<void> | void;\n  children: ((props: ConfirmActionRenderProps) => ReactNode) | ReactNode;\n}\n\nexport function ConfirmAction({\n  title,\n  message,\n  label,\n  description,\n  confirmLabel = 'Confirm',\n  tone = 'danger',\n  disabled = false,\n  onConfirm,\n  children,\n}: ConfirmActionProps) {\n  const [open, setOpen] = useState(false);\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState('');\n\n  const effectiveTitle = title || label || 'Confirm';\n  const effectiveMessage = message || description || 'Are you sure?';\n\n  const run = async () => {\n    setPending(true);\n    setError('');\n    try {\n      await onConfirm();\n      setOpen(false);\n    } catch (failure) {\n      setError(failure instanceof Error ? failure.message : 'Action failed');\n    } finally {\n      setPending(false);\n    }\n  };\n\n  const trigger = typeof children === 'function'\n    ? children({ open: () => { if (!disabled) setOpen(true); }, disabled })\n    : (\n      <span className=\"inline-flex\" onClick={() => { if (!disabled) setOpen(true); }}>\n        {children}\n      </span>\n    );\n\n  return (\n    <>\n      {trigger}\n      {open && (\n        <Modal\n          title={effectiveTitle}\n          onClose={() => { if (!pending) setOpen(false); }}\n          maxWidth=\"max-w-md\"\n          footer={\n            <div className=\"flex items-center justify-end gap-3\">\n              <Button\n                variant=\"outline\"\n                onClick={() => setOpen(false)}\n                disabled={pending}\n              >\n                Cancel\n              </Button>\n              <Button\n                variant={tone === 'danger' ? 'danger' : 'primary'}\n                onClick={() => void run()}\n                disabled={pending}\n              >\n                {pending ? 'Working...' : confirmLabel}\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start gap-3\">\n              <span className={`mt-0.5 flex ${dimension.iconBadge.size} shrink-0 items-center justify-center ${radius.iconBadge} ${tone === 'danger' ? 'bg-rose-50 text-rose-500' : 'bg-blue-50 text-brand-blue'}`}>\n                <AlertTriangle size={18} />\n              </span>\n              <div className=\"text-sm font-medium leading-relaxed text-slate-600\">{effectiveMessage}</div>\n            </div>\n            {error && <ErrorBanner message={error} />}\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAS,YAAY,EAAE,WAAgC;CACrD,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA;CACE,CAAA;AAET;AAmBA,SAAgB,cAAc,EAC5B,OACA,SACA,OACA,aACA,eAAe,WACf,OAAO,UACP,WAAW,OACX,WACA,YACqB;CACrB,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,iBAAiB,SAAS,SAAS;CACzC,MAAM,mBAAmB,WAAW,eAAe;CAEnD,MAAM,MAAM,YAAY;EACtB,WAAW,IAAI;EACf,SAAS,EAAE;EACX,IAAI;GACF,MAAM,UAAU;GAChB,QAAQ,KAAK;EACf,SAAS,SAAS;GAChB,SAAS,mBAAmB,QAAQ,QAAQ,UAAU,eAAe;EACvE,UAAU;GACR,WAAW,KAAK;EAClB;CACF;CAEA,MAAM,UAAU,OAAO,aAAa,aAChC,SAAS;EAAE,YAAY;GAAE,IAAI,CAAC,UAAU,QAAQ,IAAI;EAAG;EAAG;CAAS,CAAC,IAEpE,oBAAC,QAAD;EAAM,WAAU;EAAc,eAAe;GAAE,IAAI,CAAC,UAAU,QAAQ,IAAI;EAAG;EAC1E;CACG,CAAA;CAGV,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,SACA,QACC,oBAAC,OAAD;EACE,OAAO;EACP,eAAe;GAAE,IAAI,CAAC,SAAS,QAAQ,KAAK;EAAG;EAC/C,UAAS;EACT,QACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IACE,SAAQ;IACR,eAAe,QAAQ,KAAK;IAC5B,UAAU;IACX,UAAA;GAEO,CAAA,GACR,oBAAC,QAAD;IACE,SAAS,SAAS,WAAW,WAAW;IACxC,eAAe,KAAK,IAAI;IACxB,UAAU;IAET,UAAA,UAAU,eAAe;GACpB,CAAA,CACL;;EAGP,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,QAAD;KAAM,WAAW,eAAe,UAAU,UAAU,KAAK,wCAAwC,OAAO,UAAU,GAAG,SAAS,WAAW,6BAA6B;KACpK,UAAA,oBAAC,eAAD,EAAe,MAAM,GAAK,CAAA;IACtB,CAAA,GACN,oBAAC,OAAD;KAAK,WAAU;KAAsD,UAAA;IAAsB,CAAA,CACxF;GACJ,CAAA,GAAA,SAAS,oBAAC,aAAD,EAAa,SAAS,MAAQ,CAAA,CACrC;;CACA,CAAA,CAET,EAAA,CAAA;AAEN"}

package/lib/index46.cjs

@@ -0,0 +1,180 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let lucide_react = require("lucide-react");
+let react_dom = require("react-dom");
+//#region src/ui-library/gallery/command-palette/CommandPalette.tsx
+/**
+* CommandPalette — Design System Component
+*
+* A keyboard-driven command launcher overlay. Opens via a trigger
+* (typically Cmd+K / Ctrl+K), shows a search input, and renders
+* grouped command items.
+*
+* Accessibility:
+*   - role="dialog" + aria-modal="true" + aria-label
+*   - Search input has aria-label and aria-controls pointing to results
+*   - Results list uses role="listbox" with role="option" items
+*   - aria-selected on the highlighted item
+*   - Keyboard: ArrowUp/Down navigates, Enter activates, Escape closes
+*
+* This component is presentation-only: callers provide commands and
+* handle the query / selection logic.
+*/
+function CommandPalette({ open, onClose, items, query, onQueryChange, placeholder = "Search commands…", "aria-label": ariaLabel = "Command palette" }) {
+	const inputRef = (0, react.useRef)(null);
+	const panelRef = (0, react.useRef)(null);
+	const listboxId = (0, react.useId)();
+	const [activeIndex, setActiveIndex] = (0, react.useState)(0);
+	(0, react.useEffect)(() => {
+		setActiveIndex(0);
+	}, [items]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const prev = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		const timer = window.setTimeout(() => inputRef.current?.focus(), 0);
+		return () => {
+			clearTimeout(timer);
+			document.body.style.overflow = prev;
+		};
+	}, [open]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const handle = (e) => {
+			if (e.key === "Escape") {
+				e.preventDefault();
+				onClose();
+			} else if (e.key === "ArrowDown") {
+				e.preventDefault();
+				setActiveIndex((i) => Math.min(i + 1, items.length - 1));
+			} else if (e.key === "ArrowUp") {
+				e.preventDefault();
+				setActiveIndex((i) => Math.max(i - 1, 0));
+			} else if (e.key === "Enter") {
+				e.preventDefault();
+				items[activeIndex]?.onSelect();
+				onClose();
+			}
+		};
+		document.addEventListener("keydown", handle);
+		return () => document.removeEventListener("keydown", handle);
+	}, [
+		open,
+		items,
+		activeIndex,
+		onClose
+	]);
+	if (!open) return null;
+	const groups = items.reduce((acc, item) => {
+		const g = item.group ?? "";
+		if (!acc[g]) acc[g] = [];
+		acc[g].push(item);
+		return acc;
+	}, {});
+	const groupEntries = Object.entries(groups);
+	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "fixed inset-0 z-50 flex items-start justify-center pt-[10vh] px-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute inset-0 bg-slate-900/50 backdrop-blur-sm",
+			"aria-hidden": "true",
+			onClick: onClose
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: panelRef,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": ariaLabel,
+			className: "relative z-10 w-full max-w-lg rounded-2xl border border-slate-200 bg-white shadow-2xl overflow-hidden",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-3 px-4 py-3 border-b border-slate-100",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, {
+							size: 16,
+							className: "shrink-0 text-slate-400",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							ref: inputRef,
+							type: "text",
+							role: "combobox",
+							"aria-expanded": items.length > 0,
+							"aria-controls": listboxId,
+							"aria-autocomplete": "list",
+							"aria-label": "Search commands",
+							value: query,
+							onChange: (e) => onQueryChange(e.target.value),
+							placeholder,
+							className: "flex-1 bg-transparent text-sm font-medium text-slate-900 outline-none placeholder:text-slate-400"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+							className: "hidden shrink-0 rounded border border-slate-200 px-1.5 py-0.5 text-[10px] font-bold text-slate-400 sm:block",
+							children: "ESC"
+						})
+					]
+				}),
+				items.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					id: listboxId,
+					role: "listbox",
+					"aria-label": "Commands",
+					className: "max-h-72 overflow-y-auto py-1",
+					children: groupEntries.map(([group, groupItems]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [group && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "px-4 py-1.5 text-[10px] font-bold uppercase tracking-widest text-slate-400",
+						children: group
+					}), groupItems.map((item) => {
+						const globalIdx = items.indexOf(item);
+						const isActive = globalIdx === activeIndex;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							role: "option",
+							"aria-selected": isActive,
+							onClick: () => {
+								item.onSelect();
+								onClose();
+							},
+							onMouseEnter: () => setActiveIndex(globalIdx),
+							className: `flex cursor-pointer items-center gap-3 px-4 py-2.5 transition ${isActive ? "bg-blue-50" : "hover:bg-slate-50"}`,
+							children: [
+								item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: `shrink-0 ${isActive ? "text-brand-blue" : "text-slate-400"}`,
+									"aria-hidden": "true",
+									children: item.icon
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: `text-sm font-semibold ${isActive ? "text-brand-blue" : "text-slate-700"}`,
+										children: item.label
+									}), item.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-xs font-medium text-slate-400",
+										children: item.description
+									})]
+								}),
+								isActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+									className: "shrink-0 rounded border border-brand-blue/25 bg-blue-50 px-1.5 py-0.5 text-[10px] font-bold text-brand-blue",
+									children: "↵"
+								})
+							]
+						}, item.id);
+					})] }, group))
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "px-4 py-8 text-center text-sm font-medium text-slate-400",
+					children: query ? `No results for "${query}"` : "Type to search commands"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-3 border-t border-slate-100 px-4 py-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Command, {
+						size: 11,
+						className: "text-slate-300",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-[10px] font-medium text-slate-400",
+						children: "↑↓ navigate · ↵ select · Esc close"
+					})]
+				})
+			]
+		})]
+	}), document.body);
+}
+//#endregion
+exports.CommandPalette = CommandPalette;
+
+//# sourceMappingURL=index46.cjs.map

package/lib/index46.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index46.cjs","names":[],"sources":["../src/ui-library/gallery/command-palette/CommandPalette.tsx"],"sourcesContent":["/**\n * CommandPalette — Design System Component\n *\n * A keyboard-driven command launcher overlay. Opens via a trigger\n * (typically Cmd+K / Ctrl+K), shows a search input, and renders\n * grouped command items.\n *\n * Accessibility:\n *   - role=\"dialog\" + aria-modal=\"true\" + aria-label\n *   - Search input has aria-label and aria-controls pointing to results\n *   - Results list uses role=\"listbox\" with role=\"option\" items\n *   - aria-selected on the highlighted item\n *   - Keyboard: ArrowUp/Down navigates, Enter activates, Escape closes\n *\n * This component is presentation-only: callers provide commands and\n * handle the query / selection logic.\n */\n\nimport { useEffect, useId, useRef, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Search, Command } from 'lucide-react';\n\nexport interface CommandItem {\n  id: string;\n  label: string;\n  description?: string;\n  icon?: ReactNode;\n  group?: string;\n  onSelect: () => void;\n}\n\nexport interface CommandPaletteProps {\n  open: boolean;\n  onClose: () => void;\n  /** All available commands — consumer filters by query. */\n  items: CommandItem[];\n  /** Current search query. */\n  query: string;\n  /** Called when search query changes. */\n  onQueryChange: (q: string) => void;\n  /** Placeholder in the search input. Default: \"Search commands…\" */\n  placeholder?: string;\n  /** aria-label for the dialog. Default: \"Command palette\" */\n  'aria-label'?: string;\n}\n\nexport function CommandPalette({\n  open,\n  onClose,\n  items,\n  query,\n  onQueryChange,\n  placeholder = 'Search commands\\u2026',\n  'aria-label': ariaLabel = 'Command palette',\n}: CommandPaletteProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxId = useId();\n  const [activeIndex, setActiveIndex] = useState(0);\n\n  // Reset active index when items change\n  // eslint-disable-next-line react-hooks/set-state-in-effect\n  useEffect(() => { setActiveIndex(0); }, [items]);\n\n  // Scroll lock + initial focus\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    const timer = window.setTimeout(() => inputRef.current?.focus(), 0);\n    return () => {\n      clearTimeout(timer);\n      document.body.style.overflow = prev;\n    };\n  }, [open]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    if (!open) return;\n    const handle = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') { e.preventDefault(); onClose(); }\n      else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setActiveIndex((i) => Math.min(i + 1, items.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        items[activeIndex]?.onSelect();\n        onClose();\n      }\n    };\n    document.addEventListener('keydown', handle);\n    return () => document.removeEventListener('keydown', handle);\n  }, [open, items, activeIndex, onClose]);\n\n  if (!open) return null;\n\n  // Group items\n  const groups = items.reduce<Record<string, CommandItem[]>>((acc, item) => {\n    const g = item.group ?? '';\n    if (!acc[g]) acc[g] = [];\n    acc[g]!.push(item);\n    return acc;\n  }, {});\n\n  const groupEntries = Object.entries(groups);\n\n  return createPortal(\n    <div className=\"fixed inset-0 z-50 flex items-start justify-center pt-[10vh] px-4\">\n      {/* Backdrop */}\n      <div\n        className=\"absolute inset-0 bg-slate-900/50 backdrop-blur-sm\"\n        aria-hidden=\"true\"\n        onClick={onClose}\n      />\n\n      {/* Panel */}\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={ariaLabel}\n        className=\"relative z-10 w-full max-w-lg rounded-2xl border border-slate-200 bg-white shadow-2xl overflow-hidden\"\n      >\n        {/* Search row */}\n        <div className=\"flex items-center gap-3 px-4 py-3 border-b border-slate-100\">\n          <Search size={16} className=\"shrink-0 text-slate-400\" aria-hidden=\"true\" />\n          <input\n            ref={inputRef}\n            type=\"text\"\n            role=\"combobox\"\n            aria-expanded={items.length > 0}\n            aria-controls={listboxId}\n            aria-autocomplete=\"list\"\n            aria-label=\"Search commands\"\n            value={query}\n            onChange={(e) => onQueryChange(e.target.value)}\n            placeholder={placeholder}\n            className=\"flex-1 bg-transparent text-sm font-medium text-slate-900 outline-none placeholder:text-slate-400\"\n          />\n          <kbd className=\"hidden shrink-0 rounded border border-slate-200 px-1.5 py-0.5 text-[10px] font-bold text-slate-400 sm:block\">\n            ESC\n          </kbd>\n        </div>\n\n        {/* Results */}\n        {items.length > 0 ? (\n          <div\n            id={listboxId}\n            role=\"listbox\"\n            aria-label=\"Commands\"\n            className=\"max-h-72 overflow-y-auto py-1\"\n          >\n            {groupEntries.map(([group, groupItems]) => (\n              <div key={group}>\n                {group && (\n                  <div className=\"px-4 py-1.5 text-[10px] font-bold uppercase tracking-widest text-slate-400\">\n                    {group}\n                  </div>\n                )}\n                {groupItems.map((item) => {\n                  const globalIdx = items.indexOf(item);\n                  const isActive = globalIdx === activeIndex;\n                  return (\n                    <div\n                      key={item.id}\n                      role=\"option\"\n                      aria-selected={isActive}\n                      onClick={() => { item.onSelect(); onClose(); }}\n                      onMouseEnter={() => setActiveIndex(globalIdx)}\n                      className={`flex cursor-pointer items-center gap-3 px-4 py-2.5 transition ${\n                        isActive ? 'bg-blue-50' : 'hover:bg-slate-50'\n                      }`}\n                    >\n                      {item.icon && (\n                        <span className={`shrink-0 ${isActive ? 'text-brand-blue' : 'text-slate-400'}`} aria-hidden=\"true\">\n                          {item.icon}\n                        </span>\n                      )}\n                      <div className=\"min-w-0 flex-1\">\n                        <p className={`text-sm font-semibold ${isActive ? 'text-brand-blue' : 'text-slate-700'}`}>\n                          {item.label}\n                        </p>\n                        {item.description && (\n                          <p className=\"text-xs font-medium text-slate-400\">{item.description}</p>\n                        )}\n                      </div>\n                      {isActive && (\n                        <kbd className=\"shrink-0 rounded border border-brand-blue/25 bg-blue-50 px-1.5 py-0.5 text-[10px] font-bold text-brand-blue\">\n                          ↵\n                        </kbd>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n        ) : (\n          <div className=\"px-4 py-8 text-center text-sm font-medium text-slate-400\">\n            {query ? `No results for \"${query}\"` : 'Type to search commands'}\n          </div>\n        )}\n\n        {/* Footer hint */}\n        <div className=\"flex items-center gap-3 border-t border-slate-100 px-4 py-2\">\n          <Command size={11} className=\"text-slate-300\" aria-hidden=\"true\" />\n          <span className=\"text-[10px] font-medium text-slate-400\">\n            ↑↓ navigate · ↵ select · Esc close\n          </span>\n        </div>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":"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"}