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

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-CvWwK1Vz.cjs","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { 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 { controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// No React context: size flows via `data-size` on the named group root\n// (`group/input-group`) and is read by the control through `group-data-[size=…]`\n// variants — mirrors shadcn's data-slot/data-* convention and removes prop drilling.\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.\nconst inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  'has-[[aria-invalid=true]]:[--surface-rim:var(--destructive)]',\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nconst InputGroup = React.forwardRef<HTMLDivElement, InputGroupProps>(({ className, size = 'md', ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={size}\n      className={cn(inputGroupClassName, controlHeight[size], className)}\n      {...props}\n    />\n  );\n});\nInputGroup.displayName = 'InputGroup';\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.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nconst InputGroupAddon = React.forwardRef<HTMLDivElement, InputGroupAddonProps>(\n  ({ className, align = 'inline-start', onClick, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\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);\nInputGroupAddon.displayName = 'InputGroupAddon';\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);\nexport type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n  ({ className, testId, error, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          // Height fits the root's content box (see inputGroupControlHeightBySize).\n          'min-w-0 flex-1 bg-transparent px-3 text-foreground outline-hidden',\n          inputGroupControlHeightBySize,\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          // Hide native number-spinner arrows so consumers can compose their own\n          // stepper (see the NumberWithStepper story). WebKit uses the spin-button\n          // pseudo-elements; Firefox needs `appearance: textfield` on the input.\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        {...props}\n      />\n    );\n  },\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nexport type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, InputGroupTextareaProps>(\n  ({ className, testId, error, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\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        {...props}\n      />\n    );\n  },\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, InputGroupTextProps>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\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});\nInputGroupText.displayName = 'InputGroupText';\n\nexport type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n  ({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }, ref) => {\n    return <Button ref={ref} type={type} size={size} variant={variant} {...props} />;\n  },\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":["cn","inputSurfaceAndFocusWithinStyle","React","jsx","controlHeight","cva","Button"],"mappings":"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"}

package/dist/kbd-B-Z2sNvK.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const primitives_transitions = require('./primitives/transitions.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const sizeClasses = {
+  default: "h-6 min-w-6 rounded-md px-1.5 text-caption",
+  sm: "h-5 min-w-5 rounded-md px-1 text-meta",
+  xs: "h-4 min-w-4 rounded px-1 text-meta leading-none"
+};
+const Kbd = ({ children, size = "default", className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "kbd",
+    {
+      className: utils_cn.cn(
+        "bg-card shadow-raised text-foreground inline-flex items-center justify-center font-mono",
+        sizeClasses[size],
+        primitives_transitions.transitions.transform,
+        "active:scale-95 active:shadow-none",
+        className
+      ),
+      children
+    }
+  );
+};
+
+exports.Kbd = Kbd;
+//# sourceMappingURL=kbd-B-Z2sNvK.cjs.map

package/dist/kbd-B-Z2sNvK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-B-Z2sNvK.cjs","sources":["../src/ds/components/Kbd/kbd.tsx"],"sourcesContent":["import { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type KbdProps = {\n  children: React.ReactNode;\n  size?: 'default' | 'sm' | 'xs';\n  className?: string;\n};\n\n// Fixed heights, not padding — `font-mono` normal leading varies per glyph set and desyncs the scale\nconst sizeClasses: Record<NonNullable<KbdProps['size']>, string> = {\n  default: 'h-6 min-w-6 rounded-md px-1.5 text-caption',\n  sm: 'h-5 min-w-5 rounded-md px-1 text-meta',\n  xs: 'h-4 min-w-4 rounded px-1 text-meta leading-none',\n};\n\nexport const Kbd = ({ children, size = 'default', className }: KbdProps) => {\n  return (\n    <kbd\n      className={cn(\n        'bg-card shadow-raised text-foreground inline-flex items-center justify-center font-mono',\n        sizeClasses[size],\n        transitions.transform,\n        'active:scale-95 active:shadow-none',\n        className,\n      )}\n    >\n      {children}\n    </kbd>\n  );\n};\n"],"names":["jsx","cn","transitions"],"mappings":";;;;;;AAUA,MAAM,WAAA,GAA6D;AAAA,EACjE,OAAA,EAAS,4CAAA;AAAA,EACT,EAAA,EAAI,uCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAM,CAAC,EAAE,UAAU,IAAA,GAAO,SAAA,EAAW,WAAU,KAAgB;AAC1E,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,yFAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChBC,kCAAA,CAAY,SAAA;AAAA,QACZ,oCAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/kbd-CINtikLh.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { transitions } from './primitives/transitions.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const sizeClasses = {
+  default: "h-6 min-w-6 rounded-md px-1.5 text-caption",
+  sm: "h-5 min-w-5 rounded-md px-1 text-meta",
+  xs: "h-4 min-w-4 rounded px-1 text-meta leading-none"
+};
+const Kbd = ({ children, size = "default", className }) => {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: cn(
+        "bg-card shadow-raised text-foreground inline-flex items-center justify-center font-mono",
+        sizeClasses[size],
+        transitions.transform,
+        "active:scale-95 active:shadow-none",
+        className
+      ),
+      children
+    }
+  );
+};
+
+export { Kbd as K };
+//# sourceMappingURL=kbd-CINtikLh.js.map

package/dist/kbd-CINtikLh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-CINtikLh.js","sources":["../src/ds/components/Kbd/kbd.tsx"],"sourcesContent":["import { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type KbdProps = {\n  children: React.ReactNode;\n  size?: 'default' | 'sm' | 'xs';\n  className?: string;\n};\n\n// Fixed heights, not padding — `font-mono` normal leading varies per glyph set and desyncs the scale\nconst sizeClasses: Record<NonNullable<KbdProps['size']>, string> = {\n  default: 'h-6 min-w-6 rounded-md px-1.5 text-caption',\n  sm: 'h-5 min-w-5 rounded-md px-1 text-meta',\n  xs: 'h-4 min-w-4 rounded px-1 text-meta leading-none',\n};\n\nexport const Kbd = ({ children, size = 'default', className }: KbdProps) => {\n  return (\n    <kbd\n      className={cn(\n        'bg-card shadow-raised text-foreground inline-flex items-center justify-center font-mono',\n        sizeClasses[size],\n        transitions.transform,\n        'active:scale-95 active:shadow-none',\n        className,\n      )}\n    >\n      {children}\n    </kbd>\n  );\n};\n"],"names":[],"mappings":";;;;AAUA,MAAM,WAAA,GAA6D;AAAA,EACjE,OAAA,EAAS,4CAAA;AAAA,EACT,EAAA,EAAI,uCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAM,CAAC,EAAE,UAAU,IAAA,GAAO,SAAA,EAAW,WAAU,KAAgB;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,yFAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,WAAA,CAAY,SAAA;AAAA,QACZ,oCAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/label-DfAhywj_.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Label = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "label",
+    {
+      ref,
+      className: utils_cn.cn("text-label text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+      ...props
+    }
+  )
+);
+Label.displayName = "Label";
+
+exports.Label = Label;
+//# sourceMappingURL=label-DfAhywj_.cjs.map

package/dist/label-DfAhywj_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-DfAhywj_.cjs","sources":["../src/ds/components/Label/label.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentPropsWithoutRef<'label'>>(\n  ({ className, ...props }, ref) => (\n    <label\n      ref={ref}\n      className={cn('text-label text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70', className)}\n      {...props}\n    />\n  ),\n);\nLabel.displayName = 'Label';\n\nexport { Label };\n"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,QAAQA,gBAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,WAAA,CAAG,sFAAA,EAAwF,SAAS,CAAA;AAAA,MAC9G,GAAG;AAAA;AAAA;AAGV;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

package/dist/label-Dxsz0dFs.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const Label = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "label",
+    {
+      ref,
+      className: cn("text-label text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+      ...props
+    }
+  )
+);
+Label.displayName = "Label";
+
+export { Label as L };
+//# sourceMappingURL=label-Dxsz0dFs.js.map

package/dist/label-Dxsz0dFs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-Dxsz0dFs.js","sources":["../src/ds/components/Label/label.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentPropsWithoutRef<'label'>>(\n  ({ className, ...props }, ref) => (\n    <label\n      ref={ref}\n      className={cn('text-label text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70', className)}\n      {...props}\n    />\n  ),\n);\nLabel.displayName = 'Label';\n\nexport { Label };\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAQ,KAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,sFAAA,EAAwF,SAAS,CAAA;AAAA,MAC9G,GAAG;AAAA;AAAA;AAGV;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

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

@@ -5,14 +5,14 @@ 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-F3WprWVx.cjs');
-const dataList = require('../data-list-B9td5YXY.cjs');
-const listSearch = require('../list-search-DISXdbOP.cjs');
-const tabsContent = require('../tabs-content-CRKte85r.cjs');
-const tabsTab = require('../tabs-tab-tRgFBx85.cjs');
-const tabsRoot = require('../tabs-root-DcnvZuD4.cjs');
-const tooltip = require('../tooltip-_cda-a7s.cjs');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const combobox = require('../combobox-BWM3VH-n.cjs');
+const dataList = require('../data-list-CypPKOQ_.cjs');
+const listSearch = require('../list-search-vyxsZMAK.cjs');
+const tabsContent = require('../tabs-content-Bz6CZuv9.cjs');
+const tabsTab = require('../tabs-tab-DA466DbX.cjs');
+const tabsRoot = require('../tabs-root-C5ABfm1F.cjs');
+const tooltip = require('../tooltip-FvWL16Xn.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 }) });
@@ -35,7 +35,7 @@ const DataListControls = ({ dataLists }) => {
           filter ? /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { delay: 200, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "tabbed-container-filter", "data-active": filterCount > 0 || void 0, children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListFilterIcon, { "aria-hidden": "true" }),
-              filterCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", "data-slot": "tabbed-container-filter-count", className: "text-ui-xs", children: filterCount }) : null,
+              filterCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", "data-slot": "tabbed-container-filter-count", className: "text-meta", children: filterCount }) : null,
               filter.multiple ? /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox, { ...filter, clearLabel: "Clear", size: "md", variant: "default" }) : /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox, { ...filter, size: "md", variant: "default" })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { side: "bottom", children: filterCount > 0 ? `Filter, ${filterCount} selected` : "Filter" })
@@ -78,7 +78,7 @@ function TabbedContainerRoot({
               disabledTooltip: panel.props.disabledTooltip,
               onClick: panel.props.onClick,
               onClose: panel.props.onClose,
-              className: utils_cn.cn("font-medium", panel.props.tabClassName),
+              className: panel.props.tabClassName,
               children: panel.props.label
             },
             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 { 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                      <span aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\" className=\"text-ui-xs\">\n                        {filterCount}\n                      </span>\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={cn('font-medium', 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","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 { 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 { 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                      <span aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\" className=\"text-meta\">\n                        {filterCount}\n                      </span>\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","Combobox","TooltipContent","isValidElement","Children","Tabs","TabList","Tab"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterIcon } from 'lucide-react';
 import { Children, isValidElement, useContext } from 'react';
-import { C as Combobox } from '../combobox-CQ2Ri2LC.js';
-import { D as DataList } from '../data-list-IQ0BjiGx.js';
-import { L as ListSearch } from '../list-search-Cg5Y90E8.js';
-import { T as TabContent } from '../tabs-content-Drm6Y6Ul.js';
-import { T as Tab, a as TabsContext } from '../tabs-tab-CgMaandp.js';
-import { a as Tabs, T as TabList } from '../tabs-root-yY2eNDS2.js';
-import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-QuS0KEbc.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { C as Combobox } from '../combobox-D7xJFZuO.js';
+import { D as DataList } from '../data-list-DnSdaRES.js';
+import { L as ListSearch } from '../list-search-BTW0Neuc.js';
+import { T as TabContent } from '../tabs-content-CKC4kIpH.js';
+import { T as Tab, a as TabsContext } from '../tabs-tab-BycF4dvx.js';
+import { a as Tabs, T as TabList } from '../tabs-root-CcEQrwTM.js';
+import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-BrDiP0RI.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 });
 const TabbedContainerDataList = ({ value, columns, fit, children, className }) => /* @__PURE__ */ jsx(TabContent, { value, keepMounted: true, className: cn("tabbed-container-data-list min-h-0 flex-1", className), children: /* @__PURE__ */ jsx(DataList, { columns, fit, variant: "light", className: "min-h-0 px-0 pb-0", children }) });
@@ -31,7 +31,7 @@ const DataListControls = ({ dataLists }) => {
           filter ? /* @__PURE__ */ jsx(TooltipProvider, { delay: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { "data-slot": "tabbed-container-filter", "data-active": filterCount > 0 || void 0, children: [
               /* @__PURE__ */ jsx(ListFilterIcon, { "aria-hidden": "true" }),
-              filterCount > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "tabbed-container-filter-count", className: "text-ui-xs", children: filterCount }) : null,
+              filterCount > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "tabbed-container-filter-count", className: "text-meta", children: filterCount }) : null,
               filter.multiple ? /* @__PURE__ */ jsx(Combobox, { ...filter, clearLabel: "Clear", size: "md", variant: "default" }) : /* @__PURE__ */ jsx(Combobox, { ...filter, size: "md", variant: "default" })
             ] }) }),
             /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: filterCount > 0 ? `Filter, ${filterCount} selected` : "Filter" })
@@ -74,7 +74,7 @@ function TabbedContainerRoot({
               disabledTooltip: panel.props.disabledTooltip,
               onClick: panel.props.onClick,
               onClose: panel.props.onClose,
-              className: cn("font-medium", panel.props.tabClassName),
+              className: panel.props.tabClassName,
               children: panel.props.label
             },
             panel.props.value

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 { 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                      <span aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\" className=\"text-ui-xs\">\n                        {filterCount}\n                      </span>\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={cn('font-medium', 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 { 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 { 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                      <span aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\" className=\"text-meta\">\n                        {filterCount}\n                      </span>\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":";;;;;;;;;;;;AA6CO,MAAM,uBAAuB,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,WAAU,qBAChE,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAc,aAAW,IAAA,EAAC,SAAA,EAAW,GAAG,gBAAA,EAAkB,SAAS,GAC5E,QAAA,EACH,CAAA;AAGK,MAAM,uBAAA,GAA0B,CAAC,EAAE,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,QAAA,EAAU,SAAA,EAAU,qBACjF,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAc,WAAA,EAAW,IAAA,EAAC,SAAA,EAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA,EACxG,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAkB,GAAA,EAAU,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,mBAAA,EAC7D,QAAA,EACH,CAAA,EACF,CAAA;AAGK,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAU,KAAmE;AAC9G,EAAA,MAAM,IAAA,GAAO,WAAW,WAAW,CAAA;AACnC,EAAA,OAAO,SAAA,CAAU,IAAI,CAAA,QAAA,KAAY;AAC/B,IAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,KAAA,KAAU,QAAA,CAAS,KAAA;AAC3C,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,EAAQ,OAAO,IAAA;AAC/B,IAAA,MAAM,MAAA,GAAS,UAAU,IAAA,EAAM,KAAA;AAC/B,IAAA,MAAM,WAAA,GAAc,MAAA,GAAU,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,MAAA,GAAS,MAAA,CAAO,KAAA,GAAQ,IAAI,CAAA,GAAK,CAAA;AAC1G,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,WAAA,EAAU,2BAAA;AAAA,QACV,eAAa,MAAA,IAAU,MAAA;AAAA,QACvB,eAAa,CAAC,MAAA;AAAA,QACd,OAAO,CAAC,MAAA;AAAA,QAER,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,wBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,yBAAA,EACb,8BAAC,UAAA,EAAA,EAAY,GAAG,MAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,gBAAA,EAAkB,CAAC,MAAA,EAAQ,GAC/D,CAAA,GACE,IAAA;AAAA,UACH,yBACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,GAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,aAAU,yBAAA,EAA0B,aAAA,EAAa,WAAA,GAAc,CAAA,IAAK,MAAA,EACvE,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,eAAY,MAAA,EAAO,CAAA;AAAA,cAClC,WAAA,GAAc,CAAA,mBACb,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAA,EAAU,+BAAA,EAAgC,SAAA,EAAU,WAAA,EAC1E,QAAA,EAAA,WAAA,EACH,CAAA,GACE,IAAA;AAAA,cACH,MAAA,CAAO,2BACN,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,MAAA,EAAQ,UAAA,EAAW,SAAQ,IAAA,EAAK,IAAA,EAAK,SAAQ,SAAA,EAAU,CAAA,uBAEpE,QAAA,EAAA,EAAU,GAAG,QAAQ,IAAA,EAAK,IAAA,EAAK,SAAQ,SAAA,EAAU;AAAA,aAAA,EAEtD,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,kBAAe,IAAA,EAAK,QAAA,EAClB,wBAAc,CAAA,GAAI,CAAA,QAAA,EAAW,WAAW,CAAA,SAAA,CAAA,GAAc,QAAA,EACzD;AAAA,WAAA,EACF,GACF,CAAA,GACE;AAAA,SAAA,EACN;AAAA,OAAA;AAAA,MApCK;AAAA,KAqCP;AAAA,EAEJ,CAAC,CAAA;AACH,CAAA;AAaA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KACxB,cAAA,CAAe,KAAK,MAAM,KAAA,CAAM,IAAA,KAAS,oBAAA,IAAwB,KAAA,CAAM,IAAA,KAAS,uBAAA,CAAA;AAElF,MAAM,UAAA,GAAa,CACjB,KAAA,KACwD,KAAA,CAAM,IAAA,KAAS,uBAAA;AAElE,SAAS,mBAAA,CAAsC;AAAA,EACpD,QAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,SAAS,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAO,gBAAgB,CAAA;AACjE,EAAA,MAAM,SAAA,GAAY,MAAA,CAAO,MAAA,CAAO,UAAU,CAAA;AAC1C,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAW,WAAA;AAAA,MACX,KAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,MAE1D,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,aAAU,uBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAI,WAAA,EAAU,uBAAA,EACb,8BAAC,OAAA,EAAA,EACE,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACV,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cAEC,KAAA,EAAO,MAAM,KAAA,CAAM,KAAA;AAAA,cACnB,QAAA,EAAU,MAAM,KAAA,CAAM,QAAA;AAAA,cACtB,SAAA,EAAW,MAAM,KAAA,CAAM,SAAA;AAAA,cACvB,eAAA,EAAiB,MAAM,KAAA,CAAM,eAAA;AAAA,cAC7B,OAAA,EAAS,MAAM,KAAA,CAAM,OAAA;AAAA,cACrB,OAAA,EAAS,MAAM,KAAA,CAAM,OAAA;AAAA,cACrB,SAAA,EAAW,MAAM,KAAA,CAAM,YAAA;AAAA,cAEtB,gBAAM,KAAA,CAAM;AAAA,aAAA;AAAA,YATR,MAAM,KAAA,CAAM;AAAA,WAWpB,GACH,CAAA,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,oBAAiB,SAAA,EAAsB;AAAA,SAAA,EAC1C,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ;;ACjKO,MAAM,eAAA,GAAkB,MAAA,CAAO,MAAA,CAAO,mBAAA,EAAqB;AAAA,EAChE,KAAA,EAAO,oBAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAC;;;;"}

package/dist/list-search-BTW0Neuc.js

@@ -0,0 +1,69 @@
+import { jsx } from 'react/jsx-runtime';
+import { useId, useState, useRef, useEffect, useCallback } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import { S as SearchFieldBlock } from './search-field-block-B5vUVTpl.js';
+import { useKeydown } from './keyboard/use-keydown.es.js';
+import './keyboard/keyboard-shortcuts-context.es.js';
+
+const ListSearch = ({
+  onSearch,
+  label,
+  placeholder,
+  debounceMs = 300,
+  size,
+  value: controlledValue,
+  shortcutDisabled = false
+}) => {
+  const id = useId();
+  const [internalValue, setInternalValue] = useState(controlledValue ?? "");
+  const inputRef = useRef(null);
+  useKeydown(
+    {
+      "mod+shift+f": () => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+      }
+    },
+    { enabled: !shortcutDisabled }
+  );
+  const debouncedSearch = useDebouncedCallback((val) => {
+    onSearch(val);
+  }, debounceMs);
+  useEffect(() => {
+    if (controlledValue !== void 0) {
+      debouncedSearch.cancel();
+      setInternalValue(controlledValue);
+    }
+  }, [controlledValue, debouncedSearch]);
+  useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);
+  const handleChange = useCallback(
+    (e) => {
+      setInternalValue(e.target.value);
+      debouncedSearch(e.target.value);
+    },
+    [debouncedSearch]
+  );
+  const handleReset = useCallback(() => {
+    setInternalValue("");
+    onSearch("");
+    debouncedSearch.cancel();
+  }, [onSearch, debouncedSearch]);
+  return /* @__PURE__ */ jsx(
+    SearchFieldBlock,
+    {
+      name: id,
+      label,
+      labelIsHidden: true,
+      placeholder,
+      value: internalValue,
+      onChange: handleChange,
+      onReset: handleReset,
+      size,
+      inputRef,
+      className: "w-full max-w-120"
+    }
+  );
+};
+
+export { ListSearch as L };
+//# sourceMappingURL=list-search-BTW0Neuc.js.map

package/dist/list-search-BTW0Neuc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-search-BTW0Neuc.js","sources":["../src/ds/components/ListSearch/list-search.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport type { InputProps } from '@/ds/components/Input';\nimport { useKeydown } from '@/lib/keyboard';\n\nexport type ListSearchProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  size?: InputProps['size'];\n  /**\n   * Optional controlled value. When provided, ListSearch stays in sync with this\n   * prop — useful when the parent needs to clear the input programmatically\n   * (e.g. from a Reset button). If omitted, ListSearch manages its own state.\n   */\n  value?: string;\n  /**\n   * Opts out of the Cmd/Ctrl+Shift+F focus shortcut. Pass this on secondary\n   * instances so two search fields on the same page don't fight over focus.\n   */\n  shortcutDisabled?: boolean;\n};\n\nexport const ListSearch = ({\n  onSearch,\n  label,\n  placeholder,\n  debounceMs = 300,\n  size,\n  value: controlledValue,\n  shortcutDisabled = false,\n}: ListSearchProps) => {\n  const id = useId();\n  const [internalValue, setInternalValue] = useState(controlledValue ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useKeydown(\n    {\n      'mod+shift+f': () => {\n        inputRef.current?.focus();\n        inputRef.current?.select();\n      },\n    },\n    { enabled: !shortcutDisabled },\n  );\n\n  const debouncedSearch = useDebouncedCallback((val: string) => {\n    onSearch(val);\n  }, debounceMs);\n\n  // Sync internal state with controlled value (e.g. parent Reset clears it to '').\n  // Also cancel any pending debounced callback so a stale handleChange call\n  // can't overwrite the newly-applied controlled value.\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      debouncedSearch.cancel();\n      setInternalValue(controlledValue);\n    }\n  }, [controlledValue, debouncedSearch]);\n\n  useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInternalValue(e.target.value);\n      debouncedSearch(e.target.value);\n    },\n    [debouncedSearch],\n  );\n\n  const handleReset = useCallback(() => {\n    setInternalValue('');\n    onSearch('');\n    debouncedSearch.cancel();\n  }, [onSearch, debouncedSearch]);\n\n  return (\n    <SearchFieldBlock\n      name={id}\n      label={label}\n      labelIsHidden\n      placeholder={placeholder}\n      value={internalValue}\n      onChange={handleChange}\n      onReset={handleReset}\n      size={size}\n      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,GAAA;AAAA,EACb,IAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,gBAAA,GAAmB;AACrB,CAAA,KAAuB;AACrB,EAAA,MAAM,KAAK,KAAA,EAAM;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAS,mBAAmB,EAAE,CAAA;AACxE,EAAA,MAAM,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,EAAA,UAAA;AAAA,IACE;AAAA,MACE,eAAe,MAAM;AACnB,QAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AACxB,QAAA,QAAA,CAAS,SAAS,MAAA,EAAO;AAAA,MAC3B;AAAA,KACF;AAAA,IACA,EAAE,OAAA,EAAS,CAAC,gBAAA;AAAiB,GAC/B;AAEA,EAAA,MAAM,eAAA,GAAkB,oBAAA,CAAqB,CAAC,GAAA,KAAgB;AAC5D,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,EACd,GAAG,UAAU,CAAA;AAKb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,oBAAoB,MAAA,EAAW;AACjC,MAAA,eAAA,CAAgB,MAAA,EAAO;AACvB,MAAA,gBAAA,CAAiB,eAAe,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,eAAe,CAAC,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM,MAAM,eAAA,CAAgB,QAAO,EAAG,CAAC,eAAe,CAAC,CAAA;AAEjE,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,CAAA,KAA2C;AAC1C,MAAA,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAC/B,MAAA,eAAA,CAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,IAChC,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,eAAA,CAAgB,MAAA,EAAO;AAAA,EACzB,CAAA,EAAG,CAAC,QAAA,EAAU,eAAe,CAAC,CAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,EAAA;AAAA,MACN,KAAA;AAAA,MACA,aAAA,EAAa,IAAA;AAAA,MACb,WAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,QAAA,EAAU,YAAA;AAAA,MACV,OAAA,EAAS,WAAA;AAAA,MACT,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/list-search-vyxsZMAK.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const useDebounce = require('use-debounce');
+const searchFieldBlock = require('./search-field-block-D0PUUCAE.cjs');
+const keyboard_useKeydown = require('./keyboard/use-keydown.cjs.js');
+require('./keyboard/keyboard-shortcuts-context.cjs.js');
+
+const ListSearch = ({
+  onSearch,
+  label,
+  placeholder,
+  debounceMs = 300,
+  size,
+  value: controlledValue,
+  shortcutDisabled = false
+}) => {
+  const id = React.useId();
+  const [internalValue, setInternalValue] = React.useState(controlledValue ?? "");
+  const inputRef = React.useRef(null);
+  keyboard_useKeydown.useKeydown(
+    {
+      "mod+shift+f": () => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+      }
+    },
+    { enabled: !shortcutDisabled }
+  );
+  const debouncedSearch = useDebounce.useDebouncedCallback((val) => {
+    onSearch(val);
+  }, debounceMs);
+  React.useEffect(() => {
+    if (controlledValue !== void 0) {
+      debouncedSearch.cancel();
+      setInternalValue(controlledValue);
+    }
+  }, [controlledValue, debouncedSearch]);
+  React.useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);
+  const handleChange = React.useCallback(
+    (e) => {
+      setInternalValue(e.target.value);
+      debouncedSearch(e.target.value);
+    },
+    [debouncedSearch]
+  );
+  const handleReset = React.useCallback(() => {
+    setInternalValue("");
+    onSearch("");
+    debouncedSearch.cancel();
+  }, [onSearch, debouncedSearch]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    searchFieldBlock.SearchFieldBlock,
+    {
+      name: id,
+      label,
+      labelIsHidden: true,
+      placeholder,
+      value: internalValue,
+      onChange: handleChange,
+      onReset: handleReset,
+      size,
+      inputRef,
+      className: "w-full max-w-120"
+    }
+  );
+};
+
+exports.ListSearch = ListSearch;
+//# sourceMappingURL=list-search-vyxsZMAK.cjs.map

package/dist/list-search-vyxsZMAK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-search-vyxsZMAK.cjs","sources":["../src/ds/components/ListSearch/list-search.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport type { InputProps } from '@/ds/components/Input';\nimport { useKeydown } from '@/lib/keyboard';\n\nexport type ListSearchProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  size?: InputProps['size'];\n  /**\n   * Optional controlled value. When provided, ListSearch stays in sync with this\n   * prop — useful when the parent needs to clear the input programmatically\n   * (e.g. from a Reset button). If omitted, ListSearch manages its own state.\n   */\n  value?: string;\n  /**\n   * Opts out of the Cmd/Ctrl+Shift+F focus shortcut. Pass this on secondary\n   * instances so two search fields on the same page don't fight over focus.\n   */\n  shortcutDisabled?: boolean;\n};\n\nexport const ListSearch = ({\n  onSearch,\n  label,\n  placeholder,\n  debounceMs = 300,\n  size,\n  value: controlledValue,\n  shortcutDisabled = false,\n}: ListSearchProps) => {\n  const id = useId();\n  const [internalValue, setInternalValue] = useState(controlledValue ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useKeydown(\n    {\n      'mod+shift+f': () => {\n        inputRef.current?.focus();\n        inputRef.current?.select();\n      },\n    },\n    { enabled: !shortcutDisabled },\n  );\n\n  const debouncedSearch = useDebouncedCallback((val: string) => {\n    onSearch(val);\n  }, debounceMs);\n\n  // Sync internal state with controlled value (e.g. parent Reset clears it to '').\n  // Also cancel any pending debounced callback so a stale handleChange call\n  // can't overwrite the newly-applied controlled value.\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      debouncedSearch.cancel();\n      setInternalValue(controlledValue);\n    }\n  }, [controlledValue, debouncedSearch]);\n\n  useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInternalValue(e.target.value);\n      debouncedSearch(e.target.value);\n    },\n    [debouncedSearch],\n  );\n\n  const handleReset = useCallback(() => {\n    setInternalValue('');\n    onSearch('');\n    debouncedSearch.cancel();\n  }, [onSearch, debouncedSearch]);\n\n  return (\n    <SearchFieldBlock\n      name={id}\n      label={label}\n      labelIsHidden\n      placeholder={placeholder}\n      value={internalValue}\n      onChange={handleChange}\n      onReset={handleReset}\n      size={size}\n      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":["useId","useState","useRef","useKeydown","useDebouncedCallback","useEffect","useCallback","jsx","SearchFieldBlock"],"mappings":";;;;;;;;;AAyBO,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,GAAA;AAAA,EACb,IAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,gBAAA,GAAmB;AACrB,CAAA,KAAuB;AACrB,EAAA,MAAM,KAAKA,WAAA,EAAM;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,cAAA,CAAS,mBAAmB,EAAE,CAAA;AACxE,EAAA,MAAM,QAAA,GAAWC,aAAyB,IAAI,CAAA;AAE9C,EAAAC,8BAAA;AAAA,IACE;AAAA,MACE,eAAe,MAAM;AACnB,QAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AACxB,QAAA,QAAA,CAAS,SAAS,MAAA,EAAO;AAAA,MAC3B;AAAA,KACF;AAAA,IACA,EAAE,OAAA,EAAS,CAAC,gBAAA;AAAiB,GAC/B;AAEA,EAAA,MAAM,eAAA,GAAkBC,gCAAA,CAAqB,CAAC,GAAA,KAAgB;AAC5D,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,EACd,GAAG,UAAU,CAAA;AAKb,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,oBAAoB,MAAA,EAAW;AACjC,MAAA,eAAA,CAAgB,MAAA,EAAO;AACvB,MAAA,gBAAA,CAAiB,eAAe,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,eAAe,CAAC,CAAA;AAErC,EAAAA,eAAA,CAAU,MAAM,MAAM,eAAA,CAAgB,QAAO,EAAG,CAAC,eAAe,CAAC,CAAA;AAEjE,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,CAAA,KAA2C;AAC1C,MAAA,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAC/B,MAAA,eAAA,CAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,IAChC,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,MAAM,WAAA,GAAcA,kBAAY,MAAM;AACpC,IAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,eAAA,CAAgB,MAAA,EAAO;AAAA,EACzB,CAAA,EAAG,CAAC,QAAA,EAAU,eAAe,CAAC,CAAA;AAE9B,EAAA,uBACEC,cAAA;AAAA,IAACC,iCAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,EAAA;AAAA,MACN,KAAA;AAAA,MACA,aAAA,EAAa,IAAA;AAAA,MACb,WAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,QAAA,EAAU,YAAA;AAAA,MACV,OAAA,EAAS,WAAA;AAAA,MACT,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}