@situaction/traq-ui-ste 1.2.13 → 1.2.16

package/dist/components/panel/side-panel/SidePanel.js

@@ -1,46 +1,45 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as _, useRef as R, useEffect as y } from "react";
-import '../../../styles/SidePanel.css';const L = "_panel_lk5yy_1", x = "_openPanelBtn_lk5yy_9", v = "_box_lk5yy_18", b = "_panelLeft_lk5yy_29", B = "_panelRight_lk5yy_36", C = "_panelOpenedLeft_lk5yy_43", H = "_panelOpenedRight_lk5yy_47", S = "_panelHidden_lk5yy_51", E = "_displayPanel_lk5yy_55", N = "_hidePanel_lk5yy_59", e = {
-  panel: L,
-  openPanelBtn: x,
-  box: v,
-  panelLeft: b,
-  panelRight: B,
+import { useState as _, useRef as L, useEffect as f } from "react";
+import '../../../styles/SidePanel.css';const P = "_panel_lk5yy_1", x = "_box_lk5yy_18", v = "_panelLeft_lk5yy_29", b = "_panelRight_lk5yy_36", C = "_panelOpenedLeft_lk5yy_43", H = "_panelOpenedRight_lk5yy_47", S = "_panelHidden_lk5yy_51", E = "_displayPanel_lk5yy_55", N = "_hidePanel_lk5yy_59", e = {
+  panel: P,
+  box: x,
+  panelLeft: v,
+  panelRight: b,
   panelOpenedLeft: C,
   panelOpenedRight: H,
   panelHidden: S,
   displayPanel: E,
   hidePanel: N
 }, $ = ({
-  children: f,
+  children: y,
   width: a,
-  left: o = !0,
+  left: d = !0,
   opened: n = !1,
   onToggle: t
 }) => {
-  const [l, s] = _(n), [u, i] = _(n), p = R(null), m = {
+  const [l, s] = _(n), [u, i] = _(n), p = L(null), m = {
     "--dynamic-left": `-${a}`,
     "--dynamic-right": `-${a}`,
     width: a
-  }, h = o ? e.panelLeft : e.panelRight, P = o ? e.panelOpenedLeft : e.panelOpenedRight, k = [
+  }, h = d ? e.panelLeft : e.panelRight, O = d ? e.panelOpenedLeft : e.panelOpenedRight, R = [
     e.panel,
     h,
     !l && e.panelHidden,
-    l && P,
+    l && O,
     u ? e.displayPanel : e.hidePanel
   ].filter(Boolean).join(" ");
-  return y(() => {
+  return f(() => {
     n ? (i(!0), setTimeout(() => s(!0), 10)) : (s(!1), setTimeout(() => i(!1), 300));
-  }, [n]), y(() => {
-    const d = (O) => {
-      const c = O.target;
+  }, [n]), f(() => {
+    const o = (k) => {
+      const c = k.target;
       c.closest("[data-ignore-outside-click]") || p.current && !p.current.contains(c) && (s(!1), t == null || t(!1), setTimeout(() => i(!1), 300));
     };
     if (l)
-      return document.addEventListener("mousedown", d), () => {
-        document.removeEventListener("mousedown", d);
+      return document.addEventListener("mousedown", o), () => {
+        document.removeEventListener("mousedown", o);
       };
-  }, [l, t]), /* @__PURE__ */ r("div", { style: m, className: k, children: /* @__PURE__ */ r("div", { ref: p, className: e.box, children: f }) });
+  }, [l, t]), /* @__PURE__ */ r("div", { style: m, className: R, children: /* @__PURE__ */ r("div", { ref: p, className: e.box, children: y }) });
 };
 export {
   $ as SidePanel

package/dist/components/panel/side-panel-header/SidePanelHeader.js

@@ -4,13 +4,14 @@ import "react";
 import { IconButton as i } from "../../icon-button/IconButton.js";
 import { Icon as t } from "../../icon/Icon.js";
 import "../../modal/Modal.js";
+import "../../carousel/Carousel.js";
 import "../../theme/ThemeContext.js";
 import '../../../styles/Size.css';import '../../../styles/SidePanelHeader.css';/* empty css                      */
 const c = "_sidePanelHeader_72g7b_6", m = "_buttonArrow_72g7b_13", h = "_title_72g7b_20", r = {
   sidePanelHeader: c,
   buttonArrow: m,
   title: h
-}, v = ({
+}, z = ({
   title: s,
   icon: o,
   onClickBack: L,
@@ -72,5 +73,5 @@ const c = "_sidePanelHeader_72g7b_6", m = "_buttonArrow_72g7b_13", h = "_title_7
   )
 ] });
 export {
-  v as SidePanelHeader
+  z as SidePanelHeader
 };

package/dist/components/select/Select.js

@@ -1,59 +1,58 @@
 import { jsxs as L, jsx as s } from "react/jsx-runtime";
-import { useState as _, useRef as v, useEffect as d } from "react";
+import { useState as y, useRef as v, useEffect as d } from "react";
 import { Button as W } from "../button/Button.js";
-import { Input as q } from "../input/Input.js";
-import { IconButton as G } from "../icon-button/IconButton.js";
-import { Icon as y } from "../icon/Icon.js";
-import { Modal as H } from "../modal/Modal.js";
+import { Input as G } from "../input/Input.js";
+import { IconButton as H } from "../icon-button/IconButton.js";
+import { Icon as _ } from "../icon/Icon.js";
+import { Modal as J } from "../modal/Modal.js";
+import "../carousel/Carousel.js";
 import "../theme/ThemeContext.js";
 import '../../styles/Size.css';import '../../styles/Select.css';/* empty css                   */
-const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_133eb_61", Y = "_active_133eb_78", Z = "_selectList_133eb_82", O = "_modal_133eb_91", ee = "_dropdownFadeIn_133eb_1", te = "_itemLabel_133eb_98", ne = "_searchWrapper_133eb_103", re = "_noResults_133eb_109", f = {
-  selectContainer: J,
-  selected: Q,
+const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_133eb_78", Z = "_selectList_133eb_82", O = "_modal_133eb_91", I = "_itemLabel_133eb_98", ee = "_searchWrapper_133eb_103", te = "_noResults_133eb_109", f = {
+  selectContainer: Q,
   children: X,
   active: Y,
   selectList: Z,
   modal: O,
-  dropdownFadeIn: ee,
-  itemLabel: te,
-  searchWrapper: ne,
-  noResults: re
-}, he = ({
+  itemLabel: I,
+  searchWrapper: ee,
+  noResults: te
+}, fe = ({
   selected: k,
   size: g = "m",
   listItem: h,
   modeDisplay: E = "all",
   onSelect: B,
-  positionOverride: w,
+  positionOverride: b,
   placeholder: x = "Sélectionner",
-  searchPlaceholder: U,
-  autoCloseCondition: b,
-  searchable: V = !1,
+  searchPlaceholder: V,
+  autoCloseCondition: w,
+  searchable: z = !1,
   fullWidth: T = !1
 }) => {
-  const [t, i] = _(!1), [z, F] = _({
+  const [t, l] = y(!1), [A, K] = y({
     top: "calc(100% + 6px)",
     left: "0px"
-  }), [n, S] = _(k ?? null), [K, A] = _(""), u = v(null), $ = v(null), N = v(null), P = v({}), j = v({}), p = v(null);
+  }), [n, S] = y(k ?? null), [$, F] = y(""), u = v(null), j = v(null), N = v(null), P = v({}), D = v({}), p = v(null);
   d(() => {
     S(k || null);
   }, [k]), d(() => {
-    w && F(w);
-  }, [w]);
-  const I = (e) => {
-    S(e), i(!1), B && B(e);
-  }, M = () => {
+    b && K(b);
+  }, [b]);
+  const M = (e) => {
+    S(e), l(!1), B && B(e);
+  }, q = () => {
     const e = n == null ? void 0 : n.icon, r = (n == null ? void 0 : n.label) ?? x;
-    return E === "icon" && e ? /* @__PURE__ */ s(G, { ref: u, mode: "tertiary", size: g, onClick: () => i(!t), children: /* @__PURE__ */ s(y, { icon: n.icon }) }) : E === "text" ? /* @__PURE__ */ s(
+    return E === "icon" && e ? /* @__PURE__ */ s(H, { ref: u, mode: "tertiary", size: g, onClick: () => l(!t), children: /* @__PURE__ */ s(_, { icon: n.icon }) }) : E === "text" ? /* @__PURE__ */ s(
       W,
       {
         ref: u,
         mode: "tertiary",
         label: n ? r : x,
-        childrenRight: /* @__PURE__ */ s(y, { icon: t ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
+        childrenRight: /* @__PURE__ */ s(_, { icon: t ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
         size: g,
         fullWidth: T,
-        onClick: () => i(!t),
+        onClick: () => l(!t),
         "aria-expanded": t,
         "aria-haspopup": "listbox"
       }
@@ -65,9 +64,9 @@ const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_
         label: n ? r : x,
         size: g,
         fullWidth: T,
-        childrenLeft: e && /* @__PURE__ */ s(y, { icon: n.icon }),
-        childrenRight: /* @__PURE__ */ s(y, { icon: t ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
-        onClick: () => i(!t),
+        childrenLeft: e && /* @__PURE__ */ s(_, { icon: n.icon }),
+        childrenRight: /* @__PURE__ */ s(_, { icon: t ? "CaretUp" : "CaretDown", size: 14, weight: "bold" }),
+        onClick: () => l(!t),
         "aria-expanded": t,
         "aria-haspopup": "listbox"
       }
@@ -79,24 +78,24 @@ const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_
         fullWidth: T,
         label: x ?? "Sélectionner",
         size: g,
-        onClick: () => i(!t),
+        onClick: () => l(!t),
         "aria-expanded": t,
         "aria-haspopup": "listbox"
       }
     );
-  }, D = h.filter(
-    (e) => String(e.label ?? "").toLowerCase().includes(K.toLowerCase())
-  ), [C, R] = _("");
+  }, U = h.filter(
+    (e) => String(e.label ?? "").toLowerCase().includes($.toLowerCase())
+  ), [C, R] = y("");
   return d(() => {
     if (t) {
       const e = (r) => {
         const c = r.key.length === 1 ? r.key.toLowerCase() : "";
         if (!c) return;
-        const l = C + c;
-        R(l);
+        const i = C + c;
+        R(i);
         const o = h.find((a) => {
           var m;
-          return (m = a.label) == null ? void 0 : m.toLowerCase().startsWith(l);
+          return (m = a.label) == null ? void 0 : m.toLowerCase().startsWith(i);
         });
         if (o) {
           const a = P.current[o.value];
@@ -111,12 +110,12 @@ const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_
       if (!t) return;
       const c = r.key.length === 1 ? r.key.toLowerCase() : "";
       if (!c) return;
-      const l = C + c;
-      R(l);
+      const i = C + c;
+      R(i);
       const o = h.find(
         (a) => {
           var m;
-          return (m = a.label) == null ? void 0 : m.toLowerCase().startsWith(l);
+          return (m = a.label) == null ? void 0 : m.toLowerCase().startsWith(i);
         }
       );
       if (o && N.current && P.current[o.value]) {
@@ -131,12 +130,12 @@ const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_
     const e = (r) => {
       const c = r.key.toLowerCase();
       if (c.length === 1) {
-        const l = h.find((o) => {
+        const i = h.find((o) => {
           var a;
           return (a = o.label) == null ? void 0 : a.toLowerCase().startsWith(c);
         });
-        if (l) {
-          const o = j.current[l.value];
+        if (i) {
+          const o = D.current[i.value];
           o && o.scrollIntoView({ block: "start", behavior: "smooth" });
         }
       }
@@ -145,67 +144,67 @@ const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_
   }, [t, h]), d(() => {
     if (t && u.current) {
       const e = u.current.getBoundingClientRect().height;
-      F(w || { top: `${e + 6}px`, left: "0px" });
+      K(b || { top: `${e + 6}px`, left: "0px" });
     }
-  }, [t, w]), d(() => {
-    if (!t || !b) return;
+  }, [t, b]), d(() => {
+    if (!t || !w) return;
     const e = (r) => {
-      const c = r.target, l = u.current, o = $.current;
-      l && l.contains(c) || o && o.contains(c) || i(!1);
+      const c = r.target, i = u.current, o = j.current;
+      i && i.contains(c) || o && o.contains(c) || l(!1);
     };
     return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e, { passive: !0 }), () => {
       document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
     };
-  }, [t, b]), d(() => {
-    if (!t || !b) return;
+  }, [t, w]), d(() => {
+    if (!t || !w) return;
     const e = (r) => {
-      r.key === "Escape" && i(!1);
+      r.key === "Escape" && l(!1);
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [t, b]), /* @__PURE__ */ L("div", { className: f.selectContainer, children: [
-    M(),
+  }, [t, w]), /* @__PURE__ */ L("div", { className: f.selectContainer, children: [
+    q(),
     /* @__PURE__ */ s(
-      H,
+      J,
       {
         anchorRef: u,
         open: t,
-        onClose: () => i(!1),
-        position: z,
+        onClose: () => l(!1),
+        position: A,
         disableOverlay: !0,
         className: f.modal,
-        autoCloseCondition: b,
-        children: /* @__PURE__ */ L("div", { ref: $, children: [
-          V && /* @__PURE__ */ L("div", { children: [
+        autoCloseCondition: w,
+        children: /* @__PURE__ */ L("div", { ref: j, children: [
+          z && /* @__PURE__ */ L("div", { children: [
             /* @__PURE__ */ s(
-              q,
+              G,
               {
                 type: "text",
-                placeholder: U,
+                placeholder: V,
                 status: "ghost",
                 sizeStyle: "s",
-                value: K,
-                onChange: (e) => A(e.target.value)
+                value: $,
+                onChange: (e) => F(e.target.value)
               }
             ),
             /* @__PURE__ */ s("div", { className: f.searchWrapper })
           ] }),
           /* @__PURE__ */ L("div", { className: f.selectList, ref: N, children: [
-            D.map((e) => /* @__PURE__ */ L(
+            U.map((e) => /* @__PURE__ */ L(
               "div",
               {
-                ref: (r) => j.current[e.value] = r,
+                ref: (r) => D.current[e.value] = r,
                 className: `${f.children} ${(n == null ? void 0 : n.value) === e.value ? f.active : ""}`,
-                onClick: () => I(e),
+                onClick: () => M(e),
                 role: "option",
                 "aria-selected": (n == null ? void 0 : n.value) === e.value,
                 children: [
-                  e.icon && /* @__PURE__ */ s(y, { icon: e.icon, size: 16 }),
+                  e.icon && /* @__PURE__ */ s(_, { icon: e.icon, size: 16 }),
                   e.label && /* @__PURE__ */ s("div", { className: f.itemLabel, children: e.label })
                 ]
               },
               e.value
             )),
-            D.length === 0 && /* @__PURE__ */ s("div", { className: `${f.noResults} textSmall`, children: "Aucun résultat" })
+            U.length === 0 && /* @__PURE__ */ s("div", { className: `${f.noResults} textSmall`, children: "Aucun résultat" })
           ] })
         ] })
       }
@@ -213,5 +212,5 @@ const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_
   ] });
 };
 export {
-  he as Select
+  fe as Select
 };

package/dist/components/select-filter-input-tags/SelectFilterInputTags.js

@@ -1,25 +1,25 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import "../button/Button.js";
 import "react";
-import { Input as c } from "../input/Input.js";
+import { Input as a } from "../input/Input.js";
 import "../icon-button/IconButton.js";
 import "../modal/Modal.js";
+import "../carousel/Carousel.js";
 import "../theme/ThemeContext.js";
 import '../../styles/Size.css';import '../../styles/SelectFilterInputTags.css';/* empty css                   */
-const a = "_listTagSelect_2v3fb_6", p = "_flexAutoSize_2v3fb_24", u = {
-  listTagSelect: a,
-  flexAutoSize: p
-}, _ = ({ children: o, inputValue: l, handleInputChange: s, handleKeyDown: i }) => /* @__PURE__ */ e("div", { className: u.listTagSelect, children: /* @__PURE__ */ r("div", { children: [
-  o,
+const c = "_listTagSelect_2v3fb_6", p = {
+  listTagSelect: c
+}, x = ({ children: s, inputValue: o, handleInputChange: r, handleKeyDown: i }) => /* @__PURE__ */ e("div", { className: p.listTagSelect, children: /* @__PURE__ */ l("div", { children: [
+  s,
   /* @__PURE__ */ e("div", { className: "flexAutoSize", children: /* @__PURE__ */ e(
-    c,
+    a,
     {
       type: "text",
-      value: l,
+      value: o,
       onKeyDown: (t) => {
         t.key === "Enter" && i && i(t);
       },
-      onChange: (t) => s(t.target.value),
+      onChange: (t) => r(t.target.value),
       autoFocus: !0,
       placeholder: "",
       status: "ghost",
@@ -28,5 +28,5 @@ const a = "_listTagSelect_2v3fb_6", p = "_flexAutoSize_2v3fb_24", u = {
   ) })
 ] }) });
 export {
-  _ as SelectFilterInputTags
+  x as SelectFilterInputTags
 };

package/dist/components/select-multi-items/SelectMultiItems.js

@@ -1,18 +1,19 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { useState as _, useRef as h } from "react";
-import { R as v, I as C, D as x } from "../../X-Bd1VjKAF.mjs";
+import { n as v, s as C, a as x } from "../../X.es-BEJ-zMPl.mjs";
 import { Button as M } from "../button/Button.js";
 import "../icon-button/IconButton.js";
-import { TagCounter as R } from "../tag-counter/TagCounter.js";
-import { Modal as w } from "../modal/Modal.js";
+import { TagCounter as w } from "../tag-counter/TagCounter.js";
+import { Modal as y } from "../modal/Modal.js";
+import "../carousel/Carousel.js";
 import "../theme/ThemeContext.js";
 import '../../styles/Size.css';import '../../styles/SelectMultiItems.css';/* empty css                   */
-const y = "_relative_w7e9a_6", I = "_tagCounter_w7e9a_10", N = "_modal_w7e9a_18", r = {
-  relative: y,
-  tagCounter: I,
-  modal: N
-}, T = ({
-  label: s,
+const N = "_relative_w7e9a_6", R = "_tagCounter_w7e9a_10", b = "_modal_w7e9a_18", r = {
+  relative: N,
+  tagCounter: R,
+  modal: b
+}, q = ({
+  label: i,
   iconButton: l,
   selectedCount: t = 0,
   onClearSelection: n,
@@ -20,25 +21,25 @@ const y = "_relative_w7e9a_6", I = "_tagCounter_w7e9a_10", N = "_modal_w7e9a_18"
   size: c = "m",
   align: p = "right"
 }) => {
-  const [e, a] = _(!1), d = h(null), f = () => a(!1), g = t > 0 ? /* @__PURE__ */ o(v, { onClick: n }) : e ? /* @__PURE__ */ o(C, {}) : /* @__PURE__ */ o(x, {}), u = t > 0 ? "secondary" : "tertiary";
-  return /* @__PURE__ */ i("div", { className: r.relative, children: [
+  const [e, s] = _(!1), d = h(null), f = () => s(!1), g = t > 0 ? /* @__PURE__ */ o(v, { onClick: n }) : e ? /* @__PURE__ */ o(C, {}) : /* @__PURE__ */ o(x, {}), u = t > 0 ? "secondary" : "tertiary";
+  return /* @__PURE__ */ a("div", { className: r.relative, children: [
     /* @__PURE__ */ o(
       M,
       {
-        label: s,
+        label: i,
         mode: u,
         size: c,
         childrenLeft: l,
-        childrenRight: /* @__PURE__ */ i("div", { className: r.tagCounter, children: [
-          t > 0 && /* @__PURE__ */ o(R, { size: "s", label: t }),
+        childrenRight: /* @__PURE__ */ a("div", { className: r.tagCounter, children: [
+          t > 0 && /* @__PURE__ */ o(w, { size: "s", label: t }),
           g
         ] }),
-        onClick: () => a(!e)
+        onClick: () => s(!e)
       }
     ),
-    /* @__PURE__ */ o(w, { ref: d, open: e, onClose: f, className: r.modal, position: { top: "calc(100% + 6px)", ...p === "right" ? { left: "0" } : { right: "0" } }, children: m })
+    /* @__PURE__ */ o(y, { ref: d, open: e, onClose: f, className: r.modal, position: { top: "calc(100% + 6px)", ...p === "right" ? { left: "0" } : { right: "0" } }, children: m })
   ] });
 };
 export {
-  T as SelectMultiItems
+  q as SelectMultiItems
 };

package/dist/components/switch/Switch.js

@@ -1,9 +1,10 @@
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
 import { useState as $, useEffect as b } from "react";
 import "../button/Button.js";
 import { IconButton as k } from "../icon-button/IconButton.js";
 import { Icon as g } from "../icon/Icon.js";
 import "../modal/Modal.js";
+import "../carousel/Carousel.js";
 import "../theme/ThemeContext.js";
 import '../../styles/Size.css';import '../../styles/Switch.css';/* empty css                   */
 const y = "_slider_1mxgk_21", I = "_s_1mxgk_6", N = "_m_1mxgk_58", S = "_l_1mxgk_75", j = "_xl_1mxgk_92", B = "_disabled_1mxgk_110", E = "_wrapper_1mxgk_121", R = "_button_1mxgk_136", T = "_active_1mxgk_145", t = {
@@ -17,7 +18,7 @@ const y = "_slider_1mxgk_21", I = "_s_1mxgk_6", N = "_m_1mxgk_58", S = "_l_1mxgk
   wrapper: E,
   button: R,
   active: T
-}, K = ({
+}, L = ({
   size: i = "m",
   variant: w = "classic",
   checked: l,
@@ -27,14 +28,14 @@ const y = "_slider_1mxgk_21", I = "_s_1mxgk_6", N = "_m_1mxgk_58", S = "_l_1mxgk
   defaultChecked: h = !1,
   icons: a = { left: "Table", right: "Rows" }
 }) => {
-  const o = l !== void 0, [p, n] = $(h), u = o ? l : p, d = (e) => {
-    o || n(e), s == null || s(e);
+  const o = l !== void 0, [p, m] = $(h), u = o ? l : p, d = (e) => {
+    o || m(e), s == null || s(e);
   }, v = (e) => {
     const f = e.target.checked;
-    r || (o || n(f), s == null || s(f));
+    r || (o || m(f), s == null || s(f));
   };
   b(() => {
-    o && n(l);
+    o && m(l);
   }, [l, o]);
   const x = () => {
     switch (i) {
@@ -50,8 +51,8 @@ const y = "_slider_1mxgk_21", I = "_s_1mxgk_6", N = "_m_1mxgk_58", S = "_l_1mxgk
         return 18;
     }
   };
-  return w === "icon" ? /* @__PURE__ */ m("div", { className: `${t.switch} ${t[i]}`, children: [
-    /* @__PURE__ */ m("div", { className: `${t.wrapper} ${r ? t.disabled : ""}`, children: [
+  return w === "icon" ? /* @__PURE__ */ n("div", { className: `${t.switch} ${t[i]}`, children: [
+    /* @__PURE__ */ n("div", { className: `${t.wrapper} ${r ? t.disabled : ""}`, children: [
       /* @__PURE__ */ c(
         k,
         {
@@ -74,7 +75,7 @@ const y = "_slider_1mxgk_21", I = "_s_1mxgk_6", N = "_m_1mxgk_58", S = "_l_1mxgk
       )
     ] }),
     _
-  ] }) : /* @__PURE__ */ m("div", { className: `${t.switch} ${t[i]} ${r ? t.disabled : ""}`, children: [
+  ] }) : /* @__PURE__ */ n("div", { className: `${t.switch} ${t[i]} ${r ? t.disabled : ""}`, children: [
     /* @__PURE__ */ c(
       "input",
       {
@@ -89,5 +90,5 @@ const y = "_slider_1mxgk_21", I = "_s_1mxgk_6", N = "_m_1mxgk_58", S = "_l_1mxgk
   ] });
 };
 export {
-  K as Switch
+  L as Switch
 };

package/dist/components/tag/Tag.js

@@ -1,49 +1,49 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { useEffect as d } from "react";
-import '../../styles/Tag.css';const z = "_tag_1yjvr_6", u = "_icon_1yjvr_16", v = "_label_1yjvr_68", y = "_flexHorizontalCenter_1yjvr_72", x = "_flexHorizontal_1yjvr_72", t = {
-  tag: z,
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import '../../styles/Tag.css';const d = "_tag_qjzpb_6", u = "_icon_qjzpb_15", b = "_label_qjzpb_70", p = "_flexHorizontalCenter_qjzpb_74", x = "_flexHorizontal_qjzpb_74", t = {
+  tag: d,
   icon: u,
-  "tag-children": "_tag-children_1yjvr_21",
-  "tag-size-xl": "_tag-size-xl_1yjvr_28",
-  "tag-size-xl-round": "_tag-size-xl-round_1yjvr_32",
-  "tag-size-l": "_tag-size-l_1yjvr_38",
-  "tag-size-l-round": "_tag-size-l-round_1yjvr_42",
-  "tag-size-m": "_tag-size-m_1yjvr_48",
-  "tag-size-m-round": "_tag-size-m-round_1yjvr_52",
-  "tag-size-s": "_tag-size-s_1yjvr_58",
-  "tag-size-s-round": "_tag-size-s-round_1yjvr_62",
-  label: v,
-  flexHorizontalCenter: y,
+  "tag-children": "_tag-children_qjzpb_20",
+  "tag-size-xl": "_tag-size-xl_qjzpb_30",
+  "tag-size-xl-round": "_tag-size-xl-round_qjzpb_34",
+  "tag-size-l": "_tag-size-l_qjzpb_40",
+  "tag-size-l-round": "_tag-size-l-round_qjzpb_44",
+  "tag-size-m": "_tag-size-m_qjzpb_50",
+  "tag-size-m-round": "_tag-size-m-round_qjzpb_54",
+  "tag-size-s": "_tag-size-s_qjzpb_60",
+  "tag-size-s-round": "_tag-size-s-round_qjzpb_64",
+  label: b,
+  flexHorizontalCenter: p,
   flexHorizontal: x
 }, s = ["light", "dark", "gray", "blue-gray", "blue", "blue-situaction", "purple", "pink", "gold", "brown", "emerald"], f = ({
   label: n,
   color: e,
-  deletable: o = !1,
-  size: l = "m",
+  deletable: r = !1,
+  size: o = "m",
   children: i,
-  onClick: r
+  onClick: l
 }) => {
-  d(() => {
+  c(() => {
     e && !s.includes(e) && console.warn(`Warning: The color "${e}" is not a valid option. Expected one of: ${s.join(", ")}.`);
   }, [e]);
   const _ = [
     t.tag,
-    i && !n && t[`tag-size-${l}-round`],
-    t[`tag-size-${l}`],
+    i && !n && t[`tag-size-${o}-round`],
+    t[`tag-size-${o}`],
     t.flexHorizontalCenter
-  ].join(" "), g = {
+  ].join(" "), z = {
     "--dynamic-background": e && s.includes(e) ? `var(--color-${e}-200)` : "var(--color-blue-situaction-200)",
     "--dynamic-color-text": e && s.includes(e) ? `var(--color-${e}-950)` : "var(--color-blue-situaction-950)"
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ g(
     "div",
     {
       className: _,
-      style: g,
+      style: z,
       children: [
         i && /* @__PURE__ */ a("div", { className: `${t.flexHorizontalCenter} ${t["tag-children"]}`, children: i }),
         n && /* @__PURE__ */ a("label", { className: `${t.flexHorizontal} ${t.label}`, children: n }),
-        o && /* @__PURE__ */ a("div", { className: t.icon, onClick: () => r == null ? void 0 : r(), children: /* @__PURE__ */ a(
+        r && /* @__PURE__ */ a("div", { className: t.icon, onClick: () => l == null ? void 0 : l(), children: /* @__PURE__ */ a(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/components/theme/variables_dark.d.ts

@@ -222,4 +222,15 @@ export declare const variables_dark: {
     '--archive-background-tab': string;
     '--archive-border': string;
     '--archive-icon-text-tab': string;
+    '--calendar-cell-base-disabled-num': string;
+    '--calendar-cell-base-disabled-background': string;
+    '--drag-n-drop-background-active': string;
+    '--drag-n-drop-title-icon': string;
+    '--drag-n-drop-subtitle': string;
+    '--spinner-background-stroke': string;
+    '--spinner-background': string;
+    '--spinner-icons': string;
+    '--carrousel-0-gradient': string;
+    '--carrousel-100-gradient': string;
+    '--carrousel-card-img-title': string;
 };

package/dist/components/theme/variables_dark.js

@@ -221,7 +221,18 @@ const r = {
   "--switch-default-on-background": "var(--color-light-100)",
   "--archive-background-tab": "var(--color-purple-dark-100)",
   "--archive-border": "var(--color-purple-dark-100)",
-  "--archive-icon-text-tab": "var(--color-purple-dark-950)"
+  "--archive-icon-text-tab": "var(--color-purple-dark-950)",
+  "--calendar-cell-base-disabled-num": "var(--color-light-30)",
+  "--calendar-cell-base-disabled-background": "var(--color-purple-trans-20)",
+  "--drag-n-drop-background-active": "var(--color-light-5)",
+  "--drag-n-drop-title-icon": "var(--general-text-icons)",
+  "--drag-n-drop-subtitle": "var(--color-light-50)",
+  "--spinner-background-stroke": "var(--color-purple-trans-60)",
+  "--spinner-background": "var(--color-purple-trans-60)",
+  "--spinner-icons": "var(--general-text-icons)",
+  "--carrousel-0-gradient": "#2F2B37",
+  "--carrousel-100-gradient": "var(--background-primary)",
+  "--carrousel-card-img-title": "var(--color-gray-trans-100)"
 };
 export {
   r as variables_dark