asheeui 0.6.15 → 1.0.0

package/dist/components/toast/ToastProvider.js

@@ -1,192 +1,130 @@
 "use client";
-import { jsx as p, Fragment as g, jsxs as C } from "react/jsx-runtime";
-import { FloatingPortal as ee } from "@floating-ui/react";
-import { useState as ae, useCallback as o, useMemo as U } from "react";
-import { useAsheeConfig as te } from "../../libs/context.js";
-import { resolveCascade as l, resolveRadiusKey as re } from "../../utils/resolve-token.js";
-import { ToastContext as de } from "./ToastContext.js";
-import { ToastItem as se } from "./ToastItem.js";
-import { FALLBACK_TOAST_CONFIG as s } from "./toast-config.js";
-import { PLACEMENT_CLASSES as oe } from "./toast-styles.js";
-import { cn as le } from "../../utils/cn.js";
-function ze({
-  children: E,
-  size: K,
-  placement: M,
-  variant: O,
-  radius: _,
-  defaultTimeout: B,
-  maxToasts: k,
-  animated: G,
-  portal: q,
-  portalTarget: H,
-  className: I
-}) {
-  var R;
-  const [f, y] = ae([]), T = te(), a = (R = T.components) == null ? void 0 : R.toast, c = l(
-    K,
-    a == null ? void 0 : a.size,
-    void 0,
-    s.size
-  ), n = l(
-    M,
-    a == null ? void 0 : a.placement,
-    void 0,
-    s.placement
-  ), i = l(
-    O,
-    a == null ? void 0 : a.variant,
-    T.defaultVariant,
-    s.variant
-  ), m = re(
-    _,
-    a == null ? void 0 : a.radius,
-    T.defaultRadius,
-    s.radius
-  ), w = l(
-    k,
-    a == null ? void 0 : a.maxToasts,
-    void 0,
-    s.maxToasts
-  ), z = l(
-    B,
-    a == null ? void 0 : a.defaultTimeout,
-    void 0,
-    s.defaultTimeout
-  ), u = l(
-    G,
-    a == null ? void 0 : a.animated,
-    void 0,
-    s.animated
-  ), J = l(
-    q,
-    a == null ? void 0 : a.portal,
-    void 0,
-    s.portal
-  ), x = H ?? (typeof document < "u" ? document.body : null), b = o((e) => {
-    y((t) => t.filter((r) => r.id !== e));
-  }, []), h = o(() => {
-    y([]);
-  }, []), d = o(
-    (e) => {
-      var N;
-      const t = typeof e == "object" && e.id ? e.id : typeof window < "u" && ((N = window.crypto) != null && N.randomUUID) ? window.crypto.randomUUID() : String(Date.now()), r = typeof e == "object" && e.placement ? e.placement : n, v = typeof e == "object" && e.size ? e.size : c, V = typeof e == "object" && e.variant ? e.variant : i, F = typeof e == "object" && e.radius ? e.radius : m, L = typeof e == "object" && e.animated !== void 0 ? e.animated : u, X = typeof e == "string" ? {
-        id: t,
-        message: e,
-        timeout: z,
-        type: "info",
-        placement: r,
-        size: v,
-        variant: V,
-        radius: F,
-        animated: L
-      } : {
-        ...e,
-        id: t,
-        timeout: e.timeout ?? z,
-        type: e.type ?? "info",
-        placement: e.placement ?? r,
-        size: e.size ?? v,
-        variant: e.variant ?? V,
-        radius: e.radius ?? F,
-        animated: e.animated !== void 0 ? e.animated : L
-      };
-      return y((Y) => {
-        const Z = Y.filter(($) => $.id !== t);
-        return [X, ...Z].slice(0, w);
-      }), t;
-    },
-    [
-      z,
-      w,
-      n,
-      c,
-      i,
-      m,
-      u
-    ]
-  ), j = o(
-    (e, t) => d({ ...t, message: e, type: "success" }),
-    [d]
-  ), A = o(
-    (e, t) => d({ ...t, message: e, type: "error" }),
-    [d]
-  ), P = o(
-    (e, t) => d({ ...t, message: e, type: "info" }),
-    [d]
-  ), S = o(
-    (e, t) => d({ ...t, message: e, type: "warning" }),
-    [d]
-  ), Q = U(
-    () => ({
-      toasts: f,
-      toast: d,
-      success: j,
-      error: A,
-      info: P,
-      warning: S,
-      removeToast: b,
-      clearToasts: h,
-      portalTarget: x,
-      defaultPlacement: n,
-      defaultSize: c,
-      defaultVariant: i,
-      defaultRadius: m,
-      defaultAnimated: u
-    }),
-    [
-      f,
-      d,
-      j,
-      A,
-      P,
-      S,
-      b,
-      h,
-      x,
-      n,
-      c,
-      i,
-      m,
-      u
-    ]
-  ), W = U(() => {
-    const e = {};
-    for (const t of f) {
-      const r = t.placement ?? n, v = e[r] ?? [];
-      e[r] = v, v.push(t);
-    }
-    return e;
-  }, [f, n]), D = /* @__PURE__ */ p(g, { children: Object.entries(W).map(([e, t]) => /* @__PURE__ */ p(
-    "section",
-    {
-      "aria-label": "Notifications",
-      className: le(
-        "fixed z-99999 flex flex-col gap-3 pointer-events-none p-4 max-h-screen scrollbar-hide overflow-hidden",
-        oe[e],
-        I
-      ),
-      children: t.map((r) => /* @__PURE__ */ p(
-        se,
-        {
-          ...r,
-          onDismiss: b,
-          placement: e,
-          size: r.size ?? c,
-          variant: r.variant ?? i,
-          radius: r.radius ?? m,
-          animated: r.animated ?? u
-        },
-        r.id
-      ))
-    },
-    e
-  )) });
-  return /* @__PURE__ */ C(de.Provider, { value: Q, children: [
-    E,
-    J ? /* @__PURE__ */ p(ee, { root: x, children: D }) : D
-  ] });
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { ASHEE_GLOBAL_LAYER as t } from "../../utils/stacking.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
+import { resolveCascade as r, resolveRadiusKey as i } from "../../utils/resolve-token.js";
+import { ToastContext as a } from "./ToastContext.js";
+import { FALLBACK_TOAST_CONFIG as o } from "./toast-config.js";
+import { PLACEMENT_CLASSES as s } from "./toast-styles.js";
+import { ToastItem as c } from "./ToastItem.js";
+import { useCallback as l, useMemo as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { FloatingPortal as h } from "@floating-ui/react";
+//#region src/components/toast/ToastProvider.tsx
+function g({ children: g, size: _, placement: v, variant: y, radius: b, defaultTimeout: x, maxToasts: S, animated: C, portal: w, portalTarget: T, className: E }) {
+	let [D, O] = d([]), k = n(), A = k.components?.toast, j = r(_, A?.size, void 0, o.size), M = r(v, A?.placement, void 0, o.placement), N = r(y, A?.variant, k.defaultVariant, o.variant), P = i(b, A?.radius, k.defaultRadius, o.radius), F = r(S, A?.maxToasts, void 0, o.maxToasts), I = r(x, A?.defaultTimeout, void 0, o.defaultTimeout), L = r(C, A?.animated, void 0, o.animated), R = r(w, A?.portal, void 0, o.portal), z = T ?? (typeof document < "u" ? document.body : null), B = l((e) => {
+		O((t) => t.filter((t) => t.id !== e));
+	}, []), V = l(() => {
+		O([]);
+	}, []), H = l((e) => {
+		let t = typeof e == "object" && e.id ? e.id : typeof window < "u" && window.crypto?.randomUUID ? window.crypto.randomUUID() : String(Date.now()), n = typeof e == "object" && e.placement ? e.placement : M, r = typeof e == "object" && e.size ? e.size : j, i = typeof e == "object" && e.variant ? e.variant : N, a = typeof e == "object" && e.radius ? e.radius : P, o = typeof e == "object" && e.animated !== void 0 ? e.animated : L, s = typeof e == "string" ? {
+			id: t,
+			message: e,
+			timeout: I,
+			type: "info",
+			placement: n,
+			size: r,
+			variant: i,
+			radius: a,
+			animated: o
+		} : {
+			...e,
+			id: t,
+			timeout: e.timeout ?? I,
+			type: e.type ?? "info",
+			placement: e.placement ?? n,
+			size: e.size ?? r,
+			variant: e.variant ?? i,
+			radius: e.radius ?? a,
+			animated: e.animated === void 0 ? o : e.animated
+		};
+		return O((e) => {
+			let n = e.filter((e) => e.id !== t);
+			return [s, ...n].slice(0, F);
+		}), t;
+	}, [
+		I,
+		F,
+		M,
+		j,
+		N,
+		P,
+		L
+	]), U = l((e, t) => H({
+		...t,
+		message: e,
+		type: "success"
+	}), [H]), W = l((e, t) => H({
+		...t,
+		message: e,
+		type: "error"
+	}), [H]), G = l((e, t) => H({
+		...t,
+		message: e,
+		type: "info"
+	}), [H]), K = l((e, t) => H({
+		...t,
+		message: e,
+		type: "warning"
+	}), [H]), q = u(() => ({
+		toasts: D,
+		toast: H,
+		success: U,
+		error: W,
+		info: G,
+		warning: K,
+		removeToast: B,
+		clearToasts: V,
+		portalTarget: z,
+		defaultPlacement: M,
+		defaultSize: j,
+		defaultVariant: N,
+		defaultRadius: P,
+		defaultAnimated: L
+	}), [
+		D,
+		H,
+		U,
+		W,
+		G,
+		K,
+		B,
+		V,
+		z,
+		M,
+		j,
+		N,
+		P,
+		L
+	]), J = u(() => {
+		let e = {};
+		for (let t of D) {
+			let n = t.placement ?? M, r = e[n] ?? [];
+			e[n] = r, r.push(t);
+		}
+		return e;
+	}, [D, M]), Y = /* @__PURE__ */ p(f, { children: Object.entries(J).map(([n, r]) => /* @__PURE__ */ p("section", {
+		"aria-label": "Notifications",
+		className: e("fixed flex flex-col gap-3 pointer-events-none p-4 max-h-screen scrollbar-hide overflow-hidden", s[n], E),
+		style: { zIndex: t.toast },
+		children: r.map((e) => /* @__PURE__ */ p(c, {
+			...e,
+			onDismiss: B,
+			placement: n,
+			size: e.size ?? j,
+			variant: e.variant ?? N,
+			radius: e.radius ?? P,
+			animated: e.animated ?? L
+		}, e.id))
+	}, n)) });
+	return /* @__PURE__ */ m(a.Provider, {
+		value: q,
+		children: [g, R ? /* @__PURE__ */ p(h, {
+			root: z,
+			children: Y
+		}) : Y]
+	});
 }
-export {
-  ze as ToastProvider
-};
+//#endregion
+export { g as ToastProvider };

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

@@ -1,26 +1,25 @@
 "use client";
-import { registerComponentDefaults as t } from "../../libs/registry.js";
-const e = {
-  size: "md",
-  placement: "top-right",
-  variant: "bordered",
-  radius: "md",
-  animated: !0,
-  defaultTimeout: 3500,
-  maxToasts: 5,
-  portal: !0
-}, o = {
-  size: "md",
-  placement: "top-right",
-  variant: "solid",
-  radius: "md",
-  animated: !0,
-  defaultTimeout: 3500,
-  maxToasts: 5,
-  portal: !0
-};
-t("toast", e);
-export {
-  o as FALLBACK_TOAST_CONFIG,
-  e as defaultToastConfig
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/toast/toast-config.ts
+var t = {
+	size: "md",
+	placement: "top-right",
+	variant: "bordered",
+	radius: "md",
+	animated: !0,
+	defaultTimeout: 3500,
+	maxToasts: 5,
+	portal: !0
+}, n = {
+	size: "md",
+	placement: "top-right",
+	variant: "solid",
+	radius: "md",
+	animated: !0,
+	defaultTimeout: 3500,
+	maxToasts: 5,
+	portal: !0
 };
+e("toast", t);
+//#endregion
+export { n as FALLBACK_TOAST_CONFIG, t as defaultToastConfig };

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

@@ -1,58 +1,53 @@
 "use client";
-const t = {
-  sm: "w-72 max-w-full",
-  md: "w-80 max-w-full",
-  lg: "w-96 max-w-full"
-}, e = {
-  sm: "p-2.5",
-  md: "p-3.5",
-  lg: "p-4"
-}, o = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base"
-}, s = {
-  "top-right": "top-0 right-0 items-end",
-  "top-left": "top-0 left-0 items-start",
-  "bottom-right": "bottom-0 right-0 items-end",
-  "bottom-left": "bottom-0 left-0 items-start",
-  "top-center": "top-0 left-1/2 -translate-x-1/2 items-center",
-  "bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center"
-}, m = {
-  sm: "text-xs font-semibold",
-  md: "text-sm font-semibold",
-  lg: "text-base font-semibold"
+//#region src/components/toast/toast-styles.ts
+var e = {
+	sm: "w-72 max-w-full",
+	md: "w-80 max-w-full",
+	lg: "w-96 max-w-full"
+}, t = {
+	sm: "p-2.5",
+	md: "p-3.5",
+	lg: "p-4"
+}, n = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
 }, r = {
-  "top-right": {
-    enter: "toast-enter-top-right",
-    exit: "toast-exit-top-right"
-  },
-  "bottom-right": {
-    enter: "toast-enter-bottom-right",
-    exit: "toast-exit-bottom-right"
-  },
-  "top-left": {
-    enter: "toast-enter-top-left",
-    exit: "toast-exit-top-left"
-  },
-  "bottom-left": {
-    enter: "toast-enter-bottom-left",
-    exit: "toast-exit-bottom-left"
-  },
-  "top-center": {
-    enter: "toast-enter-top-center",
-    exit: "toast-exit-top-center"
-  },
-  "bottom-center": {
-    enter: "toast-enter-bottom-center",
-    exit: "toast-exit-bottom-center"
-  }
-};
-export {
-  s as PLACEMENT_CLASSES,
-  r as TOAST_ANIMATION_STATE,
-  o as TOAST_FONT_CLASS,
-  e as TOAST_PADDING_CLASS,
-  m as TOAST_TITLE_FONT_CLASS,
-  t as TOAST_WIDTH_CLASS
+	"top-right": "top-0 right-0 items-end",
+	"top-left": "top-0 left-0 items-start",
+	"bottom-right": "bottom-0 right-0 items-end",
+	"bottom-left": "bottom-0 left-0 items-start",
+	"top-center": "top-0 left-1/2 -translate-x-1/2 items-center",
+	"bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center"
+}, i = {
+	sm: "text-xs font-semibold",
+	md: "text-sm font-semibold",
+	lg: "text-base font-semibold"
+}, a = {
+	"top-right": {
+		enter: "toast-enter-top-right",
+		exit: "toast-exit-top-right"
+	},
+	"bottom-right": {
+		enter: "toast-enter-bottom-right",
+		exit: "toast-exit-bottom-right"
+	},
+	"top-left": {
+		enter: "toast-enter-top-left",
+		exit: "toast-exit-top-left"
+	},
+	"bottom-left": {
+		enter: "toast-enter-bottom-left",
+		exit: "toast-exit-bottom-left"
+	},
+	"top-center": {
+		enter: "toast-enter-top-center",
+		exit: "toast-exit-top-center"
+	},
+	"bottom-center": {
+		enter: "toast-enter-bottom-center",
+		exit: "toast-exit-bottom-center"
+	}
 };
+//#endregion
+export { r as PLACEMENT_CLASSES, a as TOAST_ANIMATION_STATE, n as TOAST_FONT_CLASS, t as TOAST_PADDING_CLASS, i as TOAST_TITLE_FONT_CLASS, e as TOAST_WIDTH_CLASS };

package/dist/components/toast/use-pausable-timeout.js

@@ -1,15 +1,19 @@
 "use client";
-import { useRef as u, useCallback as o, useEffect as f } from "react";
-function w(c, r) {
-  const t = u(null), i = u(0), e = u(r ?? 0), s = o(() => {
-    !r || r <= 0 || t.current && (window.clearTimeout(t.current), t.current = null, e.current -= Date.now() - i.current);
-  }, [r]), n = o(() => {
-    !r || r <= 0 || e.current <= 0 || (i.current = Date.now(), t.current = window.setTimeout(c, e.current));
-  }, [c, r]);
-  return f(() => (r && r > 0 && n(), () => {
-    t.current && window.clearTimeout(t.current);
-  }), [n, r]), { pause: s, resume: n };
+"use client";
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region src/components/toast/use-pausable-timeout.ts
+function r(r, i) {
+	let a = n(null), o = n(0), s = n(i ?? 0), c = e(() => {
+		!i || i <= 0 || a.current && (window.clearTimeout(a.current), a.current = null, s.current -= Date.now() - o.current);
+	}, [i]), l = e(() => {
+		!i || i <= 0 || s.current <= 0 || (o.current = Date.now(), a.current = window.setTimeout(r, s.current));
+	}, [r, i]);
+	return t(() => (i && i > 0 && l(), () => {
+		a.current && window.clearTimeout(a.current);
+	}), [l, i]), {
+		pause: c,
+		resume: l
+	};
 }
-export {
-  w as usePausableTimeout
-};
+//#endregion
+export { r as usePausableTimeout };

package/dist/components/tooltip/Tooltip.d.ts

@@ -47,6 +47,11 @@ export interface TooltipProps extends BaseTooltipProps {
  * @param props.offset - Offset from the trigger. Defaults to 8.
  * @param props.radius - Corner rounding. Defaults to "md".
  * @param props.showArrow - Whether to show a pointer arrow. Defaults to false.
+ * @param props.portal - Whether to render the tooltip through `FloatingPortal`
+ * at the document body level. Defaults to false, which renders the tooltip in
+ * place so it follows the trigger's stacking context.
+ * @param props.zIndex - Layer delta added to the trigger's detected stacking
+ * context z-index. Defaults to `ASHEE_LAYER.tooltip`.
  * @param props.className - Extra classes for the tooltip.
  *
  * @example

package/dist/components/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAcf,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IAEnC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,OAAO,yGAyMnB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAef,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IAEnC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,OAAO,yGA6OnB,CAAC"}