@phillips/seldon 1.248.0 → 1.250.0

package/dist/assets/pictograms/formatted/Shipping.js

@@ -1,27 +1,31 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { memo as n, forwardRef as s } from "react";
-import { kebabCase as v } from "../../../node_modules/change-case/dist/index.js";
-const w = n(
-  s((e, o) => {
-    const { color: h, height: r, width: d, title: l, titleId: a } = e, t = a || v(l || "");
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { memo as c, forwardRef as n } from "react";
+import { kebabCase as p } from "../../../node_modules/change-case/dist/index.js";
+const g = c(
+  n((e, o) => {
+    const { color: i, height: h, width: r, title: l, titleId: s } = e, t = s || p(l || ""), d = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
     return /* @__PURE__ */ m(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: r,
-        width: d,
+        height: h,
+        width: r,
         role: "img",
         ref: o,
         "aria-labelledby": t,
-        ...e,
+        ...d,
         children: [
-          l ? /* @__PURE__ */ i("title", { id: t, children: l }) : null,
-          /* @__PURE__ */ i(
+          l ? /* @__PURE__ */ a("title", { id: t, children: l }) : null,
+          /* @__PURE__ */ a(
             "path",
             {
-              fill: h,
+              fill: i,
               fillRule: "evenodd",
               d: "M6 11h38v13h12.097l3.776 12.578a3 3 0 0 1 .127.863V46H49.981q.02.248.019.5a6.5 6.5 0 1 1-12.981-.5H21.98q.02.248.019.5A6.5 6.5 0 1 1 9.019 46H4v-6h2zm4.022 32a6.5 6.5 0 0 1 5.478-3 6.5 6.5 0 0 1 5.478 3h17.044A6.52 6.52 0 0 1 41 40.498V14H9v29zM57 43h-8.022A6.5 6.5 0 0 0 44 40.019V27h4.5v10.5H57zm-5.5-8.5V27h2.403l2.597 7.5zM23 20H11v3h12zm-6 6h-6v3h6zm26.5 24a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M19 46.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0",
               clipRule: "evenodd"
@@ -33,5 +37,5 @@ const w = n(
   })
 );
 export {
-  w as default
+  g as default
 };

package/dist/assets/pictograms/formatted/Sign.js

@@ -1,27 +1,31 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { memo as s, forwardRef as c } from "react";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { memo as n, forwardRef as h } from "react";
 import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
-const g = s(
-  c((e, o) => {
-    const { color: r, height: a, width: d, title: l, titleId: n } = e, t = n || f(l || "");
+const u = n(
+  h((e, o) => {
+    const { color: i, height: r, width: s, title: l, titleId: d } = e, t = d || f(l || ""), c = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
     return /* @__PURE__ */ m(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: a,
-        width: d,
+        height: r,
+        width: s,
         role: "img",
         ref: o,
         "aria-labelledby": t,
-        ...e,
+        ...c,
         children: [
-          l ? /* @__PURE__ */ i("title", { id: t, children: l }) : null,
-          /* @__PURE__ */ i(
+          l ? /* @__PURE__ */ a("title", { id: t, children: l }) : null,
+          /* @__PURE__ */ a(
             "path",
             {
-              fill: r,
+              fill: i,
               fillRule: "evenodd",
               d: "m53.668 23.516 4.067-4.067a3.333 3.333 0 0 0 0-4.714l-9.428-9.428a3.333 3.333 0 0 0-4.714 0l-4.067 4.067a.5.5 0 0 0-.212.004L26.862 12.32a.5.5 0 0 0-.341.282L7.54 54.8a.5.5 0 0 0 .66.66l42.239-18.94a.5.5 0 0 0 .282-.342l2.943-12.452a.5.5 0 0 0 .004-.211M46.185 7.428l9.429 9.428c.13.13.13.341 0 .472l-3.772 3.77-9.9-9.899 3.772-3.77c.13-.131.341-.131.471 0m1.9 26.86-31.288 14.03 14.898-14.897-2.122-2.121-14.855 14.855L28.75 14.957l9.897-2.339 11.775 11.776z",
               clipRule: "evenodd"
@@ -33,5 +37,5 @@ const g = s(
   })
 );
 export {
-  g as default
+  u as default
 };

package/dist/assets/pictograms/formatted/Submit.js

@@ -1,28 +1,32 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { memo as a, forwardRef as f } from "react";
-import { kebabCase as c } from "../../../node_modules/change-case/dist/index.js";
-const u = a(
-  f((t, r) => {
-    const { color: i, height: d, width: m, title: l, titleId: n } = t, o = n || c(l || "");
-    return /* @__PURE__ */ s(
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { memo as n, forwardRef as h } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const v = n(
+  h((e, a) => {
+    const { color: o, height: r, width: s, title: l, titleId: d } = e, i = d || f(l || ""), c = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
+    return /* @__PURE__ */ m(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: d,
-        width: m,
+        height: r,
+        width: s,
         role: "img",
-        ref: r,
-        "aria-labelledby": o,
-        ...t,
+        ref: a,
+        "aria-labelledby": i,
+        ...c,
         children: [
-          l ? /* @__PURE__ */ e("title", { id: o, children: l }) : null,
-          /* @__PURE__ */ e("path", { fill: i, d: "m40.07 23 2.122 2.121-7.07 7.071L33 30.072z" }),
-          /* @__PURE__ */ e(
+          l ? /* @__PURE__ */ t("title", { id: i, children: l }) : null,
+          /* @__PURE__ */ t("path", { fill: o, d: "m40.07 23 2.122 2.121-7.07 7.071L33 30.072z" }),
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: i,
+              fill: o,
               fillRule: "evenodd",
               d: "M2.824 29.078 56.93 7.096l-8.964 52.662-11.069-11.99L27.5 57.792V38.051zM30.5 40.837v9.37l4.358-4.649zM11.176 28.922l18.184 6.613c.325.118.617.313.852.567l15.821 17.14 7.036-41.339z",
               clipRule: "evenodd"
@@ -34,5 +38,5 @@ const u = a(
   })
 );
 export {
-  u as default
+  v as default
 };

package/dist/assets/pictograms/formatted/Timer.js

@@ -1,39 +1,43 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { memo as n, forwardRef as a } from "react";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { memo as m, forwardRef as n } from "react";
 import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
-const w = n(
-  a((i, r) => {
-    const { color: e, height: d, width: h, title: t, titleId: s } = i, o = s || f(t || "");
-    return /* @__PURE__ */ m(
+const u = m(
+  n((e, a) => {
+    const { color: o, height: r, width: s, title: l, titleId: d } = e, i = d || f(l || ""), h = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
+    return /* @__PURE__ */ c(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: d,
-        width: h,
+        height: r,
+        width: s,
         role: "img",
-        ref: r,
-        "aria-labelledby": o,
-        ...i,
+        ref: a,
+        "aria-labelledby": i,
+        ...h,
         children: [
-          t ? /* @__PURE__ */ l("title", { id: o, children: t }) : null,
-          /* @__PURE__ */ l("path", { fill: e, d: "M33.5 23h-3v9H29v6h6v-1.5h13v-3H35V32h-1.5z" }),
-          /* @__PURE__ */ l(
+          l ? /* @__PURE__ */ t("title", { id: i, children: l }) : null,
+          /* @__PURE__ */ t("path", { fill: o, d: "M33.5 23h-3v9H29v6h6v-1.5h13v-3H35V32h-1.5z" }),
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: e,
+              fill: o,
               fillRule: "evenodd",
               d: "M57 35c0 13.807-11.193 25-25 25S7 48.807 7 35s11.193-25 25-25 25 11.193 25 25m-3 0c0 12.15-9.85 22-22 22s-22-9.85-22-22 9.85-22 22-22 22 9.85 22 22",
               clipRule: "evenodd"
             }
           ),
-          /* @__PURE__ */ l("path", { fill: e, d: "M25 4h14v3h-5.5v1.667h-3V7H25zM16.364 13.121 14.243 11 10 15.243l2.121 2.121z" })
+          /* @__PURE__ */ t("path", { fill: o, d: "M25 4h14v3h-5.5v1.667h-3V7H25zM16.364 13.121 14.243 11 10 15.243l2.121 2.121z" })
         ]
       }
     );
   })
 );
 export {
-  w as default
+  u as default
 };

package/dist/assets/pictograms/formatted/Verification.js

@@ -1,29 +1,33 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { memo as f, forwardRef as v } from "react";
-import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
-const u = f(
-  v((t, d) => {
-    const { color: e, height: r, width: h, title: i, titleId: n } = t, o = n || m(i || "");
-    return /* @__PURE__ */ a(
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { memo as n, forwardRef as m } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const w = n(
+  m((e, a) => {
+    const { color: o, height: d, width: r, title: l, titleId: h } = e, i = h || f(l || ""), s = !!(l || e["aria-label"]) ? e : {
+      ...e,
+      "aria-hidden": !0,
+      role: "presentation"
+    };
+    return /* @__PURE__ */ c(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 64 64",
-        height: r,
-        width: h,
+        height: d,
+        width: r,
         role: "img",
-        ref: d,
-        "aria-labelledby": o,
-        ...t,
+        ref: a,
+        "aria-labelledby": i,
+        ...s,
         children: [
-          i ? /* @__PURE__ */ l("title", { id: o, children: i }) : null,
-          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M10 29V17h12v12zm3-9h6v6h-6z", clipRule: "evenodd" }),
-          /* @__PURE__ */ l("path", { fill: e, d: "M26 18h19v3H26zM26 24h19v3H26zM55.121 37.5 46 46.621 40.879 41.5 43 39.379l3 3 7-7z" }),
-          /* @__PURE__ */ l(
+          l ? /* @__PURE__ */ t("title", { id: i, children: l }) : null,
+          /* @__PURE__ */ t("path", { fill: o, fillRule: "evenodd", d: "M10 29V17h12v12zm3-9h6v6h-6z", clipRule: "evenodd" }),
+          /* @__PURE__ */ t("path", { fill: o, d: "M26 18h19v3H26zM26 24h19v3H26zM55.121 37.5 46 46.621 40.879 41.5 43 39.379l3 3 7-7z" }),
+          /* @__PURE__ */ t(
             "path",
             {
-              fill: e,
+              fill: o,
               fillRule: "evenodd",
               d: "M4 43h32.166c.952 5.675 5.888 10 11.834 10 6.627 0 12-5.373 12-12 0-4.843-2.869-9.016-7-10.912V11H4zm46-13.834V14H7v20h31.252c2.178-3.028 5.733-5 9.748-5q1.023.001 2 .166M36.683 37H7v3h29.041a12 12 0 0 1 .642-3M48 50a9 9 0 1 0 0-18 9 9 0 0 0 0 18",
               clipRule: "evenodd"
@@ -35,5 +39,5 @@ const u = f(
   })
 );
 export {
-  u as default
+  w as default
 };

package/dist/components/AddToCalendar/AddToCalendar.js

@@ -10,9 +10,9 @@ import P from "../Link/Link.js";
 import { generateGoogleCalendarLink as $, generateOutlookOnlineLink as w, generateYahooCalendarLink as R, generateCalendarFile as S } from "./calendarLinks.js";
 import j from "../IconButton/IconButton.js";
 const G = b(
-  ({ className: r, event: o, label: s = "Add to calendar", linkElement: d = P, ...n }, c) => {
-    const { className: l, ...m } = g(n, "AddToCalendar"), [t, f] = h(!1), k = (e, i) => {
-      e === "file" ? S(o) : e === "link" && i && window.open(i, "_blank");
+  ({ className: s, event: o, label: n = "Add to calendar", linkElement: d = P, ...t }, c) => {
+    const { className: l, ...m } = g(t, "AddToCalendar"), [i, f] = h(!1), k = (e, r) => {
+      e === "file" ? S(o) : e === "link" && r && window.open(r, "_blank");
     }, p = [
       { label: "iCalendar", action: "file" },
       { label: "Google Calendar", action: "link", link: $(o) },
@@ -20,8 +20,8 @@ const G = b(
       { label: "Outlook Online", action: "link", link: w(o) },
       { label: "Yahoo Calendar", action: "link", link: R(o) }
     ];
-    return /* @__PURE__ */ a("div", { ...m, className: u(l, r), ...n, ref: c, children: /* @__PURE__ */ C(O, { open: t, onOpenChange: f, children: [
-      /* @__PURE__ */ a(I, { asChild: !0, children: /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(L, { icon: t ? "CloseX" : "Calendar", title: s }) }) }),
+    return /* @__PURE__ */ a("div", { ...m, className: u(l, s), ...t, ref: c, children: /* @__PURE__ */ C(O, { open: i, onOpenChange: f, children: [
+      /* @__PURE__ */ a(I, { asChild: !0, children: /* @__PURE__ */ a(j, { "aria-label": n, children: /* @__PURE__ */ a(L, { icon: i ? "CloseX" : "Calendar", title: n }) }) }),
       /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(
         x,
         {

package/dist/components/Carousel/Carousel.js

@@ -1,50 +1,50 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as R, forwardRef as K, useState as f, useEffect as m, useCallback as u } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as K, forwardRef as L, useState as u, useEffect as d, useCallback as p } from "react";
 import { getCommonProps as W } from "../../utils/index.js";
 import j from "../../_virtual/index.js";
 import B from "../../node_modules/embla-carousel-class-names/esm/embla-carousel-class-names.esm.js";
 import G from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
-import { WheelGesturesPlugin as L } from "../../node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js";
-const q = R(null), z = K(
+import { WheelGesturesPlugin as q } from "../../node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js";
+const z = K(null), F = L(
   ({
-    element: d,
-    loop: p = !1,
-    startIndex: w = 0,
-    onSlideChange: o,
-    className: x,
-    children: N,
-    columnGap: v,
-    useWheelGestures: C = !1,
-    disableDrag: n = !1,
-    disableNavigationDrag: b = null,
-    inViewThreshold: h = 0.99,
-    ...i
-  }, g) => {
-    const k = d || "div", { className: P, ...D } = W(i, "Carousel");
-    let l = {};
-    switch (b) {
+    element: w,
+    loop: x = !1,
+    startIndex: v = 0,
+    onSlideChange: r,
+    className: N,
+    children: C,
+    columnGap: b,
+    useWheelGestures: h = !1,
+    disableDrag: i = !1,
+    disableNavigationDrag: g = null,
+    inViewThreshold: k = 0.99,
+    ...c
+  }, P) => {
+    const t = w || "div", f = t === "ul" || t === "ol", { className: D, ...S } = W(c, "Carousel");
+    let o = {};
+    switch (g) {
       case "mobile":
-        l = { breakpoints: { "(max-width: 960px)": { watchDrag: !1 } } };
+        o = { breakpoints: { "(max-width: 960px)": { watchDrag: !1 } } };
         break;
       case "desktop":
-        l = { breakpoints: { "(min-width: 961px)": { watchDrag: !1 } } };
+        o = { breakpoints: { "(min-width: 961px)": { watchDrag: !1 } } };
         break;
       case "all":
-        l = { watchDrag: !1 };
+        o = { watchDrag: !1 };
         break;
       default:
-        l = {};
+        o = {};
     }
-    const [S, I] = f(!1), [E, y] = f(!1), [V, e] = G(
+    const [E, I] = u(!1), [y, V] = u(!1), [A, e] = G(
       {
-        loop: p,
-        startIndex: w,
-        inViewThreshold: h,
-        ...l
+        loop: x,
+        startIndex: v,
+        inViewThreshold: k,
+        ...o
       },
       [
-        ...C ? [
-          L({
+        ...h ? [
+          q({
             forceWheelAxis: "x"
           })
         ] : [],
@@ -53,72 +53,72 @@ const q = R(null), z = K(
         })
       ]
     );
-    m(() => {
-      n ? e?.reInit({
+    d(() => {
+      i ? e?.reInit({
         watchDrag: () => !1
       }) : e?.reInit({
         watchDrag: () => !0
       });
-    }, [n, e]);
-    const A = u(
-      (r) => {
-        if (r.key === "ArrowLeft") {
-          r.preventDefault(), e?.scrollPrev();
-          const s = e?.slideNodes().filter((a) => a === document.activeElement)[0]?.previousElementSibling;
-          s && s?.focus();
-        } else if (r.key === "ArrowRight") {
-          r.preventDefault(), e?.scrollNext();
-          const s = e?.slideNodes().filter((a) => a === document.activeElement)[0]?.nextElementSibling;
-          s && s?.focus();
+    }, [i, e]);
+    const R = p(
+      (s) => {
+        if (s.key === "ArrowLeft") {
+          s.preventDefault(), e?.scrollPrev();
+          const l = e?.slideNodes().filter((n) => n === document.activeElement)[0]?.previousElementSibling;
+          l && l?.focus();
+        } else if (s.key === "ArrowRight") {
+          s.preventDefault(), e?.scrollNext();
+          const l = e?.slideNodes().filter((n) => n === document.activeElement)[0]?.nextElementSibling;
+          l && l?.focus();
         }
       },
       [e]
-    ), t = u(
-      (r) => {
-        if (!r) return;
-        I(r?.canScrollPrev()), y(r?.canScrollNext());
-        const s = r.slidesInView()?.[0];
-        s !== void 0 && o?.(s);
+    ), a = p(
+      (s) => {
+        if (!s) return;
+        I(s?.canScrollPrev()), V(s?.canScrollNext());
+        const l = s.slidesInView()?.[0];
+        l !== void 0 && r?.(l);
       },
-      [o]
+      [r]
     );
-    return m(() => {
+    return d(() => {
       if (e)
-        return e.on("slidesInView", t), () => {
-          e.off("slidesInView", t);
+        return e.on("slidesInView", a), () => {
+          e.off("slidesInView", a);
         };
-    }, [e, t]), /* @__PURE__ */ c(
-      q.Provider,
+    }, [e, a]), /* @__PURE__ */ m(
+      z.Provider,
       {
         value: {
-          carouselRef: V,
+          carouselRef: A,
           api: e,
           scrollPrev: () => e?.scrollPrev(),
           scrollNext: () => e?.scrollNext(),
-          canScrollPrev: S,
-          canScrollNext: E,
-          columnGap: v,
-          onSlideChange: o
+          canScrollPrev: E,
+          canScrollNext: y,
+          columnGap: b,
+          onSlideChange: r
         },
-        children: /* @__PURE__ */ c(
-          k,
+        children: /* @__PURE__ */ m(
+          t,
           {
-            ref: g,
-            onKeyDownCapture: A,
-            className: j(P, x),
-            role: "region",
-            "aria-roledescription": "carousel",
-            ...i,
-            ...D,
-            children: N
+            ref: P,
+            onKeyDownCapture: R,
+            className: j(D, N),
+            role: f ? void 0 : "region",
+            "aria-roledescription": f ? void 0 : "carousel",
+            ...c,
+            ...S,
+            children: C
           }
         )
       }
     );
   }
 );
-z.displayName = "Carousel";
+F.displayName = "Carousel";
 export {
-  q as CarouselContext,
-  z as default
+  z as CarouselContext,
+  F as default
 };

package/dist/components/Carousel/CarouselArrows.js

@@ -1,46 +1,47 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import n from "../../_virtual/index.js";
-import { forwardRef as p, useCallback as l } from "react";
-import { getCommonProps as u } from "../../utils/index.js";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import l from "../../_virtual/index.js";
+import { forwardRef as u, useCallback as t } from "react";
+import { getCommonProps as p } from "../../utils/index.js";
 import { useCarousel as f } from "./utils.js";
 import a from "../Icon/Icon.js";
-const C = p(
-  ({ className: c, areArrowsAlwaysVisible: i, ...t }, d) => {
-    const { className: s, ...m } = u(t, "CarouselArrows"), { api: e } = f(), w = l(() => {
+const x = u(
+  ({ className: c, areArrowsAlwaysVisible: o, ...n }, d) => {
+    const { className: s, ...m } = p(n, "CarouselArrows"), { api: e } = f(), b = t(() => {
       if (e)
         if (e?.slidesInView().length <= 1)
           e.scrollPrev(!0);
         else {
-          const o = e?.slidesInView();
-          e?.scrollTo(Math.max(0, o[0] - (o.length ?? 1)));
+          const i = e?.slidesInView();
+          e?.scrollTo(Math.max(0, i[0] - (i.length ?? 1)));
         }
-    }, [e]), h = l(() => {
+    }, [e]), v = t(() => {
       if (e)
         if (e?.slidesInView().length <= 1)
           e?.scrollNext(!0);
         else {
-          const v = (e?.slidesInView()).slice(-1)[0] + 1;
-          e?.scrollTo(v);
+          const w = (e?.slidesInView()).slice(-1)[0] + 1;
+          e?.scrollTo(w);
         }
     }, [e]);
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ h(
       "div",
       {
         ref: d,
         "aria-roledescription": "carousel-arrow-navigation",
-        className: n(`${s}`, c),
-        ...t,
+        className: l(`${s}`, c),
+        ...n,
         ...m,
         children: [
           /* @__PURE__ */ r(
             "button",
             {
               "data-testid": "prev-arrow",
-              className: n(`${s}-prev-btn`, {
-                [`${s}-prev-btn--always-visible`]: i,
+              "aria-label": "Previous slide",
+              className: l(`${s}-prev-btn`, {
+                [`${s}-prev-btn--always-visible`]: o,
                 [`${s}-prev-btn--disabled`]: !e?.canScrollPrev()
               }),
-              onClick: w,
+              onClick: b,
               children: /* @__PURE__ */ r("div", { className: `${s}-prev-btn__icon`, children: /* @__PURE__ */ r(a, { icon: "ChevronLeft", height: "2rem" }) })
             }
           ),
@@ -48,11 +49,12 @@ const C = p(
             "button",
             {
               "data-testid": "next-arrow",
-              className: n(`${s}-next-btn`, {
-                [`${s}-next-btn--always-visible`]: i,
+              "aria-label": "Next slide",
+              className: l(`${s}-next-btn`, {
+                [`${s}-next-btn--always-visible`]: o,
                 [`${s}-next-btn--disabled`]: !e?.canScrollNext()
               }),
-              onClick: h,
+              onClick: v,
               children: /* @__PURE__ */ r("div", { className: `${s}-next-btn__icon`, children: /* @__PURE__ */ r(a, { icon: "ChevronRight", height: "2rem" }) })
             }
           )
@@ -61,7 +63,7 @@ const C = p(
     );
   }
 );
-C.displayName = "CarouselArrows";
+x.displayName = "CarouselArrows";
 export {
-  C as default
+  x as default
 };

package/dist/components/Carousel/CarouselDot.js

@@ -21,7 +21,7 @@ const N = ({
     "button",
     {
       ref: p,
-      role: "button",
+      type: "button",
       onClick: m,
       className: r(`${o}__container`),
       ...l,