zuii 1.4.16 → 1.4.18

package/dist/_virtual/fr.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/.pnpm/flatpickr@4.6.13/node_modules/flatpickr/dist/l10n/fr.js";
+var o = r();
+export {
+  o as f
+};

package/dist/_virtual/fr2.js

@@ -0,0 +1,4 @@
+var r = { exports: {} };
+export {
+  r as __module
+};

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 '../../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                             */
+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                            */
@@ -33,8 +33,12 @@ import "react-router-dom";
 /* empty css                               */
 /* empty css                            */
 /* empty css                          */
-const M = ({ name: r }) => {
-  const p = l.brands[r];
+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 }),
@@ -57,5 +61,5 @@ const M = ({ name: r }) => {
   ] });
 };
 export {
-  M 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 '../../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                             */
+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                            */
@@ -32,8 +32,12 @@ import "../../Auth/react/index.js";
 /* empty css                  */
 /* empty css                            */
 /* empty css                          */
-const K = ({ code: t = 404 }) => {
-  const m = e();
+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" }),
@@ -44,9 +48,9 @@ const K = ({ 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 {
-  K as Errorpage
+  T as Errorpage
 };

package/dist/components/Form/js/color.d.ts

@@ -0,0 +1,11 @@
+import { default as Pickr } from '@simonwep/pickr';
+/**
+ * Initialise une instance de Pickr pour la sélection de couleur.
+ *
+ * @param {HTMLElement} element - L'élément sur lequel attacher le picker.
+ * @param {string} defaultValue - La couleur par défaut (HEX).
+ * @param {string[]} swatches - Liste des couleurs prédéfinies.
+ * @param {(color: string) => void} onChange - Callback appelé lors du changement de couleur.
+ * @returns {Pickr} L'instance de Pickr créée.
+ */
+export declare const initColorPicker: (element: HTMLElement, defaultValue: string, swatches: string[], onChange: (color: string) => void) => Pickr;

package/dist/components/Form/js/color.js

@@ -0,0 +1,36 @@
+import i from "@simonwep/pickr";
+const l = (t, n, r, o) => {
+  const e = new i({
+    el: t,
+    useAsButton: !0,
+    theme: "nano",
+    i18n: {
+      "btn:save": "Enregistrer",
+      "btn:cancel": "Annuler",
+      "btn:clear": "Vider"
+    },
+    swatches: r,
+    default: n,
+    components: {
+      preview: !0,
+      opacity: !1,
+      hue: !0,
+      interaction: {
+        hex: !0,
+        rgba: !1,
+        hsla: !1,
+        hsva: !1,
+        cmyk: !1,
+        input: !0,
+        save: !1
+      }
+    }
+  });
+  return e.on("change", (a) => {
+    const s = a.toHEXA().toString();
+    o(s);
+  }), e;
+};
+export {
+  l as initColorPicker
+};

package/dist/components/Form/js/date.d.ts

@@ -0,0 +1,35 @@
+import { CustomLocale } from 'flatpickr/dist/types/locale';
+/**
+ * Map des locales supportées pour Flatpickr.
+ */
+export declare const localeMap: {
+    fr: CustomLocale;
+    en: string;
+};
+/**
+ * Détermine le séparateur de plage en fonction de la locale.
+ *
+ * @param {string} localeCode - Le code de la locale (ex: 'fr', 'en').
+ * @returns {string} Le séparateur utilisé pour les plages de dates.
+ */
+export declare const getRangeSeparator: (localeCode: string) => string;
+/**
+ * Initialise une instance de Flatpickr.
+ *
+ * @param {HTMLElement} element - L'élément sur lequel attacher le picker (input caché).
+ * @param {any} options - Options de configuration de Flatpickr.
+ * @param {HTMLElement | null} positionElement - Élément d'ancrage pour le positionnement.
+ * @param {(dateStr: string) => void} onChange - Callback appelé lors du changement de date.
+ * @returns {any} L'instance de Flatpickr.
+ */
+export declare const initDatePicker: (element: HTMLElement, options: any | undefined, positionElement: (HTMLElement | null) | undefined, onChange: (dateStr: string) => void) => any;
+/**
+ * Calcule la valeur formatée pour l'input caché (soumission de formulaire).
+ * Supporte les dates simples et les plages de dates.
+ *
+ * @param {string} inputVal - La valeur actuelle affichée dans l'input visible.
+ * @param {string} separator - Le séparateur de plage utilisé.
+ * @param {any} flatpickrInstance - L'instance active de Flatpickr.
+ * @returns {string} La valeur formatée pour la soumission.
+ */
+export declare const formatHiddenDateValue: (inputVal: string, separator: string, flatpickrInstance: any) => string;

package/dist/components/Form/js/date.js

@@ -0,0 +1,40 @@
+import a from "flatpickr";
+import { f as i } from "../../../_virtual/fr.js";
+const u = {
+  fr: i.French,
+  en: "default"
+}, g = (t) => u[t]?.rangeSeparator || " to ", F = (t, e = {}, o = null, r) => {
+  const n = {
+    ...{
+      dateFormat: "d/m/Y",
+      altFormat: "Y-m-d",
+      locale: "en"
+    },
+    ...e,
+    locale: u[e.locale] || "en"
+  };
+  return a(t, {
+    ...n,
+    allowInput: !0,
+    altInput: !1,
+    positionElement: o || void 0,
+    static: !0,
+    onChange: (d, l) => {
+      r(l);
+    }
+  });
+}, S = (t, e, o) => {
+  if (!t || !o) return "";
+  try {
+    const [r, c] = t.split(e), { dateFormat: n, altFormat: d } = o.config, l = r ? a.parseDate(r, n) : null, m = c ? a.parseDate(c, n) : null, s = l ? a.formatDate(l, d) : "", f = m ? a.formatDate(m, d) : "";
+    return s && f ? `${s} / ${f}` : s || "";
+  } catch {
+    return "";
+  }
+};
+export {
+  S as formatHiddenDateValue,
+  g as getRangeSeparator,
+  F as initDatePicker,
+  u as localeMap
+};

package/dist/components/Form/js/tel-input.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Détermine le code pays par défaut en fonction de la langue du document.
+ * @returns {string} Le code pays (ex: "fr", "gb").
+ */
+export declare const getDefaultCountry: () => string;
+/**
+ * Initialise un observateur pour détecter les changements de langue du site.
+ * @param {boolean} initialCountry - Si un pays initial est déjà défini (pour ignorer l'auto-détection).
+ * @param {(country: string) => void} callback - Fonction appelée quand le pays change.
+ * @returns {MutationObserver | null} L'instance de l'observateur ou null.
+ */
+export declare const watchLanguageChange: (initialCountry: any, callback: (country: string) => void) => MutationObserver | null;

package/dist/components/Form/js/tel-input.js

@@ -0,0 +1,18 @@
+const r = () => {
+  if (typeof document > "u") return "fr";
+  const t = document.documentElement.lang.toLowerCase();
+  return t.startsWith("fr") ? "fr" : t.startsWith("en") ? "gb" : "fr";
+}, u = (t, n) => {
+  if (t || typeof document > "u") return null;
+  const e = new MutationObserver(() => {
+    n(r());
+  });
+  return e.observe(document.documentElement, {
+    attributes: !0,
+    attributeFilter: ["lang"]
+  }), e;
+};
+export {
+  r as getDefaultCountry,
+  u as watchLanguageChange
+};

package/dist/components/Form/react/FormColor.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Propriétés du composant FormColor.
+ */
+export interface FormColorProps {
+    /**
+     * Valeur actuelle de la couleur (format HEX).
+     */
+    value?: string;
+    /**
+     * Callback lors du changement de couleur.
+     * @param {string} value - La nouvelle couleur au format HEX.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Désactiver le composant.
+     */
+    disabled?: boolean;
+    /**
+     * Nom du champ pour le formulaire.
+     */
+    name?: string;
+    /**
+     * Classe CSS additionnelle.
+     */
+    className?: string;
+    /**
+     * Couleurs prédéfinies (swatches).
+     */
+    swatches?: string[];
+}
+/**
+ * Composant de sélection de couleur premium basé sur Pickr.
+ *
+ * @param {FormColorProps} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le composant FormColor rendu.
+ */
+export declare const FormColor: ({ value, onChange, disabled, name, className, swatches, }: FormColorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/react/FormColor.js

@@ -0,0 +1,62 @@
+import { jsxs as d, jsx as f } from "react/jsx-runtime";
+import { useRef as s, useState as C, useEffect as u } from "react";
+import { initColorPicker as a } from "../js/color.js";
+const A = ({
+  value: r,
+  onChange: o,
+  disabled: l = !1,
+  name: p,
+  className: m = "",
+  swatches: F = [
+    "#F44336",
+    "#E91E63",
+    "#9C27B4",
+    "#673AB7",
+    "#3F51B5",
+    "#2196F3",
+    "#03A9F4",
+    "#00BCD4",
+    "#009688",
+    "#4CAF50",
+    "#8BC34A",
+    "#CDDC39",
+    "#FFEB3B",
+    "#FFC107"
+  ]
+}) => {
+  const e = s(null), t = s(null), [n, i] = C(r || "");
+  return u(() => (e.current && (t.current = a(
+    e.current,
+    r || "#ffffff",
+    F,
+    (c) => {
+      i(c), o && o(c);
+    }
+  )), () => {
+    t.current && t.current.destroy();
+  }), []), u(() => {
+    r !== void 0 && r !== n && (i(r), t.current && t.current.setColor(r));
+  }, [r]), /* @__PURE__ */ d("div", { className: `form__input form__input--color ${m}`.trim(), children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        ref: e,
+        className: "color-selection",
+        style: { backgroundColor: n || "transparent" }
+      }
+    ),
+    /* @__PURE__ */ f(
+      "input",
+      {
+        type: "hidden",
+        name: p,
+        value: n,
+        disabled: l,
+        readOnly: !0
+      }
+    )
+  ] });
+};
+export {
+  A as FormColor
+};

package/dist/components/Form/react/FormDate.d.ts

@@ -0,0 +1,48 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * Propriétés du composant FormDate.
+ */
+export interface FormDateProps {
+    /**
+     * Options spécifiques pour flatpickr.
+     */
+    flatpickrOptions?: any;
+    /**
+     * Valeur actuelle de la date.
+     */
+    value?: string;
+    /**
+     * Callback lors du changement de date.
+     * @param {string} dateStr - La date sélectionnée au format texte.
+     */
+    onChange?: (dateStr: string) => void;
+    /**
+     * Texte d'aide si vide.
+     */
+    placeholder?: string;
+    /**
+     * Nom du champ pour le formulaire.
+     */
+    name?: string;
+    /**
+     * Classe CSS additionnelle.
+     */
+    className?: string;
+    /**
+     * Icône à afficher (par défaut: "icon-calendar").
+     */
+    icon?: string;
+    /**
+     * Désactiver le champ.
+     */
+    disabled?: boolean;
+}
+/**
+ * Composant de sélection de date premium basé sur Flatpickr.
+ *
+ * @param {FormDateProps} props - Les propriétés du composant.
+ * @param {React.Ref<HTMLInputElement>} ref - Référence vers l'input visible.
+ * @returns {JSX.Element} Le composant FormDate rendu.
+ *
+ */
+export declare const FormDate: ForwardRefExoticComponent<FormDateProps & RefAttributes<HTMLInputElement>>;

package/dist/components/Form/react/FormDate.js

@@ -0,0 +1,57 @@
+import { jsxs as V, jsx as t } from "react/jsx-runtime";
+import { forwardRef as j, useRef as a, useState as C, useMemo as F, useEffect as d } from "react";
+import { Form as P } from "react-bootstrap";
+import { Icon as _ } from "../../Icon/react/index.js";
+import { getRangeSeparator as b, initDatePicker as g, formatHiddenDateValue as k } from "../js/date.js";
+const S = j(({
+  flatpickrOptions: n,
+  value: e = "",
+  onChange: c,
+  placeholder: p,
+  name: R,
+  className: h = "",
+  icon: u,
+  disabled: f = !1,
+  ...y
+}, I) => {
+  const x = I, o = a(null), i = a(null), r = a(null), [s, m] = C(e || ""), D = F(() => b(n?.locale), [n?.locale]);
+  d(() => {
+    if (o.current)
+      return r.current = g(
+        o.current,
+        n,
+        i.current,
+        (l) => {
+          m(l), c?.(l);
+        }
+      ), () => r.current?.destroy();
+  }, [n, c]), d(() => {
+    e !== void 0 && e !== s && (m(e || ""), r.current?.setDate(e || "", !1));
+  }, [e]);
+  const N = () => {
+    f || r.current?.open();
+  };
+  return /* @__PURE__ */ V("div", { className: `form__input ${h}`.trim(), children: [
+    u && /* @__PURE__ */ t(_, { name: u, size: "sm" }),
+    /* @__PURE__ */ t(
+      P.Control,
+      {
+        ...y,
+        ref: x,
+        autoComplete: "off",
+        value: s,
+        onClick: N,
+        readOnly: !0,
+        disabled: f,
+        placeholder: p,
+        className: "form-date-control"
+      }
+    ),
+    /* @__PURE__ */ t("span", { ref: i, className: "form-date-anchor" }),
+    /* @__PURE__ */ t("input", { ref: o, style: { display: "none" }, tabIndex: -1, "aria-hidden": "true" }),
+    /* @__PURE__ */ t("input", { type: "hidden", name: R, value: k(s, D, r.current) })
+  ] });
+});
+export {
+  S as FormDate
+};

package/dist/components/Form/react/NumberInput.js

@@ -1,9 +1,8 @@
 import { jsxs as I, jsx as n } from "react/jsx-runtime";
 import { InputGroup as m, Form as _ } from "react-bootstrap";
-import '../style/index.css';/* empty css                  */
 import { calculateDecrement as $, calculateIncrement as b } from "../js/form.js";
 import { Icon as i } from "../../Icon/react/index.js";
-const T = ({
+const D = ({
   value: s = 0,
   onChange: e,
   min: r,
@@ -51,5 +50,5 @@ const T = ({
   ] });
 };
 export {
-  T as NumberInput
+  D as NumberInput
 };

package/dist/components/Form/react/PasswordConfirm.d.ts

@@ -28,6 +28,10 @@ export interface PasswordConfirmProps {
      * Si l'input est désactivé.
      */
     disabled?: boolean;
+    /**
+     * Message d'erreur personnalisé (utile pour la traduction).
+     */
+    errorMessage?: string;
 }
 /**
  * Composant PasswordConfirm avec validation en temps réel.
@@ -35,4 +39,4 @@ export interface PasswordConfirmProps {
  * @param {PasswordConfirmProps} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant PasswordConfirm rendu.
  */
-export declare const PasswordConfirm: ({ passwordToMatch, value, onChange, className, placeholder, disabled, }: PasswordConfirmProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PasswordConfirm: ({ passwordToMatch, value, onChange, className, placeholder, disabled, errorMessage, }: PasswordConfirmProps) => import("react/jsx-runtime").JSX.Element;