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

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

@@ -1,27 +1,83 @@
-const a = "_separator_1xnsi_6", r = "_separatorContainer_1xnsi_155", s = "_separatorLine_1xnsi_162", t = "_separatorLabel_1xnsi_168", e = {
-  separator: a,
-  "separator--horizontal": "_separator--horizontal_1xnsi_13",
-  "separator--vertical": "_separator--vertical_1xnsi_18",
-  "separator--sm": "_separator--sm_1xnsi_25",
-  "separator--md": "_separator--md_1xnsi_29",
-  "separator--lg": "_separator--lg_1xnsi_33",
-  "separator--solid": "_separator--solid_1xnsi_51",
-  "separator--dashed": "_separator--dashed_1xnsi_56",
-  "separator--dotted": "_separator--dotted_1xnsi_89",
-  "separator--default": "_separator--default_1xnsi_123",
-  "separator--subtle": "_separator--subtle_1xnsi_128",
-  "separator--strong": "_separator--strong_1xnsi_133",
-  "separator--primary": "_separator--primary_1xnsi_138",
-  "separator--with-spacing": "_separator--with-spacing_1xnsi_144",
-  separatorContainer: r,
-  separatorLine: s,
-  separatorLabel: t,
-  "separator--with-label": "_separator--with-label_1xnsi_178"
-};
+import * as r from "react";
+import { usePreviewCardRootContext as A } from "./als-react-ts-ui544.js";
+import { PreviewCardPositionerContext as E } from "./als-react-ts-ui548.js";
+import { useAnchorPositioning as N } from "./als-react-ts-ui360.js";
+import { popupStateMapping as b } from "./als-react-ts-ui271.js";
+import { usePreviewCardPortalContext as U } from "./als-react-ts-ui547.js";
+import { POPUP_COLLISION_AVOIDANCE as k } from "./als-react-ts-ui287.js";
+import { useRenderElement as H } from "./als-react-ts-ui220.js";
+import { jsx as I } from "react/jsx-runtime";
+const V = /* @__PURE__ */ r.forwardRef(function(i, s) {
+  const {
+    render: D,
+    className: L,
+    anchor: a,
+    positionMethod: d = "absolute",
+    side: l = "bottom",
+    align: c = "center",
+    sideOffset: p = 0,
+    alignOffset: m = 0,
+    collisionBoundary: f = "clipping-ancestors",
+    collisionPadding: u = 5,
+    arrowPadding: P = 5,
+    sticky: g = !1,
+    disableAnchorTracking: w = !1,
+    collisionAvoidance: v = k,
+    ...C
+  } = i, {
+    open: o,
+    mounted: t,
+    floatingRootContext: h,
+    setPositionerElement: y
+  } = A(), R = U(), e = N({
+    anchor: a,
+    floatingRootContext: h,
+    positionMethod: d,
+    mounted: t,
+    side: l,
+    sideOffset: p,
+    align: c,
+    alignOffset: m,
+    arrowPadding: P,
+    collisionBoundary: f,
+    collisionPadding: u,
+    sticky: g,
+    disableAnchorTracking: w,
+    keepMounted: R,
+    collisionAvoidance: v
+  }), S = r.useMemo(() => {
+    const n = {};
+    return o || (n.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !t,
+      style: {
+        ...e.positionerStyles,
+        ...n
+      }
+    };
+  }, [o, t, e.positionerStyles]), x = r.useMemo(() => ({
+    open: o,
+    side: e.side,
+    align: e.align,
+    anchorHidden: e.anchorHidden
+  }), [o, e.side, e.align, e.anchorHidden]), M = r.useMemo(() => ({
+    side: e.side,
+    align: e.align,
+    arrowRef: e.arrowRef,
+    arrowUncentered: e.arrowUncentered,
+    arrowStyles: e.arrowStyles
+  }), [e.side, e.align, e.arrowRef, e.arrowUncentered, e.arrowStyles]), O = H("div", i, {
+    state: x,
+    ref: [y, s],
+    props: [S, C],
+    stateAttributesMapping: b
+  });
+  return /* @__PURE__ */ I(E.Provider, {
+    value: M,
+    children: O
+  });
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "PreviewCardPositioner");
 export {
-  e as default,
-  a as separator,
-  r as separatorContainer,
-  t as separatorLabel,
-  s as separatorLine
+  V as PreviewCardPositioner
 };

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

@@ -1,9 +1,50 @@
-import * as c from "react";
-const e = {};
-function f(r, n) {
-  const t = c.useRef(e);
-  return t.current === e && (t.current = r(n)), t;
-}
+import * as i from "react";
+import { usePreviewCardRootContext as d } from "./als-react-ts-ui544.js";
+import { usePreviewCardPositionerContext as l } from "./als-react-ts-ui548.js";
+import { popupStateMapping as C } from "./als-react-ts-ui271.js";
+import { transitionStatusMapping as c } from "./als-react-ts-ui272.js";
+import { useOpenChangeComplete as P } from "./als-react-ts-ui280.js";
+import { useRenderElement as g } from "./als-react-ts-ui220.js";
+import { getDisabledMountTransitionStyles as v } from "./als-react-ts-ui362.js";
+const w = {
+  ...C,
+  ...c
+}, M = /* @__PURE__ */ i.forwardRef(function(o, s) {
+  const {
+    className: N,
+    render: S,
+    ...a
+  } = o, {
+    open: e,
+    transitionStatus: t,
+    popupRef: r,
+    onOpenChangeComplete: m,
+    popupProps: u
+  } = d(), {
+    side: p,
+    align: n
+  } = l();
+  P({
+    open: e,
+    ref: r,
+    onComplete() {
+      e && m?.(!0);
+    }
+  });
+  const f = i.useMemo(() => ({
+    open: e,
+    side: p,
+    align: n,
+    transitionStatus: t
+  }), [e, p, n, t]);
+  return g("div", o, {
+    ref: [r, s],
+    state: f,
+    props: [u, v(t), a],
+    stateAttributesMapping: w
+  });
+});
+process.env.NODE_ENV !== "production" && (M.displayName = "PreviewCardPopup");
 export {
-  f as useRefWithInit
+  M as PreviewCardPopup
 };

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

@@ -1,89 +1,38 @@
-import * as s from "react";
-import { useStableCallback as y } from "./als-react-ts-ui192.js";
-import { useScrollLock as I } from "./als-react-ts-ui326.js";
-import { useOpenInteractionType as A } from "./als-react-ts-ui327.js";
-import { createChangeEventDetails as M } from "./als-react-ts-ui246.js";
-import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./als-react-ts-ui261.js";
-import { useSyncedFloatingRootContext as U } from "./als-react-ts-ui328.js";
-import { useRole as w } from "./als-react-ts-ui329.js";
-import { useDismiss as H } from "./als-react-ts-ui330.js";
-import { useInteractions as K } from "./als-react-ts-ui263.js";
-import { imperativeAction as L } from "./als-react-ts-ui248.js";
-import { getTarget as V, contains as j } from "./als-react-ts-ui331.js";
-function ee(R) {
+import * as i from "react";
+import { usePreviewCardPositionerContext as c } from "./als-react-ts-ui548.js";
+import { usePreviewCardRootContext as w } from "./als-react-ts-ui544.js";
+import { popupStateMapping as f } from "./als-react-ts-ui271.js";
+import { useRenderElement as u } from "./als-react-ts-ui220.js";
+const l = /* @__PURE__ */ i.forwardRef(function(e, s) {
   const {
-    store: e,
-    parentContext: o,
-    actionsRef: x
-  } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
-    openMethod: k,
-    triggerProps: r,
-    reset: S
-  } = A(n);
-  B(e);
-  const {
-    forceUnmount: m
-  } = F(n, e, () => {
-    S();
-  }), f = y((t) => {
-    const a = M(t);
-    return a.preventUnmountOnClose = () => {
-      e.set("preventUnmountingOnClose", !0);
-    }, a;
-  }), g = s.useCallback(() => {
-    e.setOpen(!1, f(L));
-  }, [e, f]);
-  s.useImperativeHandle(x, () => ({
-    unmount: m,
-    close: g
-  }), [m, g]);
-  const u = U({
-    popupStore: e,
-    onOpenChange: e.setOpen,
-    treatPopupAsFloatingElement: !0,
-    noEmit: !0
-  }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
-    outsidePressEvent() {
-      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
-        mouse: c === "trap-focus" ? "sloppy" : "intentional",
-        touch: "sloppy"
-      };
-    },
-    outsidePress(t) {
-      if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
-        return !1;
-      const a = V(t);
-      if (C && !P) {
-        const p = a;
-        return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
-      }
-      return !1;
-    },
-    escapeKey: C
-  });
-  I(n && c === !0, l);
-  const {
-    getReferenceProps: D,
-    getFloatingProps: O,
-    getTriggerProps: b
-  } = K([N, T]);
-  e.useContextCallback("onNestedDialogOpen", (t) => {
-    d(t + 1);
-  }), e.useContextCallback("onNestedDialogClose", () => {
-    d(0);
-  }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
-    o?.onNestedDialogClose && n && o.onNestedDialogClose();
-  }), [n, o, i]);
-  const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
-  e.useSyncedValues({
-    openMethod: k,
-    activeTriggerProps: h,
-    inactiveTriggerProps: v,
-    popupProps: E,
-    floatingRootContext: u,
-    nestedOpenDialogCount: i
+    render: C,
+    className: P,
+    ...a
+  } = e, {
+    open: r
+  } = w(), {
+    arrowRef: p,
+    side: t,
+    align: o,
+    arrowUncentered: n,
+    arrowStyles: d
+  } = c(), m = i.useMemo(() => ({
+    open: r,
+    side: t,
+    align: o,
+    uncentered: n
+  }), [r, t, o, n]);
+  return u("div", e, {
+    state: m,
+    ref: [p, s],
+    props: [{
+      style: d,
+      "aria-hidden": !0
+    }, a],
+    stateAttributesMapping: f
   });
-}
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "PreviewCardArrow");
 export {
-  ee as useDialogRoot
+  l as PreviewCardArrow
 };

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

@@ -1,14 +1,24 @@
-import i 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 = "DialogRootContext");
-function s(n) {
-  const o = t.useContext(e);
-  if (n === !1 && o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
-  return o;
-}
+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 {
-  e as DialogRootContext,
-  s as useDialogRootContext
+  f as PreviewCardPortal
 };

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

@@ -1,65 +1,100 @@
-import * as i from "react";
-import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./als-react-ts-ui332.js";
-import { ReactStore as p } from "./als-react-ts-ui333.js";
-import { PopupTriggerMap as g } from "./als-react-ts-ui334.js";
-import { createSelector as n } from "./als-react-ts-ui335.js";
-const m = {
-  ...d,
-  modal: n((e) => e.modal),
-  nested: n((e) => e.nested),
-  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
-  disablePointerDismissal: n((e) => e.disablePointerDismissal),
-  openMethod: n((e) => e.openMethod),
-  descriptionElementId: n((e) => e.descriptionElementId),
-  titleElementId: n((e) => e.titleElementId),
-  viewportElement: n((e) => e.viewportElement),
-  role: n((e) => e.role)
-};
-class C extends p {
-  constructor(o) {
-    super(c(o), {
-      popupRef: /* @__PURE__ */ i.createRef(),
-      backdropRef: /* @__PURE__ */ i.createRef(),
-      internalBackdropRef: /* @__PURE__ */ i.createRef(),
-      triggerElements: new g(),
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0
-    }, m);
-  }
-  setOpen = (o, t) => {
-    if (t.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
+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;
-    const s = {
-      open: o,
-      nativeEvent: t.event,
-      reason: t.reason,
-      nested: this.state.nested
-    };
-    this.state.floatingRootContext.context.events?.emit("openchange", s);
-    const r = {
-      open: o
-    }, l = t.trigger?.id ?? null;
-    (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
-  };
-}
-function c(e = {}) {
-  return {
-    ...a(),
-    modal: !0,
-    disablePointerDismissal: !1,
-    popupElement: null,
-    viewportElement: null,
-    descriptionElementId: void 0,
-    titleElementId: void 0,
-    openMethod: null,
-    nested: !1,
-    nestedOpenDialogCount: 0,
-    role: "dialog",
-    ...e
-  };
+    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 {
-  C as DialogStore
+  Pe as PreviewCardRoot
 };

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

@@ -1,40 +1,44 @@
-import { TransitionStatusDataAttributes as p } from "./als-react-ts-ui245.js";
-let r = (function(n) {
-  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
-})({}), e = /* @__PURE__ */ (function(n) {
-  return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
-})({});
-const t = {
-  [e.popupOpen]: ""
-}, d = {
-  [e.popupOpen]: "",
-  [e.pressed]: ""
-}, O = {
-  [r.open]: ""
-}, l = {
-  [r.closed]: ""
-}, s = {
-  [r.anchorHidden]: ""
-}, i = {
-  open(n) {
-    return n ? t : null;
-  }
-}, a = {
-  open(n) {
-    return n ? d : null;
-  }
-}, o = {
-  open(n) {
-    return n ? O : l;
-  },
-  anchorHidden(n) {
-    return n ? s : null;
-  }
+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 {
-  r as CommonPopupDataAttributes,
-  e as CommonTriggerDataAttributes,
-  o as popupStateMapping,
-  a as pressableTriggerOpenStateMapping,
-  i as triggerOpenStateMapping
+  r as content,
+  v as corner,
+  d as default,
+  t as fadeOverlay,
+  o as root,
+  e as scrollbar,
+  l as thumb,
+  _ as viewport
 };