@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaLabel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/forms/text-area/components/text-area-label/types/TextAreaLabel.props.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type TextAreaLabelProps = {
+    htmlFor?: string;
+    disabled?: boolean;
+    children: ReactNode;
+};

package/dist/components/forms/text-area/components/text-area-start-icon/TextAreaStartIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),c=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const i=require("./styles/TextAreaStartIcon.css.cjs"),n=require("./constants/index.cjs"),a=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const r=o.memo(({icon:t,size:s})=>e.jsx(a,{className:i.TEXT_AREA_START_ICON_STYLES.root,children:e.jsx(c,{icon:t,size:n.fieldSizeToIconSize[s]})}));r.displayName="TextArea.StartIcon";module.exports=r;
+//# sourceMappingURL=TextAreaStartIcon.cjs.map

package/dist/components/forms/text-area/components/text-area-start-icon/TextAreaStartIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaStartIcon.cjs","sources":["../../../../../../src/components/forms/text-area/components/text-area-start-icon/TextAreaStartIcon.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { TEXT_AREA_START_ICON_STYLES } from '@components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.ts'\r\nimport { fieldSizeToIconSize } from '@components/forms/text-area/components/text-area-start-icon/constants'\r\nimport type { TextAreaStartIconProps } from '@components/forms/text-area/components/text-area-start-icon/types/TextAreaStartIcon.types.ts'\r\nimport { Box } from '@components/layout/box'\r\n\r\nconst TextAreaStartIcon: FC<TextAreaStartIconProps> = memo(({ icon, size }) => (\r\n    <Box className={TEXT_AREA_START_ICON_STYLES.root}>\r\n        <Icon\r\n            icon={icon}\r\n            size={fieldSizeToIconSize[size]}\r\n        />\r\n    </Box>\r\n))\r\n\r\nTextAreaStartIcon.displayName = 'TextArea.StartIcon'\r\n\r\nexport default TextAreaStartIcon\r\n"],"names":["TextAreaStartIcon","memo","icon","size","jsx","Box","TEXT_AREA_START_ICON_STYLES","Icon","fieldSizeToIconSize"],"mappings":"4WAQA,MAAMA,EAAgDC,EAAAA,KAAK,CAAC,CAAE,KAAAC,EAAM,KAAAC,CAAA,IAChEC,EAAAA,IAACC,EAAA,CAAI,UAAWC,EAAAA,4BAA4B,KACxC,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAAL,EACA,KAAMM,EAAAA,oBAAoBL,CAAI,CAAA,CAClC,EACJ,CACH,EAEDH,EAAkB,YAAc"}

package/dist/components/forms/text-area/components/text-area-start-icon/TextAreaStartIcon.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TextAreaStartIconProps } from './types/TextAreaStartIcon.types.ts';
+declare const TextAreaStartIcon: FC<TextAreaStartIconProps>;
+export default TextAreaStartIcon;

package/dist/components/forms/text-area/components/text-area-start-icon/TextAreaStartIcon.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as t } from "react";
+import e from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import { TEXT_AREA_START_ICON_STYLES as i } from "./styles/TextAreaStartIcon.css.js";
+import { fieldSizeToIconSize as a } from "./constants/index.js";
+import p from "../../../../layout/box/Box.js";
+import "../../../../layout/box/styles/Box.css.js";
+const f = t(({ icon: r, size: m }) => /* @__PURE__ */ o(p, { className: i.root, children: /* @__PURE__ */ o(
+  e,
+  {
+    icon: r,
+    size: a[m]
+  }
+) }));
+f.displayName = "TextArea.StartIcon";
+export {
+  f as default
+};
+//# sourceMappingURL=TextAreaStartIcon.js.map

package/dist/components/forms/text-area/components/text-area-start-icon/TextAreaStartIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaStartIcon.js","sources":["../../../../../../src/components/forms/text-area/components/text-area-start-icon/TextAreaStartIcon.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { TEXT_AREA_START_ICON_STYLES } from '@components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.ts'\r\nimport { fieldSizeToIconSize } from '@components/forms/text-area/components/text-area-start-icon/constants'\r\nimport type { TextAreaStartIconProps } from '@components/forms/text-area/components/text-area-start-icon/types/TextAreaStartIcon.types.ts'\r\nimport { Box } from '@components/layout/box'\r\n\r\nconst TextAreaStartIcon: FC<TextAreaStartIconProps> = memo(({ icon, size }) => (\r\n    <Box className={TEXT_AREA_START_ICON_STYLES.root}>\r\n        <Icon\r\n            icon={icon}\r\n            size={fieldSizeToIconSize[size]}\r\n        />\r\n    </Box>\r\n))\r\n\r\nTextAreaStartIcon.displayName = 'TextArea.StartIcon'\r\n\r\nexport default TextAreaStartIcon\r\n"],"names":["TextAreaStartIcon","memo","icon","size","jsx","Box","TEXT_AREA_START_ICON_STYLES","Icon","fieldSizeToIconSize"],"mappings":";;;;;;;;AAQA,MAAMA,IAAgDC,EAAK,CAAC,EAAE,MAAAC,GAAM,MAAAC,EAAA,MAChE,gBAAAC,EAACC,GAAA,EAAI,WAAWC,EAA4B,MACxC,UAAA,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,MAAAL;AAAA,IACA,MAAMM,EAAoBL,CAAI;AAAA,EAAA;AAClC,GACJ,CACH;AAEDH,EAAkB,cAAc;"}

package/dist/components/forms/text-area/components/text-area-start-icon/constants/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sm:"md",md:"md",lg:"md"};exports.fieldSizeToIconSize=e;
+//# sourceMappingURL=index.cjs.map

package/dist/components/forms/text-area/components/text-area-start-icon/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../src/components/forms/text-area/components/text-area-start-icon/constants/index.ts"],"sourcesContent":["import type { TextAreaSize } from '@components'\r\n\r\n/** Maps field size to the Icon size rendered in the start slot. */\r\nexport const fieldSizeToIconSize: Record<NonNullable<TextAreaSize>, 'sm' | 'md'> = {\r\n    sm: 'md',\r\n    md: 'md',\r\n    lg: 'md',\r\n}\r\n"],"names":["fieldSizeToIconSize"],"mappings":"gFAGO,MAAMA,EAAsE,CAC/E,GAAI,KACJ,GAAI,KACJ,GAAI,IACR"}

package/dist/components/forms/text-area/components/text-area-start-icon/constants/index.d.ts

@@ -0,0 +1,3 @@
+import { TextAreaSize } from '../../../../..';
+/** Maps field size to the Icon size rendered in the start slot. */
+export declare const fieldSizeToIconSize: Record<NonNullable<TextAreaSize>, 'sm' | 'md'>;

package/dist/components/forms/text-area/components/text-area-start-icon/constants/index.js

@@ -0,0 +1,9 @@
+const d = {
+  sm: "md",
+  md: "md",
+  lg: "md"
+};
+export {
+  d as fieldSizeToIconSize
+};
+//# sourceMappingURL=index.js.map

package/dist/components/forms/text-area/components/text-area-start-icon/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/forms/text-area/components/text-area-start-icon/constants/index.ts"],"sourcesContent":["import type { TextAreaSize } from '@components'\r\n\r\n/** Maps field size to the Icon size rendered in the start slot. */\r\nexport const fieldSizeToIconSize: Record<NonNullable<TextAreaSize>, 'sm' | 'md'> = {\r\n    sm: 'md',\r\n    md: 'md',\r\n    lg: 'md',\r\n}\r\n"],"names":["fieldSizeToIconSize"],"mappings":"AAGO,MAAMA,IAAsE;AAAA,EAC/E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;"}

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                       */var e={root:"_1q572tr0"};exports.TEXT_AREA_START_ICON_STYLES=e;
+//# sourceMappingURL=TextAreaStartIcon.css.cjs.map

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaStartIcon.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.d.ts

@@ -0,0 +1,3 @@
+export declare const TEXT_AREA_START_ICON_STYLES: {
+    root: string;
+};

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.js

@@ -0,0 +1,8 @@
+/* empty css                                                  */
+/* empty css                                                      */
+/* empty css                                     */
+var T = { root: "_1q572tr0" };
+export {
+  T as TEXT_AREA_START_ICON_STYLES
+};
+//# sourceMappingURL=TextAreaStartIcon.css.js.map

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaStartIcon.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/forms/text-area/components/text-area-start-icon/types/TextAreaStartIcon.props.d.ts

@@ -0,0 +1,3 @@
+import { TextAreaSize } from '../../../../..';
+/** Maps field size to the Icon size rendered in the start slot. */
+export declare const fieldSizeToIconSize: Record<NonNullable<TextAreaSize>, 'sm' | 'md'>;

package/dist/components/forms/text-area/components/text-area-start-icon/types/TextAreaStartIcon.types.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaSize } from '../../../../..';
+export type TextAreaStartIconProps = {
+    icon: string;
+    size: NonNullable<TextAreaSize>;
+};

package/dist/components/forms/text-area/constants/index.d.ts

@@ -0,0 +1,5 @@
+export declare const TEXT_AREA_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+};

package/dist/components/forms/text-area/hooks/constants/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=20,A=1.2;exports.FALLBACK_LINE_HEIGHT=L;exports.FALLBACK_LINE_HEIGHT_RATIO=A;
+//# sourceMappingURL=index.cjs.map

package/dist/components/forms/text-area/hooks/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/components/forms/text-area/hooks/constants/index.ts"],"sourcesContent":["export const FALLBACK_LINE_HEIGHT = 20\r\nexport const FALLBACK_LINE_HEIGHT_RATIO = 1.2\r\n"],"names":["FALLBACK_LINE_HEIGHT","FALLBACK_LINE_HEIGHT_RATIO"],"mappings":"gFAAO,MAAMA,EAAuB,GACvBC,EAA6B"}

package/dist/components/forms/text-area/hooks/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const FALLBACK_LINE_HEIGHT = 20;
+export declare const FALLBACK_LINE_HEIGHT_RATIO = 1.2;

package/dist/components/forms/text-area/hooks/constants/index.js

@@ -0,0 +1,6 @@
+const L = 20, A = 1.2;
+export {
+  L as FALLBACK_LINE_HEIGHT,
+  A as FALLBACK_LINE_HEIGHT_RATIO
+};
+//# sourceMappingURL=index.js.map

package/dist/components/forms/text-area/hooks/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/forms/text-area/hooks/constants/index.ts"],"sourcesContent":["export const FALLBACK_LINE_HEIGHT = 20\r\nexport const FALLBACK_LINE_HEIGHT_RATIO = 1.2\r\n"],"names":["FALLBACK_LINE_HEIGHT","FALLBACK_LINE_HEIGHT_RATIO"],"mappings":"AAAO,MAAMA,IAAuB,IACvBC,IAA6B;"}

package/dist/components/forms/text-area/hooks/types/index.d.ts

@@ -0,0 +1,23 @@
+export type UseTextAreaReturn = {
+    inputId: string | undefined;
+    helperId: string;
+    hasError: boolean;
+    handleMouseDown: (e: React.MouseEvent<HTMLTextAreaElement>) => void;
+    handleFocus: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    hasStartIcon: boolean;
+    hasEndAction: boolean;
+};
+export type UseAutoResizeTextAreaOptions = {
+    minRows?: number;
+    maxRows?: number;
+    /**
+     * Current textarea value. Used only as a dependency so the height
+     * recalculates when a controlled value changes programmatically.
+     */
+    value?: unknown;
+};
+export type TextAreaHeightOptions = {
+    minRows?: number;
+    maxRows?: number;
+};

package/dist/components/forms/text-area/hooks/useAutoResizeTextArea.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),f=require("./utils/getTextAreaHeight.utils.cjs"),b=(n,{minRows:u,maxRows:s,value:d})=>{const[t]=r.useState(()=>u!==void 0||s!==void 0),i=r.useRef(()=>{});i.current=r.useCallback(()=>{const e=n.current;!e||!t||(e.style.height=`${f.getTextAreaHeight(e,{minRows:u,maxRows:s})}px`)},[n,t,u,s]);const a=r.useCallback(()=>{i.current()},[]);return r.useEffect(()=>{t&&i.current()},[t,u,s,d]),r.useEffect(()=>{const e=n.current;if(!t||!e||typeof ResizeObserver>"u")return;let c=e.clientWidth;const o=new ResizeObserver(()=>{const l=e.clientWidth;l!==c&&(c=l,i.current())});return o.observe(e),()=>o.disconnect()},[n,t]),{isEnabled:t,resize:a}};exports.useAutoResizeTextArea=b;
+//# sourceMappingURL=useAutoResizeTextArea.hook.cjs.map

package/dist/components/forms/text-area/hooks/useAutoResizeTextArea.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoResizeTextArea.hook.cjs","sources":["../../../../../src/components/forms/text-area/hooks/useAutoResizeTextArea.hook.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\r\nimport type { UseAutoResizeTextAreaOptions } from '@components/forms/text-area/hooks/types'\r\nimport { getTextAreaHeight } from '@components/forms/text-area/hooks/utils/getTextAreaHeight.utils'\r\n\r\n/**\r\n * Automatically resizes a `<textarea>` to fit its content between `minRows`\r\n * and `maxRows`. Once the content reaches `maxRows`, the textarea stops\r\n * expanding and the native scrollbar appears.\r\n */\r\nexport const useAutoResizeTextArea = (\r\n    ref: React.RefObject<HTMLTextAreaElement | null>,\r\n    { minRows, maxRows, value }: UseAutoResizeTextAreaOptions\r\n) => {\r\n    const [isEnabled] = useState(() => minRows !== undefined || maxRows !== undefined)\r\n    const resizeRef = useRef<() => void>(() => {})\r\n\r\n    resizeRef.current = useCallback(() => {\r\n        const el = ref.current\r\n        if (!el || !isEnabled) {\r\n            return\r\n        }\r\n\r\n        el.style.height = `${getTextAreaHeight(el, { minRows, maxRows })}px`\r\n    }, [ref, isEnabled, minRows, maxRows])\r\n\r\n    const handleInput = useCallback(() => {\r\n        resizeRef.current()\r\n    }, [])\r\n\r\n    // Recalculate on mount, on prop changes, and whenever a controlled `value`\r\n    // is updated externally (which would not fire an `input` event).\r\n    useEffect(() => {\r\n        if (!isEnabled) {\r\n            return\r\n        }\r\n        resizeRef.current()\r\n    }, [isEnabled, minRows, maxRows, value])\r\n\r\n    // Recalculate when the textarea's width changes (e.g. container resize or\r\n    // viewport reflow), since wrapping — and therefore content height — depends\r\n    // on width. Guard against feedback loops by reacting to width changes only.\r\n    useEffect(() => {\r\n        const el = ref.current\r\n        if (!isEnabled || !el || typeof ResizeObserver === 'undefined') {\r\n            return\r\n        }\r\n\r\n        let previousWidth = el.clientWidth\r\n        const observer = new ResizeObserver(() => {\r\n            const nextWidth = el.clientWidth\r\n            if (nextWidth !== previousWidth) {\r\n                previousWidth = nextWidth\r\n                resizeRef.current()\r\n            }\r\n        })\r\n        observer.observe(el)\r\n        return () => observer.disconnect()\r\n    }, [ref, isEnabled])\r\n\r\n    return { isEnabled, resize: handleInput }\r\n}\r\n"],"names":["useAutoResizeTextArea","ref","minRows","maxRows","value","isEnabled","useState","resizeRef","useRef","useCallback","el","getTextAreaHeight","handleInput","useEffect","previousWidth","observer","nextWidth"],"mappings":"0JASaA,EAAwB,CACjCC,EACA,CAAE,QAAAC,EAAS,QAAAC,EAAS,MAAAC,KACnB,CACD,KAAM,CAACC,CAAS,EAAIC,EAAAA,SAAS,IAAMJ,IAAY,QAAaC,IAAY,MAAS,EAC3EI,EAAYC,EAAAA,OAAmB,IAAM,CAAC,CAAC,EAE7CD,EAAU,QAAUE,EAAAA,YAAY,IAAM,CAClC,MAAMC,EAAKT,EAAI,QACX,CAACS,GAAM,CAACL,IAIZK,EAAG,MAAM,OAAS,GAAGC,EAAAA,kBAAkBD,EAAI,CAAE,QAAAR,EAAS,QAAAC,EAAS,CAAC,KACpE,EAAG,CAACF,EAAKI,EAAWH,EAASC,CAAO,CAAC,EAErC,MAAMS,EAAcH,EAAAA,YAAY,IAAM,CAClCF,EAAU,QAAA,CACd,EAAG,CAAA,CAAE,EAILM,OAAAA,EAAAA,UAAU,IAAM,CACPR,GAGLE,EAAU,QAAA,CACd,EAAG,CAACF,EAAWH,EAASC,EAASC,CAAK,CAAC,EAKvCS,EAAAA,UAAU,IAAM,CACZ,MAAMH,EAAKT,EAAI,QACf,GAAI,CAACI,GAAa,CAACK,GAAM,OAAO,eAAmB,IAC/C,OAGJ,IAAII,EAAgBJ,EAAG,YACvB,MAAMK,EAAW,IAAI,eAAe,IAAM,CACtC,MAAMC,EAAYN,EAAG,YACjBM,IAAcF,IACdA,EAAgBE,EAChBT,EAAU,QAAA,EAElB,CAAC,EACD,OAAAQ,EAAS,QAAQL,CAAE,EACZ,IAAMK,EAAS,WAAA,CAC1B,EAAG,CAACd,EAAKI,CAAS,CAAC,EAEZ,CAAE,UAAAA,EAAW,OAAQO,CAAA,CAChC"}

package/dist/components/forms/text-area/hooks/useAutoResizeTextArea.hook.d.ts

@@ -0,0 +1,10 @@
+import { UseAutoResizeTextAreaOptions } from './types';
+/**
+ * Automatically resizes a `<textarea>` to fit its content between `minRows`
+ * and `maxRows`. Once the content reaches `maxRows`, the textarea stops
+ * expanding and the native scrollbar appears.
+ */
+export declare const useAutoResizeTextArea: (ref: React.RefObject<HTMLTextAreaElement | null>, { minRows, maxRows, value }: UseAutoResizeTextAreaOptions) => {
+    isEnabled: boolean;
+    resize: () => void;
+};

package/dist/components/forms/text-area/hooks/useAutoResizeTextArea.hook.js

@@ -0,0 +1,30 @@
+import { useState as p, useRef as v, useCallback as d, useEffect as l } from "react";
+import { getTextAreaHeight as b } from "./utils/getTextAreaHeight.utils.js";
+const W = (r, { minRows: n, maxRows: i, value: f }) => {
+  const [t] = p(() => n !== void 0 || i !== void 0), c = v(() => {
+  });
+  c.current = d(() => {
+    const e = r.current;
+    !e || !t || (e.style.height = `${b(e, { minRows: n, maxRows: i })}px`);
+  }, [r, t, n, i]);
+  const h = d(() => {
+    c.current();
+  }, []);
+  return l(() => {
+    t && c.current();
+  }, [t, n, i, f]), l(() => {
+    const e = r.current;
+    if (!t || !e || typeof ResizeObserver > "u")
+      return;
+    let s = e.clientWidth;
+    const u = new ResizeObserver(() => {
+      const o = e.clientWidth;
+      o !== s && (s = o, c.current());
+    });
+    return u.observe(e), () => u.disconnect();
+  }, [r, t]), { isEnabled: t, resize: h };
+};
+export {
+  W as useAutoResizeTextArea
+};
+//# sourceMappingURL=useAutoResizeTextArea.hook.js.map

package/dist/components/forms/text-area/hooks/useAutoResizeTextArea.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoResizeTextArea.hook.js","sources":["../../../../../src/components/forms/text-area/hooks/useAutoResizeTextArea.hook.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\r\nimport type { UseAutoResizeTextAreaOptions } from '@components/forms/text-area/hooks/types'\r\nimport { getTextAreaHeight } from '@components/forms/text-area/hooks/utils/getTextAreaHeight.utils'\r\n\r\n/**\r\n * Automatically resizes a `<textarea>` to fit its content between `minRows`\r\n * and `maxRows`. Once the content reaches `maxRows`, the textarea stops\r\n * expanding and the native scrollbar appears.\r\n */\r\nexport const useAutoResizeTextArea = (\r\n    ref: React.RefObject<HTMLTextAreaElement | null>,\r\n    { minRows, maxRows, value }: UseAutoResizeTextAreaOptions\r\n) => {\r\n    const [isEnabled] = useState(() => minRows !== undefined || maxRows !== undefined)\r\n    const resizeRef = useRef<() => void>(() => {})\r\n\r\n    resizeRef.current = useCallback(() => {\r\n        const el = ref.current\r\n        if (!el || !isEnabled) {\r\n            return\r\n        }\r\n\r\n        el.style.height = `${getTextAreaHeight(el, { minRows, maxRows })}px`\r\n    }, [ref, isEnabled, minRows, maxRows])\r\n\r\n    const handleInput = useCallback(() => {\r\n        resizeRef.current()\r\n    }, [])\r\n\r\n    // Recalculate on mount, on prop changes, and whenever a controlled `value`\r\n    // is updated externally (which would not fire an `input` event).\r\n    useEffect(() => {\r\n        if (!isEnabled) {\r\n            return\r\n        }\r\n        resizeRef.current()\r\n    }, [isEnabled, minRows, maxRows, value])\r\n\r\n    // Recalculate when the textarea's width changes (e.g. container resize or\r\n    // viewport reflow), since wrapping — and therefore content height — depends\r\n    // on width. Guard against feedback loops by reacting to width changes only.\r\n    useEffect(() => {\r\n        const el = ref.current\r\n        if (!isEnabled || !el || typeof ResizeObserver === 'undefined') {\r\n            return\r\n        }\r\n\r\n        let previousWidth = el.clientWidth\r\n        const observer = new ResizeObserver(() => {\r\n            const nextWidth = el.clientWidth\r\n            if (nextWidth !== previousWidth) {\r\n                previousWidth = nextWidth\r\n                resizeRef.current()\r\n            }\r\n        })\r\n        observer.observe(el)\r\n        return () => observer.disconnect()\r\n    }, [ref, isEnabled])\r\n\r\n    return { isEnabled, resize: handleInput }\r\n}\r\n"],"names":["useAutoResizeTextArea","ref","minRows","maxRows","value","isEnabled","useState","resizeRef","useRef","useCallback","el","getTextAreaHeight","handleInput","useEffect","previousWidth","observer","nextWidth"],"mappings":";;AASO,MAAMA,IAAwB,CACjCC,GACA,EAAE,SAAAC,GAAS,SAAAC,GAAS,OAAAC,QACnB;AACD,QAAM,CAACC,CAAS,IAAIC,EAAS,MAAMJ,MAAY,UAAaC,MAAY,MAAS,GAC3EI,IAAYC,EAAmB,MAAM;AAAA,EAAC,CAAC;AAE7C,EAAAD,EAAU,UAAUE,EAAY,MAAM;AAClC,UAAMC,IAAKT,EAAI;AACf,IAAI,CAACS,KAAM,CAACL,MAIZK,EAAG,MAAM,SAAS,GAAGC,EAAkBD,GAAI,EAAE,SAAAR,GAAS,SAAAC,GAAS,CAAC;AAAA,EACpE,GAAG,CAACF,GAAKI,GAAWH,GAASC,CAAO,CAAC;AAErC,QAAMS,IAAcH,EAAY,MAAM;AAClC,IAAAF,EAAU,QAAA;AAAA,EACd,GAAG,CAAA,CAAE;AAIL,SAAAM,EAAU,MAAM;AACZ,IAAKR,KAGLE,EAAU,QAAA;AAAA,EACd,GAAG,CAACF,GAAWH,GAASC,GAASC,CAAK,CAAC,GAKvCS,EAAU,MAAM;AACZ,UAAMH,IAAKT,EAAI;AACf,QAAI,CAACI,KAAa,CAACK,KAAM,OAAO,iBAAmB;AAC/C;AAGJ,QAAII,IAAgBJ,EAAG;AACvB,UAAMK,IAAW,IAAI,eAAe,MAAM;AACtC,YAAMC,IAAYN,EAAG;AACrB,MAAIM,MAAcF,MACdA,IAAgBE,GAChBT,EAAU,QAAA;AAAA,IAElB,CAAC;AACD,WAAAQ,EAAS,QAAQL,CAAE,GACZ,MAAMK,EAAS,WAAA;AAAA,EAC1B,GAAG,CAACd,GAAKI,CAAS,CAAC,GAEZ,EAAE,WAAAA,GAAW,QAAQO,EAAA;AAChC;"}

package/dist/components/forms/text-area/hooks/useTextArea.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),B=c=>{const{label:u,error:l,startIcon:d,endAction:i,onMouseDown:n,onFocus:r,onBlur:s,id:h}=c,a=t.useId(),f=h??(u?a:void 0),b=`${a}-helper`,A=!!l,o=t.useRef(!1),I=t.useCallback(e=>{o.current=!0,n?.(e)},[n]),g=t.useCallback(e=>{o.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),o.current=!1),r?.(e)},[r]),p=t.useCallback(e=>{o.current=!1,e.currentTarget.removeAttribute("data-mouse-focus"),s?.(e)},[s]);return{inputId:f,helperId:b,hasError:A,handleMouseDown:I,handleFocus:g,handleBlur:p,hasStartIcon:!!d,hasEndAction:!!i}};exports.useTextArea=B;
+//# sourceMappingURL=useTextArea.hook.cjs.map

package/dist/components/forms/text-area/hooks/useTextArea.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextArea.hook.cjs","sources":["../../../../../src/components/forms/text-area/hooks/useTextArea.hook.tsx"],"sourcesContent":["import { type FocusEventHandler, type MouseEventHandler, useCallback, useId, useRef } from 'react'\r\nimport type { TextAreaProps } from '@components/forms/text-area/types/TextArea.props.ts'\r\nimport type { UseTextAreaReturn } from '@components/forms/text-area/hooks/types'\r\n\r\nexport const useTextArea = (\r\n    props: TextAreaProps & {\r\n        onMouseDown?: MouseEventHandler<HTMLTextAreaElement>\r\n        onFocus?: FocusEventHandler<HTMLTextAreaElement>\r\n        onBlur?: FocusEventHandler<HTMLTextAreaElement>\r\n    }\r\n): UseTextAreaReturn => {\r\n    const {\r\n        label,\r\n        error,\r\n        startIcon,\r\n        endAction,\r\n        onMouseDown,\r\n        onFocus,\r\n        onBlur,\r\n        id\r\n    } = props\r\n\r\n    const generatedId = useId()\r\n    const inputId = id ?? (label ? generatedId : undefined)\r\n    const helperId = `${generatedId}-helper`\r\n    const hasError = Boolean(error)\r\n\r\n    const pointerDownRef = useRef(false)\r\n\r\n    const handleMouseDown = useCallback(\r\n        (e: React.MouseEvent<HTMLTextAreaElement>) => {\r\n            pointerDownRef.current = true\r\n            onMouseDown?.(e)\r\n        },\r\n        [onMouseDown],\r\n    )\r\n\r\n    const handleFocus = useCallback(\r\n        (e: React.FocusEvent<HTMLTextAreaElement>) => {\r\n            if (pointerDownRef.current) {\r\n                e.currentTarget.setAttribute('data-mouse-focus', '')\r\n                pointerDownRef.current = false\r\n            }\r\n            onFocus?.(e)\r\n        },\r\n        [onFocus],\r\n    )\r\n\r\n    const handleBlur = useCallback(\r\n        (e: React.FocusEvent<HTMLTextAreaElement>) => {\r\n            pointerDownRef.current = false\r\n            e.currentTarget.removeAttribute('data-mouse-focus')\r\n            onBlur?.(e)\r\n        },\r\n        [onBlur],\r\n    )\r\n\r\n    const hasStartIcon = Boolean(startIcon)\r\n    const hasEndAction = Boolean(endAction)\r\n\r\n    return {\r\n        inputId,\r\n        helperId,\r\n        hasError,\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n        hasStartIcon,\r\n        hasEndAction,\r\n    }\r\n}\r\n"],"names":["useTextArea","props","label","error","startIcon","endAction","onMouseDown","onFocus","onBlur","id","generatedId","useId","inputId","helperId","hasError","pointerDownRef","useRef","handleMouseDown","useCallback","handleFocus","handleBlur"],"mappings":"yGAIaA,EACTC,GAKoB,CACpB,KAAM,CACF,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAAC,CAAA,EACAR,EAEES,EAAcC,EAAAA,MAAA,EACdC,EAAUH,IAAOP,EAAQQ,EAAc,QACvCG,EAAW,GAAGH,CAAW,UACzBI,EAAW,EAAQX,EAEnBY,EAAiBC,EAAAA,OAAO,EAAK,EAE7BC,EAAkBC,EAAAA,YACnB,GAA6C,CAC1CH,EAAe,QAAU,GACzBT,IAAc,CAAC,CACnB,EACA,CAACA,CAAW,CAAA,EAGVa,EAAcD,EAAAA,YACf,GAA6C,CACtCH,EAAe,UACf,EAAE,cAAc,aAAa,mBAAoB,EAAE,EACnDA,EAAe,QAAU,IAE7BR,IAAU,CAAC,CACf,EACA,CAACA,CAAO,CAAA,EAGNa,EAAaF,EAAAA,YACd,GAA6C,CAC1CH,EAAe,QAAU,GACzB,EAAE,cAAc,gBAAgB,kBAAkB,EAClDP,IAAS,CAAC,CACd,EACA,CAACA,CAAM,CAAA,EAMX,MAAO,CACH,QAAAI,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAG,EACA,YAAAE,EACA,WAAAC,EACA,aAViB,EAAQhB,EAWzB,aAViB,EAAQC,CAUzB,CAER"}

package/dist/components/forms/text-area/hooks/useTextArea.hook.d.ts

@@ -0,0 +1,8 @@
+import { FocusEventHandler, MouseEventHandler } from 'react';
+import { TextAreaProps } from '../types/TextArea.props.ts';
+import { UseTextAreaReturn } from './types';
+export declare const useTextArea: (props: TextAreaProps & {
+    onMouseDown?: MouseEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+}) => UseTextAreaReturn;

package/dist/components/forms/text-area/hooks/useTextArea.hook.js

@@ -0,0 +1,42 @@
+import { useId as b, useRef as g, useCallback as t } from "react";
+const T = (a) => {
+  const {
+    label: u,
+    error: l,
+    startIcon: d,
+    endAction: i,
+    onMouseDown: n,
+    onFocus: r,
+    onBlur: s,
+    id: h
+  } = a, c = b(), f = h ?? (u ? c : void 0), I = `${c}-helper`, p = !!l, o = g(!1), A = t(
+    (e) => {
+      o.current = !0, n?.(e);
+    },
+    [n]
+  ), m = t(
+    (e) => {
+      o.current && (e.currentTarget.setAttribute("data-mouse-focus", ""), o.current = !1), r?.(e);
+    },
+    [r]
+  ), B = t(
+    (e) => {
+      o.current = !1, e.currentTarget.removeAttribute("data-mouse-focus"), s?.(e);
+    },
+    [s]
+  );
+  return {
+    inputId: f,
+    helperId: I,
+    hasError: p,
+    handleMouseDown: A,
+    handleFocus: m,
+    handleBlur: B,
+    hasStartIcon: !!d,
+    hasEndAction: !!i
+  };
+};
+export {
+  T as useTextArea
+};
+//# sourceMappingURL=useTextArea.hook.js.map

package/dist/components/forms/text-area/hooks/useTextArea.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextArea.hook.js","sources":["../../../../../src/components/forms/text-area/hooks/useTextArea.hook.tsx"],"sourcesContent":["import { type FocusEventHandler, type MouseEventHandler, useCallback, useId, useRef } from 'react'\r\nimport type { TextAreaProps } from '@components/forms/text-area/types/TextArea.props.ts'\r\nimport type { UseTextAreaReturn } from '@components/forms/text-area/hooks/types'\r\n\r\nexport const useTextArea = (\r\n    props: TextAreaProps & {\r\n        onMouseDown?: MouseEventHandler<HTMLTextAreaElement>\r\n        onFocus?: FocusEventHandler<HTMLTextAreaElement>\r\n        onBlur?: FocusEventHandler<HTMLTextAreaElement>\r\n    }\r\n): UseTextAreaReturn => {\r\n    const {\r\n        label,\r\n        error,\r\n        startIcon,\r\n        endAction,\r\n        onMouseDown,\r\n        onFocus,\r\n        onBlur,\r\n        id\r\n    } = props\r\n\r\n    const generatedId = useId()\r\n    const inputId = id ?? (label ? generatedId : undefined)\r\n    const helperId = `${generatedId}-helper`\r\n    const hasError = Boolean(error)\r\n\r\n    const pointerDownRef = useRef(false)\r\n\r\n    const handleMouseDown = useCallback(\r\n        (e: React.MouseEvent<HTMLTextAreaElement>) => {\r\n            pointerDownRef.current = true\r\n            onMouseDown?.(e)\r\n        },\r\n        [onMouseDown],\r\n    )\r\n\r\n    const handleFocus = useCallback(\r\n        (e: React.FocusEvent<HTMLTextAreaElement>) => {\r\n            if (pointerDownRef.current) {\r\n                e.currentTarget.setAttribute('data-mouse-focus', '')\r\n                pointerDownRef.current = false\r\n            }\r\n            onFocus?.(e)\r\n        },\r\n        [onFocus],\r\n    )\r\n\r\n    const handleBlur = useCallback(\r\n        (e: React.FocusEvent<HTMLTextAreaElement>) => {\r\n            pointerDownRef.current = false\r\n            e.currentTarget.removeAttribute('data-mouse-focus')\r\n            onBlur?.(e)\r\n        },\r\n        [onBlur],\r\n    )\r\n\r\n    const hasStartIcon = Boolean(startIcon)\r\n    const hasEndAction = Boolean(endAction)\r\n\r\n    return {\r\n        inputId,\r\n        helperId,\r\n        hasError,\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n        hasStartIcon,\r\n        hasEndAction,\r\n    }\r\n}\r\n"],"names":["useTextArea","props","label","error","startIcon","endAction","onMouseDown","onFocus","onBlur","id","generatedId","useId","inputId","helperId","hasError","pointerDownRef","useRef","handleMouseDown","useCallback","handleFocus","handleBlur"],"mappings":";AAIO,MAAMA,IAAc,CACvBC,MAKoB;AACpB,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,IAAAC;AAAA,EAAA,IACAR,GAEES,IAAcC,EAAA,GACdC,IAAUH,MAAOP,IAAQQ,IAAc,SACvCG,IAAW,GAAGH,CAAW,WACzBI,IAAW,EAAQX,GAEnBY,IAAiBC,EAAO,EAAK,GAE7BC,IAAkBC;AAAA,IACpB,CAAC,MAA6C;AAC1C,MAAAH,EAAe,UAAU,IACzBT,IAAc,CAAC;AAAA,IACnB;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGVa,IAAcD;AAAA,IAChB,CAAC,MAA6C;AAC1C,MAAIH,EAAe,YACf,EAAE,cAAc,aAAa,oBAAoB,EAAE,GACnDA,EAAe,UAAU,KAE7BR,IAAU,CAAC;AAAA,IACf;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGNa,IAAaF;AAAA,IACf,CAAC,MAA6C;AAC1C,MAAAH,EAAe,UAAU,IACzB,EAAE,cAAc,gBAAgB,kBAAkB,GAClDP,IAAS,CAAC;AAAA,IACd;AAAA,IACA,CAACA,CAAM;AAAA,EAAA;AAMX,SAAO;AAAA,IACH,SAAAI;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAG;AAAA,IACA,aAAAE;AAAA,IACA,YAAAC;AAAA,IACA,cAViB,EAAQhB;AAAA,IAWzB,cAViB,EAAQC;AAAA,EAUzB;AAER;"}

package/dist/components/forms/text-area/hooks/utils/getLineHeight.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../constants/index.cjs"),r=e=>{const t=parseFloat(e.lineHeight);if(!Number.isNaN(t))return t;const i=parseFloat(e.fontSize);return Number.isNaN(i)?n.FALLBACK_LINE_HEIGHT:i*n.FALLBACK_LINE_HEIGHT_RATIO};exports.getLineHeight=r;
+//# sourceMappingURL=getLineHeight.utils.cjs.map

package/dist/components/forms/text-area/hooks/utils/getLineHeight.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLineHeight.utils.cjs","sources":["../../../../../../src/components/forms/text-area/hooks/utils/getLineHeight.utils.ts"],"sourcesContent":["import { FALLBACK_LINE_HEIGHT, FALLBACK_LINE_HEIGHT_RATIO } from '@components/forms/text-area/hooks/constants'\r\n\r\n/**\r\n * Reads the resolved line-height of an element. `line-height: normal` (and\r\n * any non-length value) parses to NaN, which would poison the height math,\r\n * so we fall back to a font-size-derived value.\r\n */\r\nexport const getLineHeight = (computed: CSSStyleDeclaration): number => {\r\n    const lineHeight = parseFloat(computed.lineHeight)\r\n    if (!Number.isNaN(lineHeight)) {\r\n        return lineHeight\r\n    }\r\n\r\n    const fontSize = parseFloat(computed.fontSize)\r\n    return Number.isNaN(fontSize) ? FALLBACK_LINE_HEIGHT : fontSize * FALLBACK_LINE_HEIGHT_RATIO\r\n}\r\n"],"names":["getLineHeight","computed","lineHeight","fontSize","FALLBACK_LINE_HEIGHT","FALLBACK_LINE_HEIGHT_RATIO"],"mappings":"0HAOaA,EAAiBC,GAA0C,CACpE,MAAMC,EAAa,WAAWD,EAAS,UAAU,EACjD,GAAI,CAAC,OAAO,MAAMC,CAAU,EACxB,OAAOA,EAGX,MAAMC,EAAW,WAAWF,EAAS,QAAQ,EAC7C,OAAO,OAAO,MAAME,CAAQ,EAAIC,EAAAA,qBAAuBD,EAAWE,EAAAA,0BACtE"}

package/dist/components/forms/text-area/hooks/utils/getLineHeight.utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Reads the resolved line-height of an element. `line-height: normal` (and
+ * any non-length value) parses to NaN, which would poison the height math,
+ * so we fall back to a font-size-derived value.
+ */
+export declare const getLineHeight: (computed: CSSStyleDeclaration) => number;

package/dist/components/forms/text-area/hooks/utils/getLineHeight.utils.js

@@ -0,0 +1,12 @@
+import { FALLBACK_LINE_HEIGHT as r, FALLBACK_LINE_HEIGHT_RATIO as n } from "../constants/index.js";
+const N = (e) => {
+  const t = parseFloat(e.lineHeight);
+  if (!Number.isNaN(t))
+    return t;
+  const i = parseFloat(e.fontSize);
+  return Number.isNaN(i) ? r : i * n;
+};
+export {
+  N as getLineHeight
+};
+//# sourceMappingURL=getLineHeight.utils.js.map

package/dist/components/forms/text-area/hooks/utils/getLineHeight.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLineHeight.utils.js","sources":["../../../../../../src/components/forms/text-area/hooks/utils/getLineHeight.utils.ts"],"sourcesContent":["import { FALLBACK_LINE_HEIGHT, FALLBACK_LINE_HEIGHT_RATIO } from '@components/forms/text-area/hooks/constants'\r\n\r\n/**\r\n * Reads the resolved line-height of an element. `line-height: normal` (and\r\n * any non-length value) parses to NaN, which would poison the height math,\r\n * so we fall back to a font-size-derived value.\r\n */\r\nexport const getLineHeight = (computed: CSSStyleDeclaration): number => {\r\n    const lineHeight = parseFloat(computed.lineHeight)\r\n    if (!Number.isNaN(lineHeight)) {\r\n        return lineHeight\r\n    }\r\n\r\n    const fontSize = parseFloat(computed.fontSize)\r\n    return Number.isNaN(fontSize) ? FALLBACK_LINE_HEIGHT : fontSize * FALLBACK_LINE_HEIGHT_RATIO\r\n}\r\n"],"names":["getLineHeight","computed","lineHeight","fontSize","FALLBACK_LINE_HEIGHT","FALLBACK_LINE_HEIGHT_RATIO"],"mappings":";AAOO,MAAMA,IAAgB,CAACC,MAA0C;AACpE,QAAMC,IAAa,WAAWD,EAAS,UAAU;AACjD,MAAI,CAAC,OAAO,MAAMC,CAAU;AACxB,WAAOA;AAGX,QAAMC,IAAW,WAAWF,EAAS,QAAQ;AAC7C,SAAO,OAAO,MAAME,CAAQ,IAAIC,IAAuBD,IAAWE;AACtE;"}

package/dist/components/forms/text-area/hooks/utils/getTextAreaHeight.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./getLineHeight.utils.cjs"),h=require("./getVerticalExtras.utils.cjs"),l=(e,{minRows:i,maxRows:o})=>{const g=window.getComputedStyle(e),r=a.getLineHeight(g),n=h.getVerticalExtras(g),c=i!==void 0?i*r+n:void 0,s=o!==void 0?o*r+n:void 0;e.style.height="auto";let t=e.scrollHeight;return c!==void 0&&(t=Math.max(t,c)),s!==void 0&&(t=Math.min(t,s)),t};exports.getTextAreaHeight=l;
+//# sourceMappingURL=getTextAreaHeight.utils.cjs.map

package/dist/components/forms/text-area/hooks/utils/getTextAreaHeight.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextAreaHeight.utils.cjs","sources":["../../../../../../src/components/forms/text-area/hooks/utils/getTextAreaHeight.utils.ts"],"sourcesContent":["import type { TextAreaHeightOptions } from '@components/forms/text-area/hooks/types'\r\nimport { getLineHeight } from '@components/forms/text-area/hooks/utils/getLineHeight.utils'\r\nimport { getVerticalExtras } from '@components/forms/text-area/hooks/utils/getVerticalExtras.utils'\r\n\r\n/**\r\n * Computes the height (in px) a `<textarea>` should have to fit its content\r\n * between `minRows` and `maxRows`, based on its current computed style and\r\n * `scrollHeight`.\r\n */\r\nexport const getTextAreaHeight = (el: HTMLTextAreaElement, { minRows, maxRows }: TextAreaHeightOptions): number => {\r\n    const computed = window.getComputedStyle(el)\r\n    const lineHeight = getLineHeight(computed)\r\n    const verticalExtras = getVerticalExtras(computed)\r\n\r\n    const minHeight = minRows !== undefined ? minRows * lineHeight + verticalExtras : undefined\r\n    const maxHeight = maxRows !== undefined ? maxRows * lineHeight + verticalExtras : undefined\r\n\r\n    // Reset height to auto so scrollHeight reflects the content size.\r\n    el.style.height = 'auto'\r\n    let newHeight = el.scrollHeight\r\n\r\n    if (minHeight !== undefined) {\r\n        newHeight = Math.max(newHeight, minHeight)\r\n    }\r\n    if (maxHeight !== undefined) {\r\n        newHeight = Math.min(newHeight, maxHeight)\r\n    }\r\n\r\n    return newHeight\r\n}\r\n"],"names":["getTextAreaHeight","el","minRows","maxRows","computed","lineHeight","getLineHeight","verticalExtras","getVerticalExtras","minHeight","maxHeight","newHeight"],"mappings":"wKASaA,EAAoB,CAACC,EAAyB,CAAE,QAAAC,EAAS,QAAAC,KAA6C,CAC/G,MAAMC,EAAW,OAAO,iBAAiBH,CAAE,EACrCI,EAAaC,EAAAA,cAAcF,CAAQ,EACnCG,EAAiBC,EAAAA,kBAAkBJ,CAAQ,EAE3CK,EAAYP,IAAY,OAAYA,EAAUG,EAAaE,EAAiB,OAC5EG,EAAYP,IAAY,OAAYA,EAAUE,EAAaE,EAAiB,OAGlFN,EAAG,MAAM,OAAS,OAClB,IAAIU,EAAYV,EAAG,aAEnB,OAAIQ,IAAc,SACdE,EAAY,KAAK,IAAIA,EAAWF,CAAS,GAEzCC,IAAc,SACdC,EAAY,KAAK,IAAIA,EAAWD,CAAS,GAGtCC,CACX"}

package/dist/components/forms/text-area/hooks/utils/getTextAreaHeight.utils.d.ts

@@ -0,0 +1,7 @@
+import { TextAreaHeightOptions } from '../types';
+/**
+ * Computes the height (in px) a `<textarea>` should have to fit its content
+ * between `minRows` and `maxRows`, based on its current computed style and
+ * `scrollHeight`.
+ */
+export declare const getTextAreaHeight: (el: HTMLTextAreaElement, { minRows, maxRows }: TextAreaHeightOptions) => number;

package/dist/components/forms/text-area/hooks/utils/getTextAreaHeight.utils.js

@@ -0,0 +1,12 @@
+import { getLineHeight as a } from "./getLineHeight.utils.js";
+import { getVerticalExtras as d } from "./getVerticalExtras.utils.js";
+const v = (e, { minRows: i, maxRows: o }) => {
+  const r = window.getComputedStyle(e), g = a(r), n = d(r), h = i !== void 0 ? i * g + n : void 0, c = o !== void 0 ? o * g + n : void 0;
+  e.style.height = "auto";
+  let t = e.scrollHeight;
+  return h !== void 0 && (t = Math.max(t, h)), c !== void 0 && (t = Math.min(t, c)), t;
+};
+export {
+  v as getTextAreaHeight
+};
+//# sourceMappingURL=getTextAreaHeight.utils.js.map

package/dist/components/forms/text-area/hooks/utils/getTextAreaHeight.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextAreaHeight.utils.js","sources":["../../../../../../src/components/forms/text-area/hooks/utils/getTextAreaHeight.utils.ts"],"sourcesContent":["import type { TextAreaHeightOptions } from '@components/forms/text-area/hooks/types'\r\nimport { getLineHeight } from '@components/forms/text-area/hooks/utils/getLineHeight.utils'\r\nimport { getVerticalExtras } from '@components/forms/text-area/hooks/utils/getVerticalExtras.utils'\r\n\r\n/**\r\n * Computes the height (in px) a `<textarea>` should have to fit its content\r\n * between `minRows` and `maxRows`, based on its current computed style and\r\n * `scrollHeight`.\r\n */\r\nexport const getTextAreaHeight = (el: HTMLTextAreaElement, { minRows, maxRows }: TextAreaHeightOptions): number => {\r\n    const computed = window.getComputedStyle(el)\r\n    const lineHeight = getLineHeight(computed)\r\n    const verticalExtras = getVerticalExtras(computed)\r\n\r\n    const minHeight = minRows !== undefined ? minRows * lineHeight + verticalExtras : undefined\r\n    const maxHeight = maxRows !== undefined ? maxRows * lineHeight + verticalExtras : undefined\r\n\r\n    // Reset height to auto so scrollHeight reflects the content size.\r\n    el.style.height = 'auto'\r\n    let newHeight = el.scrollHeight\r\n\r\n    if (minHeight !== undefined) {\r\n        newHeight = Math.max(newHeight, minHeight)\r\n    }\r\n    if (maxHeight !== undefined) {\r\n        newHeight = Math.min(newHeight, maxHeight)\r\n    }\r\n\r\n    return newHeight\r\n}\r\n"],"names":["getTextAreaHeight","el","minRows","maxRows","computed","lineHeight","getLineHeight","verticalExtras","getVerticalExtras","minHeight","maxHeight","newHeight"],"mappings":";;AASO,MAAMA,IAAoB,CAACC,GAAyB,EAAE,SAAAC,GAAS,SAAAC,QAA6C;AAC/G,QAAMC,IAAW,OAAO,iBAAiBH,CAAE,GACrCI,IAAaC,EAAcF,CAAQ,GACnCG,IAAiBC,EAAkBJ,CAAQ,GAE3CK,IAAYP,MAAY,SAAYA,IAAUG,IAAaE,IAAiB,QAC5EG,IAAYP,MAAY,SAAYA,IAAUE,IAAaE,IAAiB;AAGlF,EAAAN,EAAG,MAAM,SAAS;AAClB,MAAIU,IAAYV,EAAG;AAEnB,SAAIQ,MAAc,WACdE,IAAY,KAAK,IAAIA,GAAWF,CAAS,IAEzCC,MAAc,WACdC,IAAY,KAAK,IAAIA,GAAWD,CAAS,IAGtCC;AACX;"}

package/dist/components/forms/text-area/hooks/utils/getVerticalExtras.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=t=>{const o=parseFloat(t.paddingTop),r=parseFloat(t.paddingBottom),a=parseFloat(t.borderTopWidth),e=parseFloat(t.borderBottomWidth);return o+r+a+e};exports.getVerticalExtras=d;
+//# sourceMappingURL=getVerticalExtras.utils.cjs.map

package/dist/components/forms/text-area/hooks/utils/getVerticalExtras.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVerticalExtras.utils.cjs","sources":["../../../../../../src/components/forms/text-area/hooks/utils/getVerticalExtras.utils.ts"],"sourcesContent":["/**\r\n * Sums the vertical padding and border widths of an element, i.e. the space\r\n * added around the content box that must be accounted for when computing the\r\n * total height from a target number of text rows.\r\n */\r\nexport const getVerticalExtras = (computed: CSSStyleDeclaration): number => {\r\n    const paddingTop = parseFloat(computed.paddingTop)\r\n    const paddingBottom = parseFloat(computed.paddingBottom)\r\n    const borderTop = parseFloat(computed.borderTopWidth)\r\n    const borderBottom = parseFloat(computed.borderBottomWidth)\r\n    return paddingTop + paddingBottom + borderTop + borderBottom\r\n}\r\n"],"names":["getVerticalExtras","computed","paddingTop","paddingBottom","borderTop","borderBottom"],"mappings":"gFAKO,MAAMA,EAAqBC,GAA0C,CACxE,MAAMC,EAAa,WAAWD,EAAS,UAAU,EAC3CE,EAAgB,WAAWF,EAAS,aAAa,EACjDG,EAAY,WAAWH,EAAS,cAAc,EAC9CI,EAAe,WAAWJ,EAAS,iBAAiB,EAC1D,OAAOC,EAAaC,EAAgBC,EAAYC,CACpD"}

package/dist/components/forms/text-area/hooks/utils/getVerticalExtras.utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Sums the vertical padding and border widths of an element, i.e. the space
+ * added around the content box that must be accounted for when computing the
+ * total height from a target number of text rows.
+ */
+export declare const getVerticalExtras: (computed: CSSStyleDeclaration) => number;

package/dist/components/forms/text-area/hooks/utils/getVerticalExtras.utils.js

@@ -0,0 +1,8 @@
+const n = (o) => {
+  const t = parseFloat(o.paddingTop), r = parseFloat(o.paddingBottom), a = parseFloat(o.borderTopWidth), d = parseFloat(o.borderBottomWidth);
+  return t + r + a + d;
+};
+export {
+  n as getVerticalExtras
+};
+//# sourceMappingURL=getVerticalExtras.utils.js.map

package/dist/components/forms/text-area/hooks/utils/getVerticalExtras.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVerticalExtras.utils.js","sources":["../../../../../../src/components/forms/text-area/hooks/utils/getVerticalExtras.utils.ts"],"sourcesContent":["/**\r\n * Sums the vertical padding and border widths of an element, i.e. the space\r\n * added around the content box that must be accounted for when computing the\r\n * total height from a target number of text rows.\r\n */\r\nexport const getVerticalExtras = (computed: CSSStyleDeclaration): number => {\r\n    const paddingTop = parseFloat(computed.paddingTop)\r\n    const paddingBottom = parseFloat(computed.paddingBottom)\r\n    const borderTop = parseFloat(computed.borderTopWidth)\r\n    const borderBottom = parseFloat(computed.borderBottomWidth)\r\n    return paddingTop + paddingBottom + borderTop + borderBottom\r\n}\r\n"],"names":["getVerticalExtras","computed","paddingTop","paddingBottom","borderTop","borderBottom"],"mappings":"AAKO,MAAMA,IAAoB,CAACC,MAA0C;AACxE,QAAMC,IAAa,WAAWD,EAAS,UAAU,GAC3CE,IAAgB,WAAWF,EAAS,aAAa,GACjDG,IAAY,WAAWH,EAAS,cAAc,GAC9CI,IAAe,WAAWJ,EAAS,iBAAiB;AAC1D,SAAOC,IAAaC,IAAgBC,IAAYC;AACpD;"}

package/dist/components/forms/text-area/index.d.ts

@@ -0,0 +1,10 @@
+export { default as TextArea } from './TextArea.tsx';
+export { TEXT_AREA_STYLES } from './styles/TextArea.css.ts';
+export { TEXT_AREA_LABEL_STYLES } from './components/text-area-label/styles/TextAreaLabel.css.ts';
+export { TEXT_AREA_START_ICON_STYLES } from './components/text-area-start-icon/styles/TextAreaStartIcon.css.ts';
+export { TEXT_AREA_END_ACTION_STYLES } from './components/text-area-end-action/styles/TextAreaEndAction.css.ts';
+export type { TextAreaProps } from './types/TextArea.props.ts';
+export type { TextAreaSize } from './types/TextArea.types.ts';
+export type { TextAreaEndActionProps } from './components/text-area-end-action/types/TextAreaEndAction.props.ts';
+export type { TextAreaLabelProps } from './components/text-area-label/types/TextAreaLabel.props.ts';
+export type { TextAreaStartIconProps } from './components/text-area-start-icon/types/TextAreaStartIcon.types.ts';

package/dist/components/forms/text-area/styles/TextArea.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                              */const a=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:a.createRuntimeFn({defaultClassName:"sqatm00",variantClassNames:{size:{sm:"sqatm01",md:"sqatm02",lg:"sqatm03"},hasError:{true:"sqatm04",false:"sqatm05"},hasStartIcon:{true:"sqatm06",false:"sqatm07"},hasEndAction:{true:"sqatm08",false:"sqatm09"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"sqatm0a"],[{size:"md",hasStartIcon:!0},"sqatm0b"],[{size:"lg",hasStartIcon:!0},"sqatm0c"],[{size:"sm",hasEndAction:!0},"sqatm0d"],[{size:"md",hasEndAction:!0},"sqatm0e"],[{size:"lg",hasEndAction:!0},"sqatm0f"]]})};exports.TEXT_AREA_STYLES=t;
+//# sourceMappingURL=TextArea.css.cjs.map

package/dist/components/forms/text-area/styles/TextArea.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/text-area/styles/TextArea.css.d.ts

@@ -0,0 +1,52 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TEXT_AREA_STYLES: {
+    recipe: RuntimeFn<{
+        size: {
+            sm: {
+                minHeight: "4.5rem";
+                paddingInline: `var(--${string})`;
+                paddingBlock: `var(--${string})`;
+                fontSize: `var(--${string})`;
+            };
+            md: {
+                minHeight: "5rem";
+                paddingInline: `var(--${string})`;
+                paddingBlock: `var(--${string})`;
+                fontSize: `var(--${string})`;
+            };
+            lg: {
+                minHeight: "5.5rem";
+                paddingInline: `var(--${string})`;
+                paddingBlock: `var(--${string})`;
+                fontSize: `var(--${string})`;
+            };
+        };
+        hasError: {
+            true: {
+                borderColor: `var(--${string})`;
+                selectors: {
+                    '&:hover:not(:disabled)': {
+                        borderColor: `var(--${string})`;
+                    };
+                    '&:focus-visible': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: `0 0 0 2px var(--${string}), 0 0 0 4px var(--${string})`;
+                    };
+                    '&[data-mouse-focus]:focus-visible': {
+                        boxShadow: "none";
+                        borderColor: `var(--${string})`;
+                    };
+                };
+            };
+            false: {};
+        };
+        hasStartIcon: {
+            true: {};
+            false: {};
+        };
+        hasEndAction: {
+            true: {};
+            false: {};
+        };
+    }>;
+};

package/dist/components/forms/text-area/styles/TextArea.css.js

@@ -0,0 +1,8 @@
+/* empty css                                            */
+/* empty css                            */
+import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
+var m = { recipe: a({ defaultClassName: "sqatm00", variantClassNames: { size: { sm: "sqatm01", md: "sqatm02", lg: "sqatm03" }, hasError: { true: "sqatm04", false: "sqatm05" }, hasStartIcon: { true: "sqatm06", false: "sqatm07" }, hasEndAction: { true: "sqatm08", false: "sqatm09" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndAction: !1 }, compoundVariants: [[{ size: "sm", hasStartIcon: !0 }, "sqatm0a"], [{ size: "md", hasStartIcon: !0 }, "sqatm0b"], [{ size: "lg", hasStartIcon: !0 }, "sqatm0c"], [{ size: "sm", hasEndAction: !0 }, "sqatm0d"], [{ size: "md", hasEndAction: !0 }, "sqatm0e"], [{ size: "lg", hasEndAction: !0 }, "sqatm0f"]] }) };
+export {
+  m as TEXT_AREA_STYLES
+};
+//# sourceMappingURL=TextArea.css.js.map

package/dist/components/forms/text-area/styles/TextArea.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/forms/text-area/types/TextArea.props.d.ts

@@ -0,0 +1,25 @@
+import { RefAttributes } from 'react';
+import { TextAreaSize } from './TextArea.types.ts';
+import type * as React from 'react';
+export type TextAreaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & RefAttributes<HTMLTextAreaElement> & {
+    /** Text label rendered above the textarea, linked via Radix Label for accessibility. */
+    label?: string;
+    /** Helper text rendered below the textarea. Hidden when `error` is provided. */
+    helperText?: string;
+    /** Error message rendered below the textarea. When set, the textarea is styled in its error state. */
+    error?: string;
+    /** Iconify icon name rendered on the left side of the textarea. */
+    startIcon?: string;
+    /** Custom action element (e.g. `<IconButton>`) rendered on the right side of the textarea. */
+    endAction?: React.ReactNode;
+    /** CSS width of the outer wrapper. Defaults to `100%`. */
+    width?: React.CSSProperties['width'];
+    /** Size variant of the textarea. Defaults to `md`. */
+    size?: TextAreaSize;
+    /** Number of visible text lines. Maps to the native `rows` attribute. */
+    rows?: number;
+    /** Minimum number of visible text lines when auto-resizing. */
+    minRows?: number;
+    /** Maximum number of visible text lines before the textarea stops expanding. */
+    maxRows?: number;
+};

package/dist/components/forms/text-area/types/TextArea.types.d.ts

@@ -0,0 +1,3 @@
+import { TEXT_AREA_SIZES } from '../constants';
+/** Size variants for the TextArea component. */
+export type TextAreaSize = (typeof TEXT_AREA_SIZES)[keyof typeof TEXT_AREA_SIZES];

package/dist/components/forms/text-area/types/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { default as TextAreaEndAction } from '../components/text-area-end-action/TextAreaEndAction.tsx';
+import { default as TextAreaLabel } from '../components/text-area-label/TextAreaLabel.tsx';
+import { default as TextAreaStartIcon } from '../components/text-area-start-icon/TextAreaStartIcon.tsx';
+import { TextAreaProps } from './TextArea.props.ts';
+export type TextAreaCompound = FC<TextAreaProps> & {
+    Label: typeof TextAreaLabel;
+    StartIcon: typeof TextAreaStartIcon;
+    EndAction: typeof TextAreaEndAction;
+};

package/dist/components/forms/text-field/TextField.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),H=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const F=require("./components/text-field-label/TextFieldLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                       */const I=require("./components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                */const m=require("./components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                */const K=require("./styles/TextField.css.cjs"),M=require("../_shared/components/helper-text/HelperText.cjs"),O=require("./constants/index.cjs"),U=require("./hooks/useTextfield.hook.cjs"),T=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const w=require("../../../constants/icons.cjs"),X=require("../../../utils/cn.cjs"),y=require("react"),r=y.memo(c=>{const{inputId:d,helperId:l,hasError:o,hasStartIcon:b,hasEndAction:a,handleMouseDown:v,handleFocus:g,handleBlur:j,resolvedType:S,isPassword:E,showPassword:i,setShowPassword:u}=U.useTextField(c),{disabled:h,startIcon:x,className:f,width:p,error:s,helperText:n,label:q,endAction:z,size:A,placeholder:P,value:D,onChange:_,onKeyDown:L,onKeyUp:k,ref:B,type:Y,...C}=c,t=A??"md",N=y.useCallback(()=>u(!i),[u,i]),R=E?e.jsx(H,{icon:i?w.IconRegistry.eyeOff:w.IconRegistry.eye,"aria-label":i?"Hide password":"Show password",variant:"ghost",color:"primary",size:O.fieldSizeToActionSize[t],type:"button",tabIndex:-1,onClick:N}):z;return e.jsxs(T,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:p!==void 0?{width:p}:void 0,children:[q&&e.jsx(F,{htmlFor:d,disabled:h,children:q}),e.jsxs(T,{position:"relative",width:"100%",gap:"none",children:[x&&e.jsx(I,{icon:x,size:t}),e.jsx("input",{ref:B,id:d,type:S,disabled:h,"aria-invalid":o||void 0,"aria-describedby":s||n?l:void 0,onMouseDown:v,onFocus:g,onBlur:j,className:X.cn(K.TEXT_FIELD_STYLES.recipe({size:t,hasError:o,hasStartIcon:b,hasEndAction:a}),f),placeholder:P,value:D,onChange:_,onKeyDown:L,onKeyUp:k,...C}),a&&e.jsx(m,{children:R})]}),(s||n)&&e.jsx(M,{id:l,hasError:o,children:s??n})]})});r.displayName="TextField";r.Label=F;r.StartIcon=I;r.EndAction=m;module.exports=r;
+//# sourceMappingURL=TextField.cjs.map