@solostylist/ui-kit 1.0.19 → 1.0.21

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -4,21 +4,21 @@ import r, { forwardRef as de } from "react";
 import { MenuItem as mt } from "@mui/material";
 import { E as pe } from "../SSRBase-BSdFRe_j.js";
 import { usePopover as On } from "../hooks/use-popover.js";
-import { g as Oe, c as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-Hc7RjLJ8.js";
-import { c as J } from "../identifier-CHPjnqaz.js";
-import { u as Q, s as M, c as _, m as N, r as ue, e as wn } from "../memoTheme-Bkr5VYLb.js";
+import { g as Oe, c as Z, P as t, a as bt, q as _t, l as xn, j as rt } from "../createTheme-DkVAXJiq.js";
+import { c as J } from "../identifier-DCmLmBSP.js";
+import { u as Q, s as M, c as _, m as N, r as ue, e as wn } from "../DefaultPropsProvider-DhE0_fCr.js";
 import { c as ve } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as Cn, i as gt } from "../iconButtonClasses-p4XIdEHn.js";
-import { c as Kt, B as Hn, u as at, r as Me, f as An } from "../useSlot-DeteCI62.js";
-import { g as xe } from "../generateUtilityClasses-BUjlppXi.js";
+import { g as Cn, i as gt } from "../iconButtonClasses-Dx9aLkXb.js";
+import { c as Kt, B as Hn, u as at, r as Me, f as An } from "../useSlot-D9cy_5Wu.js";
+import { g as xe } from "../generateUtilityClasses-DStZbN71.js";
 import { css as Gt, keyframes as Xt } from "@emotion/react";
-import { S as ht } from "../Stack-Cvqi8X8g.js";
-import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-bcHHOGTe.js";
-import { g as Yt, s as $e } from "../selectClasses-5MwxZ3Fd.js";
-import { F as Jt, a as Pe, u as vt } from "../useControlled-Bvu9pDu8.js";
-import { c as jn } from "../createSvgIcon-Ct7gnxYc.js";
-import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-49K73-OT.js";
-import { g as $n } from "../index-DKnaPifQ.js";
+import { S as ht } from "../Stack-Du2vO-iF.js";
+import { i as yt, o as En, M as Mn, g as Sn, P as In } from "../Menu-DeygsmYI.js";
+import { g as Yt, s as $e } from "../selectClasses-BDdGqseQ.js";
+import { F as Jt, a as Pe, u as vt } from "../useFormControl-D6-HePVL.js";
+import { c as jn } from "../createSvgIcon-CFj_BoDp.js";
+import { i as Te, g as Rn, a as Zn, o as Y } from "../outlinedInputClasses-DNQT_xFJ.js";
+import { g as $n } from "../index-8QDI4GK5.js";
 import { u as kn } from "../useEnhancedEffect-CJGo-L3B.js";
 import { unstable_useForkRef as Fn, unstable_ownerWindow as Ot, unstable_useEventCallback as Tn, unstable_useEnhancedEffect as xt, unstable_debounce as Pn } from "@mui/utils";
 function tt(e, n) {
@@ -30,20 +30,37 @@ function tt(e, n) {
     e.type.muiName ?? ((l = (a = (o = e.type) == null ? void 0 : o._payload) == null ? void 0 : a.value) == null ? void 0 : l.muiName)
   ) !== -1;
 }
-function wt(e) {
+let wt = 0;
+function Ln(e) {
+  const [n, o] = c.useState(e), a = e || n;
+  return c.useEffect(() => {
+    n == null && (wt += 1, o(`mui-${wt}`));
+  }, [n]), a;
+}
+const Nn = {
+  ...c
+}, Ct = Nn.useId;
+function Qt(e) {
+  if (Ct !== void 0) {
+    const n = Ct();
+    return e ?? n;
+  }
+  return Ln(e);
+}
+function Ht(e) {
   return e != null && !(Array.isArray(e) && e.length === 0);
 }
 function ze(e, n = !1) {
-  return e && (wt(e.value) && e.value !== "" || n && wt(e.defaultValue) && e.defaultValue !== "");
+  return e && (Ht(e.value) && e.value !== "" || n && Ht(e.defaultValue) && e.defaultValue !== "");
 }
-function Ln(e) {
+function Vn(e) {
   return e.startAdornment;
 }
-function Nn(e) {
+function Bn(e) {
   return Oe("MuiFormControl", e);
 }
 xe("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const Vn = (e) => {
+const zn = (e) => {
   const {
     classes: n,
     margin: o,
@@ -51,8 +68,8 @@ const Vn = (e) => {
   } = e, l = {
     root: ["root", o !== "none" && `margin${Z(o)}`, a && "fullWidth"]
   };
-  return _(l, Nn, n);
-}, Bn = M("div", {
+  return _(l, Bn, n);
+}, Wn = M("div", {
   name: "MuiFormControl",
   slot: "Root",
   overridesResolver: (e, n) => {
@@ -96,7 +113,7 @@ const Vn = (e) => {
       width: "100%"
     }
   }]
-}), Qt = /* @__PURE__ */ c.forwardRef(function(n, o) {
+}), en = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const a = Q({
     props: n,
     name: "MuiFormControl"
@@ -127,13 +144,13 @@ const Vn = (e) => {
     required: w,
     size: C,
     variant: y
-  }, m = Vn(E), [O, k] = c.useState(() => {
+  }, m = zn(E), [O, k] = c.useState(() => {
     let G = !1;
     return l && c.Children.forEach(l, (T) => {
       if (!tt(T, ["Input", "Select"]))
         return;
       const q = tt(T, ["Select"]) ? T.props.input : T;
-      q && Ln(q.props) && (G = !0);
+      q && Vn(q.props) && (G = !0);
     }), G;
   }), [j, K] = c.useState(() => {
     let G = !1;
@@ -178,7 +195,7 @@ const Vn = (e) => {
   }), [O, s, v, g, j, L, h, b, V, B, F, w, C, y]);
   return /* @__PURE__ */ i.jsx(Jt.Provider, {
     value: fe,
-    children: /* @__PURE__ */ i.jsx(Bn, {
+    children: /* @__PURE__ */ i.jsx(Wn, {
       as: p,
       ownerState: E,
       className: J(m.root, d),
@@ -188,7 +205,7 @@ const Vn = (e) => {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Qt.propTypes = {
+process.env.NODE_ENV !== "production" && (en.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -268,23 +285,6 @@ process.env.NODE_ENV !== "production" && (Qt.propTypes = {
    */
   variant: t.oneOf(["filled", "outlined", "standard"])
 });
-let Ct = 0;
-function zn(e) {
-  const [n, o] = c.useState(e), a = e || n;
-  return c.useEffect(() => {
-    n == null && (Ct += 1, o(`mui-${Ct}`));
-  }, [n]), a;
-}
-const Wn = {
-  ...c
-}, Ht = Wn.useId;
-function en(e) {
-  if (Ht !== void 0) {
-    const n = Ht();
-    return e ?? n;
-  }
-  return zn(e);
-}
 function Dn(e) {
   return Oe("MuiCircularProgress", e);
 }
@@ -689,7 +689,7 @@ const Yn = (e) => {
     loading: b = null,
     loadingIndicator: x,
     ...w
-  } = a, C = en(h), y = x ?? /* @__PURE__ */ i.jsx(tn, {
+  } = a, C = Qt(h), y = x ?? /* @__PURE__ */ i.jsx(tn, {
     "aria-labelledby": C,
     color: "inherit",
     size: 16
@@ -2987,7 +2987,7 @@ const Ao = (e) => {
   }, He = Ao(S), Ae = {
     ...H.PaperProps,
     ...(ut = H.slotProps) == null ? void 0 : ut.paper
-  }, pt = en();
+  }, pt = Qt();
   return /* @__PURE__ */ i.jsxs(c.Fragment, {
     children: [/* @__PURE__ */ i.jsx(xo, {
       as: "div",
@@ -4772,7 +4772,7 @@ const ya = ({ editor: e }) => {
         },
         open: n.open,
         slotProps: { paper: { sx: { p: 2 } } },
-        children: /* @__PURE__ */ i.jsxs(Qt, { children: [
+        children: /* @__PURE__ */ i.jsxs(en, { children: [
           /* @__PURE__ */ i.jsx(rn, { children: "URL" }),
           /* @__PURE__ */ i.jsx(
             Ke,

package/dist/s-text-editor/s-text-editor.js

@@ -5,7 +5,7 @@ import { Placeholder as m } from "@tiptap/extension-placeholder";
 import { useEditor as c, EditorContent as f } from "@tiptap/react";
 import { StarterKit as u } from "@tiptap/starter-kit";
 import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-import { B as d } from "../Box-CppaOdse.js";
+import { B as d } from "../Box-CYhpy9DM.js";
 const S = ({
   content: o,
   editable: r = !0,

package/dist/s-text-field/s-text-field.d.ts

@@ -5,6 +5,7 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
     required?: boolean;
     error?: string;
     htmlFor?: string;
+    hint?: string;
 };
-declare const STextField: ({ label, required, error, type, htmlFor, ...props }: STextFieldProps) => React.JSX.Element;
+declare const STextField: ({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps) => React.JSX.Element;
 export default STextField;

package/dist/s-text-field/s-text-field.js

@@ -1,14 +1,15 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
-import { TextField as m } from "@mui/material";
-import d from "../s-form/s-form.js";
-const u = ({
+import { TextField as d } from "@mui/material";
+import f from "../s-form/s-form.js";
+const a = ({
   label: i = "",
   required: o = !1,
   error: t,
   type: s = "text",
   htmlFor: e,
-  ...x
-}) => /* @__PURE__ */ r.jsx(d, { label: i, error: t, required: o, htmlFor: e, children: /* @__PURE__ */ r.jsx(m, { fullWidth: !0, type: s, id: e, error: !!t, ...x }) });
+  hint: x,
+  ...m
+}) => /* @__PURE__ */ r.jsx(f, { label: i, hint: x, error: t, required: o, htmlFor: e, children: /* @__PURE__ */ r.jsx(d, { fullWidth: !0, type: s, id: e, error: !!t, ...m }) });
 export {
-  u as default
+  a as default
 };

package/dist/s-tip/s-tip.js

@@ -1,7 +1,7 @@
 import { j as t } from "../jsx-runtime-C5mzlN2N.js";
-import { c } from "../createSvgIcon-Ct7gnxYc.js";
-import { S as e } from "../Stack-Cvqi8X8g.js";
-import { T as r } from "../Typography--_YDZuXf.js";
+import { c } from "../createSvgIcon-CFj_BoDp.js";
+import { S as e } from "../Stack-Du2vO-iF.js";
+import { T as r } from "../Typography-BUC2b3EE.js";
 const s = c(/* @__PURE__ */ t.jsx("path", {
   d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7"
 }), "LightbulbOutline"), l = ({ message: o }) => /* @__PURE__ */ t.jsxs(

package/dist/{selectClasses-5MwxZ3Fd.js → selectClasses-BDdGqseQ.js}

@@ -1,5 +1,5 @@
-import { g as t } from "./generateUtilityClasses-BUjlppXi.js";
-import { g as i } from "./createTheme-Hc7RjLJ8.js";
+import { g as t } from "./generateUtilityClasses-DStZbN71.js";
+import { g as i } from "./createTheme-DkVAXJiq.js";
 function n(e) {
   return i("MuiSelect", e);
 }

package/dist/{svgIconClasses-CeSsTTHM.js → svgIconClasses-ByelSBlO.js}

@@ -1,5 +1,5 @@
-import { g as r } from "./createTheme-Hc7RjLJ8.js";
-import { g as t } from "./generateUtilityClasses-BUjlppXi.js";
+import { g as r } from "./createTheme-DkVAXJiq.js";
+import { g as t } from "./generateUtilityClasses-DStZbN71.js";
 function s(o) {
   return r("MuiSvgIcon", o);
 }

package/dist/theme/customizations/data-display.js

@@ -2,12 +2,12 @@ import { j as m } from "../../jsx-runtime-C5mzlN2N.js";
 import e, { forwardRef as u } from "react";
 import { E as b } from "../../SSRBase-BSdFRe_j.js";
 import { gray as t, green as i, red as n } from "../theme-primitives.js";
-import { i as g } from "../../iconButtonClasses-p4XIdEHn.js";
-import { g as f } from "../../generateUtilityClasses-BUjlppXi.js";
-import { s as c } from "../../svgIconClasses-CeSsTTHM.js";
-import { b as C } from "../../buttonBaseClasses-Djzc2AiG.js";
-import { t as S } from "../../typographyClasses-ykhCbiPA.js";
-import { a as s } from "../../createTheme-Hc7RjLJ8.js";
+import { i as g } from "../../iconButtonClasses-Dx9aLkXb.js";
+import { g as f } from "../../generateUtilityClasses-DStZbN71.js";
+import { s as c } from "../../svgIconClasses-ByelSBlO.js";
+import { b as C } from "../../buttonBaseClasses-D9p3ujfW.js";
+import { t as S } from "../../typographyClasses-By7qHJ5j.js";
+import { a as s } from "../../createTheme-DkVAXJiq.js";
 const l = f("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), h = /* @__PURE__ */ new Map([
   [
     "bold",

package/dist/theme/customizations/feedback.js

@@ -1,5 +1,5 @@
 import { gray as e, orange as o } from "../theme-primitives.js";
-import { a } from "../../createTheme-Hc7RjLJ8.js";
+import { a } from "../../createTheme-DkVAXJiq.js";
 const l = {
   MuiAlert: {
     styleOverrides: {

package/dist/theme/customizations/inputs.js

@@ -1,10 +1,10 @@
 import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import { c as t } from "../../createSvgIcon-Ct7gnxYc.js";
+import { c as t } from "../../createSvgIcon-CFj_BoDp.js";
 import { brand as e, gray as o } from "../theme-primitives.js";
-import { o as i } from "../../outlinedInputClasses-49K73-OT.js";
-import { g as s } from "../../generateUtilityClasses-BUjlppXi.js";
-import { s as n } from "../../svgIconClasses-CeSsTTHM.js";
-import { a } from "../../createTheme-Hc7RjLJ8.js";
+import { o as i } from "../../outlinedInputClasses-DNQT_xFJ.js";
+import { g as s } from "../../generateUtilityClasses-DStZbN71.js";
+import { s as n } from "../../svgIconClasses-ByelSBlO.js";
+import { a } from "../../createTheme-DkVAXJiq.js";
 const c = t(/* @__PURE__ */ l.jsx("path", {
   d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
 }), "CheckBoxOutlineBlankRounded"), p = t(/* @__PURE__ */ l.jsx("path", {

package/dist/theme/customizations/navigation.js

@@ -1,12 +1,12 @@
 import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
 import * as d from "react";
-import { c as p } from "../../createSvgIcon-Ct7gnxYc.js";
+import { c as p } from "../../createSvgIcon-CFj_BoDp.js";
 import { gray as r, brand as n } from "../theme-primitives.js";
-import { d as c, m as a } from "../../menuItemClasses-Dzm1zEZ_.js";
-import { g as b } from "../../generateUtilityClasses-BUjlppXi.js";
-import { s } from "../../selectClasses-5MwxZ3Fd.js";
-import { b as u } from "../../buttonBaseClasses-Djzc2AiG.js";
-import { a as e } from "../../createTheme-Hc7RjLJ8.js";
+import { d as c, m as a } from "../../menuItemClasses-D9_8SIPH.js";
+import { g as b } from "../../generateUtilityClasses-DStZbN71.js";
+import { s } from "../../selectClasses-BDdGqseQ.js";
+import { b as u } from "../../buttonBaseClasses-D9p3ujfW.js";
+import { a as e } from "../../createTheme-DkVAXJiq.js";
 const x = p(/* @__PURE__ */ l.jsx("path", {
   d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
 }), "UnfoldMoreRounded"), t = b("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), R = {

package/dist/theme/customizations/surfaces.js

@@ -1,5 +1,5 @@
 import { gray as o } from "../theme-primitives.js";
-import { a } from "../../createTheme-Hc7RjLJ8.js";
+import { a } from "../../createTheme-DkVAXJiq.js";
 const i = {
   MuiAccordion: {
     defaultProps: {

package/dist/theme/theme-primitives.js

@@ -1,4 +1,4 @@
-import { b as n, a as o } from "../createTheme-Hc7RjLJ8.js";
+import { b as n, a as o } from "../createTheme-DkVAXJiq.js";
 const e = n(), p = [...e.shadows], t = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",

package/dist/{typographyClasses-ykhCbiPA.js → typographyClasses-By7qHJ5j.js}

@@ -1,5 +1,5 @@
-import { g as a } from "./generateUtilityClasses-BUjlppXi.js";
-import { g as i } from "./createTheme-Hc7RjLJ8.js";
+import { g as a } from "./generateUtilityClasses-DStZbN71.js";
+import { g as i } from "./createTheme-DkVAXJiq.js";
 function e(t) {
   return i("MuiTypography", t);
 }

package/dist/{useControlled-Bvu9pDu8.js → useFormControl-D6-HePVL.js}

@@ -1,10 +1,5 @@
 import * as e from "react";
-const c = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (c.displayName = "FormControlContext");
-function a() {
-  return e.useContext(c);
-}
-function h({
+function a({
   controlled: n,
   default: r,
   name: o,
@@ -31,8 +26,13 @@ function h({
   }, []);
   return [f, d];
 }
+const c = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (c.displayName = "FormControlContext");
+function h() {
+  return e.useContext(c);
+}
 export {
   c as F,
-  a,
-  h as u
+  h as a,
+  a as u
 };

package/dist/{useSlot-DeteCI62.js → useSlot-D9cy_5Wu.js}

@@ -1,21 +1,16 @@
 var ke = Object.defineProperty;
 var Be = (e, t, n) => t in e ? ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var W = (e, t, n) => Be(e, typeof t != "symbol" ? t + "" : t, n);
-import { c as M } from "./identifier-CHPjnqaz.js";
+import { c as M } from "./identifier-DCmLmBSP.js";
 import * as h from "react";
 import q, { isValidElement as J, cloneElement as Q, Children as Ve } from "react";
-import { P as r } from "./createTheme-Hc7RjLJ8.js";
+import { P as r } from "./createTheme-DkVAXJiq.js";
 import { j as U } from "./jsx-runtime-C5mzlN2N.js";
-import { g as Ue } from "./generateUtilityClasses-BUjlppXi.js";
-import { u as me, s as ie, c as _e } from "./memoTheme-Bkr5VYLb.js";
+import { g as Ue } from "./generateUtilityClasses-DStZbN71.js";
+import { u as me, s as ie, c as _e } from "./DefaultPropsProvider-DhE0_fCr.js";
 import { keyframes as re } from "@emotion/react";
-import { g as Fe, b as He } from "./buttonBaseClasses-Djzc2AiG.js";
+import { g as Fe, b as He } from "./buttonBaseClasses-D9p3ujfW.js";
 import { u as ze } from "./useEnhancedEffect-CJGo-L3B.js";
-function Ye(e, t) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...s) {
-    return e(...s) || t(...s);
-  };
-}
 function P(e) {
   const t = h.useRef(e);
   return ze(() => {
@@ -48,7 +43,7 @@ function te(...e) {
     t.current && (t.current(), t.current = void 0), s != null && (t.current = n(s));
   }, e);
 }
-function Xe(e, t) {
+function Ye(e, t) {
   const n = e.charCodeAt(2);
   return e[0] === "o" && e[1] === "n" && n >= 65 && n <= 90 && typeof t == "function";
 }
@@ -58,7 +53,7 @@ function Lt(e, t) {
   function n(u, c) {
     const a = {};
     return Object.keys(c).forEach((l) => {
-      Xe(l, c[l]) && typeof u[l] == "function" && (a[l] = (...d) => {
+      Ye(l, c[l]) && typeof u[l] == "function" && (a[l] = (...d) => {
         u[l](...d), c[l](...d);
       });
     }), a;
@@ -106,6 +101,11 @@ function Lt(e, t) {
     }
   };
 }
+function Xe(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...s) {
+    return e(...s) || t(...s);
+  };
+}
 const Ke = r.oneOfType([r.func, r.object]);
 function We(e) {
   const {
@@ -124,7 +124,7 @@ function qe(e, t, n, s, o) {
   let c;
   return typeof i == "function" && !We(i) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${s} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const Ge = Ye(r.elementType, qe);
+const Ge = Xe(r.elementType, qe);
 function fe(e) {
   try {
     return e.matches(":focus-visible");
@@ -1166,7 +1166,7 @@ export {
   Pe as _,
   At as a,
   Qe as b,
-  Ye as c,
+  Xe as c,
   ut as d,
   Et as e,
   Ge as f,

package/dist/{useTheme-Z78hHaly.js → useTheme-B14mI9KW.js}

@@ -1,4 +1,4 @@
-import { e as n } from "./createTheme-Hc7RjLJ8.js";
+import { e as n } from "./createTheme-DkVAXJiq.js";
 import * as o from "react";
 import { ThemeContext as m } from "@emotion/react";
 function r(e) {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",