@clearstory/drywall-react 4.2.4 → 5.0.0

package/dist/components/Alert/index.js

@@ -1,4 +1,4 @@
-import { A as t, a as e, g as l } from "../../Alert-CuHm3vf9.js";
+import { A as t, a as e, g as l } from "../../Alert-DQykJi33.js";
 export {
   t as Alert,
   e as alertClasses,

package/dist/components/AlertTitle/index.js

@@ -1,4 +1,4 @@
-import { A as l, a as s, g as a } from "../../AlertTitle-DmFGN0zD.js";
+import { A as l, a as s, g as a } from "../../AlertTitle-6hrZBrCc.js";
 export {
   l as AlertTitle,
   s as alertTitleClasses,

package/dist/components/Autocomplete/Autocomplete.js

@@ -5,9 +5,10 @@ import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import "../../Clear-Bnp01YyW.js";
-import { A as l, A as s } from "../../Autocomplete-FWamSgvx.js";
+import "../../Clear-C7q09Ww4.js";
+import "../../generateUtilityClass-BhfUaMgk.js";
+import { A as s, A as u } from "../../Autocomplete-C33OrHHX.js";
 export {
-  l as Autocomplete,
-  s as default
+  s as Autocomplete,
+  u as default
 };

package/dist/components/Autocomplete/index.js

@@ -1,4 +1,4 @@
-import { A as a, a as s, c as o, A as l, g as c } from "../../Autocomplete-FWamSgvx.js";
+import { A as a, a as s, c as o, A as l, g as c } from "../../Autocomplete-C33OrHHX.js";
 export {
   a as Autocomplete,
   s as autocompleteClasses,

package/dist/components/AutocompleteControl/AutocompleteControl.d.ts

@@ -5,18 +5,19 @@ import { FormLabelProps } from '../FormLabel';
 import { FormSublabelProps } from '../FormSublabel';
 import { AutocompleteProps } from '../Autocomplete';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-export interface AutocompleteControlProps<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends ElementType = "div"> extends Omit<AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, "ref" | "slotProps"> {
+export interface AutocompleteControlProps<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends ElementType = "div"> extends Omit<AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, "ref" | "slotProps" | "sx"> {
     helperText?: ReactNode;
     label: ReactNode;
     required?: boolean;
     slotProps?: {
-        root?: Partial<Omit<FormControlProps, DOMEventHandlers>>;
+        autocomplete?: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>["slotProps"];
+        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>>;
-        autocomplete?: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>["slotProps"];
     };
     sublabel?: ReactNode;
+    sx?: FormControlProps["sx"];
     tooltip?: ReactNode;
 }
 type AutocompleteControlComponentType = <Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends ElementType = "div">(props: AutocompleteControlProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent> & {

package/dist/components/AutocompleteControl/AutocompleteControl.js

@@ -1,19 +1,19 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { forwardRef as F } from "react";
-import { FormSublabel as I } from "../FormSublabel/FormSublabel.js";
-import { A as y } from "../../Autocomplete-FWamSgvx.js";
-import { useId as g } from "../../hooks/useId.js";
+import { forwardRef as I } from "react";
+import { FormSublabel as y } from "../FormSublabel/FormSublabel.js";
+import { A as g } from "../../Autocomplete-C33OrHHX.js";
+import { useId as A } from "../../hooks/useId.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import { I as A } from "../../Info-Cykl51qM.js";
-import { F as C } from "../../FormControl-SJ7nmkLi.js";
-import { B as T } from "../../Box-CRpDZJO_.js";
-import { F as w } from "../../FormLabel-Cq6v8zn0.js";
-import { T as B } from "../../Tooltip-D_k6EcdK.js";
-import { F as $ } from "../../FormHelperText-Dh36nlW5.js";
-function j(n, c) {
+import { I as C } from "../../Info-DYeQDm-h.js";
+import { F as T } from "../../FormControl-BDhAmhH5.js";
+import { B as w } from "../../Box-D994ipAZ.js";
+import { F as B } from "../../FormLabel-IN8pc15T.js";
+import { T as $ } from "../../Tooltip-CZJgBQSd.js";
+import { F as j } from "../../FormHelperText-DkPKXA6k.js";
+function P(n, c) {
   const {
     disabled: m,
     error: p,
@@ -23,12 +23,13 @@ function j(n, c) {
     required: h,
     slotProps: r,
     sublabel: a,
+    sx: u,
     tooltip: s,
     ...e
-  } = n, u = g("autocomplete"), i = b || u, t = l ? `${i}-helper` : void 0;
-  return /* @__PURE__ */ d(C, { disabled: m, error: p, ...r?.root, children: [
+  } = n, x = A("autocomplete"), i = b || x, t = l ? `${i}-helper` : void 0;
+  return /* @__PURE__ */ d(T, { disabled: m, error: p, sx: u, ...r?.root, children: [
     /* @__PURE__ */ d(
-      T,
+      w,
       {
         sx: {
           alignItems: "center",
@@ -36,12 +37,12 @@ function j(n, c) {
           gap: "0.25rem"
         },
         children: [
-          /* @__PURE__ */ o(w, { htmlFor: i, required: h, ...r?.label, children: f }),
-          s && /* @__PURE__ */ o(B, { title: s, arrow: !0, children: /* @__PURE__ */ o(
-            A,
+          /* @__PURE__ */ o(B, { htmlFor: i, required: h, ...r?.label, children: f }),
+          s && /* @__PURE__ */ o($, { title: s, arrow: !0, children: /* @__PURE__ */ o(
+            C,
             {
-              sx: ({ vars: x }) => ({
-                color: x?.palette.text.secondary,
+              sx: ({ vars: F }) => ({
+                color: F?.palette.text.secondary,
                 marginBlockEnd: "3px",
                 height: "1rem",
                 width: "1rem"
@@ -51,9 +52,9 @@ function j(n, c) {
         ]
       }
     ),
-    a && /* @__PURE__ */ o(I, { ...r?.sublabel, children: a }),
+    a && /* @__PURE__ */ o(y, { ...r?.sublabel, children: a }),
     /* @__PURE__ */ o(
-      y,
+      g,
       {
         disabled: m,
         ref: c,
@@ -64,13 +65,13 @@ function j(n, c) {
         ...e
       }
     ),
-    l && /* @__PURE__ */ o($, { id: t, ...r?.helperText, children: l })
+    l && /* @__PURE__ */ o(j, { id: t, ...r?.helperText, children: l })
   ] });
 }
-const P = F(
-  j
+const k = I(
+  P
 );
-P.displayName = "AutocompleteControl";
+k.displayName = "AutocompleteControl";
 export {
-  P as AutocompleteControl
+  k as AutocompleteControl
 };

package/dist/components/Avatar/index.js

@@ -1,4 +1,4 @@
-import { A as t, a as r, g as e } from "../../Avatar-By-aMv28.js";
+import { A as t, a as r, g as e } from "../../Avatar-CyKty5CU.js";
 export {
   t as Avatar,
   r as avatarClasses,

package/dist/components/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { A as s, a as t, g as o } from "../../AvatarGroup-B9R2KeDi.js";
+import { A as s, a as t, g as o } from "../../AvatarGroup-BInG92qO.js";
 export {
   s as AvatarGroup,
   t as avatarGroupClasses,

package/dist/components/Backdrop/index.js

@@ -1,4 +1,4 @@
-import { B as o, b as r, g as p } from "../../Backdrop-CNKXfinV.js";
+import { B as o, b as r, g as p } from "../../Backdrop-ChSlSuYH.js";
 export {
   o as Backdrop,
   r as backdropClasses,

package/dist/components/Badge/index.js

@@ -1,4 +1,4 @@
-import { B as e, b as g, g as t } from "../../Badge-I9F5BedB.js";
+import { B as e, b as g, g as t } from "../../Badge-B7ezRJwv.js";
 export {
   e as Badge,
   g as badgeClasses,

package/dist/components/Box/index.js

@@ -1,4 +1,4 @@
-import { B as a, b as x } from "../../Box-CRpDZJO_.js";
+import { B as a, b as x } from "../../Box-D994ipAZ.js";
 export {
   a as Box,
   x as boxClasses

package/dist/components/Breadcrumbs/index.js

@@ -1,4 +1,4 @@
-import { B as r, b as e, g as b } from "../../Breadcrumbs-Bgf4ieo2.js";
+import { B as r, b as e, g as b } from "../../Breadcrumbs-C7XE9TUb.js";
 export {
   r as Breadcrumbs,
   e as breadcrumbsClasses,

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-import { B as a, b as o, g as e } from "../../Button-BlRsbuwB.js";
+import { B as a, b as o, g as e } from "../../Button-Dk2VBOh0.js";
 export {
   a as Button,
   o as buttonClasses,

package/dist/components/ButtonBase/index.js

@@ -1,4 +1,4 @@
-import { B as a, b as e, g as l, a as o, t as i } from "../../ButtonBase-Cs4TbfAo.js";
+import { B as a, b as e, g as l, a as o, t as i } from "../../ButtonBase-BpCn2e9l.js";
 export {
   a as ButtonBase,
   e as buttonBaseClasses,

package/dist/components/ButtonGroup/ButtonGroup.theme.js

@@ -1,22 +1,26 @@
-import { b as t } from "../../buttonGroupClasses-Df0-l-eH.js";
-const r = {
+import { g as t } from "../../generateUtilityClass-BhfUaMgk.js";
+const o = {
+  grouped: t("MuiButtonGroup", "grouped"),
+  firstButton: t("MuiButtonGroup", "firstButton"),
+  lastButton: t("MuiButtonGroup", "lastButton")
+}, u = {
   defaultProps: {
     disableRipple: !0,
     size: "small"
   },
   styleOverrides: {
     root: {
-      [`& .${t.grouped}`]: {
+      [`& .${o.grouped}`]: {
         borderRadius: 0,
         "&:not(:first-of-type)": {
           marginLeft: -1
         }
       },
-      [`& .${t.firstButton}`]: {
+      [`& .${o.firstButton}`]: {
         borderTopLeftRadius: 4,
         borderBottomLeftRadius: 4
       },
-      [`& .${t.lastButton}`]: {
+      [`& .${o.lastButton}`]: {
         borderTopRightRadius: 4,
         borderBottomRightRadius: 4
       }
@@ -24,5 +28,5 @@ const r = {
   }
 };
 export {
-  r as MuiButtonGroup
+  u as MuiButtonGroup
 };

package/dist/components/ButtonGroup/index.js

@@ -1,10 +1,9 @@
-import { B as r } from "../../ButtonGroup-BSlLdpN8.js";
-import { b as s, g as a } from "../../buttonGroupClasses-Df0-l-eH.js";
-import { a as p, B as e } from "../../ButtonGroupButtonContext-C3ow2rMF.js";
+import { B as u, b as s, g as r } from "../../ButtonGroup-BanvjPsF.js";
+import { a as n, B as p } from "../../ButtonGroupButtonContext-C3ow2rMF.js";
 export {
-  r as ButtonGroup,
-  p as ButtonGroupButtonContext,
-  e as ButtonGroupContext,
+  u as ButtonGroup,
+  n as ButtonGroupButtonContext,
+  p as ButtonGroupContext,
   s as buttonGroupClasses,
-  a as getButtonGroupUtilityClass
+  r as getButtonGroupUtilityClass
 };

package/dist/components/Card/index.js

@@ -1,4 +1,4 @@
-import { C as r, c as C, g as t } from "../../Card-C1uxdRhW.js";
+import { C as r, c as C, g as t } from "../../Card-CTOkU3AU.js";
 export {
   r as Card,
   C as cardClasses,

package/dist/components/CardActionArea/index.js

@@ -1,4 +1,4 @@
-import { C as s, c as t, g as e } from "../../CardActionArea-BjhV8BbB.js";
+import { C as s, c as t, g as e } from "../../CardActionArea-D5hvpGji.js";
 export {
   s as CardActionArea,
   t as cardActionAreaClasses,

package/dist/components/CardActions/index.js

@@ -1,4 +1,4 @@
-import { C as t, c, g as i } from "../../CardActions-CzziOWZT.js";
+import { C as t, c, g as i } from "../../CardActions-yPKmWv-H.js";
 export {
   t as CardActions,
   c as cardActionsClasses,

package/dist/components/CardContent/index.js

@@ -1,4 +1,4 @@
-import { C as s, c as C, g as e } from "../../CardContent-D8YnorHr.js";
+import { C as s, c as C, g as e } from "../../CardContent-ZRIy7F6z.js";
 export {
   s as CardContent,
   C as cardContentClasses,

package/dist/components/CardHeader/index.js

@@ -1,4 +1,4 @@
-import { C as r, c as s, g as d } from "../../CardHeader-BkWz6cub.js";
+import { C as r, c as s, g as d } from "../../CardHeader-BCOnxMHd.js";
 export {
   r as CardHeader,
   s as cardHeaderClasses,

package/dist/components/CardMedia/index.js

@@ -1,4 +1,4 @@
-import { C as d, c as e, g as i } from "../../CardMedia-BZV-hoLx.js";
+import { C as d, c as e, g as i } from "../../CardMedia-WNfpA2zA.js";
 export {
   d as CardMedia,
   e as cardMediaClasses,

package/dist/components/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { C as a, c, g as o } from "../../Checkbox-CPm8wVXm.js";
+import { C as a, c, g as o } from "../../Checkbox-BTL6zZV3.js";
 export {
   a as Checkbox,
   c as checkboxClasses,

package/dist/components/Chip/Chip.theme.js

@@ -1,5 +1,7 @@
-import { c as r } from "../../chipClasses-C45yHx_l.js";
-const t = {
+import { g as c } from "../../generateUtilityClass-BhfUaMgk.js";
+const r = {
+  deleteIcon: c("MuiChip", "deleteIcon")
+}, i = {
   defaultProps: {
     size: "small"
   },
@@ -15,12 +17,6 @@ const t = {
         "&:active": {
           backgroundColor: `oklch(from ${o.vars?.palette[l]?.main} calc(l + 0.1) c h / calc(${o.vars?.palette.action.activatedOpacity} * 0.8))`
         },
-        // Small size delete icon styling
-        ...a.size === "small" && {
-          [`& .${r.deleteIcon}`]: {
-            fontSize: "1.25rem"
-          }
-        },
         // Soft variant styles
         ...a.variant === "soft" && {
           backgroundColor: `oklch(from ${o.vars?.palette[l]?.main} l c h / 0.12)`,
@@ -53,11 +49,24 @@ const t = {
     {
       props: { size: "small" },
       style: {
-        height: "20px"
+        height: "20px",
+        [`& .${r.deleteIcon}`]: {
+          fontSize: "1rem",
+          marginInlineEnd: 2
+        }
+      }
+    },
+    {
+      props: { size: "medium" },
+      style: {
+        height: "32px",
+        [`& .${r.deleteIcon}`]: {
+          marginInlineEnd: 3
+        }
       }
     }
   ]
 };
 export {
-  t as MuiChip
+  i as MuiChip
 };

package/dist/components/Chip/index.js

@@ -1,7 +1,6 @@
-import { C as i } from "../../Chip-teUQj1Br.js";
-import { c as t, g as C } from "../../chipClasses-C45yHx_l.js";
+import { C as i, c as C, g as p } from "../../Chip-CeH0opSw.js";
 export {
   i as Chip,
-  t as chipClasses,
-  C as getChipUtilityClass
+  C as chipClasses,
+  p as getChipUtilityClass
 };

package/dist/components/CircularProgress/index.js

@@ -1,4 +1,4 @@
-import { C as a, c as e, g as l } from "../../CircularProgress-CK8Z6nsP.js";
+import { C as a, c as e, g as l } from "../../CircularProgress-Qy7A2NPV.js";
 export {
   a as CircularProgress,
   e as circularProgressClasses,

package/dist/components/Collapse/index.js

@@ -1,4 +1,4 @@
-import { C as a, c as e, g as o } from "../../Collapse-DSDublNm.js";
+import { C as a, c as e, g as o } from "../../Collapse-B21Un8fT.js";
 export {
   a as Collapse,
   e as collapseClasses,

package/dist/components/Container/index.js

@@ -1,4 +1,4 @@
-import { C as t, c as e, g as n } from "../../containerClasses-D9GgrugO.js";
+import { C as t, c as e, g as n } from "../../containerClasses-BOpxBboC.js";
 export {
   t as Container,
   e as containerClasses,

package/dist/components/CssBaseline/index.js

@@ -1,4 +1,4 @@
-import { C as a } from "../../CssBaseline-CqWMIWyO.js";
+import { C as a } from "../../CssBaseline-6HfZG-O9.js";
 export {
   a as CssBaseline
 };

package/dist/components/Datepicker/Datepicker.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import { D, D as f } from "../../Datepicker-BvCR9LUk.js";
-import "../../styled-SBTDGe0C.js";
-import "../../InputAdornment-BZDlmn1r.js";
+import { D, D as f } from "../../Datepicker-DD9e0ctT.js";
+import "../../generateUtilityClass-BhfUaMgk.js";
+import "../../styled-BGhco0UA.js";
 import "../../useForkRef-9kN4DArm.js";
-import "../../IconButton-RfVV5QBc.js";
+import "../../IconButton-BAxK7-IJ.js";
 export {
   D as Datepicker,
   f as default

package/dist/components/Datepicker/index.js

@@ -1,5 +1,5 @@
-import { c as e, a as r, b as i, D as t, L as l, M as o, P as d, e as C, d as c, f as D, D as k, g as n, j as p, i as P, p as y, h as f } from "../../Datepicker-BvCR9LUk.js";
-import { A as b } from "../../AdapterDayjs-B-aQ7t7H.js";
+import { c as e, a as r, b as i, D as t, L as l, M as o, P as d, e as C, d as c, f as D, D as k, g as n, j as p, i as P, p as y, h as f } from "../../Datepicker-DD9e0ctT.js";
+import { A as b } from "../../AdapterDayjs-CIhTqrWH.js";
 export {
   b as AdapterDayjs,
   e as DateCalendar,

package/dist/components/DatepickerControl/DatepickerControl.d.ts

@@ -1,43 +1,25 @@
 import { DOMAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { Dayjs } from 'dayjs';
 import { DatepickerProps } from '../Datepicker';
 import { FormControlProps } from '../FormControl';
 import { FormHelperTextProps } from '../FormHelperText';
 import { FormLabelProps } from '../FormLabel';
 import { FormSublabelProps } from '../FormSublabel';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-export interface DatepickerControlProps {
-    value?: Dayjs | null;
-    onChange?: (value: Dayjs | null) => void;
-    onAccept?: (value: Dayjs | null) => void;
-    onClose?: () => void;
-    onOpen?: () => void;
+export interface DatepickerControlProps extends Omit<DatepickerProps, "ref" | "slotProps" | "sx"> {
+    fullWidth?: boolean;
     helperText?: ReactNode;
     label: ReactNode;
-    required?: boolean;
-    error?: boolean;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    format?: string;
-    views?: ("year" | "month" | "day")[];
-    openTo?: "year" | "month" | "day";
-    disableFuture?: boolean;
-    disablePast?: boolean;
-    minDate?: Dayjs;
-    maxDate?: Dayjs;
-    closeOnSelect?: boolean;
-    readOnly?: boolean;
-    clearable?: boolean;
-    reduceAnimations?: boolean;
     name?: string;
+    required?: boolean;
     slotProps?: {
-        root?: Partial<Omit<FormControlProps, DOMEventHandlers>>;
+        datepicker?: DatepickerProps["slotProps"];
+        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>>;
-        datepicker?: DatepickerProps["slotProps"];
     };
     sublabel?: ReactNode;
+    sx?: FormControlProps["sx"];
     tooltip?: ReactNode;
 }
 export declare const DatepickerControl: ForwardRefExoticComponent<DatepickerControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/DatepickerControl/DatepickerControl.js

@@ -1,59 +1,45 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import { D as R } from "../../Datepicker-BvCR9LUk.js";
-import { FormSublabel as S } from "../FormSublabel/FormSublabel.js";
-import { useId as q } from "../../hooks/useId.js";
+import { forwardRef as g } from "react";
+import { D as y } from "../../Datepicker-DD9e0ctT.js";
+import { FormSublabel as D } from "../FormSublabel/FormSublabel.js";
+import { useId as b } from "../../hooks/useId.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import { I as z } from "../../Info-Cykl51qM.js";
-import { F as A } from "../../FormControl-SJ7nmkLi.js";
-import { B as G } from "../../Box-CRpDZJO_.js";
-import { F as J } from "../../FormLabel-Cq6v8zn0.js";
-import { T as K } from "../../Tooltip-D_k6EcdK.js";
-import { F as M } from "../../FormHelperText-Dh36nlW5.js";
-const O = N(
+import { I as w } from "../../Info-DYeQDm-h.js";
+import { F as u } from "../../FormControl-BDhAmhH5.js";
+import { B } from "../../Box-D994ipAZ.js";
+import { F as C } from "../../FormLabel-IN8pc15T.js";
+import { T as $ } from "../../Tooltip-CZJgBQSd.js";
+import { F as j } from "../../FormHelperText-DkPKXA6k.js";
+const T = g(
   ({
     disabled: m = !1,
     error: a = !1,
     fullWidth: p,
     helperText: i,
     label: t,
-    required: f = !1,
+    name: f,
+    required: s = !1,
     slotProps: e = {},
     sublabel: n,
+    sx: h,
     tooltip: d,
-    name: s,
-    value: h,
-    onChange: x,
-    onAccept: F,
-    onClose: I,
-    onOpen: k,
-    format: g,
-    views: y,
-    openTo: D,
-    disableFuture: b,
-    disablePast: w,
-    minDate: u,
-    maxDate: B,
-    closeOnSelect: C,
-    readOnly: $,
-    clearable: j,
-    reduceAnimations: T,
-    ...v
-  }, E) => {
-    const H = q("datepicker"), o = s || H, c = i ? `${o}-helper` : void 0;
+    ...x
+  }, F) => {
+    const I = b("datepicker"), o = f || I, c = i ? `${o}-helper` : void 0;
     return /* @__PURE__ */ l(
-      A,
+      u,
       {
         disabled: m,
         error: a,
         fullWidth: p,
+        sx: h,
         ...e.root,
         children: [
           /* @__PURE__ */ l(
-            G,
+            B,
             {
               sx: {
                 alignItems: "center",
@@ -61,12 +47,12 @@ const O = N(
                 gap: "0.25rem"
               },
               children: [
-                /* @__PURE__ */ r(J, { htmlFor: o, required: f, ...e.label, children: t }),
-                d && /* @__PURE__ */ r(K, { title: d, arrow: !0, children: /* @__PURE__ */ r(
-                  z,
+                /* @__PURE__ */ r(C, { htmlFor: o, required: s, ...e.label, children: t }),
+                d && /* @__PURE__ */ r($, { title: d, arrow: !0, children: /* @__PURE__ */ r(
+                  w,
                   {
-                    sx: ({ vars: L }) => ({
-                      color: L?.palette.text.secondary,
+                    sx: ({ vars: k }) => ({
+                      color: k?.palette.text.secondary,
                       marginBlockEnd: "3px",
                       height: "1rem",
                       width: "1rem"
@@ -76,29 +62,13 @@ const O = N(
               ]
             }
           ),
-          n && /* @__PURE__ */ r(S, { ...e.sublabel, children: n }),
+          n && /* @__PURE__ */ r(D, { ...e.sublabel, children: n }),
           /* @__PURE__ */ r(
-            R,
+            y,
             {
-              ref: E,
+              ref: F,
               disabled: m,
               name: o,
-              value: h,
-              onChange: x,
-              onAccept: F,
-              onClose: I,
-              onOpen: k,
-              format: g,
-              views: y,
-              openTo: D,
-              disableFuture: b,
-              disablePast: w,
-              minDate: u,
-              maxDate: B,
-              closeOnSelect: C,
-              readOnly: $,
-              clearable: j,
-              reduceAnimations: T,
               error: a,
               slotProps: {
                 field: {
@@ -111,16 +81,16 @@ const O = N(
                 },
                 ...e?.datepicker
               },
-              ...v
+              ...x
             }
           ),
-          i && /* @__PURE__ */ r(M, { id: c, ...e.helperText, children: i })
+          i && /* @__PURE__ */ r(j, { id: c, ...e.helperText, children: i })
         ]
       }
     );
   }
 );
-O.displayName = "DatepickerControl";
+T.displayName = "DatepickerControl";
 export {
-  O as DatepickerControl
+  T as DatepickerControl
 };