zuii 1.4.13 → 1.4.15

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

@@ -1,32 +1,32 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import { Button as $ } from "react-bootstrap";
 import '../style/index.css';/* empty css                  */
-import { Icon as f } from "../../Icon/react/index.js";
-const d = ({
-  children: t = "",
-  variant: o = "primary",
-  reverse: e = !1,
-  size: n,
-  icon: r,
+import { SizeProvider as f, Icon as b } from "../../Icon/react/index.js";
+const B = ({
+  children: n = "",
+  variant: e = "primary",
+  reverse: s = !1,
+  size: t,
+  icon: o,
   btnIcon: a = !1,
   transparent: m = !1,
-  className: c = "",
-  ...i
+  className: i = "",
+  ...c
 }) => {
-  const l = n ? `btn-${n}` : "";
-  return /* @__PURE__ */ s(
+  const l = t ? `btn-${t}` : "";
+  return /* @__PURE__ */ r(
     $,
     {
-      variant: o,
-      className: `${c} ${l} ${a ? "btn-icon" : ""} ${m ? "btn-transparent" : ""}`.trim(),
-      ...i,
-      children: /* @__PURE__ */ p("div", { className: `btn-content ${e ? "btn-reverse" : ""}`, children: [
-        r && /* @__PURE__ */ s(f, { name: r }),
-        t && t
-      ] })
+      variant: e,
+      className: `${i} ${l} ${a ? "btn-icon" : ""} ${m ? "btn-transparent" : ""}`.trim(),
+      ...c,
+      children: /* @__PURE__ */ r(f, { size: t, children: /* @__PURE__ */ p("div", { className: `btn-content ${s ? "btn-reverse" : ""}`, children: [
+        o && /* @__PURE__ */ r(b, { name: o }),
+        n && n
+      ] }) })
     }
   );
 };
 export {
-  d as Button
+  B as Button
 };

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

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { tokens as p } from "../../../core/styles/tokens.js";
-import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Icon/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+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                             */
 /* empty css                  */
 import "react-bootstrap";
 /* empty css                            */
-/* empty css                          */
+import "../../Icon/react/index.js";
 import { Group as t } from "../../Group/react/index.js";
 /* empty css                            */
 /* empty css                           */
@@ -31,29 +31,30 @@ import "choices.js";
 import "../../Auth/react/index.js";
 import "react-router-dom";
 /* empty css                               */
-const K = ({ name: r }) => {
-  const l = p.brands[r];
+/* empty css                            */
+const L = ({ name: r }) => {
+  const p = l.brands[r];
   return /* @__PURE__ */ i(t, { children: [
     /* @__PURE__ */ o("div", { className: `color bg-${r} p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ o("span", { className: "color__name", children: r }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: l.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: p.value })
     ] }) }),
     /* @__PURE__ */ o("div", { className: `color bg-${r}-light p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ i("span", { className: "color__name", children: [
         r,
         "-light"
       ] }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: l.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: p.value })
     ] }) }),
     /* @__PURE__ */ o("div", { className: `color bg-${r}-dark p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ i("span", { className: "color__name", children: [
         r,
         "-dark"
       ] }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: l.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: p.value })
     ] }) })
   ] });
 };
 export {
-  K as Color
+  L as Color
 };

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

@@ -25,5 +25,6 @@ export declare const Dashboard: {
     Header: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
     SubNavigation: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
     Wrapper: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
+    Card: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

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

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:200px}}
+@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}}

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

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useNavigate as e } from "react-router-dom";
-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 '../../Loader/style/index.css';import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';/* empty css                             */
 /* empty css                           */
 import { Button as p } from "../../Button/react/index.js";
 import { Icon as a } from "../../Icon/react/index.js";
@@ -30,7 +30,8 @@ import "choices.js";
 /* empty css                                   */
 import "../../Auth/react/index.js";
 /* empty css                  */
-const H = ({ code: t = 404 }) => {
+/* empty css                            */
+const J = ({ code: t = 404 }) => {
   const m = e();
   return /* @__PURE__ */ r("main", { className: "error-page", children: /* @__PURE__ */ r("div", { className: "error-page__container ", children: /* @__PURE__ */ i("div", { className: "container", children: [
     /* @__PURE__ */ i(o, { className: "text-secondary mb-4", children: [
@@ -46,5 +47,5 @@ const H = ({ code: t = 404 }) => {
   ] }) }) });
 };
 export {
-  H as Errorpage
+  J as Errorpage
 };

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

@@ -3,7 +3,7 @@ import { default as Choices } from 'choices.js';
  * Initialise un sélecteur Choices.js générique.
  *
  * @param {HTMLSelectElement} element - L'élément select à transformer.
- * @param {any} options - Options de configuration de Choices.js.
+ * @param {any} config - Options de configuration de Choices.js.
  * @param {(value: string | string[]) => void} onChange - Callback lors du changement.
  * @returns {Choices} L'instance Choices.js.
  */

package/dist/components/Form/js/select.js

@@ -1,19 +1,40 @@
-import c from "choices.js";
-const d = (t, e = {}, l) => {
-  const a = new c(t, {
+import v from "choices.js";
+import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';/* empty css                                                                                          */
+const f = (u, l = {}, p) => {
+  const m = {
     itemSelectText: "",
-    removeItemButton: e.removeItemButton || !1,
-    searchEnabled: e.searchEnabled !== void 0 ? e.searchEnabled : !0,
+    removeItemButton: l.removeItemButton || !1,
+    searchEnabled: l.searchEnabled !== void 0 ? l.searchEnabled : !0,
     shouldSort: !1,
     placeholder: !0,
-    placeholderValue: e.placeholderValue || "Sélectionnez une option",
-    ...e
+    placeholderValue: l.placeholderValue || "Sélectionnez une option",
+    ...l
+  };
+  l.variant === "country" && (m.callbackOnCreateTemplates = (s) => {
+    const b = (t) => t.placeholder || !t.customProperties?.flag ? `<span>${t.label}</span>` : `<span class="fi fi-${t.customProperties.flag} select__flag"></span> <span>${t.label}</span>`;
+    return {
+      item: (t, e) => {
+        const { item: a, highlightedState: c, itemSelectable: i, placeholder: r } = t.classNames, o = e.highlighted ? c : i, n = e.active ? 'aria-selected="true"' : "", d = e.disabled ? 'aria-disabled="true"' : "", h = e.placeholder ? r : "";
+        return s(`
+						<div class="${a} ${o} ${h}" data-item data-id="${e.id}" data-value="${e.value}" ${n} ${d}>
+							${b(e)}
+						</div>`.trim());
+      },
+      choice: (t, e) => {
+        const { item: a, itemChoice: c, itemDisabled: i, itemSelectable: r, placeholder: o } = t.classNames, n = e.disabled ? i : r, d = e.disabled ? 'data-choice-disabled aria-disabled="true"' : "data-choice-selectable", h = e.placeholder ? o : "";
+        return s(`
+						<div class="${a} ${c} ${n} ${h}" data-select-text="${t.itemSelectText}" data-choice ${d} data-id="${e.id}" data-value="${e.value}" role="option">
+							${b(e)}
+						</div>`.trim());
+      }
+    };
   });
-  return l && t.addEventListener("change", (r) => {
-    const o = r.detail.value;
-    l(o);
-  }), a;
+  const $ = new v(u, m);
+  return p && u.addEventListener("change", () => {
+    const s = $.getValue(!0);
+    p(s);
+  }), $;
 };
 export {
-  d as initSelect
+  f as initSelect
 };

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

@@ -4,6 +4,10 @@
 export interface SelectOption {
     text: string;
     value: string;
+    /**
+     * Code du drapeau (ex: 'fr', 'en').
+     */
+    flag?: string;
 }
 /**
  * Propriétés du composant Select.
@@ -45,6 +49,11 @@ export interface SelectProps {
      * Nom du champ.
      */
     name?: string;
+    /**
+     * Variante du sélecteur.
+     * @default 'default'
+     */
+    variant?: 'default' | 'country';
 }
 /**
  * Composant Select premium basé sur Choices.js.
@@ -52,4 +61,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, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, variant, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,55 +1,73 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as f, useEffect as a } from "react";
-import { initSelect as S } from "../js/select.js";
-const O = ({
-  options: s,
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as f, useEffect as o } from "react";
+import { initSelect as R } from "../js/select.js";
+const b = ({
+  options: n,
   value: r,
-  onChange: u,
-  multiple: i = !1,
-  placeholder: o = "Sélectionnez une option",
-  disabled: m = !1,
-  searchable: y = !0,
-  className: d = "",
-  name: A
+  onChange: l,
+  multiple: s = !1,
+  placeholder: a = "Sélectionnez une option",
+  disabled: h = !1,
+  searchable: d = !0,
+  className: S = "",
+  name: V,
+  variant: A = "default"
 }) => {
-  const n = f(null), e = f(null);
-  return a(() => {
-    if (s) {
-      if (n.current) {
-        n.current.innerHTML = "";
-        const c = s.map((t) => ({
-          value: t.value,
-          label: t.text,
-          selected: Array.isArray(r) ? r.includes(t.value) : r === t.value
+  const u = f(null), c = f(null), y = f(l), m = f(r);
+  o(() => {
+    y.current = l;
+  }, [l]), o(() => {
+    m.current = r;
+  }, [r]);
+  const N = JSON.stringify(n);
+  return o(() => {
+    if (!(!n || n.length === 0)) {
+      if (u.current) {
+        u.current.innerHTML = "";
+        const t = r ?? m.current, i = n.map((e) => ({
+          value: e.value,
+          label: e.text,
+          selected: Array.isArray(t) ? t.includes(e.value) : t === e.value,
+          customProperties: {
+            flag: e.flag
+          }
         }));
-        e.current = S(n.current, {
-          choices: c,
-          removeItemButton: i,
-          placeholderValue: o,
-          searchEnabled: y,
-          silent: !0
-        }, u);
+        s || i.unshift({
+          value: "",
+          label: a,
+          selected: t === void 0 || t === "",
+          placeholder: !0
+        }), c.current = R(u.current, {
+          choices: i,
+          removeItemButton: s,
+          placeholderValue: a,
+          searchEnabled: d,
+          silent: !0,
+          variant: A
+        }, (e) => {
+          m.current = e, y.current && y.current(e);
+        });
       }
       return () => {
-        e.current && (e.current.destroy(), e.current = null);
+        c.current && (c.current.destroy(), c.current = null);
       };
     }
-  }, [s, i, o, u]), a(() => {
-    if (e.current && r !== void 0) {
-      const c = e.current.getValue(!0), t = Array.isArray(r) ? r : [r], h = Array.isArray(c) ? c : [c];
-      JSON.stringify(t.sort()) !== JSON.stringify(h.sort()) && e.current.setChoiceByValue(r);
+  }, [N, s, a, A, d]), o(() => {
+    if (c.current && r !== void 0) {
+      const t = c.current.getValue(!0), i = Array.isArray(r) ? r : [r], e = Array.isArray(t) ? t : [t];
+      JSON.stringify(i.sort()) !== JSON.stringify(e.sort()) && c.current.setChoiceByValue(r);
     }
-  }, [r]), /* @__PURE__ */ l("div", { className: `form__input ${d}`.trim(), children: /* @__PURE__ */ l(
+  }, [r]), /* @__PURE__ */ g("div", { className: `form__input ${S}`.trim(), children: /* @__PURE__ */ g(
     "select",
     {
-      ref: n,
-      multiple: i,
-      disabled: m,
-      className: "zuii-select",
-      name: A
+      ref: u,
+      multiple: s,
+      disabled: h,
+      className: "select",
+      name: V
     }
   ) });
 };
 export {
-  O as Select
+  b as Select
 };

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

@@ -53,7 +53,7 @@ export declare const Form: {
         Input: BsPrefixRefForwardingComponent<"input", FormCheckInputProps>;
         Label: React.ForwardRefExoticComponent< FormCheckLabelProps & React.RefAttributes<HTMLLabelElement>>;
     };
-    Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+    Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, variant, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
     InputGroup: BsPrefixRefForwardingComponent<"div", InputGroupProps> & {
         Text: BsPrefixRefForwardingComponent<"span", InputGroupTextProps>;
         Radio: (props: FormCheckInputProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1 +1 @@
-@layer components{.group{display:flex;flex-wrap:wrap;gap:.5rem}.group--vertical{flex-direction:column;align-items:flex-start}.group--horizontal{flex-direction:row;align-items:center}.group--no-wrap{flex-wrap:nowrap}.group--gap-none{gap:0}.group--center{align-items:center;justify-content:center}.group--start{justify-content:flex-start}.group--end{justify-content:flex-end}.group--between{justify-content:space-between}}
+@layer components{.group{display:flex;flex-wrap:wrap;gap:.5rem}.group>*:has(.form__input){flex:1}.group--vertical{flex-direction:column;align-items:flex-start}.group--horizontal{flex-direction:row;align-items:center}.group--no-wrap{flex-wrap:nowrap}.group--gap-none{gap:0}.group--center{align-items:center;justify-content:center}.group--start{justify-content:flex-start}.group--end{justify-content:flex-end}.group--between{justify-content:space-between}}

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

@@ -1,3 +1,19 @@
+import { default as React } from 'react';
+/**
+ * Type pour les tailles supportées.
+ */
+export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+/**
+ * Fournisseur de contexte pour la taille.
+ */
+export declare const SizeProvider: ({ size, children }: {
+    size: ComponentSize;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook pour consommer la taille du contexte.
+ */
+export declare const useSize: () => ComponentSize;
 /**
  * Propriétés du composant Icon.
  */
@@ -10,7 +26,7 @@ interface Props {
     /**
      * La taille de l'icône.
      */
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+    size?: ComponentSize;
     /**
      * Classe CSS additionnelle.
      */

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

@@ -1,13 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
+import { createContext as m, useContext as l } from "react";
 import '../style/index.css';/* empty css                  */
-const a = ({
-  name: c,
-  size: e = "lg",
-  className: i = ""
+const n = m(void 0), p = ({ size: e, children: t }) => /* @__PURE__ */ o(n.Provider, { value: e, children: t }), z = () => l(n), C = ({
+  name: e,
+  size: t,
+  className: r = ""
 }) => {
-  const s = "icon", n = `${s}--size-${e}`;
-  return /* @__PURE__ */ o("span", { className: `${s} ${n} ${i}`.trim(), children: /* @__PURE__ */ o("i", { className: `${c}` }) });
+  const i = z(), c = t || i || "lg", s = "icon", a = `${s}--size-${c}`;
+  return /* @__PURE__ */ o("span", { className: `${s} ${a} ${r}`.trim(), children: /* @__PURE__ */ o("i", { className: `${e}` }) });
 };
 export {
-  a as Icon
+  C as Icon,
+  p as SizeProvider,
+  z as useSize
 };