@als-tp/als-react-ts-ui 0.5.2 → 0.5.3

package/dist/als-react-ts-ui120.js

@@ -1,61 +0,0 @@
-import { generateId as r } from "./als-react-ts-ui422.js";
-function c() {
-  const e = [];
-  function i(t) {
-    e.forEach((o) => o(t));
-  }
-  return {
-    // This should be private aside from ToastProvider needing to access it.
-    // https://x.com/drosenwasser/status/1816947740032872664
-    " subscribe": function(o) {
-      return e.push(o), () => {
-        const n = e.indexOf(o);
-        n !== -1 && e.splice(n, 1);
-      };
-    },
-    add(t) {
-      const o = t.id || r("toast"), n = {
-        ...t,
-        id: o,
-        transitionStatus: "starting"
-      };
-      return i({
-        action: "add",
-        options: n
-      }), o;
-    },
-    close(t) {
-      i({
-        action: "close",
-        options: {
-          id: t
-        }
-      });
-    },
-    update(t, o) {
-      i({
-        action: "update",
-        options: {
-          ...o,
-          id: t
-        }
-      });
-    },
-    promise(t, o) {
-      let n = t;
-      return i({
-        action: "promise",
-        options: {
-          ...o,
-          promise: t,
-          setPromise(s) {
-            n = s;
-          }
-        }
-      }), n;
-    }
-  };
-}
-export {
-  c as createToastManager
-};

package/dist/als-react-ts-ui121.js

@@ -1,5 +0,0 @@
-import { FloatingPortalLite as o } from "./als-react-ts-ui429.js";
-const r = o;
-export {
-  r as ToastPortal
-};

package/dist/als-react-ts-ui122.js

@@ -1,181 +0,0 @@
-import * as a from "react";
-import { ownerDocument as B } from "./als-react-ts-ui372.js";
-import { useStableCallback as d } from "./als-react-ts-ui223.js";
-import { generateId as G } from "./als-react-ts-ui422.js";
-import { Timeout as V } from "./als-react-ts-ui226.js";
-import { ToastContext as J } from "./als-react-ts-ui423.js";
-import { resolvePromiseOptions as A } from "./als-react-ts-ui424.js";
-import { jsx as K } from "react/jsx-runtime";
-import { activeElement as Q, contains as U, matchesFocusVisible as X } from "./als-react-ts-ui330.js";
-const Y = function(j) {
-  const {
-    children: H,
-    timeout: P = 5e3,
-    limit: R = 3,
-    toastManager: O
-  } = j, [u, v] = a.useState([]), [f, y] = a.useState(!1), [l, F] = a.useState(!1), [D, L] = a.useState(null);
-  u.length === 0 && (f && y(!1), l && F(!1));
-  const C = f || l, m = a.useRef(/* @__PURE__ */ new Map()), w = a.useRef(null), T = a.useRef(!0), x = a.useRef(!1);
-  function W(e) {
-    const n = Q(B(w.current));
-    if (!w.current || !U(w.current, n) || !X(n))
-      return;
-    const s = u.findIndex((o) => o.id === e);
-    let t = null, r = s + 1;
-    for (; r < u.length; ) {
-      if (u[r].transitionStatus !== "ending") {
-        t = u[r];
-        break;
-      }
-      r += 1;
-    }
-    if (!t)
-      for (r = s - 1; r >= 0; ) {
-        if (u[r].transitionStatus !== "ending") {
-          t = u[r];
-          break;
-        }
-        r -= 1;
-      }
-    t ? t.ref?.current?.focus() : D?.focus({
-      preventScroll: !0
-    });
-  }
-  const S = d(() => {
-    x.current || (x.current = !0, m.current.forEach((e) => {
-      if (e.timeout) {
-        e.timeout.clear();
-        const n = Date.now() - e.start, s = e.delay - n;
-        e.remaining = s > 0 ? s : 0;
-      }
-    }));
-  }), k = d(() => {
-    x.current && (x.current = !1, m.current.forEach((e, n) => {
-      e.remaining = e.remaining > 0 ? e.remaining : e.delay, e.timeout ??= V.create(), e.timeout.start(e.remaining, () => {
-        m.current.delete(n), e.callback();
-      }), e.start = Date.now();
-    }));
-  }), g = d((e) => {
-    v((t) => {
-      const r = t.map((i) => i.id === e ? {
-        ...i,
-        transitionStatus: "ending",
-        height: 0
-      } : i), o = r.filter((i) => i.transitionStatus !== "ending");
-      return r.map((i) => {
-        if (i.transitionStatus === "ending")
-          return i;
-        const c = o.indexOf(i) >= R;
-        return {
-          ...i,
-          limited: c
-        };
-      });
-    });
-    const n = m.current.get(e);
-    n && n.timeout && (n.timeout.clear(), m.current.delete(e)), u.find((t) => t.id === e)?.onClose?.(), W(e), u.length === 1 && (y(!1), F(!1));
-  }), N = d((e) => {
-    v((s) => s.filter((t) => t.id !== e)), u.find((s) => s.id === e)?.onRemove?.();
-  }), p = d((e, n, s) => {
-    const t = Date.now(), r = T.current && !f && !l, o = r ? V.create() : void 0;
-    o?.start(n, () => {
-      m.current.delete(e), s();
-    }), m.current.set(e, {
-      timeout: o,
-      start: r ? t : 0,
-      delay: n,
-      remaining: n,
-      callback: s
-    });
-  }), b = d((e) => {
-    const n = e.id || G("toast"), s = {
-      ...e,
-      id: n,
-      transitionStatus: "starting"
-    };
-    v((r) => {
-      const o = [s, ...r], i = o.filter((c) => c.transitionStatus !== "ending");
-      if (i.length > R) {
-        const c = i.length - R, q = i.slice(-c);
-        return o.map((M) => q.some((z) => z.id === M.id) ? {
-          ...M,
-          limited: !0
-        } : {
-          ...M,
-          limited: !1
-        });
-      }
-      return o.map((c) => ({
-        ...c,
-        limited: !1
-      }));
-    });
-    const t = s.timeout ?? P;
-    return s.type !== "loading" && t > 0 && p(n, t, () => g(n)), (f || l || !T.current) && S(), n;
-  }), h = d((e, n) => {
-    v((s) => s.map((t) => t.id === e ? {
-      ...t,
-      ...n
-    } : t));
-  }), E = d((e, n) => {
-    const s = A(n.loading), t = b({
-      ...s,
-      type: "loading"
-    }), r = e.then((o) => {
-      const i = A(n.success, o);
-      h(t, {
-        ...i,
-        type: "success"
-      });
-      const c = i.timeout ?? P;
-      return c > 0 && p(t, c, () => g(t)), (f || l || !T.current) && S(), o;
-    }).catch((o) => {
-      const i = A(n.error, o);
-      h(t, {
-        ...i,
-        type: "error"
-      });
-      const c = i.timeout ?? P;
-      return c > 0 && p(t, c, () => g(t)), (f || l || !T.current) && S(), Promise.reject(o);
-    });
-    return {}.hasOwnProperty.call(n, "setPromise") && n.setPromise(r), r;
-  });
-  a.useEffect(function() {
-    return O ? O[" subscribe"](({
-      action: s,
-      options: t
-    }) => {
-      const r = t.id;
-      s === "promise" && t.promise ? E(t.promise, t) : s === "update" && r ? h(r, t) : s === "close" && r ? g(r) : b(t);
-    }) : void 0;
-  }, [b, h, p, P, O, E, g]);
-  const _ = a.useMemo(() => ({
-    toasts: u,
-    setToasts: v,
-    hovering: f,
-    setHovering: y,
-    focused: l,
-    setFocused: F,
-    expanded: C,
-    add: b,
-    close: g,
-    remove: N,
-    update: h,
-    promise: E,
-    pauseTimers: S,
-    resumeTimers: k,
-    prevFocusElement: D,
-    setPrevFocusElement: L,
-    viewportRef: w,
-    scheduleTimer: p,
-    windowFocusedRef: T
-  }), [b, g, l, f, C, S, D, E, N, k, p, u, h]);
-  return /* @__PURE__ */ K(J.Provider, {
-    value: _,
-    children: H
-  });
-};
-process.env.NODE_ENV !== "production" && (Y.displayName = "ToastProvider");
-export {
-  Y as ToastProvider
-};

package/dist/als-react-ts-ui123.js

@@ -1,121 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { clsx as p } from "./als-react-ts-ui56.js";
-import l from "./als-react-ts-ui310.js";
-import { ToolbarRoot as i } from "./als-react-ts-ui311.js";
-import { ToolbarButton as b } from "./als-react-ts-ui312.js";
-import { ToolbarLink as T } from "./als-react-ts-ui313.js";
-import { ToolbarGroup as f } from "./als-react-ts-ui314.js";
-import { ToolbarSeparator as L } from "./als-react-ts-ui315.js";
-import { ToolbarInput as S } from "./als-react-ts-ui316.js";
-const c = e(
-  ({
-    orientation: o = "horizontal",
-    loopFocus: a = !0,
-    disabled: r = !1,
-    className: t,
-    children: s,
-    ...n
-  }, u) => /* @__PURE__ */ m(
-    i,
-    {
-      ref: u,
-      orientation: o,
-      loopFocus: a,
-      disabled: r,
-      className: p(
-        l.root,
-        l[`orientation-${o}`],
-        r && l.disabled,
-        t
-      ),
-      ...n,
-      children: s
-    }
-  )
-);
-c.displayName = "ALSToolbarRoot";
-const A = e(
-  ({
-    disabled: o = !1,
-    focusableWhenDisabled: a = !0,
-    className: r,
-    children: t,
-    ...s
-  }, n) => /* @__PURE__ */ m(
-    b,
-    {
-      ref: n,
-      disabled: o,
-      focusableWhenDisabled: a,
-      className: p(
-        l.button,
-        o && l.buttonDisabled,
-        r
-      ),
-      ...s,
-      children: t
-    }
-  )
-);
-A.displayName = "ALSToolbarButton";
-const N = e(({ className: o, children: a, ...r }, t) => /* @__PURE__ */ m(
-  T,
-  {
-    ref: t,
-    className: p(l.link, o),
-    ...r,
-    children: a
-  }
-));
-N.displayName = "ALSToolbarLink";
-const y = e(
-  ({ disabled: o = !1, className: a, children: r, ...t }, s) => /* @__PURE__ */ m(
-    f,
-    {
-      ref: s,
-      disabled: o,
-      className: p(
-        l.group,
-        o && l.groupDisabled,
-        a
-      ),
-      ...t,
-      children: r
-    }
-  )
-);
-y.displayName = "ALSToolbarGroup";
-const d = e(({ orientation: o = "horizontal", className: a, ...r }, t) => /* @__PURE__ */ m(
-  L,
-  {
-    ref: t,
-    orientation: o,
-    className: p(
-      l.separator,
-      l[`separator-${o}`],
-      a
-    ),
-    ...r
-  }
-));
-d.displayName = "ALSToolbarSeparator";
-const k = e(({ type: o = "text", placeholder: a, className: r, ...t }, s) => /* @__PURE__ */ m(
-  S,
-  {
-    ref: s,
-    type: o,
-    placeholder: a,
-    className: p(l.input, r),
-    ...t
-  }
-));
-k.displayName = "ALSToolbarInput";
-export {
-  A as ALSToolbarButton,
-  y as ALSToolbarGroup,
-  k as ALSToolbarInput,
-  N as ALSToolbarLink,
-  c as ALSToolbarRoot,
-  d as ALSToolbarSeparator
-};

package/dist/als-react-ts-ui124.js

@@ -1,349 +0,0 @@
-import { jsx as x } from "react/jsx-runtime";
-import A, { createContext as y, useContext as M, useRef as L, useState as C, useEffect as k, useMemo as W, useCallback as w } from "react";
-import { createPortal as I } from "react-dom";
-const B = y(null);
-function P() {
-  const t = M(B);
-  if (!t)
-    throw new Error(
-      "Tooltip components must be used within ALSTooltipRoot"
-    );
-  return t;
-}
-const g = y(null);
-function H() {
-  const t = M(g);
-  if (!t)
-    throw new Error(
-      "ALSTooltipPopup must be used within ALSTooltipPositioner"
-    );
-  return t;
-}
-function U({
-  children: t,
-  open: r,
-  defaultOpen: e = !1,
-  onOpenChange: i,
-  disabled: n = !1,
-  delay: a = 600,
-  closeDelay: o = 0
-}) {
-  const [s, f] = C(e), l = L(null), p = L(null), u = L(null), b = r !== void 0, v = b ? r : s, c = w(
-    (E) => {
-      b || f(E), i?.(E);
-    },
-    [b, i]
-  ), d = w(() => {
-    p.current !== null && (window.clearTimeout(p.current), p.current = null), u.current !== null && (window.clearTimeout(u.current), u.current = null);
-  }, []), T = w(() => {
-    n || (d(), a > 0 ? p.current = window.setTimeout(() => {
-      c(!0);
-    }, a) : c(!0));
-  }, [n, a, c, d]), m = w(() => {
-    n || (d(), o > 0 ? u.current = window.setTimeout(() => {
-      c(!1);
-    }, o) : c(!1));
-  }, [n, o, c, d]), h = w(() => {
-    n || (d(), c(!0));
-  }, [n, c, d]), S = w(() => {
-    n || (d(), c(!1));
-  }, [n, c, d]);
-  k(() => () => {
-    d();
-  }, [d]);
-  const $ = W(
-    () => ({
-      open: v,
-      setOpen: c,
-      disabled: n,
-      delay: a,
-      closeDelay: o,
-      triggerRef: l,
-      onTriggerEnter: T,
-      onTriggerLeave: m,
-      onFocus: h,
-      onBlur: S
-    }),
-    [
-      v,
-      c,
-      n,
-      a,
-      o,
-      T,
-      m,
-      h,
-      S
-    ]
-  );
-  return /* @__PURE__ */ x(B.Provider, { value: $, children: t });
-}
-function q({
-  children: t,
-  asChild: r = !0
-}) {
-  const {
-    triggerRef: e,
-    onTriggerEnter: i,
-    onTriggerLeave: n,
-    onFocus: a,
-    onBlur: o,
-    open: s
-  } = P(), f = w(
-    (...l) => (p) => {
-      l.forEach((u) => {
-        u && (typeof u == "function" ? u(p) : u.current = p);
-      });
-    },
-    []
-  );
-  if (r && A.isValidElement(t)) {
-    const l = A.Children.only(t), p = l.ref;
-    return A.cloneElement(l, {
-      ref: f(e, p),
-      onMouseEnter: (u) => {
-        l.props.onMouseEnter?.(u), i();
-      },
-      onMouseLeave: (u) => {
-        l.props.onMouseLeave?.(u), n();
-      },
-      onFocus: (u) => {
-        l.props.onFocus?.(u), a();
-      },
-      onBlur: (u) => {
-        l.props.onBlur?.(u), o();
-      },
-      "aria-describedby": s ? "als-tooltip" : void 0
-    });
-  }
-  return /* @__PURE__ */ x(
-    "span",
-    {
-      ref: f(e),
-      onMouseEnter: i,
-      onMouseLeave: n,
-      onFocus: a,
-      onBlur: o,
-      "aria-describedby": s ? "als-tooltip" : void 0,
-      children: t
-    }
-  );
-}
-function G({
-  children: t,
-  container: r
-}) {
-  const { open: e } = P();
-  if (!e || typeof window > "u") return null;
-  const i = r || document.body;
-  return I(t, i);
-}
-function J({
-  children: t,
-  side: r = "top",
-  align: e = "center",
-  sideOffset: i = 8,
-  alignOffset: n = 0
-}) {
-  const { triggerRef: a } = P(), o = W(
-    () => ({
-      side: r,
-      align: e,
-      sideOffset: i,
-      alignOffset: n,
-      triggerRef: a
-    }),
-    [r, e, i, n, a]
-  );
-  return /* @__PURE__ */ x(g.Provider, { value: o, children: t });
-}
-function V(t, r, e, i, n, a) {
-  let o = 0, s = 0, f = e;
-  const l = window.innerWidth, p = window.innerHeight;
-  switch (e) {
-    case "top":
-      o = t.top - r.height - n, s = t.left + t.width / 2 - r.width / 2;
-      break;
-    case "bottom":
-      o = t.bottom + n, s = t.left + t.width / 2 - r.width / 2;
-      break;
-    case "left":
-      o = t.top + t.height / 2 - r.height / 2, s = t.left - r.width - n;
-      break;
-    case "right":
-      o = t.top + t.height / 2 - r.height / 2, s = t.right + n;
-      break;
-  }
-  if (e === "top" || e === "bottom")
-    switch (i) {
-      case "start":
-        s = t.left + a;
-        break;
-      case "end":
-        s = t.right - r.width - a;
-        break;
-      case "center":
-      default:
-        s += a;
-        break;
-    }
-  else
-    switch (i) {
-      case "start":
-        o = t.top + a;
-        break;
-      case "end":
-        o = t.bottom - r.height - a;
-        break;
-      case "center":
-      default:
-        o += a;
-        break;
-    }
-  return e === "top" && o < 0 ? (o = t.bottom + n, f = "bottom") : e === "bottom" && o + r.height > p ? (o = t.top - r.height - n, f = "top") : e === "left" && s < 0 ? (s = t.right + n, f = "right") : e === "right" && s + r.width > l && (s = t.left - r.width - n, f = "left"), s = Math.max(8, Math.min(s, l - r.width - 8)), o = Math.max(8, Math.min(o, p - r.height - 8)), { top: o, left: s, actualSide: f };
-}
-const X = {
-  position: "fixed",
-  zIndex: 9999,
-  backgroundColor: "#1f2937",
-  color: "#f9fafb",
-  padding: "6px 12px",
-  borderRadius: "6px",
-  fontSize: "14px",
-  lineHeight: "1.4",
-  maxWidth: "280px",
-  wordWrap: "break-word",
-  boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-  pointerEvents: "none",
-  animation: "als-tooltip-fade-in 150ms ease-out"
-}, z = y("top");
-function K({
-  children: t,
-  className: r,
-  style: e
-}) {
-  const { triggerRef: i, onTriggerLeave: n, onTriggerEnter: a } = P(), { side: o, align: s, sideOffset: f, alignOffset: l } = H(), p = L(null), [u, b] = C({
-    top: 0,
-    left: 0
-  }), [v, c] = C(o), [d, T] = C(!1);
-  return k(() => {
-    const m = () => {
-      if (!i.current || !p.current) return;
-      const h = i.current.getBoundingClientRect(), S = p.current.getBoundingClientRect(), {
-        top: $,
-        left: E,
-        actualSide: F
-      } = V(
-        h,
-        S,
-        o,
-        s,
-        f,
-        l
-      );
-      b({ top: $, left: E }), c(F), T(!0);
-    };
-    return m(), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
-      window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
-    };
-  }, [i, o, s, f, l]), k(() => {
-    const m = "als-tooltip-styles";
-    if (!document.getElementById(m)) {
-      const h = document.createElement("style");
-      h.id = m, h.textContent = `
-                @keyframes als-tooltip-fade-in {
-                    from {
-                        opacity: 0;
-                        transform: scale(0.96);
-                    }
-                    to {
-                        opacity: 1;
-                        transform: scale(1);
-                    }
-                }
-            `, document.head.appendChild(h);
-    }
-  }, []), /* @__PURE__ */ x(z.Provider, { value: v, children: /* @__PURE__ */ x(
-    "div",
-    {
-      ref: p,
-      id: "als-tooltip",
-      role: "tooltip",
-      className: r,
-      style: {
-        ...X,
-        ...e,
-        top: u.top,
-        left: u.left,
-        opacity: d ? 1 : 0
-      },
-      onMouseEnter: a,
-      onMouseLeave: n,
-      children: t
-    }
-  ) });
-}
-function N({
-  className: t,
-  style: r,
-  width: e = 10,
-  height: i = 5
-}) {
-  const n = M(z);
-  return /* @__PURE__ */ x("span", { className: t, style: { ...(() => {
-    const o = {
-      position: "absolute",
-      width: 0,
-      height: 0,
-      borderStyle: "solid"
-    }, s = "#1f2937";
-    switch (n) {
-      case "top":
-        return {
-          ...o,
-          bottom: -i,
-          left: "50%",
-          transform: "translateX(-50%)",
-          borderWidth: `${i}px ${e / 2}px 0 ${e / 2}px`,
-          borderColor: `${s} transparent transparent transparent`
-        };
-      case "bottom":
-        return {
-          ...o,
-          top: -i,
-          left: "50%",
-          transform: "translateX(-50%)",
-          borderWidth: `0 ${e / 2}px ${i}px ${e / 2}px`,
-          borderColor: `transparent transparent ${s} transparent`
-        };
-      case "left":
-        return {
-          ...o,
-          right: -i,
-          top: "50%",
-          transform: "translateY(-50%)",
-          borderWidth: `${e / 2}px 0 ${e / 2}px ${i}px`,
-          borderColor: `transparent transparent transparent ${s}`
-        };
-      case "right":
-        return {
-          ...o,
-          left: -i,
-          top: "50%",
-          transform: "translateY(-50%)",
-          borderWidth: `${e / 2}px ${i}px ${e / 2}px 0`,
-          borderColor: `transparent ${s} transparent transparent`
-        };
-      default:
-        return o;
-    }
-  })(), ...r } });
-}
-export {
-  N as ALSTooltipArrow,
-  K as ALSTooltipPopup,
-  G as ALSTooltipPortal,
-  J as ALSTooltipPositioner,
-  U as ALSTooltipRoot,
-  q as ALSTooltipTrigger
-};