@mastra/playground-ui 57.0.0-alpha.2 → 57.0.0-alpha.4

package/dist/components/Drawer.cjs.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const drawer = require('../drawer-9eoZbmRK.cjs');
-
+const drawer$1 = require('@base-ui/react/drawer');
+const drawer = require('../drawer-B6Ftum77.cjs');
 
+const createDrawerHandle = drawer$1.Drawer.createHandle;
 
 exports.Drawer = drawer.Drawer;
 exports.DrawerBackdrop = drawer.DrawerBackdrop;
@@ -24,6 +25,5 @@ exports.DrawerSwipeArea = drawer.DrawerSwipeArea;
 exports.DrawerTitle = drawer.DrawerTitle;
 exports.DrawerTrigger = drawer.DrawerTrigger;
 exports.DrawerViewport = drawer.DrawerViewport;
-exports.createDrawerHandle = drawer.createDrawerHandle;
-exports.useDrawerSide = drawer.useDrawerSide;
+exports.createDrawerHandle = createDrawerHandle;
 //# sourceMappingURL=Drawer.cjs.js.map

package/dist/components/Drawer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Drawer.cjs.js","sources":["../../src/ds/components/Drawer/create-drawer-handle.ts"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\n\nexport const createDrawerHandle = DrawerPrimitive.createHandle;\n"],"names":["DrawerPrimitive"],"mappings":";;;;;;;AAEO,MAAM,qBAAqBA,eAAA,CAAgB;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Drawer.es.js

@@ -1,2 +1,7 @@
-export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport, r as createDrawerHandle, u as useDrawerSide } from '../drawer-DnfOugYZ.js';
+import { Drawer } from '@base-ui/react/drawer';
+export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport } from '../drawer-CnCsgToD.js';
+
+const createDrawerHandle = Drawer.createHandle;
+
+export { createDrawerHandle };
 //# sourceMappingURL=Drawer.es.js.map

package/dist/components/Drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Drawer.es.js","sources":["../../src/ds/components/Drawer/create-drawer-handle.ts"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\n\nexport const createDrawerHandle = DrawerPrimitive.createHandle;\n"],"names":["DrawerPrimitive"],"mappings":";;;AAEO,MAAM,qBAAqBA,MAAA,CAAgB;;;;"}

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -6,14 +6,14 @@ const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-C0DBEBcJ.cjs');
-const Notice = require('../Notice-CoFjo8O6.cjs');
+const Button = require('../Button-MMZPEb_q.cjs');
+const Notice = require('../Notice-CPyYcX5J.cjs');
 const envFile = require('../env-file-BU2hStkm.cjs');
 const Txt = require('../Txt-B4-2nLaI.cjs');
-const dataList = require('../data-list-yJm-3f2w.cjs');
+const dataList = require('../data-list-DSbuTWLI.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
 const fieldErrorId = require('../field-error-id-6EfqmQ4C.cjs');
-const inputGroup = require('../input-group-2yWKRuq9.cjs');
+const inputGroup = require('../input-group-DaIV9Orp.cjs');
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-wrap items-center gap-2", className), ...props });

package/dist/components/EnvironmentVariablesEditor.es.js

@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { PlusIcon, EyeOffIcon, EyeIcon, CheckIcon, CopyIcon, Code2Icon, TrashIcon, UploadIcon } from 'lucide-react';
 import { createContext, use, useState, useMemo } from 'react';
-import { B as Button } from '../Button-C9cvaVFG.js';
-import { N as Notice } from '../Notice-DUdQkUqH.js';
+import { B as Button } from '../Button-KUj0U-5I.js';
+import { N as Notice } from '../Notice-KC18b8Nd.js';
 import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '../env-file-BITYowCx.js';
 import { T as Txt } from '../Txt-DTh3Pa_a.js';
-import { D as DataList } from '../data-list-gN4SP7a8.js';
+import { D as DataList } from '../data-list-Cn0Ls4l2.js';
 import { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.es.js';
 import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-DyWx33Fu.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-Czviwtvr.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-B-pskRGt.js';
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-2", className), ...props });

package/dist/components/ErrorBoundary.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-C0DBEBcJ.cjs');
+const Button = require('../Button-MMZPEb_q.cjs');
 const primitives_typography = require('../primitives/typography.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 

package/dist/components/ErrorBoundary.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { AlertTriangle, RotateCcw, RefreshCw, Bug } from 'lucide-react';
 import * as React from 'react';
-import { B as Button } from '../Button-C9cvaVFG.js';
+import { B as Button } from '../Button-KUj0U-5I.js';
 import { quietTextHover } from '../primitives/typography.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 

package/dist/components/FilterBar.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const lucideReact = require('lucide-react');
-const filterBarChip = require('../filter-bar-chip-D8O9jpCW.cjs');
+const filterBarChip = require('../filter-bar-chip-B_k_vbip.cjs');
 const reactDom = require('react-dom');
 const types = require('../types-Ns4ZNp-g.cjs');
-const Button = require('../Button-C0DBEBcJ.cjs');
-const comboboxStyles = require('../combobox-styles-ExU7SMb7.cjs');
+const Button = require('../Button-MMZPEb_q.cjs');
+const comboboxStyles = require('../combobox-styles-CSsS2LEx.cjs');
 const combobox = require('@base-ui/react/combobox');
 const kbd = require('../kbd-BptPsKP6.cjs');
 const Txt = require('../Txt-B4-2nLaI.cjs');

package/dist/components/FilterBar.es.js

@@ -1,12 +1,12 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useEffect, useCallback, Fragment as Fragment$1 } from 'react';
 import { BracesIcon, ListFilterIcon, Search, PlusIcon, FolderPlusIcon, Trash2Icon, FolderIcon, XIcon } from 'lucide-react';
-import { u as useFilterBarContext, b as findGroup, c as useValueStep, m as matchesQueryFilter, d as FILTER_BAR_CONTROL_SIZE, g as FilterBarOptionList, a as FilterBarFieldLabel, h as FilterBarOptionLabel, F as FilterBarChip, i as countLeaves, e as editableSegmentClass, j as chipClass, k as FILTER_BAR_SCOPE_ATTR, l as FilterBarProvider } from '../filter-bar-chip-DMhUPTt8.js';
-export { n as FilterBarChipField, o as FilterBarChipOperator, p as FilterBarChipRemove, q as FilterBarChipValue } from '../filter-bar-chip-DMhUPTt8.js';
+import { u as useFilterBarContext, b as findGroup, c as useValueStep, m as matchesQueryFilter, d as FILTER_BAR_CONTROL_SIZE, g as FilterBarOptionList, a as FilterBarFieldLabel, h as FilterBarOptionLabel, F as FilterBarChip, i as countLeaves, e as editableSegmentClass, j as chipClass, k as FILTER_BAR_SCOPE_ATTR, l as FilterBarProvider } from '../filter-bar-chip-BlvuAPve.js';
+export { n as FilterBarChipField, o as FilterBarChipOperator, p as FilterBarChipRemove, q as FilterBarChipValue } from '../filter-bar-chip-BlvuAPve.js';
 import { flushSync } from 'react-dom';
 import { p as parseFieldValue, i as isFilterBarGroup } from '../types-CIPrYAzY.js';
-import { B as Button } from '../Button-C9cvaVFG.js';
-import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-Dgc_Jp-E.js';
+import { B as Button } from '../Button-KUj0U-5I.js';
+import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-iuJUkJEQ.js';
 import { Combobox } from '@base-ui/react/combobox';
 import { K as Kbd } from '../kbd-BDVTQHD_.js';
 import { T as Txt } from '../Txt-DTh3Pa_a.js';

package/dist/components/FormFieldBlocks.cjs.js

@@ -8,8 +8,8 @@ const utils_cn = require('../cn-DG0X1KEP.cjs');
 const textFieldBlock = require('../text-field-block-BmWGMw3a.cjs');
 const textarea = require('../textarea-5b6XcMrq.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-const searchFieldBlock = require('../search-field-block-ChXCuPrB.cjs');
-const selectFieldBlock = require('../select-field-block-CpzMTsP6.cjs');
+const searchFieldBlock = require('../search-field-block-Bg9GPPaA.cjs');
+const selectFieldBlock = require('../select-field-block-CZbN1w__.cjs');
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-6", className), children });

package/dist/components/FormFieldBlocks.es.js

@@ -4,8 +4,8 @@ import { c as cn } from '../cn-65Adrsfj.js';
 export { T as TextFieldBlock } from '../text-field-block-Cihf0IRw.js';
 import { T as Textarea } from '../textarea-DdnzLrI9.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-export { S as SearchFieldBlock } from '../search-field-block-nVeIkFXN.js';
-export { S as SelectFieldBlock } from '../select-field-block-BtjE0P5d.js';
+export { S as SearchFieldBlock } from '../search-field-block-B0twxGWI.js';
+export { S as SelectFieldBlock } from '../select-field-block-D_b9N7od.js';
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });

package/dist/components/InputGroup.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const inputGroup = require('../input-group-2yWKRuq9.cjs');
+const inputGroup = require('../input-group-DaIV9Orp.cjs');
 
 
 

package/dist/components/InputGroup.es.js

@@ -1,2 +1,2 @@
-export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea } from '../input-group-Czviwtvr.js';
+export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea } from '../input-group-B-pskRGt.js';
 //# sourceMappingURL=InputGroup.es.js.map

package/dist/components/IntegrationDialog.cjs.js

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('../Badge-BEeYtjmv.cjs');
-const dialog = require('../dialog-Cyj59QsZ.cjs');
-const searchFieldBlock = require('../search-field-block-ChXCuPrB.cjs');
+const dialog = require('../dialog-Bilo4jEU.cjs');
+const searchFieldBlock = require('../search-field-block-Bg9GPPaA.cjs');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 

package/dist/components/IntegrationDialog.es.js

@@ -2,8 +2,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { BlocksIcon } from 'lucide-react';
 import { useRef, useState } from 'react';
 import { B as Badge } from '../Badge-TD55_qZJ.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, m as DialogTrigger } from '../dialog-D8fuBETk.js';
-import { S as SearchFieldBlock } from '../search-field-block-nVeIkFXN.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, m as DialogTrigger } from '../dialog-DMOXPT0N.js';
+import { S as SearchFieldBlock } from '../search-field-block-B0twxGWI.js';
 import { controlFocusBorderVisible } from '../primitives/form-element.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 

package/dist/components/JSONSchemaForm.cjs.js

@@ -7,10 +7,10 @@ const React = require('react');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const textFieldBlock = require('../text-field-block-BmWGMw3a.cjs');
 const lucideReact = require('lucide-react');
-const selectFieldBlock = require('../select-field-block-CpzMTsP6.cjs');
+const selectFieldBlock = require('../select-field-block-CZbN1w__.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const checkbox = require('../checkbox-CI8JtZKS.cjs');
-const Button = require('../Button-C0DBEBcJ.cjs');
+const Button = require('../Button-MMZPEb_q.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/dist/components/JSONSchemaForm.es.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { T as TextFieldBlock } from '../text-field-block-Cihf0IRw.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon, Plus } from 'lucide-react';
-import { S as SelectFieldBlock } from '../select-field-block-BtjE0P5d.js';
+import { S as SelectFieldBlock } from '../select-field-block-D_b9N7od.js';
 import { Icon } from '../icons/Icon.es.js';
 import { C as Checkbox } from '../checkbox-CQedzgsi.js';
-import { B as Button } from '../Button-C9cvaVFG.js';
+import { B as Button } from '../Button-KUj0U-5I.js';
 
 const JSONSchemaFormContext = React.createContext(null);
 function JSONSchemaFormProvider({

package/dist/components/ListSearch.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const listSearch = require('../list-search-s3DRIfz6.cjs');
+const listSearch = require('../list-search-DhReauU5.cjs');
 
 
 

package/dist/components/ListSearch.es.js

@@ -1,2 +1,2 @@
-export { L as ListSearch } from '../list-search-Jm6SLN0g.js';
+export { L as ListSearch } from '../list-search-DK2yMiME.js';
 //# sourceMappingURL=ListSearch.es.js.map

package/dist/components/LogsDataList.cjs.js

@@ -2,10 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-C5tjRtkQ.cjs');
-const dataListSkeleton = require('../data-list-skeleton-DYG2LLri.cjs');
-require('react');
-require('../keyboard/keyboard-shortcuts-context.cjs.js');
+const logsDataList = require('../logs-data-list-DgoCLb6k.cjs');
+const dataListSkeleton = require('../data-list-skeleton-K_WmrVke.cjs');
 
 
 

package/dist/components/LogsDataList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogsDataList.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"LogsDataList.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/LogsDataList.es.js

@@ -1,5 +1,3 @@
-export { L as LogsDataList } from '../logs-data-list-Cl3abARp.js';
-export { D as LogsDataListSkeleton } from '../data-list-skeleton-PXHovGLv.js';
-import 'react';
-import '../keyboard/keyboard-shortcuts-context.es.js';
+export { L as LogsDataList } from '../logs-data-list-B24gfDle.js';
+export { D as LogsDataListSkeleton } from '../data-list-skeleton-h4pILqCC.js';
 //# sourceMappingURL=LogsDataList.es.js.map

package/dist/components/LogsDataList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogsDataList.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"LogsDataList.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/MainSidebar.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const mainSidebarLinkActive = require('../main-sidebar-link-active-qQkuwjqp.cjs');
+const mainSidebarLinkActive = require('../main-sidebar-link-active-DMPiqFak.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const React = require('react');
 

package/dist/components/MainSidebar.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { u as useMaybeSidebarState, M as MainSidebarNavSection, a as MainSidebarNavSeparator, b as MainSidebarNavList, c as MainSidebarNavLink, d as MainSidebarRoot, e as MainSidebarMobileTrigger, f as MainSidebarTrigger, g as MainSidebarNavLabel, h as MainSidebarNav } from '../main-sidebar-link-active-CCOxOqzR.js';
-export { i as MainSidebarProvider, j as getIsLinkActive, n as navItemClasses, k as useMainSidebar, l as useMaybeSidebar, m as useMobileDrawer } from '../main-sidebar-link-active-CCOxOqzR.js';
+import { u as useMaybeSidebarState, M as MainSidebarNavSection, a as MainSidebarNavSeparator, b as MainSidebarNavList, c as MainSidebarNavLink, d as MainSidebarRoot, e as MainSidebarMobileTrigger, f as MainSidebarTrigger, g as MainSidebarNavLabel, h as MainSidebarNav } from '../main-sidebar-link-active-cFZ7oAVi.js';
+export { i as MainSidebarProvider, j as getIsLinkActive, n as navItemClasses, k as useMainSidebar, l as useMaybeSidebar, m as useMobileDrawer } from '../main-sidebar-link-active-cFZ7oAVi.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { useId } from 'react';
 

package/dist/components/MarkdownRenderer.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const markdownRenderer = require('../markdown-renderer-C74wABzc.cjs');
+const markdownRenderer = require('../markdown-renderer-CZLwgva-.cjs');
 const useReveal = require('../use-reveal-Sa456jZb.cjs');
 
 

package/dist/components/MarkdownRenderer.es.js

@@ -1,3 +1,3 @@
-export { M as MarkdownRenderer } from '../markdown-renderer-DZAcPOxC.js';
+export { M as MarkdownRenderer } from '../markdown-renderer-BUqHHH4y.js';
 export { u as useRevealedText } from '../use-reveal-d77hxHz9.js';
 //# sourceMappingURL=MarkdownRenderer.es.js.map

package/dist/components/Message.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const message = require('../message-D9b33Pf_.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('../copy-button-C5dMlWsW.cjs');
+const copyButton = require('../copy-button-B5ZCtnTb.cjs');
 
 function MessageCopyButton({ text }) {
   return /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });

package/dist/components/Message.es.js

@@ -1,7 +1,7 @@
 import { a as MessageMetadata } from '../message-Cs8NW-MR.js';
 export { M as Message, b as MessageActions } from '../message-Cs8NW-MR.js';
 import { jsx } from 'react/jsx-runtime';
-import { C as CopyButton } from '../copy-button-C6RswD_D.js';
+import { C as CopyButton } from '../copy-button-DZqxEuiE.js';
 
 function MessageCopyButton({ text }) {
   return /* @__PURE__ */ jsx(CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });

package/dist/components/MetricsCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsCard = require('../metrics-card-BdWGPlnt.cjs');
+const metricsCard = require('../metrics-card-DStXI6yn.cjs');
 
 
 

package/dist/components/MetricsCard.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsCard } from '../metrics-card-C5znWn69.js';
+export { M as MetricsCard } from '../metrics-card-CN4VRQQJ.js';
 //# sourceMappingURL=MetricsCard.es.js.map

package/dist/components/MetricsCardGroup.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
+
+const variantClasses = {
+  default: primitives_raisedSurface.frameSurfaceStyle,
+  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge
+  // every raised surface draws, with no lift, so they stay crisp against the frame
+  // in light, where `background` and `card` sit only a step apart.
+  inset: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "*:bg-background! *:shadow-rim!")
+};
+function MetricsCardGroup({
+  children,
+  variant = "default",
+  minItemWidth = "16rem",
+  className
+}) {
+  const style = {
+    "--metrics-card-group-basis": `min(100%, ${minItemWidth})`
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style,
+      className: utils_cn.cn(
+        "flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)",
+        variantClasses[variant],
+        className
+      ),
+      children
+    }
+  );
+}
+
+exports.MetricsCardGroup = MetricsCardGroup;
+//# sourceMappingURL=MetricsCardGroup.cjs.js.map

package/dist/components/MetricsCardGroup.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCardGroup.cjs.js","sources":["../../src/ds/components/MetricsCardGroup/metrics-card-group.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { frameSurfaceStyle, raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardGroupVariant = 'default' | 'inset';\n\nexport type MetricsCardGroupProps = {\n  children: ReactNode;\n  /**\n   * `default` — raised cards sitting in a frame one step below them.\n   * `inset` — the DataList treatment: the group is the raised surface, and the\n   * cards are flat wells cut into it, so the frame reads as a thick border.\n   */\n  variant?: MetricsCardGroupVariant;\n  /**\n   * Base width each card grows from; a card wraps once the row can't fit it.\n   * Raise it for chart cards, which need more room than a KPI.\n   */\n  minItemWidth?: string;\n  className?: string;\n};\n\n/**\n * Like DataList, the inset group is the only element that defines a color: it\n * repaints its cards as wells, whatever card is dropped in. `!` is needed to beat\n * `Card`'s pinned `hover:`/`active:` fills.\n */\nconst variantClasses: Record<MetricsCardGroupVariant, string> = {\n  default: frameSurfaceStyle,\n  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge\n  // every raised surface draws, with no lift, so they stay crisp against the frame\n  // in light, where `background` and `card` sit only a step apart.\n  inset: cn(raisedSurfaceStyle, '*:bg-background! *:shadow-rim!'),\n};\n\n/**\n * A frame that holds a row of metrics cards (KPI, chart, …) as one unit.\n * Cards flex to fill each row and wrap responsively; the group owns their width,\n * so each card's own `min-w-*` is neutralised.\n */\nexport function MetricsCardGroup({\n  children,\n  variant = 'default',\n  minItemWidth = '16rem',\n  className,\n}: MetricsCardGroupProps) {\n  const style: CSSProperties & Record<'--metrics-card-group-basis', string> = {\n    '--metrics-card-group-basis': `min(100%, ${minItemWidth})`,\n  };\n\n  return (\n    <div\n      style={style}\n      // Cards grow from a shared basis and wrap, so a short last row stretches to\n      // fill instead of leaving empty columns.\n      // Outer radius = card radius (8px) + 4px inset so the corners stay concentric.\n      className={cn(\n        'flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)',\n        variantClasses[variant],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["frameSurfaceStyle","cn","raisedSurfaceStyle","jsx"],"mappings":";;;;;;;;AA2BA,MAAM,cAAA,GAA0D;AAAA,EAC9D,OAAA,EAASA,0CAAA;AAAA;AAAA;AAAA;AAAA,EAIT,KAAA,EAAOC,WAAA,CAAGC,2CAAA,EAAoB,gCAAgC;AAChE,CAAA;AAOO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,YAAA,GAAe,OAAA;AAAA,EACf;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,KAAA,GAAsE;AAAA,IAC1E,4BAAA,EAA8B,aAAa,YAAY,CAAA,CAAA;AAAA,GACzD;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MAIA,SAAA,EAAWF,WAAA;AAAA,QACT,8FAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/MetricsCardGroup.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/MetricsCardGroup/index'
+export {}

package/dist/components/MetricsCardGroup.es.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { frameSurfaceStyle, raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
+import { c as cn } from '../cn-65Adrsfj.js';
+
+const variantClasses = {
+  default: frameSurfaceStyle,
+  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge
+  // every raised surface draws, with no lift, so they stay crisp against the frame
+  // in light, where `background` and `card` sit only a step apart.
+  inset: cn(raisedSurfaceStyle, "*:bg-background! *:shadow-rim!")
+};
+function MetricsCardGroup({
+  children,
+  variant = "default",
+  minItemWidth = "16rem",
+  className
+}) {
+  const style = {
+    "--metrics-card-group-basis": `min(100%, ${minItemWidth})`
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style,
+      className: cn(
+        "flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)",
+        variantClasses[variant],
+        className
+      ),
+      children
+    }
+  );
+}
+
+export { MetricsCardGroup };
+//# sourceMappingURL=MetricsCardGroup.es.js.map

package/dist/components/MetricsCardGroup.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCardGroup.es.js","sources":["../../src/ds/components/MetricsCardGroup/metrics-card-group.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { frameSurfaceStyle, raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardGroupVariant = 'default' | 'inset';\n\nexport type MetricsCardGroupProps = {\n  children: ReactNode;\n  /**\n   * `default` — raised cards sitting in a frame one step below them.\n   * `inset` — the DataList treatment: the group is the raised surface, and the\n   * cards are flat wells cut into it, so the frame reads as a thick border.\n   */\n  variant?: MetricsCardGroupVariant;\n  /**\n   * Base width each card grows from; a card wraps once the row can't fit it.\n   * Raise it for chart cards, which need more room than a KPI.\n   */\n  minItemWidth?: string;\n  className?: string;\n};\n\n/**\n * Like DataList, the inset group is the only element that defines a color: it\n * repaints its cards as wells, whatever card is dropped in. `!` is needed to beat\n * `Card`'s pinned `hover:`/`active:` fills.\n */\nconst variantClasses: Record<MetricsCardGroupVariant, string> = {\n  default: frameSurfaceStyle,\n  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge\n  // every raised surface draws, with no lift, so they stay crisp against the frame\n  // in light, where `background` and `card` sit only a step apart.\n  inset: cn(raisedSurfaceStyle, '*:bg-background! *:shadow-rim!'),\n};\n\n/**\n * A frame that holds a row of metrics cards (KPI, chart, …) as one unit.\n * Cards flex to fill each row and wrap responsively; the group owns their width,\n * so each card's own `min-w-*` is neutralised.\n */\nexport function MetricsCardGroup({\n  children,\n  variant = 'default',\n  minItemWidth = '16rem',\n  className,\n}: MetricsCardGroupProps) {\n  const style: CSSProperties & Record<'--metrics-card-group-basis', string> = {\n    '--metrics-card-group-basis': `min(100%, ${minItemWidth})`,\n  };\n\n  return (\n    <div\n      style={style}\n      // Cards grow from a shared basis and wrap, so a short last row stretches to\n      // fill instead of leaving empty columns.\n      // Outer radius = card radius (8px) + 4px inset so the corners stay concentric.\n      className={cn(\n        'flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)',\n        variantClasses[variant],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AA2BA,MAAM,cAAA,GAA0D;AAAA,EAC9D,OAAA,EAAS,iBAAA;AAAA;AAAA;AAAA;AAAA,EAIT,KAAA,EAAO,EAAA,CAAG,kBAAA,EAAoB,gCAAgC;AAChE,CAAA;AAOO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,YAAA,GAAe,OAAA;AAAA,EACf;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,KAAA,GAAsE;AAAA,IAC1E,4BAAA,EAA8B,aAAa,YAAY,CAAA,CAAA;AAAA,GACzD;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MAIA,SAAA,EAAW,EAAA;AAAA,QACT,8FAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/MetricsKpiCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsKpiCard = require('../metrics-kpi-card-HU17WRTT.cjs');
+const metricsKpiCard = require('../metrics-kpi-card-CvOXyEGn.cjs');
 
 
 

package/dist/components/MetricsKpiCard.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsKpiCard } from '../metrics-kpi-card-CinKYTBn.js';
+export { M as MetricsKpiCard } from '../metrics-kpi-card-C-XLN_Us.js';
 //# sourceMappingURL=MetricsKpiCard.es.js.map

package/dist/components/Notice.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Notice = require('../Notice-CoFjo8O6.cjs');
+const Notice = require('../Notice-CPyYcX5J.cjs');
 
 
 

package/dist/components/Notice.es.js

@@ -1,2 +1,2 @@
-export { N as Notice } from '../Notice-DUdQkUqH.js';
+export { N as Notice } from '../Notice-KC18b8Nd.js';
 //# sourceMappingURL=Notice.es.js.map

package/dist/components/PrevNextNav.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-C0DBEBcJ.cjs');
+const Button = require('../Button-MMZPEb_q.cjs');
 
 function PrevNextNav({
   onPrevious,

package/dist/components/PrevNextNav.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowUpIcon, ArrowDownIcon } from 'lucide-react';
-import { B as Button } from '../Button-C9cvaVFG.js';
+import { B as Button } from '../Button-KUj0U-5I.js';
 
 function PrevNextNav({
   onPrevious,

package/dist/components/PropertyFilter.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const propertyFilterApplied = require('../property-filter-applied-DtSjGypB.cjs');
+const propertyFilterApplied = require('../property-filter-applied-DxSZN3Om.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-C0DBEBcJ.cjs');
-const combobox = require('../combobox-Dw3W6EHS.cjs');
+const Button = require('../Button-MMZPEb_q.cjs');
+const combobox = require('../combobox-Bn_uyUSB.cjs');
 const popover = require('../popover-lBqKiPtp.cjs');
 const primitives_fluidMenu = require('../primitives/fluid-menu.cjs.js');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');

package/dist/components/PropertyFilter.es.js

@@ -1,10 +1,10 @@
-import { b as PickMultiPanel } from '../property-filter-applied-C15IJHLs.js';
-export { a as PropertyFilterActions, P as PropertyFilterApplied } from '../property-filter-applied-C15IJHLs.js';
+import { b as PickMultiPanel } from '../property-filter-applied-uYr-sCdm.js';
+export { a as PropertyFilterActions, P as PropertyFilterApplied } from '../property-filter-applied-uYr-sCdm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterPlusIcon, ArrowLeftIcon, FilterIcon, PlusIcon, X, ListFilterPlus, ChevronRightIcon } from 'lucide-react';
 import { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
-import { B as Button } from '../Button-C9cvaVFG.js';
-import { C as Combobox } from '../combobox-CV-Ue388.js';
+import { B as Button } from '../Button-KUj0U-5I.js';
+import { C as Combobox } from '../combobox-Cykfy5wc.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
 import { useFluidMenu, FluidMenuItems, useFluidMenuItemRef } from '../primitives/fluid-menu.es.js';
 import { MENU_SIDE_OFFSET, menuItemTrailingIconClass, menuEmptyClass, menuItemClass } from '../primitives/menu-item.es.js';

package/dist/components/RuleBuilder.cjs.js

@@ -6,11 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const utils_ruleEngine = require('../utils/rule-engine.cjs.js');
-const select = require('../select-CH5XO18L.cjs');
+const select = require('../select-65j5NjtJ.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const input = require('../input-CDLMprJS.cjs');
-const Button = require('../Button-C0DBEBcJ.cjs');
+const Button = require('../Button-MMZPEb_q.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
 const primitives_typography = require('../primitives/typography.cjs.js');
 

package/dist/components/RuleBuilder.es.js

@@ -2,11 +2,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Type, ToggleLeft, Hash, List, Braces, Ban, Check, ListX, ChevronsLeft, ChevronsRight, ChevronLeft, ChevronRight, Text, TextSearch, EqualNot, Equal, X, Plus, Component } from 'lucide-react';
 import * as React from 'react';
 import { createDefaultRule, isRule, createDefaultRuleGroup } from '../utils/rule-engine.es.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-CDIt5aab.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-BiY-SoMJ.js';
 import { Icon } from '../icons/Icon.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { I as Input } from '../input-B1RysHyq.js';
-import { B as Button } from '../Button-C9cvaVFG.js';
+import { B as Button } from '../Button-KUj0U-5I.js';
 import { controlStateColorTransition } from '../primitives/transitions.es.js';
 import { quietTextHover } from '../primitives/typography.es.js';
 

package/dist/components/Select.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const select = require('../select-CH5XO18L.cjs');
+const select = require('../select-65j5NjtJ.cjs');
 
 
 

package/dist/components/Select.es.js

@@ -1,2 +1,2 @@
-export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectTrigger, e as SelectValue } from '../select-CDIt5aab.js';
+export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectTrigger, e as SelectValue } from '../select-BiY-SoMJ.js';
 //# sourceMappingURL=Select.es.js.map

package/dist/components/SessionExpired.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const SessionExpired = require('../SessionExpired-CFGTqnU5.cjs');
+const SessionExpired = require('../SessionExpired-GSQkcV9f.cjs');
 
 
 

package/dist/components/SessionExpired.es.js

@@ -1,2 +1,2 @@
-export { S as SessionExpired } from '../SessionExpired-COK6flhT.js';
+export { S as SessionExpired } from '../SessionExpired-B9e1Kx4I.js';
 //# sourceMappingURL=SessionExpired.es.js.map