@stenajs-webui/elements 19.0.0-next.62 → 19.0.0-next.64

package/dist/index.es.js

@@ -3000,8 +3000,8 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
   color: L = "var(--swui-text-primary-color)",
   flip: i,
   icon: o,
-  pulse: a,
-  rotation: t,
+  pulse: t,
+  rotation: a,
   size: c = 16,
   spin: s,
   style: l,
@@ -3026,8 +3026,8 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
           color: L,
           flip: i,
           icon: o,
-          pulse: a,
-          rotation: t,
+          pulse: t,
+          rotation: a,
           spin: s,
           style: { fontSize: h, ...l },
           transform: d,
@@ -3082,22 +3082,22 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
   children: L,
   contentRight: i,
   icon: o,
-  variant: a = "standard",
-  loading: t = !1,
+  variant: t = "standard",
+  loading: a = !1,
   ...c
 }) => /* @__PURE__ */ m(
   N,
   {
-    className: r(K.banner, K[a]),
+    className: r(K.banner, K[t]),
     spacing: L || n && C ? 2 : 1,
     indent: 2,
     ...V(c),
     children: [
       /* @__PURE__ */ m(Z, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ e(Z, { flex: "none", width: b1, alignItems: "center", children: /* @__PURE__ */ e("div", { className: K.iconBackground, children: (o || g1[a] || t) && /* @__PURE__ */ e(S, { children: t ? /* @__PURE__ */ e(D1, { size: "tiny" }) : /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Z, { flex: "none", width: b1, alignItems: "center", children: /* @__PURE__ */ e("div", { className: K.iconBackground, children: (o || g1[t] || a) && /* @__PURE__ */ e(S, { children: a ? /* @__PURE__ */ e(D1, { size: "tiny" }) : /* @__PURE__ */ e(
           g,
           {
-            icon: o != null ? o : g1[a],
+            icon: o != null ? o : g1[t],
             size: 20,
             className: K.icon
           }
@@ -3137,8 +3137,8 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
     onClick: L,
     tabIndex: i = 0,
     disableTabIndex: o,
-    disabled: a,
-    variant: t = "standard",
+    disabled: t,
+    variant: a = "standard",
     size: c = "medium",
     iconLeft: s,
     iconRight: l,
@@ -3150,14 +3150,14 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
       tabIndex: o ? void 0 : i,
       className: r(
         Q.link,
-        Q[t],
+        Q[a],
         Q[c],
-        a && Q.disabled,
+        t && Q.disabled,
         C
       ),
       ref: x,
-      href: a ? void 0 : d,
-      onClick: a ? void 0 : L,
+      href: t ? void 0 : d,
+      onClick: t ? void 0 : L,
       ...M,
       children: [
         s && /* @__PURE__ */ e("span", { style: { marginLeft: "2px", marginRight: "6px" }, children: /* @__PURE__ */ e(W, { icon: s }) }),
@@ -3191,33 +3191,33 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
     text: n.text,
     variant: C,
     children: [
-      n.items && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(P2, { children: n.items.map((o, a) => /* @__PURE__ */ e(
+      n.items && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(P2, { children: n.items.map((o, t) => /* @__PURE__ */ e(
         E2,
         {
           text: o.text,
           linkText: o.linkText,
           onClickLink: o.onClickLink
         },
-        a
+        t
       )) }) }),
       L
     ]
   }
 ), Z0 = (n) => {
   const [C, L] = m1(n), i = F(
-    (t) => {
+    (a) => {
       L((c) => ({
         ...c,
-        items: t.map((s) => ({ text: s }))
+        items: a.map((s) => ({ text: s }))
       }));
     },
     [L]
   ), o = F(
-    (t) => {
-      i(t.map((c) => c.message));
+    (a) => {
+      i(a.map((c) => c.message));
     },
     [i]
-  ), a = F(() => {
+  ), t = F(() => {
     L(void 0);
   }, [L]);
   return {
@@ -3225,7 +3225,7 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
     setBannerState: L,
     setBannerResultWithTexts: i,
     setBannerResultWithErrors: o,
-    clearBannerResult: a
+    clearBannerResult: t
   };
 }, V2 = (n) => /* @__PURE__ */ b.createElement("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", ...n }, /* @__PURE__ */ b.createElement("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" })), U2 = K1`
   100% {
@@ -3289,8 +3289,8 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
   leftIcon: L,
   left: i,
   right: o,
-  rightIcon: a,
-  label: t,
+  rightIcon: t,
+  label: a,
   iconClassName: c,
   labelClassName: s,
   spinnerClassName: l,
@@ -3328,7 +3328,7 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
         }
       ) : null)
     }
-  ), y = (o || a) && /* @__PURE__ */ e(
+  ), y = (o || t) && /* @__PURE__ */ e(
     "div",
     {
       className: r(
@@ -3337,10 +3337,10 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
         M,
         f && B.responsiveIconOnly
       ),
-      children: o || (a ? /* @__PURE__ */ e(
+      children: o || (t ? /* @__PURE__ */ e(
         W,
         {
-          icon: a,
+          icon: t,
           className: r(B.iconRight, c)
         }
       ) : null)
@@ -3348,8 +3348,8 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
   );
   return /* @__PURE__ */ m("div", { className: B.buttonContent, children: [
     h,
-    t ? /* @__PURE__ */ e(P, {}) : null,
-    t && /* @__PURE__ */ e(
+    a ? /* @__PURE__ */ e(P, {}) : null,
+    a && /* @__PURE__ */ e(
       "span",
       {
         className: r(
@@ -3357,10 +3357,10 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
           s,
           f && B.responsiveIconOnly
         ),
-        children: t
+        children: a
       }
     ),
-    t ? /* @__PURE__ */ e(P, {}) : null,
+    a ? /* @__PURE__ */ e(P, {}) : null,
     y
   ] });
 }, f1 = p(
@@ -3369,8 +3369,8 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
     className: L,
     size: i = "medium",
     loadingLabel: o,
-    loading: a = !1,
-    success: t = !1,
+    loading: t = !1,
+    success: a = !1,
     successLabel: c,
     leftIcon: s,
     left: l,
@@ -3390,18 +3390,18 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
   }, O) {
     const D = u1(
       C,
-      t,
-      c,
       a,
+      c,
+      t,
       o
     ), N1 = Boolean(
-      C && !t && !a || t && c || a && o
-    ), E1 = A || s && !N1 && !l && !M && !d || d && !N1 && !l && !M && !s || a && !o || t && !c;
+      C && !a && !t || a && c || t && o
+    ), E1 = A || s && !N1 && !l && !M && !d || d && !N1 && !l && !M && !s || t && !o || a && !c;
     return /* @__PURE__ */ e(
       "button",
       {
         ref: O,
-        onClick: f || t || a ? void 0 : h,
+        onClick: f || a || t ? void 0 : h,
         className: r(
           j.button,
           j[i],
@@ -3413,8 +3413,8 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
         children: /* @__PURE__ */ e(
           Z1,
           {
-            success: t,
-            loading: a,
+            success: a,
+            loading: t,
             leftIcon: s,
             left: l,
             right: M,
@@ -3511,17 +3511,17 @@ const J1 = (n) => /* @__PURE__ */ b.createElement("svg", { xmlns: "http://www.w3
   icon: L = y5[C],
   className: i,
   spin: o = !1,
-  size: a = "medium",
-  ...t
+  size: t = "medium",
+  ...a
 }, c) {
   return /* @__PURE__ */ e(
     "button",
     {
-      ...t,
+      ...a,
       ref: c,
       className: r(
         o1.textInputButton,
-        j[a],
+        j[t],
         o1[C],
         i
       ),
@@ -3591,8 +3591,8 @@ const E5 = p(
     expandable: L,
     selected: i,
     className: o,
-    leftIcon: a,
-    rightIcon: t,
+    leftIcon: t,
+    rightIcon: a,
     children: c,
     disabled: s,
     variant: l = "standard",
@@ -3630,10 +3630,10 @@ const E5 = p(
                   p1,
                   {
                     label: n,
-                    leftIcon: a,
+                    leftIcon: t,
                     left: d,
                     right: f ? /* @__PURE__ */ e(T1, {}) : M,
-                    rightIcon: x ? G : t
+                    rightIcon: x ? G : a
                   }
                 ),
                 L && /* @__PURE__ */ e(
@@ -3657,7 +3657,7 @@ const E5 = p(
   }
 ), W5 = "_contentMenuButton_c906v_1", H5 = {
   contentMenuButton: W5
-}, z0 = p(({ children: n, ...C }, L) => /* @__PURE__ */ e("label", { className: H5.contentMenuButton, ref: L, ...C, children: /* @__PURE__ */ e(Z, { justifyContent: "flex-start", alignItems: "center", indent: 2, children: n }) })), g0 = p(function({ selected: n, className: C, icon: L, disabled: i, variant: o = "standard", ...a }, t) {
+}, z0 = p(({ children: n, ...C }, L) => /* @__PURE__ */ e("label", { className: H5.contentMenuButton, ref: L, ...C, children: /* @__PURE__ */ e(Z, { justifyContent: "flex-start", alignItems: "center", indent: 2, children: n }) })), g0 = p(function({ selected: n, className: C, icon: L, disabled: i, variant: o = "standard", ...t }, a) {
   return /* @__PURE__ */ e(
     _,
     {
@@ -3672,12 +3672,13 @@ const E5 = p(
             u.button,
             n && u.selected,
             i && u.disabled,
+            u.iconOnly,
             u[o],
             C
           ),
           disabled: i,
-          ref: t,
-          ...a,
+          ref: a,
+          ...t,
           children: /* @__PURE__ */ e(Z, { justifyContent: "center", alignItems: "center", indent: 1, children: /* @__PURE__ */ e(_, { alignItems: "center", justifyContent: "center", width: "20px", children: /* @__PURE__ */ e(
             g,
             {
@@ -3697,8 +3698,8 @@ const E5 = p(
   leftIcon: L,
   children: i,
   disabled: o,
-  variant: a = "standard",
-  href: t,
+  variant: t = "standard",
+  href: a,
   ...c
 }, s) {
   var w, E;
@@ -3708,14 +3709,14 @@ const E5 = p(
     n ? u.hasLabel : void 0,
     o && u.disabled,
     (M == null ? void 0 : M.selected) && u.selected,
-    u[a],
+    u[t],
     C
   ), { renderLink: f, selected: h, ...y } = c, v = (E = (w = d == null ? void 0 : d.renderLink) == null ? void 0 : w.call(
     d,
     {
       ...y,
       className: x,
-      href: o ? void 0 : t,
+      href: o ? void 0 : a,
       children: l
     },
     u.selected
@@ -3723,7 +3724,7 @@ const E5 = p(
     "a",
     {
       className: x,
-      href: o ? void 0 : t,
+      href: o ? void 0 : a,
       ref: s,
       ...y,
       children: l
@@ -3736,8 +3737,8 @@ const E5 = p(
   children: L,
   disabled: i,
   variant: o = "standard",
-  href: a,
-  ...t
+  href: t,
+  ...a
 }, c) {
   var v, w;
   const s = /* @__PURE__ */ e(Z, { justifyContent: "center", indent: 1, children: /* @__PURE__ */ e(_, { alignItems: "center", justifyContent: "center", width: "20px", children: /* @__PURE__ */ e(
@@ -3748,7 +3749,7 @@ const E5 = p(
       color: "var(--current-text-color)",
       "data-hover": !0
     }
-  ) }) }), l = "renderLink" in t ? t : void 0, d = "selected" in t ? t : void 0, M = r(
+  ) }) }), l = "renderLink" in a ? a : void 0, d = "selected" in a ? a : void 0, M = r(
     u.button,
     u.buttonLink,
     i && u.disabled,
@@ -3756,12 +3757,12 @@ const E5 = p(
     u.iconOnly,
     u[o],
     n
-  ), { renderLink: x, selected: f, ...h } = t, y = (w = (v = l == null ? void 0 : l.renderLink) == null ? void 0 : v.call(
+  ), { renderLink: x, selected: f, ...h } = a, y = (w = (v = l == null ? void 0 : l.renderLink) == null ? void 0 : v.call(
     l,
     {
       ...h,
       className: M,
-      href: i ? void 0 : a,
+      href: i ? void 0 : t,
       children: s
     },
     u.selected
@@ -3769,7 +3770,7 @@ const E5 = p(
     "a",
     {
       className: M,
-      href: i ? void 0 : a,
+      href: i ? void 0 : t,
       ref: c,
       ...h,
       children: s
@@ -3793,8 +3794,8 @@ const E5 = p(
   className: L,
   size: i = "medium",
   loadingLabel: o,
-  loading: a = !1,
-  success: t = !1,
+  loading: t = !1,
+  success: a = !1,
   successLabel: c,
   leftIcon: s,
   left: l,
@@ -3806,12 +3807,12 @@ const E5 = p(
 }, y) {
   const v = u1(
     C,
-    t,
-    c,
     a,
+    c,
+    t,
     o
   ), w = Boolean(
-    C && !t && !a || t && c || a && o
+    C && !a && !t || a && c || t && o
   ), E = w && !l && !s && !M && !d, H = s && !w && !l && !M && !d;
   return /* @__PURE__ */ e(
     "a",
@@ -3829,8 +3830,8 @@ const E5 = p(
       children: /* @__PURE__ */ e(
         Z1,
         {
-          success: t,
-          loading: a,
+          success: a,
+          loading: t,
           leftIcon: s,
           left: l,
           right: M,
@@ -3907,7 +3908,7 @@ const E5 = p(
   size: L = "medium",
   ...i
 }) => {
-  const o = q5(L), a = J5(L);
+  const o = q5(L), t = J5(L);
   return /* @__PURE__ */ e(
     _,
     {
@@ -3917,7 +3918,7 @@ const E5 = p(
       height: o,
       justifyContent: "center",
       alignItems: "center",
-      children: /* @__PURE__ */ e(g, { ...i, color: z(C), size: a })
+      children: /* @__PURE__ */ e(g, { ...i, color: z(C), size: t })
     }
   );
 }, q5 = (n) => {
@@ -3959,8 +3960,8 @@ const E5 = p(
   leftIcon: L,
   contentAfterHeading: i,
   contentRight: o,
-  contentLeft: a,
-  contentCenter: t,
+  contentLeft: t,
+  contentCenter: a,
   headingLevel: c = "h2",
   ...s
 }) => /* @__PURE__ */ m(
@@ -3972,12 +3973,12 @@ const E5 = p(
     ...s,
     children: [
       /* @__PURE__ */ m(Z, { alignItems: "center", gap: C === "compact" ? 1 : 2, children: [
-        a,
+        t,
         L && /* @__PURE__ */ e(g, { icon: L, size: C === "compact" ? 16 : 24 }),
         n && /* @__PURE__ */ e(i1, { variant: "h5", as: c, children: n }),
         i
       ] }),
-      t && /* @__PURE__ */ e(Z, { alignItems: "center", children: t }),
+      a && /* @__PURE__ */ e(Z, { alignItems: "center", children: a }),
       /* @__PURE__ */ e(Z, { alignItems: "center", children: o })
     ]
   }
@@ -4047,21 +4048,21 @@ const E5 = p(
   label: L,
   variant: i = "primary",
   className: o,
-  ...a
+  ...t
 }) => {
-  const t = (s) => {
+  const a = (s) => {
     s.stopPropagation(), s.preventDefault(), C && C();
   }, c = n ? R.removable : void 0;
   return /* @__PURE__ */ m(
     "div",
     {
       className: r(R.chip, R[i], c, o),
-      ...V(a),
+      ...V(t),
       children: [
         C ? /* @__PURE__ */ e(
           "button",
           {
-            onClick: t,
+            onClick: a,
             className: r(R.chipCell, R.label, c),
             children: L
           }
@@ -4084,8 +4085,8 @@ const E5 = p(
     children: L,
     maxCharacters: i,
     row: o,
-    textWidth: a,
-    htmlFor: t,
+    textWidth: t,
+    htmlFor: a,
     labelClassName: c,
     ...s
   }) => {
@@ -4098,9 +4099,9 @@ const E5 = p(
         children: l
       }
     );
-    return /* @__PURE__ */ m("label", { htmlFor: t, className: c, children: [
+    return /* @__PURE__ */ m("label", { htmlFor: a, className: c, children: [
       /* @__PURE__ */ m(_, { ...s, row: o, gap: !0, children: [
-        /* @__PURE__ */ m(Z, { alignItems: "center", width: a, children: [
+        /* @__PURE__ */ m(Z, { alignItems: "center", width: t, children: [
           /* @__PURE__ */ e(
             T,
             {
@@ -4161,15 +4162,15 @@ const E5 = p(
   value: L,
   size: i = "medium",
   onValueChange: o,
-  onChange: a,
-  disabled: t,
+  onChange: t,
+  disabled: a,
   ...c
 }, s) {
   const l = W1(), d = F(
     (M) => {
-      a == null || a(M), o == null || o(!L);
+      t == null || t(M), o == null || o(!L);
     },
-    [a, o, L]
+    [t, o, L]
   );
   return /* @__PURE__ */ m(
     "div",
@@ -4178,7 +4179,7 @@ const E5 = p(
         q.toggleButton,
         q[i],
         L && q.selected,
-        t && q.disabled
+        a && q.disabled
       ),
       children: [
         /* @__PURE__ */ e(
@@ -4186,7 +4187,7 @@ const E5 = p(
           {
             type: "checkbox",
             onChange: d,
-            disabled: t,
+            disabled: a,
             checked: L,
             ref: s,
             id: l,
@@ -4204,7 +4205,7 @@ const E5 = p(
   width: L,
   shadow: i,
   trapFocus: o,
-  className: a
+  className: t
 }) => C ? /* @__PURE__ */ e(Q1, { contain: o, children: /* @__PURE__ */ m(
   N,
   {
@@ -4212,7 +4213,7 @@ const E5 = p(
     shadow: i,
     indent: 1,
     spacing: 1,
-    className: a,
+    className: t,
     borderRadius: "8px",
     children: [
       n,
@@ -4220,24 +4221,24 @@ const E5 = p(
     ]
   }
 ) }) : null, N4 = b.createContext({}), h1 = ({ disableCloseOnClick: n, onClick: C }, L) => {
-  const { close: i } = I1(N4), o = V1(L), a = F(
+  const { close: i } = I1(N4), o = V1(L), t = F(
     (s) => {
       n || i == null || i(), C == null || C(s);
     },
     [C, i, n]
-  ), t = q1();
+  ), a = q1();
   return {
-    onClickHandler: a,
+    onClickHandler: t,
     onKeyDown: (s) => {
       var l;
       switch (s.key) {
         case "ArrowDown":
         case "ArrowRight":
-          s.preventDefault(), t.focusNext({ wrap: !0 });
+          s.preventDefault(), a == null || a.focusNext({ wrap: !0 });
           break;
         case "ArrowUp":
         case "ArrowLeft":
-          s.preventDefault(), t.focusPrevious({ wrap: !0 });
+          s.preventDefault(), a == null || a.focusPrevious({ wrap: !0 });
           break;
         case " ":
           s.preventDefault(), (l = o.current) == null || l.click();
@@ -4245,31 +4246,31 @@ const E5 = p(
     },
     innerRef: o
   };
-}, H0 = p(function({ disabled: C, onClick: L, disableCloseOnClick: i, ...o }, a) {
-  const { onClickHandler: t, onKeyDown: c, innerRef: s } = h1(
+}, H0 = p(function({ disabled: C, onClick: L, disableCloseOnClick: i, ...o }, t) {
+  const { onClickHandler: a, onKeyDown: c, innerRef: s } = h1(
     { disableCloseOnClick: i, onClick: L },
-    a
+    t
   );
   return /* @__PURE__ */ e(
     P5,
     {
       onKeyDown: c,
       disabled: C,
-      onClick: C ? void 0 : t,
+      onClick: C ? void 0 : a,
       ref: s,
       ...o
     }
   );
 }), P0 = p(function({ disableCloseOnClick: C, onClick: L, ...i }, o) {
-  const { onClickHandler: a, onKeyDown: t, innerRef: c } = h1(
+  const { onClickHandler: t, onKeyDown: a, innerRef: c } = h1(
     { disableCloseOnClick: C, onClick: L },
     o
   );
   return /* @__PURE__ */ e(
     E5,
     {
-      onKeyDown: t,
-      onClick: i.disabled ? void 0 : a,
+      onKeyDown: a,
+      onClick: i.disabled ? void 0 : t,
       ref: c,
       ...i
     }
@@ -4279,8 +4280,8 @@ const E5 = p(
   right: L,
   label: i,
   disabled: o,
-  bottom: a,
-  fullWidthBottomContent: t,
+  bottom: t,
+  fullWidthBottomContent: a,
   ...c
 }, s) {
   const { onKeyDown: l, innerRef: d } = h1(c, s);
@@ -4300,9 +4301,9 @@ const E5 = p(
           /* @__PURE__ */ e(p1, { label: i, leftIcon: C }),
           L
         ] }),
-        a && /* @__PURE__ */ m(Z, { children: [
-          !t && C && /* @__PURE__ */ e(M1, { num: 2 }),
-          /* @__PURE__ */ e(Z, { alignItems: "center", width: "100%", children: a })
+        t && /* @__PURE__ */ m(Z, { children: [
+          !a && C && /* @__PURE__ */ e(M1, { num: 2 }),
+          /* @__PURE__ */ e(Z, { alignItems: "center", width: "100%", children: t })
         ] })
       ]
     }
@@ -4315,8 +4316,8 @@ const E5 = p(
   label: L,
   loading: i = !1,
   left: o,
-  leftIcon: a,
-  right: t,
+  leftIcon: t,
+  right: a,
   rightIcon: c,
   success: s = !1,
   tabIndex: l = 0,
@@ -4344,9 +4345,9 @@ const E5 = p(
         {
           success: s,
           loading: i,
-          leftIcon: a,
+          leftIcon: t,
           left: o,
-          right: t,
+          right: a,
           rightIcon: c,
           label: f,
           responsiveIconOnly: d
@@ -4378,16 +4379,16 @@ const E5 = p(
   variant: L = "info",
   size: i = "medium",
   label: o,
-  icon: a,
-  ...t
+  icon: t,
+  ...a
 }) => /* @__PURE__ */ m(
   "div",
   {
     className: r(J.tag, J[L], J[i], n),
     style: C,
-    ...V(t),
+    ...V(a),
     children: [
-      a && /* @__PURE__ */ e(W, { icon: a, className: J.icon }),
+      t && /* @__PURE__ */ e(W, { icon: t, className: J.icon }),
       /* @__PURE__ */ e("span", { children: o })
     ]
   }
@@ -4416,7 +4417,7 @@ const E5 = p(
         !i && Y.withBorder,
         Y[o]
       ),
-      children: /* @__PURE__ */ e("tbody", { children: d1.map(n, (a, t) => /* @__PURE__ */ e("tr", { className: Y.row, children: a }, t)) })
+      children: /* @__PURE__ */ e("tbody", { children: d1.map(n, (t, a) => /* @__PURE__ */ e("tr", { className: Y.row, children: t }, a)) })
     }
   ),
   L && /* @__PURE__ */ e(Z, { spacing: !0, children: /* @__PURE__ */ e(T, { size: "small", color: z("--lhds-color-ui-600"), children: L }) })
@@ -4516,8 +4517,8 @@ const E5 = p(
   arrival: L,
   label: i,
   size: o = "standard",
-  selected: a = !1,
-  children: t
+  selected: t = !1,
+  children: a
 }) => {
   const c = n === "ship" ? a2 : t2;
   return /* @__PURE__ */ m("div", { className: c1.routeLeg, children: [
@@ -4525,7 +4526,7 @@ const E5 = p(
       /* @__PURE__ */ e(I, { variant: "overline", size: "smaller", children: i }),
       /* @__PURE__ */ e(P, { num: 2 })
     ] }),
-    a && /* @__PURE__ */ e(
+    t && /* @__PURE__ */ e(
       g,
       {
         icon: Y1,
@@ -4561,9 +4562,9 @@ const E5 = p(
         /* @__PURE__ */ e(k1, { ...C, size: o }),
         /* @__PURE__ */ e(k1, { ...L, size: o })
       ] }),
-      t && /* @__PURE__ */ m(S, { children: [
+      a && /* @__PURE__ */ m(S, { children: [
         /* @__PURE__ */ e("div", {}),
-        /* @__PURE__ */ e("div", { children: t })
+        /* @__PURE__ */ e("div", { children: a })
       ] })
     ] })
   ] });
@@ -4583,14 +4584,14 @@ const E5 = p(
 );
 function F1(n, C) {
   var H;
-  const L = U(null), i = (H = C.ref) != null ? H : L, [o, a] = P1((k) => k + 1, 0), t = U(), c = U(), s = U(), l = U(), [d, M] = m1(!1), [x, f] = m1(!1), h = n, y = F(
+  const L = U(null), i = (H = C.ref) != null ? H : L, [o, t] = P1((k) => k + 1, 0), a = U(), c = U(), s = U(), l = U(), [d, M] = m1(!1), [x, f] = m1(!1), h = n, y = F(
     (k) => {
       var A, $;
-      return t.current = new Promise(
+      return a.current = new Promise(
         (O, D) => {
           c.current = O, l.current = D;
         }
-      ), f(!1), M(!0), a(), s.current = k, C != null && C.modal ? (A = i.current) == null || A.showModal() : ($ = i.current) == null || $.show(), t.current;
+      ), f(!1), M(!0), t(), s.current = k, C != null && C.modal ? (A = i.current) == null || A.showModal() : ($ = i.current) == null || $.show(), a.current;
     },
     [i, C == null ? void 0 : C.modal]
   ), v = F(