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

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

@@ -1,7 +1,24 @@
-function o(r, ...a) {
-  const e = new URL(`https://base-ui.com/production-error/${r}`);
-  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
-}
+import * as n from "react";
+import { usePreviewCardRootContext as d } from "./als-react-ts-ui544.js";
+import { PreviewCardPortalContext as l } from "./als-react-ts-ui547.js";
+import { FloatingPortalLite as s } from "./als-react-ts-ui429.js";
+import { jsx as o } from "react/jsx-runtime";
+const f = /* @__PURE__ */ n.forwardRef(function(e, t) {
+  const {
+    keepMounted: r = !1,
+    ...a
+  } = e, {
+    mounted: i
+  } = d();
+  return i || r ? /* @__PURE__ */ o(l.Provider, {
+    value: r,
+    children: /* @__PURE__ */ o(s, {
+      ref: t,
+      ...a
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "PreviewCardPortal");
 export {
-  o as default
+  f as PreviewCardPortal
 };

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

@@ -1,23 +1,100 @@
-const n = 500, t = 500, i = {
-  style: {
-    transition: "none"
-  }
-}, I = "data-base-ui-click-trigger", o = {
-  fallbackAxisSide: "none"
-}, s = {
-  fallbackAxisSide: "end"
-}, e = {
-  clipPath: "inset(50%)",
-  position: "fixed",
-  top: 0,
-  left: 0
-};
+import * as e from "react";
+import * as q from "react-dom";
+import { useControlled as z } from "./als-react-ts-ui292.js";
+import { useStableCallback as r } from "./als-react-ts-ui223.js";
+import { PreviewCardRootContext as B } from "./als-react-ts-ui544.js";
+import { OPEN_DELAY as x, CLOSE_DELAY as D } from "./als-react-ts-ui545.js";
+import { useFocusWithDelay as G } from "./als-react-ts-ui546.js";
+import { useOpenChangeComplete as J } from "./als-react-ts-ui280.js";
+import { useTransitionStatus as Q } from "./als-react-ts-ui349.js";
+import { jsx as X } from "react/jsx-runtime";
+import { useFloatingRootContext as Z } from "./als-react-ts-ui385.js";
+import { useHover as $ } from "./als-react-ts-ui389.js";
+import { safePolygon as ee } from "./als-react-ts-ui356.js";
+import { useDismiss as oe } from "./als-react-ts-ui329.js";
+import { useInteractions as te } from "./als-react-ts-ui290.js";
+import { triggerHover as F, triggerFocus as ne, triggerPress as se, escapeKey as re } from "./als-react-ts-ui275.js";
+function Pe(u) {
+  const {
+    open: T,
+    defaultOpen: H,
+    onOpenChange: M,
+    onOpenChangeComplete: a,
+    actionsRef: p
+  } = u, f = e.useRef(x), g = e.useRef(D), d = r((o) => {
+    f.current = o.delay ?? x, g.current = o.closeDelay ?? D;
+  }), [b, I] = e.useState(null), [i, L] = e.useState(null), [V, C] = e.useState(), y = e.useRef(null), [n, A] = z({
+    controlled: T,
+    default: H,
+    name: "PreviewCard",
+    state: "open"
+  }), U = r(M), {
+    mounted: R,
+    setMounted: l,
+    transitionStatus: h
+  } = Q(n), c = r(() => {
+    l(!1), a?.(!1);
+  });
+  J({
+    enabled: !p,
+    open: n,
+    ref: y,
+    onComplete() {
+      n || c();
+    }
+  }), e.useImperativeHandle(p, () => ({
+    unmount: c
+  }), [c]);
+  const m = r((o, t) => {
+    const N = t.reason === F, v = o && t.reason === ne, W = !o && (t.reason === se || t.reason === re);
+    if (U(o, t), t.isCanceled)
+      return;
+    function w() {
+      A(o);
+    }
+    N ? q.flushSync(w) : w(), v || W ? C(v ? "focus" : "dismiss") : t.reason === F && C(void 0);
+  }), s = Z({
+    elements: {
+      reference: b,
+      floating: i
+    },
+    open: n,
+    onOpenChange: m
+  }), P = V, O = () => f.current, Y = () => g.current, _ = $(s, {
+    mouseOnly: !0,
+    move: !1,
+    handleClose: ee(),
+    restMs: O,
+    delay: () => ({
+      close: Y()
+    })
+  }), j = G(s, {
+    delay: O
+  }), k = oe(s), {
+    getReferenceProps: S,
+    getFloatingProps: E
+  } = te([_, j, k]), K = e.useMemo(() => ({
+    open: n,
+    setOpen: m,
+    mounted: R,
+    setMounted: l,
+    setTriggerElement: I,
+    positionerElement: i,
+    setPositionerElement: L,
+    popupRef: y,
+    triggerProps: S(),
+    popupProps: E(),
+    floatingRootContext: s,
+    instantType: P,
+    transitionStatus: h,
+    onOpenChangeComplete: a,
+    writeDelayRefs: d
+  }), [n, m, R, l, i, S, E, s, P, h, a, d]);
+  return /* @__PURE__ */ X(B.Provider, {
+    value: K,
+    children: u.children
+  });
+}
 export {
-  I as CLICK_TRIGGER_IDENTIFIER,
-  i as DISABLED_TRANSITIONS_STYLE,
-  o as DROPDOWN_COLLISION_AVOIDANCE,
-  t as PATIENT_CLICK_THRESHOLD,
-  s as POPUP_COLLISION_AVOIDANCE,
-  n as TYPEAHEAD_RESET_MS,
-  e as ownerVisuallyHidden
+  Pe as PreviewCardRoot
 };

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

@@ -1,83 +1,44 @@
-import * as g from "react";
-import { useStableCallback as a } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as o } from "./als-react-ts-ui267.js";
-import { useTransitionStatus as f } from "./als-react-ts-ui342.js";
-import { useOpenChangeComplete as m } from "./als-react-ts-ui236.js";
-function d(n, t) {
-  const e = g.useRef(null);
-  return g.useCallback((r) => {
-    if (n !== void 0 && (e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null), r !== null))
-      return e.current = n, t.context.triggerElements.add(n, r), () => {
-        e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null);
-      };
-  }, [t, n]);
-}
-function x(n, t, e, r) {
-  const i = e.useState("isMountedByTrigger", n), l = d(n, e), c = a((u) => {
-    const s = l(u);
-    return u !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
-      activeTriggerId: n,
-      activeTriggerElement: u,
-      ...r
-    }), s;
-  });
-  return o(() => {
-    i && e.update({
-      activeTriggerElement: t,
-      ...r
-    });
-  }, [i, e, t, ...Object.values(r)]), {
-    registerTrigger: c,
-    isMountedByThisTrigger: i
-  };
-}
-function C(n) {
-  const t = n.useState("open");
-  o(() => {
-    if (t && !n.select("activeTriggerId") && n.context.triggerElements.size === 1) {
-      const e = n.context.triggerElements.entries().next();
-      if (!e.done) {
-        const [r, i] = e.value;
-        n.update({
-          activeTriggerId: r,
-          activeTriggerElement: i
-        });
-      }
-    }
-  }, [t, n]);
-}
-function S(n, t, e) {
-  const {
-    mounted: r,
-    setMounted: i,
-    transitionStatus: l
-  } = f(n);
-  t.useSyncedValues({
-    mounted: r,
-    transitionStatus: l
-  });
-  const c = a(() => {
-    i(!1), t.update({
-      activeTriggerId: null,
-      activeTriggerElement: null,
-      mounted: !1
-    }), e?.(), t.context.onOpenChangeComplete?.(!1);
-  }), u = t.useState("preventUnmountingOnClose");
-  return m({
-    enabled: !u,
-    open: n,
-    ref: t.context.popupRef,
-    onComplete() {
-      n || c();
-    }
-  }), {
-    forceUnmount: c,
-    transitionStatus: l
-  };
-}
+const o = "_root_169v1_9", _ = "_viewport_169v1_54", t = "_fadeOverlay_169v1_82", r = "_content_169v1_119", e = "_scrollbar_169v1_145", l = "_thumb_169v1_213", v = "_corner_169v1_256", d = {
+  root: o,
+  "root--sm": "_root--sm_169v1_19",
+  "root--md": "_root--md_169v1_23",
+  "root--lg": "_root--lg_169v1_27",
+  "root--full": "_root--full_169v1_31",
+  "root--default": "_root--default_169v1_37",
+  "root--subtle": "_root--subtle_169v1_41",
+  "root--bordered": "_root--bordered_169v1_46",
+  viewport: _,
+  "viewport--default": "_viewport--default_169v1_67",
+  "viewport--subtle": "_viewport--subtle_169v1_71",
+  "viewport--bordered": "_viewport--bordered_169v1_75",
+  fadeOverlay: t,
+  "fadeOverlay--top": "_fadeOverlay--top_169v1_92",
+  "fadeOverlay--bottom": "_fadeOverlay--bottom_169v1_104",
+  content: r,
+  "content--sm": "_content--sm_169v1_126",
+  "content--md": "_content--md_169v1_130",
+  "content--lg": "_content--lg_169v1_134",
+  "content--full": "_content--full_169v1_138",
+  scrollbar: e,
+  "scrollbar--default": "_scrollbar--default_169v1_198",
+  "scrollbar--subtle": "_scrollbar--subtle_169v1_202",
+  "scrollbar--bordered": "_scrollbar--bordered_169v1_206",
+  thumb: l,
+  "thumb--default": "_thumb--default_169v1_229",
+  "thumb--subtle": "_thumb--subtle_169v1_237",
+  "thumb--bordered": "_thumb--bordered_169v1_245",
+  corner: v,
+  "corner--default": "_corner--default_169v1_260",
+  "corner--subtle": "_corner--subtle_169v1_261",
+  "corner--bordered": "_corner--bordered_169v1_262"
+};
 export {
-  C as useImplicitActiveTrigger,
-  S as useOpenStateTransitions,
-  x as useTriggerDataForwarding,
-  d as useTriggerRegistration
+  r as content,
+  v as corner,
+  d as default,
+  t as fadeOverlay,
+  o as root,
+  e as scrollbar,
+  l as thumb,
+  _ as viewport
 };

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

@@ -1,66 +1,160 @@
-import * as O from "react";
-import { useAnimationFrame as P } from "./als-react-ts-ui346.js";
-import { useTimeout as b } from "./als-react-ts-ui297.js";
-import { createChangeEventDetails as v } from "./als-react-ts-ui229.js";
-import { isTypeableElement as I } from "./als-react-ts-ui312.js";
-import { EMPTY_OBJECT as x } from "./als-react-ts-ui304.js";
-import { isMouseLikePointerType as R } from "./als-react-ts-ui280.js";
-import { triggerPress as k } from "./als-react-ts-ui231.js";
-function L(d, M = {}) {
-  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
-    enabled: h = !0,
-    event: a = "click",
-    toggle: g = !0,
-    ignoreMouse: y = !1,
-    stickIfOpen: E = !0,
-    touchOpenDelay: n = 0
-  } = M, i = O.useRef(void 0), w = P(), m = b(), C = O.useMemo(() => ({
-    onPointerDown(t) {
-      i.current = t.pointerType;
-    },
-    onMouseDown(t) {
-      const o = i.current, r = t.nativeEvent, u = e.select("open");
-      if (t.button !== 0 || a === "click" || R(o, !0) && y)
-        return;
-      const s = T.current.openEvent, f = s?.type, l = e.select("domReferenceElement") !== t.currentTarget, c = u && l || !(u && g && (!(s && E) || f === "click" || f === "mousedown"));
-      if (I(r.target)) {
-        const p = v(k, r, r.target);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-        return;
+import * as t from "react";
+import { useStableCallback as b } from "./als-react-ts-ui223.js";
+import { useTimeout as q } from "./als-react-ts-ui226.js";
+import { ScrollAreaRootContext as mt } from "./als-react-ts-ui531.js";
+import { useRenderElement as ht } from "./als-react-ts-ui220.js";
+import { ScrollAreaRootCssVars as J } from "./als-react-ts-ui532.js";
+import { SCROLL_TIMEOUT as E } from "./als-react-ts-ui533.js";
+import { getOffset as x } from "./als-react-ts-ui534.js";
+import { ScrollAreaScrollbarDataAttributes as pt } from "./als-react-ts-ui535.js";
+import { styleDisableScrollbar as St } from "./als-react-ts-ui415.js";
+import { useBaseUiId as Rt } from "./als-react-ts-ui276.js";
+import { scrollAreaStateAttributesMapping as gt } from "./als-react-ts-ui536.js";
+import { jsxs as bt } from "react/jsx-runtime";
+import { contains as Et } from "./als-react-ts-ui330.js";
+const K = {
+  width: 0,
+  height: 0
+}, xt = {
+  xStart: !1,
+  xEnd: !1,
+  yStart: !1,
+  yEnd: !1
+}, vt = /* @__PURE__ */ t.forwardRef(function(l, Q) {
+  const {
+    render: Tt,
+    className: wt,
+    overflowEdgeThreshold: tt,
+    ...et
+  } = l, [A, S] = t.useState(!1), [M, u] = t.useState(!1), [C, f] = t.useState(!1), [R, rt] = t.useState(K), [P, ot] = t.useState(K), [D, L] = t.useState(!1), [a, nt] = t.useState(xt), W = Rt(), g = t.useRef(null), r = t.useRef(null), m = t.useRef(null), h = t.useRef(null), o = t.useRef(null), n = t.useRef(null), z = t.useRef(null), v = t.useRef(!1), I = t.useRef(0), U = t.useRef(0), _ = t.useRef(0), N = t.useRef(0), i = t.useRef("vertical"), V = q(), F = q(), y = t.useRef({
+    x: 0,
+    y: 0
+  }), [s, st] = t.useState({
+    scrollbarYHidden: !1,
+    scrollbarXHidden: !1,
+    cornerHidden: !1
+  }), $ = yt(tt), j = b((e) => {
+    const d = e.x - y.current.x, p = e.y - y.current.y;
+    y.current = e, p !== 0 && (f(!0), V.start(E, () => {
+      f(!1);
+    })), d !== 0 && (u(!0), F.start(E, () => {
+      u(!1);
+    }));
+  }), k = b((e) => {
+    e.button === 0 && (v.current = !0, I.current = e.clientY, U.current = e.clientX, i.current = e.currentTarget.getAttribute(pt.orientation), r.current && (_.current = r.current.scrollTop, N.current = r.current.scrollLeft), o.current && i.current === "vertical" && o.current.setPointerCapture(e.pointerId), n.current && i.current === "horizontal" && n.current.setPointerCapture(e.pointerId));
+  }), B = b((e) => {
+    if (!v.current)
+      return;
+    const d = e.clientY - I.current, p = e.clientX - U.current;
+    if (r.current) {
+      const it = r.current.scrollHeight, ut = r.current.clientHeight, ft = r.current.scrollWidth, dt = r.current.clientWidth;
+      if (o.current && m.current && i.current === "vertical") {
+        const w = x(m.current, "padding", "y"), H = x(o.current, "margin", "y"), X = o.current.offsetHeight, Y = m.current.offsetHeight - X - w - H, O = d / Y;
+        r.current.scrollTop = _.current + O * (it - ut), e.preventDefault(), f(!0), V.start(E, () => {
+          f(!1);
+        });
       }
-      const D = t.currentTarget;
-      w.request(() => {
-        const p = v(k, r, D);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-      });
-    },
-    onClick(t) {
-      if (a === "mousedown-only")
-        return;
-      const o = i.current;
-      if (a === "mousedown" && o) {
-        i.current = void 0;
-        return;
+      if (n.current && h.current && i.current === "horizontal") {
+        const w = x(h.current, "padding", "x"), H = x(n.current, "margin", "x"), X = n.current.offsetWidth, Y = h.current.offsetWidth - X - w - H, O = p / Y;
+        r.current.scrollLeft = N.current + O * (ft - dt), e.preventDefault(), u(!0), F.start(E, () => {
+          u(!1);
+        });
       }
-      if (R(o, !0) && y)
-        return;
-      const r = e.select("open"), u = T.current.openEvent, s = u?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = r && f || !(r && g && (!(u && E) || s === "click" || s === "mousedown" || s === "keydown" || s === "keyup")), c = v(k, t.nativeEvent, t.currentTarget);
-      l && o === "touch" && n > 0 ? m.start(n, () => {
-        e.setOpen(!0, c);
-      }) : e.setOpen(l, c);
+    }
+  }), G = b((e) => {
+    v.current = !1, o.current && i.current === "vertical" && o.current.releasePointerCapture(e.pointerId), n.current && i.current === "horizontal" && n.current.releasePointerCapture(e.pointerId);
+  });
+  function Z(e) {
+    const d = e.pointerType === "touch";
+    if (L(d), !d) {
+      const p = Et(g.current, e.target);
+      S(p);
+    }
+  }
+  const T = t.useMemo(() => ({
+    hasOverflowX: !s.scrollbarXHidden,
+    hasOverflowY: !s.scrollbarYHidden,
+    overflowXStart: a.xStart,
+    overflowXEnd: a.xEnd,
+    overflowYStart: a.yStart,
+    overflowYEnd: a.yEnd,
+    cornerHidden: s.cornerHidden
+  }), [s.scrollbarXHidden, s.scrollbarYHidden, s.cornerHidden, a]), ct = {
+    role: "presentation",
+    onPointerEnter: Z,
+    onPointerMove: Z,
+    onPointerDown({
+      pointerType: e
+    }) {
+      L(e === "touch");
+    },
+    onPointerLeave() {
+      S(!1);
     },
-    onKeyDown() {
-      i.current = void 0;
+    style: {
+      position: "relative",
+      [J.scrollAreaCornerHeight]: `${R.height}px`,
+      [J.scrollAreaCornerWidth]: `${R.width}px`
     }
-  }), [T, a, y, e, E, g, w, m, n]);
-  return O.useMemo(() => h ? {
-    reference: C
-  } : x, [h, C]);
+  }, lt = ht("div", l, {
+    state: T,
+    ref: [Q, g],
+    props: [ct, et],
+    stateAttributesMapping: gt
+  }), at = t.useMemo(() => ({
+    handlePointerDown: k,
+    handlePointerMove: B,
+    handlePointerUp: G,
+    handleScroll: j,
+    cornerSize: R,
+    setCornerSize: rt,
+    thumbSize: P,
+    setThumbSize: ot,
+    touchModality: D,
+    cornerRef: z,
+    scrollingX: M,
+    setScrollingX: u,
+    scrollingY: C,
+    setScrollingY: f,
+    hovering: A,
+    setHovering: S,
+    viewportRef: r,
+    rootRef: g,
+    scrollbarYRef: m,
+    scrollbarXRef: h,
+    thumbYRef: o,
+    thumbXRef: n,
+    rootId: W,
+    hiddenState: s,
+    setHiddenState: st,
+    overflowEdges: a,
+    setOverflowEdges: nt,
+    viewportState: T,
+    overflowEdgeThreshold: $
+  }), [k, B, G, j, R, P, D, z, M, u, C, f, A, S, r, g, m, h, o, n, W, s, a, T, $]);
+  return /* @__PURE__ */ bt(mt.Provider, {
+    value: at,
+    children: [St.element, lt]
+  });
+});
+process.env.NODE_ENV !== "production" && (vt.displayName = "ScrollAreaRoot");
+function yt(c) {
+  if (typeof c == "number") {
+    const l = Math.max(0, c);
+    return {
+      xStart: l,
+      xEnd: l,
+      yStart: l,
+      yEnd: l
+    };
+  }
+  return {
+    xStart: Math.max(0, c?.xStart || 0),
+    xEnd: Math.max(0, c?.xEnd || 0),
+    yStart: Math.max(0, c?.yStart || 0),
+    yEnd: Math.max(0, c?.yEnd || 0)
+  };
 }
 export {
-  L as useClick
+  vt as ScrollAreaRoot
 };