@ai-matrx/design-system 0.86.333 → 0.86.334

package/dist/item.cjs

@@ -2469,6 +2469,8 @@ var SIZE = {
   lg: { row: "h-10", text: "text-sm", kebab: "h-7 w-7", icon: "h-4 w-4" }
 };
 var DISCLOSURE_RESERVE = { xs: 32, sm: 32, md: 36, lg: 40 };
+var REVEAL_OPACITY = "group-hover/item:opacity-100 group-has-[:focus-visible]/item:opacity-100 group-has-[[data-state=open]]/item:opacity-100 [@media(pointer:coarse)]:opacity-100";
+var REVEAL_DISPLAY = "group-hover/item:inline group-has-[:focus-visible]/item:inline group-has-[[data-state=open]]/item:inline [@media(pointer:coarse)]:inline";
 function mapRenameIntent(config, requestRename) {
   const mapEntry = (entry) => {
     if (isSubmenu(entry)) {
@@ -2496,6 +2498,7 @@ function ItemRow({
   reserveDisclosure = false,
   leading,
   trailing,
+  trailingOnHover,
   active = false,
   disabled = false,
   href,
@@ -2570,7 +2573,10 @@ function ItemRow({
         children: secondaryLabel
       }
     ),
-    trailing != null && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "item-shift flex shrink-0 items-center gap-1 pr-0.5", children: trailing })
+    (trailing != null || trailingOnHover != null) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "item-shift flex shrink-0 items-center gap-1 pr-0.5", children: [
+      trailing,
+      trailingOnHover != null && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: cn("hidden", REVEAL_DISPLAY), "data-item-trailing-hover": "", children: trailingOnHover })
+    ] })
   ] });
   const twoLine = subtitle != null && !editing;
   const sideBySide = actions != null || leadingControl != null;
@@ -2663,7 +2669,15 @@ function ItemRow({
           icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MoreHorizontalIcon, { className: sz.icon }),
           "aria-haspopup": "menu",
           onClick: (e) => e.stopPropagation(),
-          className: cn("shrink-0", !sideBySide && "absolute right-1 top-1/2 -translate-y-1/2")
+          "data-item-kebab": "",
+          className: cn(
+            "shrink-0",
+            !sideBySide && "absolute right-1 top-1/2 -translate-y-1/2",
+            // Hidden at rest (it would sit on the trailing meta); shown on hover, keyboard focus,
+            // while its menu is open, and always on touch.
+            "opacity-0 transition-opacity data-[state=open]:opacity-100 focus-visible:opacity-100",
+            REVEAL_OPACITY
+          )
         }
       )
     }
@@ -3530,20 +3544,7 @@ function ProductSidebarTop({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { "data-product-sidebar-top": "", className: cn("flex shrink-0 flex-col gap-1 px-2 pb-1 pt-2", className), children: [
     status,
-    search ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      InputWithPrefix,
-      {
-        prefix: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SearchIcon, { className: "size-4" }),
-        prefixInset: "edge",
-        value: search.value,
-        onChange: (e) => search.onChange(e.target.value),
-        onKeyDown: onSearchKeyDown,
-        placeholder: search.placeholder ?? "Search",
-        "aria-label": search.ariaLabel,
-        className: "h-8"
-      }
-    ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("flex flex-col", search && "pt-1"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col", children: [
       newItem ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         ItemRow,
         {
@@ -3583,7 +3584,22 @@ function ProductSidebarTop({
         ] })
       ] }) : null
     ] }),
-    children
+    children,
+    search ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      InputWithPrefix,
+      {
+        prefix: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SearchIcon, { className: "size-4" }),
+        prefixInset: "edge",
+        value: search.value,
+        onChange: (e) => search.onChange(e.target.value),
+        onKeyDown: onSearchKeyDown,
+        placeholder: search.placeholder ?? "Search",
+        "aria-label": search.ariaLabel,
+        className: "h-8",
+        wrapperClassName: "mt-1",
+        "data-product-sidebar-search": ""
+      }
+    ) : null
   ] });
 }
 function PlaceRow({