@galaxy-ds/core 2.1.9 → 2.1.10

package/dist/Input/Input.stories.d.ts

@@ -319,12 +319,18 @@ export declare const Default: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -393,9 +399,7 @@ export declare const Default: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -644,12 +648,18 @@ export declare const Default: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -718,9 +728,7 @@ export declare const Default: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -990,12 +998,18 @@ export declare const EndAdornment: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -1064,9 +1078,7 @@ export declare const EndAdornment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -1336,12 +1348,18 @@ export declare const StartAdornment: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -1410,9 +1428,7 @@ export declare const StartAdornment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -1429,6 +1445,10 @@ export declare const StartAdornment: {
 /**
  *
  * Use `<FormGroup row>` to group Input and IconButtons, Buttons side by side.
+ *
+ * Note: Multiline inputs that contain `rows`, `minRows` or `maxRows` will need a container targeting the input width.
+ *
+ * Alternatively there is an `inputPropStyles` to override styles.
  */
 export declare const FormGroup: {
     args: {};
@@ -1675,12 +1695,18 @@ export declare const FormGroup: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -1749,9 +1775,7 @@ export declare const FormGroup: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -2015,12 +2039,18 @@ export declare const Label: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -2089,9 +2119,7 @@ export declare const Label: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -2353,12 +2381,18 @@ export declare const Types: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -2427,9 +2461,7 @@ export declare const Types: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -2694,12 +2726,18 @@ export declare const HelperText: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -2768,9 +2806,7 @@ export declare const HelperText: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -3036,12 +3072,18 @@ export declare const Error: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -3110,9 +3152,7 @@ export declare const Error: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -3377,12 +3417,18 @@ export declare const Disabled: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -3451,9 +3497,7 @@ export declare const Disabled: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -3718,12 +3762,18 @@ export declare const ReadOnly: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -3792,9 +3842,7 @@ export declare const ReadOnly: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -4059,12 +4107,18 @@ export declare const TextAlignment: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -4133,9 +4187,7 @@ export declare const TextAlignment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -4400,12 +4452,18 @@ export declare const FullWidth: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -4474,9 +4532,7 @@ export declare const FullWidth: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -4743,12 +4799,18 @@ export declare const LargeSizeToolbarSize: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -4817,9 +4879,7 @@ export declare const LargeSizeToolbarSize: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -4838,8 +4898,6 @@ export declare const LargeSizeToolbarSize: {
  * It grows automatically to fit the contents.
  * Specify `rows` to set its height, the height is fixed in this case.
  *
- * Use `inputPropStyles` to override default inputProps width.
- *
  */
 export declare const TextArea: {
     args: {
@@ -5088,12 +5146,18 @@ export declare const TextArea: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -5162,9 +5226,7 @@ export declare const TextArea: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -5180,9 +5242,9 @@ export declare const TextArea: {
 };
 /**
  *
- * Use `inputPropStyles` to override default inputProps width.
+ * Note: Multiline inputs that contain `rows`, `minRows` or `maxRows` will need a container targeting the input width.
  *
- * **NOTE**: If there's no container we need to define the width. Otherwise the input will fluctate in size on keydown when `rows`, `minRows` or `maxRows` is provided.
+ * Alternatively use `inputPropStyles` to override styles.
  */
 export declare const TextAreaMinRows: {
     args: {
@@ -5432,12 +5494,18 @@ export declare const TextAreaMinRows: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -5506,9 +5574,7 @@ export declare const TextAreaMinRows: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -5771,12 +5837,18 @@ export declare const TextAreaWithEndAdornment: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -5845,9 +5917,7 @@ export declare const TextAreaWithEndAdornment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -6110,12 +6180,18 @@ export declare const EventCallbacks: {
         background?: "dark" | "light" | "default" | undefined;
         slots?: {
             root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            /**
+             * If `readOnly` is `true`, the input is disabled.
+             */
             input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
         slotProps?: {
             root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
+            /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
                 sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             }) | undefined;
@@ -6184,9 +6260,7 @@ export declare const EventCallbacks: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined; /**
-             * If `disabled` is `true`, the input is disabled.
-             */
+            margin?: "none" | "normal" | "dense" | undefined;
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -6200,3 +6274,59 @@ export declare const EventCallbacks: {
         key?: import("react").Key | null | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const InputUtilityButton: {
+    args: {};
+    parameters: {
+        themes: {
+            themeOverride: string;
+        };
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputUtilityInline: {
+    args: {};
+    parameters: {
+        themes: {
+            themeOverride: string;
+        };
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputUtilityButtonWeb: {
+    args: {};
+    parameters: {
+        themes: {
+            themeOverride: string;
+        };
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const InputUtilityInlineWeb: {
+    args: {};
+    parameters: {
+        themes: {
+            themeOverride: string;
+        };
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/Input/support/InlineUtilityExamples.d.ts

@@ -0,0 +1 @@
+export declare const InputInlineExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/Input/support/InlineUtilityWebExamples.d.ts

@@ -0,0 +1 @@
+export declare const InputInlineWebExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/Input/support/InputUtilityChildrenExamples.d.ts

@@ -0,0 +1,3 @@
+export declare const InputUtilityLeft: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputUtilityRight: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputUtilityMultiple: () => import("react/jsx-runtime").JSX.Element;

package/dist/Input/support/InputUtilityChildrenWebExamples.d.ts

@@ -0,0 +1,3 @@
+export declare const InputUtilityLeft: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputUtilityRight: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputUtilityMultiple: () => import("react/jsx-runtime").JSX.Element;

package/dist/Input/support/InputUtilityExample.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type InputUtilityButtonProps = {
+    leftChildren?: React.ReactNode;
+    rightChildren?: React.ReactNode;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    value?: string;
+    width?: number;
+};
+export declare const InputUtilityExample: ({ label, onChange, value, leftChildren, rightChildren, width, }: InputUtilityButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};