@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

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

@@ -1,40 +1,41 @@
-import * as i from "react";
-import { useId as l } from "./als-react-ts-ui216.js";
-import { useIsoLayoutEffect as y } from "./als-react-ts-ui161.js";
-import { useToastRootContext as c } from "./als-react-ts-ui326.js";
-import { useRenderElement as D } from "./als-react-ts-ui166.js";
-const R = /* @__PURE__ */ i.forwardRef(function(n, p) {
+import * as o from "react";
+import { useToastRootContext as d } from "./als-react-ts-ui430.js";
+import { useToastContext as l } from "./als-react-ts-ui426.js";
+import { useButton as f } from "./als-react-ts-ui230.js";
+import { useRenderElement as C } from "./als-react-ts-ui226.js";
+const R = /* @__PURE__ */ o.forwardRef(function(e, s) {
   const {
-    render: E,
-    className: N,
-    id: d,
-    children: f,
-    ...u
-  } = n, {
-    toast: e
-  } = c(), s = f ?? e.description, t = !!s, o = l(d), {
-    setDescriptionId: r
-  } = c();
-  y(() => {
-    if (t)
-      return r(o), () => {
-        r(void 0);
-      };
-  }, [t, o, r]);
-  const a = i.useMemo(() => ({
-    type: e.type
-  }), [e.type]), m = D("p", n, {
-    ref: p,
-    state: a,
-    props: {
-      ...u,
-      id: o,
-      children: s
-    }
+    render: x,
+    className: y,
+    disabled: n,
+    nativeButton: r = !0,
+    ...a
+  } = e, {
+    close: i,
+    expanded: m
+  } = l(), {
+    toast: t
+  } = d(), {
+    getButtonProps: p,
+    buttonRef: u
+  } = f({
+    disabled: n,
+    native: r
+  }), c = o.useMemo(() => ({
+    type: t.type
+  }), [t.type]);
+  return C("button", e, {
+    ref: [s, u],
+    state: c,
+    props: [{
+      "aria-hidden": !m,
+      onClick() {
+        i(t.id);
+      }
+    }, a, p]
   });
-  return t ? m : null;
 });
-process.env.NODE_ENV !== "production" && (R.displayName = "ToastDescription");
+process.env.NODE_ENV !== "production" && (R.displayName = "ToastClose");
 export {
-  R as ToastDescription
+  R as ToastClose
 };

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

@@ -1,9 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import t from "./als-react-ts-ui66.js";
-function m(r) {
-  return /* @__PURE__ */ o("div", { className: t.root });
-}
+import { ALSContextMenuSubmenuTrigger as e, ALSContextMenuSubmenuRoot as o, ALSContextMenuCheckboxItemIndicator as t, ALSContextMenuCheckboxItem as n, ALSContextMenuRadioItemIndicator as r, ALSContextMenuRadioItem as u, ALSContextMenuRadioGroup as S, ALSContextMenuGroupLabel as x, ALSContextMenuGroup as C, ALSContextMenuSeparator as A, ALSContextMenuItem as L, ALSContextMenuArrow as a, ALSContextMenuPopup as i, ALSContextMenuPositioner as M, ALSContextMenuBackdrop as m, ALSContextMenuPortal as p, ALSContextMenuTrigger as I, ALSContextMenuRoot as d } from "./als-react-ts-ui66.js";
+const b = {
+  Root: d,
+  Trigger: I,
+  Portal: p,
+  Backdrop: m,
+  Positioner: M,
+  Popup: i,
+  Arrow: a,
+  Item: L,
+  Separator: A,
+  Group: C,
+  GroupLabel: x,
+  RadioGroup: S,
+  RadioItem: u,
+  RadioItemIndicator: r,
+  CheckboxItem: n,
+  CheckboxItemIndicator: t,
+  SubmenuRoot: o,
+  SubmenuTrigger: e
+};
 export {
-  m as ALSContextMenu,
-  m as default
+  b as ALSContextMenu
 };

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

@@ -1,34 +1,61 @@
-import * as r from "react";
-import { useToastRootContext as m } from "./als-react-ts-ui326.js";
-import { useButton as f } from "./als-react-ts-ui179.js";
-import { useRenderElement as R } from "./als-react-ts-ui166.js";
-const h = /* @__PURE__ */ r.forwardRef(function(o, s) {
-  const {
-    render: B,
-    className: N,
-    disabled: c,
-    nativeButton: i = !0,
-    ...e
-  } = o, {
-    toast: t
-  } = m(), n = t.actionProps?.children ?? e.children, a = !!n, {
-    getButtonProps: u,
-    buttonRef: p
-  } = f({
-    disabled: c,
-    native: i
-  }), d = r.useMemo(() => ({
-    type: t.type
-  }), [t.type]), l = R("button", o, {
-    ref: [s, p],
-    state: d,
-    props: [e, t.actionProps, u, {
-      children: n
-    }]
-  });
-  return a ? l : null;
-});
-process.env.NODE_ENV !== "production" && (h.displayName = "ToastAction");
+import { generateId as r } from "./als-react-ts-ui425.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 {
-  h as ToastAction
+  c as createToastManager
 };

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

@@ -1,41 +1,5 @@
-import * as o from "react";
-import { useToastRootContext as d } from "./als-react-ts-ui326.js";
-import { useToastContext as l } from "./als-react-ts-ui322.js";
-import { useButton as f } from "./als-react-ts-ui179.js";
-import { useRenderElement as C } from "./als-react-ts-ui166.js";
-const R = /* @__PURE__ */ o.forwardRef(function(e, s) {
-  const {
-    render: x,
-    className: y,
-    disabled: n,
-    nativeButton: r = !0,
-    ...a
-  } = e, {
-    close: i,
-    expanded: m
-  } = l(), {
-    toast: t
-  } = d(), {
-    getButtonProps: p,
-    buttonRef: u
-  } = f({
-    disabled: n,
-    native: r
-  }), c = o.useMemo(() => ({
-    type: t.type
-  }), [t.type]);
-  return C("button", e, {
-    ref: [s, u],
-    state: c,
-    props: [{
-      "aria-hidden": !m,
-      onClick() {
-        i(t.id);
-      }
-    }, a, p]
-  });
-});
-process.env.NODE_ENV !== "production" && (R.displayName = "ToastClose");
+import { FloatingPortalLite as o } from "./als-react-ts-ui432.js";
+const r = o;
 export {
-  R as ToastClose
+  r as ToastPortal
 };

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

@@ -1,61 +1,181 @@
-import { generateId as r } from "./als-react-ts-ui321.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
+import * as a from "react";
+import { ownerDocument as B } from "./als-react-ts-ui352.js";
+import { useStableCallback as d } from "./als-react-ts-ui266.js";
+import { generateId as G } from "./als-react-ts-ui425.js";
+import { Timeout as V } from "./als-react-ts-ui297.js";
+import { ToastContext as J } from "./als-react-ts-ui426.js";
+import { resolvePromiseOptions as A } from "./als-react-ts-ui427.js";
+import { jsx as K } from "react/jsx-runtime";
+import { activeElement as Q, contains as U, matchesFocusVisible as X } from "./als-react-ts-ui312.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
+        };
       });
-    },
-    update(t, o) {
-      i({
-        action: "update",
-        options: {
-          ...o,
-          id: t
-        }
+    });
+    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"
       });
-    },
-    promise(t, o) {
-      let n = t;
-      return i({
-        action: "promise",
-        options: {
-          ...o,
-          promise: t,
-          setPromise(s) {
-            n = s;
-          }
-        }
-      }), n;
-    }
-  };
-}
+      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 {
-  c as createToastManager
+  Y as ToastProvider
 };

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

@@ -1,5 +1,121 @@
-import { FloatingPortalLite as o } from "./als-react-ts-ui328.js";
-const r = o;
+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-ui335.js";
+import { ToolbarRoot as i } from "./als-react-ts-ui336.js";
+import { ToolbarButton as b } from "./als-react-ts-ui337.js";
+import { ToolbarLink as T } from "./als-react-ts-ui338.js";
+import { ToolbarGroup as f } from "./als-react-ts-ui339.js";
+import { ToolbarSeparator as L } from "./als-react-ts-ui340.js";
+import { ToolbarInput as S } from "./als-react-ts-ui341.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 {
-  r as ToastPortal
+  A as ALSToolbarButton,
+  y as ALSToolbarGroup,
+  k as ALSToolbarInput,
+  N as ALSToolbarLink,
+  c as ALSToolbarRoot,
+  d as ALSToolbarSeparator
 };