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

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

@@ -1,25 +1,89 @@
-import * as m from "react";
-import { useNumberFieldRootContext as s } from "./als-react-ts-ui498.js";
-import { stateAttributesMapping as i } from "./als-react-ts-ui499.js";
-import { useRenderElement as n } from "./als-react-ts-ui189.js";
-const p = /* @__PURE__ */ m.forwardRef(function(e, r) {
+import * as s from "react";
+import { useStableCallback as y } from "./als-react-ts-ui266.js";
+import { useScrollLock as I } from "./als-react-ts-ui307.js";
+import { useOpenInteractionType as A } from "./als-react-ts-ui308.js";
+import { createChangeEventDetails as M } from "./als-react-ts-ui229.js";
+import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./als-react-ts-ui244.js";
+import { useSyncedFloatingRootContext as U } from "./als-react-ts-ui309.js";
+import { useRole as w } from "./als-react-ts-ui310.js";
+import { useDismiss as H } from "./als-react-ts-ui311.js";
+import { useInteractions as K } from "./als-react-ts-ui246.js";
+import { imperativeAction as L } from "./als-react-ts-ui231.js";
+import { getTarget as V, contains as j } from "./als-react-ts-ui312.js";
+function ee(R) {
   const {
-    render: l,
-    className: a,
-    ...t
-  } = e, {
-    state: o
-  } = s();
-  return n("div", e, {
-    ref: r,
-    state: o,
-    props: [{
-      role: "group"
-    }, t],
-    stateAttributesMapping: i
+    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
   });
-});
-process.env.NODE_ENV !== "production" && (p.displayName = "NumberFieldGroup");
+}
 export {
-  p as NumberFieldGroup
+  ee as useDialogRoot
 };

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

@@ -1,212 +1,14 @@
-import * as v from "react";
-import { useNumberFieldRootContext as he } from "./als-react-ts-ui498.js";
-import { useFieldRootContext as Re } from "./als-react-ts-ui398.js";
-import { fieldValidityMapping as Ae } from "./als-react-ts-ui409.js";
-import { useField as Ce } from "./als-react-ts-ui403.js";
-import { useFormContext as be } from "./als-react-ts-ui402.js";
-import { useLabelableContext as De } from "./als-react-ts-ui399.js";
-import { DEFAULT_STEP as xe } from "./als-react-ts-ui501.js";
-import { parseNumber as T, getNumberLocaleDetails as Te, ANY_MINUS_DETECT_RE as P, ANY_MINUS_RE as Pe, ANY_PLUS_DETECT_RE as k, ANY_PLUS_RE as Ve, ARABIC_DETECT_RE as X, HAN_DETECT_RE as Z, FULLWIDTH_DETECT_RE as ee, PERSIAN_DETECT_RE as _e } from "./als-react-ts-ui500.js";
-import { stateAttributesMapping as Fe } from "./als-react-ts-ui499.js";
-import { useRenderElement as Ie } from "./als-react-ts-ui189.js";
-import { createChangeEventDetails as f, createGenericEventDetails as M } from "./als-react-ts-ui246.js";
-import { formatNumber as ke, formatNumberMaxPrecision as we } from "./als-react-ts-ui494.js";
-import { useValueChanged as Se } from "./als-react-ts-ui406.js";
-import { inputPaste as ve, keyboard as V, inputClear as K, inputChange as te, inputBlur as re } from "./als-react-ts-ui248.js";
-import { stopEvent as Me } from "./als-react-ts-ui295.js";
-const Ke = {
-  ...Ae,
-  ...Fe
-}, Le = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab", "Enter", "Escape"]), Ue = /* @__PURE__ */ v.forwardRef(function(L, ne) {
-  const {
-    render: Oe,
-    className: Be,
-    ...ie
-  } = L, {
-    allowInputSyncRef: C,
-    disabled: b,
-    formatOptionsRef: g,
-    getAllowedNonNumericKeys: U,
-    getStepAmount: ae,
-    id: H,
-    incrementValue: O,
-    inputMode: oe,
-    inputValue: i,
-    max: B,
-    min: Y,
-    name: G,
-    readOnly: D,
-    required: se,
-    setValue: u,
-    state: le,
-    setInputValue: x,
-    locale: c,
-    inputRef: W,
-    value: m,
-    onValueCommitted: N,
-    lastChangedValueRef: _,
-    hasPendingCommitRef: ue,
-    valueRef: F
-  } = he(), {
-    clearErrors: ce
-  } = be(), {
-    validationMode: q,
-    setTouched: me,
-    setFocused: $,
-    invalid: de,
-    shouldValidateOnChange: fe,
-    validation: p
-  } = Re(), {
-    labelId: pe
-  } = De(), j = v.useRef(!1), w = v.useRef(!1);
-  Ce({
-    id: H,
-    commit: p.commit,
-    value: m,
-    controlRef: W,
-    name: G,
-    getValue: () => m ?? null
-  }), Se(m, (e) => {
-    const t = fe();
-    if (ce(G), t && p.commit(m), !(e === m || t)) {
-      if (w.current) {
-        w.current = !1;
-        return;
-      }
-      p.commit(m, !0);
-    }
-  });
-  const Ee = {
-    id: H,
-    required: se,
-    disabled: b,
-    readOnly: D,
-    inputMode: oe,
-    value: i,
-    type: "text",
-    autoComplete: "off",
-    autoCorrect: "off",
-    spellCheck: "false",
-    "aria-roledescription": "Number field",
-    "aria-invalid": de || void 0,
-    "aria-labelledby": pe,
-    // If the server's locale does not match the client's locale, the formatting may not match,
-    // causing a hydration mismatch.
-    suppressHydrationWarning: !0,
-    onFocus(e) {
-      if (e.defaultPrevented || D || b || j.current)
-        return;
-      j.current = !0, $(!0);
-      const t = e.currentTarget, o = t.value.length;
-      t.setSelectionRange(o, o);
-    },
-    onBlur(e) {
-      if (e.defaultPrevented || D || b)
-        return;
-      me(!0), $(!1);
-      const t = !C.current, o = ue.current;
-      if (C.current = !0, i.trim() === "") {
-        u(null, f(K, e.nativeEvent)), q === "onBlur" && p.commit(null), N(null, M(K, e.nativeEvent));
-        return;
-      }
-      const a = g.current, l = T(i, c, a);
-      if (l === null)
-        return;
-      w.current = !0;
-      const n = a?.maximumFractionDigits != null || a?.minimumFractionDigits != null, y = a?.maximumFractionDigits, s = n && typeof y == "number" ? Number(l.toFixed(y)) : l, E = M(re, e.nativeEvent), d = m !== s, h = t || d || o;
-      q === "onBlur" && p.commit(s), d && u(s, f(re, e.nativeEvent)), h && N(s, E);
-      const R = ke(s, c, a), S = we(l, c, a);
-      !(!n && l === m && i === S) && i !== R && x(R);
-    },
-    onChange(e) {
-      if (e.nativeEvent.defaultPrevented)
-        return;
-      C.current = !1;
-      const t = e.target.value;
-      if (t.trim() === "") {
-        x(t), u(null, f(K, e.nativeEvent));
-        return;
-      }
-      const o = U();
-      if (!Array.from(t).every((n) => {
-        const y = n >= "0" && n <= "9", s = X.test(n), E = Z.test(n), d = _e.test(n), h = ee.test(n), R = P.test(n);
-        return y || s || E || d || h || R || o.has(n);
-      }))
-        return;
-      if (e.isTrusted) {
-        x(t);
-        const n = T(t, c, g.current);
-        n !== null && u(n, f(te, e.nativeEvent));
-        return;
-      }
-      const l = T(t, c, g.current);
-      l !== null && (x(t), u(l, f(te, e.nativeEvent)));
-    },
-    onKeyDown(e) {
-      if (e.defaultPrevented || D || b)
-        return;
-      const t = e.nativeEvent;
-      C.current = !0;
-      const o = U();
-      let a = o.has(e.key);
-      const {
-        decimal: l,
-        currency: n,
-        percentSign: y
-      } = Te(c, g.current), s = e.currentTarget.selectionStart, E = e.currentTarget.selectionEnd, d = s === 0 && E === i.length, h = (r) => s === r && E === r + 1;
-      if (P.test(e.key) && Array.from(o).some((r) => P.test(r || ""))) {
-        const r = i.search(Pe), A = r != null && r !== -1 && h(r);
-        a = !(P.test(i) || k.test(i)) || d || A;
-      }
-      if (k.test(e.key) && Array.from(o).some((r) => k.test(r || ""))) {
-        const r = i.search(Ve), A = r != null && r !== -1 && h(r);
-        a = !(P.test(i) || k.test(i)) || d || A;
-      }
-      [l, n, y].forEach((r) => {
-        if (e.key === r) {
-          const A = i.indexOf(r), ye = s === A && E === A + 1;
-          a = !i.includes(r) || d || ye;
-        }
-      });
-      const R = e.key >= "0" && e.key <= "9", S = X.test(e.key), z = Z.test(e.key), ge = ee.test(e.key), Ne = Le.has(e.key);
-      if (
-        // Allow composition events (e.g., pinyin)
-        // event.nativeEvent.isComposing does not work in Safari:
-        // https://bugs.webkit.org/show_bug.cgi?id=165004
-        e.which === 229 || e.altKey || e.ctrlKey || e.metaKey || a || R || S || ge || z || Ne
-      )
-        return;
-      const J = T(i, c, g.current), Q = ae(e) ?? xe;
-      Me(e);
-      const I = M(V, t);
-      e.key === "ArrowUp" ? (O(Q, {
-        direction: 1,
-        currentValue: J,
-        event: t,
-        reason: V
-      }), N(_.current ?? F.current, I)) : e.key === "ArrowDown" ? (O(Q, {
-        direction: -1,
-        currentValue: J,
-        event: t,
-        reason: V
-      }), N(_.current ?? F.current, I)) : e.key === "Home" && Y != null ? (u(Y, f(V, t)), N(_.current ?? F.current, I)) : e.key === "End" && B != null && (u(B, f(V, t)), N(_.current ?? F.current, I));
-    },
-    onPaste(e) {
-      if (e.defaultPrevented || D || b)
-        return;
-      e.preventDefault();
-      const o = (e.clipboardData || window.Clipboard).getData("text/plain"), a = T(o, c, g.current);
-      a !== null && (C.current = !1, u(a, f(ve, e.nativeEvent)), x(o));
-    }
-  };
-  return Ie("input", L, {
-    ref: [ne, W, p.inputRef],
-    state: le,
-    props: [Ee, p.getInputValidationProps(), ie],
-    stateAttributesMapping: Ke
-  });
-});
-process.env.NODE_ENV !== "production" && (Ue.displayName = "NumberFieldInput");
+import i from "./als-react-ts-ui242.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 {
-  Ue as NumberFieldInput
+  e as DialogRootContext,
+  s as useDialogRootContext
 };

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

@@ -1,82 +1,65 @@
-import * as n from "react";
-import { useRenderElement as T } from "./als-react-ts-ui189.js";
-import { useNumberFieldRootContext as w } from "./als-react-ts-ui498.js";
-import { useNumberFieldButton as M } from "./als-react-ts-ui503.js";
-import { stateAttributesMapping as W } from "./als-react-ts-ui499.js";
-import { useButton as k } from "./als-react-ts-ui247.js";
-const _ = /* @__PURE__ */ n.forwardRef(function(t, r) {
-  const {
-    render: q,
-    className: z,
-    disabled: s = !1,
-    nativeButton: u = !0,
-    ...a
-  } = t, {
-    allowInputSyncRef: i,
-    disabled: m,
-    formatOptionsRef: l,
-    getStepAmount: d,
-    id: f,
-    incrementValue: c,
-    inputRef: p,
-    inputValue: b,
-    intentionalTouchCheckTimeout: R,
-    isPressedRef: N,
-    locale: h,
-    maxWithDefault: g,
-    minWithDefault: v,
-    movesAfterTouchRef: C,
-    readOnly: V,
-    setValue: A,
-    startAutoChange: F,
-    state: o,
-    stopAutoChange: I,
-    value: x,
-    valueRef: B,
-    lastChangedValueRef: D,
-    onValueCommitted: y
-  } = w(), e = s || m, E = M({
-    isIncrement: !0,
-    inputRef: p,
-    startAutoChange: F,
-    stopAutoChange: I,
-    minWithDefault: v,
-    maxWithDefault: g,
-    value: x,
-    inputValue: b,
-    disabled: e,
-    readOnly: V,
-    id: f,
-    setValue: A,
-    getStepAmount: d,
-    incrementValue: c,
-    allowInputSyncRef: i,
-    formatOptionsRef: l,
-    valueRef: B,
-    isPressedRef: N,
-    intentionalTouchCheckTimeout: R,
-    movesAfterTouchRef: C,
-    locale: h,
-    lastChangedValueRef: D,
-    onValueCommitted: y
-  }), {
-    getButtonProps: O,
-    buttonRef: P
-  } = k({
-    disabled: e,
-    native: u
-  }), S = n.useMemo(() => ({
-    ...o,
-    disabled: e
-  }), [o, e]);
-  return T("button", t, {
-    ref: [r, P],
-    state: S,
-    props: [E, a, O],
-    stateAttributesMapping: W
-  });
-});
-process.env.NODE_ENV !== "production" && (_.displayName = "NumberFieldIncrement");
+import * as i from "react";
+import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./als-react-ts-ui313.js";
+import { ReactStore as p } from "./als-react-ts-ui314.js";
+import { PopupTriggerMap as g } from "./als-react-ts-ui315.js";
+import { createSelector as n } from "./als-react-ts-ui316.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 {
-  _ as NumberFieldIncrement
+  C as DialogStore
 };

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

@@ -1,82 +1,57 @@
-import * as n from "react";
-import { useRenderElement as w } from "./als-react-ts-ui189.js";
-import { useNumberFieldRootContext as I } from "./als-react-ts-ui498.js";
-import { useNumberFieldButton as M } from "./als-react-ts-ui503.js";
-import { stateAttributesMapping as W } from "./als-react-ts-ui499.js";
-import { useButton as k } from "./als-react-ts-ui247.js";
-const _ = /* @__PURE__ */ n.forwardRef(function(t, r) {
+import R from "./als-react-ts-ui242.js";
+import * as P from "react";
+import { createElement as d } from "react";
+import { useMergedRefs as p, useMergedRefsN as b } from "./als-react-ts-ui272.js";
+import { getReactElementRef as y } from "./als-react-ts-ui299.js";
+import { mergeObjects as g } from "./als-react-ts-ui300.js";
+import { getStateAttributesProps as A } from "./als-react-ts-ui301.js";
+import { resolveClassName as M } from "./als-react-ts-ui302.js";
+import { resolveStyle as k } from "./als-react-ts-ui303.js";
+import { EMPTY_OBJECT as f } from "./als-react-ts-ui304.js";
+import { mergePropsN as v, mergeClassNames as C, mergeProps as O } from "./als-react-ts-ui305.js";
+function Y(r, e, t = {}) {
+  const i = e.render, o = w(e, t);
+  if (t.enabled === !1)
+    return null;
+  const m = t.state ?? f;
+  return B(r, i, o, m);
+}
+function w(r, e = {}) {
   const {
-    render: q,
-    className: z,
-    disabled: s = !1,
-    nativeButton: a = !0,
-    ...u
-  } = t, {
-    allowInputSyncRef: i,
-    disabled: m,
-    formatOptionsRef: l,
-    getStepAmount: f,
-    id: d,
-    incrementValue: c,
-    inputRef: p,
-    inputValue: b,
-    intentionalTouchCheckTimeout: R,
-    isPressedRef: N,
-    maxWithDefault: h,
-    minWithDefault: D,
-    movesAfterTouchRef: g,
-    readOnly: v,
-    setValue: C,
-    startAutoChange: V,
-    state: o,
-    stopAutoChange: A,
-    value: F,
-    valueRef: x,
-    locale: B,
-    lastChangedValueRef: y,
-    onValueCommitted: E
-  } = I(), e = s || m, O = M({
-    isIncrement: !1,
-    inputRef: p,
-    startAutoChange: V,
-    stopAutoChange: A,
-    minWithDefault: D,
-    maxWithDefault: h,
-    value: F,
-    inputValue: b,
-    disabled: e,
-    readOnly: v,
-    id: d,
-    setValue: C,
-    getStepAmount: f,
-    incrementValue: c,
-    allowInputSyncRef: i,
-    formatOptionsRef: l,
-    valueRef: x,
-    isPressedRef: N,
-    intentionalTouchCheckTimeout: R,
-    movesAfterTouchRef: g,
-    locale: B,
-    lastChangedValueRef: y,
-    onValueCommitted: E
-  }), {
-    getButtonProps: P,
-    buttonRef: S
-  } = k({
-    disabled: e,
-    native: a
-  }), T = n.useMemo(() => ({
-    ...o,
-    disabled: e
-  }), [o, e]);
-  return w("button", t, {
-    ref: [r, S],
-    state: T,
-    props: [O, u, P],
-    stateAttributesMapping: W
-  });
-});
-process.env.NODE_ENV !== "production" && (_.displayName = "NumberFieldDecrement");
+    className: t,
+    style: i,
+    render: o
+  } = r, {
+    state: m = f,
+    ref: u,
+    props: a,
+    stateAttributesMapping: E,
+    enabled: s = !0
+  } = e, l = s ? M(t, m) : void 0, c = s ? k(i, m) : void 0, N = s ? A(m, E) : f, n = s ? g(N, Array.isArray(a) ? v(a) : a) ?? f : f;
+  return typeof document < "u" && (s ? Array.isArray(u) ? n.ref = b([n.ref, y(o), ...u]) : n.ref = p(n.ref, y(o), u) : p(null, null)), s ? (l !== void 0 && (n.className = C(n.className, l)), c !== void 0 && (n.style = g(n.style, c)), n) : f;
+}
+function B(r, e, t, i) {
+  if (e) {
+    if (typeof e == "function")
+      return e(t, i);
+    const o = O(t, e.props);
+    return o.ref = t.ref, /* @__PURE__ */ P.cloneElement(e, o);
+  }
+  if (r && typeof r == "string")
+    return S(r, t);
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
+}
+function S(r, e) {
+  return r === "button" ? /* @__PURE__ */ d("button", {
+    type: "button",
+    ...e,
+    key: e.key
+  }) : r === "img" ? /* @__PURE__ */ d("img", {
+    alt: "",
+    ...e,
+    key: e.key
+  }) : /* @__PURE__ */ P.createElement(r, e);
+}
 export {
-  _ as NumberFieldDecrement
+  Y as useRenderElement
 };