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

package/dist/text-field-block-aRttm8yP.js

@@ -1,55 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { I as Input } from './input-kU7nI6V5.js';
-import { F as FieldBlock } from './field-block-CQkD13nw.js';
-import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-
-function TextFieldBlock({
-  name,
-  value,
-  label,
-  labelIsHidden = false,
-  labelColumnWidth,
-  helpText,
-  error,
-  errorMsg,
-  required = false,
-  disabled = false,
-  labelSize,
-  layout = "vertical",
-  placeholder,
-  size = "md",
-  testId,
-  className,
-  "aria-describedby": ariaDescribedBy,
-  ...props
-}) {
-  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
-    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
-      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, size: labelSize || "default", children: label }) : null,
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: `input-${name}`,
-          name,
-          disabled,
-          required,
-          value,
-          placeholder,
-          "data-testid": testId,
-          size,
-          error: error || Boolean(errorMsg),
-          "aria-describedby": describedBy,
-          ...props
-        }
-      ),
-      helpText && /* @__PURE__ */ jsx(FieldBlock.HelpText, { children: helpText }),
-      errorMsg && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name, children: errorMsg })
-    ] })
-  ] });
-}
-
-export { TextFieldBlock as T };
-//# sourceMappingURL=text-field-block-aRttm8yP.js.map

package/dist/text-field-block-aRttm8yP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field-block-aRttm8yP.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          // An error is three signals, not one: the field draws its error border and\n          // reports `aria-invalid`, the message carries the icon, and the two are tied\n          // together so a screen reader reads the reason with the field.\n          error={error || Boolean(errorMsg)}\n          aria-describedby={describedBy}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg name={name}>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAqBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA,EAAoB,eAAA;AAAA,EACpB,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,WAAA,GACJ,CAAC,eAAA,EAAiB,QAAA,GAAW,aAAa,IAAI,CAAA,GAAI,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAE5F,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UAIA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,UAChC,kBAAA,EAAkB,WAAA;AAAA,UACjB,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,4BAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAoB,MAAa,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC1D;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/text-field-block-hN70Jj6a.cjs

@@ -1,57 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const input = require('./input-XEcMP_LL.cjs');
-const fieldBlock = require('./field-block-An2PO2_X.cjs');
-const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
-const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-
-function TextFieldBlock({
-  name,
-  value,
-  label,
-  labelIsHidden = false,
-  labelColumnWidth,
-  helpText,
-  error,
-  errorMsg,
-  required = false,
-  disabled = false,
-  labelSize,
-  layout = "vertical",
-  placeholder,
-  size = "md",
-  testId,
-  className,
-  "aria-describedby": ariaDescribedBy,
-  ...props
-}) {
-  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId.fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
-      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, size: labelSize || "default", children: label }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        input.Input,
-        {
-          id: `input-${name}`,
-          name,
-          disabled,
-          required,
-          value,
-          placeholder,
-          "data-testid": testId,
-          size,
-          error: error || Boolean(errorMsg),
-          "aria-describedby": describedBy,
-          ...props
-        }
-      ),
-      helpText && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.HelpText, { children: helpText }),
-      errorMsg && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name, children: errorMsg })
-    ] })
-  ] });
-}
-
-exports.TextFieldBlock = TextFieldBlock;
-//# sourceMappingURL=text-field-block-hN70Jj6a.cjs.map

package/dist/text-field-block-hN70Jj6a.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field-block-hN70Jj6a.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          // An error is three signals, not one: the field draws its error border and\n          // reports `aria-invalid`, the message carries the icon, and the two are tied\n          // together so a screen reader reads the reason with the field.\n          error={error || Boolean(errorMsg)}\n          aria-describedby={describedBy}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg name={name}>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["fieldErrorId","FieldBlock","jsx","VisuallyHidden","jsxs","Input"],"mappings":";;;;;;;;AAqBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA,EAAoB,eAAA;AAAA,EACpB,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,WAAA,GACJ,CAAC,eAAA,EAAiB,QAAA,GAAWA,0BAAa,IAAI,CAAA,GAAI,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAE5F,EAAA,uCACGC,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,kCACTA,qBAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,qBAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgBC,cAAA,CAACC,sCAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5BC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJC,cAAA;AAAA,QAACG,WAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UAIA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,UAChC,kBAAA,EAAkB,WAAA;AAAA,UACjB,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAYH,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,4BAAYC,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAoB,MAAa,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC1D;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/textarea-BmR73nqC.js

@@ -1,70 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import './new-theme.css';/* empty css                   */
-import { c as cva } from './index-Cp3ZQQze.js';
-import * as React from 'react';
-import { resolveFieldVariant, unstyledFormElementStyle, disabledOutlineSurfaceStyle, sharedFormElementDisabledStyle, inputOutlineAndFocusStyle, disabledFilledSurfaceStyle, inputSurfaceAndFocusStyle } from './primitives/form-element.es.js';
-import { c as cn } from './cn-C6s2yXwM.js';
-
-const textareaVariants = cva(
-  cn(
-    "new-theme flex w-full border bg-transparent text-foreground",
-    "transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none",
-    "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
-    "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none",
-    // Textarea specific
-    "min-h-20 resize-y"
-  ),
-  {
-    variants: {
-      variant: {
-        default: cn(
-          inputSurfaceAndFocusStyle,
-          "rounded-xl",
-          sharedFormElementDisabledStyle,
-          disabledFilledSurfaceStyle
-        ),
-        outline: cn(
-          inputOutlineAndFocusStyle,
-          "rounded-xl",
-          sharedFormElementDisabledStyle,
-          disabledOutlineSurfaceStyle
-        ),
-        unstyled: unstyledFormElementStyle
-      },
-      // Text tokens mirror the Input size scale (xs→ui-xs, sm→ui-sm, md→ui-smd, lg→ui-md)
-      // so a Textarea reads at the same size as a sibling Input.
-      size: {
-        xs: "px-1.5 py-1 text-ui-xs",
-        sm: "px-2 py-1.5 text-ui-sm",
-        md: "px-2.5 py-1.5 text-ui-smd",
-        lg: "px-3 py-2 text-ui-md"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-);
-const Textarea = React.forwardRef(
-  ({ className, size, testId, variant, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: cn(
-          textareaVariants({ variant: resolveFieldVariant(variant), size }),
-          error && "border-error focus-visible:border-error",
-          className
-        ),
-        "data-testid": testId,
-        ref,
-        "aria-invalid": error,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-
-export { Textarea as T };
-//# sourceMappingURL=textarea-BmR73nqC.js.map

package/dist/textarea-BmR73nqC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-BmR73nqC.js","sources":["../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  disabledOutlineSurfaceStyle,\n  disabledFilledSurfaceStyle,\n  inputOutlineAndFocusStyle,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'new-theme flex w-full border bg-transparent text-foreground',\n    'transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none',\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(\n          inputSurfaceAndFocusStyle,\n          'rounded-xl',\n          sharedFormElementDisabledStyle,\n          disabledFilledSurfaceStyle,\n        ),\n        outline: cn(\n          inputOutlineAndFocusStyle,\n          'rounded-xl',\n          sharedFormElementDisabledStyle,\n          disabledOutlineSurfaceStyle,\n        ),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text tokens mirror the Input size scale (xs→ui-xs, sm→ui-sm, md→ui-smd, lg→ui-md)\n      // so a Textarea reads at the same size as a sibling Input.\n      size: {\n        xs: 'px-1.5 py-1 text-ui-xs',\n        sm: 'px-2 py-1.5 text-ui-sm',\n        md: 'px-2.5 py-1.5 text-ui-smd',\n        lg: 'px-3 py-2 text-ui-md',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, '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    error?: boolean;\n  };\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, size, testId, variant, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          textareaVariants({ variant: resolveFieldVariant(variant), size }),\n          error && 'border-error focus-visible:border-error',\n          className,\n        )}\n        data-testid={testId}\n        ref={ref}\n        aria-invalid={error}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,EAAA;AAAA,IACE,6DAAA;AAAA,IACA,gHAAA;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;AAAA,UACP,yBAAA;AAAA,UACA,YAAA;AAAA,UACA,8BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS,EAAA;AAAA,UACP,yBAAA;AAAA,UACA,YAAA;AAAA,UACA,8BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAU;AAAA,OACZ;AAAA;AAAA;AAAA,MAGA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAUA,MAAM,WAAW,KAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,SAAS,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9D,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,iBAAiB,EAAE,OAAA,EAAS,oBAAoB,OAAO,CAAA,EAAG,MAAM,CAAA;AAAA,UAChE,KAAA,IAAS,yCAAA;AAAA,UACT;AAAA,SACF;AAAA,QACA,aAAA,EAAa,MAAA;AAAA,QACb,GAAA;AAAA,QACA,cAAA,EAAc,KAAA;AAAA,QACb,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

package/dist/textarea-C7vLvn3E.cjs

@@ -1,91 +0,0 @@
-'use strict';
-
-require('./new-theme.css');const jsxRuntime = require('react/jsx-runtime');
-;/* empty css                     */
-const index = require('./index-gbqoNdVM.cjs');
-const React = require('react');
-const primitives_formElement = require('./primitives/form-element.cjs.js');
-const utils_cn = require('./cn-BuHW7Wrt.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(
-    "new-theme flex w-full border bg-transparent text-foreground",
-    "transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none",
-    "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal",
-    "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none",
-    // Textarea specific
-    "min-h-20 resize-y"
-  ),
-  {
-    variants: {
-      variant: {
-        default: utils_cn.cn(
-          primitives_formElement.inputSurfaceAndFocusStyle,
-          "rounded-xl",
-          primitives_formElement.sharedFormElementDisabledStyle,
-          primitives_formElement.disabledFilledSurfaceStyle
-        ),
-        outline: utils_cn.cn(
-          primitives_formElement.inputOutlineAndFocusStyle,
-          "rounded-xl",
-          primitives_formElement.sharedFormElementDisabledStyle,
-          primitives_formElement.disabledOutlineSurfaceStyle
-        ),
-        unstyled: primitives_formElement.unstyledFormElementStyle
-      },
-      // Text tokens mirror the Input size scale (xs→ui-xs, sm→ui-sm, md→ui-smd, lg→ui-md)
-      // so a Textarea reads at the same size as a sibling Input.
-      size: {
-        xs: "px-1.5 py-1 text-ui-xs",
-        sm: "px-2 py-1.5 text-ui-sm",
-        md: "px-2.5 py-1.5 text-ui-smd",
-        lg: "px-3 py-2 text-ui-md"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-);
-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 && "border-error focus-visible:border-error",
-          className
-        ),
-        "data-testid": testId,
-        ref,
-        "aria-invalid": error,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-
-exports.Textarea = Textarea;
-//# sourceMappingURL=textarea-C7vLvn3E.cjs.map

package/dist/textarea-C7vLvn3E.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-C7vLvn3E.cjs","sources":["../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  disabledOutlineSurfaceStyle,\n  disabledFilledSurfaceStyle,\n  inputOutlineAndFocusStyle,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'new-theme flex w-full border bg-transparent text-foreground',\n    'transition-[background-color,border-color,color] duration-normal ease-out-custom motion-reduce:transition-none',\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(\n          inputSurfaceAndFocusStyle,\n          'rounded-xl',\n          sharedFormElementDisabledStyle,\n          disabledFilledSurfaceStyle,\n        ),\n        outline: cn(\n          inputOutlineAndFocusStyle,\n          'rounded-xl',\n          sharedFormElementDisabledStyle,\n          disabledOutlineSurfaceStyle,\n        ),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text tokens mirror the Input size scale (xs→ui-xs, sm→ui-sm, md→ui-smd, lg→ui-md)\n      // so a Textarea reads at the same size as a sibling Input.\n      size: {\n        xs: 'px-1.5 py-1 text-ui-xs',\n        sm: 'px-2 py-1.5 text-ui-sm',\n        md: 'px-2.5 py-1.5 text-ui-smd',\n        lg: 'px-3 py-2 text-ui-md',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, '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    error?: boolean;\n  };\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, size, testId, variant, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          textareaVariants({ variant: resolveFieldVariant(variant), size }),\n          error && 'border-error focus-visible:border-error',\n          className,\n        )}\n        data-testid={testId}\n        ref={ref}\n        aria-invalid={error}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"names":["cva","cn","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","disabledFilledSurfaceStyle","inputOutlineAndFocusStyle","disabledOutlineSurfaceStyle","unstyledFormElementStyle","React","jsx","resolveFieldVariant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAA,GAAmBA,SAAA;AAAA,EACvBC,WAAA;AAAA,IACE,6DAAA;AAAA,IACA,gHAAA;AAAA,IACA,8FAAA;AAAA,IACA,wEAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAASA,WAAA;AAAA,UACPC,gDAAA;AAAA,UACA,YAAA;AAAA,UACAC,qDAAA;AAAA,UACAC;AAAA,SACF;AAAA,QACA,OAAA,EAASH,WAAA;AAAA,UACPI,gDAAA;AAAA,UACA,YAAA;AAAA,UACAF,qDAAA;AAAA,UACAG;AAAA,SACF;AAAA,QACA,QAAA,EAAUC;AAAA,OACZ;AAAA;AAAA;AAAA,MAGA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAUA,MAAM,WAAWC,gBAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,SAAS,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9D,IAAA,uBACEC,cAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWR,WAAA;AAAA,UACT,iBAAiB,EAAE,OAAA,EAASS,2CAAoB,OAAO,CAAA,EAAG,MAAM,CAAA;AAAA,UAChE,KAAA,IAAS,yCAAA;AAAA,UACT;AAAA,SACF;AAAA,QACA,aAAA,EAAa,MAAA;AAAA,QACb,GAAA;AAAA,QACA,cAAA,EAAc,KAAA;AAAA,QACb,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

package/dist/thread-rail-BvhuZLav.cjs

@@ -1,334 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const messageScrollerHooks = require('./message-scroller-hooks-BxAf8k0Y.cjs');
-const scrollArea = require('./scroll-area-l6Yx-88I.cjs');
-const hooks_useMeasuredAutoHeight = require('./hooks/use-measured-auto-height.cjs.js');
-const utils_cn = require('./cn-BuHW7Wrt.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 PREVIEW_TRANSITION_DURATION_MS = 360;
-const PREVIEW_CLEANUP_DELAY_MS = PREVIEW_TRANSITION_DURATION_MS + 80;
-const DEFAULT_PREVIEW_STATE = {
-  currentTurn: void 0,
-  previousTurn: void 0,
-  index: null,
-  phase: "hidden",
-  top: 0,
-  transitionKey: 0
-};
-function ThreadRail({
-  turns,
-  currentAnchorId,
-  visibleMessageIds,
-  label = "Conversation timeline",
-  className,
-  maxHeight = "calc(100dvh - 12rem)",
-  scrollAreaClassName,
-  onSelect
-}) {
-  const railRef = React__namespace.useRef(null);
-  const previewId = React__namespace.useId();
-  const [previewState, setPreviewState] = React__namespace.useState(DEFAULT_PREVIEW_STATE);
-  const messageScroller = messageScrollerHooks.useOptionalMessageScroller();
-  const scrollerVisibility = messageScrollerHooks.useOptionalMessageScrollerVisibility();
-  const fallbackMessageId = turns.at(-1)?.messageId;
-  const activeMessageId = currentAnchorId ?? scrollerVisibility?.currentAnchorId ?? fallbackMessageId;
-  const resolvedVisibleMessageIds = visibleMessageIds ?? scrollerVisibility?.visibleMessageIds ?? (activeMessageId ? [activeMessageId] : []);
-  const visibleMessageIdSet = new Set(resolvedVisibleMessageIds);
-  const previewHoverActive = previewState.phase === "entering" || previewState.phase === "visible";
-  const hoveredIndex = previewHoverActive ? previewState.index : null;
-  const selectTurn = React__namespace.useCallback(
-    (turn) => {
-      if (onSelect) {
-        onSelect(turn);
-        return;
-      }
-      messageScroller?.scrollToMessage(turn.messageId, { behavior: "smooth", align: "start" });
-    },
-    [messageScroller, onSelect]
-  );
-  const showPreview = (index, element) => {
-    const railTop = railRef.current?.getBoundingClientRect().top ?? 0;
-    const itemRect = element.getBoundingClientRect();
-    const nextTurn = turns[index];
-    if (!nextTurn) return;
-    setPreviewState((current) => {
-      const nextTop = itemRect.top + itemRect.height / 2 - railTop;
-      if (current.index === index && current.phase !== "hidden" && current.phase !== "exiting") {
-        return { ...current, top: nextTop };
-      }
-      const previousTurn = current.currentTurn && current.currentTurn.key !== nextTurn.key && current.phase !== "hidden" ? current.currentTurn : void 0;
-      return {
-        currentTurn: nextTurn,
-        previousTurn,
-        index,
-        phase: "entering",
-        top: nextTop,
-        transitionKey: current.transitionKey + 1
-      };
-    });
-  };
-  const hidePreview = () => {
-    setPreviewState((current) => {
-      if (!current.currentTurn || current.phase === "hidden" || current.phase === "exiting") {
-        return { ...current, index: null };
-      }
-      return {
-        ...current,
-        index: null,
-        previousTurn: void 0,
-        phase: "exiting",
-        transitionKey: current.transitionKey + 1
-      };
-    });
-  };
-  React__namespace.useEffect(() => {
-    if (previewState.phase !== "entering") return;
-    const requestFrame = window.requestAnimationFrame ?? window.setTimeout;
-    const cancelFrame = window.cancelAnimationFrame ?? window.clearTimeout;
-    let settleFrame;
-    const startFrame = requestFrame(() => {
-      settleFrame = requestFrame(() => {
-        setPreviewState(
-          (current) => current.transitionKey === previewState.transitionKey && current.phase === "entering" ? { ...current, phase: "visible" } : current
-        );
-      });
-    });
-    return () => {
-      cancelFrame(startFrame);
-      if (settleFrame !== void 0) cancelFrame(settleFrame);
-    };
-  }, [previewState.phase, previewState.transitionKey]);
-  React__namespace.useEffect(() => {
-    if (previewState.phase !== "visible" || !previewState.previousTurn) return;
-    const timeout = window.setTimeout(() => {
-      setPreviewState(
-        (current) => current.transitionKey === previewState.transitionKey ? { ...current, previousTurn: void 0 } : current
-      );
-    }, PREVIEW_CLEANUP_DELAY_MS);
-    return () => window.clearTimeout(timeout);
-  }, [previewState.phase, previewState.previousTurn, previewState.transitionKey]);
-  React__namespace.useEffect(() => {
-    if (previewState.phase !== "exiting") return;
-    const timeout = window.setTimeout(() => {
-      setPreviewState(
-        (current) => current.transitionKey === previewState.transitionKey ? DEFAULT_PREVIEW_STATE : current
-      );
-    }, PREVIEW_CLEANUP_DELAY_MS);
-    return () => window.clearTimeout(timeout);
-  }, [previewState.phase, previewState.transitionKey]);
-  if (turns.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "nav",
-    {
-      ref: railRef,
-      "aria-label": label,
-      "data-testid": "thread-rail",
-      className: utils_cn.cn("relative w-8 py-2", className),
-      onMouseLeave: hidePreview,
-      onBlur: (event) => {
-        const nextFocus = event.relatedTarget;
-        if (!(nextFocus instanceof Node) || !event.currentTarget.contains(nextFocus)) hidePreview();
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          scrollArea.ScrollArea,
-          {
-            "data-testid": "thread-rail-scroll-area",
-            maxHeight,
-            className: utils_cn.cn("w-8", scrollAreaClassName),
-            viewPortClassName: "pr-3",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-4 flex-col items-start gap-2 py-2", children: turns.map((turn, index) => {
-              const distance = hoveredIndex === null ? null : Math.abs(index - hoveredIndex);
-              const active = turn.messageId === activeMessageId;
-              const inView = visibleMessageIdSet.has(turn.messageId);
-              const previewActive = hoveredIndex === index;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                ThreadRailItem,
-                {
-                  turn,
-                  index,
-                  distance,
-                  active,
-                  inView,
-                  previewId: previewActive ? previewId : void 0,
-                  onHoverChange: showPreview,
-                  onSelect: selectTurn
-                },
-                turn.key
-              );
-            }) })
-          }
-        ),
-        previewState.currentTurn && /* @__PURE__ */ jsxRuntime.jsx(
-          ThreadRailPreview,
-          {
-            id: previewId,
-            currentTurn: previewState.currentTurn,
-            previousTurn: previewState.previousTurn,
-            phase: previewState.phase,
-            top: previewState.top
-          }
-        )
-      ]
-    }
-  );
-}
-const getRailItemWidth = (distance) => {
-  if (distance === 0) return "w-4";
-  if (distance === 1) return "w-3";
-  return "w-2";
-};
-const getRailItemTone = ({
-  distance,
-  active,
-  inView
-}) => {
-  if (distance === 0 || active) return "bg-neutral6";
-  if (inView) return "bg-neutral5";
-  if (distance === 1) return "bg-neutral4";
-  return "bg-neutral3/60";
-};
-function ThreadRailItem({
-  turn,
-  index,
-  distance,
-  active,
-  inView,
-  previewId,
-  onHoverChange,
-  onSelect
-}) {
-  const size = getRailItemWidth(distance);
-  const tone = getRailItemTone({ distance, active, inView });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-in-view": inView ? "true" : void 0,
-      "data-active": active ? "true" : void 0,
-      className: "group/thread-rail-item relative flex items-center",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Jump to ${turn.prompt}`,
-          "aria-current": active ? "location" : void 0,
-          "aria-describedby": previewId,
-          "data-in-view": inView ? "true" : void 0,
-          "data-active": active ? "true" : void 0,
-          onClick: () => onSelect(turn),
-          onMouseEnter: (event) => onHoverChange(index, event.currentTarget),
-          onFocus: (event) => onHoverChange(index, event.currentTarget),
-          className: utils_cn.cn(
-            "relative block h-px cursor-pointer rounded-full transition-[width,background-color] duration-normal ease-out",
-            "before:absolute before:inset-x-0 before:-inset-y-1 before:content-['']",
-            "focus-visible:ring-2 focus-visible:ring-accent1/40 focus-visible:outline-hidden",
-            size,
-            tone
-          )
-        }
-      )
-    }
-  );
-}
-function ThreadRailPreview({
-  id,
-  currentTurn,
-  previousTurn,
-  phase,
-  top
-}) {
-  const {
-    ref: previewSizerRef,
-    heightStyle: previewHeightStyle,
-    measure: measurePreviewHeight
-  } = hooks_useMeasuredAutoHeight.useMeasuredAutoHeight();
-  const containerVisible = phase === "visible" || phase === "entering" && Boolean(previousTurn);
-  const hiddenLayerClassName = "scale-95 opacity-0 blur-xs";
-  const visibleLayerClassName = "scale-100 opacity-100 blur-none";
-  const layerClassName = "absolute inset-x-0 top-0 h-full origin-left transition-[opacity,filter,scale] duration-150 ease-in-out will-change-[opacity,filter,scale] motion-reduce:scale-100 motion-reduce:blur-none motion-reduce:transition-none";
-  React__namespace.useLayoutEffect(() => {
-    measurePreviewHeight();
-  }, [currentTurn.key, phase, measurePreviewHeight]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      id,
-      "data-testid": "thread-rail-preview",
-      "data-visible": containerVisible ? "true" : void 0,
-      className: utils_cn.cn(
-        "pointer-events-none absolute top-0 left-full z-30 ml-3 w-72 overflow-hidden rounded-xl border border-border1 bg-surface3 text-left shadow-dialog transition-[height,translate,opacity] duration-360 ease-out-custom will-change-[height,translate,opacity] motion-reduce:transition-none",
-        containerVisible ? "opacity-100" : "opacity-0"
-      ),
-      style: { ...previewHeightStyle, translate: `0 calc(${top}px - 50%)` },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: previewSizerRef, "data-testid": "thread-rail-preview-sizer", "aria-hidden": true, className: "invisible", children: /* @__PURE__ */ jsxRuntime.jsx(ThreadRailPreviewContent, { turn: currentTurn, className: "p-3.5" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "thread-rail-preview-viewport", className: "absolute inset-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full", children: [
-          previousTurn && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              "data-testid": "thread-rail-preview-previous",
-              "aria-hidden": true,
-              className: utils_cn.cn(layerClassName, phase === "entering" ? visibleLayerClassName : hiddenLayerClassName),
-              children: /* @__PURE__ */ jsxRuntime.jsx(ThreadRailPreviewContent, { turn: previousTurn, className: "p-3.5" })
-            },
-            previousTurn.key
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              "data-testid": "thread-rail-preview-current",
-              className: utils_cn.cn(layerClassName, phase === "visible" ? visibleLayerClassName : hiddenLayerClassName),
-              children: /* @__PURE__ */ jsxRuntime.jsx(ThreadRailPreviewContent, { turn: currentTurn, className: "p-3.5" })
-            },
-            currentTurn.key
-          )
-        ] }) })
-      ]
-    }
-  );
-}
-function ThreadRailPreviewContent({
-  turn,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-md leading-ui-md text-neutral6 truncate font-medium", children: turn.prompt }),
-    turn.reply && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral4 mt-1.5 line-clamp-3", children: turn.reply }),
-    (turn.files.length > 0 || turn.hiddenFileCount > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1/60 mt-3 flex flex-wrap items-center gap-2 border-t pt-2.5", children: [
-      turn.files.map((file) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-sm text-neutral4 inline-flex max-w-44 items-center gap-1.5 truncate", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 shrink-0 opacity-70", "aria-hidden": true }),
-        file
-      ] }, file)),
-      turn.hiddenFileCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-sm text-neutral4 font-medium", children: [
-        "+",
-        turn.hiddenFileCount
-      ] })
-    ] })
-  ] });
-}
-
-exports.ThreadRail = ThreadRail;
-//# sourceMappingURL=thread-rail-BvhuZLav.cjs.map