zuii 1.4.15 → 1.4.17

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

@@ -1 +1 @@
-@layer components{.badge{--badge-border-radius: var(--border-radius-pill);--badge-font-size: var(--font-size-xs);font-size:var(--badge-font-size);line-height:initial;margin:.2rem;border:1px solid transparent;height:fit-content;display:flex;gap:var(--spacing-xs);align-items:center}.badge--primary{--color: color-mix(in srgb, var(--primary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-contrast);border-color:var(--primary)}.badge--secondary{--color: color-mix(in srgb, var(--secondary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-contrast);border-color:var(--secondary)}.badge--accent{--color: color-mix(in srgb, var(--accent), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-contrast);border-color:var(--accent)}.badge--tertiary{--color: color-mix(in srgb, var(--tertiary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-contrast);border-color:var(--tertiary)}.badge--success{--color: color-mix(in srgb, var(--success), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-contrast);border-color:var(--success)}.badge--danger{--color: color-mix(in srgb, var(--danger), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-contrast);border-color:var(--danger)}.badge--warning{--color: color-mix(in srgb, var(--warning), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-contrast);border-color:var(--warning)}.badge--info{--color: color-mix(in srgb, var(--info), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-contrast);border-color:var(--info)}.badge--light{--color: color-mix(in srgb, var(--light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-contrast);border-color:var(--light)}.badge--dark{--color: color-mix(in srgb, var(--dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-contrast);border-color:var(--dark)}.badge--outline{--bg-opacity: 0;background-color:transparent;color:inherit}.badge--outline-primary{border-color:#296782;color:#296782}.badge--outline-secondary,.badge--outline-accent{border-color:#49b4e8;color:#49b4e8}.badge--outline-tertiary{border-color:#f5524d;color:#f5524d}.badge--outline-success{border-color:#73d3b6;color:#73d3b6}.badge--outline-danger{border-color:#ea5f5f;color:#ea5f5f}.badge--outline-warning{border-color:#f5d762;color:#f5d762}.badge--outline-info{border-color:#73b6d3;color:#73b6d3}.badge--outline-light{border-color:#fff;color:#fff}.badge--outline-dark{border-color:#000;color:#000}.badge--xs{--badge-padding-x: .5em;--badge-padding-y: .3em;--badge-font-size: .5em}.badge--sm{--badge-padding-x: .5em;--badge-padding-y: .3em;--badge-font-size: .6em}.badge--md{--badge-padding-x: .65em;--badge-padding-y: .35em;--badge-font-size: .7rem}.badge--lg{--badge-padding-x: .7em;--badge-padding-y: .45em;--badge-font-size: .8rem}.badge--xl{--badge-padding-x: .75em;--badge-padding-y: .55em;--badge-font-size: .9rem}.badge__content{display:inline-block}}
+@layer components{.badge{--badge-border-radius: var(--border-radius-pill);--badge-font-size: var(--font-size-xs);font-size:var(--badge-font-size);line-height:initial;margin:.2rem;border:1px solid transparent;height:fit-content;display:flex;gap:var(--spacing-xs);align-items:center;color:red}.badge--primary{--color: color-mix(in srgb, var(--primary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--primary-contrast);border-color:var(--primary)}.badge--secondary{--color: color-mix(in srgb, var(--secondary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--secondary-contrast);border-color:var(--secondary)}.badge--accent{--color: color-mix(in srgb, var(--accent), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--accent-contrast);border-color:var(--accent)}.badge--tertiary{--color: color-mix(in srgb, var(--tertiary), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--tertiary-contrast);border-color:var(--tertiary)}.badge--success{--color: color-mix(in srgb, var(--success), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--success-contrast);border-color:var(--success)}.badge--danger{--color: color-mix(in srgb, var(--danger), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--danger-contrast);border-color:var(--danger)}.badge--warning{--color: color-mix(in srgb, var(--warning), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--warning-contrast);border-color:var(--warning)}.badge--info{--color: color-mix(in srgb, var(--info), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--info-contrast);border-color:var(--info)}.badge--light{--color: color-mix(in srgb, var(--light), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--light-contrast);border-color:var(--light)}.badge--dark{--color: color-mix(in srgb, var(--dark), var(--bg-tint-color, var(--dark)) var(--bg-tint, 0%));background-color:var(--color);color:var(--dark-contrast);border-color:var(--dark)}.badge--outline{--bg-opacity: 0;background-color:transparent;color:inherit}.badge--outline-primary{border-color:#296782;color:#296782}.badge--outline-secondary,.badge--outline-accent{border-color:#49b4e8;color:#49b4e8}.badge--outline-tertiary{border-color:#f5524d;color:#f5524d}.badge--outline-success{border-color:#73d3b6;color:#73d3b6}.badge--outline-danger{border-color:#ea5f5f;color:#ea5f5f}.badge--outline-warning{border-color:#f5d762;color:#f5d762}.badge--outline-info{border-color:#73b6d3;color:#73b6d3}.badge--outline-light{border-color:#fff;color:#fff}.badge--outline-dark{border-color:#000;color:#000}.badge--grey{--badge-color: var(--gray-500);border-color:var(--gray-500);color:var(--gray-500)}.badge--xs{--badge-padding-x: .5em;--badge-padding-y: .3em;--badge-font-size: .5em}.badge--sm{--badge-padding-x: .5em;--badge-padding-y: .3em;--badge-font-size: .6em}.badge--md{--badge-padding-x: .65em;--badge-padding-y: .35em;--badge-font-size: .7rem}.badge--lg{--badge-padding-x: .7em;--badge-padding-y: .45em;--badge-font-size: .8rem}.badge--xl{--badge-padding-x: .75em;--badge-padding-y: .55em;--badge-font-size: .9rem}.badge__content{display:inline-block}}

package/dist/components/Card/js/card.d.ts

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

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

@@ -0,0 +1,29 @@
+import { CardProps } from 'react-bootstrap';
+/**
+ * Propriétés du composant Card.
+ */
+export interface Props extends CardProps {
+    /**
+     * Classe CSS additionnelle.
+     */
+    className?: string;
+}
+/**
+ * Composant Card principal.
+ * Basé sur React Bootstrap.
+ *
+ * @param {Props} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Card: {
+    ({ className, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    Img({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    Header({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    Title({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    Subtitle({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    Body({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    Text({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    Link({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    Footer({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+    ImgOverlay({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Card as t } from "react-bootstrap";
+import '../style/index.css';/* empty css                  */
+const m = ({
+  className: a = "",
+  children: r,
+  ...i
+}) => /* @__PURE__ */ e(t, { className: `${a}`.trim(), ...i, children: r });
+m.Img = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Img, { className: `card__img ${a}`.trim(), ...r });
+m.Header = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Header, { className: `card__header ${a}`.trim(), ...r });
+m.Title = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Title, { className: `card__title ${a}`.trim(), ...r });
+m.Subtitle = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Subtitle, { className: `card__subtitle ${a}`.trim(), ...r });
+m.Body = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Body, { className: `card__body ${a}`.trim(), ...r });
+m.Text = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Text, { className: `card__text ${a}`.trim(), ...r });
+m.Link = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Link, { className: `card__link ${a}`.trim(), ...r });
+m.Footer = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.Footer, { className: `card__footer ${a}`.trim(), ...r });
+m.ImgOverlay = ({ className: a = "", ...r }) => /* @__PURE__ */ e(t.ImgOverlay, { className: `card__img-overlay ${a}`.trim(), ...r });
+export {
+  m as Card
+};

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

@@ -0,0 +1 @@
+@layer components{.card{--card-border-radius: var(--radius-base);--card-inner-border-radius: var(--radius-base)}}

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 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 '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+import { tokens as m } from "../../../core/styles/tokens.js";
+import '../../Slider/style/index.css';import '../../Grid/style/index.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 '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
 /* empty css                  */
 import "react-bootstrap";
 /* empty css                            */
@@ -32,8 +32,13 @@ import "../../Auth/react/index.js";
 import "react-router-dom";
 /* empty css                               */
 /* empty css                            */
-const L = ({ name: r }) => {
-  const p = l.brands[r];
+/* empty css                          */
+import "../../Menu/react/index.js";
+import "@splidejs/react-splide";
+/* empty css                            */
+import "../../Card/react/index.js";
+const R = ({ name: r }) => {
+  const p = m.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 }),
@@ -56,5 +61,5 @@ const L = ({ name: r }) => {
   ] });
 };
 export {
-  L as Color
+  R as Color
 };

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

@@ -1,8 +1,8 @@
 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                             */
+import { useNavigate as p } from "react-router-dom";
+import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';/* empty css                             */
 /* empty css                           */
-import { Button as p } from "../../Button/react/index.js";
+import { Button as e } 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                            */
@@ -31,8 +31,13 @@ import "choices.js";
 import "../../Auth/react/index.js";
 /* empty css                  */
 /* empty css                            */
-const J = ({ code: t = 404 }) => {
-  const m = e();
+/* empty css                          */
+import "../../Menu/react/index.js";
+import "@splidejs/react-splide";
+/* empty css                            */
+import "../../Card/react/index.js";
+const T = ({ code: t = 404 }) => {
+  const m = p();
   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" }),
@@ -43,9 +48,9 @@ const J = ({ code: t = 404 }) => {
     ] }),
     /* @__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" }) })
+    /* @__PURE__ */ r(o, { className: "mt-4", children: /* @__PURE__ */ r(e, { onClick: () => m("/"), variant: "primary", children: "Retour à l'accueil" }) })
   ] }) }) });
 };
 export {
-  J as Errorpage
+  T as Errorpage
 };

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

@@ -0,0 +1,96 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * Liste des gaps autorisés.
+ */
+type GapSize = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 64;
+/**
+ * Nombre de colonnes de la grille (1-24).
+ */
+type GridSpan = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
+/**
+ * Propriétés du composant Grid.
+ */
+interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Les éléments à afficher dans la grille.
+     */
+    children: ReactNode;
+    /**
+     * Espacement global.
+     */
+    gap?: GapSize;
+    /**
+     * Espacement horizontal (X).
+     */
+    gapX?: GapSize;
+    /**
+     * Espacement vertical (Y).
+     */
+    gapY?: GapSize;
+    /**
+     * Gaps responsives.
+     */
+    smGap?: GapSize;
+    smGapX?: GapSize;
+    smGapY?: GapSize;
+    mdGap?: GapSize;
+    mdGapX?: GapSize;
+    mdGapY?: GapSize;
+    lgGap?: GapSize;
+    lgGapX?: GapSize;
+    lgGapY?: GapSize;
+    xlGap?: GapSize;
+    xlGapX?: GapSize;
+    xlGapY?: GapSize;
+}
+/**
+ * Composant Grid utilisant CSS Grid avec 24 colonnes.
+ *
+ * @param {GridProps} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Grid: ({ children, gap, gapX, gapY, smGap, smGapX, smGapY, mdGap, mdGapX, mdGapY, lgGap, lgGapX, lgGapY, xlGap, xlGapX, xlGapY, className, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Propriétés du composant GridItem.
+ */
+interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Contenu de l'item.
+     */
+    children?: ReactNode;
+    /**
+     * Nombre de colonnes occupées par défaut (1-24).
+     */
+    span?: GridSpan;
+    /**
+     * Nombre de colonnes occupées sur petit écran (sm).
+     */
+    sm?: GridSpan;
+    /**
+     * Nombre de colonnes occupées sur écran moyen (md).
+     */
+    md?: GridSpan;
+    /**
+     * Nombre de colonnes occupées sur grand écran (lg).
+     */
+    lg?: GridSpan;
+    /**
+     * Nombre de colonnes occupées sur très grand écran (xl).
+     */
+    xl?: GridSpan;
+}
+/**
+ * Composant GridItem permettant de gérer le positionnement dans la grille.
+ *
+ * @param {GridItemProps} props - Les propriétés de l'item.
+ * @returns {JSX.Element} Le rendu de l'item.
+ */
+export declare const GridItem: ({ children, span, sm, md, lg, xl, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Composant Spacer permettant de générer un espace vide contrôlé par le système de grille.
+ *
+ * @param {GridItemProps} props - Les propriétés de l'espaceur.
+ * @returns {JSX.Element} Le rendu de l'espaceur.
+ */
+export declare const GridSpacer: (props: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,56 @@
+import { jsx as g } from "react/jsx-runtime";
+import '../style/index.css';/* empty css                  */
+const _ = ({
+  children: d,
+  gap: p = 2,
+  gapX: u,
+  gapY: f,
+  smGap: h,
+  smGapX: v,
+  smGapY: r,
+  mdGap: t,
+  mdGapX: o,
+  mdGapY: $,
+  lgGap: e,
+  lgGapX: n,
+  lgGapY: c,
+  xlGap: a,
+  xlGapX: m,
+  xlGapY: x,
+  className: l = "",
+  ...y
+}) => {
+  const s = "grid", i = [s];
+  return p !== void 0 && i.push(`${s}--gap-${p}`), u !== void 0 && i.push(`${s}--gap-x-${u}`), f !== void 0 && i.push(`${s}--gap-y-${f}`), h !== void 0 && i.push(`${s}--gap-sm-${h}`), v !== void 0 && i.push(`${s}--gap-x-sm-${v}`), r !== void 0 && i.push(`${s}--gap-y-sm-${r}`), t !== void 0 && i.push(`${s}--gap-md-${t}`), o !== void 0 && i.push(`${s}--gap-x-md-${o}`), $ !== void 0 && i.push(`${s}--gap-y-md-${$}`), e !== void 0 && i.push(`${s}--gap-lg-${e}`), n !== void 0 && i.push(`${s}--gap-x-lg-${n}`), c !== void 0 && i.push(`${s}--gap-y-lg-${c}`), a !== void 0 && i.push(`${s}--gap-xl-${a}`), m !== void 0 && i.push(`${s}--gap-x-xl-${m}`), x !== void 0 && i.push(`${s}--gap-y-xl-${x}`), l && i.push(l), /* @__PURE__ */ g("div", { className: "grid-container", children: /* @__PURE__ */ g(
+    "div",
+    {
+      className: i.join(" ").trim(),
+      ...y,
+      children: d
+    }
+  ) });
+}, j = ({
+  children: d,
+  span: p = 24,
+  sm: u,
+  md: f,
+  lg: h,
+  xl: v,
+  className: r = "",
+  ...t
+}) => {
+  const o = "grid__item", $ = [o];
+  return p !== void 0 && $.push(`${o}--${p}`), u !== void 0 && $.push(`${o}--sm-${u}`), f !== void 0 && $.push(`${o}--md-${f}`), h !== void 0 && $.push(`${o}--lg-${h}`), v !== void 0 && $.push(`${o}--xl-${v}`), r && $.push(r), /* @__PURE__ */ g(
+    "div",
+    {
+      className: $.join(" ").trim(),
+      ...t,
+      children: d
+    }
+  );
+}, I = (d) => /* @__PURE__ */ g(j, { ...d });
+export {
+  _ as Grid,
+  j as GridItem,
+  I as GridSpacer
+};

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

@@ -0,0 +1 @@
+@charset "UTF-8";@layer components{.grid-container{container-type:inline-size;container-name:grid;width:100%}.grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));width:100%;box-sizing:border-box}.grid__item{min-width:0;box-sizing:border-box;display:block}.grid__item--0{display:none}.grid__item--1{display:block;grid-column:span 1}.grid__item--2{display:block;grid-column:span 2}.grid__item--3{display:block;grid-column:span 3}.grid__item--4{display:block;grid-column:span 4}.grid__item--5{display:block;grid-column:span 5}.grid__item--6{display:block;grid-column:span 6}.grid__item--7{display:block;grid-column:span 7}.grid__item--8{display:block;grid-column:span 8}.grid__item--9{display:block;grid-column:span 9}.grid__item--10{display:block;grid-column:span 10}.grid__item--11{display:block;grid-column:span 11}.grid__item--12{display:block;grid-column:span 12}.grid__item--13{display:block;grid-column:span 13}.grid__item--14{display:block;grid-column:span 14}.grid__item--15{display:block;grid-column:span 15}.grid__item--16{display:block;grid-column:span 16}.grid__item--17{display:block;grid-column:span 17}.grid__item--18{display:block;grid-column:span 18}.grid__item--19{display:block;grid-column:span 19}.grid__item--20{display:block;grid-column:span 20}.grid__item--21{display:block;grid-column:span 21}.grid__item--22{display:block;grid-column:span 22}.grid__item--23{display:block;grid-column:span 23}.grid__item--24{display:block;grid-column:span 24}.grid--gap-0{gap:var(--size-0)}.grid--gap-x-0{column-gap:var(--size-0)}.grid--gap-y-0{row-gap:var(--size-0)}.grid--gap-1{gap:var(--size-1)}.grid--gap-x-1{column-gap:var(--size-1)}.grid--gap-y-1{row-gap:var(--size-1)}.grid--gap-2{gap:var(--size-2)}.grid--gap-x-2{column-gap:var(--size-2)}.grid--gap-y-2{row-gap:var(--size-2)}.grid--gap-3{gap:var(--size-3)}.grid--gap-x-3{column-gap:var(--size-3)}.grid--gap-y-3{row-gap:var(--size-3)}.grid--gap-4{gap:var(--size-4)}.grid--gap-x-4{column-gap:var(--size-4)}.grid--gap-y-4{row-gap:var(--size-4)}.grid--gap-5{gap:var(--size-5)}.grid--gap-x-5{column-gap:var(--size-5)}.grid--gap-y-5{row-gap:var(--size-5)}.grid--gap-6{gap:var(--size-6)}.grid--gap-x-6{column-gap:var(--size-6)}.grid--gap-y-6{row-gap:var(--size-6)}.grid--gap-8{gap:var(--size-8)}.grid--gap-x-8{column-gap:var(--size-8)}.grid--gap-y-8{row-gap:var(--size-8)}.grid--gap-10{gap:var(--size-10)}.grid--gap-x-10{column-gap:var(--size-10)}.grid--gap-y-10{row-gap:var(--size-10)}.grid--gap-12{gap:var(--size-12)}.grid--gap-x-12{column-gap:var(--size-12)}.grid--gap-y-12{row-gap:var(--size-12)}.grid--gap-16{gap:var(--size-16)}.grid--gap-x-16{column-gap:var(--size-16)}.grid--gap-y-16{row-gap:var(--size-16)}.grid--gap-20{gap:var(--size-20)}.grid--gap-x-20{column-gap:var(--size-20)}.grid--gap-y-20{row-gap:var(--size-20)}.grid--gap-24{gap:var(--size-24)}.grid--gap-x-24{column-gap:var(--size-24)}.grid--gap-y-24{row-gap:var(--size-24)}.grid--gap-32{gap:var(--size-32)}.grid--gap-x-32{column-gap:var(--size-32)}.grid--gap-y-32{row-gap:var(--size-32)}.grid--gap-40{gap:var(--size-40)}.grid--gap-x-40{column-gap:var(--size-40)}.grid--gap-y-40{row-gap:var(--size-40)}.grid--gap-48{gap:var(--size-48)}.grid--gap-x-48{column-gap:var(--size-48)}.grid--gap-y-48{row-gap:var(--size-48)}.grid--gap-64{gap:var(--size-64)}.grid--gap-x-64{column-gap:var(--size-64)}.grid--gap-y-64{row-gap:var(--size-64)}@container grid (min-width: 640px){.grid__item--sm-0{display:none}.grid__item--sm-1{display:block;grid-column:span 1}.grid__item--sm-2{display:block;grid-column:span 2}.grid__item--sm-3{display:block;grid-column:span 3}.grid__item--sm-4{display:block;grid-column:span 4}.grid__item--sm-5{display:block;grid-column:span 5}.grid__item--sm-6{display:block;grid-column:span 6}.grid__item--sm-7{display:block;grid-column:span 7}.grid__item--sm-8{display:block;grid-column:span 8}.grid__item--sm-9{display:block;grid-column:span 9}.grid__item--sm-10{display:block;grid-column:span 10}.grid__item--sm-11{display:block;grid-column:span 11}.grid__item--sm-12{display:block;grid-column:span 12}.grid__item--sm-13{display:block;grid-column:span 13}.grid__item--sm-14{display:block;grid-column:span 14}.grid__item--sm-15{display:block;grid-column:span 15}.grid__item--sm-16{display:block;grid-column:span 16}.grid__item--sm-17{display:block;grid-column:span 17}.grid__item--sm-18{display:block;grid-column:span 18}.grid__item--sm-19{display:block;grid-column:span 19}.grid__item--sm-20{display:block;grid-column:span 20}.grid__item--sm-21{display:block;grid-column:span 21}.grid__item--sm-22{display:block;grid-column:span 22}.grid__item--sm-23{display:block;grid-column:span 23}.grid__item--sm-24{display:block;grid-column:span 24}.grid--gap-sm-0{gap:var(--size-0)}.grid--gap-x-sm-0{column-gap:var(--size-0)}.grid--gap-y-sm-0{row-gap:var(--size-0)}.grid--gap-sm-1{gap:var(--size-1)}.grid--gap-x-sm-1{column-gap:var(--size-1)}.grid--gap-y-sm-1{row-gap:var(--size-1)}.grid--gap-sm-2{gap:var(--size-2)}.grid--gap-x-sm-2{column-gap:var(--size-2)}.grid--gap-y-sm-2{row-gap:var(--size-2)}.grid--gap-sm-3{gap:var(--size-3)}.grid--gap-x-sm-3{column-gap:var(--size-3)}.grid--gap-y-sm-3{row-gap:var(--size-3)}.grid--gap-sm-4{gap:var(--size-4)}.grid--gap-x-sm-4{column-gap:var(--size-4)}.grid--gap-y-sm-4{row-gap:var(--size-4)}.grid--gap-sm-5{gap:var(--size-5)}.grid--gap-x-sm-5{column-gap:var(--size-5)}.grid--gap-y-sm-5{row-gap:var(--size-5)}.grid--gap-sm-6{gap:var(--size-6)}.grid--gap-x-sm-6{column-gap:var(--size-6)}.grid--gap-y-sm-6{row-gap:var(--size-6)}.grid--gap-sm-8{gap:var(--size-8)}.grid--gap-x-sm-8{column-gap:var(--size-8)}.grid--gap-y-sm-8{row-gap:var(--size-8)}.grid--gap-sm-10{gap:var(--size-10)}.grid--gap-x-sm-10{column-gap:var(--size-10)}.grid--gap-y-sm-10{row-gap:var(--size-10)}.grid--gap-sm-12{gap:var(--size-12)}.grid--gap-x-sm-12{column-gap:var(--size-12)}.grid--gap-y-sm-12{row-gap:var(--size-12)}.grid--gap-sm-16{gap:var(--size-16)}.grid--gap-x-sm-16{column-gap:var(--size-16)}.grid--gap-y-sm-16{row-gap:var(--size-16)}.grid--gap-sm-20{gap:var(--size-20)}.grid--gap-x-sm-20{column-gap:var(--size-20)}.grid--gap-y-sm-20{row-gap:var(--size-20)}.grid--gap-sm-24{gap:var(--size-24)}.grid--gap-x-sm-24{column-gap:var(--size-24)}.grid--gap-y-sm-24{row-gap:var(--size-24)}.grid--gap-sm-32{gap:var(--size-32)}.grid--gap-x-sm-32{column-gap:var(--size-32)}.grid--gap-y-sm-32{row-gap:var(--size-32)}.grid--gap-sm-40{gap:var(--size-40)}.grid--gap-x-sm-40{column-gap:var(--size-40)}.grid--gap-y-sm-40{row-gap:var(--size-40)}.grid--gap-sm-48{gap:var(--size-48)}.grid--gap-x-sm-48{column-gap:var(--size-48)}.grid--gap-y-sm-48{row-gap:var(--size-48)}.grid--gap-sm-64{gap:var(--size-64)}.grid--gap-x-sm-64{column-gap:var(--size-64)}.grid--gap-y-sm-64{row-gap:var(--size-64)}}@container grid (min-width: 768px){.grid__item--md-0{display:none}.grid__item--md-1{display:block;grid-column:span 1}.grid__item--md-2{display:block;grid-column:span 2}.grid__item--md-3{display:block;grid-column:span 3}.grid__item--md-4{display:block;grid-column:span 4}.grid__item--md-5{display:block;grid-column:span 5}.grid__item--md-6{display:block;grid-column:span 6}.grid__item--md-7{display:block;grid-column:span 7}.grid__item--md-8{display:block;grid-column:span 8}.grid__item--md-9{display:block;grid-column:span 9}.grid__item--md-10{display:block;grid-column:span 10}.grid__item--md-11{display:block;grid-column:span 11}.grid__item--md-12{display:block;grid-column:span 12}.grid__item--md-13{display:block;grid-column:span 13}.grid__item--md-14{display:block;grid-column:span 14}.grid__item--md-15{display:block;grid-column:span 15}.grid__item--md-16{display:block;grid-column:span 16}.grid__item--md-17{display:block;grid-column:span 17}.grid__item--md-18{display:block;grid-column:span 18}.grid__item--md-19{display:block;grid-column:span 19}.grid__item--md-20{display:block;grid-column:span 20}.grid__item--md-21{display:block;grid-column:span 21}.grid__item--md-22{display:block;grid-column:span 22}.grid__item--md-23{display:block;grid-column:span 23}.grid__item--md-24{display:block;grid-column:span 24}.grid--gap-md-0{gap:var(--size-0)}.grid--gap-x-md-0{column-gap:var(--size-0)}.grid--gap-y-md-0{row-gap:var(--size-0)}.grid--gap-md-1{gap:var(--size-1)}.grid--gap-x-md-1{column-gap:var(--size-1)}.grid--gap-y-md-1{row-gap:var(--size-1)}.grid--gap-md-2{gap:var(--size-2)}.grid--gap-x-md-2{column-gap:var(--size-2)}.grid--gap-y-md-2{row-gap:var(--size-2)}.grid--gap-md-3{gap:var(--size-3)}.grid--gap-x-md-3{column-gap:var(--size-3)}.grid--gap-y-md-3{row-gap:var(--size-3)}.grid--gap-md-4{gap:var(--size-4)}.grid--gap-x-md-4{column-gap:var(--size-4)}.grid--gap-y-md-4{row-gap:var(--size-4)}.grid--gap-md-5{gap:var(--size-5)}.grid--gap-x-md-5{column-gap:var(--size-5)}.grid--gap-y-md-5{row-gap:var(--size-5)}.grid--gap-md-6{gap:var(--size-6)}.grid--gap-x-md-6{column-gap:var(--size-6)}.grid--gap-y-md-6{row-gap:var(--size-6)}.grid--gap-md-8{gap:var(--size-8)}.grid--gap-x-md-8{column-gap:var(--size-8)}.grid--gap-y-md-8{row-gap:var(--size-8)}.grid--gap-md-10{gap:var(--size-10)}.grid--gap-x-md-10{column-gap:var(--size-10)}.grid--gap-y-md-10{row-gap:var(--size-10)}.grid--gap-md-12{gap:var(--size-12)}.grid--gap-x-md-12{column-gap:var(--size-12)}.grid--gap-y-md-12{row-gap:var(--size-12)}.grid--gap-md-16{gap:var(--size-16)}.grid--gap-x-md-16{column-gap:var(--size-16)}.grid--gap-y-md-16{row-gap:var(--size-16)}.grid--gap-md-20{gap:var(--size-20)}.grid--gap-x-md-20{column-gap:var(--size-20)}.grid--gap-y-md-20{row-gap:var(--size-20)}.grid--gap-md-24{gap:var(--size-24)}.grid--gap-x-md-24{column-gap:var(--size-24)}.grid--gap-y-md-24{row-gap:var(--size-24)}.grid--gap-md-32{gap:var(--size-32)}.grid--gap-x-md-32{column-gap:var(--size-32)}.grid--gap-y-md-32{row-gap:var(--size-32)}.grid--gap-md-40{gap:var(--size-40)}.grid--gap-x-md-40{column-gap:var(--size-40)}.grid--gap-y-md-40{row-gap:var(--size-40)}.grid--gap-md-48{gap:var(--size-48)}.grid--gap-x-md-48{column-gap:var(--size-48)}.grid--gap-y-md-48{row-gap:var(--size-48)}.grid--gap-md-64{gap:var(--size-64)}.grid--gap-x-md-64{column-gap:var(--size-64)}.grid--gap-y-md-64{row-gap:var(--size-64)}}@container grid (min-width: 1024px){.grid__item--lg-0{display:none}.grid__item--lg-1{display:block;grid-column:span 1}.grid__item--lg-2{display:block;grid-column:span 2}.grid__item--lg-3{display:block;grid-column:span 3}.grid__item--lg-4{display:block;grid-column:span 4}.grid__item--lg-5{display:block;grid-column:span 5}.grid__item--lg-6{display:block;grid-column:span 6}.grid__item--lg-7{display:block;grid-column:span 7}.grid__item--lg-8{display:block;grid-column:span 8}.grid__item--lg-9{display:block;grid-column:span 9}.grid__item--lg-10{display:block;grid-column:span 10}.grid__item--lg-11{display:block;grid-column:span 11}.grid__item--lg-12{display:block;grid-column:span 12}.grid__item--lg-13{display:block;grid-column:span 13}.grid__item--lg-14{display:block;grid-column:span 14}.grid__item--lg-15{display:block;grid-column:span 15}.grid__item--lg-16{display:block;grid-column:span 16}.grid__item--lg-17{display:block;grid-column:span 17}.grid__item--lg-18{display:block;grid-column:span 18}.grid__item--lg-19{display:block;grid-column:span 19}.grid__item--lg-20{display:block;grid-column:span 20}.grid__item--lg-21{display:block;grid-column:span 21}.grid__item--lg-22{display:block;grid-column:span 22}.grid__item--lg-23{display:block;grid-column:span 23}.grid__item--lg-24{display:block;grid-column:span 24}.grid--gap-lg-0{gap:var(--size-0)}.grid--gap-x-lg-0{column-gap:var(--size-0)}.grid--gap-y-lg-0{row-gap:var(--size-0)}.grid--gap-lg-1{gap:var(--size-1)}.grid--gap-x-lg-1{column-gap:var(--size-1)}.grid--gap-y-lg-1{row-gap:var(--size-1)}.grid--gap-lg-2{gap:var(--size-2)}.grid--gap-x-lg-2{column-gap:var(--size-2)}.grid--gap-y-lg-2{row-gap:var(--size-2)}.grid--gap-lg-3{gap:var(--size-3)}.grid--gap-x-lg-3{column-gap:var(--size-3)}.grid--gap-y-lg-3{row-gap:var(--size-3)}.grid--gap-lg-4{gap:var(--size-4)}.grid--gap-x-lg-4{column-gap:var(--size-4)}.grid--gap-y-lg-4{row-gap:var(--size-4)}.grid--gap-lg-5{gap:var(--size-5)}.grid--gap-x-lg-5{column-gap:var(--size-5)}.grid--gap-y-lg-5{row-gap:var(--size-5)}.grid--gap-lg-6{gap:var(--size-6)}.grid--gap-x-lg-6{column-gap:var(--size-6)}.grid--gap-y-lg-6{row-gap:var(--size-6)}.grid--gap-lg-8{gap:var(--size-8)}.grid--gap-x-lg-8{column-gap:var(--size-8)}.grid--gap-y-lg-8{row-gap:var(--size-8)}.grid--gap-lg-10{gap:var(--size-10)}.grid--gap-x-lg-10{column-gap:var(--size-10)}.grid--gap-y-lg-10{row-gap:var(--size-10)}.grid--gap-lg-12{gap:var(--size-12)}.grid--gap-x-lg-12{column-gap:var(--size-12)}.grid--gap-y-lg-12{row-gap:var(--size-12)}.grid--gap-lg-16{gap:var(--size-16)}.grid--gap-x-lg-16{column-gap:var(--size-16)}.grid--gap-y-lg-16{row-gap:var(--size-16)}.grid--gap-lg-20{gap:var(--size-20)}.grid--gap-x-lg-20{column-gap:var(--size-20)}.grid--gap-y-lg-20{row-gap:var(--size-20)}.grid--gap-lg-24{gap:var(--size-24)}.grid--gap-x-lg-24{column-gap:var(--size-24)}.grid--gap-y-lg-24{row-gap:var(--size-24)}.grid--gap-lg-32{gap:var(--size-32)}.grid--gap-x-lg-32{column-gap:var(--size-32)}.grid--gap-y-lg-32{row-gap:var(--size-32)}.grid--gap-lg-40{gap:var(--size-40)}.grid--gap-x-lg-40{column-gap:var(--size-40)}.grid--gap-y-lg-40{row-gap:var(--size-40)}.grid--gap-lg-48{gap:var(--size-48)}.grid--gap-x-lg-48{column-gap:var(--size-48)}.grid--gap-y-lg-48{row-gap:var(--size-48)}.grid--gap-lg-64{gap:var(--size-64)}.grid--gap-x-lg-64{column-gap:var(--size-64)}.grid--gap-y-lg-64{row-gap:var(--size-64)}}@container grid (min-width: 1280px){.grid__item--xl-0{display:none}.grid__item--xl-1{display:block;grid-column:span 1}.grid__item--xl-2{display:block;grid-column:span 2}.grid__item--xl-3{display:block;grid-column:span 3}.grid__item--xl-4{display:block;grid-column:span 4}.grid__item--xl-5{display:block;grid-column:span 5}.grid__item--xl-6{display:block;grid-column:span 6}.grid__item--xl-7{display:block;grid-column:span 7}.grid__item--xl-8{display:block;grid-column:span 8}.grid__item--xl-9{display:block;grid-column:span 9}.grid__item--xl-10{display:block;grid-column:span 10}.grid__item--xl-11{display:block;grid-column:span 11}.grid__item--xl-12{display:block;grid-column:span 12}.grid__item--xl-13{display:block;grid-column:span 13}.grid__item--xl-14{display:block;grid-column:span 14}.grid__item--xl-15{display:block;grid-column:span 15}.grid__item--xl-16{display:block;grid-column:span 16}.grid__item--xl-17{display:block;grid-column:span 17}.grid__item--xl-18{display:block;grid-column:span 18}.grid__item--xl-19{display:block;grid-column:span 19}.grid__item--xl-20{display:block;grid-column:span 20}.grid__item--xl-21{display:block;grid-column:span 21}.grid__item--xl-22{display:block;grid-column:span 22}.grid__item--xl-23{display:block;grid-column:span 23}.grid__item--xl-24{display:block;grid-column:span 24}.grid--gap-xl-0{gap:var(--size-0)}.grid--gap-x-xl-0{column-gap:var(--size-0)}.grid--gap-y-xl-0{row-gap:var(--size-0)}.grid--gap-xl-1{gap:var(--size-1)}.grid--gap-x-xl-1{column-gap:var(--size-1)}.grid--gap-y-xl-1{row-gap:var(--size-1)}.grid--gap-xl-2{gap:var(--size-2)}.grid--gap-x-xl-2{column-gap:var(--size-2)}.grid--gap-y-xl-2{row-gap:var(--size-2)}.grid--gap-xl-3{gap:var(--size-3)}.grid--gap-x-xl-3{column-gap:var(--size-3)}.grid--gap-y-xl-3{row-gap:var(--size-3)}.grid--gap-xl-4{gap:var(--size-4)}.grid--gap-x-xl-4{column-gap:var(--size-4)}.grid--gap-y-xl-4{row-gap:var(--size-4)}.grid--gap-xl-5{gap:var(--size-5)}.grid--gap-x-xl-5{column-gap:var(--size-5)}.grid--gap-y-xl-5{row-gap:var(--size-5)}.grid--gap-xl-6{gap:var(--size-6)}.grid--gap-x-xl-6{column-gap:var(--size-6)}.grid--gap-y-xl-6{row-gap:var(--size-6)}.grid--gap-xl-8{gap:var(--size-8)}.grid--gap-x-xl-8{column-gap:var(--size-8)}.grid--gap-y-xl-8{row-gap:var(--size-8)}.grid--gap-xl-10{gap:var(--size-10)}.grid--gap-x-xl-10{column-gap:var(--size-10)}.grid--gap-y-xl-10{row-gap:var(--size-10)}.grid--gap-xl-12{gap:var(--size-12)}.grid--gap-x-xl-12{column-gap:var(--size-12)}.grid--gap-y-xl-12{row-gap:var(--size-12)}.grid--gap-xl-16{gap:var(--size-16)}.grid--gap-x-xl-16{column-gap:var(--size-16)}.grid--gap-y-xl-16{row-gap:var(--size-16)}.grid--gap-xl-20{gap:var(--size-20)}.grid--gap-x-xl-20{column-gap:var(--size-20)}.grid--gap-y-xl-20{row-gap:var(--size-20)}.grid--gap-xl-24{gap:var(--size-24)}.grid--gap-x-xl-24{column-gap:var(--size-24)}.grid--gap-y-xl-24{row-gap:var(--size-24)}.grid--gap-xl-32{gap:var(--size-32)}.grid--gap-x-xl-32{column-gap:var(--size-32)}.grid--gap-y-xl-32{row-gap:var(--size-32)}.grid--gap-xl-40{gap:var(--size-40)}.grid--gap-x-xl-40{column-gap:var(--size-40)}.grid--gap-y-xl-40{row-gap:var(--size-40)}.grid--gap-xl-48{gap:var(--size-48)}.grid--gap-x-xl-48{column-gap:var(--size-48)}.grid--gap-y-xl-48{row-gap:var(--size-48)}.grid--gap-xl-64{gap:var(--size-64)}.grid--gap-x-xl-64{column-gap:var(--size-64)}.grid--gap-y-xl-64{row-gap:var(--size-64)}}}

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

@@ -13,7 +13,11 @@ export interface LoaderOptions {
     /**
      * Variante de style du loader.
      */
-    variant?: 'dots' | 'spinner' | 'pulse' | 'quad';
+    variant?: 'dots' | 'spinner' | 'pulse' | 'quad' | 'svg';
+    /**
+     * Source du SVG (chaîne SVG ou chemin).
+     */
+    src?: string;
 }
 /**
  * Logique JavaScript pour le composant Loader.

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

@@ -16,6 +16,10 @@ interface Props extends LoaderOptions {
      * Couleur du loader.
      */
     color?: string;
+    /**
+     * Styles additionnels.
+     */
+    style?: React.CSSProperties;
 }
 /**
  * Composant Loader.
@@ -23,5 +27,5 @@ interface Props extends LoaderOptions {
  * @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 declare const Loader: ({ className, size, variant, message, children, color, style, src, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1 +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)}}}
+@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--svg .loader__svg{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--loader-color),transparent 80%);position:relative;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.loader--svg .loader__svg:before{background:var(--loader-color);content:"";inset:-5px 100% -5px -5px;margin:auto;position:absolute;left:initial;width:100%;animation:diamondLoader 3s cubic-bezier(0,.02,.27,1.01) 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)}}@keyframes diamondLoader{0%{opacity:1}0%,20%{right:100%;opacity:1}60%,to{right:0%;opacity:1}to{opacity:0}}}

package/dist/components/Menu/js/menu.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Initialise le menu mobile : gestion du toggle burger, overlay et fermeture clavier.
+ *
+ * @param {HTMLElement} menuElement - L'élément racine `.menu`.
+ */
+export declare const initMenu: (menuElement: HTMLElement) => (() => void);

package/dist/components/Menu/js/menu.js

@@ -0,0 +1,19 @@
+const o = "menu", u = (s) => {
+  const n = s.querySelector(`.${o}__toggle`), l = s.querySelector(`.${o}__mobile-nav`);
+  let e = null, t = !1;
+  const i = () => {
+    !n || !l || (n.classList.toggle(`${o}__toggle--open`, t), n.setAttribute("aria-expanded", String(t)), n.setAttribute("aria-label", t ? "close menu" : "open menu"), l.classList.toggle(`${o}__mobile-nav--open`, t), document.body.style.overflow = t ? "hidden" : "", t && !e ? (e = document.createElement("div"), e.className = `${o}__overlay`, e.setAttribute("aria-hidden", "true"), e.addEventListener("click", r), s.insertBefore(e, l)) : !t && e && (e.removeEventListener("click", r), e.remove(), e = null));
+  }, c = () => {
+    t = !t, i();
+  }, r = () => {
+    t = !1, i();
+  }, a = (d) => {
+    d.key === "Escape" && r();
+  };
+  return n?.addEventListener("click", c), document.addEventListener("keydown", a), () => {
+    n?.removeEventListener("click", c), document.removeEventListener("keydown", a), e && (e.removeEventListener("click", r), e.remove()), document.body.style.overflow = "";
+  };
+};
+export {
+  u as initMenu
+};

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+/**
+ * Propriétés du composant Menu.
+ */
+interface Props {
+    /** Enfants (sous-composants Menu.Left, Center, Right) */
+    children?: React.ReactNode;
+    /** Classe CSS additionnelle. */
+    className?: string;
+    /** Breakpoint en pixels à partir duquel le menu passe en mode mobile. Par défaut 768. */
+    breakpoint?: number;
+}
+/**
+ * Interface pour les sous-composants du Menu.
+ */
+interface SubProps {
+    /** Contenu de la section */
+    children: React.ReactNode;
+    /** Classe CSS additionnelle */
+    className?: string;
+}
+/**
+ * Composant Menu responsive fonctionnant comme un layout.
+ * Inclut un bouton burger automatique pour le mode mobile.
+ *
+ * @param {Props} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Menu: {
+    ({ children, className, breakpoint }: Props): import("react/jsx-runtime").JSX.Element;
+    Left({ children, className }: SubProps): import("react/jsx-runtime").JSX.Element;
+    Right({ children, className }: SubProps): import("react/jsx-runtime").JSX.Element;
+};
+export {};

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

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useRef as o, useEffect as c } from "react";
+import { initMenu as u } from "../js/menu.js";
+import '../style/index.css';/* empty css                  */
+const l = ({
+  children: s,
+  className: r = "",
+  breakpoint: m = 768
+}) => {
+  const t = o(null), e = "menu", i = `${e} ${r}`.trim();
+  return c(() => t.current ? u(t.current) : void 0, []), /* @__PURE__ */ n(
+    "div",
+    {
+      ref: t,
+      className: i,
+      style: { "--menu-breakpoint": `${m}px` },
+      children: [
+        /* @__PURE__ */ n("div", { className: `${e}__container`, children: [
+          s,
+          /* @__PURE__ */ n(
+            "button",
+            {
+              className: `${e}__toggle`,
+              "aria-label": "Ouvrir le menu",
+              "aria-expanded": !1,
+              type: "button",
+              children: [
+                /* @__PURE__ */ a("span", { className: `${e}__toggle-bar` }),
+                /* @__PURE__ */ a("span", { className: `${e}__toggle-bar` }),
+                /* @__PURE__ */ a("span", { className: `${e}__toggle-bar` })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: `${e}__mobile-nav`, children: s })
+      ]
+    }
+  );
+};
+l.Left = ({ children: s, className: r = "" }) => /* @__PURE__ */ a("div", { className: `menu__left ${r}`.trim(), children: s });
+l.Right = ({ children: s, className: r = "" }) => /* @__PURE__ */ a("div", { className: `menu__right ${r}`.trim(), children: s });
+export {
+  l as Menu
+};

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

@@ -0,0 +1 @@
+@charset "UTF-8";@layer components{.menu{--menu-breakpoint: 768px;position:relative;background:var(--primary)}.menu__container{padding:1rem;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.menu__left,.menu__right{display:flex;align-items:center;gap:1rem}.menu__nav-list{margin:0;padding:0;list-style:none}.menu__nav-items{display:flex;gap:1rem}.menu__actions{display:flex;gap:1rem;align-items:center}.menu__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;border:none;border-radius:var(--border-radius-sm, .375rem);background:transparent;cursor:pointer;z-index:1002;transition:background-color .2s}.menu__toggle:hover,.menu__toggle:focus-visible{background-color:#ffffff26;outline:none}.menu__toggle-bar{display:block;width:22px;height:2px;background-color:var(--primary-contrast, #fff);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.menu__toggle--open .menu__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu__toggle--open .menu__toggle-bar:nth-child(2){opacity:0}.menu__toggle--open .menu__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu__overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999;animation:menu-overlay-in .3s ease}@keyframes menu-overlay-in{0%{opacity:0}to{opacity:1}}.menu__mobile-nav{display:none;position:fixed;top:0;right:0;width:min(320px,80vw);height:100dvh;background-color:var(--primary);z-index:1001;padding:5rem 1.5rem 2rem;flex-direction:column;gap:2rem;overflow-y:auto;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--box-shadow-xl, -4px 0 25px rgba(0, 0, 0, .15))}.menu__mobile-nav .menu__left,.menu__mobile-nav .menu__right,.menu__mobile-nav .menu__center{flex-direction:column;align-items:flex-start}.menu__mobile-nav .menu__nav-items{flex-direction:column}.menu__mobile-nav--open{display:flex;transform:translate(0)}@media(max-width:768px){.menu__container>.menu__center,.menu__container>.menu__right{display:none}.menu__toggle{display:flex}.menu__overlay{display:block}.menu__mobile-nav{display:flex;transform:translate(100%)}.menu__mobile-nav--open{transform:translate(0)}}}

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 '../../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                  */
+import '../../Slider/style/index.css';import '../../Grid/style/index.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";
@@ -31,6 +31,11 @@ import "../../Auth/react/index.js";
 import { Link as N } from "react-router-dom";
 /* empty css                               */
 /* empty css                            */
+/* empty css                          */
+import "../../Menu/react/index.js";
+import "@splidejs/react-splide";
+/* empty css                            */
+import "../../Card/react/index.js";
 import { initNav as g } from "../js/nav.js";
 const h = ({
   children: s,

package/dist/components/Slider/js/slider.d.ts

@@ -0,0 +1,11 @@
+import { SplideProps } from '@splidejs/react-splide';
+/**
+ * Prépare et fusionne les options personnalisées de Splide avec les classes CSS métiers.
+ *
+ * @param {string} bemClass - La classe de base BEM du slider.
+ * @param {SplideProps['options']} options - Les options initiales fournies au slider.
+ * @param {string} arrowClass - Les classes personnalisées pour les flèches.
+ * @param {string} paginationClass - Les classes personnalisées pour la pagination.
+ * @returns {SplideProps['options']} Les options complètes incluant les classes.
+ */
+export declare const getSliderOptions: (bemClass: string, options?: SplideProps["options"], arrowClass?: string, paginationClass?: string) => SplideProps["options"];

package/dist/components/Slider/js/slider.js

@@ -0,0 +1,14 @@
+const n = (r, s, a = "", i = "") => {
+  const t = {
+    ...s?.classes,
+    arrow: `splide__arrow ${r}__arrow ${a}`.trim(),
+    pagination: `splide__pagination ${r}__pagination ${i}`.trim()
+  };
+  return {
+    ...s,
+    classes: t
+  };
+};
+export {
+  n as getSliderOptions
+};