@adamjanicki/ui 1.5.8 → 1.6.0

package/dist/aui.es.js

@@ -0,0 +1,1091 @@
+import h, { useState as L, useRef as O, useEffect as R, useCallback as ee, cloneElement as ve, useMemo as P, forwardRef as V } from "react";
+var W = { exports: {} }, B = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var le;
+function je() {
+  if (le) return B;
+  le = 1;
+  var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function r(s, o, a) {
+    var c = null;
+    if (a !== void 0 && (c = "" + a), o.key !== void 0 && (c = "" + o.key), "key" in o) {
+      a = {};
+      for (var u in o)
+        u !== "key" && (a[u] = o[u]);
+    } else a = o;
+    return o = a.ref, {
+      $$typeof: t,
+      type: s,
+      key: c,
+      ref: o !== void 0 ? o : null,
+      props: a
+    };
+  }
+  return B.Fragment = e, B.jsx = r, B.jsxs = r, B;
+}
+var U = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ue;
+function Re() {
+  return ue || (ue = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === ge ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case y:
+          return "Fragment";
+        case N:
+          return "Profiler";
+        case E:
+          return "StrictMode";
+        case I:
+          return "Suspense";
+        case k:
+          return "SuspenseList";
+        case be:
+          return "Activity";
+      }
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), n.$$typeof) {
+          case T:
+            return "Portal";
+          case $:
+            return (n.displayName || "Context") + ".Provider";
+          case F:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case Y:
+            var d = n.render;
+            return n = n.displayName, n || (n = d.displayName || d.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case A:
+            return d = n.displayName || null, d !== null ? d : t(n.type) || "Memo";
+          case re:
+            d = n._payload, n = n._init;
+            try {
+              return t(n(d));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function e(n) {
+      return "" + n;
+    }
+    function r(n) {
+      try {
+        e(n);
+        var d = !1;
+      } catch {
+        d = !0;
+      }
+      if (d) {
+        d = console;
+        var p = d.error, b = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return p.call(
+          d,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          b
+        ), e(n);
+      }
+    }
+    function s(n) {
+      if (n === y) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === re)
+        return "<...>";
+      try {
+        var d = t(n);
+        return d ? "<" + d + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var n = X.A;
+      return n === null ? null : n.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function c(n) {
+      if (ne.call(n, "key")) {
+        var d = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (d && d.isReactWarning) return !1;
+      }
+      return n.key !== void 0;
+    }
+    function u(n, d) {
+      function p() {
+        oe || (oe = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          d
+        ));
+      }
+      p.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: p,
+        configurable: !0
+      });
+    }
+    function f() {
+      var n = t(this.type);
+      return se[n] || (se[n] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), n = this.props.ref, n !== void 0 ? n : null;
+    }
+    function l(n, d, p, b, C, _, G, Z) {
+      return p = _.ref, n = {
+        $$typeof: S,
+        type: n,
+        key: d,
+        props: _,
+        _owner: C
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(n, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(n, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(n, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: G
+      }), Object.defineProperty(n, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Z
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+    }
+    function v(n, d, p, b, C, _, G, Z) {
+      var g = d.children;
+      if (g !== void 0)
+        if (b)
+          if (we(g)) {
+            for (b = 0; b < g.length; b++)
+              j(g[b]);
+            Object.freeze && Object.freeze(g);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else j(g);
+      if (ne.call(d, "key")) {
+        g = t(n);
+        var D = Object.keys(d).filter(function(ye) {
+          return ye !== "key";
+        });
+        b = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", ie[g + b] || (D = 0 < D.length ? "{" + D.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          b,
+          g,
+          D,
+          g
+        ), ie[g + b] = !0);
+      }
+      if (g = null, p !== void 0 && (r(p), g = "" + p), c(d) && (r(d.key), g = "" + d.key), "key" in d) {
+        p = {};
+        for (var Q in d)
+          Q !== "key" && (p[Q] = d[Q]);
+      } else p = d;
+      return g && u(
+        p,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), l(
+        n,
+        g,
+        _,
+        C,
+        o(),
+        p,
+        G,
+        Z
+      );
+    }
+    function j(n) {
+      typeof n == "object" && n !== null && n.$$typeof === S && n._store && (n._store.validated = 1);
+    }
+    var x = h, S = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), re = Symbol.for("react.lazy"), be = Symbol.for("react.activity"), ge = Symbol.for("react.client.reference"), X = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ne = Object.prototype.hasOwnProperty, we = Array.isArray, J = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    x = {
+      react_stack_bottom_frame: function(n) {
+        return n();
+      }
+    };
+    var oe, se = {}, ae = x.react_stack_bottom_frame.bind(
+      x,
+      a
+    )(), ce = J(s(a)), ie = {};
+    U.Fragment = y, U.jsx = function(n, d, p, b, C) {
+      var _ = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return v(
+        n,
+        d,
+        p,
+        !1,
+        b,
+        C,
+        _ ? Error("react-stack-top-frame") : ae,
+        _ ? J(s(n)) : ce
+      );
+    }, U.jsxs = function(n, d, p, b, C) {
+      var _ = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return v(
+        n,
+        d,
+        p,
+        !0,
+        b,
+        C,
+        _ ? Error("react-stack-top-frame") : ae,
+        _ ? J(s(n)) : ce
+      );
+    };
+  }()), U;
+}
+var de;
+function Ee() {
+  return de || (de = 1, process.env.NODE_ENV === "production" ? W.exports = je() : W.exports = Re()), W.exports;
+}
+var i = Ee();
+function m(...t) {
+  return t.filter(Boolean).join(" ");
+}
+function fe(t, e) {
+  try {
+    const r = document.getElementById(t);
+    r && r.scrollIntoView({ behavior: e });
+  } catch {
+    return;
+  }
+}
+function Fe(t, e) {
+  if (t === void 0)
+    throw new Error(e || "Unexpected undefined value");
+  return t;
+}
+const w = h.forwardRef(
+  ({ layout: t, className: e, style: r, ...s }, o) => {
+    const a = Te(t);
+    return /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        ...s,
+        className: m(a.className, e),
+        style: { ...a.style, ...r },
+        ref: o
+      }
+    );
+  }
+);
+function Te(t) {
+  if (!t) return { className: void 0, style: void 0 };
+  const { axis: e, gap: r, align: s, justify: o, padding: a, margin: c, wrap: u } = t, f = {};
+  let l = `aui-flex-${e}`;
+  return s && (l = m(l, `aui-align-${s}`)), o && (l = m(l, `aui-justify-${o}`)), u && (l = m(l, "aui-flex-wrap")), r && (typeof r == "number" ? f.gap = r : l = m(l, `aui-gap-${r}`)), a && (typeof a == "number" ? f.padding = a : l = m(l, `aui-pa-${a}`)), c && (typeof c == "number" ? f.margin = c : l = m(l, `aui-ma-${c}`)), { className: l, style: f };
+}
+const q = "M94.0908,296.3057c-29.82338,0-54-24.17662-54-54s24.17662-54,54-54c.00237,0,.00475,0,.00712,0c.0017,0,141.65138,0,221.99288,0v-222c0-29.82338,24.17662-54,54-54s54,24.17662,54,54c0,.00237,0,.00475,0,.00712s0,273.40726,0,275.97468c0,.00607,0,.01213,0,.0182c0,29.82338-24.17662,54-54,54h-276Z", Se = {
+  down: {
+    contents: [
+      /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d: q,
+          transform: "matrix(.707107 0.707107-.707107 0.707107 165.642289-79.868246)"
+        }
+      )
+    ]
+  },
+  up: {
+    contents: [
+      /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d: q,
+          transform: "matrix(-.707107-.707107 0.707107-.707107 346.357711 591.868246)"
+        }
+      )
+    ]
+  },
+  left: {
+    contents: [
+      /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d: q,
+          transform: "matrix(-.707107 0.707107-.707107-.707107 591.868246 165.642289)"
+        }
+      )
+    ]
+  },
+  right: {
+    contents: [
+      /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d: q,
+          transform: "matrix(.707107-.707107 0.707107 0.707107-79.868246 346.357711)"
+        }
+      )
+    ]
+  }
+}, Ne = "0 0 512 512", H = h.forwardRef(
+  ({ icon: t, className: e, size: r, style: s, ...o }, a) => {
+    const { contents: c, viewBox: u } = Se[t];
+    return /* @__PURE__ */ i.jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: u || Ne,
+        className: m("aui-icon", e),
+        style: { width: r, height: r, ...s },
+        ...o,
+        ref: a,
+        children: c.map((f, l) => /* @__PURE__ */ i.jsx(h.Fragment, { children: f }, l))
+      }
+    );
+  }
+), te = h.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
+  "button",
+  {
+    ...e,
+    className: m("aui-action aui-button", t),
+    ref: r
+  }
+)), K = h.forwardRef(
+  ({ variant: t, corners: e, className: r, size: s, ...o }, a) => /* @__PURE__ */ i.jsx(
+    te,
+    {
+      ...o,
+      className: m(
+        pe({ variant: t, corners: e, size: s }),
+        r
+      ),
+      ref: a
+    }
+  )
+), pe = ({
+  variant: t = "primary",
+  corners: e = "rounded",
+  size: r = "regular"
+}) => `aui-button--${t} aui-button-size--${r} aui-corners--${e}`, ke = h.forwardRef((t, e) => {
+  const {
+    animated: r,
+    duration: s = 0.25,
+    keepMounted: o = !1,
+    animateTo: a,
+    animateFrom: c,
+    className: u,
+    style: f,
+    ...l
+  } = t, [v, j] = L(r || o), [x, S] = L(!1), T = O(null), y = O(null), E = () => {
+    T.current && (clearTimeout(T.current), T.current = null), y.current && (cancelAnimationFrame(y.current), y.current = null);
+  };
+  if (R(() => (r && v && (E(), y.current = requestAnimationFrame(
+    () => S(!0)
+  )), E), [r, v]), R(() => (r ? j(!0) : (E(), S(!1), T.current = window.setTimeout(() => {
+    o || j(!1);
+  }, s * 1e3)), E), [r, s, o]), !v) return null;
+  const N = x ? a : c;
+  return /* @__PURE__ */ i.jsx(
+    w,
+    {
+      className: m(u, N?.className),
+      style: {
+        transition: `all ${s}s ease-in-out`,
+        ...f,
+        ...N?.style
+      },
+      ...l,
+      ref: e
+    }
+  );
+}), Ye = h.forwardRef(
+  ({ drawers: t, className: e, duration: r, hideDividers: s, ...o }, a) => {
+    const [c, u] = L(/* @__PURE__ */ new Set());
+    return /* @__PURE__ */ i.jsx(
+      w,
+      {
+        layout: { axis: "y" },
+        ...o,
+        className: m("aui-accordion aui-corners--rounded", e),
+        ref: a,
+        children: t.map((f, l) => /* @__PURE__ */ i.jsx(
+          _e,
+          {
+            item: f,
+            open: c.has(l),
+            onOpenChange: (v) => u((j) => {
+              const x = new Set(j);
+              return v ? x.add(l) : x.delete(l), x;
+            }),
+            duration: r,
+            showDivider: !s && l < t.length - 1
+          },
+          l
+        ))
+      }
+    );
+  }
+), _e = ({
+  item: t,
+  open: e,
+  onOpenChange: r,
+  duration: s,
+  showDivider: o
+}) => {
+  const a = O(null), [c, u] = L(), f = t.content;
+  return R(() => {
+    e && f && a.current && u(a.current.offsetHeight);
+  }, [e, f]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs(w, { layout: { axis: "y" }, children: [
+      /* @__PURE__ */ i.jsx(te, { onClick: () => r(!e), children: /* @__PURE__ */ i.jsxs(w, { layout: { axis: "x", align: "center", gap: "m", padding: "l" }, children: [
+        /* @__PURE__ */ i.jsx(
+          H,
+          {
+            size: 12,
+            icon: e ? "down" : "right",
+            className: "aui-accordion-arrow"
+          }
+        ),
+        /* @__PURE__ */ i.jsx("span", { className: "aui-accordion-label", children: t.label })
+      ] }) }),
+      /* @__PURE__ */ i.jsx(
+        ke,
+        {
+          style: { overflow: "hidden" },
+          keepMounted: !0,
+          duration: s,
+          animated: e,
+          animateFrom: {
+            style: {
+              visibility: "hidden",
+              height: 0,
+              transform: "translateY(-4px)",
+              opacity: 0.9
+            }
+          },
+          animateTo: {
+            style: { height: c, transform: "translateY(0)", opacity: 1 }
+          },
+          children: /* @__PURE__ */ i.jsx(w, { ref: a, children: f })
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ i.jsx("hr", { className: "aui-accordion-hr" })
+  ] });
+}, Ie = h.forwardRef(
+  ({ type: t, corners: e = "rounded", className: r, ...s }, o) => /* @__PURE__ */ i.jsx(
+    w,
+    {
+      ...s,
+      className: m(
+        `aui-alert aui-content--${t} aui-corners--${e}`,
+        r
+      ),
+      ref: o
+    }
+  )
+), Be = h.forwardRef(
+  ({ type: t, className: e, corners: r = "rounded", ...s }, o) => /* @__PURE__ */ i.jsx(
+    w,
+    {
+      ...s,
+      className: m(
+        `aui-badge aui-content--${t} aui-corners--${r}`,
+        e
+      ),
+      ref: o
+    }
+  )
+), Ue = h.forwardRef(
+  ({ type: t, className: e, ...r }, s) => /* @__PURE__ */ i.jsx(
+    w,
+    {
+      ...r,
+      className: m(`aui-content--${t} aui-banner`, e),
+      ref: s
+    }
+  )
+), $e = 1, ze = h.forwardRef(
+  ({
+    children: t,
+    className: e,
+    hideArrows: r,
+    hideDots: s,
+    dotProps: o,
+    leftArrowProps: a,
+    rightArrowProps: c,
+    autoplayInterval: u,
+    duration: f,
+    ...l
+  }, v) => {
+    f = Math.max(f ?? $e, 0.1), u = u ? Math.max(f, u) : void 0;
+    const j = t.length, [x, S] = L({
+      cur: 0,
+      delta: 0,
+      animating: !1
+    }), T = O(null), { cur: y, delta: E, animating: N } = x, F = me(y + E, j), $ = ee(
+      (k) => {
+        N || k === 0 || S((A) => ({
+          ...A,
+          delta: k,
+          animating: !0
+        }));
+      },
+      [N]
+    ), Y = () => {
+      S(({ delta: k, cur: A }) => ({
+        delta: k,
+        animating: !1,
+        cur: me(A + k, j)
+      }));
+    };
+    if (R(() => (u && (T.current = window.setInterval(() => {
+      $(1);
+    }, u * 1e3)), () => {
+      const k = T.current;
+      T.current = null, k && clearInterval(k);
+    }), [u, $]), j <= 0) return null;
+    const I = N ? {
+      transform: `translateX(${-(E / Math.abs(E)) * 100}%)`,
+      transition: `transform ${f}s ease-in-out`
+    } : void 0;
+    return /* @__PURE__ */ i.jsxs(
+      w,
+      {
+        ...l,
+        className: m("aui-carousel", e),
+        ref: v,
+        children: [
+          /* @__PURE__ */ i.jsxs(
+            w,
+            {
+              className: "aui-carousel-slider",
+              style: {
+                ...I,
+                flexDirection: E >= 0 ? "row" : "row-reverse"
+              },
+              onTransitionEnd: Y,
+              children: [
+                /* @__PURE__ */ i.jsx(w, { className: "aui-carousel-item", children: t[y] }),
+                /* @__PURE__ */ i.jsx(w, { className: "aui-carousel-item", "aria-hidden": !0, children: t[F] })
+              ]
+            }
+          ),
+          j > 1 && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+            !r && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+              /* @__PURE__ */ i.jsx(
+                K,
+                {
+                  className: m(
+                    "aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",
+                    a?.className
+                  ),
+                  style: { left: 8, ...a?.style },
+                  corners: "pill",
+                  "aria-label": "previous",
+                  onClick: () => $(-1),
+                  children: a?.children ?? /* @__PURE__ */ i.jsx(H, { icon: "left", size: 12, style: { marginRight: 2 } })
+                }
+              ),
+              /* @__PURE__ */ i.jsx(
+                K,
+                {
+                  className: m(
+                    "aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",
+                    c?.className
+                  ),
+                  style: { right: 8, ...c?.style },
+                  corners: "pill",
+                  "aria-label": "next",
+                  onClick: () => $(1),
+                  children: c?.children ?? /* @__PURE__ */ i.jsx(H, { icon: "right", size: 12, style: { marginLeft: 2 } })
+                }
+              )
+            ] }),
+            !s && /* @__PURE__ */ i.jsx(
+              w,
+              {
+                layout: { axis: "x", align: "center", gap: "xs" },
+                className: "aui-carousel-dots",
+                children: t.map((k, A) => /* @__PURE__ */ i.jsx(
+                  K,
+                  {
+                    className: m(
+                      "aui-carousel-dot",
+                      o?.className
+                    ),
+                    corners: "pill",
+                    disabled: y === A || N,
+                    onClick: () => $(A - y),
+                    style: o?.style
+                  },
+                  A
+                ))
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+function me(t, e) {
+  return (t % e + e) % e;
+}
+const We = ({
+  children: t,
+  onClickOutside: e
+}) => {
+  const r = O(null), s = O(!1), o = O(!1);
+  R(() => {
+    const c = window.setTimeout(() => {
+      o.current = !0;
+    }, 0);
+    return () => {
+      clearTimeout(c), o.current = !1;
+    };
+  }, []);
+  const a = ee(
+    (c) => {
+      const u = s.current;
+      s.current = !1, !(!o.current || !r.current || u) && (c.composedPath().includes(r.current) || e(c));
+    },
+    [e]
+  );
+  return R(() => (document.addEventListener("click", a), () => document.removeEventListener("click", a)), [a]), ve(t, {
+    ref: r,
+    onClick: (c) => {
+      s.current = !0, t.props?.onClick?.(c);
+    }
+  });
+}, z = {
+  right: 45,
+  left: -45
+}, he = {
+  right: -135,
+  left: -225
+}, M = (t) => {
+  const {
+    size: e = 36,
+    duration: r = 0.25,
+    double: s,
+    openStyle: o,
+    open: a,
+    style: c,
+    rounded: u,
+    lineHeight: f,
+    ...l
+  } = t, v = f || Math.max(1, Math.round(e / 20)), j = {
+    width: e,
+    height: e,
+    display: "flex",
+    position: "relative",
+    justifyContent: "center",
+    alignItems: "center",
+    transition: `transform ${r}s ease`
+  }, x = {
+    height: v,
+    width: e * 0.7,
+    backgroundColor: "currentColor",
+    position: "absolute",
+    transition: `transform ${r}s ease, opacity ${r}s ease`,
+    borderRadius: u ? 1e4 : 0
+  }, S = P(
+    () => e / (s ? 7 : 4),
+    [e, s]
+  ), { outer: T, top: y, middle: E, bottom: N } = o, F = a ? T : {}, $ = a ? y : { transform: `translateY(-${S}px)` }, Y = a ? N : { transform: `translateY(${S}px)` }, I = a ? E : {};
+  return /* @__PURE__ */ i.jsxs(
+    te,
+    {
+      style: { ...c, ...F, ...j },
+      ...l,
+      "aria-label": l["aria-label"] || "hamburger",
+      "aria-expanded": a,
+      children: [
+        /* @__PURE__ */ i.jsx("span", { style: { ...x, ...$ } }),
+        !s && /* @__PURE__ */ i.jsx("span", { style: { ...x, ...I } }),
+        /* @__PURE__ */ i.jsx("span", { style: { ...x, ...Y } })
+      ]
+    }
+  );
+}, qe = (t) => {
+  const { direction: e = "left", ...r } = t, s = P(() => {
+    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
+    return {
+      top: { transform: a },
+      middle: { transform: "scale(0)" },
+      bottom: { transform: c }
+    };
+  }, [e]);
+  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
+}, He = (t) => {
+  const { direction: e = "left", ...r } = t, s = P(() => {
+    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
+    return {
+      top: { transform: a },
+      bottom: { transform: c }
+    };
+  }, [e]);
+  return /* @__PURE__ */ i.jsx(M, { ...r, double: !0, openStyle: s });
+}, Ve = (t) => {
+  const { direction: e = "left", ...r } = t, s = P(() => {
+    const o = he[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
+    return {
+      top: { transform: a },
+      bottom: { transform: c }
+    };
+  }, [e]);
+  return /* @__PURE__ */ i.jsx(M, { ...r, double: !0, openStyle: s });
+}, Xe = (t) => {
+  const { direction: e = "left", ...r } = t, s = P(() => {
+    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
+    return {
+      top: { transform: a },
+      bottom: { transform: c },
+      outer: { transform: "rotate(180deg)" }
+    };
+  }, [e]);
+  return /* @__PURE__ */ i.jsx(M, { ...r, double: !0, openStyle: s });
+}, Je = (t) => {
+  const { direction: e = "left", ...r } = t, s = P(() => {
+    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
+    return {
+      top: { transform: a },
+      middle: { opacity: 0 },
+      bottom: { transform: c }
+    };
+  }, [e]);
+  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
+}, Ge = (t) => {
+  const { direction: e = "left", ...r } = t, s = P(() => {
+    const o = he[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
+    return {
+      top: { transform: a },
+      middle: { transform: "scale(0)" },
+      bottom: { transform: c }
+    };
+  }, [e]);
+  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
+}, Ze = (t) => {
+  const { direction: e = "left", ...r } = t, s = P(() => {
+    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
+    return {
+      top: { transform: a },
+      middle: { opacity: 0 },
+      bottom: { transform: c },
+      outer: { transform: "rotate(180deg)" }
+    };
+  }, [e]);
+  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
+}, Qe = V(
+  ({ className: t, corners: e = "rounded", ...r }, s) => /* @__PURE__ */ i.jsx(
+    "input",
+    {
+      ...r,
+      ref: s,
+      className: m(
+        `aui-input-base aui-input aui-corners--${e}`,
+        t
+      )
+    }
+  )
+), Ke = V(
+  ({ className: t, rows: e = 3, corners: r = "rounded", ...s }, o) => /* @__PURE__ */ i.jsx(
+    "textarea",
+    {
+      ...s,
+      ref: o,
+      className: m(
+        `aui-input-base aui-input aui-corners--${r}`,
+        t
+      ),
+      rows: e
+    }
+  )
+), et = V(
+  ({ startIcon: t, endIcon: e, className: r, style: s, corners: o = "rounded", inputProps: a }, c) => /* @__PURE__ */ i.jsxs(
+    w,
+    {
+      layout: { axis: "x", align: "center" },
+      className: m(
+        `aui-input aui-icon-input aui-corners--${o}`,
+        r
+      ),
+      style: s,
+      ref: c,
+      children: [
+        t,
+        /* @__PURE__ */ i.jsx(
+          "input",
+          {
+            ...a,
+            className: m(
+              `aui-input-base aui-corners--${o}`,
+              a?.className
+            )
+          }
+        ),
+        e
+      ]
+    }
+  )
+), Ae = () => {
+  const t = window.scrollY, e = document.body.style, r = document.documentElement.style, { overflow: s, position: o, top: a, width: c } = e, { scrollBehavior: u } = r;
+  return r.scrollBehavior = "auto", e.overflow = "hidden", e.position = "fixed", e.top = `-${t}px`, e.width = "100%", () => {
+    e.overflow = s, e.position = o, e.top = a, e.width = c, window.scrollTo(0, t), r.scrollBehavior = u;
+  };
+}, Oe = (t = !0) => {
+  R(() => {
+    if (t)
+      return Ae();
+  }, [t]);
+}, tt = (t) => {
+  const { onMatch: e, onUnmatch: r, query: s } = t, [o, a] = L(!1);
+  return R(() => {
+    const c = window.matchMedia(s), u = (f) => {
+      f.matches ? e?.() : r?.(), a(f.matches);
+    };
+    return c.addEventListener("change", u), a(c.matches), () => c.removeEventListener("change", u);
+  }, [e, r, s]), o;
+}, rt = () => {
+  const [t, e] = L({
+    scrollX: window.scrollX,
+    scrollY: window.scrollY
+  });
+  return R(() => {
+    const r = () => {
+      e({
+        scrollX: window.scrollX,
+        scrollY: window.scrollY
+      });
+    };
+    return window.addEventListener("scroll", r), () => window.removeEventListener("scroll", r);
+  }, []), t;
+}, Ce = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]', Pe = (t = !0) => {
+  const e = O(null), r = O(null), s = ee(() => {
+    e.current && (r.current = e.current.querySelectorAll(Ce));
+  }, []);
+  return R(() => {
+    if (!t || !e.current) return;
+    s();
+    const o = (c) => {
+      if (c.key !== "Tab") return;
+      if (!r.current || r.current.length === 0)
+        return c.preventDefault();
+      const { activeElement: u } = document, f = r.current[0], l = r.current[r.current.length - 1];
+      c.shiftKey && u === f ? (l.focus(), c.preventDefault()) : !c.shiftKey && u === l ? (f.focus(), c.preventDefault()) : e.current?.contains(u) || ((c.shiftKey ? l : f).focus(), c.preventDefault());
+    }, a = new MutationObserver(s);
+    return a.observe(e.current, { childList: !0, subtree: !0 }), document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o), a.disconnect();
+    };
+  }, [t, s]), e;
+}, nt = (t = {}) => {
+  const { active: e = !0, behavior: r, delay: s } = t;
+  R(() => {
+    const o = window.location.hash;
+    if (!e || o?.length <= 1) return;
+    const a = o.substring(1);
+    if (s !== void 0) {
+      const c = setTimeout(() => fe(a, r), s);
+      return () => clearTimeout(c);
+    }
+    fe(a, r);
+  }, [e, r, s]);
+}, ot = (t) => {
+  R(() => (window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), [t]);
+}, Le = h.forwardRef(
+  ({
+    onClose: t,
+    children: e,
+    className: r,
+    disableEscape: s = !1,
+    visible: o,
+    onMouseDown: a,
+    ...c
+  }, u) => {
+    const f = Pe(o);
+    return R(() => {
+      const l = (v) => {
+        v.key === "Escape" && t?.();
+      };
+      return s || document.addEventListener("keydown", l), () => {
+        s || document.removeEventListener("keydown", l);
+      };
+    }, [t, s]), /* @__PURE__ */ i.jsx(
+      w,
+      {
+        layout: { axis: "y", align: "center", justify: "center" },
+        ...c,
+        className: m("aui-layer-backdrop", r),
+        onMouseDown: (l) => {
+          a?.(l), t?.();
+        },
+        ref: u,
+        children: h.cloneElement(e, {
+          ref: f,
+          onMouseDown: (l) => {
+            l.stopPropagation(), e.props?.onMouseDown?.(l);
+          }
+        })
+      }
+    );
+  }
+), st = h.forwardRef(
+  ({ returnFocusOnEscape: t, disableScrollLock: e, ...r }, s) => (Oe(!e), R(
+    () => () => {
+      const o = document.activeElement;
+      t || o?.blur?.();
+    },
+    [t]
+  ), /* @__PURE__ */ i.jsx(Le, { ...r, visible: !0, ref: s }))
+), xe = h.forwardRef(
+  ({ LinkElement: t, to: e, className: r, external: s, ...o }, a) => {
+    const c = {
+      ...s ? { target: "_blank", rel: "noreferrer noopener" } : {},
+      ...o,
+      className: m("aui-action", r)
+    };
+    return t ? /* @__PURE__ */ i.jsx(t, { ...c, to: e, ref: a }) : /* @__PURE__ */ i.jsx("a", { ...c, href: e, ref: a });
+  }
+), at = h.forwardRef(({ className: t, variant: e, corners: r, size: s, ...o }, a) => /* @__PURE__ */ i.jsx(
+  xe,
+  {
+    ...o,
+    className: m(
+      pe({ variant: e, corners: r, size: s }),
+      t
+    ),
+    ref: a
+  }
+)), ct = h.forwardRef(
+  ({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
+    xe,
+    {
+      ...e,
+      className: m("aui-link", t),
+      ref: r
+    }
+  )
+), Me = ({
+  className: t,
+  options: e,
+  getOptionLabel: r,
+  corners: s = "rounded",
+  style: o,
+  disabled: a,
+  ...c
+}, u) => /* @__PURE__ */ i.jsxs(
+  w,
+  {
+    className: m(
+      "aui-select-container",
+      `aui-corners--${s}`,
+      a ? "aui-select-disabled" : void 0,
+      t
+    ),
+    style: o,
+    children: [
+      /* @__PURE__ */ i.jsx(
+        "select",
+        {
+          ...c,
+          ref: u,
+          className: `aui-select aui-corners--${s}`,
+          disabled: a,
+          children: e.map((f, l) => /* @__PURE__ */ i.jsx("option", { value: f, children: r?.(f) || f }, l))
+        }
+      ),
+      /* @__PURE__ */ i.jsx(H, { icon: "down", className: "aui-select-icon", "aria-hidden": !0 })
+    ]
+  }
+), it = V(Me), lt = ({ className: t, ...e }) => (
+  // Designed on 2023-08-18
+  /* @__PURE__ */ i.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 512 512",
+      className: m("aui-spinner", t),
+      ...e,
+      children: /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M256,0C114.62,0,0,114.62,0,256S114.62,512,256,512c70.64,0,134.59-28.61,180.91-74.88l-31.11-31.11c-38.35,38.3-91.31,61.99-149.8,61.99-117.08,0-212-94.92-212-212S138.92,44,256,44V0Z"
+        }
+      )
+    }
+  )
+);
+export {
+  Ye as Accordion,
+  Ie as Alert,
+  ke as Animated,
+  Be as Badge,
+  Ue as Banner,
+  w as Box,
+  K as Button,
+  at as ButtonLink,
+  ze as Carousel,
+  We as ClickOutside,
+  He as DoubleCross,
+  Ve as DoubleFlip,
+  Xe as DoubleSpin,
+  qe as Hamburger,
+  H as Icon,
+  et as IconInput,
+  Qe as Input,
+  st as Layer,
+  ct as Link,
+  it as Select,
+  lt as Spinner,
+  Ke as TextArea,
+  Je as TripleFade,
+  Ge as TripleFlip,
+  qe as TriplePrestige,
+  Ze as TripleSpin,
+  te as UnstyledButton,
+  xe as UnstyledLink,
+  Fe as assertDefined,
+  m as classNames,
+  fe as scrollToId,
+  Pe as useFocusTrap,
+  tt as useMediaQuery,
+  rt as useScroll,
+  Oe as useScrollLock,
+  nt as useScrollToHash,
+  ot as useWindowResize
+};