@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.111

package/dist/components-z-LYRWfq.js

@@ -0,0 +1,124 @@
+import { n as I } from "./Wrapper-JmStmade.js";
+import { t as i } from "./utils-DnIJruo0.js";
+import { LoaderIcon as L } from "./assets/icons/components/Loader.js";
+import { t as C } from "./x-C8O1IsaM.js";
+import { Badge as R } from "./components/Badge/Badge.js";
+import { Typography as x } from "./components/Typography/Typography.js";
+import { useMultiSelectDropdown as g } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.js";
+import { MultiSelectDropdownProvider as V } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.js";
+import { Item as b } from "./components/MultiSelectDropdown/components/Item/Item.js";
+import { listVariants as $ } from "./components/MultiSelectDropdown/components/List/List.variants.js";
+import { useMultiSelectDropdown as T } from "./components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js";
+import { labelVariants as j, multiSelectDropdownVariants as W, wrapperVariants as z } from "./components/MultiSelectDropdown/MultiSelectDropdown.variants.js";
+import { forwardRef as w, useId as B, useImperativeHandle as F } from "react";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+var H = ({ theme: n }) => {
+  const { options: a, selectedOptions: r, isLoading: o, noOptionsText: l, loadingText: s } = g();
+  return /* @__PURE__ */ e("ul", {
+    role: "listbox",
+    "data-theme": n,
+    className: i($()),
+    children: o ? /* @__PURE__ */ e(b, {
+      option: {
+        id: "loading",
+        label: s ?? "Loading..."
+      },
+      className: "select-none pointer-events-none",
+      isSelected: !1
+    }, "loading") : a.length > 0 ? a.map((t) => /* @__PURE__ */ e(b, {
+      option: t,
+      isSelected: r.some((d) => d.id === t.id)
+    }, t.id)) : /* @__PURE__ */ e("li", {
+      className: "select-none",
+      children: /* @__PURE__ */ e(x, {
+        variant: "body2",
+        className: "italic px-2 py-2",
+        children: l ?? "No options"
+      })
+    })
+  });
+}, y = w(({ isRequired: n, label: a, labelClassName: r, labelWrapperClassName: o, name: l, placeholder: s = "", theme: t, wrapperClassName: d }, p) => {
+  const m = B(), N = l ? `${m}-name` : "id", { inputRef: u, isLoading: S, isOpen: h, selectedOptions: v, onOpen: O, onRemoveOption: D } = g(), { wrapperRef: M, handleOpen: k } = T();
+  return F(p, () => u.current, [u]), /* @__PURE__ */ f("div", {
+    ref: M,
+    className: i(z({ className: d })),
+    "data-theme": t,
+    children: [
+      a ? /* @__PURE__ */ e("div", {
+        className: i(o),
+        children: /* @__PURE__ */ f(x, {
+          component: "label",
+          variant: "labelLarge",
+          id: `${m}-label`,
+          htmlFor: N,
+          className: i(j({ className: r })),
+          onClick: () => O(!0),
+          children: [
+            a,
+            " ",
+            n && /* @__PURE__ */ e(x, {
+              component: "span",
+              className: "text-red-500 dark:text-red-500 text-sm font-normal",
+              children: "*"
+            })
+          ]
+        })
+      }) : null,
+      /* @__PURE__ */ f("div", {
+        id: N,
+        className: i(W()),
+        role: "combobox",
+        onClick: k,
+        "aria-expanded": h,
+        "aria-labelledby": a ? `${m}-label` : void 0,
+        children: [v.length === 0 ? /* @__PURE__ */ e("span", {
+          className: "text-base text-inherit select-none",
+          children: s
+        }) : /* @__PURE__ */ e("div", {
+          className: "flex flex-wrap gap-2",
+          children: v.map((c) => /* @__PURE__ */ e(R, {
+            "data-value": c.label,
+            label: c.value ?? c.label ?? "",
+            className: "select-none",
+            rightIcon: /* @__PURE__ */ e(C, { onClick: () => D(c) })
+          }, c.id))
+        }), S ? /* @__PURE__ */ e(L, {
+          size: 16,
+          className: "animate-spin shrink-0 text-gray-400"
+        }) : /* @__PURE__ */ e(I, { className: i("w-4 h-4 transition-all duration-50 shrink-0 text-gray-400", h ? "rotate-0" : "rotate-180") })]
+      }),
+      /* @__PURE__ */ e("input", {
+        ref: u,
+        type: "text",
+        name: l,
+        className: "hidden",
+        tabIndex: -1,
+        "aria-hidden": "true",
+        readOnly: !0
+      }),
+      h ? /* @__PURE__ */ e(H, {}) : null
+    ]
+  });
+});
+y.displayName = "MultiSelectDropdownWrapper";
+var K = w(({ isLoading: n, multiselect: a, name: r, noOptionsText: o, options: l, value: s, onChange: t, onBlur: d, ...p }, m) => /* @__PURE__ */ e(V, {
+  defaultOptions: l,
+  multiselect: a,
+  value: s,
+  onChange: t,
+  onBlur: d,
+  name: r,
+  isLoading: n,
+  noOptionsText: o,
+  children: /* @__PURE__ */ e(y, {
+    ref: m,
+    name: r,
+    ...p
+  })
+}));
+K.displayName = "KonstructMultiSelectDropdown";
+export {
+  y as n,
+  H as r,
+  K as t
+};

package/dist/constants-q2QnJrOb.js

@@ -0,0 +1,31 @@
+import { t } from "./utils-DnIJruo0.js";
+var o = (e) => ({
+  root: t("w-fit", e?.root),
+  months: t("flex", e?.months),
+  month: t("flex flex-col w-[259px]", e?.month),
+  month_caption: "hidden",
+  nav: "hidden",
+  day_button: t("size-7.5", "flex", "items-center", "justify-center", "text-sm", "font-semibold", "cursor-pointer", "rounded-full", "hover:bg-slate-100", "dark:hover:bg-metal-700", "transition-colors", "text-slate-700", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
+  day: t("p-0", "w-[37px]", "h-9.5", "text-center", "align-middle", e?.day),
+  selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900", e?.selected),
+  range_start: t("drp-range-start", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-1", "before:bottom-1", "before:left-1/2", "before:right-0", "before:!bg-blue-50", "dark:before:!bg-aurora-500/10", "last:before:!hidden", e?.rangeStart),
+  range_end: t("drp-range-end", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-1", "before:bottom-1", "before:left-0", "before:right-1/2", "before:!bg-blue-50", "dark:before:!bg-aurora-500/10", "first:before:!hidden", e?.rangeEnd),
+  range_middle: t("drp-range-middle", "!relative", "before:absolute", "before:top-1", "before:bottom-1", "before:left-0", "before:right-0", "before:!bg-blue-50", "dark:before:!bg-aurora-500/10", "first:before:rounded-l-full", "last:before:rounded-r-full", "[&>button]:!text-slate-700", "[&>button]:!bg-transparent", "[&>button]:!rounded-full", "[&>button]:relative", "[&>button]:z-10", "[&>button]:hover:!bg-blue-100", "dark:[&>button]:!text-white", "dark:[&>button]:hover:!bg-aurora-500/20", e?.rangeMiddle),
+  table: t("w-full border-collapse table-fixed", e?.table),
+  weekdays: t("text-slate-500", "dark:text-metal-400", e?.weekdays),
+  weeks: t("[&>tr>td]:p-0", "[&>tr]:h-9.5", e?.weeks),
+  weekday: t("font-semibold", "text-xs", "uppercase", "text-slate-500", "dark:text-metal-400", "pb-4", "w-[37px]", e?.weekday),
+  today: t("[&>button]:text-blue-600", "dark:[&>button]:text-aurora-500", e?.today),
+  month_grid: "w-full",
+  disabled: t("[&>button]:opacity-50", "[&>button]:cursor-not-allowed", e?.disabled),
+  outside: t("[&>button]:!text-slate-400", "dark:[&>button]:!text-metal-500", e?.outside)
+}), a = 259, b = 32, n = 2592e6, l = 56, d = 28, u = 38;
+export {
+  d as a,
+  a as i,
+  l as n,
+  u as o,
+  n as r,
+  o as s,
+  b as t
+};

package/dist/contexts/index.js

@@ -1,8 +1,8 @@
-import { ThemeContext as r } from "./theme.context.js";
-import { useTheme as t } from "./theme.hook.js";
-import { ThemeProvider as f } from "./theme.provider.js";
+import { ThemeContext as m } from "./theme.context.js";
+import { useTheme as r } from "./theme.hook.js";
+import { t as i } from "../theme.provider-CvL6sqHq.js";
 export {
-  r as ThemeContext,
-  f as ThemeProvider,
-  t as useTheme
+  m as ThemeContext,
+  i as ThemeProvider,
+  r as useTheme
 };

package/dist/contexts/theme.context.js

@@ -1,10 +1,10 @@
 import { createContext as e } from "react";
-const o = e({
+var r = e({
   theme: void 0,
   setTheme() {
     throw new Error("setTheme function must be overridden");
   }
 });
 export {
-  o as ThemeContext
+  r as ThemeContext
 };

package/dist/contexts/theme.hook.js

@@ -1,6 +1,6 @@
-import { useContext as t } from "react";
 import { ThemeContext as e } from "./theme.context.js";
-const m = () => t(e);
+import { useContext as r } from "react";
+var m = () => r(e);
 export {
   m as useTheme
 };

package/dist/contexts/theme.provider.js

@@ -1,87 +1,4 @@
-import { jsx as v } from "react/jsx-runtime";
-import { useState as h, useEffect as g } from "react";
-import { isClient as l } from "../utils/index.js";
-import { ThemeContext as C } from "./theme.context.js";
-/*! js-cookie v3.0.5 | MIT */
-function p(r) {
-  for (var o = 1; o < arguments.length; o++) {
-    var t = arguments[o];
-    for (var f in t)
-      r[f] = t[f];
-  }
-  return r;
-}
-var a = {
-  read: function(r) {
-    return r[0] === '"' && (r = r.slice(1, -1)), r.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(r) {
-    return encodeURIComponent(r).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function s(r, o) {
-  function t(n, u, e) {
-    if (!(typeof document > "u")) {
-      e = p({}, o, e), typeof e.expires == "number" && (e.expires = new Date(Date.now() + e.expires * 864e5)), e.expires && (e.expires = e.expires.toUTCString()), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-      var i = "";
-      for (var c in e)
-        e[c] && (i += "; " + c, e[c] !== !0 && (i += "=" + e[c].split(";")[0]));
-      return document.cookie = n + "=" + r.write(u, n) + i;
-    }
-  }
-  function f(n) {
-    if (!(typeof document > "u" || arguments.length && !n)) {
-      for (var u = document.cookie ? document.cookie.split("; ") : [], e = {}, i = 0; i < u.length; i++) {
-        var c = u[i].split("="), m = c.slice(1).join("=");
-        try {
-          var d = decodeURIComponent(c[0]);
-          if (e[d] = r.read(m, d), n === d)
-            break;
-        } catch {
-        }
-      }
-      return n ? e[n] : e;
-    }
-  }
-  return Object.create(
-    {
-      set: t,
-      get: f,
-      remove: function(n, u) {
-        t(
-          n,
-          "",
-          p({}, u, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(n) {
-        return s(this.converter, p({}, this.attributes, n));
-      },
-      withConverter: function(n) {
-        return s(p({}, this.converter, n), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(o) },
-      converter: { value: Object.freeze(r) }
-    }
-  );
-}
-var x = s(a, { path: "/" });
-const R = ({
-  children: r,
-  theme: o
-}) => {
-  const [t, f] = h(() => o || (l ? x.get("konstruct-theme") : "kubefirst"));
-  return g(() => {
-    document.querySelector("body")?.setAttribute("data-theme", t);
-  }, [t]), /* @__PURE__ */ v(C.Provider, { value: { theme: t, setTheme: f }, children: r });
-};
+import { t as e } from "../theme.provider-CvL6sqHq.js";
 export {
-  R as ThemeProvider
+  e as ThemeProvider
 };

package/dist/createLucideIcon-C7E_xycG.js

@@ -0,0 +1,119 @@
+import { createContext as I, createElement as C, forwardRef as x, useContext as $ } from "react";
+var j = (t) => t?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function P(t, e, n = []) {
+  if (e == null) throw new Error("[lucide]: iconNode is required when icon name is used");
+  return {
+    name: j(t),
+    size: 24,
+    node: e,
+    ...n.length > 0 ? { aliases: n } : {}
+  };
+}
+var E = (t) => {
+  let e = "", n = !1;
+  for (const o of t) {
+    if (o === "-" || o === "_" || o <= " ") {
+      n = e.length > 0;
+      continue;
+    }
+    e.length === 0 ? e += o.toLowerCase() : e += n ? o.toUpperCase() : o, n = !1;
+  }
+  return e;
+}, p = (t) => {
+  const e = E(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, v = (...t) => t.filter((e, n, o) => !!e && e.trim() !== "" && o.indexOf(e) === n).join(" ").trim(), c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function b(t) {
+  return t != null;
+}
+function D(t, e = {}) {
+  const n = e.attributeNames ?? {}, o = (i) => n[i] ?? i, l = t.size ?? t.width ?? c.width, h = t.size ?? t.height ?? c.height, d = t.aliases?.filter((i) => typeof i == "string" && i.trim() !== "").map((i) => `lucide-${i}`) ?? [], a = [...t.name ? [`lucide-${t.name}`] : [], ...d], r = e.className?.split(" ").filter(Boolean) ?? [], f = e.includeDefaultClasses === !1 ? v(...r) : v("lucide", ...a, ...r), g = e.absoluteStrokeWidth ? Number(e.strokeWidth ?? c["stroke-width"]) * Number(t.size ?? t.width ?? c.width) / Number(e.size ?? e.width ?? c.width) : e.strokeWidth ?? c["stroke-width"];
+  return [
+    "svg",
+    {
+      ...Object.entries(c).reduce((i, [u, s]) => (i[o(u)] = s, i), {}),
+      ..."color" in e && e.color && { [o("stroke")]: e.color },
+      ..."size" in e && b(e.size) && {
+        [o("width")]: e.size,
+        [o("height")]: e.size
+      },
+      ..."width" in e && b(e.width) && { [o("width")]: e.width },
+      ..."height" in e && b(e.height) && { [o("height")]: e.height },
+      [o("stroke-width")]: g,
+      ...f && { [o("class")]: f },
+      [o("viewBox")]: `0 0 ${l} ${h}`,
+      ...e.hasA11yProp === !1 ? { [o("aria-hidden")]: "true" } : {},
+      ..."attributes" in e && e.attributes
+    },
+    t.node.map((i) => {
+      const [u, s, w] = i, k = e.nonScalingStroke ? {
+        [o("vector-effect")]: "non-scaling-stroke",
+        ...s
+      } : s;
+      return w ? [
+        u,
+        k,
+        w
+      ] : [u, k];
+    })
+  ];
+}
+function F(t, e = {}) {
+  return D(t, {
+    ...e,
+    attributeNames: {
+      ...e.attributeNames,
+      class: "className",
+      "stroke-width": "strokeWidth",
+      "stroke-linecap": "strokeLinecap",
+      "stroke-linejoin": "strokeLinejoin",
+      "vector-effect": "vectorEffect"
+    }
+  });
+}
+var R = (t) => {
+  for (const e in t) if (e.startsWith("aria-") || e === "role" || e === "title") return !0;
+  return !1;
+}, U = I({}), q = () => $(U), H = x(({ color: t, size: e, width: n, height: o, strokeWidth: l, absoluteStrokeWidth: h, nonScalingStroke: d, className: a = "", children: r, iconNode: f = [], icon: g = {
+  node: f,
+  aliases: [],
+  size: 24
+}, ...i }, u) => {
+  const { size: s = 24, strokeWidth: w = 2, absoluteStrokeWidth: k = !1, nonScalingStroke: N = !1, color: S = "currentColor", className: A = "" } = q() ?? {}, W = !!r || R(i), [m, z, L = []] = F(g, {
+    color: t ?? S,
+    width: n ?? e ?? s,
+    height: o ?? e ?? s,
+    strokeWidth: l ?? w,
+    absoluteStrokeWidth: h ?? k,
+    nonScalingStroke: d ?? N,
+    className: v(A, a),
+    hasA11yProp: W,
+    attributes: i
+  });
+  return C(m, {
+    ref: u,
+    ...z
+  }, [...L.map(([y, B]) => C(y, B)), ...Array.isArray(r) ? r : [r]]);
+});
+function Z(t, e = [], n = []) {
+  const o = typeof t == "string" ? P(t, e, n) : t, l = x(({ className: h, ...d }, a) => C(H, {
+    ref: a,
+    icon: o,
+    className: h,
+    ...d
+  }));
+  return o.name && (l.displayName = p(o.name)), l;
+}
+export {
+  Z as t
+};

package/dist/debounce-BdyZeJQk.js

@@ -0,0 +1,86 @@
+import { t as b } from "./rolldown-runtime-Dw9YIBcH.js";
+import { n as R, o as $, t as A } from "./isObject-pLoSfdr0.js";
+var F = /* @__PURE__ */ b(((T, s) => {
+  var u = $(), i = function() {
+    return u.Date.now();
+  };
+  s.exports = i;
+})), D = /* @__PURE__ */ b(((T, s) => {
+  var u = /\s/;
+  function i(m) {
+    for (var t = m.length; t-- && u.test(m.charAt(t)); ) ;
+    return t;
+  }
+  s.exports = i;
+})), H = /* @__PURE__ */ b(((T, s) => {
+  var u = D(), i = /^\s+/;
+  function m(t) {
+    return t && t.slice(0, u(t) + 1).replace(i, "");
+  }
+  s.exports = m;
+})), J = /* @__PURE__ */ b(((T, s) => {
+  var u = H(), i = A(), m = R(), t = NaN, h = /^[-+]0x[0-9a-f]+$/i, y = /^0b[01]+$/i, E = /^0o[0-7]+$/i, g = parseInt;
+  function a(r) {
+    if (typeof r == "number") return r;
+    if (m(r)) return t;
+    if (i(r)) {
+      var o = typeof r.valueOf == "function" ? r.valueOf() : r;
+      r = i(o) ? o + "" : o;
+    }
+    if (typeof r != "string") return r === 0 ? r : +r;
+    r = u(r);
+    var f = y.test(r);
+    return f || E.test(r) ? g(r.slice(2), f ? 2 : 8) : h.test(r) ? t : +r;
+  }
+  s.exports = a;
+})), X = /* @__PURE__ */ b(((T, s) => {
+  var u = A(), i = F(), m = J(), t = "Expected a function", h = Math.max, y = Math.min;
+  function E(g, a, r) {
+    var o, f, _, d, n, v, x = 0, O = !1, l = !1, q = !0;
+    if (typeof g != "function") throw new TypeError(t);
+    a = m(a) || 0, u(r) && (O = !!r.leading, l = "maxWait" in r, _ = l ? h(m(r.maxWait) || 0, a) : _, q = "trailing" in r ? !!r.trailing : q);
+    function N(e) {
+      var c = o, p = f;
+      return o = f = void 0, x = e, d = g.apply(p, c), d;
+    }
+    function C(e) {
+      return x = e, n = setTimeout(I, a), O ? N(e) : d;
+    }
+    function L(e) {
+      var c = e - v, p = e - x, M = a - c;
+      return l ? y(M, _ - p) : M;
+    }
+    function k(e) {
+      var c = e - v, p = e - x;
+      return v === void 0 || c >= a || c < 0 || l && p >= _;
+    }
+    function I() {
+      var e = i();
+      if (k(e)) return W(e);
+      n = setTimeout(I, L(e));
+    }
+    function W(e) {
+      return n = void 0, q && o ? N(e) : (o = f = void 0, d);
+    }
+    function j() {
+      n !== void 0 && clearTimeout(n), x = 0, o = v = f = n = void 0;
+    }
+    function B() {
+      return n === void 0 ? d : W(i());
+    }
+    function S() {
+      var e = i(), c = k(e);
+      if (o = arguments, f = this, v = e, c) {
+        if (n === void 0) return C(v);
+        if (l)
+          return clearTimeout(n), n = setTimeout(I, a), N(v);
+      }
+      return n === void 0 && (n = setTimeout(I, a)), d;
+    }
+    return S.cancel = j, S.flush = B, S;
+  }
+  s.exports = E;
+}));
+export {
+  X as t
+};

package/dist/dist-B9GE4SXf.js

@@ -0,0 +1,34 @@
+import { t as O } from "./clsx-Cf23UI1w.js";
+var m = (n) => typeof n == "boolean" ? `${n}` : n === 0 ? "0" : n, y = O, j = (n, e) => (t) => {
+  var u;
+  if (e?.variants == null) return y(n, t?.class, t?.className);
+  const { variants: v, defaultVariants: d } = e, V = Object.keys(v).map((a) => {
+    const l = t?.[a], r = d?.[a];
+    if (l === null) return null;
+    const i = m(l) || m(r);
+    return v[a][i];
+  }), o = t && Object.entries(t).reduce((a, l) => {
+    let [r, i] = l;
+    return i === void 0 || (a[r] = i), a;
+  }, {}), N = e == null || (u = e.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((a, l) => {
+    let { class: r, className: i, ...C } = l;
+    return Object.entries(C).every((f) => {
+      let [c, s] = f;
+      return Array.isArray(s) ? s.includes({
+        ...d,
+        ...o
+      }[c]) : {
+        ...d,
+        ...o
+      }[c] === s;
+    }) ? [
+      ...a,
+      r,
+      i
+    ] : a;
+  }, []);
+  return y(n, V, N, t?.class, t?.className);
+};
+export {
+  j as t
+};

package/dist/dist-BUocnzkM.js

@@ -0,0 +1,99 @@
+import { n as y } from "./dist-D-yS0HN8.js";
+import * as o from "react";
+var P = Object.defineProperty, f = (n, e) => P(n, "name", {
+  value: e,
+  configurable: !0
+});
+function g(n, e) {
+  return o.useReducer((t, r) => e[t][r] ?? t, n);
+}
+f(g, "useStateMachine");
+var h = /* @__PURE__ */ f((n) => {
+  const { present: e, children: t } = n, r = M(e), s = typeof t == "function" ? t({ present: r.isPresent }) : o.Children.only(t), u = O(r.ref, v(s));
+  return typeof t == "function" || r.isPresent ? o.cloneElement(s, { ref: u }) : null;
+}, "Presence");
+function M(n) {
+  const [e, t] = o.useState(), r = o.useRef(null), s = o.useRef(n), u = o.useRef("none"), i = o.useRef(void 0), [a, l] = g(n ? "mounted" : "unmounted", {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: { MOUNT: "mounted" }
+  });
+  return o.useEffect(() => {
+    a === "mounted" ? (u.current = i.current ?? N(r.current), i.current = void 0) : u.current = "none";
+  }, [a]), y(() => {
+    const c = r.current, m = s.current;
+    if (m !== n) {
+      const d = u.current, p = N(c);
+      n ? (i.current = p, l("MOUNT")) : p === "none" || c?.display === "none" ? l("UNMOUNT") : l(m && d !== p ? "ANIMATION_OUT" : "UNMOUNT"), s.current = n;
+    }
+  }, [n, l]), y(() => {
+    if (e) {
+      let c;
+      const m = e.ownerDocument.defaultView ?? window, d = /* @__PURE__ */ f((R) => {
+        const E = N(r.current).includes(CSS.escape(R.animationName));
+        if (R.target === e && E && (l("ANIMATION_END"), !s.current)) {
+          const T = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", c = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = T);
+          });
+        }
+      }, "handleAnimationEnd"), p = /* @__PURE__ */ f((R) => {
+        R.target === e && (u.current = N(r.current));
+      }, "handleAnimationStart");
+      return e.addEventListener("animationstart", p), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(c), e.removeEventListener("animationstart", p), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else l("ANIMATION_END");
+  }, [e, l]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(a),
+    ref: o.useCallback((c) => {
+      if (c) {
+        const m = getComputedStyle(c);
+        r.current = m, i.current = N(m);
+      } else r.current = null;
+      t(c);
+    }, [])
+  };
+}
+f(M, "usePresence");
+function A(n, e) {
+  if (typeof n == "function") return n(e);
+  n != null && (n.current = e);
+}
+f(A, "setRef");
+function O(...n) {
+  const e = o.useRef(n);
+  return e.current = n, o.useCallback((t) => {
+    const r = e.current;
+    let s = !1;
+    const u = r.map((i) => {
+      const a = A(i, t);
+      return !s && typeof a == "function" && (s = !0), a;
+    });
+    if (s) return () => {
+      for (let i = 0; i < u.length; i++) {
+        const a = u[i];
+        typeof a == "function" ? a() : A(r[i], null);
+      }
+    };
+  }, []);
+}
+f(O, "useStableComposedRefs");
+function N(n) {
+  return n?.animationName || "none";
+}
+f(N, "getAnimationName");
+function v(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
+}
+f(v, "getElementRef");
+export {
+  h as t
+};