@solostylist/ui-kit 1.0.8 → 1.0.10

package/dist/{Typography-QQx_YSAW.js → Typography-jSFidXje.js}

@@ -1,17 +1,12 @@
 import * as j from "react";
-import { c, P as r } from "./createTheme-dX0MILsf.js";
-import { c as O } from "./clsx-DfguY6FT.js";
-import { i as B } from "./index-f-gkJ93Q.js";
-import { s as S, c as w, m as C } from "./memoTheme-DOlCkXD8.js";
-import { c as P } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { a as W, g as M } from "./generateUtilityClasses-CuEy5gtx.js";
-import { j as R } from "./jsx-runtime-C5mzlN2N.js";
-import { u as N } from "./DefaultPropsProvider-Cw67t9bx.js";
-function D(e) {
-  return W("MuiTypography", e);
-}
-M("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const E = {
+import { c, P as r } from "./createTheme-BZxWCiBm.js";
+import { c as O } from "./identifier-CHPjnqaz.js";
+import { i as S } from "./index-DljiS4x1.js";
+import { u as w, s as B, c as P, m as W } from "./memoTheme-CaOW5YiB.js";
+import { c as C } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { g as R } from "./typographyClasses-BrhUWCU3.js";
+import { j as M } from "./jsx-runtime-C5mzlN2N.js";
+const N = {
   primary: !0,
   secondary: !0,
   error: !0,
@@ -21,19 +16,19 @@ const E = {
   textPrimary: !0,
   textSecondary: !0,
   textDisabled: !0
-}, U = B(), A = (e) => {
+}, D = S(), E = (e) => {
   const {
     align: o,
     gutterBottom: t,
     noWrap: a,
-    paragraph: p,
-    variant: s,
-    classes: i
+    paragraph: s,
+    variant: i,
+    classes: p
   } = e, n = {
-    root: ["root", s, e.align !== "inherit" && `align${c(o)}`, t && "gutterBottom", a && "noWrap", p && "paragraph"]
+    root: ["root", i, e.align !== "inherit" && `align${c(o)}`, t && "gutterBottom", a && "noWrap", s && "paragraph"]
   };
-  return w(n, D, i);
-}, V = S("span", {
+  return P(n, R, p);
+}, A = B("span", {
   name: "MuiTypography",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -42,7 +37,7 @@ const E = {
     } = e;
     return [o.root, t.variant && o[t.variant], t.align !== "inherit" && o[`align${c(t.align)}`], t.noWrap && o.noWrap, t.gutterBottom && o.gutterBottom, t.paragraph && o.paragraph];
   }
-})(C(({
+})(W(({
   theme: e
 }) => {
   var o;
@@ -63,7 +58,7 @@ const E = {
         variant: t
       },
       style: a
-    })), ...Object.entries(e.palette).filter(P()).map(([t]) => ({
+    })), ...Object.entries(e.palette).filter(C()).map(([t]) => ({
       props: {
         color: t
       },
@@ -121,55 +116,55 @@ const E = {
   body1: "p",
   body2: "p",
   inherit: "p"
-}, $ = /* @__PURE__ */ j.forwardRef(function(o, t) {
+}, V = /* @__PURE__ */ j.forwardRef(function(o, t) {
   const {
     color: a,
-    ...p
-  } = N({
+    ...s
+  } = w({
     props: o,
     name: "MuiTypography"
-  }), s = !E[a], i = U({
-    ...p,
-    ...s && {
+  }), i = !N[a], p = D({
+    ...s,
+    ...i && {
       color: a
     }
   }), {
     align: n = "inherit",
     className: g,
     component: h,
-    gutterBottom: d = !1,
-    noWrap: x = !1,
+    gutterBottom: x = !1,
+    noWrap: d = !1,
     paragraph: y = !1,
     variant: l = "body1",
     variantMapping: m = b,
-    ...u
-  } = i, f = {
-    ...i,
+    ...f
+  } = p, u = {
+    ...p,
     align: n,
     color: a,
     className: g,
     component: h,
-    gutterBottom: d,
-    noWrap: x,
+    gutterBottom: x,
+    noWrap: d,
     paragraph: y,
     variant: l,
     variantMapping: m
-  }, v = h || (y ? "p" : m[l] || b[l]) || "span", T = A(f);
-  return /* @__PURE__ */ R.jsx(V, {
+  }, v = h || (y ? "p" : m[l] || b[l]) || "span", T = E(u);
+  return /* @__PURE__ */ M.jsx(A, {
     as: v,
     ref: t,
     className: O(T.root, g),
-    ...u,
-    ownerState: f,
+    ...f,
+    ownerState: u,
     style: {
       ...n !== "inherit" && {
         "--Typography-textAlign": n
       },
-      ...u.style
+      ...f.style
     }
   });
 });
-process.env.NODE_ENV !== "production" && ($.propTypes = {
+process.env.NODE_ENV !== "production" && (V.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -256,5 +251,5 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
   variantMapping: r.object
 });
 export {
-  $ as T
+  V as T
 };

package/dist/{X-Cw1SQcRJ.js → X-B8GTZwii.js}

@@ -1,5 +1,5 @@
-import e, { forwardRef as m } from "react";
-import { E as c } from "./SSRBase-BSdFRe_j.js";
+import e, { forwardRef as c } from "react";
+import { E as m } from "./SSRBase-BSdFRe_j.js";
 const o = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -40,7 +40,7 @@ var p = Object.defineProperty, L = Object.defineProperties, i = Object.getOwnPro
       E.call(t, r) && n(a, r, t[r]);
   return a;
 }, d = (a, t) => L(a, i(t));
-const b = m((a, t) => /* @__PURE__ */ e.createElement(c, d(f({ ref: t }, a), { weights: o })));
+const b = c((a, t) => /* @__PURE__ */ e.createElement(m, d(f({ ref: t }, a), { weights: o })));
 b.displayName = "X";
 export {
   b as S

package/dist/backdropClasses-lc38rgzd.js

@@ -0,0 +1,10 @@
+import { g as t } from "./generateUtilityClasses-STjIp_B9.js";
+import { g as a } from "./generateUtilityClass-CRH_bFW6.js";
+function o(s) {
+  return a("MuiBackdrop", s);
+}
+const e = t("MuiBackdrop", ["root", "invisible"]);
+export {
+  e as b,
+  o as g
+};

package/dist/buttonBaseClasses-DxKwiRBX.js

@@ -0,0 +1,10 @@
+import { g as s } from "./generateUtilityClasses-STjIp_B9.js";
+import { g as e } from "./generateUtilityClass-CRH_bFW6.js";
+function o(t) {
+  return e("MuiButtonBase", t);
+}
+const n = s("MuiButtonBase", ["root", "disabled", "focusVisible"]);
+export {
+  n as b,
+  o as g
+};

package/dist/createSvgIcon-B7_s-URK.js

@@ -0,0 +1,247 @@
+import * as h from "react";
+import { j as w } from "./jsx-runtime-C5mzlN2N.js";
+import { c as x, P as o } from "./createTheme-BZxWCiBm.js";
+import { c as N } from "./identifier-CHPjnqaz.js";
+import { u as b, s as O, c as R, m as T } from "./memoTheme-CaOW5YiB.js";
+import { g as I } from "./svgIconClasses-SzHbWjUv.js";
+const j = (e) => {
+  const {
+    color: r,
+    fontSize: n,
+    classes: i
+  } = e, s = {
+    root: ["root", r !== "inherit" && `color${x(r)}`, `fontSize${x(n)}`]
+  };
+  return R(s, I, i);
+}, C = O("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: n
+    } = e;
+    return [r.root, n.color !== "inherit" && r[`color${x(n.color)}`], r[`fontSize${x(n.fontSize)}`]];
+  }
+})(T(({
+  theme: e
+}) => {
+  var r, n, i, s, l, g, c, S, p, m, a, d, v, f;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (s = (r = e.transitions) == null ? void 0 : r.create) == null ? void 0 : s.call(r, "fill", {
+      duration: (i = (n = (e.vars ?? e).transitions) == null ? void 0 : n.duration) == null ? void 0 : i.shorter
+    }),
+    variants: [
+      {
+        props: (t) => !t.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
+        },
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
+        },
+        style: {
+          fontSize: ((g = (l = e.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : g.call(l, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((S = (c = e.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : S.call(c, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((m = (p = e.typography) == null ? void 0 : p.pxToRem) == null ? void 0 : m.call(p, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((e.vars ?? e).palette).filter(([, t]) => t && t.main).map(([t]) => {
+        var u, y;
+        return {
+          props: {
+            color: t
+          },
+          style: {
+            color: (y = (u = (e.vars ?? e).palette) == null ? void 0 : u[t]) == null ? void 0 : y.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (d = (a = (e.vars ?? e).palette) == null ? void 0 : a.action) == null ? void 0 : d.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (f = (v = (e.vars ?? e).palette) == null ? void 0 : v.action) == null ? void 0 : f.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+})), z = /* @__PURE__ */ h.forwardRef(function(r, n) {
+  const i = b({
+    props: r,
+    name: "MuiSvgIcon"
+  }), {
+    children: s,
+    className: l,
+    color: g = "inherit",
+    component: c = "svg",
+    fontSize: S = "medium",
+    htmlColor: p,
+    inheritViewBox: m = !1,
+    titleAccess: a,
+    viewBox: d = "0 0 24 24",
+    ...v
+  } = i, f = /* @__PURE__ */ h.isValidElement(s) && s.type === "svg", t = {
+    ...i,
+    color: g,
+    component: c,
+    fontSize: S,
+    instanceFontSize: r.fontSize,
+    inheritViewBox: m,
+    viewBox: d,
+    hasSvgAsChild: f
+  }, u = {};
+  m || (u.viewBox = d);
+  const y = j(t);
+  return /* @__PURE__ */ w.jsxs(C, {
+    as: c,
+    className: N(y.root, l),
+    focusable: "false",
+    color: p,
+    "aria-hidden": a ? void 0 : !0,
+    role: a ? "img" : void 0,
+    ref: n,
+    ...u,
+    ...v,
+    ...f && s.props,
+    ownerState: t,
+    children: [f ? s.props.children : s, a ? /* @__PURE__ */ w.jsx("title", {
+      children: a
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (z.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: o.oneOfType([o.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: o.oneOfType([o.oneOf(["inherit", "large", "medium", "small"]), o.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: o.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: o.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: o.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: o.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: o.string
+});
+z.muiName = "SvgIcon";
+function D(e, r) {
+  function n(i, s) {
+    return /* @__PURE__ */ w.jsx(z, {
+      "data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
+      ref: s,
+      ...i,
+      children: e
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${r}Icon`), n.muiName = z.muiName, /* @__PURE__ */ h.memo(/* @__PURE__ */ h.forwardRef(n));
+}
+export {
+  D as c
+};

package/dist/{createTheme-dX0MILsf.js → createTheme-BZxWCiBm.js}

@@ -1,6 +1,6 @@
 import * as jr from "react";
 import { g as et } from "./_commonjsHelpers-C6fGbg64.js";
-import { a as rt } from "./generateUtilityClasses-CuEy5gtx.js";
+import { g as rt } from "./generateUtilityClass-CRH_bFW6.js";
 function de(e, ...r) {
   const t = new URL(`https://mui.com/production-error/?code=${e}`);
   return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
@@ -2034,7 +2034,7 @@ function Sn(e) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${t}"] &` : e === "class" ? `.${t} &` : e === "data" ? `[data-${t}] &` : `${e.replace("%s", t)} &` : "&";
   };
 }
-const no = "$$material", xe = {
+const xe = {
   black: "#000",
   white: "#fff"
 }, En = {
@@ -2831,7 +2831,7 @@ function Dr(e, r, t) {
     // cast type to skip module augmentation test
   });
 }
-function oo(e = {}, ...r) {
+function no(e = {}, ...r) {
   const {
     palette: t,
     cssVariables: n = !1,
@@ -2877,17 +2877,16 @@ function oo(e = {}, ...r) {
 }
 export {
   Te as P,
-  no as T,
-  ln as a,
-  oo as b,
+  mn as a,
+  no as b,
   zr as c,
   Ge as d,
-  cr as e,
-  J as f,
-  _e as g,
+  ln as e,
+  cr as f,
+  J as g,
   ue as h,
   fe as i,
-  mn as j,
+  _e as j,
   Wr as k,
   dr as l,
   ro as m,

package/dist/{extendSxProp-CTBBOYHX.js → extendSxProp-SCsFy5tr.js}

@@ -1,4 +1,4 @@
-import { i as c, d as l } from "./createTheme-dX0MILsf.js";
+import { i as c, d as l } from "./createTheme-BZxWCiBm.js";
 const a = (t) => {
   var s;
   const e = {

package/dist/generateUtilityClass-CRH_bFW6.js

@@ -0,0 +1,34 @@
+const a = (e) => e, n = () => {
+  let e = a;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = a;
+    }
+  };
+}, c = n(), o = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function d(e, r, s = "Mui") {
+  const t = o[r];
+  return t ? `${s}-${t}` : `${c.generate(e)}-${r}`;
+}
+export {
+  d as g
+};

package/dist/generateUtilityClasses-STjIp_B9.js

@@ -0,0 +1,10 @@
+import { g as i } from "./generateUtilityClass-CRH_bFW6.js";
+function o(r, s, a = "Mui") {
+  const t = {};
+  return s.forEach((e) => {
+    t[e] = i(r, e, a);
+  }), t;
+}
+export {
+  o as g
+};

package/dist/iconButtonClasses-CqYTUZq-.js

@@ -0,0 +1,10 @@
+import { g as r } from "./generateUtilityClasses-STjIp_B9.js";
+import { g as t } from "./generateUtilityClass-CRH_bFW6.js";
+function n(o) {
+  return t("MuiIconButton", o);
+}
+const a = r("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]);
+export {
+  n as g,
+  a as i
+};