asheeui 0.6.15 → 1.0.0

package/dist/components/carousel/Carousel.js

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

@@ -10,26 +10,7 @@ export declare const CAROUSEL_HEIGHT_CLASS: Record<Size, string>;
  * Controls the internal padding of each slide.
  */
 export declare const CAROUSEL_PADDING_CLASS: Record<Size, string>;
-/**import type { Size } from "../../shared";
-import type { CarouselVariant } from "./carousel-config";
-
-export const CAROUSEL_HEIGHT_CLASS: Record<Size, string> = {
-  sm: "h-60 md:h-80",
-  md: "h-80 md:h-[420px]",
-  lg: "h-[400px] md:h-[520px]",
-};
-
-export const CAROUSEL_PADDING_CLASS: Record<Size, string> = {
-  sm: "p-4",
-  md: "p-6",
-  lg: "p-8",
-};
-
-export const CAROUSEL_VARIANT_CLASS: Record<CarouselVariant, string> = {
-  bordered: "bg-background border-2 border-border",
-  ghost: "bg-transparent",
-};
-
+/**
  * CSS classes for carousel variants.
  * Each variant has a distinct background and border treatment.
  */

package/dist/components/carousel/carousel-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-styles.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC"}
+{"version":3,"file":"carousel-styles.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC"}

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 };