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

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

@@ -1,6 +1,56 @@
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "ToastViewportContext");
+import * as s from "react";
+import { useFocusableWhenDisabled as D } from "./als-react-ts-ui342.js";
+import { ARROW_LEFT as R, ARROW_RIGHT as T } from "./als-react-ts-ui254.js";
+import { useToolbarRootContext as N } from "./als-react-ts-ui368.js";
+import { useToolbarGroupContext as P } from "./als-react-ts-ui563.js";
+import { CompositeItem as x } from "./als-react-ts-ui488.js";
+import { jsx as C } from "react/jsx-runtime";
+import { stopEvent as I } from "./als-react-ts-ui295.js";
+const W = /* @__PURE__ */ s.forwardRef(function(a, n) {
+  const {
+    className: i,
+    focusableWhenDisabled: t = !0,
+    render: p,
+    disabled: l = !1,
+    ...m
+  } = a, f = s.useMemo(() => ({
+    focusableWhenDisabled: t
+  }), [t]), {
+    disabled: u,
+    orientation: r
+  } = N(), d = P(), e = u || (d?.disabled ?? !1) || l, {
+    props: c
+  } = D({
+    composite: !0,
+    disabled: e,
+    focusableWhenDisabled: t,
+    isNativeButton: !1
+  }), b = s.useMemo(() => ({
+    disabled: e,
+    orientation: r,
+    focusable: t
+  }), [e, t, r]);
+  return /* @__PURE__ */ C(x, {
+    tag: "input",
+    render: p,
+    className: i,
+    metadata: f,
+    state: b,
+    refs: [n],
+    props: [{
+      onClick(o) {
+        e && o.preventDefault();
+      },
+      onKeyDown(o) {
+        o.key !== R && o.key !== T && e && I(o);
+      },
+      onPointerDown(o) {
+        e && o.preventDefault();
+      }
+    }, m, c]
+  });
+});
+process.env.NODE_ENV !== "production" && (W.displayName = "ToolbarInput");
 export {
-  e as ToastViewportContext
+  W as ToolbarInput
 };

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

@@ -1,6 +1,20 @@
-let o = /* @__PURE__ */ (function(t) {
-  return t.frontmostHeight = "--toast-frontmost-height", t;
-})({});
+import * as n from "react";
+import { SafeReact as f } from "./als-react-ts-ui370.js";
+let o = 0;
+function l(u, t = "mui") {
+  const [e, s] = n.useState(u), c = u || e;
+  return n.useEffect(() => {
+    e == null && (o += 1, s(`${t}-${o}`));
+  }, [e, t]), c;
+}
+const a = f.useId;
+function I(u, t) {
+  if (a !== void 0) {
+    const e = a();
+    return u ?? (t ? `${t}-${e}` : e);
+  }
+  return l(u, t);
+}
 export {
-  o as ToastViewportCssVars
+  I as useId
 };

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

@@ -1,14 +1,106 @@
-import s from "./als-react-ts-ui197.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "ToastRootContext");
-function r() {
-  const o = t.useContext(e);
-  if (!o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : s(66));
-  return o;
+import { getWindow as u, isOverflowElement as Y } from "./als-react-ts-ui339.js";
+import { isIOS as W, isWebKit as E } from "./als-react-ts-ui371.js";
+import { ownerDocument as n } from "./als-react-ts-ui372.js";
+import { useIsoLayoutEffect as T } from "./als-react-ts-ui193.js";
+import { Timeout as k } from "./als-react-ts-ui195.js";
+import { AnimationFrame as z } from "./als-react-ts-ui346.js";
+import { NOOP as H } from "./als-react-ts-ui303.js";
+let L = {}, C = {}, O = "";
+function F(r) {
+  if (typeof document > "u")
+    return !1;
+  const o = n(r);
+  return u(o).innerWidth - o.documentElement.clientWidth > 0;
+}
+function j(r) {
+  const o = n(r), t = o.documentElement, e = o.body, l = Y(t) ? t : e, s = l.style.overflow;
+  return l.style.overflow = "hidden", () => {
+    l.style.overflow = s;
+  };
+}
+function I(r) {
+  const o = n(r), t = o.documentElement, e = o.body, l = u(t);
+  let s = 0, c = 0;
+  const h = z.create(), f = typeof CSS < "u" && CSS.supports?.("scrollbar-gutter", "stable");
+  if (E && (l.visualViewport?.scale ?? 1) !== 1)
+    return () => {
+    };
+  function d() {
+    const a = l.getComputedStyle(t), i = l.getComputedStyle(e), y = (a.scrollbarGutter || "").includes("both-edges") ? "stable both-edges" : "stable";
+    s = t.scrollTop, c = t.scrollLeft, L = {
+      scrollbarGutter: t.style.scrollbarGutter,
+      overflowY: t.style.overflowY,
+      overflowX: t.style.overflowX
+    }, O = t.style.scrollBehavior, C = {
+      position: e.style.position,
+      height: e.style.height,
+      width: e.style.width,
+      boxSizing: e.style.boxSizing,
+      overflowY: e.style.overflowY,
+      overflowX: e.style.overflowX,
+      scrollBehavior: e.style.scrollBehavior
+    };
+    const X = t.scrollHeight > t.clientHeight, B = t.scrollWidth > t.clientWidth, x = a.overflowY === "scroll" || i.overflowY === "scroll", G = a.overflowX === "scroll" || i.overflowX === "scroll", b = Math.max(0, l.innerWidth - t.clientWidth), w = Math.max(0, l.innerHeight - t.clientHeight), p = parseFloat(i.marginTop) + parseFloat(i.marginBottom), g = parseFloat(i.marginLeft) + parseFloat(i.marginRight), S = Y(t) ? t : e;
+    if (f) {
+      t.style.scrollbarGutter = y, S.style.overflowY = "hidden", S.style.overflowX = "hidden";
+      return;
+    }
+    Object.assign(t.style, {
+      scrollbarGutter: y,
+      overflowY: "hidden",
+      overflowX: "hidden"
+    }), (X || x) && (t.style.overflowY = "scroll"), (B || G) && (t.style.overflowX = "scroll"), Object.assign(e.style, {
+      position: "relative",
+      height: p || w ? `calc(100dvh - ${p + w}px)` : "100dvh",
+      width: g || b ? `calc(100vw - ${g + b}px)` : "100vw",
+      boxSizing: "border-box",
+      overflow: "hidden",
+      scrollBehavior: "unset"
+    }), e.scrollTop = s, e.scrollLeft = c, t.setAttribute("data-base-ui-scroll-locked", ""), t.style.scrollBehavior = "unset";
+  }
+  function m() {
+    Object.assign(t.style, L), Object.assign(e.style, C), f || (t.scrollTop = s, t.scrollLeft = c, t.removeAttribute("data-base-ui-scroll-locked"), t.style.scrollBehavior = O);
+  }
+  function v() {
+    m(), h.request(d);
+  }
+  return d(), l.addEventListener("resize", v), () => {
+    h.cancel(), m(), typeof l.removeEventListener == "function" && l.removeEventListener("resize", v);
+  };
+}
+class R {
+  lockCount = 0;
+  restore = null;
+  timeoutLock = k.create();
+  timeoutUnlock = k.create();
+  acquire(o) {
+    return this.lockCount += 1, this.lockCount === 1 && this.restore === null && this.timeoutLock.start(0, () => this.lock(o)), this.release;
+  }
+  release = () => {
+    this.lockCount -= 1, this.lockCount === 0 && this.restore && this.timeoutUnlock.start(0, this.unlock);
+  };
+  unlock = () => {
+    this.lockCount === 0 && this.restore && (this.restore?.(), this.restore = null);
+  };
+  lock(o) {
+    if (this.lockCount === 0 || this.restore !== null)
+      return;
+    const e = n(o).documentElement, l = u(e).getComputedStyle(e).overflowY;
+    if (l === "hidden" || l === "clip") {
+      this.restore = H;
+      return;
+    }
+    const s = W || !F(o);
+    this.restore = s ? j(o) : I(o);
+  }
+}
+const V = new R();
+function _(r = !0, o = null) {
+  T(() => {
+    if (r)
+      return V.acquire(o);
+  }, [r, o]);
 }
 export {
-  e as ToastRootContext,
-  r as useToastRootContext
+  _ as useScrollLock
 };

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

@@ -1,6 +1,24 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.index = "--toast-index", e.offsetY = "--toast-offset-y", e.height = "--toast-height", e.swipeMovementX = "--toast-swipe-movement-x", e.swipeMovementY = "--toast-swipe-movement-y", e;
-})({});
+import * as e from "react";
+import { useStableCallback as i } from "./als-react-ts-ui192.js";
+import { useEnhancedClickHandler as u } from "./als-react-ts-ui373.js";
+function f(s) {
+  const [n, o] = e.useState(null), c = i((p, a) => {
+    s || o(a);
+  }), t = e.useCallback(() => {
+    o(null);
+  }, []), {
+    onClick: r,
+    onPointerDown: l
+  } = u(c);
+  return e.useMemo(() => ({
+    openMethod: n,
+    reset: t,
+    triggerProps: {
+      onClick: r,
+      onPointerDown: l
+    }
+  }), [n, t, r, l]);
+}
 export {
-  t as ToastRootCssVars
+  f as useOpenInteractionType
 };

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

@@ -1,28 +1,35 @@
-import * as o from "react";
-import * as s from "react-dom";
-import { jsxs as c } from "react/jsx-runtime";
-import { useFloatingPortalNode as m } from "./als-react-ts-ui196.js";
-const f = /* @__PURE__ */ o.forwardRef(function(t, a) {
+import { useId as f } from "./als-react-ts-ui325.js";
+import { useRefWithInit as g } from "./als-react-ts-ui240.js";
+import { useIsoLayoutEffect as E } from "./als-react-ts-ui193.js";
+import { isElement as d } from "./als-react-ts-ui339.js";
+import { useFloatingParentNodeId as S } from "./als-react-ts-ui356.js";
+import { FloatingRootStore as x } from "./als-react-ts-ui386.js";
+function v(p) {
   const {
-    children: i,
-    container: n,
-    className: d,
-    render: u,
-    ...l
-  } = t, {
-    portalNode: r,
-    portalSubtree: e
-  } = m({
-    container: n,
-    ref: a,
-    componentProps: t,
-    elementProps: l
-  });
-  return !e && !r ? null : /* @__PURE__ */ c(o.Fragment, {
-    children: [e, r && /* @__PURE__ */ s.createPortal(i, r)]
-  });
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "FloatingPortalLite");
+    popupStore: o,
+    noEmit: i = !1,
+    treatPopupAsFloatingElement: a = !1,
+    onOpenChange: m
+  } = p, n = f(), c = S() != null, r = o.useState("open"), t = o.useState("activeTriggerElement"), s = o.useState(a ? "popupElement" : "positionerElement"), u = o.context.triggerElements, e = g(() => new x({
+    open: r,
+    referenceElement: t,
+    floatingElement: s,
+    triggerElements: u,
+    onOpenChange: m,
+    floatingId: n,
+    nested: c,
+    noEmit: i
+  })).current;
+  return E(() => {
+    const l = {
+      open: r,
+      floatingId: n,
+      referenceElement: t,
+      floatingElement: s
+    };
+    d(t) && (l.domReferenceElement = t), e.update(l);
+  }, [r, n, t, s, e]), e.context.onOpenChange = m, e.context.nested = c, e.context.noEmit = i, e;
+}
 export {
-  f as FloatingPortalLite
+  v as useSyncedFloatingRootContext
 };