zuii 1.4.13 → 1.4.15

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

@@ -1 +1 @@
-@layer components{@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.backdrop{--backdrop-opacity: .7;--backdrop-bg: color-mix(in srgb, var(--primary-dark), var(--dark) 80%)}.modal-content{--modal-border-radius: var(--radius-sm);--modal-border-width: 0;--modal-border-color: var(--border-color);overflow:hidden}.modal-header{--modal-header-padding: var(--spacing-md) var(--spacing-lg);--modal-header-border-width: var(--border-none);--modal-header-border-color: var(--border-color)}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.modal-body{padding:var(--spacing-md) var(--spacing-lg)}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--gray-100);border-bottom-right-radius:0;border-bottom-left-radius:0}.modal-backdrop{--backdrop-opacity: .7;--backdrop-bg: color-mix(in srgb, var(--primary-dark), var(--dark) 80%)}}
+@layer components{@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.backdrop{--backdrop-opacity: .7;--backdrop-bg: color-mix(in srgb, var(--primary-dark), var(--dark) 80%)}.modal-content{--modal-border-radius: var(--radius-sm);--modal-border-width: 0;--modal-border-color: var(--border-color)}.modal-header{--modal-header-padding: var(--spacing-md) var(--spacing-lg);--modal-header-border-width: var(--border-none);--modal-header-border-color: var(--border-color)}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.modal-body{padding:var(--spacing-md) var(--spacing-lg)}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--gray-100);border-bottom-right-radius:0;border-bottom-left-radius:0}.modal-backdrop{--backdrop-opacity: .7;--backdrop-bg: color-mix(in srgb, var(--primary-dark), var(--dark) 80%)}}

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/Placeholder/react/index.d.ts

@@ -15,6 +15,8 @@ interface Props extends BSTPlaceholderProps {
     button?: boolean;
     /** Si le placeholder est une image */
     image?: boolean;
+    /** Si le placeholder est un input */
+    input?: boolean;
 }
 /**
  * Composant Placeholder.
@@ -22,5 +24,5 @@ interface Props extends BSTPlaceholderProps {
  * @param {Props} props - Les propriétés du composant.
  * @returns {JSX.Element} Le rendu du composant.
  */
-export declare const Placeholder: ({ animation, size, variant, width, button, image, children, className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Placeholder: ({ animation, size, variant, width, button, image, input, children, className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
-import { jsx as p } from "react/jsx-runtime";
-import s from "react";
-import { Placeholder as $ } from "react-bootstrap";
+import { jsx as $ } from "react/jsx-runtime";
+import h from "react";
+import { Placeholder as s } from "react-bootstrap";
 import '../style/index.css';/* empty css                  */
 const x = ({
   animation: r = void 0,
@@ -9,21 +9,22 @@ const x = ({
   width: c,
   button: l,
   image: t,
+  input: a,
   children: o,
-  className: a = "",
-  ...m
+  className: p = "",
+  ...i
 }) => {
-  const i = s.Children.count(o) > 0;
-  return /* @__PURE__ */ p(
-    $,
+  const m = h.Children.count(o) > 0;
+  return /* @__PURE__ */ $(
+    s,
     {
       size: d,
       variant: e,
       xs: c,
       "aria-hidden": "true",
-      className: `placeholder__item ${r ? `placeholder-${r}` : ""} ${l ? "btn" : ""} ${t ? "placeholder--image" : ""} ${i ? "placeholder--filled" : ""} ${e && l ? `btn-${e}` : ""} ${a}`.trim(),
+      className: `placeholder__item ${r ? `placeholder-${r}` : ""} ${l ? "btn" : ""} ${t ? "placeholder--image" : ""} ${a ? "placeholder--input" : ""} ${m ? "placeholder--filled" : ""} ${e && l ? `btn-${e}` : ""} ${p}`.trim(),
       ...l ? { as: "button" } : {},
-      ...m,
+      ...i,
       children: o
     }
   );

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

@@ -1 +1 @@
-@layer layout{.placeholder,.placeholder__item{width:100%}.placeholder--filled{width:auto}.placeholder--image{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:var(--primary, #f1f5f9);border:var(--border-width, 1px) solid var(--border-color, #94a3b8);position:relative;overflow:hidden}.placeholder--image:after{content:"";width:40%;height:40%;background-color:var(--gray-200, #94a3b8);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.placeholder-glow.placeholder,.placeholder-glow.placeholder__item,.placeholder-glow .placeholder,.placeholder-glow .placeholder__item{animation:placeholder-glow 2s ease-in-out infinite}.placeholder-wave.placeholder,.placeholder-wave.placeholder__item,.placeholder-wave .placeholder,.placeholder-wave .placeholder__item{-webkit-mask-image:linear-gradient(130deg,#000 40%,#00000080,#000 60%);mask-image:linear-gradient(130deg,#000 40%,#00000080,#000 60%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-glow{0%,to{opacity:.6}50%{opacity:.3}}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.25em}[variant=primary]{background-color:var(--primary, #296782)!important;opacity:.5}[variant=secondary]{background-color:var(--secondary, #49B4E8)!important;opacity:.5}[variant=accent]{background-color:var(--accent, #49B4E8)!important;opacity:.5}[variant=tertiary]{background-color:var(--tertiary, #f5524d)!important;opacity:.5}[variant=success]{background-color:var(--success, #73D3B6)!important;opacity:.5}[variant=danger]{background-color:var(--danger, #EA5F5F)!important;opacity:.5}[variant=warning]{background-color:var(--warning, #F5D762)!important;opacity:.5}[variant=info]{background-color:var(--info, #73B6D3)!important;opacity:.5}[variant=light]{background-color:var(--light, #FFFFFF)!important;opacity:.5}[variant=dark]{background-color:var(--dark, #000000)!important;opacity:.5}}
+@layer layout{.form__input,.placeholder--input{--form-placeholder-color: color-mix(in srgb, var(--body-color), transparent 70%)}.form__input:not(:has(.choices)),.placeholder--input:not(:has(.choices)){padding:var(--spacing-xs) var(--spacing-sm)}.choices__inner{padding:var(--spacing-xs) var(--spacing-sm)}.form__input,.placeholder--input{background-color:var(--white);border-radius:var(--radius-base);border:var(--border-width) solid var(--border-color);margin:var(--spacing-sm) 0;display:flex;gap:var(--spacing-xs);transition:all .2s cubic-bezier(.455,.03,.515,.955);flex:1}.form__input[type=checkbox],[type=checkbox].placeholder--input,.form__input[type=radio],[type=radio].placeholder--input{appearance:none;width:1.25rem;height:1.25rem;background-color:var(--white);border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);vertical-align:middle;margin-top:-2px}.form__input[type=checkbox]:after,[type=checkbox].placeholder--input:after,.form__input[type=radio]:after,[type=radio].placeholder--input:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;background-color:var(--white);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:translate(-50%,-50%) scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.form__input[type=checkbox]:checked,[type=checkbox].placeholder--input:checked,.form__input[type=radio]:checked,[type=radio].placeholder--input:checked{background-color:var(--primary);border-color:var(--primary)}.form__input[type=checkbox]:checked:after,[type=checkbox].placeholder--input:checked:after,.form__input[type=radio]:checked:after,[type=radio].placeholder--input:checked:after{transform:translate(-50%,-50%) scale(1)}.form__input[type=checkbox]:focus,[type=checkbox].placeholder--input:focus,.form__input[type=radio]:focus,[type=radio].placeholder--input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 80%);border-color:var(--primary)}.form__input[type=checkbox]:hover:not(:checked):not(:disabled),[type=checkbox].placeholder--input:hover:not(:checked):not(:disabled),.form__input[type=radio]:hover:not(:checked):not(:disabled),[type=radio].placeholder--input:hover:not(:checked):not(:disabled){border-color:var(--primary);background-color:color-mix(in srgb,var(--primary),transparent 95%)}.form__input[type=checkbox]:disabled,[type=checkbox].placeholder--input:disabled,.form__input[type=radio]:disabled,[type=radio].placeholder--input:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);cursor:not-allowed;opacity:.7}.form__input[type=radio],[type=radio].placeholder--input{border-radius:var(--radius-pill)}.form__input[type=radio]:after,[type=radio].placeholder--input:after{-webkit-mask-image:none;mask-image:none;border-radius:var(--radius-pill);width:.5rem;height:.5rem}.form__input .form-control:not([type=checkbox]):not([type=radio]),.placeholder--input .form-control:not([type=checkbox]):not([type=radio]){padding:0;background-color:transparent;border-radius:var(--radius-none);border:none;line-height:1.3}.form__input .form-control:not([type=checkbox]):not([type=radio]):focus,.placeholder--input .form-control:not([type=checkbox]):not([type=radio]):focus{border:none;box-shadow:none}.form__input:has(.form-control:focus),.placeholder--input:has(.form-control:focus){border-color:var(--accent)}.group--vertical .form__input,.group--vertical .placeholder--input{width:100%}input[type=checkbox],input[type=radio]{--border-color: var(--primary)}.form__input:has(.form-control:disabled),.placeholder--input:has(.form-control:disabled){border-color:var(--gray-200);background-color:var(--gray-100)}.form__input:has(.form-control:disabled) .form-control,.placeholder--input:has(.form-control:disabled) .form-control,.form__input:has(.form-control:disabled) .form-control::placeholder,.placeholder--input:has(.form-control:disabled) .form-control::placeholder,.form__input:has(.form-control:disabled) .icon,.placeholder--input:has(.form-control:disabled) .icon{color:var(--form-placeholder-color)}input::placeholder{color:var(--form-placeholder-color)}.placeholder,.placeholder__item{width:100%}.placeholder--filled{width:auto}.placeholder--image{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:var(--primary, #f1f5f9);border:var(--border-width, 1px) solid var(--border-color, #94a3b8);position:relative;overflow:hidden}.placeholder--image:after{content:"";width:40%;height:40%;background-color:var(--gray-200, #94a3b8);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.placeholder--input{height:1.93rem;background:color-mix(in srgb,currentcolor,transparent 70%)}.placeholder-glow.placeholder,.placeholder-glow.placeholder__item,.placeholder-glow .placeholder,.placeholder-glow .placeholder__item{animation:placeholder-glow 2s ease-in-out infinite}.placeholder-wave.placeholder,.placeholder-wave.placeholder__item,.placeholder-wave .placeholder,.placeholder-wave .placeholder__item{-webkit-mask-image:linear-gradient(130deg,#000 40%,#00000080,#000 60%);mask-image:linear-gradient(130deg,#000 40%,#00000080,#000 60%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-glow{0%,to{opacity:.6}50%{opacity:.3}}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.25em}[variant=primary]{background-color:var(--primary, #296782)!important;opacity:.5}[variant=secondary]{background-color:var(--secondary, #49B4E8)!important;opacity:.5}[variant=accent]{background-color:var(--accent, #49B4E8)!important;opacity:.5}[variant=tertiary]{background-color:var(--tertiary, #f5524d)!important;opacity:.5}[variant=success]{background-color:var(--success, #73D3B6)!important;opacity:.5}[variant=danger]{background-color:var(--danger, #EA5F5F)!important;opacity:.5}[variant=warning]{background-color:var(--warning, #F5D762)!important;opacity:.5}[variant=info]{background-color:var(--info, #73B6D3)!important;opacity:.5}[variant=light]{background-color:var(--light, #FFFFFF)!important;opacity:.5}[variant=dark]{background-color:var(--dark, #000000)!important;opacity:.5}}

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).
      */