@solostylist/ui-kit 1.0.68 → 1.0.70

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/createSvgIcon-DN-sh_sr.js

@@ -0,0 +1,520 @@
+import * as A from "react";
+import { j as L } from "./jsx-runtime-DywqP_6a.js";
+import { l as U, e as te, s as H, i as ne, c as $, P as i, g as oe } from "./createTheme-DuP3DZSF.js";
+import { i as E, a as re, s as se, g as ie } from "./generateUtilityClasses-BpNk3DNr.js";
+import { r as W, d as ce } from "./defaultTheme-BDQAWvCM.js";
+import { T as ae } from "./identifier-BKLqN993.js";
+function G(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (t = 0; t < r; t++) e[t] && (n = G(e[t])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function le() {
+  for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = G(e)) && (o && (o += " "), o += t);
+  return o;
+}
+function ue(e, t, n = void 0) {
+  const o = {};
+  for (const r in e) {
+    const c = e[r];
+    let l = "", s = !0;
+    for (let f = 0; f < c.length; f += 1) {
+      const a = c[f];
+      a && (l += (s === !0 ? "" : " ") + t(a), s = !1, n && n[a] && (l += " " + n[a]));
+    }
+    o[r] = l;
+  }
+  return o;
+}
+function J(e, t = "") {
+  return e.displayName || e.name || t;
+}
+function q(e, t, n) {
+  const o = J(t);
+  return e.displayName || (o !== "" ? `${n}(${o})` : n);
+}
+function fe(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return J(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case U.ForwardRef:
+          return q(e, e.render, "ForwardRef");
+        case U.Memo:
+          return q(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function Q(e) {
+  const {
+    variants: t,
+    ...n
+  } = e, o = {
+    variants: t,
+    style: E(n),
+    isProcessed: !0
+  };
+  return o.style === n || t && t.forEach((r) => {
+    typeof r.style != "function" && (r.style = E(r.style));
+  }), o;
+}
+const de = te();
+function F(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function R(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function me(e) {
+  return e ? (t, n) => n[e] : null;
+}
+function pe(e, t, n) {
+  e.theme = ve(e.theme) ? n : e.theme[t] || e.theme;
+}
+function j(e, t, n) {
+  const o = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(o))
+    return o.flatMap((r) => j(e, r, n));
+  if (Array.isArray(o == null ? void 0 : o.variants)) {
+    let r;
+    if (o.isProcessed)
+      r = n ? R(o.style, n) : o.style;
+    else {
+      const {
+        variants: c,
+        ...l
+      } = o;
+      r = n ? R(E(l), n) : l;
+    }
+    return X(e, o.variants, [r], n);
+  }
+  return o != null && o.isProcessed ? n ? R(E(o.style), n) : o.style : n ? R(E(o), n) : o;
+}
+function X(e, t, n = [], o = void 0) {
+  var c;
+  let r;
+  e: for (let l = 0; l < t.length; l += 1) {
+    const s = t[l];
+    if (typeof s.props == "function") {
+      if (r ?? (r = {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }), !s.props(r))
+        continue;
+    } else
+      for (const f in s.props)
+        if (e[f] !== s.props[f] && ((c = e.ownerState) == null ? void 0 : c[f]) !== s.props[f])
+          continue e;
+    typeof s.style == "function" ? (r ?? (r = {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }), n.push(o ? R(E(s.style(r)), o) : s.style(r))) : n.push(o ? R(E(s.style), o) : s.style);
+  }
+  return n;
+}
+function ye(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: n = de,
+    rootShouldForwardProp: o = F,
+    slotShouldForwardProp: r = F
+  } = e;
+  function c(s) {
+    pe(s, t, n);
+  }
+  return (s, f = {}) => {
+    re(s, (m) => m.filter((p) => p !== H));
+    const {
+      name: a,
+      slot: u,
+      skipVariantsResolver: h,
+      skipSx: w,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: x = me(Y(u)),
+      ...g
+    } = f, d = a && a.startsWith("Mui") || u ? "components" : "custom", b = h !== void 0 ? h : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      u && u !== "Root" && u !== "root" || !1
+    ), P = w || !1;
+    let z = F;
+    u === "Root" || u === "root" ? z = o : u ? z = r : ge(s) && (z = void 0);
+    const _ = se(s, {
+      shouldForwardProp: z,
+      label: Se(a, u),
+      ...g
+    }), Z = (m) => {
+      if (m.__emotion_real === m)
+        return m;
+      if (typeof m == "function")
+        return function(T) {
+          return j(T, m, T.theme.modularCssLayers ? d : void 0);
+        };
+      if (ne(m)) {
+        const p = Q(m);
+        return function(v) {
+          return p.variants ? j(v, p, v.theme.modularCssLayers ? d : void 0) : v.theme.modularCssLayers ? R(p.style, d) : p.style;
+        };
+      }
+      return m;
+    }, M = (...m) => {
+      const p = [], T = m.map(Z), v = [];
+      if (p.push(c), a && x && v.push(function(y) {
+        var C, k;
+        const S = (k = (C = y.theme.components) == null ? void 0 : C[a]) == null ? void 0 : k.styleOverrides;
+        if (!S)
+          return null;
+        const N = {};
+        for (const B in S)
+          N[B] = j(y, S[B], y.theme.modularCssLayers ? "theme" : void 0);
+        return x(y, N);
+      }), a && !b && v.push(function(y) {
+        var N, C;
+        const O = y.theme, S = (C = (N = O == null ? void 0 : O.components) == null ? void 0 : N[a]) == null ? void 0 : C.variants;
+        return S ? X(y, S, [], y.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), P || v.push(H), Array.isArray(T[0])) {
+        const I = T.shift(), y = new Array(p.length).fill(""), O = new Array(v.length).fill("");
+        let S;
+        S = [...y, ...I, ...O], S.raw = [...y, ...I.raw, ...O], p.unshift(S);
+      }
+      const ee = [...p, ...T, ...v], D = _(...ee);
+      return s.muiName && (D.muiName = s.muiName), process.env.NODE_ENV !== "production" && (D.displayName = he(a, u, s)), D;
+    };
+    return _.withConfig && (M.withConfig = _.withConfig), M;
+  };
+}
+function he(e, t, n) {
+  return e ? `${e}${$(t || "")}` : `Styled(${fe(n)})`;
+}
+function Se(e, t) {
+  let n;
+  return process.env.NODE_ENV !== "production" && e && (n = `${e}-${Y(t || "Root")}`), n;
+}
+function ve(e) {
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function ge(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function Y(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+const we = /* @__PURE__ */ A.createContext(void 0);
+process.env.NODE_ENV !== "production" && (i.node, i.object);
+function xe(e) {
+  const {
+    theme: t,
+    name: n,
+    props: o
+  } = e;
+  if (!t || !t.components || !t.components[n])
+    return o;
+  const r = t.components[n];
+  return r.defaultProps ? W(r.defaultProps, o, t.components.mergeClassNameAndStyle) : !r.styleOverrides && !r.variants ? W(r, o, t.components.mergeClassNameAndStyle) : o;
+}
+function be({
+  props: e,
+  name: t
+}) {
+  const n = A.useContext(we);
+  return xe({
+    props: e,
+    name: t,
+    theme: {
+      components: n
+    }
+  });
+}
+const K = {
+  theme: void 0
+};
+function Te(e) {
+  let t, n;
+  return function(r) {
+    let c = t;
+    return (c === void 0 || r.theme !== n) && (K.theme = r.theme, c = Q(e(K)), t = c, n = r.theme), c;
+  };
+}
+function Oe(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Re = (e) => Oe(e) && e !== "classes", Ee = ye({
+  themeId: ae,
+  defaultTheme: ce,
+  rootShouldForwardProp: Re
+}), Pe = Te;
+process.env.NODE_ENV !== "production" && (i.node, i.object.isRequired);
+function Ae(e) {
+  return be(e);
+}
+function Ne(e) {
+  return oe("MuiSvgIcon", e);
+}
+const De = ie("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]), Ce = (e) => {
+  const {
+    color: t,
+    fontSize: n,
+    classes: o
+  } = e, r = {
+    root: ["root", t !== "inherit" && `color${$(t)}`, `fontSize${$(n)}`]
+  };
+  return ue(r, Ne, o);
+}, $e = Ee("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: n
+    } = e;
+    return [t.root, n.color !== "inherit" && t[`color${$(n.color)}`], t[`fontSize${$(n.fontSize)}`]];
+  }
+})(Pe(({
+  theme: e
+}) => {
+  var t, n, o, r, c, l, s, f, a, u, h, w, x, g;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (r = (t = e.transitions) == null ? void 0 : t.create) == null ? void 0 : r.call(t, "fill", {
+      duration: (o = (n = (e.vars ?? e).transitions) == null ? void 0 : n.duration) == null ? void 0 : o.shorter
+    }),
+    variants: [
+      {
+        props: (d) => !d.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: ((l = (c = e.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : l.call(c, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((f = (s = e.typography) == null ? void 0 : s.pxToRem) == null ? void 0 : f.call(s, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((u = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : u.call(a, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((e.vars ?? e).palette).filter(([, d]) => d && d.main).map(([d]) => {
+        var b, P;
+        return {
+          props: {
+            color: d
+          },
+          style: {
+            color: (P = (b = (e.vars ?? e).palette) == null ? void 0 : b[d]) == null ? void 0 : P.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (w = (h = (e.vars ?? e).palette) == null ? void 0 : h.action) == null ? void 0 : w.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (g = (x = (e.vars ?? e).palette) == null ? void 0 : x.action) == null ? void 0 : g.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+})), V = /* @__PURE__ */ A.forwardRef(function(t, n) {
+  const o = Ae({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: r,
+    className: c,
+    color: l = "inherit",
+    component: s = "svg",
+    fontSize: f = "medium",
+    htmlColor: a,
+    inheritViewBox: u = !1,
+    titleAccess: h,
+    viewBox: w = "0 0 24 24",
+    ...x
+  } = o, g = /* @__PURE__ */ A.isValidElement(r) && r.type === "svg", d = {
+    ...o,
+    color: l,
+    component: s,
+    fontSize: f,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: u,
+    viewBox: w,
+    hasSvgAsChild: g
+  }, b = {};
+  u || (b.viewBox = w);
+  const P = Ce(d);
+  return /* @__PURE__ */ L.jsxs($e, {
+    as: s,
+    className: le(P.root, c),
+    focusable: "false",
+    color: a,
+    "aria-hidden": h ? void 0 : !0,
+    role: h ? "img" : void 0,
+    ref: n,
+    ...b,
+    ...x,
+    ...g && r.props,
+    ownerState: d,
+    children: [g ? r.props.children : r, h ? /* @__PURE__ */ L.jsx("title", {
+      children: h
+    }) : null]
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.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: i.oneOfType([i.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), i.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: i.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: i.oneOfType([i.oneOf(["inherit", "large", "medium", "small"]), i.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: i.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: i.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: i.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: i.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: i.string
+});
+V.muiName = "SvgIcon";
+function Fe(e, t) {
+  function n(o, r) {
+    return /* @__PURE__ */ L.jsx(V, {
+      "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
+      ref: r,
+      ...o,
+      children: e
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = V.muiName, /* @__PURE__ */ A.memo(/* @__PURE__ */ A.forwardRef(n));
+}
+export {
+  Ee as a,
+  le as b,
+  Fe as c,
+  ue as d,
+  ye as e,
+  Oe as f,
+  F as g,
+  Pe as m,
+  Re as r,
+  De as s,
+  Ae as u
+};