@surgeui/ds-vue 1.1.0 → 1.2.0

package/dist/{index-BTQ892Rw.js → index-CnZnylJC.js}

@@ -1,5 +1,5 @@
-import { defineComponent as N, computed as n, defineAsyncComponent as ma, createBlock as U, createCommentVNode as x, openBlock as l, resolveDynamicComponent as ee, mergeProps as Q, normalizeClass as K, withCtx as be, createElementBlock as o, renderSlot as Y, createElementVNode as d, useAttrs as de, ref as T, useId as he, onMounted as Be, normalizeStyle as te, Fragment as _, renderList as ue, toDisplayString as F, useSlots as Ie, createTextVNode as xe, watch as $e, onUnmounted as Le, Transition as Ae, withModifiers as pe, createVNode as re, unref as oe, nextTick as ze, withDirectives as Ue, vShow as Ge, inject as ba, provide as ha, h as De, Comment as Se, Text as Fe, mergeModels as J, useModel as ye, withKeys as ke } from "vue";
-const ya = /* @__PURE__ */ N({
+import { defineComponent as Y, computed as r, defineAsyncComponent as ma, createBlock as U, createCommentVNode as x, openBlock as l, resolveDynamicComponent as ee, mergeProps as Q, normalizeClass as K, withCtx as be, createElementBlock as o, renderSlot as N, createElementVNode as d, useAttrs as de, ref as T, useId as he, onMounted as Be, normalizeStyle as te, Fragment as _, renderList as ue, toDisplayString as F, useSlots as Ie, createTextVNode as xe, watch as $e, onUnmounted as Le, Transition as Ae, withModifiers as pe, createVNode as re, unref as oe, nextTick as ze, withDirectives as Ge, vShow as Ze, inject as ba, provide as ha, h as De, Comment as Se, Text as Fe, mergeModels as J, useModel as ye, withKeys as ke } from "vue";
+const ya = /* @__PURE__ */ Y({
   __name: "Icon",
   props: {
     name: {},
@@ -11,13 +11,13 @@ const ya = /* @__PURE__ */ N({
     class: {}
   },
   setup(a) {
-    const s = a, t = n(() => {
+    const s = a, t = r(() => {
       const b = s.name.endsWith("Icon") ? s.name : `${s.name}Icon`;
       return ma({
         loader: async () => {
           try {
             let c;
-            s.variant === "solid" ? c = await import("./index-BeQxidt5.js") : c = await import("./index-BuLJg9Es.js");
+            s.variant === "solid" ? c = await import("./index-BeQxidt5.js") : c = await import("./index-Bco9gSGG.js");
             const u = c[b];
             return u || (console.error(`Icône non trouvée: ${b} (variant: ${s.variant})`), null);
           } catch (c) {
@@ -27,16 +27,16 @@ const ya = /* @__PURE__ */ N({
         delay: 0,
         timeout: 3e3
       });
-    }), e = n(() => typeof s.size == "number" ? `${s.size}px` : s.size), i = n(() => {
+    }), e = r(() => typeof s.size == "number" ? `${s.size}px` : s.size), i = r(() => {
       const b = [s.class];
       return s.color && b.push(s.color), b.filter(Boolean).join(" ");
-    }), r = n(() => s.decorative ? {
+    }), n = r(() => s.decorative ? {
       "aria-hidden": "true",
       role: "presentation"
     } : {
       "aria-label": s.ariaLabel,
       role: s.ariaLabel ? "img" : void 0
-    }), $ = n(() => {
+    }), $ = r(() => {
       const b = {
         width: e.value,
         height: e.value
@@ -47,7 +47,7 @@ const ya = /* @__PURE__ */ N({
       key: 0,
       class: i.value,
       style: $.value
-    }, r.value), null, 16, ["class", "style"])) : x("", !0);
+    }, n.value), null, 16, ["class", "style"])) : x("", !0);
   }
 }), pa = {
   key: 0,
@@ -55,7 +55,7 @@ const ya = /* @__PURE__ */ N({
 }, ga = {
   key: 1,
   class: "su-heading__slot"
-}, ka = /* @__PURE__ */ N({
+}, ka = /* @__PURE__ */ Y({
   __name: "Heading",
   props: {
     level: {
@@ -77,7 +77,7 @@ const ya = /* @__PURE__ */ N({
     }
   },
   setup(a) {
-    const s = a, t = n(() => s.level === "div" ? "div" : `h${s.level}`);
+    const s = a, t = r(() => s.level === "div" ? "div" : `h${s.level}`);
     return (e, i) => (l(), U(ee(t.value), {
       class: K(["su-heading", [
         `su-heading--level-${a.level}`,
@@ -87,11 +87,11 @@ const ya = /* @__PURE__ */ N({
     }, {
       default: be(() => [
         e.$slots.before ? (l(), o("div", pa, [
-          Y(e.$slots, "before", {}, void 0, !0)
+          N(e.$slots, "before", {}, void 0, !0)
         ])) : x("", !0),
-        Y(e.$slots, "default", {}, void 0, !0),
+        N(e.$slots, "default", {}, void 0, !0),
         e.$slots.after ? (l(), o("div", ga, [
-          Y(e.$slots, "after", {}, void 0, !0)
+          N(e.$slots, "after", {}, void 0, !0)
         ])) : x("", !0)
       ]),
       _: 3
@@ -108,7 +108,7 @@ const ya = /* @__PURE__ */ N({
 }, wa = { class: "su-panel__body" }, Ba = {
   key: 1,
   class: "su-panel__footer"
-}, Ca = /* @__PURE__ */ N({
+}, Ca = /* @__PURE__ */ Y({
   __name: "Panel",
   props: {
     tag: { default: "div" },
@@ -127,19 +127,19 @@ const ya = /* @__PURE__ */ N({
     }, {
       default: be(() => [
         s.$slots.head ? (l(), o("header", $a, [
-          Y(s.$slots, "head", {}, void 0, !0)
+          N(s.$slots, "head", {}, void 0, !0)
         ])) : x("", !0),
         d("div", wa, [
-          Y(s.$slots, "default", {}, void 0, !0)
+          N(s.$slots, "default", {}, void 0, !0)
         ]),
         s.$slots.footer ? (l(), o("footer", Ba, [
-          Y(s.$slots, "footer", {}, void 0, !0)
+          N(s.$slots, "footer", {}, void 0, !0)
         ])) : x("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ia = /* @__PURE__ */ Ce(Ca, [["__scopeId", "data-v-17e780b2"]]), La = ["aria-label"], za = { key: 1 }, Da = ["srcset", "type", "media"], Va = ["id", "src", "alt", "width", "height", "loading"], Ma = ["id", "src", "alt", "width", "height", "loading"], qa = ["aria-label"], Ze = /* @__PURE__ */ N({
+}), Ia = /* @__PURE__ */ Ce(Ca, [["__scopeId", "data-v-17e780b2"]]), La = ["aria-label"], za = { key: 1 }, Da = ["srcset", "type", "media"], Va = ["id", "src", "alt", "width", "height", "loading"], Ma = ["id", "src", "alt", "width", "height", "loading"], qa = ["aria-label"], We = /* @__PURE__ */ Y({
   __name: "Image",
   props: {
     src: {},
@@ -167,13 +167,13 @@ const ya = /* @__PURE__ */ N({
   },
   emits: ["load", "error"],
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = t, r = de(), $ = T(), b = T(!1), c = T(!1), u = T(!0), f = "image-" + he(), y = n(() => r.id || f), w = n(() => {
+    const e = a, i = t, n = de(), $ = T(), b = T(!1), c = T(!1), u = T(!0), f = "image-" + he(), y = r(() => n.id || f), w = r(() => {
       if (e.ratio === "auto") return {};
       let D;
       return typeof e.ratio == "number" ? D = e.ratio.toString() : D = e.ratio, {
         aspectRatio: D
       };
-    }), k = n(() => [
+    }), k = r(() => [
       "su-image-container",
       {
         "su-image-container--loading": u.value,
@@ -181,7 +181,7 @@ const ya = /* @__PURE__ */ N({
         "su-image-container--error": c.value,
         "su-image-container--has-ratio": e.ratio !== "auto"
       }
-    ]), R = n(() => [
+    ]), R = r(() => [
       "su-image",
       `su-image--fit-${e.fit}`,
       `su-image--position-${e.position}`,
@@ -189,7 +189,7 @@ const ya = /* @__PURE__ */ N({
         "su-image--loaded": b.value,
         "su-image--error": c.value
       }
-    ]), V = n(() => {
+    ]), V = r(() => {
       const D = {};
       return e.ariaLabel && (D["aria-label"] = e.ariaLabel), e.ariaDescribedBy && (D["aria-describedby"] = e.ariaDescribedBy), e.ariaHidden !== void 0 && (D["aria-hidden"] = e.ariaHidden), e.role && (D.role = e.role), D;
     }), p = (D) => {
@@ -299,7 +299,7 @@ const ya = /* @__PURE__ */ N({
       ])], 8, qa)) : x("", !0)
     ], 6));
   }
-}), Ra = ["stroke", "stroke-width", "fill"], Aa = ["stroke", "stroke-width", "fill"], Sa = /* @__PURE__ */ N({
+}), Ra = ["stroke", "stroke-width", "fill"], Aa = ["stroke", "stroke-width", "fill"], Sa = /* @__PURE__ */ Y({
   __name: "Spinner",
   props: {
     size: { default: 12 },
@@ -312,13 +312,13 @@ const ya = /* @__PURE__ */ N({
     speed: { default: 1 }
   },
   setup(a) {
-    const s = a, t = n(() => typeof s.size == "number" ? `${s.size}px` : s.size), e = n(() => `${s.speed}s`), i = n(() => ({
+    const s = a, t = r(() => typeof s.size == "number" ? `${s.size}px` : s.size), e = r(() => `${s.speed}s`), i = r(() => ({
       width: t.value,
       height: t.value,
       color: s.color,
       animationDuration: e.value
     }));
-    return (r, $) => (l(), o("span", {
+    return (n, $) => (l(), o("span", {
       class: K(["su-spinner", `su-spinner--${a.type}`]),
       role: "status",
       "aria-live": "polite"
@@ -387,7 +387,7 @@ const ya = /* @__PURE__ */ N({
 }), Pe = /* @__PURE__ */ Ce(Sa, [["__scopeId", "data-v-6bd34adc"]]), Fa = {
   key: 1,
   class: "su-badge__content"
-}, We = /* @__PURE__ */ N({
+}, Ne = /* @__PURE__ */ Y({
   __name: "Badge",
   props: {
     variant: { default: "default" },
@@ -408,7 +408,7 @@ const ya = /* @__PURE__ */ N({
     tabIndex: {}
   },
   setup(a) {
-    const s = a, t = Ie(), e = n(() => !(s.icon && s.iconDisplay === "only") && t.default), i = n(() => [
+    const s = a, t = Ie(), e = r(() => !(s.icon && s.iconDisplay === "only") && t.default), i = r(() => [
       "su-badge",
       `su-badge--${s.variant}`,
       `su-badge--${s.size}`,
@@ -418,10 +418,10 @@ const ya = /* @__PURE__ */ N({
         "su-badge--icon-right": s.icon && s.iconDisplay === "right",
         "su-badge--has-custom-color": s.color || s.backgroundColor
       }
-    ]), r = n(() => {
+    ]), n = r(() => {
       const c = {};
       return s.color && (c.color = s.color), s.backgroundColor && (c.backgroundColor = s.backgroundColor, c.borderColor = s.backgroundColor, s.color || (c.color = b(s.backgroundColor))), c;
-    }), $ = n(() => {
+    }), $ = r(() => {
       const c = {};
       return s.ariaLabel && (c["aria-label"] = s.ariaLabel), s.ariaDescribedBy && (c["aria-describedby"] = s.ariaDescribedBy), s.ariaHidden !== void 0 && (c["aria-hidden"] = s.ariaHidden), s.role && (c.role = s.role), c;
     }), b = (c) => {
@@ -430,7 +430,7 @@ const ya = /* @__PURE__ */ N({
     };
     return s.icon && s.iconDisplay === "only" && !s.ariaLabel && !t.default && console.warn('Badge with icon and iconDisplay="only" should have an ariaLabel for accessibility'), (c, u) => (l(), o("span", Q({
       class: i.value,
-      style: r.value
+      style: n.value
     }, $.value), [
       a.icon ? (l(), U(ee(a.icon), {
         key: 0,
@@ -438,7 +438,7 @@ const ya = /* @__PURE__ */ N({
         "aria-hidden": "true"
       })) : x("", !0),
       e.value ? (l(), o("span", Fa, [
-        Y(c.$slots, "default")
+        N(c.$slots, "default")
       ])) : x("", !0)
     ], 16));
   }
@@ -446,7 +446,7 @@ const ya = /* @__PURE__ */ N({
   key: 3,
   class: "su-avatar-placeholder",
   "aria-label": "Avatar par défaut"
-}, Ha = ["aria-label"], Ne = /* @__PURE__ */ N({
+}, Ha = ["aria-label"], Ye = /* @__PURE__ */ Y({
   __name: "Avatar",
   props: {
     src: {},
@@ -473,11 +473,11 @@ const ya = /* @__PURE__ */ N({
   },
   emits: ["click", "load", "error"],
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = t, r = de(), $ = T(), b = T(!1), c = T(!1), u = "avatar-" + he(), f = n(() => r.id || u), y = n(() => {
+    const e = a, i = t, n = de(), $ = T(), b = T(!1), c = T(!1), u = "avatar-" + he(), f = r(() => n.id || u), y = r(() => {
       if (!e.name) return "";
       const P = e.name.trim().split(/\s+/);
       return P.length === 1 ? P[0].charAt(0).toUpperCase() : (P[0].charAt(0) + P[P.length - 1].charAt(0)).toUpperCase();
-    }), w = n(() => (e.src || e.fallback) && !c.value), k = n(() => !w.value && e.name), R = n(() => [
+    }), w = r(() => (e.src || e.fallback) && !c.value), k = r(() => !w.value && e.name), R = r(() => [
       "su-avatar",
       `su-avatar--${e.size}`,
       `su-avatar--${e.variant}`,
@@ -489,13 +489,13 @@ const ya = /* @__PURE__ */ N({
         "su-avatar--image": w.value,
         "su-avatar--initials": k.value
       }
-    ]), V = n(() => [
+    ]), V = r(() => [
       "su-avatar-status",
       `su-avatar-status--${e.size}`,
       `su-avatar-status--${e.status}`
-    ]), p = n(() => [
+    ]), p = r(() => [
       "su-avatar-badge"
-    ]), h = n(() => {
+    ]), h = r(() => {
       const P = {};
       return e.ariaLabel && (P["aria-label"] = e.ariaLabel), e.ariaDescribedBy && (P["aria-describedby"] = e.ariaDescribedBy), e.role && (P.role = e.role), e.clickable && (P.role = P.role || "button", P.tabindex = e.tabIndex || 0), P;
     }), M = (P) => {
@@ -528,7 +528,7 @@ const ya = /* @__PURE__ */ N({
         label: "Chargement en cours...",
         color: "#3b82f6",
         size: "16"
-      })) : w.value ? (l(), U(Ze, {
+      })) : w.value ? (l(), U(We, {
         key: 1,
         src: a.src || a.fallback || "",
         fallback: a.fallback,
@@ -559,7 +559,7 @@ const ya = /* @__PURE__ */ N({
         class: K(V.value),
         "aria-label": `Statut: ${a.status}`
       }, null, 10, Ha)) : x("", !0),
-      a.badge ? (l(), U(We, Q({
+      a.badge ? (l(), U(Ne, Q({
         key: 5,
         class: p.value,
         size: "sm",
@@ -580,7 +580,7 @@ const ya = /* @__PURE__ */ N({
 }, Oa = { class: "su-avatars-group-list" }, ja = ["aria-label"], Ua = { class: "su-avatars-group-more-text" }, Ga = {
   key: 1,
   class: "su-avatars-group-after"
-}, Za = /* @__PURE__ */ N({
+}, Za = /* @__PURE__ */ Y({
   __name: "AvatarGroup",
   props: {
     avatars: { default: () => [] },
@@ -601,14 +601,14 @@ const ya = /* @__PURE__ */ N({
   },
   emits: ["avatar-click"],
   setup(a, { emit: s }) {
-    const t = a, e = s, i = n(() => t.avatars.slice(0, t.max)), r = n(() => Math.max(0, t.avatars.length - t.max)), $ = n(() => [
+    const t = a, e = s, i = r(() => t.avatars.slice(0, t.max)), n = r(() => Math.max(0, t.avatars.length - t.max)), $ = r(() => [
       "su-avatars-group",
       `su-avatars-group--${t.size}`,
       `su-avatars-group--spacing-${t.spacing}`,
       {
         "su-avatars-group--clickable": t.clickable
       }
-    ]), b = n(() => [
+    ]), b = r(() => [
       "su-avatar",
       "su-avatars-group-more",
       `su-avatar--${t.size}`,
@@ -616,7 +616,7 @@ const ya = /* @__PURE__ */ N({
       {
         "su-avatar--clickable": t.clickable
       }
-    ]), c = n(() => {
+    ]), c = r(() => {
       const y = {
         role: "group"
       };
@@ -624,14 +624,14 @@ const ya = /* @__PURE__ */ N({
     }), u = (y, w, k) => {
       t.clickable && e("avatar-click", y, w, k);
     }, f = (y) => {
-      t.clickable && e("avatar-click", { type: "more", count: r.value }, -1, y);
+      t.clickable && e("avatar-click", { type: "more", count: n.value }, -1, y);
     };
     return (y, w) => (l(), o("div", Q({ class: $.value }, c.value), [
       y.$slots.before ? (l(), o("div", Ka, [
-        Y(y.$slots, "before")
+        N(y.$slots, "before")
       ])) : x("", !0),
       d("div", Oa, [
-        (l(!0), o(_, null, ue(i.value, (k, R) => (l(), U(Ne, {
+        (l(!0), o(_, null, ue(i.value, (k, R) => (l(), U(Ye, {
           key: `avatar-${R}`,
           src: k.src,
           alt: k.alt,
@@ -648,24 +648,24 @@ const ya = /* @__PURE__ */ N({
           class: "su-avatars-group-avatar",
           onClick: (V) => u(k, R, V)
         }, null, 8, ["src", "alt", "fallback", "name", "size", "variant", "status", "badge", "badge-color", "loading", "clickable", "aria-label", "onClick"]))), 128)),
-        r.value > 0 ? (l(), o("div", {
+        n.value > 0 ? (l(), o("div", {
           key: 0,
           class: K(b.value),
-          "aria-label": `${r.value} autre(s) utilisateur(s)`,
+          "aria-label": `${n.value} autre(s) utilisateur(s)`,
           onClick: f
         }, [
-          d("span", Ua, " +" + F(r.value), 1)
+          d("span", Ua, " +" + F(n.value), 1)
         ], 10, ja)) : x("", !0)
       ]),
       y.$slots.after ? (l(), o("div", Ga, [
-        Y(y.$slots, "after")
+        N(y.$slots, "after")
       ])) : x("", !0)
     ], 16));
   }
 }), Wa = ["disabled", "tabindex"], Na = {
   key: 1,
   class: "su-button__content"
-}, Me = /* @__PURE__ */ N({
+}, Me = /* @__PURE__ */ Y({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -690,7 +690,7 @@ const ya = /* @__PURE__ */ N({
   },
   emits: ["click", "focus", "blur", "keydown"],
   setup(a, { emit: s }) {
-    const t = a, e = s, i = n(() => [
+    const t = a, e = s, i = r(() => [
       "su-button",
       t.size && `su-button--${t.size}`,
       t.variant && `su-button--${t.variant}`,
@@ -702,7 +702,7 @@ const ya = /* @__PURE__ */ N({
         "su-button--icon-only": t.icon && t.iconDisplay === "only",
         "su-button--icon-right": t.icon && t.iconDisplay === "right"
       }
-    ]), r = n(() => !(t.icon && t.iconDisplay === "only")), $ = (y) => {
+    ]), n = r(() => !(t.icon && t.iconDisplay === "only")), $ = (y) => {
       t.disabled || t.loading || e("click", y);
     }, b = (y) => {
       (y.key === "Enter" || y.key === " ") && (y.preventDefault(), !t.disabled && !t.loading && e("click", y)), e("keydown", y);
@@ -710,7 +710,7 @@ const ya = /* @__PURE__ */ N({
       e("focus", y);
     }, u = (y) => {
       e("blur", y);
-    }, f = n(() => {
+    }, f = r(() => {
       const y = {};
       return t.ariaLabel && (y["aria-label"] = t.ariaLabel), t.ariaDescribedBy && (y["aria-describedby"] = t.ariaDescribedBy), t.ariaExpanded !== void 0 && (y["aria-expanded"] = t.ariaExpanded), t.ariaPressed !== void 0 && (y["aria-pressed"] = t.ariaPressed), t.role && (y.role = t.role), t.loading && (y["aria-busy"] = "true", y["aria-live"] = "polite"), t.disabled && (y["aria-disabled"] = "true"), t.icon && t.iconDisplay === "only" && !t.ariaLabel && console.warn('Button with icon and iconDisplay="only" should have an ariaLabel for accessibility'), y;
     });
@@ -734,8 +734,8 @@ const ya = /* @__PURE__ */ N({
           class: "su-button__icon",
           "aria-hidden": "true"
         })) : x("", !0),
-        r.value && y.$slots.default ? (l(), o("span", Na, [
-          Y(y.$slots, "default")
+        n.value && y.$slots.default ? (l(), o("span", Na, [
+          N(y.$slots, "default")
         ])) : x("", !0)
       ], 64))
     ], 16, Wa));
@@ -758,8 +758,8 @@ function Qa(a) {
 function qe(a) {
   const s = a.querySelectorAll(
     'button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])'
-  ), t = s[0], e = s[s.length - 1], i = (r) => {
-    r.key === "Tab" && (r.shiftKey ? document.activeElement === t && (r.preventDefault(), e.focus()) : document.activeElement === e && (r.preventDefault(), t.focus()));
+  ), t = s[0], e = s[s.length - 1], i = (n) => {
+    n.key === "Tab" && (n.shiftKey ? document.activeElement === t && (n.preventDefault(), e.focus()) : document.activeElement === e && (n.preventDefault(), t.focus()));
   };
   return a.addEventListener("keydown", i), t == null || t.focus(), () => {
     a.removeEventListener("keydown", i);
@@ -783,7 +783,7 @@ function et(a, s) {
 function at(a, s = "AA") {
   return a >= (s === "AAA" ? 7 : 4.5);
 }
-const Oi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   announceToScreenReader: ce,
   generateId: Xa,
@@ -862,7 +862,7 @@ function Te(a, s) {
     })
   ]);
 }
-function Ye(a, s) {
+function Xe(a, s) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -879,7 +879,7 @@ function Ye(a, s) {
     })
   ]);
 }
-function Xe(a, s) {
+function Qe(a, s) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -969,7 +969,7 @@ function it(a, s) {
     })
   ]);
 }
-function Oe(a, s) {
+function je(a, s) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1003,7 +1003,7 @@ function ot(a, s) {
     })
   ]);
 }
-function Qe(a, s) {
+function Je(a, s) {
   return l(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1043,7 +1043,7 @@ const nt = ["id", "open"], rt = {
 }, ut = ["id"], dt = ["id"], ct = { class: "su-dialog-content" }, ft = {
   key: 2,
   class: "su-dialog-footer"
-}, vt = /* @__PURE__ */ N({
+}, vt = /* @__PURE__ */ Y({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1068,19 +1068,19 @@ const nt = ["id", "open"], rt = {
   },
   emits: ["update:modelValue", "open", "close"],
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = t, r = de(), $ = T(), b = T(null), c = "dialog-" + he(), u = n(() => r.id || c), f = n(() => e.title ? u.value + "-title" : void 0), y = n(() => e.description ? u.value + "-description" : void 0), w = T(e.modelValue), k = n(() => [
+    const e = a, i = t, n = de(), $ = T(), b = T(null), c = "dialog-" + he(), u = r(() => n.id || c), f = r(() => e.title ? u.value + "-title" : void 0), y = r(() => e.description ? u.value + "-description" : void 0), w = T(e.modelValue), k = r(() => [
       "su-dialog-overlay",
       `su-dialog-overlay--${e.display}`,
       {
         "su-dialog-overlay--open": w.value
       }
-    ]), R = n(() => [
+    ]), R = r(() => [
       "su-dialog",
       `su-dialog--${e.display}`,
       {
         "su-dialog--open": w.value
       }
-    ]), V = n(() => {
+    ]), V = r(() => {
       const v = {
         role: "dialog",
         "aria-modal": "true",
@@ -1138,7 +1138,7 @@ const nt = ["id", "open"], rt = {
               style: te({ height: a.height })
             }, [
               v.$slots.head || a.title ? (l(), o("div", rt, [
-                Y(v.$slots, "head", {}, () => [
+                N(v.$slots, "head", {}, () => [
                   d("h2", {
                     id: f.value,
                     class: "su-dialog-title"
@@ -1151,10 +1151,10 @@ const nt = ["id", "open"], rt = {
                 class: "sr-only"
               }, F(a.description), 9, dt)) : x("", !0),
               d("div", ct, [
-                Y(v.$slots, "default")
+                N(v.$slots, "default")
               ]),
               v.$slots.footer ? (l(), o("div", ft, [
-                Y(v.$slots, "footer")
+                N(v.$slots, "footer")
               ])) : x("", !0)
             ], 4)
           ], 16, nt)
@@ -1163,7 +1163,7 @@ const nt = ["id", "open"], rt = {
       _: 3
     }));
   }
-}), mt = { class: "su-tabs" }, bt = ["id", "aria-controls", "aria-selected", "tabindex", "onClick"], ht = ["id", "aria-labelledby"], yt = /* @__PURE__ */ N({
+}), mt = { class: "su-tabs" }, bt = ["id", "aria-controls", "aria-selected", "tabindex", "onClick"], ht = ["id", "aria-labelledby"], yt = /* @__PURE__ */ Y({
   __name: "Tabs",
   props: {
     tabs: {},
@@ -1174,7 +1174,7 @@ const nt = ["id", "open"], rt = {
   setup(a, { emit: s }) {
     const t = a, e = s, i = T(t.modelValue);
     $e(() => t.modelValue, (b) => i.value = b), $e(i, (b) => e("update:modelValue", b));
-    const r = (b) => {
+    const n = (b) => {
       var u;
       const c = ((u = t.tabs) == null ? void 0 : u.length) ?? 0;
       c && (b.key === "ArrowRight" ? i.value = (i.value + 1) % c : b.key === "ArrowLeft" ? i.value = (i.value - 1 + c) % c : b.key === "Home" ? i.value = 0 : b.key === "End" && (i.value = c - 1));
@@ -1187,7 +1187,7 @@ const nt = ["id", "open"], rt = {
       d("div", {
         role: "tablist",
         class: "su-tabs-list",
-        onKeydown: r
+        onKeydown: n
       }, [
         (l(!0), o(_, null, ue(a.tabs, (u, f) => (l(), o("button", {
           id: `tab-${f}`,
@@ -1199,7 +1199,7 @@ const nt = ["id", "open"], rt = {
           class: K($(f)),
           onClick: (y) => i.value = f
         }, [
-          Y(b.$slots, "tab", {
+          N(b.$slots, "tab", {
             tab: u,
             index: f
           }, () => [
@@ -1207,25 +1207,25 @@ const nt = ["id", "open"], rt = {
           ], !0)
         ], 10, bt))), 128))
       ], 32),
-      (l(!0), o(_, null, ue(a.tabs, (u, f) => Ue((l(), o("div", {
+      (l(!0), o(_, null, ue(a.tabs, (u, f) => Ge((l(), o("div", {
         id: `panel-${f}`,
         key: f,
         role: "tabpanel",
         "aria-labelledby": `tab-${f}`,
         class: "su-tab-panel"
       }, [
-        Y(b.$slots, "panel", {
+        N(b.$slots, "panel", {
           tab: u,
           index: f
         }, () => [
           d("p", null, F(u.content), 1)
         ], !0)
       ], 8, ht)), [
-        [Ge, f === i.value]
+        [Ze, f === i.value]
       ])), 128))
     ]));
   }
-}), pt = /* @__PURE__ */ Ce(yt, [["__scopeId", "data-v-1eb233f2"]]), gt = ["data-accordion-item"], kt = ["id", "aria-expanded", "aria-controls", "aria-disabled", "disabled"], xt = { class: "su-accordion-item__label" }, $t = ["id", "aria-labelledby", "hidden"], wt = { class: "su-accordion-item__panel-content" }, Bt = /* @__PURE__ */ N({
+}), pt = /* @__PURE__ */ Ce(yt, [["__scopeId", "data-v-1eb233f2"]]), gt = ["data-accordion-item"], kt = ["id", "aria-expanded", "aria-controls", "aria-disabled", "disabled"], xt = { class: "su-accordion-item__label" }, $t = ["id", "aria-labelledby", "hidden"], wt = { class: "su-accordion-item__panel-content" }, Bt = /* @__PURE__ */ Y({
   __name: "AccordionItem",
   props: {
     id: {},
@@ -1237,13 +1237,13 @@ const nt = ["id", "open"], rt = {
   },
   emits: ["update:open"],
   setup(a, { emit: s }) {
-    const t = a, e = s, i = ba("accordion"), r = n(() => t.id || `su-accordion-item-${Math.random().toString(36).slice(2, 10)}`), $ = n(() => `accordion-header-${r.value}`), b = n(() => `panel-${r.value}`), c = n(() => !!i), u = n(() => c.value ? `h${Math.min(i.level, 6)}` : `h${t.level}`), f = n({
+    const t = a, e = s, i = ba("accordion"), n = r(() => t.id || `su-accordion-item-${Math.random().toString(36).slice(2, 10)}`), $ = r(() => `accordion-header-${n.value}`), b = r(() => `panel-${n.value}`), c = r(() => !!i), u = r(() => c.value ? `h${Math.min(i.level, 6)}` : `h${t.level}`), f = r({
       get() {
-        return c.value ? i.isItemOpen(r.value) : t.open;
+        return c.value ? i.isItemOpen(n.value) : t.open;
       },
       set(V) {
-        c.value ? i.toggleItem(r.value, {
-          id: r.value,
+        c.value ? i.toggleItem(n.value, {
+          id: n.value,
           title: t.title,
           content: t.content,
           disabled: t.disabled
@@ -1267,15 +1267,15 @@ const nt = ["id", "open"], rt = {
       t.disabled || (f.value = !f.value);
     };
     return Be(() => {
-      c.value && i.registerItem(r.value, { focus: w });
+      c.value && i.registerItem(n.value, { focus: w });
     }), Le(() => {
-      c.value && i.unregisterItem(r.value);
+      c.value && i.unregisterItem(n.value);
     }), (V, p) => (l(), o("div", {
       class: K(["su-accordion-item", {
         "is-open": f.value,
         "is-disabled": a.disabled
       }]),
-      "data-accordion-item": r.value
+      "data-accordion-item": n.value
     }, [
       (l(), U(ee(u.value), { class: "su-accordion-item__heading" }, {
         default: be(() => [
@@ -1293,8 +1293,8 @@ const nt = ["id", "open"], rt = {
             onClick: R,
             onKeydown: k
           }, [
-            Y(V.$slots, "header", {
-              item: { id: r.value, title: a.title, content: a.content, open: f.value, disabled: a.disabled }
+            N(V.$slots, "header", {
+              item: { id: n.value, title: a.title, content: a.content, open: f.value, disabled: a.disabled }
             }, () => [
               d("span", xt, F(a.title), 1)
             ], !0),
@@ -1306,7 +1306,7 @@ const nt = ["id", "open"], rt = {
         ]),
         _: 3
       })),
-      Ue(d("div", {
+      Ge(d("div", {
         id: b.value,
         class: "su-accordion-item__panel",
         role: "region",
@@ -1314,18 +1314,18 @@ const nt = ["id", "open"], rt = {
         hidden: !f.value
       }, [
         d("div", wt, [
-          Y(V.$slots, "default", {
-            item: { id: r.value, title: a.title, content: a.content, open: f.value, disabled: a.disabled }
+          N(V.$slots, "default", {
+            item: { id: n.value, title: a.title, content: a.content, open: f.value, disabled: a.disabled }
           }, () => [
             d("p", null, F(a.content), 1)
           ], !0)
         ])
       ], 8, $t), [
-        [Ge, f.value]
+        [Ze, f.value]
       ])
     ], 10, gt));
   }
-}), Je = /* @__PURE__ */ Ce(Bt, [["__scopeId", "data-v-918fefa3"]]), Ct = ["aria-multiselectable", "aria-label"], It = /* @__PURE__ */ N({
+}), _e = /* @__PURE__ */ Ce(Bt, [["__scopeId", "data-v-918fefa3"]]), Ct = ["aria-multiselectable", "aria-label"], It = /* @__PURE__ */ Y({
   __name: "Accordion",
   props: {
     items: { default: () => [] },
@@ -1349,7 +1349,7 @@ const nt = ["id", "open"], rt = {
     $e(() => t.modelValue, (p) => {
       i.value = new Set(p);
     });
-    const r = n(() => t.items.map((p) => ({
+    const n = r(() => t.items.map((p) => ({
       ...p,
       id: p.id || `accordion-item-${Math.random().toString(36).slice(2, 10)}`
     }))), $ = (p) => i.value.has(p), b = (p, h) => {
@@ -1363,7 +1363,7 @@ const nt = ["id", "open"], rt = {
     };
     ha("accordion", {
       multiple: t.multiple,
-      level: n(() => Math.min(6, t.level + 1)),
+      level: r(() => Math.min(6, t.level + 1)),
       isItemOpen: $,
       toggleItem: b,
       registerItem: f,
@@ -1372,7 +1372,7 @@ const nt = ["id", "open"], rt = {
     const w = (p) => {
       if (!c.value) return;
       const h = Array.from(u.value.values()).filter((B, L) => {
-        const P = r.value[L];
+        const P = n.value[L];
         return P && !P.disabled;
       });
       if (h.length === 0) return;
@@ -1420,18 +1420,18 @@ const nt = ["id", "open"], rt = {
         );
         if (p.key === "Home" && p.altKey) {
           if (p.preventDefault(), t.multiple) {
-            const D = r.value.map((v) => v.id).filter(Boolean);
+            const D = n.value.map((v) => v.id).filter(Boolean);
             i.value = new Set(D), e("update:modelValue", Array.from(i.value));
           }
         } else if (p.key === "End" && p.altKey)
           p.preventDefault(), i.value.clear(), e("update:modelValue", []);
         else if (p.key === "ArrowDown" && p.altKey && M !== -1) {
           p.preventDefault();
-          const D = h[M][0], v = r.value.find((B) => B.id === D);
+          const D = h[M][0], v = n.value.find((B) => B.id === D);
           v && !v.disabled && b(D, v);
         } else if (p.key === "ArrowUp" && p.altKey && M !== -1) {
           p.preventDefault();
-          const D = h[M][0], v = r.value.find((B) => B.id === D);
+          const D = h[M][0], v = n.value.find((B) => B.id === D);
           v && !v.disabled && i.value.has(D) && b(D, v);
         }
       }
@@ -1445,7 +1445,7 @@ const nt = ["id", "open"], rt = {
     return Be(() => {
       document.addEventListener("keydown", k), ze(() => {
         R(
-          `Accordéon ${t.multiple ? "multiple" : "simple"} avec ${r.value.length} sections. Utilisez les flèches pour naviguer, Espace ou Entrée pour ouvrir/fermer.`
+          `Accordéon ${t.multiple ? "multiple" : "simple"} avec ${n.value.length} sections. Utilisez les flèches pour naviguer, Espace ou Entrée pour ouvrir/fermer.`
         );
       });
     }), Le(() => {
@@ -1459,7 +1459,7 @@ const nt = ["id", "open"], rt = {
       "aria-label": a.ariaLabel || "Accordion",
       onKeydown: w
     }, [
-      (l(!0), o(_, null, ue(r.value, (M) => (l(), U(Je, {
+      (l(!0), o(_, null, ue(n.value, (M) => (l(), U(_e, {
         id: M.id,
         key: M.id,
         title: M.title,
@@ -1471,7 +1471,7 @@ const nt = ["id", "open"], rt = {
           D !== $(M.id) && b(M.id, M);
         }
       }, null, 8, ["id", "title", "content", "disabled", "open", "level", "onUpdate:open"]))), 128)),
-      Y(p.$slots, "default", {}, void 0, !0)
+      N(p.$slots, "default", {}, void 0, !0)
     ], 42, Ct));
   }
 }), Lt = /* @__PURE__ */ Ce(It, [["__scopeId", "data-v-8e7c7c09"]]), zt = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-busy"], Dt = {
@@ -1483,7 +1483,7 @@ const nt = ["id", "open"], rt = {
 }, Mt = {
   key: 1,
   class: "su-progress__label"
-}, qt = /* @__PURE__ */ N({
+}, qt = /* @__PURE__ */ Y({
   __name: "Progress",
   props: {
     modelValue: { default: 0 },
@@ -1499,20 +1499,20 @@ const nt = ["id", "open"], rt = {
     indeterminateLabel: { default: "In progress…" }
   },
   setup(a) {
-    const s = a, t = n(
+    const s = a, t = r(
       () => Math.min(Math.max(s.modelValue ?? 0, s.min), s.max)
-    ), e = n(
+    ), e = r(
       () => s.max > s.min ? (t.value - s.min) / (s.max - s.min) * 100 : 0
-    ), i = n(() => s.formatValue(t.value)), r = {
+    ), i = r(() => s.formatValue(t.value)), n = {
       error: "#e53935",
       success: "#43a047",
       warning: "#fdd835"
-    }, $ = n(() => s.indeterminate ? {
-      backgroundColor: s.state === "default" ? s.color : r[s.state] ?? s.color
+    }, $ = r(() => s.indeterminate ? {
+      backgroundColor: s.state === "default" ? s.color : n[s.state] ?? s.color
     } : {
       width: `${e.value}%`,
-      backgroundColor: s.state === "default" ? s.color : r[s.state] ?? s.color
-    }), b = n(() => ({
+      backgroundColor: s.state === "default" ? s.color : n[s.state] ?? s.color
+    }), b = r(() => ({
       backgroundColor: s.backgroundColor
     }));
     return (c, u) => (l(), o("div", {
@@ -1538,21 +1538,21 @@ const nt = ["id", "open"], rt = {
           style: te($.value)
         }, null, 6),
         c.$slots.default ? (l(), o("div", Dt, [
-          Y(c.$slots, "default", {}, void 0, !0)
+          N(c.$slots, "default", {}, void 0, !0)
         ])) : x("", !0)
       ], 4),
       a.showLabel && !a.indeterminate ? (l(), o("span", Vt, F(i.value), 1)) : a.showLabel && a.indeterminate ? (l(), o("span", Mt, F(a.indeterminateLabel), 1)) : x("", !0)
     ], 10, zt));
   }
-}), _e = /* @__PURE__ */ Ce(qt, [["__scopeId", "data-v-4a7f0efa"]]);
+}), ea = /* @__PURE__ */ Ce(qt, [["__scopeId", "data-v-4a7f0efa"]]);
 let Rt = 0;
-function je(a = "su") {
+function Ue(a = "su") {
   return `${a}-${++Rt}-${Date.now().toString(36)}`;
 }
 const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper" }, Ft = { class: "su-alert__content" }, Pt = {
   key: 2,
   class: "su-alert__actions"
-}, Et = ["aria-label"], Tt = /* @__PURE__ */ N({
+}, Et = ["aria-label"], Tt = /* @__PURE__ */ Y({
   __name: "Alert",
   props: {
     type: { default: "info" },
@@ -1566,23 +1566,23 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   },
   emits: ["dismiss"],
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = t, r = Ie(), $ = `su-alert-title-${je("su-alert-title")}`, b = `su-alert-description-${je("su-alert-desc")}`, c = n(() => !!(e.title || r.title)), u = n(() => !!(e.description || r.description)), f = n(() => ({
+    const e = a, i = t, n = Ie(), $ = `su-alert-title-${Ue("su-alert-title")}`, b = `su-alert-description-${Ue("su-alert-desc")}`, c = r(() => !!(e.title || n.title)), u = r(() => !!(e.description || n.description)), f = r(() => ({
       success: Ee,
       warning: lt,
       error: He,
-      info: Oe,
-      neutral: Oe
-    })[e.type]), y = n(() => [
+      info: je,
+      neutral: je
+    })[e.type]), y = r(() => [
       "su-alert",
       `su-alert--${e.type}`,
       `su-alert--${e.size}`,
       {
         "su-alert--dismissible": e.dismissible
       }
-    ]), w = n(() => [
+    ]), w = r(() => [
       "su-alert__icon",
       `su-alert__icon--${e.type}`
-    ]), k = n(() => [
+    ]), k = r(() => [
       "su-alert__dismiss-button",
       `su-alert__dismiss-button--${e.type}`
     ]), R = () => {
@@ -1610,7 +1610,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           id: $,
           class: "su-alert__title"
         }, [
-          Y(V.$slots, "title", {}, () => [
+          N(V.$slots, "title", {}, () => [
             xe(F(a.title), 1)
           ])
         ])) : x("", !0),
@@ -1619,12 +1619,12 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           id: b,
           class: "su-alert__description"
         }, [
-          Y(V.$slots, "description", {}, () => [
+          N(V.$slots, "description", {}, () => [
             xe(F(a.description), 1)
           ])
         ])) : x("", !0),
         V.$slots.default ? (l(), o("div", Pt, [
-          Y(V.$slots, "default")
+          N(V.$slots, "default")
         ])) : x("", !0)
       ]),
       a.dismissible ? (l(), o("button", {
@@ -1641,7 +1641,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
 }), Ht = {
   key: 1,
   class: "su-link__content"
-}, ea = /* @__PURE__ */ N({
+}, Ke = /* @__PURE__ */ Y({
   __name: "Link",
   props: {
     href: {},
@@ -1668,23 +1668,23 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   },
   emits: ["click", "focus", "blur", "keydown"],
   setup(a, { emit: s }) {
-    const t = a, e = s, i = n(() => t.to !== void 0), r = n(() => (console.log("isExternalLink:", t.external, t.href, t.target), t.external || t.href && (t.href.startsWith("http") || t.href.startsWith("//") || t.target === "_blank"))), $ = n(() => {
+    const t = a, e = s, i = r(() => t.to !== void 0), n = r(() => (console.log("isExternalLink:", t.external, t.href, t.target), t.external || t.href && (t.href.startsWith("http") || t.href.startsWith("//") || t.target === "_blank"))), $ = r(() => {
       const k = {};
-      return i.value || (k.href = t.href, r.value ? (k.target = t.target || "_blank", k.rel = t.rel || "noopener noreferrer") : (t.target && (k.target = t.target), t.rel && (k.rel = t.rel))), t.ariaLabel && (k["aria-label"] = t.ariaLabel), t.ariaDescribedBy && (k["aria-describedby"] = t.ariaDescribedBy), t.role && (k.role = t.role), t.disabled ? (k["aria-disabled"] = "true", k.tabindex = -1) : k.tabindex = t.tabIndex, k;
-    }), b = n(() => [
+      return i.value || (k.href = t.href, n.value ? (k.target = t.target || "_blank", k.rel = t.rel || "noopener noreferrer") : (t.target && (k.target = t.target), t.rel && (k.rel = t.rel))), t.ariaLabel && (k["aria-label"] = t.ariaLabel), t.ariaDescribedBy && (k["aria-describedby"] = t.ariaDescribedBy), t.role && (k.role = t.role), t.disabled ? (k["aria-disabled"] = "true", k.tabindex = -1) : k.tabindex = t.tabIndex, k;
+    }), b = r(() => [
       "su-link",
       `su-link--${t.variant}`,
       `su-link--${t.size}`,
       `su-link--underline-${t.underline}`,
       {
         "su-link--disabled": t.disabled,
-        "su-link--external": r.value,
+        "su-link--external": n.value,
         "su-link--block": t.block,
         "su-link--icon-only": t.icon && t.iconDisplay === "only",
         "su-link--icon-top": t.icon && t.iconDisplay === "top",
         "su-link--icon-right": t.icon && t.iconDisplay === "right"
       }
-    ]), c = n(() => !(t.icon && t.iconDisplay === "only")), u = (k) => {
+    ]), c = r(() => !(t.icon && t.iconDisplay === "only")), u = (k) => {
       if (t.disabled) {
         k.preventDefault();
         return;
@@ -1714,9 +1714,9 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           "aria-hidden": "true"
         })) : x("", !0),
         c.value ? (l(), o("span", Ht, [
-          Y(k.$slots, "default")
+          N(k.$slots, "default")
         ])) : x("", !0),
-        r.value && c.value ? (l(), U(oe(tt), {
+        n.value && c.value ? (l(), U(oe(tt), {
           key: 2,
           class: "su-link__icon",
           "aria-hidden": "true"
@@ -1744,7 +1744,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   viewBox: "0 0 20 20",
   fill: "currentColor",
   "aria-hidden": "true"
-}, Qt = /* @__PURE__ */ N({
+}, Qt = /* @__PURE__ */ Y({
   __name: "Dropdown",
   props: {
     options: { default: () => [] },
@@ -1771,14 +1771,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   },
   emits: ["select", "open", "close", "focus", "blur"],
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = t, r = de(), $ = T(), b = T(), c = T(), u = T(null), f = T(!1), y = T(-1), w = "dropdown-" + he(), k = n(() => r.id || w), R = n(() => `${k.value}-menu`), V = n(() => e.options.filter((W) => !W.separator && !W.disabled)), p = n(() => [
+    const e = a, i = t, n = de(), $ = T(), b = T(), c = T(), u = T(null), f = T(!1), y = T(-1), w = "dropdown-" + he(), k = r(() => n.id || w), R = r(() => `${k.value}-menu`), V = r(() => e.options.filter((W) => !W.separator && !W.disabled)), p = r(() => [
       "su-dropdown-container",
       `su-dropdown-container--${e.placement}`,
       {
         "su-dropdown-container--open": f.value,
         "su-dropdown-container--disabled": e.disabled
       }
-    ]), h = n(() => [
+    ]), h = r(() => [
       "su-dropdown-trigger",
       `su-dropdown-trigger--${e.size}`,
       `su-dropdown-trigger--${e.variant}`,
@@ -1789,13 +1789,13 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-dropdown-trigger--icon-only": e.icon && e.iconDisplay === "only",
         "su-dropdown-trigger--icon-right": e.icon && e.iconDisplay === "right"
       }
-    ]), M = n(() => [
+    ]), M = r(() => [
       "su-dropdown-menu",
       `su-dropdown-menu--${e.placement}`,
       {
         "su-dropdown-menu--open": f.value
       }
-    ]), D = n(() => {
+    ]), D = r(() => {
       const W = {
         "aria-haspopup": "menu",
         "aria-expanded": f.value,
@@ -1989,7 +1989,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       })
     ], 34));
   }
-}), Jt = /* @__PURE__ */ N({
+}), Jt = /* @__PURE__ */ Y({
   __name: "LinkGroup",
   props: {
     gap: { default: "md" },
@@ -2009,7 +2009,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     tabIndex: {}
   },
   setup(a) {
-    const s = a, t = Ie(), e = n(() => [
+    const s = a, t = Ie(), e = r(() => [
       "su-links-group",
       `su-links-group--gap-${s.gap}`,
       `su-links-group--${s.direction}`,
@@ -2030,12 +2030,12 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         default:
           return "";
       }
-    }, r = n(() => {
+    }, n = r(() => {
       var f;
       if (!(t != null && t.default)) return [];
       const c = ((f = t == null ? void 0 : t.default) == null ? void 0 : f.call(t)) ?? [], u = [];
       for (const y of c)
-        if (y.type === ea) {
+        if (y.type === Ke) {
           const w = { ...y.props };
           if (s.size && (w.size = s.size), s.variant && (w.variant = s.variant), s.underline && (w.underline = s.underline), s.gap === "none") {
             const k = w.class || "";
@@ -2048,18 +2048,18 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           console.warn("LinkGroup expects only Link components as children. Found:", y.type);
         }
       return u;
-    }), $ = n(() => {
+    }), $ = r(() => {
       if (s.separator === "none" || s.direction === "vertical")
-        return r.value;
+        return n.value;
       const c = [], u = i(s.separator);
-      return r.value.forEach((f, y) => {
-        c.push(f), y < r.value.length - 1 && c.push(De("span", {
+      return n.value.forEach((f, y) => {
+        c.push(f), y < n.value.length - 1 && c.push(De("span", {
           key: `separator-${y}`,
           class: "su-links-group-separator",
           "aria-hidden": "true"
         }, u));
       }), c;
-    }), b = n(() => {
+    }), b = r(() => {
       const c = {};
       return s.ariaLabel && (c["aria-label"] = s.ariaLabel), s.ariaDescribedBy && (c["aria-describedby"] = s.ariaDescribedBy), s.role && (c.role = s.role), c;
     });
@@ -2067,7 +2067,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       (l(!0), o(_, null, ue($.value, (f, y) => (l(), U(ee(f), { key: y }))), 128))
     ], 16));
   }
-}), _t = /* @__PURE__ */ N({
+}), _t = /* @__PURE__ */ Y({
   __name: "ButtonGroup",
   props: {
     gap: { default: "md" },
@@ -2084,13 +2084,13 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     tabIndex: {}
   },
   setup(a) {
-    const s = a, t = Ie(), e = n(() => [
+    const s = a, t = Ie(), e = r(() => [
       "su-buttons-group",
       `su-buttons-group--gap-${s.gap}`,
       {
         "su-buttons-group--connected": s.gap === "none"
       }
-    ]), i = n(() => {
+    ]), i = r(() => {
       var c;
       if (!(t != null && t.default)) return [];
       const $ = ((c = t == null ? void 0 : t.default) == null ? void 0 : c.call(t)) ?? [], b = [];
@@ -2108,15 +2108,15 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           console.warn("ButtonGroup expects only Button components as children. Found:", u.type);
         }
       return b;
-    }), r = n(() => {
+    }), n = r(() => {
       const $ = {};
       return s.ariaLabel && ($["aria-label"] = s.ariaLabel), s.ariaDescribedBy && ($["aria-describedby"] = s.ariaDescribedBy), s.role && ($.role = s.role), $;
     });
-    return ($, b) => (l(), o("div", Q({ class: e.value }, r.value), [
+    return ($, b) => (l(), o("div", Q({ class: e.value }, n.value), [
       (l(!0), o(_, null, ue(i.value, (c, u) => (l(), U(ee(c), { key: u }))), 128))
     ], 16));
   }
-}), el = { class: "su-float-button-wrapper" }, al = ["aria-label"], tl = ["id"], ll = /* @__PURE__ */ N({
+}), el = { class: "su-float-button-wrapper" }, al = ["aria-label"], tl = ["id"], ll = /* @__PURE__ */ Y({
   __name: "FloatButton",
   props: {
     position: { default: "right" },
@@ -2147,33 +2147,33 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   },
   emits: ["click", "focus", "blur"],
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = t, r = Ie(), $ = T(), b = T(!0), c = T(!1), u = T(0), f = n(() => {
+    const e = a, i = t, n = Ie(), $ = T(), b = T(!0), c = T(!1), u = T(0), f = r(() => {
       const L = {
         position: "fixed",
         zIndex: e.zIndex.toString()
       };
       return e.position === "right" ? L.right = `${e.offset.x || 24}px` : L.left = `${e.offset.x || 24}px`, L.bottom = `${e.offset.y || 24}px`, L;
-    }), y = n(() => [
+    }), y = r(() => [
       "su-float-button-container",
       `su-float-button-container--${e.position}`,
       `su-float-button-container--${e.size}`,
       {
         "su-float-button-container--hidden": !b.value,
-        "su-float-button-container--has-slot": r.default,
+        "su-float-button-container--has-slot": n.default,
         "su-float-button-container--disabled": e.disabled
       }
-    ]), w = n(() => [
+    ]), w = r(() => [
       "su-float-button",
       `su-float-button--${e.size}`,
       {
         "su-float-button--has-badge": e.badge,
         "su-float-button--has-tooltip": e.showTooltip && e.label
       }
-    ]), k = n(() => [
+    ]), k = r(() => [
       "su-float-button-tooltip",
       `su-float-button-tooltip--${e.tooltipPosition}`,
       `su-float-button-tooltip--in-${e.position}`
-    ]), R = n(() => {
+    ]), R = r(() => {
       if (!e.href) return {};
       const L = {
         href: e.href
@@ -2212,7 +2212,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         key: 0,
         class: K(["su-float-button-slot", `su-float-button-slot--${a.position}`])
       }, [
-        Y(L.$slots, "default")
+        N(L.$slots, "default")
       ], 2)) : x("", !0),
       d("div", el, [
         a.badge ? (l(), o("div", {
@@ -2229,7 +2229,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           xe(F(a.label) + " ", 1),
           P[0] || (P[0] = d("div", { class: "su-float-button-tooltip-arrow" }, null, -1))
         ], 10, tl)),
-        (l(), U(ee(a.href ? ea : Me), Q({
+        (l(), U(ee(a.href ? Ke : Me), Q({
           ref_key: "floatButtonRef",
           ref: $,
           class: w.value,
@@ -2258,7 +2258,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
 }, il = ["tabindex", "onKeydown"], ol = ["tabindex", "onKeydown"], nl = ["id", "type", "value", "disabled", "readonly", "required"], rl = {
   key: 1,
   class: "su-input-suffix"
-}, ul = ["tabindex", "onKeydown"], dl = ["tabindex", "onKeydown"], aa = /* @__PURE__ */ N({
+}, ul = ["tabindex", "onKeydown"], dl = ["tabindex", "onKeydown"], aa = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Input",
   props: /* @__PURE__ */ J({
@@ -2296,7 +2296,9 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["input", "change", "focus", "blur", "keydown", "keyup", "prefix-click", "prefix-icon-click", "suffix-click", "suffix-icon-click"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = t, r = ye(a, "modelValue"), $ = de(), b = n(() => $.id || void 0), c = n(() => typeof $.onPrefixClick == "function"), u = n(() => typeof $.onPrefixIconClick == "function"), f = n(() => typeof $.onSuffixClick == "function"), y = n(() => typeof $.onSuffixIconClick == "function"), w = n(() => [
+    const e = a;
+    console.log("props", e);
+    const i = t, n = ye(a, "modelValue"), $ = de(), b = r(() => $.id || void 0), c = r(() => typeof $.onPrefixClick == "function"), u = r(() => typeof $.onPrefixIconClick == "function"), f = r(() => typeof $.onSuffixClick == "function"), y = r(() => typeof $.onSuffixIconClick == "function"), w = r(() => [
       "su-input-container",
       `su-input-container--${e.size}`,
       `su-input-container--${e.state}`,
@@ -2306,7 +2308,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-input-container--has-prefix": e.prefix || e.prefixIcon,
         "su-input-container--has-suffix": e.suffix || e.suffixIcon
       }
-    ]), k = n(() => [
+    ]), k = r(() => [
       "su-input",
       `su-input--${e.size}`,
       `su-input--${e.state}`,
@@ -2315,19 +2317,19 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-input--disabled": e.disabled,
         "su-input--readonly": e.readonly
       }
-    ]), R = n(() => {
+    ]), R = r(() => {
       const E = {};
       return e.ariaLabel && (E["aria-label"] = e.ariaLabel), e.ariaInvalid !== void 0 && (E["aria-invalid"] = e.ariaInvalid), (e.required || e.ariaRequired) && (E["aria-required"] = "true"), e.state === "error" && (E["aria-invalid"] = "true"), E;
-    }), V = n(() => {
+    }), V = r(() => {
       const E = {};
       return e.autocomplete && (E.autocomplete = e.autocomplete), e.min !== void 0 && (E.min = e.min), e.max !== void 0 && (E.max = e.max), e.step !== void 0 && (E.step = e.step), e.minLength !== void 0 && (E.minlength = e.minLength), e.maxLength !== void 0 && (E.maxlength = e.maxLength), e.pattern && (E.pattern = e.pattern), e.placeholder && (E.placeholder = e.placeholder), E;
-    }), p = n(
+    }), p = r(
       () => Object.fromEntries(
         Object.entries($).filter(([E]) => E.startsWith("data-"))
       )
     ), h = (E) => {
       const ae = E.target;
-      r.value = e.type === "number" ? Number(ae.value) : ae.value, i("input", E);
+      n.value = e.type === "number" ? Number(ae.value) : ae.value, i("input", E);
     }, M = (E) => i("change", E), D = (E) => i("focus", E), v = (E) => i("blur", E), B = (E) => i("keydown", E), L = (E) => i("keyup", E), P = (E) => {
       e.disabled || e.readonly || i("prefix-click", E);
     }, le = (E) => {
@@ -2347,7 +2349,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       class: K(w.value)
     }, [
       a.prefix || a.prefixIcon || E.$slots.prefix ? (l(), o("div", sl, [
-        E.$slots.prefix ? Y(E.$slots, "prefix", {
+        E.$slots.prefix ? N(E.$slots, "prefix", {
           key: 0,
           class: "su-input-prefix__slot"
         }) : x("", !0),
@@ -2383,7 +2385,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         ref: se,
         class: k.value,
         type: a.type,
-        value: r.value,
+        value: n.value,
         disabled: a.disabled,
         readonly: a.readonly,
         required: a.required
@@ -2421,7 +2423,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
             "aria-hidden": "true"
           }))
         ], 42, dl)) : x("", !0),
-        E.$slots.suffix ? Y(E.$slots, "suffix", {
+        E.$slots.suffix ? N(E.$slots, "suffix", {
           key: 2,
           class: "su-input-suffix__slot"
         }) : x("", !0)
@@ -2431,7 +2433,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
 }), cl = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows"], fl = {
   key: 0,
   class: "su-textarea-footer"
-}, vl = ["id", "aria-live"], ml = { class: "sr-only" }, ta = /* @__PURE__ */ N({
+}, vl = ["id", "aria-live"], ml = { class: "sr-only" }, ta = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Textarea",
   props: /* @__PURE__ */ J({
@@ -2466,7 +2468,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["input", "change", "focus", "blur", "keydown", "keyup"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = T(), c = n(() => $.id || void 0), u = n(() => i.value || ""), f = n(() => u.value.length), y = n(() => e.maxLength ? e.maxLength - f.value : null), w = n(() => e.maxLength ? y.value !== null && y.value <= e.maxLength * 0.1 : !1), k = n(() => e.maxLength ? y.value !== null && y.value < 0 : !1), R = n(() => [
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = T(), c = r(() => $.id || void 0), u = r(() => i.value || ""), f = r(() => u.value.length), y = r(() => e.maxLength ? e.maxLength - f.value : null), w = r(() => e.maxLength ? y.value !== null && y.value <= e.maxLength * 0.1 : !1), k = r(() => e.maxLength ? y.value !== null && y.value < 0 : !1), R = r(() => [
       "su-textarea-container",
       `su-textarea-container--${e.size}`,
       `su-textarea-container--${e.state}`,
@@ -2476,7 +2478,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-textarea-container--auto-resize": e.autoResize,
         "su-textarea-container--over-limit": k.value
       }
-    ]), V = n(() => [
+    ]), V = r(() => [
       "su-textarea",
       `su-textarea--${e.size}`,
       `su-textarea--${e.state}`,
@@ -2486,16 +2488,16 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-textarea--auto-resize": e.autoResize,
         "su-textarea--over-limit": k.value
       }
-    ]), p = n(() => [
+    ]), p = r(() => [
       "su-textarea-counter",
       {
         "su-textarea-counter--near-limit": w.value,
         "su-textarea-counter--over-limit": k.value
       }
-    ]), h = n(() => {
+    ]), h = r(() => {
       const H = {};
       return e.ariaLabel && (H["aria-label"] = e.ariaLabel), e.ariaInvalid !== void 0 && (H["aria-invalid"] = e.ariaInvalid), e.ariaRequired !== void 0 && (H["aria-required"] = e.ariaRequired), e.required && (H["aria-required"] = "true"), (e.state === "error" || k.value) && (H["aria-invalid"] = "true"), H;
-    }), M = n(() => {
+    }), M = r(() => {
       const H = {};
       return e.autocomplete && (H.autocomplete = e.autocomplete), e.maxLength && (H.maxlength = e.maxLength), e.spellcheck !== void 0 && (H.spellcheck = e.spellcheck), e.wrap && (H.wrap = e.wrap), H;
     }), D = async () => {
@@ -2507,17 +2509,17 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       H.style.height = `${fe}px`;
     }, v = (H) => {
       const X = H.target;
-      i.value = X.value, r("input", H), e.autoResize && D();
+      i.value = X.value, n("input", H), e.autoResize && D();
     }, B = (H) => {
-      r("change", H);
+      n("change", H);
     }, L = (H) => {
-      r("focus", H);
+      n("focus", H);
     }, P = (H) => {
-      r("blur", H);
+      n("blur", H);
     }, le = (H) => {
-      r("keydown", H);
+      n("keydown", H);
     }, ne = (H) => {
-      r("keyup", H);
+      n("keyup", H);
     };
     return s({
       focus: () => {
@@ -2570,7 +2572,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       ])) : x("", !0)
     ]));
   }
-}), bl = ["dir"], hl = ["id", "tabindex"], yl = { class: "su-select-content" }, pl = {
+}), bl = { class: "su-select" }, hl = ["id", "tabindex"], yl = { class: "su-select-content" }, pl = {
   key: 0,
   class: "su-select-tags"
 }, gl = { class: "su-select-tag-label" }, kl = ["aria-label", "onClick"], xl = {
@@ -2594,7 +2596,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
 }, Fl = {
   key: 1,
   class: "su-select-no-options"
-}, la = /* @__PURE__ */ N({
+}, la = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "SelectBox",
   props: /* @__PURE__ */ J({
@@ -2614,7 +2616,6 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     noResultsText: { default: "Aucun résultat trouvé" },
     maxHeight: { default: "200px" },
     textAlign: { default: "left" },
-    dir: { default: "auto" },
     ariaInvalid: { type: Boolean },
     ariaRequired: { type: Boolean },
     maxSelectedItems: { default: void 0 },
@@ -2633,29 +2634,29 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "open", "close", "search", "focus", "blur"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = "selectbox-" + he(), c = T(), u = T(), f = T(), y = T(), w = T(!1), k = T(""), R = T(-1), V = T(null), p = n(() => $.id || b), h = n(() => `${p.value}-listbox`), M = n(() => e.groups && e.groups.length > 0 ? e.groups.flatMap(
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = "selectbox-" + he(), c = T(), u = T(), f = T(), y = T(), w = T(!1), k = T(""), R = T(-1), V = T(null), p = r(() => $.id || b), h = r(() => `${p.value}-listbox`), M = r(() => e.groups && e.groups.length > 0 ? e.groups.flatMap(
       (A) => A.options.map((m) => ({ ...m, group: A.label }))
-    ) : e.options || []), D = n(() => {
+    ) : e.options || []), D = r(() => {
       if (!e.searchable || !k.value)
         return M.value;
       const A = k.value.toLowerCase();
       return M.value.filter(
         (m) => m.label.toLowerCase().includes(A) || m.description && m.description.toLowerCase().includes(A)
       );
-    }), v = n(() => {
+    }), v = r(() => {
       const A = {};
       return D.value.forEach((m) => {
         const g = m.group || "";
         A[g] || (A[g] = []), A[g].push(m);
       }), A;
-    }), B = n({
+    }), B = r({
       get() {
         return e.multiple ? Array.isArray(i.value) ? i.value : i.value !== void 0 && i.value !== null ? [i.value] : [] : i.value;
       },
       set(A) {
-        i.value = A, r("change", A);
+        i.value = A, n("change", A);
       }
-    }), L = n(() => {
+    }), L = r(() => {
       if (e.multiple) {
         const A = B.value;
         return A ? M.value.filter((m) => A.includes(m.value)) : [];
@@ -2663,33 +2664,32 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         const A = B.value;
         return A != null ? M.value.filter((m) => m.value === A) : [];
       }
-    }), P = n(() => {
+    }), P = r(() => {
       var A;
       return L.value.length === 0 ? e.placeholder : e.multiple ? L.value.length === 1 ? L.value[0].label : `${L.value.length} éléments sélectionnés` : ((A = L.value[0]) == null ? void 0 : A.label) || e.placeholder;
-    }), le = n(() => [
-      "su-select-container",
-      `su-select-container--${e.size}`,
-      `su-select-container--${e.state}`,
+    }), le = r(() => [
+      "su-select__container",
+      `su-select__container--${e.size}`,
+      `su-select__container--${e.state}`,
       {
-        "su-select-container--disabled": e.disabled,
-        "su-select-container--readonly": e.readonly,
-        "su-select-container--open": w.value,
-        "su-select-container--multiple": e.multiple,
-        "su-select-container--rtl": e.dir === "rtl"
+        "su-select__container--disabled": e.disabled,
+        "su-select__container--readonly": e.readonly,
+        "su-select__container--open": w.value,
+        "su-select__container--multiple": e.multiple
       }
-    ]), ne = n(() => [
-      "su-select-trigger",
-      `su-select-trigger--${e.size}`,
-      `su-select-trigger--${e.state}`,
-      `su-select-trigger--align-${e.textAlign}`,
+    ]), ne = r(() => [
+      "su-select__trigger",
+      `su-select__trigger--${e.size}`,
+      `su-select__trigger--${e.state}`,
+      `su-select__trigger--align-${e.textAlign}`,
       {
-        "su-select-trigger--disabled": e.disabled,
-        "su-select-trigger--readonly": e.readonly,
-        "su-select-trigger--open": w.value,
-        "su-select-trigger--has-value": L.value.length > 0,
-        "su-select-trigger--placeholder": L.value.length === 0
+        "su-select__trigger--disabled": e.disabled,
+        "su-select__trigger--readonly": e.readonly,
+        "su-select__trigger--open": w.value,
+        "su-select__trigger--has-value": L.value.length > 0,
+        "su-select__trigger--placeholder": L.value.length === 0
       }
-    ]), ie = n(() => {
+    ]), ie = r(() => {
       const A = {
         "aria-haspopup": "listbox",
         "aria-expanded": w.value,
@@ -2700,9 +2700,9 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     }), se = () => {
       e.disabled || e.readonly || (w.value ? X() : H());
     }, H = async () => {
-      e.disabled || e.readonly || (w.value = !0, k.value = "", R.value = -1, r("open"), await ze(), e.searchable && y.value && y.value.focus(), f.value && (V.value = qe(f.value)));
+      e.disabled || e.readonly || (w.value = !0, k.value = "", R.value = -1, n("open"), await ze(), e.searchable && y.value && y.value.focus(), f.value && (V.value = qe(f.value)));
     }, X = () => {
-      w.value = !1, R.value = -1, V.value && (V.value(), V.value = null), r("close"), u.value && u.value.focus();
+      w.value = !1, R.value = -1, V.value && (V.value(), V.value = null), n("close"), u.value && u.value.focus();
     }, E = (A) => {
       if (A.disabled) return;
       let m;
@@ -2733,7 +2733,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       }
     }, W = (A) => {
       const m = A.target;
-      k.value = m.value, R.value = -1, r("search", k.value);
+      k.value = m.value, R.value = -1, n("search", k.value);
     }, ve = (A) => {
       switch (A.key) {
         case "Enter":
@@ -2765,10 +2765,10 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           break;
       }
     }, z = (A) => {
-      r("focus", A);
+      n("focus", A);
     }, C = (A) => {
       setTimeout(() => {
-        w.value && c.value && !c.value.contains(document.activeElement) && (X(), r("blur", A));
+        w.value && c.value && !c.value.contains(document.activeElement) && (X(), n("blur", A));
       }, 0);
     }, S = (A) => {
       w.value && c.value && !c.value.contains(A.target) && X();
@@ -2794,10 +2794,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       R.value = -1;
     }), (A, m) => {
       var g;
-      return l(), o("div", {
-        class: "su-select-wrapper",
-        dir: a.dir
-      }, [
+      return l(), o("div", bl, [
         d("div", {
           ref_key: "selectRef",
           ref: c,
@@ -2972,7 +2969,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
             _: 1
           })
         ], 2)
-      ], 8, bl);
+      ]);
     };
   }
 }), Pl = {
@@ -2984,7 +2981,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
 }, Ul = {
   key: 0,
   class: "su-radio-group-after"
-}, sa = /* @__PURE__ */ N({
+}, sa = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: /* @__PURE__ */ J({
@@ -3015,7 +3012,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "focus", "blur"], ["update:modelValue"]),
   setup(a, { emit: s }) {
-    const t = a, e = ye(a, "modelValue"), i = s, r = de(), $ = "radio-group-" + he(), b = n(() => r.id || $), c = n(() => t.name || $), u = n(() => [
+    const t = a, e = ye(a, "modelValue"), i = s, n = de(), $ = "radio-group-" + he(), b = r(() => n.id || $), c = r(() => t.name || $), u = r(() => [
       "su-radio-group",
       `su-radio-group--${t.size}`,
       `su-radio-group--${t.state}`,
@@ -3034,7 +3031,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-radio-option--selected": e.value === V.value,
         "su-radio-option--disabled": V.disabled || t.disabled
       }
-    ], y = n(() => {
+    ], y = r(() => {
       const V = {
         role: "radiogroup"
       };
@@ -3056,7 +3053,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         style: te({ maxHeight: a.maxHeight || void 0, overflowY: a.maxHeight ? "auto" : void 0 })
       }, [
         V.$slots.before ? (l(), o("div", Pl, [
-          Y(V.$slots, "before")
+          N(V.$slots, "before")
         ])) : x("", !0),
         (l(!0), o(_, null, ue(a.options, (h) => (l(), o("label", {
           key: h.value,
@@ -3093,7 +3090,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         ], 10, El))), 128))
       ], 4),
       V.$slots.after ? (l(), o("div", Ul, [
-        Y(V.$slots, "after")
+        N(V.$slots, "after")
       ])) : x("", !0)
     ], 16));
   }
@@ -3103,7 +3100,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
 }, Zl = ["for"], Wl = ["id", "value", "checked", "disabled", "required", "onChange"], Nl = { class: "su-checkbox-content" }, Yl = { class: "su-checkbox-text" }, Xl = { class: "su-checkbox-label" }, Ql = {
   key: 0,
   class: "su-checkbox-group-after"
-}, ia = /* @__PURE__ */ N({
+}, ia = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: /* @__PURE__ */ J({
@@ -3134,14 +3131,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "focus", "blur"], ["update:modelValue"]),
   setup(a, { emit: s }) {
-    const t = a, e = ye(a, "modelValue"), i = s, r = de(), $ = "checkbox-group-" + he(), b = n(() => r.id || $), c = n({
+    const t = a, e = ye(a, "modelValue"), i = s, n = de(), $ = "checkbox-group-" + he(), b = r(() => n.id || $), c = r({
       get() {
         return Array.isArray(e.value) ? e.value : [];
       },
       set(h) {
         e.value = h, i("change", h);
       }
-    }), u = n(() => [
+    }), u = r(() => [
       "su-checkbox-group",
       `su-checkbox-group--${t.size}`,
       `su-checkbox-group--${t.state}`,
@@ -3160,7 +3157,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-checkbox-option--selected": c.value.includes(h.value),
         "su-checkbox-option--disabled": h.disabled || t.disabled
       }
-    ], y = n(() => {
+    ], y = r(() => {
       const h = {
         role: "group"
       };
@@ -3194,7 +3191,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         style: te({ maxHeight: a.maxHeight || void 0, overflowY: a.maxHeight ? "auto" : void 0 })
       }, [
         h.$slots.before ? (l(), o("div", Gl, [
-          Y(h.$slots, "before")
+          N(h.$slots, "before")
         ])) : x("", !0),
         (l(!0), o(_, null, ue(a.options, (D) => (l(), o("label", {
           key: D.value,
@@ -3238,7 +3235,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         ], 10, Zl))), 128))
       ], 4),
       h.$slots.after ? (l(), o("div", Ql, [
-        Y(h.$slots, "after")
+        N(h.$slots, "after")
       ])) : x("", !0)
     ], 16));
   }
@@ -3256,7 +3253,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   key: 2,
   class: "su-file-upload-spinner",
   "aria-hidden": "true"
-}, ps = ["aria-label", "onClick"], gs = ["aria-valuenow", "aria-label"], ks = /* @__PURE__ */ N({
+}, ps = ["aria-label", "onClick"], gs = ["aria-valuenow", "aria-label"], ks = /* @__PURE__ */ Y({
   __name: "FileUpload",
   props: /* @__PURE__ */ J({
     value: {},
@@ -3294,7 +3291,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "upload", "remove", "error", "focus", "blur"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = T(), c = T(), u = T(!1), f = T(0), y = n(() => $.id || void 0), w = n(() => Array.isArray(i.value) ? i.value : []), k = n(() => [
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = T(), c = T(), u = T(!1), f = T(0), y = r(() => $.id || void 0), w = r(() => Array.isArray(i.value) ? i.value : []), k = r(() => [
       "su-file-upload-container",
       `su-file-upload-container--${e.variant}`,
       `su-file-upload-container--${e.size}`,
@@ -3305,7 +3302,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-file-upload-container--dragging": u.value,
         "su-file-upload-container--has-files": w.value.length > 0
       }
-    ]), R = n(() => [
+    ]), R = r(() => [
       "su-file-upload-dropzone",
       `su-file-upload-dropzone--${e.variant}`,
       `su-file-upload-dropzone--${e.size}`,
@@ -3315,7 +3312,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-file-upload-dropzone--readonly": e.readonly,
         "su-file-upload-dropzone--dragging": u.value
       }
-    ]), V = n(() => {
+    ]), V = r(() => {
       const z = {};
       if (e.ariaLabel && (z["aria-label"] = e.ariaLabel), e.ariaDescribedBy) {
         const C = [e.ariaDescribedBy].filter(Boolean).join(" ");
@@ -3326,7 +3323,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       if (z === 0) return "0 B";
       const C = 1024, S = ["B", "KB", "MB", "GB"], Z = Math.floor(Math.log(z) / Math.log(C));
       return parseFloat((z / Math.pow(C, Z)).toFixed(1)) + " " + S[Z];
-    }, h = (z) => z.type.startsWith("image/") ? Qe : Xe, M = (z) => `${z}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, D = (z) => z.type.startsWith("image/"), v = (z) => new Promise((C) => {
+    }, h = (z) => z.type.startsWith("image/") ? Je : Qe, M = (z) => `${z}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, D = (z) => z.type.startsWith("image/"), v = (z) => new Promise((C) => {
       if (!D(z)) {
         C("");
         return;
@@ -3349,14 +3346,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       const C = Array.from(z), S = w.value;
       if (e.maxFiles && S.length + C.length > e.maxFiles) {
         const G = `Nombre maximum de fichiers dépassé (${e.maxFiles})`;
-        r("error", G), ce(G, "assertive");
+        n("error", G), ce(G, "assertive");
         return;
       }
       const Z = [];
       for (const G of C) {
         const j = B(G);
         if (j) {
-          r("error", j, G), ce(j, "assertive");
+          n("error", j, G), ce(j, "assertive");
           continue;
         }
         const A = {
@@ -3377,14 +3374,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       }
       if (Z.length > 0) {
         const G = e.multiple ? [...S, ...Z] : Z;
-        i.value = G, r("change", G);
+        i.value = G, n("change", G);
         const j = Z.length === 1 ? `Fichier "${Z[0].name}" ajouté` : `${Z.length} fichiers ajoutés`;
-        ce(j), Z.forEach((A) => r("upload", A));
+        ce(j), Z.forEach((A) => n("upload", A));
       }
     }, P = (z) => {
       if (e.disabled || e.readonly) return;
       const C = w.value.filter((S) => S.id !== z.id);
-      i.value = C, r("change", C), r("remove", z), ce(`Fichier "${z.name}" supprimé`);
+      i.value = C, n("change", C), n("remove", z), ce(`Fichier "${z.name}" supprimé`);
     }, le = (z) => {
       const C = z.target;
       C.files && C.files.length > 0 && L(C.files), C.value = "";
@@ -3394,9 +3391,9 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     }, ie = (z) => {
       (z.key === "Enter" || z.key === " ") && (z.preventDefault(), ne());
     }, se = (z) => {
-      r("focus", z);
+      n("focus", z);
     }, H = (z) => {
-      r("blur", z);
+      n("blur", z);
     }, X = (z) => {
       z.preventDefault(), z.stopPropagation(), !(e.disabled || e.readonly) && (f.value++, f.value === 1 && (u.value = !0));
     }, E = (z) => {
@@ -3416,7 +3413,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         (z = c.value) == null || z.focus();
       },
       clear: () => {
-        e.disabled || e.readonly || (i.value = [], r("change", []), ce("Tous les fichiers ont été supprimés"));
+        e.disabled || e.readonly || (i.value = [], n("change", []), ce("Tous les fichiers ont été supprimés"));
       },
       fileInputRef: b,
       dropZoneRef: c
@@ -3453,7 +3450,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         onDragover: ae,
         onDrop: fe
       }, [
-        re(oe(Ye), {
+        re(oe(Xe), {
           class: K(["su-file-upload-icon", { "su-file-upload-icon--dragging": u.value }]),
           "aria-hidden": "true"
         }, null, 8, ["class"]),
@@ -3582,7 +3579,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       ], 8, ns)) : x("", !0)
     ], 2));
   }
-}), xs = ["id", "tabindex"], $s = { class: "su-switch-track" }, ws = { class: "su-switch-thumb" }, Bs = { class: "su-switch-indicator" }, oa = /* @__PURE__ */ N({
+}), xs = ["id", "tabindex"], $s = { class: "su-switch-track" }, ws = { class: "su-switch-thumb" }, Bs = { class: "su-switch-indicator" }, oa = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Switch",
   props: /* @__PURE__ */ J({
@@ -3610,7 +3607,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "focus", "blur", "keydown"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = n(() => $.id || void 0), c = T(), u = n(() => [
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = r(() => $.id || void 0), c = T(), u = r(() => [
       "su-switch-container",
       `su-switch-container--${e.size}`,
       `su-switch-container--${e.state}`,
@@ -3620,7 +3617,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-switch-container--has-labels": e.leftLabel || e.rightLabel,
         "su-switch-container--centered": e.leftLabel && e.rightLabel
       }
-    ]), f = n(() => [
+    ]), f = r(() => [
       "su-switch",
       `su-switch--${e.size}`,
       `su-switch--${e.state}`,
@@ -3629,7 +3626,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-switch--disabled": e.disabled,
         "su-switch--readonly": e.readonly
       }
-    ]), y = n(() => {
+    ]), y = r(() => {
       const p = {
         role: "switch",
         "aria-checked": i.value
@@ -3638,10 +3635,10 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     }), w = () => {
       if (e.disabled || e.readonly) return;
       const p = !i.value;
-      i.value = p, r("change", p);
+      i.value = p, n("change", p);
     }, k = (p) => {
-      ["Enter", " "].includes(p.key) && (p.preventDefault(), w()), r("keydown", p);
-    }, R = (p) => r("focus", p), V = (p) => r("blur", p);
+      ["Enter", " "].includes(p.key) && (p.preventDefault(), w()), n("keydown", p);
+    }, R = (p) => n("focus", p), V = (p) => n("blur", p);
     return s({
       switchRef: c,
       handleToggle: w
@@ -3711,7 +3708,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
 }, Ps = { class: "su-slider-mark-label" }, Es = ["id", "tabindex"], Ts = ["id", "tabindex"], Hs = {
   key: 2,
   class: "su-slider-after"
-}, Ks = /* @__PURE__ */ N({
+}, Ks = /* @__PURE__ */ Y({
   __name: "Slider",
   props: /* @__PURE__ */ J({
     min: { default: 0 },
@@ -3746,14 +3743,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "input", "focus", "blur", "keydown"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = T(), c = T(), u = T(), f = T(), y = T(!1), w = T(null), k = T(!1), R = T(!1), V = "slider-" + he(), p = n(() => $.id || V), h = n(() => Array.isArray(i.value)), M = n({
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = T(), c = T(), u = T(), f = T(), y = T(!1), w = T(null), k = T(!1), R = T(!1), V = "slider-" + he(), p = r(() => $.id || V), h = r(() => Array.isArray(i.value)), M = r({
       get() {
         return i.value === void 0 || i.value === null ? e.min : i.value;
       },
       set(m) {
-        i.value = m, r("change", m), r("input", m);
+        i.value = m, n("change", m), n("input", m);
       }
-    }), D = n(() => h.value ? M.value[0] : M.value), v = n(() => h.value ? M.value[1] : M.value), B = (m) => e.formatValue ? e.formatValue(m) : m.toString(), L = n(() => (D.value - e.min) / (e.max - e.min) * 100), P = n(() => (v.value - e.min) / (e.max - e.min) * 100), le = n(() => [
+    }), D = r(() => h.value ? M.value[0] : M.value), v = r(() => h.value ? M.value[1] : M.value), B = (m) => e.formatValue ? e.formatValue(m) : m.toString(), L = r(() => (D.value - e.min) / (e.max - e.min) * 100), P = r(() => (v.value - e.min) / (e.max - e.min) * 100), le = r(() => [
       "su-slider-container",
       `su-slider-container--${e.size}`,
       `su-slider-container--${e.state}`,
@@ -3764,7 +3761,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-slider-container--dual": h.value,
         "su-slider-container--dragging": y.value
       }
-    ]), ne = n(() => [
+    ]), ne = r(() => [
       "su-slider-track",
       `su-slider-track--${e.size}`,
       `su-slider-track--${e.state}`,
@@ -3856,23 +3853,23 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         default:
           return;
       }
-      ae(O, g), r("keydown", m);
+      ae(O, g), n("keydown", m);
     }, z = (m, g = "min") => {
-      e.tooltip !== "none" && (g === "min" ? k.value = !0 : R.value = !0), r("focus", m);
+      e.tooltip !== "none" && (g === "min" ? k.value = !0 : R.value = !0), n("focus", m);
     }, C = (m, g = "min") => {
-      e.tooltip !== "none" && (g === "min" ? k.value = !1 : R.value = !1), r("blur", m);
+      e.tooltip !== "none" && (g === "min" ? k.value = !1 : R.value = !1), n("blur", m);
     }, S = (m = "min") => {
       e.tooltip !== "none" && !e.disabled && (m === "min" ? k.value = !0 : R.value = !0);
     }, Z = (m = "min") => {
       e.tooltip !== "none" && (m === "min" ? k.value = !1 : R.value = !1);
-    }, G = n(() => {
+    }, G = r(() => {
       if (!e.showTicks) return [];
       const m = Math.min(21, (e.max - e.min) / e.step + 1), g = (e.max - e.min) / (m - 1);
       return Array.from({ length: m }, (I, O) => {
         const q = e.min + O * g, me = (q - e.min) / (e.max - e.min) * 100;
         return { value: X(q), percent: me };
       });
-    }), j = n(() => !e.marks || e.marks.length === 0 ? [] : e.marks.filter((m) => m >= e.min && m <= e.max).map((m) => {
+    }), j = r(() => !e.marks || e.marks.length === 0 ? [] : e.marks.filter((m) => m >= e.min && m <= e.max).map((m) => {
       const g = (m - e.min) / (e.max - e.min) * 100;
       return { value: m, percent: g };
     }));
@@ -3888,7 +3885,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       class: K(le.value)
     }, [
       m.$slots.before ? (l(), o("div", Cs, [
-        Y(m.$slots, "before")
+        N(m.$slots, "before")
       ])) : x("", !0),
       a.showLabels ? (l(), o("div", Is, [
         d("span", Ls, F(B(a.min)), 1),
@@ -3993,69 +3990,92 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         ], 512)
       ]),
       m.$slots.after ? (l(), o("div", Hs, [
-        Y(m.$slots, "after")
+        N(m.$slots, "after")
       ])) : x("", !0)
     ], 2));
   }
-}), Os = { class: "su-form-field-wrapper" }, js = ["for"], Us = {
+}), Os = ["for"], js = {
   key: 0,
   class: "su-indicator-required",
   "aria-label": "requis"
-}, Gs = ["id"], ge = /* @__PURE__ */ N({
+}, Us = ["id"], ge = /* @__PURE__ */ Y({
   __name: "FormField",
   props: {
     fieldId: {},
     label: {},
     message: { default: "" },
+    size: { default: "md" },
     state: { default: "default" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const s = a, t = de(), e = "su-form-field-" + he(), i = n(() => t.id || s.fieldId || e), r = n(() => s.message ? `${i.value}-message` : void 0), $ = n(() => {
+    const s = a, t = de(), e = "su-form-field-" + he(), i = r(() => t.id || s.fieldId || e), n = r(() => s.message ? `${i.value}-message` : void 0), $ = r(() => {
       const u = {};
       return s.state === "error" ? u["aria-live"] = "assertive" : (s.state === "success" || s.state === "warning") && (u["aria-live"] = "polite"), u;
-    }), b = n(() => [
-      "su-form-field-message",
-      `su-form-field-message--${s.state}`
-    ]), c = n(() => [
-      "su-form-field-label",
+    }), b = r(() => [
+      "su-form-field__message",
+      `su-form-field__message--${s.state}`
+    ]), c = r(() => [
+      "su-form-field__label",
       {
-        "su-form-field-label--required": s.required,
-        "su-form-field-label--disabled": s.disabled
+        "su-form-field__label--required": s.required,
+        "su-form-field__label--disabled": s.disabled
       }
     ]);
-    return (u, f) => (l(), o("div", Os, [
-      a.label ? (l(), o("label", {
-        key: 0,
-        for: i.value,
-        class: K(c.value)
-      }, [
-        xe(F(a.label) + " ", 1),
-        a.required ? (l(), o("span", Us, "*")) : x("", !0)
-      ], 10, js)) : x("", !0),
-      Y(u.$slots, "default", {
+    return (u, f) => (l(), o("div", {
+      class: K(["su-form-field", `su-form-field--${s.size}`])
+    }, [
+      N(u.$slots, "label", {
+        label: a.label,
         fieldId: i.value,
-        messageId: r.value
+        state: a.state,
+        size: a.size,
+        required: a.required,
+        disabled: a.disabled
+      }, () => [
+        a.label ? (l(), o("label", {
+          key: 0,
+          for: i.value,
+          class: K(c.value)
+        }, [
+          xe(F(a.label) + " ", 1),
+          a.required ? (l(), o("span", js, "*")) : x("", !0)
+        ], 10, Os)) : x("", !0)
+      ]),
+      N(u.$slots, "default", {
+        fieldId: i.value,
+        messageId: n.value,
+        state: a.state,
+        size: a.size,
+        required: a.required,
+        disabled: a.disabled
       }),
-      a.message ? (l(), o("div", Q({
-        key: 1,
-        id: r.value,
-        class: b.value
-      }, $.value), F(a.message), 17, Gs)) : x("", !0)
-    ]));
+      N(u.$slots, "message", {
+        message: a.message,
+        messageId: n.value,
+        state: a.state,
+        size: a.size
+      }, () => [
+        a.message ? (l(), o("div", Q({
+          key: 0,
+          id: n.value,
+          class: b.value
+        }, $.value), F(a.message), 17, Us)) : x("", !0)
+      ])
+    ], 2));
   }
-}), Ke = /* @__PURE__ */ N({
+}), Oe = /* @__PURE__ */ Y({
   __name: "InputField",
   props: /* @__PURE__ */ J({
     fieldId: {},
     label: {},
     message: {},
+    size: { default: "md" },
     state: { default: "default" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     type: { default: "text" },
-    size: { default: "md" },
     readonly: { type: Boolean, default: !1 },
     placeholder: {},
     prefix: {},
@@ -4086,10 +4106,10 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   emits: /* @__PURE__ */ J(["input", "change", "focus", "blur", "keydown", "keyup", "prefix-click", "prefix-icon-click", "suffix-click", "suffix-icon-click"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
     var D;
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = "input-" + he(), c = n(() => $.id || b), u = n(() => {
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = "input-" + he(), c = r(() => $.id || b), u = r(() => {
       const { label: v, message: B, ...L } = e;
       return L;
-    }), f = (v) => r("input", v), y = (v) => r("change", v), w = (v) => r("focus", v), k = (v) => r("blur", v), R = (v) => r("keydown", v), V = (v) => r("keyup", v), p = T();
+    }), f = (v) => n("input", v), y = (v) => n("change", v), w = (v) => n("focus", v), k = (v) => n("blur", v), R = (v) => n("keydown", v), V = (v) => n("keyup", v), p = T();
     return s({
       focus: () => {
         var v;
@@ -4130,11 +4150,11 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       _: 1
     }, 8, ["label", "message", "state", "required", "disabled"]));
   }
-}), Zs = { class: "su-password-wrapper" }, Ws = {
+}), Gs = { class: "su-password-wrapper" }, Zs = {
   class: "sr-only",
   "aria-live": "polite",
   "aria-atomic": !0
-}, Ns = { key: 0 }, Ys = /* @__PURE__ */ N({
+}, Ws = { key: 0 }, Ns = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Password",
   props: /* @__PURE__ */ J({
@@ -4179,7 +4199,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["validation", "input", "change", "focus", "blur", "keydown", "keyup", "toggle-visibility"], ["update:modelValue"]),
   setup(a, { emit: s }) {
-    const t = a, e = s, i = ye(a, "modelValue"), r = T(!1), $ = n(() => r.value ? "text" : "password"), b = n(() => r.value ? st : it), c = (v) => {
+    const t = a, e = s, i = ye(a, "modelValue"), n = T(!1), $ = r(() => n.value ? "text" : "password"), b = r(() => n.value ? st : it), c = (v) => {
       const B = t.rules || {}, L = v.length, P = (v.match(/[A-Z]/g) || []).length, le = (v.match(/[a-z]/g) || []).length, ne = (v.match(/[0-9]/g) || []).length, ie = (v.match(/[^A-Za-z0-9]/g) || []).length, se = {
         length: {
           required: B.minLength || 0,
@@ -4219,7 +4239,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         unsatisfied: X,
         details: se
       };
-    }, u = n(() => c(i.value || "")), f = n(() => t.state !== "default" ? t.state : i.value ? u.value.isValid ? "success" : u.value.score < 25 ? "error" : u.value.score < 75 ? "warning" : "default" : "default"), y = n(() => ({
+    }, u = r(() => c(i.value || "")), f = r(() => t.state !== "default" ? t.state : i.value ? u.value.isValid ? "success" : u.value.score < 25 ? "error" : u.value.score < 75 ? "warning" : "default" : "default"), y = r(() => ({
       empty: "#d1d5db",
       // gris
       weak: "#ef4444",
@@ -4231,7 +4251,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       strong: "#10b981"
       // vert
     })[u.value.progressState || "empty"]), w = () => {
-      t.disabled || t.readonly || (r.value = !r.value, e("toggle-visibility", r.value));
+      t.disabled || t.readonly || (n.value = !n.value, e("toggle-visibility", n.value));
     }, k = () => {
       w();
     }, R = (v) => {
@@ -4249,8 +4269,8 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     };
     return $e(u, (v) => {
       e("validation", v);
-    }, { immediate: !0 }), (v, B) => (l(), o("div", Zs, [
-      re(Ke, {
+    }, { immediate: !0 }), (v, B) => (l(), o("div", Gs, [
+      re(Oe, {
         modelValue: i.value,
         "onUpdate:modelValue": B[0] || (B[0] = (L) => i.value = L),
         type: $.value,
@@ -4280,7 +4300,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         onKeyup: D,
         onSuffixIconClick: k
       }, null, 8, ["modelValue", "type", "size", "state", "disabled", "readonly", "required", "placeholder", "prefix", "prefix-icon", "suffix-icon", "text-align", "aria-label", "aria-described-by", "aria-invalid", "aria-required", "autocomplete", "min-length", "max-length", "pattern"]),
-      a.showProgress && i.value ? (l(), U(_e, {
+      a.showProgress && i.value ? (l(), U(ea, {
         key: 0,
         modelValue: u.value.score,
         "onUpdate:modelValue": B[1] || (B[1] = (L) => u.value.score = L),
@@ -4288,7 +4308,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         color: y.value,
         "aria-label": `Force du mot de passe : ${u.value.score}%`
       }, null, 8, ["modelValue", "color", "aria-label"])) : x("", !0),
-      Y(v.$slots, "default", {
+      N(v.$slots, "default", {
         validation: u.value,
         isValid: u.value.isValid,
         score: u.value.score,
@@ -4296,21 +4316,21 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         unsatisfied: u.value.unsatisfied,
         details: u.value.details
       }),
-      d("div", Ws, [
-        i.value ? (l(), o("span", Ns, " Mot de passe " + F(u.value.isValid ? "valide" : "invalide") + ". Force : " + F(u.value.score) + "%. " + F(u.value.satisfied.length) + " règle(s) respectée(s), " + F(u.value.unsatisfied.length) + " règle(s) non respectée(s). ", 1)) : x("", !0)
+      d("div", Zs, [
+        i.value ? (l(), o("span", Ws, " Mot de passe " + F(u.value.isValid ? "valide" : "invalide") + ". Force : " + F(u.value.score) + "%. " + F(u.value.satisfied.length) + " règle(s) respectée(s), " + F(u.value.unsatisfied.length) + " règle(s) non respectée(s). ", 1)) : x("", !0)
       ])
     ]));
   }
-}), na = /* @__PURE__ */ N({
+}), na = /* @__PURE__ */ Y({
   __name: "TextareaField",
   props: /* @__PURE__ */ J({
     fieldId: {},
     label: {},
     message: {},
+    size: { default: "md" },
     state: { default: "default" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    size: { default: "md" },
     readonly: { type: Boolean, default: !1 },
     placeholder: {},
     value: {},
@@ -4339,10 +4359,10 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   emits: /* @__PURE__ */ J(["input", "change", "focus", "blur", "keydown", "keyup"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
     var D;
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = "textarea-" + he(), c = n(() => $.id || b), u = n(() => {
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = "textarea-" + he(), c = r(() => $.id || b), u = r(() => {
       const { label: v, message: B, value: L, ...P } = e;
       return P;
-    }), f = (v) => r("input", v), y = (v) => r("change", v), w = (v) => r("focus", v), k = (v) => r("blur", v), R = (v) => r("keydown", v), V = (v) => r("keyup", v), p = T();
+    }), f = (v) => n("input", v), y = (v) => n("change", v), w = (v) => n("focus", v), k = (v) => n("blur", v), R = (v) => n("keydown", v), V = (v) => n("keyup", v), p = T();
     return s({
       focus: () => {
         var v;
@@ -4380,12 +4400,13 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       _: 1
     }, 8, ["field-id", "label", "message", "state", "required", "disabled"]));
   }
-}), ra = /* @__PURE__ */ N({
+}), ra = /* @__PURE__ */ Y({
   __name: "SelectBoxField",
   props: /* @__PURE__ */ J({
     fieldId: {},
     label: {},
     message: {},
+    size: { default: "md" },
     state: { default: "default" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
@@ -4394,7 +4415,6 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     multiple: { type: Boolean, default: !1 },
     searchable: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !1 },
-    size: { default: "md" },
     readonly: { type: Boolean, default: !1 },
     placeholder: { default: "Sélectionnez une option..." },
     searchPlaceholder: { default: "Rechercher..." },
@@ -4402,7 +4422,6 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     noResultsText: { default: "Aucun résultat trouvé" },
     maxHeight: { default: "200px" },
     textAlign: { default: "left" },
-    dir: { default: "auto" },
     ariaInvalid: { type: Boolean },
     ariaRequired: { type: Boolean },
     maxSelectedItems: { default: void 0 },
@@ -4422,7 +4441,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   emits: /* @__PURE__ */ J(["change", "open", "close", "search", "focus", "blur"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
     var R, V;
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = "selectbox-" + he(), c = n(() => $.id || b), u = n(() => {
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = "selectbox-" + he(), c = r(() => $.id || b), u = r(() => {
       const { label: p, message: h, ...M } = e;
       return M;
     }), f = T();
@@ -4458,29 +4477,29 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           "onUpdate:modelValue": h[0] || (h[0] = (v) => i.value = v),
           "aria-describedby": D
         }, { ...u.value }, {
-          onChange: h[1] || (h[1] = (v) => r("change", v)),
-          onOpen: h[2] || (h[2] = (v) => r("open")),
-          onClose: h[3] || (h[3] = (v) => r("close")),
-          onSearch: h[4] || (h[4] = (v) => r("search", v)),
-          onFocus: h[5] || (h[5] = (v) => r("focus", v)),
-          onBlur: h[6] || (h[6] = (v) => r("blur", v))
+          onChange: h[1] || (h[1] = (v) => n("change", v)),
+          onOpen: h[2] || (h[2] = (v) => n("open")),
+          onClose: h[3] || (h[3] = (v) => n("close")),
+          onSearch: h[4] || (h[4] = (v) => n("search", v)),
+          onFocus: h[5] || (h[5] = (v) => n("focus", v)),
+          onBlur: h[6] || (h[6] = (v) => n("blur", v))
         }), null, 16, ["id", "modelValue", "aria-describedby"])
       ]),
       _: 1
     }, 8, ["field-id", "label", "message", "state", "required", "disabled"]));
   }
-}), ua = /* @__PURE__ */ N({
+}), ua = /* @__PURE__ */ Y({
   __name: "RadioGroupField",
   props: /* @__PURE__ */ J({
     fieldId: {},
     label: {},
     message: {},
+    size: { default: "md" },
     state: { default: "default" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     options: { default: () => [] },
     name: {},
-    size: { default: "md" },
     displayType: { default: "default" },
     direction: { default: "vertical" },
     maxHeight: { default: null },
@@ -4499,7 +4518,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "focus", "blur"], ["update:modelValue"]),
   setup(a, { emit: s }) {
-    const t = a, e = ye(a, "modelValue"), i = s, r = de(), $ = "radio-group-" + he(), b = n(() => r.id || $), c = n(() => {
+    const t = a, e = ye(a, "modelValue"), i = s, n = de(), $ = "radio-group-" + he(), b = r(() => n.id || $), c = r(() => {
       const { label: w, message: k, ...R } = t;
       return R;
     }), u = (w) => {
@@ -4531,17 +4550,17 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       _: 1
     }, 8, ["field-id", "label", "message", "state", "required", "disabled"]));
   }
-}), da = /* @__PURE__ */ N({
+}), da = /* @__PURE__ */ Y({
   __name: "CheckboxGroupField",
   props: /* @__PURE__ */ J({
     fieldId: {},
     label: {},
     message: {},
+    size: { default: "md" },
     state: { default: "default" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     options: { default: () => [] },
-    size: { default: "md" },
     displayType: { default: "default" },
     direction: { default: "vertical" },
     maxSelections: {},
@@ -4561,12 +4580,12 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "focus", "blur"], ["update:modelValue"]),
   setup(a) {
-    const s = a, t = ye(a, "modelValue"), e = de(), i = "checkbox-group-" + he(), r = n(() => e.id || i), $ = n(() => {
+    const s = a, t = ye(a, "modelValue"), e = de(), i = "checkbox-group-" + he(), n = r(() => e.id || i), $ = r(() => {
       const { label: b, message: c, ...u } = s;
       return u;
     });
     return (b, c) => (l(), U(ge, {
-      "field-id": r.value,
+      "field-id": n.value,
       label: a.label,
       message: a.message,
       state: a.state,
@@ -4587,12 +4606,13 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       _: 1
     }, 8, ["field-id", "label", "message", "state", "required", "disabled"]));
   }
-}), ca = /* @__PURE__ */ N({
+}), ca = /* @__PURE__ */ Y({
   __name: "SwitchField",
   props: /* @__PURE__ */ J({
     fieldId: {},
     label: {},
     message: {},
+    size: { default: "md" },
     state: { default: "default" },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
@@ -4600,7 +4620,6 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     rightLabel: {},
     leftIcon: {},
     rightIcon: {},
-    size: { default: "md" },
     readonly: { type: Boolean, default: !1 },
     ariaLabel: {},
     ariaLabelledBy: {},
@@ -4617,7 +4636,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "focus", "blur", "keydown"], ["update:modelValue"]),
   setup(a, { emit: s }) {
-    const t = a, e = ye(a, "modelValue"), i = s, r = de(), $ = "switch-" + he(), b = n(() => r.id || $), c = n(() => {
+    const t = a, e = ye(a, "modelValue"), i = s, n = de(), $ = "switch-" + he(), b = r(() => n.id || $), c = r(() => {
       const { label: u, message: f, ...y } = t;
       return y;
     });
@@ -4645,31 +4664,31 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       _: 1
     }, 8, ["field-id", "label", "message", "state", "required", "disabled"]));
   }
-}), Xs = {
+}), Ys = {
   key: 0,
   class: "su-slider__before"
-}, Qs = {
+}, Xs = {
   key: 1,
   class: "su-slider__labels"
-}, Js = { class: "su-slider-label su-slider-label--min" }, _s = { class: "su-slider-label su-slider-label--max" }, ei = { class: "su-slider__wrapper" }, ai = {
+}, Qs = { class: "su-slider-label su-slider-label--min" }, Js = { class: "su-slider-label su-slider-label--max" }, _s = { class: "su-slider__wrapper" }, ei = {
   key: 0,
   class: "su-slider-value"
-}, ti = {
+}, ai = {
   key: 0,
   class: "su-slider-value-display"
-}, li = {
+}, ti = {
   key: 1,
   class: "su-slider-value-dual"
-}, si = { class: "su-slider-value-min" }, ii = { class: "su-slider-value-max" }, oi = ["aria-describedby"], ni = {
+}, li = { class: "su-slider-value-min" }, si = { class: "su-slider-value-max" }, ii = ["aria-describedby"], oi = {
   key: 0,
   class: "su-slider-ticks"
-}, ri = {
+}, ni = {
   key: 1,
   class: "su-slider-marks"
-}, ui = { class: "su-slider-mark-label" }, di = ["id", "tabindex"], ci = ["id", "tabindex"], fi = {
+}, ri = { class: "su-slider-mark-label" }, ui = ["id", "tabindex"], di = ["id", "tabindex"], ci = {
   key: 2,
   class: "su-slider__after"
-}, fa = /* @__PURE__ */ N({
+}, fa = /* @__PURE__ */ Y({
   __name: "SliderField",
   props: /* @__PURE__ */ J({
     min: { default: 0 },
@@ -4704,14 +4723,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "input", "focus", "blur", "keydown"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = T(), c = T(), u = T(), f = T(), y = T(!1), w = T(null), k = T(!1), R = T(!1), V = "slider-" + he(), p = n(() => $.id || V), h = n(() => Array.isArray(i.value)), M = n({
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = T(), c = T(), u = T(), f = T(), y = T(!1), w = T(null), k = T(!1), R = T(!1), V = "slider-" + he(), p = r(() => $.id || V), h = r(() => Array.isArray(i.value)), M = r({
       get() {
         return i.value === void 0 || i.value === null ? e.min : i.value;
       },
       set(m) {
-        i.value = m, r("change", m), r("input", m);
+        i.value = m, n("change", m), n("input", m);
       }
-    }), D = n(() => h.value ? M.value[0] : M.value), v = n(() => h.value ? M.value[1] : M.value), B = (m) => e.formatValue ? e.formatValue(m) : m.toString(), L = n(() => (D.value - e.min) / (e.max - e.min) * 100), P = n(() => (v.value - e.min) / (e.max - e.min) * 100), le = n(() => [
+    }), D = r(() => h.value ? M.value[0] : M.value), v = r(() => h.value ? M.value[1] : M.value), B = (m) => e.formatValue ? e.formatValue(m) : m.toString(), L = r(() => (D.value - e.min) / (e.max - e.min) * 100), P = r(() => (v.value - e.min) / (e.max - e.min) * 100), le = r(() => [
       "su-slider__container",
       `su-slider__container--${e.size}`,
       `su-slider__container--${e.state}`,
@@ -4722,7 +4741,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-slider__container--dual": h.value,
         "su-slider__container--dragging": y.value
       }
-    ]), ne = n(() => [
+    ]), ne = r(() => [
       "su-slider-track",
       `su-slider-track--${e.size}`,
       `su-slider-track--${e.state}`,
@@ -4814,23 +4833,23 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         default:
           return;
       }
-      ae(O, g), r("keydown", m);
+      ae(O, g), n("keydown", m);
     }, z = (m, g = "min") => {
-      e.tooltip !== "none" && (g === "min" ? k.value = !0 : R.value = !0), r("focus", m);
+      e.tooltip !== "none" && (g === "min" ? k.value = !0 : R.value = !0), n("focus", m);
     }, C = (m, g = "min") => {
-      e.tooltip !== "none" && (g === "min" ? k.value = !1 : R.value = !1), r("blur", m);
+      e.tooltip !== "none" && (g === "min" ? k.value = !1 : R.value = !1), n("blur", m);
     }, S = (m = "min") => {
       e.tooltip !== "none" && !e.disabled && (m === "min" ? k.value = !0 : R.value = !0);
     }, Z = (m = "min") => {
       e.tooltip !== "none" && (m === "min" ? k.value = !1 : R.value = !1);
-    }, G = n(() => {
+    }, G = r(() => {
       if (!e.showTicks) return [];
       const m = Math.min(21, (e.max - e.min) / e.step + 1), g = (e.max - e.min) / (m - 1);
       return Array.from({ length: m }, (I, O) => {
         const q = e.min + O * g, me = (q - e.min) / (e.max - e.min) * 100;
         return { value: X(q), percent: me };
       });
-    }), j = n(() => !e.marks || e.marks.length === 0 ? [] : e.marks.filter((m) => m >= e.min && m <= e.max).map((m) => {
+    }), j = r(() => !e.marks || e.marks.length === 0 ? [] : e.marks.filter((m) => m >= e.min && m <= e.max).map((m) => {
       const g = (m - e.min) / (e.max - e.min) * 100;
       return { value: m, percent: g };
     }));
@@ -4854,20 +4873,20 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         d("div", {
           class: K(["su-slider", le.value])
         }, [
-          m.$slots.before ? (l(), o("div", Xs, [
-            Y(m.$slots, "before")
+          m.$slots.before ? (l(), o("div", Ys, [
+            N(m.$slots, "before")
           ])) : x("", !0),
-          a.showLabels ? (l(), o("div", Qs, [
-            d("span", Js, F(B(a.min)), 1),
-            d("span", _s, F(B(a.max)), 1)
+          a.showLabels ? (l(), o("div", Xs, [
+            d("span", Qs, F(B(a.min)), 1),
+            d("span", Js, F(B(a.max)), 1)
           ])) : x("", !0),
-          d("div", ei, [
-            a.showValue && a.tooltip === "none" ? (l(), o("div", ai, [
-              h.value ? (l(), o("div", li, [
-                d("span", si, F(B(D.value)), 1),
+          d("div", _s, [
+            a.showValue && a.tooltip === "none" ? (l(), o("div", ei, [
+              h.value ? (l(), o("div", ti, [
+                d("span", li, F(B(D.value)), 1),
                 g[12] || (g[12] = d("span", { class: "su-slider-value-separator" }, "-", -1)),
-                d("span", ii, F(B(v.value)), 1)
-              ])) : (l(), o("span", ti, F(B(D.value)), 1))
+                d("span", si, F(B(v.value)), 1)
+              ])) : (l(), o("span", ai, F(B(D.value)), 1))
             ])) : x("", !0),
             d("div", {
               ref_key: "sliderRef",
@@ -4888,7 +4907,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                     [a.orientation === "horizontal" ? "width" : "height"]: `${h.value ? Math.abs(P.value - L.value) : Math.abs(L.value)}%`
                   })
                 }, null, 4),
-                a.showTicks ? (l(), o("div", ni, [
+                a.showTicks ? (l(), o("div", oi, [
                   (l(!0), o(_, null, ue(G.value, (q) => (l(), o("div", {
                     key: q.value,
                     class: "su-slider-tick",
@@ -4897,7 +4916,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                     })
                   }, null, 4))), 128))
                 ])) : x("", !0),
-                j.value.length > 0 ? (l(), o("div", ri, [
+                j.value.length > 0 ? (l(), o("div", ni, [
                   (l(!0), o(_, null, ue(j.value, (q) => (l(), o("div", {
                     key: q.value,
                     class: "su-slider-mark",
@@ -4906,7 +4925,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                     })
                   }, [
                     g[13] || (g[13] = d("div", { class: "su-slider-mark-dot" }, null, -1)),
-                    d("div", ui, F(B(q.value)), 1)
+                    d("div", ri, F(B(q.value)), 1)
                   ], 4))), 128))
                 ])) : x("", !0),
                 d("div", Q({
@@ -4931,7 +4950,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                     key: 0,
                     class: K(["su-slider-tooltip", `su-slider-tooltip--${a.tooltip}`])
                   }, F(B(D.value)), 3)) : x("", !0)
-                ], 16, di),
+                ], 16, ui),
                 h.value ? (l(), o("div", Q({
                   key: 2,
                   id: `${I}-max`,
@@ -4955,33 +4974,33 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                     key: 0,
                     class: K(["su-slider-tooltip", `su-slider-tooltip--${a.tooltip}`])
                   }, F(B(v.value)), 3)) : x("", !0)
-                ], 16, ci)) : x("", !0)
+                ], 16, di)) : x("", !0)
               ], 2)
-            ], 8, oi)
+            ], 8, ii)
           ]),
-          m.$slots.after ? (l(), o("div", fi, [
-            Y(m.$slots, "after")
+          m.$slots.after ? (l(), o("div", ci, [
+            N(m.$slots, "after")
           ])) : x("", !0)
         ], 2)
       ]),
       _: 3
     }, 8, ["field-id", "label", "message", "state", "required", "disabled"]));
   }
-}), vi = ["id", "accept", "multiple", "disabled", "required", "aria-describedby"], mi = ["tabindex", "aria-label", "aria-busy"], bi = {
+}), fi = ["id", "accept", "multiple", "disabled", "required", "aria-describedby"], vi = ["tabindex", "aria-label", "aria-busy"], mi = {
   key: 0,
   class: "su-file-upload-loading",
   "aria-hidden": "true"
-}, hi = { class: "su-file-upload-text" }, yi = { class: "su-file-upload-primary-text" }, pi = { class: "su-file-upload-secondary-text" }, gi = { key: 0 }, ki = { key: 0 }, xi = { key: 1 }, $i = ["aria-label"], wi = { class: "su-file-upload-item-preview" }, Bi = ["src", "alt"], Ci = { class: "su-file-upload-item-info" }, Ii = { class: "su-file-upload-item-name" }, Li = { class: "su-file-upload-item-details" }, zi = { class: "su-file-upload-item-size" }, Di = {
+}, bi = { class: "su-file-upload-text" }, hi = { class: "su-file-upload-primary-text" }, yi = { class: "su-file-upload-secondary-text" }, pi = { key: 0 }, gi = { key: 0 }, ki = { key: 1 }, xi = ["aria-label"], $i = { class: "su-file-upload-item-preview" }, wi = ["src", "alt"], Bi = { class: "su-file-upload-item-info" }, Ci = { class: "su-file-upload-item-name" }, Ii = { class: "su-file-upload-item-details" }, Li = { class: "su-file-upload-item-size" }, zi = {
   key: 0,
   class: "su-file-upload-item-progress"
-}, Vi = {
+}, Di = {
   key: 1,
   class: "su-file-upload-item-error"
-}, Mi = { class: "su-file-upload-item-status" }, qi = {
+}, Vi = { class: "su-file-upload-item-status" }, Mi = {
   key: 2,
   class: "su-file-upload-spinner",
   "aria-hidden": "true"
-}, Ri = ["aria-label", "onClick"], Ai = ["aria-valuenow", "aria-label"], va = /* @__PURE__ */ N({
+}, qi = ["aria-label", "onClick"], Ri = ["aria-valuenow", "aria-label"], va = /* @__PURE__ */ Y({
   __name: "FileUploadField",
   props: /* @__PURE__ */ J({
     variant: { default: "default" },
@@ -5018,7 +5037,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   }),
   emits: /* @__PURE__ */ J(["change", "upload", "remove", "error", "focus", "blur"], ["update:modelValue"]),
   setup(a, { expose: s, emit: t }) {
-    const e = a, i = ye(a, "modelValue"), r = t, $ = de(), b = T(), c = T(), u = T(!1), f = T(0), y = "file-upload-" + he(), w = n(() => $.id || y), k = n(() => Array.isArray(i.value) ? i.value : []), R = n(() => [
+    const e = a, i = ye(a, "modelValue"), n = t, $ = de(), b = T(), c = T(), u = T(!1), f = T(0), y = "file-upload-" + he(), w = r(() => $.id || y), k = r(() => Array.isArray(i.value) ? i.value : []), R = r(() => [
       "su-file-upload-container",
       `su-file-upload-container--${e.variant}`,
       `su-file-upload-container--${e.size}`,
@@ -5029,7 +5048,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-file-upload-container--dragging": u.value,
         "su-file-upload-container--has-files": k.value.length > 0
       }
-    ]), V = n(() => [
+    ]), V = r(() => [
       "su-file-upload-dropzone",
       `su-file-upload-dropzone--${e.variant}`,
       `su-file-upload-dropzone--${e.size}`,
@@ -5039,7 +5058,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         "su-file-upload-dropzone--readonly": e.readonly,
         "su-file-upload-dropzone--dragging": u.value
       }
-    ]), p = n(() => {
+    ]), p = r(() => {
       const C = {};
       if (e.ariaLabel && (C["aria-label"] = e.ariaLabel), e.ariaDescribedBy) {
         const S = [e.ariaDescribedBy].filter(Boolean).join(" ");
@@ -5050,7 +5069,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       if (C === 0) return "0 B";
       const S = 1024, Z = ["B", "KB", "MB", "GB"], G = Math.floor(Math.log(C) / Math.log(S));
       return parseFloat((C / Math.pow(S, G)).toFixed(1)) + " " + Z[G];
-    }, M = (C) => C.type.startsWith("image/") ? Qe : Xe, D = (C) => `${C}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, v = (C) => C.type.startsWith("image/"), B = (C) => new Promise((S) => {
+    }, M = (C) => C.type.startsWith("image/") ? Je : Qe, D = (C) => `${C}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, v = (C) => C.type.startsWith("image/"), B = (C) => new Promise((S) => {
       if (!v(C)) {
         S("");
         return;
@@ -5073,14 +5092,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       const S = Array.from(C), Z = k.value;
       if (e.maxFiles && Z.length + S.length > e.maxFiles) {
         const j = `Nombre maximum de fichiers dépassé (${e.maxFiles})`;
-        r("error", j), ce(j, "assertive");
+        n("error", j), ce(j, "assertive");
         return;
       }
       const G = [];
       for (const j of S) {
         const A = L(j);
         if (A) {
-          r("error", A, j), ce(A, "assertive");
+          n("error", A, j), ce(A, "assertive");
           continue;
         }
         const m = {
@@ -5101,14 +5120,14 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       }
       if (G.length > 0) {
         const j = e.multiple ? [...Z, ...G] : G;
-        i.value = j, r("change", j);
+        i.value = j, n("change", j);
         const A = G.length === 1 ? `Fichier "${G[0].name}" ajouté` : `${G.length} fichiers ajoutés`;
-        ce(A), G.forEach((m) => r("upload", m));
+        ce(A), G.forEach((m) => n("upload", m));
       }
     }, le = (C) => {
       if (e.disabled || e.readonly) return;
       const S = k.value.filter((Z) => Z.id !== C.id);
-      i.value = S, r("change", S), r("remove", C), ce(`Fichier "${C.name}" supprimé`);
+      i.value = S, n("change", S), n("remove", C), ce(`Fichier "${C.name}" supprimé`);
     }, ne = (C) => {
       const S = C.target;
       S.files && S.files.length > 0 && P(S.files), S.value = "";
@@ -5118,9 +5137,9 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
     }, se = (C) => {
       (C.key === "Enter" || C.key === " ") && (C.preventDefault(), ie());
     }, H = (C) => {
-      r("focus", C);
+      n("focus", C);
     }, X = (C) => {
-      r("blur", C);
+      n("blur", C);
     }, E = (C) => {
       C.preventDefault(), C.stopPropagation(), !(e.disabled || e.readonly) && (f.value++, f.value === 1 && (u.value = !0));
     }, ae = (C) => {
@@ -5140,7 +5159,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         (C = c.value) == null || C.focus();
       },
       clear: () => {
-        e.disabled || e.readonly || (i.value = [], r("change", []), ce("Tous les fichiers ont été supprimés"));
+        e.disabled || e.readonly || (i.value = [], n("change", []), ce("Tous les fichiers ont été supprimés"));
       },
       fileInputRef: b,
       dropZoneRef: c
@@ -5171,7 +5190,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
             onChange: ne,
             onFocus: H,
             onBlur: X
-          }), null, 16, vi),
+          }), null, 16, fi),
           d("div", {
             ref_key: "dropZoneRef",
             ref: c,
@@ -5187,11 +5206,11 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
             onDragover: fe,
             onDrop: W
           }, [
-            re(oe(Ye), {
+            re(oe(Xe), {
               class: K(["su-file-upload-icon", { "su-file-upload-icon--dragging": u.value }]),
               "aria-hidden": "true"
             }, null, 8, ["class"]),
-            a.loading ? (l(), o("div", bi, [...S[0] || (S[0] = [
+            a.loading ? (l(), o("div", mi, [...S[0] || (S[0] = [
               d("svg", {
                 class: "su-spinner",
                 viewBox: "0 0 24 24"
@@ -5213,17 +5232,17 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                 })
               ], -1)
             ])])) : x("", !0),
-            d("div", hi, [
-              d("p", yi, F(a.loading ? "Chargement..." : u.value ? a.dragText : a.placeholder), 1),
-              d("p", pi, [
+            d("div", bi, [
+              d("p", hi, F(a.loading ? "Chargement..." : u.value ? a.dragText : a.placeholder), 1),
+              d("p", yi, [
                 xe(F(a.loading ? "Veuillez patienter" : a.browseText) + " ", 1),
-                a.accept || a.maxSize ? (l(), o("span", gi, [
-                  a.accept ? (l(), o("span", ki, " • " + F(a.accept), 1)) : x("", !0),
-                  a.maxSize ? (l(), o("span", xi, " • Max " + F(h(a.maxSize)), 1)) : x("", !0)
+                a.accept || a.maxSize ? (l(), o("span", pi, [
+                  a.accept ? (l(), o("span", gi, " • " + F(a.accept), 1)) : x("", !0),
+                  a.maxSize ? (l(), o("span", ki, " • Max " + F(h(a.maxSize)), 1)) : x("", !0)
                 ])) : x("", !0)
               ])
             ])
-          ], 42, mi),
+          ], 42, vi),
           a.showFileList && k.value.length > 0 ? (l(), o("div", {
             key: 0,
             class: "su-file-upload-list",
@@ -5235,27 +5254,27 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
               class: K(["su-file-upload-item", `su-file-upload-item--${j.status}`]),
               role: "listitem"
             }, [
-              d("div", wi, [
+              d("div", $i, [
                 j.preview ? (l(), o("img", {
                   key: 0,
                   src: j.preview,
                   alt: `Aperçu de ${j.name}`,
                   class: "su-file-upload-preview-image"
-                }, null, 8, Bi)) : (l(), U(ee(M(j.file)), {
+                }, null, 8, wi)) : (l(), U(ee(M(j.file)), {
                   key: 1,
                   class: "su-file-upload-item-icon",
                   "aria-hidden": "true"
                 }))
               ]),
-              d("div", Ci, [
-                d("div", Ii, F(j.name), 1),
-                d("div", Li, [
-                  d("span", zi, F(h(j.size)), 1),
-                  j.status === "uploading" && j.progress !== void 0 ? (l(), o("span", Di, F(j.progress) + "% ", 1)) : x("", !0),
-                  j.error ? (l(), o("span", Vi, F(j.error), 1)) : x("", !0)
+              d("div", Bi, [
+                d("div", Ci, F(j.name), 1),
+                d("div", Ii, [
+                  d("span", Li, F(h(j.size)), 1),
+                  j.status === "uploading" && j.progress !== void 0 ? (l(), o("span", zi, F(j.progress) + "% ", 1)) : x("", !0),
+                  j.error ? (l(), o("span", Di, F(j.error), 1)) : x("", !0)
                 ])
               ]),
-              d("div", Mi, [
+              d("div", Vi, [
                 j.status === "success" ? (l(), U(oe(Ee), {
                   key: 0,
                   class: "su-file-upload-status-icon su-file-upload-status-icon--success",
@@ -5264,7 +5283,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                   key: 1,
                   class: "su-file-upload-status-icon su-file-upload-status-icon--error",
                   "aria-hidden": "true"
-                })) : j.status === "uploading" ? (l(), o("div", qi, [...S[1] || (S[1] = [
+                })) : j.status === "uploading" ? (l(), o("div", Mi, [...S[1] || (S[1] = [
                   d("svg", {
                     class: "su-spinner",
                     viewBox: "0 0 24 24"
@@ -5298,7 +5317,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                   class: "su-file-upload-remove-icon",
                   "aria-hidden": "true"
                 })
-              ], 8, Ri)) : j.status === "uploading" && a.showProgress ? (l(), o("div", {
+              ], 8, qi)) : j.status === "uploading" && a.showProgress ? (l(), o("div", {
                 key: 1,
                 class: "su-file-upload-progress-bar",
                 role: "progressbar",
@@ -5311,21 +5330,21 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
                   class: "su-file-upload-progress-fill",
                   style: te({ width: `${j.progress || 0}%` })
                 }, null, 4)
-              ], 8, Ai)) : x("", !0)
+              ], 8, Ri)) : x("", !0)
             ], 2))), 128))
-          ], 8, $i)) : x("", !0)
+          ], 8, xi)) : x("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["field-id", "label", "message", "state", "required", "disabled"]));
   }
-}), Si = {
+}), Ai = {
   key: 0,
   class: "su-form-fields-head"
-}, Fi = { class: "su-form-fields-content" }, Pi = {
+}, Si = { class: "su-form-fields-content" }, Fi = {
   key: 1,
   class: "su-form-fields-footer"
-}, Ei = /* @__PURE__ */ N({
+}, Pi = /* @__PURE__ */ Y({
   __name: "FormFields",
   props: {
     gap: { default: "md" },
@@ -5344,7 +5363,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
   },
   setup(a) {
     const s = a, t = Ie(), e = [
-      Ke,
+      Oe,
       ra,
       ua,
       da,
@@ -5352,12 +5371,12 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
       va,
       na,
       fa
-    ], i = n(() => [
+    ], i = r(() => [
       "su-form-fields",
       `su-form-fields--gap-${s.gap}`,
       `su-form-fields--section-gap-${s.sectionGap}`,
       `su-form-fields--${s.direction}`
-    ]), r = n(() => {
+    ]), n = r(() => {
       var u;
       if (!(t != null && t.default)) return [];
       const b = ((u = t == null ? void 0 : t.default) == null ? void 0 : u.call(t)) ?? [], c = [];
@@ -5371,26 +5390,26 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           console.warn("FormFields expects only form field components as children. Found:", f.type);
         }
       return c;
-    }), $ = n(() => {
+    }), $ = r(() => {
       const b = {};
       return s.ariaLabel && (b["aria-label"] = s.ariaLabel), s.ariaDescribedBy && (b["aria-describedby"] = s.ariaDescribedBy), s.role && (b.role = s.role), b;
     });
     return (b, c) => (l(), o("div", Q({ class: i.value }, $.value), [
-      b.$slots.head ? (l(), o("div", Si, [
-        Y(b.$slots, "head")
+      b.$slots.head ? (l(), o("div", Ai, [
+        N(b.$slots, "head")
       ])) : x("", !0),
-      d("div", Fi, [
-        (l(!0), o(_, null, ue(r.value, (u, f) => (l(), U(ee(u), { key: f }))), 128))
+      d("div", Si, [
+        (l(!0), o(_, null, ue(n.value, (u, f) => (l(), U(ee(u), { key: f }))), 128))
       ]),
-      b.$slots.footer ? (l(), o("div", Pi, [
-        Y(b.$slots, "footer")
+      b.$slots.footer ? (l(), o("div", Fi, [
+        N(b.$slots, "footer")
       ])) : x("", !0)
     ], 16));
   }
-}), Ti = Symbol("SurgeuiTheme"), Hi = {}, ji = {
+}), Ei = Symbol("SurgeuiTheme"), Ti = {}, Oi = {
   install(a, s = {}) {
-    const { prefix: t = "Su", theme: e = {} } = s, i = { ...Hi, ...e }, r = document.documentElement, { button: $, link: b } = i;
-    if (a.provide(Ti, i), typeof document < "u" && (i != null && i.textPrimaryColor && r.style.setProperty("--su-text-primary-color", `${i == null ? void 0 : i.textPrimaryColor}`), i != null && i.textSecondaryColor && r.style.setProperty("--su-text-secondary-color", `${i == null ? void 0 : i.textSecondaryColor}`), i != null && i.textTeriaryColor && r.style.setProperty("--su-text-tertiary-color", `${i == null ? void 0 : i.textTeriaryColor}`), $ && (r.style.setProperty("--su-custom-button-bg", $.bg), r.style.setProperty("--su-custom-button-color", $.color), r.style.setProperty("--su-custom-button-border", $.border), r.style.setProperty("--su-custom-button-hover-bg", $.hoverBackground), r.style.setProperty("--su-custom-button-hover-shadow", $.hoverShadow)), b && (r.style.setProperty("--su-custom-link-color", b.color), r.style.setProperty("--su-custom-link-hover-color", b.hoverColor), r.style.setProperty("--su-custom-link-hover-bg-color", b.hoverBackground), r.style.setProperty("--su-custom-link-active-color", b.activeColor))), i != null && i.linkVariant) {
+    const { prefix: t = "Su", theme: e = {} } = s, i = { ...Ti, ...e }, n = document.documentElement, { button: $, link: b } = i;
+    if (a.provide(Ei, i), typeof document < "u" && (i != null && i.textPrimaryColor && n.style.setProperty("--su-text-primary-color", `${i == null ? void 0 : i.textPrimaryColor}`), i != null && i.textSecondaryColor && n.style.setProperty("--su-text-secondary-color", `${i == null ? void 0 : i.textSecondaryColor}`), i != null && i.textTeriaryColor && n.style.setProperty("--su-text-tertiary-color", `${i == null ? void 0 : i.textTeriaryColor}`), $ && (n.style.setProperty("--su-custom-button-bg", $.bg), n.style.setProperty("--su-custom-button-color", $.color), n.style.setProperty("--su-custom-button-border", $.border), n.style.setProperty("--su-custom-button-hover-bg", $.hoverBackground), n.style.setProperty("--su-custom-button-hover-shadow", $.hoverShadow)), b && (n.style.setProperty("--su-custom-link-color", b.color), n.style.setProperty("--su-custom-link-hover-color", b.hoverColor), n.style.setProperty("--su-custom-link-hover-bg-color", b.hoverBackground), n.style.setProperty("--su-custom-link-active-color", b.activeColor))), i != null && i.linkVariant) {
       const u = {
         default: {
           color: "var(--su-link-variant-default-color)",
@@ -5413,7 +5432,7 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
           activeColor: "var(--su-link-variant-muted-active-color)"
         }
       }[i == null ? void 0 : i.linkVariant];
-      u && (r.style.setProperty("--su-link-variant-default-color", u.color), r.style.setProperty("--su-link-variant-default-hover-color", u.hoverColor), r.style.setProperty("--su-link-variant-default-active-color", u.activeColor));
+      u && (n.style.setProperty("--su-link-variant-default-color", u.color), n.style.setProperty("--su-link-variant-default-hover-color", u.hoverColor), n.style.setProperty("--su-link-variant-default-active-color", u.activeColor));
     }
     if (i != null && i.linkSize) {
       const u = {
@@ -5421,13 +5440,13 @@ const At = ["aria-live", "aria-atomic"], St = { class: "su-alert__icon-wrapper"
         md: "md",
         lg: "lg"
       }[i == null ? void 0 : i.linkSize];
-      u && (r.style.setProperty("--su-link-size-md-font-size", `var(--su-link-size-${u}-font-size)`), r.style.setProperty("--su-link-size-md-line-height", `var(--su-link-size-${u}-line-height)`), r.style.setProperty("--su-link-size-md-padding", `var(--su-link-size-${u}-padding)`), r.style.setProperty("--su-link-size-md-icon-size", `var(--su-link-size-${u}-icon-size)`), r.style.setProperty("--su-link-size-md-icon-only-padding", `var(--su-link-size-${u}-icon-only-padding)`), r.style.setProperty("--su-link-size-md-icon-only-size", `var(--su-link-size-${u}-icon-only-size)`));
+      u && (n.style.setProperty("--su-link-size-md-font-size", `var(--su-link-size-${u}-font-size)`), n.style.setProperty("--su-link-size-md-line-height", `var(--su-link-size-${u}-line-height)`), n.style.setProperty("--su-link-size-md-padding", `var(--su-link-size-${u}-padding)`), n.style.setProperty("--su-link-size-md-icon-size", `var(--su-link-size-${u}-icon-size)`), n.style.setProperty("--su-link-size-md-icon-only-padding", `var(--su-link-size-${u}-icon-only-padding)`), n.style.setProperty("--su-link-size-md-icon-only-size", `var(--su-link-size-${u}-icon-only-size)`));
     }
-    i != null && i.linkUnderline && r.style.setProperty("--su-link-default-underline", i == null ? void 0 : i.linkUnderline), i != null && i.dialogDisplay && r.style.setProperty("--su-dialog-default-display", i == null ? void 0 : i.dialogDisplay), a.component(`${t}Icon`, ya), a.component(`${t}Heading`, xa), a.component(`${t}Panel`, Ia), a.component(`${t}Badge`, We), a.component(`${t}Dialog`, vt), a.component(`${t}Image`, Ze), a.component(`${t}Avatar`, Ne), a.component(`${t}AvatarGroup`, Za), a.component(`${t}Tabs`, pt), a.component(`${t}Accordion`, Lt), a.component(`${t}AccordionItem`, Je), a.component(`${t}Progress`, _e), a.component(`${t}Spinner`, Pe), a.component(`${t}Spinner`, Tt), a.component(`${t}Button`, Me), a.component(`${t}ButtonGroup`, _t), a.component(`${t}LinkGroup`, Jt), a.component(`${t}FloatButton`, ll), a.component(`${t}Dropdown`, Qt), a.component(`${t}Input`, aa), a.component(`${t}Textarea`, ta), a.component(`${t}SelectBox`, la), a.component(`${t}RadioGroup`, sa), a.component(`${t}CheckboxGroup`, ia), a.component(`${t}FileUpload`, ks), a.component(`${t}Switch`, oa), a.component(`${t}Slider`, Ks), a.component(`${t}Password`, Ys), a.component(`${t}FormField`, ge), a.component(`${t}InputField`, Ke), a.component(`${t}TextareaField`, na), a.component(`${t}SelectBoxField`, ra), a.component(`${t}RadioGroupField`, ua), a.component(`${t}CheckboxGroupField`, da), a.component(`${t}SwitchField`, ca), a.component(`${t}SliderField`, fa), a.component(`${t}FileUploadField`, va), a.component(`${t}FormFields`, Ei);
+    i != null && i.linkUnderline && n.style.setProperty("--su-link-default-underline", i == null ? void 0 : i.linkUnderline), i != null && i.dialogDisplay && n.style.setProperty("--su-dialog-default-display", i == null ? void 0 : i.dialogDisplay), a.component(`${t}Icon`, ya), a.component(`${t}Heading`, xa), a.component(`${t}Panel`, Ia), a.component(`${t}Badge`, Ne), a.component(`${t}Dialog`, vt), a.component(`${t}Image`, We), a.component(`${t}Avatar`, Ye), a.component(`${t}AvatarGroup`, Za), a.component(`${t}Tabs`, pt), a.component(`${t}Accordion`, Lt), a.component(`${t}AccordionItem`, _e), a.component(`${t}Progress`, ea), a.component(`${t}Spinner`, Pe), a.component(`${t}Spinner`, Tt), a.component(`${t}Button`, Me), a.component(`${t}ButtonGroup`, _t), a.component(`${t}Link`, Ke), a.component(`${t}LinkGroup`, Jt), a.component(`${t}FloatButton`, ll), a.component(`${t}Dropdown`, Qt), a.component(`${t}Input`, aa), a.component(`${t}Textarea`, ta), a.component(`${t}SelectBox`, la), a.component(`${t}RadioGroup`, sa), a.component(`${t}CheckboxGroup`, ia), a.component(`${t}FileUpload`, ks), a.component(`${t}Switch`, oa), a.component(`${t}Slider`, Ks), a.component(`${t}Password`, Ns), a.component(`${t}FormField`, ge), a.component(`${t}InputField`, Oe), a.component(`${t}TextareaField`, na), a.component(`${t}SelectBoxField`, ra), a.component(`${t}RadioGroupField`, ua), a.component(`${t}CheckboxGroupField`, da), a.component(`${t}SwitchField`, ca), a.component(`${t}SliderField`, fa), a.component(`${t}FileUploadField`, va), a.component(`${t}FormFields`, Pi);
   }
 };
 export {
-  Oi as $,
+  Ki as $,
   Lt as A,
   ll as B,
   Qt as C,
@@ -5440,8 +5459,8 @@ export {
   ks as J,
   oa as K,
   Ks as L,
-  Ys as M,
-  Ke as N,
+  Ns as M,
+  Oe as N,
   ra as O,
   Ia as P,
   ua as Q,
@@ -5453,32 +5472,32 @@ export {
   na as W,
   fa as X,
   ge as Y,
-  Ei as Z,
+  Pi as Z,
   ya as _,
   Ee as a,
-  ji as a0,
+  Oi as a0,
   Ve as b,
   Te as c,
-  Ye as d,
-  Xe as e,
+  Xe as d,
+  Qe as e,
   He as f,
   lt as g,
   st as h,
   it as i,
-  Oe as j,
+  je as j,
   ot as k,
-  Qe as l,
+  Je as l,
   we as m,
-  Ze as n,
-  Ne as o,
+  We as n,
+  Ye as o,
   Za as p,
-  We as q,
+  Ne as q,
   tt as r,
   vt as s,
-  _e as t,
-  Je as u,
+  ea as t,
+  _e as u,
   Tt as v,
-  ea as w,
+  Ke as w,
   Jt as x,
   Me as y,
   _t as z