@hybridcore/ui 1.5.89 → 1.6.0

package/dist/{Button-eqWvpDuh.js → Button-CvE2gnly.js}

@@ -1,33 +1,47 @@
-import { a as r, _ as V } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as x from "react";
-import { P as i } from "./index-DMSHuq6l.js";
-import { g as L, r as _, u as j, c as $, a as F } from "./useThemeProps-DRP1dikX.js";
-import { s as f, r as U } from "./styled-B8ugzvji.js";
-import { g as D, a as v } from "./createTheme-CNnKNxwL.js";
-import { jsx as h, jsxs as G } from "react/jsx-runtime";
-import { B as A } from "./ButtonBase-DsX-jMQJ.js";
-import { c as s } from "./createTheme-CyC5HawC.js";
-function q(o) {
-  return D("MuiButton", o);
+import { a as t, _ as L } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as f from "react";
+import { P as n } from "./index-C__OZmYy.js";
+import { g as _, u as F, c as h, a as U } from "./useThemeProps-BzzHcQyd.js";
+import { alpha as v } from "@mui/system";
+import { s as x, r as D } from "./styled-eZwjUruw.js";
+import { g as G } from "./createTheme-DYxDnE9u.js";
+import { jsx as m, jsxs as A } from "react/jsx-runtime";
+import { B as q } from "./ButtonBase-2bPw77UP.js";
+import { c as e } from "./capitalize-ciszXJ7R.js";
+function O(o, i) {
+  const a = t({}, i);
+  return Object.keys(o).forEach((r) => {
+    if (r.toString().match(/^(components|slots)$/))
+      a[r] = t({}, o[r], a[r]);
+    else if (r.toString().match(/^(componentsProps|slotProps)$/)) {
+      const l = o[r] || {}, s = i[r];
+      a[r] = {}, !s || !Object.keys(s) ? a[r] = l : !l || !Object.keys(l) ? a[r] = s : (a[r] = t({}, s), Object.keys(l).forEach((c) => {
+        a[r][c] = O(l[c], s[c]);
+      }));
+    } else a[r] === void 0 && (a[r] = o[r]);
+  }), a;
 }
-const b = L("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = /* @__PURE__ */ x.createContext({});
+function H(o) {
+  return G("MuiButton", o);
+}
+const b = _("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = /* @__PURE__ */ f.createContext({});
 process.env.NODE_ENV !== "production" && (R.displayName = "ButtonGroupContext");
-const H = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], J = (o) => {
+const J = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], K = (o) => {
   const {
-    color: a,
-    disableElevation: n,
-    fullWidth: t,
-    size: e,
-    variant: l,
-    classes: d
+    color: i,
+    disableElevation: a,
+    fullWidth: r,
+    size: l,
+    variant: s,
+    classes: c
   } = o, g = {
-    root: ["root", l, `${l}${s(a)}`, `size${s(e)}`, `${l}Size${s(e)}`, a === "inherit" && "colorInherit", n && "disableElevation", t && "fullWidth"],
+    root: ["root", s, `${s}${e(i)}`, `size${e(l)}`, `${s}Size${e(l)}`, i === "inherit" && "colorInherit", a && "disableElevation", r && "fullWidth"],
     label: ["label"],
-    startIcon: ["startIcon", `iconSize${s(e)}`],
-    endIcon: ["endIcon", `iconSize${s(e)}`]
-  }, p = F(g, q, d);
-  return r({}, d, p);
-}, B = (o) => r({}, o.size === "small" && {
+    startIcon: ["startIcon", `iconSize${e(l)}`],
+    endIcon: ["endIcon", `iconSize${e(l)}`]
+  }, p = U(g, H, c);
+  return t({}, c, p);
+}, k = (o) => t({}, o.size === "small" && {
   "& > *:nth-of-type(1)": {
     fontSize: 18
   }
@@ -39,49 +53,49 @@ const H = ["children", "color", "component", "className", "disabled", "disableEl
   "& > *:nth-of-type(1)": {
     fontSize: 22
   }
-}), K = f(A, {
-  shouldForwardProp: (o) => U(o) || o === "classes",
+}), N = x(q, {
+  shouldForwardProp: (o) => D(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
-  overridesResolver: (o, a) => {
+  overridesResolver: (o, i) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [a.root, a[n.variant], a[`${n.variant}${s(n.color)}`], a[`size${s(n.size)}`], a[`${n.variant}Size${s(n.size)}`], n.color === "inherit" && a.colorInherit, n.disableElevation && a.disableElevation, n.fullWidth && a.fullWidth];
+    return [i.root, i[a.variant], i[`${a.variant}${e(a.color)}`], i[`size${e(a.size)}`], i[`${a.variant}Size${e(a.size)}`], a.color === "inherit" && i.colorInherit, a.disableElevation && i.disableElevation, a.fullWidth && i.fullWidth];
   }
 })(({
   theme: o,
-  ownerState: a
+  ownerState: i
 }) => {
-  var n, t;
-  return r({}, o.typography.button, {
+  var a, r;
+  return t({}, o.typography.button, {
     minWidth: 64,
     padding: "6px 16px",
     borderRadius: (o.vars || o).shape.borderRadius,
     transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
       duration: o.transitions.duration.short
     }),
-    "&:hover": r({
+    "&:hover": t({
       textDecoration: "none",
       backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
-    }, a.variant === "text" && a.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
+    }, i.variant === "text" && i.color !== "inherit" && {
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[i.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[i.color].main, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
-    }, a.variant === "outlined" && a.color !== "inherit" && {
-      border: `1px solid ${(o.vars || o).palette[a.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
+    }, i.variant === "outlined" && i.color !== "inherit" && {
+      border: `1px solid ${(o.vars || o).palette[i.color].main}`,
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[i.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[i.color].main, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
-    }, a.variant === "contained" && {
+    }, i.variant === "contained" && {
       backgroundColor: (o.vars || o).palette.grey.A100,
       boxShadow: (o.vars || o).shadows[4],
       // Reset on touch devices, it doesn't add specificity
@@ -89,70 +103,70 @@ const H = ["children", "color", "component", "className", "disabled", "disableEl
         boxShadow: (o.vars || o).shadows[2],
         backgroundColor: (o.vars || o).palette.grey[300]
       }
-    }, a.variant === "contained" && a.color !== "inherit" && {
-      backgroundColor: (o.vars || o).palette[a.color].dark,
+    }, i.variant === "contained" && i.color !== "inherit" && {
+      backgroundColor: (o.vars || o).palette[i.color].dark,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (o.vars || o).palette[a.color].main
+        backgroundColor: (o.vars || o).palette[i.color].main
       }
     }),
-    "&:active": r({}, a.variant === "contained" && {
+    "&:active": t({}, i.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[8]
     }),
-    [`&.${b.focusVisible}`]: r({}, a.variant === "contained" && {
+    [`&.${b.focusVisible}`]: t({}, i.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[6]
     }),
-    [`&.${b.disabled}`]: r({
+    [`&.${b.disabled}`]: t({
       color: (o.vars || o).palette.action.disabled
-    }, a.variant === "outlined" && {
+    }, i.variant === "outlined" && {
       border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-    }, a.variant === "contained" && {
+    }, i.variant === "contained" && {
       color: (o.vars || o).palette.action.disabled,
       boxShadow: (o.vars || o).shadows[0],
       backgroundColor: (o.vars || o).palette.action.disabledBackground
     })
-  }, a.variant === "text" && {
+  }, i.variant === "text" && {
     padding: "6px 8px"
-  }, a.variant === "text" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].main
-  }, a.variant === "outlined" && {
+  }, i.variant === "text" && i.color !== "inherit" && {
+    color: (o.vars || o).palette[i.color].main
+  }, i.variant === "outlined" && {
     padding: "5px 15px",
     border: "1px solid currentColor"
-  }, a.variant === "outlined" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
-  }, a.variant === "contained" && {
+  }, i.variant === "outlined" && i.color !== "inherit" && {
+    color: (o.vars || o).palette[i.color].main,
+    border: o.vars ? `1px solid rgba(${o.vars.palette[i.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[i.color].main, 0.5)}`
+  }, i.variant === "contained" && {
     color: o.vars ? (
       // this is safe because grey does not change between default light/dark mode
       o.vars.palette.text.primary
-    ) : (n = (t = o.palette).getContrastText) == null ? void 0 : n.call(t, o.palette.grey[300]),
+    ) : (a = (r = o.palette).getContrastText) == null ? void 0 : a.call(r, o.palette.grey[300]),
     backgroundColor: (o.vars || o).palette.grey[300],
     boxShadow: (o.vars || o).shadows[2]
-  }, a.variant === "contained" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].contrastText,
-    backgroundColor: (o.vars || o).palette[a.color].main
-  }, a.color === "inherit" && {
+  }, i.variant === "contained" && i.color !== "inherit" && {
+    color: (o.vars || o).palette[i.color].contrastText,
+    backgroundColor: (o.vars || o).palette[i.color].main
+  }, i.color === "inherit" && {
     color: "inherit",
     borderColor: "currentColor"
-  }, a.size === "small" && a.variant === "text" && {
+  }, i.size === "small" && i.variant === "text" && {
     padding: "4px 5px",
     fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "text" && {
+  }, i.size === "large" && i.variant === "text" && {
     padding: "8px 11px",
     fontSize: o.typography.pxToRem(15)
-  }, a.size === "small" && a.variant === "outlined" && {
+  }, i.size === "small" && i.variant === "outlined" && {
     padding: "3px 9px",
     fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "outlined" && {
+  }, i.size === "large" && i.variant === "outlined" && {
     padding: "7px 21px",
     fontSize: o.typography.pxToRem(15)
-  }, a.size === "small" && a.variant === "contained" && {
+  }, i.size === "small" && i.variant === "contained" && {
     padding: "4px 10px",
     fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "contained" && {
+  }, i.size === "large" && i.variant === "contained" && {
     padding: "8px 22px",
     fontSize: o.typography.pxToRem(15)
-  }, a.fullWidth && {
+  }, i.fullWidth && {
     width: "100%"
   });
 }, ({
@@ -171,90 +185,90 @@ const H = ["children", "color", "component", "className", "disabled", "disableEl
   [`&.${b.disabled}`]: {
     boxShadow: "none"
   }
-}), Q = f("span", {
+}), Q = x("span", {
   name: "MuiButton",
   slot: "StartIcon",
-  overridesResolver: (o, a) => {
+  overridesResolver: (o, i) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [a.startIcon, a[`iconSize${s(n.size)}`]];
+    return [i.startIcon, i[`iconSize${e(a.size)}`]];
   }
 })(({
   ownerState: o
-}) => r({
+}) => t({
   display: "inherit",
   marginRight: 8,
   marginLeft: -4
 }, o.size === "small" && {
   marginLeft: -2
-}, B(o))), X = f("span", {
+}, k(o))), X = x("span", {
   name: "MuiButton",
   slot: "EndIcon",
-  overridesResolver: (o, a) => {
+  overridesResolver: (o, i) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [a.endIcon, a[`iconSize${s(n.size)}`]];
+    return [i.endIcon, i[`iconSize${e(a.size)}`]];
   }
 })(({
   ownerState: o
-}) => r({
+}) => t({
   display: "inherit",
   marginRight: -4,
   marginLeft: 8
 }, o.size === "small" && {
   marginRight: -2
-}, B(o))), Y = /* @__PURE__ */ x.forwardRef(function(a, n) {
-  const t = x.useContext(R), e = _(t, a), l = j({
-    props: e,
+}, k(o))), Y = /* @__PURE__ */ f.forwardRef(function(i, a) {
+  const r = f.useContext(R), l = O(r, i), s = F({
+    props: l,
     name: "MuiButton"
   }), {
-    children: d,
+    children: c,
     color: g = "primary",
     component: p = "button",
-    className: O,
+    className: B,
     disabled: y = !1,
     disableElevation: E = !1,
     disableFocusRipple: z = !1,
     endIcon: C,
     focusVisibleClassName: T,
-    fullWidth: k = !1,
-    size: N = "medium",
-    startIcon: m,
-    type: I,
-    variant: P = "text"
-  } = l, W = V(l, H), u = r({}, l, {
+    fullWidth: W = !1,
+    size: P = "medium",
+    startIcon: I,
+    type: $,
+    variant: S = "text"
+  } = s, M = L(s, J), u = t({}, s, {
     color: g,
     component: p,
     disabled: y,
     disableElevation: E,
     disableFocusRipple: z,
-    fullWidth: k,
-    size: N,
-    type: I,
-    variant: P
-  }), c = J(u), M = m && /* @__PURE__ */ h(Q, {
-    className: c.startIcon,
+    fullWidth: W,
+    size: P,
+    type: $,
+    variant: S
+  }), d = K(u), j = I && /* @__PURE__ */ m(Q, {
+    className: d.startIcon,
     ownerState: u,
-    children: m
-  }), S = C && /* @__PURE__ */ h(X, {
-    className: c.endIcon,
+    children: I
+  }), V = C && /* @__PURE__ */ m(X, {
+    className: d.endIcon,
     ownerState: u,
     children: C
   });
-  return /* @__PURE__ */ G(K, r({
+  return /* @__PURE__ */ A(N, t({
     ownerState: u,
-    className: $(t.className, c.root, O),
+    className: h(r.className, d.root, B),
     component: p,
     disabled: y,
     focusRipple: !z,
-    focusVisibleClassName: $(c.focusVisible, T),
-    ref: n,
-    type: I
-  }, W, {
-    classes: c,
-    children: [M, d, S]
+    focusVisibleClassName: h(d.focusVisible, T),
+    ref: a,
+    type: $
+  }, M, {
+    classes: d,
+    children: [j, c, V]
   }));
 });
 process.env.NODE_ENV !== "production" && (Y.propTypes = {
@@ -265,42 +279,42 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
   /**
    * The content of the component.
    */
-  children: i.node,
+  children: n.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: i.object,
+  classes: n.object,
   /**
    * @ignore
    */
-  className: i.string,
+  className: n.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/#adding-new-colors).
    * @default 'primary'
    */
-  color: i.oneOfType([i.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), i.string]),
+  color: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: i.elementType,
+  component: n.elementType,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: i.bool,
+  disabled: n.bool,
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation: i.bool,
+  disableElevation: n.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: i.bool,
+  disableFocusRipple: n.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -308,48 +322,48 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: i.bool,
+  disableRipple: n.bool,
   /**
    * Element placed after the children.
    */
-  endIcon: i.node,
+  endIcon: n.node,
   /**
    * @ignore
    */
-  focusVisibleClassName: i.string,
+  focusVisibleClassName: n.string,
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth: i.bool,
+  fullWidth: n.bool,
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href: i.string,
+  href: n.string,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: i.oneOfType([i.oneOf(["small", "medium", "large"]), i.string]),
+  size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
   /**
    * Element placed before the children.
    */
-  startIcon: i.node,
+  startIcon: n.node,
   /**
    * 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]),
+  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
   /**
    * @ignore
    */
-  type: i.oneOfType([i.oneOf(["button", "reset", "submit"]), i.string]),
+  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
+  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
 });
 export {
   Y as B

package/dist/{ButtonBase-DsX-jMQJ.js → ButtonBase-2bPw77UP.js}

@@ -1,13 +1,13 @@
 import { a as Y, _ as ue } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as l from "react";
 import X, { Children as qe, isValidElement as G, cloneElement as J } from "react";
-import { P as n } from "./index-DMSHuq6l.js";
-import { b as We, c as v, g as Ce, u as ve, a as He } from "./useThemeProps-DRP1dikX.js";
-import { s as ae } from "./styled-B8ugzvji.js";
+import { P as n } from "./index-C__OZmYy.js";
+import { b as We, c as v, g as Ce, u as ve, a as He } from "./useThemeProps-BzzHcQyd.js";
+import { s as ae } from "./styled-eZwjUruw.js";
+import { keyframes as le } from "@mui/system";
 import { jsx as $, jsxs as Ge } from "react/jsx-runtime";
 import { _ as Je, a as Qe } from "./assertThisInitialized-BUtkG-md.js";
-import { keyframes as le } from "@emotion/react";
-import { g as Ze } from "./createTheme-CNnKNxwL.js";
+import { g as Ze } from "./createTheme-DYxDnE9u.js";
 function et(e) {
   const {
     prototype: t = {}

package/dist/{CardContent-DsYqqPeJ.js → CardContent-CSHh-ZlM.js}

@@ -1,9 +1,9 @@
 import { _ as m, a as c } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as d from "react";
-import { P as o } from "./index-DMSHuq6l.js";
-import { g as C, u, c as f, a as y } from "./useThemeProps-DRP1dikX.js";
-import { s as g } from "./styled-B8ugzvji.js";
-import { g as v } from "./createTheme-CNnKNxwL.js";
+import { P as o } from "./index-C__OZmYy.js";
+import { g as C, u, c as f, a as y } from "./useThemeProps-BzzHcQyd.js";
+import { s as g } from "./styled-eZwjUruw.js";
+import { g as v } from "./createTheme-DYxDnE9u.js";
 import { jsx as x } from "react/jsx-runtime";
 function N(t) {
   return v("MuiCardContent", t);