@ai-matrx/design-system 0.86.333 → 0.86.335

package/dist/lite-table.js

@@ -17,7 +17,7 @@ import {
 } from "./chunk-WFBPCMPF.js";
 import {
   Button
-} from "./chunk-ZOQ2XKXF.js";
+} from "./chunk-QOEKPR37.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-X6ZRHJQP.js";

package/dist/record-list.cjs

@@ -2834,6 +2834,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)) {
@@ -2861,6 +2863,7 @@ function ItemRow({
   reserveDisclosure = false,
   leading,
   trailing,
+  trailingOnHover,
   active = false,
   disabled = false,
   href,
@@ -2935,7 +2938,10 @@ function ItemRow({
         children: secondaryLabel
       }
     ),
-    trailing != null && /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsxs)("span", { className: "item-shift flex shrink-0 items-center gap-1 pr-0.5", children: [
+      trailing,
+      trailingOnHover != null && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cn("hidden", REVEAL_DISPLAY), "data-item-trailing-hover": "", children: trailingOnHover })
+    ] })
   ] });
   const twoLine = subtitle != null && !editing;
   const sideBySide = actions != null || leadingControl != null;
@@ -3028,7 +3034,15 @@ function ItemRow({
           icon: /* @__PURE__ */ (0, import_jsx_runtime25.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
+          )
         }
       )
     }