@ai-matrx/design-system 0.86.337 → 0.86.338

package/dist/menu-look.css

@@ -218,3 +218,11 @@ a.cm-header:hover, a.cm-header:focus-visible { background: hsl(var(--accent)); c
    over the row): the row keeps that room free so the current check never sits under it. */
 .cm-menu .cm-item[data-end-button] { padding-right: 32px; }
 .cm-menu [data-menu-look-disclosure][data-pending] > .cm-item { background: transparent; color: hsl(var(--muted-foreground)); }
+
+/* HOVER TEXT HAS A TOUCH TWIN (2026-10-23). A menu row's hover text (`labelTitle`, a SelectItem's
+   `description`) is drawn as its muted second line ONLY where nothing can hover — a phone, a
+   mouse-less tablet. Desktop keeps one line per row (Arman, 2026-10-14: no "novels"). */
+[data-touch-hint] { display: none; }
+@media (hover: none) {
+  [data-touch-hint] { display: block; }
+}

package/dist/menu-look.d.cts

@@ -256,7 +256,10 @@ interface MenuLookRowBodyProps {
     /** The glyph (any 16px svg; the slot sizes it). Omitted → no icon column; the text starts the row. */
     icon?: React.ReactNode | undefined;
     label: React.ReactNode;
-    /** Hover text for the label (a long description stays out of the row: no "novels" in menus). */
+    /**
+     * Hover text for the label (a long description stays out of the row: no "novels" in menus). Where
+     * nothing can hover (a phone, a mouse-less tablet) it is the row's muted second line instead.
+     */
     labelTitle?: string | undefined;
     /** A muted second line under the label. */
     description?: React.ReactNode | undefined;

package/dist/menu-look.d.ts

@@ -256,7 +256,10 @@ interface MenuLookRowBodyProps {
     /** The glyph (any 16px svg; the slot sizes it). Omitted → no icon column; the text starts the row. */
     icon?: React.ReactNode | undefined;
     label: React.ReactNode;
-    /** Hover text for the label (a long description stays out of the row: no "novels" in menus). */
+    /**
+     * Hover text for the label (a long description stays out of the row: no "novels" in menus). Where
+     * nothing can hover (a phone, a mouse-less tablet) it is the row's muted second line instead.
+     */
     labelTitle?: string | undefined;
     /** A muted second line under the label. */
     description?: React.ReactNode | undefined;

package/dist/menu-look.js

@@ -34,7 +34,7 @@ import {
   MenuLookSubContent,
   MenuLookSubTrigger,
   menuLookItemClass
-} from "./chunk-L5OACQXS.js";
+} from "./chunk-TO4ZLGDW.js";
 import "./chunk-HEFTQUJ5.js";
 import "./chunk-OPF265PU.js";
 import "./chunk-X6ZRHJQP.js";

package/dist/record-list.cjs

@@ -1962,7 +1962,10 @@ function MenuLookRowBody({ icon, label, labelTitle, description, trail, badge, s
     icon ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MenuLookIconSlot, { children: icon }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: MENU_LOOK_CLASS.text, children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: MENU_LOOK_CLASS.label, title: labelTitle, children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: MENU_LOOK_CLASS.hint, children: description }) : null
+      description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: MENU_LOOK_CLASS.hint, children: description }) : labelTitle ? (
+        // Hover text has a touch twin: where nothing can hover, the label's hover text is the row's second line (menu-look.css).
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: MENU_LOOK_CLASS.hint, "data-touch-hint": "", children: labelTitle })
+      ) : null
     ] }),
     trail ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: MENU_LOOK_CLASS.trail, children: trail }) : null,
     badge ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: MENU_LOOK_CLASS.badge, children: badge }) : null,
@@ -2645,7 +2648,7 @@ function DrawerEntry({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
       /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-[15px]", title: entry.description, children: entry.label }),
-      disabled && entry.disabledReason ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate type-body text-muted-foreground", children: entry.disabledReason }) : null
+      disabled && entry.disabledReason ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate type-body text-muted-foreground", children: entry.disabledReason }) : entry.description ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-touch-hint-drawer": "", className: "truncate type-body text-muted-foreground", children: entry.description }) : null
     ] })
   ] });
   if (isSubmenu(entry)) {