@solostylist/ui-kit 1.0.68 → 1.0.70

package/dist/{Box-6v9dDzdR.js → Box-reWd7MO-.js}

@@ -1,40 +1,40 @@
-import { P as e } from "./index-5OJKu9qh.js";
-import { c as u, T as d } from "./identifier-CGgVMHib.js";
-import { s as h, g as T } from "./generateUtilityClasses-DMkCz287.js";
-import * as y from "react";
-import { j as B } from "./jsx-runtime-C5mzlN2N.js";
-import { s as N, C, b } from "./createTheme-BlQh0eyI.js";
-import { u as g } from "./useTheme-Bn9C3FUK.js";
-import { e as j } from "./extendSxProp-B_wB9j9Z.js";
+import { s as u, C as d, b as h, P as e } from "./createTheme-DuP3DZSF.js";
+import { T } from "./identifier-BKLqN993.js";
+import { s as y, g as B } from "./generateUtilityClasses-BpNk3DNr.js";
+import * as N from "react";
+import { c as C } from "./clsx-OuTLNxxd.js";
+import { j as b } from "./jsx-runtime-DywqP_6a.js";
+import { u as g } from "./useTheme-Dy5JmnOe.js";
+import { e as j } from "./extendSxProp-KtEeHd8h.js";
 function E(m = {}) {
   const {
     themeId: t,
     defaultTheme: n,
     defaultClassName: a = "MuiBox-root",
     generateClassName: r
-  } = m, c = h("div", {
+  } = m, c = y("div", {
     shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(N);
-  return /* @__PURE__ */ y.forwardRef(function(f, i) {
+  })(u);
+  return /* @__PURE__ */ N.forwardRef(function(f, i) {
     const s = g(n), {
       className: l,
       component: p = "div",
       ...x
     } = j(f);
-    return /* @__PURE__ */ B.jsx(c, {
+    return /* @__PURE__ */ b.jsx(c, {
       as: p,
       ref: i,
-      className: u(l, r ? r(a) : a),
+      className: C(l, r ? r(a) : a),
       theme: t && s[t] || s,
       ...x
     });
   });
 }
-const v = T("MuiBox", ["root"]), O = b(), P = E({
-  themeId: d,
+const v = B("MuiBox", ["root"]), O = h(), P = E({
+  themeId: T,
   defaultTheme: O,
   defaultClassName: v.root,
-  generateClassName: C.generate
+  generateClassName: d.generate
 });
 process.env.NODE_ENV !== "production" && (P.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/dist/{Close-Cq0bfDqS.js → Close-CVFQMMUW.js}

@@ -1,5 +1,5 @@
-import { j as o } from "./jsx-runtime-C5mzlN2N.js";
-import { c as s } from "./createSvgIcon-BTLVR-ad.js";
+import { j as o } from "./jsx-runtime-DywqP_6a.js";
+import { c as s } from "./createSvgIcon-DN-sh_sr.js";
 const e = s(/* @__PURE__ */ o.jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");

package/dist/{HelpOutlineOutlined-CrsJM_1C.js → HelpOutlineOutlined-Dw_XSjYK.js}

@@ -1,5 +1,5 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import { c } from "./createSvgIcon-BTLVR-ad.js";
+import { j as t } from "./jsx-runtime-DywqP_6a.js";
+import { c } from "./createSvgIcon-DN-sh_sr.js";
 const o = c(/* @__PURE__ */ t.jsx("path", {
   d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
 }), "HelpOutlineOutlined");

package/dist/{Menu-C3Ku2lqS.js → Menu-CGTDGEoX.js}

@@ -1,16 +1,15 @@
 import * as p from "react";
 import ve from "react";
-import { g as le, a as He, q as ze, l as rt } from "./createTheme-BlQh0eyI.js";
-import { P as e } from "./index-5OJKu9qh.js";
-import { T as Rt, c as te } from "./identifier-CGgVMHib.js";
-import { j as L } from "./jsx-runtime-C5mzlN2N.js";
-import { u as ce, a as W, b as ue, m as it, r as Ot } from "./createSvgIcon-BTLVR-ad.js";
-import { g as pe } from "./generateUtilityClasses-DMkCz287.js";
-import { c as we, f as Nt, u as oe, b as X, d as We, g as wt, m as St, r as Ct, e as Mt, a as kt, h as Dt, i as It } from "./useSlot-C4SHe-Bx.js";
-import { d as jt } from "./defaultTheme-CkLTWyeE.js";
-import { u as Ft } from "./useTheme-Bn9C3FUK.js";
+import { P as e, g as le, a as He, o as ze, l as rt } from "./createTheme-DuP3DZSF.js";
+import { u as ce, b as te, a as W, d as ue, m as it, r as Rt } from "./createSvgIcon-DN-sh_sr.js";
+import { j as L } from "./jsx-runtime-DywqP_6a.js";
+import { g as pe } from "./generateUtilityClasses-BpNk3DNr.js";
+import { c as we, f as Ot, u as oe, b as X, d as We, g as Nt, m as wt, r as St, e as Ct, a as Mt, h as kt, i as Dt } from "./useSlot-CiHsL61G.js";
+import { d as It } from "./defaultTheme-BDQAWvCM.js";
+import { T as jt } from "./identifier-BKLqN993.js";
+import { u as Ft } from "./useTheme-Dy5JmnOe.js";
 import { _ as Lt } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
-import { _ as At, a as st } from "./TransitionGroup-D2o-MIVr.js";
+import { _ as At, a as st } from "./TransitionGroup-DuMpOHcM.js";
 import * as $t from "react-dom";
 import Te from "react-dom";
 import { u as Le } from "./useEnhancedEffect-CJGo-L3B.js";
@@ -34,8 +33,8 @@ const _t = /* @__PURE__ */ p.createContext();
 process.env.NODE_ENV !== "production" && (e.node, e.bool);
 const Ut = () => p.useContext(_t) ?? !1;
 function _e() {
-  const t = Ft(jt);
-  return process.env.NODE_ENV !== "production" && p.useDebugValue(t), t[Rt] || t;
+  const t = Ft(It);
+  return process.env.NODE_ENV !== "production" && p.useDebugValue(t), t[jt] || t;
 }
 function qt(t, n = 166) {
   let o;
@@ -65,7 +64,7 @@ var Kt = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape(
   enter: e.number,
   exit: e.number,
   appear: e.number
-}).isRequired]) : null, Jn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.string, e.shape({
+}).isRequired]) : null, Yn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.string, e.shape({
   enter: e.string,
   exit: e.string,
   active: e.string
@@ -501,7 +500,7 @@ const Gt = {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: C = G,
     ...g
-  } = n, w = Nt(), u = p.useRef(), f = _e(), y = p.useRef(null), S = oe(y, Se(r), o), O = (d) => (h) => {
+  } = n, w = Ot(), u = p.useRef(), f = _e(), y = p.useRef(null), S = oe(y, Se(r), o), O = (d) => (h) => {
     if (d) {
       const j = y.current;
       h === void 0 ? d(j) : d(j, h);
@@ -1229,6 +1228,7 @@ const un = (t) => {
     ...T,
     ...v
   }, f = {
+    component: a,
     slots: w,
     slotProps: u
   }, [y, S] = X("root", {
@@ -1395,7 +1395,7 @@ function mn(t) {
   };
   return {
     getRootProps: (d = {}) => {
-      const h = wt(t);
+      const h = Nt(t);
       delete h.onTransitionEnter, delete h.onTransitionExited;
       const j = {
         ...h,
@@ -2138,7 +2138,7 @@ const Pn = (t) => {
         backdrop: C.backdrop
       },
       slotProps: {
-        backdrop: St(typeof g.backdrop == "function" ? g.backdrop(k) : g.backdrop, {
+        backdrop: wt(typeof g.backdrop == "function" ? g.backdrop(k) : g.backdrop, {
           invisible: !0
         })
       },
@@ -2187,7 +2187,7 @@ process.env.NODE_ENV !== "production" && (yt.propTypes = {
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: Ct,
+  action: St,
   /**
    * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
@@ -2311,7 +2311,7 @@ process.env.NODE_ENV !== "production" && (yt.propTypes = {
    * @default {}
    */
   PaperProps: e.shape({
-    component: Mt
+    component: Ct
   }),
   /**
    * The props used for each slot inside.
@@ -2385,14 +2385,14 @@ function On(t) {
     ownerState: i,
     skipResolvingSlotProps: s = !1,
     ...r
-  } = t, a = s ? {} : kt(o, i), {
+  } = t, a = s ? {} : Mt(o, i), {
     props: l,
     internalRef: c
-  } = Dt({
+  } = kt({
     ...r,
     externalSlotProps: a
   }), b = oe(c, a == null ? void 0 : a.ref, (v = t.additionalProps) == null ? void 0 : v.ref);
-  return It(n, {
+  return Dt(n, {
     ...l,
     ref: b
   }, i);
@@ -2694,7 +2694,7 @@ const Mn = {
     list: ["list"]
   }, Cn, n);
 }, In = W(yt, {
-  shouldForwardProp: (t) => Ot(t) || t === "classes",
+  shouldForwardProp: (t) => Rt(t) || t === "classes",
   name: "MuiMenu",
   slot: "Root"
 })({}), jn = W(gt, {
@@ -2962,7 +2962,7 @@ export {
   Pt as e,
   Bt as f,
   Se as g,
-  Jn as h,
+  Yn as h,
   zt as i,
   Ne as j,
   Oe as k,

package/dist/{MenuItem-ODcKB-fe.js → MenuItem-Bdna3McP.js}

@@ -1,46 +1,44 @@
-import * as c from "react";
-import { P as t } from "./index-5OJKu9qh.js";
-import { c as x } from "./identifier-CGgVMHib.js";
-import { u as D, a as L, b as S, r as E, m as P } from "./createSvgIcon-BTLVR-ad.js";
-import { L as I } from "./Menu-C3Ku2lqS.js";
-import { g as p } from "./generateUtilityClasses-DMkCz287.js";
-import { g as R, a as d } from "./createTheme-BlQh0eyI.js";
-import { j as $ } from "./jsx-runtime-C5mzlN2N.js";
-import { u as U } from "./useEnhancedEffect-CJGo-L3B.js";
-import { u as F, B as G } from "./useSlot-C4SHe-Bx.js";
-function te(e) {
-  return R("MuiDivider", e);
+import * as d from "react";
+import { g as O, P as o } from "./createTheme-DuP3DZSF.js";
+import { u as B, a as D, b as x, d as L, r as S, m as E } from "./createSvgIcon-DN-sh_sr.js";
+import { L as C } from "./Menu-CGTDGEoX.js";
+import { g as c } from "./generateUtilityClasses-BpNk3DNr.js";
+import { j as I } from "./jsx-runtime-DywqP_6a.js";
+import { u as P } from "./useEnhancedEffect-CJGo-L3B.js";
+import { u as U, B as F } from "./useSlot-CiHsL61G.js";
+function Y(e) {
+  return O("MuiDivider", e);
 }
-const M = p("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), O = p("MuiListItemIcon", ["root", "alignItemsFlexStart"]), w = p("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
-function H(e) {
-  return R("MuiMenuItem", e);
+const M = c("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), $ = c("MuiListItemIcon", ["root", "alignItemsFlexStart"]), w = c("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
+function G(e) {
+  return O("MuiMenuItem", e);
 }
-const n = p("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), h = (e, o) => {
+const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), H = (e, s) => {
   const {
-    ownerState: s
+    ownerState: t
   } = e;
-  return [o.root, s.dense && o.dense, s.divider && o.divider, !s.disableGutters && o.gutters];
+  return [s.root, t.dense && s.dense, t.divider && s.divider, !t.disableGutters && s.gutters];
 }, z = (e) => {
   const {
-    disabled: o,
-    dense: s,
+    disabled: s,
+    dense: t,
     divider: a,
     disableGutters: l,
-    selected: u,
+    selected: p,
     classes: r
-  } = e, i = S({
-    root: ["root", s && "dense", o && "disabled", !l && "gutters", a && "divider", u && "selected"]
-  }, H, r);
+  } = e, i = L({
+    root: ["root", t && "dense", s && "disabled", !l && "gutters", a && "divider", p && "selected"]
+  }, G, r);
   return {
     ...r,
     ...i
   };
-}, A = L(G, {
-  shouldForwardProp: (e) => E(e) || e === "classes",
+}, A = D(F, {
+  shouldForwardProp: (e) => S(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
-  overridesResolver: h
-})(P(({
+  overridesResolver: H
+})(E(({
   theme: e
 }) => ({
   ...e.typography.body1,
@@ -63,16 +61,16 @@ const n = p("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
     }
   },
   [`&.${n.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : d(e.palette.primary.main, e.palette.action.selectedOpacity),
+    backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
     [`&.${n.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)
+      backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
     }
   },
   [`&.${n.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),
+    backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || 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)
+      backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity)
     }
   },
   [`&.${n.focusVisible}`]: {
@@ -95,29 +93,29 @@ const n = p("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
   [`& .${w.inset}`]: {
     paddingLeft: 36
   },
-  [`& .${O.root}`]: {
+  [`& .${$.root}`]: {
     minWidth: 36
   },
   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"
@@ -125,59 +123,59 @@ const n = p("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
       paddingTop: 4,
       paddingBottom: 4,
       ...e.typography.body2,
-      [`& .${O.root} svg`]: {
+      [`& .${$.root} svg`]: {
         fontSize: "1.25rem"
       }
     }
   }]
-}))), W = /* @__PURE__ */ c.forwardRef(function(o, s) {
-  const a = D({
-    props: o,
+}))), W = /* @__PURE__ */ d.forwardRef(function(s, t) {
+  const a = B({
+    props: s,
     name: "MuiMenuItem"
   }), {
     autoFocus: l = !1,
-    component: u = "li",
+    component: p = "li",
     dense: r = !1,
     divider: b = !1,
     disableGutters: i = !1,
-    focusVisibleClassName: T,
-    role: V = "menuitem",
-    tabIndex: g,
-    className: k,
-    ...N
-  } = a, v = c.useContext(I), y = c.useMemo(() => ({
-    dense: r || v.dense || !1,
+    focusVisibleClassName: R,
+    role: T = "menuitem",
+    tabIndex: m,
+    className: V,
+    ...k
+  } = a, g = d.useContext(C), v = d.useMemo(() => ({
+    dense: r || g.dense || !1,
     disableGutters: i
-  }), [v.dense, r, i]), m = c.useRef(null);
-  U(() => {
-    l && (m.current ? m.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+  }), [g.dense, r, i]), u = d.useRef(null);
+  P(() => {
+    l && (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."));
   }, [l]);
-  const j = {
+  const N = {
     ...a,
-    dense: y.dense,
+    dense: v.dense,
     divider: b,
     disableGutters: i
-  }, f = z(a), B = F(m, s);
-  let C;
-  return a.disabled || (C = g !== void 0 ? g : -1), /* @__PURE__ */ $.jsx(I.Provider, {
-    value: y,
-    children: /* @__PURE__ */ $.jsx(A, {
-      ref: B,
-      role: V,
-      tabIndex: C,
-      component: u,
-      focusVisibleClassName: x(f.focusVisible, T),
-      className: x(f.root, k),
-      ...N,
-      ownerState: j,
+  }, f = z(a), j = U(u, t);
+  let y;
+  return a.disabled || (y = m !== void 0 ? m : -1), /* @__PURE__ */ I.jsx(C.Provider, {
+    value: v,
+    children: /* @__PURE__ */ I.jsx(A, {
+      ref: j,
+      role: T,
+      tabIndex: y,
+      component: p,
+      focusVisibleClassName: x(f.focusVisible, R),
+      className: x(f.root, V),
+      ...k,
+      ownerState: N,
       classes: f
     })
   });
@@ -192,44 +190,44 @@ process.env.NODE_ENV !== "production" && (W.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.
@@ -238,26 +236,26 @@ process.env.NODE_ENV !== "production" && (W.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 {
   W as M,
-  te as g
+  Y as g
 };