@saleor/macaw-ui 1.1.3 → 1.1.4

package/dist/components/Textarea/Textarea.d.ts

@@ -1,6 +1,7 @@
-import { InputHTMLAttributes, ReactNode } from "react";
-import { PropsWithBox } from "../..";
-import { InputVariants } from "../BaseInput";
+import { InputVariants } from '../BaseInput';
+import { PropsWithBox } from '../..';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
 export type TextareaProps = PropsWithBox<Omit<InputHTMLAttributes<HTMLTextAreaElement>, "color" | "width" | "height" | "size" | "type" | "children" | "nonce"> & {
     label?: ReactNode;
     error?: boolean;
@@ -8,7 +9,7 @@ export type TextareaProps = PropsWithBox<Omit<InputHTMLAttributes<HTMLTextAreaEl
     endAdornment?: ReactNode;
     maxRows?: number;
 }> & InputVariants;
-export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
+export declare const Textarea: import('react').ForwardRefExoticComponent<Omit<{
     as?: import("react").ElementType<any> | undefined;
     children?: ReactNode;
     className?: string | undefined;
@@ -379,6 +380,11 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         tablet?: "hidden" | "visible" | undefined;
         desktop?: "hidden" | "visible" | undefined;
     } | undefined;
+    borderCollapse?: "collapse" | {
+        mobile?: "collapse" | undefined;
+        tablet?: "collapse" | undefined;
+        desktop?: "collapse" | undefined;
+    } | undefined;
     padding?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
         mobile?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
         tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
@@ -474,6 +480,136 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+    } | undefined;
+    borderStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderLeftStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderRightStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderTopStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderBottomStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    paddingLeft?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingRight?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingTop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingBottom?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
     } | undefined;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
@@ -484,6 +620,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
         disabled?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
         placeholder?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        firstChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        lastChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        oddChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        evenChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
     } | undefined;
     backgroundColor?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
         default?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -494,6 +634,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     pointerEvents?: "none" | "auto" | {
         default?: "none" | "auto" | undefined;
@@ -504,6 +648,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | "auto" | undefined;
         disabled?: "none" | "auto" | undefined;
         placeholder?: "none" | "auto" | undefined;
+        firstChild?: "none" | "auto" | undefined;
+        lastChild?: "none" | "auto" | undefined;
+        oddChild?: "none" | "auto" | undefined;
+        evenChild?: "none" | "auto" | undefined;
     } | undefined;
     cursor?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | {
         default?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
@@ -514,6 +662,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
         disabled?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
         placeholder?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        firstChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        lastChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        oddChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        evenChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
     } | undefined;
     boxShadow?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | {
         default?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
@@ -524,6 +676,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
         disabled?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
         placeholder?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        firstChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        lastChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        oddChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        evenChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
     } | undefined;
     transition?: "all" | "ease" | {
         default?: "all" | "ease" | undefined;
@@ -534,6 +690,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "all" | "ease" | undefined;
         disabled?: "all" | "ease" | undefined;
         placeholder?: "all" | "ease" | undefined;
+        firstChild?: "all" | "ease" | undefined;
+        lastChild?: "all" | "ease" | undefined;
+        oddChild?: "all" | "ease" | undefined;
+        evenChild?: "all" | "ease" | undefined;
     } | undefined;
     opacity?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | {
         default?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
@@ -544,6 +704,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
         disabled?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
         placeholder?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        firstChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        lastChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        oddChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        evenChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
     } | undefined;
     textDecoration?: "none" | "underline" | {
         default?: "none" | "underline" | undefined;
@@ -554,6 +718,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | "underline" | undefined;
         disabled?: "none" | "underline" | undefined;
         placeholder?: "none" | "underline" | undefined;
+        firstChild?: "none" | "underline" | undefined;
+        lastChild?: "none" | "underline" | undefined;
+        oddChild?: "none" | "underline" | undefined;
+        evenChild?: "none" | "underline" | undefined;
     } | undefined;
     transform?: {} | undefined;
     fill?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
@@ -565,6 +733,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     stroke?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
         default?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -575,6 +747,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     listStyleType?: "none" | "disc" | "decimal" | {
         default?: "none" | "disc" | "decimal" | undefined;
@@ -585,6 +761,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | "disc" | "decimal" | undefined;
         disabled?: "none" | "disc" | "decimal" | undefined;
         placeholder?: "none" | "disc" | "decimal" | undefined;
+        firstChild?: "none" | "disc" | "decimal" | undefined;
+        lastChild?: "none" | "disc" | "decimal" | undefined;
+        oddChild?: "none" | "disc" | "decimal" | undefined;
+        evenChild?: "none" | "disc" | "decimal" | undefined;
     } | undefined;
     listStylePosition?: "inside" | "outside" | {
         default?: "inside" | "outside" | undefined;
@@ -595,6 +775,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "inside" | "outside" | undefined;
         disabled?: "inside" | "outside" | undefined;
         placeholder?: "inside" | "outside" | undefined;
+        firstChild?: "inside" | "outside" | undefined;
+        lastChild?: "inside" | "outside" | undefined;
+        oddChild?: "inside" | "outside" | undefined;
+        evenChild?: "inside" | "outside" | undefined;
     } | undefined;
     listStyleImage?: "none" | {
         default?: "none" | undefined;
@@ -605,6 +789,10 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | undefined;
         disabled?: "none" | undefined;
         placeholder?: "none" | undefined;
+        firstChild?: "none" | undefined;
+        lastChild?: "none" | undefined;
+        oddChild?: "none" | undefined;
+        evenChild?: "none" | undefined;
     } | undefined;
 } & {
     __display?: any;
@@ -680,6 +868,7 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<{
     __alignSelf?: any;
     __justifySelf?: any;
     __visibility?: any;
+    __borderCollapse?: any;
     __padding?: any;
     __paddingX?: any;
     __paddingY?: any;

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -1,5 +1,6 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Textarea } from ".";
+import { Textarea } from '.';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const meta: Meta<typeof Textarea>;
 export default meta;
 type Story = StoryObj<typeof Textarea>;

package/dist/components/Textarea/TextareaWrapper.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-import { LabelVariants } from "../BaseInput";
+import { LabelVariants } from '../BaseInput';
+import { ReactNode } from 'react';
+
 export type TextareaValue = string | number | readonly string[] | undefined;
 type ChangeHandler = (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
 export declare const useStateEvents: (value: TextareaValue, changeHandler?: ChangeHandler) => {

package/dist/components/Textarea/index.d.ts

@@ -1 +1 @@
-export * from "./Textarea";
+export * from './Textarea';

package/dist/components/Toggle/Toggle.css.d.ts

@@ -1,4 +1,4 @@
-export declare const toggle: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const toggle: import('@vanilla-extract/recipes').RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };

package/dist/components/Toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ToggleProps } from "@radix-ui/react-toggle";
-export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { ToggleProps } from '@radix-ui/react-toggle';
+
+export declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Toggle/Toggle.stories.d.ts

@@ -1,5 +1,6 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Toggle } from "./index";
+import { Toggle } from './index';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const meta: Meta<typeof Toggle>;
 export default meta;
 type Story = StoryObj<typeof Toggle>;

package/dist/components/Toggle/index.d.ts

@@ -1 +1 @@
-export * from "./Toggle";
+export * from './Toggle';

package/dist/components/Tooltip/Content.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 export interface TooltipContentProps {
     children: ReactNode;
     className?: string;

package/dist/components/Tooltip/ContentHeading.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 export interface TooltipContentHeadingProps {
     children: ReactNode;
 }

package/dist/components/Tooltip/Root.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 export interface TooltipProps {
     children: ReactNode;
     className?: string;

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -1,5 +1,6 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Tooltip } from "./index";
+import { Tooltip } from './index';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const meta: Meta<typeof Tooltip>;
 export default meta;
 type Story = StoryObj<typeof Tooltip>;

package/dist/components/Tooltip/Trigger.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 export interface TooltipTriggerProps {
     children: ReactNode;
 }
-export declare const Trigger: import("react").ForwardRefExoticComponent<TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Trigger: import('react').ForwardRefExoticComponent<TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Tooltip/index.d.ts

@@ -1,24 +1,24 @@
 /// <reference types="react" />
-export type { TooltipArrowProps } from "./Arrow";
-export type { TooltipContentProps } from "./Content";
-export type { TooltipContentHeadingProps } from "./ContentHeading";
-export type { TooltipTriggerProps } from "./Trigger";
-export type { TooltipProps } from "./Root";
+export type { TooltipArrowProps } from './Arrow';
+export type { TooltipContentProps } from './Content';
+export type { TooltipContentHeadingProps } from './ContentHeading';
+export type { TooltipTriggerProps } from './Trigger';
+export type { TooltipProps } from './Root';
 export declare const Tooltip: {
-    ({ children, delayDuration, ...props }: import("./Root").TooltipProps): JSX.Element;
+    ({ children, delayDuration, ...props }: import('./Root').TooltipProps): JSX.Element;
     displayName: string;
 } & {
-    Trigger: import("react").ForwardRefExoticComponent<import("./Trigger").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<import("./Trigger").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Arrow: {
-        ({ className, backgroundColor, borderColor, }: import("./Arrow").TooltipArrowProps): JSX.Element;
+        ({ className, backgroundColor, borderColor, }: import('./Arrow').TooltipArrowProps): JSX.Element;
         displayName: string;
     };
     Content: {
-        ({ children, className, sideOffset, avoidCollisions, ...props }: import("./Content").TooltipContentProps): JSX.Element;
+        ({ children, className, sideOffset, avoidCollisions, ...props }: import('./Content').TooltipContentProps): JSX.Element;
         displayName: string;
     };
     ContentHeading: {
-        ({ children }: import("./ContentHeading").TooltipContentHeadingProps): JSX.Element;
+        ({ children }: import('./ContentHeading').TooltipContentHeadingProps): JSX.Element;
         displayName: string;
     };
 };

package/dist/components/index.d.ts

@@ -1,30 +1,30 @@
-export * from "./Accordion";
-export * from "./Avatar";
-export * from "./Backdrop";
-export { type Option } from "./BaseSelect";
-export * from "./Box";
-export * from "./Button";
-export * from "./Checkbox";
-export * from "./Chip";
-export * from "./Combobox";
-export * from "./Divider";
-export * from "./Drawer";
-export * from "./Dropdown";
-export * from "./DropdownButton";
-export * from "./Icons";
-export * from "./Input";
-export * from "./List";
-export * from "./Modal";
-export * from "./Multiselect";
-export * from "./Popover";
-export * from "./RadioGroup";
-export * from "./RangeInput";
-export * from "./SearchInput";
-export * from "./Select";
-export * from "./Skeleton";
-export * from "./Spinner";
-export * from "./Switch";
-export * from "./Text";
-export * from "./Textarea";
-export * from "./Toggle";
-export * from "./Tooltip";
+export * from './Accordion';
+export * from './Avatar';
+export * from './Backdrop';
+export { type Option } from './BaseSelect';
+export * from './Box';
+export * from './Button';
+export * from './Checkbox';
+export * from './Chip';
+export * from './Combobox';
+export * from './Divider';
+export * from './Drawer';
+export * from './Dropdown';
+export * from './DropdownButton';
+export * from './Icons';
+export * from './Input';
+export * from './List';
+export * from './Modal';
+export * from './Multiselect';
+export * from './Popover';
+export * from './RadioGroup';
+export * from './RangeInput';
+export * from './SearchInput';
+export * from './Select';
+export * from './Skeleton';
+export * from './Spinner';
+export * from './Switch';
+export * from './Text';
+export * from './Textarea';
+export * from './Toggle';
+export * from './Tooltip';

package/dist/hooks/useAutoHeightTextarea.d.ts

@@ -1,2 +1,3 @@
-import { TextareaValue } from "../components/Textarea/TextareaWrapper";
+import { TextareaValue } from '../components/Textarea/TextareaWrapper';
+
 export declare const useAutoHeightTextarea: (textAreaRef: HTMLTextAreaElement | null, value: TextareaValue, rows: number, maxRows: number) => void;

package/dist/hooks/useClickOutside.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useOutsideClick: (onClickOutside?: () => void) => import("react").MutableRefObject<HTMLElement | undefined>;
+export declare const useOutsideClick: (onClickOutside?: () => void) => import('react').MutableRefObject<HTMLElement | undefined>;