@situaction/traq-ui-ste 1.2.6 → 1.2.8

package/dist/components/calendar/Calendar.js

@@ -2,7 +2,7 @@ import { jsxs as E, jsx as g } from "react/jsx-runtime";
 import { useState as O, useRef as I, useEffect as B } from "react";
 import { IconButton as z } from "../icon-button/IconButton.js";
 import { Button as Se } from "../button/Button.js";
-import '../../styles/Calendar.css';const Ne = "_calendar_1b30a_6", je = "_relative_1b30a_15", Ee = "_dropDownCtn_1b30a_18", Fe = "_calendarHeader_1b30a_28", Le = "_calendarWeekdays_1b30a_38", $e = "_calendarGrid_1b30a_39", He = "_calendarDay_1b30a_49", qe = "_today_1b30a_64", Ae = "_selected_1b30a_67", Je = "_disabled_1b30a_74", Re = "_inRange_1b30a_81", Xe = "_dropdown_1b30a_84", Be = "_yearList_1b30a_96", Ve = "_yearItem_1b30a_103", Qe = "_loading_1b30a_111", M = {
+import '../../styles/Calendar.css';const Ne = "_calendar_1b30a_6", je = "_relative_1b30a_15", Ee = "_dropDownCtn_1b30a_18", Fe = "_calendarHeader_1b30a_28", Le = "_calendarWeekdays_1b30a_38", $e = "_calendarGrid_1b30a_39", He = "_calendarDay_1b30a_49", qe = "_today_1b30a_64", Ae = "_selected_1b30a_67", Je = "_disabled_1b30a_74", Xe = "_inRange_1b30a_81", Re = "_dropdown_1b30a_84", Be = "_yearList_1b30a_96", Ve = "_yearItem_1b30a_103", Qe = "_loading_1b30a_111", M = {
   calendar: Ne,
   relative: je,
   dropDownCtn: Ee,
@@ -13,13 +13,13 @@ import '../../styles/Calendar.css';const Ne = "_calendar_1b30a_6", je = "_relati
   today: qe,
   selected: Ae,
   disabled: Je,
-  inRange: Re,
-  dropdown: Xe,
+  inRange: Xe,
+  dropdown: Re,
   yearList: Be,
   yearItem: Ve,
   loading: Qe
 };
-function h(t) {
+function m(t) {
   const e = Object.prototype.toString.call(t);
   return t instanceof Date || typeof t == "object" && e === "[object Date]" ? new t.constructor(+t) : typeof t == "number" || e === "[object Number]" || typeof t == "string" || e === "[object String]" ? new Date(t) : /* @__PURE__ */ new Date(NaN);
 }
@@ -27,11 +27,11 @@ function k(t, e) {
   return t instanceof Date ? new t.constructor(e) : new Date(e);
 }
 function Ge(t, e) {
-  const n = h(t);
+  const n = m(t);
   return isNaN(e) ? k(t, NaN) : (n.setDate(n.getDate() + e), n);
 }
 function ie(t, e) {
-  const n = h(t);
+  const n = m(t);
   if (isNaN(e)) return k(t, NaN);
   if (!e)
     return n;
@@ -50,27 +50,27 @@ function A() {
   return ze;
 }
 function N(t, e) {
-  var s, l, f, w;
-  const n = A(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((l = (s = e == null ? void 0 : e.locale) == null ? void 0 : s.options) == null ? void 0 : l.weekStartsOn) ?? n.weekStartsOn ?? ((w = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : w.weekStartsOn) ?? 0, r = h(t), i = r.getDay(), c = (i < a ? 7 : 0) + i - a;
-  return r.setDate(r.getDate() - c), r.setHours(0, 0, 0, 0), r;
+  var s, f, h, w;
+  const n = A(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((f = (s = e == null ? void 0 : e.locale) == null ? void 0 : s.options) == null ? void 0 : f.weekStartsOn) ?? n.weekStartsOn ?? ((w = (h = n.locale) == null ? void 0 : h.options) == null ? void 0 : w.weekStartsOn) ?? 0, r = m(t), i = r.getDay(), u = (i < a ? 7 : 0) + i - a;
+  return r.setDate(r.getDate() - u), r.setHours(0, 0, 0, 0), r;
 }
 function H(t) {
   return N(t, { weekStartsOn: 1 });
 }
 function oe(t) {
-  const e = h(t), n = e.getFullYear(), a = k(t, 0);
+  const e = m(t), n = e.getFullYear(), a = k(t, 0);
   a.setFullYear(n + 1, 0, 4), a.setHours(0, 0, 0, 0);
   const r = H(a), i = k(t, 0);
   i.setFullYear(n, 0, 4), i.setHours(0, 0, 0, 0);
-  const c = H(i);
-  return e.getTime() >= r.getTime() ? n + 1 : e.getTime() >= c.getTime() ? n : n - 1;
+  const u = H(i);
+  return e.getTime() >= r.getTime() ? n + 1 : e.getTime() >= u.getTime() ? n : n - 1;
 }
 function q(t) {
-  const e = h(t);
+  const e = m(t);
   return e.setHours(0, 0, 0, 0), e;
 }
 function Z(t) {
-  const e = h(t), n = new Date(
+  const e = m(t), n = new Date(
     Date.UTC(
       e.getFullYear(),
       e.getMonth(),
@@ -91,7 +91,7 @@ function Ue(t) {
   const e = oe(t), n = k(t, 0);
   return n.setFullYear(e, 0, 4), n.setHours(0, 0, 0, 0), H(n);
 }
-function Y(t, e) {
+function _(t, e) {
   const n = q(t), a = q(e);
   return +n == +a;
 }
@@ -101,23 +101,23 @@ function Ke(t) {
 function et(t) {
   if (!Ke(t) && typeof t != "number")
     return !1;
-  const e = h(t);
+  const e = m(t);
   return !isNaN(Number(e));
 }
 function tt(t) {
-  const e = h(t), n = e.getMonth();
+  const e = m(t), n = e.getMonth();
   return e.setFullYear(e.getFullYear(), n + 1, 0), e.setHours(23, 59, 59, 999), e;
 }
 function nt(t) {
-  const e = h(t);
+  const e = m(t);
   return e.setDate(1), e.setHours(0, 0, 0, 0), e;
 }
 function at(t) {
-  const e = h(t), n = k(t, 0);
+  const e = m(t), n = k(t, 0);
   return n.setFullYear(e.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
 function rt(t, e) {
-  const n = e == null ? void 0 : e.weekStartsOn, a = h(t), r = a.getDay(), i = (r < n ? -7 : 0) + 6 - (r - n);
+  const n = e == null ? void 0 : e.weekStartsOn, a = m(t), r = a.getDay(), i = (r < n ? -7 : 0) + 6 - (r - n);
   return a.setDate(a.getDate() + i), a.setHours(23, 59, 59, 999), a;
 }
 const it = {
@@ -234,11 +234,11 @@ function p(t) {
     const a = n != null && n.context ? String(n.context) : "standalone";
     let r;
     if (a === "formatting" && t.formattingValues) {
-      const c = t.defaultFormattingWidth || t.defaultWidth, s = n != null && n.width ? String(n.width) : c;
-      r = t.formattingValues[s] || t.formattingValues[c];
+      const u = t.defaultFormattingWidth || t.defaultWidth, s = n != null && n.width ? String(n.width) : u;
+      r = t.formattingValues[s] || t.formattingValues[u];
     } else {
-      const c = t.defaultWidth, s = n != null && n.width ? String(n.width) : t.defaultWidth;
-      r = t.values[s] || t.values[c];
+      const u = t.defaultWidth, s = n != null && n.width ? String(n.width) : t.defaultWidth;
+      r = t.values[s] || t.values[u];
     }
     const i = t.argumentCallback ? t.argumentCallback(e) : e;
     return r[i];
@@ -400,17 +400,17 @@ function D(t) {
     const a = n.width, r = a && t.matchPatterns[a] || t.matchPatterns[t.defaultMatchWidth], i = e.match(r);
     if (!i)
       return null;
-    const c = i[0], s = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], l = Array.isArray(s) ? pt(s, (v) => v.test(c)) : (
+    const u = i[0], s = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], f = Array.isArray(s) ? pt(s, (v) => v.test(u)) : (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
-      Pt(s, (v) => v.test(c))
+      Pt(s, (v) => v.test(u))
     );
-    let f;
-    f = t.valueCallback ? t.valueCallback(l) : l, f = n.valueCallback ? (
+    let h;
+    h = t.valueCallback ? t.valueCallback(f) : f, h = n.valueCallback ? (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
-      n.valueCallback(f)
-    ) : f;
-    const w = e.slice(c.length);
-    return { value: f, rest: w };
+      n.valueCallback(h)
+    ) : h;
+    const w = e.slice(u.length);
+    return { value: h, rest: w };
   };
 }
 function Pt(t, e) {
@@ -429,10 +429,10 @@ function ce(t) {
     if (!a) return null;
     const r = a[0], i = e.match(t.parsePattern);
     if (!i) return null;
-    let c = t.valueCallback ? t.valueCallback(i[0]) : i[0];
-    c = n.valueCallback ? n.valueCallback(c) : c;
+    let u = t.valueCallback ? t.valueCallback(i[0]) : i[0];
+    u = n.valueCallback ? n.valueCallback(u) : u;
     const s = e.slice(r.length);
-    return { value: c, rest: s };
+    return { value: u, rest: s };
   };
 }
 const Dt = /^(\d+)(th|st|nd|rd)?/i, kt = /\d+/i, Ot = {
@@ -552,32 +552,32 @@ const Dt = /^(\d+)(th|st|nd|rd)?/i, kt = /\d+/i, Ot = {
   }
 };
 function Lt(t) {
-  const e = h(t);
+  const e = m(t);
   return Ze(e, at(e)) + 1;
 }
 function $t(t) {
-  const e = h(t), n = +H(e) - +Ue(e);
+  const e = m(t), n = +H(e) - +Ue(e);
   return Math.round(n / se) + 1;
 }
 function ue(t, e) {
   var w, v, x, T;
-  const n = h(t), a = n.getFullYear(), r = A(), i = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((v = (w = e == null ? void 0 : e.locale) == null ? void 0 : w.options) == null ? void 0 : v.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((T = (x = r.locale) == null ? void 0 : x.options) == null ? void 0 : T.firstWeekContainsDate) ?? 1, c = k(t, 0);
-  c.setFullYear(a + 1, 0, i), c.setHours(0, 0, 0, 0);
-  const s = N(c, e), l = k(t, 0);
-  l.setFullYear(a, 0, i), l.setHours(0, 0, 0, 0);
-  const f = N(l, e);
-  return n.getTime() >= s.getTime() ? a + 1 : n.getTime() >= f.getTime() ? a : a - 1;
+  const n = m(t), a = n.getFullYear(), r = A(), i = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((v = (w = e == null ? void 0 : e.locale) == null ? void 0 : w.options) == null ? void 0 : v.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((T = (x = r.locale) == null ? void 0 : x.options) == null ? void 0 : T.firstWeekContainsDate) ?? 1, u = k(t, 0);
+  u.setFullYear(a + 1, 0, i), u.setHours(0, 0, 0, 0);
+  const s = N(u, e), f = k(t, 0);
+  f.setFullYear(a, 0, i), f.setHours(0, 0, 0, 0);
+  const h = N(f, e);
+  return n.getTime() >= s.getTime() ? a + 1 : n.getTime() >= h.getTime() ? a : a - 1;
 }
 function Ht(t, e) {
-  var s, l, f, w;
-  const n = A(), a = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((l = (s = e == null ? void 0 : e.locale) == null ? void 0 : s.options) == null ? void 0 : l.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((w = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, r = ue(t, e), i = k(t, 0);
+  var s, f, h, w;
+  const n = A(), a = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((f = (s = e == null ? void 0 : e.locale) == null ? void 0 : s.options) == null ? void 0 : f.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((w = (h = n.locale) == null ? void 0 : h.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, r = ue(t, e), i = k(t, 0);
   return i.setFullYear(r, 0, a), i.setHours(0, 0, 0, 0), N(i, e);
 }
 function qt(t, e) {
-  const n = h(t), a = +N(n, e) - +Ht(n, e);
+  const n = m(t), a = +N(n, e) - +Ht(n, e);
   return Math.round(a / se) + 1;
 }
-function u(t, e) {
+function d(t, e) {
   const n = t < 0 ? "-" : "", a = Math.abs(t).toString().padStart(e, "0");
   return n + a;
 }
@@ -585,16 +585,16 @@ const W = {
   // Year
   y(t, e) {
     const n = t.getFullYear(), a = n > 0 ? n : 1 - n;
-    return u(e === "yy" ? a % 100 : a, e.length);
+    return d(e === "yy" ? a % 100 : a, e.length);
   },
   // Month
   M(t, e) {
     const n = t.getMonth();
-    return e === "M" ? String(n + 1) : u(n + 1, 2);
+    return e === "M" ? String(n + 1) : d(n + 1, 2);
   },
   // Day of the month
   d(t, e) {
-    return u(t.getDate(), e.length);
+    return d(t.getDate(), e.length);
   },
   // AM or PM
   a(t, e) {
@@ -614,26 +614,26 @@ const W = {
   },
   // Hour [1-12]
   h(t, e) {
-    return u(t.getHours() % 12 || 12, e.length);
+    return d(t.getHours() % 12 || 12, e.length);
   },
   // Hour [0-23]
   H(t, e) {
-    return u(t.getHours(), e.length);
+    return d(t.getHours(), e.length);
   },
   // Minute
   m(t, e) {
-    return u(t.getMinutes(), e.length);
+    return d(t.getMinutes(), e.length);
   },
   // Second
   s(t, e) {
-    return u(t.getSeconds(), e.length);
+    return d(t.getSeconds(), e.length);
   },
   // Fraction of second
   S(t, e) {
     const n = e.length, a = t.getMilliseconds(), r = Math.trunc(
       a * Math.pow(10, n - 3)
     );
-    return u(r, e.length);
+    return d(r, e.length);
   }
 }, C = {
   am: "am",
@@ -672,15 +672,15 @@ const W = {
   Y: function(t, e, n, a) {
     const r = ue(t, a), i = r > 0 ? r : 1 - r;
     if (e === "YY") {
-      const c = i % 100;
-      return u(c, 2);
+      const u = i % 100;
+      return d(u, 2);
     }
-    return e === "Yo" ? n.ordinalNumber(i, { unit: "year" }) : u(i, e.length);
+    return e === "Yo" ? n.ordinalNumber(i, { unit: "year" }) : d(i, e.length);
   },
   // ISO week-numbering year
   R: function(t, e) {
     const n = oe(t);
-    return u(n, e.length);
+    return d(n, e.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -693,7 +693,7 @@ const W = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(t, e) {
     const n = t.getFullYear();
-    return u(n, e.length);
+    return d(n, e.length);
   },
   // Quarter
   Q: function(t, e, n) {
@@ -702,7 +702,7 @@ const W = {
       case "Q":
         return String(a);
       case "QQ":
-        return u(a, 2);
+        return d(a, 2);
       case "Qo":
         return n.ordinalNumber(a, { unit: "quarter" });
       case "QQQ":
@@ -730,7 +730,7 @@ const W = {
       case "q":
         return String(a);
       case "qq":
-        return u(a, 2);
+        return d(a, 2);
       case "qo":
         return n.ordinalNumber(a, { unit: "quarter" });
       case "qqq":
@@ -782,7 +782,7 @@ const W = {
       case "L":
         return String(a + 1);
       case "LL":
-        return u(a + 1, 2);
+        return d(a + 1, 2);
       case "Lo":
         return n.ordinalNumber(a + 1, { unit: "month" });
       case "LLL":
@@ -803,12 +803,12 @@ const W = {
   // Local week of year
   w: function(t, e, n, a) {
     const r = qt(t, a);
-    return e === "wo" ? n.ordinalNumber(r, { unit: "week" }) : u(r, e.length);
+    return e === "wo" ? n.ordinalNumber(r, { unit: "week" }) : d(r, e.length);
   },
   // ISO week of year
   I: function(t, e, n) {
     const a = $t(t);
-    return e === "Io" ? n.ordinalNumber(a, { unit: "week" }) : u(a, e.length);
+    return e === "Io" ? n.ordinalNumber(a, { unit: "week" }) : d(a, e.length);
   },
   // Day of the month
   d: function(t, e, n) {
@@ -817,7 +817,7 @@ const W = {
   // Day of year
   D: function(t, e, n) {
     const a = Lt(t);
-    return e === "Do" ? n.ordinalNumber(a, { unit: "dayOfYear" }) : u(a, e.length);
+    return e === "Do" ? n.ordinalNumber(a, { unit: "dayOfYear" }) : d(a, e.length);
   },
   // Day of week
   E: function(t, e, n) {
@@ -855,7 +855,7 @@ const W = {
       case "e":
         return String(i);
       case "ee":
-        return u(i, 2);
+        return d(i, 2);
       case "eo":
         return n.ordinalNumber(i, { unit: "day" });
       case "eee":
@@ -888,7 +888,7 @@ const W = {
       case "c":
         return String(i);
       case "cc":
-        return u(i, e.length);
+        return d(i, e.length);
       case "co":
         return n.ordinalNumber(i, { unit: "day" });
       case "ccc":
@@ -921,7 +921,7 @@ const W = {
       case "i":
         return String(r);
       case "ii":
-        return u(r, e.length);
+        return d(r, e.length);
       case "io":
         return n.ordinalNumber(r, { unit: "day" });
       case "iii":
@@ -1044,12 +1044,12 @@ const W = {
   // Hour [0-11]
   K: function(t, e, n) {
     const a = t.getHours() % 12;
-    return e === "Ko" ? n.ordinalNumber(a, { unit: "hour" }) : u(a, e.length);
+    return e === "Ko" ? n.ordinalNumber(a, { unit: "hour" }) : d(a, e.length);
   },
   // Hour [1-24]
   k: function(t, e, n) {
     let a = t.getHours();
-    return a === 0 && (a = 24), e === "ko" ? n.ordinalNumber(a, { unit: "hour" }) : u(a, e.length);
+    return a === 0 && (a = 24), e === "ko" ? n.ordinalNumber(a, { unit: "hour" }) : d(a, e.length);
   },
   // Minute
   m: function(t, e, n) {
@@ -1073,11 +1073,11 @@ const W = {
         return ee(a);
       case "XXXX":
       case "XX":
-        return _(a);
+        return Y(a);
       case "XXXXX":
       case "XXX":
       default:
-        return _(a, ":");
+        return Y(a, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -1088,11 +1088,11 @@ const W = {
         return ee(a);
       case "xxxx":
       case "xx":
-        return _(a);
+        return Y(a);
       case "xxxxx":
       case "xxx":
       default:
-        return _(a, ":");
+        return Y(a, ":");
     }
   },
   // Timezone (GMT)
@@ -1105,7 +1105,7 @@ const W = {
         return "GMT" + K(a, ":");
       case "OOOO":
       default:
-        return "GMT" + _(a, ":");
+        return "GMT" + Y(a, ":");
     }
   },
   // Timezone (specific non-location)
@@ -1118,29 +1118,29 @@ const W = {
         return "GMT" + K(a, ":");
       case "zzzz":
       default:
-        return "GMT" + _(a, ":");
+        return "GMT" + Y(a, ":");
     }
   },
   // Seconds timestamp
   t: function(t, e, n) {
     const a = Math.trunc(t.getTime() / 1e3);
-    return u(a, e.length);
+    return d(a, e.length);
   },
   // Milliseconds timestamp
   T: function(t, e, n) {
     const a = t.getTime();
-    return u(a, e.length);
+    return d(a, e.length);
   }
 };
 function K(t, e = "") {
   const n = t > 0 ? "-" : "+", a = Math.abs(t), r = Math.trunc(a / 60), i = a % 60;
-  return i === 0 ? n + String(r) : n + String(r) + e + u(i, 2);
+  return i === 0 ? n + String(r) : n + String(r) + e + d(i, 2);
 }
 function ee(t, e) {
-  return t % 60 === 0 ? (t > 0 ? "-" : "+") + u(Math.abs(t) / 60, 2) : _(t, e);
+  return t % 60 === 0 ? (t > 0 ? "-" : "+") + d(Math.abs(t) / 60, 2) : Y(t, e);
 }
-function _(t, e = "") {
-  const n = t > 0 ? "-" : "+", a = Math.abs(t), r = u(Math.trunc(a / 60), 2), i = u(a % 60, 2);
+function Y(t, e = "") {
+  const n = t > 0 ? "-" : "+", a = Math.abs(t), r = d(Math.trunc(a / 60), 2), i = d(a % 60, 2);
   return n + r + e + i;
 }
 const te = (t, e) => {
@@ -1191,12 +1191,12 @@ const te = (t, e) => {
 }, Jt = {
   p: de,
   P: At
-}, Rt = /^D+$/, Xt = /^Y+$/, Bt = ["D", "DD", "YY", "YYYY"];
+}, Xt = /^D+$/, Rt = /^Y+$/, Bt = ["D", "DD", "YY", "YYYY"];
 function Vt(t) {
-  return Rt.test(t);
+  return Xt.test(t);
 }
 function Qt(t) {
-  return Xt.test(t);
+  return Rt.test(t);
 }
 function Gt(t, e, n) {
   const a = It(t, e, n);
@@ -1209,10 +1209,10 @@ function It(t, e, n) {
 const zt = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Zt = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ut = /^'([^]*?)'?$/, Kt = /''/g, en = /[a-zA-Z]/;
 function ne(t, e, n) {
   var w, v, x, T, F, L, j, $;
-  const a = A(), r = (n == null ? void 0 : n.locale) ?? a.locale ?? Ft, i = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((v = (w = n == null ? void 0 : n.locale) == null ? void 0 : w.options) == null ? void 0 : v.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((T = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : T.firstWeekContainsDate) ?? 1, c = (n == null ? void 0 : n.weekStartsOn) ?? ((L = (F = n == null ? void 0 : n.locale) == null ? void 0 : F.options) == null ? void 0 : L.weekStartsOn) ?? a.weekStartsOn ?? (($ = (j = a.locale) == null ? void 0 : j.options) == null ? void 0 : $.weekStartsOn) ?? 0, s = h(t);
+  const a = A(), r = (n == null ? void 0 : n.locale) ?? a.locale ?? Ft, i = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((v = (w = n == null ? void 0 : n.locale) == null ? void 0 : w.options) == null ? void 0 : v.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((T = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : T.firstWeekContainsDate) ?? 1, u = (n == null ? void 0 : n.weekStartsOn) ?? ((L = (F = n == null ? void 0 : n.locale) == null ? void 0 : F.options) == null ? void 0 : L.weekStartsOn) ?? a.weekStartsOn ?? (($ = (j = a.locale) == null ? void 0 : j.options) == null ? void 0 : $.weekStartsOn) ?? 0, s = m(t);
   if (!et(s))
     throw new RangeError("Invalid time value");
-  let l = e.match(Zt).map((y) => {
+  let f = e.match(Zt).map((y) => {
     const b = y[0];
     if (b === "p" || b === "P") {
       const P = Jt[b];
@@ -1233,18 +1233,18 @@ function ne(t, e, n) {
       );
     return { isToken: !1, value: y };
   });
-  r.localize.preprocessor && (l = r.localize.preprocessor(s, l));
-  const f = {
+  r.localize.preprocessor && (f = r.localize.preprocessor(s, f));
+  const h = {
     firstWeekContainsDate: i,
-    weekStartsOn: c,
+    weekStartsOn: u,
     locale: r
   };
-  return l.map((y) => {
+  return f.map((y) => {
     if (!y.isToken) return y.value;
     const b = y.value;
     (!(n != null && n.useAdditionalWeekYearTokens) && Qt(b) || !(n != null && n.useAdditionalDayOfYearTokens) && Vt(b)) && Gt(b, e, String(t));
     const P = U[b[0]];
-    return P(s, b, r.localize, f);
+    return P(s, b, r.localize, h);
   }).join("");
 }
 function tn(t) {
@@ -1252,15 +1252,15 @@ function tn(t) {
   return e ? e[1].replace(Kt, "'") : t;
 }
 function ae(t, e) {
-  const n = h(t), a = h(e);
+  const n = m(t), a = m(e);
   return n.getTime() > a.getTime();
 }
 function re(t, e) {
-  const n = h(t), a = h(e);
+  const n = m(t), a = m(e);
   return +n < +a;
 }
 function nn(t, e) {
-  const n = h(t), a = h(e);
+  const n = m(t), a = m(e);
   return n.getFullYear() === a.getFullYear() && n.getMonth() === a.getMonth();
 }
 function an(t, e) {
@@ -1599,27 +1599,26 @@ const rn = {
     firstWeekContainsDate: 4
   }
 }, Hn = ({ selectRange: t = !1, selectedDate: e, onDateSelect: n, maxDateSelected: a, minDateSelected: r }) => {
-  const [i, c] = O(() => t && e && "start" in e ? e.start : /* @__PURE__ */ new Date()), [s, l] = O(e || null), [f, w] = O(!1), [v, x] = O(null), [T, F] = O([]), [L, j] = O(!1), [$, y] = O((/* @__PURE__ */ new Date()).getFullYear()), b = 1900, P = I(null), J = I(null), le = /* @__PURE__ */ new Date(), V = nt(i), me = tt(i), he = N(V, { weekStartsOn: 1 }), fe = rt(me, { weekStartsOn: 1 }), [R, ge] = O(null);
+  const [i, u] = O(() => t && e && "start" in e ? e.start : /* @__PURE__ */ new Date()), [s, f] = O(e || null), [h, w] = O(!1), [v, x] = O(null), [T, F] = O([]), [L, j] = O(!1), [$, y] = O((/* @__PURE__ */ new Date()).getFullYear()), b = 1900, P = I(null), J = I(null), le = /* @__PURE__ */ new Date(), V = nt(i), me = tt(i), he = N(V, { weekStartsOn: 1 }), fe = rt(me, { weekStartsOn: 1 }), [X, ge] = O(null);
   B(() => {
-    l(e || null), t && e && "start" in e ? c(e.start) : !t && e instanceof Date && c(e);
+    e && (t && JSON.stringify(e) !== JSON.stringify(s) || !t && e instanceof Date && !_(e, s)) && (f(e ?? null), t && "start" in e ? u(e.start) : !t && e instanceof Date && u(e));
   }, [e, t]);
   const Q = (o) => {
-    c((d) => o > 0 ? ie(d, 1) : an(d, 1));
+    u((c) => o > 0 ? ie(c, 1) : an(c, 1));
   }, we = (o) => {
+    let c;
     if (t)
-      if (R !== null && o)
-        s && typeof s == "object" && "start" in s && "end" in s && (R === s.start ? o < s.start ? l({ start: o, end: s.start }) : l({ start: s.start, end: o }) : R === s.end && (o > s.end ? l({ start: s.end, end: o }) : l({ start: o, end: s.end })));
+      if (X !== null && o)
+        s && typeof s == "object" && "start" in s && "end" in s ? X === s.start ? c = o < s.start ? { start: o, end: s.start } : { start: s.start, end: o } : X === s.end ? c = o > s.end ? { start: s.end, end: o } : { start: o, end: s.end } : c = { start: o, end: o } : c = { start: o, end: o };
       else if (!s || !(typeof s == "object" && "start" in s))
-        l({ start: o, end: o });
+        c = { start: o, end: o };
       else {
-        const { start: d } = s;
-        o < d ? l({ start: o, end: d }) : l({ start: d, end: o });
+        const { start: l } = s;
+        c = o < l ? { start: o, end: l } : { start: l, end: o };
       }
     else
-      l(o);
-    ge(o), n(
-      t ? s : o
-    );
+      c = o;
+    f(c), ge(o), n(c);
   }, be = () => w((o) => !o);
   B(() => {
     G();
@@ -1627,54 +1626,54 @@ const rn = {
   const G = () => {
     L || (j(!0), setTimeout(() => {
       const o = [];
-      let d = $;
-      for (let m = 0; m < 10 && !(d < b); m++)
-        o.push(d), d -= 1;
-      o.length > 0 && (F((m) => [...m, ...o]), y(d)), j(!1);
+      let c = $;
+      for (let l = 0; l < 10 && !(c < b); l++)
+        o.push(c), c -= 1;
+      o.length > 0 && (F((l) => [...l, ...o]), y(c)), j(!1);
     }, 500));
   };
   B(() => {
-    if (f && v && P.current) {
+    if (h && v && P.current) {
       const o = P.current.querySelector(`[data-year="${v}"]`);
       o && P.current && (P.current.scrollTop = o.offsetTop - P.current.offsetTop);
     }
-  }, [f, v]);
-  const ye = () => ["Lu", "Ma", "Me", "Je", "Ve", "Sa", "Di"].map((d, m) => /* @__PURE__ */ g("div", { className: M.calendarWeekdays, children: d }, m)), Me = () => {
-    let o = [], d = he;
-    for (; d <= fe; )
-      o.push(d), d = Ge(d, 1);
-    return o.map((m, De) => {
-      const X = s && typeof s == "object" && "start" in s && "end" in s, ke = X && Y(m, s.start), Oe = X && Y(m, s.end), We = X && ae(m, s.start) && re(m, s.end), xe = r && (re(m, r) || Y(m, r)), Te = a && (ae(m, a) || Y(m, a)), _e = r && xe || a && Te, Ye = !nn(m, V), Ce = _e || Ye;
+  }, [h, v]);
+  const ye = () => ["Lu", "Ma", "Me", "Je", "Ve", "Sa", "Di"].map((c, l) => /* @__PURE__ */ g("div", { className: M.calendarWeekdays, children: c }, l)), Me = () => {
+    let o = [], c = he;
+    for (; c <= fe; )
+      o.push(c), c = Ge(c, 1);
+    return o.map((l, De) => {
+      const R = s && typeof s == "object" && "start" in s && "end" in s, ke = R && _(l, s.start), Oe = R && _(l, s.end), We = R && ae(l, s.start) && re(l, s.end), xe = r && (re(l, r) || _(l, r)), Te = a && (ae(l, a) || _(l, a)), _e = r && xe || a && Te, Ye = !nn(l, V), Ce = _e || Ye;
       return /* @__PURE__ */ g(
         "div",
         {
           className: `
           ${M.calendarDay}
-          ${Y(m, le) ? M.today : ""} 
-          ${s && Y(m, s) ? M.selected : ""} 
+          ${_(l, le) ? M.today : ""} 
+          ${s && _(l, s) ? M.selected : ""} 
           ${ke || Oe ? M.selected : ""} // Applique 'selected' si start ou end
           ${We ? M.inRange : ""} // Applique 'inRange' si la date est entre start et end
           ${Ce ? M.disabled : ""}
         `,
-          onClick: () => we(m),
-          children: ne(m, "d")
+          onClick: () => we(l),
+          children: ne(l, "d")
         },
         De
       );
     });
   }, ve = (o) => {
-    const d = o.currentTarget;
-    d.scrollHeight === d.scrollTop + d.clientHeight && G();
+    const c = o.currentTarget;
+    c.scrollHeight === c.scrollTop + c.clientHeight && G();
   }, Pe = () => {
-    const o = (d) => {
-      P.current && !P.current.contains(d.target) && J.current && !J.current.contains(d.target) && w(!1);
+    const o = (c) => {
+      P.current && !P.current.contains(c.target) && J.current && !J.current.contains(c.target) && w(!1);
     };
     return document.addEventListener("click", o), () => {
       document.removeEventListener("click", o);
     };
   }, pe = (o) => {
-    const d = ne(o, "MMM yyyy", { locale: jn });
-    return d.charAt(0).toUpperCase() + d.slice(1);
+    const c = ne(o, "MMM yyyy", { locale: jn });
+    return c.charAt(0).toUpperCase() + c.slice(1);
   };
   return /* @__PURE__ */ E("div", { className: M.calendar, onClick: Pe, children: [
     /* @__PURE__ */ E("div", { className: `${M.calendarHeader}`, children: [
@@ -1690,10 +1689,10 @@ const rn = {
             mode: "tertiary",
             label: pe(i),
             onClick: be,
-            childrenRight: f ? /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ g("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ g("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
+            childrenRight: h ? /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ g("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ g("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
           }
         ),
-        f && /* @__PURE__ */ g("div", { className: M.dropdown, children: /* @__PURE__ */ g(
+        h && /* @__PURE__ */ g("div", { className: M.dropdown, children: /* @__PURE__ */ g(
           "div",
           {
             ref: P,
@@ -1705,7 +1704,7 @@ const rn = {
                 "data-year": o,
                 className: M.yearItem,
                 onClick: () => {
-                  x(o), c(new Date(o, i.getMonth())), w(!1);
+                  x(o), u(new Date(o, i.getMonth())), w(!1);
                 },
                 children: o
               },

package/dist/components/tabs/Tabs.d.ts

@@ -3,21 +3,22 @@ import { FC, ReactNode } from 'react';
 export interface TabsProps {
     /** select the type of data text or icon that we put in tabs */
     type: 'text' | 'icon' | 'button';
-    /** Array of strings representing the labels of the tabs */
+    /** Array of strings or nodes representing the labels of the tabs */
     listItems: (string | ReactNode)[];
-    /** Index of the tab that should be active by default */
+    /** Active tab (controlled) */
+    activeTab?: number;
+    /** Index of the tab that should be active by default (uncontrolled) */
     defaultActiveTab?: number;
     /** Position Tabs */
     position?: 'center' | 'right' | 'left';
-    /** Callback function to handle tab selection, receiving the selected tab's label */
-    onTabSelect: (selectedItem: string | ReactNode) => void;
-    /** Full width*/
+    /** Callback on selection (label + index) */
+    onTabSelect: (selectedItem: string | ReactNode, index?: number) => void;
+    /** Full width */
     fullWidth?: boolean;
-    /** tabs disabled */
+    /** Disabled tabs indices */
     disabledTabs?: number[];
 }
 /**
- * Tabs component that allows tab navigation with text, icons, or buttons.
- * It includes a dynamic underline to show the active tab.
+ * Tabs with dynamic underline. Works controlled (activeTab) or uncontrolled (defaultActiveTab).
  */
 export declare const Tabs: FC<TabsProps>;

package/dist/components/tabs/Tabs.js

@@ -1,8 +1,8 @@
-import { jsxs as w, jsx as l } from "react/jsx-runtime";
-import { useState as f, useRef as u, useLayoutEffect as B } from "react";
-import { Button as p } from "../button/Button.js";
-import { IconButton as S } from "../icon-button/IconButton.js";
-import '../../styles/Tabs.css';const j = "_underline_6o3gh_70", e = {
+import { jsxs as j, jsx as s } from "react/jsx-runtime";
+import { useState as R, useRef as $, useEffect as u, useLayoutEffect as k } from "react";
+import { Button as q } from "../button/Button.js";
+import { IconButton as B } from "../icon-button/IconButton.js";
+import '../../styles/Tabs.css';const L = "_underline_6o3gh_70", n = {
   "tab-container": "_tab-container_6o3gh_30",
   "tab-container-button": "_tab-container-button_6o3gh_34",
   "tab-container-icon": "_tab-container-icon_6o3gh_39",
@@ -12,85 +12,114 @@ import '../../styles/Tabs.css';const j = "_underline_6o3gh_70", e = {
   "tab-full-width": "_tab-full-width_6o3gh_51",
   "selected-button": "_selected-button_6o3gh_57",
   "selected-text": "_selected-text_6o3gh_63",
-  underline: j,
+  underline: L,
   "flexHorizontal-center": "_flexHorizontal-center_6o3gh_78",
   "flexHorizontal-left": "_flexHorizontal-left_6o3gh_84",
   "flexHorizontal-right": "_flexHorizontal-right_6o3gh_90"
-}, q = ({
-  listItems: c,
-  type: o,
-  onTabSelect: h,
-  defaultActiveTab: g = 0,
+}, C = (o, r) => {
+  if (!Number.isFinite(o)) return 0;
+  const b = Math.max(0, r);
+  return Math.min(Math.max(o, 0), b);
+}, D = ({
+  listItems: o,
+  type: r,
+  onTabSelect: b,
+  activeTab: _,
+  defaultActiveTab: f = 0,
   position: m = "left",
-  fullWidth: x = !1,
-  disabledTabs: b = []
-  // ✅ par défaut vide
+  fullWidth: H = !1,
+  disabledTabs: g = []
 }) => {
-  const [s, v] = f(g), [z, $] = f({}), r = u(null), R = u(null), _ = u([]), d = (t) => {
-    b.includes(t) || (v(t), h(c[t]));
-  }, H = (t) => {
-    if (r.current && t) {
-      const n = t.getBoundingClientRect(), i = r.current.getBoundingClientRect();
-      $({
-        left: `${n.left - i.left}px`,
-        width: `${n.width}px`
-      });
+  const c = _ !== void 0, [N, x] = R(f), h = C(
+    c ? _ : N,
+    (o.length || 1) - 1
+  ), [A, E] = R({}), l = $(null), z = $([]), v = (t) => {
+    g.includes(t) || (c || x(t), b(o[t], t));
+  }, w = (t) => {
+    if (!l.current || !t || r === "button") return;
+    const e = l.current.getBoundingClientRect();
+    if (e.width === 0) {
+      requestAnimationFrame(() => w(t));
+      return;
     }
-  }, C = [
-    e[`flexHorizontal-${m}`],
-    o === "button" ? e["tab-items-button"] : e["tab-items"]
-  ].filter(Boolean).join(" ");
-  return B(() => {
-    const t = _.current[s];
-    t && requestAnimationFrame(() => {
-      H(t);
+    const i = t.getBoundingClientRect();
+    E({
+      left: `${i.left - e.left}px`,
+      width: `${i.width}px`
     });
-  }, [s, c.length]), /* @__PURE__ */ w(
+  }, a = () => {
+    const t = z.current[h] ?? null;
+    requestAnimationFrame(
+      () => requestAnimationFrame(() => w(t))
+    );
+  };
+  u(() => {
+    c && a();
+  }, [_]), k(() => {
+    a();
+  }, [h, m, o.length]), u(() => {
+    c || x(C(f, (o.length || 1) - 1));
+  }, [f, o.length, c]), u(() => {
+    var t, e;
+    (e = (t = document.fonts) == null ? void 0 : t.ready) == null || e.then(() => a());
+  }, []), u(() => {
+    const t = () => a();
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, []), u(() => {
+    if (!l.current) return;
+    const t = new ResizeObserver(() => a());
+    return t.observe(l.current), () => t.disconnect();
+  }, []);
+  const F = [
+    n[`flexHorizontal-${m}`],
+    r === "button" ? n["tab-items-button"] : n["tab-items"]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ j(
     "div",
     {
-      className: `tab ${e["tab-container"]} ${e[`tab-container-${o}`]} ${x && e["tab-full-width"]}`,
-      ref: r,
+      className: `tab ${n["tab-container"]} ${n[`tab-container-${r}`]} ${H && n["tab-full-width"]}`,
+      ref: l,
       children: [
-        /* @__PURE__ */ l("div", { className: C, children: c.map((t, n) => {
-          const i = b.includes(n), a = n === s;
-          return /* @__PURE__ */ l(
+        /* @__PURE__ */ s("div", { className: F, children: o.map((t, e) => {
+          const i = g.includes(e), d = e === h;
+          return /* @__PURE__ */ s(
             "div",
             {
-              ref: (N) => _.current[n] = N,
+              ref: (S) => z.current[e] = S,
               className: `
-                ${o === "button" && a ? e["selected-button"] : ""}
-                ${i ? e["tab-disabled"] : ""}
+                ${r === "button" && d ? n["selected-button"] : ""}
+                ${i ? n["tab-disabled"] : ""}
               `,
-              children: o === "icon" ? /* @__PURE__ */ l(
-                S,
+              children: r === "icon" ? /* @__PURE__ */ s(
+                B,
                 {
                   mode: "icon",
                   size: "s",
-                  selected: a,
-                  onClick: () => d(n),
+                  selected: d,
+                  onClick: () => v(e),
                   disabled: i,
                   children: t
                 }
-              ) : /* @__PURE__ */ l("div", { className: a ? e["selected-text"] : void 0, children: /* @__PURE__ */ l(
-                p,
+              ) : /* @__PURE__ */ s("div", { className: d ? n["selected-text"] : void 0, children: /* @__PURE__ */ s(
+                q,
                 {
                   size: "s",
                   label: t,
-                  mode: o === "text" ? "text" : "ghost",
-                  selected: a,
-                  onClick: () => d(n),
+                  mode: r === "text" ? "text" : "ghost",
+                  selected: d,
+                  onClick: () => v(e),
                   disabled: i
                 }
               ) })
             },
-            n
+            e
           );
         }) }),
-        o !== "button" && /* @__PURE__ */ l("div", { ref: R, className: e.underline, style: z })
+        r !== "button" && /* @__PURE__ */ s("div", { className: n.underline, style: A })
       ]
     }
   );
 };
 export {
-  q as Tabs
+  D as Tabs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",