@hybridcore/ui 1.3.3 → 1.3.4

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

@@ -1,29 +1,29 @@
 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 { jsx as C } from "react/jsx-runtime";
-import { c as pe, u as ce, e as de } from "./ButtonBase-DE8d_U2E.js";
-function ue(o) {
+import * as d from "react";
+import { g as te, u as ne, c as oe, a as ie } from "./useThemeProps-BXn-nVhw.js";
+import { P as e } from "./createStyled-liRRhQcN.js";
+import { g as re, s as b, e as se } from "./styled-Dm8rXzIG.js";
+import { T as ae, g as F } from "./utils-DY9Jk4Ah.js";
+import { u as le } from "./useTheme-CTuK-wFF.js";
+import { jsx as z } from "react/jsx-runtime";
+import { u as pe, e as ce } from "./ButtonBase-DJz-TFGO.js";
+function de(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 ue = ["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, u = {
     root: ["root", `${n}`],
     entered: ["entered"],
     hidden: ["hidden"],
     wrapper: ["wrapper", `${n}`],
     wrapperInner: ["wrapperInner", `${n}`]
   };
-  return ie(d, ue, s);
-}, me = b("div", {
+  return ie(u, de, s);
+}, he = b("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -50,7 +50,7 @@ const he = ["addEndListener", "children", "className", "collapsedSize", "compone
   width: "auto"
 }), n.state === "exited" && !n.in && n.collapsedSize === "0px" && {
   visibility: "hidden"
-})), ge = b("div", {
+})), me = b("div", {
   name: "MuiCollapse",
   slot: "Wrapper",
   overridesResolver: (o, n) => n.wrapper
@@ -63,7 +63,7 @@ const he = ["addEndListener", "children", "className", "collapsedSize", "compone
 }, o.orientation === "horizontal" && {
   width: "auto",
   height: "100%"
-})), Ee = b("div", {
+})), ge = b("div", {
   name: "MuiCollapse",
   slot: "WrapperInner",
   overridesResolver: (o, n) => n.wrapperInner
@@ -74,81 +74,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 u = ne({
     props: n,
     name: "MuiCollapse"
   }), {
     addEndListener: S,
-    children: H,
-    className: _,
-    collapsedSize: g = "0px",
-    component: U,
+    children: _,
+    className: U,
+    collapsedSize: E = "0px",
+    component: V,
     easing: D,
     in: $,
     onEnter: O,
     onEntered: N,
     onEntering: W,
     onExit: L,
-    onExited: V,
+    onExited: k,
     onExiting: P,
     orientation: j = "vertical",
-    style: T,
+    style: C,
     timeout: l = se.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: k = ae
-  } = d, q = ee(d, he), E = r({}, d, {
+    TransitionComponent: q = ae
+  } = u, B = ee(u, ue), x = r({}, u, {
     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) => {
+    collapsedSize: E
+  }), f = fe(x), I = le(), M = d.useRef(), p = d.useRef(null), v = d.useRef(), y = typeof E == "number" ? `${E}px` : E, h = j === "horizontal", m = h ? "width" : "height";
+  d.useEffect(() => () => {
+    clearTimeout(M.current);
+  }, []);
+  const w = d.useRef(null), G = pe(s, w), c = (t) => (i) => {
     if (t) {
-      const a = y.current;
+      const a = w.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);
+    p.current && h && (p.current.style.position = "absolute"), t.style[m] = y, O && O(t, i);
   }), K = c((t, i) => {
     const a = R();
     p.current && h && (p.current.style.position = "");
     const {
-      duration: m,
-      easing: w
-    } = A({
-      style: T,
+      duration: g,
+      easing: T
+    } = F({
+      style: C,
       timeout: l,
       easing: D
     }, {
       mode: "enter"
     });
     if (l === "auto") {
-      const M = I.transitions.getAutoHeightDuration(a);
-      t.style.transitionDuration = `${M}ms`, v.current = M;
+      const A = I.transitions.getAutoHeightDuration(a);
+      t.style.transitionDuration = `${A}ms`, v.current = A;
     } else
-      t.style.transitionDuration = typeof m == "string" ? m : `${m}ms`;
-    t.style[f] = `${a}px`, t.style.transitionTimingFunction = w, W && W(t, i);
+      t.style.transitionDuration = typeof g == "string" ? g : `${g}ms`;
+    t.style[m] = `${a}px`, t.style.transitionTimingFunction = T, W && W(t, i);
   }), Q = c((t, i) => {
-    t.style[f] = "auto", N && N(t, i);
+    t.style[m] = "auto", N && N(t, i);
   }), X = c((t) => {
-    t.style[f] = `${R()}px`, L && L(t);
-  }), Y = c(V), Z = c((t) => {
+    t.style[m] = `${R()}px`, L && L(t);
+  }), Y = c(k), Z = c((t) => {
     const i = R(), {
       duration: a,
-      easing: m
-    } = A({
-      style: T,
+      easing: g
+    } = F({
+      style: C,
       timeout: l,
       easing: D
     }, {
       mode: "exit"
     });
     if (l === "auto") {
-      const w = I.transitions.getAutoHeightDuration(i);
-      t.style.transitionDuration = `${w}ms`, v.current = w;
+      const T = I.transitions.getAutoHeightDuration(i);
+      t.style.transitionDuration = `${T}ms`, v.current = T;
     } else
       t.style.transitionDuration = typeof a == "string" ? a : `${a}ms`;
-    t.style[f] = x, t.style.transitionTimingFunction = m, P && P(t);
+    t.style[m] = y, t.style.transitionTimingFunction = g, P && P(t);
   });
-  return /* @__PURE__ */ C(k, r({
+  return /* @__PURE__ */ z(q, r({
     in: $,
     onEnter: J,
     onEntered: Q,
@@ -157,49 +161,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, v.current || 0)), S && S(w.current, t);
     },
-    nodeRef: y,
+    nodeRef: w,
     timeout: l === "auto" ? null : l
-  }, q, {
-    children: (t, i) => /* @__PURE__ */ C(me, r({
-      as: U,
-      className: oe(u.root, _, {
-        entered: u.entered,
-        exited: !$ && x === "0px" && u.hidden
+  }, B, {
+    children: (t, i) => /* @__PURE__ */ z(he, r({
+      as: V,
+      className: oe(f.root, U, {
+        entered: f.entered,
+        exited: !$ && y === "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, {
+        [h ? "minWidth" : "minHeight"]: y
+      }, C),
+      ownerState: r({}, x, {
         state: t
       }),
-      children: /* @__PURE__ */ C(ge, {
-        ownerState: r({}, E, {
+      ref: G
+    }, i, {
+      children: /* @__PURE__ */ z(me, {
+        ownerState: r({}, x, {
           state: t
         }),
-        className: u.wrapper,
+        className: f.wrapper,
         ref: p,
-        children: /* @__PURE__ */ C(Ee, {
-          ownerState: r({}, E, {
+        children: /* @__PURE__ */ z(ge, {
+          ownerState: r({}, x, {
             state: t
           }),
-          className: u.wrapperInner,
-          children: H
+          className: f.wrapperInner,
+          children: _
         })
       })
     }))
   }));
 });
-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 +229,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 +292,7 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
     exit: e.number
   })])
 });
-F.muiSupportAuto = !0;
+H.muiSupportAuto = !0;
 export {
-  F as C
+  H as C
 };