@ai-matrx/design-system 0.86.349 → 0.86.351

package/dist/index.cjs

@@ -4312,6 +4312,7 @@ __export(src_exports, {
   CommandInput: () => CommandInput,
   CommandItem: () => CommandItem,
   CommandList: () => CommandList,
+  CommandRowClose: () => CommandRowClose,
   CommandSeparator: () => CommandSeparator,
   CommandShortcut: () => CommandShortcut,
   ConfirmDialog: () => ConfirmDialog,
@@ -6369,6 +6370,10 @@ var CommandInput = React17.forwardRef(({ className, ...props }, ref) => {
   ] });
 });
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
+function CommandRowClose({ className }) {
+  const owns = useSearchRowCloseSlotClaim();
+  return owns ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CloseControl, { className: cn("-mr-1", className) }) : null;
+}
 var CommandList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   import_cmdk.Command.List,
   {
@@ -10072,12 +10077,12 @@ function RowGroup({ title, danger, className, children, ...props }) {
   );
 }
 var Tile = React52.forwardRef(
-  ({ layout = "row", variant = "outline", icon, title, wrapTitle, line, end, selected, selectedStyle, tooltip, level, fit, endInset, oneLine, dashed, hoverStyle, danger, dimmed, glyphTone, hero, tone, dense, asChild = false, className, children, onClick, type, ...props }, ref) => {
+  ({ layout = "row", variant = "outline", icon, title, wrapTitle, line, end, selected, selectedStyle, tooltip, level, fit, endInset, oneLine, dashed, hoverStyle, danger, dimmed, glyphTone, hero, tone, iconTone, dense, asChild = false, className, children, onClick, type, ...props }, ref) => {
     const Component = asChild ? import_react_slot5.Slot : "button";
     const ariaDisabled = props["aria-disabled"];
     const inert = ariaDisabled === true || ariaDisabled === "true";
     const body = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-      icon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "matrx-tile-icon", children: icon }) : null,
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "matrx-tile-icon", "data-tone": iconTone && iconTone !== "neutral" ? iconTone : void 0, children: icon }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "matrx-tile-text", children: [
         /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "matrx-tile-title", children: title }),
         line ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "matrx-tile-line", children: line }) : null
@@ -14442,11 +14447,8 @@ function ValueShell({ kind, glyph: Glyph, text, copy, state, record, peek, wrap
   const { open, setHovered, setHeld, setPinned, trigger } = usePinnedHover();
   const off = state !== "ok";
   const value = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: cn("min-w-0", wrap ? "whitespace-pre-line break-words" : "truncate", off ? "text-muted-foreground line-through" : "text-foreground"), children: text });
-  const body = /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    Glyph ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Glyph, { className: "size-[1em] shrink-0 text-muted-foreground" }) : null,
-    value,
-    off ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "shrink-0 text-muted-foreground no-underline", children: `\xB7 ${CONTACT_STATE_LABEL[state]}` }) : null
-  ] });
+  const status = off ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "shrink-0 text-muted-foreground no-underline", children: `\xB7 ${CONTACT_STATE_LABEL[state]}` }) : null;
+  const glyph = Glyph ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Glyph, { className: "size-[var(--matrx-control-glyph)] shrink-0 text-muted-foreground" }) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "span",
     {
@@ -14470,14 +14472,22 @@ function ValueShell({ kind, glyph: Glyph, text, copy, state, record, peek, wrap
                 type: "button",
                 dense: true,
                 variant: "quiet",
-                title: body,
+                ...glyph ? { icon: glyph } : {},
+                title: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+                  value,
+                  status
+                ] }),
                 className: "min-w-0 max-w-full",
                 onClick: () => setPinned((p) => !p)
               }
             ),
             children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Peek, { record, size: "sm", onHoldChange: setHeld })
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: cn("inline-flex min-w-0 max-w-full gap-1", wrap ? "items-start" : "items-center"), children: body }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: cn("inline-flex min-w-0 max-w-full gap-1", wrap ? "items-start" : "items-center"), children: [
+          glyph,
+          value,
+          status
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CopyButton, { text: copy, kind })
       ]
     }