@epilot/zenith-react 0.3.0-next.2 → 0.3.0-next.20

package/CHANGELOG.md

@@ -5,14 +5,31 @@ history belongs to the source project and remains available through Git.
 
 ## Unreleased
 
-## [0.3.0-next.2] - 2026-10-30
+## [0.3.0-next.20] - 2026-11-02
 
-- changed: @epilot/zenith-react depends on @epilot/zenith-runtime ^0.2.0 so compatible runtime releases reach consumers independently. — @wmolinari ([!153](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/153))
-- changed: **BREAKING**: FieldCombobox and Command, the search list inside it, run on Base UI's Autocomplete instead of `cmdk`. Options are data: pass them as `items` on `FieldComboboxContent` and render them with a function in `FieldComboboxList` (and in `FieldComboboxCollection` inside each `FieldComboboxGroup`, which takes its group's `items`). `FieldComboboxItem`'s `value` is the item, and `onClick`, which also runs on Enter, replaces `onSelect`. `items` is required on `FieldComboboxContent`. The search text moves from `FieldComboboxInput`'s `value`/`onValueChange` to `FieldComboboxContent`'s, `FieldComboboxGroupLabel` replaces `FieldComboboxGroup`'s `heading`, and filtering is a case-insensitive "contains" that keeps the items' order. The Combobox page's "Changed in this version" section shows the new form (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
-- removed: **BREAKING**: from FieldCombobox and Command: `FieldComboboxItem`'s `keywords` and `forceMount` (pass `filter={null}` for items the caller already filtered), `FieldComboboxLoading`'s `progress` and `label`, `FieldComboboxSeparator`'s `alwaysRender`, `FieldComboboxList`'s `label` (pass `aria-label`), `id` on `FieldComboboxList` and `FieldComboboxItem` (Base UI's ids are what `aria-controls` and `aria-activedescendant` point at), `asChild` on every search part, Label's props on `FieldComboboxGroupLabel` (now a `<div>`), cmdk's fuzzy ranking, Home/End, Ctrl+N/J/P/K and the Alt/Meta arrow jumps, the `cmdk-*` attributes, and the `cmdk` dependency, so `dist/` bundles no `@radix-ui` module (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
+- changed: Release preparation takes the changelog version from the package manifest, validates fragments by one rule that the merge request gate shares, checks the real packed tarball and keeps it for publishing, keeps the host bundle out of the runtime package, and stops a React-only release on unpublished runtime changes. Private workspace versions no longer need to follow the React release. — @wmolinari ([!164](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/164))
+- **BREAKING**: `@epilot/zenith-react/tokens.json` no longer has a `version` field; read the version from `@epilot/zenith-react/package.json`. — @wmolinari ([!164](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/164))
+- changed: **BREAKING**: FieldCombobox and Command, the search list inside it, run on Base UI's Autocomplete instead of `cmdk`. Options are data: pass them as `items` on `FieldComboboxContent` and render them with a function in `FieldComboboxList` (and in `FieldComboboxCollection` inside each `FieldComboboxGroup`, which takes its group's `items`). `FieldComboboxItem`'s `value` is the item, and `onClick`, which also runs on Enter, replaces `onSelect`. `items` is required on `FieldComboboxContent`. The search text moves from `FieldComboboxInput`'s `value`, `defaultValue` and `onValueChange` to `FieldComboboxContent`'s, `FieldComboboxGroupLabel` replaces `FieldComboboxGroup`'s `heading`, and filtering is a case-insensitive "contains" that keeps the items' order. The Combobox page's "Changed in this version" section shows the new form (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
+- removed: **BREAKING**: from FieldCombobox and Command: `FieldComboboxItem`'s `keywords` and `forceMount` (pass `filter={null}` for items the caller already filtered), `FieldComboboxGroup`'s `value` and `forceMount` (a group is its data, `{ value, items }`: key and label it with that `value`, and pass `filter={null}` with the caller's own filtering to keep a group that cmdk force-mounted), `FieldComboboxLoading`'s `progress` and `label`, `FieldComboboxSeparator`'s `alwaysRender`, `FieldComboboxList`'s `label` (pass `aria-label`), `id` on `FieldComboboxList` and `FieldComboboxItem` (Base UI's ids are what `aria-controls` and `aria-activedescendant` point at), `asChild` on every search part, Label's props on `FieldComboboxGroupLabel` (now a `<div>`), cmdk's fuzzy ranking, Home/End, Ctrl+N/J/P/K and the Alt/Meta arrow jumps, the `cmdk-*` attributes, and the `cmdk` dependency, so `dist/` bundles no `@radix-ui` module (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
 - changed: `FieldLabel` inside a `Field` renders with an id (a caller's own `id` wins), and `FieldComboboxList` points its `aria-labelledby` at the Field's label that names the trigger (the one whose `htmlFor` is the trigger's id, else the first `FieldLabel`), so the list carries the trigger's name (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
-- added: `FieldComboboxCollection`, and `@epilot/zenith-runtime/v1` serves Base UI's `autocomplete`; publish the runtime before `@epilot/zenith-react` (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
+- added: `FieldComboboxCollection`, which renders a `FieldComboboxGroup`'s matches. This release requires `@epilot/zenith-runtime` 0.3.0 or later (serves autocomplete); release the runtime and deploy root-config first (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
+- changed: the combobox search row draws no focus frame. The caret marks focus, and the placeholder and typed text stay clear of the row's edges (#106) — @wmolinari ([!151](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)) (experiment: https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/151)
+
+## [0.2.2] - 2026-10-30
+
+React still depends on `@epilot/zenith-runtime` `^0.2.0`. The runtime is unchanged, so hosts keep
+serving 0.2.0 and only `@epilot/zenith-react` is published.
+
+- fixed: `FieldComboboxContent` is capped to the height available on its side of the trigger and scrolls its list under the search input, so a combobox with many options no longer runs off screen — @josh.stewart.epilot ([!162](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/162))
+- fixed: `FieldComboboxInput` draws its focus ring around the whole search row instead of inset on the input, so the placeholder and typed text no longer start under the ring — @josh.stewart.epilot ([!163](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/163))
+- fixed: `DropdownMenuTrigger` with `asChild` keeps its child's own text colour, so a `Button` used as the trigger (a split button's chevron, say) no longer turns blue; a bare trigger keeps its accent colour — @josh.stewart.epilot ([!165](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/165))
+
+## [0.2.1] - 2026-10-30
+
+- changed: @epilot/zenith-react depends on @epilot/zenith-runtime ^0.2.0 so compatible runtime releases reach consumers independently. — @wmolinari ([!153](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/153))
 - fixed: CalloutAction no longer runs past the right edge of its Callout when the callout has an icon; its width is no longer forced to 100% on top of the icon indent, so a wrapping label or full-width row now wraps inside the callout (#61) — @wmolinari ([!139](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/139))
+- fixed: a `List` row whose children are not all React nodes, such as react-i18next's `<Trans>` with `{{ name }}` interpolation, no longer crashes the list; `0.3.0-next.1` was affected — @wmolinari ([!158](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/158))
+- changed: `TooltipContent` wraps long text at about 40 characters (`max-width: 40ch`) instead of stretching across the page, and spaces wrapped lines with a 1.35 line height; one-line tooltips are 4 px taller — @wmolinari ([!158](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/158))
 - fixed: the Radix to Base UI codemod reads the parameter count of an imported handler declared with `satisfies`, so a zero-parameter handler no longer gets an event argument — @wmolinari ([!149](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/149))
 - fixed: `SortableList` keeps the lifted row under the pointer and drops it where the pointer is inside a transformed container, such as a `PopoverContent` — @josh.stewart.epilot ([!155](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/155))
 - changed: `SortableList` drag grips are named after the row's text instead of its `value`; the new `ListItem` `textValue` names rows without text — @josh.stewart.epilot ([!155](https://gitlab.com/e-pilot/product/frontend/zenith/-/merge_requests/155))

package/README.md

@@ -151,8 +151,8 @@ page in the documentation's setup section has the steps for each agent.
 
 ## Which version you get
 
-`npm install @epilot/zenith-react` resolves the `latest` dist-tag, which points
-at `0.2.0` — published to `next`, verified, then promoted by hand.
+`npm install @epilot/zenith-react` resolves the `latest` dist-tag, which is
+moved by hand; the automatic `next` builds never move `latest`.
 
 Unproven builds stay on `next` with a prerelease version:
 

package/dist/components/command/command.js

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import * as d from "react";
+import { jsx as n, jsxs as B } from "react/jsx-runtime";
+import * as i from "react";
 import { Autocomplete as g } from "../../_virtual/_zenith-runtime-family_autocomplete.js";
-import { mergeClasses as l, SLOT_ATTR as r, shorthands as u } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as l, SLOT_ATTR as r, shorthands as h } from "@epilot/zenith-runtime/v1";
 import { makeZenithStyles as z } from "../../styles/make-styles.js";
 import { boxModel as s } from "../../styles/host-reset.js";
-import { spacingElement3 as f, spacingElement2 as m, fontWeightMedium as E, grayA11 as h, leadingXs as H, textXs as $, accentA3 as A, grayA12 as N, leadingSm as q, textSm as I, spacingElement1 as x, graySoft as Y, focusRing as M, body as O, radiusSm as P, radiusMd as W, grayA3 as Z } from "../../tokens/index.js";
-import { Dialog as j, DialogHeader as _, DialogTitle as F, DialogDescription as J, DialogContent as K } from "../dialog/dialog.js";
-const Q = (i) => /* @__PURE__ */ a(
+import { spacingElement3 as f, spacingElement2 as m, fontWeightMedium as E, grayA11 as u, leadingXs as H, textXs as $, accentA3 as A, grayA12 as N, leadingSm as q, textSm as I, spacingElement1 as x, graySoft as Y, body as M, radiusSm as P, radiusMd as X, grayA3 as O } from "../../tokens/index.js";
+import { Dialog as Z, DialogHeader as j, DialogTitle as _, DialogDescription as F, DialogContent as J } from "../dialog/dialog.js";
+const K = (d) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -14,13 +14,13 @@ const Q = (i) => /* @__PURE__ */ a(
     viewBox: "0 -960 960 960",
     width: "24px",
     fill: "currentColor",
-    ...i,
-    children: /* @__PURE__ */ a("path", { d: "M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
+    ...d,
+    children: /* @__PURE__ */ n("path", { d: "M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
   }
 ), c = z({
   root: {
     ...s,
-    backgroundColor: O,
+    backgroundColor: M,
     color: N,
     display: "flex",
     height: "100%",
@@ -28,16 +28,18 @@ const Q = (i) => /* @__PURE__ */ a(
     flexDirection: "column",
     overflowX: "hidden",
     overflowY: "hidden",
-    ...u.borderRadius(W)
+    ...h.borderRadius(X)
   },
   inputWrapper: {
     ...s,
     display: "flex",
     alignItems: "center",
-    ...u.gap(m),
-    ...u.borderBottom("1px", "solid", Z),
+    ...h.gap(m),
+    ...h.borderBottom("1px", "solid", O),
     paddingLeft: f,
     paddingRight: f
+    // No focus frame: the caret marks focus, the example WCAG 2.4.7's Understanding gives for a
+    // text field. The row's padding keeps the text clear of the edges; the input keeps outline none.
   },
   searchIcon: {
     ...s,
@@ -51,24 +53,15 @@ const Q = (i) => /* @__PURE__ */ a(
     height: "3rem",
     display: "flex",
     width: "100%",
-    ...u.borderRadius(W),
+    ...h.borderRadius(X),
     backgroundColor: "transparent",
     paddingTop: f,
     paddingBottom: f,
     fontSize: I,
     lineHeight: q,
     outlineStyle: "none",
-    ":focus-visible": {
-      outlineWidth: "2px",
-      outlineStyle: "solid",
-      // Inset (negative), not the outward +2px every other audited control uses: this input sits
-      // flush against the top edge of the Command root, which clips overflow for its rounded
-      // corners.
-      outlineOffset: "-2px",
-      outlineColor: M
-    },
     "::placeholder": {
-      color: h
+      color: u
     },
     ":disabled": {
       cursor: "not-allowed",
@@ -88,7 +81,7 @@ const Q = (i) => /* @__PURE__ */ a(
     textAlign: "center",
     fontSize: I,
     lineHeight: q,
-    color: h,
+    color: u,
     // Base UI keeps the empty state mounted as a live region and empties it while items match.
     ":empty": {
       paddingTop: 0,
@@ -100,11 +93,11 @@ const Q = (i) => /* @__PURE__ */ a(
     color: N,
     overflowX: "hidden",
     overflowY: "hidden",
-    ...u.padding(x)
+    ...h.padding(x)
   },
   groupLabel: {
     ...s,
-    color: h,
+    color: u,
     paddingLeft: m,
     paddingRight: m,
     paddingTop: "0.375rem",
@@ -126,8 +119,8 @@ const Q = (i) => /* @__PURE__ */ a(
     display: "flex",
     cursor: "default",
     alignItems: "center",
-    ...u.gap(m),
-    ...u.borderRadius(P),
+    ...h.gap(m),
+    ...h.borderRadius(P),
     paddingLeft: m,
     paddingRight: m,
     paddingTop: "0.375rem",
@@ -154,28 +147,28 @@ const Q = (i) => /* @__PURE__ */ a(
       height: "1rem"
     },
     "& svg:not([class*='text-'])": {
-      color: h
+      color: u
     }
   },
   shortcut: {
-    color: h,
+    color: u,
     marginLeft: "auto",
     fontSize: $,
     lineHeight: H,
     letterSpacing: "0.1em"
   },
   loading: {
-    color: h
+    color: u
   },
   dialogContent: {
     ...s,
     overflowX: "hidden",
     overflowY: "hidden",
-    ...u.padding(0)
+    ...h.padding(0)
   },
   dialogCommand: {
     [`& [${r}="command-group-label"]`]: {
-      color: h,
+      color: u,
       paddingLeft: m,
       paddingRight: m,
       fontWeight: E
@@ -218,14 +211,14 @@ const Q = (i) => /* @__PURE__ */ a(
     overflowY: "hidden",
     clip: "rect(0, 0, 0, 0)",
     whiteSpace: "nowrap",
-    ...u.borderWidth(0)
+    ...h.borderWidth(0)
   }
-}), X = d.createContext(""), U = d.forwardRef(
+}), G = i.createContext(""), Q = i.forwardRef(
   function({
     className: e,
     "data-slot": o = "command",
     items: t,
-    filter: n,
+    filter: a,
     itemToStringValue: p,
     limit: y,
     value: b,
@@ -234,8 +227,8 @@ const Q = (i) => /* @__PURE__ */ a(
     children: R,
     ...v
   }, L) {
-    const T = c(), [k, C] = d.useState(S ?? ""), G = b ?? k;
-    return /* @__PURE__ */ a(
+    const T = c(), [k, C] = i.useState(S ?? ""), W = b ?? k;
+    return /* @__PURE__ */ n(
       g.Root,
       {
         inline: !0,
@@ -243,7 +236,7 @@ const Q = (i) => /* @__PURE__ */ a(
         autoHighlight: "always",
         keepHighlight: !0,
         items: t,
-        filter: n,
+        filter: a,
         itemToStringValue: p,
         limit: y,
         value: b,
@@ -251,7 +244,7 @@ const Q = (i) => /* @__PURE__ */ a(
         onValueChange: (D) => {
           C(D), w == null || w(D);
         },
-        children: /* @__PURE__ */ a(X.Provider, { value: G, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ n(G.Provider, { value: W, children: /* @__PURE__ */ n(
           "div",
           {
             ref: L,
@@ -266,12 +259,12 @@ const Q = (i) => /* @__PURE__ */ a(
     );
   }
 );
-d.forwardRef(
+i.forwardRef(
   function({
     title: e = "Command Palette",
     description: o = "Search for a command to run...",
     children: t,
-    className: n,
+    className: a,
     showCloseButton: p = !0,
     items: y,
     filter: b,
@@ -283,18 +276,18 @@ d.forwardRef(
     ...T
   }, k) {
     const C = c();
-    return /* @__PURE__ */ B(j, { ...T, children: [
-      /* @__PURE__ */ B(_, { className: C.srOnly, children: [
-        /* @__PURE__ */ a(F, { children: e }),
-        /* @__PURE__ */ a(J, { children: o })
+    return /* @__PURE__ */ B(Z, { ...T, children: [
+      /* @__PURE__ */ B(j, { className: C.srOnly, children: [
+        /* @__PURE__ */ n(_, { children: e }),
+        /* @__PURE__ */ n(F, { children: o })
       ] }),
-      /* @__PURE__ */ a(
-        K,
+      /* @__PURE__ */ n(
+        J,
         {
-          className: l(C.dialogContent, n),
+          className: l(C.dialogContent, a),
           showCloseButton: p,
-          children: /* @__PURE__ */ a(
-            U,
+          children: /* @__PURE__ */ n(
+            Q,
             {
               className: C.dialogCommand,
               items: y,
@@ -312,7 +305,7 @@ d.forwardRef(
     ] });
   }
 );
-const io = d.forwardRef(function({ className: e, wrapperClassName: o, ...t }, n) {
+const ro = i.forwardRef(function({ className: e, wrapperClassName: o, ...t }, a) {
   const p = c();
   return /* @__PURE__ */ B(
     "div",
@@ -321,11 +314,11 @@ const io = d.forwardRef(function({ className: e, wrapperClassName: o, ...t }, n)
       [r]: "command-input-wrapper",
       className: l(p.inputWrapper, o),
       children: [
-        /* @__PURE__ */ a(Q, { className: p.searchIcon }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(K, { className: p.searchIcon }),
+        /* @__PURE__ */ n(
           g.Input,
           {
-            ref: n,
+            ref: a,
             "data-slot": "command-input",
             [r]: "command-input",
             className: l(p.input, e),
@@ -335,15 +328,15 @@ const io = d.forwardRef(function({ className: e, wrapperClassName: o, ...t }, n)
       ]
     }
   );
-}), mo = d.forwardRef(
+}), io = i.forwardRef(
   function({
     className: e,
     "aria-label": o,
     "aria-labelledby": t,
-    ...n
+    ...a
   }, p) {
     const y = c();
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ n(
       g.List,
       {
         ref: p,
@@ -352,114 +345,114 @@ const io = d.forwardRef(function({ className: e, wrapperClassName: o, ...t }, n)
         className: l(y.list, e),
         "aria-labelledby": t,
         "aria-label": o ?? (t ? void 0 : "Suggestions"),
-        ...n
+        ...a
       }
     );
   }
-), lo = d.forwardRef(
+), mo = i.forwardRef(
   function({ className: e, ...o }, t) {
-    const n = c();
-    return /* @__PURE__ */ a(
+    const a = c();
+    return /* @__PURE__ */ n(
       g.Empty,
       {
         ref: t,
         "data-slot": "command-empty",
         [r]: "command-empty",
-        className: l(n.empty, e),
+        className: l(a.empty, e),
         ...o
       }
     );
   }
-), so = d.forwardRef(
+), lo = i.forwardRef(
   function({ className: e, ...o }, t) {
-    const n = c();
-    return /* @__PURE__ */ a(
+    const a = c();
+    return /* @__PURE__ */ n(
       g.Group,
       {
         ref: t,
         "data-slot": "command-group",
         [r]: "command-group",
-        className: l(n.group, e),
+        className: l(a.group, e),
         ...o
       }
     );
   }
-), co = d.forwardRef(function({ className: e, ...o }, t) {
-  const n = c();
-  return /* @__PURE__ */ a(
+), so = i.forwardRef(function({ className: e, ...o }, t) {
+  const a = c();
+  return /* @__PURE__ */ n(
     g.GroupLabel,
     {
       ref: t,
       "data-slot": "command-group-label",
       [r]: "command-group-label",
-      className: l(n.groupLabel, e),
+      className: l(a.groupLabel, e),
       ...o
     }
   );
-}), po = ({ children: i }) => /* @__PURE__ */ a(g.Collection, { children: i }), go = d.forwardRef(function({ className: e, ...o }, t) {
-  const n = c();
-  return d.useContext(X).trim() !== "" ? null : /* @__PURE__ */ a(
+}), co = ({ children: d }) => /* @__PURE__ */ n(g.Collection, { children: d }), po = i.forwardRef(function({ className: e, ...o }, t) {
+  const a = c();
+  return i.useContext(G).trim() !== "" ? null : /* @__PURE__ */ n(
     g.Separator,
     {
       ref: t,
       "data-slot": "command-separator",
       [r]: "command-separator",
-      className: l(n.separator, e),
+      className: l(a.separator, e),
       ...o
     }
   );
-}), uo = d.forwardRef(
+}), go = i.forwardRef(
   function({ className: e, ...o }, t) {
-    const n = c();
-    return /* @__PURE__ */ a(
+    const a = c();
+    return /* @__PURE__ */ n(
       g.Item,
       {
         ref: t,
         "data-slot": "command-item",
         [r]: "command-item",
-        className: l(n.item, e),
+        className: l(a.item, e),
         ...o
       }
     );
   }
 );
-d.forwardRef(function({ className: e, ...o }, t) {
-  const n = c();
-  return /* @__PURE__ */ a(
+i.forwardRef(function({ className: e, ...o }, t) {
+  const a = c();
+  return /* @__PURE__ */ n(
     "span",
     {
       ref: t,
       "data-slot": "command-shortcut",
       [r]: "command-shortcut",
-      className: l(n.shortcut, e),
+      className: l(a.shortcut, e),
       ...o
     }
   );
 });
-const ho = d.forwardRef(function({ className: e, ...o }, t) {
-  const n = c();
-  return /* @__PURE__ */ a(
+const ho = i.forwardRef(function({ className: e, ...o }, t) {
+  const a = c();
+  return /* @__PURE__ */ n(
     g.Status,
     {
       ref: t,
       "data-slot": "command-loading",
       [r]: "command-loading",
-      className: l(n.loading, e),
+      className: l(a.loading, e),
       ...o
     }
   );
 });
 export {
-  U as Command,
-  po as CommandCollection,
-  lo as CommandEmpty,
-  so as CommandGroup,
-  co as CommandGroupLabel,
-  io as CommandInput,
-  uo as CommandItem,
-  mo as CommandList,
+  Q as Command,
+  co as CommandCollection,
+  mo as CommandEmpty,
+  lo as CommandGroup,
+  so as CommandGroupLabel,
+  ro as CommandInput,
+  go as CommandItem,
+  io as CommandList,
   ho as CommandLoading,
-  U as CommandRoot,
-  go as CommandSeparator
+  Q as CommandRoot,
+  po as CommandSeparator
 };
 //# sourceMappingURL=command.js.map