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

package/dist/icons/UpstageIcon.cjs.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/UpstageIcon.tsx
+var UpstageIcon = (props) => {
+	const id = (0, react.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M19.763 0l-.373 1.297h2.594L22.354 0h-2.591zM16.192 2.27l-.376 1.298h5.52l.37-1.298h-5.514zM12.897 4.54l-.376 1.298h8.166l.37-1.298h-8.16zM2.85 6.81l-.377 1.298h17.565l.37-1.297H2.848zM3.884 9.081l-.376 1.297H19.39l.37-1.297H3.882zM4.088 24l.376-1.297H1.866L1.5 24h2.588zM7.662 21.73l.376-1.297H2.515L2.15 21.73h5.513zM10.957 19.459l.376-1.297h-8.17l-.366 1.297h8.16zM21.005 17.189l.376-1.297H3.812l-.366 1.297h17.559zM19.967 14.919l.376-1.297H4.461l-.366 1.297h15.872zM18.786 12.649l.376-1.297H4.26l-.366 1.297h14.893z",
+			fill: `url(#${id})`
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
+			id,
+			gradientUnits: "userSpaceOnUse",
+			x1: "11.927",
+			x2: "11.927",
+			y2: "24",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
+				offset: "0",
+				stopColor: "#AEBCFE"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
+				offset: "1",
+				stopColor: "#805DFA"
+			})]
+		}) })]
+	});
+};
+exports.UpstageIcon = UpstageIcon;
+
+//# sourceMappingURL=UpstageIcon.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpstageIcon.cjs.js","names":["useId"],"sources":["../../src/ds/icons/UpstageIcon.tsx"],"sourcesContent":["import React, { useId } from 'react';\n\nexport const UpstageIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  const id = useId();\n\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M19.763 0l-.373 1.297h2.594L22.354 0h-2.591zM16.192 2.27l-.376 1.298h5.52l.37-1.298h-5.514zM12.897 4.54l-.376 1.298h8.166l.37-1.298h-8.16zM2.85 6.81l-.377 1.298h17.565l.37-1.297H2.848zM3.884 9.081l-.376 1.297H19.39l.37-1.297H3.882zM4.088 24l.376-1.297H1.866L1.5 24h2.588zM7.662 21.73l.376-1.297H2.515L2.15 21.73h5.513zM10.957 19.459l.376-1.297h-8.17l-.366 1.297h8.16zM21.005 17.189l.376-1.297H3.812l-.366 1.297h17.559zM19.967 14.919l.376-1.297H4.461l-.366 1.297h15.872zM18.786 12.649l.376-1.297H4.26l-.366 1.297h14.893z\"\n        fill={`url(#${id})`}\n      />\n      <defs>\n        <linearGradient id={id} gradientUnits=\"userSpaceOnUse\" x1=\"11.927\" x2=\"11.927\" y2=\"24\">\n          <stop offset=\"0\" stopColor=\"#AEBCFE\" />\n          <stop offset=\"1\" stopColor=\"#805DFA\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n"],"mappings":";;;;;;AAEA,IAAa,eAAe,UAAyC;CACnE,MAAM,MAAA,GAAKA,MAAAA,MAAAA,CAAM;CAEjB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,OAAM;EAA6B,GAAI;EAAvF,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAM,QAAQ,GAAG;EAClB,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,kBAAD;GAAoB;GAAI,eAAc;GAAiB,IAAG;GAAS,IAAG;GAAS,IAAG;GAAlF,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,QAAO;IAAI,WAAU;GAAW,CAAA,GACtC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,QAAO;IAAI,WAAU;GAAW,CAAA,CACxB;EACZ,CAAA,EAAA,CAAA,CACH;;AAET"}

package/dist/icons/UpstageIcon.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/icons/UpstageIcon';

package/dist/icons/UpstageIcon.es.js

@@ -0,0 +1,33 @@
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ds/icons/UpstageIcon.tsx
+var UpstageIcon = (props) => {
+	const id = useId();
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M19.763 0l-.373 1.297h2.594L22.354 0h-2.591zM16.192 2.27l-.376 1.298h5.52l.37-1.298h-5.514zM12.897 4.54l-.376 1.298h8.166l.37-1.298h-8.16zM2.85 6.81l-.377 1.298h17.565l.37-1.297H2.848zM3.884 9.081l-.376 1.297H19.39l.37-1.297H3.882zM4.088 24l.376-1.297H1.866L1.5 24h2.588zM7.662 21.73l.376-1.297H2.515L2.15 21.73h5.513zM10.957 19.459l.376-1.297h-8.17l-.366 1.297h8.16zM21.005 17.189l.376-1.297H3.812l-.366 1.297h17.559zM19.967 14.919l.376-1.297H4.461l-.366 1.297h15.872zM18.786 12.649l.376-1.297H4.26l-.366 1.297h14.893z",
+			fill: `url(#${id})`
+		}), /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+			id,
+			gradientUnits: "userSpaceOnUse",
+			x1: "11.927",
+			x2: "11.927",
+			y2: "24",
+			children: [/* @__PURE__ */ jsx("stop", {
+				offset: "0",
+				stopColor: "#AEBCFE"
+			}), /* @__PURE__ */ jsx("stop", {
+				offset: "1",
+				stopColor: "#805DFA"
+			})]
+		}) })]
+	});
+};
+export { UpstageIcon };
+
+//# sourceMappingURL=UpstageIcon.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpstageIcon.es.js","names":[],"sources":["../../src/ds/icons/UpstageIcon.tsx"],"sourcesContent":["import React, { useId } from 'react';\n\nexport const UpstageIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  const id = useId();\n\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M19.763 0l-.373 1.297h2.594L22.354 0h-2.591zM16.192 2.27l-.376 1.298h5.52l.37-1.298h-5.514zM12.897 4.54l-.376 1.298h8.166l.37-1.298h-8.16zM2.85 6.81l-.377 1.298h17.565l.37-1.297H2.848zM3.884 9.081l-.376 1.297H19.39l.37-1.297H3.882zM4.088 24l.376-1.297H1.866L1.5 24h2.588zM7.662 21.73l.376-1.297H2.515L2.15 21.73h5.513zM10.957 19.459l.376-1.297h-8.17l-.366 1.297h8.16zM21.005 17.189l.376-1.297H3.812l-.366 1.297h17.559zM19.967 14.919l.376-1.297H4.461l-.366 1.297h15.872zM18.786 12.649l.376-1.297H4.26l-.366 1.297h14.893z\"\n        fill={`url(#${id})`}\n      />\n      <defs>\n        <linearGradient id={id} gradientUnits=\"userSpaceOnUse\" x1=\"11.927\" x2=\"11.927\" y2=\"24\">\n          <stop offset=\"0\" stopColor=\"#AEBCFE\" />\n          <stop offset=\"1\" stopColor=\"#805DFA\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n"],"mappings":";;;AAEA,IAAa,eAAe,UAAyC;CACnE,MAAM,KAAK,MAAM;CAEjB,OACE,qBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,OAAM;EAA6B,GAAI;EAAvF,UAAA,CACE,oBAAC,QAAD;GACE,GAAE;GACF,MAAM,QAAQ,GAAG;EAClB,CAAA,GACD,oBAAC,QAAD,EAAA,UACE,qBAAC,kBAAD;GAAoB;GAAI,eAAc;GAAiB,IAAG;GAAS,IAAG;GAAS,IAAG;GAAlF,UAAA,CACE,oBAAC,QAAD;IAAM,QAAO;IAAI,WAAU;GAAW,CAAA,GACtC,oBAAC,QAAD;IAAM,QAAO;IAAI,WAAU;GAAW,CAAA,CACxB;EACZ,CAAA,EAAA,CAAA,CACH;;AAET"}

package/dist/{input-2hRXcZIu.cjs → input-BpnUsQSt.cjs}

@@ -1,11 +1,11 @@
 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_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
 const require_primitives_control_size = require("./primitives/control-size.cjs.js");
 const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_primitives_transitions = require("./primitives/transitions.cjs.js");
-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_transitions = require("./primitives/transitions.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -52,4 +52,4 @@ Object.defineProperty(exports, "Input", {
 	}
 });
 
-//# sourceMappingURL=input-2hRXcZIu.cjs.map
+//# sourceMappingURL=input-BpnUsQSt.cjs.map

package/dist/{input-2hRXcZIu.cjs.map → input-BpnUsQSt.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-2hRXcZIu.cjs","names":["cva","cn","controlStateColorTransition","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","unstyledFormElementStyle","controlSizeClasses","InputPrimitive","resolveFieldVariant","fieldErrorRim","deprecatedErrorAria","textFieldAutofillProps","keepOwnAccessibleName"],"sources":["../src/ds/components/Input/input.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 { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    // A text field is a block control: it fills its field. Content-sized controls (a\n    // Select or Combobox trigger, a Button) do the opposite and let the call site grow them.\n    'flex w-full text-ellipsis text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Native number spinners clip the pill; WebKit and Firefox need different selectors.\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 the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.ComponentProps<'input'>, 'size'> &\n  Omit<VariantProps<typeof inputVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof inputVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n    /**\n     * Leave unset (or `\"off\"`) for app data: the field renders `autocomplete=\"off\"` plus the\n     * ignore attributes of the common password managers, so a \"Name\" field doesn't get an\n     * identity popup. Pass a real autofill token (`email`, `username`, `current-password`,\n     * `new-password`, `one-time-code`, ...) on credential and account forms to opt back in.\n     */\n    autoComplete?: React.HTMLInputAutoCompleteAttribute;\n  };\n\n/**\n * Single-line text field. Opts out of password manager autofill unless `autoComplete`\n * names a real autofill token; see `textFieldAutofillProps`.\n */\nfunction Input({ className, size, testId, variant, error, autoComplete, ...props }: InputProps) {\n  return (\n    <InputPrimitive\n      className={cn(inputVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAM,gBAAgBA,aAAAA,IACpBC,cAAAA,GAGE,6CACAC,+BAAAA,6BACA,gGACA,0EAEA,qFACA,qFACA,2CAGA,mDACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAASD,cAAAA,GAAGE,gCAAAA,2BAA2B,gBAAgBC,gCAAAA,8BAA8B;GACrF,UAAUC,gCAAAA;EACZ;EACA,MAAM;GACJ,IAAIJ,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;GAC1C,IAAIL,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;GAC1C,IAAIL,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;EAC5C;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;;;;AAsBA,SAAS,MAAM,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,cAAc,GAAG,SAAqB;CAC9F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,OAAD;EACE,WAAWN,cAAAA,GAAG,cAAc;GAAE,SAASO,gCAAAA,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAGC,gCAAAA,eAAe,SAAS;EACtG,eAAa;EACb,GAAIC,gCAAAA,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAIC,6CAAAA,uBAAuB,YAAY;EACvC,GAAIC,2BAAAA,sBAAsB,KAAK;CAChC,CAAA;AAEL"}
+{"version":3,"file":"input-BpnUsQSt.cjs","names":["cva","cn","controlStateColorTransition","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","unstyledFormElementStyle","controlSizeClasses","InputPrimitive","resolveFieldVariant","fieldErrorRim","deprecatedErrorAria","textFieldAutofillProps","keepOwnAccessibleName"],"sources":["../src/ds/components/Input/input.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 { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    // A text field is a block control: it fills its field. Content-sized controls (a\n    // Select or Combobox trigger, a Button) do the opposite and let the call site grow them.\n    'flex w-full text-ellipsis text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Native number spinners clip the pill; WebKit and Firefox need different selectors.\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 the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.ComponentProps<'input'>, 'size'> &\n  Omit<VariantProps<typeof inputVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof inputVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n    /**\n     * Leave unset (or `\"off\"`) for app data: the field renders `autocomplete=\"off\"` plus the\n     * ignore attributes of the common password managers, so a \"Name\" field doesn't get an\n     * identity popup. Pass a real autofill token (`email`, `username`, `current-password`,\n     * `new-password`, `one-time-code`, ...) on credential and account forms to opt back in.\n     */\n    autoComplete?: React.HTMLInputAutoCompleteAttribute;\n  };\n\n/**\n * Single-line text field. Opts out of password manager autofill unless `autoComplete`\n * names a real autofill token; see `textFieldAutofillProps`.\n */\nfunction Input({ className, size, testId, variant, error, autoComplete, ...props }: InputProps) {\n  return (\n    <InputPrimitive\n      className={cn(inputVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAM,gBAAgBA,aAAAA,IACpBC,cAAAA,GAGE,6CACAC,+BAAAA,6BACA,gGACA,0EAEA,qFACA,qFACA,2CAGA,mDACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAASD,cAAAA,GAAGE,gCAAAA,2BAA2B,gBAAgBC,gCAAAA,8BAA8B;GACrF,UAAUC,gCAAAA;EACZ;EACA,MAAM;GACJ,IAAIJ,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;GAC1C,IAAIL,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;GAC1C,IAAIL,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;EAC5C;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;;;;AAsBA,SAAS,MAAM,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,cAAc,GAAG,SAAqB;CAC9F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,OAAD;EACE,WAAWN,cAAAA,GAAG,cAAc;GAAE,SAASO,gCAAAA,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAGC,gCAAAA,eAAe,SAAS;EACtG,eAAa;EACb,GAAIC,gCAAAA,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAIC,6CAAAA,uBAAuB,YAAY;EACvC,GAAIC,2BAAAA,sBAAsB,KAAK;CAChC,CAAA;AAEL"}

package/dist/{input-0l1uzOBZ.js → input-Cyit5ZSc.js}

@@ -1,10 +1,10 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
+import { n as keepOwnAccessibleName } from "./field-control-aria-BaRSUUMR.js";
 import { controlSizeClasses } from "./primitives/control-size.es.js";
 import { deprecatedErrorAria, fieldErrorRim, inputSurfaceAndFocusStyle, resolveFieldVariant, sharedFormElementDisabledStyle, unstyledFormElementStyle } from "./primitives/form-element.es.js";
-import { controlStateColorTransition } from "./primitives/transitions.es.js";
-import { n as keepOwnAccessibleName } from "./field-control-aria-BaRSUUMR.js";
 import { textFieldAutofillProps } from "./primitives/password-manager-autofill.es.js";
+import { controlStateColorTransition } from "./primitives/transitions.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "@base-ui/react/input";
@@ -45,4 +45,4 @@ function Input$1({ className, size, testId, variant, error, autoComplete, ...pro
 }
 export { Input$1 as t };
 
-//# sourceMappingURL=input-0l1uzOBZ.js.map
+//# sourceMappingURL=input-Cyit5ZSc.js.map

package/dist/{input-0l1uzOBZ.js.map → input-Cyit5ZSc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-0l1uzOBZ.js","names":["Input","InputPrimitive"],"sources":["../src/ds/components/Input/input.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 { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    // A text field is a block control: it fills its field. Content-sized controls (a\n    // Select or Combobox trigger, a Button) do the opposite and let the call site grow them.\n    'flex w-full text-ellipsis text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Native number spinners clip the pill; WebKit and Firefox need different selectors.\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 the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.ComponentProps<'input'>, 'size'> &\n  Omit<VariantProps<typeof inputVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof inputVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n    /**\n     * Leave unset (or `\"off\"`) for app data: the field renders `autocomplete=\"off\"` plus the\n     * ignore attributes of the common password managers, so a \"Name\" field doesn't get an\n     * identity popup. Pass a real autofill token (`email`, `username`, `current-password`,\n     * `new-password`, `one-time-code`, ...) on credential and account forms to opt back in.\n     */\n    autoComplete?: React.HTMLInputAutoCompleteAttribute;\n  };\n\n/**\n * Single-line text field. Opts out of password manager autofill unless `autoComplete`\n * names a real autofill token; see `textFieldAutofillProps`.\n */\nfunction Input({ className, size, testId, variant, error, autoComplete, ...props }: InputProps) {\n  return (\n    <InputPrimitive\n      className={cn(inputVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;AAoBA,IAAM,gBAAgB,IACpB,GAGE,6CACA,6BACA,gGACA,0EAEA,qFACA,qFACA,2CAGA,mDACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS,GAAG,2BAA2B,gBAAgB,8BAA8B;GACrF,UAAU;EACZ;EACA,MAAM;GACJ,IAAI,GAAG,mBAAmB,IAAI,YAAY;GAC1C,IAAI,GAAG,mBAAmB,IAAI,YAAY;GAC1C,IAAI,GAAG,mBAAmB,IAAI,YAAY;EAC5C;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;;;;AAsBA,SAASA,QAAM,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,cAAc,GAAG,SAAqB;CAC9F,OACE,oBAACC,OAAD;EACE,WAAW,GAAG,cAAc;GAAE,SAAS,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAG,eAAe,SAAS;EACtG,eAAa;EACb,GAAI,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAI,uBAAuB,YAAY;EACvC,GAAI,sBAAsB,KAAK;CAChC,CAAA;AAEL"}
+{"version":3,"file":"input-Cyit5ZSc.js","names":["Input","InputPrimitive"],"sources":["../src/ds/components/Input/input.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 { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    // A text field is a block control: it fills its field. Content-sized controls (a\n    // Select or Combobox trigger, a Button) do the opposite and let the call site grow them.\n    'flex w-full text-ellipsis text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Native number spinners clip the pill; WebKit and Firefox need different selectors.\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 the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.ComponentProps<'input'>, 'size'> &\n  Omit<VariantProps<typeof inputVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof inputVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n    /**\n     * Leave unset (or `\"off\"`) for app data: the field renders `autocomplete=\"off\"` plus the\n     * ignore attributes of the common password managers, so a \"Name\" field doesn't get an\n     * identity popup. Pass a real autofill token (`email`, `username`, `current-password`,\n     * `new-password`, `one-time-code`, ...) on credential and account forms to opt back in.\n     */\n    autoComplete?: React.HTMLInputAutoCompleteAttribute;\n  };\n\n/**\n * Single-line text field. Opts out of password manager autofill unless `autoComplete`\n * names a real autofill token; see `textFieldAutofillProps`.\n */\nfunction Input({ className, size, testId, variant, error, autoComplete, ...props }: InputProps) {\n  return (\n    <InputPrimitive\n      className={cn(inputVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;AAoBA,IAAM,gBAAgB,IACpB,GAGE,6CACA,6BACA,gGACA,0EAEA,qFACA,qFACA,2CAGA,mDACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS,GAAG,2BAA2B,gBAAgB,8BAA8B;GACrF,UAAU;EACZ;EACA,MAAM;GACJ,IAAI,GAAG,mBAAmB,IAAI,YAAY;GAC1C,IAAI,GAAG,mBAAmB,IAAI,YAAY;GAC1C,IAAI,GAAG,mBAAmB,IAAI,YAAY;EAC5C;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;;;;AAsBA,SAASA,QAAM,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,cAAc,GAAG,SAAqB;CAC9F,OACE,oBAACC,OAAD;EACE,WAAW,GAAG,cAAc;GAAE,SAAS,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAG,eAAe,SAAS;EACtG,eAAa;EACb,GAAI,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAI,uBAAuB,YAAY;EACvC,GAAI,sBAAsB,KAAK;CAChC,CAAA;AAEL"}

package/dist/{input-group-DVJLZDBL.cjs → input-group-DBCilXjT.cjs}

@@ -1,13 +1,13 @@
 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_Button = require("./Button-BfICfyxD.cjs");
+const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.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");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -166,4 +166,4 @@ Object.defineProperty(exports, "inputGroupControlClassName", {
 	}
 });
 
-//# sourceMappingURL=input-group-DVJLZDBL.cjs.map
+//# sourceMappingURL=input-group-DBCilXjT.cjs.map

package/dist/{input-group-DVJLZDBL.cjs.map → input-group-DBCilXjT.cjs.map}

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"input-group-DBCilXjT.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 → input-group-NV4ZzKOk.js}

@@ -1,12 +1,12 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
+import { t as Button } from "./Button-Bi7aXd_G.js";
+import { n as keepOwnAccessibleName } from "./field-control-aria-BaRSUUMR.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 { t as cn } from "./utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "@base-ui/react/input";
@@ -117,4 +117,4 @@ function InputGroupButton({ size = "icon-sm", variant = "ghost", type = "button"
 }
 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
+//# sourceMappingURL=input-group-NV4ZzKOk.js.map

package/dist/{input-group-QKKV_ouF.js.map → input-group-NV4ZzKOk.js.map}

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"input-group-NV4ZzKOk.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/layout/tabbed-container.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tabbed_container = require("../tabbed-container-B4lCBgRP.cjs");
+const require_tabbed_container = require("../tabbed-container-Bhfi-DWr.cjs");
 exports.TabbedContainer = require_tabbed_container.TabbedContainer;

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

@@ -1 +1 @@
-export { t as TabbedContainer } from "../tabbed-container-DI1GI1Qv.js";
+export { t as TabbedContainer } from "../tabbed-container-DOkHshha.js";

package/dist/lib/form/auto-form.cjs.js

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_lib_form_field_context = require("./field-context.cjs.js");
 const require_lib_form_components_array_element_wrapper = require("./components/array-element-wrapper.cjs.js");
 const require_lib_form_components_array_wrapper = require("./components/array-wrapper.cjs.js");
 const require_lib_form_components_boolean_field = require("./components/boolean-field.cjs.js");
@@ -16,6 +15,7 @@ const require_lib_form_components_string_field = require("./components/string-fi
 const require_lib_form_components_submit_button = require("./components/submit-button.cjs.js");
 const require_lib_form_components_union_field = require("./components/union-field.cjs.js");
 const require_lib_form_custom_auto_form = require("./custom-auto-form.cjs.js");
+const require_lib_form_field_context = require("./field-context.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/lib/form/auto-form.tsx

package/dist/lib/form/auto-form.es.js

@@ -1,4 +1,3 @@
-import { FormReadOnlyContext } from "./field-context.es.js";
 import { ArrayElementWrapper } from "./components/array-element-wrapper.es.js";
 import { ArrayWrapper } from "./components/array-wrapper.es.js";
 import { BooleanField } from "./components/boolean-field.es.js";
@@ -15,6 +14,7 @@ import { StringField } from "./components/string-field.es.js";
 import { SubmitButton } from "./components/submit-button.es.js";
 import { UnionField } from "./components/union-field.es.js";
 import { CustomAutoForm } from "./custom-auto-form.es.js";
+import { FormReadOnlyContext } from "./field-context.es.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/lib/form/auto-form.tsx

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_components_Collapsible = require("../../../components/Collapsible.cjs.js");
-const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.cjs.js");
 const require_lib_form_field_context = require("../field-context.cjs.js");
 const require_lib_form_use_section_disclosure = require("../use-section-disclosure.cjs.js");
 const require_lib_form_utils = require("../utils.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_components_Collapsible = require("../../../components/Collapsible.cjs.js");
+const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,10 +1,10 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/Collapsible.es.js";
-import { DisclosureChevron } from "../../../components/DisclosureChevron.es.js";
 import { ArrayAddButtonContext, FieldPathContext, FormReadOnlyContext } from "../field-context.es.js";
 import { useSectionDisclosure } from "../use-section-disclosure.es.js";
 import { isPlainObject } from "../utils.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/Collapsible.es.js";
+import { DisclosureChevron } from "../../../components/DisclosureChevron.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { useContext, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Trash2 } from "lucide-react";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_lib_form_field_context = require("../field-context.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,6 +1,6 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { ArrayAddButtonContext, FormReadOnlyContext } from "../field-context.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { Children, useContext, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Brackets, Plus } from "lucide-react";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../../../rolldown-runtime-CmQyd0Gu.cjs");
-const require_components_Field = require("../../../components/Field.cjs.js");
 const require_components_Checkbox = require("../../../components/Checkbox.cjs.js");
+const require_components_Field = require("../../../components/Field.cjs.js");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,5 +1,5 @@
-import { FieldLabel } from "../../../components/Field.es.js";
 import { Checkbox } from "../../../components/Checkbox.es.js";
+import { FieldLabel } from "../../../components/Field.es.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/lib/form/components/boolean-field.tsx

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../../../rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-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_popover = require("../../../popover-BJqa6Hz6.cjs");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
 const require_components_DateTimePicker = require("../../../components/DateTimePicker.cjs.js");
+const require_field_control_aria = require("../../../field-control-aria-Dw0_ObOU.cjs");
+const require_popover = require("../../../popover-D9AfJmla.cjs");
+const require_primitives_form_element = require("../../../primitives/form-element.cjs.js");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,9 +1,9 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { fieldTriggerErrorBorder } from "../../../primitives/form-element.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { i as useFieldControlAria } from "../../../field-control-aria-BaRSUUMR.js";
-import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "../../../popover-CzHvTPk2.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
 import { DatePicker } from "../../../components/DateTimePicker.es.js";
+import { i as useFieldControlAria } from "../../../field-control-aria-BaRSUUMR.js";
+import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "../../../popover-BpMi52Tb.js";
+import { fieldTriggerErrorBorder } from "../../../primitives/form-element.es.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarIcon, X } from "lucide-react";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../../../rolldown-runtime-CmQyd0Gu.cjs");
-const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
+const require_Notice = require("../../../Notice-B_KjMmA6.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,4 +1,4 @@
-import { t as Notice } from "../../../Notice-C-8oOZZF.js";
+import { t as Notice } from "../../../Notice-OSlG42lD.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/lib/form/components/error-message.tsx

package/dist/lib/form/components/form-submit-row.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/lib/form/components/form-submit-row.tsx

package/dist/lib/form/components/form-submit-row.es.js

@@ -1,6 +1,6 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
 import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 // src/lib/form/components/form-submit-row.tsx

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../../../rolldown-runtime-CmQyd0Gu.cjs");
-const require_input = require("../../../input-2hRXcZIu.cjs");
+const require_input = require("../../../input-BpnUsQSt.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");