@entifix/react-controls 0.1.0-0

package/dist/ui/molecules/tab-strip/tab-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-strip.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/tab-strip/tab-strip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAKtD,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE5D;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAaxE;AAED,qFAAqF;AACrF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,MAAc,EACd,KAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,QAAQ,+BAyDV;AAED,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAEnE,oCAAoC;AACpC,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAkBtE"}

package/dist/ui/molecules/tab-strip/tab-strip.js

@@ -0,0 +1,82 @@
+'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+import { cn } from '../../utils/cn.js';
+/**
+ * The workspace tab strip: a horizontally scrolling row of {@link Tab}s sitting
+ * on the workspace surface. Presentational only — the open set, order, and
+ * active tab come from the caller (the tabs store lives in the shell).
+ */ export function TabStrip(_0) {
+    let { className, children } = _0, props = _object_without_properties_loose(_0, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx("div", _extends({
+        role: "tablist",
+        className: cn('flex items-end gap-3xs overflow-x-auto border-b border-border bg-surface px-2xs', className)
+    }, props, {
+        children: children
+    }));
+}
+/**
+ * One tab. The active tab lifts onto the surface (`bg-surface-elevated` +
+ * `-mb-px` so its base dissolves into the content plane below — the seam), and
+ * a non-idle tab shows the autosave dot: it breathes while `saving`, turns
+ * `danger` on `error`. The one place the chrome gets loud, on purpose.
+ */ export function Tab({ label, active = false, state = 'idle', onSelect, onClose, className }) {
+    const t = useT();
+    return /*#__PURE__*/ _jsxs("div", {
+        role: "tab",
+        "aria-selected": active,
+        className: cn('group relative flex items-center gap-2xs rounded-t-md px-s py-2xs text-step-sm', 'transition duration-200 ease-smooth', active ? '-mb-px bg-surface-elevated font-medium text-content shadow-edge' : 'text-content-muted hover:bg-surface-elevated/60', state === 'error' && 'bg-danger-subtle text-danger', className),
+        children: [
+            active && /*#__PURE__*/ _jsx("span", {
+                "aria-hidden": "true",
+                className: "inset-x-0 top-0 absolute h-[2px] rounded-full bg-accent"
+            }),
+            /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                onClick: onSelect,
+                className: "max-w-[12rem] truncate focus-ring",
+                children: label
+            }),
+            state !== 'idle' && /*#__PURE__*/ _jsx("span", {
+                "data-testid": "tab-indicator",
+                "aria-hidden": "true",
+                className: cn('size-[6px] shrink-0 rounded-full', state === 'error' ? 'bg-danger' : 'bg-accent', state === 'saving' && 'animate-pulse motion-reduce:animate-none')
+            }),
+            onClose && /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                "aria-label": t('tabs.close', {
+                    label
+                }),
+                onClick: onClose,
+                className: cn('rounded ml-2xs p-3xs text-content-muted opacity-0 focus-ring transition', 'group-hover:opacity-100 hover:bg-surface hover:text-content focus:opacity-100', active && 'opacity-100'),
+                children: /*#__PURE__*/ _jsx("span", {
+                    "aria-hidden": "true",
+                    children: "×"
+                })
+            })
+        ]
+    });
+}
+/** The "+" that opens a new tab. */ export function TabAddButton(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    const t = useT();
+    return /*#__PURE__*/ _jsx("button", _extends({
+        type: "button",
+        "aria-label": t('tabs.new'),
+        className: cn('mb-3xs shrink-0 rounded-md px-2xs py-3xs text-step-sm text-content-muted', 'transition hover:bg-surface-elevated hover:text-content', 'focus-ring', className)
+    }, props, {
+        children: /*#__PURE__*/ _jsx("span", {
+            "aria-hidden": "true",
+            children: "+"
+        })
+    }));
+}
+
+//# sourceMappingURL=tab-strip.js.map

package/dist/ui/molecules/tab-strip/tab-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/tab-strip/tab-strip.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { useT } from '../../../i18n/index.js';\nimport { cn } from '../../utils/cn.js';\n\nexport type TabStripProps = ComponentPropsWithoutRef<'div'>;\n\n/**\n * The workspace tab strip: a horizontally scrolling row of {@link Tab}s sitting\n * on the workspace surface. Presentational only — the open set, order, and\n * active tab come from the caller (the tabs store lives in the shell).\n */\nexport function TabStrip({ className, children, ...props }: TabStripProps) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn(\n        'flex items-end gap-3xs overflow-x-auto border-b border-border bg-surface px-2xs',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n/** `dirty` = unsaved draft; `saving` = autosave in flight; `error` = save failed. */\nexport type TabState = 'idle' | 'dirty' | 'saving' | 'error';\n\nexport interface TabProps {\n  label: string;\n  active?: boolean;\n  state?: TabState;\n  onSelect?: () => void;\n  onClose?: () => void;\n  className?: string;\n}\n\n/**\n * One tab. The active tab lifts onto the surface (`bg-surface-elevated` +\n * `-mb-px` so its base dissolves into the content plane below — the seam), and\n * a non-idle tab shows the autosave dot: it breathes while `saving`, turns\n * `danger` on `error`. The one place the chrome gets loud, on purpose.\n */\nexport function Tab({\n  label,\n  active = false,\n  state = 'idle',\n  onSelect,\n  onClose,\n  className,\n}: TabProps) {\n  const t = useT();\n\n  return (\n    <div\n      role=\"tab\"\n      aria-selected={active}\n      className={cn(\n        'group relative flex items-center gap-2xs rounded-t-md px-s py-2xs text-step-sm',\n        'transition duration-200 ease-smooth',\n        active\n          ? '-mb-px bg-surface-elevated font-medium text-content shadow-edge'\n          : 'text-content-muted hover:bg-surface-elevated/60',\n        state === 'error' && 'bg-danger-subtle text-danger',\n        className,\n      )}\n    >\n      {active && (\n        <span\n          aria-hidden=\"true\"\n          className=\"inset-x-0 top-0 absolute h-[2px] rounded-full bg-accent\"\n        />\n      )}\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        className=\"max-w-[12rem] truncate focus-ring\"\n      >\n        {label}\n      </button>\n      {state !== 'idle' && (\n        <span\n          data-testid=\"tab-indicator\"\n          aria-hidden=\"true\"\n          className={cn(\n            'size-[6px] shrink-0 rounded-full',\n            state === 'error' ? 'bg-danger' : 'bg-accent',\n            state === 'saving' && 'animate-pulse motion-reduce:animate-none',\n          )}\n        />\n      )}\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label={t('tabs.close', { label })}\n          onClick={onClose}\n          className={cn(\n            'rounded ml-2xs p-3xs text-content-muted opacity-0 focus-ring transition',\n            'group-hover:opacity-100 hover:bg-surface hover:text-content focus:opacity-100',\n            active && 'opacity-100',\n          )}\n        >\n          <span aria-hidden=\"true\">×</span>\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport type TabAddButtonProps = ComponentPropsWithoutRef<'button'>;\n\n/** The \"+\" that opens a new tab. */\nexport function TabAddButton({ className, ...props }: TabAddButtonProps) {\n  const t = useT();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={t('tabs.new')}\n      className={cn(\n        'mb-3xs shrink-0 rounded-md px-2xs py-3xs text-step-sm text-content-muted',\n        'transition hover:bg-surface-elevated hover:text-content',\n        'focus-ring',\n        className,\n      )}\n      {...props}\n    >\n      <span aria-hidden=\"true\">+</span>\n    </button>\n  );\n}\n"],"names":["useT","cn","TabStrip","className","children","props","div","role","Tab","label","active","state","onSelect","onClose","t","aria-selected","span","aria-hidden","button","type","onClick","data-testid","aria-label","TabAddButton"],"mappings":"AAAA;;;;AAIA,SAASA,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,EAAE,QAAQ,oBAAoB;AAIvC;;;;CAIC,GACD,OAAO,SAASC,SAAS,EAAgD;QAAhD,EAAEC,SAAS,EAAEC,QAAQ,EAA2B,OAAtBC;;;;IACjD,qBACE,KAACC;QACCC,MAAK;QACLJ,WAAWF,GACT,mFACAE;OAEEE;kBAEHD;;AAGP;AAcA;;;;;CAKC,GACD,OAAO,SAASI,IAAI,EAClBC,KAAK,EACLC,SAAS,KAAK,EACdC,QAAQ,MAAM,EACdC,QAAQ,EACRC,OAAO,EACPV,SAAS,EACA;IACT,MAAMW,IAAId;IAEV,qBACE,MAACM;QACCC,MAAK;QACLQ,iBAAeL;QACfP,WAAWF,GACT,kFACA,uCACAS,SACI,oEACA,mDACJC,UAAU,WAAW,gCACrBR;;YAGDO,wBACC,KAACM;gBACCC,eAAY;gBACZd,WAAU;;0BAGd,KAACe;gBACCC,MAAK;gBACLC,SAASR;gBACTT,WAAU;0BAETM;;YAEFE,UAAU,wBACT,KAACK;gBACCK,eAAY;gBACZJ,eAAY;gBACZd,WAAWF,GACT,oCACAU,UAAU,UAAU,cAAc,aAClCA,UAAU,YAAY;;YAI3BE,yBACC,KAACK;gBACCC,MAAK;gBACLG,cAAYR,EAAE,cAAc;oBAAEL;gBAAM;gBACpCW,SAASP;gBACTV,WAAWF,GACT,2EACA,iFACAS,UAAU;0BAGZ,cAAA,KAACM;oBAAKC,eAAY;8BAAO;;;;;AAKnC;AAIA,kCAAkC,GAClC,OAAO,SAASM,aAAa,EAA0C;QAA1C,EAAEpB,SAAS,EAA+B,OAA1BE;;;IAC3C,MAAMS,IAAId;IAEV,qBACE,KAACkB;QACCC,MAAK;QACLG,cAAYR,EAAE;QACdX,WAAWF,GACT,4EACA,2DACA,cACAE;OAEEE;kBAEJ,cAAA,KAACW;YAAKC,eAAY;sBAAO;;;AAG/B"}

package/dist/ui/molecules/table-toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table-toolbar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/table-toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/table-toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/ui/molecules/table-toolbar/index.js

@@ -0,0 +1,3 @@
+export * from './table-toolbar.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/table-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/table-toolbar/index.ts"],"sourcesContent":["export * from './table-toolbar.js';\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}

package/dist/ui/molecules/table-toolbar/table-toolbar.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface TableToolbarProps {
+    /** Actions aligned to the start — titles, primary actions. */
+    start?: ReactNode;
+    /** Actions aligned to the end — column settings, panel toggles. */
+    end?: ReactNode;
+    /** Expanded panel rendered below the bar (filters, sorting). */
+    panel?: ReactNode;
+    className?: string;
+}
+/** Bar above a table: actions on one line, an optional expanded panel below. */
+export declare function TableToolbar({ start, end, panel, className, }: TableToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=table-toolbar.d.ts.map

package/dist/ui/molecules/table-toolbar/table-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/table-toolbar/table-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mEAAmE;IACnE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,gEAAgE;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,GAAG,EACH,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,+BAcnB"}

package/dist/ui/molecules/table-toolbar/table-toolbar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+/** Bar above a table: actions on one line, an optional expanded panel below. */ export function TableToolbar({ start, end, panel, className }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('flex flex-col gap-2xs', className),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-wrap items-center justify-between gap-2xs",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "flex flex-wrap items-center gap-2xs",
+                        children: start
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "flex flex-wrap items-center gap-2xs",
+                        children: end
+                    })
+                ]
+            }),
+            panel && /*#__PURE__*/ _jsx("div", {
+                className: "rounded-xl border border-border bg-surface p-s",
+                children: panel
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=table-toolbar.js.map

package/dist/ui/molecules/table-toolbar/table-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/table-toolbar/table-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface TableToolbarProps {\n  /** Actions aligned to the start — titles, primary actions. */\n  start?: ReactNode;\n  /** Actions aligned to the end — column settings, panel toggles. */\n  end?: ReactNode;\n  /** Expanded panel rendered below the bar (filters, sorting). */\n  panel?: ReactNode;\n  className?: string;\n}\n\n/** Bar above a table: actions on one line, an optional expanded panel below. */\nexport function TableToolbar({\n  start,\n  end,\n  panel,\n  className,\n}: TableToolbarProps) {\n  return (\n    <div className={cn('flex flex-col gap-2xs', className)}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2xs\">\n        <div className=\"flex flex-wrap items-center gap-2xs\">{start}</div>\n        <div className=\"flex flex-wrap items-center gap-2xs\">{end}</div>\n      </div>\n      {panel && (\n        <div className=\"rounded-xl border border-border bg-surface p-s\">\n          {panel}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["cn","TableToolbar","start","end","panel","className","div"],"mappings":";AAEA,SAASA,EAAE,QAAQ,oBAAoB;AAYvC,8EAA8E,GAC9E,OAAO,SAASC,aAAa,EAC3BC,KAAK,EACLC,GAAG,EACHC,KAAK,EACLC,SAAS,EACS;IAClB,qBACE,MAACC;QAAID,WAAWL,GAAG,yBAAyBK;;0BAC1C,MAACC;gBAAID,WAAU;;kCACb,KAACC;wBAAID,WAAU;kCAAuCH;;kCACtD,KAACI;wBAAID,WAAU;kCAAuCF;;;;YAEvDC,uBACC,KAACE;gBAAID,WAAU;0BACZD;;;;AAKX"}

package/dist/ui/molecules/theme-switcher/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-switcher.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/theme-switcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/theme-switcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/ui/molecules/theme-switcher/index.js

@@ -0,0 +1,3 @@
+export * from './theme-switcher.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/theme-switcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/theme-switcher/index.ts"],"sourcesContent":["export * from './theme-switcher.js';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB"}

package/dist/ui/molecules/theme-switcher/theme-switcher.d.ts

@@ -0,0 +1,6 @@
+/** Headless UI RadioGroup bound to the ThemeProvider. Options + labels come
+ *  from the provider's registry, so it adapts to each app's theme set. */
+export declare function ThemeSwitcher({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=theme-switcher.d.ts.map

package/dist/ui/molecules/theme-switcher/theme-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/theme-switcher/theme-switcher.tsx"],"names":[],"mappings":"AAQA;0EAC0E;AAC1E,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA4BlE"}

package/dist/ui/molecules/theme-switcher/theme-switcher.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio, RadioGroup } from '@headlessui/react';
+import { useT } from '../../../i18n/index.js';
+import { useTheme } from '../../../theme/index.js';
+import { cn } from '../../utils/cn.js';
+/** Headless UI RadioGroup bound to the ThemeProvider. Options + labels come
+ *  from the provider's registry, so it adapts to each app's theme set. */ export function ThemeSwitcher({ className }) {
+    const t = useT();
+    const { theme, setTheme, themes } = useTheme();
+    return /*#__PURE__*/ _jsx(RadioGroup, {
+        value: theme,
+        onChange: setTheme,
+        "aria-label": t('theme.label'),
+        className: cn('flex flex-wrap gap-2xs', className),
+        children: themes.map((option)=>/*#__PURE__*/ _jsx(Radio, {
+                value: option.id,
+                className: cn('cursor-pointer rounded-lg border border-border px-s py-2xs text-step-0', 'transition duration-200 ease-smooth active:scale-[0.97]', 'text-content hover:border-primary hover:shadow-raised', 'focus-ring', 'data-checked:border-primary data-checked:bg-primary data-checked:text-primary-content data-checked:shadow-card'),
+                children: option.label
+            }, option.id))
+    });
+}
+
+//# sourceMappingURL=theme-switcher.js.map

package/dist/ui/molecules/theme-switcher/theme-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/theme-switcher/theme-switcher.tsx"],"sourcesContent":["'use client';\n\nimport { Radio, RadioGroup } from '@headlessui/react';\n\nimport { useT } from '../../../i18n/index.js';\nimport { useTheme } from '../../../theme/index.js';\nimport { cn } from '../../utils/cn.js';\n\n/** Headless UI RadioGroup bound to the ThemeProvider. Options + labels come\n *  from the provider's registry, so it adapts to each app's theme set. */\nexport function ThemeSwitcher({ className }: { className?: string }) {\n  const t = useT();\n  const { theme, setTheme, themes } = useTheme();\n\n  return (\n    <RadioGroup\n      value={theme}\n      onChange={setTheme}\n      aria-label={t('theme.label')}\n      className={cn('flex flex-wrap gap-2xs', className)}\n    >\n      {themes.map(option => (\n        <Radio\n          key={option.id}\n          value={option.id}\n          className={cn(\n            'cursor-pointer rounded-lg border border-border px-s py-2xs text-step-0',\n            'transition duration-200 ease-smooth active:scale-[0.97]',\n            'text-content hover:border-primary hover:shadow-raised',\n            'focus-ring',\n            'data-checked:border-primary data-checked:bg-primary data-checked:text-primary-content data-checked:shadow-card',\n          )}\n        >\n          {option.label}\n        </Radio>\n      ))}\n    </RadioGroup>\n  );\n}\n"],"names":["Radio","RadioGroup","useT","useTheme","cn","ThemeSwitcher","className","t","theme","setTheme","themes","value","onChange","aria-label","map","option","id","label"],"mappings":"AAAA;;AAEA,SAASA,KAAK,EAAEC,UAAU,QAAQ,oBAAoB;AAEtD,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,EAAE,QAAQ,oBAAoB;AAEvC;wEACwE,GACxE,OAAO,SAASC,cAAc,EAAEC,SAAS,EAA0B;IACjE,MAAMC,IAAIL;IACV,MAAM,EAAEM,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGP;IAEpC,qBACE,KAACF;QACCU,OAAOH;QACPI,UAAUH;QACVI,cAAYN,EAAE;QACdD,WAAWF,GAAG,0BAA0BE;kBAEvCI,OAAOI,GAAG,CAACC,CAAAA,uBACV,KAACf;gBAECW,OAAOI,OAAOC,EAAE;gBAChBV,WAAWF,GACT,0EACA,2DACA,yDACA,cACA;0BAGDW,OAAOE,KAAK;eAVRF,OAAOC,EAAE;;AAexB"}

package/dist/ui/organisms/command-palette/command-palette.d.ts

@@ -0,0 +1,67 @@
+import { type CommandOption, type CommandPage } from '@entifix/core';
+/** Every string the palette renders. Resolved — this control does not translate. */
+export interface CommandPaletteLabels {
+    /** Names the dialog. A dialog with no accessible name is announced as "dialog". */
+    readonly title: string;
+    /** Nothing matched, and every source said so. */
+    readonly empty: string;
+    /** Announced while a group is still answering. */
+    readonly loading: string;
+    /** "N más" — a function, so the plural rule stays in the catalog. */
+    readonly more: (remaining: number) => string;
+    /** Leaves a pushed page. Also the chip's accessible name. */
+    readonly back: string;
+}
+export interface CommandPaletteProps {
+    open: boolean;
+    onClose: () => void;
+    /** Every page this palette can show. The root is the first. */
+    pages: readonly CommandPage[];
+    /**
+     * The pushed page ids, outermost first — empty means the root.
+     *
+     * Controlled, so the host can empty it in the same handler that opens the
+     * palette. An internal stack would have to be reset from an effect keyed on
+     * `open`, which is setting state in a passive effect for something that is a
+     * fact about the event that opened it.
+     */
+    stack: readonly string[];
+    onStackChange: (stack: readonly string[]) => void;
+    term: string;
+    onTermChange: (term: string) => void;
+    /**
+     * An option was chosen. The host runs it — this control has no router and
+     * cannot navigate, which is the `hrefFor` rule.
+     */
+    onSelect: (option: CommandOption) => void;
+    labels: CommandPaletteLabels;
+}
+/**
+ * A floating command bar: search destinations, records and commands, and run
+ * them from the keyboard.
+ *
+ * Presentational, and strictly so. It holds no index, performs no fetch and
+ * knows no router — every group arrives already filtered, already authorized and
+ * already translated, from hooks in the shell layer that meet this component at
+ * the framework-free `CommandSource` port in core. That is the same arrangement
+ * `EntityLinkSource` uses, and it exists because `@entifix/react-controls` may
+ * not import `@entifix/react-integration`.
+ *
+ * **The sources filter, not this component.** A record group is filtered by the
+ * service that answered it; a command group is filtered by the hook that built
+ * it. Filtering again here would mean the palette had to know which groups were
+ * pre-filtered, and a group that answered a *different* term would be silently
+ * emptied rather than shown as stale.
+ *
+ * Depth is a **stack of pages**: selecting an option carrying `push` makes the
+ * palette become that page. `Escape` pops one level and closes at the root;
+ * `Backspace` on an empty term pops too, which is the gesture Raycast trained
+ * people on and costs nothing when there is nothing to pop.
+ *
+ * Built on Headless UI's `Dialog` + `Combobox`, so the focus trap, focus
+ * restoration, `role="combobox"`, `aria-expanded`, `aria-activedescendant` and
+ * the arrow-key contract are the library's rather than seven hand-written
+ * behaviours that each have to be right.
+ */
+export declare function CommandPalette({ open, onClose, pages, stack, onStackChange, term, onTermChange, onSelect, labels, }: CommandPaletteProps): import("react").JSX.Element;
+//# sourceMappingURL=command-palette.d.ts.map

package/dist/ui/organisms/command-palette/command-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../../src/ui/organisms/command-palette/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAevB,oFAAoF;AACpF,MAAM,WAAW,oBAAoB;IACnC,mFAAmF;IACnF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,qEAAqE;IACrE,QAAQ,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,6DAA6D;IAC7D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+DAA+D;IAC/D,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B;;;;;;;OAOG;IACH,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,oBAAoB,CAAC;CAC9B;AA4GD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EACL,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,+BAyIrB"}

package/dist/ui/organisms/command-palette/command-palette.js

@@ -0,0 +1,226 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { commandEffectOf } from '@entifix/core';
+import { Combobox, ComboboxInput, ComboboxOption, ComboboxOptions, Dialog, DialogPanel, DialogTitle } from '@headlessui/react';
+import { SkeletonText } from '../../atoms/skeleton/index.js';
+import { cn } from '../../utils/cn.js';
+const groupIsEmpty = (group)=>group.options.length === 0 && !group.isLoading && group.unavailable === undefined;
+function GroupHeading({ label }) {
+    return(// `presentation`, not a heading: everything inside a `listbox` that is not
+    // an `option` must be presentational, or assistive tech counts the heading
+    // as a selectable row and the option count it announces is wrong.
+    /*#__PURE__*/ _jsx("div", {
+        role: "presentation",
+        className: "tracking-wide px-2xs pt-2xs pb-3xs text-step-xs font-semibold text-content-muted uppercase",
+        children: label
+    }));
+}
+function CommandRow({ option }) {
+    return /*#__PURE__*/ _jsxs(ComboboxOption, {
+        value: option,
+        className: cn('flex cursor-pointer items-baseline gap-2xs rounded-md px-2xs py-3xs', 'text-step-sm text-content', 'data-focus:bg-surface'),
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: "truncate",
+                children: option.label
+            }),
+            option.sublabel !== undefined && /*#__PURE__*/ _jsx("span", {
+                className: "truncate text-step-xs text-content-muted",
+                children: option.sublabel
+            }),
+            option.hint !== undefined && /*#__PURE__*/ _jsx("span", {
+                className: "ml-auto shrink-0 text-step-xs text-content-muted",
+                children: option.hint
+            })
+        ]
+    });
+}
+function Group({ group, labels }) {
+    const remaining = group.total === undefined ? 0 : group.total - group.options.length;
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-testid": `command-group-${group.key}`,
+        children: [
+            /*#__PURE__*/ _jsx(GroupHeading, {
+                label: group.label
+            }),
+            group.isLoading && /*#__PURE__*/ _jsxs("div", {
+                role: "presentation",
+                className: "px-2xs py-3xs",
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "sr-only",
+                        children: labels.loading
+                    }),
+                    /*#__PURE__*/ _jsx(SkeletonText, {
+                        lines: 2
+                    })
+                ]
+            }),
+            group.options.map((option)=>/*#__PURE__*/ _jsx(CommandRow, {
+                    option: option
+                }, option.id)),
+            remaining > 0 && /*#__PURE__*/ _jsx("div", {
+                role: "presentation",
+                className: "px-2xs py-3xs text-step-xs text-content-muted",
+                children: labels.more(remaining)
+            }),
+            group.unavailable !== undefined && /*#__PURE__*/ _jsx("div", {
+                role: "presentation",
+                "data-testid": `command-unavailable-${group.key}`,
+                className: cn('px-2xs py-3xs text-step-xs', group.unavailable.severity === 'reachability' ? 'text-danger' : 'text-content-muted'),
+                children: group.unavailable.message
+            })
+        ]
+    });
+}
+/**
+ * A floating command bar: search destinations, records and commands, and run
+ * them from the keyboard.
+ *
+ * Presentational, and strictly so. It holds no index, performs no fetch and
+ * knows no router — every group arrives already filtered, already authorized and
+ * already translated, from hooks in the shell layer that meet this component at
+ * the framework-free `CommandSource` port in core. That is the same arrangement
+ * `EntityLinkSource` uses, and it exists because `@entifix/react-controls` may
+ * not import `@entifix/react-integration`.
+ *
+ * **The sources filter, not this component.** A record group is filtered by the
+ * service that answered it; a command group is filtered by the hook that built
+ * it. Filtering again here would mean the palette had to know which groups were
+ * pre-filtered, and a group that answered a *different* term would be silently
+ * emptied rather than shown as stale.
+ *
+ * Depth is a **stack of pages**: selecting an option carrying `push` makes the
+ * palette become that page. `Escape` pops one level and closes at the root;
+ * `Backspace` on an empty term pops too, which is the gesture Raycast trained
+ * people on and costs nothing when there is nothing to pop.
+ *
+ * Built on Headless UI's `Dialog` + `Combobox`, so the focus trap, focus
+ * restoration, `role="combobox"`, `aria-expanded`, `aria-activedescendant` and
+ * the arrow-key contract are the library's rather than seven hand-written
+ * behaviours that each have to be right.
+ */ export function CommandPalette({ open, onClose, pages, stack, onStackChange, term, onTermChange, onSelect, labels }) {
+    var _ref;
+    const activeId = stack[stack.length - 1];
+    const page = (_ref = activeId === undefined ? pages[0] : pages.find((candidate)=>candidate.id === activeId)) != null ? _ref : pages[0];
+    const groups = page.sources.flatMap((source)=>source.groups);
+    // Runs on every render of the palette, not on the click: an option with no
+    // effect — or with two — is a line that looks selectable and misbehaves, and
+    // the check that only fires when someone already selected it is the check
+    // that fires after the bug is reported.
+    groups.forEach((group)=>group.options.forEach(commandEffectOf));
+    const isEmpty = groups.every(groupIsEmpty);
+    const pop = ()=>{
+        if (stack.length === 0) {
+            onClose();
+            return;
+        }
+        onStackChange(stack.slice(0, -1));
+        onTermChange('');
+    };
+    const handleSelect = (option)=>{
+        // Headless UI types `onChange` as nullable — it reports `null` when a search
+        // is abandoned rather than chosen, and acting on that would run whatever
+        // happened to be highlighted.
+        //
+        // ⚠️ Unreachable *here*, and ignored for coverage rather than contorted
+        // around: this combobox is driven entirely from the outside (`value` is the
+        // caller's `term`, there is no `displayValue`) and Escape is handled on the
+        // input above, so the library never produces the null it admits. The guard
+        // stays because the type is the library's contract, not ours to assume away.
+        /* v8 ignore next 2 */ if (option === null) return;
+        if (option.push !== undefined) {
+            onStackChange([
+                ...stack,
+                option.push
+            ]);
+            onTermChange('');
+            return;
+        }
+        onSelect(option);
+    };
+    const handleKeyDown = (event)=>{
+        // ⚠️ Escape is handled here rather than left to the `Dialog`, because
+        // `Combobox` consumes it first once a term has been typed — it treats the
+        // key as "close the suggestion list", which for a `static` list means
+        // nothing at all, and the palette then refuses to close for exactly the
+        // person who has typed something. Measured, not defensive.
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            pop();
+            return;
+        }
+        // Only when there is nothing to delete, so the key keeps its ordinary
+        // meaning for as long as the person is still editing a term.
+        if (event.key === 'Backspace' && term === '' && stack.length > 0) {
+            event.preventDefault();
+            pop();
+        }
+    };
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        // Headless UI routes Escape here. Popping rather than closing is what
+        // makes the stack feel like a stack; at the root the two are the same.
+        onClose: pop,
+        className: "inset-0 fixed z-50 flex items-start justify-center overflow-y-auto p-s pt-[12vh]",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                "aria-hidden": true,
+                className: "inset-0 bg-black/40 fixed"
+            }),
+            /*#__PURE__*/ _jsxs(DialogPanel, {
+                "data-testid": "command-palette",
+                className: "relative w-full max-w-xl overflow-hidden rounded-lg border border-border bg-surface-elevated shadow-overlay",
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        className: "sr-only",
+                        children: labels.title
+                    }),
+                    /*#__PURE__*/ _jsxs(Combobox, {
+                        onChange: handleSelect,
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-2xs border-b border-border px-s py-2xs",
+                                children: [
+                                    page.title !== undefined && /*#__PURE__*/ _jsx("button", {
+                                        type: "button",
+                                        "aria-label": labels.back,
+                                        onClick: pop,
+                                        className: "shrink-0 rounded-md bg-surface px-2xs py-3xs text-step-xs text-content-muted focus-ring",
+                                        children: page.title
+                                    }),
+                                    /*#__PURE__*/ _jsx(ComboboxInput, {
+                                        "data-autofocus": true,
+                                        "aria-label": labels.title,
+                                        placeholder: page.placeholder,
+                                        value: term,
+                                        onChange: (event)=>onTermChange(event.currentTarget.value),
+                                        onKeyDown: handleKeyDown,
+                                        className: "flex-1 bg-transparent py-3xs text-step-1 text-content placeholder:text-content-muted focus:outline-none"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(ComboboxOptions, {
+                                static: true,
+                                className: cn('max-h-[60vh] overflow-y-auto p-3xs', // The panel is a focus-managed CONTAINER, not a target: the ring
+                                // belongs on the row inside it.
+                                'focus:outline-none'),
+                                children: isEmpty ? /*#__PURE__*/ _jsx("div", {
+                                    role: "presentation",
+                                    className: "px-2xs py-s text-step-sm text-content-muted",
+                                    children: labels.empty
+                                }) : groups.filter((group)=>!groupIsEmpty(group)).map((group)=>/*#__PURE__*/ _jsx(Group, {
+                                        group: group,
+                                        labels: labels
+                                    }, group.key))
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=command-palette.js.map

package/dist/ui/organisms/command-palette/command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/organisms/command-palette/command-palette.tsx"],"sourcesContent":["'use client';\n\nimport {\n  commandEffectOf,\n  type CommandGroup,\n  type CommandOption,\n  type CommandPage,\n} from '@entifix/core';\nimport {\n  Combobox,\n  ComboboxInput,\n  ComboboxOption,\n  ComboboxOptions,\n  Dialog,\n  DialogPanel,\n  DialogTitle,\n} from '@headlessui/react';\nimport type { KeyboardEvent } from 'react';\n\nimport { SkeletonText } from '../../atoms/skeleton/index.js';\nimport { cn } from '../../utils/cn.js';\n\n/** Every string the palette renders. Resolved — this control does not translate. */\nexport interface CommandPaletteLabels {\n  /** Names the dialog. A dialog with no accessible name is announced as \"dialog\". */\n  readonly title: string;\n  /** Nothing matched, and every source said so. */\n  readonly empty: string;\n  /** Announced while a group is still answering. */\n  readonly loading: string;\n  /** \"N más\" — a function, so the plural rule stays in the catalog. */\n  readonly more: (remaining: number) => string;\n  /** Leaves a pushed page. Also the chip's accessible name. */\n  readonly back: string;\n}\n\nexport interface CommandPaletteProps {\n  open: boolean;\n  onClose: () => void;\n  /** Every page this palette can show. The root is the first. */\n  pages: readonly CommandPage[];\n  /**\n   * The pushed page ids, outermost first — empty means the root.\n   *\n   * Controlled, so the host can empty it in the same handler that opens the\n   * palette. An internal stack would have to be reset from an effect keyed on\n   * `open`, which is setting state in a passive effect for something that is a\n   * fact about the event that opened it.\n   */\n  stack: readonly string[];\n  onStackChange: (stack: readonly string[]) => void;\n  term: string;\n  onTermChange: (term: string) => void;\n  /**\n   * An option was chosen. The host runs it — this control has no router and\n   * cannot navigate, which is the `hrefFor` rule.\n   */\n  onSelect: (option: CommandOption) => void;\n  labels: CommandPaletteLabels;\n}\n\nconst groupIsEmpty = (group: CommandGroup): boolean =>\n  group.options.length === 0 &&\n  !group.isLoading &&\n  group.unavailable === undefined;\n\nfunction GroupHeading({ label }: { label: string }) {\n  return (\n    // `presentation`, not a heading: everything inside a `listbox` that is not\n    // an `option` must be presentational, or assistive tech counts the heading\n    // as a selectable row and the option count it announces is wrong.\n    <div\n      role=\"presentation\"\n      className=\"tracking-wide px-2xs pt-2xs pb-3xs text-step-xs font-semibold text-content-muted uppercase\"\n    >\n      {label}\n    </div>\n  );\n}\n\nfunction CommandRow({ option }: { option: CommandOption }) {\n  return (\n    <ComboboxOption\n      value={option}\n      className={cn(\n        'flex cursor-pointer items-baseline gap-2xs rounded-md px-2xs py-3xs',\n        'text-step-sm text-content',\n        'data-focus:bg-surface',\n      )}\n    >\n      <span className=\"truncate\">{option.label}</span>\n      {option.sublabel !== undefined && (\n        <span className=\"truncate text-step-xs text-content-muted\">\n          {option.sublabel}\n        </span>\n      )}\n      {option.hint !== undefined && (\n        <span className=\"ml-auto shrink-0 text-step-xs text-content-muted\">\n          {option.hint}\n        </span>\n      )}\n    </ComboboxOption>\n  );\n}\n\nfunction Group({\n  group,\n  labels,\n}: {\n  group: CommandGroup;\n  labels: CommandPaletteLabels;\n}) {\n  const remaining =\n    group.total === undefined ? 0 : group.total - group.options.length;\n\n  return (\n    <div data-testid={`command-group-${group.key}`}>\n      <GroupHeading label={group.label} />\n\n      {group.isLoading && (\n        <div role=\"presentation\" className=\"px-2xs py-3xs\">\n          {/* The skeleton is `aria-hidden`, so the wait needs its own text or a\n              screen reader hears a group that simply has no rows. */}\n          <span className=\"sr-only\">{labels.loading}</span>\n          <SkeletonText lines={2} />\n        </div>\n      )}\n\n      {group.options.map(option => (\n        <CommandRow key={option.id} option={option} />\n      ))}\n\n      {remaining > 0 && (\n        <div\n          role=\"presentation\"\n          className=\"px-2xs py-3xs text-step-xs text-content-muted\"\n        >\n          {labels.more(remaining)}\n        </div>\n      )}\n\n      {/*\n        A degraded source is NAMED, never a missing group: an absent group reads\n        as \"nothing matched\", which nobody can honestly claim about a source they\n        could not reach. The two severities look different on purpose — `scope`\n        is the ordinary state for an operator with no organization, and painting\n        that as a warning on every keystroke teaches people to ignore the one\n        that means something is broken.\n      */}\n      {group.unavailable !== undefined && (\n        <div\n          role=\"presentation\"\n          data-testid={`command-unavailable-${group.key}`}\n          className={cn(\n            'px-2xs py-3xs text-step-xs',\n            group.unavailable.severity === 'reachability'\n              ? 'text-danger'\n              : 'text-content-muted',\n          )}\n        >\n          {group.unavailable.message}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * A floating command bar: search destinations, records and commands, and run\n * them from the keyboard.\n *\n * Presentational, and strictly so. It holds no index, performs no fetch and\n * knows no router — every group arrives already filtered, already authorized and\n * already translated, from hooks in the shell layer that meet this component at\n * the framework-free `CommandSource` port in core. That is the same arrangement\n * `EntityLinkSource` uses, and it exists because `@entifix/react-controls` may\n * not import `@entifix/react-integration`.\n *\n * **The sources filter, not this component.** A record group is filtered by the\n * service that answered it; a command group is filtered by the hook that built\n * it. Filtering again here would mean the palette had to know which groups were\n * pre-filtered, and a group that answered a *different* term would be silently\n * emptied rather than shown as stale.\n *\n * Depth is a **stack of pages**: selecting an option carrying `push` makes the\n * palette become that page. `Escape` pops one level and closes at the root;\n * `Backspace` on an empty term pops too, which is the gesture Raycast trained\n * people on and costs nothing when there is nothing to pop.\n *\n * Built on Headless UI's `Dialog` + `Combobox`, so the focus trap, focus\n * restoration, `role=\"combobox\"`, `aria-expanded`, `aria-activedescendant` and\n * the arrow-key contract are the library's rather than seven hand-written\n * behaviours that each have to be right.\n */\nexport function CommandPalette({\n  open,\n  onClose,\n  pages,\n  stack,\n  onStackChange,\n  term,\n  onTermChange,\n  onSelect,\n  labels,\n}: CommandPaletteProps) {\n  const activeId = stack[stack.length - 1];\n  const page =\n    (activeId === undefined\n      ? pages[0]\n      : pages.find(candidate => candidate.id === activeId)) ?? pages[0];\n\n  const groups = page.sources.flatMap(source => source.groups);\n  // Runs on every render of the palette, not on the click: an option with no\n  // effect — or with two — is a line that looks selectable and misbehaves, and\n  // the check that only fires when someone already selected it is the check\n  // that fires after the bug is reported.\n  groups.forEach(group => group.options.forEach(commandEffectOf));\n\n  const isEmpty = groups.every(groupIsEmpty);\n\n  const pop = () => {\n    if (stack.length === 0) {\n      onClose();\n      return;\n    }\n    onStackChange(stack.slice(0, -1));\n    onTermChange('');\n  };\n\n  const handleSelect = (option: CommandOption | null) => {\n    // Headless UI types `onChange` as nullable — it reports `null` when a search\n    // is abandoned rather than chosen, and acting on that would run whatever\n    // happened to be highlighted.\n    //\n    // ⚠️ Unreachable *here*, and ignored for coverage rather than contorted\n    // around: this combobox is driven entirely from the outside (`value` is the\n    // caller's `term`, there is no `displayValue`) and Escape is handled on the\n    // input above, so the library never produces the null it admits. The guard\n    // stays because the type is the library's contract, not ours to assume away.\n    /* v8 ignore next 2 */\n    if (option === null) return;\n    if (option.push !== undefined) {\n      onStackChange([...stack, option.push]);\n      onTermChange('');\n      return;\n    }\n    onSelect(option);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    // ⚠️ Escape is handled here rather than left to the `Dialog`, because\n    // `Combobox` consumes it first once a term has been typed — it treats the\n    // key as \"close the suggestion list\", which for a `static` list means\n    // nothing at all, and the palette then refuses to close for exactly the\n    // person who has typed something. Measured, not defensive.\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      pop();\n      return;\n    }\n    // Only when there is nothing to delete, so the key keeps its ordinary\n    // meaning for as long as the person is still editing a term.\n    if (event.key === 'Backspace' && term === '' && stack.length > 0) {\n      event.preventDefault();\n      pop();\n    }\n  };\n\n  return (\n    <Dialog\n      open={open}\n      // Headless UI routes Escape here. Popping rather than closing is what\n      // makes the stack feel like a stack; at the root the two are the same.\n      onClose={pop}\n      className=\"inset-0 fixed z-50 flex items-start justify-center overflow-y-auto p-s pt-[12vh]\"\n    >\n      <div aria-hidden className=\"inset-0 bg-black/40 fixed\" />\n      <DialogPanel\n        data-testid=\"command-palette\"\n        className=\"relative w-full max-w-xl overflow-hidden rounded-lg border border-border bg-surface-elevated shadow-overlay\"\n      >\n        <DialogTitle className=\"sr-only\">{labels.title}</DialogTitle>\n\n        {/*\n          Uncontrolled: this combobox has no value worth holding — an option is\n          an act, not a stored choice. Every render rebuilds its options from the\n          sources, so the identities differ and selecting the same row twice\n          still fires `onChange` both times.\n        */}\n        <Combobox<CommandOption> onChange={handleSelect}>\n          <div className=\"flex items-center gap-2xs border-b border-border px-s py-2xs\">\n            {page.title !== undefined && (\n              <button\n                type=\"button\"\n                aria-label={labels.back}\n                onClick={pop}\n                className=\"shrink-0 rounded-md bg-surface px-2xs py-3xs text-step-xs text-content-muted focus-ring\"\n              >\n                {page.title}\n              </button>\n            )}\n            <ComboboxInput\n              data-autofocus\n              aria-label={labels.title}\n              placeholder={page.placeholder}\n              value={term}\n              onChange={event => onTermChange(event.currentTarget.value)}\n              onKeyDown={handleKeyDown}\n              className=\"flex-1 bg-transparent py-3xs text-step-1 text-content placeholder:text-content-muted focus:outline-none\"\n            />\n          </div>\n\n          <ComboboxOptions\n            static\n            className={cn(\n              'max-h-[60vh] overflow-y-auto p-3xs',\n              // The panel is a focus-managed CONTAINER, not a target: the ring\n              // belongs on the row inside it.\n              'focus:outline-none',\n            )}\n          >\n            {isEmpty ? (\n              <div\n                role=\"presentation\"\n                className=\"px-2xs py-s text-step-sm text-content-muted\"\n              >\n                {labels.empty}\n              </div>\n            ) : (\n              groups\n                .filter(group => !groupIsEmpty(group))\n                .map(group => (\n                  <Group key={group.key} group={group} labels={labels} />\n                ))\n            )}\n          </ComboboxOptions>\n        </Combobox>\n      </DialogPanel>\n    </Dialog>\n  );\n}\n"],"names":["commandEffectOf","Combobox","ComboboxInput","ComboboxOption","ComboboxOptions","Dialog","DialogPanel","DialogTitle","SkeletonText","cn","groupIsEmpty","group","options","length","isLoading","unavailable","undefined","GroupHeading","label","div","role","className","CommandRow","option","value","span","sublabel","hint","Group","labels","remaining","total","data-testid","key","loading","lines","map","id","more","severity","message","CommandPalette","open","onClose","pages","stack","onStackChange","term","onTermChange","onSelect","activeId","page","find","candidate","groups","sources","flatMap","source","forEach","isEmpty","every","pop","slice","handleSelect","push","handleKeyDown","event","preventDefault","stopPropagation","aria-hidden","title","onChange","button","type","aria-label","back","onClick","data-autofocus","placeholder","currentTarget","onKeyDown","static","empty","filter"],"mappings":"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"}

package/dist/ui/organisms/command-palette/index.d.ts

@@ -0,0 +1,2 @@
+export * from './command-palette.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/organisms/command-palette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/organisms/command-palette/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/ui/organisms/command-palette/index.js

@@ -0,0 +1,3 @@
+export * from './command-palette.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/organisms/command-palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/organisms/command-palette/index.ts"],"sourcesContent":["export * from './command-palette.js';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB"}