zuii 1.4.13 → 1.4.14

package/dist/components/Color/react/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { tokens as p } from "../../../core/styles/tokens.js";
-import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Icon/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+import { tokens as l } from "../../../core/styles/tokens.js";
+import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Icon/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
 /* empty css                  */
 import "react-bootstrap";
 /* empty css                            */
@@ -31,29 +31,30 @@ import "choices.js";
 import "../../Auth/react/index.js";
 import "react-router-dom";
 /* empty css                               */
-const K = ({ name: r }) => {
-  const l = p.brands[r];
+/* empty css                            */
+const L = ({ name: r }) => {
+  const p = l.brands[r];
   return /* @__PURE__ */ i(t, { children: [
     /* @__PURE__ */ o("div", { className: `color bg-${r} p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ o("span", { className: "color__name", children: r }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: l.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: p.value })
     ] }) }),
     /* @__PURE__ */ o("div", { className: `color bg-${r}-light p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ i("span", { className: "color__name", children: [
         r,
         "-light"
       ] }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: l.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: p.value })
     ] }) }),
     /* @__PURE__ */ o("div", { className: `color bg-${r}-dark p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ i("span", { className: "color__name", children: [
         r,
         "-dark"
       ] }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: l.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: p.value })
     ] }) })
   ] });
 };
 export {
-  K as Color
+  L as Color
 };

package/dist/components/Dashboard/react/index.d.ts

@@ -25,5 +25,6 @@ export declare const Dashboard: {
     Header: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
     SubNavigation: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
     Wrapper: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
+    Card: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/Dashboard/react/index.js

@@ -1,31 +1,32 @@
 import { jsx as r } from "react/jsx-runtime";
-import o from "react";
+import e from "react";
 import '../style/index.css';/* empty css                  */
 const c = ({ children: a, className: s = "" }) => {
-  const n = o.Children.map(a, (t, d) => {
-    if (o.isValidElement(t)) {
-      const i = t, m = [
+  const n = e.Children.map(a, (o, d) => {
+    if (e.isValidElement(o)) {
+      const i = o, m = [
         `nav-${d + 1}`
       ].filter(Boolean).join(" ");
-      return o.cloneElement(i, {
+      return e.cloneElement(i, {
         className: `${i.props.className || ""} ${m}`.trim()
       });
     }
-    return t;
+    return o;
   });
   return /* @__PURE__ */ r("div", { className: `dashboard__navigation ${s}`.trim(), children: n });
-}, l = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__content ${s}`.trim(), children: a }), b = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__header ${s}`.trim(), children: a }), p = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__sub-navigation ${s}`.trim(), children: a }), h = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__wrapper ${s}`.trim(), children: a }), e = ({
+}, l = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__content ${s}`.trim(), children: a }), b = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__header ${s}`.trim(), children: a }), h = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__sub-navigation ${s}`.trim(), children: a }), p = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__wrapper ${s}`.trim(), children: a }), _ = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__card ${s}`.trim(), children: a }), t = ({
   children: a,
   className: s = ""
 }) => {
-  const t = `dashboard ${s}`.trim();
-  return /* @__PURE__ */ r("main", { className: t, children: a });
+  const o = `dashboard ${s}`.trim();
+  return /* @__PURE__ */ r("main", { className: o, children: a });
 };
-e.Navigation = c;
-e.Content = l;
-e.Header = b;
-e.SubNavigation = p;
-e.Wrapper = h;
+t.Navigation = c;
+t.Content = l;
+t.Header = b;
+t.SubNavigation = h;
+t.Wrapper = p;
+t.Card = _;
 export {
-  e as Dashboard
+  t as Dashboard
 };

package/dist/components/Dashboard/style/index.css

@@ -1 +1 @@
-@layer layout{.dashboard{--dashboard-nav-width: 90px;--dashboard-padding: var(--spacing-md);display:flex;height:100vh;overflow:hidden}.dashboard__navigation{display:flex;flex-direction:column;background:var(--primary);color:var(--white);padding:var(--dashboard-padding) 0;width:var(--dashboard-nav-width);gap:var(--spacing-lg)}.dashboard__navigation>:first-child{flex:1;overflow-y:auto}.dashboard__content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;width:100%}.dashboard__header{grid-column:span 2;background:var(--accent)}.dashboard__sub-navigation{grid-row:2;background:var(--light);width:0px;background:var(--primary-dark);color:var(--white);transition:all .3s ease-in-out}.dashboard__sub-navigation.open{width:200px}}
+@layer layout{.dashboard{--dashboard-nav-width: 90px;--dashboard-padding: var(--spacing-md);display:flex;height:100vh;overflow:hidden}.dashboard__navigation{display:flex;flex-direction:column;background:var(--primary);color:var(--white);padding:var(--dashboard-padding) 0;width:var(--dashboard-nav-width);gap:var(--spacing-lg)}.dashboard__navigation>:first-child{flex:1;overflow-y:auto}.dashboard__content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;width:100%}.dashboard__header{grid-column:span 2;background:var(--accent)}.dashboard__sub-navigation{grid-row:2;background:var(--light);width:0px;background:var(--primary-dark);color:var(--white);transition:all .3s ease-in-out}.dashboard__sub-navigation.open{width:160px}.dashboard__wrapper{padding:var(--dashboard-padding);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:auto}.dashboard__card{background:var(--white);border-radius:var(--radius-base);box-shadow:var(--box-shadow-md);height:fit-content;overflow:hidden}.dashboard__card-header{background:var(--gray-200);padding:0 var(--spacing-md)}.dashboard__card-content{padding:var(--spacing-md)}.dashboard__card-title{font-size:1.25rem;margin:0}}@layer components{.dashboard__card-header .btn{--btn-font-size: .8rem;padding:var(--spacing-xs)}.dashboard__card-header .btn .icon{font-size:.8rem}}

package/dist/components/Errorpage/react/index.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useNavigate as e } from "react-router-dom";
-import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+import '../../Loader/style/index.css';import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';/* empty css                             */
 /* empty css                           */
 import { Button as p } from "../../Button/react/index.js";
 import { Icon as a } from "../../Icon/react/index.js";
@@ -30,7 +30,8 @@ import "choices.js";
 /* empty css                                   */
 import "../../Auth/react/index.js";
 /* empty css                  */
-const H = ({ code: t = 404 }) => {
+/* empty css                            */
+const J = ({ code: t = 404 }) => {
   const m = e();
   return /* @__PURE__ */ r("main", { className: "error-page", children: /* @__PURE__ */ r("div", { className: "error-page__container ", children: /* @__PURE__ */ i("div", { className: "container", children: [
     /* @__PURE__ */ i(o, { className: "text-secondary mb-4", children: [
@@ -46,5 +47,5 @@ const H = ({ code: t = 404 }) => {
   ] }) }) });
 };
 export {
-  H as Errorpage
+  J as Errorpage
 };

package/dist/components/Group/style/index.css

@@ -1 +1 @@
-@layer components{.group{display:flex;flex-wrap:wrap;gap:.5rem}.group--vertical{flex-direction:column;align-items:flex-start}.group--horizontal{flex-direction:row;align-items:center}.group--no-wrap{flex-wrap:nowrap}.group--gap-none{gap:0}.group--center{align-items:center;justify-content:center}.group--start{justify-content:flex-start}.group--end{justify-content:flex-end}.group--between{justify-content:space-between}}
+@layer components{.group{display:flex;flex-wrap:wrap;gap:.5rem}.group>*:has(.form__input){flex:1}.group--vertical{flex-direction:column;align-items:flex-start}.group--horizontal{flex-direction:row;align-items:center}.group--no-wrap{flex-wrap:nowrap}.group--gap-none{gap:0}.group--center{align-items:center;justify-content:center}.group--start{justify-content:flex-start}.group--end{justify-content:flex-end}.group--between{justify-content:space-between}}

package/dist/components/Lang-selector/js/language-selector.d.ts

@@ -14,6 +14,8 @@ export interface LanguageOption {
  * @param {HTMLSelectElement} element - L'élément select à transformer.
  * @param {LanguageOption[]} options - Liste des langues disponibles.
  * @param {(value: string) => void} onChange - Callback appelé lors du changement de langue.
+ * @param {boolean} searchEnabled - Active la recherche.
+ * @param {string} placeholder - Texte affiché quand aucune option n'est sélectionnée.
  * @returns {Choices} L'instance de Choices.js.
  */
-export declare const initLanguageSelector: (element: HTMLSelectElement, options: LanguageOption[], onChange?: (value: string) => void) => Choices;
+export declare const initLanguageSelector: (element: HTMLSelectElement, options: LanguageOption[], onChange?: (value: string) => void, searchEnabled?: boolean, placeholder?: string) => Choices;

package/dist/components/Lang-selector/js/language-selector.js

@@ -1,31 +1,33 @@
-import b from "choices.js";
+import g from "choices.js";
 import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';/* empty css                                                                                          */
-const g = (s, h, m) => {
+const S = (s, p, m, v = !1, $ = "") => {
   s.innerHTML = "";
-  const u = new b(s, {
-    choices: h.map((t) => ({
+  const b = new g(s, {
+    choices: p.map((t) => ({
       value: t.value,
       label: t.label || "",
       selected: t.selected,
       customProperties: { flag: t.flag, label: t.label }
     })),
-    searchEnabled: !1,
+    searchEnabled: v,
     itemSelectText: "",
     shouldSort: !1,
+    placeholder: !!$,
+    placeholderValue: $,
     callbackOnCreateTemplates: (t) => {
-      const a = (l) => `<span class="fi fi-${l.customProperties.flag} lang-selector__flag"></span>${l.customProperties.label ? ` ${l.label}` : ""}`;
+      const a = (l) => l.placeholder ? `<span>${l.label}</span>` : `<span class="fi fi-${l.customProperties.flag} lang-selector__flag"></span>${l.customProperties.label ? ` ${l.label}` : ""}`;
       return {
         item: (l, e) => {
-          const { item: i, highlightedState: c, itemSelectable: r } = l.classNames, d = e.highlighted ? c : r, n = e.active ? 'aria-selected="true"' : "", o = e.disabled ? 'aria-disabled="true"' : "";
+          const { item: c, highlightedState: i, itemSelectable: r, placeholder: o } = l.classNames, d = e.highlighted ? i : r, n = e.active ? 'aria-selected="true"' : "", h = e.disabled ? 'aria-disabled="true"' : "", u = e.placeholder ? o : "";
           return t(`
-						<div class="${i} ${d}" data-item data-id="${e.id}" data-value="${e.value}" ${n} ${o}>
+						<div class="${c} ${d} ${u}" data-item data-id="${e.id}" data-value="${e.value}" ${n} ${h}>
 							${a(e)}
 						</div>`.trim());
         },
         choice: (l, e) => {
-          const { item: i, itemChoice: c, itemDisabled: r, itemSelectable: d } = l.classNames, n = e.disabled ? r : d, o = e.disabled ? 'data-choice-disabled aria-disabled="true"' : "data-choice-selectable";
+          const { item: c, itemChoice: i, itemDisabled: r, itemSelectable: o, placeholder: d } = l.classNames, n = e.disabled ? r : o, h = e.disabled ? 'data-choice-disabled aria-disabled="true"' : "data-choice-selectable", u = e.placeholder ? d : "";
           return t(`
-						<div class="${i} ${c} ${n}" data-select-text="${l.itemSelectText}" data-choice ${o} data-id="${e.id}" data-value="${e.value}" role="option">
+						<div class="${c} ${i} ${n} ${u}" data-select-text="${l.itemSelectText}" data-choice ${h} data-id="${e.id}" data-value="${e.value}" role="option">
 							${a(e)}
 						</div>`.trim());
         }
@@ -37,10 +39,10 @@ const g = (s, h, m) => {
       const l = a.detail.value;
       document.documentElement.lang = l, m(l);
     };
-    s.addEventListener("change", t), u._handleChange = t;
+    s.addEventListener("change", t), b._handleChange = t;
   }
-  return u;
+  return b;
 };
 export {
-  g as initLanguageSelector
+  S as initLanguageSelector
 };

package/dist/components/Lang-selector/react/index.d.ts

@@ -16,6 +16,19 @@ interface Props {
      * Classe CSS additionnelle.
      */
     className?: string;
+    /**
+     * Active la recherche dans le sélecteur.
+     */
+    search?: boolean;
+    /**
+     * Texte affiché si aucune langue n'est sélectionnée.
+     */
+    placeholder?: string;
+    /**
+     * Si vrai, une valeur par défaut est sélectionnée.
+     * @default true
+     */
+    hasDefault?: boolean;
 }
 /**
  * Composant sélecteur de langue utilisant Choices.js.
@@ -23,5 +36,5 @@ interface Props {
  * @param {Props} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant rendu.
  */
-export declare const LangSelector: ({ options, defaultValue, onChange, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const LangSelector: ({ options, defaultValue, onChange, className, search, placeholder, hasDefault }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Lang-selector/react/index.js

@@ -1,30 +1,39 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as u, useEffect as m } from "react";
-import { initLanguageSelector as o } from "../js/language-selector.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as m, useEffect as g } from "react";
+import { initLanguageSelector as d } from "../js/language-selector.js";
 import '../style/index.css';/* empty css                  */
-const _ = ({
-  options: e,
-  defaultValue: c,
-  onChange: n,
-  className: i = ""
+const R = ({
+  options: r,
+  defaultValue: t,
+  onChange: l,
+  className: f = "",
+  search: o = !1,
+  placeholder: a = "",
+  hasDefault: u = !0
 }) => {
-  const r = u(null), t = u(null);
-  return m(() => {
-    if (!(!e || e.length === 0)) {
-      if (r.current) {
-        r.current.innerHTML = "";
-        const f = e.map((l) => ({
-          ...l,
-          selected: l.value === c
+  const c = m(null), n = m(null);
+  return g(() => {
+    if (!(!r || r.length === 0)) {
+      if (c.current) {
+        c.current.innerHTML = "";
+        const s = r.map((e) => ({
+          ...e,
+          selected: u ? t ? e.value === t : !1 : e.value === t
         }));
-        t.current = o(r.current, f, n);
+        u && !s.some((e) => e.selected) && s.length > 0 && (s[0].selected = !0), n.current = d(
+          c.current,
+          s,
+          l,
+          o,
+          a
+        );
       }
       return () => {
-        t.current && (t.current.destroy(), t.current = null);
+        n.current && (n.current.destroy(), n.current = null);
       };
     }
-  }, [e, c, n]), /* @__PURE__ */ s("div", { className: `form__input lang-selector ${i}`.trim(), children: /* @__PURE__ */ s("select", { ref: r, className: "lang-selector__select" }) });
+  }, [r, t, l]), /* @__PURE__ */ i("div", { className: `form__input lang-selector ${f}`.trim(), children: /* @__PURE__ */ i("select", { ref: c, className: "lang-selector__select" }) });
 };
 export {
-  _ as LangSelector
+  R as LangSelector
 };

package/dist/components/Loader/js/loader.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Options pour le composant Loader.
+ */
+export interface LoaderOptions {
+    /**
+     * Message à afficher sous le loader.
+     */
+    message?: string;
+    /**
+     * Taille du loader.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Variante de style du loader.
+     */
+    variant?: 'dots' | 'spinner' | 'pulse' | 'quad';
+}
+/**
+ * Logique JavaScript pour le composant Loader.
+ *
+ * @param {HTMLElement} element - L'élément DOM du loader.
+ * @param {LoaderOptions} options - Les options de configuration.
+ */
+export declare const initLoader: (element: HTMLElement, options?: LoaderOptions) => void;

package/dist/components/Loader/js/loader.js

@@ -0,0 +1,8 @@
+const o = (i, t = {}) => {
+  if (!i) return;
+  const { size: e = "md" } = t;
+  i.setAttribute("data-size", e), console.log("Loader initialized", t);
+};
+export {
+  o as initLoader
+};

package/dist/components/Loader/react/index.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { LoaderOptions } from '../js/loader';
+/**
+ * Propriétés du composant Loader.
+ */
+interface Props extends LoaderOptions {
+    /**
+     * Classe CSS additionnelle.
+     */
+    className?: string;
+    /**
+     * Contenu optionnel (ex: texte sous le spinner).
+     */
+    children?: React.ReactNode;
+    /**
+     * Couleur du loader.
+     */
+    color?: string;
+}
+/**
+ * Composant Loader.
+ *
+ * @param {Props} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Loader: ({ className, size, variant, message, children, color, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Loader/react/index.js

@@ -0,0 +1,38 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useRef as m, useEffect as p } from "react";
+import '../style/index.css';/* empty css                  */
+import { initLoader as _ } from "../js/loader.js";
+const x = ({
+  className: l = "",
+  size: a = "md",
+  variant: s = "dots",
+  message: t,
+  children: c,
+  color: d = "primary"
+}) => {
+  const n = m(null), e = "loader", o = a ? `${e}--${a}` : "", $ = s ? `${e}--${s}` : "", u = `${e} ${o} ${$} ${d ? `loader--${d}` : ""} ${l}`.trim();
+  return p(() => {
+    n.current && _(n.current, { size: a, variant: s, message: t });
+  }, [a, s, t]), /* @__PURE__ */ i("div", { ref: n, className: u, "aria-live": "polite", "aria-busy": "true", children: [
+    (() => {
+      switch (s) {
+        case "quad":
+          return /* @__PURE__ */ r("div", { className: `${e}__quad` });
+        case "spinner":
+          return /* @__PURE__ */ r("div", { className: `${e}__spinner-circle` });
+        case "pulse":
+          return /* @__PURE__ */ r("div", { className: `${e}__pulse` });
+        default:
+          return /* @__PURE__ */ i("div", { className: `${e}__spinner`, children: [
+            /* @__PURE__ */ r("div", { className: `${e}__dot` }),
+            /* @__PURE__ */ r("div", { className: `${e}__dot` }),
+            /* @__PURE__ */ r("div", { className: `${e}__dot` })
+          ] });
+      }
+    })(),
+    (t || c) && /* @__PURE__ */ r("div", { className: `${e}__content`, children: t || c })
+  ] });
+};
+export {
+  x as Loader
+};

package/dist/components/Loader/style/index.css

@@ -0,0 +1 @@
+@layer components{.page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:color-mix(in srgb,var(--primary),var(--dark) 80%);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader,.loader.loader--primary{--loader-color: var(--primary)}.loader.loader--secondary{--loader-color: var(--secondary)}.loader.loader--accent{--loader-color: var(--accent)}.loader.loader--tertiary{--loader-color: var(--tertiary)}.loader.loader--success{--loader-color: var(--success)}.loader.loader--danger{--loader-color: var(--danger)}.loader.loader--warning{--loader-color: var(--warning)}.loader.loader--info{--loader-color: var(--info)}.loader.loader--light{--loader-color: var(--light)}.loader.loader--dark{--loader-color: var(--dark)}.loader{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;vertical-align:middle}.loader__spinner,.loader__spinner-circle,.loader__pulse{flex-shrink:0}.loader--sm .loader__spinner,.loader--sm .loader__spinner-circle,.loader--sm .loader__pulse{width:20px;height:20px}.loader--sm .loader__dot{width:6px;height:6px}.loader--md .loader__spinner,.loader--md .loader__spinner-circle,.loader--md .loader__pulse{width:36px;height:36px}.loader--md .loader__dot{width:10px;height:10px}.loader--lg .loader__spinner,.loader--lg .loader__spinner-circle,.loader--lg .loader__pulse{width:56px;height:56px}.loader--lg .loader__dot{width:16px;height:16px}.loader--dots .loader__spinner{width:auto;height:auto;display:flex;flex-wrap:nowrap;gap:4px}.loader--dots .loader__dot{width:8px;height:8px;margin:0;background-color:var(--loader-color);border-radius:50%;animation:loader-dots-wave 1.2s infinite ease-in-out}.loader--dots .loader__dot:nth-child(2){animation-delay:.2s}.loader--dots .loader__dot:nth-child(3){animation-delay:.4s}.loader--dots .loader__dot:nth-child(4){animation-delay:.6s}.loader--dots.loader--sm .loader__dot{width:4px;height:4px;gap:2px}.loader--dots.loader--lg .loader__dot{width:12px;height:12px;gap:6px}.loader__spinner{position:relative;display:flex;align-items:center;justify-content:center}.loader--spinner .loader__spinner-circle{border:3px solid rgba(var(--primary-rgb, 0, 123, 255),.1);border-radius:50%;border-top-color:var(--loader-color);animation:loader-rotate .8s infinite linear}.loader--spinner.loader--sm .loader__spinner-circle{border-width:2px}.loader--spinner.loader--lg .loader__spinner-circle{border-width:4px}.loader--pulse .loader__pulse{background-color:var(--loader-color);border-radius:50%;animation:loader-pulse 1.2s infinite ease-in-out}.loader--quad .loader__quad{width:36px;aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, var(--loader-color) 92%, #0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:12px 12px;animation:loader-quad-rotate 1s infinite}.loader__content{font-family:var(--font-family-base, sans-serif);font-size:.875rem;color:var(--text-muted, #6c757d);font-weight:500;text-align:center;line-height:1.4}@keyframes loader-rotate{to{transform:rotate(360deg)}}@keyframes loader-dot-bounce{0%,to{transform:scale(.5)}50%{transform:scale(1)}}@keyframes loader-pulse{0%,to{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.5}}@keyframes loader-dots-wave{0%,60%,to{transform:translateY(0);opacity:.6}35%{transform:translateY(-8px);opacity:1}}@keyframes loader-quad-rotate{to{transform:rotate(.5turn)}}}

package/dist/components/Nav/react/index.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as _, Fragment as v } from "react/jsx-runtime";
 import { useEffect as u } from "react";
-import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Group/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';import '../style/index.css';/* empty css                  */
+import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Group/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';import '../style/index.css';/* empty css                  */
 /* empty css                             */
 /* empty css                           */
 import { Button as $ } from "../../Button/react/index.js";
@@ -28,49 +28,50 @@ import "choices.js";
 /* empty css                                                                                          */
 /* empty css                                   */
 import "../../Auth/react/index.js";
-import "react-router-dom";
+import { Link as N } from "react-router-dom";
 /* empty css                               */
-import { initNav as N } from "../js/nav.js";
+/* empty css                            */
+import { initNav as g } from "../js/nav.js";
 const h = ({
   children: s,
-  component: i,
+  component: o,
   label: r,
-  icon: o,
+  icon: i,
   href: p,
   onClick: a,
   tooltip: m = !1,
-  className: e = "",
-  vertical: n = !1,
+  className: n = "",
+  vertical: e = !1,
   ...c
 }) => {
   const l = s || /* @__PURE__ */ _(v, { children: [
-    i || o && /* @__PURE__ */ t(C, { name: o }),
+    o || i && /* @__PURE__ */ t(C, { name: i }),
     r && /* @__PURE__ */ t("span", { children: r })
-  ] }), f = a ? /* @__PURE__ */ _($, { icon: i ? void 0 : o, btnIcon: !0, onClick: a, ...c, children: [
-    i,
-    !i && !o && r
-  ] }) : p ? /* @__PURE__ */ t("a", { href: p, ...c, children: l }) : l, d = typeof m == "string" ? m : m === !0 ? r : void 0;
-  return /* @__PURE__ */ t("li", { className: `nav__item ${n ? "nav__item--col" : ""}  ${e} `.trim(), children: d ? /* @__PURE__ */ t(I, { content: d, placement: n ? "right" : "bottom", children: /* @__PURE__ */ t("span", { children: f }) }) : f });
-}, g = ({
+  ] }), f = a ? /* @__PURE__ */ _($, { icon: o ? void 0 : i, btnIcon: !0, onClick: a, ...c, children: [
+    o,
+    !o && !i && r
+  ] }) : p ? /* @__PURE__ */ t(N, { to: p, ...c, children: l }) : l, d = typeof m == "string" ? m : m === !0 ? r : void 0;
+  return /* @__PURE__ */ t("li", { className: `nav__item ${e ? "nav__item--col" : ""}  ${n} `.trim(), children: d ? /* @__PURE__ */ t(I, { content: d, placement: e ? "right" : "bottom", children: /* @__PURE__ */ t("span", { children: f }) }) : f });
+}, x = ({
   children: s,
-  items: i,
+  items: o,
   className: r = "",
-  vertical: o = !1,
+  vertical: i = !1,
   tooltip: p = !1
 }) => {
   const m = `nav ${r}`.trim();
   return u(() => {
-    N();
-  }, []), /* @__PURE__ */ t("nav", { className: m, children: /* @__PURE__ */ t("ul", { className: `nav__items ${o ? "nav__items--col" : ""} ${r ? `${r}__items` : ""}`.trim(), children: i ? i.map((e, n) => /* @__PURE__ */ t(
+    g();
+  }, []), /* @__PURE__ */ t("nav", { className: m, children: /* @__PURE__ */ t("ul", { className: `nav__items ${i ? "nav__items--col" : ""} ${r ? `${r}__items` : ""}`.trim(), children: o ? o.map((n, e) => /* @__PURE__ */ t(
     h,
     {
-      ...e,
-      tooltip: p ? e.tooltip ?? !0 : !1
+      ...n,
+      tooltip: p ? n.tooltip ?? !0 : !1
     },
-    n
+    e
   )) : s }) });
 };
-g.Item = h;
+x.Item = h;
 export {
-  g as Nav
+  x as Nav
 };

package/dist/components/Table/js/table.d.ts

@@ -60,7 +60,7 @@ export interface TableOptions {
     /**
      * Langue du tableau (par défaut: 'fr').
      */
-    locale?: 'fr' | 'en';
+    locale?: string;
     /**
      * Options personnalisées pour la colonne de sélection (checkbox).
      */