zuii 1.4.12 → 1.4.14

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

@@ -1 +1 @@
-@layer layout{.auth{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.auth__container{width:100%;max-width:400px;padding:var(--spacing-lg);border-radius:var(--radius-base, .5rem);box-shadow:var(--box-shadow-md, .3125rem .3125rem .8125rem 0rem rgba(0, 0, 0, .1));background:var(--gradient, linear-gradient(33.65deg, rgba(115, 182, 211, .25) 0%, rgba(210, 236, 249, .25) 100%))}.auth__body{margin:var(--spacing-md) 0}.auth__header,.auth__form{display:grid;gap:var(--spacing-sm)}.auth__form{gap:var(--spacing-md)}}@layer components{.auth__footer{text-align:center}.auth__button{width:100%}.auth__button .btn-content{width:100%;justify-content:center}.auth__title{margin:0;font-size:1.75rem;line-height:1.75rem;font-weight:700}.auth__input .form__input{margin:var(--spacing-none)}.auth__header-wrapper{flex:1;flex-wrap:nowrap}.auth__lang{flex:initial;margin:0;background:transparent;border:none}.auth__lang .choices:after{display:none;visibility:hidden}.auth__lang .choices__inner{--spacing-xs: var(--spacing-none);--spacing-sm: var(--spacing-none);font-size:1.3rem}.auth__lang .lang-selector__flag{box-shadow:var(--box-shadow-sm)}.auth__lang .choices__list--dropdown{width:auto;min-width:0}.auth__lang .choices__list--dropdown .choices__item,.auth__lang .choices__list[aria-expanded] .choices__item{padding:.2rem .5rem}}
+@layer layout{.auth{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.auth__container{width:100%;max-width:400px;padding:var(--spacing-lg);border-radius:var(--radius-base, .5rem);box-shadow:var(--box-shadow-md, .3125rem .3125rem .8125rem 0rem rgba(0, 0, 0, .1));background:var(--gradient, linear-gradient(33.65deg, rgba(115, 182, 211, .25) 0%, rgba(210, 236, 249, .25) 100%))}.auth__body{margin:var(--spacing-md) 0}.auth__header,.auth__form{display:grid;gap:var(--spacing-sm)}.auth__form{gap:var(--spacing-md)}}@layer components{.auth__footer{text-align:center}.auth__button{width:100%}.auth__button .btn-content{width:100%;justify-content:center}.auth__title{margin:0;font-size:1.75rem;line-height:1.75rem;font-weight:700}.auth__input .form__input{margin:var(--spacing-none)}.auth__header-wrapper{flex:1;flex-wrap:nowrap}.lang-selector--flag,.auth__lang{flex:initial;margin:0;background:transparent;border:none;min-width:0;width:auto}.lang-selector--flag .choices:after,.auth__lang .choices:after{display:none;visibility:hidden}.lang-selector--flag .choices__inner,.auth__lang .choices__inner{--spacing-xs: var(--spacing-none);--spacing-sm: var(--spacing-none);font-size:1.3rem}.lang-selector--flag .lang-selector__flag,.auth__lang .lang-selector__flag{box-shadow:var(--box-shadow-sm);margin:0}.lang-selector--flag .choices__list--dropdown,.auth__lang .choices__list--dropdown{width:auto;min-width:0}.lang-selector--flag .choices__list--dropdown .choices__item,.auth__lang .choices__list--dropdown .choices__item,.lang-selector--flag .choices__list[aria-expanded] .choices__item,.auth__lang .choices__list[aria-expanded] .choices__item{padding:.2rem .5rem}}

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 e } from "../../../core/styles/tokens.js";
-import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.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                            */
@@ -11,8 +11,6 @@ import { Group as t } from "../../Group/react/index.js";
 /* empty css                             */
 import "react";
 /* empty css                                  */
-import "choices.js";
-/* empty css                                                                                          */
 import "../../Form/react/index.js";
 /* empty css                            */
 /* empty css                            */
@@ -25,30 +23,38 @@ import "../../Table/react/index.js";
 import "../../Accordion/react/index.js";
 import "../../Tab/react/index.js";
 import "../../Alert/react/index.js";
+import "../../Dashboard/react/index.js";
+import "../../Nav/react/index.js";
+import "choices.js";
+/* empty css                                                                                          */
+/* empty css                                   */
 import "../../Auth/react/index.js";
-const E = ({ name: r }) => {
-  const l = e.brands[r];
+import "react-router-dom";
+/* empty css                               */
+/* 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 {
-  E as Color
+  L as Color
 };

package/dist/components/Dashboard/js/dashboard.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Logique JavaScript pour le composant Dashboard.
+ */
+export declare const initDashboard: () => void;

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+/**
+ * Propriétés du composant Dashboard.
+ */
+interface Props {
+    /**
+     * Classe CSS additionnelle.
+     */
+    className?: string;
+    /**
+     * Contenu du composant.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Composant Dashboard.
+ *
+ * @param {Props} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Dashboard: {
+    ({ children, className, }: Props): import("react/jsx-runtime").JSX.Element;
+    Navigation: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
+    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

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

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

@@ -0,0 +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: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/js/errorpage.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Logique JavaScript pour le composant Errorpage.
+ */
+export declare const initErrorpage: () => void;

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

@@ -0,0 +1,14 @@
+interface Props {
+    /**
+     * Le code de l'erreur (ex: 404).
+     */
+    code?: number | string;
+}
+/**
+ * Composant pour la page d'erreur.
+ *
+ * @param {Props} props Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu de la page d'erreur.
+ */
+export declare const Errorpage: ({ code }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,51 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useNavigate as e } from "react-router-dom";
+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";
+import { Group as o } from "../../Group/react/index.js";
+/* empty css                            */
+/* empty css                           */
+/* empty css                             */
+import "react";
+/* empty css                                  */
+import "../../Form/react/index.js";
+/* empty css                            */
+/* empty css                            */
+import "../../Dropdown/react/index.js";
+/* empty css                          */
+import "../../Modal/react/index.js";
+import "react-bootstrap";
+/* empty css                                 */
+import "../../Tooltip/react/index.js";
+import "../../Table/react/index.js";
+import "../../Accordion/react/index.js";
+import "../../Tab/react/index.js";
+import "../../Alert/react/index.js";
+import "../../Dashboard/react/index.js";
+import "../../Nav/react/index.js";
+import "choices.js";
+/* empty css                                                                                          */
+/* empty css                                   */
+import "../../Auth/react/index.js";
+/* empty css                  */
+/* 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: [
+      /* @__PURE__ */ r(a, { name: "icon-triangle-alert", size: "4xl" }),
+      /* @__PURE__ */ i("h1", { children: [
+        "Erreur ",
+        t
+      ] })
+    ] }),
+    /* @__PURE__ */ r("h2", { children: "Oups ! Page non trouvée" }),
+    /* @__PURE__ */ r("p", { children: "La page que vous recherchez semble avoir disparu dans le néant numérique." }),
+    /* @__PURE__ */ r(o, { className: "mt-4", children: /* @__PURE__ */ r(p, { onClick: () => m("/"), variant: "primary", children: "Retour à l'accueil" }) })
+  ] }) }) });
+};
+export {
+  J as Errorpage
+};

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

@@ -0,0 +1 @@
+@layer components{.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;overflow:hidden}.error-page__container{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);height:auto;overflow:auto;width:100%}}

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

@@ -1 +1 @@
-@layer vendor{.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:hover,.choices[data-type*=select-one] .choices__button:focus{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=text] .choices__button:hover,.choices[data-type*=text] .choices__button:focus{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media(min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]:after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]:after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}}@layer vendor;@layer components{.form__input:not(:has(.choices)){padding:var(--spacing-xs) var(--spacing-sm)}.choices__inner{padding:var(--spacing-xs) var(--spacing-sm)}.form__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],.form__input[type=radio]{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,.form__input[type=radio]: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,.form__input[type=radio]:checked{background-color:var(--primary);border-color:var(--primary)}.form__input[type=checkbox]:checked:after,.form__input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.form__input[type=checkbox]:focus,.form__input[type=radio]: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),.form__input[type=radio]:hover:not(:checked):not(:disabled){border-color:var(--primary);background-color:color-mix(in srgb,var(--primary),transparent 95%)}.form__input[type=checkbox]:disabled,.form__input[type=radio]:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);cursor:not-allowed;opacity:.7}.form__input[type=radio]{border-radius:var(--radius-pill)}.form__input[type=radio]: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]){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{border:none;box-shadow:none}.form__input:has(.form-control:focus){border-color:var(--accent)}.group--vertical .form__input{width:100%}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.choices{width:100%;display:flex}.choices__inner,.choices__input{background-color:transparent;border:none;border-radius:0;min-height:initial;margin:0}.choices:not([data-type=select-multiple]) .choices__inner{display:flex;align-items:center;gap:var(--spacing-xs)}.choices__list--single{padding:0}.choices[data-type*=select-one]:after{content:"";-webkit-mask-image:var(--icons-chevron-down);mask-image:var(--icons-chevron-down);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width:24px;height:24px;background:currentColor;border:none;display:block;top:0;position:relative;right:0;margin-top:0}.choices__list--multiple .choices__item{border-radius:var(--radius-pill);background-color:var(--accent);border:var(--border-width) solid var(--accent-dark)}.choices__list--dropdown{--menu-border-radius: var(--border-radius-sm, .375rem);position:fixed;z-index:1000;min-width:160px;background-color:var(--white, #fff);border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--menu-border-radius);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));outline:none;animation:menu-fade-in .1s ease-out;position:absolute;width:100%;margin-top:4px;padding:4px}.shadow{display:flex;justify-content:center;align-items:center;padding:1rem}.shadow--xs{box-shadow:0 1px 2px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--sm{box-shadow:0 1px 3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--md{box-shadow:0 4px 6px -1px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--lg{box-shadow:0 10px 15px -3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--xl{box-shadow:0 20px 25px -5px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--2xl{box-shadow:0 25px 50px -12px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--outline,.form-check-input:focus{box-shadow:0 0 2px 4px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--inset{box-shadow:inset 0 0 6px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--none{box-shadow:0 0 color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}.form-control::-webkit-outer-spin-button,.form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-control[type=number]{-moz-appearance:textfield;appearance:textfield}.form__addon{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.form__addon:hover{background-color:var(--bs-gray-200)}.form__addon:active{background-color:var(--bs-gray-300)}}
+@layer vendor{.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:hover,.choices[data-type*=select-one] .choices__button:focus{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=text] .choices__button:hover,.choices[data-type*=text] .choices__button:focus{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media(min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]:after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]:after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}}@layer vendor;@layer components{.form__input:not(:has(.choices)){padding:var(--spacing-xs) var(--spacing-sm)}.choices__inner{padding:var(--spacing-xs) var(--spacing-sm)}.form__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],.form__input[type=radio]{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,.form__input[type=radio]: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,.form__input[type=radio]:checked{background-color:var(--primary);border-color:var(--primary)}.form__input[type=checkbox]:checked:after,.form__input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.form__input[type=checkbox]:focus,.form__input[type=radio]: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),.form__input[type=radio]:hover:not(:checked):not(:disabled){border-color:var(--primary);background-color:color-mix(in srgb,var(--primary),transparent 95%)}.form__input[type=checkbox]:disabled,.form__input[type=radio]:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);cursor:not-allowed;opacity:.7}.form__input[type=radio]{border-radius:var(--radius-pill)}.form__input[type=radio]: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]){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{border:none;box-shadow:none}.form__input:has(.form-control:focus){border-color:var(--accent)}.group--vertical .form__input{width:100%}input[type=checkbox],input[type=radio]{--border-color: var(--primary)}.form__input:has(.form-control:disabled){border-color:var(--gray-200);background-color:var(--gray-100)}.form__input:has(.form-control:disabled) .form-control,.form__input:has(.form-control:disabled) .form-control::placeholder,.form__input:has(.form-control:disabled) .icon{color:var(--gray-400)}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.choices{width:100%;display:flex}.choices__inner,.choices__input{background-color:transparent;border:none;border-radius:0;min-height:initial;margin:0}.choices:not([data-type=select-multiple]) .choices__inner{display:flex;align-items:center;gap:var(--spacing-xs)}.choices__list--single{padding:0}.choices[data-type*=select-one]:after{content:"";-webkit-mask-image:var(--icons-chevron-down);mask-image:var(--icons-chevron-down);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width:24px;height:24px;background:currentColor;border:none;display:block;top:0;position:relative;right:0;margin-top:0}.choices__list--multiple .choices__item{border-radius:var(--radius-pill);background-color:var(--accent);border:var(--border-width) solid var(--accent-dark)}.choices__list--dropdown{--menu-border-radius: var(--border-radius-sm, .375rem);position:fixed;z-index:1000;min-width:160px;background-color:var(--white, #fff);border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--menu-border-radius);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));outline:none;animation:menu-fade-in .1s ease-out;position:absolute;width:100%;margin-top:4px;padding:4px}.shadow{display:flex;justify-content:center;align-items:center;padding:1rem}.shadow--xs{box-shadow:0 1px 2px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--sm{box-shadow:0 1px 3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--md{box-shadow:0 4px 6px -1px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--lg{box-shadow:0 10px 15px -3px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--xl{box-shadow:0 20px 25px -5px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--2xl{box-shadow:0 25px 50px -12px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--outline,.form-check-input:focus{box-shadow:0 0 2px 4px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--inset{box-shadow:inset 0 0 6px color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.shadow--none{box-shadow:0 0 color-mix(in srgb,var(--box-shadow-color),transparent 80%)}.form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}.form-control::-webkit-outer-spin-button,.form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-control[type=number]{-moz-appearance:textfield;appearance:textfield}.form__addon{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.form__addon:hover{background-color:var(--bs-gray-200)}.form__addon:active{background-color:var(--bs-gray-300)}}

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,29 +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";
-const p = ({
-  options: e,
-  defaultValue: c,
-  onChange: n,
-  className: f = ""
+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 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 i = 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, i, 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 ${f}`.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 {
-  p as LangSelector
+  R as LangSelector
 };

package/dist/components/Lang-selector/style/index.css

@@ -0,0 +1 @@
+@layer components{@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.lang-selector{display:inline-block;min-width:150px;width:100%}.lang-selector__flag{margin-right:8px;border-radius:2px}.lang-selector .choices{margin-bottom:0;font-family:inherit}.lang-selector .choices[data-type*=select-one] .choices__item{display:flex;align-items:center}.lang-selector .choices__list--dropdown{--menu-border-radius: var(--border-radius-sm, .375rem);position:fixed;z-index:1000;min-width:160px;background-color:var(--white, #fff);border:1px solid var(--gray-200, #e2e8f0);border-radius:var(--menu-border-radius);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));padding:4px;outline:none;animation:menu-fade-in .1s ease-out;position:absolute;margin-top:4px;z-index:9999}.lang-selector .choices__list--dropdown .choices__item--choice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:6px 8px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s,color .1s}.lang-selector .choices__list--dropdown .choices__item--choice:hover,.lang-selector .choices__list--dropdown .choices__item--choice:focus,.lang-selector .choices__list--dropdown .choices__item--choice.active,.lang-selector .choices__list--dropdown .choices__item--choice:active{background-color:color-mix(in srgb,var(--primary),var(--white) 90%);color:color-mix(in srgb,var(--secondary),var(--dark) 10%);outline:none;text-decoration:none}.lang-selector .choices__list--dropdown .choices__item--choice.disabled,.lang-selector .choices__list--dropdown .choices__item--choice:disabled{opacity:.3;cursor:not-allowed;color:initial;background:transparent}.lang-selector .choices__list--dropdown .choices__item--choice.active,.lang-selector .choices__list--dropdown .choices__item--choice:active{background-color:color-mix(in srgb,var(--secondary),var(--white) 70%);color:color-mix(in srgb,var(--secondary),var(--dark) 20%)}.lang-selector .choices__list--dropdown .choices__item--choice:first-child{border-top-left-radius:var(--menu-border-radius, var(--radius-sm, .375rem));border-top-right-radius:var(--menu-border-radius, var(--radius-sm, .375rem))}.lang-selector .choices__list--dropdown .choices__item--choice:last-child{border-bottom-left-radius:var(--menu-border-radius, var(--radius-sm, .375rem));border-bottom-right-radius:var(--menu-border-radius, var(--radius-sm, .375rem))}.lang-selector .choices__list--dropdown .choices__item--choice{padding:8px 12px}.lang-selector .choices__inner{padding:4px 8px!important}.lang-selector--flag{flex:initial;margin:0;background:transparent;border:none;min-width:0;width:auto}.lang-selector--flag .choices:after{display:none;visibility:hidden}.lang-selector--flag .choices__inner{--spacing-xs: var(--spacing-none);--spacing-sm: var(--spacing-none);font-size:1.3rem}.lang-selector--flag .lang-selector__flag{box-shadow:var(--box-shadow-sm);margin:0}.lang-selector--flag .choices__list--dropdown{width:auto;min-width:0}.lang-selector--flag .choices__list--dropdown .choices__item,.lang-selector--flag .choices__list[aria-expanded] .choices__item{padding:.2rem .5rem}}

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/js/nav.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Logique JavaScript pour le composant Nav.
+ * Ajoute la classe nav__item--active à l'élément correspondant à la page courante.
+ */
+export declare const initNav: () => void;

package/dist/components/Nav/js/nav.js

@@ -0,0 +1,10 @@
+const o = () => {
+  const a = window.location.pathname;
+  document.querySelectorAll(".nav__item").forEach((t) => {
+    const e = t.querySelector("a");
+    e && (e.getAttribute("href") === a ? t.classList.add("nav__item--active") : t.classList.remove("nav__item--active"));
+  });
+};
+export {
+  o as initNav
+};