@situaction/traq-ui-ste 1.2.13 → 1.2.15

package/dist/components/select/Select.js

@@ -1,59 +1,57 @@
 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 "../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
+}, de = ({
   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 +63,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 +77,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 +109,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 +129,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 +143,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 +211,5 @@ const J = "_selectContainer_133eb_54", Q = "_selected_133eb_57", X = "_children_
   ] });
 };
 export {
-  he as Select
+  de as Select
 };

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

@@ -1,25 +1,24 @@
 import { jsx as e, jsxs as r } 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 "../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
+}, v = ({ children: s, inputValue: l, handleInputChange: o, handleKeyDown: i }) => /* @__PURE__ */ e("div", { className: p.listTagSelect, children: /* @__PURE__ */ r("div", { children: [
+  s,
   /* @__PURE__ */ e("div", { className: "flexAutoSize", children: /* @__PURE__ */ e(
-    c,
+    a,
     {
       type: "text",
       value: l,
       onKeyDown: (t) => {
         t.key === "Enter" && i && i(t);
       },
-      onChange: (t) => s(t.target.value),
+      onChange: (t) => o(t.target.value),
       autoFocus: !0,
       placeholder: "",
       status: "ghost",
@@ -28,5 +27,5 @@ const a = "_listTagSelect_2v3fb_6", p = "_flexAutoSize_2v3fb_24", u = {
   ) })
 ] }) });
 export {
-  _ as SelectFilterInputTags
+  v as SelectFilterInputTags
 };

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

@@ -1,18 +1,18 @@
-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 "../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
+}, $ = ({
+  label: i,
   iconButton: l,
   selectedCount: t = 0,
   onClearSelection: n,
@@ -20,25 +20,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
+  $ as SelectMultiItems
 };

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

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

@@ -222,4 +222,15 @@ export declare const variables_light: {
     '--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_light.js

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

package/dist/components/toast/Toast.js

@@ -1,62 +1,62 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as g, useEffect as h } from "react";
-import { Icon as w } from "../icon/Icon.js";
-import { IconButton as C } from "../icon-button/IconButton.js";
-import '../../styles/Toast.css';const I = "_toast_10w18_30", z = "_base_10w18_69", j = "_success_10w18_73", k = "_error_10w18_77", B = "_closing_10w18_104", t = {
-  toast: I,
-  "toast-header": "_toast-header_10w18_49",
-  "toast-title-container": "_toast-title-container_10w18_55",
-  "toast-title": "_toast-title_10w18_55",
-  "toast-content": "_toast-content_10w18_65",
-  base: z,
-  success: j,
+import { useState as u, useEffect as h } from "react";
+import { Icon as j } from "../icon/Icon.js";
+import { IconButton as x } from "../icon-button/IconButton.js";
+import '../../styles/Toast.css';const C = "_toast_1ygaj_30", I = "_base_1ygaj_69", z = "_success_1ygaj_73", k = "_error_1ygaj_77", w = "_closing_1ygaj_104", t = {
+  toast: C,
+  "toast-header": "_toast-header_1ygaj_49",
+  "toast-title-container": "_toast-title-container_1ygaj_55",
+  "toast-title": "_toast-title_1ygaj_55",
+  "toast-content": "_toast-content_1ygaj_65",
+  base: I,
+  success: z,
   error: k,
-  "bottom-right": "_bottom-right_10w18_84",
-  "bottom-left": "_bottom-left_10w18_89",
-  "top-right": "_top-right_10w18_94",
-  "top-left": "_top-left_10w18_99",
-  closing: B
-}, X = ({
+  "bottom-right": "_bottom-right_1ygaj_84",
+  "bottom-left": "_bottom-left_1ygaj_89",
+  "top-right": "_top-right_1ygaj_94",
+  "top-left": "_top-left_1ygaj_99",
+  closing: w
+}, W = ({
   title: d,
-  icon: b,
+  icon: y,
   children: l,
-  closable: i = !0,
-  error: r = !1,
-  success: c = !1,
+  closable: a = !0,
+  error: i = !1,
+  success: r = !1,
   autoCloseDelay: _ = 3e3,
   open: s = !0,
-  position: v = "bottom-right",
+  position: b = "bottom-right",
   // ✅ Valeur par défaut
-  onClose: f
+  onClose: g
 }) => {
-  const [p, m] = g(s), [N, u] = g(!1);
+  const [v, f] = u(s), [p, m] = u(!1);
   let o = "";
-  r ? o = t.error : c ? o = t.success : o = t.base;
-  const T = r ? "Warning" : c ? "CheckCircle" : "Info", $ = r ? "var(--color-error-500)" : c ? "var(--color-succes-500)" : "var(--general-text-icons)", a = () => {
-    u(!0), setTimeout(() => {
-      m(!1), f && f();
+  i ? o = t.error : r ? o = t.success : o = t.base;
+  const N = i ? "Warning" : r ? "CheckCircle" : "Info", T = i ? "var(--color-error-500)" : r ? "var(--color-succes-500)" : "var(--general-text-icons)", c = () => {
+    m(!0), setTimeout(() => {
+      f(!1), g && g();
     }, 300);
   };
   return h(() => {
-    s ? (m(!0), u(!1)) : a();
+    s ? (f(!0), m(!1)) : c();
   }, [s]), h(() => {
-    if (!i && s) {
-      const x = setTimeout(() => {
-        a();
+    if (!a && s) {
+      const $ = setTimeout(() => {
+        c();
       }, _);
-      return () => clearTimeout(x);
+      return () => clearTimeout($);
     }
-  }, [i, _, s]), p ? /* @__PURE__ */ n(
+  }, [a, _, s]), v ? /* @__PURE__ */ n(
     "div",
     {
-      className: `${t.toast} ${o} ${N ? t.closing : ""} ${t[v]}`,
+      className: `${t.toast} ${o} ${p ? t.closing : ""} ${t[b]}`,
       children: [
         /* @__PURE__ */ n("div", { className: t["toast-header"], children: [
           /* @__PURE__ */ n("div", { className: t["toast-title-container"], children: [
-            /* @__PURE__ */ e(w, { icon: b || T, size: 24, color: $ }),
+            /* @__PURE__ */ e(j, { icon: y || N, size: 24, color: T }),
             /* @__PURE__ */ e("span", { className: t["toast-title"], children: d })
           ] }),
-          i && /* @__PURE__ */ e(C, { mode: "ghost", size: "s", onClick: a, children: /* @__PURE__ */ e(w, { icon: "X", size: 16, weight: "regular" }) })
+          a && /* @__PURE__ */ e(x, { mode: "ghost", size: "s", onClick: c, children: /* @__PURE__ */ e(j, { icon: "X", size: 16, weight: "regular" }) })
         ] }),
         l && /* @__PURE__ */ e("div", { className: `${t["toast-content"]}`, children: l })
       ]
@@ -64,5 +64,5 @@ import '../../styles/Toast.css';const I = "_toast_10w18_30", z = "_base_10w18_69
   ) : null;
 };
 export {
-  X as Toast
+  W as Toast
 };

package/dist/main.d.ts

@@ -29,4 +29,6 @@ export { InputLabel } from './components/input-label/InputLabel';
 export { EditableField } from './components/editable-field/EditableField';
 export { EditableSelect } from './components/editable-select/EditableSelect';
 export { Toast } from './components/toast/Toast';
+export { DragAndDrop } from './components/drag-and-drop/DragAndDrop';
+export { Loading } from './components/loading/Loading';
 export { ThemeProvider, useTheme } from './components/theme/ThemeContext';