mada-design-system 0.2.3 → 0.2.5

package/index.es45.js

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import h from "./index.es143.js";
-import g from "./index.es144.js";
-import b from "./index.es145.js";
-import x from "./index.es146.js";
-import v from "./index.es147.js";
-import N from "./index.es148.js";
+import h from "./index.es140.js";
+import g from "./index.es141.js";
+import b from "./index.es142.js";
+import x from "./index.es143.js";
+import v from "./index.es144.js";
+import N from "./index.es145.js";
 import "./index.es2.js";
 import w from "./index.es80.js";
 import { strings as i } from "./index.es91.js";
-import y from "./index.es149.js";
-import k from "./index.es150.js";
-import F from "./index.es151.js";
-import z from "./index.es152.js";
+import y from "./index.es146.js";
+import k from "./index.es147.js";
+import F from "./index.es148.js";
+import z from "./index.es149.js";
 import { Link as p } from "./index.es49.js";
 import { cn as u } from "./index.es79.js";
 import { ShouldRender as f } from "./index.es14.js";
@@ -137,7 +137,7 @@ const K = ({ colors: t = "default", ...l }) => {
     /* @__PURE__ */ e("p", { className: "text-body-01 ", children: i.Footer.DevelopedByTetco }),
     /* @__PURE__ */ e("div", { className: "flex items-center gap-space-04 ", children: l == null ? void 0 : l.map((s) => /* @__PURE__ */ e(d, { ...s, colors: n === "neutral" ? "neutral" : "oncolor" }, s.label)) })
   ] }),
-  /* @__PURE__ */ a("div", { className: "col-span-12 ms-auto flex flex-wrap items-center gap-space-04 md:col-span-4", children: [
+  /* @__PURE__ */ a("div", { className: "col-span-12 flex flex-wrap items-center gap-space-04 md:col-span-4 md:ms-auto", children: [
     /* @__PURE__ */ e("a", { href: "https://moe.gov.sa/ar/Pages/default.aspx", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? h : x, alt: "moe" }) }),
     /* @__PURE__ */ e("a", { href: "https://tetco.sa/", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? g : v, alt: "tetco" }) }),
     /* @__PURE__ */ e("a", { href: "https://www.vision2030.gov.sa/", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? b : N, alt: "vision 2030" }) }),

package/index.es46.js

@@ -1,7 +1,7 @@
 import { jsxs as c, Fragment as u, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
-import C from "./index.es118.js";
-import E from "./index.es117.js";
+import C from "./index.es115.js";
+import E from "./index.es114.js";
 import { Button as h } from "./index.es22.js";
 import { cn as g } from "./index.es79.js";
 function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "", buttonClassName: i = "" }) {

package/index.es47.js

@@ -1,27 +1,27 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cva as v } from "./index.es108.js";
-import { createContext as S, useState as C, useEffect as g, useContext as N } from "react";
-import { useMediaQuery as T } from "./index.es106.js";
-import { THEME as s } from "./index.es99.js";
+import { cva as C } from "./index.es105.js";
+import { createContext as N, useState as T, useEffect as b, useContext as z } from "react";
+import { useMediaQuery as D } from "./index.es103.js";
+import { THEME as s } from "./index.es98.js";
 import "./index.es2.js";
 import { cn as p, formatterTime as u } from "./index.es79.js";
-import z from "./index.es153.js";
-import D from "./index.es154.js";
-import k from "./index.es149.js";
-import I from "./index.es150.js";
-import H from "./index.es151.js";
-import A from "./index.es152.js";
-import { useThemeStore as w } from "./index.es90.js";
-import V from "./index.es155.js";
-import M from "./index.es156.js";
-import { Badge as G } from "./index.es20.js";
-import L from "./index.es157.js";
-import R from "./index.es83.js";
-import B from "./index.es80.js";
-import { Button as c } from "./index.es22.js";
+import k from "./index.es150.js";
+import I from "./index.es151.js";
+import H from "./index.es146.js";
+import A from "./index.es147.js";
+import w from "./index.es148.js";
+import V from "./index.es149.js";
+import { useThemeStore as M } from "./index.es90.js";
+import R from "./index.es152.js";
+import G from "./index.es153.js";
+import { Badge as L } from "./index.es20.js";
+import B from "./index.es154.js";
+import E from "./index.es83.js";
+import F from "./index.es80.js";
+import { ShouldRender as g } from "./index.es14.js";
+import { Button as m } from "./index.es22.js";
 import { strings as n } from "./index.es91.js";
-import { ShouldRender as E } from "./index.es14.js";
-const F = v(
+const j = C(
   "md:h-space-07    md:px-space-06 px-space-04 md:py-space-01 gap-space-02 py-space-02 flex flex-col md:flex-row [&>svg]:size-[20px] md:items-center md:justify-between ",
   {
     variants: {
@@ -51,102 +51,102 @@ const F = v(
       hideDivider: !1
     }
   }
-), b = S({
+), x = N({
   colors: "primary",
   hideDivider: !1
-}), de = ({ colors: o, hideDivider: a, className: r, ...t }) => /* @__PURE__ */ e(b.Provider, { value: { colors: o, hideDivider: a }, children: /* @__PURE__ */ e(
+}), pe = ({ colors: o, hideDivider: a, className: r, ...t }) => /* @__PURE__ */ e(x.Provider, { value: { colors: o, hideDivider: a }, children: /* @__PURE__ */ e(
   "div",
   {
-    className: p(F({ colors: o, hideDivider: a }), r),
+    className: p(j({ colors: o, hideDivider: a }), r),
     ...t,
     "aria-label": "a secondary navigation navbar",
     role: "banner"
   }
-) }), pe = ({ className: o, ...a }) => {
-  const { dir: r } = R(), [t, l] = C(u(r).format());
-  return g(() => {
+) }), fe = ({ className: o, ...a }) => {
+  const { dir: r } = E(), [t, l] = T(u(r).format());
+  return b(() => {
     const i = setInterval(() => l(u(r).format()), 1e3);
     return () => {
       clearInterval(i);
     };
   }, [r]), /* @__PURE__ */ d("div", { className: p("flex items-center gap-space-04 text-body-02", o), ...a, children: [
     /* @__PURE__ */ d("label", { className: "flex items-center gap-space-01", "aria-label": `Current date: ${Intl.DateTimeFormat("en-GB").format()}`, children: [
-      /* @__PURE__ */ e(z, { size: 20 }),
+      /* @__PURE__ */ e(k, { size: 20 }),
       /* @__PURE__ */ e("span", { children: Intl.DateTimeFormat("en-GB").format() })
     ] }),
     /* @__PURE__ */ d("label", { className: "flex items-center gap-space-01", "aria-label": `Current time: ${t}`, children: [
-      /* @__PURE__ */ e(D, { size: 20 }),
+      /* @__PURE__ */ e(I, { size: 20 }),
       /* @__PURE__ */ e("span", { children: t })
     ] }),
     a.children
   ] });
-}, fe = ({ className: o, hideTrail: a, ...r }) => {
-  const { toggleColors: t, increaseSize: l, decreaseSize: i } = B((y) => y), h = N(b), m = h.colors === "gray" ? "neutral" : "oncolor", f = p({ "mix-blend-multiply  dark:mix-blend-normal": h.colors === "gray" }), x = T("max-width:768px");
-  return /* @__PURE__ */ d("div", { className: p("flex items-center gap-space-02 text-body-02", o), ...r, children: [
-    /* @__PURE__ */ e(j, { colors: m }),
+}, he = ({ className: o, hideTrail: a, hideSwitchTheme: r, ...t }) => {
+  const { toggleColors: l, increaseSize: i, decreaseSize: y } = F((S) => S), h = z(x), c = h.colors === "gray" ? "neutral" : "oncolor", f = p({ "mix-blend-multiply  dark:mix-blend-normal": h.colors === "gray" }), v = D("max-width:768px");
+  return /* @__PURE__ */ d("div", { className: p("flex items-center gap-space-02 text-body-02", o), ...t, children: [
+    /* @__PURE__ */ e(g, { shouldRender: !r, children: /* @__PURE__ */ e(K, { colors: c }) }),
     /* @__PURE__ */ e(
-      c,
+      m,
       {
         size: "icon-sm",
         tooltip: n.Accessibility.ColorContrast,
         variant: "text",
-        colors: m,
-        onClick: t,
+        colors: c,
+        onClick: l,
         type: "button",
         className: f,
-        children: /* @__PURE__ */ e(k, {})
+        children: /* @__PURE__ */ e(H, {})
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      m,
       {
         size: "icon-sm",
         tooltip: n.Accessibility.DecreaseFontSize,
         variant: "text",
-        colors: m,
+        colors: c,
         type: "button",
-        onClick: i,
+        onClick: y,
         className: f,
-        children: /* @__PURE__ */ e(I, {})
+        children: /* @__PURE__ */ e(A, {})
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      m,
       {
         size: "icon-sm",
         tooltip: n.Accessibility.IncreaseFontSize,
         variant: "text",
         type: "button",
-        colors: m,
-        onClick: l,
+        colors: c,
+        onClick: i,
         className: f,
-        children: /* @__PURE__ */ e(H, {})
+        children: /* @__PURE__ */ e(w, {})
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      m,
       {
         size: "icon-sm",
         tooltip: n.Accessibility.VoiceCommands,
         variant: "text",
-        colors: m,
+        colors: c,
         type: "button",
         className: f,
         onClick: () => {
           window.open("https://deaf.dga.gov.sa", "_blank", "noopener,noreferrer");
         },
-        children: /* @__PURE__ */ e(A, { size: 20 })
+        children: /* @__PURE__ */ e(V, { size: 20 })
       }
     ),
-    r.children,
-    /* @__PURE__ */ e(E, { shouldRender: !a, children: /* @__PURE__ */ e(K, { size: x ? "sm" : "default" }) })
+    t.children,
+    /* @__PURE__ */ e(g, { shouldRender: !a, children: /* @__PURE__ */ e(O, { size: v ? "sm" : "default" }) })
   ] });
-}, j = ({ colors: o, size: a = "icon-sm" }) => {
-  const { theme: r, setTheme: t } = w(), l = () => {
+}, K = ({ colors: o, size: a = "icon-sm" }) => {
+  const { theme: r, setTheme: t } = M(), l = () => {
     const i = r === String(s.LIGHT) ? String(s.DARK) : String(s.LIGHT);
     t(i);
   };
-  return g(() => {
+  return b(() => {
     const i = localStorage.getItem("defaultTheme");
     if (i) {
       t(i);
@@ -154,7 +154,7 @@ const F = v(
     }
     localStorage.setItem("defaultTheme", String(s.LIGHT));
   }, [t]), /* @__PURE__ */ e(
-    c,
+    m,
     {
       size: a,
       tooltip: r === String(s.DARK) ? n.Shared.lightMode : n.Shared.darkMode,
@@ -162,17 +162,17 @@ const F = v(
       colors: o,
       className: p({ "mix-blend-multiply dark:mix-blend-normal": o === "gray" }),
       onClick: l,
-      children: r === String(s.DARK) ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(M, {})
+      children: r === String(s.DARK) ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(G, {})
     }
   );
-}, K = ({ variant: o = "ghost", colors: a = "gray", size: r = "default", ...t }) => /* @__PURE__ */ d(G, { variant: o, colors: a, size: r, ...t, children: [
-  /* @__PURE__ */ e(L, {}),
+}, O = ({ variant: o = "ghost", colors: a = "gray", size: r = "default", ...t }) => /* @__PURE__ */ d(L, { variant: o, colors: a, size: r, ...t, children: [
+  /* @__PURE__ */ e(B, {}),
   n.Shared.trialVersion
 ] });
 export {
-  j as NavigationSwitchTheme,
-  de as SecondNavHeader,
-  fe as SecondNavHeaderAction,
-  pe as SecondNavHeaderContent,
-  K as TrialVersion
+  K as NavigationSwitchTheme,
+  pe as SecondNavHeader,
+  he as SecondNavHeaderAction,
+  fe as SecondNavHeaderContent,
+  O as TrialVersion
 };

package/index.es49.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Slot as f } from "@radix-ui/react-slot";
-import { cva as p } from "./index.es108.js";
+import { cva as p } from "./index.es105.js";
 import * as m from "react";
 import { cn as x } from "./index.es79.js";
 const v = p(

package/index.es50.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import * as a from "react";
 import { cn as p } from "./index.es79.js";
-import { cva as b } from "./index.es108.js";
+import { cva as b } from "./index.es105.js";
 import { ShouldRender as x } from "./index.es14.js";
-import h from "./index.es158.js";
+import h from "./index.es155.js";
 const f = b("group relative flex shrink-0 items-start justify-start ", {
   variants: {
     variant: {

package/index.es51.js

@@ -1,45 +1,45 @@
 import { jsx as a, jsxs as L } from "react/jsx-runtime";
-import H from "./index.es159.js";
+import J from "./index.es156.js";
 import * as r from "react";
 import { Button as T } from "./index.es22.js";
-import J from "./index.es117.js";
-import O from "./index.es118.js";
-import { cn as h } from "./index.es79.js";
+import O from "./index.es114.js";
+import Q from "./index.es115.js";
+import { cn as N } from "./index.es79.js";
 const j = r.createContext(null);
-function Q() {
+function U() {
   const o = r.useContext(j);
   if (!o)
     throw new Error("useCarousel must be used within a <Carousel />");
   return o;
 }
 const D = r.forwardRef(
-  ({ orientation: o = "horizontal", opts: c, setApi: C, plugins: w, className: y, children: u, ...$ }, I) => {
-    const [R, t] = H(
+  ({ orientation: o = "horizontal", opts: c, setApi: v, plugins: x, className: g, children: u, ...y }, P) => {
+    const [R, t] = J(
       {
         ...c,
         axis: o === "horizontal" ? "x" : "y"
       },
-      w
-    ), [b, P] = r.useState(!1), [z, e] = r.useState(!1), S = r.useCallback((f) => {
-      f && (P(f.canScrollPrev()), e(f.canScrollNext()));
-    }, []), s = r.useCallback(() => {
+      x
+    ), [h, k] = r.useState(!1), [$, I] = r.useState(!1), e = r.useCallback((l) => {
+      l && (k(l.canScrollPrev()), I(l.canScrollNext()));
+    }, []), w = r.useCallback(() => {
       t == null || t.scrollPrev();
-    }, [t]), p = r.useCallback(() => {
+    }, [t]), n = r.useCallback(() => {
       t == null || t.scrollNext();
-    }, [t]), n = r.useCallback(
-      (f) => {
-        f.key === "ArrowLeft" ? (f.preventDefault(), s()) : f.key === "ArrowRight" && (f.preventDefault(), p());
+    }, [t]), z = r.useCallback(
+      (l) => {
+        l.key === "ArrowLeft" ? (l.preventDefault(), w()) : l.key === "ArrowRight" && (l.preventDefault(), n());
       },
-      [s, p]
+      [w, n]
     );
     return r.useEffect(() => {
-      !t || !C || C(t);
-    }, [t, C]), r.useEffect(() => {
+      !t || !v || v(t);
+    }, [t, v]), r.useEffect(() => {
       if (t)
-        return S(t), t.on("reInit", S), t.on("select", S), () => {
-          t == null || t.off("select", S);
+        return e(t), t.on("reInit", e), t.on("select", e), () => {
+          t == null || t.off("select", e);
         };
-    }, [t, S]), /* @__PURE__ */ a(
+    }, [t, e]), /* @__PURE__ */ a(
       j.Provider,
       {
         value: {
@@ -47,20 +47,20 @@ const D = r.forwardRef(
           api: t,
           opts: c,
           orientation: o || ((c == null ? void 0 : c.axis) === "y" ? "vertical" : "horizontal"),
-          scrollPrev: s,
-          scrollNext: p,
-          canScrollPrev: b,
-          canScrollNext: z
+          scrollPrev: w,
+          scrollNext: n,
+          canScrollPrev: h,
+          canScrollNext: $
         },
         children: /* @__PURE__ */ a(
           "div",
           {
-            ref: I,
-            onKeyDownCapture: n,
-            className: h("relative", y),
+            ref: P,
+            onKeyDownCapture: z,
+            className: N("relative", g),
             role: "region",
             "aria-roledescription": "carousel",
-            ...$,
+            ...y,
             children: u
           }
         )
@@ -69,148 +69,149 @@ const D = r.forwardRef(
   }
 );
 D.displayName = "CarouselPrimitive";
-const G = r.forwardRef(({ className: o, ...c }, C) => {
-  const { carouselRef: w, orientation: y } = Q();
-  return /* @__PURE__ */ a("div", { ref: w, className: "overflow-hidden", children: /* @__PURE__ */ a("div", { ref: C, className: h("flex", y === "horizontal" ? "ml-4" : "-mt-4 flex-col", o), ...c }) });
+const G = r.forwardRef(({ className: o, ...c }, v) => {
+  const { carouselRef: x, orientation: g } = U();
+  return /* @__PURE__ */ a("div", { ref: x, className: "overflow-hidden", children: /* @__PURE__ */ a("div", { ref: v, className: N("flex", g === "horizontal" ? "ml-4" : "-mt-4 flex-col", o), ...c }) });
 });
 G.displayName = "CarouselContent";
-const K = r.forwardRef(({ className: o, ...c }, C) => /* @__PURE__ */ a("div", { ref: C, role: "group", "aria-roledescription": "slide", className: h("min-w-0 shrink-0 grow-0 basis-full", o), ...c }));
+const K = r.forwardRef(({ className: o, ...c }, v) => /* @__PURE__ */ a("div", { ref: v, role: "group", "aria-roledescription": "slide", className: N("min-w-0 shrink-0 grow-0 basis-full", o), ...c }));
 K.displayName = "CarouselItem";
-function ee({
+function re({
   children: o,
   className: c,
-  itemClassName: C,
-  showDots: w = !0,
-  showArrows: y = !0,
+  itemClassName: v,
+  showDots: x = !0,
+  showArrows: g = !0,
   loop: u = !0,
-  autoplay: $ = !1,
-  autoplayInterval: I = 5e3,
+  autoplay: y = !1,
+  autoplayInterval: P = 5e3,
   containerClassName: R,
   maxDots: t = null,
-  itemWidth: b = 230,
-  slidesToShow: P,
-  showPartial: z = !0
+  itemWidth: h = 230,
+  slidesToShow: k,
+  showPartial: $ = !0,
+  dir: I = "rtl"
 }) {
-  const [e, S] = r.useState(), [s, p] = r.useState(0), [n, f] = r.useState(0), [d, N] = r.useState(!1), [B, F] = r.useState(!0), E = r.useId(), M = r.useMemo(() => P ? `calc(${100 / P}% - ${z ? "1rem" : "0px"})` : typeof b == "number" ? `${b}px` : b, [b, P, z]), x = r.useCallback(
-    (l) => {
-      if (!e || d)
+  const [e, w] = r.useState(), [n, z] = r.useState(0), [l, B] = r.useState(0), [f, C] = r.useState(!1), [F, _] = r.useState(!0), E = r.useId(), M = r.useMemo(() => k ? `calc(${100 / k}% - ${$ ? "1rem" : "0px"})` : typeof h == "number" ? `${h}px` : h, [h, k, $]), S = r.useCallback(
+    (s) => {
+      if (!e || f)
         return;
-      N(!0);
-      const m = e.selectedScrollSnap();
-      if (m === l) {
-        N(!1);
+      C(!0);
+      const d = e.selectedScrollSnap();
+      if (d === s) {
+        C(!1);
         return;
       }
-      const g = m < l ? 1 : -1;
-      if (Math.abs(m - l) === 1) {
-        g > 0 ? e.scrollNext() : e.scrollPrev(), setTimeout(() => N(!1), 300);
+      const b = d < s ? 1 : -1;
+      if (Math.abs(d - s) === 1) {
+        b > 0 ? e.scrollNext() : e.scrollPrev(), setTimeout(() => C(!1), 300);
         return;
       }
-      let v = 0;
-      const i = Math.abs(m - l), k = () => {
-        v < i ? (g > 0 ? e.scrollNext() : e.scrollPrev(), v++, setTimeout(k, 150)) : N(!1);
+      let m = 0;
+      const i = Math.abs(d - s), p = () => {
+        m < i ? (b > 0 ? e.scrollNext() : e.scrollPrev(), m++, setTimeout(p, 150)) : C(!1);
       };
-      k();
+      p();
     },
-    [e, d]
+    [e, f]
   ), A = r.useCallback(() => {
-    !e || d || (u && s === n - 1 ? x(0) : (N(!0), e.scrollNext(), setTimeout(() => N(!1), 300)));
-  }, [e, d, u, s, n, x]), _ = r.useCallback(() => {
-    !e || d || (N(!0), u && s === 0 ? x(n - 1) : (e.scrollPrev(), setTimeout(() => N(!1), 300)));
-  }, [e, d, u, s, n, x]);
+    !e || f || (u && n === l - 1 ? S(0) : (C(!0), e.scrollNext(), setTimeout(() => C(!1), 300)));
+  }, [e, f, u, n, l, S]), q = r.useCallback(() => {
+    !e || f || (C(!0), u && n === 0 ? S(l - 1) : (e.scrollPrev(), setTimeout(() => C(!1), 300)));
+  }, [e, f, u, n, l, S]);
   r.useEffect(() => {
     if (!e)
       return;
-    f(e.scrollSnapList().length);
-    const l = () => {
-      p(e.selectedScrollSnap());
+    B(e.scrollSnapList().length);
+    const s = () => {
+      z(e.selectedScrollSnap());
     };
-    return p(e.selectedScrollSnap()), e.on("select", l), e.on("reInit", l), () => {
-      e.off("select", l), e.off("reInit", l);
+    return z(e.selectedScrollSnap()), e.on("select", s), e.on("reInit", s), () => {
+      e.off("select", s), e.off("reInit", s);
     };
   }, [e]), r.useEffect(() => {
     if (!e)
       return;
-    const l = e.scrollSnapList().length, m = e.canScrollNext(), g = e.canScrollPrev();
-    F(m || g || l > 1);
-  }, [e, n, s]), r.useEffect(() => {
-    if (!e || !$)
+    const s = e.scrollSnapList().length, d = e.canScrollNext(), b = e.canScrollPrev();
+    _(d || b || s > 1);
+  }, [e, l, n]), r.useEffect(() => {
+    if (!e || !y)
       return;
-    const l = setInterval(() => {
-      d || A();
-    }, I);
-    return () => clearInterval(l);
-  }, [e, $, I, d, A]);
-  const q = () => {
-    if (!t || n <= t)
-      return Array.from({ length: n }).map((v, i) => /* @__PURE__ */ a(
+    const s = setInterval(() => {
+      f || A();
+    }, P);
+    return () => clearInterval(s);
+  }, [e, y, P, f, A]);
+  const H = () => {
+    if (!t || l <= t)
+      return Array.from({ length: l }).map((m, i) => /* @__PURE__ */ a(
         "button",
         {
-          className: `size-space-04 rounded-full transition-colors focus:outline-none ${s === i ? "bg-primary" : "bg-background-neutral-200"}`,
-          onClick: () => x(i),
-          disabled: d,
+          className: `size-space-04 rounded-full transition-colors focus:outline-none ${n === i ? "bg-primary" : "bg-background-neutral-200"}`,
+          onClick: () => S(i),
+          disabled: f,
           "aria-label": `Go to slide ${i + 1}`
         },
         `${E}-dot-${i}`
       ));
-    const l = [], m = n - (t - 1), g = Math.max(1, m);
-    for (let v = 0; v < t; v++) {
-      let i, k;
-      v === t - 1 ? (i = n - 1, k = s >= n - g) : (i = v, k = s === v), l.push(
+    const s = [], d = l - (t - 1), b = Math.max(1, d);
+    for (let m = 0; m < t; m++) {
+      let i, p;
+      m === t - 1 ? (i = l - 1, p = n >= l - b) : (i = m, p = n === m), s.push(
         /* @__PURE__ */ a(
           "button",
           {
-            className: `size-space-04 rounded-full transition-colors focus:outline-none ${k ? "bg-primary" : "bg-background-neutral-200"}`,
-            onClick: () => x(i),
-            disabled: d,
+            className: `size-space-04 rounded-full transition-colors focus:outline-none ${p ? "bg-primary" : "bg-background-neutral-200"}`,
+            onClick: () => S(i),
+            disabled: f,
             "aria-label": `Go to slide ${i + 1}`
           },
-          `${E}-dot-${v}`
+          `${E}-dot-${m}`
         )
       );
     }
-    return l;
+    return s;
   };
-  return /* @__PURE__ */ a("div", { className: h("w-full overflow-hidden", R), children: /* @__PURE__ */ L(
+  return /* @__PURE__ */ a("div", { className: N("w-full overflow-hidden", R), children: /* @__PURE__ */ L(
     D,
     {
-      dir: "rtl",
-      setApi: S,
+      dir: I,
+      setApi: w,
       opts: {
         align: "start",
         loop: !1,
         skipSnaps: !1,
         containScroll: "trimSnaps",
         dragFree: !1,
-        direction: "rtl",
+        direction: I,
         slidesToScroll: 1
       },
-      className: h("w-full", c),
+      className: N("w-full", c),
       children: [
-        /* @__PURE__ */ a(G, { className: "gap-space-04", children: r.Children.map(o, (l, m) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a(G, { className: "gap-space-04", children: r.Children.map(o, (s, d) => /* @__PURE__ */ a(
           K,
           {
-            className: h("transition-transform duration-300", C),
+            className: N("transition-transform duration-300", v),
             style: {
               flex: `0 0 ${M}`,
               maxWidth: M
             },
-            children: l
+            children: s
           },
-          `${E}-item-${m}`
+          `${E}-item-${d}`
         )) }),
-        B && /* @__PURE__ */ L("div", { className: "container mt-space-05 flex items-center justify-between", children: [
-          y && /* @__PURE__ */ L("div", { className: "flex items-center gap-2", children: [
+        F && /* @__PURE__ */ L("div", { className: "container mt-space-05 flex items-center justify-between", children: [
+          g && /* @__PURE__ */ L("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ a(
               T,
               {
-                onClick: _,
+                onClick: q,
                 colors: "primary",
-                variant: !u && s === 0 ? "outline" : "default",
+                variant: !u && n === 0 ? "outline" : "default",
                 size: "icon",
                 "aria-label": "Previous slide",
-                className: h(!u && s === 0 && "!pointer-events-none"),
-                children: /* @__PURE__ */ a(J, { className: "h-4 w-4" })
+                className: N(!u && n === 0 && "!pointer-events-none"),
+                children: /* @__PURE__ */ a(O, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ a(
@@ -218,22 +219,22 @@ function ee({
               {
                 onClick: A,
                 colors: "primary",
-                variant: !u && s === n - 1 ? "outline" : "default",
+                variant: !u && n === l - 1 ? "outline" : "default",
                 size: "icon",
                 "aria-label": "Next slide",
-                className: h(!u && s === n - 1 && "!pointer-events-none"),
-                children: /* @__PURE__ */ a(O, { className: "h-4 w-4" })
+                className: N(!u && n === l - 1 && "!pointer-events-none"),
+                children: /* @__PURE__ */ a(Q, { className: "h-4 w-4" })
               }
             )
           ] }),
-          w && n > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: q() })
+          x && l > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: H() })
         ] })
       ]
     }
   ) });
 }
 export {
-  ee as Carousel,
+  re as Carousel,
   G as CarouselContent,
   K as CarouselItem,
   D as CarouselPrimitive