@enigmax/primitives 0.20.0 → 0.22.0

package/dist/chunk-ZCUFYBPB.js

@@ -1,154 +0,0 @@
-import { defaultQueue } from './chunk-QYMUIW5I.js';
-import { useState, useRef, useEffect, useCallback } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-function swipeAxis(position) {
-  if (position.endsWith("-center")) return { axis: "y", sign: position.startsWith("top") ? -1 : 1 };
-  return { axis: "x", sign: position.endsWith("-left") ? -1 : 1 };
-}
-function Toaster({
-  queue = defaultQueue,
-  position = "bottom-right",
-  exitDuration = 200,
-  swipeThreshold = 60,
-  children,
-  label = "Notifications",
-  className,
-  style
-}) {
-  const [rendered, setRendered] = useState(
-    () => queue.items.map((notification) => ({ notification, leaving: false }))
-  );
-  const timers = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const sync = (items) => {
-      setRendered((current) => {
-        const live = new Map(items.map((item) => [item.id, item]));
-        const kept = current.map((entry) => {
-          const still = live.get(entry.notification.id);
-          if (still) return { notification: still, leaving: false };
-          if (entry.leaving) return entry;
-          const timer = setTimeout(() => {
-            timers.current.delete(entry.notification.id);
-            setRendered((later) => later.filter((row) => row.notification.id !== entry.notification.id));
-          }, exitDuration);
-          timers.current.set(entry.notification.id, timer);
-          return { ...entry, leaving: true };
-        });
-        const seen = new Set(kept.map((entry) => entry.notification.id));
-        const added = items.filter((item) => !seen.has(item.id)).map((item) => ({ notification: item, leaving: false }));
-        return [...kept, ...added];
-      });
-    };
-    sync(queue.items);
-    return queue.subscribe(sync);
-  }, [queue, exitDuration]);
-  useEffect(() => {
-    const pending = timers.current;
-    return () => {
-      for (const timer of pending.values()) clearTimeout(timer);
-      pending.clear();
-    };
-  }, []);
-  if (!rendered.length) return null;
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      "aria-label": label,
-      "data-enigma-toaster": "",
-      "data-position": position,
-      className,
-      style,
-      onPointerEnter: () => queue.pause(),
-      onPointerLeave: () => queue.resume(),
-      onFocusCapture: () => queue.pause(),
-      onBlurCapture: () => queue.resume(),
-      children: rendered.map((entry, index) => /* @__PURE__ */ jsx(
-        Toast,
-        {
-          entry,
-          index: rendered.length - 1 - index,
-          position,
-          swipeThreshold,
-          onDismiss: () => queue.dismiss(entry.notification.id),
-          render: children
-        },
-        entry.notification.id
-      ))
-    }
-  );
-}
-function Toast({ entry, index, position, swipeThreshold, onDismiss, render }) {
-  const { notification, leaving } = entry;
-  const [offset, setOffset] = useState(0);
-  const [swiping, setSwiping] = useState(false);
-  const start = useRef(0);
-  const { axis, sign } = swipeAxis(position);
-  const onPointerDown = useCallback((event) => {
-    if (event.target.closest("button")) return;
-    if (event.pointerType === "mouse" && event.button !== 0) return;
-    event.currentTarget.setPointerCapture(event.pointerId);
-    start.current = axis === "x" ? event.clientX : event.clientY;
-    setSwiping(true);
-  }, [axis]);
-  const onPointerMove = useCallback((event) => {
-    if (!swiping) return;
-    const delta = (axis === "x" ? event.clientX : event.clientY) - start.current;
-    setOffset(sign > 0 ? Math.max(0, delta) : Math.min(0, delta));
-  }, [swiping, axis, sign]);
-  const onPointerUp = useCallback(() => {
-    if (!swiping) return;
-    setSwiping(false);
-    if (Math.abs(offset) >= swipeThreshold) {
-      onDismiss();
-      return;
-    }
-    setOffset(0);
-  }, [swiping, offset, swipeThreshold, onDismiss]);
-  const controls = { dismiss: onDismiss };
-  return /* @__PURE__ */ jsx(
-    "article",
-    {
-      "data-enigma-toast": "",
-      "data-tone": notification.tone,
-      "data-state": leaving ? "leaving" : "open",
-      "data-index": index,
-      "data-front": index === 0 ? "" : void 0,
-      "data-swiping": swiping ? "" : void 0,
-      role: notification.tone === "error" ? "alert" : "status",
-      "aria-live": notification.tone === "error" ? "assertive" : "polite",
-      tabIndex: 0,
-      onKeyDown: (event) => {
-        if (event.key === "Escape") onDismiss();
-      },
-      onPointerDown,
-      onPointerMove,
-      onPointerUp,
-      onPointerCancel: onPointerUp,
-      style: {
-        // Read by the theme, so the transform stays the stylesheet's decision.
-        "--enigma-toast-swipe": `${offset}px`,
-        "--enigma-toast-index": index
-      },
-      children: render ? render(notification, controls) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("p", { "data-enigma-toast-title": "", children: notification.title }),
-        notification.body && /* @__PURE__ */ jsx("p", { "data-enigma-toast-body": "", children: notification.body }),
-        notification.action && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-enigma-toast-action": "",
-            onClick: () => {
-              notification.action?.onSelect();
-              if (notification.action?.dismiss !== false) onDismiss();
-            },
-            children: notification.action.label
-          }
-        ),
-        /* @__PURE__ */ jsx("button", { type: "button", "data-enigma-toast-close": "", "aria-label": "Dismiss", onClick: onDismiss, children: "\xD7" })
-      ] })
-    }
-  );
-}
-
-export { Toaster };