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

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

@@ -1,42 +1,16 @@
-const r = "_trigger_r1z8h_6", _ = "_positioner_r1z8h_40", t = "_popup_r1z8h_45", o = "_arrow_r1z8h_96", p = "_arrowFill_r1z8h_121", e = "_arrowOuterStroke_r1z8h_125", i = "_arrowInnerStroke_r1z8h_129", n = "_image_r1z8h_134", s = "_title_r1z8h_155", c = "_description_r1z8h_176", h = "_content_r1z8h_198", a = {
-  trigger: r,
-  positioner: _,
-  popup: t,
-  "popup--default": "_popup--default_r1z8h_66",
-  "popup--compact": "_popup--compact_r1z8h_70",
-  "popup--rich": "_popup--rich_r1z8h_75",
-  "popup--sm": "_popup--sm_r1z8h_83",
-  "popup--md": "_popup--md_r1z8h_87",
-  "popup--lg": "_popup--lg_r1z8h_91",
-  arrow: o,
-  arrowFill: p,
-  arrowOuterStroke: e,
-  arrowInnerStroke: i,
-  image: n,
-  "image--sm": "_image--sm_r1z8h_142",
-  "image--md": "_image--md_r1z8h_146",
-  "image--lg": "_image--lg_r1z8h_150",
-  title: s,
-  "title--sm": "_title--sm_r1z8h_163",
-  "title--md": "_title--md_r1z8h_167",
-  "title--lg": "_title--lg_r1z8h_171",
-  description: c,
-  "description--sm": "_description--sm_r1z8h_185",
-  "description--md": "_description--md_r1z8h_189",
-  "description--lg": "_description--lg_r1z8h_193",
-  content: h
+let n = /* @__PURE__ */ (function(t) {
+  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
+})({});
+const e = {
+  [n.startingStyle]: ""
+}, i = {
+  [n.endingStyle]: ""
+}, r = {
+  transitionStatus(t) {
+    return t === "starting" ? e : t === "ending" ? i : null;
+  }
 };
 export {
-  o as arrow,
-  p as arrowFill,
-  i as arrowInnerStroke,
-  e as arrowOuterStroke,
-  h as content,
-  a as default,
-  c as description,
-  n as image,
-  t as popup,
-  _ as positioner,
-  s as title,
-  r as trigger
+  n as TransitionStatusDataAttributes,
+  r as transitionStatusMapping
 };

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

@@ -1,38 +1,35 @@
-import * as t from "react";
-import { useIsoLayoutEffect as f } from "./als-react-ts-ui193.js";
-import { usePreviewCardRootContext as c } from "./als-react-ts-ui532.js";
-import { triggerOpenStateMapping as l } from "./als-react-ts-ui244.js";
-import { useRenderElement as d } from "./als-react-ts-ui189.js";
-const u = /* @__PURE__ */ t.forwardRef(function(e, o) {
-  const {
-    render: v,
-    className: y,
-    delay: s,
-    closeDelay: i,
+import { EMPTY_OBJECT as r } from "./als-react-ts-ui322.js";
+function u(e, t, n, a) {
+  let o = !1, l = !1;
+  const s = a ?? r;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
+    cancel() {
+      o = !0;
+    },
+    allowPropagation() {
+      l = !0;
+    },
+    get isCanceled() {
+      return o;
+    },
+    get isPropagationAllowed() {
+      return l;
+    },
+    trigger: n,
+    ...s
+  };
+}
+function d(e, t, n) {
+  const a = n ?? r;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
     ...a
-  } = e, {
-    open: r,
-    triggerProps: n,
-    setTriggerElement: m,
-    writeDelayRefs: p
-  } = c();
-  f(() => {
-    p({
-      delay: s,
-      closeDelay: i
-    });
-  });
-  const g = t.useMemo(() => ({
-    open: r
-  }), [r]);
-  return d("a", e, {
-    ref: [m, o],
-    state: g,
-    props: [n, a],
-    stateAttributesMapping: l
-  });
-});
-process.env.NODE_ENV !== "production" && (u.displayName = "PreviewCardTrigger");
+  };
+}
 export {
-  u as PreviewCardTrigger
+  u as createChangeEventDetails,
+  d as createGenericEventDetails
 };

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

@@ -1,83 +1,91 @@
-import * as r from "react";
-import { usePreviewCardRootContext as A } from "./als-react-ts-ui532.js";
-import { PreviewCardPositionerContext as E } from "./als-react-ts-ui536.js";
-import { useAnchorPositioning as N } from "./als-react-ts-ui364.js";
-import { popupStateMapping as b } from "./als-react-ts-ui244.js";
-import { usePreviewCardPortalContext as U } from "./als-react-ts-ui535.js";
-import { POPUP_COLLISION_AVOIDANCE as k } from "./als-react-ts-ui260.js";
-import { useRenderElement as H } from "./als-react-ts-ui189.js";
-import { jsx as I } from "react/jsx-runtime";
-const V = /* @__PURE__ */ r.forwardRef(function(i, s) {
+import * as i from "react";
+import { isHTMLElement as K } from "./als-react-ts-ui338.js";
+import { useStableCallback as d } from "./als-react-ts-ui223.js";
+import { error as m } from "./als-react-ts-ui340.js";
+import { useIsoLayoutEffect as N } from "./als-react-ts-ui224.js";
+import { useCompositeRootContext as O } from "./als-react-ts-ui341.js";
+import { useFocusableWhenDisabled as T } from "./als-react-ts-ui342.js";
+import { mergeProps as U, makeEventPreventable as b } from "./als-react-ts-ui323.js";
+function F(a = {}) {
   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
+    disabled: o = !1,
+    focusableWhenDisabled: h,
+    tabIndex: D = 0,
+    native: n = !0
+  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
+    const t = r.current;
+    return !!(t?.tagName === "A" && t?.href);
+  }), {
+    props: s
+  } = T({
+    focusableWhenDisabled: h,
+    disabled: o,
+    composite: u,
+    tabIndex: D,
+    isNativeButton: n
   });
-  return /* @__PURE__ */ I(E.Provider, {
-    value: M,
-    children: O
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
+    if (!r.current)
+      return;
+    const t = r.current.tagName === "BUTTON";
+    n ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
+  }, [n]);
+  const l = i.useCallback(() => {
+    const t = r.current;
+    I(t) && u && o && s.disabled === void 0 && t.disabled && (t.disabled = !1);
+  }, [o, s.disabled, u]);
+  N(l, [l]);
+  const y = i.useCallback((t = {}) => {
+    const {
+      onClick: c,
+      onMouseDown: k,
+      onKeyUp: E,
+      onKeyDown: g,
+      onPointerDown: B,
+      ...C
+    } = t;
+    return U({
+      type: n ? "button" : void 0,
+      onClick(e) {
+        if (o) {
+          e.preventDefault();
+          return;
+        }
+        c?.(e);
+      },
+      onMouseDown(e) {
+        o || k?.(e);
+      },
+      onKeyDown(e) {
+        if (o || (b(e), g?.(e)), e.baseUIHandlerPrevented)
+          return;
+        const P = e.target === e.currentTarget && !n && !f() && !o, p = e.key === "Enter", x = e.key === " ";
+        P && ((x || p) && e.preventDefault(), p && c?.(e));
+      },
+      onKeyUp(e) {
+        o || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !n && !o && e.key === " " && c?.(e);
+      },
+      onPointerDown(e) {
+        if (o) {
+          e.preventDefault();
+          return;
+        }
+        B?.(e);
+      }
+    }, n ? void 0 : {
+      role: "button"
+    }, s, C);
+  }, [o, s, n, f]), w = d((t) => {
+    r.current = t, l();
   });
-});
-process.env.NODE_ENV !== "production" && (V.displayName = "PreviewCardPositioner");
+  return {
+    getButtonProps: y,
+    buttonRef: w
+  };
+}
+function I(a) {
+  return K(a) && a.tagName === "BUTTON";
+}
 export {
-  V as PreviewCardPositioner
+  F as useButton
 };

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

@@ -1,50 +1,28 @@
-import * as i from "react";
-import { usePreviewCardRootContext as d } from "./als-react-ts-ui532.js";
-import { usePreviewCardPositionerContext as l } from "./als-react-ts-ui536.js";
-import { popupStateMapping as C } from "./als-react-ts-ui244.js";
-import { transitionStatusMapping as c } from "./als-react-ts-ui245.js";
-import { useOpenChangeComplete as P } from "./als-react-ts-ui253.js";
-import { useRenderElement as g } from "./als-react-ts-ui189.js";
-import { getDisabledMountTransitionStyles as v } from "./als-react-ts-ui366.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");
+const s = "none", e = "trigger-press", t = "trigger-hover", n = "trigger-focus", o = "outside-press", r = "item-press", c = "close-press", i = "link-press", p = "clear-press", a = "track-press", g = "input-change", u = "input-clear", l = "input-blur", d = "input-paste", P = "focus-out", b = "escape-key", k = "list-navigation", v = "keyboard", m = "pointer", w = "drag", y = "scrub", f = "cancel-open", h = "sibling-open", O = "imperative-action", z = "window-resize";
 export {
-  M as PreviewCardPopup
+  f as cancelOpen,
+  p as clearPress,
+  c as closePress,
+  w as drag,
+  b as escapeKey,
+  P as focusOut,
+  O as imperativeAction,
+  l as inputBlur,
+  g as inputChange,
+  u as inputClear,
+  d as inputPaste,
+  r as itemPress,
+  v as keyboard,
+  i as linkPress,
+  k as listNavigation,
+  s as none,
+  o as outsidePress,
+  m as pointer,
+  y as scrub,
+  h as siblingOpen,
+  a as trackPress,
+  n as triggerFocus,
+  t as triggerHover,
+  e as triggerPress,
+  z as windowResize
 };

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

@@ -1,38 +1,7 @@
-import * as i from "react";
-import { usePreviewCardPositionerContext as c } from "./als-react-ts-ui536.js";
-import { usePreviewCardRootContext as w } from "./als-react-ts-ui532.js";
-import { popupStateMapping as f } from "./als-react-ts-ui244.js";
-import { useRenderElement as u } from "./als-react-ts-ui189.js";
-const l = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const {
-    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");
+import { useId as r } from "./als-react-ts-ui335.js";
+function i(e) {
+  return r(e, "base-ui");
+}
 export {
-  l as PreviewCardArrow
+  i as useBaseUiId
 };

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

@@ -1,24 +1,6 @@
-import * as n from "react";
-import { usePreviewCardRootContext as d } from "./als-react-ts-ui532.js";
-import { PreviewCardPortalContext as l } from "./als-react-ts-ui535.js";
-import { FloatingPortalLite as s } from "./als-react-ts-ui435.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");
+let t = /* @__PURE__ */ (function(e) {
+  return e.nestedDialogs = "--nested-dialogs", e;
+})({});
 export {
-  f as PreviewCardPortal
+  t as DialogPopupCssVars
 };

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

@@ -1,100 +1,7 @@
-import * as e from "react";
-import * as q from "react-dom";
-import { useControlled as z } from "./als-react-ts-ui282.js";
-import { useStableCallback as r } from "./als-react-ts-ui192.js";
-import { PreviewCardRootContext as B } from "./als-react-ts-ui532.js";
-import { OPEN_DELAY as x, CLOSE_DELAY as D } from "./als-react-ts-ui533.js";
-import { useFocusWithDelay as G } from "./als-react-ts-ui534.js";
-import { useOpenChangeComplete as J } from "./als-react-ts-ui253.js";
-import { useTransitionStatus as Q } from "./als-react-ts-ui344.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-ui360.js";
-import { useDismiss as oe } from "./als-react-ts-ui330.js";
-import { useInteractions as te } from "./als-react-ts-ui263.js";
-import { triggerHover as F, triggerFocus as ne, triggerPress as se, escapeKey as re } from "./als-react-ts-ui248.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
-  });
-}
+import { CommonPopupDataAttributes as e } from "./als-react-ts-ui271.js";
+let y = (function(n) {
+  return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
+})({});
 export {
-  Pe as PreviewCardRoot
+  y as DialogPopupDataAttributes
 };

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

@@ -1,31 +1,14 @@
-const _ = "_container_z6vxp_6", t = "_labelContainer_z6vxp_26", i = "_label_z6vxp_26", s = "_required_z6vxp_46", c = "_description_z6vxp_51", e = "_thumb_z6vxp_145", n = {
-  container: _,
-  "container--left": "_container--left_z6vxp_12",
-  "container--right": "_container--right_z6vxp_16",
-  "container--disabled": "_container--disabled_z6vxp_20",
-  labelContainer: t,
-  label: i,
-  required: s,
-  description: c,
-  switch: "_switch_z6vxp_61",
-  "switch--primary": "_switch--primary_z6vxp_93",
-  "switch--success": "_switch--success_z6vxp_101",
-  "switch--warning": "_switch--warning_z6vxp_109",
-  "switch--error": "_switch--error_z6vxp_117",
-  "switch--sm": "_switch--sm_z6vxp_126",
-  "switch--md": "_switch--md_z6vxp_132",
-  "switch--lg": "_switch--lg_z6vxp_138",
-  thumb: e,
-  "thumb--sm": "_thumb--sm_z6vxp_158",
-  "thumb--md": "_thumb--md_z6vxp_163",
-  "thumb--lg": "_thumb--lg_z6vxp_168"
-};
+import r from "./als-react-ts-ui286.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
+function a() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
+  return o;
+}
 export {
-  _ as container,
-  n as default,
-  c as description,
-  i as label,
-  t as labelContainer,
-  s as required,
-  e as thumb
+  e as DialogPortalContext,
+  a as useDialogPortalContext
 };