zuii 1.4.17 → 1.4.19

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/Dashboard/style/index.css

@@ -1 +1 @@
-@layer layout{.dashboard{--dashboard-nav-width: 90px;--dashboard-padding: var(--spacing-md);display:flex;height:100vh;overflow:hidden}.dashboard__navigation{display:flex;flex-direction:column;background:var(--primary);color:var(--white);padding:var(--dashboard-padding) 0;width:var(--dashboard-nav-width);gap:var(--spacing-lg)}.dashboard__navigation>:first-child{flex:1;overflow-y:auto}.dashboard__content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;width:100%}.dashboard__header{grid-column:span 2;background:var(--accent)}.dashboard__sub-navigation{grid-row:2;background:var(--light);width:0px;background:var(--primary-dark);color:var(--white);transition:all .3s ease-in-out}.dashboard__sub-navigation.open{width: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}.dashboard__card-header{background:var(--gray-200);padding:0 var(--spacing-md);border-radius:var(--radius-base) var(--radius-base) 0 0}.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}}
+@layer layout{.dashboard{--dashboard-nav-width: 90px;--dashboard-padding: .8rem;display:flex;height:100vh;overflow:hidden}.dashboard__navigation{display:flex;flex-direction:column;background:var(--primary);color:var(--white);padding:1rem 0;width:var(--dashboard-nav-width);gap:var(--spacing-lg)}.dashboard__navigation>:first-child{flex:1;overflow-y:auto}.dashboard__navigation .nav{--font-size: .7rem}.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}.dashboard__card-header{background:var(--gray-200);padding:0 var(--spacing-md);border-radius:var(--radius-base) var(--radius-base) 0 0}.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/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,32 @@
+/**
+ * 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;
+/**
+ * Supprime visuellement les zéros initiaux du champ input visible, si applicable (ex: "fr").
+ * @param {HTMLInputElement} inputElement - L'élément input visible.
+ * @param {string} country - Le code du pays sélectionné.
+ */
+export declare const removeLeadingZeros: (inputElement: HTMLInputElement, country: string) => void;
+/**
+ * Met à jour la valeur de l'input caché en ajoutant un "0" initial si nécessaire pour le pays (ex: "fr").
+ * @param {HTMLInputElement} visibleInput - L'élément input visible.
+ * @param {HTMLInputElement} hiddenInput - L'élément input caché qui sera soumis.
+ * @param {string} country - Le code du pays sélectionné.
+ */
+export declare const updateHiddenInputValue: (visibleInput: HTMLInputElement, hiddenInput: HTMLInputElement, country: string) => void;
+/**
+ * Formate le numéro en s'assurant qu'il commence par un "0" si le pays le requiert (ex: "fr").
+ * @param {string} internationalNumber - Le numéro fourni par intl-tel-input.
+ * @param {string} country - Le code du pays sélectionné.
+ * @returns {string} Le numéro formaté.
+ */
+export declare const formatInternationalNumber: (internationalNumber: string, country: string) => string;

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

@@ -0,0 +1,29 @@
+const a = () => {
+  if (typeof document > "u") return "fr";
+  const t = document.documentElement.lang.toLowerCase();
+  return t.startsWith("fr") ? "fr" : t.startsWith("en") ? "gb" : "fr";
+}, u = (t, r) => {
+  if (t || typeof document > "u") return null;
+  const e = new MutationObserver(() => {
+    r(a());
+  });
+  return e.observe(document.documentElement, {
+    attributes: !0,
+    attributeFilter: ["lang"]
+  }), e;
+}, s = (t, r) => {
+  r === "fr" && t.value.startsWith("0") && (t.value = t.value.replace(/^0+/, ""));
+}, o = (t, r, e) => {
+  let n = t.value;
+  e === "fr" && n && !n.startsWith("0") && !n.startsWith("+") && (n = "0" + n), r.value = n;
+}, i = (t, r) => {
+  let e = t;
+  return r === "fr" && e && !e.startsWith("+") && !e.startsWith("0") && (e = "0" + e), e;
+};
+export {
+  i as formatInternationalNumber,
+  a as getDefaultCountry,
+  s as removeLeadingZeros,
+  o as updateHiddenInputValue,
+  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,59 @@
+import { jsxs as d, Fragment as F, jsx as t } from "react/jsx-runtime";
+import { forwardRef as N, useRef as i, useState as V, useMemo as j, useEffect as p } from "react";
+import { Form as P } from "react-bootstrap";
+import { Icon as _ } from "../../Icon/react/index.js";
+import { getRangeSeparator as b, initDatePicker as k, formatHiddenDateValue as v } from "../js/date.js";
+const S = N(({
+  flatpickrOptions: n,
+  value: e = "",
+  onChange: u,
+  placeholder: h,
+  name: R,
+  className: I = "",
+  icon: f,
+  disabled: m = !1,
+  ...g
+}, x) => {
+  const y = x, a = i(null), l = i(null), r = i(null), [s, c] = V(e || ""), D = j(() => b(n?.locale), [n?.locale]);
+  p(() => {
+    if (a.current)
+      return r.current = k(
+        a.current,
+        n,
+        l.current,
+        (o) => {
+          c(o), u?.(o);
+        }
+      ), () => r.current?.destroy();
+  }, [n, u]), p(() => {
+    e !== void 0 && e !== s && (c(e || ""), r.current?.setDate(e || "", !1));
+  }, [e]);
+  const C = () => {
+    m || r.current?.open();
+  };
+  return /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ d("div", { className: `form__input ${I}`.trim(), children: [
+      f && /* @__PURE__ */ t(_, { name: f, size: "sm" }),
+      /* @__PURE__ */ t(
+        P.Control,
+        {
+          ...g,
+          ref: y,
+          autoComplete: "off",
+          value: s,
+          onChange: (o) => c(o.target.value),
+          onClick: C,
+          disabled: m,
+          placeholder: h,
+          className: "form-date-control"
+        }
+      ),
+      /* @__PURE__ */ t("span", { ref: l, className: "form-date-anchor" })
+    ] }),
+    /* @__PURE__ */ t("input", { ref: a, style: { display: "none" }, tabIndex: -1, "aria-hidden": "true" }),
+    /* @__PURE__ */ t("input", { type: "hidden", name: R, value: v(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;

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

@@ -1,50 +1,53 @@
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { useState as c, useEffect as V } from "react";
-import { InputGroup as m, Form as a } from "react-bootstrap";
+import { jsxs as m, Fragment as V, jsx as t } from "react/jsx-runtime";
+import { useState as c, useEffect as u } from "react";
+import { InputGroup as a, Form as l } from "react-bootstrap";
 import { Icon as w } from "../../Icon/react/index.js";
-const N = ({
+const $ = ({
   passwordToMatch: o,
   value: s = "",
-  onChange: l,
-  className: d = "",
-  placeholder: p = "Confirmez le mot de passe",
-  disabled: f = !1
+  onChange: d,
+  className: p = "",
+  placeholder: f = "Confirmez le mot de passe",
+  disabled: h = !1,
+  errorMessage: g = "Les mots de passe ne correspondent pas."
 }) => {
-  const [n, h] = c(!1), [i, C] = c(!0), r = "password-confirm";
-  V(() => {
-    C(s === "" || s === o);
+  const [n, C] = c(!1), [r, y] = c(!0), i = "password-confirm";
+  u(() => {
+    y(s === "" || s === o);
   }, [s, o]);
-  const g = () => {
-    h(!n);
-  }, y = (e) => {
-    l?.(e, e === o);
+  const _ = () => {
+    C(!n);
+  }, x = (e) => {
+    d?.(e, e === o);
   };
-  return /* @__PURE__ */ x(m, { className: `${r} ${d}`.trim(), hasValidation: !0, children: [
-    /* @__PURE__ */ t(
-      a.Control,
-      {
-        type: n ? "text" : "password",
-        value: s,
-        onChange: (e) => y(e.target.value),
-        placeholder: p,
-        disabled: f,
-        isInvalid: !i && s !== "",
-        isValid: i && s !== "" && s === o,
-        className: `${r}__control`
-      }
-    ),
-    /* @__PURE__ */ t(
-      m.Text,
-      {
-        className: `${r}__toggle`,
-        onClick: g,
-        style: { cursor: "pointer" },
-        children: /* @__PURE__ */ t(w, { name: n ? "icon-eye" : "icon-eye-closed", size: "sm" })
-      }
-    ),
-    /* @__PURE__ */ t(a.Control.Feedback, { type: "invalid", children: "Les mots de passe ne correspondent pas." })
+  return /* @__PURE__ */ m(V, { children: [
+    /* @__PURE__ */ m(a, { className: `form__input ${i} ${p}`.trim(), hasValidation: !0, children: [
+      /* @__PURE__ */ t(
+        l.Control,
+        {
+          type: n ? "text" : "password",
+          value: s,
+          onChange: (e) => x(e.target.value),
+          placeholder: f,
+          disabled: h,
+          isInvalid: !r && s !== "",
+          isValid: r && s !== "" && s === o,
+          className: "form__control"
+        }
+      ),
+      /* @__PURE__ */ t(
+        a.Text,
+        {
+          className: `${i}__toggle`,
+          onClick: _,
+          style: { cursor: "pointer" },
+          children: /* @__PURE__ */ t(w, { name: n ? "icon-eye" : "icon-eye-closed", size: "sm" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(l.Control.Feedback, { type: "invalid", children: g })
   ] });
 };
 export {
-  N as PasswordConfirm
+  $ as PasswordConfirm
 };

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

@@ -1,40 +1,40 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { useState as u } from "react";
-import { InputGroup as t, Form as w } from "react-bootstrap";
-import { Icon as f } from "../../Icon/react/index.js";
-const C = ({
+import { InputGroup as t, Form as f } from "react-bootstrap";
+import { Icon as w } from "../../Icon/react/index.js";
+const y = ({
   value: r,
-  onChange: a,
-  className: n = "",
+  onChange: n,
+  className: a = "",
   placeholder: i = "Mot de passe",
-  disabled: l = !1
+  disabled: m = !1
 }) => {
-  const [s, c] = u(!1), o = "password-input", m = () => {
-    c(!s);
+  const [o, l] = u(!1), e = "password-input", c = () => {
+    l(!o);
   };
-  return /* @__PURE__ */ d(t, { className: `${o} ${n}`.trim(), children: [
-    /* @__PURE__ */ e(
-      w.Control,
+  return /* @__PURE__ */ d(t, { className: `form__input ${e} ${a}`.trim(), children: [
+    /* @__PURE__ */ s(
+      f.Control,
       {
-        type: s ? "text" : "password",
+        type: o ? "text" : "password",
         value: r,
-        onChange: (p) => a?.(p.target.value),
+        onChange: (p) => n?.(p.target.value),
         placeholder: i,
-        disabled: l,
-        className: `${o}__control`
+        disabled: m,
+        className: "form__control"
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ s(
       t.Text,
       {
-        className: `${o}__toggle`,
-        onClick: m,
+        className: `${e}__toggle`,
+        onClick: c,
         style: { cursor: "pointer" },
-        children: /* @__PURE__ */ e(f, { name: s ? "icon-eye" : "icon-eye-closed", size: "sm" })
+        children: /* @__PURE__ */ s(w, { name: o ? "icon-eye" : "icon-eye-closed", size: "sm" })
       }
     )
   ] });
 };
 export {
-  C as PasswordInput
+  y as PasswordInput
 };

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

@@ -1,7 +1,6 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { Form as i } from "react-bootstrap";
-import '../style/index.css';/* empty css                  */
-const _ = ({
+const h = ({
   value: s,
   onChange: l,
   min: t = 0,
@@ -39,5 +38,5 @@ const _ = ({
   ] });
 };
 export {
-  _ as RangeInput
+  h as RangeInput
 };

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

@@ -54,6 +54,14 @@ export interface SelectProps {
      * @default 'default'
      */
     variant?: 'default' | 'country';
+    /**
+     * Nom de l'icône à afficher.
+     */
+    icon?: string;
+    /**
+     * Langue pour les traductions (ex: 'fr', 'en').
+     */
+    lang?: string;
 }
 /**
  * Composant Select premium basé sur Choices.js.
@@ -61,4 +69,4 @@ export interface SelectProps {
  * @param {SelectProps} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant Select rendu.
  */
-export declare const Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, variant, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, variant, icon, lang, }: SelectProps) => import("react/jsx-runtime").JSX.Element;