@ai-matrx/design-system 0.86.332 → 0.86.334

package/dist/record-list.d.cts

@@ -292,6 +292,12 @@ interface ItemRowProps extends ItemMenuSurface {
      * glides LEFT (translate) when the kebab is revealed. Never masked.
      */
     trailing?: ReactNode;
+    /**
+     * Meta shown only while the row is hovered, keyboard-focused or its menu is open (a chat's
+     * relative time). At rest it takes no room, so `trailing` keeps the right edge. Always shown on
+     * touch, where the kebab is always shown too.
+     */
+    trailingOnHover?: ReactNode;
     active?: boolean | undefined;
     disabled?: boolean | undefined;
     /** Navigation mode — renders next/link as the row's primary element. */
@@ -375,6 +381,6 @@ interface RecordListProps<T> {
 }
 declare function RecordList<T>({ items, getKey, title, subtitle, meta, leading, trailing, actions, menu, href, onOpen, openInPlace, activeKey, selectedKeys, onSelectedKeysChange, disabled, read, emptyState, size, framed, sourceFeature, surfaceName, entity, ariaLabel, className, }: RecordListProps<T>): react.JSX.Element;
 
-declare function ItemRow({ label, secondaryLabel, secondaryShare, subtitle, actions, leadingControl, disclosure, reserveDisclosure, leading, trailing, active, disabled, href, onOpen, openInPlace, menu, rename, size, indent, kebabAriaLabel, disableContextMenu, sourceFeature, surfaceName, entity, className, }: ItemRowProps): react.JSX.Element;
+declare function ItemRow({ label, secondaryLabel, secondaryShare, subtitle, actions, leadingControl, disclosure, reserveDisclosure, leading, trailing, trailingOnHover, active, disabled, href, onOpen, openInPlace, menu, rename, size, indent, kebabAriaLabel, disableContextMenu, sourceFeature, surfaceName, entity, className, }: ItemRowProps): react.JSX.Element;
 
 export { type ItemEntityRef, type ItemMenuConfig, type ItemMenuConfigInput, ItemRow, type ItemRowProps, type ItemRowSize, type ReadOutcome, RecordList, type RecordListProps, readOf };

package/dist/record-list.d.ts

@@ -292,6 +292,12 @@ interface ItemRowProps extends ItemMenuSurface {
      * glides LEFT (translate) when the kebab is revealed. Never masked.
      */
     trailing?: ReactNode;
+    /**
+     * Meta shown only while the row is hovered, keyboard-focused or its menu is open (a chat's
+     * relative time). At rest it takes no room, so `trailing` keeps the right edge. Always shown on
+     * touch, where the kebab is always shown too.
+     */
+    trailingOnHover?: ReactNode;
     active?: boolean | undefined;
     disabled?: boolean | undefined;
     /** Navigation mode — renders next/link as the row's primary element. */
@@ -375,6 +381,6 @@ interface RecordListProps<T> {
 }
 declare function RecordList<T>({ items, getKey, title, subtitle, meta, leading, trailing, actions, menu, href, onOpen, openInPlace, activeKey, selectedKeys, onSelectedKeysChange, disabled, read, emptyState, size, framed, sourceFeature, surfaceName, entity, ariaLabel, className, }: RecordListProps<T>): react.JSX.Element;
 
-declare function ItemRow({ label, secondaryLabel, secondaryShare, subtitle, actions, leadingControl, disclosure, reserveDisclosure, leading, trailing, active, disabled, href, onOpen, openInPlace, menu, rename, size, indent, kebabAriaLabel, disableContextMenu, sourceFeature, surfaceName, entity, className, }: ItemRowProps): react.JSX.Element;
+declare function ItemRow({ label, secondaryLabel, secondaryShare, subtitle, actions, leadingControl, disclosure, reserveDisclosure, leading, trailing, trailingOnHover, active, disabled, href, onOpen, openInPlace, menu, rename, size, indent, kebabAriaLabel, disableContextMenu, sourceFeature, surfaceName, entity, className, }: ItemRowProps): react.JSX.Element;
 
 export { type ItemEntityRef, type ItemMenuConfig, type ItemMenuConfigInput, ItemRow, type ItemRowProps, type ItemRowSize, type ReadOutcome, RecordList, type RecordListProps, readOf };

package/dist/record-list.js

@@ -1,17 +1,17 @@
 "use client";
+import {
+  ItemRow
+} from "./chunk-677JS6TX.js";
 import {
   ListEmptyView
 } from "./chunk-PRJW34R6.js";
-import {
-  ItemRow
-} from "./chunk-2WL2SGKL.js";
+import "./chunk-J6637L6D.js";
 import {
   ReadEmpty,
   ReadStaleNotice,
   readOf
-} from "./chunk-FTZCPGTH.js";
-import "./chunk-KWBYKUKP.js";
-import "./chunk-VKWQTSB6.js";
+} from "./chunk-CFCWQDGC.js";
+import "./chunk-HEFTQUJ5.js";
 import {
   MAC_LIST_ATTRIBUTE
 } from "./chunk-5JZSBNEY.js";
@@ -19,28 +19,28 @@ import "./chunk-K4XCB576.js";
 import "./chunk-HKLIRHT2.js";
 import {
   Checkbox
-} from "./chunk-BQR4N24F.js";
+} from "./chunk-VLLUUOYJ.js";
 import "./chunk-NDTDBBMM.js";
 import "./chunk-KPZX2M2C.js";
 import "./chunk-WFBPCMPF.js";
-import "./chunk-5IKQ6RU4.js";
-import "./chunk-BKCJUFD3.js";
+import "./chunk-ZOQ2XKXF.js";
 import "./chunk-BD77DHUO.js";
+import "./chunk-BKCJUFD3.js";
 import "./chunk-MOZRIHJF.js";
-import "./chunk-57OD2WTY.js";
+import "./chunk-X6ZRHJQP.js";
 import "./chunk-BNXNIN2S.js";
 import "./chunk-POJ3RR3K.js";
-import "./chunk-XREKZXAL.js";
-import "./chunk-7IOSA55D.js";
+import "./chunk-SMJGESH7.js";
 import "./chunk-WAT2XW7L.js";
+import "./chunk-7IOSA55D.js";
 import "./chunk-FXXSZNER.js";
 import "./chunk-DGNHZBJY.js";
 import "./chunk-XIUVUL2Y.js";
+import "./chunk-YCUFQCJW.js";
 import "./chunk-IMOOQQOO.js";
 import {
   cn
 } from "./chunk-M6KA5EHN.js";
-import "./chunk-YCUFQCJW.js";
 
 // src/record-list/RecordList.tsx
 import { useRef } from "react";

package/dist/sandbox-gate-dialog.js

@@ -1,8 +1,4 @@
 "use client";
-import {
-  UNCONFIGURED,
-  announceStandIn
-} from "./chunk-IMQ3RX35.js";
 import {
   Dialog,
   DialogContent,
@@ -10,8 +6,12 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-DO6G4EKJ.js";
-import "./chunk-SNHCBHBE.js";
+} from "./chunk-UWTODOMD.js";
+import {
+  UNCONFIGURED,
+  announceStandIn
+} from "./chunk-IMQ3RX35.js";
+import "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
 import "./chunk-LEPD6TV7.js";
 import "./chunk-MOZRIHJF.js";
@@ -20,11 +20,11 @@ import {
 } from "./chunk-7IOSA55D.js";
 import "./chunk-DGNHZBJY.js";
 import "./chunk-XIUVUL2Y.js";
-import "./chunk-IMOOQQOO.js";
-import "./chunk-M6KA5EHN.js";
 import {
   AlertTriangleIcon
 } from "./chunk-YCUFQCJW.js";
+import "./chunk-IMOOQQOO.js";
+import "./chunk-M6KA5EHN.js";
 
 // src/sandbox-gate-dialog.tsx
 import * as React from "react";

package/dist/scope-mismatch-dialog.js

@@ -1,8 +1,4 @@
 "use client";
-import {
-  UNCONFIGURED,
-  announceStandIn
-} from "./chunk-IMQ3RX35.js";
 import {
   Dialog,
   DialogContent,
@@ -10,8 +6,12 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-DO6G4EKJ.js";
-import "./chunk-SNHCBHBE.js";
+} from "./chunk-UWTODOMD.js";
+import {
+  UNCONFIGURED,
+  announceStandIn
+} from "./chunk-IMQ3RX35.js";
+import "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
 import "./chunk-LEPD6TV7.js";
 import "./chunk-MOZRIHJF.js";
@@ -20,9 +20,9 @@ import {
 } from "./chunk-7IOSA55D.js";
 import "./chunk-DGNHZBJY.js";
 import "./chunk-XIUVUL2Y.js";
+import "./chunk-YCUFQCJW.js";
 import "./chunk-IMOOQQOO.js";
 import "./chunk-M6KA5EHN.js";
-import "./chunk-YCUFQCJW.js";
 
 // src/scope-mismatch-dialog.tsx
 import * as React from "react";

package/dist/settings.cjs

@@ -1942,6 +1942,22 @@ function useTapSurface(explicit) {
 
 // src/tap-target/tap-features.tsx
 var import_react5 = require("react");
+
+// src/tap-shortcut.ts
+var IS_APPLE = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
+function parseShortcut(shortcut) {
+  const parts = shortcut.toLowerCase().split("+");
+  const key = parts.pop() ?? "";
+  return { mod: parts.includes("mod"), shift: parts.includes("shift"), alt: parts.includes("alt"), key };
+}
+function formatTapShortcut(shortcut) {
+  const p = parseShortcut(shortcut);
+  const key = p.key.length === 1 ? p.key.toUpperCase() : p.key[0].toUpperCase() + p.key.slice(1);
+  if (IS_APPLE) return `${p.alt ? "\u2325" : ""}${p.shift ? "\u21E7" : ""}${p.mod ? "\u2318" : ""}${key}`;
+  return [p.mod && "Ctrl", p.alt && "Alt", p.shift && "Shift", key].filter(Boolean).join("+");
+}
+
+// src/tap-target/tap-features.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var TAP_TONE_CLASS = {
   default: "text-foreground",
@@ -1959,18 +1975,6 @@ var TAP_SOLID_TONE = {
   warning: { fill: "bg-warning group-hover/tap:bg-warning/85", glyph: "text-warning-foreground" },
   neutral: { fill: "bg-foreground group-hover/tap:bg-foreground/85", glyph: "text-background" }
 };
-var IS_APPLE = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
-function parseShortcut(shortcut) {
-  const parts = shortcut.toLowerCase().split("+");
-  const key = parts.pop() ?? "";
-  return { mod: parts.includes("mod"), shift: parts.includes("shift"), alt: parts.includes("alt"), key };
-}
-function formatTapShortcut(shortcut) {
-  const p = parseShortcut(shortcut);
-  const key = p.key.length === 1 ? p.key.toUpperCase() : p.key[0].toUpperCase() + p.key.slice(1);
-  if (IS_APPLE) return `${p.alt ? "\u2325" : ""}${p.shift ? "\u21E7" : ""}${p.mod ? "\u2318" : ""}${key}`;
-  return [p.mod && "Ctrl", p.alt && "Alt", p.shift && "Shift", key].filter(Boolean).join("+");
-}
 function isTyping(target) {
   const el = target;
   return !!el && (el.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName));