mimir-ui-kit 1.35.4 → 1.36.1

package/dist/components/TabTrail/TabTrail.js

@@ -1,239 +1,239 @@
-import { jsxs as K, jsx as A } from "react/jsx-runtime";
-import { c as _e } from "../../index-DIxK0V-G.js";
-import * as C from "react";
-import M, { useRef as G, useState as se, createContext as le, useReducer as we, useMemo as N, useId as oe, useContext as ie, forwardRef as ke, useEffect as ne } from "react";
-import { ETabTrailSize as Ee } from "./constants.js";
-import { TabButtons as ye } from "./TabButtons/TabButtons.js";
+import { jsxs as Y, jsx as k } from "react/jsx-runtime";
+import { c as ye } from "../../index-DIxK0V-G.js";
+import * as R from "react";
+import N, { useRef as U, useState as Q, createContext as oe, useReducer as ke, useMemo as A, useId as ue, useContext as ie, forwardRef as Ee, useEffect as le } from "react";
+import { ETabTrailSize as Ae } from "./constants.js";
+import { TabButtons as Se } from "./TabButtons/TabButtons.js";
 import { NotificationBadge as Fe } from "../NotificationBadge/NotificationBadge.js";
-import { n as q, M as ae, W as z, s as j, y as V, o as S, H as W, $ as ue, b as Ae, D as ce, a as U, u as Se, c as h, t as Ne } from "../../keyboard-B0lm_zyn.js";
-import { w as Re } from "../../use-active-press-86hajhdd.js";
-import { T as De } from "../../use-resolve-button-type-BAxjHhds.js";
-import { T as de, s as Me } from "../../hidden-DbgtYPOH.js";
-import { _ as B, T as J, P as D, F as T } from "../../focus-management-XwV-9qkO.js";
-import '../../assets/TabTrail.css';function Ce() {
-  let e = G(!1);
-  return q(() => (e.current = !0, () => {
+import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-B0lm_zyn.js";
+import { w as Me } from "../../use-active-press-86hajhdd.js";
+import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { T as pe, s as Le } from "../../hidden-DbgtYPOH.js";
+import { _ as G, T as J, P as D, F as T } from "../../focus-management-XwV-9qkO.js";
+import '../../assets/TabTrail.css';function Oe() {
+  let e = U(!1);
+  return W(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }
-function Le({ onFocus: e }) {
-  let [t, n] = se(!0), r = Ce();
-  return t ? M.createElement(de, { as: "button", type: "button", features: Me.Focusable, onFocus: (s) => {
-    s.preventDefault();
-    let l, o = 50;
-    function i() {
+function Ge({ onFocus: e }) {
+  let [t, n] = Q(!0), r = Oe();
+  return t ? N.createElement(pe, { as: "button", type: "button", features: Le.Focusable, onFocus: (l) => {
+    l.preventDefault();
+    let s, o = 50;
+    function u() {
       if (o-- <= 0) {
-        l && cancelAnimationFrame(l);
+        s && cancelAnimationFrame(s);
         return;
       }
       if (e()) {
-        if (cancelAnimationFrame(l), !r.current) return;
+        if (cancelAnimationFrame(s), !r.current) return;
         n(!1);
         return;
       }
-      l = requestAnimationFrame(i);
+      s = requestAnimationFrame(u);
     }
-    l = requestAnimationFrame(i);
+    s = requestAnimationFrame(u);
   } }) : null;
 }
-const fe = C.createContext(null);
-function Oe() {
+const fe = R.createContext(null);
+function Be() {
   return { groups: /* @__PURE__ */ new Map(), get(e, t) {
     var n;
     let r = this.groups.get(e);
     r || (r = /* @__PURE__ */ new Map(), this.groups.set(e, r));
-    let s = (n = r.get(t)) != null ? n : 0;
-    r.set(t, s + 1);
-    let l = Array.from(r.keys()).indexOf(t);
+    let l = (n = r.get(t)) != null ? n : 0;
+    r.set(t, l + 1);
+    let s = Array.from(r.keys()).indexOf(t);
     function o() {
-      let i = r.get(t);
-      i > 1 ? r.set(t, i - 1) : r.delete(t);
+      let u = r.get(t);
+      u > 1 ? r.set(t, u - 1) : r.delete(t);
     }
-    return [l, o];
+    return [s, o];
   } };
 }
-function Be({ children: e }) {
-  let t = C.useRef(Oe());
-  return C.createElement(fe.Provider, { value: t }, e);
+function Ue({ children: e }) {
+  let t = R.useRef(Be());
+  return R.createElement(fe.Provider, { value: t }, e);
 }
-function pe(e) {
-  let t = C.useContext(fe);
+function be(e) {
+  let t = R.useContext(fe);
   if (!t) throw new Error("You must wrap your component in a <StableCollection>");
-  let n = C.useId(), [r, s] = t.current.get(e, n);
-  return C.useEffect(() => s, []), r;
+  let n = R.useId(), [r, l] = t.current.get(e, n);
+  return R.useEffect(() => l, []), r;
 }
-var Ue = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ue || {}), Ge = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(Ge || {}), qe = ((e) => (e[e.SetSelectedIndex = 0] = "SetSelectedIndex", e[e.RegisterTab = 1] = "RegisterTab", e[e.UnregisterTab = 2] = "UnregisterTab", e[e.RegisterPanel = 3] = "RegisterPanel", e[e.UnregisterPanel = 4] = "UnregisterPanel", e))(qe || {});
-let ze = { 0(e, t) {
+var We = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(We || {}), qe = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(qe || {}), ze = ((e) => (e[e.SetSelectedIndex = 0] = "SetSelectedIndex", e[e.RegisterTab = 1] = "RegisterTab", e[e.UnregisterTab = 2] = "UnregisterTab", e[e.RegisterPanel = 3] = "RegisterPanel", e[e.UnregisterPanel = 4] = "UnregisterPanel", e))(ze || {});
+let Ve = { 0(e, t) {
   var n;
-  let r = B(e.tabs, (c) => c.current), s = B(e.panels, (c) => c.current), l = r.filter((c) => {
-    var b;
-    return !((b = c.current) != null && b.hasAttribute("disabled"));
-  }), o = { ...e, tabs: r, panels: s };
+  let r = G(e.tabs, (c) => c.current), l = G(e.panels, (c) => c.current), s = r.filter((c) => {
+    var m;
+    return !((m = c.current) != null && m.hasAttribute("disabled"));
+  }), o = { ...e, tabs: r, panels: l };
   if (t.index < 0 || t.index > r.length - 1) {
-    let c = U(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => U(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
-    if (l.length === 0) return o;
-    let b = U(c, { 0: () => r.indexOf(l[0]), 1: () => r.indexOf(l[l.length - 1]) });
-    return { ...o, selectedIndex: b === -1 ? e.selectedIndex : b };
+    let c = B(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => B(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
+    if (s.length === 0) return o;
+    let m = B(c, { 0: () => r.indexOf(s[0]), 1: () => r.indexOf(s[s.length - 1]) });
+    return { ...o, selectedIndex: m === -1 ? e.selectedIndex : m };
   }
-  let i = r.slice(0, t.index), m = [...r.slice(t.index), ...i].find((c) => l.includes(c));
-  if (!m) return o;
-  let p = (n = r.indexOf(m)) != null ? n : e.selectedIndex;
-  return p === -1 && (p = e.selectedIndex), { ...o, selectedIndex: p };
+  let u = r.slice(0, t.index), x = [...r.slice(t.index), ...u].find((c) => s.includes(c));
+  if (!x) return o;
+  let f = (n = r.indexOf(x)) != null ? n : e.selectedIndex;
+  return f === -1 && (f = e.selectedIndex), { ...o, selectedIndex: f };
 }, 1(e, t) {
   if (e.tabs.includes(t.tab)) return e;
-  let n = e.tabs[e.selectedIndex], r = B([...e.tabs, t.tab], (l) => l.current), s = e.selectedIndex;
-  return e.info.current.isControlled || (s = r.indexOf(n), s === -1 && (s = e.selectedIndex)), { ...e, tabs: r, selectedIndex: s };
+  let n = e.tabs[e.selectedIndex], r = G([...e.tabs, t.tab], (s) => s.current), l = e.selectedIndex;
+  return e.info.current.isControlled || (l = r.indexOf(n), l === -1 && (l = e.selectedIndex)), { ...e, tabs: r, selectedIndex: l };
 }, 2(e, t) {
   return { ...e, tabs: e.tabs.filter((n) => n !== t.tab) };
 }, 3(e, t) {
-  return e.panels.includes(t.panel) ? e : { ...e, panels: B([...e.panels, t.panel], (n) => n.current) };
+  return e.panels.includes(t.panel) ? e : { ...e, panels: G([...e.panels, t.panel], (n) => n.current) };
 }, 4(e, t) {
   return { ...e, panels: e.panels.filter((n) => n !== t.panel) };
-} }, Q = le(null);
-Q.displayName = "TabsDataContext";
-function L(e) {
-  let t = ie(Q);
+} }, X = oe(null);
+X.displayName = "TabsDataContext";
+function M(e) {
+  let t = ie(X);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, L), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, M), n;
   }
   return t;
 }
-let X = le(null);
-X.displayName = "TabsActionsContext";
-function Z(e) {
-  let t = ie(X);
+let Z = oe(null);
+Z.displayName = "TabsActionsContext";
+function ee(e) {
+  let t = ie(Z);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, Z), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, ee), n;
   }
   return t;
 }
-function Ve(e, t) {
-  return U(t.type, ze, e, t);
+function je(e, t) {
+  return B(t.type, Ve, e, t);
 }
-let We = "div";
-function He(e, t) {
-  let { defaultIndex: n = 0, vertical: r = !1, manual: s = !1, onChange: l, selectedIndex: o = null, ...i } = e;
-  const m = r ? "vertical" : "horizontal", p = s ? "manual" : "auto";
-  let c = o !== null, b = j({ isControlled: c }), _ = V(t), [a, u] = we(Ve, { info: b, selectedIndex: o ?? n, tabs: [], panels: [] }), w = N(() => ({ selectedIndex: a.selectedIndex }), [a.selectedIndex]), x = j(l || (() => {
-  })), k = j(a.tabs), g = N(() => ({ orientation: m, activation: p, ...a }), [m, p, a]), v = S((f) => (u({ type: 1, tab: f }), () => u({ type: 2, tab: f }))), E = S((f) => (u({ type: 3, panel: f }), () => u({ type: 4, panel: f }))), y = S((f) => {
-    F.current !== f && x.current(f), c || u({ type: 0, index: f });
-  }), F = j(c ? e.selectedIndex : a.selectedIndex), O = N(() => ({ registerTab: v, registerPanel: E, change: y }), []);
-  q(() => {
-    u({ type: 0, index: o ?? n });
-  }, [o]), q(() => {
-    if (F.current === void 0 || a.tabs.length <= 0) return;
-    let f = B(a.tabs, (P) => P.current);
-    f.some((P, R) => a.tabs[R] !== P) && y(f.indexOf(a.tabs[F.current]));
+let He = "div";
+function Je(e, t) {
+  let { defaultIndex: n = 0, vertical: r = !1, manual: l = !1, onChange: s, selectedIndex: o = null, ...u } = e;
+  const x = r ? "vertical" : "horizontal", f = l ? "manual" : "auto";
+  let c = o !== null, m = H({ isControlled: c }), _ = z(t), [a, i] = ke(je, { info: m, selectedIndex: o ?? n, tabs: [], panels: [] }), $ = A(() => ({ selectedIndex: a.selectedIndex }), [a.selectedIndex]), C = H(s || (() => {
+  })), w = H(a.tabs), b = A(() => ({ orientation: x, activation: f, ...a }), [x, f, a]), S = E((p) => (i({ type: 1, tab: p }), () => i({ type: 2, tab: p }))), L = E((p) => (i({ type: 3, panel: p }), () => i({ type: 4, panel: p }))), v = E((p) => {
+    g.current !== p && C.current(p), c || i({ type: 0, index: p });
+  }), g = H(c ? e.selectedIndex : a.selectedIndex), O = A(() => ({ registerTab: S, registerPanel: L, change: v }), []);
+  W(() => {
+    i({ type: 0, index: o ?? n });
+  }, [o]), W(() => {
+    if (g.current === void 0 || a.tabs.length <= 0) return;
+    let p = G(a.tabs, (y) => y.current);
+    p.some((y, F) => a.tabs[F] !== y) && v(p.indexOf(a.tabs[g.current]));
   });
-  let Y = { ref: _ };
-  return M.createElement(Be, null, M.createElement(X.Provider, { value: O }, M.createElement(Q.Provider, { value: g }, g.tabs.length <= 0 && M.createElement(Le, { onFocus: () => {
-    var f, P;
-    for (let R of k.current) if (((f = R.current) == null ? void 0 : f.tabIndex) === 0) return (P = R.current) == null || P.focus(), !0;
+  let K = { ref: _ };
+  return N.createElement(Ue, null, N.createElement(Z.Provider, { value: O }, N.createElement(X.Provider, { value: b }, b.tabs.length <= 0 && N.createElement(Ge, { onFocus: () => {
+    var p, y;
+    for (let F of w.current) if (((p = F.current) == null ? void 0 : p.tabIndex) === 0) return (y = F.current) == null || y.focus(), !0;
     return !1;
-  } }), W({ ourProps: Y, theirProps: i, slot: w, defaultTag: We, name: "Tabs" }))));
+  } }), V({ ourProps: K, theirProps: u, slot: $, defaultTag: He, name: "Tabs" }))));
 }
-let je = "div";
-function Je(e, t) {
-  let { orientation: n, selectedIndex: r } = L("Tab.List"), s = V(t), l = N(() => ({ selectedIndex: r }), [r]);
-  return W({ ourProps: { ref: s, role: "tablist", "aria-orientation": n }, theirProps: e, slot: l, defaultTag: je, name: "Tabs.List" });
+let Ke = "div";
+function Ye(e, t) {
+  let { orientation: n, selectedIndex: r } = M("Tab.List"), l = z(t), s = A(() => ({ selectedIndex: r }), [r]);
+  return V({ ourProps: { ref: l, role: "tablist", "aria-orientation": n }, theirProps: e, slot: s, defaultTag: Ke, name: "Tabs.List" });
 }
-let Ye = "button";
-function Ke(e, t) {
+let Qe = "button";
+function Xe(e, t) {
   var n, r;
-  let s = oe(), { id: l = `headlessui-tabs-tab-${s}`, disabled: o = !1, autoFocus: i = !1, ...m } = e, { orientation: p, activation: c, selectedIndex: b, tabs: _, panels: a } = L("Tab"), u = Z("Tab"), w = L("Tab"), x = G(null), k = V(x, t);
-  q(() => u.registerTab(x), [u, x]);
-  let g = pe("tabs"), v = _.indexOf(x);
-  v === -1 && (v = g);
-  let E = v === b, y = S((d) => {
-    var $;
-    let H = d();
-    if (H === J.Success && c === "auto") {
-      let Pe = ($ = Se(x)) == null ? void 0 : $.activeElement, re = w.tabs.findIndex(($e) => $e.current === Pe);
-      re !== -1 && u.change(re);
+  let l = ue(), { id: s = `headlessui-tabs-tab-${l}`, disabled: o = !1, autoFocus: u = !1, ...x } = e, { orientation: f, activation: c, selectedIndex: m, tabs: _, panels: a } = M("Tab"), i = ee("Tab"), $ = M("Tab"), [C, w] = Q(null), b = U(null), S = z(b, t, w);
+  W(() => i.registerTab(b), [i, b]);
+  let L = be("tabs"), v = _.indexOf(b);
+  v === -1 && (v = L);
+  let g = v === m, O = E((d) => {
+    var P;
+    let j = d();
+    if (j === J.Success && c === "auto") {
+      let $e = (P = Ne(b)) == null ? void 0 : P.activeElement, ae = $.tabs.findIndex((we) => we.current === $e);
+      ae !== -1 && i.change(ae);
     }
-    return H;
-  }), F = S((d) => {
-    let $ = _.map((H) => H.current).filter(Boolean);
+    return j;
+  }), K = E((d) => {
+    let P = _.map((j) => j.current).filter(Boolean);
     if (d.key === h.Space || d.key === h.Enter) {
-      d.preventDefault(), d.stopPropagation(), u.change(v);
+      d.preventDefault(), d.stopPropagation(), i.change(v);
       return;
     }
     switch (d.key) {
       case h.Home:
       case h.PageUp:
-        return d.preventDefault(), d.stopPropagation(), y(() => D($, T.First));
+        return d.preventDefault(), d.stopPropagation(), O(() => D(P, T.First));
       case h.End:
       case h.PageDown:
-        return d.preventDefault(), d.stopPropagation(), y(() => D($, T.Last));
+        return d.preventDefault(), d.stopPropagation(), O(() => D(P, T.Last));
     }
-    if (y(() => U(p, { vertical() {
-      return d.key === h.ArrowUp ? D($, T.Previous | T.WrapAround) : d.key === h.ArrowDown ? D($, T.Next | T.WrapAround) : J.Error;
+    if (O(() => B(f, { vertical() {
+      return d.key === h.ArrowUp ? D(P, T.Previous | T.WrapAround) : d.key === h.ArrowDown ? D(P, T.Next | T.WrapAround) : J.Error;
     }, horizontal() {
-      return d.key === h.ArrowLeft ? D($, T.Previous | T.WrapAround) : d.key === h.ArrowRight ? D($, T.Next | T.WrapAround) : J.Error;
+      return d.key === h.ArrowLeft ? D(P, T.Previous | T.WrapAround) : d.key === h.ArrowRight ? D(P, T.Next | T.WrapAround) : J.Error;
     } })) === J.Success) return d.preventDefault();
-  }), O = G(!1), Y = S(() => {
+  }), p = U(!1), y = E(() => {
     var d;
-    O.current || (O.current = !0, (d = x.current) == null || d.focus({ preventScroll: !0 }), u.change(v), Ne(() => {
-      O.current = !1;
+    p.current || (p.current = !0, (d = b.current) == null || d.focus({ preventScroll: !0 }), i.change(v), Re(() => {
+      p.current = !1;
     }));
-  }), f = S((d) => {
+  }), F = E((d) => {
     d.preventDefault();
-  }), { isFocusVisible: P, focusProps: R } = ue({ autoFocus: i }), { isHovered: ee, hoverProps: ge } = Ae({ isDisabled: o }), { pressed: te, pressProps: he } = Re({ disabled: o }), Te = N(() => ({ selected: E, hover: ee, active: te, focus: P, autofocus: i, disabled: o }), [E, ee, P, te, i, o]), Ie = ce({ ref: k, onKeyDown: F, onMouseDown: f, onClick: Y, id: l, role: "tab", type: De(e, x), "aria-controls": (r = (n = a[v]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": E, tabIndex: E ? 0 : -1, disabled: o || void 0, autoFocus: i }, R, ge, he);
-  return W({ ourProps: Ie, theirProps: m, slot: Te, defaultTag: Ye, name: "Tabs.Tab" });
+  }), { isFocusVisible: te, focusProps: he } = ce({ autoFocus: u }), { isHovered: re, hoverProps: Te } = De({ isDisabled: o }), { pressed: ne, pressProps: Ie } = Me({ disabled: o }), Pe = A(() => ({ selected: g, hover: re, active: ne, focus: te, autofocus: u, disabled: o }), [g, re, te, ne, u, o]), _e = de({ ref: S, onKeyDown: K, onMouseDown: F, onClick: y, id: s, role: "tab", type: Ce(e, C), "aria-controls": (r = (n = a[v]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": g, tabIndex: g ? 0 : -1, disabled: o || void 0, autoFocus: u }, he, Te, Ie);
+  return V({ ourProps: _e, theirProps: x, slot: Pe, defaultTag: Qe, name: "Tabs.Tab" });
 }
-let Qe = "div";
-function Xe(e, t) {
-  let { selectedIndex: n } = L("Tab.Panels"), r = V(t), s = N(() => ({ selectedIndex: n }), [n]);
-  return W({ ourProps: { ref: r }, theirProps: e, slot: s, defaultTag: Qe, name: "Tabs.Panels" });
+let Ze = "div";
+function et(e, t) {
+  let { selectedIndex: n } = M("Tab.Panels"), r = z(t), l = A(() => ({ selectedIndex: n }), [n]);
+  return V({ ourProps: { ref: r }, theirProps: e, slot: l, defaultTag: Ze, name: "Tabs.Panels" });
 }
-let Ze = "div", et = ae.RenderStrategy | ae.Static;
-function tt(e, t) {
-  var n, r, s, l;
-  let o = oe(), { id: i = `headlessui-tabs-panel-${o}`, tabIndex: m = 0, ...p } = e, { selectedIndex: c, tabs: b, panels: _ } = L("Tab.Panel"), a = Z("Tab.Panel"), u = G(null), w = V(u, t);
-  q(() => a.registerPanel(u), [a, u]);
-  let x = pe("panels"), k = _.indexOf(u);
-  k === -1 && (k = x);
-  let g = k === c, { isFocusVisible: v, focusProps: E } = ue(), y = N(() => ({ selected: g, focus: v }), [g, v]), F = ce({ ref: w, id: i, role: "tabpanel", "aria-labelledby": (r = (n = b[k]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: g ? m : -1 }, E);
-  return !g && ((s = p.unmount) == null || s) && !((l = p.static) != null && l) ? M.createElement(de, { "aria-hidden": "true", ...F }) : W({ ourProps: F, theirProps: p, slot: y, defaultTag: Ze, features: et, visible: g, name: "Tabs.Panel" });
+let tt = "div", rt = se.RenderStrategy | se.Static;
+function nt(e, t) {
+  var n, r, l, s;
+  let o = ue(), { id: u = `headlessui-tabs-panel-${o}`, tabIndex: x = 0, ...f } = e, { selectedIndex: c, tabs: m, panels: _ } = M("Tab.Panel"), a = ee("Tab.Panel"), i = U(null), $ = z(i, t);
+  W(() => a.registerPanel(i), [a, i]);
+  let C = be("panels"), w = _.indexOf(i);
+  w === -1 && (w = C);
+  let b = w === c, { isFocusVisible: S, focusProps: L } = ce(), v = A(() => ({ selected: b, focus: S }), [b, S]), g = de({ ref: $, id: u, role: "tabpanel", "aria-labelledby": (r = (n = m[w]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: b ? x : -1 }, L);
+  return !b && ((l = f.unmount) == null || l) && !((s = f.static) != null && s) ? N.createElement(pe, { "aria-hidden": "true", ...g }) : V({ ourProps: g, theirProps: f, slot: v, defaultTag: tt, features: rt, visible: b, name: "Tabs.Panel" });
 }
-let rt = z(Ke), be = z(He), me = z(Je), xe = z(Xe), ve = z(tt), nt = Object.assign(rt, { Group: be, List: me, Panels: xe, Panel: ve });
-const at = "_container_rlke5_2", st = "_group_rlke5_6", lt = "_tab_rlke5_16", ot = "_list_rlke5_51", it = "_tabs_rlke5_62", ut = "_buttons_rlke5_68", ct = "_m_rlke5_75", dt = "_s_rlke5_83", I = {
-  container: at,
-  group: st,
+let at = q(Xe), me = q(Je), xe = q(Ye), ve = q(et), ge = q(nt), lt = Object.assign(at, { Group: me, List: xe, Panels: ve, Panel: ge });
+const st = "_container_rlke5_2", ot = "_group_rlke5_6", ut = "_tab_rlke5_16", it = "_list_rlke5_51", ct = "_tabs_rlke5_62", dt = "_buttons_rlke5_68", pt = "_m_rlke5_75", ft = "_s_rlke5_83", I = {
+  container: st,
+  group: ot,
   "group-inner": "_group-inner_rlke5_9",
-  tab: lt,
-  list: ot,
-  tabs: it,
-  buttons: ut,
-  m: ct,
-  s: dt
-}, $t = ke(
+  tab: ut,
+  list: it,
+  tabs: ct,
+  buttons: dt,
+  m: pt,
+  s: ft
+}, wt = Ee(
   ({
     categories: e,
-    size: t = Ee.M,
+    size: t = Ae.M,
     showButtons: n = !0,
     className: r,
-    selectedTabIndex: s,
-    onTabChange: l
+    selectedTabIndex: l,
+    onTabChange: s
   }, o) => {
-    const [i, m] = se(s || 0), p = G(null);
-    ne(() => {
-      s !== void 0 && s !== i && m(s);
-    }, [i, s]);
+    const [u, x] = Q(l || 0), f = U(null);
+    le(() => {
+      l !== void 0 && l !== u && x(l);
+    }, [u, l]);
     const c = (a) => {
-      m(a), l == null || l(a);
-    }, b = () => {
-      const a = (i + 1) % e.length;
+      x(a), s == null || s(a);
+    }, m = () => {
+      const a = (u + 1) % e.length;
       c(a);
     }, _ = () => {
-      const a = (i - 1 + e.length) % e.length;
+      const a = (u - 1 + e.length) % e.length;
       c(a);
     };
-    return ne(() => {
-      var u;
-      const a = (u = p.current) == null ? void 0 : u.querySelector(
+    return le(() => {
+      var i;
+      const a = (i = f.current) == null ? void 0 : i.querySelector(
         `.${I.tab}[data-active="true"]`
       );
       a && typeof a.scrollIntoView == "function" && a.scrollIntoView({
@@ -241,41 +241,41 @@ const at = "_container_rlke5_2", st = "_group_rlke5_6", lt = "_tab_rlke5_16", ot
         block: "nearest",
         inline: "center"
       });
-    }, [i]), /* @__PURE__ */ K(
-      be,
+    }, [u]), /* @__PURE__ */ Y(
+      me,
       {
         ref: o,
-        className: _e(I.group, I[t], r),
-        selectedIndex: i,
+        className: ye(I.group, I[t], r),
+        selectedIndex: u,
         onChange: c,
         children: [
-          /* @__PURE__ */ K("div", { className: I["group-inner"], children: [
-            /* @__PURE__ */ A(me, { ref: p, className: I.list, children: /* @__PURE__ */ A("div", { className: I.tabs, children: e.map(({ name: a, notificationCount: u }, w) => /* @__PURE__ */ K(
-              nt,
+          /* @__PURE__ */ Y("div", { className: I["group-inner"], children: [
+            /* @__PURE__ */ k(xe, { ref: f, className: I.list, children: /* @__PURE__ */ k("div", { className: I.tabs, children: e.map(({ name: a, notificationCount: i }, $) => /* @__PURE__ */ Y(
+              lt,
               {
-                className: `${I.tab} ${i === w ? 'data-active="true"' : ""}`,
-                "data-active": i === w,
+                className: `${I.tab} ${u === $ ? 'data-active="true"' : ""}`,
+                "data-active": u === $,
                 children: [
                   a,
-                  u && /* @__PURE__ */ A(Fe, { count: u, size: "m" })
+                  i && /* @__PURE__ */ k(Fe, { count: i, size: "m" })
                 ]
               },
               a
             )) }) }),
-            n && /* @__PURE__ */ A("div", { className: I.buttons, children: /* @__PURE__ */ A(
-              ye,
+            n && /* @__PURE__ */ k("div", { className: I.buttons, children: /* @__PURE__ */ k(
+              Se,
               {
                 handlePrevTab: _,
-                handleNextTab: b
+                handleNextTab: m
               }
             ) })
           ] }),
-          /* @__PURE__ */ A(xe, { className: I.panels, children: e.map(({ name: a, content: u }) => /* @__PURE__ */ A(ve, { className: I.panel, children: u }, a)) })
+          /* @__PURE__ */ k(ve, { className: I.panels, children: e.map(({ name: a, content: i }) => /* @__PURE__ */ k(ge, { className: I.panel, children: i }, a)) })
         ]
       }
     );
   }
 );
 export {
-  $t as TabTrail
+  wt as TabTrail
 };

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Y } from "./hooks.js";
 import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as $ } from "../../icons/Icon.js";
 import { Button as ee } from "../Button/Button.js";
-import { c as e } from "../../Input-B-gKQ9FT.js";
+import { c as e } from "../../Input-DlGNMuUD.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_1n8kz_22", re = "_s_1n8kz_54", le = "_m_1n8kz_62", ne = "_l_1n8kz_22", a = {
   "textarea-wrapper": "_textarea-wrapper_1n8kz_2",

package/dist/components/index.d.ts

@@ -58,3 +58,6 @@ export { TwinSwitcher } from './TwinSwitcher';
 export { ESkeletonVariant, SkeletonBrick, SkeletonCircle, SkeletonText } from './Skeleton';
 export { Avatar, EAvatarSize } from './Avatar';
 export type { TAvatarProps, TAvatarSize } from './Avatar';
+export { MultiSelectSearch } from './MultiSelectSearch';
+export type { TMultiSelectSearchProps, TMultiSelectOption } from './MultiSelectSearch';
+export { EMultiSelectSearchSize } from './MultiSelectSearch';