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

package/dist/style.css

@@ -1565,6 +1565,10 @@
     margin-top: calc(var(--spacing) * -.5);
   }
 
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
+
   .-mt-5 {
     margin-top: calc(var(--spacing) * -5);
   }
@@ -2569,6 +2573,10 @@
     width: var(--bar-width);
   }
 
+  .w-\(--field-width\,100\%\) {
+    width: var(--field-width, 100%);
+  }
+
   .w-\(--sidebar-width\) {
     width: var(--sidebar-width);
   }
@@ -3421,6 +3429,10 @@
     flex-shrink: 1;
   }
 
+  .shrink-\(--field-shrink\,1\) {
+    flex-shrink: var(--field-shrink, 1);
+  }
+
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -7338,14 +7350,6 @@
     --field-disabled: var(--fill-subtle);
   }
 
-  .\[--field-rim-focus\:var\(--destructive-indicator\)\] {
-    --field-rim-focus: var(--destructive-indicator);
-  }
-
-  .\[--field-rim\:var\(--destructive-indicator\)\] {
-    --field-rim: var(--destructive-indicator);
-  }
-
   .\[--field-rim\:var\(--field-rim-on-surface\)\] {
     --field-rim: var(--field-rim-on-surface);
   }
@@ -7414,6 +7418,10 @@
     content-visibility: auto;
   }
 
+  .\[content-visibility\:visible\] {
+    content-visibility: visible;
+  }
+
   .\[overflow-clip-margin\:0\.75rem\] {
     overflow-clip-margin: .75rem;
   }
@@ -8565,10 +8573,6 @@
       border-color: var(--border-strong);
     }
 
-    .hover\:border-destructive-indicator:hover {
-      border-color: var(--destructive-indicator);
-    }
-
     .hover\:bg-badge-amber-strong:hover {
       background-color: var(--badge-amber-strong);
     }
@@ -8819,10 +8823,6 @@
     border-color: var(--border-focus);
   }
 
-  .focus-visible\:border-destructive-indicator:focus-visible {
-    border-color: var(--destructive-indicator);
-  }
-
   .focus-visible\:border-transparent:focus-visible {
     border-color: #0000;
   }
@@ -9054,6 +9054,10 @@
     }
   }
 
+  :where([data-disabled]) .in-data-disabled\:text-muted-foreground {
+    color: var(--muted-foreground);
+  }
+
   :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-foreground\/45 {
     --tw-gradient-via: var(--foreground);
   }
@@ -9168,6 +9172,10 @@
     background-color: var(--fill);
   }
 
+  .not-data-disabled\:has-\[\[role\=checkbox\]\,\[role\=switch\]\,\[role\=radio\]\]\:cursor-pointer:not([data-disabled]):has(:is([role="checkbox"], [role="switch"], [role="radio"])) {
+    cursor: pointer;
+  }
+
   .has-\[textarea\]\:h-auto:has(:is(textarea)) {
     height: auto;
   }
@@ -9200,6 +9208,10 @@
     border-radius: var(--radius-xl);
   }
 
+  .has-\[\>\[data-slot\=field-label\]\:first-child\]\:justify-between:has( > [data-slot="field-label"]:first-child) {
+    justify-content: space-between;
+  }
+
   .has-\[\>button\]\:pr-1:has( > button) {
     padding-right: var(--spacing);
   }
@@ -9288,6 +9300,12 @@
     --field-rim: var(--destructive-indicator);
   }
 
+  @media (hover: hover) {
+    .aria-invalid\:hover\:border-destructive-indicator[aria-invalid="true"]:hover {
+      border-color: var(--destructive-indicator);
+    }
+  }
+
   .aria-invalid\:focus-visible\:border-destructive-indicator[aria-invalid="true"]:focus-visible {
     border-color: var(--destructive-indicator);
   }
@@ -9339,6 +9357,10 @@
     cursor: not-allowed;
   }
 
+  .data-disabled\:text-muted-foreground[data-disabled] {
+    color: var(--muted-foreground);
+  }
+
   .data-disabled\:opacity-50[data-disabled] {
     opacity: .5;
   }
@@ -10389,6 +10411,14 @@
       padding-bottom: calc(var(--spacing) * 3);
     }
 
+    .sm\:\[--field-shrink\:0\] {
+      --field-shrink: 0;
+    }
+
+    .sm\:\[--field-width\:16rem\] {
+      --field-width: 16rem;
+    }
+
     .sm\:group-data-\[variant\=default\]\/section\:gap-4:is(:where(.group\/section)[data-variant="default"] *) {
       gap: calc(var(--spacing) * 4);
     }
@@ -11855,6 +11885,10 @@
     appearance: textfield;
   }
 
+  :is([data-slot="field"], [data-slot="field-item"]):has( > [role="checkbox"],  > [role="switch"],  > [role="radio"]) .not-data-disabled\:\[\:is\(\[data-slot\=field\]\,\[data-slot\=field-item\]\)\:has\(\>\[role\=checkbox\]\,\>\[role\=switch\]\,\>\[role\=radio\]\)_\&\]\:cursor-pointer:not([data-disabled]) {
+    cursor: pointer;
+  }
+
   [data-sidebar-mobile-present="true"] .\[\[data-sidebar-mobile-present\=\'true\'\]_\&\]\:invisible {
     visibility: hidden;
   }

package/dist/{switch-Swt75_Sb.cjs → switch-BlE5ReVZ.cjs}

@@ -3,6 +3,7 @@
 require('./switch.css');const jsxRuntime = require('react/jsx-runtime');
 const _switch = require('@base-ui/react/switch');
 const React = require('react');
+const fieldControlAria = require('./field-control-aria-WzMGs0A4.cjs');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
@@ -32,7 +33,7 @@ const Switch = React__namespace.forwardRef(
     const singleIcon = shouldRenderStateIcons ? void 0 : icon;
     const onIcon = checkedIcon ?? icon;
     const offIcon = uncheckedIcon ?? icon;
-    const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button" }), nativeButton: true };
+    const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...fieldControlAria.keepOwnAccessibleName(props) }), nativeButton: true };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       _switch.Switch.Root,
       {
@@ -122,4 +123,4 @@ function SwitchThumbIcon({
 }
 
 exports.Switch = Switch;
-//# sourceMappingURL=switch-Swt75_Sb.cjs.map
+//# sourceMappingURL=switch-BlE5ReVZ.cjs.map

package/dist/switch-BlE5ReVZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-BlE5ReVZ.cjs","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" {...keepOwnAccessibleName(props)} />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-fill-active',\n          'active:bg-fill-strong',\n          focusRingOffset,\n          'data-[checked]:bg-foreground/90',\n          'data-[checked]:hover:bg-foreground',\n          'data-[checked]:active:bg-foreground/75',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover',\n          'data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-background',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-foreground')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-foreground opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["React","jsx","keepOwnAccessibleName","jsxs","SwitchPrimitive","cn","focusRingOffset","Fragment"],"mappings":"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"}

package/dist/{switch-88fWFfVz.js → switch-MZ1oHrmp.js}

@@ -1,6 +1,7 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import * as React from 'react';
+import { k as keepOwnAccessibleName } from './field-control-aria-DB6y41tQ.js';
 import { focusRingOffset } from './primitives/transitions.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
@@ -11,7 +12,7 @@ import './switch.css';const Switch = React.forwardRef(
     const singleIcon = shouldRenderStateIcons ? void 0 : icon;
     const onIcon = checkedIcon ?? icon;
     const offIcon = uncheckedIcon ?? icon;
-    const renderProps = asChild && React.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsx("button", { type: "button" }), nativeButton: true };
+    const renderProps = asChild && React.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsx("button", { type: "button", ...keepOwnAccessibleName(props) }), nativeButton: true };
     return /* @__PURE__ */ jsxs(
       Switch$1.Root,
       {
@@ -101,4 +102,4 @@ function SwitchThumbIcon({
 }
 
 export { Switch as S };
-//# sourceMappingURL=switch-88fWFfVz.js.map
+//# sourceMappingURL=switch-MZ1oHrmp.js.map

package/dist/switch-MZ1oHrmp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-MZ1oHrmp.js","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" {...keepOwnAccessibleName(props)} />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-fill-active',\n          'active:bg-fill-strong',\n          focusRingOffset,\n          'data-[checked]:bg-foreground/90',\n          'data-[checked]:hover:bg-foreground',\n          'data-[checked]:active:bg-foreground/75',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover',\n          'data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-background',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-foreground')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-foreground opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["SwitchPrimitive"],"mappings":"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"}

package/dist/{textarea-B6wvS_CQ.js → textarea-CxPNKg2q.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { c as cva } from './index-Dubp6Qv4.js';
-import * as React from 'react';
-import { fieldErrorRim, resolveFieldVariant, unstyledFormElementStyle, sharedFormElementDisabledStyle, inputSurfaceAndFocusStyle } from './primitives/form-element.es.js';
+import { deprecatedErrorAria, fieldErrorRim, resolveFieldVariant, unstyledFormElementStyle, sharedFormElementDisabledStyle, inputSurfaceAndFocusStyle } from './primitives/form-element.es.js';
+import { TextareaControl } from './primitives/textarea-control.es.js';
 import { controlStateColorTransition } from './primitives/transitions.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
@@ -34,25 +34,17 @@ const textareaVariants = cva(
     }
   }
 );
-const Textarea = React.forwardRef(
-  ({ className, size, testId, variant, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: cn(
-          textareaVariants({ variant: resolveFieldVariant(variant), size }),
-          error && fieldErrorRim,
-          className
-        ),
-        "data-testid": testId,
-        ref,
-        "aria-invalid": error,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
+function Textarea({ className, size, testId, variant, error, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TextareaControl,
+    {
+      className: cn(textareaVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className),
+      "data-testid": testId,
+      ...deprecatedErrorAria(error),
+      ...props
+    }
+  );
+}
 
 export { Textarea as T };
-//# sourceMappingURL=textarea-B6wvS_CQ.js.map
+//# sourceMappingURL=textarea-CxPNKg2q.js.map

package/dist/textarea-CxPNKg2q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-CxPNKg2q.js","sources":["../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\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 { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'flex w-full 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    // Textarea specific\n    'min-h-20 resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text roles mirror the Input size scale so a Textarea reads at the same size as a\n      // sibling Input: a field value is 400 weight at every height.\n      size: {\n        sm: 'px-2 py-1.5 text-caption',\n        md: 'px-2.5 py-1.5 text-body-sm',\n        lg: 'px-3 py-2 text-body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.ComponentProps<'textarea'>, 'size'> &\n  Omit<VariantProps<typeof textareaVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof textareaVariants>['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\nfunction Textarea({ className, size, testId, variant, error, ...props }: TextareaProps) {\n  return (\n    <TextareaControl\n      className={cn(textareaVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,EAAA;AAAA,IACE,6BAAA;AAAA,IACA,2BAAA;AAAA,IACA,8FAAA;AAAA,IACA,wEAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA,CAAG,yBAAA,EAA2B,YAAA,EAAc,8BAA8B,CAAA;AAAA,QACnF,QAAA,EAAU;AAAA,OACZ;AAAA;AAAA;AAAA,MAGA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAWA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,IAAA,EAAM,QAAQ,OAAA,EAAS,KAAA,EAAO,GAAG,KAAA,EAAM,EAAkB;AACtF,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,mBAAA,CAAoB,OAAO,CAAA,EAAG,IAAA,EAAM,CAAA,EAAG,aAAA,EAAe,SAAS,CAAA;AAAA,MACzG,aAAA,EAAa,MAAA;AAAA,MACZ,GAAG,oBAAoB,KAAK,CAAA;AAAA,MAC5B,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/{textarea-gUBUqpol.cjs → textarea-DNV5Gs9A.cjs}

@@ -2,30 +2,11 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('./index-C-fBJhpb.cjs');
-const React = require('react');
 const primitives_formElement = require('./primitives/form-element.cjs.js');
+const primitives_textareaControl = require('./primitives/textarea-control.cjs.js');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 const textareaVariants = index.cva(
   utils_cn.cn(
     "flex w-full text-foreground",
@@ -55,25 +36,17 @@ const textareaVariants = index.cva(
     }
   }
 );
-const Textarea = React__namespace.forwardRef(
-  ({ className, size, testId, variant, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        className: utils_cn.cn(
-          textareaVariants({ variant: primitives_formElement.resolveFieldVariant(variant), size }),
-          error && primitives_formElement.fieldErrorRim,
-          className
-        ),
-        "data-testid": testId,
-        ref,
-        "aria-invalid": error,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
+function Textarea({ className, size, testId, variant, error, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitives_textareaControl.TextareaControl,
+    {
+      className: utils_cn.cn(textareaVariants({ variant: primitives_formElement.resolveFieldVariant(variant), size }), primitives_formElement.fieldErrorRim, className),
+      "data-testid": testId,
+      ...primitives_formElement.deprecatedErrorAria(error),
+      ...props
+    }
+  );
+}
 
 exports.Textarea = Textarea;
-//# sourceMappingURL=textarea-gUBUqpol.cjs.map
+//# sourceMappingURL=textarea-DNV5Gs9A.cjs.map

package/dist/textarea-DNV5Gs9A.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-DNV5Gs9A.cjs","sources":["../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\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 { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'flex w-full 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    // Textarea specific\n    'min-h-20 resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text roles mirror the Input size scale so a Textarea reads at the same size as a\n      // sibling Input: a field value is 400 weight at every height.\n      size: {\n        sm: 'px-2 py-1.5 text-caption',\n        md: 'px-2.5 py-1.5 text-body-sm',\n        lg: 'px-3 py-2 text-body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.ComponentProps<'textarea'>, 'size'> &\n  Omit<VariantProps<typeof textareaVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof textareaVariants>['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\nfunction Textarea({ className, size, testId, variant, error, ...props }: TextareaProps) {\n  return (\n    <TextareaControl\n      className={cn(textareaVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"names":["cva","cn","controlStateColorTransition","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","unstyledFormElementStyle","jsx","TextareaControl","resolveFieldVariant","fieldErrorRim","deprecatedErrorAria"],"mappings":";;;;;;;;;AAiBA,MAAM,gBAAA,GAAmBA,SAAA;AAAA,EACvBC,WAAA;AAAA,IACE,6BAAA;AAAA,IACAC,kDAAA;AAAA,IACA,8FAAA;AAAA,IACA,wEAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAASD,WAAA,CAAGE,gDAAA,EAA2B,YAAA,EAAcC,qDAA8B,CAAA;AAAA,QACnF,QAAA,EAAUC;AAAA,OACZ;AAAA;AAAA;AAAA,MAGA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAWA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,IAAA,EAAM,QAAQ,OAAA,EAAS,KAAA,EAAO,GAAG,KAAA,EAAM,EAAkB;AACtF,EAAA,uBACEC,cAAA;AAAA,IAACC,0CAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWN,WAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAASO,0CAAA,CAAoB,OAAO,CAAA,EAAG,IAAA,EAAM,CAAA,EAAGC,oCAAA,EAAe,SAAS,CAAA;AAAA,MACzG,aAAA,EAAa,MAAA;AAAA,MACZ,GAAGC,2CAAoB,KAAK,CAAA;AAAA,MAC5B,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/{time-picker-BElZALzM.js → time-picker-DRSAkFuj.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-DZeNf-kI.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select--ArpXYDc.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
 const minuteOptions = ["00", "15", "30", "45", "59"];
 const timePeriodOptions = ["AM", "PM"];
-function TimePicker({ defaultValue, onValueChange, className }) {
+function TimePicker({ defaultValue, onValueChange, className, label = "Time" }) {
   const [hour, setHour] = useState("12");
   const [minute, setMinute] = useState("00");
   const [timePeriod, setTimePeriod] = useState("AM");
@@ -47,30 +47,27 @@ function TimePicker({ defaultValue, onValueChange, className }) {
     setTimePeriod(nextPeriod);
     onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsxs(Select, { name: "hour", value: hourOptions.indexOf(hour).toString(), onValueChange: handleHourChange, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
-      /* @__PURE__ */ jsx(SelectContent, { children: hourOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
-    ] }),
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": label, className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx(TimePartSelect, { label: "Hour", options: hourOptions, value: hour, onValueChange: handleHourChange }),
     ":",
-    /* @__PURE__ */ jsxs(Select, { name: "minute", value: minuteOptions.indexOf(minute).toString(), onValueChange: handleMinuteChange, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
-      /* @__PURE__ */ jsx(SelectContent, { children: minuteOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Select,
+    /* @__PURE__ */ jsx(TimePartSelect, { label: "Minute", options: minuteOptions, value: minute, onValueChange: handleMinuteChange }),
+    /* @__PURE__ */ jsx(
+      TimePartSelect,
       {
-        name: "period",
-        value: timePeriodOptions.indexOf(timePeriod).toString(),
-        onValueChange: handleTimePeriodChange,
-        children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: timePeriodOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
-        ]
+        label: "AM or PM",
+        options: timePeriodOptions,
+        value: timePeriod,
+        onValueChange: handleTimePeriodChange
       }
     )
   ] });
 }
+function TimePartSelect({ label, options, value, onValueChange }) {
+  return /* @__PURE__ */ jsxs(Select, { value: options.indexOf(value).toString(), onValueChange, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", "aria-label": label, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: options.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
+  ] });
+}
 
 export { TimePicker as T };
-//# sourceMappingURL=time-picker-BElZALzM.js.map
+//# sourceMappingURL=time-picker-DRSAkFuj.js.map

package/dist/time-picker-DRSAkFuj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-DRSAkFuj.js","sources":["../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n  label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        const rawHour = match[1];\n        const rawMinute = match[2];\n        if (rawHour === undefined || rawMinute === undefined) return;\n\n        let parsedHour = parseInt(rawHour, 10);\n        const parsedMinute = parseInt(rawMinute, 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    const nextHour = hourOptions[+val];\n    if (nextHour === undefined) return;\n    setHour(nextHour);\n    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    const nextMinute = minuteOptions[+val];\n    if (nextMinute === undefined) return;\n    setMinute(nextMinute);\n    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    const nextPeriod = timePeriodOptions[+val];\n    if (nextPeriod === undefined) return;\n    setTimePeriod(nextPeriod);\n    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n  };\n\n  return (\n    <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n      <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n      :\n      <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n      <TimePartSelect\n        label=\"AM or PM\"\n        options={timePeriodOptions}\n        value={timePeriod}\n        onValueChange={handleTimePeriodChange}\n      />\n    </div>\n  );\n}\n\ntype TimePartSelectProps = {\n  label: string;\n  options: readonly string[];\n  value: string;\n  onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n  return (\n    <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue placeholder=\"Select...\" />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((option, idx) => (\n          <SelectItem key={option} value={`${idx}`}>\n            {option}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{time-picker-_QJdolkZ.cjs → time-picker-KE48KlpH.cjs}

@@ -2,13 +2,13 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const select = require('./select-DBY9LQFQ.cjs');
+const select = require('./select-DJQYAVcm.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
 const minuteOptions = ["00", "15", "30", "45", "59"];
 const timePeriodOptions = ["AM", "PM"];
-function TimePicker({ defaultValue, onValueChange, className }) {
+function TimePicker({ defaultValue, onValueChange, className, label = "Time" }) {
   const [hour, setHour] = React.useState("12");
   const [minute, setMinute] = React.useState("00");
   const [timePeriod, setTimePeriod] = React.useState("AM");
@@ -49,30 +49,27 @@ function TimePicker({ defaultValue, onValueChange, className }) {
     setTimePeriod(nextPeriod);
     onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { name: "hour", value: hourOptions.indexOf(hour).toString(), onValueChange: handleHourChange, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: hourOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
-    ] }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": label, className: utils_cn.cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TimePartSelect, { label: "Hour", options: hourOptions, value: hour, onValueChange: handleHourChange }),
     ":",
-    /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { name: "minute", value: minuteOptions.indexOf(minute).toString(), onValueChange: handleMinuteChange, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: minuteOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      select.Select,
+    /* @__PURE__ */ jsxRuntime.jsx(TimePartSelect, { label: "Minute", options: minuteOptions, value: minute, onValueChange: handleMinuteChange }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TimePartSelect,
       {
-        name: "period",
-        value: timePeriodOptions.indexOf(timePeriod).toString(),
-        onValueChange: handleTimePeriodChange,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: timePeriodOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
-        ]
+        label: "AM or PM",
+        options: timePeriodOptions,
+        value: timePeriod,
+        onValueChange: handleTimePeriodChange
       }
     )
   ] });
 }
+function TimePartSelect({ label, options, value, onValueChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: options.indexOf(value).toString(), onValueChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", "aria-label": label, children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: options.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
+  ] });
+}
 
 exports.TimePicker = TimePicker;
-//# sourceMappingURL=time-picker-_QJdolkZ.cjs.map
+//# sourceMappingURL=time-picker-KE48KlpH.cjs.map

package/dist/time-picker-KE48KlpH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-KE48KlpH.cjs","sources":["../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n  label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        const rawHour = match[1];\n        const rawMinute = match[2];\n        if (rawHour === undefined || rawMinute === undefined) return;\n\n        let parsedHour = parseInt(rawHour, 10);\n        const parsedMinute = parseInt(rawMinute, 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    const nextHour = hourOptions[+val];\n    if (nextHour === undefined) return;\n    setHour(nextHour);\n    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    const nextMinute = minuteOptions[+val];\n    if (nextMinute === undefined) return;\n    setMinute(nextMinute);\n    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    const nextPeriod = timePeriodOptions[+val];\n    if (nextPeriod === undefined) return;\n    setTimePeriod(nextPeriod);\n    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n  };\n\n  return (\n    <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n      <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n      :\n      <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n      <TimePartSelect\n        label=\"AM or PM\"\n        options={timePeriodOptions}\n        value={timePeriod}\n        onValueChange={handleTimePeriodChange}\n      />\n    </div>\n  );\n}\n\ntype TimePartSelectProps = {\n  label: string;\n  options: readonly string[];\n  value: string;\n  onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n  return (\n    <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue placeholder=\"Select...\" />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((option, idx) => (\n          <SelectItem key={option} value={`${idx}`}>\n            {option}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"names":["useState","useEffect","jsxs","cn","jsx","Select","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":"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"}

package/dist/{tool-call-arguments-CQYR65FB.cjs → tool-call-arguments-BemKsB9v.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const code = require('./code-B-x-9sJ1.cjs');
-const codeBlock = require('./code-block-BzoMjjtf.cjs');
+const codeBlock = require('./code-block-C3DbSINk.cjs');
 const highlight = require('./highlight-DK1dn-Fh.cjs');
 const utils_truncateString = require('./utils/truncate-string.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
@@ -74,4 +74,4 @@ function ToolCallArguments({ "data-testid": testId, ...input }) {
 
 exports.ToolCallArguments = ToolCallArguments;
 exports.ToolCallEdit = ToolCallEdit;
-//# sourceMappingURL=tool-call-arguments-CQYR65FB.cjs.map
+//# sourceMappingURL=tool-call-arguments-BemKsB9v.cjs.map

package/dist/{tool-call-arguments-CQYR65FB.cjs.map → tool-call-arguments-BemKsB9v.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-call-arguments-CQYR65FB.cjs","sources":["../src/ds/components/ai/tool-call/tool-call-edit.tsx","../src/ds/components/ai/tool-call/tool-call-arguments.tsx"],"sourcesContent":["import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-destructive-subtle', gutter: 'text-destructive-subtle-foreground' },\n  added: { sign: '+', row: 'bg-success-subtle', gutter: 'text-success-subtle-foreground' },\n} as const;\n\nfunction boundedLines(text: string): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"flex-1 pr-2.5 text-foreground\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit }: { edit: ToolEdit }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText);\n  const added = boundedLines(edit.newText);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className=\"max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption\"\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"px-2.5 py-1 text-muted-foreground select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallEdit } from './tool-call-edit';\nimport { ToolCallMono } from './tool-call-mono';\nimport { toolEdit, visibleToolArgumentsText } from './tool-presentation';\nimport type { ToolArgumentsInput } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps extends ToolArgumentsInput {\n  'data-testid'?: string;\n}\n\nexport function ToolCallArguments({ 'data-testid': testId, ...input }: ToolCallArgumentsProps) {\n  const edit = toolEdit(input.toolName, input.args);\n  if (edit) return <ToolCallEdit edit={edit} />;\n\n  const text = visibleToolArgumentsText(input);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-foreground\">\n      {text}\n    </ToolCallMono>\n  );\n}\n"],"names":["code","useHighlight","jsx","Fragment","jsxs","cn","tokenStyle","languageForPath","CodeBlock","truncateString","toolEdit","visibleToolArgumentsText","ToolCallMono"],"mappings":"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"}
+{"version":3,"file":"tool-call-arguments-BemKsB9v.cjs","sources":["../src/ds/components/ai/tool-call/tool-call-edit.tsx","../src/ds/components/ai/tool-call/tool-call-arguments.tsx"],"sourcesContent":["import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-destructive-subtle', gutter: 'text-destructive-subtle-foreground' },\n  added: { sign: '+', row: 'bg-success-subtle', gutter: 'text-success-subtle-foreground' },\n} as const;\n\nfunction boundedLines(text: string): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"flex-1 pr-2.5 text-foreground\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit }: { edit: ToolEdit }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText);\n  const added = boundedLines(edit.newText);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className=\"max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption\"\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"px-2.5 py-1 text-muted-foreground select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallEdit } from './tool-call-edit';\nimport { ToolCallMono } from './tool-call-mono';\nimport { toolEdit, visibleToolArgumentsText } from './tool-presentation';\nimport type { ToolArgumentsInput } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps extends ToolArgumentsInput {\n  'data-testid'?: string;\n}\n\nexport function ToolCallArguments({ 'data-testid': testId, ...input }: ToolCallArgumentsProps) {\n  const edit = toolEdit(input.toolName, input.args);\n  if (edit) return <ToolCallEdit edit={edit} />;\n\n  const text = visibleToolArgumentsText(input);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-foreground\">\n      {text}\n    </ToolCallMono>\n  );\n}\n"],"names":["code","useHighlight","jsx","Fragment","jsxs","cn","tokenStyle","languageForPath","CodeBlock","truncateString","toolEdit","visibleToolArgumentsText","ToolCallMono"],"mappings":";;;;;;;;;;;AAOA,MAAM,cAAA,GAAiB,GAAA;AACvB,MAAM,sBAAA,GAAyB,GAAA;AAE/B,MAAM,UAAA,GAAa;AAAA,EACjB,SAAS,EAAE,IAAA,EAAM,KAAK,GAAA,EAAK,uBAAA,EAAyB,QAAQ,oCAAA,EAAqC;AAAA,EACjG,OAAO,EAAE,IAAA,EAAM,KAAK,GAAA,EAAK,mBAAA,EAAqB,QAAQ,gCAAA;AACxD,CAAA;AAEA,SAAS,aAAa,IAAA,EAAmD;AACvE,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAC7B,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,GAAG,cAAc,CAAA,EAAG,MAAA,EAAQ,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAA,CAAM,MAAA,GAAS,cAAc,CAAA,EAAE;AACrG;AAEA,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,IAAA,EAAM,MAAK,EAAiF;AACrH,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAO,GAAI,WAAW,IAAI,CAAA;AAC7C,EAAA,MAAMA,MAAA,GAAO,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAC5B,EAAA,MAAM,WAAA,GAAcC,iBAAA,CAAaD,MAAA,EAAM,IAAI,CAAA;AAC3C,EAAA,MAAM,MAAA,GAAS,WAAA,EAAa,IAAA,KAASA,MAAA,GAAO,YAAY,MAAA,GAAS,MAAA;AAEjE,EAAA,uBACEE,cAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBAChBC,eAAA,CAAC,KAAA,EAAA,EAAgB,SAAA,EAAWC,WAAA,CAAG,qBAAA,EAAuB,GAAG,CAAA,EACvD,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAAC,UAAK,SAAA,EAAWG,WAAA,CAAG,iDAAA,EAAmD,MAAM,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,oBACtFH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EACb,QAAA,EAAA,MAAA,GAAS,KAAK,CAAA,EAAG,GAAA,CAAI,CAAC,KAAA,EAAO,UAAA,qBAC5BA,cAAA,CAAC,UAAsB,SAAA,EAAU,aAAA,EAAc,KAAA,EAAOI,eAAA,CAAW,KAAK,CAAA,EACnE,gBAAM,OAAA,EAAA,EADE,UAEX,CACD,CAAA,IAAK,IAAA,EACR;AAAA,GAAA,EAAA,EARQ,KASV,CACD,CAAA,EACH,CAAA;AAEJ;AAEO,SAAS,YAAA,CAAa,EAAE,IAAA,EAAK,EAAuB;AACzD,EAAA,MAAM,IAAA,GAAOC,yBAAA,CAAgB,IAAA,CAAK,IAAI,CAAA;AAEtC,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,uBACEL,cAAA;AAAA,MAACM,mBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAMC,mCAAA,CAAe,IAAA,CAAK,OAAA,EAAS,sBAAsB,CAAA;AAAA,QACzD,IAAA;AAAA,QACA,QAAA,EAAU,KAAK,IAAA,IAAQ,QAAA;AAAA,QACvB,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,EAEJ;AAEA,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,IAAA,CAAK,OAAO,CAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,OAAO,CAAA;AACvC,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,MAAA,GAAS,KAAA,CAAM,MAAA;AAEtC,EAAA,uBACEL,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,mGAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAW,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,YAAS,KAAA,EAAO,OAAA,CAAQ,KAAA,EAAO,IAAA,EAAK,WAAU,IAAA,EAAY,CAAA;AAAA,uCAC1D,QAAA,EAAA,EAAS,KAAA,EAAO,MAAM,KAAA,EAAO,IAAA,EAAK,SAAQ,IAAA,EAAY,CAAA;AAAA,QACtD,MAAA,GAAS,CAAA,oBAAKE,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EAAgD,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UAAG,MAAA;AAAA,UAAO;AAAA,SAAA,EAAW;AAAA;AAAA;AAAA,GACrG;AAEJ;;AChEO,SAAS,kBAAkB,EAAE,aAAA,EAAe,MAAA,EAAQ,GAAG,OAAM,EAA2B;AAC7F,EAAA,MAAM,IAAA,GAAOM,yBAAA,CAAS,KAAA,CAAM,QAAA,EAAU,MAAM,IAAI,CAAA;AAChD,EAAA,IAAI,IAAA,EAAM,uBAAOR,cAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAY,CAAA;AAE3C,EAAA,MAAM,IAAA,GAAOS,0CAAyB,KAAK,CAAA;AAC3C,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,uBACET,cAAA,CAACU,6BAAa,QAAA,EAAU,IAAA,EAAM,eAAa,MAAA,EAAQ,SAAA,EAAU,mBAC1D,QAAA,EAAA,IAAA,EACH,CAAA;AAEJ;;;;;"}

package/dist/{tool-call-arguments-B1MghuMZ.js → tool-call-arguments-CtUKj7IB.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { u as useHighlight, t as tokenStyle } from './code-BeWhOFT4.js';
-import { C as CodeBlock } from './code-block-DY5KsTGY.js';
+import { C as CodeBlock } from './code-block-Bnz7Pq0Q.js';
 import { l as languageForPath } from './highlight-BmpoELR4.js';
 import { truncateString } from './utils/truncate-string.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
@@ -71,4 +71,4 @@ function ToolCallArguments({ "data-testid": testId, ...input }) {
 }
 
 export { ToolCallArguments as T, ToolCallEdit as a };
-//# sourceMappingURL=tool-call-arguments-B1MghuMZ.js.map
+//# sourceMappingURL=tool-call-arguments-CtUKj7IB.js.map