@5ive-souls/controls 0.0.1 → 0.0.2

package/dist/Section-Br38kDAa.js

@@ -0,0 +1,754 @@
+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, 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
+};