@hybridcore/ui 1.3.6 → 1.4.0

package/dist/{Checkbox-BFWhj3s-.js → Checkbox-qy3cjvnb.js}

@@ -1,89 +1,29 @@
-import { l as Z, s as ee, P as e, a as F } from "./createStyled-B96gjom1.js";
-import { c as oe, C as ne, g as E, s as S, r as te, a as se } from "./styled-cPJbqF0E.js";
-import { a as T, _ as r } from "./extends-Cyw62AD_.js";
-import * as B from "react";
-import { d as ce, g as M, c as q, a as V, u as ae } from "./useThemeProps-DeftUmqJ.js";
-import { jsx as u, jsxs as re } from "react/jsx-runtime";
-import { e as ie } from "./Typography-Dg-ROiTA.js";
-import { u as le } from "./useFormControl-CatNKXAi.js";
-import { B as de, r as U } from "./ButtonBase-D6qhsxB0.js";
-import { u as ue, c as z } from "./createSvgIcon-BNrb7rDY.js";
-function H(o) {
-  var n, s, t = "";
-  if (typeof o == "string" || typeof o == "number") t += o;
-  else if (typeof o == "object") if (Array.isArray(o)) {
-    var c = o.length;
-    for (n = 0; n < c; n++) o[n] && (s = H(o[n])) && (t && (t += " "), t += s);
-  } else for (s in o) o[s] && (t && (t += " "), t += s);
-  return t;
+import { _ as r, a as _ } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as x from "react";
+import { P as e, a as z } from "./createStyled-BzvgQjjR.js";
+import { g as q, c as E, a as M, u as Y } from "./useThemeProps-uYx_RkOH.js";
+import { g as U, s as S, r as Z, a as ee } from "./styled-LNCprp4n.js";
+import { u as oe } from "./useFormControl-CatNKXAi.js";
+import { jsxs as ne, jsx as l } from "react/jsx-runtime";
+import { B as te, r as V } from "./ButtonBase-D0qccOVb.js";
+import { u as ce } from "./useControlled-BYdyS7Pn.js";
+import { c as w } from "./createSvgIcon-DEXLbMwp.js";
+function se(o) {
+  return U("PrivateSwitchBase", o);
 }
-function pe() {
-  for (var o, n, s = 0, t = "", c = arguments.length; s < c; s++) (o = arguments[s]) && (n = H(o)) && (t && (t += " "), t += n);
-  return t;
-}
-const fe = ["className", "component"];
-function me(o = {}) {
-  const {
-    themeId: n,
-    defaultTheme: s,
-    defaultClassName: t = "MuiBox-root",
-    generateClassName: c
-  } = o, a = Z("div", {
-    shouldForwardProp: (i) => i !== "theme" && i !== "sx" && i !== "as"
-  })(ee);
-  return /* @__PURE__ */ B.forwardRef(function(b, l) {
-    const p = ce(s), h = ie(b), {
-      className: m,
-      component: g = "div"
-    } = h, k = T(h, fe);
-    return /* @__PURE__ */ u(a, r({
-      as: g,
-      ref: l,
-      className: pe(m, c ? c(t) : t),
-      theme: n && p[n] || p
-    }, k));
-  });
-}
-const he = oe(), be = me({
-  defaultTheme: he,
-  defaultClassName: "MuiBox-root",
-  generateClassName: ne.generate
-});
-process.env.NODE_ENV !== "production" && (be.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * 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])
-});
-function ge(o) {
-  return E("PrivateSwitchBase", o);
-}
-M("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const ke = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], xe = (o) => {
+q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ae = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], re = (o) => {
   const {
     classes: n,
-    checked: s,
-    disabled: t,
+    checked: t,
+    disabled: i,
     edge: c
-  } = o, a = {
-    root: ["root", s && "checked", t && "disabled", c && `edge${F(c)}`],
+  } = o, s = {
+    root: ["root", t && "checked", i && "disabled", c && `edge${z(c)}`],
     input: ["input"]
   };
-  return V(a, ge, n);
-}, Ce = S(de)(({
+  return M(s, se, n);
+}, ie = S(te)(({
   ownerState: o
 }) => r({
   padding: 9,
@@ -92,7 +32,7 @@ const ke = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
   marginLeft: o.size === "small" ? -3 : -12
 }, o.edge === "end" && {
   marginRight: o.size === "small" ? -3 : -12
-})), ye = S("input")({
+})), de = S("input")({
   cursor: "inherit",
   position: "absolute",
   opacity: 0,
@@ -103,86 +43,86 @@ const ke = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
   margin: 0,
   padding: 0,
   zIndex: 1
-}), L = /* @__PURE__ */ B.forwardRef(function(n, s) {
+}), H = /* @__PURE__ */ x.forwardRef(function(n, t) {
   const {
-    autoFocus: t,
+    autoFocus: i,
     checked: c,
-    checkedIcon: a,
-    className: I,
-    defaultChecked: i,
-    disabled: b,
-    disableFocusRipple: l = !1,
-    edge: p = !1,
-    icon: h,
-    id: m,
-    inputProps: g,
-    inputRef: k,
-    name: R,
-    onBlur: x,
-    onChange: C,
-    onFocus: y,
-    readOnly: D,
-    required: A = !1,
-    tabIndex: G,
-    type: P,
-    value: $
-  } = n, W = T(n, ke), [w, J] = ue({
+    checkedIcon: s,
+    className: v,
+    defaultChecked: k,
+    disabled: I,
+    disableFocusRipple: u = !1,
+    edge: C = !1,
+    icon: B,
+    id: p,
+    inputProps: R,
+    inputRef: P,
+    name: g,
+    onBlur: f,
+    onChange: h,
+    onFocus: m,
+    readOnly: L,
+    required: D = !1,
+    tabIndex: W,
+    type: y,
+    value: N
+  } = n, A = _(n, ae), [$, G] = ce({
     controlled: c,
-    default: !!i,
+    default: !!k,
     name: "SwitchBase",
     state: "checked"
-  }), f = le(), K = (d) => {
-    y && y(d), f && f.onFocus && f.onFocus(d);
-  }, Q = (d) => {
-    x && x(d), f && f.onBlur && f.onBlur(d);
-  }, X = (d) => {
-    if (d.nativeEvent.defaultPrevented)
+  }), d = oe(), J = (a) => {
+    m && m(a), d && d.onFocus && d.onFocus(a);
+  }, K = (a) => {
+    f && f(a), d && d.onBlur && d.onBlur(a);
+  }, Q = (a) => {
+    if (a.nativeEvent.defaultPrevented)
       return;
-    const _ = d.target.checked;
-    J(_), C && C(d, _);
+    const T = a.target.checked;
+    G(T), h && h(a, T);
   };
-  let v = b;
-  f && typeof v > "u" && (v = f.disabled);
-  const Y = P === "checkbox" || P === "radio", N = r({}, n, {
-    checked: w,
-    disabled: v,
-    disableFocusRipple: l,
-    edge: p
-  }), j = xe(N);
-  return /* @__PURE__ */ re(Ce, r({
+  let b = I;
+  d && typeof b > "u" && (b = d.disabled);
+  const X = y === "checkbox" || y === "radio", F = r({}, n, {
+    checked: $,
+    disabled: b,
+    disableFocusRipple: u,
+    edge: C
+  }), j = re(F);
+  return /* @__PURE__ */ ne(ie, r({
     component: "span",
-    className: q(j.root, I),
+    className: E(j.root, v),
     centerRipple: !0,
-    focusRipple: !l,
-    disabled: v,
+    focusRipple: !u,
+    disabled: b,
     tabIndex: null,
     role: void 0,
-    onFocus: K,
-    onBlur: Q,
-    ownerState: N,
-    ref: s
-  }, W, {
-    children: [/* @__PURE__ */ u(ye, r({
-      autoFocus: t,
+    onFocus: J,
+    onBlur: K,
+    ownerState: F,
+    ref: t
+  }, A, {
+    children: [/* @__PURE__ */ l(de, r({
+      autoFocus: i,
       checked: c,
-      defaultChecked: i,
+      defaultChecked: k,
       className: j.input,
-      disabled: v,
-      id: Y ? m : void 0,
-      name: R,
-      onChange: X,
-      readOnly: D,
-      ref: k,
-      required: A,
-      ownerState: N,
-      tabIndex: G,
-      type: P
-    }, P === "checkbox" && $ === void 0 ? {} : {
-      value: $
-    }, g)), w ? a : h]
+      disabled: b,
+      id: X ? p : void 0,
+      name: g,
+      onChange: Q,
+      readOnly: L,
+      ref: P,
+      required: D,
+      ownerState: F,
+      tabIndex: W,
+      type: y
+    }, y === "checkbox" && N === void 0 ? {} : {
+      value: N
+    }, R)), $ ? s : B]
   }));
 });
-process.env.NODE_ENV !== "production" && (L.propTypes = {
+process.env.NODE_ENV !== "production" && (H.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -240,7 +180,7 @@ process.env.NODE_ENV !== "production" && (L.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: U,
+  inputRef: V,
   /*
    * @ignore
    */
@@ -286,34 +226,34 @@ process.env.NODE_ENV !== "production" && (L.propTypes = {
    */
   value: e.any
 });
-const ve = z(/* @__PURE__ */ u("path", {
+const le = w(/* @__PURE__ */ l("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), Be = z(/* @__PURE__ */ u("path", {
+}), "CheckBoxOutlineBlank"), ue = w(/* @__PURE__ */ l("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), Ie = z(/* @__PURE__ */ u("path", {
+}), "CheckBox"), pe = w(/* @__PURE__ */ l("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function Re(o) {
-  return E("MuiCheckbox", o);
+function fe(o) {
+  return U("MuiCheckbox", o);
 }
-const O = M("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]), Pe = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], Ne = (o) => {
+const O = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]), he = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], me = (o) => {
   const {
     classes: n,
-    indeterminate: s,
-    color: t
+    indeterminate: t,
+    color: i
   } = o, c = {
-    root: ["root", s && "indeterminate", `color${F(t)}`]
-  }, a = V(c, Re, n);
-  return r({}, n, a);
-}, Oe = S(L, {
-  shouldForwardProp: (o) => te(o) || o === "classes",
+    root: ["root", t && "indeterminate", `color${z(i)}`]
+  }, s = M(c, fe, n);
+  return r({}, n, s);
+}, be = S(H, {
+  shouldForwardProp: (o) => Z(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (o, n) => {
     const {
-      ownerState: s
+      ownerState: t
     } = o;
-    return [n.root, s.indeterminate && n.indeterminate, s.color !== "default" && n[`color${F(s.color)}`]];
+    return [n.root, t.indeterminate && n.indeterminate, t.color !== "default" && n[`color${z(t.color)}`]];
   }
 })(({
   theme: o,
@@ -322,7 +262,7 @@ const O = M("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   color: (o.vars || o).palette.text.secondary
 }, !n.disableRipple && {
   "&:hover": {
-    backgroundColor: o.vars ? `rgba(${n.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : se(n.color === "default" ? o.palette.action.active : o.palette[n.color].main, o.palette.action.hoverOpacity),
+    backgroundColor: o.vars ? `rgba(${n.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : ee(n.color === "default" ? o.palette.action.active : o.palette[n.color].main, o.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -335,44 +275,44 @@ const O = M("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   [`&.${O.disabled}`]: {
     color: (o.vars || o).palette.action.disabled
   }
-})), Fe = /* @__PURE__ */ u(Be, {}), Se = /* @__PURE__ */ u(ve, {}), Te = /* @__PURE__ */ u(Ie, {}), ze = /* @__PURE__ */ B.forwardRef(function(n, s) {
-  var t, c;
-  const a = ae({
+})), ke = /* @__PURE__ */ l(ue, {}), Ce = /* @__PURE__ */ l(le, {}), ge = /* @__PURE__ */ l(pe, {}), ye = /* @__PURE__ */ x.forwardRef(function(n, t) {
+  var i, c;
+  const s = Y({
     props: n,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: I = Fe,
-    color: i = "primary",
-    icon: b = Se,
-    indeterminate: l = !1,
-    indeterminateIcon: p = Te,
-    inputProps: h,
-    size: m = "medium",
-    className: g
-  } = a, k = T(a, Pe), R = l ? p : b, x = l ? p : I, C = r({}, a, {
-    color: i,
-    indeterminate: l,
-    size: m
-  }), y = Ne(C);
-  return /* @__PURE__ */ u(Oe, r({
+    checkedIcon: v = ke,
+    color: k = "primary",
+    icon: I = Ce,
+    indeterminate: u = !1,
+    indeterminateIcon: C = ge,
+    inputProps: B,
+    size: p = "medium",
+    className: R
+  } = s, P = _(s, he), g = u ? C : I, f = u ? C : v, h = r({}, s, {
+    color: k,
+    indeterminate: u,
+    size: p
+  }), m = me(h);
+  return /* @__PURE__ */ l(be, r({
     type: "checkbox",
     inputProps: r({
-      "data-indeterminate": l
-    }, h),
-    icon: /* @__PURE__ */ B.cloneElement(R, {
-      fontSize: (t = R.props.fontSize) != null ? t : m
+      "data-indeterminate": u
+    }, B),
+    icon: /* @__PURE__ */ x.cloneElement(g, {
+      fontSize: (i = g.props.fontSize) != null ? i : p
     }),
-    checkedIcon: /* @__PURE__ */ B.cloneElement(x, {
-      fontSize: (c = x.props.fontSize) != null ? c : m
+    checkedIcon: /* @__PURE__ */ x.cloneElement(f, {
+      fontSize: (c = f.props.fontSize) != null ? c : p
     }),
-    ownerState: C,
-    ref: s,
-    className: q(y.root, g)
-  }, k, {
-    classes: y
+    ownerState: h,
+    ref: t,
+    className: E(m.root, R)
+  }, P, {
+    classes: m
   }));
 });
-process.env.NODE_ENV !== "production" && (ze.propTypes = {
+process.env.NODE_ENV !== "production" && (ye.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -444,7 +384,7 @@ process.env.NODE_ENV !== "production" && (ze.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: U,
+  inputRef: V,
   /**
    * Callback fired when the state is changed.
    *
@@ -474,6 +414,5 @@ process.env.NODE_ENV !== "production" && (ze.propTypes = {
   value: e.any
 });
 export {
-  be as B,
-  ze as C
+  ye as C
 };