@hybridcore/ui 1.3.3 → 1.3.5

package/dist/{Collapse-FRd0_2Pt.js → Collapse-D_TjnyE5.js}

@@ -1,29 +1,35 @@
 import { _ as r, a as ee } from "./extends-Cyw62AD_.js";
-import * as z from "react";
-import { g as te, u as ne, c as oe, a as ie } from "./chainPropTypes-GRMJ22CO.js";
-import { P as e } from "./createTheme-C3DKplhE.js";
-import { g as re, s as b, h as se } from "./styled-iyoioZCr.js";
-import { T as ae, g as A } from "./utils-qcu0RzdN.js";
-import { u as le } from "./useTheme-pWltVFb2.js";
+import * as d from "react";
+import { g as te, u as ne, c as oe, a as ie } from "./useThemeProps-DeftUmqJ.js";
+import { P as e } from "./createStyled-B96gjom1.js";
+import { g as re, s as D, e as se } from "./styled-cPJbqF0E.js";
+import { T as ae, g as A } from "./utils-CCkxV0lZ.js";
+import { u as le } from "./useTheme-C-T6Qisa.js";
 import { jsx as C } from "react/jsx-runtime";
-import { c as pe, u as ce, e as de } from "./ButtonBase-DE8d_U2E.js";
+import { a as pe, e as ce } from "./ButtonBase-D6qhsxB0.js";
+function be(o, n, s, c, E) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const v = E || n;
+  return typeof o[n] < "u" ? new Error(`The prop \`${v}\` is not supported. Please remove it.`) : null;
+}
 function ue(o) {
   return re("MuiCollapse", o);
 }
 te("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const he = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"], fe = (o) => {
+const de = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"], fe = (o) => {
   const {
     orientation: n,
     classes: s
-  } = o, d = {
+  } = o, c = {
     root: ["root", `${n}`],
     entered: ["entered"],
     hidden: ["hidden"],
     wrapper: ["wrapper", `${n}`],
     wrapperInner: ["wrapperInner", `${n}`]
   };
-  return ie(d, ue, s);
-}, me = b("div", {
+  return ie(c, ue, s);
+}, me = D("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -50,7 +56,7 @@ const he = ["addEndListener", "children", "className", "collapsedSize", "compone
   width: "auto"
 }), n.state === "exited" && !n.in && n.collapsedSize === "0px" && {
   visibility: "hidden"
-})), ge = b("div", {
+})), he = D("div", {
   name: "MuiCollapse",
   slot: "Wrapper",
   overridesResolver: (o, n) => n.wrapper
@@ -63,7 +69,7 @@ const he = ["addEndListener", "children", "className", "collapsedSize", "compone
 }, o.orientation === "horizontal" && {
   width: "auto",
   height: "100%"
-})), Ee = b("div", {
+})), ge = D("div", {
   name: "MuiCollapse",
   slot: "WrapperInner",
   overridesResolver: (o, n) => n.wrapperInner
@@ -74,81 +80,85 @@ const he = ["addEndListener", "children", "className", "collapsedSize", "compone
 }, o.orientation === "horizontal" && {
   width: "auto",
   height: "100%"
-})), F = /* @__PURE__ */ z.forwardRef(function(n, s) {
-  const d = ne({
+})), H = /* @__PURE__ */ d.forwardRef(function(n, s) {
+  const c = ne({
     props: n,
     name: "MuiCollapse"
   }), {
-    addEndListener: S,
-    children: H,
-    className: _,
-    collapsedSize: g = "0px",
-    component: U,
-    easing: D,
+    addEndListener: E,
+    children: v,
+    className: U,
+    collapsedSize: x = "0px",
+    component: V,
+    easing: N,
     in: $,
     onEnter: O,
-    onEntered: N,
+    onEntered: P,
     onEntering: W,
     onExit: L,
-    onExited: V,
-    onExiting: P,
-    orientation: j = "vertical",
-    style: T,
+    onExited: k,
+    onExiting: j,
+    orientation: F = "vertical",
+    style: R,
     timeout: l = se.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: k = ae
-  } = d, q = ee(d, he), E = r({}, d, {
-    orientation: j,
-    collapsedSize: g
-  }), u = fe(E), I = le(), B = pe(), p = z.useRef(null), v = z.useRef(), x = typeof g == "number" ? `${g}px` : g, h = j === "horizontal", f = h ? "width" : "height", y = z.useRef(null), G = ce(s, y), c = (t) => (i) => {
+    TransitionComponent: q = ae
+  } = c, B = ee(c, de), y = r({}, c, {
+    orientation: F,
+    collapsedSize: x
+  }), f = fe(y), I = le(), M = d.useRef(), p = d.useRef(null), b = d.useRef(), w = typeof x == "number" ? `${x}px` : x, m = F === "horizontal", h = m ? "width" : "height";
+  d.useEffect(() => () => {
+    clearTimeout(M.current);
+  }, []);
+  const T = d.useRef(null), G = pe(s, T), u = (t) => (i) => {
     if (t) {
-      const a = y.current;
+      const a = T.current;
       i === void 0 ? t(a) : t(a, i);
     }
-  }, R = () => p.current ? p.current[h ? "clientWidth" : "clientHeight"] : 0, J = c((t, i) => {
-    p.current && h && (p.current.style.position = "absolute"), t.style[f] = x, O && O(t, i);
-  }), K = c((t, i) => {
-    const a = R();
-    p.current && h && (p.current.style.position = "");
+  }, S = () => p.current ? p.current[m ? "clientWidth" : "clientHeight"] : 0, J = u((t, i) => {
+    p.current && m && (p.current.style.position = "absolute"), t.style[h] = w, O && O(t, i);
+  }), K = u((t, i) => {
+    const a = S();
+    p.current && m && (p.current.style.position = "");
     const {
-      duration: m,
-      easing: w
+      duration: g,
+      easing: z
     } = A({
-      style: T,
+      style: R,
       timeout: l,
-      easing: D
+      easing: N
     }, {
       mode: "enter"
     });
     if (l === "auto") {
-      const M = I.transitions.getAutoHeightDuration(a);
-      t.style.transitionDuration = `${M}ms`, v.current = M;
+      const _ = I.transitions.getAutoHeightDuration(a);
+      t.style.transitionDuration = `${_}ms`, b.current = _;
     } else
-      t.style.transitionDuration = typeof m == "string" ? m : `${m}ms`;
-    t.style[f] = `${a}px`, t.style.transitionTimingFunction = w, W && W(t, i);
-  }), Q = c((t, i) => {
-    t.style[f] = "auto", N && N(t, i);
-  }), X = c((t) => {
-    t.style[f] = `${R()}px`, L && L(t);
-  }), Y = c(V), Z = c((t) => {
-    const i = R(), {
+      t.style.transitionDuration = typeof g == "string" ? g : `${g}ms`;
+    t.style[h] = `${a}px`, t.style.transitionTimingFunction = z, W && W(t, i);
+  }), Q = u((t, i) => {
+    t.style[h] = "auto", P && P(t, i);
+  }), X = u((t) => {
+    t.style[h] = `${S()}px`, L && L(t);
+  }), Y = u(k), Z = u((t) => {
+    const i = S(), {
       duration: a,
-      easing: m
+      easing: g
     } = A({
-      style: T,
+      style: R,
       timeout: l,
-      easing: D
+      easing: N
     }, {
       mode: "exit"
     });
     if (l === "auto") {
-      const w = I.transitions.getAutoHeightDuration(i);
-      t.style.transitionDuration = `${w}ms`, v.current = w;
+      const z = I.transitions.getAutoHeightDuration(i);
+      t.style.transitionDuration = `${z}ms`, b.current = z;
     } else
       t.style.transitionDuration = typeof a == "string" ? a : `${a}ms`;
-    t.style[f] = x, t.style.transitionTimingFunction = m, P && P(t);
+    t.style[h] = w, t.style.transitionTimingFunction = g, j && j(t);
   });
-  return /* @__PURE__ */ C(k, r({
+  return /* @__PURE__ */ C(q, r({
     in: $,
     onEnter: J,
     onEntered: Q,
@@ -157,49 +167,47 @@ const he = ["addEndListener", "children", "className", "collapsedSize", "compone
     onExited: Y,
     onExiting: Z,
     addEndListener: (t) => {
-      l === "auto" && B.start(v.current || 0, t), S && S(y.current, t);
+      l === "auto" && (M.current = setTimeout(t, b.current || 0)), E && E(T.current, t);
     },
-    nodeRef: y,
+    nodeRef: T,
     timeout: l === "auto" ? null : l
-  }, q, {
+  }, B, {
     children: (t, i) => /* @__PURE__ */ C(me, r({
-      as: U,
-      className: oe(u.root, _, {
-        entered: u.entered,
-        exited: !$ && x === "0px" && u.hidden
+      as: V,
+      className: oe(f.root, U, {
+        entered: f.entered,
+        exited: !$ && w === "0px" && f.hidden
       }[t]),
       style: r({
-        [h ? "minWidth" : "minHeight"]: x
-      }, T),
-      ref: G
-    }, i, {
-      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
-      // that might have been forwarded from the Transition component.
-      ownerState: r({}, E, {
+        [m ? "minWidth" : "minHeight"]: w
+      }, R),
+      ownerState: r({}, y, {
         state: t
       }),
-      children: /* @__PURE__ */ C(ge, {
-        ownerState: r({}, E, {
+      ref: G
+    }, i, {
+      children: /* @__PURE__ */ C(he, {
+        ownerState: r({}, y, {
           state: t
         }),
-        className: u.wrapper,
+        className: f.wrapper,
         ref: p,
-        children: /* @__PURE__ */ C(Ee, {
-          ownerState: r({}, E, {
+        children: /* @__PURE__ */ C(ge, {
+          ownerState: r({}, y, {
             state: t
           }),
-          className: u.wrapperInner,
-          children: H
+          className: f.wrapperInner,
+          children: v
         })
       })
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (H.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Add a custom transition end trigger. Called with the transitioning DOM
    * node and a done callback. Allows for more fine grained transition end
@@ -227,7 +235,7 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: de,
+  component: ce,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -290,7 +298,8 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
     exit: e.number
   })])
 });
-F.muiSupportAuto = !0;
+H.muiSupportAuto = !0;
 export {
-  F as C
+  H as C,
+  be as u
 };