@estiva-app/ui 0.73.0 → 0.74.1

package/dist/index.js

@@ -1271,12 +1271,15 @@ function menuItemClassName({ size, selected, className }) {
     className
   );
 }
-function MenuItemBody({ label, children, size = "default", description, leading, trailing, hint, shortcut, submenu, destructive, selected }) {
+function MenuItemBody({ label, children, size = "default", description, aside, leading, trailing, hint, shortcut, submenu, destructive, selected }) {
   const edge = trailing ?? (shortcut ? /* @__PURE__ */ jsx20(Kbd, { children: shortcut }) : submenu ? /* @__PURE__ */ jsx20(IconChevronRight, { size: 16, stroke: 1.5, className: "shrink-0 text-text-muted" }) : null);
   return /* @__PURE__ */ jsxs12(Fragment4, { children: [
     leading && /* @__PURE__ */ jsx20("span", { className: "flex shrink-0 items-center", children: leading }),
     children ?? /* @__PURE__ */ jsxs12("span", { className: cn("flex min-w-0 flex-1 flex-col", size === "tall" && "gap-[2px]"), children: [
-      /* @__PURE__ */ jsx20("span", { className: cn("truncate text-body-2", destructive ? "text-error-default" : "text-text-primary"), children: label }),
+      aside ? /* @__PURE__ */ jsxs12("span", { className: "flex min-w-0 items-baseline gap-2", children: [
+        /* @__PURE__ */ jsx20("span", { className: cn("truncate text-body-2", destructive ? "text-error-default" : "text-text-primary"), children: label }),
+        /* @__PURE__ */ jsx20("span", { className: "shrink-0 text-caption text-text-muted", children: aside })
+      ] }) : /* @__PURE__ */ jsx20("span", { className: cn("truncate text-body-2", destructive ? "text-error-default" : "text-text-primary"), children: label }),
       description && /* @__PURE__ */ jsx20("span", { className: "truncate text-caption text-text-secondary", children: description })
     ] }),
     (edge || hint) && // One grid cell holding both, right-aligned: the slot is as wide as
@@ -1289,13 +1292,14 @@ function MenuItemBody({ label, children, size = "default", description, leading,
     ] })
   ] });
 }
-function MenuItem({ label, children, size = "default", description, leading, trailing, hint, shortcut, submenu, destructive, selected, className, ...props }) {
+function MenuItem({ label, children, size = "default", description, aside, leading, trailing, hint, shortcut, submenu, destructive, selected, className, ...props }) {
   const body = /* @__PURE__ */ jsx20(
     MenuItemBody,
     {
       label,
       size,
       description,
+      aside,
       leading,
       trailing,
       hint,
@@ -2272,6 +2276,7 @@ function CommandPaletteSearch({ query, onQueryChange, placeholder, groups, chip,
                   size: "tall",
                   label: row.label,
                   description: row.description,
+                  aside: row.aside,
                   leading: /* @__PURE__ */ jsx32(RowLeading, { row }),
                   submenu: !!row.onGoIn,
                   hint: row.onGoIn ? /* @__PURE__ */ jsx32(Kbd, { children: "Tab" }) : /* @__PURE__ */ jsx32(EnterHint, {})
@@ -3821,7 +3826,7 @@ function SuggestionMenu({ rect, editorElement, ariaLabel, width, maxHeight, sect
   const drawRow = (item) => {
     const index = items.indexOf(item);
     const selected = index === highlight;
-    const { label, description, leading, shortcut, hint, size } = row(item);
+    const { label, description, aside, leading, shortcut, hint, size } = row(item);
     return (
       // A row of a list the editor drives from its caret: focus stays in the text, so the row is no Tab stop.
       /* @__PURE__ */ jsx54(
@@ -3835,6 +3840,7 @@ function SuggestionMenu({ rect, editorElement, ariaLabel, width, maxHeight, sect
           size,
           label,
           description,
+          aside,
           leading,
           shortcut,
           hint,