@purpur/library 9.9.0 → 9.10.0

package/dist/calendar.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./calendar-BXQ3v62X.js"),e=require("./zh-TW-CAp7WWVq.js"),a=require("./format-CFKKBdIQ.js");exports.Calendar=r.Calendar;exports.af=e.af;exports.ar=e.ar;exports.arDZ=e.arDZ;exports.arEG=e.arEG;exports.arMA=e.arMA;exports.arSA=e.arSA;exports.arTN=e.arTN;exports.az=e.az;exports.be=e.be;exports.beTarask=e.beTarask;exports.bg=e.bg;exports.bn=e.bn;exports.bs=e.bs;exports.ca=e.ca;exports.ckb=e.ckb;exports.cs=e.cs;exports.cy=e.cy;exports.da=e.da;exports.de=e.de;exports.deAT=e.deAT;exports.el=e.el;exports.enAU=e.enAU;exports.enCA=e.enCA;exports.enGB=e.enGB;exports.enIE=e.enIE;exports.enIN=e.enIN;exports.enNZ=e.enNZ;exports.enZA=e.enZA;exports.eo=e.eo;exports.es=e.es;exports.et=e.et;exports.eu=e.eu;exports.faIR=e.faIR;exports.fi=e.fi;exports.fr=e.fr;exports.frCA=e.frCA;exports.frCH=e.frCH;exports.fy=e.fy;exports.gd=e.gd;exports.gl=e.gl;exports.gu=e.gu;exports.he=e.he;exports.hi=e.hi;exports.hr=e.hr;exports.ht=e.ht;exports.hu=e.hu;exports.hy=e.hy;exports.id=e.id;exports.is=e.is;exports.it=e.it;exports.itCH=e.itCH;exports.ja=e.ja;exports.jaHira=e.jaHira;exports.ka=e.ka;exports.kk=e.kk;exports.km=e.km;exports.kn=e.kn;exports.ko=e.ko;exports.lb=e.lb;exports.lt=e.lt;exports.lv=e.lv;exports.mk=e.mk;exports.mn=e.mn;exports.ms=e.ms;exports.mt=e.mt;exports.nb=e.nb;exports.nl=e.nl;exports.nlBE=e.nlBE;exports.nn=e.nn;exports.oc=e.oc;exports.pl=e.pl;exports.pt=e.pt;exports.ptBR=e.ptBR;exports.ro=e.ro;exports.ru=e.ru;exports.se=e.se;exports.sk=e.sk;exports.sl=e.sl;exports.sq=e.sq;exports.sr=e.sr;exports.srLatn=e.srLatn;exports.sv=e.sv;exports.ta=e.ta;exports.te=e.te;exports.th=e.th;exports.tr=e.tr;exports.ug=e.ug;exports.uk=e.uk;exports.uz=e.uz;exports.uzCyrl=e.uzCyrl;exports.vi=e.vi;exports.zhCN=e.zhCN;exports.zhHK=e.zhHK;exports.zhTW=e.zhTW;exports.enUS=a.enUS;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./calendar-DDR8CQYo.js"),e=require("./zh-TW-CAp7WWVq.js"),a=require("./format-CFKKBdIQ.js");exports.Calendar=r.Calendar;exports.af=e.af;exports.ar=e.ar;exports.arDZ=e.arDZ;exports.arEG=e.arEG;exports.arMA=e.arMA;exports.arSA=e.arSA;exports.arTN=e.arTN;exports.az=e.az;exports.be=e.be;exports.beTarask=e.beTarask;exports.bg=e.bg;exports.bn=e.bn;exports.bs=e.bs;exports.ca=e.ca;exports.ckb=e.ckb;exports.cs=e.cs;exports.cy=e.cy;exports.da=e.da;exports.de=e.de;exports.deAT=e.deAT;exports.el=e.el;exports.enAU=e.enAU;exports.enCA=e.enCA;exports.enGB=e.enGB;exports.enIE=e.enIE;exports.enIN=e.enIN;exports.enNZ=e.enNZ;exports.enZA=e.enZA;exports.eo=e.eo;exports.es=e.es;exports.et=e.et;exports.eu=e.eu;exports.faIR=e.faIR;exports.fi=e.fi;exports.fr=e.fr;exports.frCA=e.frCA;exports.frCH=e.frCH;exports.fy=e.fy;exports.gd=e.gd;exports.gl=e.gl;exports.gu=e.gu;exports.he=e.he;exports.hi=e.hi;exports.hr=e.hr;exports.ht=e.ht;exports.hu=e.hu;exports.hy=e.hy;exports.id=e.id;exports.is=e.is;exports.it=e.it;exports.itCH=e.itCH;exports.ja=e.ja;exports.jaHira=e.jaHira;exports.ka=e.ka;exports.kk=e.kk;exports.km=e.km;exports.kn=e.kn;exports.ko=e.ko;exports.lb=e.lb;exports.lt=e.lt;exports.lv=e.lv;exports.mk=e.mk;exports.mn=e.mn;exports.ms=e.ms;exports.mt=e.mt;exports.nb=e.nb;exports.nl=e.nl;exports.nlBE=e.nlBE;exports.nn=e.nn;exports.oc=e.oc;exports.pl=e.pl;exports.pt=e.pt;exports.ptBR=e.ptBR;exports.ro=e.ro;exports.ru=e.ru;exports.se=e.se;exports.sk=e.sk;exports.sl=e.sl;exports.sq=e.sq;exports.sr=e.sr;exports.srLatn=e.srLatn;exports.sv=e.sv;exports.ta=e.ta;exports.te=e.te;exports.th=e.th;exports.tr=e.tr;exports.ug=e.ug;exports.uk=e.uk;exports.uz=e.uz;exports.uzCyrl=e.uzCyrl;exports.vi=e.vi;exports.zhCN=e.zhCN;exports.zhHK=e.zhHK;exports.zhTW=e.zhTW;exports.enUS=a.enUS;
 //# sourceMappingURL=calendar.cjs.js.map

package/dist/calendar.es.js

@@ -1,4 +1,4 @@
-import { C as e } from "./calendar-d53vgYqR.mjs";
+import { C as e } from "./calendar-Cru-p6gC.mjs";
 import { a as n, b as t, c as k, d as l, e as f, f as h, g as o, h as b, i, j as m, k as u, l as C, m as A, n as d, o as p, p as z, q as c, r as g, s as y, t as v, u as x, v as B, w as H, x as N, y as T, z as j, A as E, B as I, C as Z, D as q, E as D, F as G, G as R, H as S, I as U, J as w, K, L, M, N as W, O as F, P as J, Q as O, R as P, S as Q, T as V, U as X, V as Y, W as _, X as $, Y as aa, Z as sa, _ as ea, $ as ra, a0 as na, a1 as ta, a2 as ka, a3 as la, a4 as fa, a5 as ha, a6 as oa, a7 as ba, a8 as ia, a9 as ma, aa as ua, ab as Ca, ac as Aa, ad as da, ae as pa, af as za, ag as ca, ah as ga, ai as ya, aj as va, ak as xa, al as Ba, am as Ha, an as Na, ao as Ta, ap as ja, aq as Ea, ar as Ia, as as Za, at as qa, au as Da, av as Ga, aw as Ra, ax as Sa, ay as Ua, az as wa, aA as Ka, aB as La, aC as Ma, aD as Wa } from "./zh-TW-DrQ6h7hA.mjs";
 import { e as Ja } from "./format-CWOXI-dC.mjs";
 export {

package/dist/chat-field-CVF4DooY.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-field-CVF4DooY.mjs","sources":["../../../components/icon/dist/assets/send.es.js","../../../components/icon/dist/assets/tv-stop.es.js","../../../components/chat-field/src/chat-field.tsx"],"sourcesContent":["const e = {\n  name: \"send\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1.54 2.149a.9.9 0 0 1 .97-.131l19.514 9.212a.9.9 0 0 1 0 1.628L2.51 22.071A.9.9 0 0 1 1.263 21l2.664-8.957-2.664-8.956a.9.9 0 0 1 .277-.94Zm3.997 10.795-1.974 6.64 14.062-6.64H5.537Zm12.088-1.8H5.537L3.563 4.505l14.062 6.64Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"send\"],\n  category: \"action\"\n};\nexport {\n  e as send\n};\n//# sourceMappingURL=send.es.js.map\n","const t = {\n  name: \"tv-stop\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 19H5V5h14v14Z\"/><path fill-rule=\"evenodd\" d=\"M19.9 19a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V5a.9.9 0 0 1 .9-.9h14a.9.9 0 0 1 .9.9v14Zm-1.8-.9V5.9H5.9v12.2h12.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-stop\"],\n  category: \"action\"\n};\nexport {\n  t as tvStop\n};\n//# sourceMappingURL=tv-stop.es.js.map\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { Icon } from \"@purpur/icon\";\nimport { send } from \"@purpur/icon/assets/send\";\nimport { tvStop } from \"@purpur/icon/assets/tv-stop\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chat-field.module.scss\";\nconst cx = c.bind(styles);\n\nconst mergeRefs = <T,>(...inputRefs: (Ref<T> | undefined)[]): Ref<T> | React.RefCallback<T> => {\n  const filteredInputRefs = inputRefs.filter(Boolean);\n\n  if (filteredInputRefs.length <= 1) {\n    return filteredInputRefs[0] || null;\n  }\n\n  return (ref: T | null) => {\n    for (const inputRef of filteredInputRefs) {\n      if (typeof inputRef === \"function\") {\n        inputRef(ref);\n      } else if (inputRef) {\n        (inputRef as React.RefObject<T | null>).current = ref;\n      }\n    }\n  };\n};\n\nexport type ChatFieldProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * Current value of the textarea in controlled mode.\n   * When omitted, the component handles textarea state internally.\n   * */\n  value?: string;\n  /**\n   * Placeholder text shown when the textarea is empty.\n   * */\n  placeholder: string;\n  /**\n   * Accessible label for the textarea when no aria-label/aria-labelledby\n   * is provided via `textareaProps`.\n   * */\n  textareaAriaLabel?: string;\n  /**\n   * Changes the action icon from send to stop.\n   * */\n  generating?: boolean;\n  /**\n   * Renders the field with negative appearance.\n   * */\n  negative?: boolean;\n  /**\n   * Accessible label for the send action icon.\n   * */\n  sendAriaLabel: string;\n  /**\n   * Custom icon for the default action button state.\n   * Falls back to the standard send icon when omitted.\n   * */\n  sendIcon?: ReactNode;\n  /**\n   * Accessible label for the stop action icon.\n   * */\n  stopAriaLabel: string;\n  /**\n   * Number of visible text rows. Defaults to 1.\n   * */\n  rows?: number;\n  /**\n   * Maximum number of rows before the textarea scrolls. Defaults to 4.\n   * */\n  maxRows?: number;\n  /**\n   * Callback for textarea value changes.\n   * */\n  onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Callback fired when the send action is triggered (Enter key or send button click).\n   * */\n  onSend: () => void;\n  /**\n   * Callback fired when the stop button is clicked during generating state.\n   * */\n  onStopClick: () => void;\n  /**\n   * HTML type attribute for the action button. Use `\"submit\"` when ChatField\n   * is placed inside a `<form>`. Defaults to `\"button\"`.\n   * */\n  actionButtonType?: \"button\" | \"submit\";\n  /**\n   * Additional props forwarded to the textarea element.\n   * */\n  textareaProps?: Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    \"className\" | \"value\" | \"placeholder\" | \"disabled\" | \"onChange\" | \"rows\"\n  >;\n  className?: string;\n};\n\nconst rootClassName = \"purpur-chat-field\";\n\nexport const ChatField = forwardRef<HTMLTextAreaElement, ChatFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      value,\n      placeholder,\n      textareaAriaLabel: textareaAriaLabelProp,\n      generating = false,\n      negative = false,\n      sendAriaLabel,\n      sendIcon,\n      stopAriaLabel,\n      rows = 1,\n      maxRows = 4,\n      onChange,\n      onSend,\n      onStopClick,\n      actionButtonType = \"button\",\n      textareaProps,\n      className,\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLTextAreaElement>(null);\n    const {\n      [\"aria-label\"]: textareaPropsAriaLabel,\n      [\"aria-labelledby\"]: textareaPropsAriaLabelledBy,\n      defaultValue: textareaDefaultValue,\n      ...textareaRestProps\n    } = textareaProps ?? {};\n\n    const [uncontrolledValue, setUncontrolledValue] = useState(() => {\n      if (typeof textareaDefaultValue === \"string\" || typeof textareaDefaultValue === \"number\") {\n        return String(textareaDefaultValue);\n      }\n      return \"\";\n    });\n\n    const textareaValue = value ?? uncontrolledValue;\n    const hasValue = Boolean(textareaValue.length);\n\n    const resolvedTextareaAriaLabel =\n      textareaPropsAriaLabel ??\n      (textareaPropsAriaLabelledBy ? undefined : textareaAriaLabelProp ?? placeholder);\n\n    const adjustTextareaHeight = useCallback(() => {\n      const textarea = internalRef.current;\n      if (!textarea) return;\n\n      textarea.style.height = \"auto\";\n      textarea.style.overflowY = \"hidden\";\n\n      const computed = getComputedStyle(textarea);\n      const lineHeight = parseFloat(computed.lineHeight) || 20;\n      const paddingTop = parseFloat(computed.paddingTop) || 0;\n      const paddingBottom = parseFloat(computed.paddingBottom) || 0;\n      const naturalHeight = lineHeight * rows + paddingTop + paddingBottom;\n      const maxHeight = lineHeight * maxRows + paddingTop + paddingBottom;\n\n      if (textarea.scrollHeight > maxHeight) {\n        textarea.style.height = `${maxHeight}px`;\n        textarea.style.overflowY = \"auto\";\n      } else if (textarea.scrollHeight > naturalHeight) {\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [rows, maxRows]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [textareaValue, adjustTextareaHeight]);\n\n    const triggerSend = useCallback(\n      (source: \"button\" | \"keyboard\") => {\n        if (!hasValue) return;\n\n        if (actionButtonType === \"submit\") {\n          const parentForm = internalRef.current?.form;\n\n          if (source === \"keyboard\" && parentForm) {\n            parentForm.requestSubmit();\n            return;\n          }\n\n          if (source === \"button\" && parentForm) {\n            return;\n          }\n        }\n\n        onSend();\n      },\n      [actionButtonType, hasValue, onSend]\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (value === undefined) {\n        setUncontrolledValue(event.target.value);\n      }\n\n      onChange(event);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\" && !event.shiftKey && !event.nativeEvent.isComposing) {\n        event.preventDefault();\n        triggerSend(\"keyboard\");\n      }\n    };\n\n    const handleActionClick = () => {\n      if (generating) {\n        onStopClick();\n        return;\n      }\n\n      triggerSend(\"button\");\n    };\n\n    const resolvedActionButtonType: \"button\" | \"submit\" =\n      generating || !hasValue ? \"button\" : actionButtonType;\n\n    const classes = cx([\n      className,\n      rootClassName,\n      {\n        [`${rootClassName}--filled`]: hasValue,\n        [`${rootClassName}--negative`]: negative,\n      },\n    ]);\n\n    const actionIcon = generating ? (\n      <Icon size=\"xs\" svg={tvStop} />\n    ) : (\n      sendIcon ?? <Icon size=\"xs\" svg={send} />\n    );\n\n    return (\n      <div className={classes} data-testid={dataTestId}>\n        <textarea\n          {...textareaRestProps}\n          ref={mergeRefs(ref, internalRef)}\n          className={cx(`${rootClassName}__textarea`, {\n            [`${rootClassName}__textarea--negative`]: negative,\n          })}\n          aria-label={resolvedTextareaAriaLabel}\n          aria-labelledby={textareaPropsAriaLabelledBy}\n          data-testid={dataTestId ? `${dataTestId}-textarea` : undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          rows={rows}\n          value={textareaValue}\n        />\n        <div className={cx(`${rootClassName}__action`)}>\n          <Button\n            aria-label={generating ? stopAriaLabel : sendAriaLabel}\n            data-testid={dataTestId ? `${dataTestId}-action` : undefined}\n            iconOnly\n            negative={negative}\n            size=\"xs\"\n            type={resolvedActionButtonType}\n            variant=\"primary\"\n            onClick={handleActionClick}\n          >\n            {actionIcon}\n          </Button>\n        </div>\n        <span\n          className={cx(`${rootClassName}__frame`, {\n            [`${rootClassName}__frame--negative`]: negative,\n          })}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n);\n\nChatField.displayName = \"ChatField\";\n"],"names":["e","t","cx","c","styles","mergeRefs","inputRefs","filteredInputRefs","ref","inputRef","rootClassName","ChatField","forwardRef","dataTestId","value","placeholder","textareaAriaLabelProp","generating","negative","sendAriaLabel","sendIcon","stopAriaLabel","rows","maxRows","onChange","onSend","onStopClick","actionButtonType","textareaProps","className","internalRef","useRef","textareaPropsAriaLabel","textareaPropsAriaLabelledBy","textareaDefaultValue","textareaRestProps","uncontrolledValue","setUncontrolledValue","useState","textareaValue","hasValue","resolvedTextareaAriaLabel","adjustTextareaHeight","useCallback","textarea","computed","lineHeight","paddingTop","paddingBottom","naturalHeight","maxHeight","useEffect","triggerSend","source","parentForm","handleChange","event","handleKeyDown","handleActionClick","resolvedActionButtonType","classes","actionIcon","jsx","Icon","tvStop","send","jsxs","Button"],"mappings":"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"}
+{"version":3,"file":"chat-field-CVF4DooY.mjs","sources":["../../../components/icon/dist/assets/send.es.js","../../../components/icon/dist/assets/tv-stop.es.js","../../../components/chat-field/src/chat-field.tsx"],"sourcesContent":["const e = {\n  name: \"send\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1.54 2.149a.9.9 0 0 1 .97-.131l19.514 9.212a.9.9 0 0 1 0 1.628L2.51 22.071A.9.9 0 0 1 1.263 21l2.664-8.957-2.664-8.956a.9.9 0 0 1 .277-.94Zm3.997 10.795-1.974 6.64 14.062-6.64H5.537Zm12.088-1.8H5.537L3.563 4.505l14.062 6.64Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"send\"],\n  category: \"action\"\n};\nexport {\n  e as send\n};\n//# sourceMappingURL=send.es.js.map\n","const t = {\n  name: \"tv-stop\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 19H5V5h14v14Z\"/><path fill-rule=\"evenodd\" d=\"M19.9 19a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V5a.9.9 0 0 1 .9-.9h14a.9.9 0 0 1 .9.9v14Zm-1.8-.9V5.9H5.9v12.2h12.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-stop\"],\n  category: \"action\"\n};\nexport {\n  t as tvStop\n};\n//# sourceMappingURL=tv-stop.es.js.map\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { Icon } from \"@purpur/icon\";\nimport { send } from \"@purpur/icon/assets/send\";\nimport { tvStop } from \"@purpur/icon/assets/tv-stop\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chat-field.module.scss\";\nconst cx = c.bind(styles);\n\nconst mergeRefs = <T,>(...inputRefs: (Ref<T> | undefined)[]): Ref<T> | React.RefCallback<T> => {\n  const filteredInputRefs = inputRefs.filter(Boolean);\n\n  if (filteredInputRefs.length <= 1) {\n    return filteredInputRefs[0] || null;\n  }\n\n  return (ref: T | null) => {\n    for (const inputRef of filteredInputRefs) {\n      if (typeof inputRef === \"function\") {\n        inputRef(ref);\n      } else if (inputRef) {\n        (inputRef as React.RefObject<T | null>).current = ref;\n      }\n    }\n  };\n};\n\nexport type ChatFieldProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * Current value of the textarea in controlled mode.\n   * When omitted, the component handles textarea state internally.\n   * */\n  value?: string;\n  /**\n   * Placeholder text shown when the textarea is empty.\n   * */\n  placeholder: string;\n  /**\n   * Accessible label for the textarea when no aria-label/aria-labelledby\n   * is provided via `textareaProps`.\n   * */\n  textareaAriaLabel?: string;\n  /**\n   * Changes the action icon from send to stop.\n   * */\n  generating?: boolean;\n  /**\n   * Renders the field with negative appearance.\n   * */\n  negative?: boolean;\n  /**\n   * Accessible label for the send action icon.\n   * */\n  sendAriaLabel: string;\n  /**\n   * Custom icon for the default action button state.\n   * The custom icon should still visually communicate a send action.\n   * Falls back to the standard send icon when omitted.\n   * */\n  sendIcon?: ReactNode;\n  /**\n   * Accessible label for the stop action icon.\n   * */\n  stopAriaLabel: string;\n  /**\n   * Number of visible text rows. Defaults to 1.\n   * */\n  rows?: number;\n  /**\n   * Maximum number of rows before the textarea scrolls. Defaults to 4.\n   * */\n  maxRows?: number;\n  /**\n   * Callback for textarea value changes.\n   * */\n  onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Callback fired when the send action is triggered (Enter key or send button click).\n   * */\n  onSend: () => void;\n  /**\n   * Callback fired when the stop button is clicked during generating state.\n   * */\n  onStopClick: () => void;\n  /**\n   * HTML type attribute for the action button. Use `\"submit\"` when ChatField\n   * is placed inside a `<form>`. Defaults to `\"button\"`.\n   * */\n  actionButtonType?: \"button\" | \"submit\";\n  /**\n   * Additional props forwarded to the textarea element.\n   * */\n  textareaProps?: Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    \"className\" | \"value\" | \"placeholder\" | \"disabled\" | \"onChange\" | \"rows\"\n  >;\n  className?: string;\n};\n\nconst rootClassName = \"purpur-chat-field\";\n\nexport const ChatField = forwardRef<HTMLTextAreaElement, ChatFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      value,\n      placeholder,\n      textareaAriaLabel: textareaAriaLabelProp,\n      generating = false,\n      negative = false,\n      sendAriaLabel,\n      sendIcon,\n      stopAriaLabel,\n      rows = 1,\n      maxRows = 4,\n      onChange,\n      onSend,\n      onStopClick,\n      actionButtonType = \"button\",\n      textareaProps,\n      className,\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLTextAreaElement>(null);\n    const {\n      [\"aria-label\"]: textareaPropsAriaLabel,\n      [\"aria-labelledby\"]: textareaPropsAriaLabelledBy,\n      defaultValue: textareaDefaultValue,\n      ...textareaRestProps\n    } = textareaProps ?? {};\n\n    const [uncontrolledValue, setUncontrolledValue] = useState(() => {\n      if (typeof textareaDefaultValue === \"string\" || typeof textareaDefaultValue === \"number\") {\n        return String(textareaDefaultValue);\n      }\n      return \"\";\n    });\n\n    const textareaValue = value ?? uncontrolledValue;\n    const hasValue = Boolean(textareaValue.length);\n\n    const resolvedTextareaAriaLabel =\n      textareaPropsAriaLabel ??\n      (textareaPropsAriaLabelledBy ? undefined : textareaAriaLabelProp ?? placeholder);\n\n    const adjustTextareaHeight = useCallback(() => {\n      const textarea = internalRef.current;\n      if (!textarea) return;\n\n      textarea.style.height = \"auto\";\n      textarea.style.overflowY = \"hidden\";\n\n      const computed = getComputedStyle(textarea);\n      const lineHeight = parseFloat(computed.lineHeight) || 20;\n      const paddingTop = parseFloat(computed.paddingTop) || 0;\n      const paddingBottom = parseFloat(computed.paddingBottom) || 0;\n      const naturalHeight = lineHeight * rows + paddingTop + paddingBottom;\n      const maxHeight = lineHeight * maxRows + paddingTop + paddingBottom;\n\n      if (textarea.scrollHeight > maxHeight) {\n        textarea.style.height = `${maxHeight}px`;\n        textarea.style.overflowY = \"auto\";\n      } else if (textarea.scrollHeight > naturalHeight) {\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [rows, maxRows]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [textareaValue, adjustTextareaHeight]);\n\n    const triggerSend = useCallback(\n      (source: \"button\" | \"keyboard\") => {\n        if (!hasValue) return;\n\n        if (actionButtonType === \"submit\") {\n          const parentForm = internalRef.current?.form;\n\n          if (source === \"keyboard\" && parentForm) {\n            parentForm.requestSubmit();\n            return;\n          }\n\n          if (source === \"button\" && parentForm) {\n            return;\n          }\n        }\n\n        onSend();\n      },\n      [actionButtonType, hasValue, onSend]\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (value === undefined) {\n        setUncontrolledValue(event.target.value);\n      }\n\n      onChange(event);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\" && !event.shiftKey && !event.nativeEvent.isComposing) {\n        event.preventDefault();\n        triggerSend(\"keyboard\");\n      }\n    };\n\n    const handleActionClick = () => {\n      if (generating) {\n        onStopClick();\n        return;\n      }\n\n      triggerSend(\"button\");\n    };\n\n    const resolvedActionButtonType: \"button\" | \"submit\" =\n      generating || !hasValue ? \"button\" : actionButtonType;\n\n    const classes = cx([\n      className,\n      rootClassName,\n      {\n        [`${rootClassName}--filled`]: hasValue,\n        [`${rootClassName}--negative`]: negative,\n      },\n    ]);\n\n    const actionIcon = generating ? (\n      <Icon size=\"xs\" svg={tvStop} />\n    ) : (\n      sendIcon ?? <Icon size=\"xs\" svg={send} />\n    );\n\n    return (\n      <div className={classes} data-testid={dataTestId}>\n        <textarea\n          {...textareaRestProps}\n          ref={mergeRefs(ref, internalRef)}\n          className={cx(`${rootClassName}__textarea`, {\n            [`${rootClassName}__textarea--negative`]: negative,\n          })}\n          aria-label={resolvedTextareaAriaLabel}\n          aria-labelledby={textareaPropsAriaLabelledBy}\n          data-testid={dataTestId ? `${dataTestId}-textarea` : undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          rows={rows}\n          value={textareaValue}\n        />\n        <div className={cx(`${rootClassName}__action`)}>\n          <Button\n            aria-label={generating ? stopAriaLabel : sendAriaLabel}\n            data-testid={dataTestId ? `${dataTestId}-action` : undefined}\n            iconOnly\n            negative={negative}\n            size=\"xs\"\n            type={resolvedActionButtonType}\n            variant=\"primary\"\n            onClick={handleActionClick}\n          >\n            {actionIcon}\n          </Button>\n        </div>\n        <span\n          className={cx(`${rootClassName}__frame`, {\n            [`${rootClassName}__frame--negative`]: negative,\n          })}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n);\n\nChatField.displayName = \"ChatField\";\n"],"names":["e","t","cx","c","styles","mergeRefs","inputRefs","filteredInputRefs","ref","inputRef","rootClassName","ChatField","forwardRef","dataTestId","value","placeholder","textareaAriaLabelProp","generating","negative","sendAriaLabel","sendIcon","stopAriaLabel","rows","maxRows","onChange","onSend","onStopClick","actionButtonType","textareaProps","className","internalRef","useRef","textareaPropsAriaLabel","textareaPropsAriaLabelledBy","textareaDefaultValue","textareaRestProps","uncontrolledValue","setUncontrolledValue","useState","textareaValue","hasValue","resolvedTextareaAriaLabel","adjustTextareaHeight","useCallback","textarea","computed","lineHeight","paddingTop","paddingBottom","naturalHeight","maxHeight","useEffect","triggerSend","source","parentForm","handleChange","event","handleKeyDown","handleActionClick","resolvedActionButtonType","classes","actionIcon","jsx","Icon","tvStop","send","jsxs","Button"],"mappings":"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"}

package/dist/chat-field-Wjvh2J6C.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-field-Wjvh2J6C.js","sources":["../../../components/icon/dist/assets/send.es.js","../../../components/icon/dist/assets/tv-stop.es.js","../../../components/chat-field/src/chat-field.tsx"],"sourcesContent":["const e = {\n  name: \"send\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1.54 2.149a.9.9 0 0 1 .97-.131l19.514 9.212a.9.9 0 0 1 0 1.628L2.51 22.071A.9.9 0 0 1 1.263 21l2.664-8.957-2.664-8.956a.9.9 0 0 1 .277-.94Zm3.997 10.795-1.974 6.64 14.062-6.64H5.537Zm12.088-1.8H5.537L3.563 4.505l14.062 6.64Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"send\"],\n  category: \"action\"\n};\nexport {\n  e as send\n};\n//# sourceMappingURL=send.es.js.map\n","const t = {\n  name: \"tv-stop\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 19H5V5h14v14Z\"/><path fill-rule=\"evenodd\" d=\"M19.9 19a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V5a.9.9 0 0 1 .9-.9h14a.9.9 0 0 1 .9.9v14Zm-1.8-.9V5.9H5.9v12.2h12.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-stop\"],\n  category: \"action\"\n};\nexport {\n  t as tvStop\n};\n//# sourceMappingURL=tv-stop.es.js.map\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { Icon } from \"@purpur/icon\";\nimport { send } from \"@purpur/icon/assets/send\";\nimport { tvStop } from \"@purpur/icon/assets/tv-stop\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chat-field.module.scss\";\nconst cx = c.bind(styles);\n\nconst mergeRefs = <T,>(...inputRefs: (Ref<T> | undefined)[]): Ref<T> | React.RefCallback<T> => {\n  const filteredInputRefs = inputRefs.filter(Boolean);\n\n  if (filteredInputRefs.length <= 1) {\n    return filteredInputRefs[0] || null;\n  }\n\n  return (ref: T | null) => {\n    for (const inputRef of filteredInputRefs) {\n      if (typeof inputRef === \"function\") {\n        inputRef(ref);\n      } else if (inputRef) {\n        (inputRef as React.RefObject<T | null>).current = ref;\n      }\n    }\n  };\n};\n\nexport type ChatFieldProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * Current value of the textarea in controlled mode.\n   * When omitted, the component handles textarea state internally.\n   * */\n  value?: string;\n  /**\n   * Placeholder text shown when the textarea is empty.\n   * */\n  placeholder: string;\n  /**\n   * Accessible label for the textarea when no aria-label/aria-labelledby\n   * is provided via `textareaProps`.\n   * */\n  textareaAriaLabel?: string;\n  /**\n   * Changes the action icon from send to stop.\n   * */\n  generating?: boolean;\n  /**\n   * Renders the field with negative appearance.\n   * */\n  negative?: boolean;\n  /**\n   * Accessible label for the send action icon.\n   * */\n  sendAriaLabel: string;\n  /**\n   * Custom icon for the default action button state.\n   * Falls back to the standard send icon when omitted.\n   * */\n  sendIcon?: ReactNode;\n  /**\n   * Accessible label for the stop action icon.\n   * */\n  stopAriaLabel: string;\n  /**\n   * Number of visible text rows. Defaults to 1.\n   * */\n  rows?: number;\n  /**\n   * Maximum number of rows before the textarea scrolls. Defaults to 4.\n   * */\n  maxRows?: number;\n  /**\n   * Callback for textarea value changes.\n   * */\n  onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Callback fired when the send action is triggered (Enter key or send button click).\n   * */\n  onSend: () => void;\n  /**\n   * Callback fired when the stop button is clicked during generating state.\n   * */\n  onStopClick: () => void;\n  /**\n   * HTML type attribute for the action button. Use `\"submit\"` when ChatField\n   * is placed inside a `<form>`. Defaults to `\"button\"`.\n   * */\n  actionButtonType?: \"button\" | \"submit\";\n  /**\n   * Additional props forwarded to the textarea element.\n   * */\n  textareaProps?: Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    \"className\" | \"value\" | \"placeholder\" | \"disabled\" | \"onChange\" | \"rows\"\n  >;\n  className?: string;\n};\n\nconst rootClassName = \"purpur-chat-field\";\n\nexport const ChatField = forwardRef<HTMLTextAreaElement, ChatFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      value,\n      placeholder,\n      textareaAriaLabel: textareaAriaLabelProp,\n      generating = false,\n      negative = false,\n      sendAriaLabel,\n      sendIcon,\n      stopAriaLabel,\n      rows = 1,\n      maxRows = 4,\n      onChange,\n      onSend,\n      onStopClick,\n      actionButtonType = \"button\",\n      textareaProps,\n      className,\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLTextAreaElement>(null);\n    const {\n      [\"aria-label\"]: textareaPropsAriaLabel,\n      [\"aria-labelledby\"]: textareaPropsAriaLabelledBy,\n      defaultValue: textareaDefaultValue,\n      ...textareaRestProps\n    } = textareaProps ?? {};\n\n    const [uncontrolledValue, setUncontrolledValue] = useState(() => {\n      if (typeof textareaDefaultValue === \"string\" || typeof textareaDefaultValue === \"number\") {\n        return String(textareaDefaultValue);\n      }\n      return \"\";\n    });\n\n    const textareaValue = value ?? uncontrolledValue;\n    const hasValue = Boolean(textareaValue.length);\n\n    const resolvedTextareaAriaLabel =\n      textareaPropsAriaLabel ??\n      (textareaPropsAriaLabelledBy ? undefined : textareaAriaLabelProp ?? placeholder);\n\n    const adjustTextareaHeight = useCallback(() => {\n      const textarea = internalRef.current;\n      if (!textarea) return;\n\n      textarea.style.height = \"auto\";\n      textarea.style.overflowY = \"hidden\";\n\n      const computed = getComputedStyle(textarea);\n      const lineHeight = parseFloat(computed.lineHeight) || 20;\n      const paddingTop = parseFloat(computed.paddingTop) || 0;\n      const paddingBottom = parseFloat(computed.paddingBottom) || 0;\n      const naturalHeight = lineHeight * rows + paddingTop + paddingBottom;\n      const maxHeight = lineHeight * maxRows + paddingTop + paddingBottom;\n\n      if (textarea.scrollHeight > maxHeight) {\n        textarea.style.height = `${maxHeight}px`;\n        textarea.style.overflowY = \"auto\";\n      } else if (textarea.scrollHeight > naturalHeight) {\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [rows, maxRows]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [textareaValue, adjustTextareaHeight]);\n\n    const triggerSend = useCallback(\n      (source: \"button\" | \"keyboard\") => {\n        if (!hasValue) return;\n\n        if (actionButtonType === \"submit\") {\n          const parentForm = internalRef.current?.form;\n\n          if (source === \"keyboard\" && parentForm) {\n            parentForm.requestSubmit();\n            return;\n          }\n\n          if (source === \"button\" && parentForm) {\n            return;\n          }\n        }\n\n        onSend();\n      },\n      [actionButtonType, hasValue, onSend]\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (value === undefined) {\n        setUncontrolledValue(event.target.value);\n      }\n\n      onChange(event);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\" && !event.shiftKey && !event.nativeEvent.isComposing) {\n        event.preventDefault();\n        triggerSend(\"keyboard\");\n      }\n    };\n\n    const handleActionClick = () => {\n      if (generating) {\n        onStopClick();\n        return;\n      }\n\n      triggerSend(\"button\");\n    };\n\n    const resolvedActionButtonType: \"button\" | \"submit\" =\n      generating || !hasValue ? \"button\" : actionButtonType;\n\n    const classes = cx([\n      className,\n      rootClassName,\n      {\n        [`${rootClassName}--filled`]: hasValue,\n        [`${rootClassName}--negative`]: negative,\n      },\n    ]);\n\n    const actionIcon = generating ? (\n      <Icon size=\"xs\" svg={tvStop} />\n    ) : (\n      sendIcon ?? <Icon size=\"xs\" svg={send} />\n    );\n\n    return (\n      <div className={classes} data-testid={dataTestId}>\n        <textarea\n          {...textareaRestProps}\n          ref={mergeRefs(ref, internalRef)}\n          className={cx(`${rootClassName}__textarea`, {\n            [`${rootClassName}__textarea--negative`]: negative,\n          })}\n          aria-label={resolvedTextareaAriaLabel}\n          aria-labelledby={textareaPropsAriaLabelledBy}\n          data-testid={dataTestId ? `${dataTestId}-textarea` : undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          rows={rows}\n          value={textareaValue}\n        />\n        <div className={cx(`${rootClassName}__action`)}>\n          <Button\n            aria-label={generating ? stopAriaLabel : sendAriaLabel}\n            data-testid={dataTestId ? `${dataTestId}-action` : undefined}\n            iconOnly\n            negative={negative}\n            size=\"xs\"\n            type={resolvedActionButtonType}\n            variant=\"primary\"\n            onClick={handleActionClick}\n          >\n            {actionIcon}\n          </Button>\n        </div>\n        <span\n          className={cx(`${rootClassName}__frame`, {\n            [`${rootClassName}__frame--negative`]: negative,\n          })}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n);\n\nChatField.displayName = \"ChatField\";\n"],"names":["e","t","cx","c","styles","mergeRefs","inputRefs","filteredInputRefs","ref","inputRef","rootClassName","ChatField","forwardRef","dataTestId","value","placeholder","textareaAriaLabelProp","generating","negative","sendAriaLabel","sendIcon","stopAriaLabel","rows","maxRows","onChange","onSend","onStopClick","actionButtonType","textareaProps","className","internalRef","useRef","textareaPropsAriaLabel","textareaPropsAriaLabelledBy","textareaDefaultValue","textareaRestProps","uncontrolledValue","setUncontrolledValue","useState","textareaValue","hasValue","resolvedTextareaAriaLabel","adjustTextareaHeight","useCallback","textarea","computed","lineHeight","paddingTop","paddingBottom","naturalHeight","maxHeight","useEffect","triggerSend","source","parentForm","handleChange","event","handleKeyDown","handleActionClick","resolvedActionButtonType","classes","actionIcon","jsx","Icon","tvStop","send","jsxs","Button"],"mappings":"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"}
+{"version":3,"file":"chat-field-Wjvh2J6C.js","sources":["../../../components/icon/dist/assets/send.es.js","../../../components/icon/dist/assets/tv-stop.es.js","../../../components/chat-field/src/chat-field.tsx"],"sourcesContent":["const e = {\n  name: \"send\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1.54 2.149a.9.9 0 0 1 .97-.131l19.514 9.212a.9.9 0 0 1 0 1.628L2.51 22.071A.9.9 0 0 1 1.263 21l2.664-8.957-2.664-8.956a.9.9 0 0 1 .277-.94Zm3.997 10.795-1.974 6.64 14.062-6.64H5.537Zm12.088-1.8H5.537L3.563 4.505l14.062 6.64Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"send\"],\n  category: \"action\"\n};\nexport {\n  e as send\n};\n//# sourceMappingURL=send.es.js.map\n","const t = {\n  name: \"tv-stop\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 19H5V5h14v14Z\"/><path fill-rule=\"evenodd\" d=\"M19.9 19a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V5a.9.9 0 0 1 .9-.9h14a.9.9 0 0 1 .9.9v14Zm-1.8-.9V5.9H5.9v12.2h12.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-stop\"],\n  category: \"action\"\n};\nexport {\n  t as tvStop\n};\n//# sourceMappingURL=tv-stop.es.js.map\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { Icon } from \"@purpur/icon\";\nimport { send } from \"@purpur/icon/assets/send\";\nimport { tvStop } from \"@purpur/icon/assets/tv-stop\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chat-field.module.scss\";\nconst cx = c.bind(styles);\n\nconst mergeRefs = <T,>(...inputRefs: (Ref<T> | undefined)[]): Ref<T> | React.RefCallback<T> => {\n  const filteredInputRefs = inputRefs.filter(Boolean);\n\n  if (filteredInputRefs.length <= 1) {\n    return filteredInputRefs[0] || null;\n  }\n\n  return (ref: T | null) => {\n    for (const inputRef of filteredInputRefs) {\n      if (typeof inputRef === \"function\") {\n        inputRef(ref);\n      } else if (inputRef) {\n        (inputRef as React.RefObject<T | null>).current = ref;\n      }\n    }\n  };\n};\n\nexport type ChatFieldProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * Current value of the textarea in controlled mode.\n   * When omitted, the component handles textarea state internally.\n   * */\n  value?: string;\n  /**\n   * Placeholder text shown when the textarea is empty.\n   * */\n  placeholder: string;\n  /**\n   * Accessible label for the textarea when no aria-label/aria-labelledby\n   * is provided via `textareaProps`.\n   * */\n  textareaAriaLabel?: string;\n  /**\n   * Changes the action icon from send to stop.\n   * */\n  generating?: boolean;\n  /**\n   * Renders the field with negative appearance.\n   * */\n  negative?: boolean;\n  /**\n   * Accessible label for the send action icon.\n   * */\n  sendAriaLabel: string;\n  /**\n   * Custom icon for the default action button state.\n   * The custom icon should still visually communicate a send action.\n   * Falls back to the standard send icon when omitted.\n   * */\n  sendIcon?: ReactNode;\n  /**\n   * Accessible label for the stop action icon.\n   * */\n  stopAriaLabel: string;\n  /**\n   * Number of visible text rows. Defaults to 1.\n   * */\n  rows?: number;\n  /**\n   * Maximum number of rows before the textarea scrolls. Defaults to 4.\n   * */\n  maxRows?: number;\n  /**\n   * Callback for textarea value changes.\n   * */\n  onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Callback fired when the send action is triggered (Enter key or send button click).\n   * */\n  onSend: () => void;\n  /**\n   * Callback fired when the stop button is clicked during generating state.\n   * */\n  onStopClick: () => void;\n  /**\n   * HTML type attribute for the action button. Use `\"submit\"` when ChatField\n   * is placed inside a `<form>`. Defaults to `\"button\"`.\n   * */\n  actionButtonType?: \"button\" | \"submit\";\n  /**\n   * Additional props forwarded to the textarea element.\n   * */\n  textareaProps?: Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    \"className\" | \"value\" | \"placeholder\" | \"disabled\" | \"onChange\" | \"rows\"\n  >;\n  className?: string;\n};\n\nconst rootClassName = \"purpur-chat-field\";\n\nexport const ChatField = forwardRef<HTMLTextAreaElement, ChatFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      value,\n      placeholder,\n      textareaAriaLabel: textareaAriaLabelProp,\n      generating = false,\n      negative = false,\n      sendAriaLabel,\n      sendIcon,\n      stopAriaLabel,\n      rows = 1,\n      maxRows = 4,\n      onChange,\n      onSend,\n      onStopClick,\n      actionButtonType = \"button\",\n      textareaProps,\n      className,\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLTextAreaElement>(null);\n    const {\n      [\"aria-label\"]: textareaPropsAriaLabel,\n      [\"aria-labelledby\"]: textareaPropsAriaLabelledBy,\n      defaultValue: textareaDefaultValue,\n      ...textareaRestProps\n    } = textareaProps ?? {};\n\n    const [uncontrolledValue, setUncontrolledValue] = useState(() => {\n      if (typeof textareaDefaultValue === \"string\" || typeof textareaDefaultValue === \"number\") {\n        return String(textareaDefaultValue);\n      }\n      return \"\";\n    });\n\n    const textareaValue = value ?? uncontrolledValue;\n    const hasValue = Boolean(textareaValue.length);\n\n    const resolvedTextareaAriaLabel =\n      textareaPropsAriaLabel ??\n      (textareaPropsAriaLabelledBy ? undefined : textareaAriaLabelProp ?? placeholder);\n\n    const adjustTextareaHeight = useCallback(() => {\n      const textarea = internalRef.current;\n      if (!textarea) return;\n\n      textarea.style.height = \"auto\";\n      textarea.style.overflowY = \"hidden\";\n\n      const computed = getComputedStyle(textarea);\n      const lineHeight = parseFloat(computed.lineHeight) || 20;\n      const paddingTop = parseFloat(computed.paddingTop) || 0;\n      const paddingBottom = parseFloat(computed.paddingBottom) || 0;\n      const naturalHeight = lineHeight * rows + paddingTop + paddingBottom;\n      const maxHeight = lineHeight * maxRows + paddingTop + paddingBottom;\n\n      if (textarea.scrollHeight > maxHeight) {\n        textarea.style.height = `${maxHeight}px`;\n        textarea.style.overflowY = \"auto\";\n      } else if (textarea.scrollHeight > naturalHeight) {\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [rows, maxRows]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [textareaValue, adjustTextareaHeight]);\n\n    const triggerSend = useCallback(\n      (source: \"button\" | \"keyboard\") => {\n        if (!hasValue) return;\n\n        if (actionButtonType === \"submit\") {\n          const parentForm = internalRef.current?.form;\n\n          if (source === \"keyboard\" && parentForm) {\n            parentForm.requestSubmit();\n            return;\n          }\n\n          if (source === \"button\" && parentForm) {\n            return;\n          }\n        }\n\n        onSend();\n      },\n      [actionButtonType, hasValue, onSend]\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (value === undefined) {\n        setUncontrolledValue(event.target.value);\n      }\n\n      onChange(event);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\" && !event.shiftKey && !event.nativeEvent.isComposing) {\n        event.preventDefault();\n        triggerSend(\"keyboard\");\n      }\n    };\n\n    const handleActionClick = () => {\n      if (generating) {\n        onStopClick();\n        return;\n      }\n\n      triggerSend(\"button\");\n    };\n\n    const resolvedActionButtonType: \"button\" | \"submit\" =\n      generating || !hasValue ? \"button\" : actionButtonType;\n\n    const classes = cx([\n      className,\n      rootClassName,\n      {\n        [`${rootClassName}--filled`]: hasValue,\n        [`${rootClassName}--negative`]: negative,\n      },\n    ]);\n\n    const actionIcon = generating ? (\n      <Icon size=\"xs\" svg={tvStop} />\n    ) : (\n      sendIcon ?? <Icon size=\"xs\" svg={send} />\n    );\n\n    return (\n      <div className={classes} data-testid={dataTestId}>\n        <textarea\n          {...textareaRestProps}\n          ref={mergeRefs(ref, internalRef)}\n          className={cx(`${rootClassName}__textarea`, {\n            [`${rootClassName}__textarea--negative`]: negative,\n          })}\n          aria-label={resolvedTextareaAriaLabel}\n          aria-labelledby={textareaPropsAriaLabelledBy}\n          data-testid={dataTestId ? `${dataTestId}-textarea` : undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          rows={rows}\n          value={textareaValue}\n        />\n        <div className={cx(`${rootClassName}__action`)}>\n          <Button\n            aria-label={generating ? stopAriaLabel : sendAriaLabel}\n            data-testid={dataTestId ? `${dataTestId}-action` : undefined}\n            iconOnly\n            negative={negative}\n            size=\"xs\"\n            type={resolvedActionButtonType}\n            variant=\"primary\"\n            onClick={handleActionClick}\n          >\n            {actionIcon}\n          </Button>\n        </div>\n        <span\n          className={cx(`${rootClassName}__frame`, {\n            [`${rootClassName}__frame--negative`]: negative,\n          })}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n);\n\nChatField.displayName = \"ChatField\";\n"],"names":["e","t","cx","c","styles","mergeRefs","inputRefs","filteredInputRefs","ref","inputRef","rootClassName","ChatField","forwardRef","dataTestId","value","placeholder","textareaAriaLabelProp","generating","negative","sendAriaLabel","sendIcon","stopAriaLabel","rows","maxRows","onChange","onSend","onStopClick","actionButtonType","textareaProps","className","internalRef","useRef","textareaPropsAriaLabel","textareaPropsAriaLabelledBy","textareaDefaultValue","textareaRestProps","uncontrolledValue","setUncontrolledValue","useState","textareaValue","hasValue","resolvedTextareaAriaLabel","adjustTextareaHeight","useCallback","textarea","computed","lineHeight","paddingTop","paddingBottom","naturalHeight","maxHeight","useEffect","triggerSend","source","parentForm","handleChange","event","handleKeyDown","handleActionClick","resolvedActionButtonType","classes","actionIcon","jsx","Icon","tvStop","send","jsxs","Button"],"mappings":"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"}

package/dist/components/breadcrumbs/src/breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import { default as React, AnchorHTMLAttributes, ForwardRefExoticComponent, ReactElement } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 type WithMeta = {
     meta?: true;
     baseUrl: string;

package/dist/components/button/src/button.visual.fixtures.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { sizes } from '../../../libraries/action/src/action';
+import { sizes } from '../../../libraries/action/src/action.tsx';
 import { ButtonProps } from './button';
 export type ButtonVisualState = "default" | "hover" | "active" | "disabled" | "loading";
 export type ButtonVisualSize = (typeof sizes)[number];

package/dist/components/card/src/card-content-container.d.ts

@@ -14,4 +14,4 @@ type CardContentContainerProps = Omit<BaseProps, "children"> & {
 };
 export declare const CardContentContainer: ({ ["data-testid"]: dataTestId, children, className, isFooter, fullHeight, gapSize, ...props }: CardContentContainerProps) => React.JSX.Element;
 export {};
-//# sourceMappingURL=card-content-container.d.ts.map
+//# sourceMappingURL=card-content-container.d.ts.mapmap

package/dist/components/card/src/card-content.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 type CardContentProps = Omit<BaseProps, "children"> & {
     /**
      * The child elements of the content (React.ReactNode)

package/dist/components/card/src/card-cta.d.ts

@@ -15,4 +15,4 @@ export type CardCtaProps = BaseProps & {
     text?: string;
 };
 export declare const CardCta: ({ ["data-testid"]: dataTestId, className, children, disabled, iconPosition, loading, text, linkStyling, ...props }: CardCtaProps) => React.JSX.Element;
-//# sourceMappingURL=card-cta.d.ts.map
+//# sourceMappingURL=card-cta.d.ts.mapmap

package/dist/components/card/src/card-heading.d.ts

@@ -60,4 +60,4 @@ export type CardHeadingButtonProps = {
 };
 export type CardHeadingProps<T extends HeadingTagType = "h2"> = BaseProps<T> & CardHeadingDefaultProps;
 export declare const CardHeading: <T extends HeadingTagType = "h2">({ ["data-testid"]: dataTestId, ["aria-label"]: ariaLabel, title, icon, children, titleTag, enableHyphenation, onClick, href, disabled, linkElement, variant, ...props }: CardHeadingProps & (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps)) => React.JSX.Element;
-//# sourceMappingURL=card-heading.d.ts.map
+//# sourceMappingURL=card-heading.d.ts.map.ts.map

package/dist/components/card/src/card-root.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export type CardRootProps = Omit<BaseProps, "children"> & {
     children: ReactNode;
     fullHeight?: boolean;

package/dist/components/chat-field/src/chat-field.d.ts

@@ -29,6 +29,7 @@ export type ChatFieldProps = {
     sendAriaLabel: string;
     /**
      * Custom icon for the default action button state.
+     * The custom icon should still visually communicate a send action.
      * Falls back to the standard send icon when omitted.
      * */
     sendIcon?: ReactNode;

package/dist/components/chat-field/src/chat-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-field.d.ts","sourceRoot":"","sources":["../../../../../../components/chat-field/src/chat-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAGhB,KAAK,SAAS,EAEd,KAAK,sBAAsB,EAK5B,MAAM,OAAO,CAAC;AA4Bf,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB;;;SAGK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;SAEK;IACL,WAAW,EAAE,MAAM,CAAC;IACpB;;;SAGK;IACL,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;SAEK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,aAAa,EAAE,MAAM,CAAC;IACtB;;;SAGK;IACL,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;SAEK;IACL,aAAa,EAAE,MAAM,CAAC;IACtB;;SAEK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;SAEK;IACL,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;SAEK;IACL,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5D;;SAEK;IACL,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;SAEK;IACL,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;;SAGK;IACL,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC;;SAEK;IACL,aAAa,CAAC,EAAE,IAAI,CAClB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,WAAW,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CACzE,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,SAAS,4FA+KrB,CAAC"}
+{"version":3,"file":"chat-field.d.ts","sourceRoot":"","sources":["../../../../../../components/chat-field/src/chat-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAGhB,KAAK,SAAS,EAEd,KAAK,sBAAsB,EAK5B,MAAM,OAAO,CAAC;AA4Bf,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB;;;SAGK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;SAEK;IACL,WAAW,EAAE,MAAM,CAAC;IACpB;;;SAGK;IACL,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;SAEK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,aAAa,EAAE,MAAM,CAAC;IACtB;;;;SAIK;IACL,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;SAEK;IACL,aAAa,EAAE,MAAM,CAAC;IACtB;;SAEK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;SAEK;IACL,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;SAEK;IACL,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5D;;SAEK;IACL,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;SAEK;IACL,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;;SAGK;IACL,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC;;SAEK;IACL,aAAa,CAAC,EAAE,IAAI,CAClB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,WAAW,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CACzE,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,SAAS,4FA+KrB,CAAC"}

package/dist/components/checkbox/src/checkbox.d.ts

@@ -63,4 +63,4 @@ export type CheckboxProps = Omit<BaseProps<"button">, "onChange" | "children"> &
     value?: string;
 };
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=checkbox.d.ts.map
+//# sourceMappingURL=checkbox.d.ts.mapmap

package/dist/components/container/src/container.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export declare const Width: {
     readonly XS: "xs";
     readonly SM: "sm";

package/dist/components/content-block/src/content-block-group.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export declare const ContentBlockGroupContext: React.Context<{
     negative?: boolean;
     reverse?: boolean;

package/dist/components/content-block/src/content-block.d.ts

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
-import { HeadingTagType, HeadingVariant } from '../../heading/src/heading';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { HeadingTagType, HeadingVariant } from '../../heading/src/heading.tsx';
 export type ContentBlockProps = BaseProps & {
     /**
      * @deprecated Set negative on ContentBlockGroup instead

package/dist/components/counter-badge/src/counter-badge.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export type CounterBadgeProps = Omit<BaseProps<"span">, "children"> & {
     value: number;
 };