@clearstory/drywall-react 0.10.5 → 0.12.0

package/dist/components/FormControlLabel/FormControlLabel.theme.js

@@ -1,6 +1,9 @@
 const e = {
+  defaultProps: {
+    disableTypography: !0
+  },
   styleOverrides: {
-    label: {
+    root: {
       fontSize: "0.875rem"
     }
   }

package/dist/components/FormControlLabel/index.js

@@ -1,4 +1,4 @@
-import { F as s, f as a, g as r } from "../../FormControlLabel-AEewOdP0.js";
+import { F as s, f as a, g as r } from "../../FormControlLabel-BloqvI-k.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-_rBOc32r.js";
+import { F as s, f as a, g as m } from "../../FormGroup-CMAUiuMq.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-CKvEXrjK.js";
+import { F as r, f as t, g as l } from "../../FormHelperText-0PXol-Jc.js";
 export {
   r as FormHelperText,
   t as formHelperTextClasses,

package/dist/components/FormLabel/FormLabel.theme.js

@@ -1,7 +1,7 @@
 const r = {
   styleOverrides: {
     root: ({ theme: t }) => ({
-      color: `${t.vars?.palette.text.primary ?? t.palette.text.primary} !important`,
+      color: `${t.vars?.palette.text.primary} !important`,
       fontSize: "0.875rem",
       fontWeight: "500",
       marginBlockEnd: "3px"

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-CMnHFXtL.js";
+import { F as e, a as o, f as l, g as r } from "../../FormLabel-DgEEDp0y.js";
 export {
   e as FormLabel,
   o as FormLabelRoot,

package/dist/components/FormSublabel/FormSublabel.d.ts

@@ -5,6 +5,6 @@ import { CommonProps } from '@mui/material/OverridableComponent';
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { MUIStyledCommonProps } from '@mui/system';
 export type FormSublabelProps = FormHelperTextProps;
-export declare const FormSublabel: StyledComponent< FormHelperTextOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "margin" | "className" | "style" | "classes" | "children" | "sx" | "error" | "variant" | "focused" | "required" | "filled"> & MUIStyledCommonProps<Theme> & {
+export declare const FormSublabel: StyledComponent< FormHelperTextOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "classes" | "children" | "className" | "style" | "error" | "disabled" | "margin" | "required" | "sx" | "variant" | "focused" | "filled"> & MUIStyledCommonProps<Theme> & {
     component?: React.ElementType;
 }, {}, {}>;

package/dist/components/FormSublabel/FormSublabel.js

@@ -3,16 +3,18 @@ import "../../icons/ClearstoryIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../theme/index.js";
-import "../../Autocomplete-DwK9vbLW.js";
-import { F as c } from "../../SelectControl-DIp6AKWn.js";
-import "../../Input-CGI65XMK.js";
-import "../../Select-PSJab9wR.js";
-import "../ToastContainer/ToastContainer.js";
+import "../../Autocomplete-C5Xb0wsA.js";
+import { F as g } from "../../SelectControl-DDgaimsV.js";
+import "../../Datepicker-0dRy9elP.js";
+import "../Input/Input.js";
+import "../Select/Select.js";
 import "react/jsx-runtime";
+import "../../theme/internal.js";
+import "../ToastContainer/ToastContainer.js";
 import "../ToastContainer/ToastLabelContext.js";
 import "../../index-SzwnPTHF.js";
-import "../../styled-fdBsD-TS.js";
-import "../../FormHelperText-CKvEXrjK.js";
+import "../../styled-CQZHSS-5.js";
+import "../../FormHelperText-0PXol-Jc.js";
 export {
-  c as FormSublabel
+  g as FormSublabel
 };

package/dist/components/FormSublabel/index.js

@@ -1,4 +1,4 @@
-import { F as a } from "../../SelectControl-DIp6AKWn.js";
+import { F as a } from "../../SelectControl-DDgaimsV.js";
 export {
   a as FormSublabel
 };

package/dist/components/IconButton/IconButton.theme.js

@@ -1,15 +1,15 @@
-const e = {
+const l = {
   defaultProps: {
     size: "small"
   },
   styleOverrides: {
     root: ({ ownerState: o, theme: i }) => {
-      const l = o.color !== "inherit" && o.color !== "default" && o.color || "secondary", s = i.vars?.palette[l]?.light ?? i.palette[l]?.light;
+      const s = o.color !== "inherit" && o.color !== "default" && o.color || "secondary", e = i.vars?.palette[s]?.light;
       return {
         borderRadius: i.shape.borderRadius,
         "&:focus-visible": {
           outline: "2px solid",
-          outlineColor: s,
+          outlineColor: e,
           outlineOffset: "2px"
         }
       };
@@ -32,5 +32,5 @@ const e = {
   }
 };
 export {
-  e as MuiIconButton
+  l as MuiIconButton
 };

package/dist/components/IconButton/index.js

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

package/dist/components/Input/Input.d.ts

@@ -4,6 +4,7 @@ export interface InputProps extends InputBaseProps {
     color?: "primary" | "secondary" | "error" | "info" | "success" | "warning";
     size?: "small" | "medium";
     fullWidth?: boolean;
+    notched?: boolean;
 }
 export declare const Input: ForwardRefExoticComponent<Omit<InputProps, "ref"> & RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/components/Input/Input.js

@@ -1,7 +1,34 @@
-import "react/jsx-runtime";
-import "react";
-import { I as a, I as m } from "../../Input-CGI65XMK.js";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { I as i } from "../../InputBase-y6U3DCqy.js";
+const n = f((r, o) => {
+  const {
+    color: t = "primary",
+    size: e = "small",
+    fullWidth: p = !0,
+    error: s,
+    /*
+     * notched is a vestige of the @mui/material OutlinedInput;
+     * Select passes it too eagerly, so we need to explicitly ignore it
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    notched: u,
+    ...a
+  } = r;
+  return /* @__PURE__ */ m(
+    i,
+    {
+      inputRef: o,
+      error: s,
+      color: t,
+      size: e,
+      fullWidth: p,
+      ...a
+    }
+  );
+});
+n.displayName = "Input";
 export {
-  a as Input,
-  m as default
+  n as Input,
+  n as default
 };

package/dist/components/Input/Input.theme.js

@@ -1,29 +1,29 @@
-const i = {
+const l = {
   defaultProps: {
     size: "small"
   },
   styleOverrides: {
     root: ({ theme: r, ownerState: o }) => {
-      const e = o.color || "primary", t = o.error ? r.vars?.palette.error.light ?? r.palette.error.light : r.vars?.palette[e]?.light ?? r.palette[e]?.light;
+      const e = o.color, i = o.error ? r.vars?.palette.error.light : e && r.vars?.palette[e]?.light;
       return {
-        backgroundColor: r.vars?.palette.background.surface ?? r.palette.background.surface,
-        borderColor: r.vars?.palette.divider ?? r.palette.divider,
+        backgroundColor: r.vars?.palette.background.surface,
+        borderColor: r.vars?.palette.divider,
         borderRadius: r.shape.borderRadius,
         borderStyle: "solid",
         borderWidth: "1px",
         justifyContent: "space-between",
         "&:hover": {
-          borderColor: r.vars?.palette.action.hover ?? r.palette.action.hover
+          borderColor: r.vars?.palette.action.hover
         },
         "&:focus-within": {
-          borderColor: t,
-          outlineColor: t,
+          borderColor: i,
+          outlineColor: i,
           outlineStyle: "solid",
           outlineWidth: "1px"
         },
         ...o.error && {
-          borderColor: r.vars?.palette.error.light ?? r.palette.error.light,
-          outlineColor: r.vars?.palette.error.light ?? r.palette.error.light
+          borderColor: r.vars?.palette.error.light,
+          outlineColor: r.vars?.palette.error.light
         }
       };
     },
@@ -43,5 +43,5 @@ const i = {
   }
 };
 export {
-  i as MuiInputBase
+  l as MuiInputBase
 };

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as r } from "../../Input-CGI65XMK.js";
+import { Input as r } from "./Input.js";
 export {
   r as Input
 };

package/dist/components/InputAdornment/index.js

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

package/dist/components/InputControl/InputControl.js

@@ -4,20 +4,22 @@ import "../../hooks/useId.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import "../../Info-D8oILDHh.js";
+import "../../Info-0laCo4Av.js";
 import "../../theme/index.js";
-import "../../Autocomplete-DwK9vbLW.js";
-import { I as j } from "../../SelectControl-DIp6AKWn.js";
-import "../../Input-CGI65XMK.js";
-import "../../Select-PSJab9wR.js";
+import "../../Autocomplete-C5Xb0wsA.js";
+import { I as q } from "../../SelectControl-DDgaimsV.js";
+import "../../Datepicker-0dRy9elP.js";
+import "../Input/Input.js";
+import "../Select/Select.js";
+import "../../theme/internal.js";
 import "../ToastContainer/ToastContainer.js";
 import "../ToastContainer/ToastLabelContext.js";
 import "../../index-SzwnPTHF.js";
-import "../../FormControl-0xfvuzUE.js";
-import "../../Box-CxNOPJvz.js";
-import "../../FormLabel-CMnHFXtL.js";
-import "../../Tooltip-Be3G-mmr.js";
-import "../../FormHelperText-CKvEXrjK.js";
+import "../../FormControl-BM5OdpTU.js";
+import "../../Box-DYXm850y.js";
+import "../../FormLabel-DgEEDp0y.js";
+import "../../Tooltip-CwonMYRh.js";
+import "../../FormHelperText-0PXol-Jc.js";
 export {
-  j as InputControl
+  q as InputControl
 };

package/dist/components/InputControl/index.js

@@ -1,4 +1,4 @@
-import { I as t } from "../../SelectControl-DIp6AKWn.js";
+import { I as t } from "../../SelectControl-DDgaimsV.js";
 export {
   t as InputControl
 };

package/dist/components/LinearProgress/index.js

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

package/dist/components/Link/Link.theme.js

@@ -1,6 +1,6 @@
-const n = {
+const t = {
   styleOverrides: {
-    root: ({ ownerState: s, theme: o }) => {
+    root: ({ ownerState: r, theme: o }) => {
       const i = [
         "primary",
         "secondary",
@@ -8,7 +8,7 @@ const n = {
         "warning",
         "info",
         "success"
-      ], r = s.color !== "inherit" && i.includes(s.color) ? s.color : "primary", t = o.vars?.palette[r]?.light ?? o.palette[r]?.light;
+      ], s = r.color !== "inherit" && i.includes(r.color) ? r.color : "primary", n = o.vars?.palette[s]?.light;
       return {
         transition: [
           "color",
@@ -18,17 +18,17 @@ const n = {
         cursor: "pointer",
         "&:focus-visible": {
           outline: "2px solid",
-          outlineColor: t,
+          outlineColor: n,
           outlineOffset: "2px",
           borderRadius: o.shape.borderRadius + "px"
         },
         "&:active": {
-          color: o.vars?.palette[r]?.dark ?? o.palette[r]?.dark
+          color: o.vars?.palette[s]?.dark
         }
       };
     }
   }
 };
 export {
-  n as MuiLink
+  t as MuiLink
 };

package/dist/components/Link/index.js

@@ -1,4 +1,4 @@
-import { L as i, g as l, l as t } from "../../Link-DtMUkZ_j.js";
+import { L as i, g as l, l as t } from "../../Link-vr84jAa5.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-NhDqHGIf.js";
+import { L as a, g as i, l } from "../../List-lnWXxrrd.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-D3_gMUFO.js";
+import { L as e, g as a, l as i } from "../../ListItem-CRNYIfYC.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-DoreDYzA.js";
+import { L as s, g as e, l as i } from "../../ListItemAvatar-adFO_G9D.js";
 export {
   s as ListItemAvatar,
   e as getListItemAvatarUtilityClass,

package/dist/components/ListItemButton/ListItemButton.theme.js

@@ -1,7 +1,7 @@
-const i = {
+const s = {
   styleOverrides: {
     root: ({ theme: o }) => {
-      const t = o.vars?.palette.primary?.light ?? o.palette.primary?.light;
+      const t = o.vars?.palette.primary?.light;
       return {
         borderRadius: o.shape.borderRadius,
         transition: [
@@ -19,5 +19,5 @@ const i = {
   }
 };
 export {
-  i as MuiListItemButton
+  s as MuiListItemButton
 };

package/dist/components/ListItemButton/index.js

@@ -1,5 +1,5 @@
-import { L as e } from "../../ListItemButton-3mIYKPuf.js";
-import { g as a, l as i } from "../../listItemButtonClasses-CY51gpaL.js";
+import { L as e } from "../../ListItemButton-ME-IaSg2.js";
+import { g as a, l as i } from "../../listItemButtonClasses-Dl8z2bFF.js";
 export {
   e as ListItemButton,
   a as getListItemButtonUtilityClass,

package/dist/components/ListItemIcon/index.js

@@ -1,5 +1,5 @@
-import { L as e } from "../../ListItemIcon-Ct627wOe.js";
-import { g as I, l as a } from "../../listItemIconClasses-GTAjqE_t.js";
+import { L as e } from "../../ListItemIcon-xIc3HSTa.js";
+import { g as I, l as a } from "../../listItemIconClasses-CIriVfIB.js";
 export {
   e as ListItemIcon,
   I as getListItemIconUtilityClass,

package/dist/components/ListItemText/index.js

@@ -1,5 +1,5 @@
-import { L as e } from "../../ListItemText-DvemitEx.js";
-import { g as i, l } from "../../listItemTextClasses-CH4OOGtx.js";
+import { L as e } from "../../ListItemText-BRA7QfON.js";
+import { g as i, l } from "../../listItemTextClasses-BPKVctLb.js";
 export {
   e as ListItemText,
   i as getListItemTextUtilityClass,

package/dist/components/ListSubheader/index.js

@@ -1,4 +1,4 @@
-import { L as a, g as t, l as i } from "../../ListSubheader-CrcukSIN.js";
+import { L as a, g as t, l as i } from "../../ListSubheader-BJJtjInL.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-RfPRttR9.js";
+import { M as a, g as t, m as l } from "../../Menu-DUni07yQ.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-BI539mdA.js";
+import { M as t, g as m, m as a } from "../../MenuItem-DZQ0ktl-.js";
 export {
   t as MenuItem,
   m as getMenuItemUtilityClass,

package/dist/components/MenuList/index.js

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

package/dist/components/Paper/index.js

@@ -1,4 +1,4 @@
-import { P as e, g as p, p as r } from "../../Paper-cpl9lHzy.js";
+import { P as e, g as p, p as r } from "../../Paper-CHvWQDgP.js";
 export {
   e as Paper,
   p as getPaperUtilityClass,

package/dist/components/Radio/Radio.theme.js

@@ -4,11 +4,11 @@ const r = {
     size: "small"
   },
   styleOverrides: {
-    root: ({ ownerState: l, theme: o }) => {
-      const s = l.color !== "default" && l.color || "secondary", e = o.vars?.palette[s]?.light ?? o.palette[s]?.light;
+    root: ({ ownerState: o, theme: l }) => {
+      const s = o.color !== "default" && o.color || "secondary", e = l.vars?.palette[s]?.light;
       return {
         "&:focus-within svg": {
-          borderRadius: o.shape.borderRadius,
+          borderRadius: l.shape.borderRadius,
           outline: "2px solid",
           outlineColor: e,
           outlineOffset: "2px"

package/dist/components/Radio/index.js

@@ -1,4 +1,4 @@
-import { R as i, g as o, r } from "../../Radio-CkKki1U2.js";
+import { R as i, g as o, r } from "../../Radio-CL64EEI9.js";
 export {
   i as Radio,
   o as getRadioUtilityClass,

package/dist/components/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { R as r, g as s, r as i } from "../../RadioGroup-BSjm8fVu.js";
+import { R as r, g as s, r as i } from "../../RadioGroup-BAIi4C3x.js";
 import { u } from "../../useRadioGroup-M33YAtv7.js";
 export {
   r as RadioGroup,

package/dist/components/Select/Select.js

@@ -1,8 +1,15 @@
-import "react/jsx-runtime";
-import "react";
-import "../../Input-CGI65XMK.js";
-import { S as p, S as a } from "../../Select-PSJab9wR.js";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { Input as f } from "../Input/Input.js";
+import { S as s } from "../../Select-J3Qqg8xD.js";
+const a = p(
+  (t, o) => {
+    const { input: e = /* @__PURE__ */ r(f, {}), ...m } = t;
+    return /* @__PURE__ */ r(s, { ref: o, input: e, ...m });
+  }
+);
+a.displayName = "Select";
 export {
-  p as Select,
+  a as Select,
   a as default
 };

package/dist/components/Select/index.js

@@ -1,7 +1,8 @@
-import { S as t, S as a, g as l, s as S } from "../../Select-PSJab9wR.js";
+import { Select as t, Select as l } from "./Select.js";
+import { g as c, s as o } from "../../Select-J3Qqg8xD.js";
 export {
   t as Select,
-  a as default,
-  l as getSelectUtilityClasses,
-  S as selectClasses
+  l as default,
+  c as getSelectUtilityClasses,
+  o as selectClasses
 };

package/dist/components/SelectControl/SelectControl.js

@@ -4,20 +4,22 @@ import "../../hooks/useId.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import "../../Info-D8oILDHh.js";
+import "../../Info-0laCo4Av.js";
 import "../../theme/index.js";
-import "../../Autocomplete-DwK9vbLW.js";
-import { S as k } from "../../SelectControl-DIp6AKWn.js";
-import "../../Input-CGI65XMK.js";
-import "../../Select-PSJab9wR.js";
+import "../../Autocomplete-C5Xb0wsA.js";
+import { S as u } from "../../SelectControl-DDgaimsV.js";
+import "../../Datepicker-0dRy9elP.js";
+import "../Input/Input.js";
+import "../Select/Select.js";
+import "../../theme/internal.js";
 import "../ToastContainer/ToastContainer.js";
 import "../ToastContainer/ToastLabelContext.js";
 import "../../index-SzwnPTHF.js";
-import "../../FormControl-0xfvuzUE.js";
-import "../../Box-CxNOPJvz.js";
-import "../../FormLabel-CMnHFXtL.js";
-import "../../Tooltip-Be3G-mmr.js";
-import "../../FormHelperText-CKvEXrjK.js";
+import "../../FormControl-BM5OdpTU.js";
+import "../../Box-DYXm850y.js";
+import "../../FormLabel-DgEEDp0y.js";
+import "../../Tooltip-CwonMYRh.js";
+import "../../FormHelperText-0PXol-Jc.js";
 export {
-  k as SelectControl
+  u as SelectControl
 };

package/dist/components/SelectControl/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../../SelectControl-DIp6AKWn.js";
+import { S as r } from "../../SelectControl-DDgaimsV.js";
 export {
   r as SelectControl
 };

package/dist/components/Skeleton/index.js

@@ -1,4 +1,4 @@
-import { S as t, g as l, s as a } from "../../Skeleton-DxQ6mAsY.js";
+import { S as t, g as l, s as a } from "../../Skeleton-Bu-CMYIV.js";
 export {
   t as Skeleton,
   l as getSkeletonUtilityClass,

package/dist/components/Snackbar/index.js

@@ -1,4 +1,4 @@
-import { S as r, g as t, s as b } from "../../Snackbar-CiJ0tBj3.js";
+import { S as r, g as t, s as b } from "../../Snackbar-Cx61EfFI.js";
 export {
   r as Snackbar,
   t as getSnackbarUtilityClass,

package/dist/components/Stack/index.js

@@ -1,4 +1,4 @@
-import { S as t, s as c } from "../../stackClasses-ChsLhvi3.js";
+import { S as t, s as c } from "../../stackClasses-CTQIXOMm.js";
 export {
   t as Stack,
   c as stackClasses

package/dist/components/SvgIcon/index.js

@@ -1,4 +1,4 @@
-import { S as g, g as o, s as t } from "../../SvgIcon-xRzoI1sK.js";
+import { S as g, g as o, s as t } from "../../SvgIcon-Cq9MIwY2.js";
 export {
   g as SvgIcon,
   o as getSvgIconUtilityClass,

package/dist/components/Switch/index.js

@@ -1,4 +1,4 @@
-import { S as a, g as i, s as c } from "../../Switch-BML-6IUD.js";
+import { S as a, g as i, s as c } from "../../Switch-CbK8ENSH.js";
 export {
   a as Switch,
   i as getSwitchUtilityClass,

package/dist/components/Tab/Tab.theme.js

@@ -1,6 +1,6 @@
 const i = {
   styleOverrides: {
-    root: ({ ownerState: c, theme: o }) => {
+    root: ({ ownerState: o, theme: c }) => {
       const l = [
         "primary",
         "secondary",
@@ -8,14 +8,14 @@ const i = {
         "warning",
         "info",
         "success"
-      ], r = c.color !== "inherit" && l.includes(c.color) ? c.color : "primary";
+      ], r = o.color !== "inherit" && l.includes(o.color) ? o.color : "primary";
       return {
         "&:focus-visible": {
-          backgroundColor: `oklch(from ${o.vars?.palette[r]?.light ?? o.palette[r]?.light} calc(l + 0.1) c h / 0.12)`,
+          backgroundColor: `oklch(from ${c.vars?.palette[r]?.light} calc(l + 0.1) c h / 0.12)`,
           outline: "none"
         },
         "&:active": {
-          backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} calc(l + 0.1) c h / calc(${o.vars?.palette.action.activatedOpacity} * 0.8))`
+          backgroundColor: `oklch(from ${c.vars?.palette[r]?.main} calc(l + 0.1) c h / calc(${c.vars?.palette.action.activatedOpacity} * 0.8))`
         }
       };
     }

package/dist/components/Tab/index.js

@@ -1,4 +1,4 @@
-import { T as t, g as b, t as e } from "../../Tab-Bx22IZfB.js";
+import { T as t, g as b, t as e } from "../../Tab-DSRhfYfs.js";
 export {
   t as Tab,
   b as getTabUtilityClass,

package/dist/components/Tabs/index.js

@@ -1,4 +1,4 @@
-import { T as t, g as b, t as e } from "../../Tabs-im_gEiJr.js";
+import { T as t, g as b, t as e } from "../../Tabs-DwEH6lMn.js";
 export {
   t as Tabs,
   b as getTabsUtilityClass,

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { ThemeProviderProps as MuiThemeProviderProps } from '@mui/material';
+type ThemeProviderProps = Omit<MuiThemeProviderProps, "theme">;
+export declare const ThemeProvider: (props: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};