mimir-ui-kit 1.56.2 → 1.58.0

package/dist/components/DatePicker/DatePicker.js

@@ -1,10 +1,10 @@
-import { jsxs as z, jsx as D } from "react/jsx-runtime";
+import { jsxs as z, jsx as k } from "react/jsx-runtime";
 import { c as H } from "../../index-DIxK0V-G.js";
-import { memo as kt, forwardRef as Nt, useState as $, useEffect as v } from "react";
-import { months as A, EDatePickerBorderRadius as C, MAX_DAY as ut, MAX_MONTH as ht, DATE_LENGTH as gt } from "./constants.js";
-import { DatePickerModal as Mt } from "./DatePickerModal.js";
+import { memo as kt, forwardRef as Nt, useState as b, useEffect as v } from "react";
+import { months as P, EDatePickerBorderRadius as C, MAX_DAY as ut, MAX_MONTH as ht, DATE_LENGTH as Mt } from "./constants.js";
+import { DatePickerModal as gt } from "./DatePickerModal.js";
 import { MonthPickerModal as Tt } from "./MonthPickerModal.js";
-import { c as l } from "../../styles.module-DeBRSK_x.js";
+import { c as y } from "../../styles.module-DeBRSK_x.js";
 import { formatDatePart as R } from "./utils.js";
 import { YearPickerModal as $t } from "./YearPickerModal.js";
 import { useClickOutside as bt } from "../../hooks/useClickOutside/useClickOutside.js";
@@ -16,79 +16,79 @@ const St = kt(
   Nt(
     ({
       size: j,
-      value: k,
+      value: u,
       onChangeValue: a,
-      name: w,
-      before: h,
-      type: n = "days",
-      dateFormat: N = "full",
-      error: _,
-      onError: M,
-      onBlur: f,
+      name: N,
+      before: M,
+      type: l = "days",
+      dateFormat: h = "full",
+      error: O,
+      onError: T,
+      onBlur: i,
       validateImmediately: L,
       variant: tt,
-      disabled: O = !1,
-      editable: b = !1,
+      disabled: _ = !1,
+      editable: A = !1,
       openOnInput: W = !0,
       sendIntermediateValues: et = !1,
       disableFuture: q = !1,
       disablePast: J = !1,
       disabledDate: U,
-      validRange: o,
+      validRange: c,
       borderRadius: X = C.All,
       full: st,
-      ...P
-    }, rt) => {
-      const [S, y] = $(!1), [E, p] = $(n), [m, g] = $(
-        () => k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
-      ), [Y, F] = $(_), [at, I] = $(""), [ct, T] = $();
-      P.status = !!Y && Pt.Error || P.status, v(() => {
-        F(_);
-      }, [_]), v(() => {
+      ...S
+    }, at) => {
+      const [Y, D] = b(!1), [E, p] = b(l), [f, g] = b(
+        () => u && !isNaN(new Date(u).getTime()) ? new Date(u) : void 0
+      ), [I, F] = b(O), [rt, x] = b(""), [ct, $] = b();
+      S.status = !!I && Pt.Error || S.status, v(() => {
+        F(O);
+      }, [O]), v(() => {
         g(
-          k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
+          u && !isNaN(new Date(u).getTime()) ? new Date(u) : void 0
         );
-      }, [k]), v(() => {
-        if (m && typeof m != "string" && !isNaN(m == null ? void 0 : m.getTime())) {
+      }, [u]), v(() => {
+        if (f && typeof f != "string" && !isNaN(f == null ? void 0 : f.getTime())) {
           let t = "";
-          switch (N) {
+          switch (h) {
             case "year": {
-              t = m.getFullYear().toString();
+              t = f.getFullYear().toString();
               break;
             }
             case "month": {
-              const s = A[m.getMonth()], e = m.getFullYear();
+              const s = P[f.getMonth()], e = f.getFullYear();
               t = `${s} ${e}`;
               break;
             }
             case "full": {
-              t = d.Date(m, "dd/mm/yyyy");
+              t = d.Date(f, "dd/mm/yyyy");
               break;
             }
             default: {
-              t = d.Date(m, "dd/mm/yyyy");
+              t = d.Date(f, "dd/mm/yyyy");
               break;
             }
           }
-          I(t);
+          x(t);
         } else
-          I("");
-      }, [m, N]);
-      const K = k && new Date(k).getTime;
+          x("");
+      }, [f, h]);
+      const K = u && new Date(u).getTime;
       v(() => {
-        L && (K ? (F(!1), M == null || M({ name: w, active: !1 })) : (F(!0), M == null || M({ name: w, active: !0 })));
-      }, [L, w, K]), bt({
-        isActive: S,
+        L && (K ? (F(!1), T == null || T({ name: N, active: !1 })) : (F(!0), T == null || T({ name: N, active: !0 })));
+      }, [L, N, K]), bt({
+        isActive: Y,
         setActive: (t) => {
-          y(t), p(n), t || T(void 0);
+          D(t), p(l), t || $(void 0);
         },
-        className: l["calendar-block"]
+        className: y["calendar-block"]
       });
-      const it = () => {
-        !O && (W || !b) && y(!0);
+      const ot = () => {
+        !_ && (W || !A) && D(!0);
       }, Q = (t) => {
         const s = t.getTime();
-        if (t.setHours(0, 0, 0, 0), h && (typeof h == "string" ? new Date(h) : h).getTime() > s)
+        if (t.setHours(0, 0, 0, 0), M && (typeof M == "string" ? new Date(M) : M).getTime() > s)
           return !1;
         if (q) {
           const e = /* @__PURE__ */ new Date();
@@ -99,31 +99,31 @@ const St = kt(
           if (e.setHours(0, 0, 0, 0), s < e.getTime()) return !1;
         }
         if (U && U(t)) return !1;
-        if (o) {
+        if (c) {
           let e;
-          typeof o[0] == "string" ? e = [
-            new Date(o[0]),
-            typeof o[1] == "string" ? new Date(o[1]) : o[1]
+          typeof c[0] == "string" ? e = [
+            new Date(c[0]),
+            typeof c[1] == "string" ? new Date(c[1]) : c[1]
           ] : e = [
-            o[0],
-            typeof o[1] == "string" ? new Date(o[1]) : o[1]
+            c[0],
+            typeof c[1] == "string" ? new Date(c[1]) : c[1]
           ];
-          const [i, r] = e, c = new Date(i), u = new Date(r);
-          if (c.setHours(0, 0, 0, 0), u.setHours(23, 59, 59, 999), t < c || t > u) return !1;
+          const [o, r] = e, m = new Date(o), n = new Date(r);
+          if (m.setHours(0, 0, 0, 0), n.setHours(23, 59, 59, 999), t < m || t > n) return !1;
         }
         return !0;
-      }, ot = (t) => {
+      }, it = (t) => {
         if (!isNaN(t.getTime())) {
-          g(t), T(void 0);
+          g(t), $(void 0);
           let e = "";
-          switch (N) {
+          switch (h) {
             case "year": {
               e = t.getFullYear().toString();
               break;
             }
             case "month": {
-              const i = A[t.getMonth()], r = t.getFullYear();
-              e = `${i} ${r}`;
+              const o = P[t.getMonth()], r = t.getFullYear();
+              e = `${o} ${r}`;
               break;
             }
             case "full": {
@@ -137,19 +137,19 @@ const St = kt(
           }
           a == null || a({
             value: e,
-            name: w
+            name: N
           });
         }
-        E === "years" && (n === "years" ? (y(!1), p(n)) : p("months")), E === "months" && (n === "months" ? (y(!1), p(n)) : p("days")), g(t);
+        E === "years" && (l === "years" ? (D(!1), p(l)) : p("months")), E === "months" && (l === "months" ? (D(!1), p(l)) : p("days")), g(t);
         let s = "";
-        switch (N) {
+        switch (h) {
           case "year": {
             s = t.getFullYear().toString();
             break;
           }
           case "month": {
-            const e = A[t.getMonth()], i = t.getFullYear();
-            s = `${e} ${i}`;
+            const e = P[t.getMonth()], o = t.getFullYear();
+            s = `${e} ${o}`;
             break;
           }
           case "full": {
@@ -163,148 +163,148 @@ const St = kt(
         }
         a == null || a({
           value: s,
-          name: w
-        }), f == null || f(s);
+          name: N
+        }), i == null || i(s);
       }, ft = (t) => {
-        const s = m || /* @__PURE__ */ new Date(), e = s.getDate(), i = s.getMonth() + 1, r = new Date(t, i - 1, e);
-        if (r.getFullYear() === t && r.getMonth() === i - 1 && r.getDate() === e && Q(r)) {
-          g(r), T(void 0);
-          let c = "";
-          switch (N) {
+        const s = f || /* @__PURE__ */ new Date(), e = s.getDate(), o = s.getMonth() + 1, r = new Date(t, o - 1, e);
+        if (r.getFullYear() === t && r.getMonth() === o - 1 && r.getDate() === e && Q(r)) {
+          g(r), $(void 0);
+          let m = "";
+          switch (h) {
             case "year": {
-              c = t.toString();
+              m = t.toString();
               break;
             }
             case "month": {
-              c = `${A[i - 1]} ${t}`;
+              m = `${P[o - 1]} ${t}`;
               break;
             }
             case "full": {
-              c = d.Date(r, "yyyy-mm-dd");
+              m = d.Date(r, "yyyy-mm-dd");
               break;
             }
             default: {
-              c = d.Date(r, "yyyy-mm-dd");
+              m = d.Date(r, "yyyy-mm-dd");
               break;
             }
           }
           if (a == null || a({
-            value: c,
-            name: w
-          }), f == null || f(c), n === "years") {
-            y(!1), p(n);
+            value: m,
+            name: N
+          }), i == null || i(m), l === "years") {
+            D(!1), p(l);
             return;
           }
         } else
-          T(new Date(t, i - 1, 1));
-        n === "years" ? (y(!1), p(n)) : p("months");
+          $(new Date(t, o - 1, 1));
+        l === "years" ? (D(!1), p(l)) : p("months");
       }, mt = (t, s) => {
-        const i = (m || /* @__PURE__ */ new Date()).getDate(), r = new Date(t, s - 1, i);
-        if (r.getFullYear() === t && r.getMonth() === s - 1 && r.getDate() === i && Q(r)) {
-          g(r), T(void 0);
-          let c = "";
-          switch (N) {
+        const o = (f || /* @__PURE__ */ new Date()).getDate(), r = new Date(t, s, 0).getDate(), m = Math.min(o, r), n = new Date(t, s - 1, m);
+        if (n.getFullYear() === t && n.getMonth() === s - 1 && n.getDate() === m && Q(n)) {
+          g(n), $(void 0);
+          let w = "";
+          switch (h) {
             case "year": {
-              c = t.toString();
+              w = t.toString();
               break;
             }
             case "month": {
-              c = `${A[s - 1]} ${t}`;
+              w = `${P[s - 1]} ${t}`;
               break;
             }
             case "full": {
-              c = d.Date(r, "yyyy-mm-dd");
+              w = d.Date(n, "yyyy-mm-dd");
               break;
             }
             default: {
-              c = d.Date(r, "yyyy-mm-dd");
+              w = d.Date(n, "yyyy-mm-dd");
               break;
             }
           }
           if (a == null || a({
-            value: c,
-            name: w
-          }), f == null || f(c), n === "months") {
-            y(!1), p(n);
+            value: w,
+            name: N
+          }), i == null || i(w), l === "months") {
+            D(!1), p(l);
             return;
           }
         } else
-          T(new Date(t, s - 1, 1));
-        n === "months" ? (y(!1), p(n)) : p("days");
+          $(new Date(t, s - 1, 1));
+        l === "months" ? (D(!1), p(l)) : p("days");
       }, nt = (t) => {
-        if (b || t.target.value === "") {
+        if (A || t.target.value === "") {
           const s = t.target.value.replace(/[^\d]/g, "");
           if (s.length === 0)
-            I(""), g(void 0), y(!1), a == null || a({ value: "", name: w }), f == null || f("");
+            x(""), g(void 0), D(!1), a == null || a({ value: "", name: N }), i == null || i("");
           else {
-            const [e, i, r] = [
+            const [e, o, r] = [
               R(s.substring(0, 2), ut),
               R(s.substring(2, 4), ht),
               s.substring(4, 8)
-            ], c = [e, i, r].filter(Boolean).join("/");
-            if (I(c), et) {
-              const u = r ? `${r}-${i || "00"}-${e || "00"}` : [e, i, r].filter(Boolean).join("-");
+            ], m = [e, o, r].filter(Boolean).join("/");
+            if (x(m), et) {
+              const n = r ? `${r}-${o || "00"}-${e || "00"}` : [e, o, r].filter(Boolean).join("-");
               a == null || a({
-                value: u,
-                name: w
+                value: n,
+                name: N
               });
             }
-            if (c.length === gt) {
-              const u = parseInt(r), x = /* @__PURE__ */ new Date(
-                `${u}-${i.padStart(2, "0")}-${e.padStart(2, "0")}`
+            if (m.length === Mt) {
+              const n = parseInt(r), w = /* @__PURE__ */ new Date(
+                `${n}-${o.padStart(2, "0")}-${e.padStart(2, "0")}`
               );
-              isNaN(x.getTime()) || (g(x), a == null || a({
-                value: d.Date(x, "yyyy-mm-dd"),
-                name: w
-              }), f == null || f(d.Date(x, "yyyy-mm-dd")));
+              isNaN(w.getTime()) || (g(w), a == null || a({
+                value: d.Date(w, "yyyy-mm-dd"),
+                name: N
+              }), i == null || i(d.Date(w, "yyyy-mm-dd")));
             }
           }
         }
       }, lt = H(
-        l.wrapper,
-        S && !b && l.active
-      ), yt = H(l.input, l.inputBorderControl);
+        y.wrapper,
+        Y && !A && y.active
+      ), yt = H(y.input, y.inputBorderControl);
       let Z;
-      if (o) {
+      if (c) {
         let t, s;
-        typeof o[0] == "string" ? t = new Date(o[0]) : t = o[0], typeof o[1] == "string" ? s = new Date(o[1]) : s = o[1], Z = [t, s];
+        typeof c[0] == "string" ? t = new Date(c[0]) : t = c[0], typeof c[1] == "string" ? s = new Date(c[1]) : s = c[1], Z = [t, s];
       }
       const G = {
-        onChangeValue: ot,
-        date: ct || m || /* @__PURE__ */ new Date(),
-        selectedDate: m,
-        before: typeof h == "string" ? new Date(h) : h,
+        onChangeValue: it,
+        date: ct || f || /* @__PURE__ */ new Date(),
+        selectedDate: f,
+        before: typeof M == "string" ? new Date(M) : M,
         onChangeType: p,
-        setIsActive: y,
+        setIsActive: D,
         disableFuture: q,
         disablePast: J,
         disabledDate: U,
         validRange: Z,
-        dateFormat: N
-      }, pt = {
+        dateFormat: h
+      }, Dt = {
         ...G,
         onChangeMonth: mt,
-        dateFormat: N
-      }, dt = {
+        dateFormat: h
+      }, pt = {
         ...G,
         onChangeYear: ft
-      }, Dt = (() => {
+      }, dt = (() => {
         switch (E) {
           case "months":
-            return () => /* @__PURE__ */ D(Tt, { ...pt });
+            return () => /* @__PURE__ */ k(Tt, { ...Dt });
           case "years":
-            return () => /* @__PURE__ */ D($t, { ...dt });
+            return () => /* @__PURE__ */ k($t, { ...pt });
           default:
-            return () => /* @__PURE__ */ D(Mt, { ...G });
+            return () => /* @__PURE__ */ k(gt, { ...G });
         }
-      })(), wt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
-        e.stopPropagation(), O || y(!t);
-      }, className: l["icon-button"], children: t ? /* @__PURE__ */ D(
+      })(), wt = ({ isActive: t }) => /* @__PURE__ */ k("button", { onClick: (e) => {
+        e.stopPropagation(), _ || D(!t);
+      }, className: y["icon-button"], children: t ? /* @__PURE__ */ k(
         B,
         {
           iconName: j === V.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
-      ) : /* @__PURE__ */ D(
+      ) : /* @__PURE__ */ k(
         B,
         {
           iconName: j === V.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
@@ -313,49 +313,49 @@ const St = kt(
       return /* @__PURE__ */ z(
         "div",
         {
-          className: H(l["input-field-group-datePicker"], {
-            [l.full]: st
+          className: H(y["input-field-group-datePicker"], {
+            [y.full]: st
           }),
           children: [
-            /* @__PURE__ */ z("div", { className: lt, "data-disabled": O, children: [
-              /* @__PURE__ */ D(
+            /* @__PURE__ */ z("div", { className: lt, "data-disabled": _, children: [
+              /* @__PURE__ */ k(
                 "div",
                 {
                   role: "button",
-                  "data-status": P.status,
-                  className: H(l["date-wrapper"], {
-                    [l.editable]: b,
-                    [l[`border-radius-${X}`]]: X !== C.All
+                  "data-status": S.status,
+                  className: H(y["date-wrapper"], {
+                    [y.editable]: A,
+                    [y[`border-radius-${X}`]]: X !== C.All
                   }),
-                  onClick: it,
-                  children: /* @__PURE__ */ D(
+                  onClick: ot,
+                  children: /* @__PURE__ */ k(
                     At,
                     {
-                      ref: rt,
+                      ref: at,
                       className: yt,
-                      wrapperClassName: l["input-wrapper"],
+                      wrapperClassName: y["input-wrapper"],
                       size: j,
                       type: "text",
                       variant: tt,
-                      value: at,
+                      value: rt,
                       onChange: nt,
                       rightAddon: {
                         addonType: "react-node",
-                        addonContent: /* @__PURE__ */ D(wt, { isActive: S })
+                        addonContent: /* @__PURE__ */ k(wt, { isActive: Y })
                       },
-                      rightSlotClassName: l["right-slot"],
+                      rightSlotClassName: y["right-slot"],
                       onFocus: () => {
-                        W && !b && y(!0);
+                        W && !A && D(!0);
                       },
                       borderRadius: X,
-                      ...P
+                      ...S
                     }
                   )
                 }
               ),
-              S && /* @__PURE__ */ D(Dt, {})
+              Y && /* @__PURE__ */ k(dt, {})
             ] }),
-            Y && typeof Y == "string" && /* @__PURE__ */ D("div", { className: l.textError, children: Y })
+            I && typeof I == "string" && /* @__PURE__ */ k("div", { className: y.textError, children: I })
           ]
         }
       );

package/dist/components/TabTrail/TabTrail.d.ts

@@ -27,6 +27,10 @@ export type TCategoryTab = {
      * Цвет нижней границы для detailed варианта таба.
      */
     borderColor?: string;
+    /**
+     * Цвет нижней границы по дефолту для detailed варианта таба.
+     */
+    defaultActive?: boolean;
 };
 export type TTabTrailProps = {
     /**

package/dist/components/TabTrail/TabTrail.js

@@ -1,25 +1,25 @@
-import { jsxs as J, jsx as h, Fragment as Ne } from "react/jsx-runtime";
-import { c as P } from "../../index-DIxK0V-G.js";
-import * as V from "react";
-import z, { useState as ne, createContext as ve, useReducer as Se, useMemo as C, useId as he, useRef as ae, useContext as xe, forwardRef as Ae, useEffect as ue } from "react";
-import { ETabTrailSize as Fe } from "./constants.js";
-import { TabButtons as ke } from "./TabButtons/TabButtons.js";
-import { ETabTrailButtonVariant as De } from "./TabButtons/constants.js";
+import { jsxs as j, jsx as h, Fragment as Se } from "react/jsx-runtime";
+import { c as I } from "../../index-DIxK0V-G.js";
+import * as q from "react";
+import V, { useState as ae, createContext as ve, useReducer as Ae, useMemo as C, useId as he, useRef as se, useContext as xe, forwardRef as Fe, useEffect as ue } from "react";
+import { ETabTrailSize as ke } from "./constants.js";
+import { TabButtons as De } from "./TabButtons/TabButtons.js";
+import { ETabTrailButtonVariant as Re } from "./TabButtons/constants.js";
 import { Icon as be } from "../../icons/Icon.js";
-import { NotificationBadge as Re } from "../NotificationBadge/NotificationBadge.js";
-import { M as me, W as Q, s as te, y as X, o as W, n as se, H as Z, $ as ge, b as Le, D as _e, a as Y, u as Oe, c as N, e as Me } from "../../keyboard-wis2TUql.js";
-import { w as Be } from "../../use-active-press-CnDeVvQq.js";
-import { e as We } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { f as Ce } from "../../use-is-mounted-MBU4fiLr.js";
-import { T as Te, s as Ge } from "../../hidden-CkTYbiNM.js";
-import { _ as K, T as re, P as U, F as S } from "../../focus-management-BAl0GmRk.js";
-import '../../assets/TabTrail.css';function Ue({ onFocus: e }) {
-  let [t, n] = ne(!0), r = Ce();
-  return t ? z.createElement(Te, { as: "button", type: "button", features: Ge.Focusable, onFocus: (a) => {
+import { NotificationBadge as Le } from "../NotificationBadge/NotificationBadge.js";
+import { M as me, W as Y, s as re, y as Q, o as W, n as le, H as X, $ as ge, b as Oe, D as _e, a as K, u as Me, c as N, e as Be } from "../../keyboard-wis2TUql.js";
+import { w as We } from "../../use-active-press-CnDeVvQq.js";
+import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { f as Ge } from "../../use-is-mounted-MBU4fiLr.js";
+import { T as Te, s as Ue } from "../../hidden-CkTYbiNM.js";
+import { _ as J, T as ne, P as z, F as S } from "../../focus-management-BAl0GmRk.js";
+import '../../assets/TabTrail.css';function ze({ onFocus: e }) {
+  let [t, n] = ae(!0), r = Ge();
+  return t ? V.createElement(Te, { as: "button", type: "button", features: Ue.Focusable, onFocus: (a) => {
     a.preventDefault();
-    let s, l = 50;
+    let s, i = 50;
     function f() {
-      if (l-- <= 0) {
+      if (i-- <= 0) {
         s && cancelAnimationFrame(s);
         return;
       }
@@ -33,8 +33,8 @@ import '../../assets/TabTrail.css';function Ue({ onFocus: e }) {
     s = requestAnimationFrame(f);
   } }) : null;
 }
-const Ie = V.createContext(null);
-function ze() {
+const Ie = q.createContext(null);
+function Ve() {
   return { groups: /* @__PURE__ */ new Map(), get(e, t) {
     var n;
     let r = this.groups.get(e);
@@ -42,57 +42,57 @@ function ze() {
     let a = (n = r.get(t)) != null ? n : 0;
     r.set(t, a + 1);
     let s = Array.from(r.keys()).indexOf(t);
-    function l() {
+    function i() {
       let f = r.get(t);
       f > 1 ? r.set(t, f - 1) : r.delete(t);
     }
-    return [s, l];
+    return [s, i];
   } };
 }
-function Ve({ children: e }) {
-  let t = V.useRef(ze());
-  return V.createElement(Ie.Provider, { value: t }, e);
+function qe({ children: e }) {
+  let t = q.useRef(Ve());
+  return q.createElement(Ie.Provider, { value: t }, e);
 }
 function Pe(e) {
-  let t = V.useContext(Ie);
+  let t = q.useContext(Ie);
   if (!t) throw new Error("You must wrap your component in a <StableCollection>");
-  let n = V.useId(), [r, a] = t.current.get(e, n);
-  return V.useEffect(() => a, []), r;
+  let n = q.useId(), [r, a] = t.current.get(e, n);
+  return q.useEffect(() => a, []), r;
 }
-var qe = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(qe || {}), He = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(He || {}), je = ((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))(je || {});
-let Je = { 0(e, t) {
+var He = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(He || {}), je = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(je || {}), Je = ((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))(Je || {});
+let Ke = { 0(e, t) {
   var n;
-  let r = K(e.tabs, (d) => d.current), a = K(e.panels, (d) => d.current), s = r.filter((d) => {
+  let r = J(e.tabs, (d) => d.current), a = J(e.panels, (d) => d.current), s = r.filter((d) => {
     var x;
     return !((x = d.current) != null && x.hasAttribute("disabled"));
-  }), l = { ...e, tabs: r, panels: a };
+  }), i = { ...e, tabs: r, panels: a };
   if (t.index < 0 || t.index > r.length - 1) {
-    let d = Y(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => Y(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
-    if (s.length === 0) return l;
-    let x = Y(d, { 0: () => r.indexOf(s[0]), 1: () => r.indexOf(s[s.length - 1]) });
-    return { ...l, selectedIndex: x === -1 ? e.selectedIndex : x };
+    let d = K(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => K(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
+    if (s.length === 0) return i;
+    let x = K(d, { 0: () => r.indexOf(s[0]), 1: () => r.indexOf(s[s.length - 1]) });
+    return { ...i, selectedIndex: x === -1 ? e.selectedIndex : x };
   }
-  let f = r.slice(0, t.index), w = [...r.slice(t.index), ...f].find((d) => s.includes(d));
-  if (!w) return l;
-  let v = (n = r.indexOf(w)) != null ? n : e.selectedIndex;
-  return v === -1 && (v = e.selectedIndex), { ...l, selectedIndex: v };
+  let f = r.slice(0, t.index), P = [...r.slice(t.index), ...f].find((d) => s.includes(d));
+  if (!P) return i;
+  let v = (n = r.indexOf(P)) != null ? n : e.selectedIndex;
+  return v === -1 && (v = e.selectedIndex), { ...i, selectedIndex: v };
 }, 1(e, t) {
   if (e.tabs.includes(t.tab)) return e;
-  let n = e.tabs[e.selectedIndex], r = K([...e.tabs, t.tab], (s) => s.current), a = e.selectedIndex;
+  let n = e.tabs[e.selectedIndex], r = J([...e.tabs, t.tab], (s) => s.current), a = e.selectedIndex;
   return e.info.current.isControlled || (a = r.indexOf(n), a === -1 && (a = e.selectedIndex)), { ...e, tabs: r, selectedIndex: a };
 }, 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: K([...e.panels, t.panel], (n) => n.current) };
+  return e.panels.includes(t.panel) ? e : { ...e, panels: J([...e.panels, t.panel], (n) => n.current) };
 }, 4(e, t) {
   return { ...e, panels: e.panels.filter((n) => n !== t.panel) };
 } }, de = ve(null);
 de.displayName = "TabsDataContext";
-function q(e) {
+function H(e) {
   let t = xe(de);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, q), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, H), n;
   }
   return t;
 }
@@ -106,124 +106,124 @@ function pe(e) {
   }
   return t;
 }
-function Ke(e, t) {
-  return Y(t.type, Je, e, t);
+function Ye(e, t) {
+  return K(t.type, Ke, e, t);
 }
-let Ye = "div";
-function Qe(e, t) {
-  let { defaultIndex: n = 0, vertical: r = !1, manual: a = !1, onChange: s, selectedIndex: l = null, ...f } = e;
-  const w = r ? "vertical" : "horizontal", v = a ? "manual" : "auto";
-  let d = l !== null, x = te({ isControlled: d }), A = X(t), [p, u] = Se(Ke, { info: x, selectedIndex: l ?? n, tabs: [], panels: [] }), D = C(() => ({ selectedIndex: p.selectedIndex }), [p.selectedIndex]), R = te(s || (() => {
-  })), y = te(p.tabs), b = C(() => ({ orientation: w, activation: v, ...p }), [w, v, p]), F = W((o) => (u({ type: 1, tab: o }), () => u({ type: 2, tab: o }))), L = W((o) => (u({ type: 3, panel: o }), () => u({ type: 4, panel: o }))), g = W((o) => {
+let Qe = "div";
+function Xe(e, t) {
+  let { defaultIndex: n = 0, vertical: r = !1, manual: a = !1, onChange: s, selectedIndex: i = null, ...f } = e;
+  const P = r ? "vertical" : "horizontal", v = a ? "manual" : "auto";
+  let d = i !== null, x = re({ isControlled: d }), A = Q(t), [p, u] = Ae(Ye, { info: x, selectedIndex: i ?? n, tabs: [], panels: [] }), D = C(() => ({ selectedIndex: p.selectedIndex }), [p.selectedIndex]), R = re(s || (() => {
+  })), y = re(p.tabs), b = C(() => ({ orientation: P, activation: v, ...p }), [P, v, p]), F = W((o) => (u({ type: 1, tab: o }), () => u({ type: 2, tab: o }))), L = W((o) => (u({ type: 3, panel: o }), () => u({ type: 4, panel: o }))), g = W((o) => {
     _.current !== o && R.current(o), d || u({ type: 0, index: o });
-  }), _ = te(d ? e.selectedIndex : p.selectedIndex), O = C(() => ({ registerTab: F, registerPanel: L, change: g }), []);
-  se(() => {
-    u({ type: 0, index: l ?? n });
-  }, [l]), se(() => {
+  }), _ = re(d ? e.selectedIndex : p.selectedIndex), O = C(() => ({ registerTab: F, registerPanel: L, change: g }), []);
+  le(() => {
+    u({ type: 0, index: i ?? n });
+  }, [i]), le(() => {
     if (_.current === void 0 || p.tabs.length <= 0) return;
-    let o = K(p.tabs, (E) => E.current);
+    let o = J(p.tabs, (E) => E.current);
     o.some((E, k) => p.tabs[k] !== E) && g(o.indexOf(p.tabs[_.current]));
   });
   let T = { ref: A };
-  return z.createElement(Ve, null, z.createElement(fe.Provider, { value: O }, z.createElement(de.Provider, { value: b }, b.tabs.length <= 0 && z.createElement(Ue, { onFocus: () => {
+  return V.createElement(qe, null, V.createElement(fe.Provider, { value: O }, V.createElement(de.Provider, { value: b }, b.tabs.length <= 0 && V.createElement(ze, { onFocus: () => {
     var o, E;
     for (let k of y.current) if (((o = k.current) == null ? void 0 : o.tabIndex) === 0) return (E = k.current) == null || E.focus(), !0;
     return !1;
-  } }), Z({ ourProps: T, theirProps: f, slot: D, defaultTag: Ye, name: "Tabs" }))));
+  } }), X({ ourProps: T, theirProps: f, slot: D, defaultTag: Qe, name: "Tabs" }))));
 }
-let Xe = "div";
-function Ze(e, t) {
-  let { orientation: n, selectedIndex: r } = q("Tab.List"), a = X(t), s = C(() => ({ selectedIndex: r }), [r]);
-  return Z({ ourProps: { ref: a, role: "tablist", "aria-orientation": n }, theirProps: e, slot: s, defaultTag: Xe, name: "Tabs.List" });
+let Ze = "div";
+function et(e, t) {
+  let { orientation: n, selectedIndex: r } = H("Tab.List"), a = Q(t), s = C(() => ({ selectedIndex: r }), [r]);
+  return X({ ourProps: { ref: a, role: "tablist", "aria-orientation": n }, theirProps: e, slot: s, defaultTag: Ze, name: "Tabs.List" });
 }
-let et = "button";
-function tt(e, t) {
+let tt = "button";
+function rt(e, t) {
   var n, r;
-  let a = he(), { id: s = `headlessui-tabs-tab-${a}`, disabled: l = !1, autoFocus: f = !1, ...w } = e, { orientation: v, activation: d, selectedIndex: x, tabs: A, panels: p } = q("Tab"), u = pe("Tab"), D = q("Tab"), [R, y] = ne(null), b = ae(null), F = X(b, t, y);
-  se(() => u.registerTab(b), [u, b]);
+  let a = he(), { id: s = `headlessui-tabs-tab-${a}`, disabled: i = !1, autoFocus: f = !1, ...P } = e, { orientation: v, activation: d, selectedIndex: x, tabs: A, panels: p } = H("Tab"), u = pe("Tab"), D = H("Tab"), [R, y] = ae(null), b = se(null), F = Q(b, t, y);
+  le(() => u.registerTab(b), [u, b]);
   let L = Pe("tabs"), g = A.indexOf(b);
   g === -1 && (g = L);
-  let _ = g === x, O = W((i) => {
-    var I;
-    let B = i();
-    if (B === re.Success && d === "auto") {
-      let H = (I = Oe(b)) == null ? void 0 : I.activeElement, j = D.tabs.findIndex((ce) => ce.current === H);
-      j !== -1 && u.change(j);
+  let _ = g === x, O = W((l) => {
+    var $;
+    let B = l();
+    if (B === ne.Success && d === "auto") {
+      let ee = ($ = Me(b)) == null ? void 0 : $.activeElement, U = D.tabs.findIndex((te) => te.current === ee);
+      U !== -1 && u.change(U);
     }
     return B;
-  }), T = W((i) => {
-    let I = A.map((B) => B.current).filter(Boolean);
-    if (i.key === N.Space || i.key === N.Enter) {
-      i.preventDefault(), i.stopPropagation(), u.change(g);
+  }), T = W((l) => {
+    let $ = A.map((B) => B.current).filter(Boolean);
+    if (l.key === N.Space || l.key === N.Enter) {
+      l.preventDefault(), l.stopPropagation(), u.change(g);
       return;
     }
-    switch (i.key) {
+    switch (l.key) {
       case N.Home:
       case N.PageUp:
-        return i.preventDefault(), i.stopPropagation(), O(() => U(I, S.First));
+        return l.preventDefault(), l.stopPropagation(), O(() => z($, S.First));
       case N.End:
       case N.PageDown:
-        return i.preventDefault(), i.stopPropagation(), O(() => U(I, S.Last));
+        return l.preventDefault(), l.stopPropagation(), O(() => z($, S.Last));
     }
-    if (O(() => Y(v, { vertical() {
-      return i.key === N.ArrowUp ? U(I, S.Previous | S.WrapAround) : i.key === N.ArrowDown ? U(I, S.Next | S.WrapAround) : re.Error;
+    if (O(() => K(v, { vertical() {
+      return l.key === N.ArrowUp ? z($, S.Previous | S.WrapAround) : l.key === N.ArrowDown ? z($, S.Next | S.WrapAround) : ne.Error;
     }, horizontal() {
-      return i.key === N.ArrowLeft ? U(I, S.Previous | S.WrapAround) : i.key === N.ArrowRight ? U(I, S.Next | S.WrapAround) : re.Error;
-    } })) === re.Success) return i.preventDefault();
-  }), o = ae(!1), E = W(() => {
-    var i;
-    o.current || (o.current = !0, (i = b.current) == null || i.focus({ preventScroll: !0 }), u.change(g), Me(() => {
+      return l.key === N.ArrowLeft ? z($, S.Previous | S.WrapAround) : l.key === N.ArrowRight ? z($, S.Next | S.WrapAround) : ne.Error;
+    } })) === ne.Success) return l.preventDefault();
+  }), o = se(!1), E = W(() => {
+    var l;
+    o.current || (o.current = !0, (l = b.current) == null || l.focus({ preventScroll: !0 }), u.change(g), Be(() => {
       o.current = !1;
     }));
-  }), k = W((i) => {
-    i.preventDefault();
-  }), { isFocusVisible: M, focusProps: le } = ge({ autoFocus: f }), { isHovered: G, hoverProps: ie } = Le({ isDisabled: l }), { pressed: ee, pressProps: oe } = Be({ disabled: l }), c = C(() => ({ selected: _, hover: G, active: ee, focus: M, autofocus: f, disabled: l }), [_, G, M, ee, f, l]), $ = _e({ ref: F, onKeyDown: T, onMouseDown: k, onClick: E, id: s, role: "tab", type: We(e, R), "aria-controls": (r = (n = p[g]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": _, tabIndex: _ ? 0 : -1, disabled: l || void 0, autoFocus: f }, le, ie, oe);
-  return Z({ ourProps: $, theirProps: w, slot: c, defaultTag: et, name: "Tabs.Tab" });
+  }), k = W((l) => {
+    l.preventDefault();
+  }), { isFocusVisible: M, focusProps: ie } = ge({ autoFocus: f }), { isHovered: G, hoverProps: oe } = Oe({ isDisabled: i }), { pressed: Z, pressProps: ce } = We({ disabled: i }), c = C(() => ({ selected: _, hover: G, active: Z, focus: M, autofocus: f, disabled: i }), [_, G, M, Z, f, i]), w = _e({ ref: F, onKeyDown: T, onMouseDown: k, onClick: E, id: s, role: "tab", type: Ce(e, R), "aria-controls": (r = (n = p[g]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": _, tabIndex: _ ? 0 : -1, disabled: i || void 0, autoFocus: f }, ie, oe, ce);
+  return X({ ourProps: w, theirProps: P, slot: c, defaultTag: tt, name: "Tabs.Tab" });
 }
-let rt = "div";
-function nt(e, t) {
-  let { selectedIndex: n } = q("Tab.Panels"), r = X(t), a = C(() => ({ selectedIndex: n }), [n]);
-  return Z({ ourProps: { ref: r }, theirProps: e, slot: a, defaultTag: rt, name: "Tabs.Panels" });
+let nt = "div";
+function at(e, t) {
+  let { selectedIndex: n } = H("Tab.Panels"), r = Q(t), a = C(() => ({ selectedIndex: n }), [n]);
+  return X({ ourProps: { ref: r }, theirProps: e, slot: a, defaultTag: nt, name: "Tabs.Panels" });
 }
-let at = "div", st = me.RenderStrategy | me.Static;
-function lt(e, t) {
+let st = "div", lt = me.RenderStrategy | me.Static;
+function it(e, t) {
   var n, r, a, s;
-  let l = he(), { id: f = `headlessui-tabs-panel-${l}`, tabIndex: w = 0, ...v } = e, { selectedIndex: d, tabs: x, panels: A } = q("Tab.Panel"), p = pe("Tab.Panel"), u = ae(null), D = X(u, t);
-  se(() => p.registerPanel(u), [p, u]);
+  let i = he(), { id: f = `headlessui-tabs-panel-${i}`, tabIndex: P = 0, ...v } = e, { selectedIndex: d, tabs: x, panels: A } = H("Tab.Panel"), p = pe("Tab.Panel"), u = se(null), D = Q(u, t);
+  le(() => p.registerPanel(u), [p, u]);
   let R = Pe("panels"), y = A.indexOf(u);
   y === -1 && (y = R);
-  let b = y === d, { isFocusVisible: F, focusProps: L } = ge(), g = C(() => ({ selected: b, focus: F }), [b, F]), _ = _e({ ref: D, id: f, role: "tabpanel", "aria-labelledby": (r = (n = x[y]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: b ? w : -1 }, L);
-  return !b && ((a = v.unmount) == null || a) && !((s = v.static) != null && s) ? z.createElement(Te, { "aria-hidden": "true", ..._ }) : Z({ ourProps: _, theirProps: v, slot: g, defaultTag: at, features: st, visible: b, name: "Tabs.Panel" });
+  let b = y === d, { isFocusVisible: F, focusProps: L } = ge(), g = C(() => ({ selected: b, focus: F }), [b, F]), _ = _e({ ref: D, id: f, role: "tabpanel", "aria-labelledby": (r = (n = x[y]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: b ? P : -1 }, L);
+  return !b && ((a = v.unmount) == null || a) && !((s = v.static) != null && s) ? V.createElement(Te, { "aria-hidden": "true", ..._ }) : X({ ourProps: _, theirProps: v, slot: g, defaultTag: st, features: lt, visible: b, name: "Tabs.Panel" });
 }
-let it = Q(tt), we = Q(Qe), $e = Q(Ze), ye = Q(nt), Ee = Q(lt), ot = Object.assign(it, { Group: we, List: $e, Panels: ye, Panel: Ee });
-const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft = "_list_14t2i_55", pt = "_tabs_14t2i_66", bt = "_buttons_14t2i_72", mt = "_m_14t2i_79", vt = "_s_14t2i_87", ht = "_detailed_14t2i_95", m = {
-  container: ct,
-  group: ut,
+let ot = Y(rt), we = Y(Xe), $e = Y(et), ye = Y(at), Ee = Y(it), ct = Object.assign(ot, { Group: we, List: $e, Panels: ye, Panel: Ee });
+const ut = "_container_14t2i_2", dt = "_group_14t2i_6", ft = "_tab_14t2i_17", pt = "_list_14t2i_55", bt = "_tabs_14t2i_66", mt = "_buttons_14t2i_72", vt = "_m_14t2i_79", ht = "_s_14t2i_87", xt = "_detailed_14t2i_95", m = {
+  container: ut,
+  group: dt,
   "group-inner": "_group-inner_14t2i_10",
-  tab: dt,
-  list: ft,
-  tabs: pt,
-  buttons: bt,
-  m: mt,
-  s: vt,
-  detailed: ht,
+  tab: ft,
+  list: pt,
+  tabs: bt,
+  buttons: mt,
+  m: vt,
+  s: ht,
+  detailed: xt,
   "tab-content": "_tab-content_14t2i_123",
   "tab-value": "_tab-value_14t2i_131",
   "tab-name": "_tab-name_14t2i_140",
   "tab-header": "_tab-header_14t2i_149",
   "tab-text": "_tab-text_14t2i_155",
   "tab-icon": "_tab-icon_14t2i_162"
-}, kt = Ae(
+}, Dt = Fe(
   ({
     categories: e,
-    size: t = Fe.M,
+    size: t = ke.M,
     showButtons: n = !0,
     className: r,
     selectedTabIndex: a,
     onTabChange: s,
-    buttonsVariant: l = De.WHITE,
+    buttonsVariant: i = Re.WHITE,
     autoShowButtons: f = !1,
-    tabClassName: w,
+    tabClassName: P,
     listClassName: v,
     panelClassName: d,
     buttonsClassName: x,
@@ -239,7 +239,7 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
     tabsClassName: g,
     groupInnerClassName: _
   }, O) => {
-    const [T, o] = ne(a || 0), [E, k] = ne(!1), M = ae(null), le = {
+    const [T, o] = ae(a || 0), [E, k] = ae(!1), M = se(null), ie = {
       ...A && { "--tab-indicator-color": A }
     };
     ue(() => {
@@ -247,16 +247,16 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
     }, [T, a]);
     const G = (c) => {
       o(c), s == null || s(c);
-    }, ie = () => {
+    }, oe = () => {
       const c = (T + 1) % e.length;
       G(c);
-    }, ee = () => {
+    }, Z = () => {
       const c = (T - 1 + e.length) % e.length;
       G(c);
     };
     ue(() => {
-      var $;
-      const c = ($ = M.current) == null ? void 0 : $.querySelector(
+      var w;
+      const c = (w = M.current) == null ? void 0 : w.querySelector(
         `.${m.tab}[data-active="true"]`
       );
       c && typeof c.scrollIntoView == "function" && c.scrollIntoView({
@@ -267,18 +267,18 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
     }, [T]), ue(() => {
       const c = () => {
         if (M.current) {
-          const { scrollWidth: $, clientWidth: i } = M.current;
-          k($ > i);
+          const { scrollWidth: w, clientWidth: l } = M.current;
+          k(w > l);
         }
       };
       return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
     }, [e]);
-    const oe = f ? E : n;
-    return /* @__PURE__ */ J(
+    const ce = f ? E : n;
+    return /* @__PURE__ */ j(
       we,
       {
         ref: O,
-        className: P(
+        className: I(
           m.group,
           m[t],
           u === "detailed" && m.detailed,
@@ -286,49 +286,56 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
         ),
         selectedIndex: T,
         onChange: G,
-        style: le,
+        style: ie,
         children: [
-          /* @__PURE__ */ J("div", { className: P(m["group-inner"], _), children: [
+          /* @__PURE__ */ j("div", { className: I(m["group-inner"], _), children: [
             /* @__PURE__ */ h(
               $e,
               {
                 ref: M,
-                className: P(m.list, v),
-                children: /* @__PURE__ */ h("div", { className: P(m.tabs, g), children: e.map(
-                  ({ name: c, notificationCount: $, value: i, valueColor: I, borderColor: B }, H) => {
-                    const j = p[H], ce = u === "detailed" ? {
-                      ...I && {
-                        "--detailed-value-color": I
-                      },
+                className: I(m.list, v),
+                children: /* @__PURE__ */ h("div", { className: I(m.tabs, g), children: e.map(
+                  ({
+                    name: c,
+                    defaultActive: w,
+                    notificationCount: l,
+                    value: $,
+                    valueColor: B,
+                    borderColor: ee
+                  }, U) => {
+                    const te = p[U], Ne = u === "detailed" ? {
                       ...B && {
-                        "--detailed-border-color": B
+                        "--detailed-value-color": B
+                      },
+                      ...ee && {
+                        "--detailed-border-color": ee
                       }
                     } : void 0;
                     return /* @__PURE__ */ h(
-                      ot,
+                      ct,
                       {
-                        className: `${m.tab} ${T === H ? 'data-active="true"' : ""} ${w || ""}`,
-                        "data-active": T === H,
-                        style: ce,
+                        className: `${m.tab} ${w || T === U ? 'data-active="true"' : ""} ${P || ""}`,
+                        "data-active": w || T === U,
+                        style: Ne,
                         children: u === "detailed" ? /* @__PURE__ */ h(
                           "div",
                           {
-                            className: P(
+                            className: I(
                               m["tab-content"],
                               D
                             ),
-                            children: /* @__PURE__ */ J(
+                            children: /* @__PURE__ */ j(
                               "div",
                               {
-                                className: P(
+                                className: I(
                                   m["tab-header"],
                                   R
                                 ),
                                 children: [
-                                  /* @__PURE__ */ J(
+                                  /* @__PURE__ */ j(
                                     "div",
                                     {
-                                      className: P(
+                                      className: I(
                                         m["tab-text"],
                                         y
                                       ),
@@ -336,17 +343,17 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
                                         /* @__PURE__ */ h(
                                           "div",
                                           {
-                                            className: P(
+                                            className: I(
                                               m["tab-value"],
                                               b
                                             ),
-                                            children: i
+                                            children: $
                                           }
                                         ),
                                         /* @__PURE__ */ h(
                                           "div",
                                           {
-                                            className: P(
+                                            className: I(
                                               m["tab-name"],
                                               F
                                             ),
@@ -359,7 +366,7 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
                                   /* @__PURE__ */ h(
                                     "div",
                                     {
-                                      className: P(
+                                      className: I(
                                         m["tab-icon"],
                                         L
                                       ),
@@ -370,13 +377,13 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
                               }
                             )
                           }
-                        ) : /* @__PURE__ */ J(Ne, { children: [
-                          j && /* @__PURE__ */ h(be, { iconName: j }),
+                        ) : /* @__PURE__ */ j(Se, { children: [
+                          te && /* @__PURE__ */ h(be, { iconName: te }),
                           c,
-                          $ && /* @__PURE__ */ h(
-                            Re,
+                          l && /* @__PURE__ */ h(
+                            Le,
                             {
-                              count: $,
+                              count: l,
                               size: "m"
                             }
                           )
@@ -388,20 +395,20 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
                 ) })
               }
             ),
-            oe && /* @__PURE__ */ h("div", { className: P(m.buttons, x), children: /* @__PURE__ */ h(
-              ke,
+            ce && /* @__PURE__ */ h("div", { className: I(m.buttons, x), children: /* @__PURE__ */ h(
+              De,
               {
-                handlePrevTab: ee,
-                handleNextTab: ie,
-                buttonsVariant: l
+                handlePrevTab: Z,
+                handleNextTab: oe,
+                buttonsVariant: i
               }
             ) })
           ] }),
-          /* @__PURE__ */ h(ye, { className: m.panels, children: e.map(({ name: c, content: $ }) => /* @__PURE__ */ h(
+          /* @__PURE__ */ h(ye, { className: m.panels, children: e.map(({ name: c, content: w }) => /* @__PURE__ */ h(
             Ee,
             {
-              className: P(m.panel, d),
-              children: $
+              className: I(m.panel, d),
+              children: w
             },
             c
           )) })
@@ -411,5 +418,5 @@ const ct = "_container_14t2i_2", ut = "_group_14t2i_6", dt = "_tab_14t2i_17", ft
   }
 );
 export {
-  kt as TabTrail
+  Dt as TabTrail
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.56.2",
+  "version": "1.58.0",
   "type": "module",
   "exports": {
     ".": {