@solostylist/ui-kit 1.0.8 → 1.0.10

package/dist/{Menu-BymLGoMc.js → Menu-CzI0zcbw.js}

@@ -1,26 +1,26 @@
 import * as p from "react";
 import me from "react";
-import { P as e, T as Nt, j as ze, o as We, k as it } from "./createTheme-dX0MILsf.js";
-import { c as ee } from "./clsx-DfguY6FT.js";
+import { P as e, a as ze, o as We, k as it } from "./createTheme-BZxWCiBm.js";
+import { T as Nt, c as ee } from "./identifier-CHPjnqaz.js";
 import { j as L } from "./jsx-runtime-C5mzlN2N.js";
-import { s as z, c as ie, m as at, r as wt } from "./memoTheme-DOlCkXD8.js";
-import { a as Re, g as Oe } from "./generateUtilityClasses-CuEy5gtx.js";
-import { u as G, e as St, m as Ct, r as kt, a as Mt, b as Dt } from "./useSlot-Tj9CW-Xc.js";
-import { d as It, u as ae } from "./DefaultPropsProvider-Cw67t9bx.js";
-import { _ as jt, a as Ft, T as lt, c as Ne, b as Lt, u as we, r as At, e as _t } from "./ButtonBase-D7WZejV5.js";
-import { u as $t } from "./useTheme-CNZ6Hnpo.js";
+import { d as wt, u as ie, s as z, c as ae, m as at, r as St } from "./memoTheme-CaOW5YiB.js";
+import { g as Re } from "./generateUtilityClass-CRH_bFW6.js";
+import { g as Oe } from "./generateUtilityClasses-STjIp_B9.js";
+import { u as G, e as Ct, m as kt, r as Mt, a as Dt, b as It } from "./useSlot-CtsS_jy6.js";
+import { _ as jt, a as Ft, T as lt, c as Ne, b as Lt, u as we, r as At, e as _t } from "./ButtonBase-BFsNsbc9.js";
+import { u as $t } from "./useTheme-DrS6mww6.js";
 import * as Vt from "react-dom";
 import he from "react-dom";
 import { unstable_getScrollbarSize as Ut, unstable_ownerWindow as Ee, unstable_ownerDocument as se, unstable_useForkRef as Ve, unstable_getReactElementRef as ct, elementAcceptingRef as qt, exactProp as ut, unstable_useEnhancedEffect as Ge, unstable_setRef as Xe, HTMLElementType as Kt, unstable_useEventCallback as Ye, unstable_createChainedFunction as Je } from "@mui/utils";
-import { g as Ht } from "./backdropClasses-DDhytLTQ.js";
-import { g as Bt } from "./paperClasses-Bf2rrWVr.js";
+import { g as Ht } from "./backdropClasses-lc38rgzd.js";
+import { g as Bt } from "./paperClasses-D1WMlaxU.js";
 import { u as zt } from "./useEnhancedEffect-CJGo-L3B.js";
-import { L as Wt } from "./MenuItem-l3xZOND-.js";
+import { L as Wt } from "./MenuItem-Bl45WcKS.js";
 const Gt = /* @__PURE__ */ p.createContext();
 process.env.NODE_ENV !== "production" && (e.node, e.bool);
 const Xt = () => p.useContext(Gt) ?? !1;
 function Ue() {
-  const t = $t(It);
+  const t = $t(wt);
   return process.env.NODE_ENV !== "production" && p.useDebugValue(t), t[Nt] || t;
 }
 function Yt(t, n = 166) {
@@ -1146,7 +1146,7 @@ const En = (t) => {
     classes: n,
     invisible: r
   } = t;
-  return ie({
+  return ae({
     root: ["root", r && "invisible"]
   }, Ht, n);
 }, gn = z("div", {
@@ -1178,7 +1178,7 @@ const En = (t) => {
     }
   }]
 }), gt = /* @__PURE__ */ p.forwardRef(function(n, r) {
-  const s = ae({
+  const s = ie({
     props: n,
     name: "MuiBackdrop"
   }), {
@@ -1372,7 +1372,7 @@ function Tn(t) {
   };
   return {
     getRootProps: (d = {}) => {
-      const h = St(t);
+      const h = Ct(t);
       delete h.onTransitionEnter, delete h.onTransitionExited;
       const j = {
         ...h,
@@ -1428,7 +1428,7 @@ const Pn = (t) => {
     exited: r,
     classes: s
   } = t;
-  return ie({
+  return ae({
     root: ["root", !n && r && "hidden"],
     backdrop: ["backdrop"]
   }, xn, s);
@@ -1465,7 +1465,7 @@ const Pn = (t) => {
 })({
   zIndex: -1
 }), yt = /* @__PURE__ */ p.forwardRef(function(n, r) {
-  const s = ae({
+  const s = ie({
     name: "MuiModal",
     props: n
   }), {
@@ -1767,7 +1767,7 @@ const Nn = (t) => {
   } = t, o = {
     root: ["root", s, !n && "rounded", s === "elevation" && `elevation${r}`]
   };
-  return ie(o, Bt, i);
+  return ae(o, Bt, i);
 }, wn = z("div", {
   name: "MuiPaper",
   slot: "Root",
@@ -1808,7 +1808,7 @@ const Nn = (t) => {
   }]
 }))), vt = /* @__PURE__ */ p.forwardRef(function(n, r) {
   var m;
-  const s = ae({
+  const s = ie({
     props: n,
     name: "MuiPaper"
   }), i = Ue(), {
@@ -1921,7 +1921,7 @@ const Cn = (t) => {
   const {
     classes: n
   } = t;
-  return ie({
+  return ae({
     root: ["root"],
     paper: ["paper"]
   }, Sn, n);
@@ -1946,7 +1946,7 @@ const Cn = (t) => {
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
 }), xt = /* @__PURE__ */ p.forwardRef(function(n, r) {
-  const s = ae({
+  const s = ie({
     props: n,
     name: "MuiPopover"
   }), {
@@ -2117,7 +2117,7 @@ const Cn = (t) => {
         backdrop: C.backdrop
       },
       slotProps: {
-        backdrop: Ct(typeof g.backdrop == "function" ? g.backdrop(M) : g.backdrop, {
+        backdrop: kt(typeof g.backdrop == "function" ? g.backdrop(M) : g.backdrop, {
           invisible: !0
         })
       },
@@ -2364,14 +2364,14 @@ function Mn(t) {
     ownerState: s,
     skipResolvingSlotProps: i = !1,
     ...o
-  } = t, a = i ? {} : kt(r, s), {
+  } = t, a = i ? {} : Mt(r, s), {
     props: l,
     internalRef: c
-  } = Mt({
+  } = Dt({
     ...o,
     externalSlotProps: a
   }), b = we(c, a == null ? void 0 : a.ref, (v = t.additionalProps) == null ? void 0 : v.ref);
-  return Dt(n, {
+  return It(n, {
     ...l,
     ref: b
   }, s);
@@ -2387,7 +2387,7 @@ const In = (t) => {
     dense: s,
     subheader: i
   } = t;
-  return ie({
+  return ae({
     root: ["root", !r && "padding", s && "dense", i && "subheader"]
   }, Dn, n);
 }, jn = z("ul", {
@@ -2421,7 +2421,7 @@ const In = (t) => {
     }
   }]
 }), Pt = /* @__PURE__ */ p.forwardRef(function(n, r) {
-  const s = ae({
+  const s = ie({
     props: n,
     name: "MuiList"
   }), {
@@ -2669,13 +2669,13 @@ const An = {
   const {
     classes: n
   } = t;
-  return ie({
+  return ae({
     root: ["root"],
     paper: ["paper"],
     list: ["list"]
   }, Ln, n);
 }, Vn = z(xt, {
-  shouldForwardProp: (t) => wt(t) || t === "classes",
+  shouldForwardProp: (t) => St(t) || t === "classes",
   name: "MuiMenu",
   slot: "Root",
   overridesResolver: (t, n) => n.root
@@ -2698,7 +2698,7 @@ const An = {
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
 }), Kn = /* @__PURE__ */ p.forwardRef(function(n, r) {
-  const s = ae({
+  const s = ie({
     props: n,
     name: "MuiMenu"
   }), {

package/dist/{MenuItem-l3xZOND-.js → MenuItem-Bl45WcKS.js}

@@ -1,45 +1,41 @@
 import * as l from "react";
-import { j as d, P as t } from "./createTheme-dX0MILsf.js";
-import { c as I } from "./clsx-DfguY6FT.js";
-import { s as E, c as B, r as L, m as D } from "./memoTheme-DOlCkXD8.js";
-import { g as b, a as P } from "./generateUtilityClasses-CuEy5gtx.js";
-import { j as $ } from "./jsx-runtime-C5mzlN2N.js";
-import { u as S } from "./DefaultPropsProvider-Cw67t9bx.js";
-import { u as U } from "./useEnhancedEffect-CJGo-L3B.js";
-import { u as F, B as G } from "./ButtonBase-D7WZejV5.js";
-import { l as O } from "./listItemIconClasses-CTdclC9V.js";
-const f = /* @__PURE__ */ l.createContext({});
-process.env.NODE_ENV !== "production" && (f.displayName = "ListContext");
-const M = b("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), w = b("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
-function H(e) {
-  return P("MuiMenuItem", e);
-}
-const n = b("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), _ = (e, o) => {
+import { a as d, P as o } from "./createTheme-BZxWCiBm.js";
+import { c as x } from "./identifier-CHPjnqaz.js";
+import { u as V, s as j, c as B, r as L, m as P } from "./memoTheme-CaOW5YiB.js";
+import { g as S, d as $, m as i } from "./menuItemClasses-BxqenSTj.js";
+import { j as I } from "./jsx-runtime-C5mzlN2N.js";
+import { u as D } from "./useEnhancedEffect-CJGo-L3B.js";
+import { u as F, B as G } from "./ButtonBase-BFsNsbc9.js";
+import { l as O } from "./listItemIconClasses-D-kc0Y9u.js";
+import { g as U } from "./generateUtilityClasses-STjIp_B9.js";
+const b = /* @__PURE__ */ l.createContext({});
+process.env.NODE_ENV !== "production" && (b.displayName = "ListContext");
+const M = U("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), H = (e, s) => {
   const {
-    ownerState: s
+    ownerState: t
   } = e;
-  return [o.root, s.dense && o.dense, s.divider && o.divider, !s.disableGutters && o.gutters];
-}, h = (e) => {
+  return [s.root, t.dense && s.dense, t.divider && s.divider, !t.disableGutters && s.gutters];
+}, _ = (e) => {
   const {
-    disabled: o,
-    dense: s,
+    disabled: s,
+    dense: t,
     divider: a,
     disableGutters: c,
     selected: p,
     classes: r
-  } = e, i = B({
-    root: ["root", s && "dense", o && "disabled", !c && "gutters", a && "divider", p && "selected"]
-  }, H, r);
+  } = e, n = B({
+    root: ["root", t && "dense", s && "disabled", !c && "gutters", a && "divider", p && "selected"]
+  }, S, r);
   return {
     ...r,
-    ...i
+    ...n
   };
-}, z = E(G, {
+}, z = j(G, {
   shouldForwardProp: (e) => L(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
-  overridesResolver: _
-})(D(({
+  overridesResolver: H
+})(P(({
   theme: e
 }) => ({
   ...e.typography.body1,
@@ -61,37 +57,37 @@ const n = b("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
       backgroundColor: "transparent"
     }
   },
-  [`&.${n.selected}`]: {
+  [`&.${i.selected}`]: {
     backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : d(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${n.focusVisible}`]: {
+    [`&.${i.focusVisible}`]: {
       backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : d(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
-  [`&.${n.selected}:hover`]: {
+  [`&.${i.selected}:hover`]: {
     backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : d(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : d(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
-  [`&.${n.focusVisible}`]: {
+  [`&.${i.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${n.disabled}`]: {
+  [`&.${i.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
-  [`& + .${M.root}`]: {
+  [`& + .${$.root}`]: {
     marginTop: e.spacing(1),
     marginBottom: e.spacing(1)
   },
-  [`& + .${M.inset}`]: {
+  [`& + .${$.inset}`]: {
     marginLeft: 52
   },
-  [`& .${w.root}`]: {
+  [`& .${M.root}`]: {
     marginTop: 0,
     marginBottom: 0
   },
-  [`& .${w.inset}`]: {
+  [`& .${M.inset}`]: {
     paddingLeft: 36
   },
   [`& .${O.root}`]: {
@@ -99,24 +95,24 @@ const n = b("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
   },
   variants: [{
     props: ({
-      ownerState: o
-    }) => !o.disableGutters,
+      ownerState: s
+    }) => !s.disableGutters,
     style: {
       paddingLeft: 16,
       paddingRight: 16
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.divider,
+      ownerState: s
+    }) => s.divider,
     style: {
       borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
       backgroundClip: "padding-box"
     }
   }, {
     props: ({
-      ownerState: o
-    }) => !o.dense,
+      ownerState: s
+    }) => !s.dense,
     style: {
       [e.breakpoints.up("sm")]: {
         minHeight: "auto"
@@ -124,8 +120,8 @@ const n = b("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.dense,
+      ownerState: s
+    }) => s.dense,
     style: {
       minHeight: 32,
       // https://m2.material.io/components/menus#specs > Dense
@@ -137,51 +133,51 @@ const n = b("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
       }
     }
   }]
-}))), A = /* @__PURE__ */ l.forwardRef(function(o, s) {
-  const a = S({
-    props: o,
+}))), W = /* @__PURE__ */ l.forwardRef(function(s, t) {
+  const a = V({
+    props: s,
     name: "MuiMenuItem"
   }), {
     autoFocus: c = !1,
     component: p = "li",
     dense: r = !1,
-    divider: g = !1,
-    disableGutters: i = !1,
+    divider: f = !1,
+    disableGutters: n = !1,
     focusVisibleClassName: N,
     role: T = "menuitem",
-    tabIndex: v,
-    className: V,
-    ...R
-  } = a, y = l.useContext(f), C = l.useMemo(() => ({
-    dense: r || y.dense || !1,
-    disableGutters: i
-  }), [y.dense, r, i]), u = l.useRef(null);
-  U(() => {
+    tabIndex: g,
+    className: R,
+    ...k
+  } = a, v = l.useContext(b), y = l.useMemo(() => ({
+    dense: r || v.dense || !1,
+    disableGutters: n
+  }), [v.dense, r, n]), u = l.useRef(null);
+  D(() => {
     c && (u.current ? u.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
   }, [c]);
-  const k = {
+  const w = {
     ...a,
-    dense: C.dense,
-    divider: g,
-    disableGutters: i
-  }, m = h(a), j = F(u, s);
-  let x;
-  return a.disabled || (x = v !== void 0 ? v : -1), /* @__PURE__ */ $.jsx(f.Provider, {
-    value: C,
-    children: /* @__PURE__ */ $.jsx(z, {
-      ref: j,
+    dense: y.dense,
+    divider: f,
+    disableGutters: n
+  }, m = _(a), E = F(u, t);
+  let C;
+  return a.disabled || (C = g !== void 0 ? g : -1), /* @__PURE__ */ I.jsx(b.Provider, {
+    value: y,
+    children: /* @__PURE__ */ I.jsx(z, {
+      ref: E,
       role: T,
-      tabIndex: x,
+      tabIndex: C,
       component: p,
-      focusVisibleClassName: I(m.focusVisible, N),
-      className: I(m.root, V),
-      ...R,
-      ownerState: k,
+      focusVisibleClassName: x(m.focusVisible, N),
+      className: x(m.root, R),
+      ...k,
+      ownerState: w,
       classes: m
     })
   });
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (W.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -191,44 +187,44 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus: t.bool,
+  autoFocus: o.bool,
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: o.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: o.elementType,
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent Menu component.
    * @default false
    */
-  dense: t.bool,
+  dense: o.bool,
   /**
    * @ignore
    */
-  disabled: t.bool,
+  disabled: o.bool,
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters: t.bool,
+  disableGutters: o.bool,
   /**
    * If `true`, a 1px light border is added to the bottom of the menu item.
    * @default false
    */
-  divider: t.bool,
+  divider: o.bool,
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -237,26 +233,26 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: t.string,
+  focusVisibleClassName: o.string,
   /**
    * @ignore
    */
-  role: t.string,
+  role: o.string,
   /**
    * If `true`, the component is selected.
    * @default false
    */
-  selected: t.bool,
+  selected: o.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * @default 0
    */
-  tabIndex: t.number
+  tabIndex: o.number
 });
 export {
-  f as L,
-  A as M
+  b as L,
+  W as M
 };

package/dist/{Stack-CxKx2YGj.js → Stack-DIkbVcfm.js}

@@ -1,12 +1,11 @@
-import { P as e, h as O, r as m, e as V, f as C, m as D, a as R, g as T } from "./createTheme-dX0MILsf.js";
-import { a as E, c as N, s as F } from "./memoTheme-DOlCkXD8.js";
+import { P as e, h as O, r as m, f as V, g as C, m as R, e as D, j as T } from "./createTheme-BZxWCiBm.js";
+import { a as E, b as N, c as F, s as B, u as M } from "./memoTheme-CaOW5YiB.js";
 import * as f from "react";
-import { c as B } from "./clsx-DfguY6FT.js";
-import { j as M } from "./jsx-runtime-C5mzlN2N.js";
-import { e as w } from "./extendSxProp-CTBBOYHX.js";
-import { r as G, u as U } from "./DefaultPropsProvider-Cw67t9bx.js";
-import { u as $ } from "./useTheme-CNZ6Hnpo.js";
-import { a as A } from "./generateUtilityClasses-CuEy5gtx.js";
+import { c as w } from "./identifier-CHPjnqaz.js";
+import { j as G } from "./jsx-runtime-C5mzlN2N.js";
+import { e as U } from "./extendSxProp-SCsFy5tr.js";
+import { u as $ } from "./useTheme-DrS6mww6.js";
+import { g as A } from "./generateUtilityClass-CRH_bFW6.js";
 const _ = E();
 function L(o) {
   const {
@@ -14,7 +13,7 @@ function L(o) {
     name: s,
     props: n
   } = o;
-  return !r || !r.components || !r.components[s] || !r.components[s].defaultProps ? n : G(r.components[s].defaultProps, n);
+  return !r || !r.components || !r.components[s] || !r.components[s].defaultProps ? n : N(r.components[s].defaultProps, n);
 }
 function q({
   props: o,
@@ -29,7 +28,7 @@ function q({
     props: o
   });
 }
-const z = R(), H = _("div", {
+const z = D(), H = _("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
@@ -96,7 +95,7 @@ const K = (o) => ({
       }
     }));
   }
-  return s = D(r.breakpoints, s), s;
+  return s = R(r.breakpoints, s), s;
 };
 function W(o = {}) {
   const {
@@ -104,10 +103,10 @@ function W(o = {}) {
     createStyledComponent: r = H,
     useThemeProps: s = I,
     componentName: n = "MuiStack"
-  } = o, c = () => N({
+  } = o, c = () => F({
     root: ["root"]
   }, (t) => A(n, t), {}), a = r(Q), l = /* @__PURE__ */ f.forwardRef(function(t, i) {
-    const p = s(t), y = w(p), {
+    const p = s(t), y = U(p), {
       component: u = "div",
       direction: b = "column",
       spacing: h = 0,
@@ -121,11 +120,11 @@ function W(o = {}) {
       spacing: h,
       useFlexGap: k
     }, S = c();
-    return /* @__PURE__ */ M.jsx(a, {
+    return /* @__PURE__ */ G.jsx(a, {
       as: u,
       ownerState: x,
       ref: i,
-      className: B(S.root, j),
+      className: w(S.root, j),
       ...P,
       children: v ? J(g, v) : g
     });
@@ -139,12 +138,12 @@ function W(o = {}) {
   }), l;
 }
 const X = W({
-  createStyledComponent: F("div", {
+  createStyledComponent: B("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => U({
+  useThemeProps: (o) => M({
     props: o,
     name: "MuiStack"
   })