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

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

@@ -1,6 +1,62 @@
-let n = /* @__PURE__ */ (function(i) {
-  return i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i;
-})({});
+import * as z from "react";
+import { useAnimationFrame as R } from "./als-react-ts-ui346.js";
+import { useIsoLayoutEffect as $ } from "./als-react-ts-ui193.js";
+import { useStableCallback as v } from "./als-react-ts-ui192.js";
+import { useAnimationsFinished as C } from "./als-react-ts-ui338.js";
+import { getCssDimensions as S } from "./als-react-ts-ui424.js";
+const E = typeof ResizeObserver < "u", B = () => !0;
+function T(r) {
+  const {
+    popupElement: e,
+    positionerElement: t,
+    content: u,
+    mounted: y,
+    enabled: m = B,
+    onMeasureLayout: M,
+    onMeasureLayoutComplete: A
+  } = r, a = z.useRef(!0), d = C(e, !0, !1), l = R(), o = z.useRef(null), P = v(M), c = v(A);
+  $(() => {
+    if (!y || !m() || !E) {
+      a.current = !0, o.current = null;
+      return;
+    }
+    if (!e || !t)
+      return;
+    const h = new ResizeObserver((n) => {
+      const i = n[0];
+      i && (o.current === null ? o.current = {
+        width: Math.ceil(i.borderBoxSize[0].inlineSize),
+        height: Math.ceil(i.borderBoxSize[0].blockSize)
+      } : (o.current.width = Math.ceil(i.borderBoxSize[0].inlineSize), o.current.height = Math.ceil(i.borderBoxSize[0].blockSize)));
+    });
+    h.observe(e), e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
+    const f = p(e, "position", "static"), b = p(e, "transform", "none"), L = p(e, "scale", "1"), g = p(t, "--available-width", "max-content"), w = p(t, "--available-height", "max-content");
+    if (P?.(), a.current || o.current === null) {
+      t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
+      const n = S(e);
+      return t.style.setProperty("--positioner-width", `${n.width}px`), t.style.setProperty("--positioner-height", `${n.height}px`), f(), b(), L(), g(), w(), c?.(null, n), a.current = !1, () => {
+        h.disconnect();
+      };
+    }
+    e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto"), t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
+    const s = S(e);
+    e.style.setProperty("--popup-width", `${o.current.width}px`), e.style.setProperty("--popup-height", `${o.current.height}px`), f(), b(), g(), w(), c?.(o.current, s), t.style.setProperty("--positioner-width", `${s.width}px`), t.style.setProperty("--positioner-height", `${s.height}px`);
+    const x = new AbortController();
+    return l.request(() => {
+      e.style.setProperty("--popup-width", `${s.width}px`), e.style.setProperty("--popup-height", `${s.height}px`), d(() => {
+        e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
+      }, x.signal);
+    }), () => {
+      h.disconnect(), x.abort(), l.cancel();
+    };
+  }, [u, e, t, d, l, m, y, P, c]);
+}
+function p(r, e, t) {
+  const u = r.style.getPropertyValue(e);
+  return r.style.setProperty(e, t), () => {
+    r.style.setProperty(e, u);
+  };
+}
 export {
-  n as TabsRootDataAttributes
+  T as usePopupAutoResize
 };

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

@@ -1,134 +1,14 @@
-import * as I from "react";
-import { isElementDisabled as te } from "./als-react-ts-ui176.js";
-import { useStableCallback as F } from "./als-react-ts-ui160.js";
-import { useMergedRefs as ne } from "./als-react-ts-ui169.js";
-import { scrollIntoViewIfNeeded as P, ALL_KEYS as re, ARROW_KEYS as ie, isNativeInput as V, ARROW_DOWN as A, ARROW_RIGHT as C, HOME as oe, END as se, ARROW_LEFT as B, ARROW_UP as H, VERTICAL_KEYS_WITH_EXTRA_KEYS as le, VERTICAL_KEYS as ae, HORIZONTAL_KEYS_WITH_EXTRA_KEYS as ce, HORIZONTAL_KEYS as de, MODIFIER_KEYS as fe } from "./als-react-ts-ui178.js";
-import { ACTIVE_COMPOSITE_ITEM as ue } from "./als-react-ts-ui357.js";
-import { getMinListIndex as he, getMaxListIndex as Ie, createGridCellMap as ge, isListIndexDisabled as L, getGridNavigatedIndex as me, getGridCellIndexOfCorner as Re, getGridCellIndices as xe, findNonDisabledListIndex as ye, isIndexOutOfListBounds as Ee } from "./als-react-ts-ui311.js";
-const pe = [];
-function Me(b) {
-  const {
-    itemSizes: y,
-    cols: s = 1,
-    loopFocus: E = !0,
-    dense: Y = !1,
-    orientation: r = "both",
-    direction: p,
-    highlightedIndex: X,
-    onHighlightedIndexChange: Z,
-    rootRef: q,
-    enableHomeAndEndKeys: g = !1,
-    stopEventPropagation: w = !1,
-    disabledIndices: i,
-    modifierKeys: z = pe
-  } = b, [U, j] = I.useState(0), k = s > 1, m = I.useRef(null), D = ne(m, q), t = I.useRef([]), N = I.useRef(!1), l = X ?? U, R = F((e, o = !1) => {
-    if ((Z ?? j)(e), o) {
-      const f = t.current[e];
-      P(m.current, f, p, r);
-    }
-  }), G = F((e) => {
-    if (e.size === 0 || N.current)
-      return;
-    N.current = !0;
-    const o = Array.from(e.keys()), f = o.find((h) => h?.hasAttribute(ue)) ?? null, u = f ? o.indexOf(f) : -1;
-    u !== -1 && R(u), P(m.current, f, p, r);
-  }), O = I.useMemo(() => ({
-    "aria-orientation": r === "both" ? void 0 : r,
-    ref: D,
-    onFocus(e) {
-      !m.current || !V(e.target) || e.target.setSelectionRange(0, e.target.value.length ?? 0);
-    },
-    onKeyDown(e) {
-      const o = g ? re : ie;
-      if (!o.has(e.key) || Ke(e, z) || !m.current)
-        return;
-      const u = p === "rtl", h = u ? B : C, J = {
-        horizontal: h,
-        vertical: A,
-        both: h
-      }[r], K = u ? C : B, Q = {
-        horizontal: K,
-        vertical: H,
-        both: K
-      }[r];
-      if (V(e.target) && !te(e.target)) {
-        const d = e.target.selectionStart, a = e.target.selectionEnd, T = e.target.value ?? "";
-        if (d == null || e.shiftKey || d !== a || e.key !== Q && d < T.length || e.key !== J && d > 0)
-          return;
-      }
-      let n = l;
-      const S = he(t, i), _ = Ie(t, i);
-      if (k) {
-        const d = y || Array.from({
-          length: t.current.length
-        }, () => ({
-          width: 1,
-          height: 1
-        })), a = ge(d, s, Y), T = a.findIndex((c) => c != null && !L(t, c, i)), v = a.reduce((c, x, ee) => x != null && !L(t, x, i) ? ee : c, -1);
-        n = a[me({
-          current: a.map((c) => c ? t.current[c] : null)
-        }, {
-          event: e,
-          orientation: r,
-          loopFocus: E,
-          cols: s,
-          // treat undefined (empty grid spaces) as disabled indices so we
-          // don't end up in them
-          disabledIndices: xe([...i || t.current.map((c, x) => L(t, x) ? x : void 0), void 0], a),
-          minIndex: T,
-          maxIndex: v,
-          prevIndex: Re(
-            l > _ ? S : l,
-            d,
-            a,
-            s,
-            // use a corner matching the edge closest to the direction we're
-            // moving in so we don't end up in the same item. Prefer
-            // top/left over bottom/right.
-            // eslint-disable-next-line no-nested-ternary
-            e.key === A ? "bl" : e.key === C ? "tr" : "tl"
-          ),
-          rtl: u
-        })];
-      }
-      const W = {
-        horizontal: [h],
-        vertical: [A],
-        both: [h, A]
-      }[r], M = {
-        horizontal: [K],
-        vertical: [H],
-        both: [K, H]
-      }[r], $ = k ? o : {
-        horizontal: g ? ce : de,
-        vertical: g ? le : ae,
-        both: o
-      }[r];
-      g && (e.key === oe ? n = S : e.key === se && (n = _)), n === l && (W.includes(e.key) || M.includes(e.key)) && (E && n === _ && W.includes(e.key) ? n = S : E && n === S && M.includes(e.key) ? n = _ : n = ye(t, {
-        startingIndex: n,
-        decrement: M.includes(e.key),
-        disabledIndices: i
-      })), n !== l && !Ee(t, n) && (w && e.stopPropagation(), $.has(e.key) && e.preventDefault(), R(n, !0), queueMicrotask(() => {
-        t.current[n]?.focus();
-      }));
-    }
-  }), [s, Y, p, i, t, g, l, k, y, E, D, z, R, r, w]);
-  return I.useMemo(() => ({
-    props: O,
-    highlightedIndex: l,
-    onHighlightedIndexChange: R,
-    elementsRef: t,
-    disabledIndices: i,
-    onMapChange: G,
-    relayKeyboardEvent: O.onKeyDown
-  }), [O, l, R, t, i, G]);
-}
-function Ke(b, y) {
-  for (const s of fe.values())
-    if (!y.includes(s) && b.getModifierState(s))
-      return !0;
-  return !1;
+import n from "./als-react-ts-ui259.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ToolbarRootContext");
+function a(r) {
+  const o = t.useContext(e);
+  if (o === void 0 && !r)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToolbarRootContext is missing. Toolbar parts must be placed within <Toolbar.Root>." : n(69));
+  return o;
 }
 export {
-  Me as useCompositeRoot
+  e as ToolbarRootContext,
+  a as useToolbarRootContext
 };

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

@@ -1,4 +1,90 @@
-var e = { exports: {} };
+import * as L from "react";
+import { isElement as j } from "./als-react-ts-ui339.js";
+import { useStableCallback as l } from "./als-react-ts-ui192.js";
+import { useIsoLayoutEffect as F } from "./als-react-ts-ui193.js";
+import { createChangeEventDetails as w } from "./als-react-ts-ui246.js";
+import { useFloatingTree as q, useFloatingParentNodeId as z } from "./als-react-ts-ui356.js";
+import { useHoverInteractionSharedState as B, safePolygonIdentifier as H, isInteractiveElement as G } from "./als-react-ts-ui388.js";
+import { triggerHover as O } from "./als-react-ts-ui248.js";
+import { getDocument as x, getTarget as J } from "./als-react-ts-ui331.js";
+import { isMouseLikePointerType as K } from "./als-react-ts-ui295.js";
+const Q = /* @__PURE__ */ new Set(["click", "mousedown"]);
+function re(i, d = {}) {
+  const n = "rootStore" in i ? i.rootStore : i, m = n.useState("open"), u = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
+    dataRef: p
+  } = n.context, {
+    enabled: R = !0,
+    closeDelay: I = 0,
+    externalTree: A
+  } = d, {
+    pointerTypeRef: E,
+    interactedInsideRef: f,
+    handlerRef: v,
+    performedPointerEventsMutationRef: g,
+    unbindMouseMoveRef: N,
+    restTimeoutPendingRef: S,
+    openChangeTimeout: y,
+    handleCloseOptionsRef: k
+  } = B(n), M = q(A), T = z(), h = l(() => f.current ? !0 : p.current.openEvent ? Q.has(p.current.openEvent.type) : !1), C = l(() => {
+    const e = p.current.openEvent?.type;
+    return e?.includes("mouse") && e !== "mousedown";
+  }), P = L.useCallback((e, r = !0) => {
+    const s = U(I, E.current);
+    s && !v.current ? y.start(s, () => n.setOpen(!1, w(O, e))) : r && (y.clear(), n.setOpen(!1, w(O, e)));
+  }, [I, v, n, E, y]), c = l(() => {
+    N.current(), v.current = void 0;
+  }), a = l(() => {
+    if (g.current) {
+      const e = x(u).body;
+      e.style.pointerEvents = "", e.removeAttribute(H), g.current = !1;
+    }
+  }), D = l((e) => {
+    const r = J(e);
+    if (!G(r)) {
+      f.current = !1;
+      return;
+    }
+    f.current = !0;
+  });
+  F(() => {
+    m || (E.current = void 0, S.current = !1, f.current = !1, c(), a());
+  }, [m, E, S, f, c, a]), L.useEffect(() => () => {
+    c();
+  }, [c]), L.useEffect(() => a, [a]), F(() => {
+    if (R && m && k.current?.blockPointerEvents && C() && j(b) && u) {
+      g.current = !0;
+      const e = x(u).body;
+      e.setAttribute(H, "");
+      const r = b, s = u, t = M?.nodesRef.current.find((o) => o.id === T)?.context?.elements.floating;
+      return t && (t.style.pointerEvents = ""), e.style.pointerEvents = "none", r.style.pointerEvents = "auto", s.style.pointerEvents = "auto", () => {
+        e.style.pointerEvents = "", r.style.pointerEvents = "", s.style.pointerEvents = "";
+      };
+    }
+  }, [R, m, b, u, k, C, M, T, g]), L.useEffect(() => {
+    if (!R)
+      return;
+    function e(o) {
+      if (h() || !p.current.floatingContext)
+        return;
+      const W = n.context.triggerElements;
+      o.relatedTarget && W.hasElement(o.relatedTarget) || (a(), c(), h() || P(o));
+    }
+    function r(o) {
+      y.clear(), a(), v.current?.(o), c();
+    }
+    function s(o) {
+      h() || P(o, !1);
+    }
+    const t = u;
+    return t && (t.addEventListener("mouseleave", e), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), t.addEventListener("pointerdown", D, !0)), () => {
+      t && (t.removeEventListener("mouseleave", e), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s), t.removeEventListener("pointerdown", D, !0));
+    };
+  });
+}
+function U(i, d) {
+  return d && !K(d) ? 0 : typeof i == "function" ? i() : i;
+}
 export {
-  e as __module
+  U as getDelay,
+  re as useHoverFloatingInteraction
 };

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

@@ -1,9 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui128.js";
-function e(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSTooltipArrow as o, ALSTooltipPopup as t, ALSTooltipPositioner as r, ALSTooltipPortal as i, ALSTooltipTrigger as p, ALSTooltipRoot as l } from "./als-react-ts-ui124.js";
+const T = {
+  Root: l,
+  Trigger: p,
+  Portal: i,
+  Positioner: r,
+  Popup: t,
+  Arrow: o
+};
 export {
-  e as ALSTooltip,
-  e as default
+  T as ALSTooltip
 };

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

@@ -1,46 +1,7 @@
-import { __exports as i } from "./als-react-ts-ui372.js";
-import h from "react";
-var f;
-function x() {
-  if (f) return i;
-  f = 1;
-  var u = h;
-  function s(e, t) {
-    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-  }
-  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
-  function v(e, t) {
-    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
-    return p(
-      function() {
-        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
-      },
-      [e, r, t]
-    ), l(
-      function() {
-        return o(n) && c({ inst: n }), e(function() {
-          o(n) && c({ inst: n });
-        });
-      },
-      [e]
-    ), E(r), r;
-  }
-  function o(e) {
-    var t = e.getSnapshot;
-    e = e.value;
-    try {
-      var r = t();
-      return !S(e, r);
-    } catch {
-      return !0;
-    }
-  }
-  function y(e, t) {
-    return t();
-  }
-  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
-  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
-}
+import * as t from "react";
+const a = {
+  ...t
+};
 export {
-  x as __require
+  a as SafeReact
 };

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

@@ -1,58 +1,43 @@
-import { __exports as s } from "./als-react-ts-ui373.js";
-import h from "react";
-var l;
-function A() {
-  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && (function() {
-    function d(e, t) {
-      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-    }
-    function S(e, t) {
-      f || o.startTransition === void 0 || (f = !0, console.error(
-        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-      ));
-      var r = t();
-      if (!c) {
-        var u = t();
-        _(r, u) || (console.error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), c = !0);
-      }
-      u = p({
-        inst: { value: r, getSnapshot: t }
-      });
-      var n = u[0].inst, i = u[1];
-      return L(
-        function() {
-          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
-        },
-        [e, r, t]
-      ), E(
-        function() {
-          return a(n) && i({ inst: n }), e(function() {
-            a(n) && i({ inst: n });
-          });
-        },
-        [e]
-      ), y(r), r;
-    }
-    function a(e) {
-      var t = e.getSnapshot;
-      e = e.value;
-      try {
-        var r = t();
-        return !_(e, r);
-      } catch {
-        return !0;
-      }
-    }
-    function O(e, t) {
-      return t();
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
-    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })(), s);
+const a = typeof navigator < "u", o = e(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+  // iPads can claim to be MacIntel
+  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
+), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
+function e() {
+  if (!a)
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  const t = navigator.userAgentData;
+  return t?.platform ? {
+    platform: t.platform,
+    maxTouchPoints: navigator.maxTouchPoints
+  } : {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
+}
+function u() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map(({
+    brand: i,
+    version: s
+  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
+}
+function f() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t?.platform ? t.platform : navigator.platform ?? "";
 }
 export {
-  A as __require
+  d as isAndroid,
+  p as isFirefox,
+  m as isIOS,
+  v as isJSDOM,
+  l as isMac,
+  g as isSafari,
+  c as isWebKit
 };

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

@@ -1,4 +1,6 @@
-var r = {};
+function e(n) {
+  return n?.ownerDocument || document;
+}
 export {
-  r as __exports
+  e as ownerDocument
 };

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

@@ -1,4 +1,19 @@
-var e = {};
+import * as n from "react";
+function e(i) {
+  const o = n.useRef(""), c = n.useCallback((r) => {
+    r.defaultPrevented || (o.current = r.pointerType, i(r, r.pointerType));
+  }, [i]);
+  return {
+    onClick: n.useCallback((r) => {
+      if (r.detail === 0) {
+        i(r, "keyboard");
+        return;
+      }
+      "pointerType" in r && i(r, r.pointerType), i(r, o.current), o.current = "";
+    }, [i]),
+    onPointerDown: c
+  };
+}
 export {
-  e as __exports
+  e as useEnhancedClickHandler
 };