@mastra/playground-ui 60.2.0 → 61.0.0-alpha.1

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -7,14 +7,14 @@ const utils_cn = require('../cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../Button-CXhSUBxN.cjs');
-const Notice = require('../Notice-C4Tgmtgb.cjs');
+const Notice = require('../Notice-D4zc_oTj.cjs');
 const envFile = require('../env-file-BU2hStkm.cjs');
-const Txt = require('../Txt-DPmEpNbp.cjs');
-const dataList = require('../data-list-Bqf-fhMx.cjs');
+const Txt = require('../Txt-DNnvlrBo.cjs');
+const dataList = require('../data-list-DoKc-wSe.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
-const field = require('../field-ip9xiOVa.cjs');
+const field = require('../field-BkeKcz_6.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
-const inputGroup = require('../input-group-BgCXLSRV.cjs');
+const inputGroup = require('../input-group-DBRe9V5t.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

@@ -3,14 +3,14 @@ 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-D43ghVKt.js';
-import { N as Notice } from '../Notice-B8RIClJD.js';
+import { N as Notice } from '../Notice-D4gMAkVI.js';
 import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '../env-file-BITYowCx.js';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
-import { D as DataList } from '../data-list-CEIYm7FY.js';
+import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { D as DataList } from '../data-list-DdsyfT8B.js';
 import { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.es.js';
-import { F as Field, e as FieldLabel, c as FieldError } from '../field-BtvEQ68O.js';
+import { F as Field, e as FieldLabel, c as FieldError } from '../field-BiMIiq2Y.js';
 import '../field-control-aria-DB6y41tQ.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-wzirc-1k.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-D1XvzgI2.js';
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-2", className), ...props });

package/dist/components/Field.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const field = require('../field-ip9xiOVa.cjs');
+const field = require('../field-BkeKcz_6.cjs');
 const fieldControlAria = require('../field-control-aria-WzMGs0A4.cjs');
 
 

package/dist/components/Field.es.js

@@ -1,3 +1,3 @@
-export { F as Field, a as FieldContent, b as FieldDescription, c as FieldError, d as FieldItem, e as FieldLabel, f as Fieldset, g as FieldsetLegend } from '../field-BtvEQ68O.js';
+export { F as Field, a as FieldContent, b as FieldDescription, c as FieldError, d as FieldItem, e as FieldLabel, f as Fieldset, g as FieldsetLegend } from '../field-BiMIiq2Y.js';
 export { u as useFieldControlAria } from '../field-control-aria-DB6y41tQ.js';
 //# sourceMappingURL=Field.es.js.map

package/dist/components/FileDropBackdrop.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const reactDom = require('react-dom');
-const EmptyState = require('../EmptyState-CuoMGNP0.cjs');
+const EmptyState = require('../EmptyState-DvSib3QC.cjs');
 
 const EXIT_DURATION_MS = 200;
 const matchesAccept = (file, accept) => {

package/dist/components/FileDropBackdrop.es.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { CloudUploadIcon } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { E as EmptyState } from '../EmptyState-DyyUFpzY.js';
+import { E as EmptyState } from '../EmptyState-DGzBN0Ix.js';
 
 const EXIT_DURATION_MS = 200;
 const matchesAccept = (file, accept) => {

package/dist/components/FilterBar.cjs.js

@@ -5,14 +5,14 @@ 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-BsWm7SQr.cjs');
+const filterBarChip = require('../filter-bar-chip-Cr7kUN9G.cjs');
 const reactDom = require('react-dom');
 const types = require('../types-Ns4ZNp-g.cjs');
 const Button = require('../Button-CXhSUBxN.cjs');
-const comboboxStyles = require('../combobox-styles-qL3FSgmU.cjs');
+const comboboxStyles = require('../combobox-styles-zdW4cHSq.cjs');
 const combobox = require('@base-ui/react/combobox');
 const kbd = require('../kbd-BptPsKP6.cjs');
-const Txt = require('../Txt-DPmEpNbp.cjs');
+const Txt = require('../Txt-DNnvlrBo.cjs');
 const primitives_floating = require('../primitives/floating.cjs.js');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');

package/dist/components/FilterBar.es.js

@@ -1,15 +1,15 @@
 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 alwaysHighlightProps, g as FILTER_BAR_CONTROL_SIZE, h as FilterBarOptionList, a as FilterBarFieldLabel, i as FilterBarOptionLabel, F as FilterBarChip, j as countLeaves, e as editableSegmentClass, k as chipClass, l as FILTER_BAR_SCOPE_ATTR, n as FilterBarProvider } from '../filter-bar-chip-Dmboyu1t.js';
-export { o as FilterBarChipField, p as FilterBarChipOperator, q as FilterBarChipRemove, r as FilterBarChipValue } from '../filter-bar-chip-Dmboyu1t.js';
+import { u as useFilterBarContext, b as findGroup, c as useValueStep, m as matchesQueryFilter, d as alwaysHighlightProps, g as FILTER_BAR_CONTROL_SIZE, h as FilterBarOptionList, a as FilterBarFieldLabel, i as FilterBarOptionLabel, F as FilterBarChip, j as countLeaves, e as editableSegmentClass, k as chipClass, l as FILTER_BAR_SCOPE_ATTR, n as FilterBarProvider } from '../filter-bar-chip-CRejLco-.js';
+export { o as FilterBarChipField, p as FilterBarChipOperator, q as FilterBarChipRemove, r as FilterBarChipValue } from '../filter-bar-chip-CRejLco-.js';
 import { flushSync } from 'react-dom';
 import { p as parseFieldValue, i as isFilterBarGroup } from '../types-CIPrYAzY.js';
 import { B as Button } from '../Button-D43ghVKt.js';
-import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-mbcWlNZQ.js';
+import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-BuHYzri9.js';
 import { Combobox } from '@base-ui/react/combobox';
 import { K as Kbd } from '../kbd-BDVTQHD_.js';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
+import { T as Txt } from '../Txt-C3cYJgKU.js';
 import { FLOATING_POSITION_METHOD } from '../primitives/floating.es.js';
 import { unstyledFormElementStyle, inputFocusBorderWithin } from '../primitives/form-element.es.js';
 import { MENU_SIDE_OFFSET } from '../primitives/menu-item.es.js';

package/dist/components/FormFieldBlocks.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const fieldErrorId = require('../field-error-id-4DYu4KZ2.cjs');
+const fieldErrorId = require('../field-error-id-4xiCVBJ_.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const input = require('../input-D0UPyj6A.cjs');
@@ -12,7 +12,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../Button-CXhSUBxN.cjs');
 const tooltip = require('../tooltip-DIZ5oqjV.cjs');
-const select = require('../select-DJQYAVcm.cjs');
+const select = require('../select-KV77JIvp.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

@@ -1,4 +1,4 @@
-import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-BSQLcfHo.js';
+import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-CSvLKtJE.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { I as Input } from '../input-D5_B67_r.js';
@@ -8,7 +8,7 @@ import { SearchIcon, XIcon } from 'lucide-react';
 import { useRef, useEffect } from 'react';
 import { B as Button } from '../Button-D43ghVKt.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-DsQPiynb.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select--ArpXYDc.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-CWxcmE3F.js';
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });

package/dist/components/Header.cjs.js

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

package/dist/components/Header.es.js

@@ -1,2 +1,2 @@
-export { H as Header, a as HeaderAction, b as HeaderGroup, c as HeaderTitle } from '../Header-hTHhO02b.js';
+export { H as Header, a as HeaderAction, b as HeaderGroup, c as HeaderTitle } from '../Header-BXl3AZgO.js';
 //# sourceMappingURL=Header.es.js.map

package/dist/components/HorizontalBars.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const horizontalBars = require('../horizontal-bars-DRD7JkHL.cjs');
+const horizontalBars = require('../horizontal-bars-D-rFCRbH.cjs');
 
 
 

package/dist/components/HorizontalBars.es.js

@@ -1,2 +1,2 @@
-export { H as HorizontalBars } from '../horizontal-bars-BSRESJsp.js';
+export { H as HorizontalBars } from '../horizontal-bars-BL-GHeFh.js';
 //# sourceMappingURL=HorizontalBars.es.js.map

package/dist/components/InputGroup.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const inputGroup = require('../input-group-BgCXLSRV.cjs');
+const inputGroup = require('../input-group-DBRe9V5t.cjs');
 
 
 
@@ -12,4 +12,6 @@ exports.InputGroupButton = inputGroup.InputGroupButton;
 exports.InputGroupInput = inputGroup.InputGroupInput;
 exports.InputGroupText = inputGroup.InputGroupText;
 exports.InputGroupTextarea = inputGroup.InputGroupTextarea;
+exports.inputGroupClassName = inputGroup.inputGroupClassName;
+exports.inputGroupControlClassName = inputGroup.inputGroupControlClassName;
 //# sourceMappingURL=InputGroup.cjs.js.map

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

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

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-wzirc-1k.js';
+export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea, i as inputGroupClassName, f as inputGroupControlClassName } from '../input-group-D1XvzgI2.js';
 //# sourceMappingURL=InputGroup.es.js.map

package/dist/components/InputNumber.cjs.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const numberField = require('@base-ui/react/number-field');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('../Button-CXhSUBxN.cjs');
+const inputGroup = require('../input-group-DBRe9V5t.cjs');
+const icons_Icon = require('../icons/Icon.cjs.js');
+const primitives_controlSize = require('../primitives/control-size.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);
+
+function InputNumber({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(numberField.NumberField.Root, { "data-slot": "input-number", className: utils_cn.cn("w-full", className), ...props });
+}
+function InputNumberGroup({ className, size, ...props }) {
+  const groupSize = React__namespace.useContext(primitives_controlSize.ControlSizeContext);
+  const resolved = groupSize ?? size ?? "md";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    numberField.NumberField.Group,
+    {
+      "data-slot": "input-number-group",
+      "data-size": resolved,
+      className: utils_cn.cn(
+        inputGroup.inputGroupClassName,
+        primitives_controlSize.controlHeight[resolved],
+        "has-[>[data-slot=input-number-decrement]]:[&>[data-slot=input-number-input]]:pl-0",
+        "has-[>[data-slot=input-number-increment]]:[&>[data-slot=input-number-input]]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputNumberInput({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    numberField.NumberField.Input,
+    {
+      "data-slot": "input-number-input",
+      className: utils_cn.cn(inputGroup.inputGroupControlClassName, className),
+      ...props
+    }
+  );
+}
+const inputNumberButtonClassName = utils_cn.cn(Button.buttonVariants({ variant: "ghost", size: "icon-sm" }), "mx-1 shrink-0");
+function InputNumberDecrement({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    numberField.NumberField.Decrement,
+    {
+      "data-slot": "input-number-decrement",
+      className: utils_cn.cn(inputNumberButtonClassName, className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, {}) })
+    }
+  );
+}
+function InputNumberIncrement({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    numberField.NumberField.Increment,
+    {
+      "data-slot": "input-number-increment",
+      className: utils_cn.cn(inputNumberButtonClassName, className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, {}) })
+    }
+  );
+}
+
+exports.InputNumber = InputNumber;
+exports.InputNumberDecrement = InputNumberDecrement;
+exports.InputNumberGroup = InputNumberGroup;
+exports.InputNumberIncrement = InputNumberIncrement;
+exports.InputNumberInput = InputNumberInput;
+//# sourceMappingURL=InputNumber.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.cjs.js","sources":["../../src/ds/components/InputNumber/input-number.tsx"],"sourcesContent":["import { NumberField as NumberFieldPrimitive } from '@base-ui/react/number-field';\nimport { MinusIcon, PlusIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { inputGroupClassName, inputGroupControlClassName } from '@/ds/components/InputGroup/input-group';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype InputNumberProps = Omit<NumberFieldPrimitive.Root.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumber({ className, ...props }: InputNumberProps) {\n  return <NumberFieldPrimitive.Root data-slot=\"input-number\" className={cn('w-full', className)} {...props} />;\n}\n\ntype InputNumberGroupProps = Omit<NumberFieldPrimitive.Group.Props, 'className'> & {\n  className?: string;\n  size?: ControlSize;\n};\n\nfunction InputNumberGroup({ className, size, ...props }: InputNumberGroupProps) {\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <NumberFieldPrimitive.Group\n      data-slot=\"input-number-group\"\n      data-size={resolved}\n      className={cn(\n        inputGroupClassName,\n        controlHeight[resolved],\n        'has-[>[data-slot=input-number-decrement]]:[&>[data-slot=input-number-input]]:pl-0',\n        'has-[>[data-slot=input-number-increment]]:[&>[data-slot=input-number-input]]:pr-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype InputNumberInputProps = Omit<NumberFieldPrimitive.Input.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumberInput({ className, ...props }: InputNumberInputProps) {\n  return (\n    <NumberFieldPrimitive.Input\n      data-slot=\"input-number-input\"\n      className={cn(inputGroupControlClassName, className)}\n      {...props}\n    />\n  );\n}\n\nconst inputNumberButtonClassName = cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }), 'mx-1 shrink-0');\n\ntype InputNumberDecrementProps = Omit<NumberFieldPrimitive.Decrement.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumberDecrement({ className, children, ...props }: InputNumberDecrementProps) {\n  return (\n    <NumberFieldPrimitive.Decrement\n      data-slot=\"input-number-decrement\"\n      className={cn(inputNumberButtonClassName, className)}\n      {...props}\n    >\n      <Icon size=\"sm\">{children ?? <MinusIcon />}</Icon>\n    </NumberFieldPrimitive.Decrement>\n  );\n}\n\ntype InputNumberIncrementProps = Omit<NumberFieldPrimitive.Increment.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumberIncrement({ className, children, ...props }: InputNumberIncrementProps) {\n  return (\n    <NumberFieldPrimitive.Increment\n      data-slot=\"input-number-increment\"\n      className={cn(inputNumberButtonClassName, className)}\n      {...props}\n    >\n      <Icon size=\"sm\">{children ?? <PlusIcon />}</Icon>\n    </NumberFieldPrimitive.Increment>\n  );\n}\n\nexport { InputNumber, InputNumberGroup, InputNumberInput, InputNumberDecrement, InputNumberIncrement };\nexport type {\n  InputNumberProps,\n  InputNumberGroupProps,\n  InputNumberInputProps,\n  InputNumberDecrementProps,\n  InputNumberIncrementProps,\n};\n"],"names":["jsx","NumberFieldPrimitive","cn","React","ControlSizeContext","inputGroupClassName","controlHeight","inputGroupControlClassName","buttonVariants","Icon","MinusIcon","PlusIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBAAOA,cAAA,CAACC,uBAAA,CAAqB,IAAA,EAArB,EAA0B,WAAA,EAAU,cAAA,EAAe,SAAA,EAAWC,WAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC5G;AAOA,SAAS,iBAAiB,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAA0B;AAC9E,EAAA,MAAM,SAAA,GAAYC,gBAAA,CAAM,UAAA,CAAWC,yCAAkB,CAAA;AACrD,EAAA,MAAM,QAAA,GAAW,aAAa,IAAA,IAAQ,IAAA;AACtC,EAAA,uBACEJ,cAAA;AAAA,IAACC,uBAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,WAAA,EAAW,QAAA;AAAA,MACX,SAAA,EAAWC,WAAA;AAAA,QACTG,8BAAA;AAAA,QACAC,qCAAc,QAAQ,CAAA;AAAA,QACtB,mFAAA;AAAA,QACA,mFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAMA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0B;AACxE,EAAA,uBACEN,cAAA;AAAA,IAACC,uBAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,SAAA,EAAWC,WAAA,CAAGK,qCAAA,EAA4B,SAAS,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAM,0BAAA,GAA6BL,WAAA,CAAGM,qBAAA,CAAe,EAAE,OAAA,EAAS,SAAS,IAAA,EAAM,SAAA,EAAW,CAAA,EAAG,eAAe,CAAA;AAM5G,SAAS,qBAAqB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAA8B;AAC1F,EAAA,uBACER,cAAA;AAAA,IAACC,uBAAA,CAAqB,SAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,wBAAA;AAAA,MACV,SAAA,EAAWC,WAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEJ,yCAACO,eAAA,EAAA,EAAK,IAAA,EAAK,MAAM,QAAA,EAAA,QAAA,oBAAYT,cAAA,CAACU,yBAAU,CAAA,EAAG;AAAA;AAAA,GAC7C;AAEJ;AAMA,SAAS,qBAAqB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAA8B;AAC1F,EAAA,uBACEV,cAAA;AAAA,IAACC,uBAAA,CAAqB,SAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,wBAAA;AAAA,MACV,SAAA,EAAWC,WAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEJ,yCAACO,eAAA,EAAA,EAAK,IAAA,EAAK,MAAM,QAAA,EAAA,QAAA,oBAAYT,cAAA,CAACW,wBAAS,CAAA,EAAG;AAAA;AAAA,GAC5C;AAEJ;;;;;;;;"}

package/dist/components/InputNumber.d.ts

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

package/dist/components/InputNumber.es.js

@@ -0,0 +1,68 @@
+import { jsx } from 'react/jsx-runtime';
+import { NumberField } from '@base-ui/react/number-field';
+import { MinusIcon, PlusIcon } from 'lucide-react';
+import * as React from 'react';
+import { b as buttonVariants } from '../Button-D43ghVKt.js';
+import { i as inputGroupClassName, f as inputGroupControlClassName } from '../input-group-D1XvzgI2.js';
+import { Icon } from '../icons/Icon.es.js';
+import { ControlSizeContext, controlHeight } from '../primitives/control-size.es.js';
+import { c as cn } from '../cn-65Adrsfj.js';
+
+function InputNumber({ className, ...props }) {
+  return /* @__PURE__ */ jsx(NumberField.Root, { "data-slot": "input-number", className: cn("w-full", className), ...props });
+}
+function InputNumberGroup({ className, size, ...props }) {
+  const groupSize = React.useContext(ControlSizeContext);
+  const resolved = groupSize ?? size ?? "md";
+  return /* @__PURE__ */ jsx(
+    NumberField.Group,
+    {
+      "data-slot": "input-number-group",
+      "data-size": resolved,
+      className: cn(
+        inputGroupClassName,
+        controlHeight[resolved],
+        "has-[>[data-slot=input-number-decrement]]:[&>[data-slot=input-number-input]]:pl-0",
+        "has-[>[data-slot=input-number-increment]]:[&>[data-slot=input-number-input]]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputNumberInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    NumberField.Input,
+    {
+      "data-slot": "input-number-input",
+      className: cn(inputGroupControlClassName, className),
+      ...props
+    }
+  );
+}
+const inputNumberButtonClassName = cn(buttonVariants({ variant: "ghost", size: "icon-sm" }), "mx-1 shrink-0");
+function InputNumberDecrement({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    NumberField.Decrement,
+    {
+      "data-slot": "input-number-decrement",
+      className: cn(inputNumberButtonClassName, className),
+      ...props,
+      children: /* @__PURE__ */ jsx(Icon, { size: "sm", children: children ?? /* @__PURE__ */ jsx(MinusIcon, {}) })
+    }
+  );
+}
+function InputNumberIncrement({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    NumberField.Increment,
+    {
+      "data-slot": "input-number-increment",
+      className: cn(inputNumberButtonClassName, className),
+      ...props,
+      children: /* @__PURE__ */ jsx(Icon, { size: "sm", children: children ?? /* @__PURE__ */ jsx(PlusIcon, {}) })
+    }
+  );
+}
+
+export { InputNumber, InputNumberDecrement, InputNumberGroup, InputNumberIncrement, InputNumberInput };
+//# sourceMappingURL=InputNumber.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.es.js","sources":["../../src/ds/components/InputNumber/input-number.tsx"],"sourcesContent":["import { NumberField as NumberFieldPrimitive } from '@base-ui/react/number-field';\nimport { MinusIcon, PlusIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { inputGroupClassName, inputGroupControlClassName } from '@/ds/components/InputGroup/input-group';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype InputNumberProps = Omit<NumberFieldPrimitive.Root.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumber({ className, ...props }: InputNumberProps) {\n  return <NumberFieldPrimitive.Root data-slot=\"input-number\" className={cn('w-full', className)} {...props} />;\n}\n\ntype InputNumberGroupProps = Omit<NumberFieldPrimitive.Group.Props, 'className'> & {\n  className?: string;\n  size?: ControlSize;\n};\n\nfunction InputNumberGroup({ className, size, ...props }: InputNumberGroupProps) {\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <NumberFieldPrimitive.Group\n      data-slot=\"input-number-group\"\n      data-size={resolved}\n      className={cn(\n        inputGroupClassName,\n        controlHeight[resolved],\n        'has-[>[data-slot=input-number-decrement]]:[&>[data-slot=input-number-input]]:pl-0',\n        'has-[>[data-slot=input-number-increment]]:[&>[data-slot=input-number-input]]:pr-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype InputNumberInputProps = Omit<NumberFieldPrimitive.Input.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumberInput({ className, ...props }: InputNumberInputProps) {\n  return (\n    <NumberFieldPrimitive.Input\n      data-slot=\"input-number-input\"\n      className={cn(inputGroupControlClassName, className)}\n      {...props}\n    />\n  );\n}\n\nconst inputNumberButtonClassName = cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }), 'mx-1 shrink-0');\n\ntype InputNumberDecrementProps = Omit<NumberFieldPrimitive.Decrement.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumberDecrement({ className, children, ...props }: InputNumberDecrementProps) {\n  return (\n    <NumberFieldPrimitive.Decrement\n      data-slot=\"input-number-decrement\"\n      className={cn(inputNumberButtonClassName, className)}\n      {...props}\n    >\n      <Icon size=\"sm\">{children ?? <MinusIcon />}</Icon>\n    </NumberFieldPrimitive.Decrement>\n  );\n}\n\ntype InputNumberIncrementProps = Omit<NumberFieldPrimitive.Increment.Props, 'className'> & {\n  className?: string;\n};\n\nfunction InputNumberIncrement({ className, children, ...props }: InputNumberIncrementProps) {\n  return (\n    <NumberFieldPrimitive.Increment\n      data-slot=\"input-number-increment\"\n      className={cn(inputNumberButtonClassName, className)}\n      {...props}\n    >\n      <Icon size=\"sm\">{children ?? <PlusIcon />}</Icon>\n    </NumberFieldPrimitive.Increment>\n  );\n}\n\nexport { InputNumber, InputNumberGroup, InputNumberInput, InputNumberDecrement, InputNumberIncrement };\nexport type {\n  InputNumberProps,\n  InputNumberGroupProps,\n  InputNumberInputProps,\n  InputNumberDecrementProps,\n  InputNumberIncrementProps,\n};\n"],"names":["NumberFieldPrimitive"],"mappings":";;;;;;;;;;AAeA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBAAO,GAAA,CAACA,WAAA,CAAqB,IAAA,EAArB,EAA0B,WAAA,EAAU,cAAA,EAAe,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC5G;AAOA,SAAS,iBAAiB,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAA0B;AAC9E,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAAW,kBAAkB,CAAA;AACrD,EAAA,MAAM,QAAA,GAAW,aAAa,IAAA,IAAQ,IAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,WAAA,EAAW,QAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,mBAAA;AAAA,QACA,cAAc,QAAQ,CAAA;AAAA,QACtB,mFAAA;AAAA,QACA,mFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAMA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0B;AACxE,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAM,0BAAA,GAA6B,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,SAAS,IAAA,EAAM,SAAA,EAAW,CAAA,EAAG,eAAe,CAAA;AAM5G,SAAS,qBAAqB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAA8B;AAC1F,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAqB,SAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,wBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEJ,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAM,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,aAAU,CAAA,EAAG;AAAA;AAAA,GAC7C;AAEJ;AAMA,SAAS,qBAAqB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAA8B;AAC1F,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAqB,SAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,wBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEJ,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAM,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,YAAS,CAAA,EAAG;AAAA;AAAA,GAC5C;AAEJ;;;;"}

package/dist/components/JSONSchemaForm.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const field = require('../field-ip9xiOVa.cjs');
+const field = require('../field-BkeKcz_6.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const input = require('../input-D0UPyj6A.cjs');
 const lucideReact = require('lucide-react');
-const select = require('../select-DJQYAVcm.cjs');
+const select = require('../select-KV77JIvp.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const checkbox = require('../checkbox-Bkobte27.cjs');
 const Button = require('../Button-CXhSUBxN.cjs');

package/dist/components/JSONSchemaForm.es.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { F as Field$1, e as FieldLabel } from '../field-BtvEQ68O.js';
+import { F as Field$1, e as FieldLabel } from '../field-BiMIiq2Y.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { I as Input } from '../input-D5_B67_r.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon, Plus } from 'lucide-react';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select--ArpXYDc.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../select-CWxcmE3F.js';
 import { Icon } from '../icons/Icon.es.js';
 import { C as Checkbox } from '../checkbox-DcNIsz5L.js';
 import { B as Button } from '../Button-D43ghVKt.js';

package/dist/components/KeyValueList.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const hoverCard = require('../hover-card-DVfZ2INZ.cjs');
-const Txt = require('../Txt-DPmEpNbp.cjs');
+const Txt = require('../Txt-DNnvlrBo.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 

package/dist/components/KeyValueList.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronRightIcon } from 'lucide-react';
 import React__default from 'react';
 import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../hover-card-B1-n3amu.js';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
+import { T as Txt } from '../Txt-C3cYJgKU.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { c as cn } from '../cn-65Adrsfj.js';
 

package/dist/components/ListSearch.cjs.js

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

package/dist/components/ListSearch.es.js

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

package/dist/components/LogsDataList.cjs.js

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

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,3 +1,5 @@
-export { L as LogsDataList } from '../logs-data-list-DfzdzgXB.js';
+export { L as LogsDataList } from '../logs-data-list-PlH4_hgq.js';
 export { D as LogsDataListSkeleton } from '../data-list-skeleton-CeyLefM5.js';
+import 'react';
+import '../keyboard/keyboard-shortcuts-context.es.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/MainHeader.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 Txt = require('../Txt-DPmEpNbp.cjs');
+const Txt = require('../Txt-DNnvlrBo.cjs');
 
 function MainHeaderColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start", className), children });

package/dist/components/MainHeader.es.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
+import { T as Txt } from '../Txt-C3cYJgKU.js';
 
 function MainHeaderColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start", className), children });

package/dist/components/MarkdownRenderer.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const markdownRenderer = require('../markdown-renderer-DPwN7Vtm.cjs');
+const markdownRenderer = require('../markdown-renderer-DRo-Hcuu.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-zvB6a8uj.js';
+export { M as MarkdownRenderer } from '../markdown-renderer-XfWPF-B7.js';
 export { u as useRevealedText } from '../use-reveal-d77hxHz9.js';
 //# sourceMappingURL=MarkdownRenderer.es.js.map

package/dist/components/Message.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const message = require('../message-C1c5oZE7.cjs');
+const message = require('../message-DGDmsmOT.cjs');
 const messageCopyButton = require('../message-copy-button-CqMR2T2t.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const utils_dateFormat = require('../utils/date-format.cjs.js');

package/dist/components/Message.es.js

@@ -1,5 +1,5 @@
-import { M as MessageMetadata } from '../message-C7hocqft.js';
-export { a as Message, b as MessageActions } from '../message-C7hocqft.js';
+import { M as MessageMetadata } from '../message-DoxVrgBX.js';
+export { a as Message, b as MessageActions } from '../message-DoxVrgBX.js';
 export { M as MessageCopyButton } from '../message-copy-button-C_mFZ3Vg.js';
 import { jsx } from 'react/jsx-runtime';
 import { toDate, formatDate } from '../utils/date-format.es.js';

package/dist/components/MetricsCard.cjs.js

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

package/dist/components/MetricsCard.es.js

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

package/dist/components/MetricsKpiCard.cjs.js

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

package/dist/components/MetricsKpiCard.es.js

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

package/dist/components/MetricsLineChart.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsLineChart = require('../metrics-line-chart-CjJxBbM-.cjs');
-const metricsLineChartTooltip = require('../metrics-line-chart-tooltip-DiXCgpik.cjs');
+const metricsLineChart = require('../metrics-line-chart-R-T_jyeP.cjs');
+const metricsLineChartTooltip = require('../metrics-line-chart-tooltip-BoG8nbkO.cjs');
 
 
 

package/dist/components/MetricsLineChart.es.js

@@ -1,3 +1,3 @@
-export { M as MetricsLineChart } from '../metrics-line-chart-C3UMBQ38.js';
-export { M as MetricsLineChartLegend, a as MetricsLineChartTooltip } from '../metrics-line-chart-tooltip-mZXPH1yH.js';
+export { M as MetricsLineChart } from '../metrics-line-chart-C9_EMuHK.js';
+export { M as MetricsLineChartLegend, a as MetricsLineChartTooltip } from '../metrics-line-chart-tooltip-C3WAk3DN.js';
 //# sourceMappingURL=MetricsLineChart.es.js.map