mada-design-system 0.0.10 → 0.1.1

package/index.es45.js

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import h from "./index.es135.js";
-import g from "./index.es136.js";
-import b from "./index.es137.js";
-import x from "./index.es138.js";
-import v from "./index.es139.js";
-import N from "./index.es140.js";
+import h from "./index.es134.js";
+import g from "./index.es135.js";
+import b from "./index.es136.js";
+import x from "./index.es137.js";
+import v from "./index.es138.js";
+import N from "./index.es139.js";
 import "./index.es2.js";
-import w from "./index.es78.js";
-import { strings as i } from "./index.es89.js";
-import y from "./index.es141.js";
-import k from "./index.es142.js";
-import F from "./index.es143.js";
-import z from "./index.es144.js";
+import w from "./index.es79.js";
+import { strings as i } from "./index.es90.js";
+import y from "./index.es140.js";
+import k from "./index.es141.js";
+import F from "./index.es142.js";
+import z from "./index.es143.js";
 import { Link as p } from "./index.es49.js";
-import { cn as u } from "./index.es77.js";
+import { cn as u } from "./index.es78.js";
 import { ShouldRender as f } from "./index.es14.js";
 import { Button as c } from "./index.es22.js";
 const K = ({ colors: t = "default", ...l }) => {

package/index.es46.js

@@ -1,20 +1,21 @@
-import { jsxs as c, Fragment as f, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, Fragment as u, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
-import E from "./index.es109.js";
-import z from "./index.es108.js";
-import { Button as m } from "./index.es22.js";
-function R({ children: u, scrollAmount: h = 200, margin: a = 0, className: v = "", buttonClassName: i = "" }) {
-  const [p, b] = l.useState(!1), [S, w] = l.useState(!1), o = l.useRef(null), r = l.useCallback(() => {
+import E from "./index.es108.js";
+import z from "./index.es107.js";
+import { Button as h } from "./index.es22.js";
+import { cn as N } from "./index.es78.js";
+function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "", buttonClassName: i = "" }) {
+  const [d, S] = l.useState(!1), [f, w] = l.useState(!1), o = l.useRef(null), r = l.useCallback(() => {
     const e = o.current, n = document.dir;
     if (e) {
       const s = (n === "ltr" ? 1 : -1) * e.scrollLeft, x = s > 0, C = s < e.scrollWidth - e.clientWidth - a;
-      b(x), w(C);
+      S(x), w(C);
     }
-  }, [a]), d = (e) => {
+  }, [a]), m = (e) => {
     if (o.current) {
       const n = document.dir, s = n === "ltr" && e === "start" || n === "rtl" && e === "end" ? -1 : 1;
       o.current.scrollBy({
-        left: h * s,
+        left: p * s,
         behavior: "smooth"
       });
     }
@@ -27,35 +28,48 @@ function R({ children: u, scrollAmount: h = 200, margin: a = 0, className: v = "
       };
   }, [r]), l.useEffect(() => {
     const e = document.createElement("style");
-    return e.textContent = N, document.head.appendChild(e), () => {
+    return e.textContent = k, document.head.appendChild(e), () => {
       document.head.removeChild(e);
     };
   }, []), /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
-    p && /* @__PURE__ */ c(f, { children: [
+    d && /* @__PURE__ */ c(u, { children: [
       /* @__PURE__ */ t("div", { className: "pointer-events-none absolute start-0 top-0 z-[5] h-full  w-[120px] bg-gradient-to-r from-transparent via-white via-60% to-white" }),
       /* @__PURE__ */ t(
-        m,
+        h,
         {
           variant: "text",
           size: "icon",
           colors: "neutral",
-          onClick: () => d("start"),
+          onClick: () => m("start"),
           "aria-label": "Scroll left",
           className: `absolute start-0 z-10 flex-shrink-0 ${i}`,
           children: /* @__PURE__ */ t(E, { className: "size-space-04 rtl:rotate-180" })
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { ref: o, className: `no-scrollbar flex-1 overflow-x-auto    ${v}`, children: /* @__PURE__ */ t("div", { className: "flex", children: u }) }),
-    S && /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        className: N(
+          "no-scrollbar flex-1 ",
+          {
+            "overflow-x-auto ": f || d
+          },
+          b
+        ),
+        children: /* @__PURE__ */ t("div", { className: "flex", children: v })
+      }
+    ),
+    f && /* @__PURE__ */ c(u, { children: [
       /* @__PURE__ */ t("div", { className: "pointer-events-none absolute end-0 top-0 z-[5] h-full w-[120px] bg-gradient-to-l from-transparent via-white via-60% to-white" }),
       /* @__PURE__ */ t(
-        m,
+        h,
         {
           variant: "text",
           size: "icon",
           colors: "neutral",
-          onClick: () => d("end"),
+          onClick: () => m("end"),
           "aria-label": "Scroll right",
           className: `absolute end-0 z-10 flex-shrink-0  ${i}`,
           children: /* @__PURE__ */ t(z, { className: "size-space-04 rtl:rotate-180" })
@@ -64,7 +78,7 @@ function R({ children: u, scrollAmount: h = 200, margin: a = 0, className: v = "
     ] })
   ] });
 }
-const N = `
+const k = `
   .no-scrollbar::-webkit-scrollbar {
     display: none;
   }
@@ -74,5 +88,5 @@ const N = `
   }
 `;
 export {
-  R as ResponsiveScroll
+  B as ResponsiveScroll
 };

package/index.es47.js

@@ -1,22 +1,22 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
 import { cva as v } from "./index.es98.js";
 import { createContext as x, useState as y, useEffect as g, useContext as S } from "react";
-import { THEME as n } from "./index.es145.js";
+import { THEME as n } from "./index.es144.js";
 import "./index.es2.js";
-import { cn as m, formatterTime as h } from "./index.es77.js";
-import C from "./index.es146.js";
-import N from "./index.es147.js";
-import T from "./index.es141.js";
-import z from "./index.es142.js";
-import D from "./index.es143.js";
-import k from "./index.es144.js";
-import { useThemeStore as I } from "./index.es88.js";
-import H from "./index.es148.js";
-import A from "./index.es149.js";
-import w from "./index.es81.js";
-import G from "./index.es78.js";
+import { cn as m, formatterTime as h } from "./index.es78.js";
+import C from "./index.es145.js";
+import N from "./index.es146.js";
+import T from "./index.es140.js";
+import z from "./index.es141.js";
+import D from "./index.es142.js";
+import k from "./index.es143.js";
+import { useThemeStore as I } from "./index.es89.js";
+import H from "./index.es147.js";
+import A from "./index.es148.js";
+import w from "./index.es82.js";
+import G from "./index.es79.js";
 import { Button as l } from "./index.es22.js";
-import { strings as s } from "./index.es89.js";
+import { strings as s } from "./index.es90.js";
 const L = v("h-space-07 px-space-06 py-space-01 flex [&>svg]:size-[20px] items-center md:justify-between justify-center", {
   variants: {
     colors: {

package/index.es48.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as v, Fragment as P } from "react/jsx-runtime";
 import * as g from "react";
 import * as C from "recharts";
-import { cn as i } from "./index.es77.js";
+import { cn as i } from "./index.es78.js";
 const I = { light: "", dark: ".dark" }, j = g.createContext(null);
 function $() {
   const s = g.useContext(j);

package/index.es49.js

@@ -2,7 +2,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { Slot as f } from "@radix-ui/react-slot";
 import { cva as p } from "./index.es98.js";
 import * as m from "react";
-import { cn as x } from "./index.es77.js";
+import { cn as x } from "./index.es78.js";
 const v = p(
   "inline-flex items-center gap-space-02 justify-center transition-colors focus:outline focus:outline-2 focus:outline-offset-1",
   {

package/index.es50.js

@@ -1,81 +1,79 @@
-import { jsx as h } from "react/jsx-runtime";
-import m from "./index.es150.js";
-import b from "./index.es151.js";
-import L from "./index.es81.js";
-const w = ({ seriesData: e, title: l, tooltipFormatter: r, chartOptions: d, width: o = 200, height: t = 200, enableTooltip: p, center: c }) => {
-  var a, i;
-  const { dir: g } = L(), f = g === "rtl", n = (s) => f ? [...s].reverse() : s, u = {
-    chart: {
-      type: "pie",
-      plotBorderWidth: null,
-      plotShadow: !1,
-      width: o,
-      height: t,
-      margin: [0, 0, 0, 0],
-      spacing: [0, 0, 0, 0],
-      spacingTop: 0,
-      spacingBottom: 0,
-      spacingRight: 0,
-      spacingLeft: 0,
-      backgroundColor: "transparent",
-      style: { margin: "0 auto" },
-      ...d
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import * as a from "react";
+import { cn as p } from "./index.es78.js";
+import { cva as b } from "./index.es98.js";
+import { ShouldRender as x } from "./index.es14.js";
+import h from "./index.es149.js";
+const f = b("group relative flex shrink-0 items-start justify-start ", {
+  variants: {
+    variant: {
+      circle: "peer border border-border-primary-default text-text-primary items-center justify-center rounded-full w-space-06 h-space-06 text-body-02 font-medium data-[state=upcoming]:border-border-neutral-primary data-[state=upcoming]:text-border-neutral-primary data-[state=complete]:bg-background-primary  data-[state=complete]:text-icon-oncolor",
+      dot: "peer items-center justify-center rounded-full w-space-06 h-space-06 "
     },
-    title: {
-      text: l,
-      floating: !0,
-      align: "center",
-      verticalAlign: "middle",
-      y: 60,
-      x: 50,
-      width: 100,
-      useHTML: !0,
-      style: {}
-    },
-    tooltip: {
-      enabled: p,
-      followPointer: !1,
-      formatter: r || null
-    },
-    plotOptions: {
-      pie: {
-        size: o > t ? o : t,
-        states: {
-          hover: {
-            enabled: !0,
-            halo: {
-              size: 0,
-              opacity: 0.25
-            }
-          }
-        },
-        allowPointSelect: !1,
-        cursor: "pointer",
-        dataLabels: { enabled: !1 },
-        showInLegend: !1,
-        startAngle: -90,
-        endAngle: 90,
-        center: c ?? ["50%", "147%"],
-        innerSize: "85%",
-        borderWidth: 0,
-        borderRadius: 0
-      }
-    },
-    series: [
-      {
-        ...e[0],
-        data: n(((a = e[0]) == null ? void 0 : a.data) || []),
-        colors: (i = e[0]) != null && i.colors ? n(e[0].colors) : void 0,
-        borderWidth: 0,
-        groupPadding: 0,
-        pointPadding: 0,
-        grouping: !1,
-        shadow: !1
-      }
-    ]
-  };
-  return /* @__PURE__ */ h(b, { highcharts: m, options: u });
-};
+    orientation: {
+      vertical: "flex-col   ",
+      horizontal: "flex-row  "
+    }
+  }
+}), g = a.createContext({
+  variant: "circle",
+  orientation: "horizontal",
+  activeStep: 0
+}), S = ({ activeStep: o, variant: t, orientation: e, children: n }) => /* @__PURE__ */ r(g.Provider, { value: { activeStep: o, variant: t, orientation: e }, children: n }), w = a.forwardRef(
+  ({ activeStep: o = 0, orientation: t = "horizontal", variant: e = "circle", className: n, children: i, ...s }, c) => {
+    const d = a.useMemo(() => {
+      let u = 0;
+      const y = a.Children.count(i);
+      return a.Children.map(i, (l) => a.isValidElement(l) && l.type.displayName === "Step" ? a.cloneElement(l, {
+        "data-index": ++u,
+        lastStep: y === u
+      }) : l);
+    }, [i]);
+    return /* @__PURE__ */ r("div", { ref: c, className: p(f({ orientation: t }), n), ...s, "data-orientation": t, children: /* @__PURE__ */ r(S, { activeStep: o, variant: e, orientation: t, children: d }) });
+  }
+);
+w.displayName = "Stepper";
+const N = a.forwardRef(({ className: o, children: t, ...e }, n) => {
+  const { activeStep: i, variant: s } = a.useContext(g), c = (e == null ? void 0 : e["data-index"]) ?? 0, d = p({
+    upcoming: i < c,
+    current: i === c,
+    complete: i > c
+  });
+  return /* @__PURE__ */ m("div", { className: "relative flex min-w-space-08 max-w-space-12 flex-col gap-space-02 group-data-[orientation=vertical]:min-h-space-08 group-data-[orientation=vertical]:flex-row ", children: [
+    /* @__PURE__ */ m("div", { ref: n, "data-state": d, className: p(f({ variant: s }), o), ...e, children: [
+      /* @__PURE__ */ m(x, { shouldRender: s === "circle", children: [
+        d !== "complete" && /* @__PURE__ */ r("span", { children: c }),
+        d === "complete" && /* @__PURE__ */ r(h, { size: 20 })
+      ] }),
+      /* @__PURE__ */ r(x, { shouldRender: s === "dot", children: /* @__PURE__ */ r("div", { className: "size-space-02 bg-border-neutral-primary group-data-[state=current]:border-2 group-data-[state=current]:border-primary  group-data-[state=complete]:bg-background-primary   rounded-full" }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "me-space-04 hidden flex-col gap-space-01 md:flex ", children: t }),
+    !e.lastStep && /* @__PURE__ */ r(v, {})
+  ] });
+});
+N.displayName = "Step";
+const C = a.forwardRef(({ className: o, children: t, ...e }, n) => /* @__PURE__ */ r("span", { ref: n, className: p("text-body-02 font-medium text-text-display", o), ...e, children: t }));
+C.displayName = "StepTitle";
+const R = a.forwardRef(
+  ({ className: o, children: t, ...e }, n) => /* @__PURE__ */ r("p", { ref: n, className: p("text-wrap text-body-01 text-text-paragraph-primary", o), ...e, children: t })
+);
+R.displayName = "StepDescription";
+const v = a.forwardRef(({ className: o, children: t, ...e }, n) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: n,
+    className: p(
+      "absolute start-space-06 top-space-04 h-[2px] w-[calc(100%_-_32px)] bg-border-background-neutral group-data-[orientation=vertical]:start-space-04  group-data-[orientation=vertical]:top-space-06  group-data-[orientation=vertical]:h-[calc(100%_-_32px)] group-data-[orientation=vertical]:w-[2px] peer-data-[state=complete]:bg-background-primary",
+      o
+    ),
+    ...e,
+    children: t
+  }
+));
+v.displayName = "StepConnector";
 export {
-  w as PieChart
+  N as Step,
+  R as StepDescription,
+  C as StepTitle,
+  w as Stepper
 };

package/index.es51.js

@@ -1,25 +1,240 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-popover";
-import * as s from "react";
-import { cn as n } from "./index.es77.js";
-const f = o.Root, c = o.Trigger, v = o.Arrow, g = o.Close, m = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
-  o.Content,
-  {
-    ref: i,
-    align: a,
-    sideOffset: r,
-    className: n(
-      "z-50 rounded-2 border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e
-    ),
-    ...d
+import { jsx as a, jsxs as L } from "react/jsx-runtime";
+import H from "./index.es150.js";
+import * as r from "react";
+import { Button as T } from "./index.es22.js";
+import J from "./index.es107.js";
+import O from "./index.es108.js";
+import { cn as h } from "./index.es78.js";
+const j = r.createContext(null);
+function Q() {
+  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(
+      {
+        ...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(() => {
+      t == null || t.scrollPrev();
+    }, [t]), p = r.useCallback(() => {
+      t == null || t.scrollNext();
+    }, [t]), n = r.useCallback(
+      (f) => {
+        f.key === "ArrowLeft" ? (f.preventDefault(), s()) : f.key === "ArrowRight" && (f.preventDefault(), p());
+      },
+      [s, p]
+    );
+    return r.useEffect(() => {
+      !t || !C || C(t);
+    }, [t, C]), r.useEffect(() => {
+      if (t)
+        return S(t), t.on("reInit", S), t.on("select", S), () => {
+          t == null || t.off("select", S);
+        };
+    }, [t, S]), /* @__PURE__ */ a(
+      j.Provider,
+      {
+        value: {
+          carouselRef: R,
+          api: t,
+          opts: c,
+          orientation: o || ((c == null ? void 0 : c.axis) === "y" ? "vertical" : "horizontal"),
+          scrollPrev: s,
+          scrollNext: p,
+          canScrollPrev: b,
+          canScrollNext: z
+        },
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            ref: I,
+            onKeyDownCapture: n,
+            className: h("relative", y),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...$,
+            children: u
+          }
+        )
+      }
+    );
   }
-) }));
-m.displayName = o.Content.displayName;
+);
+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 }) });
+});
+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 }));
+K.displayName = "CarouselItem";
+function ee({
+  children: o,
+  className: c,
+  itemClassName: C,
+  showDots: w = !0,
+  showArrows: y = !0,
+  loop: u = !0,
+  autoplay: $ = !1,
+  autoplayInterval: I = 5e3,
+  containerClassName: R,
+  maxDots: t = null,
+  itemWidth: b = 230,
+  slidesToShow: P,
+  showPartial: z = !0
+}) {
+  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)
+        return;
+      N(!0);
+      const m = e.selectedScrollSnap();
+      if (m === l) {
+        N(!1);
+        return;
+      }
+      const g = m < l ? 1 : -1;
+      if (Math.abs(m - l) === 1) {
+        g > 0 ? e.scrollNext() : e.scrollPrev(), setTimeout(() => N(!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);
+      };
+      k();
+    },
+    [e, d]
+  ), 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]);
+  r.useEffect(() => {
+    if (!e)
+      return;
+    f(e.scrollSnapList().length);
+    const l = () => {
+      p(e.selectedScrollSnap());
+    };
+    return p(e.selectedScrollSnap()), e.on("select", l), e.on("reInit", l), () => {
+      e.off("select", l), e.off("reInit", l);
+    };
+  }, [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 || !$)
+      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(
+        "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,
+          "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(
+        /* @__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,
+            "aria-label": `Go to slide ${i + 1}`
+          },
+          `${E}-dot-${v}`
+        )
+      );
+    }
+    return l;
+  };
+  return /* @__PURE__ */ a("div", { className: h("w-full overflow-hidden", R), children: /* @__PURE__ */ L(
+    D,
+    {
+      dir: "rtl",
+      setApi: S,
+      opts: {
+        align: "start",
+        loop: !1,
+        skipSnaps: !1,
+        containScroll: "trimSnaps",
+        dragFree: !1,
+        direction: "rtl",
+        slidesToScroll: 1
+      },
+      className: h("w-full", c),
+      children: [
+        /* @__PURE__ */ a(G, { className: "gap-space-04", children: r.Children.map(o, (l, m) => /* @__PURE__ */ a(
+          K,
+          {
+            className: h("transition-transform duration-300", C),
+            style: {
+              flex: `0 0 ${M}`,
+              maxWidth: M
+            },
+            children: l
+          },
+          `${E}-item-${m}`
+        )) }),
+        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: [
+            /* @__PURE__ */ a(
+              T,
+              {
+                onClick: _,
+                colors: "primary",
+                variant: !u && s === 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" })
+              }
+            ),
+            /* @__PURE__ */ a(
+              T,
+              {
+                onClick: A,
+                colors: "primary",
+                variant: !u && s === n - 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" })
+              }
+            )
+          ] }),
+          w && n > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: q() })
+        ] })
+      ]
+    }
+  ) });
+}
 export {
-  f as Popover,
-  v as PopoverArrow,
-  g as PopoverClose,
-  m as PopoverContent,
-  c as PopoverTrigger
+  ee as Carousel,
+  G as CarouselContent,
+  K as CarouselItem,
+  D as CarouselPrimitive
 };