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

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

@@ -0,0 +1,37 @@
+import * as o from "react";
+import { useRenderElement as u } from "./als-react-ts-ui189.js";
+import { useRadioRootContext as l } from "./als-react-ts-ui512.js";
+import { stateAttributesMapping as R } from "./als-react-ts-ui511.js";
+import { useOpenChangeComplete as C } from "./als-react-ts-ui253.js";
+import { useTransitionStatus as M } from "./als-react-ts-ui344.js";
+const N = /* @__PURE__ */ o.forwardRef(function(n, i) {
+  const {
+    render: E,
+    className: I,
+    keepMounted: d = !1,
+    ...c
+  } = n, t = l(), e = t.checked, {
+    transitionStatus: r,
+    setMounted: m
+  } = M(e), p = o.useMemo(() => ({
+    ...t,
+    transitionStatus: r
+  }), [t, r]), s = o.useRef(null), a = d || e, f = u("span", n, {
+    enabled: a,
+    ref: [i, s],
+    state: p,
+    props: c,
+    stateAttributesMapping: R
+  });
+  return C({
+    open: e,
+    ref: s,
+    onComplete() {
+      e || m(!1);
+    }
+  }), a ? f : null;
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "RadioIndicator");
+export {
+  N as RadioIndicator
+};

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

@@ -0,0 +1,137 @@
+import * as i from "react";
+import { useMergedRefs as ee } from "./als-react-ts-ui287.js";
+import { useIsoLayoutEffect as te } from "./als-react-ts-ui193.js";
+import { visuallyHidden as oe } from "./als-react-ts-ui375.js";
+import { createChangeEventDetails as re } from "./als-react-ts-ui246.js";
+import { stateAttributesMapping as I } from "./als-react-ts-ui511.js";
+import { useBaseUiId as ie } from "./als-react-ts-ui249.js";
+import { useRenderElement as ne } from "./als-react-ts-ui189.js";
+import { ACTIVE_COMPOSITE_ITEM as se } from "./als-react-ts-ui508.js";
+import { CompositeItem as ae } from "./als-react-ts-ui488.js";
+import { useFieldRootContext as de } from "./als-react-ts-ui398.js";
+import { useFieldItemContext as ue } from "./als-react-ts-ui440.js";
+import { useLabelableContext as le } from "./als-react-ts-ui399.js";
+import { useLabelableId as fe } from "./als-react-ts-ui400.js";
+import { useRadioGroupContext as ce } from "./als-react-ts-ui496.js";
+import { RadioRootContext as pe } from "./als-react-ts-ui512.js";
+import { jsxs as me, jsx as g } from "react/jsx-runtime";
+import { useButton as Re } from "./als-react-ts-ui247.js";
+import { EMPTY_OBJECT as be, NOOP as Pe } from "./als-react-ts-ui303.js";
+import { none as ve } from "./als-react-ts-ui248.js";
+const ye = /* @__PURE__ */ i.forwardRef(function(c, x) {
+  const {
+    render: O,
+    className: k,
+    disabled: D = !1,
+    readOnly: M = !1,
+    required: T = !1,
+    value: n,
+    inputRef: V,
+    nativeButton: q = !1,
+    id: F,
+    ...N
+  } = c, {
+    disabled: B,
+    readOnly: G,
+    required: _,
+    checkedValue: A,
+    setCheckedValue: l,
+    touched: L,
+    setTouched: j,
+    validation: w,
+    registerControlRef: S
+  } = ce(), {
+    setDirty: p,
+    validityData: m,
+    setTouched: R,
+    setFilled: a,
+    state: b,
+    disabled: H
+  } = de(), J = ue(), {
+    labelId: K,
+    getDescriptionProps: U
+  } = le(), e = H || J.disabled || B || D, o = G || M, s = _ || T, r = A === n, f = i.useRef(null), d = i.useRef(null), P = ee(V, d);
+  te(() => {
+    d.current?.checked && a(!0);
+  }, [a]);
+  const Y = ie(), v = fe({
+    id: F,
+    implicit: !1,
+    controlRef: f
+  }), z = {
+    role: "radio",
+    "aria-checked": r,
+    "aria-required": s || void 0,
+    "aria-disabled": e || void 0,
+    "aria-readonly": o || void 0,
+    "aria-labelledby": K,
+    [se]: r ? "" : void 0,
+    id: Y,
+    disabled: e,
+    onKeyDown(t) {
+      t.key === "Enter" && t.preventDefault();
+    },
+    onClick(t) {
+      t.defaultPrevented || e || o || (t.preventDefault(), d.current?.click());
+    },
+    onFocus(t) {
+      t.defaultPrevented || e || o || !L || (d.current?.click(), j(!1));
+    }
+  }, {
+    getButtonProps: Q,
+    buttonRef: W
+  } = Re({
+    disabled: e,
+    native: q
+  }), X = i.useMemo(() => ({
+    type: "radio",
+    ref: P,
+    id: v,
+    tabIndex: -1,
+    style: oe,
+    "aria-hidden": !0,
+    disabled: e,
+    checked: r,
+    required: s,
+    readOnly: o,
+    onChange(t) {
+      if (t.nativeEvent.defaultPrevented || e || o || n === void 0)
+        return;
+      const E = re(ve, t.nativeEvent);
+      E.isCanceled || (R(!0), p(n !== m.initialValue), a(!0), l(n, E));
+    },
+    onFocus() {
+      f.current?.focus();
+    }
+  }), [r, e, v, P, o, s, l, p, R, a, m.initialValue, n]), u = i.useMemo(() => ({
+    ...b,
+    required: s,
+    disabled: e,
+    readOnly: o,
+    checked: r
+  }), [b, e, o, r, s]), Z = i.useMemo(() => u, [u]), y = l !== Pe, C = [x, S, f, W], h = [z, U, w?.getValidationProps ?? be, N, Q], $ = ne("span", c, {
+    enabled: !y,
+    state: u,
+    ref: C,
+    props: h,
+    stateAttributesMapping: I
+  });
+  return /* @__PURE__ */ me(pe.Provider, {
+    value: Z,
+    children: [y ? /* @__PURE__ */ g(ae, {
+      tag: "span",
+      render: O,
+      className: k,
+      state: u,
+      refs: C,
+      props: h,
+      stateAttributesMapping: I
+    }) : $, /* @__PURE__ */ g("input", {
+      ...X
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ye.displayName = "RadioRoot");
+export {
+  ye as RadioRoot
+};

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

@@ -0,0 +1,24 @@
+const _ = "_root_1m4y4_2", a = "_track_1m4y4_10", r = "_indicator_1m4y4_19", t = "_label_1m4y4_27", i = "_value_1m4y4_34", e = "_indeterminate_1m4y4_1", n = {
+  root: _,
+  track: a,
+  indicator: r,
+  label: t,
+  value: i,
+  "size-sm": "_size-sm_1m4y4_42",
+  "size-md": "_size-md_1m4y4_46",
+  "size-lg": "_size-lg_1m4y4_50",
+  "variant-primary": "_variant-primary_1m4y4_55",
+  "variant-success": "_variant-success_1m4y4_60",
+  "variant-warning": "_variant-warning_1m4y4_65",
+  "variant-error": "_variant-error_1m4y4_70",
+  indeterminate: e
+};
+export {
+  n as default,
+  e as indeterminate,
+  r as indicator,
+  t as label,
+  _ as root,
+  a as track,
+  i as value
+};

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

@@ -0,0 +1,61 @@
+import * as n from "react";
+import { useValueAsRef as N } from "./als-react-ts-ui337.js";
+import { formatNumber as f } from "./als-react-ts-ui494.js";
+import { useRenderElement as P } from "./als-react-ts-ui189.js";
+import { ProgressRootContext as A } from "./als-react-ts-ui509.js";
+import { progressStateAttributesMapping as M } from "./als-react-ts-ui510.js";
+import { jsx as y } from "react/jsx-runtime";
+function E(r, e, s) {
+  return r == null ? "" : s ? f(r, e, s) : f(r / 100, e, {
+    style: "percent"
+  });
+}
+function w(r, e) {
+  return e == null ? "indeterminate progress" : r || `${e}%`;
+}
+const D = /* @__PURE__ */ n.forwardRef(function(e, s) {
+  const {
+    format: p,
+    getAriaValueText: c = w,
+    locale: d,
+    max: a = 100,
+    min: i = 0,
+    value: t,
+    render: I,
+    className: O,
+    ...g
+  } = e, [b, l] = n.useState(), x = N(p);
+  let o = "indeterminate";
+  Number.isFinite(t) && (o = t === a ? "complete" : "progressing");
+  const u = E(t, d, x.current), m = n.useMemo(() => ({
+    status: o
+  }), [o]), R = {
+    "aria-labelledby": b,
+    "aria-valuemax": a,
+    "aria-valuemin": i,
+    "aria-valuenow": t ?? void 0,
+    "aria-valuetext": c(u, t),
+    role: "progressbar"
+  }, V = n.useMemo(() => ({
+    formattedValue: u,
+    max: a,
+    min: i,
+    setLabelId: l,
+    state: m,
+    status: o,
+    value: t
+  }), [u, a, i, l, m, o, t]), v = P("div", e, {
+    state: m,
+    ref: s,
+    props: [R, g],
+    stateAttributesMapping: M
+  });
+  return /* @__PURE__ */ y(A.Provider, {
+    value: V,
+    children: v
+  });
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "ProgressRoot");
+export {
+  D as ProgressRoot
+};

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

@@ -0,0 +1,23 @@
+import * as o from "react";
+import { useRenderElement as n } from "./als-react-ts-ui189.js";
+import { useProgressRootContext as a } from "./als-react-ts-ui509.js";
+import { progressStateAttributesMapping as p } from "./als-react-ts-ui510.js";
+const i = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    render: c,
+    className: f,
+    ...t
+  } = e, {
+    state: s
+  } = a();
+  return n("div", e, {
+    state: s,
+    ref: r,
+    props: t,
+    stateAttributesMapping: p
+  });
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "ProgressTrack");
+export {
+  i as ProgressTrack
+};

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

@@ -0,0 +1,33 @@
+import * as n from "react";
+import { useRenderElement as u } from "./als-react-ts-ui189.js";
+import { valueToPercent as c } from "./als-react-ts-ui495.js";
+import { useProgressRootContext as p } from "./als-react-ts-ui509.js";
+import { progressStateAttributesMapping as f } from "./als-react-ts-ui510.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, s) {
+  const {
+    render: N,
+    className: P,
+    ...o
+  } = r, {
+    max: i,
+    min: a,
+    value: e,
+    state: l
+  } = p(), t = Number.isFinite(e) && e !== null ? c(e, a, i) : null, m = n.useCallback(() => t == null ? {} : {
+    insetInlineStart: 0,
+    height: "inherit",
+    width: `${t}%`
+  }, [t]);
+  return u("div", r, {
+    state: l,
+    ref: s,
+    props: [{
+      style: m()
+    }, o],
+    stateAttributesMapping: f
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "ProgressIndicator");
+export {
+  d as ProgressIndicator
+};

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

@@ -0,0 +1,29 @@
+import * as i from "react";
+import { useIsoLayoutEffect as p } from "./als-react-ts-ui193.js";
+import { useBaseUiId as m } from "./als-react-ts-ui249.js";
+import { useRenderElement as f } from "./als-react-ts-ui189.js";
+import { useProgressRootContext as d } from "./als-react-ts-ui509.js";
+import { progressStateAttributesMapping as u } from "./als-react-ts-ui510.js";
+const c = /* @__PURE__ */ i.forwardRef(function(t, s) {
+  const {
+    render: g,
+    className: b,
+    id: o,
+    ...n
+  } = t, e = m(o), {
+    setLabelId: r,
+    state: a
+  } = d();
+  return p(() => (r(e), () => r(void 0)), [e, r]), f("span", t, {
+    state: a,
+    ref: s,
+    props: [{
+      id: e
+    }, n],
+    stateAttributesMapping: u
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "ProgressLabel");
+export {
+  c as ProgressLabel
+};

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

@@ -0,0 +1,29 @@
+import * as u from "react";
+import { useRenderElement as m } from "./als-react-ts-ui189.js";
+import { useProgressRootContext as p } from "./als-react-ts-ui509.js";
+import { progressStateAttributesMapping as f } from "./als-react-ts-ui510.js";
+const c = /* @__PURE__ */ u.forwardRef(function(t, s) {
+  const {
+    className: g,
+    render: V,
+    children: r,
+    ...n
+  } = t, {
+    value: e,
+    formattedValue: o,
+    state: a
+  } = p(), l = e == null ? "indeterminate" : o, i = e == null ? null : o;
+  return m("span", t, {
+    state: a,
+    ref: s,
+    props: [{
+      "aria-hidden": !0,
+      children: typeof r == "function" ? r(l, e) : i
+    }, n],
+    stateAttributesMapping: f
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "ProgressValue");
+export {
+  c as ProgressValue
+};

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

@@ -0,0 +1,27 @@
+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"
+};
+export {
+  e as default,
+  a as separator,
+  r as separatorContainer,
+  t as separatorLabel,
+  s as separatorLine
+};

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

@@ -0,0 +1,26 @@
+import { ALSPreviewCardContent as r, ALSPreviewCardDescription as e, ALSPreviewCardTitle as i, ALSPreviewCardImage as o, ALSPreviewCardArrow as t, ALSPreviewCardPopup as P, ALSPreviewCardPositioner as a, ALSPreviewCardPortal as w, ALSPreviewCardTrigger as A, ALSPreviewCardRoot as C } from "./als-react-ts-ui90.js";
+const v = {
+  /** Root component that groups all preview card parts */
+  Root: C,
+  /** Trigger link that opens the preview card on hover */
+  Trigger: A,
+  /** Portal that moves the popup to a different DOM location */
+  Portal: w,
+  /** Positioner that positions the popup relative to the trigger */
+  Positioner: a,
+  /** Popup container for the preview content */
+  Popup: P,
+  /** Arrow pointing to the trigger element */
+  Arrow: t,
+  /** Image component for preview thumbnails */
+  Image: o,
+  /** Title heading for the preview */
+  Title: i,
+  /** Description text for the preview */
+  Description: e,
+  /** Generic content wrapper for custom content */
+  Content: r
+};
+export {
+  v as ALSPreviewCard
+};

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

@@ -0,0 +1,9 @@
+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;
+}
+export {
+  f as useRefWithInit
+};

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

@@ -0,0 +1,89 @@
+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) {
+  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
+  });
+}
+export {
+  ee as useDialogRoot
+};

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

@@ -0,0 +1,14 @@
+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;
+}
+export {
+  e as DialogRootContext,
+  s as useDialogRootContext
+};

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

@@ -0,0 +1,65 @@
+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)
+      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
+  };
+}
+export {
+  C as DialogStore
+};

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

@@ -0,0 +1,40 @@
+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;
+  }
+};
+export {
+  r as CommonPopupDataAttributes,
+  e as CommonTriggerDataAttributes,
+  o as popupStateMapping,
+  a as pressableTriggerOpenStateMapping,
+  i as triggerOpenStateMapping
+};

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

@@ -0,0 +1,16 @@
+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 {
+  n as TransitionStatusDataAttributes,
+  r as transitionStatusMapping
+};