asheeui 0.6.9 → 0.6.12

package/dist/components/toast/ToastProvider.js

@@ -1,188 +1,192 @@
 "use client";
-import { jsx as N, jsxs as $ } from "react/jsx-runtime";
-import { useState as g, useCallback as o, useMemo as I } from "react";
-import { createPortal as C } from "react-dom";
-import { useAsheeConfig as ee } from "../../libs/context.js";
-import { resolveCascade as l, resolveRadiusKey as te } from "../../utils/resolve-token.js";
-import { ToastContext as ae } from "./ToastContext.js";
-import { ToastItem as re } from "./ToastItem.js";
+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 { cn as de } from "../../utils/cn.js";
-function fe({
-  children: F,
-  size: L,
+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: k,
-  maxToasts: B,
+  defaultTimeout: B,
+  maxToasts: k,
   animated: G,
   portal: q,
-  portalTarget: E,
-  className: H
+  portalTarget: H,
+  className: I
 }) {
-  var S;
-  const [f, p] = g([]), y = ee(), t = (S = y.components) == null ? void 0 : S.toast, m = l(
-    L,
-    t == null ? void 0 : t.size,
+  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
-  ), r = l(
+  ), n = l(
     M,
-    t == null ? void 0 : t.placement,
+    a == null ? void 0 : a.placement,
     void 0,
     s.placement
   ), i = l(
     O,
-    t == null ? void 0 : t.variant,
-    y.defaultVariant,
+    a == null ? void 0 : a.variant,
+    T.defaultVariant,
     s.variant
-  ), n = te(
+  ), m = re(
     _,
-    t == null ? void 0 : t.radius,
-    y.defaultRadius,
+    a == null ? void 0 : a.radius,
+    T.defaultRadius,
     s.radius
-  ), x = l(
-    B,
-    t == null ? void 0 : t.maxToasts,
+  ), w = l(
+    k,
+    a == null ? void 0 : a.maxToasts,
     void 0,
     s.maxToasts
-  ), T = l(
-    k,
-    t == null ? void 0 : t.defaultTimeout,
+  ), z = l(
+    B,
+    a == null ? void 0 : a.defaultTimeout,
     void 0,
     s.defaultTimeout
-  ), c = l(
+  ), u = l(
     G,
-    t == null ? void 0 : t.animated,
+    a == null ? void 0 : a.animated,
     void 0,
     s.animated
   ), J = l(
     q,
-    t == null ? void 0 : t.portal,
+    a == null ? void 0 : a.portal,
     void 0,
     s.portal
-  ), u = E ?? (typeof document < "u" ? document.body : null), b = o((e) => {
-    p((a) => a.filter((v) => v.id !== e));
-  }, []), z = o(() => {
-    p([]);
+  ), 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 U;
-      const a = typeof e == "object" && e.id ? e.id : typeof window < "u" && ((U = window.crypto) != null && U.randomUUID) ? window.crypto.randomUUID() : String(Date.now()), v = typeof e == "object" && e.placement ? e.placement : r, D = typeof e == "object" && e.size ? e.size : m, K = typeof e == "object" && e.variant ? e.variant : i, R = typeof e == "object" && e.radius ? e.radius : n, V = typeof e == "object" && e.animated !== void 0 ? e.animated : c, W = typeof e == "string" ? {
-        id: a,
+      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: T,
+        timeout: z,
         type: "info",
-        placement: v,
-        size: D,
-        variant: K,
-        radius: R,
-        animated: V
+        placement: r,
+        size: v,
+        variant: V,
+        radius: F,
+        animated: L
       } : {
         ...e,
-        id: a,
-        timeout: e.timeout ?? T,
+        id: t,
+        timeout: e.timeout ?? z,
         type: e.type ?? "info",
-        placement: e.placement ?? v,
-        size: e.size ?? D,
-        variant: e.variant ?? K,
-        radius: e.radius ?? R,
-        animated: e.animated !== void 0 ? e.animated : V
+        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 p((X) => {
-        const Y = X.filter((Z) => Z.id !== a);
-        return [W, ...Y].slice(0, x);
-      }), a;
+      return y((Y) => {
+        const Z = Y.filter(($) => $.id !== t);
+        return [X, ...Z].slice(0, w);
+      }), t;
     },
     [
-      T,
-      x,
-      r,
-      m,
-      i,
+      z,
+      w,
       n,
-      c
+      c,
+      i,
+      m,
+      u
     ]
-  ), w = o(
-    (e, a) => d({ ...a, message: e, type: "success" }),
-    [d]
-  ), h = o(
-    (e, a) => d({ ...a, message: e, type: "error" }),
-    [d]
   ), j = o(
-    (e, a) => d({ ...a, message: e, type: "info" }),
+    (e, t) => d({ ...t, message: e, type: "success" }),
     [d]
   ), A = o(
-    (e, a) => d({ ...a, message: e, type: "warning" }),
+    (e, t) => d({ ...t, message: e, type: "error" }),
+    [d]
+  ), P = o(
+    (e, t) => d({ ...t, message: e, type: "info" }),
     [d]
-  ), Q = I(
+  ), S = o(
+    (e, t) => d({ ...t, message: e, type: "warning" }),
+    [d]
+  ), Q = U(
     () => ({
       toasts: f,
       toast: d,
-      success: w,
-      error: h,
-      info: j,
-      warning: A,
+      success: j,
+      error: A,
+      info: P,
+      warning: S,
       removeToast: b,
-      clearToasts: z,
-      portalTarget: u,
-      defaultPlacement: r,
-      defaultSize: m,
+      clearToasts: h,
+      portalTarget: x,
+      defaultPlacement: n,
+      defaultSize: c,
       defaultVariant: i,
-      defaultRadius: n,
-      defaultAnimated: c
+      defaultRadius: m,
+      defaultAnimated: u
     }),
     [
       f,
       d,
-      w,
-      h,
       j,
       A,
+      P,
+      S,
       b,
-      z,
-      u,
-      r,
-      m,
-      i,
+      h,
+      x,
       n,
-      c
+      c,
+      i,
+      m,
+      u
     ]
-  ), P = /* @__PURE__ */ N(
+  ), 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: de(
-        "fixed z-50 flex flex-col gap-3 pointer-events-none p-4 max-h-screen overflow-clip",
-        r === "top-right" && "top-0 right-0 items-end",
-        r === "top-left" && "top-0 left-0 items-start",
-        r === "bottom-right" && "bottom-0 right-0 items-end",
-        r === "bottom-left" && "bottom-0 left-0 items-start",
-        r === "top-center" && "top-0 left-1/2 -translate-x-1/2 items-center",
-        r === "bottom-center" && "bottom-0 left-1/2 -translate-x-1/2 items-center",
-        H
+      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: f.map((e) => /* @__PURE__ */ N(
-        re,
+      children: t.map((r) => /* @__PURE__ */ p(
+        se,
         {
-          ...e,
+          ...r,
           onDismiss: b,
-          placement: e.placement ?? r,
-          size: e.size ?? m,
-          variant: e.variant ?? i,
-          radius: e.radius ?? n,
-          animated: e.animated ?? c
+          placement: e,
+          size: r.size ?? c,
+          variant: r.variant ?? i,
+          radius: r.radius ?? m,
+          animated: r.animated ?? u
         },
-        e.id
+        r.id
       ))
-    }
-  );
-  return /* @__PURE__ */ $(ae.Provider, { value: Q, children: [
-    F,
-    J && u ? C(P, u) : P
+    },
+    e
+  )) });
+  return /* @__PURE__ */ C(de.Provider, { value: Q, children: [
+    E,
+    J ? /* @__PURE__ */ p(ee, { root: x, children: D }) : D
   ] });
 }
 export {
-  fe as ToastProvider
+  ze as ToastProvider
 };

package/dist/components/toast/toast-styles.d.ts

@@ -15,6 +15,14 @@ export declare const TOAST_PADDING_CLASS: Record<Size, string>;
  * Maps size keys to Tailwind text size classes.
  */
 export declare const TOAST_FONT_CLASS: Record<Size, string>;
+/**
+ * CSS classes for toast container placement on screen.
+ * Maps each placement to its fixed-position corner/edge classes and
+ * flex alignment (items-*), which controls the stacking edge for
+ * multiple toasts at that placement. Used by ToastProvider to position
+ * the per-placement container sections.
+ */
+export declare const PLACEMENT_CLASSES: Record<ToastPlacement, string>;
 /**
  * CSS classes for toast title font size.
  * Maps size keys to Tailwind text size and weight classes.

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

@@ -1 +1 @@
-{"version":3,"file":"toast-styles.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,cAAc,EACd;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CA0BhC,CAAC"}
+{"version":3,"file":"toast-styles.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIjD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAO5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,cAAc,EACd;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CA0BhC,CAAC"}

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

@@ -12,10 +12,17 @@ const t = {
   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"
-}, n = {
+}, r = {
   "top-right": {
     enter: "toast-enter-top-right",
     exit: "toast-exit-top-right"
@@ -42,9 +49,10 @@ const t = {
   }
 };
 export {
-  n as TOAST_ANIMATION_STATE,
+  s as PLACEMENT_CLASSES,
+  r as TOAST_ANIMATION_STATE,
   o as TOAST_FONT_CLASS,
   e as TOAST_PADDING_CLASS,
-  s as TOAST_TITLE_FONT_CLASS,
+  m as TOAST_TITLE_FONT_CLASS,
   t as TOAST_WIDTH_CLASS
 };

package/dist/index.d.ts

@@ -45,6 +45,7 @@ export * from './components/tabs';
 export * from './components/textarea';
 export * from './components/toast';
 export * from './components/tooltip';
+export type { ExternalConfig } from './config';
 /**
  * Shared type exports.
  * These types are used across multiple components for consistency.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AAErC;;;GAGG;AACH,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAE7D;;;GAGG;AACH,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB;;;GAGG;AACH,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C;;;GAGG;AACH,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7D;;;GAGG;AACH,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,SAAS,GACV,MAAM,eAAe,CAAC;AACvB;;;GAGG;AACH,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asheeui",
-  "version": "0.6.9",
+  "version": "0.6.12",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -15,16 +15,6 @@
       "style": "./dist/index.css",
       "default": "./dist/index.css"
     },
-    "./config": {
-      "types": "./dist/config/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./libs": {
-      "types": "./dist/libs/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
     "./styles.css": "./dist/index.css"
   },
   "publishConfig": {
@@ -48,28 +38,21 @@
   },
   "devDependencies": {
     "@floating-ui/react": "^0.27.20",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/user-event": "^14.5.2",
     "@types/node": "^26.1.2",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.0.0",
-    "happy-dom": "^15.11.7",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "ts-node": "^10.9.2",
     "tsx": "^4.23.12",
     "typescript": "^5.0.0",
     "vite": "^6.0.0",
-    "vite-plugin-dts": "^4.0.0",
-    "vitest": "^3.2.7"
+    "vite-plugin-dts": "^4.0.0"
   },
   "module": "./dist/index.js",
   "license": "MIT",
   "scripts": {
     "build:registry": "tsx src/scripts/build-registry.ts",
-    "build": "vite build",
-    "test": "vitest run"
+    "build": "vite build"
   }
 }