@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/{components-BIHlj4yH.js → components-Cf345jTv.js}

@@ -1,33 +1,33 @@
-import { n as L } from "./Wrapper-ClJ_Mham.js";
-import { t as o } from "./utils-Cx-WzRZF.js";
-import { LoaderIcon as I } from "./assets/icons/components/Loader.js";
-import { t as C } from "./x-a_LpoXzG.js";
+import { n as I } from "./Wrapper-CVJSuYWx.js";
+import { t as i } from "./utils-Cx-WzRZF.js";
+import { LoaderIcon as L } from "./assets/icons/components/Loader.js";
+import { t as C } from "./x-a_LpoXzG2.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 { useMultiSelectDropdown as g } 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";
+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 j } from "./components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js";
+import { labelVariants as T, 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: s, noOptionsText: l } = w();
+  const { options: a, selectedOptions: r, isLoading: o, noOptionsText: l } = g();
   return /* @__PURE__ */ e("ul", {
     role: "listbox",
     "data-theme": n,
-    className: o(j()),
-    children: s ? /* @__PURE__ */ e(g, {
+    className: i($()),
+    children: o ? /* @__PURE__ */ e(b, {
       option: {
         id: "loading",
         label: "Loading..."
       },
       className: "select-none pointer-events-none",
       isSelected: !1
-    }, "loading") : a.length > 0 ? a.map((t) => /* @__PURE__ */ e(g, {
+    }, "loading") : a.length > 0 ? a.map((t) => /* @__PURE__ */ e(b, {
       option: t,
-      isSelected: r.some((i) => i.id === t.id)
+      isSelected: r.some((s) => s.id === t.id)
     }, t.id)) : /* @__PURE__ */ e("li", {
       className: "select-none",
       children: /* @__PURE__ */ e(N, {
@@ -37,20 +37,21 @@ var H = ({ theme: n }) => {
       })
     })
   });
-}, 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", {
+}, y = w(({ isRequired: n, label: a, labelClassName: r, labelWrapperClassName: o, name: l, placeholder: t = "", theme: s, wrapperClassName: c }, p) => {
+  const d = B(), x = l ? `${d}-name` : "id", { inputRef: u, isLoading: S, isOpen: h, selectedOptions: v, onOpen: O, onRemoveOption: D } = g(), { wrapperRef: M, handleOpen: k } = j();
+  return F(p, () => u.current, [u]), /* @__PURE__ */ f("div", {
     ref: M,
-    className: o(z({ className: m })),
-    "data-theme": i,
+    className: i(z({ className: c })),
+    "data-theme": s,
     children: [
       a ? /* @__PURE__ */ e("div", {
-        className: o(s),
-        children: /* @__PURE__ */ h(N, {
+        className: i(o),
+        children: /* @__PURE__ */ f(N, {
           component: "label",
           variant: "labelLarge",
+          id: `${d}-label`,
           htmlFor: x,
-          className: o(W({ className: r })),
+          className: i(T({ className: r })),
           onClick: () => O(!0),
           children: [
             a,
@@ -63,53 +64,56 @@ var H = ({ theme: n }) => {
           ]
         })
       }) : null,
-      /* @__PURE__ */ h("div", {
+      /* @__PURE__ */ f("div", {
         id: x,
-        className: o($()),
+        className: i(W()),
         role: "combobox",
         onClick: k,
-        "aria-expanded": f,
+        "aria-expanded": h,
+        "aria-labelledby": a ? `${d}-label` : void 0,
         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 ?? "",
+          children: v.map((m) => /* @__PURE__ */ e(R, {
+            "data-value": m.label,
+            label: m.value ?? m.label ?? "",
             className: "select-none",
-            rightIcon: /* @__PURE__ */ e(C, { onClick: () => D(d) })
-          }, d.id))
-        }), S ? /* @__PURE__ */ e(I, {
+            rightIcon: /* @__PURE__ */ e(C, { onClick: () => D(m) })
+          }, m.id))
+        }), S ? /* @__PURE__ */ e(L, {
           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(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
       }),
-      f ? /* @__PURE__ */ e(H, {}) : null
+      h ? /* @__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, {
+var K = w(({ isLoading: n, multiselect: a, name: r, noOptionsText: o, options: l, value: t, onChange: s, onBlur: c, ...p }, d) => /* @__PURE__ */ e(V, {
   defaultOptions: l,
   multiselect: a,
   value: t,
-  onChange: i,
-  onBlur: m,
+  onChange: s,
+  onBlur: c,
   name: r,
   isLoading: n,
-  noOptionsText: s,
+  noOptionsText: o,
   children: /* @__PURE__ */ e(y, {
-    ref: p,
+    ref: d,
     name: r,
-    ...c
+    ...p
   })
 }));
 K.displayName = "KonstructMultiSelectDropdown";

package/dist/constants-CxJJRVK3.js

@@ -0,0 +1,31 @@
+import { t } from "./utils-Cx-WzRZF.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 = 720 * 60 * 60 * 1e3, 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/{dist-DISvWx7U.js → dist-BUocnzkM.js}

@@ -1,4 +1,4 @@
-import { n as y } from "./dist-D4FePjTS.js";
+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,

package/dist/{dist-Dse3gSmZ.js → dist-BZNE2Tnx.js}

@@ -1,7 +1,7 @@
-import { i as j } from "./dist-DqKFpce5.js";
-import { t as R } from "./dist-CVy-ulDZ.js";
-import { t as q } from "./dist-BuFiu480.js";
-import { a as Ee, o as ke, r as Se, t as Ie } from "./dist-BiJrNvNo.js";
+import { i as j } from "./dist-xCbHbMLA.js";
+import { t as R } from "./dist-CCdbu9GU.js";
+import { t as q } from "./dist-DYIabsrY.js";
+import { a as Ee, o as ke, r as Se, t as Ie } from "./dist-C3YVLapk.js";
 import * as n from "react";
 var ce = 1, xe = 0.9, Ce = 0.8, Re = 0.17, Y = 0.1, Q = 0.999, Ae = 0.9999, Me = 0.99, $e = /[\\\/_+.#"@\[\(\{&]/, De = /[\\\/_+.#"@\[\(\{&]/g, Fe = /[\s-]/, fe = /[\s-]/g;
 function _(t, l, r, f, u, c, d) {

package/dist/{dist-2bGlmy8N2.js → dist-BaPW7qXd2.js}

@@ -1,19 +1,20 @@
-import { a as _, n as D } from "./dist-DqKFpce5.js";
-import { t as M } from "./dist-CVy-ulDZ.js";
-import { i as I, r as C, t as T } from "./dist-D4FePjTS.js";
-import { t as k } from "./dist-BuFiu480.js";
-import { r as y, t as N } from "./dist-j7FOUrFU.js";
-import { n as $, r as G, t as L } from "./es2015-BWf6xQHm.js";
-import { t as A } from "./dist-DISvWx7U.js";
-import { t as j } from "./Combination-cjXRJS03.js";
-import { a as b, i as H, r as K, t as U } from "./dist-C2aTw0m62.js";
+import { a as _, n as D } from "./dist-xCbHbMLA.js";
+import { t as M } from "./dist-CCdbu9GU.js";
+import { i as I, r as m, t as T } from "./dist-D-yS0HN8.js";
+import { t as k } from "./dist-DYIabsrY.js";
+import { n as y } from "./dist-DKryKPmP.js";
+import { n as N, r as $, t as G } from "./es2015-CoHq2g4y.js";
+import { t as L } from "./dist-C4j75TwZ.js";
+import { t as A } from "./dist-BUocnzkM.js";
+import { t as j } from "./Combination-CnMM05mt.js";
+import { a as b, i as H, r as K, t as U } from "./dist-DFCz63oC2.js";
 import * as i from "react";
 import { jsx as s } from "react/jsx-runtime";
 var V = Object.defineProperty, l = (p, e) => V(p, "name", {
   value: e,
   configurable: !0
-}), R = "Popover", [F, de] = I(R, [b]), O = b(), [Z, v] = F(R), q = /* @__PURE__ */ l((p) => {
-  const { __scopePopover: e, children: c, open: r, defaultOpen: n, onOpenChange: t, modal: o = !1 } = p, a = O(e), u = i.useRef(null), [P, d] = i.useState(!1), [m, f] = T({
+}), R = "Popover", [F, fe] = I(R, [b]), O = b(), [Z, v] = F(R), q = /* @__PURE__ */ l((p) => {
+  const { __scopePopover: e, children: c, open: r, defaultOpen: n, onOpenChange: t, modal: o = !1 } = p, a = O(e), u = i.useRef(null), [P, d] = i.useState(!1), [C, f] = T({
     prop: r,
     defaultProp: n ?? !1,
     onChange: t,
@@ -25,7 +26,7 @@ var V = Object.defineProperty, l = (p, e) => V(p, "name", {
       scope: e,
       contentId: k(),
       triggerRef: u,
-      open: m,
+      open: C,
       onOpenChange: f,
       onOpenToggle: i.useCallback(() => f((g) => !g), [f]),
       hasCustomAnchor: P,
@@ -44,7 +45,7 @@ var V = Object.defineProperty, l = (p, e) => V(p, "name", {
     "data-state": x(t.open),
     ...n,
     ref: a,
-    onClick: C(e.onClick, t.onOpenToggle)
+    onClick: m(e.onClick, t.onOpenToggle)
   });
   return t.hasCustomAnchor ? u : /* @__PURE__ */ s(U, {
     asChild: !0,
@@ -58,7 +59,7 @@ var V = Object.defineProperty, l = (p, e) => V(p, "name", {
     forceMount: c,
     children: /* @__PURE__ */ s(A, {
       present: c || t.open,
-      children: /* @__PURE__ */ s(N, {
+      children: /* @__PURE__ */ s(L, {
         asChild: !0,
         container: n,
         children: r
@@ -81,7 +82,7 @@ var V = Object.defineProperty, l = (p, e) => V(p, "name", {
   const r = v(h, e.__scopePopover), n = i.useRef(null), t = _(c, n), o = i.useRef(!1);
   return i.useEffect(() => {
     const a = n.current;
-    if (a) return L(a);
+    if (a) return G(a);
   }, []), /* @__PURE__ */ s(j, {
     as: Y,
     allowPinchZoom: !0,
@@ -90,14 +91,14 @@ var V = Object.defineProperty, l = (p, e) => V(p, "name", {
       ref: t,
       trapFocus: r.open,
       disableOutsidePointerEvents: !0,
-      onCloseAutoFocus: C(e.onCloseAutoFocus, (a) => {
+      onCloseAutoFocus: m(e.onCloseAutoFocus, (a) => {
         a.preventDefault(), o.current || r.triggerRef.current?.focus();
       }),
-      onPointerDownOutside: C(e.onPointerDownOutside, (a) => {
+      onPointerDownOutside: m(e.onPointerDownOutside, (a) => {
         const u = a.detail.originalEvent, P = u.button === 0 && u.ctrlKey === !0, d = u.button === 2 || P;
         o.current = d;
       }, { checkForDefaultPrevented: !1 }),
-      onFocusOutside: C(e.onFocusOutside, (a) => a.preventDefault(), { checkForDefaultPrevented: !1 })
+      onFocusOutside: m(e.onFocusOutside, (a) => a.preventDefault(), { checkForDefaultPrevented: !1 })
     })
   });
 }, "PopoverContentModal")), oe = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ l(function(e, c) {
@@ -117,8 +118,8 @@ var V = Object.defineProperty, l = (p, e) => V(p, "name", {
     }
   });
 }, "PopoverContentNonModal")), w = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ l(function(e, c) {
-  const { __scopePopover: r, trapFocus: n, onOpenAutoFocus: t, onCloseAutoFocus: o, disableOutsidePointerEvents: a, onEscapeKeyDown: u, onPointerDownOutside: P, onFocusOutside: d, onInteractOutside: m, ...f } = e, g = v(h, r), S = O(r);
-  return $(), /* @__PURE__ */ s(G, {
+  const { __scopePopover: r, trapFocus: n, onOpenAutoFocus: t, onCloseAutoFocus: o, disableOutsidePointerEvents: a, onEscapeKeyDown: u, onPointerDownOutside: P, onFocusOutside: d, onInteractOutside: C, ...f } = e, g = v(h, r), S = O(r);
+  return N(), /* @__PURE__ */ s($, {
     asChild: !0,
     loop: !0,
     trapped: n,
@@ -127,7 +128,7 @@ var V = Object.defineProperty, l = (p, e) => V(p, "name", {
     children: /* @__PURE__ */ s(y, {
       asChild: !0,
       disableOutsidePointerEvents: a,
-      onInteractOutside: m,
+      onInteractOutside: C,
       onEscapeKeyDown: u,
       onPointerDownOutside: P,
       onFocusOutside: d,
@@ -156,10 +157,10 @@ function x(p) {
   return p ? "open" : "closed";
 }
 l(x, "getState");
-var fe = q, ve = B, Pe = W, ge = X;
+var ve = q, Pe = B, ge = W, he = X;
 export {
-  ve as i,
-  Pe as n,
-  fe as r,
-  ge as t
+  Pe as i,
+  ge as n,
+  ve as r,
+  he as t
 };

package/dist/dist-BdobXn93.js

@@ -0,0 +1,192 @@
+import { a as J } from "./dist-xCbHbMLA.js";
+import { t as L } from "./dist-CCdbu9GU.js";
+import { i as Q, n as W, r as F, t as X } from "./dist-D-yS0HN8.js";
+import { t as Z } from "./dist-DYIabsrY.js";
+import { t as ee } from "./dist-D5XYRjmR.js";
+import { t as te } from "./dist-CzKqHuqJ2.js";
+import { t as oe } from "./dist-DGOjiAnB2.js";
+import * as r from "react";
+import { jsx as m } from "react/jsx-runtime";
+var re = Object.defineProperty, O = (t, e) => re(t, "name", {
+  value: e,
+  configurable: !0
+}), P = !1;
+function N() {
+  const [t, e] = r.useState(P);
+  return r.useEffect(() => {
+    P || (P = !0, e(!0));
+  }, []), t;
+}
+O(N, "useIsHydrated");
+var k = r[" useSyncExternalStore ".trim().toString()];
+function U() {
+  return () => {
+  };
+}
+O(U, "subscribe");
+function B() {
+  return k(U, () => !0, () => !1);
+}
+O(B, "useIsHydratedModern");
+var ne = typeof k == "function" ? B : N, se = Object.defineProperty, v = (t, e) => se(t, "name", {
+  value: e,
+  configurable: !0
+}), x = "rovingFocusGroup.onEntryFocus", ue = {
+  bubbles: !1,
+  cancelable: !0
+}, w = "RovingFocusGroup", [D, j, ce] = te(w), [ae, we] = Q(w, [ce]), [ie, fe] = ae(w), le = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ v(function(e, u) {
+  return /* @__PURE__ */ m(D.Provider, {
+    scope: e.__scopeRovingFocusGroup,
+    children: /* @__PURE__ */ m(D.Slot, {
+      scope: e.__scopeRovingFocusGroup,
+      children: /* @__PURE__ */ m(de, {
+        ...e,
+        ref: u
+      })
+    })
+  });
+}, "RovingFocusGroup")), de = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ v(function(e, u) {
+  const { __scopeRovingFocusGroup: n, orientation: i, loop: T = !1, dir: _, currentTabStopId: R, defaultCurrentTabStopId: C, onCurrentTabStopIdChange: h, onEntryFocus: I, preventScrollOnEntryFocus: c = !1, ...y } = e, S = r.useRef(null), b = J(u, S), g = oe(_), [E, d] = X({
+    prop: R,
+    defaultProp: C ?? null,
+    onChange: h,
+    caller: w
+  }), [o, f] = r.useState(!1), a = ee(I), l = j(n), A = r.useRef(!1), [z, K] = r.useState(0);
+  return r.useEffect(() => {
+    const s = S.current;
+    if (s)
+      return s.addEventListener(x, a), () => s.removeEventListener(x, a);
+  }, [a]), /* @__PURE__ */ m(ie, {
+    scope: n,
+    orientation: i,
+    dir: g,
+    loop: T,
+    currentTabStopId: E,
+    onItemFocus: r.useCallback((s) => d(s), [d]),
+    onItemShiftTab: r.useCallback(() => f(!0), []),
+    onFocusableItemAdd: r.useCallback(() => K((s) => s + 1), []),
+    onFocusableItemRemove: r.useCallback(() => K((s) => s - 1), []),
+    children: /* @__PURE__ */ m(L.div, {
+      tabIndex: o || z === 0 ? -1 : 0,
+      "data-orientation": i,
+      ...y,
+      ref: b,
+      style: {
+        outline: "none",
+        ...e.style
+      },
+      onMouseDown: F(e.onMouseDown, () => {
+        A.current = !0;
+      }),
+      onFocus: F(e.onFocus, (s) => {
+        const q = !A.current;
+        if (s.target === s.currentTarget && q && !o) {
+          const M = new CustomEvent(x, ue);
+          if (s.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
+            const G = l().filter((p) => p.focusable);
+            H([
+              G.find((p) => p.active),
+              G.find((p) => p.id === E),
+              ...G
+            ].filter(Boolean).map((p) => p.ref.current), c);
+          }
+        }
+        A.current = !1;
+      }),
+      onBlur: F(e.onBlur, () => f(!1))
+    })
+  });
+}, "RovingFocusGroupImpl")), pe = "RovingFocusGroupItem", me = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ v(function(e, u) {
+  const { __scopeRovingFocusGroup: n, focusable: i = !0, active: T = !1, tabStopId: _, children: R, ...C } = e, h = Z(), I = _ || h, c = fe(pe, n), y = c.currentTabStopId === I, S = j(n), { onFocusableItemAdd: b, onFocusableItemRemove: g, currentTabStopId: E } = c, d = ne();
+  return W(() => {
+    if (!(!d || !i))
+      return b(), () => g();
+  }, [
+    d,
+    i,
+    b,
+    g
+  ]), r.useEffect(() => {
+    if (!(d || !i))
+      return b(), () => g();
+  }, [
+    d,
+    i,
+    b,
+    g
+  ]), /* @__PURE__ */ m(D.ItemSlot, {
+    scope: n,
+    id: I,
+    focusable: i,
+    active: T,
+    children: /* @__PURE__ */ m(L.span, {
+      tabIndex: y ? 0 : -1,
+      "data-orientation": c.orientation,
+      ...C,
+      ref: u,
+      onMouseDown: F(e.onMouseDown, (o) => {
+        i ? c.onItemFocus(I) : o.preventDefault();
+      }),
+      onFocus: F(e.onFocus, () => c.onItemFocus(I)),
+      onKeyDown: F(e.onKeyDown, (o) => {
+        if (o.key === "Tab" && o.shiftKey) {
+          c.onItemShiftTab();
+          return;
+        }
+        if (o.target !== o.currentTarget) return;
+        const f = $(o, c.orientation, c.dir);
+        if (f !== void 0) {
+          if (o.metaKey || o.ctrlKey || o.altKey || o.shiftKey) return;
+          o.preventDefault();
+          let a = S().filter((l) => l.focusable).map((l) => l.ref.current);
+          if (f === "last") a.reverse();
+          else if (f === "prev" || f === "next") {
+            f === "prev" && a.reverse();
+            const l = a.indexOf(o.currentTarget);
+            a = c.loop ? V(a, l + 1) : a.slice(l + 1);
+          }
+          setTimeout(() => H(a));
+        }
+      }),
+      children: typeof R == "function" ? R({
+        isCurrentTabStop: y,
+        hasTabStop: E != null
+      }) : R
+    })
+  });
+}, "RovingFocusGroupItem")), ve = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function Y(t, e) {
+  return e !== "rtl" ? t : t === "ArrowLeft" ? "ArrowRight" : t === "ArrowRight" ? "ArrowLeft" : t;
+}
+v(Y, "getDirectionAwareKey");
+function $(t, e, u) {
+  const n = Y(t.key, u);
+  if (!(e === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(e === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
+    return ve[n];
+}
+v($, "getFocusIntent");
+function H(t, e = !1) {
+  const u = document.activeElement;
+  for (const n of t)
+    if (n === u || (n.focus({ preventScroll: e }), document.activeElement !== u)) return;
+}
+v(H, "focusFirst");
+function V(t, e) {
+  return t.map((u, n) => t[(e + n) % t.length]);
+}
+v(V, "wrapArray");
+var Te = le, _e = me;
+export {
+  Te as n,
+  we as r,
+  _e as t
+};

package/dist/dist-BlPTJNIm.js

@@ -0,0 +1,118 @@
+import { t as m } from "./dist-CCdbu9GU.js";
+import { i as P, r as p, t as S } from "./dist-D-yS0HN8.js";
+import { t as M } from "./dist-DYIabsrY.js";
+import { t as x } from "./dist-BUocnzkM.js";
+import { t as y } from "./dist-DGOjiAnB2.js";
+import { n as E, r as R, t as F } from "./dist-BdobXn93.js";
+import * as f from "react";
+import { jsx as d } from "react/jsx-runtime";
+var w = Object.defineProperty, v = (i, e) => w(i, "name", {
+  value: e,
+  configurable: !0
+}), C = "Tabs", [D, U] = P(C, [R]), A = R(), [V, I] = D(C), G = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: t, onValueChange: r, defaultValue: c, orientation: a = "horizontal", dir: u, activationMode: T = "automatic", ...g } = e, n = y(u), [o, b] = S({
+    prop: t,
+    onChange: r,
+    defaultProp: c ?? "",
+    caller: C
+  });
+  return /* @__PURE__ */ d(V, {
+    scope: s,
+    baseId: M(),
+    value: o,
+    onValueChange: b,
+    orientation: a,
+    dir: n,
+    activationMode: T,
+    children: /* @__PURE__ */ d(m.div, {
+      dir: n,
+      "data-orientation": a,
+      ...g,
+      ref: l
+    })
+  });
+}, "Tabs")), L = "TabsList", N = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, loop: t = !0, ...r } = e, c = I(L, s), a = A(s);
+  return /* @__PURE__ */ d(E, {
+    asChild: !0,
+    ...a,
+    orientation: c.orientation,
+    dir: c.dir,
+    loop: t,
+    children: /* @__PURE__ */ d(m.div, {
+      role: "tablist",
+      "aria-orientation": c.orientation,
+      ...r,
+      ref: l
+    })
+  });
+}, "TabsList")), $ = "TabsTrigger", k = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: t, disabled: r = !1, ...c } = e, a = I($, s), u = A(s), T = _(a.baseId, t), g = h(a.baseId, t), n = t === a.value;
+  return /* @__PURE__ */ d(F, {
+    asChild: !0,
+    ...u,
+    focusable: !r,
+    active: n,
+    children: /* @__PURE__ */ d(m.button, {
+      type: "button",
+      role: "tab",
+      "aria-selected": n,
+      "aria-controls": g,
+      "data-state": n ? "active" : "inactive",
+      "data-disabled": r ? "" : void 0,
+      disabled: r,
+      id: T,
+      ...c,
+      ref: l,
+      onMouseDown: p(e.onMouseDown, (o) => {
+        !r && o.button === 0 && o.ctrlKey === !1 ? a.onValueChange(t) : o.preventDefault();
+      }),
+      onKeyDown: p(e.onKeyDown, (o) => {
+        r || o.target !== o.currentTarget || [" ", "Enter"].includes(o.key) && a.onValueChange(t);
+      }),
+      onFocus: p(e.onFocus, () => {
+        const o = a.activationMode !== "manual";
+        !n && !r && o && a.onValueChange(t);
+      })
+    })
+  });
+}, "TabsTrigger")), K = "TabsContent", j = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: t, forceMount: r, children: c, ...a } = e, u = I(K, s), T = _(u.baseId, t), g = h(u.baseId, t), n = t === u.value, o = f.useRef(n);
+  return f.useEffect(() => {
+    const b = requestAnimationFrame(() => o.current = !1);
+    return () => cancelAnimationFrame(b);
+  }, []), /* @__PURE__ */ d(x, {
+    present: r || n,
+    children: ({ present: b }) => /* @__PURE__ */ d(m.div, {
+      "data-state": n ? "active" : "inactive",
+      "data-orientation": u.orientation,
+      role: "tabpanel",
+      "aria-labelledby": T,
+      hidden: !b,
+      id: g,
+      tabIndex: 0,
+      ...a,
+      ref: l,
+      style: {
+        ...e.style,
+        animationDuration: o.current ? "0s" : void 0
+      },
+      children: b && c
+    })
+  });
+}, "TabsContent"));
+function _(i, e) {
+  return `${i}-trigger-${e}`;
+}
+v(_, "makeTriggerId");
+function h(i, e) {
+  return `${i}-content-${e}`;
+}
+v(h, "makeContentId");
+var W = G, X = N, Y = k, Z = j;
+export {
+  Y as i,
+  X as n,
+  W as r,
+  Z as t
+};