@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

package/dist/{text-field-block-CRh8sRXP.cjs.map → text-field-block-BCOCO1W2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-block-CRh8sRXP.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} disabled={disabled} 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} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\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            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\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,uBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,kCACTA,uBAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,uBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,QAAA,EAAA,aAAA,mBAAgBC,cAAA,CAACC,sCAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,uBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5BC,cAAA,CAACD,wBAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA,CAACH,uBAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACG,WAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,IAAA;AAAA,YACA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAWH,cAAA,CAACD,uBAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"text-field-block-BCOCO1W2.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} disabled={disabled} 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} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\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            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\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,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,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,sBAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACG,WAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,IAAA;AAAA,YACA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAWH,cAAA,CAACD,qBAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{text-field-block-BYPiO9h4.js → text-field-block-yNMK8lM0.js}

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { I as Input } from './input-CHghVv3k.js';
-import { F as FieldBlock, f as fieldErrorId } from './field-error-id-DD7OARLU.js';
+import { F as FieldBlock } from './field-block-BRLwud-v.js';
+import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 
 function TextFieldBlock({
@@ -52,4 +53,4 @@ function TextFieldBlock({
 }
 
 export { TextFieldBlock as T };
-//# sourceMappingURL=text-field-block-BYPiO9h4.js.map
+//# sourceMappingURL=text-field-block-yNMK8lM0.js.map

package/dist/{text-field-block-BYPiO9h4.js.map → text-field-block-yNMK8lM0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-block-BYPiO9h4.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} disabled={disabled} 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} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\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            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\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,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,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,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,IAAA;AAAA,YACA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"text-field-block-yNMK8lM0.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} disabled={disabled} 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} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\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            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\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,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,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,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,IAAA;AAAA,YACA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/textarea-field-block-CQOWTloR.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { T as Textarea } from './textarea-B6wvS_CQ.js';
+import { F as FieldBlock } from './field-block-BRLwud-v.js';
+import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+
+function TextareaFieldBlock({
+  name,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  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, disabled, 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, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            size,
+            "data-testid": testId,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+export { TextareaFieldBlock as T };
+//# sourceMappingURL=textarea-field-block-CQOWTloR.js.map

package/dist/textarea-field-block-CQOWTloR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field-block-CQOWTloR.js","sources":["../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx"],"sourcesContent":["import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\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 TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<TextareaProps, '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?: TextareaProps['size'];\n  };\n\nexport function TextareaFieldBlock({\n  name,\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  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextareaFieldBlockProps) {\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} disabled={disabled} 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} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Textarea\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            size={size}\n            data-testid={testId}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAqBO,SAAS,kBAAA,CAAmB;AAAA,EACjC,IAAA;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,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA,EAAoB,eAAA;AAAA,EACpB,GAAG;AACL,CAAA,EAA4B;AAC1B,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,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,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,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/textarea-field-block-DlV3zmOi.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const textarea = require('./textarea-gUBUqpol.cjs');
+const fieldBlock = require('./field-block-BG5E7u9v.cjs');
+const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
+const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
+
+function TextareaFieldBlock({
+  name,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  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, disabled, 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, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          textarea.Textarea,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            size,
+            "data-testid": testId,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+exports.TextareaFieldBlock = TextareaFieldBlock;
+//# sourceMappingURL=textarea-field-block-DlV3zmOi.cjs.map

package/dist/textarea-field-block-DlV3zmOi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field-block-DlV3zmOi.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx"],"sourcesContent":["import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\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 TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<TextareaProps, '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?: TextareaProps['size'];\n  };\n\nexport function TextareaFieldBlock({\n  name,\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  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextareaFieldBlockProps) {\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} disabled={disabled} 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} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Textarea\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            size={size}\n            data-testid={testId}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["fieldErrorId","FieldBlock","jsx","VisuallyHidden","jsxs","Textarea"],"mappings":";;;;;;;;AAqBO,SAAS,kBAAA,CAAmB;AAAA,EACjC,IAAA;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,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA,EAAoB,eAAA;AAAA,EACpB,GAAG;AACL,CAAA,EAA4B;AAC1B,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,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,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,sBAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACG,iBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAWH,cAAA,CAACD,qBAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{theme-provider-CQKmlkHX.js → theme-provider-BbMYMtxP.js}

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useMemo, useRef, useState, useSyncExternalStore, useEffect, useContext, useLayoutEffect } from 'react';
+import { createContext, useContext, useSyncExternalStore, useMemo, useRef, useState, useEffect, useLayoutEffect } from 'react';
 
 const DEFAULT_KEY = "mastra-theme";
-const LEGACY_ZUSTAND_KEY = "mastra-playground-store";
+const LEGACY_ZUSTAND_KEY = ["mastra", "playground", "store"].join("-");
 const isTheme = (value) => value === "dark" || value === "light" || value === "system";
 const readLegacyZustand = (storage) => {
   try {
@@ -114,4 +114,4 @@ const useTheme = () => {
 };
 
 export { ThemeProvider as T, useTheme as u };
-//# sourceMappingURL=theme-provider-CQKmlkHX.js.map
+//# sourceMappingURL=theme-provider-BbMYMtxP.js.map

package/dist/theme-provider-BbMYMtxP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider-BbMYMtxP.js","sources":["../src/ds/components/ThemeProvider/storage-adapter.ts","../src/ds/components/ThemeProvider/theme-context.ts","../src/ds/components/ThemeProvider/theme-provider.tsx"],"sourcesContent":["import type { Theme } from './theme-context';\n\nconst DEFAULT_KEY = 'mastra-theme';\n// Key formerly written by the zustand store; kept so existing saved themes keep loading.\nconst LEGACY_ZUSTAND_KEY = ['mastra', 'playground', 'store'].join('-');\n\nexport interface ThemeStorageAdapter {\n  get(): Theme | null;\n  set(value: Theme): void;\n  subscribe(listener: (next: Theme | null) => void): () => void;\n}\n\nconst isTheme = (value: unknown): value is Theme => value === 'dark' || value === 'light' || value === 'system';\n\nconst readLegacyZustand = (storage: Storage): Theme | undefined => {\n  try {\n    const raw = storage.getItem(LEGACY_ZUSTAND_KEY);\n    if (!raw) return undefined;\n    const parsed = JSON.parse(raw) as { state?: { theme?: unknown } };\n    const theme = parsed?.state?.theme;\n    return isTheme(theme) ? theme : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\nexport const createLocalStorageAdapter = (key: string = DEFAULT_KEY): ThemeStorageAdapter => ({\n  get() {\n    if (typeof window === 'undefined') return null;\n    try {\n      const raw = window.localStorage.getItem(key);\n      if (isTheme(raw)) return raw;\n      const migrated = readLegacyZustand(window.localStorage);\n      if (migrated) {\n        window.localStorage.setItem(key, migrated);\n        return migrated;\n      }\n      return null;\n    } catch {\n      return null;\n    }\n  },\n  set(value) {\n    if (typeof window === 'undefined') return;\n    try {\n      window.localStorage.setItem(key, value);\n    } catch {\n      // private mode / quota — silent\n    }\n  },\n  subscribe(listener) {\n    if (typeof window === 'undefined') return () => {};\n    const handler = (event: StorageEvent) => {\n      if (event.key !== key) return;\n      if (event.newValue === null) {\n        listener(null);\n        return;\n      }\n      if (isTheme(event.newValue)) listener(event.newValue);\n    };\n    window.addEventListener('storage', handler);\n    return () => window.removeEventListener('storage', handler);\n  },\n});\n","import { createContext } from 'react';\n\nexport type Theme = 'dark' | 'light' | 'system';\nexport type ResolvedTheme = 'dark' | 'light';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  resolvedTheme: ResolvedTheme;\n  systemTheme: ResolvedTheme;\n  setTheme: (theme: Theme) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { createLocalStorageAdapter } from './storage-adapter';\nimport { ThemeContext } from './theme-context';\nimport type { ResolvedTheme, Theme, ThemeContextValue } from './theme-context';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  target?: HTMLElement;\n}\n\nconst SYSTEM_QUERY = '(prefers-color-scheme: dark)';\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nconst getSystemTheme = (): ResolvedTheme => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'dark';\n  return window.matchMedia(SYSTEM_QUERY).matches ? 'dark' : 'light';\n};\n\nconst subscribeSystemTheme = (callback: () => void): (() => void) => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return () => {};\n  const query = window.matchMedia(SYSTEM_QUERY);\n  query.addEventListener('change', callback);\n  return () => query.removeEventListener('change', callback);\n};\n\nconst applyThemeClass = (target: HTMLElement, resolved: ResolvedTheme) => {\n  target.classList.remove(resolved === 'dark' ? 'light' : 'dark');\n  target.classList.add(resolved);\n};\n\nexport const ThemeProvider = ({ children, defaultTheme = 'system', storageKey, target }: ThemeProviderProps) => {\n  const adapter = useMemo(() => createLocalStorageAdapter(storageKey), [storageKey]);\n  const previousTargetRef = useRef<HTMLElement | null>(null);\n\n  const [theme, setThemeState] = useState<Theme>(() => adapter.get() ?? defaultTheme);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n\n  useEffect(() => adapter.subscribe(next => setThemeState(next ?? defaultTheme)), [adapter, defaultTheme]);\n\n  const resolvedTheme: ResolvedTheme = theme === 'system' ? systemTheme : theme;\n\n  useIsomorphicLayoutEffect(() => {\n    const el = target ?? (typeof window === 'undefined' ? null : window.document.documentElement);\n    if (previousTargetRef.current && previousTargetRef.current !== el) {\n      previousTargetRef.current.classList.remove('dark', 'light');\n    }\n    if (el) applyThemeClass(el, resolvedTheme);\n    previousTargetRef.current = el;\n  }, [resolvedTheme, target]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      resolvedTheme,\n      systemTheme,\n      setTheme: next => {\n        setThemeState(next);\n        adapter.set(next);\n      },\n    }),\n    [theme, resolvedTheme, systemTheme, adapter],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nconst noop = () => {};\n\nexport const useTheme = (): ThemeContextValue => {\n  const ctx = useContext(ThemeContext);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n  return useMemo<ThemeContextValue>(\n    () => ctx ?? { theme: 'system', resolvedTheme: systemTheme, systemTheme, setTheme: noop },\n    [ctx, systemTheme],\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/{theme-provider-aO5-jZVp.cjs → theme-provider-DDGNiyY_.cjs}

@@ -4,7 +4,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 
 const DEFAULT_KEY = "mastra-theme";
-const LEGACY_ZUSTAND_KEY = "mastra-playground-store";
+const LEGACY_ZUSTAND_KEY = ["mastra", "playground", "store"].join("-");
 const isTheme = (value) => value === "dark" || value === "light" || value === "system";
 const readLegacyZustand = (storage) => {
   try {
@@ -117,4 +117,4 @@ const useTheme = () => {
 
 exports.ThemeProvider = ThemeProvider;
 exports.useTheme = useTheme;
-//# sourceMappingURL=theme-provider-aO5-jZVp.cjs.map
+//# sourceMappingURL=theme-provider-DDGNiyY_.cjs.map

package/dist/theme-provider-DDGNiyY_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider-DDGNiyY_.cjs","sources":["../src/ds/components/ThemeProvider/storage-adapter.ts","../src/ds/components/ThemeProvider/theme-context.ts","../src/ds/components/ThemeProvider/theme-provider.tsx"],"sourcesContent":["import type { Theme } from './theme-context';\n\nconst DEFAULT_KEY = 'mastra-theme';\n// Key formerly written by the zustand store; kept so existing saved themes keep loading.\nconst LEGACY_ZUSTAND_KEY = ['mastra', 'playground', 'store'].join('-');\n\nexport interface ThemeStorageAdapter {\n  get(): Theme | null;\n  set(value: Theme): void;\n  subscribe(listener: (next: Theme | null) => void): () => void;\n}\n\nconst isTheme = (value: unknown): value is Theme => value === 'dark' || value === 'light' || value === 'system';\n\nconst readLegacyZustand = (storage: Storage): Theme | undefined => {\n  try {\n    const raw = storage.getItem(LEGACY_ZUSTAND_KEY);\n    if (!raw) return undefined;\n    const parsed = JSON.parse(raw) as { state?: { theme?: unknown } };\n    const theme = parsed?.state?.theme;\n    return isTheme(theme) ? theme : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\nexport const createLocalStorageAdapter = (key: string = DEFAULT_KEY): ThemeStorageAdapter => ({\n  get() {\n    if (typeof window === 'undefined') return null;\n    try {\n      const raw = window.localStorage.getItem(key);\n      if (isTheme(raw)) return raw;\n      const migrated = readLegacyZustand(window.localStorage);\n      if (migrated) {\n        window.localStorage.setItem(key, migrated);\n        return migrated;\n      }\n      return null;\n    } catch {\n      return null;\n    }\n  },\n  set(value) {\n    if (typeof window === 'undefined') return;\n    try {\n      window.localStorage.setItem(key, value);\n    } catch {\n      // private mode / quota — silent\n    }\n  },\n  subscribe(listener) {\n    if (typeof window === 'undefined') return () => {};\n    const handler = (event: StorageEvent) => {\n      if (event.key !== key) return;\n      if (event.newValue === null) {\n        listener(null);\n        return;\n      }\n      if (isTheme(event.newValue)) listener(event.newValue);\n    };\n    window.addEventListener('storage', handler);\n    return () => window.removeEventListener('storage', handler);\n  },\n});\n","import { createContext } from 'react';\n\nexport type Theme = 'dark' | 'light' | 'system';\nexport type ResolvedTheme = 'dark' | 'light';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  resolvedTheme: ResolvedTheme;\n  systemTheme: ResolvedTheme;\n  setTheme: (theme: Theme) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { createLocalStorageAdapter } from './storage-adapter';\nimport { ThemeContext } from './theme-context';\nimport type { ResolvedTheme, Theme, ThemeContextValue } from './theme-context';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  target?: HTMLElement;\n}\n\nconst SYSTEM_QUERY = '(prefers-color-scheme: dark)';\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nconst getSystemTheme = (): ResolvedTheme => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'dark';\n  return window.matchMedia(SYSTEM_QUERY).matches ? 'dark' : 'light';\n};\n\nconst subscribeSystemTheme = (callback: () => void): (() => void) => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return () => {};\n  const query = window.matchMedia(SYSTEM_QUERY);\n  query.addEventListener('change', callback);\n  return () => query.removeEventListener('change', callback);\n};\n\nconst applyThemeClass = (target: HTMLElement, resolved: ResolvedTheme) => {\n  target.classList.remove(resolved === 'dark' ? 'light' : 'dark');\n  target.classList.add(resolved);\n};\n\nexport const ThemeProvider = ({ children, defaultTheme = 'system', storageKey, target }: ThemeProviderProps) => {\n  const adapter = useMemo(() => createLocalStorageAdapter(storageKey), [storageKey]);\n  const previousTargetRef = useRef<HTMLElement | null>(null);\n\n  const [theme, setThemeState] = useState<Theme>(() => adapter.get() ?? defaultTheme);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n\n  useEffect(() => adapter.subscribe(next => setThemeState(next ?? defaultTheme)), [adapter, defaultTheme]);\n\n  const resolvedTheme: ResolvedTheme = theme === 'system' ? systemTheme : theme;\n\n  useIsomorphicLayoutEffect(() => {\n    const el = target ?? (typeof window === 'undefined' ? null : window.document.documentElement);\n    if (previousTargetRef.current && previousTargetRef.current !== el) {\n      previousTargetRef.current.classList.remove('dark', 'light');\n    }\n    if (el) applyThemeClass(el, resolvedTheme);\n    previousTargetRef.current = el;\n  }, [resolvedTheme, target]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      resolvedTheme,\n      systemTheme,\n      setTheme: next => {\n        setThemeState(next);\n        adapter.set(next);\n      },\n    }),\n    [theme, resolvedTheme, systemTheme, adapter],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nconst noop = () => {};\n\nexport const useTheme = (): ThemeContextValue => {\n  const ctx = useContext(ThemeContext);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n  return useMemo<ThemeContextValue>(\n    () => ctx ?? { theme: 'system', resolvedTheme: systemTheme, systemTheme, setTheme: noop },\n    [ctx, systemTheme],\n  );\n};\n"],"names":["createContext","useEffect","useLayoutEffect","useMemo","useRef","useState","useSyncExternalStore","jsx","useContext"],"mappings":";;;;;AAEA,MAAM,WAAA,GAAc,cAAA;AAEpB,MAAM,qBAAqB,CAAC,QAAA,EAAU,cAAc,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AAQrE,MAAM,UAAU,CAAC,KAAA,KAAmC,UAAU,MAAA,IAAU,KAAA,KAAU,WAAW,KAAA,KAAU,QAAA;AAEvG,MAAM,iBAAA,GAAoB,CAAC,OAAA,KAAwC;AACjE,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,OAAA,CAAQ,kBAAkB,CAAA;AAC9C,IAAA,IAAI,CAAC,KAAK,OAAO,KAAA,CAAA;AACjB,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA;AAC7B,IAAA,MAAM,KAAA,GAAQ,QAAQ,KAAA,EAAO,KAAA;AAC7B,IAAA,OAAO,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,KAAA,CAAA;AAAA,EAClC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,MAAA;AAAA,EACT;AACF,CAAA;AAEO,MAAM,yBAAA,GAA4B,CAAC,GAAA,GAAc,WAAA,MAAsC;AAAA,EAC5F,GAAA,GAAM;AACJ,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,IAAA;AAC1C,IAAA,IAAI;AACF,MAAA,MAAM,GAAA,GAAM,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAG,CAAA;AAC3C,MAAA,IAAI,OAAA,CAAQ,GAAG,CAAA,EAAG,OAAO,GAAA;AACzB,MAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,MAAA,CAAO,YAAY,CAAA;AACtD,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAA,EAAK,QAAQ,CAAA;AACzC,QAAA,OAAO,QAAA;AAAA,MACT;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EACA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,IAAA,IAAI;AACF,MAAA,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAA,EAAK,KAAK,CAAA;AAAA,IACxC,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF,CAAA;AAAA,EACA,UAAU,QAAA,EAAU;AAClB,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,MAAM;AAAA,IAAC,CAAA;AACjD,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAwB;AACvC,MAAA,IAAI,KAAA,CAAM,QAAQ,GAAA,EAAK;AACvB,MAAA,IAAI,KAAA,CAAM,aAAa,IAAA,EAAM;AAC3B,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA;AAAA,MACF;AACA,MAAA,IAAI,QAAQ,KAAA,CAAM,QAAQ,CAAA,EAAG,QAAA,CAAS,MAAM,QAAQ,CAAA;AAAA,IACtD,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,OAAO,CAAA;AAC1C,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,OAAO,CAAA;AAAA,EAC5D;AACF,CAAA,CAAA;;ACnDO,MAAM,YAAA,GAAeA,oBAAwC,IAAI,CAAA;;ACCxE,MAAM,YAAA,GAAe,8BAAA;AAErB,MAAM,yBAAA,GAA4B,OAAO,MAAA,KAAW,WAAA,GAAcC,eAAA,GAAYC,qBAAA;AAE9E,MAAM,iBAAiB,MAAqB;AAC1C,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,MAAA,CAAO,UAAA,KAAe,YAAY,OAAO,MAAA;AACrF,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA,CAAE,UAAU,MAAA,GAAS,OAAA;AAC5D,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,QAAA,KAAuC;AACnE,EAAA,IAAI,OAAO,WAAW,WAAA,IAAe,OAAO,OAAO,UAAA,KAAe,UAAA,SAAmB,MAAM;AAAA,EAAC,CAAA;AAC5F,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA;AAC5C,EAAA,KAAA,CAAM,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACzC,EAAA,OAAO,MAAM,KAAA,CAAM,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAC3D,CAAA;AAEA,MAAM,eAAA,GAAkB,CAAC,MAAA,EAAqB,QAAA,KAA4B;AACxE,EAAA,MAAA,CAAO,SAAA,CAAU,MAAA,CAAO,QAAA,KAAa,MAAA,GAAS,UAAU,MAAM,CAAA;AAC9D,EAAA,MAAA,CAAO,SAAA,CAAU,IAAI,QAAQ,CAAA;AAC/B,CAAA;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,eAAe,QAAA,EAAU,UAAA,EAAY,QAAO,KAA0B;AAC9G,EAAA,MAAM,OAAA,GAAUC,cAAQ,MAAM,yBAAA,CAA0B,UAAU,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjF,EAAA,MAAM,iBAAA,GAAoBC,aAA2B,IAAI,CAAA;AAEzD,EAAA,MAAM,CAAC,OAAO,aAAa,CAAA,GAAIC,eAAgB,MAAM,OAAA,CAAQ,GAAA,EAAI,IAAK,YAAY,CAAA;AAClF,EAAA,MAAM,WAAA,GAAcC,0BAAA,CAAqB,oBAAA,EAAsB,cAAA,EAAgB,MAAM,MAAe,CAAA;AAEpG,EAAAL,eAAA,CAAU,MAAM,OAAA,CAAQ,SAAA,CAAU,CAAA,IAAA,KAAQ,aAAA,CAAc,IAAA,IAAQ,YAAY,CAAC,CAAA,EAAG,CAAC,OAAA,EAAS,YAAY,CAAC,CAAA;AAEvG,EAAA,MAAM,aAAA,GAA+B,KAAA,KAAU,QAAA,GAAW,WAAA,GAAc,KAAA;AAExE,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,KAAK,MAAA,KAAW,OAAO,WAAW,WAAA,GAAc,IAAA,GAAO,OAAO,QAAA,CAAS,eAAA,CAAA;AAC7E,IAAA,IAAI,iBAAA,CAAkB,OAAA,IAAW,iBAAA,CAAkB,OAAA,KAAY,EAAA,EAAI;AACjE,MAAA,iBAAA,CAAkB,OAAA,CAAQ,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,OAAO,CAAA;AAAA,IAC5D;AACA,IAAA,IAAI,EAAA,EAAI,eAAA,CAAgB,EAAA,EAAI,aAAa,CAAA;AACzC,IAAA,iBAAA,CAAkB,OAAA,GAAU,EAAA;AAAA,EAC9B,CAAA,EAAG,CAAC,aAAA,EAAe,MAAM,CAAC,CAAA;AAE1B,EAAA,MAAM,KAAA,GAAQE,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,KAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAU,CAAA,IAAA,KAAQ;AAChB,QAAA,aAAA,CAAc,IAAI,CAAA;AAClB,QAAA,OAAA,CAAQ,IAAI,IAAI,CAAA;AAAA,MAClB;AAAA,KACF,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,aAAA,EAAe,WAAA,EAAa,OAAO;AAAA,GAC7C;AAEA,EAAA,uBAAOI,cAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OAAe,QAAA,EAAS,CAAA;AACxD;AAEA,MAAM,OAAO,MAAM;AAAC,CAAA;AAEb,MAAM,WAAW,MAAyB;AAC/C,EAAA,MAAM,GAAA,GAAMC,iBAAW,YAAY,CAAA;AACnC,EAAA,MAAM,WAAA,GAAcF,0BAAA,CAAqB,oBAAA,EAAsB,cAAA,EAAgB,MAAM,MAAe,CAAA;AACpG,EAAA,OAAOH,aAAA;AAAA,IACL,MAAM,OAAO,EAAE,KAAA,EAAO,UAAU,aAAA,EAAe,WAAA,EAAa,WAAA,EAAa,QAAA,EAAU,IAAA,EAAK;AAAA,IACxF,CAAC,KAAK,WAAW;AAAA,GACnB;AACF;;;;;"}

package/dist/thread-list-CwwoVFRi.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const Button = require('./Button-BAMnPqos.cjs');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+
+const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("size-full", !embedded && "pb-2 pl-2"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      className: utils_cn.cn(
+        "flex h-full flex-col gap-1 overflow-y-auto p-1",
+        !embedded && utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-studio-panel")
+      ),
+      children
+    }
+  ) });
+};
+const ThreadListNewItem = ({ render, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { render, variant: "ghost", className: "w-full justify-start rounded-xl px-3", children });
+};
+const ThreadListSeparator = () => /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "-mx-1 my-1 h-px bg-border/40" });
+const ThreadListItems = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-col gap-1", "data-testid": "thread-list", children });
+const ThreadListItem = ({
+  as,
+  href,
+  to,
+  isActive,
+  onClick,
+  onDelete,
+  deleteLabel = "delete",
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "group relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        render: as ? React.createElement(as, { href, to }) : void 0,
+        onClick,
+        variant: "ghost",
+        className: utils_cn.cn(
+          "w-full min-w-0 justify-start rounded-xl px-3 text-left",
+          onDelete && "pr-9",
+          isActive && "bg-fill-hover text-foreground",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children })
+      }
+    ),
+    onDelete && /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        className: "absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+        onClick: onDelete,
+        "aria-label": deleteLabel,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {})
+      }
+    )
+  ] });
+};
+const ThreadListEmpty = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "caption", tone: "muted", className: "px-3 py-2", children });
+};
+
+exports.ThreadList = ThreadList;
+exports.ThreadListEmpty = ThreadListEmpty;
+exports.ThreadListItem = ThreadListItem;
+exports.ThreadListItems = ThreadListItems;
+exports.ThreadListNewItem = ThreadListNewItem;
+exports.ThreadListSeparator = ThreadListSeparator;
+//# sourceMappingURL=thread-list-CwwoVFRi.cjs.map

package/dist/thread-list-CwwoVFRi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-list-CwwoVFRi.cjs","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createElement, type ElementType, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { raisedSurfaceStyle } from '../../primitives/raised-surface';\nimport { Button, type ButtonProps } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('size-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'flex h-full flex-col gap-1 overflow-y-auto p-1',\n          !embedded && cn(raisedSurfaceStyle, 'rounded-studio-panel'),\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  render?: ButtonProps['render'];\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ render, children }: ThreadListNewItemProps) => {\n  return (\n    <Button render={render} variant=\"ghost\" className=\"w-full justify-start rounded-xl px-3\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 my-1 h-px bg-border/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-1\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        render={as ? createElement(as, { href, to }) : undefined}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'w-full min-w-0 justify-start rounded-xl px-3 text-left',\n          onDelete && 'pr-9',\n          isActive && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"px-3 py-2\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","Button","jsxs","createElement","X","Txt"],"mappings":";;;;;;;;;;AAkBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,aAAa,CAAC,QAAA,IAAY,WAAW,CAAA,EACtD,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWC,WAAA;AAAA,QACT,gDAAA;AAAA,QACA,CAAC,QAAA,IAAYA,WAAA,CAAGC,2CAAA,EAAoB,sBAAsB;AAAA,OAC5D;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA8B;AACjF,EAAA,sCACGC,aAAA,EAAA,EAAO,MAAA,EAAgB,SAAQ,OAAA,EAAQ,SAAA,EAAU,wCAC/C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjCH,cAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,8BAAA,EAA+B;AAOxF,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzCA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,aAAA,EAC7C,QAAA,EACH;AAeK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACEI,eAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAAJ,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAKE,mBAAA,CAAc,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA,GAAI,MAAA;AAAA,QAC/C,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAWJ,WAAA;AAAA,UACT,wDAAA;AAAA,UACA,QAAA,IAAY,MAAA;AAAA,UACZ,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACCA,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,yCAACG,aAAA,EAAA,EAAE;AAAA;AAAA;AACL,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACEN,cAAA,CAACO,OAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAClD,QAAA,EACH,CAAA;AAEJ;;;;;;;;;"}

package/dist/thread-list-DAVEf0g7.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { X } from 'lucide-react';
+import { createElement } from 'react';
+import { c as cn } from './cn-65Adrsfj.js';
+import { raisedSurfaceStyle } from './primitives/raised-surface.es.js';
+import { B as Button } from './Button-B8nF87ai.js';
+import { T as Txt } from './Txt-BP1SRHmL.js';
+
+const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("size-full", !embedded && "pb-2 pl-2"), children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      className: cn(
+        "flex h-full flex-col gap-1 overflow-y-auto p-1",
+        !embedded && cn(raisedSurfaceStyle, "rounded-studio-panel")
+      ),
+      children
+    }
+  ) });
+};
+const ThreadListNewItem = ({ render, children }) => {
+  return /* @__PURE__ */ jsx(Button, { render, variant: "ghost", className: "w-full justify-start rounded-xl px-3", children });
+};
+const ThreadListSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "-mx-1 my-1 h-px bg-border/40" });
+const ThreadListItems = ({ children }) => /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-1", "data-testid": "thread-list", children });
+const ThreadListItem = ({
+  as,
+  href,
+  to,
+  isActive,
+  onClick,
+  onDelete,
+  deleteLabel = "delete",
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs("li", { className: "group relative", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        render: as ? createElement(as, { href, to }) : void 0,
+        onClick,
+        variant: "ghost",
+        className: cn(
+          "w-full min-w-0 justify-start rounded-xl px-3 text-left",
+          onDelete && "pr-9",
+          isActive && "bg-fill-hover text-foreground",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children })
+      }
+    ),
+    onDelete && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        className: "absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+        onClick: onDelete,
+        "aria-label": deleteLabel,
+        children: /* @__PURE__ */ jsx(X, {})
+      }
+    )
+  ] });
+};
+const ThreadListEmpty = ({ children }) => {
+  return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "muted", className: "px-3 py-2", children });
+};
+
+export { ThreadList as T, ThreadListEmpty as a, ThreadListItem as b, ThreadListItems as c, ThreadListNewItem as d, ThreadListSeparator as e };
+//# sourceMappingURL=thread-list-DAVEf0g7.js.map

package/dist/thread-list-DAVEf0g7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-list-DAVEf0g7.js","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createElement, type ElementType, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { raisedSurfaceStyle } from '../../primitives/raised-surface';\nimport { Button, type ButtonProps } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('size-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'flex h-full flex-col gap-1 overflow-y-auto p-1',\n          !embedded && cn(raisedSurfaceStyle, 'rounded-studio-panel'),\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  render?: ButtonProps['render'];\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ render, children }: ThreadListNewItemProps) => {\n  return (\n    <Button render={render} variant=\"ghost\" className=\"w-full justify-start rounded-xl px-3\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 my-1 h-px bg-border/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-1\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        render={as ? createElement(as, { href, to }) : undefined}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'w-full min-w-0 justify-start rounded-xl px-3 text-left',\n          onDelete && 'pr-9',\n          isActive && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"px-3 py-2\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,CAAC,QAAA,IAAY,WAAW,CAAA,EACtD,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,gDAAA;AAAA,QACA,CAAC,QAAA,IAAY,EAAA,CAAG,kBAAA,EAAoB,sBAAsB;AAAA,OAC5D;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA8B;AACjF,EAAA,2BACG,MAAA,EAAA,EAAO,MAAA,EAAgB,SAAQ,OAAA,EAAQ,SAAA,EAAU,wCAC/C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjC,GAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,8BAAA,EAA+B;AAOxF,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,aAAA,EAC7C,QAAA,EACH;AAeK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAK,aAAA,CAAc,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA,GAAI,MAAA;AAAA,QAC/C,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAW,EAAA;AAAA,UACT,wDAAA;AAAA,UACA,QAAA,IAAY,MAAA;AAAA,UACZ,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,8BAAC,CAAA,EAAA,EAAE;AAAA;AAAA;AACL,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAClD,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/{tool-call-CIeNEYpK.js → tool-call-0No2_hQU.js}

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { X, ChevronRight } from 'lucide-react';
 import { useState, useId, useContext, createContext } from 'react';
 import { u as useArriving } from './use-watched-CG9KoWl3.js';
@@ -119,6 +119,7 @@ const ToolCallPresentedHeader = ({
   icon: Icon,
   label,
   detail,
+  description,
   disclosure = true,
   ...props
 }) => {
@@ -134,8 +135,10 @@ const ToolCallPresentedHeader = ({
         className: status === "error" ? "text-error/80" : "text-placeholder"
       }
     ) }),
-    /* @__PURE__ */ jsx(ToolCallLabel, { children: label }),
-    detail && /* @__PURE__ */ jsx(ToolCallDetail, { children: detail }),
+    description ? /* @__PURE__ */ jsx(ToolCallLabel, { className: "max-w-none min-w-0 shrink", children: description }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ToolCallLabel, { children: label }),
+      detail && /* @__PURE__ */ jsx(ToolCallDetail, { children: detail })
+    ] }),
     /* @__PURE__ */ jsx(ToolCallSpacer, {}),
     status === "error" && /* @__PURE__ */ jsx(ToolCallTrailing, { children: /* @__PURE__ */ jsx(X, { size: 13, role: "img", "aria-label": "Failed", className: "shrink-0 text-error" }) }),
     disclosure && /* @__PURE__ */ jsx(ToolCallDisclosure, {})
@@ -179,4 +182,4 @@ const ToolCallCommand = ({ command }) => /* @__PURE__ */ jsxs(ToolCallMono, { co
 ] });
 
 export { ToolCall as T, ToolCallTrigger as a, ToolCallTrailing as b, ToolCallContent as c, ToolCallHeader as d, ToolCallIcon as e, ToolCallLabel as f, ToolCallDetail as g, ToolCallSpacer as h, ToolCallDisclosure as i, ToolCallPresentedHeader as j, ToolCallMono as k, ToolCallSummary as l, ToolCallCommand as m };
-//# sourceMappingURL=tool-call-CIeNEYpK.js.map
+//# sourceMappingURL=tool-call-0No2_hQU.js.map

package/dist/tool-call-0No2_hQU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-0No2_hQU.js","sources":["../src/ds/components/ai/tool-call/tool-call.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ToolCallStatus = 'idle' | 'running' | 'error';\n\ninterface ToolCallContextValue {\n  open: boolean;\n  status: ToolCallStatus;\n}\n\nconst ToolCallContext = createContext<ToolCallContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useToolCall() {\n  const context = useContext(ToolCallContext);\n  if (!context) throw new Error('ToolCall compounds must be rendered within ToolCall');\n  return context;\n}\n\nexport interface ToolCallProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  status?: ToolCallStatus;\n}\n\nexport function ToolCall({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ToolCallProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ToolCallContext.Provider value={{ open, status }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        {status !== 'idle' && (\n          <span id={statusId} className=\"sr-only\">\n            {status === 'running' ? 'Tool call running' : 'Tool call failed'}\n          </span>\n        )}\n      </Collapsible>\n    </ToolCallContext.Provider>\n  );\n}\n\nexport const ToolCallTrigger = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn(\n      'group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-fill focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport const ToolCallHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useToolCall();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ToolCallIcon = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props} />\n);\n\nexport const ToolCallLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport const ToolCallDetail = ({ className, ...props }: ComponentProps<typeof Txt>) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font=\"mono\"\n      className={cn('min-w-0 truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ToolCallSummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ToolCallSpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ToolCallSpacer = ({ rule, className, ...props }: ToolCallSpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ToolCallTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ToolCallDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open } = useToolCall();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'flex shrink-0 items-center text-muted-foreground opacity-0 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:opacity-100 group-focus-visible/row:opacity-100',\n          open && 'rotate-90 opacity-100',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ToolCallPresentedHeaderProps extends Omit<ComponentProps<typeof ToolCallHeader>, 'children'> {\n  /** Rendered ahead of the icon, e.g. a timestamp. */\n  leading?: ReactNode;\n  icon: LucideIcon;\n  label: string;\n  detail?: string;\n  /** Replaces label and detail with plain text saying what the call does. */\n  description?: string;\n  disclosure?: boolean;\n}\n\n/** The canonical header of a presented tool call: icon, label, detail, failure mark, chevron. */\nexport const ToolCallPresentedHeader = ({\n  leading,\n  icon: Icon,\n  label,\n  detail,\n  description,\n  disclosure = true,\n  ...props\n}: ToolCallPresentedHeaderProps) => {\n  const { status } = useToolCall();\n\n  return (\n    <ToolCallHeader {...props}>\n      {leading}\n      <ToolCallIcon>\n        <Icon\n          size={14}\n          strokeWidth={1.75}\n          aria-hidden\n          className={status === 'error' ? 'text-error/80' : 'text-placeholder'}\n        />\n      </ToolCallIcon>\n      {description ? (\n        <ToolCallLabel className=\"max-w-none min-w-0 shrink\">{description}</ToolCallLabel>\n      ) : (\n        <>\n          <ToolCallLabel>{label}</ToolCallLabel>\n          {detail && <ToolCallDetail>{detail}</ToolCallDetail>}\n        </>\n      )}\n      <ToolCallSpacer />\n      {status === 'error' && (\n        <ToolCallTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-error\" />\n        </ToolCallTrailing>\n      )}\n      {disclosure && <ToolCallDisclosure />}\n    </ToolCallHeader>\n  );\n};\n\nexport const ToolCallContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ToolCallMonoProps extends ComponentProps<'pre'> {\n  copyText: string;\n}\n\n/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */\nexport const ToolCallMono = ({ copyText, className, children, ...props }: ToolCallMonoProps) => (\n  <div className=\"group/block relative max-w-full min-w-0\">\n    <pre\n      className={cn(\n        'm-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </pre>\n    <CopyButton\n      content={copyText}\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100\"\n    />\n  </div>\n);\n\n/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */\nexport const ToolCallCommand = ({ command }: { command: string }) => (\n  <ToolCallMono copyText={command} className=\"text-foreground\">\n    <span className=\"text-muted-foreground select-none\">$ </span>\n    {command}\n  </ToolCallMono>\n);\n\nexport type { ToolCallStatus };\n"],"names":[],"mappings":"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"}

package/dist/{tool-call-CnEm3eE0.cjs → tool-call-CMN0T4o7.cjs}

@@ -121,6 +121,7 @@ const ToolCallPresentedHeader = ({
   icon: Icon,
   label,
   detail,
+  description,
   disclosure = true,
   ...props
 }) => {
@@ -136,8 +137,10 @@ const ToolCallPresentedHeader = ({
         className: status === "error" ? "text-error/80" : "text-placeholder"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ToolCallLabel, { children: label }),
-    detail && /* @__PURE__ */ jsxRuntime.jsx(ToolCallDetail, { children: detail }),
+    description ? /* @__PURE__ */ jsxRuntime.jsx(ToolCallLabel, { className: "max-w-none min-w-0 shrink", children: description }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToolCallLabel, { children: label }),
+      detail && /* @__PURE__ */ jsxRuntime.jsx(ToolCallDetail, { children: detail })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ToolCallSpacer, {}),
     status === "error" && /* @__PURE__ */ jsxRuntime.jsx(ToolCallTrailing, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 13, role: "img", "aria-label": "Failed", className: "shrink-0 text-error" }) }),
     disclosure && /* @__PURE__ */ jsxRuntime.jsx(ToolCallDisclosure, {})
@@ -194,4 +197,4 @@ exports.ToolCallSpacer = ToolCallSpacer;
 exports.ToolCallSummary = ToolCallSummary;
 exports.ToolCallTrailing = ToolCallTrailing;
 exports.ToolCallTrigger = ToolCallTrigger;
-//# sourceMappingURL=tool-call-CnEm3eE0.cjs.map
+//# sourceMappingURL=tool-call-CMN0T4o7.cjs.map

package/dist/tool-call-CMN0T4o7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-CMN0T4o7.cjs","sources":["../src/ds/components/ai/tool-call/tool-call.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ToolCallStatus = 'idle' | 'running' | 'error';\n\ninterface ToolCallContextValue {\n  open: boolean;\n  status: ToolCallStatus;\n}\n\nconst ToolCallContext = createContext<ToolCallContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useToolCall() {\n  const context = useContext(ToolCallContext);\n  if (!context) throw new Error('ToolCall compounds must be rendered within ToolCall');\n  return context;\n}\n\nexport interface ToolCallProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  status?: ToolCallStatus;\n}\n\nexport function ToolCall({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ToolCallProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ToolCallContext.Provider value={{ open, status }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        {status !== 'idle' && (\n          <span id={statusId} className=\"sr-only\">\n            {status === 'running' ? 'Tool call running' : 'Tool call failed'}\n          </span>\n        )}\n      </Collapsible>\n    </ToolCallContext.Provider>\n  );\n}\n\nexport const ToolCallTrigger = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn(\n      'group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-fill focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport const ToolCallHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useToolCall();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ToolCallIcon = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props} />\n);\n\nexport const ToolCallLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport const ToolCallDetail = ({ className, ...props }: ComponentProps<typeof Txt>) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font=\"mono\"\n      className={cn('min-w-0 truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ToolCallSummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ToolCallSpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ToolCallSpacer = ({ rule, className, ...props }: ToolCallSpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ToolCallTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ToolCallDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open } = useToolCall();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'flex shrink-0 items-center text-muted-foreground opacity-0 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:opacity-100 group-focus-visible/row:opacity-100',\n          open && 'rotate-90 opacity-100',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ToolCallPresentedHeaderProps extends Omit<ComponentProps<typeof ToolCallHeader>, 'children'> {\n  /** Rendered ahead of the icon, e.g. a timestamp. */\n  leading?: ReactNode;\n  icon: LucideIcon;\n  label: string;\n  detail?: string;\n  /** Replaces label and detail with plain text saying what the call does. */\n  description?: string;\n  disclosure?: boolean;\n}\n\n/** The canonical header of a presented tool call: icon, label, detail, failure mark, chevron. */\nexport const ToolCallPresentedHeader = ({\n  leading,\n  icon: Icon,\n  label,\n  detail,\n  description,\n  disclosure = true,\n  ...props\n}: ToolCallPresentedHeaderProps) => {\n  const { status } = useToolCall();\n\n  return (\n    <ToolCallHeader {...props}>\n      {leading}\n      <ToolCallIcon>\n        <Icon\n          size={14}\n          strokeWidth={1.75}\n          aria-hidden\n          className={status === 'error' ? 'text-error/80' : 'text-placeholder'}\n        />\n      </ToolCallIcon>\n      {description ? (\n        <ToolCallLabel className=\"max-w-none min-w-0 shrink\">{description}</ToolCallLabel>\n      ) : (\n        <>\n          <ToolCallLabel>{label}</ToolCallLabel>\n          {detail && <ToolCallDetail>{detail}</ToolCallDetail>}\n        </>\n      )}\n      <ToolCallSpacer />\n      {status === 'error' && (\n        <ToolCallTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-error\" />\n        </ToolCallTrailing>\n      )}\n      {disclosure && <ToolCallDisclosure />}\n    </ToolCallHeader>\n  );\n};\n\nexport const ToolCallContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ToolCallMonoProps extends ComponentProps<'pre'> {\n  copyText: string;\n}\n\n/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */\nexport const ToolCallMono = ({ copyText, className, children, ...props }: ToolCallMonoProps) => (\n  <div className=\"group/block relative max-w-full min-w-0\">\n    <pre\n      className={cn(\n        'm-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </pre>\n    <CopyButton\n      content={copyText}\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100\"\n    />\n  </div>\n);\n\n/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */\nexport const ToolCallCommand = ({ command }: { command: string }) => (\n  <ToolCallMono copyText={command} className=\"text-foreground\">\n    <span className=\"text-muted-foreground select-none\">$ </span>\n    {command}\n  </ToolCallMono>\n);\n\nexport type { ToolCallStatus };\n"],"names":["createContext","useContext","useState","useId","jsx","jsxs","Collapsible","cn","CollapsibleTrigger","Shimmer","Txt","useArriving","ChevronRight","Fragment","X","CollapsibleContent","CopyButton"],"mappings":"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"}