@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/input-DinpgQXj.js

@@ -1,64 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as cva } from './index-CZvpHqka.js';
-import * as React from 'react';
-import { controlSizeClasses } from './primitives/control-size.es.js';
-import { unstyledFormElementStyle, sharedFormElementDisabledStyle, inputOutlineAndFocusStyle, inputSurfaceAndFocusStyle } from './primitives/form-element.es.js';
-import { c as cn } from './cn-ByEbywDh.js';
-
-const inputVariants = cva(
-  cn(
-    "flex w-full border bg-transparent text-neutral6",
-    "transition-all duration-normal ease-out-custom",
-    "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
-    "focus:placeholder:opacity-70",
-    // type="number": hide native browser spinner arrows (they clip the pill).
-    // For incrementable numeric inputs, compose <InputGroup> with +/- buttons
-    // instead — see the NumberWithStepper story. WebKit uses the spin-button
-    // pseudo-elements; Firefox needs `appearance: textfield` on the input.
-    "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
-    "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
-    "[&[type=number]]:[appearance:textfield]",
-    // type="search": drop WebKit's native clear button so the DS owns the search chrome.
-    // Compose an <InputGroup> with an InputGroupButton to add a clear control.
-    "[&::-webkit-search-cancel-button]:appearance-none"
-  ),
-  {
-    variants: {
-      variant: {
-        default: cn(inputSurfaceAndFocusStyle, "rounded-full", sharedFormElementDisabledStyle),
-        filled: cn(inputSurfaceAndFocusStyle, "rounded-full", sharedFormElementDisabledStyle),
-        outline: cn(inputOutlineAndFocusStyle, "rounded-full", sharedFormElementDisabledStyle),
-        unstyled: unstyledFormElementStyle
-      },
-      size: {
-        xs: cn(controlSizeClasses.xs, "px-[.75em]"),
-        sm: cn(controlSizeClasses.sm, "px-[.75em]"),
-        md: cn(controlSizeClasses.md, "px-[.75em]"),
-        lg: cn(controlSizeClasses.lg, "px-[.85em]")
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-);
-const Input = React.forwardRef(
-  ({ className, size, testId, variant, type, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        className: cn(inputVariants({ variant, size }), error && "border-error focus-visible:border-error", className),
-        "data-testid": testId,
-        ref,
-        "aria-invalid": error,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-export { Input as I };
-//# sourceMappingURL=input-DinpgQXj.js.map

package/dist/input-DinpgQXj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-DinpgQXj.js","sources":["../src/ds/components/Input/input.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  inputOutlineAndFocusStyle,\n  inputSurfaceAndFocusStyle,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    'flex w-full border bg-transparent text-neutral6',\n    'transition-all duration-normal ease-out-custom',\n    'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70',\n    // type=\"number\": hide native browser spinner arrows (they clip the pill).\n    // For incrementable numeric inputs, compose <InputGroup> with +/- buttons\n    // instead — see the NumberWithStepper story. WebKit uses the spin-button\n    // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n    '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n    '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n    '[&[type=number]]:[appearance:textfield]',\n    // type=\"search\": drop WebKit's native clear button so 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        filled: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        outline: cn(inputOutlineAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        xs: cn(controlSizeClasses.xs, 'px-[.75em]'),\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.InputHTMLAttributes<HTMLInputElement>, 'size'> &\n  VariantProps<typeof inputVariants> & {\n    testId?: string;\n    error?: boolean;\n  };\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, size, testId, variant, type, error, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(inputVariants({ variant, size }), error && 'border-error focus-visible:border-error', className)}\n        data-testid={testId}\n        ref={ref}\n        aria-invalid={error}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,EAAA;AAAA,IACE,iDAAA;AAAA,IACA,gDAAA;AAAA,IACA,sFAAA;AAAA,IACA,8BAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,mFAAA;AAAA,IACA,mFAAA;AAAA,IACA,yCAAA;AAAA;AAAA;AAAA,IAGA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA,CAAG,yBAAA,EAA2B,cAAA,EAAgB,8BAA8B,CAAA;AAAA,QACrF,MAAA,EAAQ,EAAA,CAAG,yBAAA,EAA2B,cAAA,EAAgB,8BAA8B,CAAA;AAAA,QACpF,OAAA,EAAS,EAAA,CAAG,yBAAA,EAA2B,cAAA,EAAgB,8BAA8B,CAAA;AAAA,QACrF,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY,CAAA;AAAA,QAC1C,EAAA,EAAI,EAAA,CAAG,kBAAA,CAAmB,EAAA,EAAI,YAAY;AAAA;AAC5C,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAQA,MAAM,QAAQ,KAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACpE,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,MAAM,CAAA,EAAG,KAAA,IAAS,yCAAA,EAA2C,SAAS,CAAA;AAAA,QAC7G,aAAA,EAAa,MAAA;AAAA,QACb,GAAA;AAAA,QACA,cAAA,EAAc,KAAA;AAAA,QACb,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

package/dist/input-group-CBuqhxnJ.cjs

@@ -1,242 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-BxcigDwC.cjs');
-const React = require('react');
-const Button = require('./Button-BJOVwaxp.cjs');
-const primitives_controlSize = require('./primitives/control-size.cjs.js');
-const primitives_formElement = require('./primitives/form-element.cjs.js');
-const primitives_transitions = require('./primitives/transitions.cjs.js');
-const utils_cn = require('./cn-DnbTIGXa.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const inputGroupBaseClassName = utils_cn.cn(
-  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor
-  // so it never collapses to 0. `items-center` centres the control: it carries its own
-  // h-form-* (2px taller than the root's content box), so stretch would push its text low
-  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.
-  "group/input-group relative flex w-full flex-1 items-center",
-  "border border-border1 text-neutral6",
-  primitives_transitions.transitions.all,
-  "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
-  "has-[[aria-invalid=true]]:border-error",
-  // Height is on the root (border-box) so the group matches a same-size sibling control.
-  // Auto height when vertical (block-* addon) or wrapping a textarea.
-  "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col",
-  "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col",
-  "has-[textarea]:h-auto",
-  "has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0",
-  "has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0",
-  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.
-  "has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none",
-  "has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none"
-);
-const inputGroupRoundedTextareaClassName = utils_cn.cn(
-  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl
-  // whenever the group goes vertical (block-* addon) or wraps a textarea.
-  "has-[>[data-align=block-start]]:rounded-xl",
-  "has-[>[data-align=block-end]]:rounded-xl",
-  "has-[textarea]:rounded-xl"
-);
-const inputGroupFilledVariant = utils_cn.cn(
-  "rounded-full bg-surface-overlay-soft",
-  "hover:bg-surface-overlay-strong",
-  primitives_formElement.inputHoverBorderWithin,
-  "outline-hidden focus-within:bg-surface-overlay-strong focus-within:outline-hidden",
-  primitives_formElement.inputFocusBorderWithin,
-  inputGroupRoundedTextareaClassName
-);
-const inputGroupVariants = index.cva(inputGroupBaseClassName, {
-  variants: {
-    variant: {
-      default: inputGroupFilledVariant,
-      filled: inputGroupFilledVariant,
-      outline: utils_cn.cn(
-        "rounded-full bg-transparent",
-        primitives_formElement.inputHoverBorderWithin,
-        "outline-hidden focus-within:outline-hidden",
-        primitives_formElement.inputFocusBorderWithin,
-        inputGroupRoundedTextareaClassName
-      )
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-const InputGroup = React__namespace.forwardRef(
-  ({ className, size = "md", variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        "data-slot": "input-group",
-        "data-size": size,
-        className: utils_cn.cn(inputGroupVariants({ variant }), primitives_controlSize.controlHeight[size], className),
-        ...props
-      }
-    );
-  }
-);
-InputGroup.displayName = "InputGroup";
-const inputGroupAddonVariants = index.cva(
-  utils_cn.cn(
-    "flex items-center justify-center gap-2 text-neutral3 select-none",
-    "group-has-[:disabled]/input-group:opacity-50",
-    "[&>svg:not([class*='size-'])]:size-4"
-  ),
-  {
-    variants: {
-      align: {
-        "inline-start": "order-first pr-1 pl-3 has-[>button]:pl-1",
-        "inline-end": "order-last pr-3 pl-1 has-[>button]:pr-1",
-        "block-start": "order-first w-full justify-start border-b border-border1 px-3 pt-2 pb-1",
-        "block-end": "order-last w-full justify-start border-t border-border1 px-3 pt-1 pb-2"
-      }
-    },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-);
-const InputGroupAddon = React__namespace.forwardRef(
-  ({ className, align = "inline-start", onClick, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        "data-slot": "input-group-addon",
-        "data-align": align,
-        className: utils_cn.cn(inputGroupAddonVariants({ align }), className),
-        onClick: (event) => {
-          const target = event.target;
-          if (!target.closest('button, input, textarea, [role="button"]')) {
-            event.currentTarget.parentElement?.querySelector("[data-slot=input-group-control]")?.focus();
-          }
-          onClick?.(event);
-        },
-        ...props
-      }
-    );
-  }
-);
-InputGroupAddon.displayName = "InputGroupAddon";
-const inputGroupControlHeightBySize = utils_cn.cn(
-  "group-data-[size=xs]/input-group:h-[calc(var(--spacing-form-xs)-2px)]",
-  "group-data-[size=sm]/input-group:h-[calc(var(--spacing-form-sm)-2px)]",
-  "group-data-[size=md]/input-group:h-[calc(var(--spacing-form-md)-2px)]",
-  "group-data-[size=lg]/input-group:h-[calc(var(--spacing-form-lg)-2px)]"
-);
-const inputGroupControlTextBySize = utils_cn.cn(
-  "group-data-[size=xs]/input-group:text-ui-xs",
-  "group-data-[size=sm]/input-group:text-ui-sm",
-  "group-data-[size=md]/input-group:text-ui-smd",
-  "group-data-[size=lg]/input-group:text-ui-md"
-);
-const InputGroupInput = React__namespace.forwardRef(
-  ({ className, testId, error, type = "text", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref,
-        type,
-        "data-slot": "input-group-control",
-        "data-testid": testId,
-        "aria-invalid": error,
-        className: utils_cn.cn(
-          // Height fits the root's content box (see inputGroupControlHeightBySize).
-          "min-w-0 flex-1 bg-transparent px-3 text-neutral6 outline-hidden",
-          inputGroupControlHeightBySize,
-          inputGroupControlTextBySize,
-          "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
-          "focus:placeholder:opacity-70",
-          "disabled:cursor-not-allowed",
-          // Hide native number-spinner arrows so consumers can compose their own
-          // stepper (see the NumberWithStepper story). WebKit uses the spin-button
-          // pseudo-elements; Firefox needs `appearance: textfield` on the input.
-          "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
-          "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
-          "[&[type=number]]:[appearance:textfield]",
-          // type="search": drop WebKit's native clear button so it doesn't double up with a
-          // custom clear control (e.g. the scorers toolbar's InputGroupButton).
-          "[&::-webkit-search-cancel-button]:appearance-none",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-InputGroupInput.displayName = "InputGroupInput";
-const InputGroupTextarea = React__namespace.forwardRef(
-  ({ className, testId, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        ref,
-        "data-slot": "input-group-control",
-        "data-testid": testId,
-        "aria-invalid": error,
-        className: utils_cn.cn(
-          "min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-neutral6 outline-hidden",
-          inputGroupControlTextBySize,
-          "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
-          "focus:placeholder:opacity-70",
-          "disabled:cursor-not-allowed",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-InputGroupTextarea.displayName = "InputGroupTextarea";
-const InputGroupText = React__namespace.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ref,
-      className: utils_cn.cn(
-        "flex items-center gap-2 text-ui-sm text-neutral3 [&_svg]:pointer-events-none",
-        "[&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-InputGroupText.displayName = "InputGroupText";
-const InputGroupButton = React__namespace.forwardRef(
-  ({ size = "icon-sm", variant = "ghost", type = "button", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { ref, type, size, variant, ...props });
-  }
-);
-InputGroupButton.displayName = "InputGroupButton";
-
-exports.InputGroup = InputGroup;
-exports.InputGroupAddon = InputGroupAddon;
-exports.InputGroupButton = InputGroupButton;
-exports.InputGroupInput = InputGroupInput;
-exports.InputGroupText = InputGroupText;
-exports.InputGroupTextarea = InputGroupTextarea;
-//# sourceMappingURL=input-group-CBuqhxnJ.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-CBuqhxnJ.cjs","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { inputFocusBorderWithin, inputHoverBorderWithin } from '@/ds/primitives/form-element';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// No React context: size flows via `data-size` on the named group root\n// (`group/input-group`) and is read by the control through `group-data-[size=…]`\n// variants — mirrors shadcn's data-slot/data-* convention and removes prop drilling.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  'border border-border1 text-neutral6',\n  transitions.all,\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50',\n  'has-[[aria-invalid=true]]:border-error',\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// `default` and `filled` are the same filled surface on purpose (the default look IS\n// the filled treatment; `filled` is an explicit alias). Share the string so they can't\n// drift. Focus brightens the border (inputFocusBorderWithin) for WCAG-visible focus.\nconst inputGroupFilledVariant = cn(\n  'rounded-full bg-surface-overlay-soft',\n  'hover:bg-surface-overlay-strong',\n  inputHoverBorderWithin,\n  'outline-hidden focus-within:bg-surface-overlay-strong focus-within:outline-hidden',\n  inputFocusBorderWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nconst inputGroupVariants = cva(inputGroupBaseClassName, {\n  variants: {\n    variant: {\n      default: inputGroupFilledVariant,\n      filled: inputGroupFilledVariant,\n      outline: cn(\n        'rounded-full bg-transparent',\n        inputHoverBorderWithin,\n        'outline-hidden focus-within:outline-hidden',\n        inputFocusBorderWithin,\n        inputGroupRoundedTextareaClassName,\n      ),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n} & VariantProps<typeof inputGroupVariants>;\n\nconst InputGroup = React.forwardRef<HTMLDivElement, InputGroupProps>(\n  ({ className, size = 'md', variant, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group\"\n        data-size={size}\n        className={cn(inputGroupVariants({ variant }), controlHeight[size], className)}\n        {...props}\n      />\n    );\n  },\n);\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-neutral3 select-none',\n    'group-has-[:disabled]/input-group:opacity-50',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border1 px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border1 px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nconst InputGroupAddon = React.forwardRef<HTMLDivElement, InputGroupAddonProps>(\n  ({ className, align = 'inline-start', onClick, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group-addon\"\n        data-align={align}\n        className={cn(inputGroupAddonVariants({ align }), className)}\n        onClick={event => {\n          // Click on non-interactive addon area focuses the control inside the group.\n          // Skip when a button/input handled the click itself.\n          const target = event.target as HTMLElement;\n          if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n            event.currentTarget.parentElement\n              ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n              ?.focus();\n          }\n          onClick?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=xs]/input-group:h-[calc(var(--spacing-form-xs)-2px)]',\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-form-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-form-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-form-lg)-2px)]',\n);\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=xs]/input-group:text-ui-xs',\n  'group-data-[size=sm]/input-group:text-ui-sm',\n  'group-data-[size=md]/input-group:text-ui-smd',\n  'group-data-[size=lg]/input-group:text-ui-md',\n);\n\nexport type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n  ({ className, testId, error, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          // Height fits the root's content box (see inputGroupControlHeightBySize).\n          'min-w-0 flex-1 bg-transparent px-3 text-neutral6 outline-hidden',\n          inputGroupControlHeightBySize,\n          inputGroupControlTextBySize,\n          'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          // Hide native number-spinner arrows so consumers can compose their own\n          // stepper (see the NumberWithStepper story). WebKit uses the spin-button\n          // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n          '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n          '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n          '[&[type=number]]:[appearance:textfield]',\n          // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n          // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n          '[&::-webkit-search-cancel-button]:appearance-none',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nexport type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, InputGroupTextareaProps>(\n  ({ className, testId, error, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-neutral6 outline-hidden',\n          inputGroupControlTextBySize,\n          'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, InputGroupTextProps>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        'flex items-center gap-2 text-ui-sm text-neutral3 [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nInputGroupText.displayName = 'InputGroupText';\n\nexport type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n  ({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }, ref) => {\n    return <Button ref={ref} type={type} size={size} variant={variant} {...props} />;\n  },\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":["cn","transitions","inputHoverBorderWithin","inputFocusBorderWithin","cva","React","jsx","controlHeight","Button"],"mappings":"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"}

package/dist/input-group-Dv1YsFDZ.js

@@ -1,216 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as cva } from './index-CZvpHqka.js';
-import * as React from 'react';
-import { B as Button } from './Button-BVGwYwHT.js';
-import { controlHeight } from './primitives/control-size.es.js';
-import { inputFocusBorderWithin, inputHoverBorderWithin } from './primitives/form-element.es.js';
-import { transitions } from './primitives/transitions.es.js';
-import { c as cn } from './cn-ByEbywDh.js';
-
-const inputGroupBaseClassName = cn(
-  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor
-  // so it never collapses to 0. `items-center` centres the control: it carries its own
-  // h-form-* (2px taller than the root's content box), so stretch would push its text low
-  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.
-  "group/input-group relative flex w-full flex-1 items-center",
-  "border border-border1 text-neutral6",
-  transitions.all,
-  "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
-  "has-[[aria-invalid=true]]:border-error",
-  // Height is on the root (border-box) so the group matches a same-size sibling control.
-  // Auto height when vertical (block-* addon) or wrapping a textarea.
-  "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col",
-  "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col",
-  "has-[textarea]:h-auto",
-  "has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0",
-  "has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0",
-  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.
-  "has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none",
-  "has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none"
-);
-const inputGroupRoundedTextareaClassName = cn(
-  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl
-  // whenever the group goes vertical (block-* addon) or wraps a textarea.
-  "has-[>[data-align=block-start]]:rounded-xl",
-  "has-[>[data-align=block-end]]:rounded-xl",
-  "has-[textarea]:rounded-xl"
-);
-const inputGroupFilledVariant = cn(
-  "rounded-full bg-surface-overlay-soft",
-  "hover:bg-surface-overlay-strong",
-  inputHoverBorderWithin,
-  "outline-hidden focus-within:bg-surface-overlay-strong focus-within:outline-hidden",
-  inputFocusBorderWithin,
-  inputGroupRoundedTextareaClassName
-);
-const inputGroupVariants = cva(inputGroupBaseClassName, {
-  variants: {
-    variant: {
-      default: inputGroupFilledVariant,
-      filled: inputGroupFilledVariant,
-      outline: cn(
-        "rounded-full bg-transparent",
-        inputHoverBorderWithin,
-        "outline-hidden focus-within:outline-hidden",
-        inputFocusBorderWithin,
-        inputGroupRoundedTextareaClassName
-      )
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-const InputGroup = React.forwardRef(
-  ({ className, size = "md", variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        "data-slot": "input-group",
-        "data-size": size,
-        className: cn(inputGroupVariants({ variant }), controlHeight[size], className),
-        ...props
-      }
-    );
-  }
-);
-InputGroup.displayName = "InputGroup";
-const inputGroupAddonVariants = cva(
-  cn(
-    "flex items-center justify-center gap-2 text-neutral3 select-none",
-    "group-has-[:disabled]/input-group:opacity-50",
-    "[&>svg:not([class*='size-'])]:size-4"
-  ),
-  {
-    variants: {
-      align: {
-        "inline-start": "order-first pr-1 pl-3 has-[>button]:pl-1",
-        "inline-end": "order-last pr-3 pl-1 has-[>button]:pr-1",
-        "block-start": "order-first w-full justify-start border-b border-border1 px-3 pt-2 pb-1",
-        "block-end": "order-last w-full justify-start border-t border-border1 px-3 pt-1 pb-2"
-      }
-    },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-);
-const InputGroupAddon = React.forwardRef(
-  ({ className, align = "inline-start", onClick, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        "data-slot": "input-group-addon",
-        "data-align": align,
-        className: cn(inputGroupAddonVariants({ align }), className),
-        onClick: (event) => {
-          const target = event.target;
-          if (!target.closest('button, input, textarea, [role="button"]')) {
-            event.currentTarget.parentElement?.querySelector("[data-slot=input-group-control]")?.focus();
-          }
-          onClick?.(event);
-        },
-        ...props
-      }
-    );
-  }
-);
-InputGroupAddon.displayName = "InputGroupAddon";
-const inputGroupControlHeightBySize = cn(
-  "group-data-[size=xs]/input-group:h-[calc(var(--spacing-form-xs)-2px)]",
-  "group-data-[size=sm]/input-group:h-[calc(var(--spacing-form-sm)-2px)]",
-  "group-data-[size=md]/input-group:h-[calc(var(--spacing-form-md)-2px)]",
-  "group-data-[size=lg]/input-group:h-[calc(var(--spacing-form-lg)-2px)]"
-);
-const inputGroupControlTextBySize = cn(
-  "group-data-[size=xs]/input-group:text-ui-xs",
-  "group-data-[size=sm]/input-group:text-ui-sm",
-  "group-data-[size=md]/input-group:text-ui-smd",
-  "group-data-[size=lg]/input-group:text-ui-md"
-);
-const InputGroupInput = React.forwardRef(
-  ({ className, testId, error, type = "text", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type,
-        "data-slot": "input-group-control",
-        "data-testid": testId,
-        "aria-invalid": error,
-        className: cn(
-          // Height fits the root's content box (see inputGroupControlHeightBySize).
-          "min-w-0 flex-1 bg-transparent px-3 text-neutral6 outline-hidden",
-          inputGroupControlHeightBySize,
-          inputGroupControlTextBySize,
-          "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
-          "focus:placeholder:opacity-70",
-          "disabled:cursor-not-allowed",
-          // Hide native number-spinner arrows so consumers can compose their own
-          // stepper (see the NumberWithStepper story). WebKit uses the spin-button
-          // pseudo-elements; Firefox needs `appearance: textfield` on the input.
-          "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none",
-          "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none",
-          "[&[type=number]]:[appearance:textfield]",
-          // type="search": drop WebKit's native clear button so it doesn't double up with a
-          // custom clear control (e.g. the scorers toolbar's InputGroupButton).
-          "[&::-webkit-search-cancel-button]:appearance-none",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-InputGroupInput.displayName = "InputGroupInput";
-const InputGroupTextarea = React.forwardRef(
-  ({ className, testId, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        ref,
-        "data-slot": "input-group-control",
-        "data-testid": testId,
-        "aria-invalid": error,
-        className: cn(
-          "min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-neutral6 outline-hidden",
-          inputGroupControlTextBySize,
-          "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
-          "focus:placeholder:opacity-70",
-          "disabled:cursor-not-allowed",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-InputGroupTextarea.displayName = "InputGroupTextarea";
-const InputGroupText = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      className: cn(
-        "flex items-center gap-2 text-ui-sm text-neutral3 [&_svg]:pointer-events-none",
-        "[&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-InputGroupText.displayName = "InputGroupText";
-const InputGroupButton = React.forwardRef(
-  ({ size = "icon-sm", variant = "ghost", type = "button", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Button, { ref, type, size, variant, ...props });
-  }
-);
-InputGroupButton.displayName = "InputGroupButton";
-
-export { InputGroup as I, InputGroupAddon as a, InputGroupButton as b, InputGroupInput as c, InputGroupText as d, InputGroupTextarea as e };
-//# sourceMappingURL=input-group-Dv1YsFDZ.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-Dv1YsFDZ.js","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { inputFocusBorderWithin, inputHoverBorderWithin } from '@/ds/primitives/form-element';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// No React context: size flows via `data-size` on the named group root\n// (`group/input-group`) and is read by the control through `group-data-[size=…]`\n// variants — mirrors shadcn's data-slot/data-* convention and removes prop drilling.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  'border border-border1 text-neutral6',\n  transitions.all,\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50',\n  'has-[[aria-invalid=true]]:border-error',\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// `default` and `filled` are the same filled surface on purpose (the default look IS\n// the filled treatment; `filled` is an explicit alias). Share the string so they can't\n// drift. Focus brightens the border (inputFocusBorderWithin) for WCAG-visible focus.\nconst inputGroupFilledVariant = cn(\n  'rounded-full bg-surface-overlay-soft',\n  'hover:bg-surface-overlay-strong',\n  inputHoverBorderWithin,\n  'outline-hidden focus-within:bg-surface-overlay-strong focus-within:outline-hidden',\n  inputFocusBorderWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nconst inputGroupVariants = cva(inputGroupBaseClassName, {\n  variants: {\n    variant: {\n      default: inputGroupFilledVariant,\n      filled: inputGroupFilledVariant,\n      outline: cn(\n        'rounded-full bg-transparent',\n        inputHoverBorderWithin,\n        'outline-hidden focus-within:outline-hidden',\n        inputFocusBorderWithin,\n        inputGroupRoundedTextareaClassName,\n      ),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n} & VariantProps<typeof inputGroupVariants>;\n\nconst InputGroup = React.forwardRef<HTMLDivElement, InputGroupProps>(\n  ({ className, size = 'md', variant, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group\"\n        data-size={size}\n        className={cn(inputGroupVariants({ variant }), controlHeight[size], className)}\n        {...props}\n      />\n    );\n  },\n);\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-neutral3 select-none',\n    'group-has-[:disabled]/input-group:opacity-50',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border1 px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border1 px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nconst InputGroupAddon = React.forwardRef<HTMLDivElement, InputGroupAddonProps>(\n  ({ className, align = 'inline-start', onClick, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group-addon\"\n        data-align={align}\n        className={cn(inputGroupAddonVariants({ align }), className)}\n        onClick={event => {\n          // Click on non-interactive addon area focuses the control inside the group.\n          // Skip when a button/input handled the click itself.\n          const target = event.target as HTMLElement;\n          if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n            event.currentTarget.parentElement\n              ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n              ?.focus();\n          }\n          onClick?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=xs]/input-group:h-[calc(var(--spacing-form-xs)-2px)]',\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-form-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-form-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-form-lg)-2px)]',\n);\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=xs]/input-group:text-ui-xs',\n  'group-data-[size=sm]/input-group:text-ui-sm',\n  'group-data-[size=md]/input-group:text-ui-smd',\n  'group-data-[size=lg]/input-group:text-ui-md',\n);\n\nexport type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n  ({ className, testId, error, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          // Height fits the root's content box (see inputGroupControlHeightBySize).\n          'min-w-0 flex-1 bg-transparent px-3 text-neutral6 outline-hidden',\n          inputGroupControlHeightBySize,\n          inputGroupControlTextBySize,\n          'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          // Hide native number-spinner arrows so consumers can compose their own\n          // stepper (see the NumberWithStepper story). WebKit uses the spin-button\n          // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n          '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n          '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n          '[&[type=number]]:[appearance:textfield]',\n          // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n          // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n          '[&::-webkit-search-cancel-button]:appearance-none',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nexport type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, InputGroupTextareaProps>(\n  ({ className, testId, error, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-neutral6 outline-hidden',\n          inputGroupControlTextBySize,\n          'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, InputGroupTextProps>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        'flex items-center gap-2 text-ui-sm text-neutral3 [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nInputGroupText.displayName = 'InputGroupText';\n\nexport type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n  ({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }, ref) => {\n    return <Button ref={ref} type={type} size={size} variant={variant} {...props} />;\n  },\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":[],"mappings":"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"}

package/dist/kbd-BaoBQUlL.cjs

@@ -1,34 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const primitives_transitions = require('./primitives/transitions.cjs.js');
-const utils_cn = require('./cn-DnbTIGXa.cjs');
-
-const themeClasses = {
-  light: "bg-gray-100 border-gray-300 text-gray-700 shadow-[0_1px_0_rgba(0,0,0,0.1)]",
-  dark: "bg-surface4 border-border1 text-neutral5 shadow-[0_1px_0_rgba(0,0,0,0.3)]"
-};
-const sizeClasses = {
-  default: "h-6 min-w-6 rounded-md px-1.5 text-ui-sm",
-  sm: "h-5 min-w-5 rounded-md px-1 text-ui-xs",
-  xs: "h-4 min-w-4 rounded px-1 text-ui-xs leading-none"
-};
-const Kbd = ({ children, theme = "dark", size = "default", className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "kbd",
-    {
-      className: utils_cn.cn(
-        "inline-flex items-center justify-center border font-mono",
-        sizeClasses[size],
-        primitives_transitions.transitions.transform,
-        "active:scale-95 active:shadow-none",
-        themeClasses[theme],
-        className
-      ),
-      children
-    }
-  );
-};
-
-exports.Kbd = Kbd;
-//# sourceMappingURL=kbd-BaoBQUlL.cjs.map

package/dist/kbd-BaoBQUlL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd-BaoBQUlL.cjs","sources":["../src/ds/components/Kbd/kbd.tsx"],"sourcesContent":["import { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type KbdProps = {\n  children: React.ReactNode;\n  theme?: 'light' | 'dark';\n  size?: 'default' | 'sm' | 'xs';\n  className?: string;\n};\n\nconst themeClasses: Record<NonNullable<KbdProps['theme']>, string> = {\n  light: 'bg-gray-100 border-gray-300 text-gray-700 shadow-[0_1px_0_rgba(0,0,0,0.1)]',\n  dark: 'bg-surface4 border-border1 text-neutral5 shadow-[0_1px_0_rgba(0,0,0,0.3)]',\n};\n\n// Fixed heights, not padding — `font-mono` normal leading varies per glyph set and desyncs the scale\nconst sizeClasses: Record<NonNullable<KbdProps['size']>, string> = {\n  default: 'h-6 min-w-6 rounded-md px-1.5 text-ui-sm',\n  sm: 'h-5 min-w-5 rounded-md px-1 text-ui-xs',\n  xs: 'h-4 min-w-4 rounded px-1 text-ui-xs leading-none',\n};\n\nexport const Kbd = ({ children, theme = 'dark', size = 'default', className }: KbdProps) => {\n  return (\n    <kbd\n      className={cn(\n        'inline-flex items-center justify-center border font-mono',\n        sizeClasses[size],\n        transitions.transform,\n        'active:scale-95 active:shadow-none',\n        themeClasses[theme],\n        className,\n      )}\n    >\n      {children}\n    </kbd>\n  );\n};\n"],"names":["jsx","cn","transitions"],"mappings":";;;;;;AAUA,MAAM,YAAA,GAA+D;AAAA,EACnE,KAAA,EAAO,4EAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAGA,MAAM,WAAA,GAA6D;AAAA,EACjE,OAAA,EAAS,0CAAA;AAAA,EACT,EAAA,EAAI,wCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,QAAA,EAAU,QAAQ,MAAA,EAAQ,IAAA,GAAO,SAAA,EAAW,SAAA,EAAU,KAAgB;AAC1F,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,0DAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChBC,kCAAA,CAAY,SAAA;AAAA,QACZ,oCAAA;AAAA,QACA,aAAa,KAAK,CAAA;AAAA,QAClB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}