@solostylist/ui-kit 1.0.54 → 1.0.55

package/dist/createSvgIcon-YtxTUNwI.js

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