@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/input-group-DVJLZDBL.cjs

@@ -1,169 +0,0 @@
-const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_dist = require("./dist-ClDKPtVq.cjs");
-const require_primitives_control_icon = require("./primitives/control-icon.cjs.js");
-const require_primitives_control_size = require("./primitives/control-size.cjs.js");
-const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
-const require_primitives_password_manager_autofill = require("./primitives/password-manager-autofill.cjs.js");
-const require_primitives_textarea_control = require("./primitives/textarea-control.cjs.js");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react, 1);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _base_ui_react_input = require("@base-ui/react/input");
-// src/ds/components/InputGroup/input-group.tsx
-var inputGroupBaseClassName = require_utils.cn("group/input-group relative flex w-full flex-1 items-center", "[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1", "text-foreground", "has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col", "has-[textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0", "has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0", "has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none", "has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none");
-var inputGroupRoundedTextareaClassName = require_utils.cn("has-[>[data-align=block-start]]:rounded-xl", "has-[>[data-align=block-end]]:rounded-xl", "has-[textarea]:rounded-xl");
-var inputGroupClassName = require_utils.cn(inputGroupBaseClassName, "rounded-full", require_primitives_form_element.inputSurfaceAndFocusWithinStyle, require_primitives_form_element.fieldErrorRimWithin, inputGroupRoundedTextareaClassName);
-function InputGroup({ className, size, ...props }) {
-	const resolved = react.useContext(require_primitives_control_size.ControlSizeContext) ?? size ?? "md";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		role: "group",
-		"data-slot": "input-group",
-		"data-size": resolved,
-		className: require_utils.cn(inputGroupClassName, require_primitives_control_size.controlHeight[resolved], require_primitives_control_size.controlSpacing[resolved], require_primitives_control_icon.controlIconState, "has-[:disabled]:[--control-icon:var(--control-icon-rest)]", className),
-		...props
-	});
-}
-var inputGroupControlTextBySize = require_utils.cn("group-data-[size=sm]/input-group:text-caption", "group-data-[size=md]/input-group:text-body-sm", "group-data-[size=lg]/input-group:text-body");
-var inputGroupIconBySize = require_utils.cn("group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm", "group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md", "group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg");
-var inputGroupAddonVariants = require_dist.cva(require_utils.cn("flex items-center justify-center gap-2 text-muted-foreground select-none", inputGroupControlTextBySize, "group-has-[:disabled]/input-group:text-muted-foreground", inputGroupIconBySize), {
-	variants: {
-		variant: {
-			default: "",
-			flush: ""
-		},
-		align: {
-			"inline-start": "order-first pr-1 pl-3 has-[>button]:pl-1",
-			"inline-end": "order-last pr-3 pl-1 has-[>button]:pr-1",
-			"block-start": "order-first w-full justify-start border-b border-border px-3 pt-2 pb-1",
-			"block-end": "order-last w-full justify-start border-t border-border px-3 pt-1 pb-2"
-		}
-	},
-	compoundVariants: [
-		{
-			variant: "flush",
-			align: ["inline-start", "inline-end"],
-			className: "gap-0 [&>button]:mx-0"
-		},
-		{
-			variant: "flush",
-			align: "inline-start",
-			className: "pl-0 has-[>button]:pl-0"
-		},
-		{
-			variant: "flush",
-			align: "inline-end",
-			className: "pr-0 has-[>button]:pr-0"
-		}
-	],
-	defaultVariants: {
-		variant: "default",
-		align: "inline-start"
-	}
-});
-function InputGroupAddon({ className, align = "inline-start", variant = "default", onClick, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		role: "group",
-		"data-slot": "input-group-addon",
-		"data-align": align,
-		"data-variant": variant,
-		className: require_utils.cn(inputGroupAddonVariants({
-			align,
-			variant
-		}), className),
-		onClick: (event) => {
-			if (!event.target.closest("button, input, textarea, [role=\"button\"]")) event.currentTarget.parentElement?.querySelector("[data-slot=input-group-control]")?.focus();
-			onClick?.(event);
-		},
-		...props
-	});
-}
-var inputGroupControlHeightBySize = require_utils.cn("group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]", "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)]");
-var inputGroupControlClassName = require_utils.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", autoComplete, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_input.Input, {
-		type,
-		"data-slot": "input-group-control",
-		"data-testid": testId,
-		className: require_utils.cn(inputGroupControlClassName, "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none", "[&[type=number]]:[appearance:textfield]", "[&::-webkit-search-cancel-button]:appearance-none", className),
-		...require_primitives_form_element.deprecatedErrorAria(error),
-		...props,
-		...require_primitives_password_manager_autofill.textFieldAutofillProps(autoComplete),
-		...require_field_control_aria.keepOwnAccessibleName(props)
-	});
-}
-function InputGroupTextarea({ className, testId, error, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives_textarea_control.TextareaControl, {
-		"data-slot": "input-group-control",
-		"data-testid": testId,
-		className: require_utils.cn("min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden", inputGroupControlTextBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed", className),
-		...require_primitives_form_element.deprecatedErrorAria(error),
-		...props
-	});
-}
-function InputGroupText({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: require_utils.cn("flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none", "[&_svg:not([class*='size-'])]:size-4", className),
-		...props
-	});
-}
-function InputGroupButton({ size = "icon-sm", variant = "ghost", type = "button", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-		type,
-		size,
-		variant,
-		...props
-	});
-}
-Object.defineProperty(exports, "InputGroup", {
-	enumerable: true,
-	get: function() {
-		return InputGroup;
-	}
-});
-Object.defineProperty(exports, "InputGroupAddon", {
-	enumerable: true,
-	get: function() {
-		return InputGroupAddon;
-	}
-});
-Object.defineProperty(exports, "InputGroupButton", {
-	enumerable: true,
-	get: function() {
-		return InputGroupButton;
-	}
-});
-Object.defineProperty(exports, "InputGroupInput", {
-	enumerable: true,
-	get: function() {
-		return InputGroupInput;
-	}
-});
-Object.defineProperty(exports, "InputGroupText", {
-	enumerable: true,
-	get: function() {
-		return InputGroupText;
-	}
-});
-Object.defineProperty(exports, "InputGroupTextarea", {
-	enumerable: true,
-	get: function() {
-		return InputGroupTextarea;
-	}
-});
-Object.defineProperty(exports, "inputGroupClassName", {
-	enumerable: true,
-	get: function() {
-		return inputGroupClassName;
-	}
-});
-Object.defineProperty(exports, "inputGroupControlClassName", {
-	enumerable: true,
-	get: function() {
-		return inputGroupControlClassName;
-	}
-});
-
-//# sourceMappingURL=input-group-DVJLZDBL.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-DVJLZDBL.cjs","names":["cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","React","ControlSizeContext","controlHeight","controlSpacing","controlIconState","cva","InputPrimitive","deprecatedErrorAria","textFieldAutofillProps","keepOwnAccessibleName","TextareaControl","Button"],"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 { controlIconState } from '@/ds/primitives/control-icon';\nimport { ControlSizeContext, controlHeight, controlSpacing } 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 { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\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(\n        inputGroupClassName,\n        controlHeight[resolved],\n        controlSpacing[resolved],\n        controlIconState,\n        'has-[:disabled]:[--control-icon:var(--control-icon-rest)]',\n        className,\n      )}\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\n// An addon's icon takes the group's rung, as a Button's does (`iconSizeClasses`), unless it\n// sizes itself.\nconst inputGroupIconBySize = cn(\n  \"group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm\",\n  \"group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md\",\n  \"group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg\",\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    inputGroupIconBySize,\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        flush: '',\n      },\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    compoundVariants: [\n      { variant: 'flush', align: ['inline-start', 'inline-end'], className: 'gap-0 [&>button]:mx-0' },\n      { variant: 'flush', align: 'inline-start', className: 'pl-0 has-[>button]:pl-0' },\n      { variant: 'flush', align: 'inline-end', className: 'pr-0 has-[>button]:pr-0' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> &\n  Omit<VariantProps<typeof inputGroupAddonVariants>, 'variant'> & {\n    /** `flush` joins inline buttons without a gap or an inset from the field's outside edge. */\n    variant?: VariantProps<typeof inputGroupAddonVariants>['variant'];\n  };\n\nfunction InputGroupAddon({\n  className,\n  align = 'inline-start',\n  variant = 'default',\n  onClick,\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      data-variant={variant}\n      className={cn(inputGroupAddonVariants({ align, variant }), 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', autoComplete, ...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      {...textFieldAutofillProps(autoComplete)}\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"],"mappings":"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"}

package/dist/input-group-QKKV_ouF.js

@@ -1,120 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as cva } from "./dist-BhWtUEhi.js";
-import { controlIconState } from "./primitives/control-icon.es.js";
-import { ControlSizeContext, controlHeight, controlSpacing } from "./primitives/control-size.es.js";
-import { deprecatedErrorAria, fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from "./primitives/form-element.es.js";
-import { t as Button } from "./Button-CLXTbAY8.js";
-import { n as keepOwnAccessibleName } from "./field-control-aria-BaRSUUMR.js";
-import { textFieldAutofillProps } from "./primitives/password-manager-autofill.es.js";
-import { TextareaControl } from "./primitives/textarea-control.es.js";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import { Input } from "@base-ui/react/input";
-// src/ds/components/InputGroup/input-group.tsx
-var inputGroupBaseClassName = cn("group/input-group relative flex w-full flex-1 items-center", "[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1", "text-foreground", "has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col", "has-[textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0", "has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0", "has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none", "has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none");
-var inputGroupRoundedTextareaClassName = cn("has-[>[data-align=block-start]]:rounded-xl", "has-[>[data-align=block-end]]:rounded-xl", "has-[textarea]:rounded-xl");
-var inputGroupClassName = cn(inputGroupBaseClassName, "rounded-full", inputSurfaceAndFocusWithinStyle, fieldErrorRimWithin, inputGroupRoundedTextareaClassName);
-function InputGroup({ className, size, ...props }) {
-	const resolved = React$1.useContext(ControlSizeContext) ?? size ?? "md";
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"data-slot": "input-group",
-		"data-size": resolved,
-		className: cn(inputGroupClassName, controlHeight[resolved], controlSpacing[resolved], controlIconState, "has-[:disabled]:[--control-icon:var(--control-icon-rest)]", className),
-		...props
-	});
-}
-var inputGroupControlTextBySize = cn("group-data-[size=sm]/input-group:text-caption", "group-data-[size=md]/input-group:text-body-sm", "group-data-[size=lg]/input-group:text-body");
-var inputGroupIconBySize = cn("group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm", "group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md", "group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg");
-var inputGroupAddonVariants = cva(cn("flex items-center justify-center gap-2 text-muted-foreground select-none", inputGroupControlTextBySize, "group-has-[:disabled]/input-group:text-muted-foreground", inputGroupIconBySize), {
-	variants: {
-		variant: {
-			default: "",
-			flush: ""
-		},
-		align: {
-			"inline-start": "order-first pr-1 pl-3 has-[>button]:pl-1",
-			"inline-end": "order-last pr-3 pl-1 has-[>button]:pr-1",
-			"block-start": "order-first w-full justify-start border-b border-border px-3 pt-2 pb-1",
-			"block-end": "order-last w-full justify-start border-t border-border px-3 pt-1 pb-2"
-		}
-	},
-	compoundVariants: [
-		{
-			variant: "flush",
-			align: ["inline-start", "inline-end"],
-			className: "gap-0 [&>button]:mx-0"
-		},
-		{
-			variant: "flush",
-			align: "inline-start",
-			className: "pl-0 has-[>button]:pl-0"
-		},
-		{
-			variant: "flush",
-			align: "inline-end",
-			className: "pr-0 has-[>button]:pr-0"
-		}
-	],
-	defaultVariants: {
-		variant: "default",
-		align: "inline-start"
-	}
-});
-function InputGroupAddon({ className, align = "inline-start", variant = "default", onClick, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"data-slot": "input-group-addon",
-		"data-align": align,
-		"data-variant": variant,
-		className: cn(inputGroupAddonVariants({
-			align,
-			variant
-		}), className),
-		onClick: (event) => {
-			if (!event.target.closest("button, input, textarea, [role=\"button\"]")) event.currentTarget.parentElement?.querySelector("[data-slot=input-group-control]")?.focus();
-			onClick?.(event);
-		},
-		...props
-	});
-}
-var inputGroupControlHeightBySize = cn("group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]", "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)]");
-var 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", autoComplete, ...props }) {
-	return /* @__PURE__ */ jsx(Input, {
-		type,
-		"data-slot": "input-group-control",
-		"data-testid": testId,
-		className: cn(inputGroupControlClassName, "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none", "[&[type=number]]:[appearance:textfield]", "[&::-webkit-search-cancel-button]:appearance-none", className),
-		...deprecatedErrorAria(error),
-		...props,
-		...textFieldAutofillProps(autoComplete),
-		...keepOwnAccessibleName(props)
-	});
-}
-function InputGroupTextarea({ className, testId, error, ...props }) {
-	return /* @__PURE__ */ jsx(TextareaControl, {
-		"data-slot": "input-group-control",
-		"data-testid": testId,
-		className: cn("min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden", inputGroupControlTextBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed", className),
-		...deprecatedErrorAria(error),
-		...props
-	});
-}
-function InputGroupText({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none", "[&_svg:not([class*='size-'])]:size-4", className),
-		...props
-	});
-}
-function InputGroupButton({ size = "icon-sm", variant = "ghost", type = "button", ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		type,
-		size,
-		variant,
-		...props
-	});
-}
-export { InputGroupText as a, inputGroupControlClassName as c, InputGroupInput as i, InputGroupAddon as n, InputGroupTextarea as o, InputGroupButton as r, inputGroupClassName as s, InputGroup as t };
-
-//# sourceMappingURL=input-group-QKKV_ouF.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-QKKV_ouF.js","names":["React","InputPrimitive"],"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 { controlIconState } from '@/ds/primitives/control-icon';\nimport { ControlSizeContext, controlHeight, controlSpacing } 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 { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\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(\n        inputGroupClassName,\n        controlHeight[resolved],\n        controlSpacing[resolved],\n        controlIconState,\n        'has-[:disabled]:[--control-icon:var(--control-icon-rest)]',\n        className,\n      )}\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\n// An addon's icon takes the group's rung, as a Button's does (`iconSizeClasses`), unless it\n// sizes itself.\nconst inputGroupIconBySize = cn(\n  \"group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm\",\n  \"group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md\",\n  \"group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg\",\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    inputGroupIconBySize,\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        flush: '',\n      },\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    compoundVariants: [\n      { variant: 'flush', align: ['inline-start', 'inline-end'], className: 'gap-0 [&>button]:mx-0' },\n      { variant: 'flush', align: 'inline-start', className: 'pl-0 has-[>button]:pl-0' },\n      { variant: 'flush', align: 'inline-end', className: 'pr-0 has-[>button]:pr-0' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> &\n  Omit<VariantProps<typeof inputGroupAddonVariants>, 'variant'> & {\n    /** `flush` joins inline buttons without a gap or an inset from the field's outside edge. */\n    variant?: VariantProps<typeof inputGroupAddonVariants>['variant'];\n  };\n\nfunction InputGroupAddon({\n  className,\n  align = 'inline-start',\n  variant = 'default',\n  onClick,\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      data-variant={variant}\n      className={cn(inputGroupAddonVariants({ align, variant }), 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', autoComplete, ...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      {...textFieldAutofillProps(autoComplete)}\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"],"mappings":";;;;;;;;;;;;;AAwBA,IAAM,0BAA0B,GAK9B,8DAGA,0FACA,mBACA,4EAGA,mFACA,+EACA,yBACA,6EACA,2EAEA,4JACA,sJACF;AAEA,IAAM,qCAAqC,GAGzC,8CACA,4CACA,2BACF;AAUA,IAAa,sBAAsB,GACjC,yBACA,gBACA,iCACA,qBACA,kCACF;AAMA,SAAS,WAAW,EAAE,WAAW,MAAM,GAAG,SAA0B;CAKlE,MAAM,WADYA,QAAM,WAAW,kBAClB,KAAa,QAAQ;CACtC,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,aAAW;EACX,WAAW,GACT,qBACA,cAAc,WACd,eAAe,WACf,kBACA,6DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,8BAA8B,GAClC,iDACA,iDACA,4CACF;AAIA,IAAM,uBAAuB,GAC3B,+EACA,+EACA,6EACF;AAEA,IAAM,0BAA0B,IAC9B,GACE,4EACA,6BACA,2DACA,oBACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,OAAO;GACL,gBAAgB;GAChB,cAAc;GACd,eAAe;GACf,aAAa;EACf;CACF;CACA,kBAAkB;EAChB;GAAE,SAAS;GAAS,OAAO,CAAC,gBAAgB,YAAY;GAAG,WAAW;EAAwB;EAC9F;GAAE,SAAS;GAAS,OAAO;GAAgB,WAAW;EAA0B;EAChF;GAAE,SAAS;GAAS,OAAO;GAAc,WAAW;EAA0B;CAChF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CACF;AAQA,SAAS,gBAAgB,EACvB,WACA,QAAQ,gBACR,UAAU,WACV,SACA,GAAG,SACoB;CACvB,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GAAG,wBAAwB;GAAE;GAAO;EAAQ,CAAC,GAAG,SAAS;EACpE,UAAS,UAAS;GAIhB,IAAI,CADW,MAAM,OACT,QAAQ,4CAA0C,GAC5D,MAAM,cAAc,eAChB,cAAsD,iCAAiC,CAAC,EACxF,MAAM;GAEZ,UAAU,KAAK;EACjB;EACA,GAAI;CACL,CAAA;AAEL;AASA,IAAM,gCAAgC,GACpC,4EACA,4EACA,0EACF;AAGA,IAAa,6BAA6B,GACxC,gFACA,+BACA,gGACA,gCACA,6BACF;AAQA,SAAS,gBAAgB,EAAE,WAAW,QAAQ,OAAO,OAAO,QAAQ,cAAc,GAAG,SAA+B;CAClH,OACE,oBAACC,OAAD;EACQ;EACN,aAAU;EACV,eAAa;EACb,WAAW,GACT,4BAEA,qFACA,qFACA,2CAGA,qDACA,SACF;EACA,GAAI,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAI,uBAAuB,YAAY;EACvC,GAAI,sBAAsB,KAAK;CAChC,CAAA;AAEL;AAQA,SAAS,mBAAmB,EAAE,WAAW,QAAQ,OAAO,GAAG,SAAkC;CAC3F,OACE,oBAAC,iBAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,GACT,4FACA,6BACA,gGACA,gCACA,+BACA,SACF;EACA,GAAI,oBAAoB,KAAK;EAC7B,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,eAAe,EAAE,WAAW,GAAG,SAA8B;CACpE,OACE,oBAAC,QAAD;EACE,WAAW,GACT,0FACA,wCACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAOA,SAAS,iBAAiB,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,UAAU,GAAG,SAAgC;CACnH,OAAO,oBAAC,QAAD;EAAc;EAAY;EAAe;EAAS,GAAI;CAAQ,CAAA;AACvE"}

package/dist/list-search-BtRno5As.cjs

@@ -1,50 +0,0 @@
-const require_keyboard_use_keydown = require("./keyboard/use-keydown.cjs.js");
-const require_components_SearchInput = require("./components/SearchInput.cjs.js");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let use_debounce = require("use-debounce");
-// src/ds/components/ListSearch/list-search.tsx
-var ListSearch = ({ onSearch, label, placeholder, debounceMs = 300, size = "sm", value: controlledValue, shortcutDisabled = false }) => {
-	const [internalValue, setInternalValue] = (0, react.useState)(controlledValue ?? "");
-	const inputRef = (0, react.useRef)(null);
-	require_keyboard_use_keydown.useKeydown({ "mod+shift+f": () => {
-		inputRef.current?.focus();
-		inputRef.current?.select();
-	} }, { enabled: !shortcutDisabled });
-	const debouncedSearch = (0, use_debounce.useDebouncedCallback)((val) => {
-		onSearch(val);
-	}, debounceMs);
-	(0, react.useEffect)(() => {
-		if (controlledValue !== void 0) {
-			debouncedSearch.cancel();
-			setInternalValue(controlledValue);
-		}
-	}, [controlledValue, debouncedSearch]);
-	(0, react.useEffect)(() => () => debouncedSearch.cancel(), [debouncedSearch]);
-	const searchNowOrDebounced = (next) => {
-		setInternalValue(next);
-		if (next) {
-			debouncedSearch(next);
-			return;
-		}
-		debouncedSearch.cancel();
-		onSearch("");
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_SearchInput.SearchInput, {
-		ref: inputRef,
-		label,
-		placeholder,
-		size,
-		value: internalValue,
-		onValueChange: searchNowOrDebounced,
-		className: "w-full max-w-120"
-	});
-};
-Object.defineProperty(exports, "ListSearch", {
-	enumerable: true,
-	get: function() {
-		return ListSearch;
-	}
-});
-
-//# sourceMappingURL=list-search-BtRno5As.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-search-BtRno5As.cjs","names":["useState","useRef","useDebouncedCallback","SearchInput"],"sources":["../src/ds/components/ListSearch/list-search.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport type { SearchInputProps } from '@/ds/components/SearchInput';\nimport { useKeydown } from '@/lib/keyboard';\n\nexport type ListSearchProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  /** Defaults to 'sm', the toolbar rung. */\n  size?: SearchInputProps['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 = 'sm',\n  value: controlledValue,\n  shortcutDisabled = false,\n}: ListSearchProps) => {\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 searchNowOrDebounced = (next: string) => {\n    setInternalValue(next);\n    if (next) {\n      debouncedSearch(next);\n      return;\n    }\n    debouncedSearch.cancel();\n    onSearch('');\n  };\n\n  return (\n    <SearchInput\n      ref={inputRef}\n      label={label}\n      placeholder={placeholder}\n      size={size}\n      value={internalValue}\n      onValueChange={searchNowOrDebounced}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"mappings":";;;;;;AA0BA,IAAa,cAAc,EACzB,UACA,OACA,aACA,aAAa,KACb,OAAO,MACP,OAAO,iBACP,mBAAmB,YACE;CACrB,MAAM,CAAC,eAAe,qBAAA,GAAoBA,MAAAA,SAAAA,CAAS,mBAAmB,EAAE;CACxE,MAAM,YAAA,GAAWC,MAAAA,OAAAA,CAAyB,IAAI;CAE9C,6BAAA,WACE,EACE,qBAAqB;EACnB,SAAS,SAAS,MAAM;EACxB,SAAS,SAAS,OAAO;CAC3B,EACF,GACA,EAAE,SAAS,CAAC,iBAAiB,CAC/B;CAEA,MAAM,mBAAA,GAAkBC,aAAAA,qBAAAA,EAAsB,QAAgB;EAC5D,SAAS,GAAG;CACd,GAAG,UAAU;CAKb,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,oBAAoB,KAAA,GAAW;GACjC,gBAAgB,OAAO;GACvB,iBAAiB,eAAe;EAClC;CACF,GAAG,CAAC,iBAAiB,eAAe,CAAC;CAErC,CAAA,GAAA,MAAA,UAAA,aAAsB,gBAAgB,OAAO,GAAG,CAAC,eAAe,CAAC;CAEjE,MAAM,wBAAwB,SAAiB;EAC7C,iBAAiB,IAAI;EACrB,IAAI,MAAM;GACR,gBAAgB,IAAI;GACpB;EACF;EACA,gBAAgB,OAAO;EACvB,SAAS,EAAE;CACb;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,aAAD;EACE,KAAK;EACE;EACM;EACP;EACN,OAAO;EACP,eAAe;EACf,WAAU;CACX,CAAA;AAEL"}

package/dist/list-search-CkhsTFdG.js

@@ -1,45 +0,0 @@
-import { useKeydown } from "./keyboard/use-keydown.es.js";
-import { SearchInput } from "./components/SearchInput.es.js";
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useDebouncedCallback } from "use-debounce";
-// src/ds/components/ListSearch/list-search.tsx
-var ListSearch = ({ onSearch, label, placeholder, debounceMs = 300, size = "sm", value: controlledValue, shortcutDisabled = false }) => {
-	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 searchNowOrDebounced = (next) => {
-		setInternalValue(next);
-		if (next) {
-			debouncedSearch(next);
-			return;
-		}
-		debouncedSearch.cancel();
-		onSearch("");
-	};
-	return /* @__PURE__ */ jsx(SearchInput, {
-		ref: inputRef,
-		label,
-		placeholder,
-		size,
-		value: internalValue,
-		onValueChange: searchNowOrDebounced,
-		className: "w-full max-w-120"
-	});
-};
-export { ListSearch as t };
-
-//# sourceMappingURL=list-search-CkhsTFdG.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-search-CkhsTFdG.js","names":[],"sources":["../src/ds/components/ListSearch/list-search.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport type { SearchInputProps } from '@/ds/components/SearchInput';\nimport { useKeydown } from '@/lib/keyboard';\n\nexport type ListSearchProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  /** Defaults to 'sm', the toolbar rung. */\n  size?: SearchInputProps['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 = 'sm',\n  value: controlledValue,\n  shortcutDisabled = false,\n}: ListSearchProps) => {\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 searchNowOrDebounced = (next: string) => {\n    setInternalValue(next);\n    if (next) {\n      debouncedSearch(next);\n      return;\n    }\n    debouncedSearch.cancel();\n    onSearch('');\n  };\n\n  return (\n    <SearchInput\n      ref={inputRef}\n      label={label}\n      placeholder={placeholder}\n      size={size}\n      value={internalValue}\n      onValueChange={searchNowOrDebounced}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"mappings":";;;;;;AA0BA,IAAa,cAAc,EACzB,UACA,OACA,aACA,aAAa,KACb,OAAO,MACP,OAAO,iBACP,mBAAmB,YACE;CACrB,MAAM,CAAC,eAAe,oBAAoB,SAAS,mBAAmB,EAAE;CACxE,MAAM,WAAW,OAAyB,IAAI;CAE9C,WACE,EACE,qBAAqB;EACnB,SAAS,SAAS,MAAM;EACxB,SAAS,SAAS,OAAO;CAC3B,EACF,GACA,EAAE,SAAS,CAAC,iBAAiB,CAC/B;CAEA,MAAM,kBAAkB,sBAAsB,QAAgB;EAC5D,SAAS,GAAG;CACd,GAAG,UAAU;CAKb,gBAAgB;EACd,IAAI,oBAAoB,KAAA,GAAW;GACjC,gBAAgB,OAAO;GACvB,iBAAiB,eAAe;EAClC;CACF,GAAG,CAAC,iBAAiB,eAAe,CAAC;CAErC,sBAAsB,gBAAgB,OAAO,GAAG,CAAC,eAAe,CAAC;CAEjE,MAAM,wBAAwB,SAAiB;EAC7C,iBAAiB,IAAI;EACrB,IAAI,MAAM;GACR,gBAAgB,IAAI;GACpB;EACF;EACA,gBAAgB,OAAO;EACvB,SAAS,EAAE;CACb;CAEA,OACE,oBAAC,aAAD;EACE,KAAK;EACE;EACM;EACP;EACN,OAAO;EACP,eAAe;EACf,WAAU;CACX,CAAA;AAEL"}