@mieweb/ui 0.11.0-dev.22 → 0.11.0-dev.23

package/dist/{chunk-BSDBI6H7.cjs → chunk-BUN6RUJ5.cjs}

@@ -57,6 +57,10 @@ var textareaVariants = classVarianceAuthority.cva(
       labelVariant: {
         stacked: "",
         floating: "peer placeholder:text-transparent"
+      },
+      autoResize: {
+        true: "",
+        false: ""
       }
     },
     compoundVariants: [
@@ -76,13 +80,55 @@ var textareaVariants = classVarianceAuthority.cva(
         labelVariant: "floating",
         size: "lg",
         className: "pt-7 min-h-[120px]"
+      },
+      // Auto-growing textareas start at the same visual height as a
+      // single-line Input (h-8/h-10/h-12): min-height matches the Input
+      // size token and the vertical padding is tuned so one line of text
+      // plus padding plus borders lands exactly on that height.
+      {
+        autoResize: true,
+        labelVariant: "stacked",
+        size: "sm",
+        className: "min-h-8 py-[5px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "stacked",
+        size: "md",
+        className: "min-h-10 py-[7px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "stacked",
+        size: "lg",
+        className: "min-h-12 py-[9px]"
+      },
+      // Floating label + auto-grow: single line below the floated label.
+      {
+        autoResize: true,
+        labelVariant: "floating",
+        size: "sm",
+        className: "min-h-[50px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "floating",
+        size: "md",
+        className: "min-h-[58px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "floating",
+        size: "lg",
+        className: "min-h-[66px]"
       }
     ],
     defaultVariants: {
       size: "md",
       hasError: false,
       resize: "vertical",
-      labelVariant: "stacked"
+      labelVariant: "stacked",
+      autoResize: true
     }
   }
 );
@@ -134,10 +180,11 @@ var Textarea = React__namespace.forwardRef(
     helperText,
     maxLength,
     showCount = false,
-    autoResize = false,
+    autoResize = true,
     required = false,
     requiredVariant,
     id,
+    rows,
     value,
     defaultValue,
     onChange,
@@ -157,16 +204,58 @@ var Textarea = React__namespace.forwardRef(
     React__namespace.useImperativeHandle(ref, () => internalRef.current);
     const currentValue = value !== void 0 ? String(value) : internalValue;
     const characterCount = currentValue.length;
+    const userFloorRef = React__namespace.useRef(null);
+    const expectedHeightRef = React__namespace.useRef(null);
+    const initialFloorCapturedRef = React__namespace.useRef(false);
     const adjustHeight = React__namespace.useCallback(() => {
       const textarea = internalRef.current;
       if (textarea && autoResize) {
         textarea.style.height = "auto";
-        textarea.style.height = `${textarea.scrollHeight}px`;
+        const borders = textarea.offsetHeight - textarea.clientHeight;
+        const next = Math.max(
+          textarea.scrollHeight + borders,
+          userFloorRef.current ?? 0
+        );
+        textarea.style.height = `${next}px`;
+        expectedHeightRef.current = textarea.offsetHeight || next;
       }
     }, [autoResize]);
     React__namespace.useEffect(() => {
+      const textarea = internalRef.current;
+      if (textarea && autoResize && !initialFloorCapturedRef.current) {
+        initialFloorCapturedRef.current = true;
+        const configured = textarea.offsetHeight;
+        adjustHeight();
+        if (configured - textarea.offsetHeight > 1) {
+          userFloorRef.current = configured;
+          textarea.style.height = `${configured}px`;
+          expectedHeightRef.current = textarea.offsetHeight || configured;
+        }
+        return;
+      }
       adjustHeight();
-    }, [currentValue, adjustHeight]);
+    }, [currentValue, adjustHeight, autoResize]);
+    React__namespace.useEffect(() => {
+      const textarea = internalRef.current;
+      if (!autoResize || !textarea || typeof ResizeObserver === "undefined") {
+        return;
+      }
+      let lastWidth = textarea.offsetWidth;
+      const observer = new ResizeObserver(() => {
+        const expected = expectedHeightRef.current;
+        const height = textarea.offsetHeight;
+        if (expected !== null && Math.abs(height - expected) > 1) {
+          userFloorRef.current = height;
+          expectedHeightRef.current = height;
+        }
+        if (textarea.offsetWidth !== lastWidth) {
+          lastWidth = textarea.offsetWidth;
+          adjustHeight();
+        }
+      });
+      observer.observe(textarea);
+      return () => observer.disconnect();
+    }, [autoResize, adjustHeight]);
     const handleChange = React__namespace.useCallback(
       (e) => {
         if (value === void 0) {
@@ -189,6 +278,7 @@ var Textarea = React__namespace.forwardRef(
       "textarea",
       {
         "data-slot": "textarea",
+        "data-auto-resize": autoResize ? "true" : void 0,
         ref: internalRef,
         id: textareaId,
         value,
@@ -198,13 +288,15 @@ var Textarea = React__namespace.forwardRef(
         "aria-invalid": hasError || !!error,
         "aria-describedby": describedByIds || void 0,
         required,
+        rows: autoResize ? rows ?? 1 : rows,
         placeholder: isFloating ? " " : placeholder,
         className: chunkS5RVSXDV_cjs.cn(
           textareaVariants({
             size,
             hasError: hasError || !!error,
-            resize: autoResize ? "none" : resize,
-            labelVariant: isFloating ? "floating" : "stacked"
+            resize,
+            labelVariant: isFloating ? "floating" : "stacked",
+            autoResize
           }),
           className
         ),
@@ -297,5 +389,5 @@ Textarea.displayName = "Textarea";
 
 exports.Textarea = Textarea;
 exports.textareaVariants = textareaVariants;
-//# sourceMappingURL=chunk-BSDBI6H7.cjs.map
-//# sourceMappingURL=chunk-BSDBI6H7.cjs.map
+//# sourceMappingURL=chunk-BUN6RUJ5.cjs.map
+//# sourceMappingURL=chunk-BUN6RUJ5.cjs.map

package/dist/chunk-BUN6RUJ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Textarea/Textarea.tsx"],"names":["cva","React","jsx","RequiredMark","cn","jsxs"],"mappings":"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","file":"chunk-BUN6RUJ5.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { RequiredMark, type RequiredMarkVariant } from '../Input';\n\nconst textareaVariants = cva(\n  [\n    'w-full px-3 py-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'resize-y',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-h-[60px]',\n        md: 'text-base min-h-[80px]',\n        lg: 'text-lg min-h-[100px]',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n      labelVariant: {\n        stacked: '',\n        floating: 'peer placeholder:text-transparent',\n      },\n      autoResize: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // Floating labels reserve top padding so entered text always starts\n      // below the floated label, plus a little extra min-height.\n      {\n        labelVariant: 'floating',\n        size: 'sm',\n        className: 'pt-5 min-h-[76px]',\n      },\n      {\n        labelVariant: 'floating',\n        size: 'md',\n        className: 'pt-6 min-h-[96px]',\n      },\n      {\n        labelVariant: 'floating',\n        size: 'lg',\n        className: 'pt-7 min-h-[120px]',\n      },\n      // Auto-growing textareas start at the same visual height as a\n      // single-line Input (h-8/h-10/h-12): min-height matches the Input\n      // size token and the vertical padding is tuned so one line of text\n      // plus padding plus borders lands exactly on that height.\n      {\n        autoResize: true,\n        labelVariant: 'stacked',\n        size: 'sm',\n        className: 'min-h-8 py-[5px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'stacked',\n        size: 'md',\n        className: 'min-h-10 py-[7px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'stacked',\n        size: 'lg',\n        className: 'min-h-12 py-[9px]',\n      },\n      // Floating label + auto-grow: single line below the floated label.\n      {\n        autoResize: true,\n        labelVariant: 'floating',\n        size: 'sm',\n        className: 'min-h-[50px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'floating',\n        size: 'md',\n        className: 'min-h-[58px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'floating',\n        size: 'lg',\n        className: 'min-h-[66px]',\n      },\n    ],\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n      resize: 'vertical',\n      labelVariant: 'stacked',\n      autoResize: true,\n    },\n  }\n);\n\nconst floatingLabelVariants = cva(\n  [\n    'absolute start-3 pointer-events-none select-none',\n    'transition-all duration-200 ease-out',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          'text-sm top-3',\n          'peer-focus:top-1 peer-[:not(:placeholder-shown)]:top-1 peer-autofill:top-1',\n          'peer-focus:text-[0.65rem] peer-[:not(:placeholder-shown)]:text-[0.65rem] peer-autofill:text-[0.65rem]',\n        ],\n        md: [\n          'text-base top-4',\n          'peer-focus:top-1.5 peer-[:not(:placeholder-shown)]:top-1.5 peer-autofill:top-1.5',\n          'peer-focus:text-xs peer-[:not(:placeholder-shown)]:text-xs peer-autofill:text-xs',\n        ],\n        lg: [\n          'text-lg top-5',\n          'peer-focus:top-2 peer-[:not(:placeholder-shown)]:top-2 peer-autofill:top-2',\n          'peer-focus:text-sm peer-[:not(:placeholder-shown)]:text-sm peer-autofill:text-sm',\n        ],\n      },\n      hasError: {\n        true: 'text-destructive',\n        false: 'text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n    },\n  }\n);\n\nexport interface TextareaProps\n  extends\n    Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>,\n    Omit<VariantProps<typeof textareaVariants>, 'labelVariant'> {\n  /** Label for the textarea */\n  label?: string;\n  /**\n   * How the label is rendered.\n   * - `stacked` (default): label above the textarea.\n   * - `floating`: label rests inside the textarea like a placeholder and\n   *   floats to the top (staying inside it) when focused or filled.\n   *   Ignores `placeholder`; when `hideLabel` is set, falls back to a\n   *   visually-hidden stacked label.\n   */\n  labelVariant?: 'stacked' | 'floating';\n  /** Whether the label should be visually hidden */\n  hideLabel?: boolean;\n  /** Error message to display */\n  error?: string;\n  /** Helper text to display */\n  helperText?: string;\n  /** Maximum character count */\n  maxLength?: number;\n  /** Show character count */\n  showCount?: boolean;\n  /**\n   * Grow and shrink with content (default). The empty control matches a\n   * single-line `Input`'s height; `rows` sets a taller growth floor, and\n   * dragging the native resize handle sets a new floor the same way. Set\n   * `false` for a classic fixed-height textarea.\n   */\n  autoResize?: boolean;\n  /**\n   * Color of the required asterisk.\n   * - `default`: destructive (hard requirement).\n   * - `warning`: warning color (soft requirement / recommended).\n   */\n  requiredVariant?: RequiredMarkVariant;\n}\n\n/**\n * A multi-line text input component with character count and auto-resize.\n *\n * @example\n * ```tsx\n * <Textarea label=\"Description\" placeholder=\"Enter a description...\" />\n * <Textarea\n *   label=\"Bio\"\n *   maxLength={280}\n *   showCount\n *   helperText=\"Tell us about yourself\"\n * />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      size,\n      hasError,\n      resize,\n      label,\n      labelVariant = 'stacked',\n      hideLabel,\n      error,\n      helperText,\n      maxLength,\n      showCount = false,\n      autoResize = true,\n      required = false,\n      requiredVariant,\n      id,\n      rows,\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null);\n    const [internalValue, setInternalValue] = React.useState(\n      (defaultValue as string) || ''\n    );\n\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const errorId = `${textareaId}-error`;\n    const helperId = `${textareaId}-helper`;\n    const countId = `${textareaId}-count`;\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    // Get current value\n    const currentValue = value !== undefined ? String(value) : internalValue;\n    const characterCount = currentValue.length;\n\n    // Auto-resize logic: collapse to natural height, then grow to fit\n    // content. CSS min-height (single-line baseline) and rows (via\n    // scrollHeight) act as floors; a consumer-configured initial height\n    // (style/class) and dragging the native resize handle set a user floor;\n    // a consumer max-height still caps the rendered height.\n    const userFloorRef = React.useRef<number | null>(null);\n    const expectedHeightRef = React.useRef<number | null>(null);\n    const initialFloorCapturedRef = React.useRef(false);\n\n    const adjustHeight = React.useCallback(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize) {\n        textarea.style.height = 'auto';\n        const borders = textarea.offsetHeight - textarea.clientHeight;\n        const next = Math.max(\n          textarea.scrollHeight + borders,\n          userFloorRef.current ?? 0\n        );\n        textarea.style.height = `${next}px`;\n        // Record the actual rendered height (a CSS max-height may clamp the\n        // value we set) so clamping is never mistaken for a manual drag.\n        expectedHeightRef.current = textarea.offsetHeight || next;\n      }\n    }, [autoResize]);\n\n    // Measures prefilled values on mount and controlled values on update.\n    // On mount, a consumer-configured initial height (inline style or a\n    // height class) that exceeds the content height becomes the growth\n    // floor — auto-sizing must not collapse below a configured baseline.\n    React.useEffect(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize && !initialFloorCapturedRef.current) {\n        initialFloorCapturedRef.current = true;\n        const configured = textarea.offsetHeight;\n        adjustHeight();\n        if (configured - textarea.offsetHeight > 1) {\n          userFloorRef.current = configured;\n          textarea.style.height = `${configured}px`;\n          expectedHeightRef.current = textarea.offsetHeight || configured;\n        }\n        return;\n      }\n      adjustHeight();\n    }, [currentValue, adjustHeight, autoResize]);\n\n    // Re-measure when the available width changes (wrapping changes), and\n    // detect heights we didn't set ourselves — the user dragging the native\n    // resize handle — adopting the dragged height as the new growth floor.\n    // The drag check runs first so a diagonal resize (width + height in one\n    // notification) keeps the dragged height through the re-measure.\n    React.useEffect(() => {\n      const textarea = internalRef.current;\n      if (!autoResize || !textarea || typeof ResizeObserver === 'undefined') {\n        return;\n      }\n      let lastWidth = textarea.offsetWidth;\n      const observer = new ResizeObserver(() => {\n        const expected = expectedHeightRef.current;\n        const height = textarea.offsetHeight;\n        if (expected !== null && Math.abs(height - expected) > 1) {\n          userFloorRef.current = height;\n          expectedHeightRef.current = height;\n        }\n        if (textarea.offsetWidth !== lastWidth) {\n          lastWidth = textarea.offsetWidth;\n          adjustHeight();\n        }\n      });\n      observer.observe(textarea);\n      return () => observer.disconnect();\n    }, [autoResize, adjustHeight]);\n\n    // Handle change\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value);\n        }\n        onChange?.(e);\n        adjustHeight();\n      },\n      [value, onChange, adjustHeight]\n    );\n\n    // Build aria-describedby\n    const describedByIds = [\n      error ? errorId : null,\n      helperText && !error ? helperId : null,\n      showCount ? countId : null,\n      ariaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const isFloating = labelVariant === 'floating' && !!label && !hideLabel;\n\n    const requiredMark = required && <RequiredMark variant={requiredVariant} />;\n\n    const textareaElement = (\n      <textarea\n        data-slot=\"textarea\"\n        data-auto-resize={autoResize ? 'true' : undefined}\n        ref={internalRef}\n        id={textareaId}\n        value={value}\n        defaultValue={value === undefined ? defaultValue : undefined}\n        onChange={handleChange}\n        maxLength={maxLength}\n        aria-invalid={hasError || !!error}\n        aria-describedby={describedByIds || undefined}\n        required={required}\n        // Auto-grow starts at one visible line; an explicit rows raises the\n        // floor (scrollHeight never reports less than the rows box).\n        rows={autoResize ? (rows ?? 1) : rows}\n        // A single-space placeholder keeps :placeholder-shown reliable so the\n        // label can float via CSS alone.\n        placeholder={isFloating ? ' ' : placeholder}\n        className={cn(\n          textareaVariants({\n            size,\n            hasError: hasError || !!error,\n            resize,\n            labelVariant: isFloating ? 'floating' : 'stacked',\n            autoResize,\n          }),\n          className\n        )}\n        {...props}\n      />\n    );\n\n    return (\n      <div data-slot=\"textarea-wrapper\" className=\"flex flex-col gap-1.5\">\n        {label && !isFloating && (\n          <label\n            data-slot=\"textarea-label\"\n            htmlFor={textareaId}\n            className={cn(\n              'text-foreground text-sm font-medium',\n              hideLabel && 'sr-only'\n            )}\n          >\n            {label}\n            {requiredMark}\n          </label>\n        )}\n        {isFloating ? (\n          <div className=\"relative\">\n            {textareaElement}\n            <label\n              data-slot=\"textarea-label\"\n              htmlFor={textareaId}\n              className={floatingLabelVariants({\n                size,\n                hasError: hasError || !!error,\n              })}\n            >\n              {label}\n              {requiredMark}\n            </label>\n          </div>\n        ) : (\n          textareaElement\n        )}\n        <div\n          data-slot=\"textarea-footer\"\n          className=\"flex items-center justify-between gap-2\"\n        >\n          <div className=\"flex-1\">\n            {error && (\n              <p\n                id={errorId}\n                data-slot=\"textarea-error\"\n                className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n                role=\"alert\"\n              >\n                {error}\n              </p>\n            )}\n            {helperText && !error && (\n              <p\n                id={helperId}\n                data-slot=\"textarea-helper\"\n                className=\"text-muted-foreground text-sm\"\n              >\n                {helperText}\n              </p>\n            )}\n          </div>\n          {showCount && (\n            <p\n              id={countId}\n              data-slot=\"textarea-count\"\n              className={cn(\n                'text-muted-foreground shrink-0 text-xs',\n                maxLength && characterCount >= maxLength && 'text-destructive'\n              )}\n            >\n              {characterCount}\n              {maxLength && `/${maxLength}`}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea, textareaVariants };\n"]}

package/dist/{chunk-H3YO5GBM.js → chunk-CPG7SDON.js}

@@ -35,6 +35,10 @@ var textareaVariants = cva(
       labelVariant: {
         stacked: "",
         floating: "peer placeholder:text-transparent"
+      },
+      autoResize: {
+        true: "",
+        false: ""
       }
     },
     compoundVariants: [
@@ -54,13 +58,55 @@ var textareaVariants = cva(
         labelVariant: "floating",
         size: "lg",
         className: "pt-7 min-h-[120px]"
+      },
+      // Auto-growing textareas start at the same visual height as a
+      // single-line Input (h-8/h-10/h-12): min-height matches the Input
+      // size token and the vertical padding is tuned so one line of text
+      // plus padding plus borders lands exactly on that height.
+      {
+        autoResize: true,
+        labelVariant: "stacked",
+        size: "sm",
+        className: "min-h-8 py-[5px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "stacked",
+        size: "md",
+        className: "min-h-10 py-[7px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "stacked",
+        size: "lg",
+        className: "min-h-12 py-[9px]"
+      },
+      // Floating label + auto-grow: single line below the floated label.
+      {
+        autoResize: true,
+        labelVariant: "floating",
+        size: "sm",
+        className: "min-h-[50px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "floating",
+        size: "md",
+        className: "min-h-[58px]"
+      },
+      {
+        autoResize: true,
+        labelVariant: "floating",
+        size: "lg",
+        className: "min-h-[66px]"
       }
     ],
     defaultVariants: {
       size: "md",
       hasError: false,
       resize: "vertical",
-      labelVariant: "stacked"
+      labelVariant: "stacked",
+      autoResize: true
     }
   }
 );
@@ -112,10 +158,11 @@ var Textarea = React.forwardRef(
     helperText,
     maxLength,
     showCount = false,
-    autoResize = false,
+    autoResize = true,
     required = false,
     requiredVariant,
     id,
+    rows,
     value,
     defaultValue,
     onChange,
@@ -135,16 +182,58 @@ var Textarea = React.forwardRef(
     React.useImperativeHandle(ref, () => internalRef.current);
     const currentValue = value !== void 0 ? String(value) : internalValue;
     const characterCount = currentValue.length;
+    const userFloorRef = React.useRef(null);
+    const expectedHeightRef = React.useRef(null);
+    const initialFloorCapturedRef = React.useRef(false);
     const adjustHeight = React.useCallback(() => {
       const textarea = internalRef.current;
       if (textarea && autoResize) {
         textarea.style.height = "auto";
-        textarea.style.height = `${textarea.scrollHeight}px`;
+        const borders = textarea.offsetHeight - textarea.clientHeight;
+        const next = Math.max(
+          textarea.scrollHeight + borders,
+          userFloorRef.current ?? 0
+        );
+        textarea.style.height = `${next}px`;
+        expectedHeightRef.current = textarea.offsetHeight || next;
       }
     }, [autoResize]);
     React.useEffect(() => {
+      const textarea = internalRef.current;
+      if (textarea && autoResize && !initialFloorCapturedRef.current) {
+        initialFloorCapturedRef.current = true;
+        const configured = textarea.offsetHeight;
+        adjustHeight();
+        if (configured - textarea.offsetHeight > 1) {
+          userFloorRef.current = configured;
+          textarea.style.height = `${configured}px`;
+          expectedHeightRef.current = textarea.offsetHeight || configured;
+        }
+        return;
+      }
       adjustHeight();
-    }, [currentValue, adjustHeight]);
+    }, [currentValue, adjustHeight, autoResize]);
+    React.useEffect(() => {
+      const textarea = internalRef.current;
+      if (!autoResize || !textarea || typeof ResizeObserver === "undefined") {
+        return;
+      }
+      let lastWidth = textarea.offsetWidth;
+      const observer = new ResizeObserver(() => {
+        const expected = expectedHeightRef.current;
+        const height = textarea.offsetHeight;
+        if (expected !== null && Math.abs(height - expected) > 1) {
+          userFloorRef.current = height;
+          expectedHeightRef.current = height;
+        }
+        if (textarea.offsetWidth !== lastWidth) {
+          lastWidth = textarea.offsetWidth;
+          adjustHeight();
+        }
+      });
+      observer.observe(textarea);
+      return () => observer.disconnect();
+    }, [autoResize, adjustHeight]);
     const handleChange = React.useCallback(
       (e) => {
         if (value === void 0) {
@@ -167,6 +256,7 @@ var Textarea = React.forwardRef(
       "textarea",
       {
         "data-slot": "textarea",
+        "data-auto-resize": autoResize ? "true" : void 0,
         ref: internalRef,
         id: textareaId,
         value,
@@ -176,13 +266,15 @@ var Textarea = React.forwardRef(
         "aria-invalid": hasError || !!error,
         "aria-describedby": describedByIds || void 0,
         required,
+        rows: autoResize ? rows ?? 1 : rows,
         placeholder: isFloating ? " " : placeholder,
         className: cn(
           textareaVariants({
             size,
             hasError: hasError || !!error,
-            resize: autoResize ? "none" : resize,
-            labelVariant: isFloating ? "floating" : "stacked"
+            resize,
+            labelVariant: isFloating ? "floating" : "stacked",
+            autoResize
           }),
           className
         ),
@@ -274,5 +366,5 @@ var Textarea = React.forwardRef(
 Textarea.displayName = "Textarea";
 
 export { Textarea, textareaVariants };
-//# sourceMappingURL=chunk-H3YO5GBM.js.map
-//# sourceMappingURL=chunk-H3YO5GBM.js.map
+//# sourceMappingURL=chunk-CPG7SDON.js.map
+//# sourceMappingURL=chunk-CPG7SDON.js.map

package/dist/chunk-CPG7SDON.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB;AAAA,IACE,kBAAA;AAAA,IACA,gCAAA;AAAA,IACA,+BAAA;AAAA,IACA,mCAAA;AAAA,IACA,gCAAA;AAAA,IACA,0EAAA;AAAA,IACA,iDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,2CAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,aAAA;AAAA,QACN,QAAA,EAAU,UAAA;AAAA,QACV,UAAA,EAAY,UAAA;AAAA,QACZ,IAAA,EAAM;AAAA,OACR;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,OAAA,EAAS,EAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA;AAAA;AAAA,MAGhB;AAAA,QACE,YAAA,EAAc,UAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,YAAA,EAAc,UAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,YAAA,EAAc,UAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA,QACE,UAAA,EAAY,IAAA;AAAA,QACZ,YAAA,EAAc,SAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,UAAA,EAAY,IAAA;AAAA,QACZ,YAAA,EAAc,SAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,UAAA,EAAY,IAAA;AAAA,QACZ,YAAA,EAAc,SAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA;AAAA,MAEA;AAAA,QACE,UAAA,EAAY,IAAA;AAAA,QACZ,YAAA,EAAc,UAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,UAAA,EAAY,IAAA;AAAA,QACZ,YAAA,EAAc,UAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,UAAA,EAAY,IAAA;AAAA,QACZ,YAAA,EAAc,UAAA;AAAA,QACd,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU,KAAA;AAAA,MACV,MAAA,EAAQ,UAAA;AAAA,MACR,YAAA,EAAc,SAAA;AAAA,MACd,UAAA,EAAY;AAAA;AACd;AAEJ;AAEA,IAAM,qBAAA,GAAwB,GAAA;AAAA,EAC5B;AAAA,IACE,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI;AAAA,UACF,eAAA;AAAA,UACA,4EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,EAAA,EAAI;AAAA,UACF,iBAAA;AAAA,UACA,kFAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,EAAA,EAAI;AAAA,UACF,eAAA;AAAA,UACA,4EAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,kBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAwDA,IAAM,QAAA,GAAiB,KAAA,CAAA,UAAA;AAAA,EACrB,CACE;AAAA,IACE,SAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA,GAAe,SAAA;AAAA,IACf,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,UAAA,GAAa,IAAA;AAAA,IACb,QAAA,GAAW,KAAA;AAAA,IACX,eAAA;AAAA,IACA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA,EAAoB,eAAA;AAAA,IACpB,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,WAAA,GAAoB,aAA4B,IAAI,CAAA;AAC1D,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAU,KAAA,CAAA,QAAA;AAAA,MAC7C,YAAA,IAA2B;AAAA,KAC9B;AAEA,IAAA,MAAM,cAAoB,KAAA,CAAA,KAAA,EAAM;AAChC,IAAA,MAAM,aAAa,EAAA,IAAM,WAAA;AACzB,IAAA,MAAM,OAAA,GAAU,GAAG,UAAU,CAAA,MAAA,CAAA;AAC7B,IAAA,MAAM,QAAA,GAAW,GAAG,UAAU,CAAA,OAAA,CAAA;AAC9B,IAAA,MAAM,OAAA,GAAU,GAAG,UAAU,CAAA,MAAA,CAAA;AAG7B,IAAM,KAAA,CAAA,mBAAA,CAAoB,GAAA,EAAK,MAAM,WAAA,CAAY,OAAQ,CAAA;AAGzD,IAAA,MAAM,YAAA,GAAe,KAAA,KAAU,MAAA,GAAY,MAAA,CAAO,KAAK,CAAA,GAAI,aAAA;AAC3D,IAAA,MAAM,iBAAiB,YAAA,CAAa,MAAA;AAOpC,IAAA,MAAM,YAAA,GAAqB,aAAsB,IAAI,CAAA;AACrD,IAAA,MAAM,iBAAA,GAA0B,aAAsB,IAAI,CAAA;AAC1D,IAAA,MAAM,uBAAA,GAAgC,aAAO,KAAK,CAAA;AAElD,IAAA,MAAM,YAAA,GAAqB,kBAAY,MAAM;AAC3C,MAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAC7B,MAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,QAAA,QAAA,CAAS,MAAM,MAAA,GAAS,MAAA;AACxB,QAAA,MAAM,OAAA,GAAU,QAAA,CAAS,YAAA,GAAe,QAAA,CAAS,YAAA;AACjD,QAAA,MAAM,OAAO,IAAA,CAAK,GAAA;AAAA,UAChB,SAAS,YAAA,GAAe,OAAA;AAAA,UACxB,aAAa,OAAA,IAAW;AAAA,SAC1B;AACA,QAAA,QAAA,CAAS,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA;AAG/B,QAAA,iBAAA,CAAkB,OAAA,GAAU,SAAS,YAAA,IAAgB,IAAA;AAAA,MACvD;AAAA,IACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAMf,IAAM,gBAAU,MAAM;AACpB,MAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAC7B,MAAA,IAAI,QAAA,IAAY,UAAA,IAAc,CAAC,uBAAA,CAAwB,OAAA,EAAS;AAC9D,QAAA,uBAAA,CAAwB,OAAA,GAAU,IAAA;AAClC,QAAA,MAAM,aAAa,QAAA,CAAS,YAAA;AAC5B,QAAA,YAAA,EAAa;AACb,QAAA,IAAI,UAAA,GAAa,QAAA,CAAS,YAAA,GAAe,CAAA,EAAG;AAC1C,UAAA,YAAA,CAAa,OAAA,GAAU,UAAA;AACvB,UAAA,QAAA,CAAS,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,UAAU,CAAA,EAAA,CAAA;AACrC,UAAA,iBAAA,CAAkB,OAAA,GAAU,SAAS,YAAA,IAAgB,UAAA;AAAA,QACvD;AACA,QAAA;AAAA,MACF;AACA,MAAA,YAAA,EAAa;AAAA,IACf,CAAA,EAAG,CAAC,YAAA,EAAc,YAAA,EAAc,UAAU,CAAC,CAAA;AAO3C,IAAM,gBAAU,MAAM;AACpB,MAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAC7B,MAAA,IAAI,CAAC,UAAA,IAAc,CAAC,QAAA,IAAY,OAAO,mBAAmB,WAAA,EAAa;AACrE,QAAA;AAAA,MACF;AACA,MAAA,IAAI,YAAY,QAAA,CAAS,WAAA;AACzB,MAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,MAAM;AACxC,QAAA,MAAM,WAAW,iBAAA,CAAkB,OAAA;AACnC,QAAA,MAAM,SAAS,QAAA,CAAS,YAAA;AACxB,QAAA,IAAI,aAAa,IAAA,IAAQ,IAAA,CAAK,IAAI,MAAA,GAAS,QAAQ,IAAI,CAAA,EAAG;AACxD,UAAA,YAAA,CAAa,OAAA,GAAU,MAAA;AACvB,UAAA,iBAAA,CAAkB,OAAA,GAAU,MAAA;AAAA,QAC9B;AACA,QAAA,IAAI,QAAA,CAAS,gBAAgB,SAAA,EAAW;AACtC,UAAA,SAAA,GAAY,QAAA,CAAS,WAAA;AACrB,UAAA,YAAA,EAAa;AAAA,QACf;AAAA,MACF,CAAC,CAAA;AACD,MAAA,QAAA,CAAS,QAAQ,QAAQ,CAAA;AACzB,MAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,IACnC,CAAA,EAAG,CAAC,UAAA,EAAY,YAAY,CAAC,CAAA;AAG7B,IAAA,MAAM,YAAA,GAAqB,KAAA,CAAA,WAAA;AAAA,MACzB,CAAC,CAAA,KAA8C;AAC7C,QAAA,IAAI,UAAU,MAAA,EAAW;AACvB,UAAA,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QACjC;AACA,QAAA,QAAA,GAAW,CAAC,CAAA;AACZ,QAAA,YAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,CAAC,KAAA,EAAO,QAAA,EAAU,YAAY;AAAA,KAChC;AAGA,IAAA,MAAM,cAAA,GAAiB;AAAA,MACrB,QAAQ,OAAA,GAAU,IAAA;AAAA,MAClB,UAAA,IAAc,CAAC,KAAA,GAAQ,QAAA,GAAW,IAAA;AAAA,MAClC,YAAY,OAAA,GAAU,IAAA;AAAA,MACtB;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,IAAA,MAAM,aAAa,YAAA,KAAiB,UAAA,IAAc,CAAC,CAAC,SAAS,CAAC,SAAA;AAE9D,IAAA,MAAM,YAAA,GAAe,QAAA,oBAAY,GAAA,CAAC,YAAA,EAAA,EAAa,SAAS,eAAA,EAAiB,CAAA;AAEzE,IAAA,MAAM,eAAA,mBACJ,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,UAAA;AAAA,QACV,kBAAA,EAAkB,aAAa,MAAA,GAAS,MAAA;AAAA,QACxC,GAAA,EAAK,WAAA;AAAA,QACL,EAAA,EAAI,UAAA;AAAA,QACJ,KAAA;AAAA,QACA,YAAA,EAAc,KAAA,KAAU,MAAA,GAAY,YAAA,GAAe,MAAA;AAAA,QACnD,QAAA,EAAU,YAAA;AAAA,QACV,SAAA;AAAA,QACA,cAAA,EAAc,QAAA,IAAY,CAAC,CAAC,KAAA;AAAA,QAC5B,oBAAkB,cAAA,IAAkB,MAAA;AAAA,QACpC,QAAA;AAAA,QAGA,IAAA,EAAM,UAAA,GAAc,IAAA,IAAQ,CAAA,GAAK,IAAA;AAAA,QAGjC,WAAA,EAAa,aAAa,GAAA,GAAM,WAAA;AAAA,QAChC,SAAA,EAAW,EAAA;AAAA,UACT,gBAAA,CAAiB;AAAA,YACf,IAAA;AAAA,YACA,QAAA,EAAU,QAAA,IAAY,CAAC,CAAC,KAAA;AAAA,YACxB,MAAA;AAAA,YACA,YAAA,EAAc,aAAa,UAAA,GAAa,SAAA;AAAA,YACxC;AAAA,WACD,CAAA;AAAA,UACD;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,WAAU,uBAAA,EACzC,QAAA,EAAA;AAAA,MAAA,KAAA,IAAS,CAAC,UAAA,oBACT,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAS,UAAA;AAAA,UACT,SAAA,EAAW,EAAA;AAAA,YACT,qCAAA;AAAA,YACA,SAAA,IAAa;AAAA,WACf;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA;AAAA;AAAA;AAAA,OACH;AAAA,MAED,UAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACZ,QAAA,EAAA;AAAA,QAAA,eAAA;AAAA,wBACD,IAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,UAAA;AAAA,YACT,WAAW,qBAAA,CAAsB;AAAA,cAC/B,IAAA;AAAA,cACA,QAAA,EAAU,QAAA,IAAY,CAAC,CAAC;AAAA,aACzB,CAAA;AAAA,YAEA,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA;AAAA;AAAA;AAAA;AACH,OAAA,EACF,CAAA,GAEA,eAAA;AAAA,sBAEF,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,iBAAA;AAAA,UACV,SAAA,EAAU,yCAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,QAAA,EACZ,QAAA,EAAA;AAAA,cAAA,KAAA,oBACC,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,OAAA;AAAA,kBACJ,WAAA,EAAU,gBAAA;AAAA,kBACV,SAAA,EAAU,wDAAA;AAAA,kBACV,IAAA,EAAK,OAAA;AAAA,kBAEJ,QAAA,EAAA;AAAA;AAAA,eACH;AAAA,cAED,UAAA,IAAc,CAAC,KAAA,oBACd,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,QAAA;AAAA,kBACJ,WAAA,EAAU,iBAAA;AAAA,kBACV,SAAA,EAAU,+BAAA;AAAA,kBAET,QAAA,EAAA;AAAA;AAAA;AACH,aAAA,EAEJ,CAAA;AAAA,YACC,SAAA,oBACC,IAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,OAAA;AAAA,gBACJ,WAAA,EAAU,gBAAA;AAAA,gBACV,SAAA,EAAW,EAAA;AAAA,kBACT,wCAAA;AAAA,kBACA,SAAA,IAAa,kBAAkB,SAAA,IAAa;AAAA,iBAC9C;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,cAAA;AAAA,kBACA,SAAA,IAAa,IAAI,SAAS,CAAA;AAAA;AAAA;AAAA;AAC7B;AAAA;AAAA;AAEJ,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-CPG7SDON.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { RequiredMark, type RequiredMarkVariant } from '../Input';\n\nconst textareaVariants = cva(\n  [\n    'w-full px-3 py-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'resize-y',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-h-[60px]',\n        md: 'text-base min-h-[80px]',\n        lg: 'text-lg min-h-[100px]',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n      labelVariant: {\n        stacked: '',\n        floating: 'peer placeholder:text-transparent',\n      },\n      autoResize: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // Floating labels reserve top padding so entered text always starts\n      // below the floated label, plus a little extra min-height.\n      {\n        labelVariant: 'floating',\n        size: 'sm',\n        className: 'pt-5 min-h-[76px]',\n      },\n      {\n        labelVariant: 'floating',\n        size: 'md',\n        className: 'pt-6 min-h-[96px]',\n      },\n      {\n        labelVariant: 'floating',\n        size: 'lg',\n        className: 'pt-7 min-h-[120px]',\n      },\n      // Auto-growing textareas start at the same visual height as a\n      // single-line Input (h-8/h-10/h-12): min-height matches the Input\n      // size token and the vertical padding is tuned so one line of text\n      // plus padding plus borders lands exactly on that height.\n      {\n        autoResize: true,\n        labelVariant: 'stacked',\n        size: 'sm',\n        className: 'min-h-8 py-[5px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'stacked',\n        size: 'md',\n        className: 'min-h-10 py-[7px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'stacked',\n        size: 'lg',\n        className: 'min-h-12 py-[9px]',\n      },\n      // Floating label + auto-grow: single line below the floated label.\n      {\n        autoResize: true,\n        labelVariant: 'floating',\n        size: 'sm',\n        className: 'min-h-[50px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'floating',\n        size: 'md',\n        className: 'min-h-[58px]',\n      },\n      {\n        autoResize: true,\n        labelVariant: 'floating',\n        size: 'lg',\n        className: 'min-h-[66px]',\n      },\n    ],\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n      resize: 'vertical',\n      labelVariant: 'stacked',\n      autoResize: true,\n    },\n  }\n);\n\nconst floatingLabelVariants = cva(\n  [\n    'absolute start-3 pointer-events-none select-none',\n    'transition-all duration-200 ease-out',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          'text-sm top-3',\n          'peer-focus:top-1 peer-[:not(:placeholder-shown)]:top-1 peer-autofill:top-1',\n          'peer-focus:text-[0.65rem] peer-[:not(:placeholder-shown)]:text-[0.65rem] peer-autofill:text-[0.65rem]',\n        ],\n        md: [\n          'text-base top-4',\n          'peer-focus:top-1.5 peer-[:not(:placeholder-shown)]:top-1.5 peer-autofill:top-1.5',\n          'peer-focus:text-xs peer-[:not(:placeholder-shown)]:text-xs peer-autofill:text-xs',\n        ],\n        lg: [\n          'text-lg top-5',\n          'peer-focus:top-2 peer-[:not(:placeholder-shown)]:top-2 peer-autofill:top-2',\n          'peer-focus:text-sm peer-[:not(:placeholder-shown)]:text-sm peer-autofill:text-sm',\n        ],\n      },\n      hasError: {\n        true: 'text-destructive',\n        false: 'text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n    },\n  }\n);\n\nexport interface TextareaProps\n  extends\n    Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>,\n    Omit<VariantProps<typeof textareaVariants>, 'labelVariant'> {\n  /** Label for the textarea */\n  label?: string;\n  /**\n   * How the label is rendered.\n   * - `stacked` (default): label above the textarea.\n   * - `floating`: label rests inside the textarea like a placeholder and\n   *   floats to the top (staying inside it) when focused or filled.\n   *   Ignores `placeholder`; when `hideLabel` is set, falls back to a\n   *   visually-hidden stacked label.\n   */\n  labelVariant?: 'stacked' | 'floating';\n  /** Whether the label should be visually hidden */\n  hideLabel?: boolean;\n  /** Error message to display */\n  error?: string;\n  /** Helper text to display */\n  helperText?: string;\n  /** Maximum character count */\n  maxLength?: number;\n  /** Show character count */\n  showCount?: boolean;\n  /**\n   * Grow and shrink with content (default). The empty control matches a\n   * single-line `Input`'s height; `rows` sets a taller growth floor, and\n   * dragging the native resize handle sets a new floor the same way. Set\n   * `false` for a classic fixed-height textarea.\n   */\n  autoResize?: boolean;\n  /**\n   * Color of the required asterisk.\n   * - `default`: destructive (hard requirement).\n   * - `warning`: warning color (soft requirement / recommended).\n   */\n  requiredVariant?: RequiredMarkVariant;\n}\n\n/**\n * A multi-line text input component with character count and auto-resize.\n *\n * @example\n * ```tsx\n * <Textarea label=\"Description\" placeholder=\"Enter a description...\" />\n * <Textarea\n *   label=\"Bio\"\n *   maxLength={280}\n *   showCount\n *   helperText=\"Tell us about yourself\"\n * />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      size,\n      hasError,\n      resize,\n      label,\n      labelVariant = 'stacked',\n      hideLabel,\n      error,\n      helperText,\n      maxLength,\n      showCount = false,\n      autoResize = true,\n      required = false,\n      requiredVariant,\n      id,\n      rows,\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null);\n    const [internalValue, setInternalValue] = React.useState(\n      (defaultValue as string) || ''\n    );\n\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const errorId = `${textareaId}-error`;\n    const helperId = `${textareaId}-helper`;\n    const countId = `${textareaId}-count`;\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    // Get current value\n    const currentValue = value !== undefined ? String(value) : internalValue;\n    const characterCount = currentValue.length;\n\n    // Auto-resize logic: collapse to natural height, then grow to fit\n    // content. CSS min-height (single-line baseline) and rows (via\n    // scrollHeight) act as floors; a consumer-configured initial height\n    // (style/class) and dragging the native resize handle set a user floor;\n    // a consumer max-height still caps the rendered height.\n    const userFloorRef = React.useRef<number | null>(null);\n    const expectedHeightRef = React.useRef<number | null>(null);\n    const initialFloorCapturedRef = React.useRef(false);\n\n    const adjustHeight = React.useCallback(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize) {\n        textarea.style.height = 'auto';\n        const borders = textarea.offsetHeight - textarea.clientHeight;\n        const next = Math.max(\n          textarea.scrollHeight + borders,\n          userFloorRef.current ?? 0\n        );\n        textarea.style.height = `${next}px`;\n        // Record the actual rendered height (a CSS max-height may clamp the\n        // value we set) so clamping is never mistaken for a manual drag.\n        expectedHeightRef.current = textarea.offsetHeight || next;\n      }\n    }, [autoResize]);\n\n    // Measures prefilled values on mount and controlled values on update.\n    // On mount, a consumer-configured initial height (inline style or a\n    // height class) that exceeds the content height becomes the growth\n    // floor — auto-sizing must not collapse below a configured baseline.\n    React.useEffect(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize && !initialFloorCapturedRef.current) {\n        initialFloorCapturedRef.current = true;\n        const configured = textarea.offsetHeight;\n        adjustHeight();\n        if (configured - textarea.offsetHeight > 1) {\n          userFloorRef.current = configured;\n          textarea.style.height = `${configured}px`;\n          expectedHeightRef.current = textarea.offsetHeight || configured;\n        }\n        return;\n      }\n      adjustHeight();\n    }, [currentValue, adjustHeight, autoResize]);\n\n    // Re-measure when the available width changes (wrapping changes), and\n    // detect heights we didn't set ourselves — the user dragging the native\n    // resize handle — adopting the dragged height as the new growth floor.\n    // The drag check runs first so a diagonal resize (width + height in one\n    // notification) keeps the dragged height through the re-measure.\n    React.useEffect(() => {\n      const textarea = internalRef.current;\n      if (!autoResize || !textarea || typeof ResizeObserver === 'undefined') {\n        return;\n      }\n      let lastWidth = textarea.offsetWidth;\n      const observer = new ResizeObserver(() => {\n        const expected = expectedHeightRef.current;\n        const height = textarea.offsetHeight;\n        if (expected !== null && Math.abs(height - expected) > 1) {\n          userFloorRef.current = height;\n          expectedHeightRef.current = height;\n        }\n        if (textarea.offsetWidth !== lastWidth) {\n          lastWidth = textarea.offsetWidth;\n          adjustHeight();\n        }\n      });\n      observer.observe(textarea);\n      return () => observer.disconnect();\n    }, [autoResize, adjustHeight]);\n\n    // Handle change\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value);\n        }\n        onChange?.(e);\n        adjustHeight();\n      },\n      [value, onChange, adjustHeight]\n    );\n\n    // Build aria-describedby\n    const describedByIds = [\n      error ? errorId : null,\n      helperText && !error ? helperId : null,\n      showCount ? countId : null,\n      ariaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const isFloating = labelVariant === 'floating' && !!label && !hideLabel;\n\n    const requiredMark = required && <RequiredMark variant={requiredVariant} />;\n\n    const textareaElement = (\n      <textarea\n        data-slot=\"textarea\"\n        data-auto-resize={autoResize ? 'true' : undefined}\n        ref={internalRef}\n        id={textareaId}\n        value={value}\n        defaultValue={value === undefined ? defaultValue : undefined}\n        onChange={handleChange}\n        maxLength={maxLength}\n        aria-invalid={hasError || !!error}\n        aria-describedby={describedByIds || undefined}\n        required={required}\n        // Auto-grow starts at one visible line; an explicit rows raises the\n        // floor (scrollHeight never reports less than the rows box).\n        rows={autoResize ? (rows ?? 1) : rows}\n        // A single-space placeholder keeps :placeholder-shown reliable so the\n        // label can float via CSS alone.\n        placeholder={isFloating ? ' ' : placeholder}\n        className={cn(\n          textareaVariants({\n            size,\n            hasError: hasError || !!error,\n            resize,\n            labelVariant: isFloating ? 'floating' : 'stacked',\n            autoResize,\n          }),\n          className\n        )}\n        {...props}\n      />\n    );\n\n    return (\n      <div data-slot=\"textarea-wrapper\" className=\"flex flex-col gap-1.5\">\n        {label && !isFloating && (\n          <label\n            data-slot=\"textarea-label\"\n            htmlFor={textareaId}\n            className={cn(\n              'text-foreground text-sm font-medium',\n              hideLabel && 'sr-only'\n            )}\n          >\n            {label}\n            {requiredMark}\n          </label>\n        )}\n        {isFloating ? (\n          <div className=\"relative\">\n            {textareaElement}\n            <label\n              data-slot=\"textarea-label\"\n              htmlFor={textareaId}\n              className={floatingLabelVariants({\n                size,\n                hasError: hasError || !!error,\n              })}\n            >\n              {label}\n              {requiredMark}\n            </label>\n          </div>\n        ) : (\n          textareaElement\n        )}\n        <div\n          data-slot=\"textarea-footer\"\n          className=\"flex items-center justify-between gap-2\"\n        >\n          <div className=\"flex-1\">\n            {error && (\n              <p\n                id={errorId}\n                data-slot=\"textarea-error\"\n                className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n                role=\"alert\"\n              >\n                {error}\n              </p>\n            )}\n            {helperText && !error && (\n              <p\n                id={helperId}\n                data-slot=\"textarea-helper\"\n                className=\"text-muted-foreground text-sm\"\n              >\n                {helperText}\n              </p>\n            )}\n          </div>\n          {showCount && (\n            <p\n              id={countId}\n              data-slot=\"textarea-count\"\n              className={cn(\n                'text-muted-foreground shrink-0 text-xs',\n                maxLength && characterCount >= maxLength && 'text-destructive'\n              )}\n            >\n              {characterCount}\n              {maxLength && `/${maxLength}`}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea, textareaVariants };\n"]}

package/dist/{chunk-GFP3BUVC.cjs → chunk-ESXTC5GW.cjs}

@@ -3,7 +3,7 @@
 var chunkS7AMZ4RD_cjs = require('./chunk-S7AMZ4RD.cjs');
 var chunk7BA7ENN5_cjs = require('./chunk-7BA7ENN5.cjs');
 var chunkPLMXN23Q_cjs = require('./chunk-PLMXN23Q.cjs');
-var chunkBSDBI6H7_cjs = require('./chunk-BSDBI6H7.cjs');
+var chunkBUN6RUJ5_cjs = require('./chunk-BUN6RUJ5.cjs');
 var chunkUPWIJC6I_cjs = require('./chunk-UPWIJC6I.cjs');
 var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
 var chunkCPDNX3LS_cjs = require('./chunk-CPDNX3LS.cjs');
@@ -800,7 +800,7 @@ function TextField({
   multiline,
   ...props
 }) {
-  const Control = multiline ? chunkBSDBI6H7_cjs.Textarea : chunkZ5S5JEJD_cjs.Input;
+  const Control = multiline ? chunkBUN6RUJ5_cjs.Textarea : chunkZ5S5JEJD_cjs.Input;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -1271,7 +1271,7 @@ function EmailBlockSettings({
       ] });
     case "html":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBSDBI6H7_cjs.Textarea,
+        chunkBUN6RUJ5_cjs.Textarea,
         {
           label: f.html,
           value: block.html,
@@ -2569,5 +2569,5 @@ exports.createEmptyEmailContentTree = createEmptyEmailContentTree;
 exports.defaultEmailEditorLabels = defaultEmailEditorLabels;
 exports.generateEmailBlockId = generateEmailBlockId;
 exports.renderEmailMjml = renderEmailMjml;
-//# sourceMappingURL=chunk-GFP3BUVC.cjs.map
-//# sourceMappingURL=chunk-GFP3BUVC.cjs.map
+//# sourceMappingURL=chunk-ESXTC5GW.cjs.map
+//# sourceMappingURL=chunk-ESXTC5GW.cjs.map