mimir-ui-kit 1.37.6 → 1.37.7

package/dist/components/TabTrail/TabTrail.js

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

package/dist/{field-FJ34aSs4.js → field-C1kt7aNM.js}

@@ -1,6 +1,6 @@
 import l, { useId as u, useMemo as f } from "react";
-import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-y3ANLTNC.js";
-import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
+import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
+import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
 let P = "div";
 function _(a, i) {
   let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);

package/dist/{focus-management-XwV-9qkO.js → focus-management-DOYCPyGg.js}

@@ -1,4 +1,4 @@
-import { u as N, a as v } from "./keyboard-B0lm_zyn.js";
+import { u as N, a as v } from "./keyboard-mgWkd2Vh.js";
 let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), F = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
 var h = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(h || {}), x = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(x || {}), A = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(A || {});
 function y(e = document.body) {

package/dist/{hidden-DbgtYPOH.js → hidden-PvGXrYUY.js}

@@ -1,4 +1,4 @@
-import { W as t, H as a } from "./keyboard-B0lm_zyn.js";
+import { W as t, H as a } from "./keyboard-mgWkd2Vh.js";
 let l = "span";
 var p = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(p || {});
 function s(e, n) {