@5ive-souls/controls 0.0.3 → 0.0.5

package/dist/Section-Bw_kuHpK.js

@@ -1,754 +0,0 @@
-import { jsxs as re, jsx as x } from "react/jsx-runtime";
-import { makeStyles as ge, tokens as D, mergeClasses as X, Button as Te, Divider as be } from "@fluentui/react-components";
-import * as p from "react";
-import Ae from "react";
-import { FlexBox as oe } from "./components/FlexBox/FlexBox.js";
-import { FlexBoxItem as Y } from "./components/FlexBox/FlexBoxItem/FlexBoxItem.js";
-import "./components/FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
-import { ClassNames as Q } from "./components/ClassNames.js";
-import { SectionUtils as xe } from "./components/Section/SectionUtils.js";
-import { c as V } from "./createFluentIcon-CwLxkjIW.js";
-const Et = /* @__PURE__ */ V("Checkmark32Filled", "32", ["M29.9 5.14c.48.5.46 1.3-.04 1.77l-19 18a1.25 1.25 0 0 1-1.77-.06L2.34 17.6a1.25 1.25 0 0 1 1.82-1.7l5.9 6.33L28.14 5.09c.5-.47 1.3-.45 1.77.05Z"]), Pe = /* @__PURE__ */ V("ChevronDoubleDown20Regular", "20", ["M15.85 8.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 9.35a.5.5 0 1 1 .7-.7L10 13.8l5.15-5.16c.2-.2.5-.2.7 0Zm0-4c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 5.35a.5.5 0 1 1 .7-.7L10 9.8l5.15-5.16c.2-.2.5-.2.7 0Z"]), we = /* @__PURE__ */ V("ChevronDoubleUp20Regular", "20", ["M4.15 9.65a.5.5 0 0 0 .7.7L10 5.2l5.15 5.16a.5.5 0 1 0 .7-.7L10.4 4.16a.55.55 0 0 0-.78 0L4.15 9.65Zm0 5a.5.5 0 0 0 .7.7L10 10.2l5.15 5.16a.5.5 0 1 0 .7-.7L10.4 9.16a.55.55 0 0 0-.78 0l-5.46 5.49Z"]), ht = /* @__PURE__ */ V("ChevronLeft32Filled", "32", ["M20.88 5.37c.5.48.5 1.28 0 1.76L12.02 16l8.86 8.87a1.25 1.25 0 0 1-1.76 1.76l-9.75-9.75a1.25 1.25 0 0 1 0-1.76l9.75-9.75a1.25 1.25 0 0 1 1.76 0Z"]), Ct = /* @__PURE__ */ V("ChevronRight32Filled", "32", ["M11.12 26.63a1.25 1.25 0 0 1 0-1.76L19.98 16l-8.86-8.87a1.25 1.25 0 0 1 1.76-1.76l9.75 9.75c.5.48.5 1.28 0 1.76l-9.75 9.75c-.48.5-1.28.5-1.76 0Z"]), Ie = {
-  durationUltraFast: 50,
-  durationFaster: 100,
-  durationFast: 150,
-  durationNormal: 200,
-  durationGentle: 250,
-  durationSlow: 300,
-  durationSlower: 400,
-  durationUltraSlow: 500
-}, _e = {
-  curveAccelerateMax: "cubic-bezier(0.9,0.1,1,0.2)",
-  curveAccelerateMid: "cubic-bezier(1,0,1,1)",
-  curveAccelerateMin: "cubic-bezier(0.8,0,0.78,1)",
-  curveDecelerateMax: "cubic-bezier(0.1,0.9,0.2,1)",
-  curveDecelerateMid: "cubic-bezier(0,0,0,1)",
-  curveDecelerateMin: "cubic-bezier(0.33,0,0.1,1)",
-  curveEasyEaseMax: "cubic-bezier(0.8,0,0.2,1)",
-  curveEasyEase: "cubic-bezier(0.33,0,0.67,1)",
-  curveLinear: "cubic-bezier(0,0,1,1)"
-}, b = {
-  ...Ie,
-  ..._e
-}, ue = p.createContext(void 0), Ne = {
-  // eslint-disable-next-line @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )
-  targetDocument: typeof document == "object" ? document : void 0,
-  dir: "ltr"
-};
-ue.Provider;
-function ke() {
-  var e;
-  return (e = p.useContext(ue)) !== null && e !== void 0 ? e : Ne;
-}
-function Le() {
-  return (
-    /* eslint-disable @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )*/
-    typeof window < "u" && !!(window.document && // eslint-disable-next-line @typescript-eslint/no-deprecated
-    window.document.createElement)
-  );
-}
-const G = Le() ? p.useLayoutEffect : p.useEffect, J = (e) => {
-  const r = p.useRef(() => {
-    throw new Error("Cannot call an event handler while rendering");
-  });
-  return G(() => {
-    r.current = e;
-  }, [
-    e
-  ]), p.useCallback((...n) => {
-    const o = r.current;
-    return o(...n);
-  }, [
-    r
-  ]);
-};
-function Oe() {
-  const e = p.useRef(!0);
-  return e.current ? (e.current = !1, !0) : e.current;
-}
-function De() {
-  return p.useReducer((e) => e + 1, 0)[1];
-}
-function ze(...e) {
-  "use no memo";
-  const r = p.useCallback(
-    (n) => {
-      r.current = n;
-      for (const o of e)
-        typeof o == "function" ? o(n) : o && (o.current = n);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive
-    [
-      ...e
-    ]
-  );
-  return r;
-}
-function $e(e) {
-  if (e.playState === "running") {
-    var r;
-    if (e.overallProgress !== void 0) {
-      var n;
-      const l = (n = e.overallProgress) !== null && n !== void 0 ? n : 0;
-      return l > 0 && l < 1;
-    }
-    var o;
-    const u = Number((o = e.currentTime) !== null && o !== void 0 ? o : 0);
-    var a;
-    const d = Number((a = (r = e.effect) === null || r === void 0 ? void 0 : r.getTiming().duration) !== null && a !== void 0 ? a : 0);
-    return u > 0 && u < d;
-  }
-  return !1;
-}
-const Fe = {
-  fill: "forwards"
-}, Be = {
-  duration: 1
-};
-function le() {
-  var e;
-  const r = typeof window < "u" && typeof ((e = window.Animation) === null || e === void 0 ? void 0 : e.prototype.persist) == "function";
-  return p.useCallback((n, o, a) => {
-    const u = Array.isArray(o) ? o : [
-      o
-    ], { isReducedMotion: d } = a, l = u.map((c) => {
-      const { keyframes: f, reducedMotion: m = Be, ...v } = c, { keyframes: C = f, ...y } = m, g = d ? C : f, T = {
-        ...Fe,
-        ...v,
-        // Use reduced motion overrides (e.g. duration, easing) when reduced motion is enabled
-        ...d && y
-      };
-      try {
-        const s = n.animate(g, T);
-        if (r)
-          s == null || s.persist();
-        else {
-          const R = g[g.length - 1];
-          var A;
-          Object.assign((A = n.style) !== null && A !== void 0 ? A : {}, R);
-        }
-        return s;
-      } catch {
-        return null;
-      }
-    }).filter((c) => !!c);
-    return {
-      set playbackRate(c) {
-        l.forEach((f) => {
-          f.playbackRate = c;
-        });
-      },
-      setMotionEndCallbacks(c, f) {
-        const m = l.map((v) => new Promise((C, y) => {
-          v.onfinish = () => C(), v.oncancel = () => y();
-        }));
-        Promise.all(m).then(() => {
-          c();
-        }).catch(() => {
-          f();
-        });
-      },
-      isRunning() {
-        return l.some((c) => $e(c));
-      },
-      cancel: () => {
-        l.forEach((c) => {
-          c.cancel();
-        });
-      },
-      pause: () => {
-        l.forEach((c) => {
-          c.pause();
-        });
-      },
-      play: () => {
-        l.forEach((c) => {
-          c.play();
-        });
-      },
-      finish: () => {
-        l.forEach((c) => {
-          c.finish();
-        });
-      },
-      reverse: () => {
-        l.forEach((c) => {
-          c.reverse();
-        });
-      }
-    };
-  }, [
-    r
-  ]);
-}
-function Ue() {
-  const [e, r] = p.useState(0), n = p.useRef(), o = le();
-  return p.useEffect(() => {
-    if (e > 0) {
-      var a;
-      (a = n.current) === null || a === void 0 || a.call(n);
-    }
-  }, [
-    e
-  ]), p.useCallback((a, u, d) => typeof a.animate == "function" ? o(a, u, d) : {
-    setMotionEndCallbacks(c) {
-      n.current = c, r((f) => f + 1);
-    },
-    set playbackRate(c) {
-    },
-    isRunning() {
-      return !1;
-    },
-    cancel() {
-    },
-    pause() {
-    },
-    play() {
-    },
-    finish() {
-    },
-    reverse() {
-    }
-  }, [
-    o
-  ]);
-}
-function Ye() {
-  "use no memo";
-  return process.env.NODE_ENV === "test" ? Ue() : le();
-}
-function Ve(e) {
-  const r = p.useRef();
-  return p.useImperativeHandle(e, () => ({
-    setPlayState: (n) => {
-      if (n === "running") {
-        var o;
-        (o = r.current) === null || o === void 0 || o.play();
-      }
-      if (n === "paused") {
-        var a;
-        (a = r.current) === null || a === void 0 || a.pause();
-      }
-    },
-    setPlaybackRate: (n) => {
-      r.current && (r.current.playbackRate = n);
-    }
-  })), r;
-}
-const je = "screen and (prefers-reduced-motion: reduce)";
-function qe() {
-  const { targetDocument: e } = ke();
-  var r;
-  const n = (r = e == null ? void 0 : e.defaultView) !== null && r !== void 0 ? r : null, o = p.useRef(!1), a = p.useCallback(() => o.current, []);
-  return G(() => {
-    if (n === null || typeof n.matchMedia != "function")
-      return;
-    const u = n.matchMedia(je);
-    u.matches && (o.current = !0);
-    const d = (l) => {
-      o.current = l.matches;
-    };
-    return u.addEventListener("change", d), () => {
-      u.removeEventListener("change", d);
-    };
-  }, [
-    n
-  ]), a;
-}
-var ee = { exports: {} }, E = {};
-/** @license React v17.0.2
-* react-is.production.min.js
-*
-* Copyright (c) Facebook, Inc. and its affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var ae;
-function Ge() {
-  if (ae) return E;
-  ae = 1;
-  var e = 60103, r = 60106, n = 60107, o = 60108, a = 60114, u = 60109, d = 60110, l = 60112, c = 60113, f = 60120, m = 60115, v = 60116, C = 60121, y = 60122, g = 60117, T = 60129, A = 60131;
-  if (typeof Symbol == "function" && Symbol.for) {
-    var s = Symbol.for;
-    e = s("react.element"), r = s("react.portal"), n = s("react.fragment"), o = s("react.strict_mode"), a = s("react.profiler"), u = s("react.provider"), d = s("react.context"), l = s("react.forward_ref"), c = s("react.suspense"), f = s("react.suspense_list"), m = s("react.memo"), v = s("react.lazy"), C = s("react.block"), y = s("react.server.block"), g = s("react.fundamental"), T = s("react.debug_trace_mode"), A = s("react.legacy_hidden");
-  }
-  function R(t) {
-    if (typeof t == "object" && t !== null) {
-      var M = t.$$typeof;
-      switch (M) {
-        case e:
-          switch (t = t.type, t) {
-            case n:
-            case a:
-            case o:
-            case c:
-            case f:
-              return t;
-            default:
-              switch (t = t && t.$$typeof, t) {
-                case d:
-                case l:
-                case v:
-                case m:
-                case u:
-                  return t;
-                default:
-                  return M;
-              }
-          }
-        case r:
-          return M;
-      }
-    }
-  }
-  var P = u, S = e, z = l, w = n, I = v, $ = m, _ = r, N = a, k = o, L = c;
-  return E.ContextConsumer = d, E.ContextProvider = P, E.Element = S, E.ForwardRef = z, E.Fragment = w, E.Lazy = I, E.Memo = $, E.Portal = _, E.Profiler = N, E.StrictMode = k, E.Suspense = L, E.isAsyncMode = function() {
-    return !1;
-  }, E.isConcurrentMode = function() {
-    return !1;
-  }, E.isContextConsumer = function(t) {
-    return R(t) === d;
-  }, E.isContextProvider = function(t) {
-    return R(t) === u;
-  }, E.isElement = function(t) {
-    return typeof t == "object" && t !== null && t.$$typeof === e;
-  }, E.isForwardRef = function(t) {
-    return R(t) === l;
-  }, E.isFragment = function(t) {
-    return R(t) === n;
-  }, E.isLazy = function(t) {
-    return R(t) === v;
-  }, E.isMemo = function(t) {
-    return R(t) === m;
-  }, E.isPortal = function(t) {
-    return R(t) === r;
-  }, E.isProfiler = function(t) {
-    return R(t) === a;
-  }, E.isStrictMode = function(t) {
-    return R(t) === o;
-  }, E.isSuspense = function(t) {
-    return R(t) === c;
-  }, E.isValidElementType = function(t) {
-    return typeof t == "string" || typeof t == "function" || t === n || t === a || t === T || t === o || t === c || t === f || t === A || typeof t == "object" && t !== null && (t.$$typeof === v || t.$$typeof === m || t.$$typeof === u || t.$$typeof === d || t.$$typeof === l || t.$$typeof === g || t.$$typeof === C || t[0] === y);
-  }, E.typeOf = R, E;
-}
-var h = {};
-/** @license React v17.0.2
-* react-is.development.js
-*
-* Copyright (c) Facebook, Inc. and its affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var ie;
-function We() {
-  return ie || (ie = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = 60103, r = 60106, n = 60107, o = 60108, a = 60114, u = 60109, d = 60110, l = 60112, c = 60113, f = 60120, m = 60115, v = 60116, C = 60121, y = 60122, g = 60117, T = 60129, A = 60131;
-    if (typeof Symbol == "function" && Symbol.for) {
-      var s = Symbol.for;
-      e = s("react.element"), r = s("react.portal"), n = s("react.fragment"), o = s("react.strict_mode"), a = s("react.profiler"), u = s("react.provider"), d = s("react.context"), l = s("react.forward_ref"), c = s("react.suspense"), f = s("react.suspense_list"), m = s("react.memo"), v = s("react.lazy"), C = s("react.block"), y = s("react.server.block"), g = s("react.fundamental"), s("react.scope"), s("react.opaque.id"), T = s("react.debug_trace_mode"), s("react.offscreen"), A = s("react.legacy_hidden");
-    }
-    var R = !1;
-    function P(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || i === T || i === o || i === c || i === f || i === A || R || typeof i == "object" && i !== null && (i.$$typeof === v || i.$$typeof === m || i.$$typeof === u || i.$$typeof === d || i.$$typeof === l || i.$$typeof === g || i.$$typeof === C || i[0] === y));
-    }
-    function S(i) {
-      if (typeof i == "object" && i !== null) {
-        var K = i.$$typeof;
-        switch (K) {
-          case e:
-            var q = i.type;
-            switch (q) {
-              case n:
-              case a:
-              case o:
-              case c:
-              case f:
-                return q;
-              default:
-                var ne = q && q.$$typeof;
-                switch (ne) {
-                  case d:
-                  case l:
-                  case v:
-                  case m:
-                  case u:
-                    return ne;
-                  default:
-                    return K;
-                }
-            }
-          case r:
-            return K;
-        }
-      }
-    }
-    var z = d, w = u, I = e, $ = l, _ = n, N = v, k = m, L = r, t = a, M = o, F = c, O = !1, B = !1;
-    function Z(i) {
-      return O || (O = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
-    }
-    function U(i) {
-      return B || (B = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
-    }
-    function j(i) {
-      return S(i) === d;
-    }
-    function H(i) {
-      return S(i) === u;
-    }
-    function pe(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === e;
-    }
-    function ve(i) {
-      return S(i) === l;
-    }
-    function Ee(i) {
-      return S(i) === n;
-    }
-    function he(i) {
-      return S(i) === v;
-    }
-    function Ce(i) {
-      return S(i) === m;
-    }
-    function Re(i) {
-      return S(i) === r;
-    }
-    function Me(i) {
-      return S(i) === a;
-    }
-    function Se(i) {
-      return S(i) === o;
-    }
-    function ye(i) {
-      return S(i) === c;
-    }
-    h.ContextConsumer = z, h.ContextProvider = w, h.Element = I, h.ForwardRef = $, h.Fragment = _, h.Lazy = N, h.Memo = k, h.Portal = L, h.Profiler = t, h.StrictMode = M, h.Suspense = F, h.isAsyncMode = Z, h.isConcurrentMode = U, h.isContextConsumer = j, h.isContextProvider = H, h.isElement = pe, h.isForwardRef = ve, h.isFragment = Ee, h.isLazy = he, h.isMemo = Ce, h.isPortal = Re, h.isProfiler = Me, h.isStrictMode = Se, h.isSuspense = ye, h.isValidElementType = P, h.typeOf = S;
-  }()), h;
-}
-process.env.NODE_ENV === "production" ? ee.exports = Ge() : ee.exports = We();
-var Ze = ee.exports;
-function He(e) {
-  try {
-    const r = p.Children.only(e);
-    if (typeof r.type == "string" || Ze.isForwardRef(r))
-      return r;
-  } catch {
-  }
-  throw new Error([
-    "@fluentui/react-motion: Invalid child element.",
-    `
-`,
-    "Motion factories require a single child element to be passed. ",
-    "That element element should support ref forwarding i.e. it should be either an intrinsic element (e.g. div) or a component that uses React.forwardRef()."
-  ].join(""));
-}
-const de = p.createContext(void 0);
-de.Provider;
-const Ke = () => {
-  var e;
-  return (e = p.useContext(de)) !== null && e !== void 0 ? e : "default";
-}, Xe = p.createContext(void 0);
-function Qe(e = !1, r = !1) {
-  const n = p.useRef(r ? e : !0), o = De(), a = p.useCallback((u) => {
-    n.current !== u && (n.current = u, o());
-  }, [
-    o
-  ]);
-  return p.useEffect(() => {
-    e && (n.current = e);
-  }), [
-    e || n.current,
-    a
-  ];
-}
-const Je = Symbol("MOTION_DEFINITION"), et = Symbol.for("interruptablePresence");
-function W(e) {
-  return Object.assign((r) => {
-    "use no memo";
-    const o = {
-      ...p.useContext(Xe),
-      ...r
-    }, a = Ke() === "skip", { appear: u, children: d, imperativeRef: l, onExit: c, onMotionFinish: f, onMotionStart: m, onMotionCancel: v, visible: C, unmountOnExit: y, ...g } = o, T = g, [A, s] = Qe(C, y), R = He(d), P = Ve(l), S = p.useRef(), z = ze(S, R.ref), w = p.useRef({
-      appear: u,
-      params: T,
-      skipMotions: a
-    }), I = Ye(), $ = Oe(), _ = qe(), N = J((t) => {
-      m == null || m(null, {
-        direction: t
-      });
-    }), k = J((t) => {
-      f == null || f(null, {
-        direction: t
-      }), t === "exit" && y && (s(!1), c == null || c());
-    }), L = J((t) => {
-      v == null || v(null, {
-        direction: t
-      });
-    });
-    return G(() => {
-      w.current = {
-        appear: u,
-        params: T,
-        skipMotions: a
-      };
-    }), G(
-      () => {
-        const t = S.current;
-        if (!t)
-          return;
-        let M;
-        function F() {
-          M && (B && M.isRunning() || (M.cancel(), P.current = void 0));
-        }
-        const O = typeof e == "function" ? e({
-          element: t,
-          ...w.current.params
-        }) : e, B = O[et];
-        if (B && (M = P.current, M && M.isRunning()))
-          return M.reverse(), F;
-        const Z = C ? O.enter : O.exit, U = C ? "enter" : "exit", j = !w.current.appear && $, H = w.current.skipMotions;
-        return j || N(U), M = I(t, Z, {
-          isReducedMotion: _()
-        }), j ? (M.finish(), F) : (P.current = M, M.setMotionEndCallbacks(() => k(U), () => L(U)), H && M.finish(), F);
-      },
-      // Excluding `isFirstMount` from deps to prevent re-triggering the animation on subsequent renders
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [
-        I,
-        P,
-        _,
-        k,
-        N,
-        L,
-        C
-      ]
-    ), A ? p.cloneElement(R, {
-      ref: z
-    }) : null;
-  }, {
-    // Heads up!
-    // Always normalize it to a function to simplify types
-    [Je]: typeof e == "function" ? e : () => e
-  });
-}
-const fe = (e, r) => {
-  const n = e === "horizontal" ? "maxWidth" : "maxHeight", o = e === "horizontal" ? "overflowX" : "overflowY", u = `${e === "horizontal" ? r.scrollWidth : r.scrollHeight}px`;
-  return {
-    sizeName: n,
-    overflowName: o,
-    toSize: u
-  };
-}, tt = ({ orientation: e, duration: r, easing: n, element: o, fromSize: a = "0" }) => {
-  const { sizeName: u, overflowName: d, toSize: l } = fe(e, o);
-  return {
-    keyframes: [
-      {
-        [u]: a,
-        [d]: "hidden"
-      },
-      {
-        [u]: l,
-        offset: 0.9999,
-        [d]: "hidden"
-      },
-      {
-        [u]: "unset",
-        [d]: "unset"
-      }
-    ],
-    duration: r,
-    easing: n
-  };
-}, nt = ({ orientation: e, duration: r, easing: n, element: o, delay: a = 0, fromSize: u = "0" }) => {
-  const { sizeName: d, overflowName: l, toSize: c } = fe(e, o);
-  return {
-    keyframes: [
-      {
-        [d]: c,
-        [l]: "hidden"
-      },
-      {
-        [d]: u,
-        [l]: "hidden"
-      }
-    ],
-    duration: r,
-    easing: n,
-    fill: "both",
-    delay: a
-  };
-}, rt = (e) => e === "horizontal" ? {
-  paddingStart: "paddingInlineStart",
-  paddingEnd: "paddingInlineEnd",
-  marginStart: "marginInlineStart",
-  marginEnd: "marginInlineEnd"
-} : {
-  paddingStart: "paddingBlockStart",
-  paddingEnd: "paddingBlockEnd",
-  marginStart: "marginBlockStart",
-  marginEnd: "marginBlockEnd"
-}, ce = ({ direction: e, orientation: r, duration: n, easing: o, delay: a = 0 }) => {
-  const { paddingStart: u, paddingEnd: d, marginStart: l, marginEnd: c } = rt(r), f = e === "enter" ? 0 : 1, v = {
-    keyframes: [
-      {
-        [u]: "0",
-        [d]: "0",
-        [l]: "0",
-        [c]: "0",
-        offset: f
-      }
-    ],
-    duration: n,
-    easing: o,
-    delay: a
-  };
-  return e === "exit" && (v.fill = "forwards"), v;
-}, se = ({ direction: e, duration: r, easing: n = b.curveLinear, fromValue: o = 0 }) => {
-  const a = [
-    {
-      opacity: o
-    },
-    {
-      opacity: 1
-    }
-  ];
-  return e === "exit" && a.reverse(), {
-    keyframes: a,
-    duration: r,
-    easing: n
-  };
-}, me = ({
-  // enter
-  enterSizeDuration: e = b.durationNormal,
-  enterOpacityDuration: r = e,
-  enterEasing: n = b.curveEasyEaseMax,
-  enterDelay: o = 0,
-  // exit: durations and easing default to enter values for symmetry
-  exitSizeDuration: a = e,
-  exitOpacityDuration: u = r,
-  exitEasing: d = n,
-  exitDelay: l = 0
-} = {}) => ({ element: c, animateOpacity: f = !0, orientation: m = "vertical" }) => {
-  const v = [
-    tt({
-      orientation: m,
-      duration: e,
-      easing: n,
-      element: c
-    }),
-    ce({
-      direction: "enter",
-      orientation: m,
-      duration: e,
-      easing: n
-    })
-  ];
-  f && v.push({
-    ...se({
-      direction: "enter",
-      duration: r,
-      easing: n
-    }),
-    delay: o,
-    fill: "both"
-  });
-  const C = [];
-  return f && C.push(se({
-    direction: "exit",
-    duration: u,
-    easing: d
-  })), C.push(nt({
-    orientation: m,
-    duration: a,
-    easing: d,
-    element: c,
-    delay: l
-  }), ce({
-    direction: "exit",
-    orientation: m,
-    duration: a,
-    easing: d,
-    delay: l
-  })), {
-    enter: v,
-    exit: C
-  };
-}, te = ({ enterDuration: e = b.durationNormal, enterEasing: r = b.curveEasyEaseMax, exitDuration: n = e, exitEasing: o = r } = {}) => (
-  // Implement a regular collapse as a special case of the delayed collapse,
-  // where the delays are zero, and the size and opacity durations are equal.
-  me({
-    enterSizeDuration: e,
-    enterEasing: r,
-    exitSizeDuration: n,
-    exitEasing: o
-  })
-), ot = W(te());
-W(te({
-  enterDuration: b.durationFast
-}));
-W(te({
-  enterDuration: b.durationSlower
-}));
-W(me({
-  enterSizeDuration: b.durationNormal,
-  enterOpacityDuration: b.durationSlower,
-  enterDelay: b.durationNormal,
-  exitDelay: b.durationSlower,
-  enterEasing: b.curveEasyEase
-}));
-const at = ge({
-  root: {
-    backgroundColor: D.colorNeutralBackground1,
-    boxSizing: "border-box"
-  },
-  default: {
-    border: "1px solid " + D.colorPaletteAnchorBorderActive,
-    borderRadius: D.borderRadiusMedium,
-    boxShadow: D.shadow16Brand,
-    transitionDuration: D.durationNormal,
-    transitionTimingFunction: "ease",
-    transitionProperty: "box-shadow",
-    ":hover": {
-      boxShadow: D.shadow28Brand
-    }
-  },
-  divider: {
-    flexGrow: 0
-  },
-  fill: {
-    height: "100%",
-    width: "100%"
-  },
-  content: {
-    boxSizing: "border-box"
-  }
-}), it = (e) => {
-  var T;
-  const { children: r, icon: n, header: o, collapsible: a, className: u, fill: d, ref: l, id: c } = e, f = at(), [m, v] = Ae.useState(!0);
-  let C = X(Q.Section, f.root, f.default, u);
-  (d || (T = e.cellProps) != null && T.resizable) && (C = X(C, f.fill));
-  const y = xe.buildSectionStyles(e);
-  m || (y.height = "fit-content");
-  const g = m ? /* @__PURE__ */ x(we, {}) : /* @__PURE__ */ x(Pe, {});
-  return /* @__PURE__ */ re(oe, { id: c, className: C, style: y, ref: l, role: e.role, children: [
-    /* @__PURE__ */ x(Y, { className: Q.SectionHeader, children: /* @__PURE__ */ re(oe, { fill: !0, horizontal: !0, alignItems: "center", children: [
-      n && /* @__PURE__ */ x(Y, { padding: 8, children: n }),
-      /* @__PURE__ */ x(Y, { grow: 1, children: o && o }),
-      a && /* @__PURE__ */ x(Y, { children: /* @__PURE__ */ x(Te, { appearance: "transparent", icon: g, onClick: () => {
-        v(!m);
-      } }) })
-    ] }) }),
-    (n || o || a) && /* @__PURE__ */ x(be, { className: f.divider }),
-    /* @__PURE__ */ x(Y, { className: Q.SectionContent, grow: 1, children: /* @__PURE__ */ x(ot, { visible: m, children: /* @__PURE__ */ x("div", { className: X(f.fill, f.content), children: r }) }) })
-  ] });
-};
-it.displayName = "Section";
-export {
-  ht as C,
-  it as S,
-  Ct as a,
-  Et as b
-};