asheeui 0.6.15 → 1.0.0

package/dist/components/link/Link.js

@@ -1,138 +1,48 @@
 "use client";
-import { jsxs as T, jsx as c } from "react/jsx-runtime";
-import { forwardRef as q } from "react";
-import { ExternalLinkIcon as H } from "../../icons/ExternalLinkIcon.js";
-import { useAsheeConfig as J } from "../../libs/context.js";
-import { resolveCascade as i, resolveClassKey as n } from "../../utils/resolve-token.js";
-import { FALLBACK_LINK_CONFIG as r } from "./link-config.js";
-import { LINK_VARIANT_CLASS as k, LINK_COLOR_CLASS as M, LINK_SIZE_CLASS as Q, LINK_ICON_SIZE_CLASS as W, LINK_UNDERLINE_CLASS as X } from "./link-styles.js";
-import { cn as s } from "../../utils/cn.js";
-const Y = q(
-  ({
-    href: _,
-    variant: S,
-    color: A,
-    size: I,
-    underline: x,
-    isExternal: h,
-    disabled: o = !1,
-    startIcon: m,
-    endIcon: d,
-    children: C,
-    className: K,
-    style: y,
-    target: E,
-    rel: z,
-    onClick: t,
-    linkComponent: b,
-    linkProps: j,
-    ...O
-  }, P) => {
-    var f;
-    const p = J(), e = (f = p.components) == null ? void 0 : f.link, L = i(
-      I,
-      e == null ? void 0 : e.size,
-      void 0,
-      r.size
-    ), u = i(
-      S,
-      e == null ? void 0 : e.variant,
-      void 0,
-      r.variant
-    ), R = i(
-      A,
-      e == null ? void 0 : e.color,
-      p.defaultColor,
-      r.color
-    ), w = i(
-      x,
-      e == null ? void 0 : e.underline,
-      void 0,
-      r.underline
-    ), l = h ?? (e == null ? void 0 : e.isExternal) ?? r.isExternal, D = u === "muted" ? k.muted : s(
-      n(
-        R,
-        M,
-        r.color
-      ),
-      n(
-        u,
-        k,
-        r.variant
-      )
-    ), F = n(
-      L,
-      Q,
-      r.size
-    ), a = n(
-      L,
-      W,
-      r.size
-    ), U = n(
-      w,
-      X,
-      r.underline
-    ), v = E ?? (l ? "_blank" : void 0), V = z ?? (l || v === "_blank" ? "noopener noreferrer" : void 0), Z = (N) => {
-      if (o) {
-        N.preventDefault();
-        return;
-      }
-      t == null || t(N);
-    }, B = s(
-      "inline-flex items-center transition-colors duration-200 outline-none select-none shrink-0",
-      "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-xs",
-      F,
-      D,
-      U,
-      o && "opacity-50 pointer-events-none cursor-not-allowed",
-      K
-    ), G = {
-      ...{
-        href: o ? void 0 : _,
-        target: v,
-        rel: V,
-        "aria-disabled": o,
-        onClick: Z,
-        className: B,
-        style: y,
-        ref: P,
-        // forward ref to the custom component if it accepts it
-        ...O
-        // any other native anchor attributes
-      },
-      ...j || {}
-    };
-    return /* @__PURE__ */ T(b || "a", { ...G, children: [
-      m && /* @__PURE__ */ c(
-        "span",
-        {
-          className: s(
-            "inline-flex items-center justify-center shrink-0",
-            a
-          ),
-          children: m
-        }
-      ),
-      C,
-      d ? /* @__PURE__ */ c(
-        "span",
-        {
-          className: s(
-            "inline-flex items-center justify-center shrink-0",
-            a
-          ),
-          children: d
-        }
-      ) : l && /* @__PURE__ */ c(
-        H,
-        {
-          className: s("inline-block shrink-0", a)
-        }
-      )
-    ] });
-  }
-);
-Y.displayName = "Link";
-export {
-  Y as Link
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveCascade as n, resolveClassKey as r } from "../../utils/resolve-token.js";
+import { ExternalLinkIcon as i } from "../../icons/ExternalLinkIcon.js";
+import { FALLBACK_LINK_CONFIG as a } from "./link-config.js";
+import { LINK_COLOR_CLASS as o, LINK_ICON_SIZE_CLASS as s, LINK_SIZE_CLASS as c, LINK_UNDERLINE_CLASS as l, LINK_VARIANT_CLASS as u } from "./link-styles.js";
+import { forwardRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/link/Link.tsx
+var m = d(({ href: d, variant: m, color: h, size: g, underline: _, isExternal: v, disabled: y = !1, startIcon: b, endIcon: x, children: S, className: C, style: w, target: T, rel: E, onClick: D, component: O, componentProps: k, ...A }, j) => {
+	let M = t(), N = M.components?.link, P = n(g, N?.size, void 0, a.size), F = n(m, N?.variant, void 0, a.variant), I = n(h, N?.color, M.defaultColor, a.color), L = n(_, N?.underline, void 0, a.underline), R = v ?? N?.isExternal ?? a.isExternal, z = F === "muted" ? u.muted : e(r(I, o, a.color), r(F, u, a.variant)), B = r(P, c, a.size), V = r(P, s, a.size), H = r(L, l, a.underline), U = T ?? (R ? "_blank" : void 0), W = E ?? (R || U === "_blank" ? "noopener noreferrer" : void 0), G = (e) => {
+		if (y) {
+			e.preventDefault();
+			return;
+		}
+		D?.(e);
+	}, K = e("inline-flex items-center transition-colors duration-200 outline-none select-none shrink-0", "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-xs", B, z, H, y && "opacity-50 pointer-events-none cursor-not-allowed", C), q = {
+		href: y ? void 0 : d,
+		target: U,
+		rel: W,
+		"aria-disabled": y,
+		onClick: G,
+		className: K,
+		style: w,
+		ref: j,
+		...A,
+		...k || {}
+	};
+	return /* @__PURE__ */ p(O || "a", {
+		...q,
+		children: [
+			b && /* @__PURE__ */ f("span", {
+				className: e("inline-flex items-center justify-center shrink-0", V),
+				children: b
+			}),
+			S,
+			x ? /* @__PURE__ */ f("span", {
+				className: e("inline-flex items-center justify-center shrink-0", V),
+				children: x
+			}) : R && /* @__PURE__ */ f(i, { className: e("inline-block shrink-0", V) })
+		]
+	});
+});
+m.displayName = "Link";
+//#endregion
+export { m as Link };

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

@@ -1,18 +1,17 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const n = {
-  size: "md",
-  underline: "hover",
-  isExternal: !1
-}, i = {
-  size: "md",
-  variant: "default",
-  color: "primary",
-  underline: "hover",
-  isExternal: !1
-};
-e("link", n);
-export {
-  i as FALLBACK_LINK_CONFIG,
-  n as defaultLinkConfig
+//#region src/components/link/link-config.ts
+var t = {
+	size: "md",
+	underline: "hover",
+	isExternal: !1
+}, n = {
+	size: "md",
+	variant: "default",
+	color: "primary",
+	underline: "hover",
+	isExternal: !1
 };
+e("link", t);
+//#endregion
+export { n as FALLBACK_LINK_CONFIG, t as defaultLinkConfig };

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

@@ -1,33 +1,29 @@
 "use client";
-const e = {
-  sm: "text-xs gap-1.5",
-  md: "text-sm gap-2",
-  lg: "text-base gap-2.5"
+//#region src/components/link/link-styles.ts
+var e = {
+	sm: "text-xs gap-1.5",
+	md: "text-sm gap-2",
+	lg: "text-base gap-2.5"
 }, t = {
-  sm: "size-3.5",
-  md: "size-4",
-  lg: "size-4.5"
-}, r = {
-  none: "text-foreground hover:text-foreground/80",
-  default: "text-foreground hover:text-foreground/80",
-  primary: "text-primary hover:text-primary/80",
-  secondary: "text-secondary hover:text-secondary/80",
-  success: "text-success hover:text-success/80",
-  warning: "text-warning hover:text-warning/80",
-  danger: "text-danger hover:text-danger/80"
+	sm: "size-3.5",
+	md: "size-4",
+	lg: "size-4.5"
 }, n = {
-  default: "",
-  muted: "text-foreground/70 hover:text-foreground",
-  subtle: "opacity-80 hover:opacity-100"
-}, o = {
-  always: "underline underline-offset-4 decoration-current",
-  hover: "no-underline hover:underline underline-offset-4 decoration-current",
-  never: "no-underline"
-};
-export {
-  r as LINK_COLOR_CLASS,
-  t as LINK_ICON_SIZE_CLASS,
-  e as LINK_SIZE_CLASS,
-  o as LINK_UNDERLINE_CLASS,
-  n as LINK_VARIANT_CLASS
+	none: "text-foreground hover:text-foreground/80",
+	default: "text-foreground hover:text-foreground/80",
+	primary: "text-primary hover:text-primary/80",
+	secondary: "text-secondary hover:text-secondary/80",
+	success: "text-success hover:text-success/80",
+	warning: "text-warning hover:text-warning/80",
+	danger: "text-danger hover:text-danger/80"
+}, r = {
+	default: "",
+	muted: "text-foreground/70 hover:text-foreground",
+	subtle: "opacity-80 hover:opacity-100"
+}, i = {
+	always: "underline underline-offset-4 decoration-current",
+	hover: "no-underline hover:underline underline-offset-4 decoration-current",
+	never: "no-underline"
 };
+//#endregion
+export { n as LINK_COLOR_CLASS, t as LINK_ICON_SIZE_CLASS, e as LINK_SIZE_CLASS, i as LINK_UNDERLINE_CLASS, r as LINK_VARIANT_CLASS };

package/dist/components/marquee/Marquee.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/Marquee.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA8B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAI5E,OAAO,EAGL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,GACnC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;OAGG;IACH,QAAQ,EAAE,SAAS,EAAE,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,OAAO,yGAoKnB,CAAC"}
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/Marquee.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA8B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAK5E,OAAO,EAGL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,GACnC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;OAGG;IACH,QAAQ,EAAE,SAAS,EAAE,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,OAAO,yGA4KnB,CAAC"}

package/dist/components/marquee/Marquee.js

@@ -1,145 +1,59 @@
 "use client";
-import { jsx as r, jsxs as f, Fragment as O } from "react/jsx-runtime";
-import { forwardRef as P, useMemo as Q, isValidElement as T } from "react";
-import { useAsheeConfig as U } from "../../libs/context.js";
-import { resolveCascade as a } from "../../utils/resolve-token.js";
-import { FALLBACK_MARQUEE_CONFIG as o } from "./marquee-config.js";
-import { MARQUEE_SPEED_PRESETS as E, MARQUEE_FADE_START_CLASS as g, MARQUEE_FADE_END_CLASS as H } from "./marquee-styles.js";
-import { cn as s } from "../../utils/cn.js";
-const j = P(
-  ({
-    children: i,
-    axis: y,
-    direction: x,
-    speed: A,
-    gap: h,
-    pauseOnHover: S,
-    fadeEdges: _,
-    className: N,
-    itemClassName: p,
-    ...q
-  }, D) => {
-    var v;
-    const e = (v = U().components) == null ? void 0 : v.marquee, l = a(
-      y,
-      e == null ? void 0 : e.axis,
-      void 0,
-      o.axis
-    ), F = a(
-      x,
-      e == null ? void 0 : e.direction,
-      void 0,
-      o.direction
-    ), m = a(
-      A,
-      e == null ? void 0 : e.speed,
-      void 0,
-      o.speed
-    ), d = a(
-      h,
-      e == null ? void 0 : e.gap,
-      void 0,
-      o.gap
-    ), M = a(
-      S,
-      e == null ? void 0 : e.pauseOnHover,
-      void 0,
-      o.pauseOnHover
-    ), R = a(
-      _,
-      e == null ? void 0 : e.fadeEdges,
-      void 0,
-      o.fadeEdges
-    ), k = typeof m == "number" ? m : E[m] ?? E.normal, t = l === "y", w = Q(
-      () => [i, i].map(($, u) => {
-        const c = u === 0 ? "primary" : "secondary";
-        return /* @__PURE__ */ r(
-          "div",
-          {
-            className: s(
-              "flex shrink-0",
-              t ? "flex-col" : "flex-row"
-            ),
-            style: {
-              gap: d
-            },
-            "aria-hidden": u === 1,
-            children: $.map((n, b) => {
-              const L = T(n) && n.key ? `${c}-${n.key}` : `${c}-item-${b}`;
-              return /* @__PURE__ */ r("div", { className: s("shrink-0", p), children: n }, L);
-            })
-          },
-          `${c}-set`
-        );
-      }),
-      [i, t, d, p]
-    );
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        ref: D,
-        className: s(
-          "group relative scrollbar-hide overflow-hidden",
-          t ? "h-full" : "w-full",
-          N
-        ),
-        ...q,
-        children: [
-          /* @__PURE__ */ r("style", { children: `
-          @keyframes marquee-x {
-            from { transform: translateX(0%); }
-            to { transform: translateX(-50%); }
-          }
-          @keyframes marquee-y {
-            from { transform: translateY(0%); }
-            to { transform: translateY(-50%); }
-          }
-        ` }),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: s(
-                "flex",
-                t ? "flex-col" : "flex-row w-max",
-                M && "group-hover:[animation-play-state:paused]"
-              ),
-              style: {
-                gap: d,
-                animationName: t ? "marquee-y" : "marquee-x",
-                animationDuration: `${k}s`,
-                animationTimingFunction: "linear",
-                animationIterationCount: "infinite",
-                animationDirection: F === "reverse" ? "reverse" : "normal"
-              },
-              children: w
-            }
-          ),
-          R && /* @__PURE__ */ f(O, { children: [
-            /* @__PURE__ */ r(
-              "div",
-              {
-                className: s(
-                  "absolute z-10 pointer-events-none",
-                  g[l]
-                )
-              }
-            ),
-            /* @__PURE__ */ r(
-              "div",
-              {
-                className: s(
-                  "absolute z-10 pointer-events-none",
-                  H[l]
-                )
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-j.displayName = "Marquee";
-export {
-  j as Marquee
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveCascade as n } from "../../utils/resolve-token.js";
+import { usePrefersReducedMotion as r } from "../../libs/use-prefers-reduced-motion.js";
+import { FALLBACK_MARQUEE_CONFIG as i } from "./marquee-config.js";
+import { MARQUEE_FADE_END_CLASS as a, MARQUEE_FADE_START_CLASS as o, MARQUEE_SPEED_PRESETS as s } from "./marquee-styles.js";
+import { forwardRef as c, isValidElement as l, useMemo as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/marquee/Marquee.tsx
+var m = c(({ children: c, axis: m, direction: h, speed: g, gap: _, pauseOnHover: v, fadeEdges: y, className: b, itemClassName: x, ...S }, C) => {
+	let w = t().components?.marquee, T = n(m, w?.axis, void 0, i.axis), E = n(h, w?.direction, void 0, i.direction), D = n(g, w?.speed, void 0, i.speed), O = n(_, w?.gap, void 0, i.gap), k = n(v, w?.pauseOnHover, void 0, i.pauseOnHover), A = n(y, w?.fadeEdges, void 0, i.fadeEdges), j = typeof D == "number" ? D : s[D] ?? s.normal, M = T === "y", N = r(), P = u(() => [c, c].map((t, n) => {
+		let r = n === 0 ? "primary" : "secondary";
+		return /* @__PURE__ */ f("div", {
+			className: e("flex shrink-0", M ? "flex-col" : "flex-row"),
+			style: { gap: O },
+			"aria-hidden": n === 1,
+			children: t.map((t, n) => {
+				let i = l(t) && t.key ? `${r}-${t.key}` : `${r}-item-${n}`;
+				return /* @__PURE__ */ f("div", {
+					className: e("shrink-0", x),
+					children: t
+				}, i);
+			})
+		}, `${r}-set`);
+	}), [
+		c,
+		M,
+		O,
+		x
+	]);
+	return /* @__PURE__ */ p("div", {
+		ref: C,
+		className: e("group relative scrollbar-hide overflow-hidden", M ? "h-full" : "w-full", b),
+		...S,
+		children: [
+			/* @__PURE__ */ f("style", { children: "\n          @keyframes marquee-x {\n            from { transform: translateX(0%); }\n            to { transform: translateX(-50%); }\n          }\n          @keyframes marquee-y {\n            from { transform: translateY(0%); }\n            to { transform: translateY(-50%); }\n          }\n        " }),
+			/* @__PURE__ */ f("div", {
+				className: e("flex", M ? "flex-col" : "flex-row w-max", k && "group-hover:[animation-play-state:paused]"),
+				style: {
+					gap: O,
+					...N ? { animation: "none" } : {
+						animationName: M ? "marquee-y" : "marquee-x",
+						animationDuration: `${j}s`,
+						animationTimingFunction: "linear",
+						animationIterationCount: "infinite",
+						animationDirection: E === "reverse" ? "reverse" : "normal"
+					}
+				},
+				children: P
+			}),
+			A && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", { className: e("absolute z-10 pointer-events-none", o[T]) }), /* @__PURE__ */ f("div", { className: e("absolute z-10 pointer-events-none", a[T]) })] })
+		]
+	});
+});
+m.displayName = "Marquee";
+//#endregion
+export { m as Marquee };

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

@@ -1,22 +1,21 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const r = {
-  axis: "x",
-  direction: "forward",
-  speed: "normal",
-  gap: "1.5rem",
-  pauseOnHover: !1,
-  fadeEdges: !1
-}, o = {
-  axis: "x",
-  direction: "forward",
-  speed: "normal",
-  gap: "1.5rem",
-  pauseOnHover: !0,
-  fadeEdges: !0
-};
-e("marquee", r);
-export {
-  o as FALLBACK_MARQUEE_CONFIG,
-  r as defaultMarqueeConfig
+//#region src/components/marquee/marquee-config.ts
+var t = {
+	axis: "x",
+	direction: "forward",
+	speed: "normal",
+	gap: "1.5rem",
+	pauseOnHover: !1,
+	fadeEdges: !1
+}, n = {
+	axis: "x",
+	direction: "forward",
+	speed: "normal",
+	gap: "1.5rem",
+	pauseOnHover: !0,
+	fadeEdges: !0
 };
+e("marquee", t);
+//#endregion
+export { n as FALLBACK_MARQUEE_CONFIG, t as defaultMarqueeConfig };

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

@@ -1,17 +1,15 @@
 "use client";
-const t = {
-  slow: 50,
-  normal: 30,
-  fast: 15
-}, o = {
-  x: "top-0 left-0 h-full w-24 bg-linear-to-r from-background to-transparent",
-  y: "top-0 left-0 w-full h-24 bg-linear-to-b from-background to-transparent"
-}, r = {
-  x: "top-0 -right-5 h-full w-24 bg-linear-to-l from-background to-transparent",
-  y: "bottom-0 left-0 w-full h-24 bg-linear-to-t from-background to-transparent"
-};
-export {
-  r as MARQUEE_FADE_END_CLASS,
-  o as MARQUEE_FADE_START_CLASS,
-  t as MARQUEE_SPEED_PRESETS
+//#region src/components/marquee/marquee-styles.ts
+var e = {
+	slow: 50,
+	normal: 30,
+	fast: 15
+}, t = {
+	x: "top-0 left-0 h-full w-24 bg-linear-to-r from-background to-transparent",
+	y: "top-0 left-0 w-full h-24 bg-linear-to-b from-background to-transparent"
+}, n = {
+	x: "top-0 -right-5 h-full w-24 bg-linear-to-l from-background to-transparent",
+	y: "bottom-0 left-0 w-full h-24 bg-linear-to-t from-background to-transparent"
 };
+//#endregion
+export { n as MARQUEE_FADE_END_CLASS, t as MARQUEE_FADE_START_CLASS, e as MARQUEE_SPEED_PRESETS };