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

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

@@ -0,0 +1,78 @@
+import * as _ from "react";
+import { CompositeList as j } from "./als-react-ts-ui284.js";
+import { useCompositeRoot as z } from "./als-react-ts-ui490.js";
+import { CompositeRootContext as B } from "./als-react-ts-ui341.js";
+import { useRenderElement as D } from "./als-react-ts-ui189.js";
+import { useDirection as F } from "./als-react-ts-ui285.js";
+import { jsx as s } from "react/jsx-runtime";
+import { EMPTY_ARRAY as h, EMPTY_OBJECT as J } from "./als-react-ts-ui303.js";
+function Q(e) {
+  const {
+    render: L,
+    className: N,
+    refs: a = h,
+    props: d = h,
+    state: p = J,
+    stateAttributesMapping: g,
+    highlightedIndex: m,
+    onHighlightedIndexChange: l,
+    orientation: f,
+    dense: c,
+    itemSizes: C,
+    loopFocus: u,
+    cols: x,
+    enableHomeAndEndKeys: I,
+    onMapChange: R,
+    stopEventPropagation: M = !0,
+    rootRef: P,
+    disabledIndices: E,
+    modifierKeys: v,
+    highlightItemOnHover: o = !1,
+    tag: H = "div",
+    ...b
+  } = e, y = F(), {
+    props: A,
+    highlightedIndex: t,
+    onHighlightedIndexChange: n,
+    elementsRef: K,
+    onMapChange: T,
+    relayKeyboardEvent: i
+  } = z({
+    itemSizes: C,
+    cols: x,
+    loopFocus: u,
+    dense: c,
+    orientation: f,
+    highlightedIndex: m,
+    onHighlightedIndexChange: l,
+    rootRef: P,
+    stopEventPropagation: M,
+    enableHomeAndEndKeys: I,
+    direction: y,
+    disabledIndices: E,
+    modifierKeys: v
+  }), Y = D(H, e, {
+    state: p,
+    ref: a,
+    props: [A, ...d, b],
+    stateAttributesMapping: g
+  }), O = _.useMemo(() => ({
+    highlightedIndex: t,
+    onHighlightedIndexChange: n,
+    highlightItemOnHover: o,
+    relayKeyboardEvent: i
+  }), [t, n, o, i]);
+  return /* @__PURE__ */ s(B.Provider, {
+    value: O,
+    children: /* @__PURE__ */ s(j, {
+      elementsRef: K,
+      onMapChange: (r) => {
+        R?.(r), T(r);
+      },
+      children: Y
+    })
+  });
+}
+export {
+  Q as CompositeRoot
+};

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

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

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

@@ -0,0 +1,46 @@
+import { __exports as i } from "./als-react-ts-ui491.js";
+import h from "react";
+var f;
+function x() {
+  if (f) return i;
+  f = 1;
+  var u = h;
+  function s(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+      },
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
+      },
+      [e]
+    ), E(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+}
+export {
+  x as __require
+};

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

@@ -0,0 +1,58 @@
+import { __exports as s } from "./als-react-ts-ui492.js";
+import h from "react";
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && (function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function S(e, t) {
+      f || o.startTransition === void 0 || (f = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var r = t();
+      if (!c) {
+        var u = t();
+        _(r, u) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), c = !0);
+      }
+      u = p({
+        inst: { value: r, getSnapshot: t }
+      });
+      var n = u[0].inst, i = u[1];
+      return L(
+        function() {
+          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
+        },
+        [e, r, t]
+      ), E(
+        function() {
+          return a(n) && i({ inst: n }), e(function() {
+            a(n) && i({ inst: n });
+          });
+        },
+        [e]
+      ), y(r), r;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = t();
+        return !_(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), s);
+}
+export {
+  A as __require
+};

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

@@ -0,0 +1,30 @@
+import { useRenderElement as c } from "./als-react-ts-ui189.js";
+import { useCompositeItem as u } from "./als-react-ts-ui507.js";
+import { EMPTY_OBJECT as d, EMPTY_ARRAY as t } from "./als-react-ts-ui303.js";
+function M(e) {
+  const {
+    render: E,
+    className: R,
+    state: o = d,
+    props: r = t,
+    refs: s = t,
+    metadata: m,
+    stateAttributesMapping: p,
+    tag: i = "div",
+    ...a
+  } = e, {
+    compositeProps: n,
+    compositeRef: f
+  } = u({
+    metadata: m
+  });
+  return c(i, e, {
+    state: o,
+    ref: [...s, f],
+    props: [n, ...r, a],
+    stateAttributesMapping: p
+  });
+}
+export {
+  M as CompositeItem
+};

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

@@ -0,0 +1,25 @@
+import * as c from "react";
+import { ownerDocument as i } from "./als-react-ts-ui372.js";
+import { EMPTY_OBJECT as s } from "./als-react-ts-ui303.js";
+function a(u) {
+  const {
+    enabled: t = !0,
+    mouseDownAction: r,
+    open: n
+  } = u, e = c.useRef(!1);
+  return c.useMemo(() => t ? {
+    onMouseDown: (o) => {
+      (r === "open" && !n || r === "close" && n) && (e.current = !0, i(o.currentTarget).addEventListener("click", () => {
+        e.current = !1;
+      }, {
+        once: !0
+      }));
+    },
+    onClick: (o) => {
+      e.current && (e.current = !1, o.preventBaseUIHandler());
+    }
+  } : s, [t, r, n]);
+}
+export {
+  a as useMixedToggleClickHandler
+};

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

@@ -1,10 +1,10 @@
 import * as p from "react";
-import { useRenderElement as f } from "./als-react-ts-ui166.js";
-import { popupStateMapping as S } from "./als-react-ts-ui188.js";
-import { transitionStatusMapping as w } from "./als-react-ts-ui189.js";
-import { useDialogRootContext as O } from "./als-react-ts-ui186.js";
-import { useDialogPortalContext as R } from "./als-react-ts-ui192.js";
-import { DialogViewportDataAttributes as u } from "./als-react-ts-ui202.js";
+import { useRenderElement as f } from "./als-react-ts-ui189.js";
+import { popupStateMapping as S } from "./als-react-ts-ui244.js";
+import { transitionStatusMapping as w } from "./als-react-ts-ui245.js";
+import { useDialogRootContext as O } from "./als-react-ts-ui242.js";
+import { useDialogPortalContext as R } from "./als-react-ts-ui252.js";
+import { DialogViewportDataAttributes as u } from "./als-react-ts-ui264.js";
 const M = {
   ...S,
   ...w,

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

@@ -0,0 +1,134 @@
+import * as I from "react";
+import { isElementDisabled as te } from "./als-react-ts-ui293.js";
+import { useStableCallback as F } from "./als-react-ts-ui192.js";
+import { useMergedRefs as ne } from "./als-react-ts-ui287.js";
+import { scrollIntoViewIfNeeded as P, ALL_KEYS as re, ARROW_KEYS as ie, isNativeInput as V, ARROW_DOWN as A, ARROW_RIGHT as C, HOME as oe, END as se, ARROW_LEFT as B, ARROW_UP as H, VERTICAL_KEYS_WITH_EXTRA_KEYS as le, VERTICAL_KEYS as ae, HORIZONTAL_KEYS_WITH_EXTRA_KEYS as ce, HORIZONTAL_KEYS as de, MODIFIER_KEYS as fe } from "./als-react-ts-ui254.js";
+import { ACTIVE_COMPOSITE_ITEM as ue } from "./als-react-ts-ui508.js";
+import { getMinListIndex as he, getMaxListIndex as Ie, createGridCellMap as ge, isListIndexDisabled as L, getGridNavigatedIndex as me, getGridCellIndexOfCorner as Re, getGridCellIndices as xe, findNonDisabledListIndex as ye, isIndexOutOfListBounds as Ee } from "./als-react-ts-ui392.js";
+const pe = [];
+function Me(b) {
+  const {
+    itemSizes: y,
+    cols: s = 1,
+    loopFocus: E = !0,
+    dense: Y = !1,
+    orientation: r = "both",
+    direction: p,
+    highlightedIndex: X,
+    onHighlightedIndexChange: Z,
+    rootRef: q,
+    enableHomeAndEndKeys: g = !1,
+    stopEventPropagation: w = !1,
+    disabledIndices: i,
+    modifierKeys: z = pe
+  } = b, [U, j] = I.useState(0), k = s > 1, m = I.useRef(null), D = ne(m, q), t = I.useRef([]), N = I.useRef(!1), l = X ?? U, R = F((e, o = !1) => {
+    if ((Z ?? j)(e), o) {
+      const f = t.current[e];
+      P(m.current, f, p, r);
+    }
+  }), G = F((e) => {
+    if (e.size === 0 || N.current)
+      return;
+    N.current = !0;
+    const o = Array.from(e.keys()), f = o.find((h) => h?.hasAttribute(ue)) ?? null, u = f ? o.indexOf(f) : -1;
+    u !== -1 && R(u), P(m.current, f, p, r);
+  }), O = I.useMemo(() => ({
+    "aria-orientation": r === "both" ? void 0 : r,
+    ref: D,
+    onFocus(e) {
+      !m.current || !V(e.target) || e.target.setSelectionRange(0, e.target.value.length ?? 0);
+    },
+    onKeyDown(e) {
+      const o = g ? re : ie;
+      if (!o.has(e.key) || Ke(e, z) || !m.current)
+        return;
+      const u = p === "rtl", h = u ? B : C, J = {
+        horizontal: h,
+        vertical: A,
+        both: h
+      }[r], K = u ? C : B, Q = {
+        horizontal: K,
+        vertical: H,
+        both: K
+      }[r];
+      if (V(e.target) && !te(e.target)) {
+        const d = e.target.selectionStart, a = e.target.selectionEnd, T = e.target.value ?? "";
+        if (d == null || e.shiftKey || d !== a || e.key !== Q && d < T.length || e.key !== J && d > 0)
+          return;
+      }
+      let n = l;
+      const S = he(t, i), _ = Ie(t, i);
+      if (k) {
+        const d = y || Array.from({
+          length: t.current.length
+        }, () => ({
+          width: 1,
+          height: 1
+        })), a = ge(d, s, Y), T = a.findIndex((c) => c != null && !L(t, c, i)), v = a.reduce((c, x, ee) => x != null && !L(t, x, i) ? ee : c, -1);
+        n = a[me({
+          current: a.map((c) => c ? t.current[c] : null)
+        }, {
+          event: e,
+          orientation: r,
+          loopFocus: E,
+          cols: s,
+          // treat undefined (empty grid spaces) as disabled indices so we
+          // don't end up in them
+          disabledIndices: xe([...i || t.current.map((c, x) => L(t, x) ? x : void 0), void 0], a),
+          minIndex: T,
+          maxIndex: v,
+          prevIndex: Re(
+            l > _ ? S : l,
+            d,
+            a,
+            s,
+            // use a corner matching the edge closest to the direction we're
+            // moving in so we don't end up in the same item. Prefer
+            // top/left over bottom/right.
+            // eslint-disable-next-line no-nested-ternary
+            e.key === A ? "bl" : e.key === C ? "tr" : "tl"
+          ),
+          rtl: u
+        })];
+      }
+      const W = {
+        horizontal: [h],
+        vertical: [A],
+        both: [h, A]
+      }[r], M = {
+        horizontal: [K],
+        vertical: [H],
+        both: [K, H]
+      }[r], $ = k ? o : {
+        horizontal: g ? ce : de,
+        vertical: g ? le : ae,
+        both: o
+      }[r];
+      g && (e.key === oe ? n = S : e.key === se && (n = _)), n === l && (W.includes(e.key) || M.includes(e.key)) && (E && n === _ && W.includes(e.key) ? n = S : E && n === S && M.includes(e.key) ? n = _ : n = ye(t, {
+        startingIndex: n,
+        decrement: M.includes(e.key),
+        disabledIndices: i
+      })), n !== l && !Ee(t, n) && (w && e.stopPropagation(), $.has(e.key) && e.preventDefault(), R(n, !0), queueMicrotask(() => {
+        t.current[n]?.focus();
+      }));
+    }
+  }), [s, Y, p, i, t, g, l, k, y, E, D, z, R, r, w]);
+  return I.useMemo(() => ({
+    props: O,
+    highlightedIndex: l,
+    onHighlightedIndexChange: R,
+    elementsRef: t,
+    disabledIndices: i,
+    onMapChange: G,
+    relayKeyboardEvent: O.onKeyDown
+  }), [O, l, R, t, i, G]);
+}
+function Ke(b, y) {
+  for (const s of fe.values())
+    if (!y.includes(s) && b.getModifierState(s))
+      return !0;
+  return !1;
+}
+export {
+  Me as useCompositeRoot
+};

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

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

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

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

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

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui259.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MeterRootContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MeterRootContext is missing. Meter parts must be placed within <Meter.Root>." : r(38));
+  return e;
+}
+export {
+  o as MeterRootContext,
+  s as useMeterRootContext
+};

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

@@ -0,0 +1,26 @@
+const i = /* @__PURE__ */ new Map();
+function m(t, r) {
+  const n = JSON.stringify({
+    locale: t,
+    options: r
+  }), e = i.get(n);
+  if (e)
+    return e;
+  const o = new Intl.NumberFormat(t, r);
+  return i.set(n, o), o;
+}
+function c(t, r, n) {
+  return t == null ? "" : m(r, n).format(t);
+}
+function u(t, r, n) {
+  return c(t, r, {
+    ...n,
+    maximumFractionDigits: 20
+  });
+}
+export {
+  i as cache,
+  c as formatNumber,
+  u as formatNumberMaxPrecision,
+  m as getFormatter
+};

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

@@ -0,0 +1,6 @@
+function n(r, e, t) {
+  return (r - e) * 100 / (t - e);
+}
+export {
+  n as valueToPercent
+};

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

@@ -0,0 +1,22 @@
+import * as o from "react";
+import { NOOP as e } from "./als-react-ts-ui303.js";
+const n = /* @__PURE__ */ o.createContext({
+  disabled: void 0,
+  readOnly: void 0,
+  required: void 0,
+  name: void 0,
+  checkedValue: "",
+  setCheckedValue: e,
+  onValueChange: e,
+  touched: !1,
+  setTouched: e,
+  registerControlRef: e
+});
+process.env.NODE_ENV !== "production" && (n.displayName = "RadioGroupContext");
+function d() {
+  return o.useContext(n);
+}
+export {
+  n as RadioGroupContext,
+  d as useRadioGroupContext
+};

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

@@ -0,0 +1,28 @@
+import { useRefWithInit as c } from "./als-react-ts-ui240.js";
+import { useOnMount as i } from "./als-react-ts-ui305.js";
+import { Timeout as o } from "./als-react-ts-ui195.js";
+const r = 0;
+class t extends o {
+  static create() {
+    return new t();
+  }
+  /**
+   * Executes `fn` at `delay` interval, clearing any previously scheduled call.
+   */
+  start(n, s) {
+    this.clear(), this.currentId = setInterval(() => {
+      s();
+    }, n);
+  }
+  clear = () => {
+    this.currentId !== r && (clearInterval(this.currentId), this.currentId = r);
+  };
+}
+function m() {
+  const e = c(t.create).current;
+  return i(e.disposeEffect), e;
+}
+export {
+  t as Interval,
+  m as useInterval
+};

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

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui259.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "NumberFieldRootContext");
+function i() {
+  const e = o.useContext(t);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: NumberFieldRootContext is missing. NumberField parts must be placed within <NumberField.Root>." : r(43));
+  return e;
+}
+export {
+  t as NumberFieldRootContext,
+  i as useNumberFieldRootContext
+};

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

@@ -0,0 +1,7 @@
+const t = {
+  inputValue: () => null,
+  value: () => null
+};
+export {
+  t as stateAttributesMapping
+};

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

@@ -1,15 +1,15 @@
 import * as c from "react";
-import { useDialogRootContext as h } from "./als-react-ts-ui186.js";
-import { useRenderElement as M } from "./als-react-ts-ui166.js";
-import { popupStateMapping as y } from "./als-react-ts-ui188.js";
-import { transitionStatusMapping as N } from "./als-react-ts-ui189.js";
-import { DialogPopupCssVars as v } from "./als-react-ts-ui190.js";
-import { DialogPopupDataAttributes as w } from "./als-react-ts-ui191.js";
-import { useDialogPortalContext as A } from "./als-react-ts-ui192.js";
-import { useOpenChangeComplete as K } from "./als-react-ts-ui183.js";
-import { COMPOSITE_KEYS as T } from "./als-react-ts-ui178.js";
+import { useDialogRootContext as h } from "./als-react-ts-ui242.js";
+import { useRenderElement as M } from "./als-react-ts-ui189.js";
+import { popupStateMapping as y } from "./als-react-ts-ui244.js";
+import { transitionStatusMapping as N } from "./als-react-ts-ui245.js";
+import { DialogPopupCssVars as v } from "./als-react-ts-ui250.js";
+import { DialogPopupDataAttributes as w } from "./als-react-ts-ui251.js";
+import { useDialogPortalContext as A } from "./als-react-ts-ui252.js";
+import { useOpenChangeComplete as K } from "./als-react-ts-ui253.js";
+import { COMPOSITE_KEYS as T } from "./als-react-ts-ui254.js";
 import { jsx as V } from "react/jsx-runtime";
-import { FloatingFocusManager as _ } from "./als-react-ts-ui193.js";
+import { FloatingFocusManager as _ } from "./als-react-ts-ui255.js";
 const j = {
   ...y,
   ...N,