@ai-matrx/design-system 0.86.360 → 0.86.362

package/dist/desktop.js

@@ -19,13 +19,13 @@ import {
   matchesOrganizationQuery,
   orderOrganizationsForPicker,
   organizationColor
-} from "./chunk-QK7GPIEA.js";
+} from "./chunk-QJ6SQNXD.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
 } from "./chunk-6NOLVA4E.js";
-import "./chunk-42GFQMLA.js";
+import "./chunk-WUI5OFCH.js";
 import {
   ContextMenu,
   ContextMenuCheckboxItem,
@@ -41,7 +41,7 @@ import {
 import "./chunk-VQQ3O7J5.js";
 import {
   Tile
-} from "./chunk-WOA6WHV2.js";
+} from "./chunk-WLKHQGX5.js";
 import "./chunk-5Z5GTXKL.js";
 import {
   Skeleton
@@ -71,7 +71,7 @@ import {
 } from "./chunk-OPF265PU.js";
 import {
   Button
-} from "./chunk-LU75R6YX.js";
+} from "./chunk-KOUHF4JC.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import {
@@ -99,7 +99,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-T57DLONB.js";
+} from "./chunk-AKSKVT2M.js";
 import {
   useScrollFade
 } from "./chunk-BNXNIN2S.js";

package/dist/index.cjs

@@ -2765,7 +2765,7 @@ function measureClearance(height) {
   probe2.remove();
   return Number.isFinite(px3) ? Math.ceil(px3) : 0;
 }
-var DropdownMenuPrimitive, React27, import_jsx_runtime36, DropdownMenu, DropdownMenuTrigger, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuRadioGroup, MENU_SURFACE_CLASS, MENU_ITEM_CLASS, MENU_INDICATOR_ITEM_CLASS, DropdownMenuSubTrigger, DropdownMenuSubContent, CLEARANCE_REUSE_MS, clearanceCache, clock, TOP_CLEARANCE, BOTTOM_CLEARANCE, sharedTopClearance, sharedBottomClearance, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut;
+var DropdownMenuPrimitive, React27, import_jsx_runtime36, DropdownMenu, DropdownMenuTrigger, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuRadioGroup, MENU_SURFACE_CLASS, MENU_ITEM_CLASS, MENU_INDICATOR_ITEM_CLASS, DropdownMenuSubTrigger, DropdownMenuSubContent, OpenDropdownMenuSubContent, CLEARANCE_REUSE_MS, clearanceCache, clock, TOP_CLEARANCE, BOTTOM_CLEARANCE, sharedTopClearance, sharedBottomClearance, DropdownMenuContent, OpenDropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut;
 var init_dropdown_menu = __esm({
   "src/dropdown-menu.tsx"() {
     "use strict";
@@ -2809,14 +2809,18 @@ var init_dropdown_menu = __esm({
       }
     ));
     DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-    DropdownMenuSubContent = React27.forwardRef(({ className, container, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
+    DropdownMenuSubContent = React27.forwardRef(({ container, ...props }, ref) => {
       const portalContainer = usePortalContainer(container);
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(OpenDropdownMenuSubContent, { ref, ...props }) });
+    });
+    DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+    OpenDropdownMenuSubContent = React27.forwardRef(({ className, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
       const [bottomClearance] = React27.useState(sharedBottomClearance);
       const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
       const nested = useNestedSubmenuPlacement(ref, padding);
       const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
       const edges = useMenuScrollEdges(keep.ref);
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         DropdownMenuPrimitive.SubContent,
         {
           ref: edges.ref,
@@ -2830,9 +2834,9 @@ var init_dropdown_menu = __esm({
           ...props,
           children: nested.wrap(edges.wrap(children))
         }
-      ) });
+      );
     });
-    DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+    OpenDropdownMenuSubContent.displayName = "OpenDropdownMenuSubContent";
     CLEARANCE_REUSE_MS = 500;
     clearanceCache = /* @__PURE__ */ new Map();
     clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
@@ -2840,12 +2844,16 @@ var init_dropdown_menu = __esm({
     BOTTOM_CLEARANCE = "var(--matrx-floating-clearance, 0px)";
     sharedTopClearance = () => readClearance(TOP_CLEARANCE, true);
     sharedBottomClearance = () => readClearance(BOTTOM_CLEARANCE, true);
-    DropdownMenuContent = React27.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
+    DropdownMenuContent = React27.forwardRef(({ container, ...props }, ref) => {
       const portalContainer = usePortalContainer(container);
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(OpenDropdownMenuContent, { ref, ...props }) });
+    });
+    DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+    OpenDropdownMenuContent = React27.forwardRef(({ className, sideOffset = 4, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
       const [topClearance] = React27.useState(sharedTopClearance);
       const [bottomClearance] = React27.useState(sharedBottomClearance);
       const edges = useMenuScrollEdges(ref);
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         DropdownMenuPrimitive.Content,
         {
           ref: edges.ref,
@@ -2865,9 +2873,9 @@ var init_dropdown_menu = __esm({
           onCloseAutoFocus: keepMovedFocus(onCloseAutoFocus),
           children: edges.wrap(children)
         }
-      ) });
+      );
     });
-    DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+    OpenDropdownMenuContent.displayName = "OpenDropdownMenuContent";
     DropdownMenuItem = React27.forwardRef(({ className, inset, tone, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       DropdownMenuPrimitive.Item,
       {
@@ -13322,8 +13330,8 @@ function PeekCardRows({ rows, numbered = false, limit }) {
     rest > 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { className: "type-meta text-muted-foreground", children: `+${rest} more` }) : null
   ] });
 }
-function PeekCardCode({ text, language, caption }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("figure", { "data-matrx-peek-code": "", className: "flex min-w-0 flex-col overflow-hidden rounded-md border border-border bg-muted", children: [
+function PeekCardCode({ text, language, caption, raw }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("figure", { "data-matrx-peek-code": "", "data-kind-source": raw ? "explicit" : void 0, className: "flex min-w-0 flex-col overflow-hidden rounded-md border border-border bg-muted", children: [
     language || caption ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("figcaption", { className: "type-meta flex min-w-0 items-center gap-2 border-b border-border px-2 py-1 text-muted-foreground", children: [
       caption ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "min-w-0 flex-1 truncate font-mono", title: caption, children: caption }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "flex-1" }),
       language ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "shrink-0", children: language }) : null
@@ -14042,7 +14050,7 @@ function Block({ block }) {
           }))
         }
       ) : null,
-      block.code ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(PeekCardCode, { text: block.code.text, language: block.code.language, caption: block.code.caption }) : null,
+      block.code ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(PeekCardCode, { text: block.code.text, language: block.code.language, caption: block.code.caption, raw: block.code.raw }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(InputPreview, { section: block }),
       block.token ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TokenChip, { token: block.token }) : null,
       block.links?.length ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ul", { className: "flex flex-col gap-0.5", children: block.links.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("li", { className: "type-secondary min-w-0 truncate", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Outbound, { href: link.href, children: link.text }) }, `${i}:${link.href}`)) }) : null