@hybridcore/ui 1.6.1 → 1.6.2

package/dist/{IconButton-_opV1iNK.js → IconButton-BoGwbvrP.js}

@@ -1,15 +1,15 @@
 import { a as t, _ as h } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as d from "react";
 import { P as r } from "./index-C__OZmYy.js";
-import { g as z, b as R, s as C, u as B, c as I, a as O } from "./styled-Bsjp3kFh.js";
-import { alpha as g } from "@mui/system";
-import { jsx as T } from "react/jsx-runtime";
-import { B as x, c as $ } from "./ButtonBase-sObABYY2.js";
-import { c as n } from "./capitalize-quqpGCFu.js";
+import { c as z } from "./clsx-OuTLNxxd.js";
+import { g as R, a as C, s as B, b as n, f as g, u as I, c as O } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { jsx as x } from "react/jsx-runtime";
+import { B as T } from "./ButtonBase-BEF7oTOe.js";
+import { c as $ } from "./TransitionGroupContext-BDAp2T0O.js";
 function k(o) {
-  return R("MuiIconButton", o);
+  return C("MuiIconButton", o);
 }
-const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), j = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], E = (o) => {
+const P = R("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), _ = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], j = (o) => {
   const {
     classes: e,
     disabled: a,
@@ -20,7 +20,7 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     root: ["root", a && "disabled", s !== "default" && `color${n(s)}`, i && `edge${n(i)}`, `size${n(l)}`]
   };
   return O(c, k, e);
-}, M = C(x, {
+}, E = B(T, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (o, e) => {
@@ -87,8 +87,8 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       color: (o.vars || o).palette.action.disabled
     }
   });
-}), N = /* @__PURE__ */ d.forwardRef(function(e, a) {
-  const s = B({
+}), M = /* @__PURE__ */ d.forwardRef(function(e, a) {
+  const s = I({
     props: e,
     name: "MuiIconButton"
   }), {
@@ -98,30 +98,30 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     color: b = "default",
     disabled: p = !1,
     disableFocusRipple: u = !1,
-    size: m = "medium"
-  } = s, v = h(s, j), f = t({}, s, {
+    size: v = "medium"
+  } = s, m = h(s, _), f = t({}, s, {
     edge: i,
     color: b,
     disabled: p,
     disableFocusRipple: u,
-    size: m
-  }), y = E(f);
-  return /* @__PURE__ */ T(M, t({
-    className: I(y.root, c),
+    size: v
+  }), y = j(f);
+  return /* @__PURE__ */ x(E, t({
+    className: z(y.root, c),
     centerRipple: !0,
     focusRipple: !u,
     disabled: p,
-    ref: a,
-    ownerState: f
-  }, v, {
+    ref: a
+  }, m, {
+    ownerState: f,
     children: l
   }));
 });
-process.env.NODE_ENV !== "production" && (N.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The icon to display.
    */
@@ -138,7 +138,7 @@ process.env.NODE_ENV !== "production" && (N.propTypes = {
   /**
    * 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/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'default'
    */
   color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
@@ -180,5 +180,5 @@ process.env.NODE_ENV !== "production" && (N.propTypes = {
   sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
 });
 export {
-  N as I
+  M as I
 };

package/dist/{InputLabel-rEwwnD4_.js → InputLabel-Dd8RrneV.js}

@@ -1,112 +1,102 @@
-import { a as l, _ as y } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as b from "react";
+import { a as i, _ as h } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as k from "react";
 import { P as o } from "./index-C__OZmYy.js";
-import { g as k, b as C, s as x, u as g, c as O, a as L, r as T } from "./styled-Bsjp3kFh.js";
-import { jsxs as h, jsx as I } from "react/jsx-runtime";
-import { c as E } from "./capitalize-quqpGCFu.js";
-const z = /* @__PURE__ */ b.createContext(void 0);
-process.env.NODE_ENV !== "production" && (z.displayName = "FormControlContext");
-function F() {
-  return b.useContext(z);
+import { c as y } from "./clsx-OuTLNxxd.js";
+import { f as g } from "./formControlState-vgaj2ksH.js";
+import { u as C } from "./useFormControl-CatNKXAi.js";
+import { g as O, a as L, s as b, u as z, b as q, c as F, r as I } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { jsxs as v, jsx as T } from "react/jsx-runtime";
+function R(e) {
+  return L("MuiFormLabel", e);
 }
-function N({
-  props: r,
-  states: e,
-  muiFormControl: a
-}) {
-  return e.reduce((s, t) => (s[t] = r[t], a && typeof r[t] > "u" && (s[t] = a[t]), s), {});
-}
-function R(r) {
-  return C("MuiFormLabel", r);
-}
-const m = k("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), j = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], M = (r) => {
+const u = O("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), j = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], M = (e) => {
   const {
-    classes: e,
+    classes: r,
     color: a,
     focused: s,
-    disabled: t,
-    error: c,
-    filled: d,
-    required: f
-  } = r, i = {
-    root: ["root", `color${E(a)}`, t && "disabled", c && "error", d && "filled", s && "focused", f && "required"],
-    asterisk: ["asterisk", c && "error"]
+    disabled: f,
+    error: l,
+    filled: c,
+    required: p
+  } = e, n = {
+    root: ["root", `color${q(a)}`, f && "disabled", l && "error", c && "filled", s && "focused", p && "required"],
+    asterisk: ["asterisk", l && "error"]
   };
-  return L(i, R, e);
-}, A = x("label", {
+  return F(n, R, r);
+}, $ = b("label", {
   name: "MuiFormLabel",
   slot: "Root",
   overridesResolver: ({
-    ownerState: r
-  }, e) => l({}, e.root, r.color === "secondary" && e.colorSecondary, r.filled && e.filled)
+    ownerState: e
+  }, r) => i({}, r.root, e.color === "secondary" && r.colorSecondary, e.filled && r.filled)
 })(({
-  theme: r,
-  ownerState: e
-}) => l({
-  color: (r.vars || r).palette.text.secondary
-}, r.typography.body1, {
+  theme: e,
+  ownerState: r
+}) => i({
+  color: (e.vars || e).palette.text.secondary
+}, e.typography.body1, {
   lineHeight: "1.4375em",
   padding: 0,
   position: "relative",
-  [`&.${m.focused}`]: {
-    color: (r.vars || r).palette[e.color].main
+  [`&.${u.focused}`]: {
+    color: (e.vars || e).palette[r.color].main
   },
-  [`&.${m.disabled}`]: {
-    color: (r.vars || r).palette.text.disabled
+  [`&.${u.disabled}`]: {
+    color: (e.vars || e).palette.text.disabled
   },
-  [`&.${m.error}`]: {
-    color: (r.vars || r).palette.error.main
+  [`&.${u.error}`]: {
+    color: (e.vars || e).palette.error.main
   }
-})), _ = x("span", {
+})), A = b("span", {
   name: "MuiFormLabel",
   slot: "Asterisk",
-  overridesResolver: (r, e) => e.asterisk
+  overridesResolver: (e, r) => r.asterisk
 })(({
-  theme: r
+  theme: e
 }) => ({
-  [`&.${m.error}`]: {
-    color: (r.vars || r).palette.error.main
+  [`&.${u.error}`]: {
+    color: (e.vars || e).palette.error.main
   }
-})), q = /* @__PURE__ */ b.forwardRef(function(e, a) {
-  const s = g({
-    props: e,
+})), N = /* @__PURE__ */ k.forwardRef(function(r, a) {
+  const s = z({
+    props: r,
     name: "MuiFormLabel"
   }), {
-    children: t,
-    className: c,
-    component: d = "label"
-  } = s, f = y(s, j), i = F(), n = N({
+    children: f,
+    className: l,
+    component: c = "label"
+  } = s, p = h(s, j), n = C(), t = g({
     props: s,
-    muiFormControl: i,
+    muiFormControl: n,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
-  }), p = l({}, s, {
-    color: n.color || "primary",
-    component: d,
-    disabled: n.disabled,
-    error: n.error,
-    filled: n.filled,
-    focused: n.focused,
-    required: n.required
-  }), u = M(p);
-  return /* @__PURE__ */ h(A, l({
-    as: d,
-    ownerState: p,
-    className: O(u.root, c),
+  }), d = i({}, s, {
+    color: t.color || "primary",
+    component: c,
+    disabled: t.disabled,
+    error: t.error,
+    filled: t.filled,
+    focused: t.focused,
+    required: t.required
+  }), m = M(d);
+  return /* @__PURE__ */ v($, i({
+    as: c,
+    ownerState: d,
+    className: y(m.root, l),
     ref: a
-  }, f, {
-    children: [t, n.required && /* @__PURE__ */ h(_, {
-      ownerState: p,
+  }, p, {
+    children: [f, t.required && /* @__PURE__ */ v(A, {
+      ownerState: d,
       "aria-hidden": !0,
-      className: u.asterisk,
+      className: m.asterisk,
       children: [" ", "*"]
     })]
   }));
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (N.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
@@ -122,7 +112,7 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
   /**
    * 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/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    */
   color: o.oneOfType([o.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), o.string]),
   /**
@@ -155,65 +145,65 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function $(r) {
-  return C("MuiInputLabel", r);
+function E(e) {
+  return L("MuiInputLabel", e);
 }
-k("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
-const P = ["disableAnimation", "margin", "shrink", "variant", "className"], W = (r) => {
+O("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
+const P = ["disableAnimation", "margin", "shrink", "variant", "className"], W = (e) => {
   const {
-    classes: e,
+    classes: r,
     formControl: a,
     size: s,
-    shrink: t,
-    disableAnimation: c,
-    variant: d,
-    required: f
-  } = r, n = L({
-    root: ["root", a && "formControl", !c && "animated", t && "shrink", s === "small" && "sizeSmall", d],
-    asterisk: [f && "asterisk"]
-  }, $, e);
-  return l({}, e, n);
-}, w = x(q, {
-  shouldForwardProp: (r) => T(r) || r === "classes",
+    shrink: f,
+    disableAnimation: l,
+    variant: c,
+    required: p
+  } = e, n = {
+    root: ["root", a && "formControl", !l && "animated", f && "shrink", s && s !== "normal" && `size${q(s)}`, c],
+    asterisk: [p && "asterisk"]
+  }, t = F(n, E, r);
+  return i({}, r, t);
+}, _ = b(N, {
+  shouldForwardProp: (e) => I(e) || e === "classes",
   name: "MuiInputLabel",
   slot: "Root",
-  overridesResolver: (r, e) => {
+  overridesResolver: (e, r) => {
     const {
       ownerState: a
-    } = r;
+    } = e;
     return [{
-      [`& .${m.asterisk}`]: e.asterisk
-    }, e.root, a.formControl && e.formControl, a.size === "small" && e.sizeSmall, a.shrink && e.shrink, !a.disableAnimation && e.animated, e[a.variant]];
+      [`& .${u.asterisk}`]: r.asterisk
+    }, r.root, a.formControl && r.formControl, a.size === "small" && r.sizeSmall, a.shrink && r.shrink, !a.disableAnimation && r.animated, a.focused && r.focused, r[a.variant]];
   }
 })(({
-  theme: r,
-  ownerState: e
-}) => l({
+  theme: e,
+  ownerState: r
+}) => i({
   display: "block",
   transformOrigin: "top left",
   whiteSpace: "nowrap",
   overflow: "hidden",
   textOverflow: "ellipsis",
   maxWidth: "100%"
-}, e.formControl && {
+}, r.formControl && {
   position: "absolute",
   left: 0,
   top: 0,
   // slight alteration to spec spacing to match visual spec result
   transform: "translate(0, 20px) scale(1)"
-}, e.size === "small" && {
+}, r.size === "small" && {
   // Compensation for the `Input.inputSizeSmall` style.
   transform: "translate(0, 17px) scale(1)"
-}, e.shrink && {
+}, r.shrink && {
   transform: "translate(0, -1.5px) scale(0.75)",
   transformOrigin: "top left",
   maxWidth: "133%"
-}, !e.disableAnimation && {
-  transition: r.transitions.create(["color", "transform", "max-width"], {
-    duration: r.transitions.duration.shorter,
-    easing: r.transitions.easing.easeOut
+}, !r.disableAnimation && {
+  transition: e.transitions.create(["color", "transform", "max-width"], {
+    duration: e.transitions.duration.shorter,
+    easing: e.transitions.easing.easeOut
   })
-}, e.variant === "filled" && l({
+}, r.variant === "filled" && i({
   // Chrome's autofill feature gives the input field a yellow background.
   // Since the input field is behind the label in the HTML tree,
   // the input field is drawn last and hides the label with an opaque background color.
@@ -222,67 +212,68 @@ const P = ["disableAnimation", "margin", "shrink", "variant", "className"], W =
   pointerEvents: "none",
   transform: "translate(12px, 16px) scale(1)",
   maxWidth: "calc(100% - 24px)"
-}, e.size === "small" && {
+}, r.size === "small" && {
   transform: "translate(12px, 13px) scale(1)"
-}, e.shrink && l({
+}, r.shrink && i({
   userSelect: "none",
   pointerEvents: "auto",
   transform: "translate(12px, 7px) scale(0.75)",
   maxWidth: "calc(133% - 24px)"
-}, e.size === "small" && {
+}, r.size === "small" && {
   transform: "translate(12px, 4px) scale(0.75)"
-})), e.variant === "outlined" && l({
+})), r.variant === "outlined" && i({
   // see comment above on filled.zIndex
   zIndex: 1,
   pointerEvents: "none",
   transform: "translate(14px, 16px) scale(1)",
   maxWidth: "calc(100% - 24px)"
-}, e.size === "small" && {
+}, r.size === "small" && {
   transform: "translate(14px, 9px) scale(1)"
-}, e.shrink && {
+}, r.shrink && {
   userSelect: "none",
   pointerEvents: "auto",
   // Theoretically, we should have (8+5)*2/0.75 = 34px
   // but it feels a better when it bleeds a bit on the left, so 32px.
   maxWidth: "calc(133% - 32px)",
   transform: "translate(14px, -9px) scale(0.75)"
-}))), S = /* @__PURE__ */ b.forwardRef(function(e, a) {
-  const s = g({
+}))), w = /* @__PURE__ */ k.forwardRef(function(r, a) {
+  const s = z({
     name: "MuiInputLabel",
-    props: e
+    props: r
   }), {
-    disableAnimation: t = !1,
-    shrink: c,
-    className: d
-  } = s, f = y(s, P), i = F();
-  let n = c;
-  typeof n > "u" && i && (n = i.filled || i.focused || i.adornedStart);
-  const p = N({
+    disableAnimation: f = !1,
+    shrink: l,
+    className: c
+  } = s, p = h(s, P), n = C();
+  let t = l;
+  typeof t > "u" && n && (t = n.filled || n.focused || n.adornedStart);
+  const d = g({
     props: s,
-    muiFormControl: i,
-    states: ["size", "variant", "required"]
-  }), u = l({}, s, {
-    disableAnimation: t,
-    formControl: i,
-    shrink: n,
-    size: p.size,
-    variant: p.variant,
-    required: p.required
-  }), v = W(u);
-  return /* @__PURE__ */ I(w, l({
-    "data-shrink": n,
-    ownerState: u,
+    muiFormControl: n,
+    states: ["size", "variant", "required", "focused"]
+  }), m = i({}, s, {
+    disableAnimation: f,
+    formControl: n,
+    shrink: t,
+    size: d.size,
+    variant: d.variant,
+    required: d.required,
+    focused: d.focused
+  }), x = W(m);
+  return /* @__PURE__ */ T(_, i({
+    "data-shrink": t,
+    ownerState: m,
     ref: a,
-    className: O(v.root, d)
-  }, f, {
-    classes: v
+    className: y(x.root, c)
+  }, p, {
+    classes: x
   }));
 });
-process.env.NODE_ENV !== "production" && (S.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (w.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
@@ -298,7 +289,7 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
   /**
    * 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/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    */
   color: o.oneOfType([o.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), o.string]),
   /**
@@ -346,9 +337,5 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
   variant: o.oneOf(["filled", "outlined", "standard"])
 });
 export {
-  q as F,
-  S as I,
-  z as a,
-  N as f,
-  F as u
+  w as I
 };