@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/components-DNFycJGm.js

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

package/dist/constants-D96yCePL.js

@@ -0,0 +1,31 @@
+import { t } from "./utils-DHuiYnx1.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-[30px]", "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-[#314158]", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
+  day: t("p-0", "w-[37px]", "h-[38px]", "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-[4px]", "before:bottom-[4px]", "before:left-1/2", "before:right-0", "before:!bg-[#EFF6FF]", "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-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-1/2", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:!hidden", e?.rangeEnd),
+  range_middle: t("drp-range-middle", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:rounded-l-full", "last:before:rounded-r-full", "[&>button]:!text-[#314158]", "[&>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-[#62748e]", "dark:text-metal-400", e?.weekdays),
+  weeks: t("[&>tr>td]:p-0", "[&>tr]:h-[38px]", e?.weeks),
+  weekday: t("font-semibold", "text-xs", "uppercase", "text-[#62748e]", "dark:text-metal-400", "pb-4", "w-[37px]", e?.weekday),
+  today: t("[&>button]:text-[#155dfc]", "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 = 720 * 60 * 60 * 1e3, d = 56, l = 28, u = 38;
+export {
+  l as a,
+  a as i,
+  d 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-BgxXUOMP.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,86 +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";
-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-BgxXUOMP.js";
 export {
-  R as ThemeProvider
+  e as ThemeProvider
 };

package/dist/createLucideIcon-BVGkzDZC.js

@@ -0,0 +1,42 @@
+import { createContext as A, createElement as c, forwardRef as C, useContext as b } from "react";
+var h = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), L = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (t) => t.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()), d = (t) => {
+  const e = W(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}, S = (t) => {
+  for (const e in t) if (e.startsWith("aria-") || e === "role" || e === "title") return !0;
+  return !1;
+}, y = A({}), $ = () => b(y), j = C(({ color: t, size: e, strokeWidth: r, absoluteStrokeWidth: o, className: s = "", children: a, iconNode: m, ...l }, p) => {
+  const { size: i = 24, strokeWidth: u = 2, absoluteStrokeWidth: v = !1, color: x = "currentColor", className: w = "" } = $() ?? {}, f = o ?? v ? Number(r ?? u) * 24 / Number(e ?? i) : r ?? u;
+  return c("svg", {
+    ref: p,
+    ...n,
+    width: e ?? i ?? n.width,
+    height: e ?? i ?? n.height,
+    stroke: t ?? x,
+    strokeWidth: f,
+    className: h("lucide", w, s),
+    ...!a && !S(l) && { "aria-hidden": "true" },
+    ...l
+  }, [...m.map(([k, g]) => c(k, g)), ...Array.isArray(a) ? a : [a]]);
+}), N = (t, e) => {
+  const r = C(({ className: o, ...s }, a) => c(j, {
+    ref: a,
+    iconNode: e,
+    className: h(`lucide-${L(d(t))}`, `lucide-${t}`, o),
+    ...s
+  }));
+  return r.displayName = d(t), r;
+};
+export {
+  N as t
+};

package/dist/debounce-CzFlgg9h.js

@@ -0,0 +1,86 @@
+import { t as b } from "./chunk-D1xtDmiO.js";
+import { n as R, o as $, t as A } from "./isObject--aYwGuhx.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, _, v, n, d, 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, v = g.apply(p, c), v;
+    }
+    function C(e) {
+      return x = e, n = setTimeout(I, a), O ? N(e) : v;
+    }
+    function L(e) {
+      var c = e - d, p = e - x, M = a - c;
+      return l ? y(M, _ - p) : M;
+    }
+    function k(e) {
+      var c = e - d, p = e - x;
+      return d === 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, v);
+    }
+    function j() {
+      n !== void 0 && clearTimeout(n), x = 0, o = d = f = n = void 0;
+    }
+    function B() {
+      return n === void 0 ? v : W(i());
+    }
+    function S() {
+      var e = i(), c = k(e);
+      if (o = arguments, f = this, d = e, c) {
+        if (n === void 0) return C(d);
+        if (l)
+          return clearTimeout(n), n = setTimeout(I, a), N(d);
+      }
+      return n === void 0 && (n = setTimeout(I, a)), v;
+    }
+    return S.cancel = j, S.flush = B, S;
+  }
+  s.exports = E;
+}));
+export {
+  X as t
+};

package/dist/dist-B5SlrgYz.js

@@ -0,0 +1,263 @@
+import { n as ne } from "./dist-ByyYBtbL.js";
+import { a as I, r as G, s as K, t as C } from "./dist-uVUx9i0a.js";
+import { t as O } from "./dist-DZcOdXgW.js";
+import { t as ae } from "./dist-C8r5DW7s.js";
+import { t as se } from "./dist-DpqiA4Yn.js";
+import { t as L } from "./dist-DstQl8xY.js";
+import { t as ie } from "./dist-DZNdbzbm.js";
+import * as s from "react";
+import { jsx as l } from "react/jsx-runtime";
+var P = "rovingFocusGroup.onEntryFocus", ce = {
+  bubbles: !1,
+  cancelable: !0
+}, h = "RovingFocusGroup", [N, k, ue] = ie(h), [le, V] = K(h, [ue]), [de, fe] = le(h), U = s.forwardRef((e, o) => /* @__PURE__ */ l(N.Provider, {
+  scope: e.__scopeRovingFocusGroup,
+  children: /* @__PURE__ */ l(N.Slot, {
+    scope: e.__scopeRovingFocusGroup,
+    children: /* @__PURE__ */ l(ve, {
+      ...e,
+      ref: o
+    })
+  })
+}));
+U.displayName = h;
+var ve = s.forwardRef((e, o) => {
+  const { __scopeRovingFocusGroup: n, orientation: t, loop: u = !1, dir: d, currentTabStopId: a, defaultCurrentTabStopId: v, onCurrentTabStopIdChange: T, onEntryFocus: p, preventScrollOnEntryFocus: r = !1, ...i } = e, b = s.useRef(null), E = ne(o, b), w = L(d), [S, c] = G({
+    prop: a,
+    defaultProp: v ?? null,
+    onChange: T,
+    caller: h
+  }), [F, m] = s.useState(!1), g = ae(p), te = k(n), A = s.useRef(!1), [oe, x] = s.useState(0);
+  return s.useEffect(() => {
+    const f = b.current;
+    if (f)
+      return f.addEventListener(P, g), () => f.removeEventListener(P, g);
+  }, [g]), /* @__PURE__ */ l(de, {
+    scope: n,
+    orientation: t,
+    dir: w,
+    loop: u,
+    currentTabStopId: S,
+    onItemFocus: s.useCallback((f) => c(f), [c]),
+    onItemShiftTab: s.useCallback(() => m(!0), []),
+    onFocusableItemAdd: s.useCallback(() => x((f) => f + 1), []),
+    onFocusableItemRemove: s.useCallback(() => x((f) => f - 1), []),
+    children: /* @__PURE__ */ l(C.div, {
+      tabIndex: F || oe === 0 ? -1 : 0,
+      "data-orientation": t,
+      ...i,
+      ref: E,
+      style: {
+        outline: "none",
+        ...e.style
+      },
+      onMouseDown: I(e.onMouseDown, () => {
+        A.current = !0;
+      }),
+      onFocus: I(e.onFocus, (f) => {
+        const re = !A.current;
+        if (f.target === f.currentTarget && re && !F) {
+          const M = new CustomEvent(P, ce);
+          if (f.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
+            const y = te().filter((R) => R.focusable);
+            Y([
+              y.find((R) => R.active),
+              y.find((R) => R.id === S),
+              ...y
+            ].filter(Boolean).map((R) => R.ref.current), r);
+          }
+        }
+        A.current = !1;
+      }),
+      onBlur: I(e.onBlur, () => m(!1))
+    })
+  });
+}), B = "RovingFocusGroupItem", $ = s.forwardRef((e, o) => {
+  const { __scopeRovingFocusGroup: n, focusable: t = !0, active: u = !1, tabStopId: d, children: a, ...v } = e, T = O(), p = d || T, r = fe(B, n), i = r.currentTabStopId === p, b = k(n), { onFocusableItemAdd: E, onFocusableItemRemove: w, currentTabStopId: S } = r;
+  return s.useEffect(() => {
+    if (t)
+      return E(), () => w();
+  }, [
+    t,
+    E,
+    w
+  ]), /* @__PURE__ */ l(N.ItemSlot, {
+    scope: n,
+    id: p,
+    focusable: t,
+    active: u,
+    children: /* @__PURE__ */ l(C.span, {
+      tabIndex: i ? 0 : -1,
+      "data-orientation": r.orientation,
+      ...v,
+      ref: o,
+      onMouseDown: I(e.onMouseDown, (c) => {
+        t ? r.onItemFocus(p) : c.preventDefault();
+      }),
+      onFocus: I(e.onFocus, () => r.onItemFocus(p)),
+      onKeyDown: I(e.onKeyDown, (c) => {
+        if (c.key === "Tab" && c.shiftKey) {
+          r.onItemShiftTab();
+          return;
+        }
+        if (c.target !== c.currentTarget) return;
+        const F = me(c, r.orientation, r.dir);
+        if (F !== void 0) {
+          if (c.metaKey || c.ctrlKey || c.altKey || c.shiftKey) return;
+          c.preventDefault();
+          let m = b().filter((g) => g.focusable).map((g) => g.ref.current);
+          if (F === "last") m.reverse();
+          else if (F === "prev" || F === "next") {
+            F === "prev" && m.reverse();
+            const g = m.indexOf(c.currentTarget);
+            m = r.loop ? ge(m, g + 1) : m.slice(g + 1);
+          }
+          setTimeout(() => Y(m));
+        }
+      }),
+      children: typeof a == "function" ? a({
+        isCurrentTabStop: i,
+        hasTabStop: S != null
+      }) : a
+    })
+  });
+});
+$.displayName = B;
+var pe = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function be(e, o) {
+  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function me(e, o, n) {
+  const t = be(e.key, n);
+  if (!(o === "vertical" && ["ArrowLeft", "ArrowRight"].includes(t)) && !(o === "horizontal" && ["ArrowUp", "ArrowDown"].includes(t)))
+    return pe[t];
+}
+function Y(e, o = !1) {
+  const n = document.activeElement;
+  for (const t of e)
+    if (t === n || (t.focus({ preventScroll: o }), document.activeElement !== n)) return;
+}
+function ge(e, o) {
+  return e.map((n, t) => e[(o + t) % e.length]);
+}
+var Te = U, Ie = $, _ = "Tabs", [Fe, Pe] = K(_, [V]), z = V(), [Re, D] = Fe(_), H = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, value: t, onValueChange: u, defaultValue: d, orientation: a = "horizontal", dir: v, activationMode: T = "automatic", ...p } = e, r = L(v), [i, b] = G({
+    prop: t,
+    onChange: u,
+    defaultProp: d ?? "",
+    caller: _
+  });
+  return /* @__PURE__ */ l(Re, {
+    scope: n,
+    baseId: O(),
+    value: i,
+    onValueChange: b,
+    orientation: a,
+    dir: r,
+    activationMode: T,
+    children: /* @__PURE__ */ l(C.div, {
+      dir: r,
+      "data-orientation": a,
+      ...p,
+      ref: o
+    })
+  });
+});
+H.displayName = _;
+var j = "TabsList", q = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, loop: t = !0, ...u } = e, d = D(j, n), a = z(n);
+  return /* @__PURE__ */ l(Te, {
+    asChild: !0,
+    ...a,
+    orientation: d.orientation,
+    dir: d.dir,
+    loop: t,
+    children: /* @__PURE__ */ l(C.div, {
+      role: "tablist",
+      "aria-orientation": d.orientation,
+      ...u,
+      ref: o
+    })
+  });
+});
+q.displayName = j;
+var J = "TabsTrigger", Q = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, value: t, disabled: u = !1, ...d } = e, a = D(J, n), v = z(n), T = Z(a.baseId, t), p = ee(a.baseId, t), r = t === a.value;
+  return /* @__PURE__ */ l(Ie, {
+    asChild: !0,
+    ...v,
+    focusable: !u,
+    active: r,
+    children: /* @__PURE__ */ l(C.button, {
+      type: "button",
+      role: "tab",
+      "aria-selected": r,
+      "aria-controls": p,
+      "data-state": r ? "active" : "inactive",
+      "data-disabled": u ? "" : void 0,
+      disabled: u,
+      id: T,
+      ...d,
+      ref: o,
+      onMouseDown: I(e.onMouseDown, (i) => {
+        !u && i.button === 0 && i.ctrlKey === !1 ? a.onValueChange(t) : i.preventDefault();
+      }),
+      onKeyDown: I(e.onKeyDown, (i) => {
+        [" ", "Enter"].includes(i.key) && a.onValueChange(t);
+      }),
+      onFocus: I(e.onFocus, () => {
+        const i = a.activationMode !== "manual";
+        !r && !u && i && a.onValueChange(t);
+      })
+    })
+  });
+});
+Q.displayName = J;
+var W = "TabsContent", X = s.forwardRef((e, o) => {
+  const { __scopeTabs: n, value: t, forceMount: u, children: d, ...a } = e, v = D(W, n), T = Z(v.baseId, t), p = ee(v.baseId, t), r = t === v.value, i = s.useRef(r);
+  return s.useEffect(() => {
+    const b = requestAnimationFrame(() => i.current = !1);
+    return () => cancelAnimationFrame(b);
+  }, []), /* @__PURE__ */ l(se, {
+    present: u || r,
+    children: ({ present: b }) => /* @__PURE__ */ l(C.div, {
+      "data-state": r ? "active" : "inactive",
+      "data-orientation": v.orientation,
+      role: "tabpanel",
+      "aria-labelledby": T,
+      hidden: !b,
+      id: p,
+      tabIndex: 0,
+      ...a,
+      ref: o,
+      style: {
+        ...e.style,
+        animationDuration: i.current ? "0s" : void 0
+      },
+      children: b && d
+    })
+  });
+});
+X.displayName = W;
+function Z(e, o) {
+  return `${e}-trigger-${o}`;
+}
+function ee(e, o) {
+  return `${e}-content-${o}`;
+}
+var Ne = H, De = q, xe = Q, Me = X;
+export {
+  xe as i,
+  De as n,
+  Ne as r,
+  Me as t
+};