@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/dropdown-menu-DL0MzjEb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-DL0MzjEb.js","sources":["../src/ds/components/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport type { MenuPopupProps, MenuPositionerProps } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport {\n  MENU_SIDE_OFFSET,\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst DropdownMenuRoot = MenuPrimitive.Root;\n\nconst DropdownMenuGroup = MenuPrimitive.Group;\n\nconst DropdownMenuPortal = MenuPrimitive.Portal;\n\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;\n\nexport type DropdownMenuTriggerProps = Omit<MenuPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the menu. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <MenuPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(\n        menuItemClass,\n        'data-[popup-open]:bg-fill-subtle data-[popup-open]:text-foreground',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className={cn(menuItemTrailingIconClass, 'opacity-50')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps & DropdownMenuContentPositionerProps;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the submenu stays\n    // interactive inside a modal drawer.\n    const resolvedContainer = usePortalContainer();\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n    size?: 'default' | 'sm';\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      size = 'default',\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the menu stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            data-slot=\"dropdown-menu-content\"\n            className={cn(menuPopupClass, menu.containerClassName, size === 'sm' && 'rounded-md p-0.5', className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu} className={size === 'sm' ? 'rounded-sm' : undefined}>\n              {children}\n            </FluidMenuItems>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\ntype DropdownMenuItemProps = MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  size?: 'default' | 'sm';\n  /** Alias for `onClick`, kept for compatibility with the previous Radix API. */\n  onSelect?: MenuPrimitive.Item.Props['onClick'];\n};\n\nconst DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  ({ className, inset, variant = 'default', size = 'default', onSelect, onClick, ...props }, ref) => (\n    <MenuPrimitive.Item\n      ref={useFluidMenuItemRef(ref)}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        size === 'sm' && 'h-control-sm gap-2 rounded-sm py-1 text-caption leading-none',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(menuItemClass, className)}\n      checked={checked}\n      {...props}\n    >\n      {children}\n      <MenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.CheckboxItemIndicator>\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <MenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.RadioItemIndicator>\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\ntype DropdownMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & {\n  inset?: boolean;\n};\n\nconst DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuItemInsetClass, className)} {...props} />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\n/**\n *\n * Right now, these are the props mostly used for the menu\n * if we find out, consumers need more props, we can just extend it\n * with componentProps\n */\nfunction DropdownMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n  modal,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n  modal?: boolean;\n}) {\n  return (\n    <DropdownMenuRoot modal={modal} open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </DropdownMenuRoot>\n  );\n}\n\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\n\nexport { DropdownMenu };\n"],"names":["MenuPrimitive"],"mappings":"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"}

package/dist/dropdown-menu-DNRCA4Gj.cjs

@@ -0,0 +1,243 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const menu = require('@base-ui/react/menu');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const primitives_floating = require('./primitives/floating.cjs.js');
+const primitives_fluidMenu = require('./primitives/fluid-menu.cjs.js');
+const primitives_menuItem = require('./primitives/menu-item.cjs.js');
+const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
+const primitives_triggerButton = require('./primitives/trigger-button.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const DropdownMenuRoot = menu.Menu.Root;
+const DropdownMenuGroup = menu.Menu.Group;
+const DropdownMenuPortal = menu.Menu.Portal;
+const DropdownMenuSub = menu.Menu.SubmenuRoot;
+const DropdownMenuRadioGroup = menu.Menu.RadioGroup;
+const DropdownMenuTrigger = React__namespace.forwardRef(
+  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
+    const resolved = primitives_triggerButton.resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
+  }
+);
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuSubTrigger = React__namespace.forwardRef(
+  ({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    menu.Menu.SubmenuTrigger,
+    {
+      ref: primitives_fluidMenu.useFluidMenuItemRef(ref),
+      className: utils_cn.cn(
+        primitives_menuItem.menuItemClass,
+        "data-[popup-open]:bg-fill-subtle data-[popup-open]:text-foreground",
+        inset && primitives_menuItem.menuItemInsetClass,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(primitives_menuItem.menuItemTrailingIconClass, "opacity-50"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "-rotate-90" }) })
+      ]
+    }
+  )
+);
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuSubContent = React__namespace.forwardRef(
+  ({
+    className,
+    align = "start",
+    alignOffset = -4,
+    side = "right",
+    sideOffset = primitives_menuItem.MENU_SIDE_OFFSET,
+    anchor,
+    positionMethod = primitives_floating.FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const resolvedContainer = primitives_portalContainer.usePortalContainer();
+    const menu$1 = primitives_fluidMenu.useFluidMenu();
+    const positionerProps = {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { className: primitives_menuItem.menuPositionerClass, ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      menu.Menu.Popup,
+      {
+        "data-slot": "dropdown-menu-sub-content",
+        className: utils_cn.cn(primitives_menuItem.menuPopupClass, menu$1.containerClassName, className),
+        ...props,
+        ...menu$1.getContainerProps(props, ref),
+        children: /* @__PURE__ */ jsxRuntime.jsx(primitives_fluidMenu.FluidMenuItems, { menu: menu$1, children })
+      }
+    ) }) });
+  }
+);
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+const DropdownMenuContent = React__namespace.forwardRef(
+  ({
+    className,
+    container,
+    size = "default",
+    align = "start",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = primitives_menuItem.MENU_SIDE_OFFSET,
+    anchor,
+    positionMethod = primitives_floating.FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const resolvedContainer = primitives_portalContainer.usePortalContainer(container);
+    const menu$1 = primitives_fluidMenu.useFluidMenu();
+    const positionerProps = {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { className: primitives_menuItem.menuPositionerClass, ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      menu.Menu.Popup,
+      {
+        "data-slot": "dropdown-menu-content",
+        className: utils_cn.cn(primitives_menuItem.menuPopupClass, menu$1.containerClassName, size === "sm" && "rounded-md p-0.5", className),
+        ...props,
+        ...menu$1.getContainerProps(props, ref),
+        children: /* @__PURE__ */ jsxRuntime.jsx(primitives_fluidMenu.FluidMenuItems, { menu: menu$1, className: size === "sm" ? "rounded-sm" : void 0, children })
+      }
+    ) }) });
+  }
+);
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuItem = React__namespace.forwardRef(
+  ({ className, inset, variant = "default", size = "default", onSelect, onClick, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    menu.Menu.Item,
+    {
+      ref: primitives_fluidMenu.useFluidMenuItemRef(ref),
+      "data-inset": inset ? "" : void 0,
+      "data-variant": variant,
+      onClick: (event) => {
+        onClick?.(event);
+        onSelect?.(event);
+      },
+      className: utils_cn.cn(
+        variant === "destructive" ? primitives_menuItem.menuItemDestructiveClass : primitives_menuItem.menuItemClass,
+        size === "sm" && "h-control-sm gap-2 rounded-sm py-1 text-caption leading-none",
+        inset && primitives_menuItem.menuItemInsetClass,
+        className
+      ),
+      ...props
+    }
+  )
+);
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItem = React__namespace.forwardRef(
+  ({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    menu.Menu.CheckboxItem,
+    {
+      ref: primitives_fluidMenu.useFluidMenuItemRef(ref),
+      className: utils_cn.cn(primitives_menuItem.menuItemClass, className),
+      checked,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.CheckboxItemIndicator, { className: primitives_menuItem.menuItemCheckClass, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
+      ]
+    }
+  )
+);
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+const DropdownMenuRadioItem = React__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.RadioItem, { ref: primitives_fluidMenu.useFluidMenuItemRef(ref), className: utils_cn.cn(primitives_menuItem.menuItemClass, className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.RadioItemIndicator, { className: primitives_menuItem.menuItemCheckClass, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
+  ] })
+);
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+const DropdownMenuLabel = React__namespace.forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn(primitives_menuItem.menuLabelClass, inset && primitives_menuItem.menuItemInsetClass, className), ...props })
+);
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Separator, { ref, className: utils_cn.cn(primitives_menuItem.menuSeparatorClass, className), ...props })
+);
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+const DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(primitives_menuItem.menuShortcutClass, className), ...props });
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+function DropdownMenu({
+  open,
+  defaultOpen,
+  onOpenChange,
+  children,
+  modal
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRoot, { modal, open, defaultOpen, onOpenChange, children });
+}
+DropdownMenu.Trigger = DropdownMenuTrigger;
+DropdownMenu.Content = DropdownMenuContent;
+DropdownMenu.Group = DropdownMenuGroup;
+DropdownMenu.Portal = DropdownMenuPortal;
+DropdownMenu.Item = DropdownMenuItem;
+DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
+DropdownMenu.RadioItem = DropdownMenuRadioItem;
+DropdownMenu.Label = DropdownMenuLabel;
+DropdownMenu.Separator = DropdownMenuSeparator;
+DropdownMenu.Shortcut = DropdownMenuShortcut;
+DropdownMenu.Sub = DropdownMenuSub;
+DropdownMenu.SubContent = DropdownMenuSubContent;
+DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
+DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
+
+exports.DropdownMenu = DropdownMenu;
+//# sourceMappingURL=dropdown-menu-DNRCA4Gj.cjs.map

package/dist/dropdown-menu-DNRCA4Gj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-DNRCA4Gj.cjs","sources":["../src/ds/components/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport type { MenuPopupProps, MenuPositionerProps } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport {\n  MENU_SIDE_OFFSET,\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst DropdownMenuRoot = MenuPrimitive.Root;\n\nconst DropdownMenuGroup = MenuPrimitive.Group;\n\nconst DropdownMenuPortal = MenuPrimitive.Portal;\n\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;\n\nexport type DropdownMenuTriggerProps = Omit<MenuPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the menu. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <MenuPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(\n        menuItemClass,\n        'data-[popup-open]:bg-fill-subtle data-[popup-open]:text-foreground',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className={cn(menuItemTrailingIconClass, 'opacity-50')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps & DropdownMenuContentPositionerProps;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the submenu stays\n    // interactive inside a modal drawer.\n    const resolvedContainer = usePortalContainer();\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n    size?: 'default' | 'sm';\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      size = 'default',\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the menu stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            data-slot=\"dropdown-menu-content\"\n            className={cn(menuPopupClass, menu.containerClassName, size === 'sm' && 'rounded-md p-0.5', className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu} className={size === 'sm' ? 'rounded-sm' : undefined}>\n              {children}\n            </FluidMenuItems>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\ntype DropdownMenuItemProps = MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  size?: 'default' | 'sm';\n  /** Alias for `onClick`, kept for compatibility with the previous Radix API. */\n  onSelect?: MenuPrimitive.Item.Props['onClick'];\n};\n\nconst DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  ({ className, inset, variant = 'default', size = 'default', onSelect, onClick, ...props }, ref) => (\n    <MenuPrimitive.Item\n      ref={useFluidMenuItemRef(ref)}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        size === 'sm' && 'h-control-sm gap-2 rounded-sm py-1 text-caption leading-none',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(menuItemClass, className)}\n      checked={checked}\n      {...props}\n    >\n      {children}\n      <MenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.CheckboxItemIndicator>\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <MenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.RadioItemIndicator>\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\ntype DropdownMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & {\n  inset?: boolean;\n};\n\nconst DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuItemInsetClass, className)} {...props} />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\n/**\n *\n * Right now, these are the props mostly used for the menu\n * if we find out, consumers need more props, we can just extend it\n * with componentProps\n */\nfunction DropdownMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n  modal,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n  modal?: boolean;\n}) {\n  return (\n    <DropdownMenuRoot modal={modal} open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </DropdownMenuRoot>\n  );\n}\n\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\n\nexport { DropdownMenu };\n"],"names":["MenuPrimitive","React","resolveTriggerRender","jsx","jsxs","useFluidMenuItemRef","cn","menuItemClass","menuItemInsetClass","menuItemTrailingIconClass","ChevronDown","MENU_SIDE_OFFSET","FLOATING_POSITION_METHOD","usePortalContainer","menu","useFluidMenu","menuPositionerClass","menuPopupClass","FluidMenuItems","menuItemDestructiveClass","menuItemCheckClass","CheckIcon","menuLabelClass","menuSeparatorClass","menuShortcutClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,mBAAmBA,SAAA,CAAc,IAAA;AAEvC,MAAM,oBAAoBA,SAAA,CAAc,KAAA;AAExC,MAAM,qBAAqBA,SAAA,CAAc,MAAA;AAEzC,MAAM,kBAAkBA,SAAA,CAAc,WAAA;AAEtC,MAAM,yBAAyBA,SAAA,CAAc,UAAA;AAS7C,MAAM,sBAAsBC,gBAAA,CAAM,UAAA;AAAA,EAChC,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnF,IAAA,MAAM,QAAA,GAAWC,6CAAA,CAAqB,EAAE,MAAA,EAAQ,OAAA,EAAS,UAAU,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,CAAA;AAEtG,IAAA,uBACEC,cAAA,CAACH,SAAA,CAAc,OAAA,EAAd,EAAsB,KAAU,SAAA,EAAW,QAAA,CAAS,SAAA,EAAW,MAAA,EAAQ,QAAA,CAAS,MAAA,EAAS,GAAG,KAAA,EAC1F,mBAAS,QAAA,EACZ,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAMlC,MAAM,yBAAyBC,gBAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzCG,eAAA;AAAA,IAACJ,SAAA,CAAc,cAAA;AAAA,IAAd;AAAA,MACC,GAAA,EAAKK,yCAAoB,GAAG,CAAA;AAAA,MAC5B,SAAA,EAAWC,WAAA;AAAA,QACTC,iCAAA;AAAA,QACA,oEAAA;AAAA,QACA,KAAA,IAASC,sCAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACDL,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWG,WAAA,CAAGG,6CAAA,EAA2B,YAAY,CAAA,EACzD,QAAA,kBAAAN,cAAA,CAACO,uBAAA,EAAA,EAAY,SAAA,EAAU,YAAA,EAAa,CAAA,EACtC;AAAA;AAAA;AAAA;AAGN,CAAA;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA;AAMrC,MAAM,yBAAyBT,gBAAA,CAAM,UAAA;AAAA,EACnC,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA,GAAQ,OAAA;AAAA,IACR,WAAA,GAAc,EAAA;AAAA,IACd,IAAA,GAAO,OAAA;AAAA,IACP,UAAA,GAAaU,oCAAA;AAAA,IACb,MAAA;AAAA,IACA,cAAA,GAAiBC,4CAAA;AAAA,IACjB,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AAGH,IAAA,MAAM,oBAAoBC,6CAAA,EAAmB;AAC7C,IAAA,MAAMC,SAAOC,iCAAA,EAA6B;AAC1C,IAAA,MAAM,eAAA,GAAsD;AAAA,MAC1D,KAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEZ,cAAA,CAACH,SAAA,CAAc,MAAA,EAAd,EAAqB,SAAA,EAAW,iBAAA,EAC/B,QAAA,kBAAAG,cAAA,CAACH,SAAA,CAAc,UAAA,EAAd,EAAyB,SAAA,EAAWgB,uCAAA,EAAsB,GAAG,eAAA,EAC5D,QAAA,kBAAAb,cAAA;AAAA,MAACH,SAAA,CAAc,KAAA;AAAA,MAAd;AAAA,QACC,WAAA,EAAU,2BAAA;AAAA,QACV,SAAA,EAAWM,WAAA,CAAGW,kCAAA,EAAgBH,MAAA,CAAK,oBAAoB,SAAS,CAAA;AAAA,QAC/D,GAAG,KAAA;AAAA,QACH,GAAGA,MAAA,CAAK,iBAAA,CAAkB,KAAA,EAAO,GAAG,CAAA;AAAA,QAErC,QAAA,kBAAAX,cAAA,CAACe,mCAAA,EAAA,QAAeJ,MAAA,EAAa,QAAA,EAAS;AAAA;AAAA,OAE1C,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA;AAQrC,MAAM,sBAAsBb,gBAAA,CAAM,UAAA;AAAA,EAChC,CACE;AAAA,IACE,SAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP,KAAA,GAAQ,OAAA;AAAA,IACR,WAAA,GAAc,CAAA;AAAA,IACd,IAAA,GAAO,QAAA;AAAA,IACP,UAAA,GAAaU,oCAAA;AAAA,IACb,MAAA;AAAA,IACA,cAAA,GAAiBC,4CAAA;AAAA,IACjB,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AAGH,IAAA,MAAM,iBAAA,GAAoBC,8CAAmB,SAAS,CAAA;AACtD,IAAA,MAAMC,SAAOC,iCAAA,EAA6B;AAC1C,IAAA,MAAM,eAAA,GAAsD;AAAA,MAC1D,KAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEZ,cAAA,CAACH,SAAA,CAAc,MAAA,EAAd,EAAqB,SAAA,EAAW,iBAAA,EAC/B,QAAA,kBAAAG,cAAA,CAACH,SAAA,CAAc,UAAA,EAAd,EAAyB,SAAA,EAAWgB,uCAAA,EAAsB,GAAG,eAAA,EAC5D,QAAA,kBAAAb,cAAA;AAAA,MAACH,SAAA,CAAc,KAAA;AAAA,MAAd;AAAA,QACC,WAAA,EAAU,uBAAA;AAAA,QACV,SAAA,EAAWM,YAAGW,kCAAA,EAAgBH,MAAA,CAAK,oBAAoB,IAAA,KAAS,IAAA,IAAQ,oBAAoB,SAAS,CAAA;AAAA,QACpG,GAAG,KAAA;AAAA,QACH,GAAGA,MAAA,CAAK,iBAAA,CAAkB,KAAA,EAAO,GAAG,CAAA;AAAA,QAErC,QAAA,kBAAAX,cAAA,CAACe,6CAAeJ,MAAA,EAAY,SAAA,EAAW,SAAS,IAAA,GAAO,YAAA,GAAe,QACnE,QAAA,EACH;AAAA;AAAA,OAEJ,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAUlC,MAAM,mBAAmBb,gBAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAA,GAAU,SAAA,EAAW,IAAA,GAAO,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,qBACzFE,cAAA;AAAA,IAACH,SAAA,CAAc,IAAA;AAAA,IAAd;AAAA,MACC,GAAA,EAAKK,yCAAoB,GAAG,CAAA;AAAA,MAC5B,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,cAAA,EAAc,OAAA;AAAA,MACd,SAAS,CAAA,KAAA,KAAS;AAChB,QAAA,OAAA,GAAU,KAAK,CAAA;AACf,QAAA,QAAA,GAAW,KAAK,CAAA;AAAA,MAClB,CAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACT,OAAA,KAAY,gBAAgBa,4CAAA,GAA2BZ,iCAAA;AAAA,QACvD,SAAS,IAAA,IAAQ,8DAAA;AAAA,QACjB,KAAA,IAASC,sCAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,MAAM,2BAA2BP,gBAAA,CAAM,UAAA;AAAA,EACrC,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,SAAS,GAAG,KAAA,IAAS,GAAA,qBAC3CG,eAAA;AAAA,IAACJ,SAAA,CAAc,YAAA;AAAA,IAAd;AAAA,MACC,GAAA,EAAKK,yCAAoB,GAAG,CAAA;AAAA,MAC5B,SAAA,EAAWC,WAAA,CAAGC,iCAAA,EAAe,SAAS,CAAA;AAAA,MACtC,OAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACDJ,cAAA,CAACH,UAAc,qBAAA,EAAd,EAAoC,WAAWoB,sCAAA,EAC9C,QAAA,kBAAAjB,cAAA,CAACkB,yBAAU,CAAA,EACb;AAAA;AAAA;AAAA;AAGN,CAAA;AACA,wBAAA,CAAyB,WAAA,GAAc,0BAAA;AAEvC,MAAM,wBAAwBpB,gBAAA,CAAM,UAAA;AAAA,EAClC,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBAClCG,eAAA,CAACJ,SAAA,CAAc,SAAA,EAAd,EAAwB,GAAA,EAAKK,wCAAA,CAAoB,GAAG,CAAA,EAAG,SAAA,EAAWC,YAAGC,iCAAA,EAAe,SAAS,CAAA,EAAI,GAAG,KAAA,EAClG,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACDJ,cAAA,CAACH,UAAc,kBAAA,EAAd,EAAiC,WAAWoB,sCAAA,EAC3C,QAAA,kBAAAjB,cAAA,CAACkB,yBAAU,CAAA,EACb;AAAA,GAAA,EACF;AAEJ,CAAA;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAMpC,MAAM,oBAAoBpB,gBAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,GAAA,qBAC/BE,cAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAWG,YAAGgB,kCAAA,EAAgB,KAAA,IAASd,wCAAoB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAErG,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,wBAAwBP,gBAAA,CAAM,UAAA;AAAA,EAClC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,wBACxBE,cAAA,CAACH,SAAA,CAAc,SAAA,EAAd,EAAwB,KAAU,SAAA,EAAWM,WAAA,CAAGiB,wCAAoB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEhG,CAAA;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAEpC,MAAM,uBAAuB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAA6C;AAC/F,EAAA,uBAAOpB,cAAA,CAAC,UAAK,SAAA,EAAWG,WAAA,CAAGkB,uCAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACvE,CAAA;AACA,oBAAA,CAAqB,WAAA,GAAc,sBAAA;AAQnC,SAAS,YAAA,CAAa;AAAA,EACpB,IAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,sCACG,gBAAA,EAAA,EAAiB,KAAA,EAAc,IAAA,EAAY,WAAA,EAA0B,cACnE,QAAA,EACH,CAAA;AAEJ;AAEA,YAAA,CAAa,OAAA,GAAU,mBAAA;AACvB,YAAA,CAAa,OAAA,GAAU,mBAAA;AACvB,YAAA,CAAa,KAAA,GAAQ,iBAAA;AACrB,YAAA,CAAa,MAAA,GAAS,kBAAA;AACtB,YAAA,CAAa,IAAA,GAAO,gBAAA;AACpB,YAAA,CAAa,YAAA,GAAe,wBAAA;AAC5B,YAAA,CAAa,SAAA,GAAY,qBAAA;AACzB,YAAA,CAAa,KAAA,GAAQ,iBAAA;AACrB,YAAA,CAAa,SAAA,GAAY,qBAAA;AACzB,YAAA,CAAa,QAAA,GAAW,oBAAA;AACxB,YAAA,CAAa,GAAA,GAAM,eAAA;AACnB,YAAA,CAAa,UAAA,GAAa,sBAAA;AAC1B,YAAA,CAAa,UAAA,GAAa,sBAAA;AAC1B,YAAA,CAAa,UAAA,GAAa,sBAAA;;;;"}

package/dist/ee/signals/components/entity-index-compact-grid.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const ee_signals_components_entityIndexModel = require('./entity-index-model.cjs.js');
-const Badge = require('../../../Badge-RWi6V_JT.cjs');
-const Card = require('../../../Card-DC9rlxXj.cjs');
-const scrollArea = require('../../../scroll-area-l6Yx-88I.cjs');
+const Badge = require('../../../Badge-BEeYtjmv.cjs');
+const Card = require('../../../Card-D0kFp9j9.cjs');
+const scrollArea = require('../../../scroll-area-Qjf7e0Ik.cjs');
 
 function EntityIndexCompactCard({
   entity,
@@ -24,10 +24,9 @@ function EntityIndexCompactCard({
       {
         LinkComponent,
         href: getEntityHref(entity),
-        appearance: "surface",
         "aria-label": `Open ${entity.entityId}`,
         "aria-describedby": detailsId,
-        className: "group-focus-within/entity:bg-surface4 group-hover/entity:bg-surface4 absolute inset-0"
+        className: "group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle absolute inset-0"
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(Card.CardContent, { density: "compact", className: "pointer-events-none relative grid h-full min-w-0 gap-3", children: [
@@ -40,16 +39,16 @@ function EntityIndexCompactCard({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("dl", { id: detailsId, className: "grid grid-cols-3 gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-ui-xs text-neutral3", children: "Traces" }),
-          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-ui-sm text-neutral5", children: metadata.traceCount })
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-meta text-muted-foreground", children: "Traces" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-caption text-foreground", children: metadata.traceCount })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-ui-xs text-neutral3", children: "Signals set" }),
-          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-ui-sm text-neutral5", children: metadata.signalsSet })
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-meta text-muted-foreground", children: "Signals set" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-caption text-foreground", children: metadata.signalsSet })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-ui-xs text-neutral3", children: "Updated" }),
-          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-ui-sm text-neutral5", title: entity.updatedAt, children: metadata.updatedAt })
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-meta text-muted-foreground", children: "Updated" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-caption text-foreground", title: entity.updatedAt, children: metadata.updatedAt })
         ] })
       ] })
     ] })
@@ -62,7 +61,7 @@ function EntityIndexCompactGrid({
   LinkComponent
 }) {
   if (entities.length === 0 && hasSearch) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 py-8 text-center", children: "No entities match your search" });
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground py-8 text-center", children: "No entities match your search" });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: entities.map((entity) => /* @__PURE__ */ jsxRuntime.jsx(
     EntityIndexCompactCard,

package/dist/ee/signals/components/entity-index-compact-grid.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-compact-grid.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  const statusLabel = entityStatusLabel(metadata.status);\n  const statusVariant = metadata.status === 'ready' ? 'green' : metadata.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      <CardLink\n        LinkComponent={LinkComponent}\n        href={getEntityHref(entity)}\n        appearance=\"surface\"\n        aria-label={`Open ${entity.entityId}`}\n        aria-describedby={detailsId}\n        className=\"group-focus-within/entity:bg-surface4 group-hover/entity:bg-surface4 absolute inset-0\"\n      />\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <Badge variant={statusVariant} size=\"sm\" indicator={metadata.status === undefined ? undefined : 'dot'}>\n            {statusLabel}\n          </Badge>\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className=\"text-ui-xs text-neutral3\">Traces</dt>\n            <dd className=\"text-ui-sm text-neutral5\">{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className=\"text-ui-xs text-neutral3\">Signals set</dt>\n            <dd className=\"text-ui-sm text-neutral5\">{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className=\"text-ui-xs text-neutral3\">Updated</dt>\n            <dd className=\"text-ui-sm text-neutral5\" title={entity.updatedAt}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return <p className=\"text-ui-sm text-neutral3 py-8 text-center\">No entities match your search</p>;\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":["useId","entityIndexMetadata","entityStatusLabel","jsxs","jsx","CardLink","CardContent","CardTitle","CardDescription","Badge","ScrollArea"],"mappings":"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"}
+{"version":3,"file":"entity-index-compact-grid.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  const statusLabel = entityStatusLabel(metadata.status);\n  const statusVariant = metadata.status === 'ready' ? 'green' : metadata.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      <CardLink\n        LinkComponent={LinkComponent}\n        href={getEntityHref(entity)}\n        aria-label={`Open ${entity.entityId}`}\n        aria-describedby={detailsId}\n        className=\"group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle absolute inset-0\"\n      />\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <Badge variant={statusVariant} size=\"sm\" indicator={metadata.status === undefined ? undefined : 'dot'}>\n            {statusLabel}\n          </Badge>\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className=\"text-meta text-muted-foreground\">Traces</dt>\n            <dd className=\"text-caption text-foreground\">{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className=\"text-meta text-muted-foreground\">Signals set</dt>\n            <dd className=\"text-caption text-foreground\">{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className=\"text-meta text-muted-foreground\">Updated</dt>\n            <dd className=\"text-caption text-foreground\" title={entity.updatedAt}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return <p className=\"text-caption text-muted-foreground py-8 text-center\">No entities match your search</p>;\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":["useId","entityIndexMetadata","entityStatusLabel","jsxs","jsx","CardLink","CardContent","CardTitle","CardDescription","Badge","ScrollArea"],"mappings":"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"}

package/dist/ee/signals/components/entity-index-compact-grid.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId } from 'react';
 import { entityIndexMetadata, entityStatusLabel } from './entity-index-model.es.js';
-import { B as Badge } from '../../../Badge-BCwBpIc7.js';
-import { e as CardLink, a as CardContent, f as CardTitle, b as CardDescription } from '../../../Card-CnxuKKaz.js';
-import { S as ScrollArea } from '../../../scroll-area-ByrWkkO_.js';
+import { B as Badge } from '../../../Badge-TD55_qZJ.js';
+import { e as CardLink, a as CardContent, f as CardTitle, b as CardDescription } from '../../../Card-DEvGFj-Z.js';
+import { S as ScrollArea } from '../../../scroll-area-CdQ_5bLm.js';
 
 function EntityIndexCompactCard({
   entity,
@@ -20,10 +20,9 @@ function EntityIndexCompactCard({
       {
         LinkComponent,
         href: getEntityHref(entity),
-        appearance: "surface",
         "aria-label": `Open ${entity.entityId}`,
         "aria-describedby": detailsId,
-        className: "group-focus-within/entity:bg-surface4 group-hover/entity:bg-surface4 absolute inset-0"
+        className: "group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle absolute inset-0"
       }
     ),
     /* @__PURE__ */ jsxs(CardContent, { density: "compact", className: "pointer-events-none relative grid h-full min-w-0 gap-3", children: [
@@ -36,16 +35,16 @@ function EntityIndexCompactCard({
       ] }),
       /* @__PURE__ */ jsxs("dl", { id: detailsId, className: "grid grid-cols-3 gap-3", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("dt", { className: "text-ui-xs text-neutral3", children: "Traces" }),
-          /* @__PURE__ */ jsx("dd", { className: "text-ui-sm text-neutral5", children: metadata.traceCount })
+          /* @__PURE__ */ jsx("dt", { className: "text-meta text-muted-foreground", children: "Traces" }),
+          /* @__PURE__ */ jsx("dd", { className: "text-caption text-foreground", children: metadata.traceCount })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("dt", { className: "text-ui-xs text-neutral3", children: "Signals set" }),
-          /* @__PURE__ */ jsx("dd", { className: "text-ui-sm text-neutral5", children: metadata.signalsSet })
+          /* @__PURE__ */ jsx("dt", { className: "text-meta text-muted-foreground", children: "Signals set" }),
+          /* @__PURE__ */ jsx("dd", { className: "text-caption text-foreground", children: metadata.signalsSet })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("dt", { className: "text-ui-xs text-neutral3", children: "Updated" }),
-          /* @__PURE__ */ jsx("dd", { className: "text-ui-sm text-neutral5", title: entity.updatedAt, children: metadata.updatedAt })
+          /* @__PURE__ */ jsx("dt", { className: "text-meta text-muted-foreground", children: "Updated" }),
+          /* @__PURE__ */ jsx("dd", { className: "text-caption text-foreground", title: entity.updatedAt, children: metadata.updatedAt })
         ] })
       ] })
     ] })
@@ -58,7 +57,7 @@ function EntityIndexCompactGrid({
   LinkComponent
 }) {
   if (entities.length === 0 && hasSearch) {
-    return /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 py-8 text-center", children: "No entities match your search" });
+    return /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground py-8 text-center", children: "No entities match your search" });
   }
   return /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: entities.map((entity) => /* @__PURE__ */ jsx(
     EntityIndexCompactCard,

package/dist/ee/signals/components/entity-index-compact-grid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-compact-grid.es.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  const statusLabel = entityStatusLabel(metadata.status);\n  const statusVariant = metadata.status === 'ready' ? 'green' : metadata.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      <CardLink\n        LinkComponent={LinkComponent}\n        href={getEntityHref(entity)}\n        appearance=\"surface\"\n        aria-label={`Open ${entity.entityId}`}\n        aria-describedby={detailsId}\n        className=\"group-focus-within/entity:bg-surface4 group-hover/entity:bg-surface4 absolute inset-0\"\n      />\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <Badge variant={statusVariant} size=\"sm\" indicator={metadata.status === undefined ? undefined : 'dot'}>\n            {statusLabel}\n          </Badge>\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className=\"text-ui-xs text-neutral3\">Traces</dt>\n            <dd className=\"text-ui-sm text-neutral5\">{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className=\"text-ui-xs text-neutral3\">Signals set</dt>\n            <dd className=\"text-ui-sm text-neutral5\">{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className=\"text-ui-xs text-neutral3\">Updated</dt>\n            <dd className=\"text-ui-sm text-neutral5\" title={entity.updatedAt}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return <p className=\"text-ui-sm text-neutral3 py-8 text-center\">No entities match your search</p>;\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"entity-index-compact-grid.es.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  const statusLabel = entityStatusLabel(metadata.status);\n  const statusVariant = metadata.status === 'ready' ? 'green' : metadata.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      <CardLink\n        LinkComponent={LinkComponent}\n        href={getEntityHref(entity)}\n        aria-label={`Open ${entity.entityId}`}\n        aria-describedby={detailsId}\n        className=\"group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle absolute inset-0\"\n      />\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <Badge variant={statusVariant} size=\"sm\" indicator={metadata.status === undefined ? undefined : 'dot'}>\n            {statusLabel}\n          </Badge>\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className=\"text-meta text-muted-foreground\">Traces</dt>\n            <dd className=\"text-caption text-foreground\">{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className=\"text-meta text-muted-foreground\">Signals set</dt>\n            <dd className=\"text-caption text-foreground\">{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className=\"text-meta text-muted-foreground\">Updated</dt>\n            <dd className=\"text-caption text-foreground\" title={entity.updatedAt}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return <p className=\"text-caption text-muted-foreground py-8 text-center\">No entities match your search</p>;\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/components/entity-index-list.cjs.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const ee_signals_components_entityIndexModel = require('./entity-index-model.cjs.js');
-const Badge = require('../../../Badge-RWi6V_JT.cjs');
-const dataList = require('../../../data-list-B9td5YXY.cjs');
-require('react');
-require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
+const Badge = require('../../../Badge-BEeYtjmv.cjs');
+const dataList = require('../../../data-list-CypPKOQ_.cjs');
 
 const columns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
 function Status({ entity }) {

package/dist/ee/signals/components/entity-index-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-list.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n  const label = entityStatusLabel(entity.status);\n  const variant = entity.status === 'ready' ? 'green' : entity.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n      {label}\n    </Badge>\n  );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Entity</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          return (\n            <DataList.RowLink\n              key={`${entity.entityType}:${entity.entityId}`}\n              to={getEntityHref(entity)}\n              LinkComponent={LinkComponent}\n              className=\"min-w-0\"\n            >\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                <span className=\"sr-only\">Open entity {entity.entityId}</span>\n                <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell>\n                <Status entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":["entityStatusLabel","jsx","Badge","jsxs","DataList","entityIndexMetadata"],"mappings":"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"}
+{"version":3,"file":"entity-index-list.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n  const label = entityStatusLabel(entity.status);\n  const variant = entity.status === 'ready' ? 'green' : entity.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n      {label}\n    </Badge>\n  );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Entity</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          return (\n            <DataList.RowLink\n              key={`${entity.entityType}:${entity.entityId}`}\n              to={getEntityHref(entity)}\n              LinkComponent={LinkComponent}\n              className=\"min-w-0\"\n            >\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                <span className=\"sr-only\">Open entity {entity.entityId}</span>\n                <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell>\n                <Status entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":["entityStatusLabel","jsx","Badge","jsxs","DataList","entityIndexMetadata"],"mappings":"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"}

package/dist/ee/signals/components/entity-index-list.es.js

@@ -1,9 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { entityIndexMetadata, entityStatusLabel } from './entity-index-model.es.js';
-import { B as Badge } from '../../../Badge-BCwBpIc7.js';
-import { D as DataList } from '../../../data-list-IQ0BjiGx.js';
-import 'react';
-import '../../../keyboard/keyboard-shortcuts-context.es.js';
+import { B as Badge } from '../../../Badge-TD55_qZJ.js';
+import { D as DataList } from '../../../data-list-DnSdaRES.js';
 
 const columns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
 function Status({ entity }) {

package/dist/ee/signals/components/entity-index-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-list.es.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n  const label = entityStatusLabel(entity.status);\n  const variant = entity.status === 'ready' ? 'green' : entity.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n      {label}\n    </Badge>\n  );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Entity</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          return (\n            <DataList.RowLink\n              key={`${entity.entityType}:${entity.entityId}`}\n              to={getEntityHref(entity)}\n              LinkComponent={LinkComponent}\n              className=\"min-w-0\"\n            >\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                <span className=\"sr-only\">Open entity {entity.entityId}</span>\n                <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell>\n                <Status entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"entity-index-list.es.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n  const label = entityStatusLabel(entity.status);\n  const variant = entity.status === 'ready' ? 'green' : entity.status === 'processing' ? 'blue' : 'neutral';\n  return (\n    <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n      {label}\n    </Badge>\n  );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Entity</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          return (\n            <DataList.RowLink\n              key={`${entity.entityType}:${entity.entityId}`}\n              to={getEntityHref(entity)}\n              LinkComponent={LinkComponent}\n              className=\"min-w-0\"\n            >\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                <span className=\"sr-only\">Open entity {entity.entityId}</span>\n                <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell>\n                <Status entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}