@solostylist/ui-kit 1.0.6 → 1.0.9

package/dist/useControlled-DyL3m721.js

@@ -1,287 +0,0 @@
-import * as i from "react";
-import { j as C } from "./jsx-runtime-C5mzlN2N.js";
-import { c as z, P as e } from "./createTheme-dX0MILsf.js";
-import { c as N } from "./clsx-DfguY6FT.js";
-import { s as I, c as E, m as w } from "./memoTheme-DOlCkXD8.js";
-import { a as O, g as $ } from "./generateUtilityClasses-CuEy5gtx.js";
-import { u as T } from "./DefaultPropsProvider-Cw67t9bx.js";
-const b = /* @__PURE__ */ i.createContext(void 0);
-process.env.NODE_ENV !== "production" && (b.displayName = "FormControlContext");
-function _() {
-  return i.useContext(b);
-}
-function j(o) {
-  return O("MuiSvgIcon", o);
-}
-$("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const R = (o) => {
-  const {
-    color: n,
-    fontSize: t,
-    classes: s
-  } = o, r = {
-    root: ["root", n !== "inherit" && `color${z(n)}`, `fontSize${z(t)}`]
-  };
-  return E(r, j, s);
-}, V = I("svg", {
-  name: "MuiSvgIcon",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, t.color !== "inherit" && n[`color${z(t.color)}`], n[`fontSize${z(t.fontSize)}`]];
-  }
-})(w(({
-  theme: o
-}) => {
-  var n, t, s, r, f, u, a, d, c, g, p, S, h, m;
-  return {
-    userSelect: "none",
-    width: "1em",
-    height: "1em",
-    display: "inline-block",
-    flexShrink: 0,
-    transition: (r = (n = o.transitions) == null ? void 0 : n.create) == null ? void 0 : r.call(n, "fill", {
-      duration: (s = (t = (o.vars ?? o).transitions) == null ? void 0 : t.duration) == null ? void 0 : s.shorter
-    }),
-    variants: [
-      {
-        props: (l) => !l.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: ((u = (f = o.typography) == null ? void 0 : f.pxToRem) == null ? void 0 : u.call(f, 20)) || "1.25rem"
-        }
-      },
-      {
-        props: {
-          fontSize: "medium"
-        },
-        style: {
-          fontSize: ((d = (a = o.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : d.call(a, 24)) || "1.5rem"
-        }
-      },
-      {
-        props: {
-          fontSize: "large"
-        },
-        style: {
-          fontSize: ((g = (c = o.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : g.call(c, 35)) || "2.1875rem"
-        }
-      },
-      // TODO v5 deprecate color prop, v6 remove for sx
-      ...Object.entries((o.vars ?? o).palette).filter(([, l]) => l && l.main).map(([l]) => {
-        var v, y;
-        return {
-          props: {
-            color: l
-          },
-          style: {
-            color: (y = (v = (o.vars ?? o).palette) == null ? void 0 : v[l]) == null ? void 0 : y.main
-          }
-        };
-      }),
-      {
-        props: {
-          color: "action"
-        },
-        style: {
-          color: (S = (p = (o.vars ?? o).palette) == null ? void 0 : p.action) == null ? void 0 : S.active
-        }
-      },
-      {
-        props: {
-          color: "disabled"
-        },
-        style: {
-          color: (m = (h = (o.vars ?? o).palette) == null ? void 0 : h.action) == null ? void 0 : m.disabled
-        }
-      },
-      {
-        props: {
-          color: "inherit"
-        },
-        style: {
-          color: void 0
-        }
-      }
-    ]
-  };
-})), x = /* @__PURE__ */ i.forwardRef(function(n, t) {
-  const s = T({
-    props: n,
-    name: "MuiSvgIcon"
-  }), {
-    children: r,
-    className: f,
-    color: u = "inherit",
-    component: a = "svg",
-    fontSize: d = "medium",
-    htmlColor: c,
-    inheritViewBox: g = !1,
-    titleAccess: p,
-    viewBox: S = "0 0 24 24",
-    ...h
-  } = s, m = /* @__PURE__ */ i.isValidElement(r) && r.type === "svg", l = {
-    ...s,
-    color: u,
-    component: a,
-    fontSize: d,
-    instanceFontSize: n.fontSize,
-    inheritViewBox: g,
-    viewBox: S,
-    hasSvgAsChild: m
-  }, v = {};
-  g || (v.viewBox = S);
-  const y = R(l);
-  return /* @__PURE__ */ C.jsxs(V, {
-    as: a,
-    className: N(y.root, f),
-    focusable: "false",
-    color: c,
-    "aria-hidden": p ? void 0 : !0,
-    role: p ? "img" : void 0,
-    ref: t,
-    ...v,
-    ...h,
-    ...m && r.props,
-    ownerState: l,
-    children: [m ? r.props.children : r, p ? /* @__PURE__ */ C.jsx("title", {
-      children: p
-    }) : null]
-  });
-});
-process.env.NODE_ENV !== "production" && (x.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: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.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: e.oneOfType([e.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-   * @default 'medium'
-   */
-  fontSize: e.oneOfType([e.oneOf(["inherit", "large", "medium", "small"]), e.string]),
-  /**
-   * Applies a color attribute to the SVG element.
-   */
-  htmlColor: e.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: e.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: e.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * Provides a human-readable title for the element that contains it.
-   * https://www.w3.org/TR/SVG-access/#Equivalent
-   */
-  titleAccess: e.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: e.string
-});
-x.muiName = "SvgIcon";
-function k(o, n) {
-  function t(s, r) {
-    return /* @__PURE__ */ C.jsx(x, {
-      "data-testid": process.env.NODE_ENV !== "production" ? `${n}Icon` : void 0,
-      ref: r,
-      ...s,
-      children: o
-    });
-  }
-  return process.env.NODE_ENV !== "production" && (t.displayName = `${n}Icon`), t.muiName = x.muiName, /* @__PURE__ */ i.memo(/* @__PURE__ */ i.forwardRef(t));
-}
-function J({
-  controlled: o,
-  default: n,
-  name: t,
-  state: s = "value"
-}) {
-  const {
-    current: r
-  } = i.useRef(o !== void 0), [f, u] = i.useState(n), a = r ? o : f;
-  if (process.env.NODE_ENV !== "production") {
-    i.useEffect(() => {
-      r !== (o !== void 0) && console.error([`MUI: A component is changing the ${r ? "" : "un"}controlled ${s} state of ${t} to be ${r ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [s, t, o]);
-    const {
-      current: c
-    } = i.useRef(n);
-    i.useEffect(() => {
-      !r && !Object.is(c, n) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
-`));
-    }, [JSON.stringify(n)]);
-  }
-  const d = i.useCallback((c) => {
-    r || u(c);
-  }, []);
-  return [a, d];
-}
-export {
-  b as F,
-  _ as a,
-  k as c,
-  J as u
-};