@clearstory/drywall-react 4.2.4 → 5.0.0

package/dist/components/DescriptionDetails/DescriptionDetails.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { useDescriptionListContext as a } from "../DescriptionList/DescriptionListContext.js";
-import { T as e } from "../../Typography-CmmKlAgs.js";
+import { T as e } from "../../Typography-7XxDpBjP.js";
 const c = s(({ variant: t = "body2", sx: o, ...i }, n) => {
   const r = a()?.spacing;
   return /* @__PURE__ */ p(

package/dist/components/DescriptionList/DescriptionList.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { DescriptionListContext as p } from "./DescriptionListContext.js";
-import { B as s } from "../../Box-CRpDZJO_.js";
+import { B as s } from "../../Box-D994ipAZ.js";
 const n = m(({ spacing: r, children: i, ...t }, e) => /* @__PURE__ */ o(p.Provider, { value: { spacing: r }, children: /* @__PURE__ */ o(s, { component: "dl", ref: e, ...t, children: i }) }));
 n.displayName = "DescriptionList";
 export {

package/dist/components/DescriptionTerm/DescriptionTerm.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { T as p } from "../../Typography-CmmKlAgs.js";
+import { T as p } from "../../Typography-7XxDpBjP.js";
 const n = m(
   ({ sx: r, ...o }, e) => /* @__PURE__ */ i(
     p,

package/dist/components/Dialog/index.js

@@ -1,4 +1,4 @@
-import { D as l, d as g, g as i } from "../../Dialog-DlE5bGiD.js";
+import { D as l, d as g, g as i } from "../../Dialog-BMkdvBHA.js";
 export {
   l as Dialog,
   g as dialogClasses,

package/dist/components/DialogActions/index.js

@@ -1,4 +1,4 @@
-import { D as i, d as o, g as t } from "../../DialogActions-B0ukhUln.js";
+import { D as i, d as o, g as t } from "../../DialogActions-DwqbdYeY.js";
 export {
   i as DialogActions,
   o as dialogActionsClasses,

package/dist/components/DialogClose/DialogClose.js

@@ -3,8 +3,8 @@ import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import { C as i } from "../../Close-DeDd1tSW.js";
-import { I as m } from "../../IconButton-RfVV5QBc.js";
+import { C as i } from "../../Close-28GNVfyf.js";
+import { I as m } from "../../IconButton-BAxK7-IJ.js";
 const f = ({ sx: o, ...t }) => /* @__PURE__ */ r(
   m,
   {

package/dist/components/DialogContent/index.js

@@ -1,4 +1,4 @@
-import { D as o, d as s, g as e } from "../../DialogContent-DW5dE1Vi.js";
+import { D as o, d as s, g as e } from "../../DialogContent-DbeYeFlD.js";
 export {
   o as DialogContent,
   s as dialogContentClasses,

package/dist/components/DialogContentText/index.js

@@ -1,4 +1,4 @@
-import { D as a, d as o, g as s } from "../../DialogContentText-CYMmddWD.js";
+import { D as a, d as o, g as s } from "../../DialogContentText-Cu3XFvLA.js";
 export {
   a as DialogContentText,
   o as dialogContentTextClasses,

package/dist/components/DialogTitle/index.js

@@ -1,4 +1,4 @@
-import { D as i } from "../../DialogTitle-DPNf3_DS.js";
+import { D as i } from "../../DialogTitle-Caqzbzj_.js";
 import { d as t, g as e } from "../../dialogTitleClasses-CLoIlOgg.js";
 export {
   i as DialogTitle,

package/dist/components/Divider/index.js

@@ -1,4 +1,4 @@
-import { D as e } from "../../Divider-BrLu1ruy.js";
+import { D as e } from "../../Divider-B9H6iIxz.js";
 import { d as a, g as d } from "../../dividerClasses-pnfF5xNS.js";
 export {
   e as Divider,

package/dist/components/Drawer/index.js

@@ -1,4 +1,4 @@
-import { D as s, d as e, g as t } from "../../Drawer-DKwUGu3u.js";
+import { D as s, d as e, g as t } from "../../Drawer-CAv9o3tm.js";
 export {
   s as Drawer,
   e as drawerClasses,

package/dist/components/Fade/index.js

@@ -1,4 +1,4 @@
-import { F as o } from "../../Fade-BkDpgBI1.js";
+import { F as o } from "../../Fade-A_UchBOH.js";
 export {
   o as Fade
 };

package/dist/components/FormControl/index.js

@@ -1,4 +1,4 @@
-import { F as s, f as t, g as l } from "../../FormControl-SJ7nmkLi.js";
+import { F as s, f as t, g as l } from "../../FormControl-BDhAmhH5.js";
 import { u as e } from "../../useFormControl-CatNKXAi.js";
 export {
   s as FormControl,

package/dist/components/FormControlLabel/index.js

@@ -1,4 +1,4 @@
-import { F as s, f as a, g as r } from "../../FormControlLabel-DT4oY6Jb.js";
+import { F as s, f as a, g as r } from "../../FormControlLabel-ByTbrCD5.js";
 export {
   s as FormControlLabel,
   a as formControlLabelClasses,

package/dist/components/FormGroup/index.js

@@ -1,4 +1,4 @@
-import { F as s, f as a, g as m } from "../../FormGroup-liXpqRx1.js";
+import { F as s, f as a, g as m } from "../../FormGroup-C9hwav--.js";
 export {
   s as FormGroup,
   a as formGroupClasses,

package/dist/components/FormHelperText/index.js

@@ -1,4 +1,4 @@
-import { F as r, f as t, g as l } from "../../FormHelperText-Dh36nlW5.js";
+import { F as r, f as t, g as l } from "../../FormHelperText-DkPKXA6k.js";
 export {
   r as FormHelperText,
   t as formHelperTextClasses,

package/dist/components/FormLabel/index.js

@@ -1,4 +1,4 @@
-import { F as e, a as o, f as l, g as r } from "../../FormLabel-Cq6v8zn0.js";
+import { F as e, a as o, f as l, g as r } from "../../FormLabel-IN8pc15T.js";
 export {
   e as FormLabel,
   o as FormLabelRoot,

package/dist/components/FormSublabel/FormSublabel.js

@@ -1,5 +1,5 @@
-import { s as r } from "../../styled-SBTDGe0C.js";
-import { F as o } from "../../FormHelperText-Dh36nlW5.js";
+import { s as r } from "../../styled-BGhco0UA.js";
+import { F as o } from "../../FormHelperText-DkPKXA6k.js";
 const a = r(o)(() => ({
   marginBlockStart: 0,
   marginBlockEnd: "3px",

package/dist/components/Grow/index.js

@@ -1,4 +1,4 @@
-import { G } from "../../Grow-CsltKHld.js";
+import { G } from "../../Grow-BMsXTwJH.js";
 export {
   G as Grow
 };

package/dist/components/IconButton/index.js

@@ -1,4 +1,4 @@
-import { I as s, g as n, i as a } from "../../IconButton-RfVV5QBc.js";
+import { I as s, g as n, i as a } from "../../IconButton-BAxK7-IJ.js";
 export {
   s as IconButton,
   n as getIconButtonUtilityClass,

package/dist/components/Input/Input.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { I as i } from "../../InputBase-C3EkH03W.js";
+import { I as i } from "../../InputBase-CK6qEkFU.js";
 const l = f((r, o) => {
   const {
     color: t = "primary",

package/dist/components/InputAdornment/index.js

@@ -1,4 +1,4 @@
-import { I as s, g as e, i as a } from "../../InputAdornment-BZDlmn1r.js";
+import { I as s, g as e, i as a } from "../../InputAdornment-C0-tBzhV.js";
 export {
   s as InputAdornment,
   e as getInputAdornmentUtilityClass,

package/dist/components/InputControl/InputControl.d.ts

@@ -5,17 +5,18 @@ import { FormLabelProps } from '../FormLabel';
 import { FormSublabelProps } from '../FormSublabel';
 import { InputProps } from '../Input';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-export interface InputControlProps extends Omit<InputProps, "ref" | "slotProps"> {
+export interface InputControlProps extends Omit<InputProps, "ref" | "slotProps" | "sx"> {
     helperText?: ReactNode;
     label: ReactNode;
     slotProps?: {
-        root?: Partial<Omit<FormControlProps, DOMEventHandlers>>;
-        label?: Partial<Omit<FormLabelProps, "children" | DOMEventHandlers>>;
-        sublabel?: Partial<Omit<FormSublabelProps, "children" | DOMEventHandlers>>;
         helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;
         input?: InputProps["slotProps"];
+        label?: Partial<Omit<FormLabelProps, "children" | DOMEventHandlers>>;
+        root?: Partial<Omit<FormControlProps, DOMEventHandlers>>;
+        sublabel?: Partial<Omit<FormSublabelProps, "children" | DOMEventHandlers>>;
     };
     sublabel?: ReactNode;
+    sx?: FormControlProps["sx"];
     tooltip?: ReactNode;
 }
 export declare const InputControl: ForwardRefExoticComponent<InputControlProps & RefAttributes<HTMLInputElement>>;

package/dist/components/InputControl/InputControl.js

@@ -1,19 +1,19 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { FormSublabel as F } from "../FormSublabel/FormSublabel.js";
-import { Input as y } from "../Input/Input.js";
-import { useId as g } from "../../hooks/useId.js";
+import { forwardRef as F } from "react";
+import { FormSublabel as y } from "../FormSublabel/FormSublabel.js";
+import { Input as g } from "../Input/Input.js";
+import { useId as w } from "../../hooks/useId.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import { I as w } from "../../Info-Cykl51qM.js";
-import { F as B } from "../../FormControl-SJ7nmkLi.js";
-import { B as C } from "../../Box-CRpDZJO_.js";
-import { F as $ } from "../../FormLabel-Cq6v8zn0.js";
-import { T as j } from "../../Tooltip-D_k6EcdK.js";
-import { F as T } from "../../FormHelperText-Dh36nlW5.js";
-const k = u(
+import { I as B } from "../../Info-DYeQDm-h.js";
+import { F as C } from "../../FormControl-BDhAmhH5.js";
+import { B as $ } from "../../Box-D994ipAZ.js";
+import { F as j } from "../../FormLabel-IN8pc15T.js";
+import { T } from "../../Tooltip-CZJgBQSd.js";
+import { F as k } from "../../FormHelperText-DkPKXA6k.js";
+const v = F(
   ({
     disabled: a,
     error: n,
@@ -24,20 +24,22 @@ const k = u(
     required: b,
     slotProps: o,
     sublabel: p,
+    sx: I,
     tooltip: l,
     ...i
-  }, I) => {
-    const h = g("input"), t = f || h, e = m ? `${t}-helper` : void 0;
+  }, h) => {
+    const x = w("input"), t = f || x, e = m ? `${t}-helper` : void 0;
     return /* @__PURE__ */ c(
-      B,
+      C,
       {
         disabled: a,
         error: n,
         fullWidth: d,
+        sx: I,
         ...o?.root,
         children: [
           /* @__PURE__ */ c(
-            C,
+            $,
             {
               sx: {
                 alignItems: "center",
@@ -46,7 +48,7 @@ const k = u(
               },
               children: [
                 /* @__PURE__ */ r(
-                  $,
+                  j,
                   {
                     htmlFor: t,
                     required: b,
@@ -54,11 +56,11 @@ const k = u(
                     children: s
                   }
                 ),
-                l && /* @__PURE__ */ r(j, { title: l, arrow: !0, children: /* @__PURE__ */ r(
-                  w,
+                l && /* @__PURE__ */ r(T, { title: l, arrow: !0, children: /* @__PURE__ */ r(
+                  B,
                   {
-                    sx: ({ vars: x }) => ({
-                      color: x?.palette.text.secondary,
+                    sx: ({ vars: u }) => ({
+                      color: u?.palette.text.secondary,
                       marginBlockEnd: "3px",
                       height: "1rem",
                       width: "1rem"
@@ -68,11 +70,11 @@ const k = u(
               ]
             }
           ),
-          p && /* @__PURE__ */ r(F, { ...o?.sublabel, children: p }),
+          p && /* @__PURE__ */ r(y, { ...o?.sublabel, children: p }),
           /* @__PURE__ */ r(
-            y,
+            g,
             {
-              ref: I,
+              ref: h,
               disabled: a,
               error: n,
               fullWidth: d,
@@ -82,13 +84,13 @@ const k = u(
               ...i
             }
           ),
-          m && /* @__PURE__ */ r(T, { id: e, ...o?.helperText, children: m })
+          m && /* @__PURE__ */ r(k, { id: e, ...o?.helperText, children: m })
         ]
       }
     );
   }
 );
-k.displayName = "InputControl";
+v.displayName = "InputControl";
 export {
-  k as InputControl
+  v as InputControl
 };

package/dist/components/LinearProgress/index.js

@@ -1,4 +1,4 @@
-import { L as e, g as a, l as g } from "../../LinearProgress-DEF8RpGt.js";
+import { L as e, g as a, l as g } from "../../LinearProgress-BW1D3S4o.js";
 export {
   e as LinearProgress,
   a as getLinearProgressUtilityClass,

package/dist/components/Link/index.js

@@ -1,4 +1,4 @@
-import { L as i, g as l, l as t } from "../../Link-BuN8Z9Km.js";
+import { L as i, g as l, l as t } from "../../Link-Dj1oW_B_.js";
 export {
   i as Link,
   l as getLinkUtilityClass,

package/dist/components/List/index.js

@@ -1,4 +1,4 @@
-import { L as a, g as i, l } from "../../List-CHaEYTNC.js";
+import { L as a, g as i, l } from "../../List-BQBC5UAt.js";
 export {
   a as List,
   i as getListUtilityClass,

package/dist/components/ListItem/index.js

@@ -1,4 +1,4 @@
-import { L as e, g as a, l as i } from "../../ListItem-7eb43107.js";
+import { L as e, g as a, l as i } from "../../ListItem-BHstsn6H.js";
 export {
   e as ListItem,
   a as getListItemUtilityClass,

package/dist/components/ListItemAvatar/index.js

@@ -1,4 +1,4 @@
-import { L as s, g as e, l as i } from "../../ListItemAvatar-rfKjhSyA.js";
+import { L as s, g as e, l as i } from "../../ListItemAvatar-DsPxxokd.js";
 export {
   s as ListItemAvatar,
   e as getListItemAvatarUtilityClass,

package/dist/components/ListItemButton/index.js

@@ -1,4 +1,4 @@
-import { L as e } from "../../ListItemButton-C0Q-hiwk.js";
+import { L as e } from "../../ListItemButton-DhvvOROc.js";
 import { g as a, l as i } from "../../listItemButtonClasses-BNj44uhi.js";
 export {
   e as ListItemButton,

package/dist/components/ListItemIcon/index.js

@@ -1,4 +1,4 @@
-import { L as e } from "../../ListItemIcon-j7UyIrVT.js";
+import { L as e } from "../../ListItemIcon-COLCfa5I.js";
 import { g as I, l as a } from "../../listItemIconClasses-LHpZGozK.js";
 export {
   e as ListItemIcon,

package/dist/components/ListItemText/index.js

@@ -1,4 +1,4 @@
-import { L as e } from "../../ListItemText-BGJkY3NK.js";
+import { L as e } from "../../ListItemText-CVpaCuRU.js";
 import { g as i, l } from "../../listItemTextClasses-BIe1gxVs.js";
 export {
   e as ListItemText,

package/dist/components/ListSubheader/index.js

@@ -1,4 +1,4 @@
-import { L as a, g as t, l as i } from "../../ListSubheader-CrHcPoc5.js";
+import { L as a, g as t, l as i } from "../../ListSubheader-ZfVZwpBt.js";
 export {
   a as ListSubheader,
   t as getListSubheaderUtilityClass,

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as a, g as t, m as l } from "../../Menu-D1SO5erH.js";
+import { M as a, g as t, m as l } from "../../Menu-QIR9I0fi.js";
 export {
   a as Menu,
   t as getMenuUtilityClass,

package/dist/components/MenuItem/index.js

@@ -1,4 +1,4 @@
-import { M as t, g as m, m as a } from "../../MenuItem-a1ebEYtF.js";
+import { M as t, g as m, m as a } from "../../MenuItem-zOWqJfh9.js";
 export {
   t as MenuItem,
   m as getMenuItemUtilityClass,

package/dist/components/MenuList/index.js

@@ -1,4 +1,4 @@
-import { M as r } from "../../MenuList-Di43Or7f.js";
+import { M as r } from "../../MenuList-Bp48Ab5F.js";
 export {
   r as MenuList
 };

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,4 +1,5 @@
 import { NumberFormatValues, SourceInfo } from 'react-number-format';
+import { SxProps, Theme } from '@mui/material';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface NumberInputProps {
     defaultValue?: string | number | null;
@@ -18,6 +19,7 @@ export interface NumberInputProps {
     error?: boolean;
     fullWidth?: boolean;
     size?: "small" | "medium";
+    sx?: SxProps<Theme>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;

package/dist/components/NumberInput/NumberInput.js

@@ -261,7 +261,7 @@ function Ye(e) {
   O === void 0 && (O = Je);
   var R = e.isValidInputCharacter;
   R === void 0 && (R = ae);
-  var M = e.isCharacterSame, _ = xe(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]), k = De(d, x, !!V, f, m, S), P = k[0], b = P.formattedValue, j = P.numAsString, U = k[1], L = X(), W = X({ formattedValue: b, numAsString: j }), $ = function(o, u) {
+  var M = e.isCharacterSame, _ = xe(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]), P = De(d, x, !!V, f, m, S), L = P[0], b = L.formattedValue, j = L.numAsString, U = P[1], k = X(), W = X({ formattedValue: b, numAsString: j }), $ = function(o, u) {
     W.current = { formattedValue: o.formattedValue, numAsString: o.value }, U(o, u);
   }, H = pe(!1), ee = H[0], s = H[1], v = X(null), D = X({
     setCaretTimeout: null,
@@ -314,7 +314,7 @@ function Ye(e) {
     }
   }, [b]);
   var ue = function(o, u, c) {
-    var I = u.target, F = L.current ? $e(L.current, I.selectionEnd) : we(b, o), C = Object.assign(Object.assign({}, F), { lastValue: b }), y = m(o, C), K = E(y);
+    var I = u.target, F = k.current ? $e(k.current, I.selectionEnd) : we(b, o), C = Object.assign(Object.assign({}, F), { lastValue: b }), y = m(o, C), K = E(y);
     if (y = m(K, void 0), g && !g(B(K, y))) {
       var G = u.target, Z = ce(G), le = J(o, b, Z);
       return G.value = b, A(G, le, b), !1;
@@ -330,10 +330,10 @@ function Ye(e) {
   }, fe = function(o, u) {
     u === void 0 && (u = 0);
     var c = o.selectionStart, I = o.selectionEnd;
-    L.current = { selectionStart: c, selectionEnd: I + u };
+    k.current = { selectionStart: c, selectionEnd: I + u };
   }, Ie = function(o) {
     var u = o.target, c = u.value, I = ue(c, o, te.event);
-    I && h(o), L.current = void 0;
+    I && h(o), k.current = void 0;
   }, Ce = function(o) {
     var u = o.target, c = o.key, I = u.selectionStart, F = u.selectionEnd, C = u.value;
     C === void 0 && (C = "");
@@ -444,12 +444,12 @@ function ar(e, r, t) {
     return A && (T = 2), T && (v = v.substring(T), D -= T, E -= T), { value: v, start: D, end: E, hasNegation: B };
   }, O = d(e, S, g), R = O.hasNegation;
   n = O, e = n.value, S = n.start, g = n.end;
-  var M = d(r.lastValue, x.start, x.end), _ = M.start, k = M.end, P = M.value, b = e.substring(S, g);
-  e.length && P.length && (_ > P.length - f.length || k < i.length) && !(b && f.startsWith(b)) && (e = P);
+  var M = d(r.lastValue, x.start, x.end), _ = M.start, P = M.end, L = M.value, b = e.substring(S, g);
+  e.length && L.length && (_ > L.length - f.length || P < i.length) && !(b && f.startsWith(b)) && (e = L);
   var j = 0;
   e.startsWith(i) ? j += i.length : S < i.length && (j = S), e = e.substring(j), g -= j;
-  var U = e.length, L = e.length - f.length;
-  e.endsWith(f) ? U = L : (g > L || g > e.length - f.length) && (U = g), e = e.substring(0, U), e = er(R ? "-" + e : e, a), e = (e.match(rr(l)) || []).join("");
+  var U = e.length, k = e.length - f.length;
+  e.endsWith(f) ? U = k : (g > k || g > e.length - f.length) && (U = g), e = e.substring(0, U), e = er(R ? "-" + e : e, a), e = (e.match(rr(l)) || []).join("");
   var W = e.indexOf(l);
   e = e.replace(new RegExp(ye(l), "g"), function(v, D) {
     return D === W ? "." : "";
@@ -499,9 +499,9 @@ function or(e) {
     return ar(s, v, e);
   }, M = Y(g) ? S : g, _ = h ?? tr(M, V, r);
   Y(g) ? Y(S) || (_ = _ || typeof S == "number") : _ = _ || typeof g == "number";
-  var k = function(s) {
+  var P = function(s) {
     return Ve(s) ? s : (typeof s == "number" && (s = Ne(s)), _ && typeof m == "number" ? me(s, m, !!x) : s);
-  }, P = De(k(g), k(S), !!_, O, R, p), b = P[0], j = b.numAsString, U = b.formattedValue, L = P[1], W = function(s) {
+  }, L = De(P(g), P(S), !!_, O, R, p), b = L[0], j = b.numAsString, U = b.formattedValue, k = L[1], W = function(s) {
     var v = s.target, D = s.key, E = v.selectionStart, B = v.selectionEnd, A = v.value;
     if (A === void 0 && (A = ""), (D === "Backspace" || D === "Delete") && B < V.length) {
       s.preventDefault();
@@ -518,7 +518,7 @@ function or(e) {
     var v = j;
     if (v.match(/\d/g) || (v = ""), n || (v = We(v)), x && m && (v = me(v, m, x)), v !== j) {
       var D = Se(v, e);
-      L({
+      k({
         formattedValue: D,
         value: v,
         floatValue: parseFloat(v)
@@ -541,7 +541,7 @@ function or(e) {
     valueIsNumericString: !1,
     isValidInputCharacter: H,
     isCharacterSame: ee,
-    onValueChange: L,
+    onValueChange: k,
     format: O,
     removeFormatting: R,
     getCaretBoundary: function(s) {
@@ -574,16 +574,17 @@ const fr = je(
     error: l,
     fullWidth: N = !0,
     size: w = "small",
-    onBlur: d,
-    onFocus: O,
-    onKeyDown: R,
-    valueIsNumericString: M,
-    ..._
-  }, k) => /* @__PURE__ */ Te(
+    sx: d,
+    onBlur: O,
+    onFocus: R,
+    onKeyDown: M,
+    valueIsNumericString: _,
+    ...P
+  }, L) => /* @__PURE__ */ Te(
     ur,
     {
       customInput: Me,
-      getInputRef: k,
+      getInputRef: L,
       allowNegative: e,
       decimalScale: r,
       fixedDecimalScale: t,
@@ -594,7 +595,7 @@ const fr = je(
       onValueChange: m,
       defaultValue: x,
       value: V,
-      valueIsNumericString: M,
+      valueIsNumericString: _,
       id: S,
       name: g,
       placeholder: h,
@@ -602,10 +603,11 @@ const fr = je(
       error: l,
       fullWidth: N,
       size: w,
-      onBlur: d,
-      onFocus: O,
-      onKeyDown: R,
-      ..._
+      sx: d,
+      onBlur: O,
+      onFocus: R,
+      onKeyDown: M,
+      ...P
     }
   )
 );

package/dist/components/NumberInputControl/NumberInputControl.d.ts

@@ -5,17 +5,18 @@ import { FormLabelProps } from '../FormLabel';
 import { FormSublabelProps } from '../FormSublabel';
 import { NumberInputProps } from '../NumberInput';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-export interface NumberInputControlProps extends Omit<NumberInputProps, "ref"> {
+export interface NumberInputControlProps extends Omit<NumberInputProps, "ref" | "sx"> {
     helperText?: ReactNode;
     label: ReactNode;
     required?: boolean;
     slotProps?: {
-        root?: Partial<Omit<FormControlProps, DOMEventHandlers>>;
+        helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;
         label?: Partial<Omit<FormLabelProps, "children" | DOMEventHandlers>>;
+        root?: Partial<Omit<FormControlProps, DOMEventHandlers>>;
         sublabel?: Partial<Omit<FormSublabelProps, "children" | DOMEventHandlers>>;
-        helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;
     };
     sublabel?: ReactNode;
+    sx?: FormControlProps["sx"];
     tooltip?: ReactNode;
 }
 export declare const NumberInputControl: ForwardRefExoticComponent<NumberInputControlProps & RefAttributes<HTMLInputElement>>;