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

package/dist/icons/FileIcon.es.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+
+const FileIcon = (props) => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M9 1.5H4C3.44772 1.5 3 1.94772 3 2.5V13.5C3 14.0523 3.44772 14.5 4 14.5H12C12.5523 14.5 13 14.0523 13 13.5V5.5M9 1.5L13 5.5M9 1.5V5.5H13",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+
+export { FileIcon };
+//# sourceMappingURL=FileIcon.es.js.map

package/dist/icons/FileIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.es.js","sources":["../../src/ds/icons/FileIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FileIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M9 1.5H4C3.44772 1.5 3 1.94772 3 2.5V13.5C3 14.0523 3.44772 14.5 4 14.5H12C12.5523 14.5 13 14.0523 13 13.5V5.5M9 1.5L13 5.5M9 1.5V5.5H13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAEO,MAAM,WAAW,CAAC,KAAA,qBACvB,GAAA,CAAC,KAAA,EAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACjG,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,0IAAA;AAAA,IACF,MAAA,EAAO,cAAA;AAAA,IACP,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe;AAAA;AACjB,CAAA,EACF;;;;"}

package/dist/icons/SearchIcon.cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const SearchIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    d: "M7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.35051 10.1495 2 7.25 2C4.35051 2 2 4.35051 2 7.25C2 10.1495 4.35051 12.5 7.25 12.5ZM11 11L14 14",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+
+exports.SearchIcon = SearchIcon;
+//# sourceMappingURL=SearchIcon.cjs.js.map

package/dist/icons/SearchIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.cjs.js","sources":["../../src/ds/icons/SearchIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const SearchIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.35051 10.1495 2 7.25 2C4.35051 2 2 4.35051 2 7.25C2 10.1495 4.35051 12.5 7.25 12.5ZM11 11L14 14\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"names":["jsx"],"mappings":";;;;;;AAEO,MAAM,aAAa,CAAC,KAAA,qBACzBA,cAAA,CAAC,KAAA,EAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACjG,QAAA,kBAAAA,cAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,uJAAA;AAAA,IACF,MAAA,EAAO,cAAA;AAAA,IACP,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe;AAAA;AACjB,CAAA,EACF;;;;"}

package/dist/icons/SearchIcon.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/icons/SearchIcon'
+export {}

package/dist/icons/SearchIcon.es.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+
+const SearchIcon = (props) => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.35051 10.1495 2 7.25 2C4.35051 2 2 4.35051 2 7.25C2 10.1495 4.35051 12.5 7.25 12.5ZM11 11L14 14",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+
+export { SearchIcon };
+//# sourceMappingURL=SearchIcon.es.js.map

package/dist/icons/SearchIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.es.js","sources":["../../src/ds/icons/SearchIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const SearchIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.35051 10.1495 2 7.25 2C4.35051 2 2 4.35051 2 7.25C2 10.1495 4.35051 12.5 7.25 12.5ZM11 11L14 14\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAEO,MAAM,aAAa,CAAC,KAAA,qBACzB,GAAA,CAAC,KAAA,EAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACjG,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,uJAAA;AAAA,IACF,MAAA,EAAO,cAAA;AAAA,IACP,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe;AAAA;AACjB,CAAA,EACF;;;;"}

package/dist/icons/TrashIcon.cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const TrashIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    d: "M2.5 4H13.5M6 4V2.5H10V4M4 4L4.75 13.5H11.25L12 4M6.75 6.5V11M9.25 6.5V11",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+
+exports.TrashIcon = TrashIcon;
+//# sourceMappingURL=TrashIcon.cjs.js.map

package/dist/icons/TrashIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashIcon.cjs.js","sources":["../../src/ds/icons/TrashIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const TrashIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M2.5 4H13.5M6 4V2.5H10V4M4 4L4.75 13.5H11.25L12 4M6.75 6.5V11M9.25 6.5V11\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"names":["jsx"],"mappings":";;;;;;AAEO,MAAM,YAAY,CAAC,KAAA,qBACxBA,cAAA,CAAC,KAAA,EAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACjG,QAAA,kBAAAA,cAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,2EAAA;AAAA,IACF,MAAA,EAAO,cAAA;AAAA,IACP,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe;AAAA;AACjB,CAAA,EACF;;;;"}

package/dist/icons/TrashIcon.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/icons/TrashIcon'
+export {}

package/dist/icons/TrashIcon.es.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+
+const TrashIcon = (props) => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M2.5 4H13.5M6 4V2.5H10V4M4 4L4.75 13.5H11.25L12 4M6.75 6.5V11M9.25 6.5V11",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+
+export { TrashIcon };
+//# sourceMappingURL=TrashIcon.es.js.map

package/dist/icons/TrashIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashIcon.es.js","sources":["../../src/ds/icons/TrashIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const TrashIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M2.5 4H13.5M6 4V2.5H10V4M4 4L4.75 13.5H11.25L12 4M6.75 6.5V11M9.25 6.5V11\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,CAAC,KAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EACjG,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,2EAAA;AAAA,IACF,MAAA,EAAO,cAAA;AAAA,IACP,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe;AAAA;AACjB,CAAA,EACF;;;;"}

package/dist/{input-group-wzirc-1k.js → input-group-D1XvzgI2.js}

@@ -109,6 +109,13 @@ const inputGroupControlHeightBySize = cn(
   "group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]",
   "group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]"
 );
+const inputGroupControlClassName = cn(
+  "min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden",
+  inputGroupControlHeightBySize,
+  "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
+  "focus:placeholder:opacity-70",
+  "disabled:cursor-not-allowed"
+);
 function InputGroupInput({ className, testId, error, type = "text", ...props }) {
   return /* @__PURE__ */ jsx(
     Input,
@@ -117,11 +124,7 @@ function InputGroupInput({ className, testId, error, type = "text", ...props })
       "data-slot": "input-group-control",
       "data-testid": testId,
       className: cn(
-        "min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden",
-        inputGroupControlHeightBySize,
-        "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
-        "focus:placeholder:opacity-70",
-        "disabled:cursor-not-allowed",
+        inputGroupControlClassName,
         // WebKit and Firefox use different selectors for native number spinners.
         "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
         "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
@@ -173,5 +176,5 @@ function InputGroupButton({ size = "icon-sm", variant = "ghost", type = "button"
   return /* @__PURE__ */ jsx(Button, { type, size, variant, ...props });
 }
 
-export { InputGroup as I, InputGroupAddon as a, InputGroupButton as b, InputGroupInput as c, InputGroupText as d, InputGroupTextarea as e };
-//# sourceMappingURL=input-group-wzirc-1k.js.map
+export { InputGroup as I, InputGroupAddon as a, InputGroupButton as b, InputGroupInput as c, InputGroupText as d, InputGroupTextarea as e, inputGroupControlClassName as f, inputGroupClassName as i };
+//# sourceMappingURL=input-group-D1XvzgI2.js.map

package/dist/input-group-D1XvzgI2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-D1XvzgI2.js","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRimWithin,\n  inputSurfaceAndFocusWithinStyle,\n} from '@/ds/primitives/form-element';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentProps<'div'> & {\n  size?: ControlSize;\n};\n\nfunction InputGroup({ className, size, ...props }: InputGroupProps) {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(inputGroupClassName, controlHeight[resolved], className)}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nfunction InputGroupAddon({ className, align = 'inline-start', onClick, ...props }: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={event => {\n        // Click on non-interactive addon area focuses the control inside the group.\n        // Skip when a button/input handled the click itself.\n        const target = event.target as HTMLElement;\n        if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n          event.currentTarget.parentElement\n            ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n            ?.focus();\n        }\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n}\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupControlClassName = cn(\n  'min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden',\n  inputGroupControlHeightBySize,\n  'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n  'focus:placeholder:opacity-70',\n  'disabled:cursor-not-allowed',\n);\n\nexport type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupInput({ className, testId, error, type = 'text', ...props }: InputGroupInputProps) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        inputGroupControlClassName,\n        // WebKit and Firefox use different selectors for native number spinners.\n        '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n        '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n        '[&[type=number]]:[appearance:textfield]',\n        // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n        // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n        '[&::-webkit-search-cancel-button]:appearance-none',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps) {\n  return (\n    <TextareaControl\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n        inputGroupControlTextBySize,\n        'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n        'focus:placeholder:opacity-70',\n        'disabled:cursor-not-allowed',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupTextProps = React.ComponentProps<'span'>;\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nfunction InputGroupButton({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }: InputGroupButtonProps) {\n  return <Button type={type} size={size} variant={variant} {...props} />;\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":["InputPrimitive"],"mappings":"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"}

package/dist/{input-group-BgCXLSRV.cjs → input-group-DBRe9V5t.cjs}

@@ -130,6 +130,13 @@ const inputGroupControlHeightBySize = utils_cn.cn(
   "group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]",
   "group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]"
 );
+const inputGroupControlClassName = utils_cn.cn(
+  "min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden",
+  inputGroupControlHeightBySize,
+  "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
+  "focus:placeholder:opacity-70",
+  "disabled:cursor-not-allowed"
+);
 function InputGroupInput({ className, testId, error, type = "text", ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     input.Input,
@@ -138,11 +145,7 @@ function InputGroupInput({ className, testId, error, type = "text", ...props })
       "data-slot": "input-group-control",
       "data-testid": testId,
       className: utils_cn.cn(
-        "min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden",
-        inputGroupControlHeightBySize,
-        "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
-        "focus:placeholder:opacity-70",
-        "disabled:cursor-not-allowed",
+        inputGroupControlClassName,
         // WebKit and Firefox use different selectors for native number spinners.
         "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
         "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
@@ -200,4 +203,6 @@ exports.InputGroupButton = InputGroupButton;
 exports.InputGroupInput = InputGroupInput;
 exports.InputGroupText = InputGroupText;
 exports.InputGroupTextarea = InputGroupTextarea;
-//# sourceMappingURL=input-group-BgCXLSRV.cjs.map
+exports.inputGroupClassName = inputGroupClassName;
+exports.inputGroupControlClassName = inputGroupControlClassName;
+//# sourceMappingURL=input-group-DBRe9V5t.cjs.map

package/dist/input-group-DBRe9V5t.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-DBRe9V5t.cjs","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRimWithin,\n  inputSurfaceAndFocusWithinStyle,\n} from '@/ds/primitives/form-element';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentProps<'div'> & {\n  size?: ControlSize;\n};\n\nfunction InputGroup({ className, size, ...props }: InputGroupProps) {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(inputGroupClassName, controlHeight[resolved], className)}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nfunction InputGroupAddon({ className, align = 'inline-start', onClick, ...props }: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={event => {\n        // Click on non-interactive addon area focuses the control inside the group.\n        // Skip when a button/input handled the click itself.\n        const target = event.target as HTMLElement;\n        if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n          event.currentTarget.parentElement\n            ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n            ?.focus();\n        }\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n}\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupControlClassName = cn(\n  'min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden',\n  inputGroupControlHeightBySize,\n  'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n  'focus:placeholder:opacity-70',\n  'disabled:cursor-not-allowed',\n);\n\nexport type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupInput({ className, testId, error, type = 'text', ...props }: InputGroupInputProps) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        inputGroupControlClassName,\n        // WebKit and Firefox use different selectors for native number spinners.\n        '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n        '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n        '[&[type=number]]:[appearance:textfield]',\n        // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n        // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n        '[&::-webkit-search-cancel-button]:appearance-none',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps) {\n  return (\n    <TextareaControl\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n        inputGroupControlTextBySize,\n        'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n        'focus:placeholder:opacity-70',\n        'disabled:cursor-not-allowed',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupTextProps = React.ComponentProps<'span'>;\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nfunction InputGroupButton({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }: InputGroupButtonProps) {\n  return <Button type={type} size={size} variant={variant} {...props} />;\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":["cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","React","ControlSizeContext","jsx","controlHeight","cva","InputPrimitive","deprecatedErrorAria","keepOwnAccessibleName","TextareaControl","Button"],"mappings":"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"}

package/dist/layout/tabbed-container.cjs.js

@@ -5,20 +5,22 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('../tabbed-container.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../combobox-RzEkcOuu.cjs');
-const dataList = require('../data-list-Bqf-fhMx.cjs');
-const listSearch = require('../list-search-CTGQJCh1.cjs');
-const tabsContent = require('../tabs-content-DnscxcLI.cjs');
-const tabsTab = require('../tabs-tab-BmIBFifi.cjs');
-const tabsRoot = require('../tabs-root-C-ePF1y9.cjs');
+const combobox = require('../combobox-DPpiBLWV.cjs');
+const dataList = require('../data-list-DoKc-wSe.cjs');
+const listSearch = require('../list-search-CCHN2OMB.cjs');
+const tabsContent = require('../tabs-content-DfH1hhpU.cjs');
+const tabsContext = require('../tabs-context-pnspPkI-.cjs');
+const tabsList = require('../tabs-list-Tqj36HIL.cjs');
+const tabsRoot = require('../tabs-root-Hkt7A6oq.cjs');
+const tabsTab = require('../tabs-tab-C-C2vX-D.cjs');
 const tooltip = require('../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../Txt-DPmEpNbp.cjs');
+const Txt = require('../Txt-DNnvlrBo.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const TabbedContainerPanel = ({ value, children, className }) => /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value, keepMounted: true, className: utils_cn.cn("min-h-0 flex-1", className), children });
 const TabbedContainerDataList = ({ value, columns, fit, children, className }) => /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value, keepMounted: true, className: utils_cn.cn("tabbed-container-data-list min-h-0 flex-1", className), children: /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList, { columns, fit, variant: "light", className: "min-h-0 px-0 pb-0", children }) });
 const DataListControls = ({ dataLists }) => {
-  const tabs = React.useContext(tabsTab.TabsContext);
+  const tabs = React.useContext(tabsContext.TabsContext);
   return dataLists.map((dataList) => {
     const { filter, search, value } = dataList.props;
     if (!search && !filter) return null;
@@ -70,7 +72,7 @@ function TabbedContainerRoot({
       className: utils_cn.cn("tabbed-container min-h-0 flex-1", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "tabbed-container-rail", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabbed-container-tabs", children: /* @__PURE__ */ jsxRuntime.jsx(tabsRoot.TabList, { children: panels.map((panel) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabbed-container-tabs", children: /* @__PURE__ */ jsxRuntime.jsx(tabsList.TabList, { children: panels.map((panel) => /* @__PURE__ */ jsxRuntime.jsx(
             tabsTab.Tab,
             {
               value: panel.props.value,

package/dist/layout/tabbed-container.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbed-container.cjs.js","sources":["../../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div\n        key={value}\n        data-slot=\"tabbed-container-controls\"\n        data-active={active || undefined}\n        aria-hidden={!active}\n        inert={!active}\n      >\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: 'stroke' | 'inset';\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"names":["jsx","TabContent","cn","DataList","useContext","TabsContext","jsxs","ListSearch","TooltipProvider","Tooltip","TooltipTrigger","ListFilterIcon","Txt","Combobox","TooltipContent","isValidElement","Children","Tabs","TabList","Tab"],"mappings":"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"}
+{"version":3,"file":"tabbed-container.cjs.js","sources":["../../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div\n        key={value}\n        data-slot=\"tabbed-container-controls\"\n        data-active={active || undefined}\n        aria-hidden={!active}\n        inert={!active}\n      >\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"names":["jsx","TabContent","cn","DataList","useContext","TabsContext","jsxs","ListSearch","TooltipProvider","Tooltip","TooltipTrigger","ListFilterIcon","Txt","Combobox","TooltipContent","isValidElement","Children","Tabs","TabList","Tab"],"mappings":"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"}

package/dist/layout/tabbed-container.es.js

@@ -1,14 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterIcon } from 'lucide-react';
 import { Children, isValidElement, useContext } from 'react';
-import { C as Combobox } from '../combobox-DKFPbNMB.js';
-import { D as DataList } from '../data-list-CEIYm7FY.js';
-import { L as ListSearch } from '../list-search-CmOCmTwL.js';
-import { T as TabContent } from '../tabs-content-CwbkTutf.js';
-import { T as Tab, a as TabsContext } from '../tabs-tab-DoPSW-1s.js';
-import { a as Tabs, T as TabList } from '../tabs-root-lrZZ3KwH.js';
+import { C as Combobox } from '../combobox-DoJgbq9N.js';
+import { D as DataList } from '../data-list-DdsyfT8B.js';
+import { L as ListSearch } from '../list-search-DcACBmNB.js';
+import { T as TabContent } from '../tabs-content-OWF8un_n.js';
+import { T as TabsContext } from '../tabs-context-Cbuw7i0u.js';
+import { T as TabList } from '../tabs-list-tLx5fgP0.js';
+import { T as Tabs } from '../tabs-root-BbzhUZl4.js';
+import { T as Tab } from '../tabs-tab-ClLIOGiC.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-DsQPiynb.js';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
+import { T as Txt } from '../Txt-C3cYJgKU.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 import '../tabbed-container.css';const TabbedContainerPanel = ({ value, children, className }) => /* @__PURE__ */ jsx(TabContent, { value, keepMounted: true, className: cn("min-h-0 flex-1", className), children });

package/dist/layout/tabbed-container.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbed-container.es.js","sources":["../../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div\n        key={value}\n        data-slot=\"tabbed-container-controls\"\n        data-active={active || undefined}\n        aria-hidden={!active}\n        inert={!active}\n      >\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: 'stroke' | 'inset';\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tabbed-container.es.js","sources":["../../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div\n        key={value}\n        data-slot=\"tabbed-container-controls\"\n        data-active={active || undefined}\n        aria-hidden={!active}\n        inert={!active}\n      >\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"names":[],"mappings":"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"}

package/dist/lib/form/components/array-element-wrapper.cjs.js

@@ -11,7 +11,7 @@ const lib_form_useSectionDisclosure = require('../use-section-disclosure.cjs.js'
 const lib_form_utils = require('../utils.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 
 const HUMAN_SUMMARY_KEYS = ["title", "name", "label"];
 function firstFilledText(values) {

package/dist/lib/form/components/array-element-wrapper.es.js

@@ -7,7 +7,7 @@ import { useSectionDisclosure } from '../use-section-disclosure.es.js';
 import { isPlainObject } from '../utils.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 
 const HUMAN_SUMMARY_KEYS = ["title", "name", "label"];
 function firstFilledText(values) {

package/dist/lib/form/components/array-wrapper.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const lib_form_fieldContext = require('../field-context.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 
 function ArrayWrapper({ label, children, onAddItem }) {
   const readOnly = React.useContext(lib_form_fieldContext.FormReadOnlyContext);

package/dist/lib/form/components/array-wrapper.es.js

@@ -3,7 +3,7 @@ import { Brackets, Plus } from 'lucide-react';
 import { useContext, Children, useRef } from 'react';
 import { FormReadOnlyContext, ArrayAddButtonContext } from '../field-context.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 
 function ArrayWrapper({ label, children, onAddItem }) {
   const readOnly = useContext(FormReadOnlyContext);

package/dist/lib/form/components/boolean-field.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const checkbox = require('../../../checkbox-Bkobte27.cjs');
-const field = require('../../../field-ip9xiOVa.cjs');
+const field = require('../../../field-BkeKcz_6.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 
 const BooleanField = ({ field: field$1, label, inputProps }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [

package/dist/lib/form/components/boolean-field.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { C as Checkbox } from '../../../checkbox-DcNIsz5L.js';
-import { e as FieldLabel } from '../../../field-BtvEQ68O.js';
+import { e as FieldLabel } from '../../../field-BiMIiq2Y.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 
 const BooleanField = ({ field, label, inputProps }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [

package/dist/lib/form/components/error-message.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Notice = require('../../../Notice-C4Tgmtgb.cjs');
+const Notice = require('../../../Notice-D4zc_oTj.cjs');
 
 const ErrorMessage = ({ error }) => /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "destructive", title: error });
 

package/dist/lib/form/components/error-message.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { N as Notice } from '../../../Notice-B8RIClJD.js';
+import { N as Notice } from '../../../Notice-D4gMAkVI.js';
 
 const ErrorMessage = ({ error }) => /* @__PURE__ */ jsx(Notice, { variant: "destructive", title: error });
 

package/dist/lib/form/components/field-wrapper.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const field = require('../../../field-ip9xiOVa.cjs');
+const field = require('../../../field-BkeKcz_6.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 
 const GROUP_TYPES = ["object", "array"];

package/dist/lib/form/components/field-wrapper.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { f as Fieldset, g as FieldsetLegend, F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from '../../../field-BtvEQ68O.js';
+import { f as Fieldset, g as FieldsetLegend, F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from '../../../field-BiMIiq2Y.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 
 const GROUP_TYPES = ["object", "array"];

package/dist/lib/form/components/object-wrapper.cjs.js

@@ -8,7 +8,7 @@ const React = require('react');
 const lib_form_fieldContext = require('../field-context.cjs.js');
 const lib_form_useSectionDisclosure = require('../use-section-disclosure.cjs.js');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 
 function ObjectWrapper({ label, children }) {
   if (label === lib_form_fieldContext.ROOT_FIELD_KEY || label === "") return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children });

package/dist/lib/form/components/object-wrapper.es.js

@@ -4,7 +4,7 @@ import { useContext } from 'react';
 import { ROOT_FIELD_KEY, FieldPathContext } from '../field-context.es.js';
 import { useSectionDisclosure } from '../use-section-disclosure.es.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 
 function ObjectWrapper({ label, children }) {
   if (label === ROOT_FIELD_KEY || label === "") return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children });

package/dist/lib/form/components/select-field.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const select = require('../../../select-DJQYAVcm.cjs');
+const select = require('../../../select-KV77JIvp.cjs');
 
 const SelectField = ({ field, inputProps, value }) => {
   const { key: _key, ...props } = inputProps;

package/dist/lib/form/components/select-field.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-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';
 
 const SelectField = ({ field, inputProps, value }) => {
   const { key: _key, ...props } = inputProps;