@optiaxiom/react 1.8.8 → 1.9.0

package/dist/index.d.ts

@@ -738,11 +738,15 @@ declare const CardAction: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
+    /**
+     * The name of the form control element.
+     */
+    name?: ComponentPropsWithoutRef<"input">["name"];
     /**
      * Handler that is called when the checked state changes.
      */
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxContent: react.ForwardRefExoticComponent<{
     /**
@@ -753,8 +757,9 @@ declare const CheckboxContent: react.ForwardRefExoticComponent<{
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxControl: react.ForwardRefExoticComponent<{
     /**
@@ -787,8 +792,9 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -801,8 +807,9 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 /**
@@ -884,6 +891,10 @@ type LinkProps = BoxProps<"a", LinkVariants & {
      * Shows an external link icon and sets the correct rel/target attributes.
      */
     external?: boolean;
+    /**
+     * The link href.
+     */
+    href?: ComponentPropsWithoutRef<"a">["href"];
 }>;
 /**
  * Anchor element for creating hyperlinks.
@@ -906,10 +917,14 @@ declare const Link: react.ForwardRefExoticComponent<{
      * Shows an external link icon and sets the correct rel/target attributes.
      */
     external?: boolean;
+    /**
+     * The link href.
+     */
+    href?: ComponentPropsWithoutRef<"a">["href"];
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
 
 type CardLinkProps = ComponentPropsWithoutRef<typeof Link>;
 /**
@@ -922,10 +937,11 @@ declare const CardLink: react.ForwardRefExoticComponent<Omit<{
     cover?: "inset" | boolean;
     disabled?: boolean;
     external?: boolean;
+    href?: ComponentPropsWithoutRef<"a">["href"];
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "href"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
 
 type CardPreviewProps = BoxProps<"div", {
     /**
@@ -1201,8 +1217,9 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1215,8 +1232,9 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
     primary?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1310,10 +1328,18 @@ type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown
      * inside a Field component with an error prop.
      */
     error?: boolean;
+    /**
+     * The name of the form control element.
+     */
+    name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     /**
      * Handler that is called when the value changes.
      */
     onValueChange?: (value: string) => void;
+    /**
+     * The placeholder text to use when control has no value.
+     */
+    placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
 }, P>>;
 /**
  * @group InputRoot
@@ -1330,14 +1356,22 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
      * inside a Field component with an error prop.
      */
     error?: boolean;
+    /**
+     * The name of the form control element.
+     */
+    name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     /**
      * Handler that is called when the value changes.
      */
     onValueChange?: (value: string) => void;
+    /**
+     * The placeholder text to use when control has no value.
+     */
+    placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "placeholder"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputProvider: react.FC<{
     /**
@@ -1374,6 +1408,10 @@ type InputProps$1 = InputControlProps<"input", Pick<ComponentPropsWithoutRef<typ
      * Control the native input `size` attribute.
      */
     htmlSize?: number;
+    /**
+     * The input type.
+     */
+    type?: ComponentPropsWithoutRef<"input">["type"];
 }>;
 /**
  * Basic text field for capturing user input.
@@ -1405,16 +1443,22 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
      * Control the native input `size` attribute.
      */
     htmlSize?: number;
+    /**
+     * The input type.
+     */
+    type?: ComponentPropsWithoutRef<"input">["type"];
 } & Omit<NonNullable<{
     size?: "md" | "lg" | "xl" | undefined;
 } & {
     disabled?: boolean;
     error?: boolean;
+    name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
+    placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1498,16 +1542,19 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     htmlSize?: number;
+    type?: ComponentPropsWithoutRef<"input">["type"];
 } & Omit<NonNullable<{
     size?: "md" | "lg" | "xl" | undefined;
 } & {
     disabled?: boolean;
     error?: boolean;
+    name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
+    placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -1639,8 +1686,9 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1653,8 +1701,9 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxEmptyProps = BoxProps;
 /**
@@ -1860,8 +1909,9 @@ declare const Switch: react.ForwardRefExoticComponent<{
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<{
+    name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 /**
@@ -1885,8 +1935,9 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<{
+    name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -3115,7 +3166,7 @@ declare const Paper: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const indicator: (props?: {
-    intent?: "success" | "danger" | "primary" | "opal" | undefined;
+    intent?: "success" | "danger" | "opal" | "primary" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -3133,7 +3184,7 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & {
-    intent?: "success" | "danger" | "primary" | "opal" | undefined;
+    intent?: "success" | "danger" | "opal" | "primary" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
@@ -3157,8 +3208,9 @@ declare const Radio: react.ForwardRefExoticComponent<{
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
+    name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
     /**
@@ -3640,6 +3692,10 @@ type TextareaProps = InputControlProps<typeof TextareaAutosize, Pick<ComponentPr
      * Display content above the textarea.
      */
     addonBefore?: ReactNode;
+    /**
+     * The number of rows to display.
+     */
+    rows?: ComponentPropsWithoutRef<"textarea">["rows"];
     size?: never;
 }>;
 /**
@@ -3673,13 +3729,19 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
      * Display content above the textarea.
      */
     addonBefore?: ReactNode;
+    /**
+     * The number of rows to display.
+     */
+    rows?: ComponentPropsWithoutRef<"textarea">["rows"];
     size?: never;
 } & Omit<NonNullable<{
     size?: "md" | "lg" | "xl" | undefined;
 } & {
     disabled?: boolean;
     error?: boolean;
+    name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
+    placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -3689,7 +3751,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "placeholder" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;