asheeui 0.6.14 → 0.7.0

package/dist/components/carousel/Carousel.js

@@ -1,249 +1,124 @@
 "use client";
-import { jsxs as T, jsx as l, Fragment as Ae } from "react/jsx-runtime";
-import { forwardRef as Se, useId as Pe, useMemo as ke, useState as p, useRef as Ne, useCallback as j, useEffect as Le } from "react";
-import { ChevronLeftIcon as Re } from "../../icons/ChevronLeftIcon.js";
-import { ChevronRightIcon as De } from "../../icons/ChevronRightIcon.js";
-import { useAsheeConfig as Oe } from "../../libs/context.js";
-import { resolveCascade as d, resolveRadiusKey as Ie, resolveClassKey as A } from "../../utils/resolve-token.js";
-import { FALLBACK_CAROUSEL_CONFIG as s } from "./carousel-config.js";
-import { CAROUSEL_HEIGHT_CLASS as _e, CAROUSEL_PADDING_CLASS as Ee, CAROUSEL_VARIANT_CLASS as F } from "./carousel-styles.js";
-import { RADIUS_CLASS as He } from "../../shared/radius.js";
-import { cn as u } from "../../utils/cn.js";
-const G = 50, ze = Se(
-  ({
-    items: h = [],
-    variant: $,
-    size: C,
-    radius: V,
-    autoPlay: X,
-    autoPlayInterval: x,
-    loop: B,
-    showControls: W,
-    showIndicators: q,
-    pauseOnHover: J,
-    disableAnimation: Q = !1,
-    defaultIndex: Y = 0,
-    index: S,
-    onIndexChange: i,
-    renderPrevControl: P,
-    renderNextControl: k,
-    itemClassName: Z,
-    controlClassName: N,
-    indicatorClassName: ee,
-    className: re,
-    style: oe,
-    children: c,
-    id: te,
-    ...se
-  }, le) => {
-    var M;
-    const y = Oe(), e = (M = y.components) == null ? void 0 : M.carousel, ae = Pe(), ie = te ?? ae, L = d(
-      C,
-      e == null ? void 0 : e.size,
-      void 0,
-      s.size
-    ), ne = d(
-      $,
-      e == null ? void 0 : e.variant,
-      y.defaultVariant,
-      s.variant
-    ), de = Ie(
-      V,
-      e == null ? void 0 : e.radius,
-      y.defaultRadius,
-      s.radius
-    ), R = d(
-      X,
-      e == null ? void 0 : e.autoPlay,
-      void 0,
-      s.autoPlay
-    ), D = d(
-      x,
-      e == null ? void 0 : e.autoPlayInterval,
-      void 0,
-      s.autoPlayInterval
-    ), f = d(
-      B,
-      e == null ? void 0 : e.loop,
-      void 0,
-      s.loop
-    ), ue = d(
-      W,
-      e == null ? void 0 : e.showControls,
-      void 0,
-      s.showControls
-    ), ce = d(
-      q,
-      e == null ? void 0 : e.showIndicators,
-      void 0,
-      s.showIndicators
-    ), O = d(
-      J,
-      e == null ? void 0 : e.pauseOnHover,
-      void 0,
-      s.pauseOnHover
-    ), fe = A(
-      L,
-      _e,
-      s.size
-    ), be = A(
-      L,
-      Ee,
-      s.size
-    ), ve = A(
-      de,
-      He,
-      s.radius
-    ), me = F[ne] ?? F.bordered, t = ke(() => h.length > 0 ? h : c ? (Array.isArray(c) ? c : [c]).map((o, we) => ({
-      id: `slide-${we}`,
-      content: o
-    })) : [], [h, c]), b = S !== void 0, [pe, I] = p(Y), a = b ? S : pe, [_, m] = p(!1), [v, E] = p(!1), [g, w] = p(0), H = Ne(0), n = j(
-      (r) => {
-        if (t.length <= 1) return;
-        let o = a + r;
-        o < 0 ? o = f ? t.length - 1 : 0 : o >= t.length && (o = f ? 0 : t.length - 1), o !== a && (b || I(o), i == null || i(o));
-      },
-      [a, t.length, f, b, i]
-    ), he = j(
-      (r) => {
-        r === a || r < 0 || r >= t.length || (b || I(r), i == null || i(r));
-      },
-      [a, t.length, b, i]
-    );
-    Le(() => {
-      if (!R || O && _ || v || t.length <= 1)
-        return;
-      const r = setInterval(() => {
-        n(1);
-      }, D);
-      return () => clearInterval(r);
-    }, [
-      R,
-      D,
-      O,
-      _,
-      v,
-      t.length,
-      n
-    ]);
-    const ye = (r) => {
-      r.target.closest("button") || (E(!0), H.current = r.clientX, w(0), r.currentTarget.setPointerCapture(r.pointerId));
-    }, ge = (r) => {
-      if (!v) return;
-      const o = r.clientX - H.current;
-      w(o);
-    }, z = () => {
-      v && (E(!1), g < -G ? n(1) : g > G && n(-1), w(0));
-    }, U = !f && a === 0, K = !f && a === t.length - 1;
-    return /* @__PURE__ */ T(
-      "div",
-      {
-        ref: le,
-        id: ie,
-        onMouseEnter: () => m(!0),
-        onMouseLeave: () => m(!1),
-        onFocus: () => m(!0),
-        onBlur: () => m(!1),
-        className: u(
-          "relative scrollbar-hide overflow-hidden w-full select-none flex flex-col group",
-          me,
-          ve,
-          fe,
-          re
-        ),
-        style: oe,
-        ...se,
-        children: [
-          /* @__PURE__ */ l(
-            "div",
-            {
-              onPointerDown: ye,
-              onPointerMove: ge,
-              onPointerUp: z,
-              onPointerCancel: z,
-              className: "relative w-full h-full scrollbar-hide overflow-hidden flex-1 touch-pan-y cursor-grab active:cursor-grabbing",
-              children: /* @__PURE__ */ l(
-                "div",
-                {
-                  className: u(
-                    "flex w-full h-full",
-                    !v && !Q && "transition-transform duration-300 ease-out"
-                  ),
-                  style: {
-                    transform: `translate3d(calc(${-a * 100}% + ${g}px), 0, 0)`
-                  },
-                  children: t.map((r, o) => /* @__PURE__ */ l(
-                    "div",
-                    {
-                      className: u(
-                        "w-full h-full shrink-0 flex items-center justify-center scrollbar-hide overflow-hidden",
-                        be,
-                        Z
-                      ),
-                      children: r.content
-                    },
-                    r.id || o
-                  ))
-                }
-              )
-            }
-          ),
-          ue && t.length > 1 && /* @__PURE__ */ T(Ae, { children: [
-            P ? P({
-              onClick: () => n(-1),
-              disabled: U
-            }) : /* @__PURE__ */ l(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Previous Slide",
-                disabled: U,
-                onClick: () => n(-1),
-                className: u(
-                  "absolute left-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed",
-                  N
-                ),
-                children: /* @__PURE__ */ l(Re, { className: "w-5 h-5" })
-              }
-            ),
-            k ? k({
-              onClick: () => n(1),
-              disabled: K
-            }) : /* @__PURE__ */ l(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Next Slide",
-                disabled: K,
-                onClick: () => n(1),
-                className: u(
-                  "absolute right-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed",
-                  N
-                ),
-                children: /* @__PURE__ */ l(De, { className: "w-5 h-5" })
-              }
-            )
-          ] }),
-          ce && t.length > 1 && /* @__PURE__ */ l("div", { className: "absolute bottom-3 inset-x-0 z-20 flex justify-center items-center gap-1.5 pointer-events-none", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5 p-1.5 rounded-full bg-background/40 backdrop-blur-md pointer-events-auto border border-white/10", children: t.map((r, o) => /* @__PURE__ */ l(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Go to slide ${o + 1}`,
-              onClick: () => he(o),
-              className: u(
-                "h-2 rounded-full transition-all duration-300 focus:outline-none focus-visible:ring-1 focus-visible:ring-primary",
-                o === a ? "w-6 bg-primary" : "w-2 bg-foreground/40 hover:bg-foreground/70",
-                ee
-              )
-            },
-            r.id || o
-          )) }) })
-        ]
-      }
-    );
-  }
-);
-ze.displayName = "Carousel";
-export {
-  ze as Carousel
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { RADIUS_CLASS as n } from "../../shared/radius.js";
+import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
+import { ChevronLeftIcon as ee } from "../../icons/ChevronLeftIcon.js";
+import { ChevronRightIcon as te } from "../../icons/ChevronRightIcon.js";
+import { FALLBACK_CAROUSEL_CONFIG as o } from "./carousel-config.js";
+import { CAROUSEL_HEIGHT_CLASS as ne, CAROUSEL_PADDING_CLASS as s, CAROUSEL_VARIANT_CLASS as c } from "./carousel-styles.js";
+import { forwardRef as l, useCallback as u, useEffect as re, useId as ie, useMemo as ae, useRef as oe, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/carousel/Carousel.tsx
+var h = 50, g = l(({ items: l = [], variant: g, size: se, radius: ce, autoPlay: le, autoPlayInterval: ue, loop: de, showControls: fe, showIndicators: _, pauseOnHover: v, disableAnimation: pe = !1, defaultIndex: me = 0, index: y, onIndexChange: b, renderPrevControl: x, renderNextControl: S, itemClassName: he, controlClassName: C, indicatorClassName: ge, className: _e, style: ve, children: w, id: T, ...E }, D) => {
+	let O = t(), k = O.components?.carousel, A = ie(), j = T ?? A, M = r(se, k?.size, void 0, o.size), N = r(g, k?.variant, O.defaultVariant, o.variant), P = a(ce, k?.radius, O.defaultRadius, o.radius), F = r(le, k?.autoPlay, void 0, o.autoPlay), I = r(ue, k?.autoPlayInterval, void 0, o.autoPlayInterval), L = r(de, k?.loop, void 0, o.loop), ye = r(fe, k?.showControls, void 0, o.showControls), be = r(_, k?.showIndicators, void 0, o.showIndicators), R = r(v, k?.pauseOnHover, void 0, o.pauseOnHover), xe = i(M, ne, o.size), Se = i(M, s, o.size), Ce = i(P, n, o.radius), we = c[N] ?? c.bordered, z = ae(() => l.length > 0 ? l : w ? (Array.isArray(w) ? w : [w]).map((e, t) => ({
+		id: `slide-${t}`,
+		content: e
+	})) : [], [l, w]), B = y !== void 0, [Te, V] = d(me), H = B ? y : Te, [U, W] = d(!1), [G, K] = d(!1), [q, J] = d(0), Y = oe(0), X = u((e) => {
+		if (z.length <= 1) return;
+		let t = H + e;
+		t < 0 ? t = L ? z.length - 1 : 0 : t >= z.length && (t = L ? 0 : z.length - 1), t !== H && (B || V(t), b?.(t));
+	}, [
+		H,
+		z.length,
+		L,
+		B,
+		b
+	]), Ee = u((e) => {
+		e === H || e < 0 || e >= z.length || (B || V(e), b?.(e));
+	}, [
+		H,
+		z.length,
+		B,
+		b
+	]);
+	re(() => {
+		if (!F || R && U || G || z.length <= 1) return;
+		let e = setInterval(() => {
+			X(1);
+		}, I);
+		return () => clearInterval(e);
+	}, [
+		F,
+		I,
+		R,
+		U,
+		G,
+		z.length,
+		X
+	]);
+	let De = (e) => {
+		e.target.closest("button") || (K(!0), Y.current = e.clientX, J(0), e.currentTarget.setPointerCapture(e.pointerId));
+	}, Oe = (e) => {
+		if (!G) return;
+		let t = e.clientX - Y.current;
+		J(t);
+	}, Z = () => {
+		G && (K(!1), q < -50 ? X(1) : q > h && X(-1), J(0));
+	}, Q = !L && H === 0, $ = !L && H === z.length - 1;
+	return /* @__PURE__ */ m("div", {
+		ref: D,
+		id: j,
+		onMouseEnter: () => W(!0),
+		onMouseLeave: () => W(!1),
+		onFocus: () => W(!0),
+		onBlur: () => W(!1),
+		className: e("relative scrollbar-hide overflow-hidden w-full select-none flex flex-col group", we, Ce, xe, _e),
+		style: ve,
+		...E,
+		children: [
+			/* @__PURE__ */ p("div", {
+				onPointerDown: De,
+				onPointerMove: Oe,
+				onPointerUp: Z,
+				onPointerCancel: Z,
+				className: "relative w-full h-full scrollbar-hide overflow-hidden flex-1 touch-pan-y cursor-grab active:cursor-grabbing",
+				children: /* @__PURE__ */ p("div", {
+					className: e("flex w-full h-full", !G && !pe && "transition-transform duration-300 ease-out"),
+					style: { transform: `translate3d(calc(${-H * 100}% + ${q}px), 0, 0)` },
+					children: z.map((t, n) => /* @__PURE__ */ p("div", {
+						className: e("w-full h-full shrink-0 flex items-center justify-center scrollbar-hide overflow-hidden", Se, he),
+						children: t.content
+					}, t.id || n))
+				})
+			}),
+			ye && z.length > 1 && /* @__PURE__ */ m(f, { children: [x ? x({
+				onClick: () => X(-1),
+				disabled: Q
+			}) : /* @__PURE__ */ p("button", {
+				type: "button",
+				"aria-label": "Previous Slide",
+				disabled: Q,
+				onClick: () => X(-1),
+				className: e("absolute left-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed", C),
+				children: /* @__PURE__ */ p(ee, { className: "w-5 h-5" })
+			}), S ? S({
+				onClick: () => X(1),
+				disabled: $
+			}) : /* @__PURE__ */ p("button", {
+				type: "button",
+				"aria-label": "Next Slide",
+				disabled: $,
+				onClick: () => X(1),
+				className: e("absolute right-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed", C),
+				children: /* @__PURE__ */ p(te, { className: "w-5 h-5" })
+			})] }),
+			be && z.length > 1 && /* @__PURE__ */ p("div", {
+				className: "absolute bottom-3 inset-x-0 z-20 flex justify-center items-center gap-1.5 pointer-events-none",
+				children: /* @__PURE__ */ p("div", {
+					className: "flex items-center gap-1.5 p-1.5 rounded-full bg-background/40 backdrop-blur-md pointer-events-auto border border-white/10",
+					children: z.map((t, n) => /* @__PURE__ */ p("button", {
+						type: "button",
+						"aria-label": `Go to slide ${n + 1}`,
+						onClick: () => Ee(n),
+						className: e("h-2 rounded-full transition-all duration-300 focus:outline-none focus-visible:ring-1 focus-visible:ring-primary", n === H ? "w-6 bg-primary" : "w-2 bg-foreground/40 hover:bg-foreground/70", ge)
+					}, t.id || n))
+				})
+			})
+		]
+	});
+});
+g.displayName = "Carousel";
+//#endregion
+export { g as Carousel };

package/dist/components/carousel/carousel-config.js

@@ -1,29 +1,28 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const o = {
-  size: "md",
-  autoPlay: !1,
-  autoPlayInterval: 5e3,
-  loop: !0,
-  showControls: !0,
-  showIndicators: !0,
-  pauseOnHover: !0,
-  disableAnimation: !1
+//#region src/components/carousel/carousel-config.ts
+var t = {
+	size: "md",
+	autoPlay: !1,
+	autoPlayInterval: 5e3,
+	loop: !0,
+	showControls: !0,
+	showIndicators: !0,
+	pauseOnHover: !0,
+	disableAnimation: !1
 };
-e("carousel", o);
-const a = {
-  size: "md",
-  variant: "bordered",
-  radius: "lg",
-  autoPlay: !1,
-  autoPlayInterval: 5e3,
-  loop: !0,
-  showControls: !0,
-  showIndicators: !0,
-  pauseOnHover: !0,
-  disableAnimation: !1
-};
-export {
-  a as FALLBACK_CAROUSEL_CONFIG,
-  o as defaultCarouselConfig
+e("carousel", t);
+var n = {
+	size: "md",
+	variant: "bordered",
+	radius: "lg",
+	autoPlay: !1,
+	autoPlayInterval: 5e3,
+	loop: !0,
+	showControls: !0,
+	showIndicators: !0,
+	pauseOnHover: !0,
+	disableAnimation: !1
 };
+//#endregion
+export { n as FALLBACK_CAROUSEL_CONFIG, t as defaultCarouselConfig };

package/dist/components/carousel/carousel-styles.js

@@ -1,18 +1,16 @@
 "use client";
-const r = {
-  sm: "h-60 md:h-80",
-  md: "h-80 md:h-[420px]",
-  lg: "h-[400px] md:h-[520px]"
-}, d = {
-  sm: "p-4",
-  md: "p-6",
-  lg: "p-8"
-}, o = {
-  bordered: "bg-background border-2 border-border",
-  ghost: "bg-transparent"
-};
-export {
-  r as CAROUSEL_HEIGHT_CLASS,
-  d as CAROUSEL_PADDING_CLASS,
-  o as CAROUSEL_VARIANT_CLASS
+//#region src/components/carousel/carousel-styles.ts
+var e = {
+	sm: "h-60 md:h-80",
+	md: "h-80 md:h-[420px]",
+	lg: "h-[400px] md:h-[520px]"
+}, t = {
+	sm: "p-4",
+	md: "p-6",
+	lg: "p-8"
+}, n = {
+	bordered: "bg-background border-2 border-border",
+	ghost: "bg-transparent"
 };
+//#endregion
+export { e as CAROUSEL_HEIGHT_CLASS, t as CAROUSEL_PADDING_CLASS, n as CAROUSEL_VARIANT_CLASS };