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

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

@@ -0,0 +1,143 @@
+import { getFormatter as p } from "./als-react-ts-ui494.js";
+const H = ["零", "〇", "一", "二", "三", "四", "五", "六", "七", "八", "九"], O = {
+  零: "0",
+  "〇": "0",
+  一: "1",
+  二: "2",
+  三: "3",
+  四: "4",
+  五: "5",
+  六: "6",
+  七: "7",
+  八: "8",
+  九: "9"
+}, f = ["٠", "١", "٢", "٣", "٤", "٥", "٦", "٧", "٨", "٩"], L = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"], R = ["０", "１", "２", "３", "４", "５", "６", "７", "８", "９"], d = ["%", "٪", "％", "﹪"], j = ["‰", "؉"], T = ["−", "－", "‒", "–", "—", "﹣"], U = ["＋", "﹢"], F = "．", G = "，", W = new RegExp(`[${f.join("")}]`, "g"), Y = new RegExp(`[${L.join("")}]`, "g"), B = new RegExp(`[${R.join("")}]`, "g"), v = new RegExp(`[${H.join("")}]`, "g"), b = new RegExp(`[${d.join("")}]`), Z = new RegExp(`[${j.join("")}]`), z = /[٠١٢٣٤٥٦٧٨٩]/, k = /[۰۱۲۳۴۵۶۷۸۹]/, q = /[零〇一二三四五六七八九]/, ne = new RegExp(`[${R.join("")}]`), ce = [".", ",", F, G, "٫", "٬"], se = new RegExp("\\p{Zs}", "u"), re = ["+", ...U], le = ["-", ...T], g = (n) => n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), J = (n) => n.replace(/[-\\\]^]/g, (r) => `\\${r}`), C = (n) => `[${n.map(J).join("")}]`, P = C(["-"].concat(T)), D = C(["+"].concat(U)), K = new RegExp(P, "gu"), Q = new RegExp(D, "gu"), oe = new RegExp(P), Ee = new RegExp(D);
+function V(n, r) {
+  const s = p(n, r).formatToParts(11111.1), e = {};
+  return s.forEach((c) => {
+    e[c.type] = c.value;
+  }), p(n).formatToParts(0.1).forEach((c) => {
+    c.type === "decimal" && (e[c.type] = c.value);
+  }), e;
+}
+function ae(n, r, s) {
+  if (n == null)
+    return null;
+  let e = String(n).replace(new RegExp("\\p{Cf}", "gu"), "").trim();
+  e = e.replace(K, "-").replace(Q, "+");
+  let c = !1;
+  const _ = e.match(/([+-])\s*$/);
+  _ && (_[1] === "-" && (c = !0), e = e.replace(/([+-])\s*$/, ""));
+  const S = e.match(/^\s*([+-])/);
+  S && (S[1] === "-" && (c = !0), e = e.replace(/^\s*[+-]/, ""));
+  let l = r;
+  l === void 0 && (z.test(e) || k.test(e) ? l = "ar" : q.test(e) && (l = "zh"));
+  const {
+    group: E,
+    decimal: u,
+    currency: N
+  } = V(l, s), I = p(l, s).formatToParts(1).filter((t) => t.type === "unit").map((t) => g(t.value)), $ = I.length ? new RegExp(I.join("|"), "g") : null;
+  let x = null;
+  E && (x = new RegExp("\\p{Zs}", "u").test(E) ? new RegExp("\\p{Zs}", "gu") : new RegExp(g(E), "g"));
+  let o = [
+    {
+      regex: E ? x : null,
+      replacement: ""
+    },
+    {
+      regex: u ? new RegExp(g(u), "g") : null,
+      replacement: "."
+    },
+    // Fullwidth punctuation
+    {
+      regex: /．/g,
+      replacement: "."
+    },
+    // FULLWIDTH_DECIMAL
+    {
+      regex: /，/g,
+      replacement: ""
+    },
+    // FULLWIDTH_GROUP
+    // Arabic punctuation
+    {
+      regex: /٫/g,
+      replacement: "."
+    },
+    // ARABIC DECIMAL SEPARATOR (U+066B)
+    {
+      regex: /٬/g,
+      replacement: ""
+    },
+    // ARABIC THOUSANDS SEPARATOR (U+066C)
+    // Currency & unit labels
+    {
+      regex: N ? new RegExp(g(N), "g") : null,
+      replacement: ""
+    },
+    {
+      regex: $,
+      replacement: ""
+    },
+    // Numeral systems to ASCII digits
+    {
+      regex: W,
+      replacement: (t) => String(f.indexOf(t))
+    },
+    {
+      regex: Y,
+      replacement: (t) => String(L.indexOf(t))
+    },
+    {
+      regex: B,
+      replacement: (t) => String(R.indexOf(t))
+    },
+    {
+      regex: v,
+      replacement: (t) => O[t]
+    }
+  ].reduce((t, {
+    regex: m,
+    replacement: y
+  }) => m ? t.replace(m, y) : t, e);
+  const i = o.lastIndexOf(".");
+  if (i !== -1 && (o = `${o.slice(0, i).replace(/\./g, "")}.${o.slice(i + 1).replace(/\./g, "")}`), /^[-+]?Infinity$/i.test(e) || /[∞]/.test(e))
+    return null;
+  const w = (c ? "-" : "") + o;
+  let a = parseFloat(w);
+  const A = s?.style, M = A === "unit" && s?.unit === "percent", h = b.test(n) || A === "percent";
+  return Z.test(n) ? a /= 1e3 : !M && h && (a /= 100), Number.isNaN(a) ? null : a;
+}
+export {
+  oe as ANY_MINUS_DETECT_RE,
+  K as ANY_MINUS_RE,
+  Ee as ANY_PLUS_DETECT_RE,
+  Q as ANY_PLUS_RE,
+  z as ARABIC_DETECT_RE,
+  f as ARABIC_NUMERALS,
+  W as ARABIC_RE,
+  ce as BASE_NON_NUMERIC_SYMBOLS,
+  F as FULLWIDTH_DECIMAL,
+  ne as FULLWIDTH_DETECT_RE,
+  G as FULLWIDTH_GROUP,
+  R as FULLWIDTH_NUMERALS,
+  B as FULLWIDTH_RE,
+  q as HAN_DETECT_RE,
+  H as HAN_NUMERALS,
+  O as HAN_NUMERAL_TO_DIGIT,
+  v as HAN_RE,
+  le as MINUS_SIGNS_WITH_ASCII,
+  d as PERCENTAGES,
+  b as PERCENT_RE,
+  j as PERMILLE,
+  Z as PERMILLE_RE,
+  k as PERSIAN_DETECT_RE,
+  L as PERSIAN_NUMERALS,
+  Y as PERSIAN_RE,
+  re as PLUS_SIGNS_WITH_ASCII,
+  se as SPACE_SEPARATOR_RE,
+  T as UNICODE_MINUS_SIGNS,
+  U as UNICODE_PLUS_SIGNS,
+  V as getNumberLocaleDetails,
+  ae as parseNumber
+};

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

@@ -0,0 +1,9 @@
+const _ = 60, E = 400, T = 50, A = 3, O = 8, o = 1;
+export {
+  _ as CHANGE_VALUE_TICK_DELAY,
+  o as DEFAULT_STEP,
+  A as MAX_POINTER_MOVES_AFTER_TOUCH,
+  O as SCROLLING_POINTER_MOVE_DISTANCE,
+  E as START_AUTO_CHANGE_DELAY,
+  T as TOUCH_TIMEOUT
+};

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

@@ -0,0 +1,42 @@
+import { getFormatter as g } from "./als-react-ts-ui494.js";
+import { clamp as p } from "./als-react-ts-ui519.js";
+function a(o, n = {}) {
+  return parseFloat(g("en-US", {
+    maximumFractionDigits: n.maximumFractionDigits,
+    minimumFractionDigits: n.minimumFractionDigits,
+    useGrouping: !1
+  }).format(o));
+}
+function f(o, {
+  step: n,
+  minWithDefault: u,
+  maxWithDefault: d,
+  minWithZeroDefault: m,
+  format: t,
+  snapOnStep: F,
+  small: l
+}) {
+  if (o === null)
+    return o;
+  const s = p(o, u, d);
+  if (n != null && F) {
+    if (l) {
+      const r = (s - m) / n, i = Math.round(r), e = m + i * n;
+      return a(e, t);
+    }
+    const c = u !== Number.MIN_SAFE_INTEGER ? u : m;
+    if (n > 0) {
+      const r = s - n, i = Math.floor((r - c) / n);
+      return a(c + i * n + n, t);
+    }
+    if (n < 0) {
+      const r = Math.abs(n), i = s - n, e = Math.ceil((i - c) / r);
+      return a(c + e * r + n, t);
+    }
+  }
+  return a(s, t);
+}
+export {
+  a as removeFloatingPointErrors,
+  f as toValidatedNumber
+};

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

@@ -0,0 +1,112 @@
+import * as T from "react";
+import { SCROLLING_POINTER_MOVE_DISTANCE as B, TOUCH_TIMEOUT as F, MAX_POINTER_MOVES_AFTER_TOUCH as W, DEFAULT_STEP as X } from "./als-react-ts-ui501.js";
+import { parseNumber as G } from "./als-react-ts-ui500.js";
+import { createGenericEventDetails as H, createChangeEventDetails as Y } from "./als-react-ts-ui246.js";
+function K(P) {
+  const {
+    allowInputSyncRef: M,
+    disabled: o,
+    formatOptionsRef: O,
+    getStepAmount: I,
+    id: S,
+    incrementValue: V,
+    inputRef: _,
+    inputValue: x,
+    intentionalTouchCheckTimeout: A,
+    isIncrement: t,
+    isPressedRef: u,
+    locale: g,
+    maxWithDefault: U,
+    minWithDefault: N,
+    movesAfterTouchRef: d,
+    readOnly: s,
+    setValue: k,
+    startAutoChange: h,
+    stopAutoChange: p,
+    value: m,
+    valueRef: E,
+    lastChangedValueRef: v,
+    onValueCommitted: L
+  } = P, y = T.useRef({
+    x: 0,
+    y: 0
+  }), c = T.useRef(!1), R = T.useRef(!1), D = T.useRef(""), i = m != null && m <= N, a = m != null && m >= U, b = t ? "increment-press" : "decrement-press";
+  function C(e) {
+    M.current = !0;
+    const n = G(x, g, O.current);
+    n !== null && (E.current = n, k(n, Y(b, e, void 0, {
+      direction: t ? 1 : -1
+    })));
+  }
+  return {
+    disabled: o || (t ? a : i),
+    "aria-readonly": s || void 0,
+    "aria-label": t ? "Increase" : "Decrease",
+    "aria-controls": S,
+    // Keyboard users shouldn't have access to the buttons, since they can use the input element
+    // to change the value. On the other hand, `aria-hidden` is not applied because touch screen
+    // readers should be able to use the buttons.
+    tabIndex: -1,
+    style: {
+      WebkitUserSelect: "none",
+      userSelect: "none"
+    },
+    onTouchStart() {
+      c.current = !0;
+    },
+    onTouchEnd() {
+      c.current = !1;
+    },
+    onClick(e) {
+      const n = o || s || (t ? a : i);
+      if (e.defaultPrevented || n || // If it's not a keyboard/virtual click, ignore.
+      (D.current === "touch" ? R.current : e.detail !== 0))
+        return;
+      C(e.nativeEvent);
+      const l = I(e) ?? X, r = E.current;
+      V(l, {
+        direction: t ? 1 : -1,
+        event: e.nativeEvent,
+        reason: b
+      });
+      const f = v.current ?? E.current;
+      f !== r && L(f, H(b, e.nativeEvent));
+    },
+    onPointerDown(e) {
+      const n = !e.button || e.button === 0, l = o || (t ? a : i);
+      e.defaultPrevented || s || !n || l || (D.current = e.pointerType, R.current = !1, u.current = !0, y.current = {
+        x: e.clientX,
+        y: e.clientY
+      }, C(e.nativeEvent), e.pointerType !== "touch" ? (e.preventDefault(), _.current?.focus(), h(t, e)) : A.start(F, () => {
+        const r = d.current;
+        d.current = 0, u.current && r != null && r < W ? (h(t, e), R.current = !0) : (R.current = !1, p());
+      }));
+    },
+    onPointerUp(e) {
+      e.pointerType === "touch" && (u.current = !1);
+    },
+    onPointerMove(e) {
+      if (o || s || (t ? a : i) || e.pointerType !== "touch" || !u.current)
+        return;
+      d.current != null && (d.current += 1);
+      const {
+        x: l,
+        y: r
+      } = y.current, f = l - e.clientX, w = r - e.clientY;
+      f ** 2 + w ** 2 > B ** 2 && p();
+    },
+    onMouseEnter(e) {
+      const n = o || s || (t ? a : i);
+      e.defaultPrevented || n || !u.current || c.current || D.current === "touch" || h(t, e);
+    },
+    onMouseLeave() {
+      c.current || p();
+    },
+    onMouseUp() {
+      c.current || p();
+    }
+  };
+}
+export {
+  K as useNumberFieldButton
+};

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

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

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

@@ -0,0 +1,26 @@
+import { getWindow as f } from "./als-react-ts-ui339.js";
+function d(e, n) {
+  const o = f(n), i = n.getBoundingClientRect();
+  if (i && e != null)
+    return {
+      x: i.left - e / 2,
+      y: i.top - e / 2,
+      width: i.right + e / 2,
+      height: i.bottom + e / 2
+    };
+  const t = o.visualViewport;
+  return t ? {
+    x: t.offsetLeft,
+    y: t.offsetTop,
+    width: t.offsetLeft + t.width,
+    height: t.offsetTop + t.height
+  } : {
+    x: 0,
+    y: 0,
+    width: o.document.documentElement.clientWidth,
+    height: o.document.documentElement.clientHeight
+  };
+}
+export {
+  d as getViewportRect
+};

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

@@ -0,0 +1,16 @@
+import { getWindow as n } from "./als-react-ts-ui339.js";
+function o(r, t) {
+  const e = n(r).visualViewport;
+  if (!e)
+    return () => {
+    };
+  function i() {
+    e && (t.current = e.scale);
+  }
+  return i(), e.addEventListener("resize", i), () => {
+    e.removeEventListener("resize", i);
+  };
+}
+export {
+  o as subscribeToVisualViewportResize
+};

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

@@ -0,0 +1,34 @@
+import * as r from "react";
+import { useMergedRefs as p } from "./als-react-ts-ui287.js";
+import { useCompositeRootContext as h } from "./als-react-ts-ui341.js";
+import { useCompositeListItem as g } from "./als-react-ts-ui290.js";
+function I(m = {}) {
+  const {
+    highlightItemOnHover: s,
+    highlightedIndex: c,
+    onHighlightedIndexChange: i
+  } = h(), {
+    ref: u,
+    index: e
+  } = g(m), t = c === e, n = r.useRef(null), d = p(u, n);
+  return {
+    compositeProps: r.useMemo(() => ({
+      tabIndex: t ? 0 : -1,
+      onFocus() {
+        i(e);
+      },
+      onMouseMove() {
+        const o = n.current;
+        if (!s || !o)
+          return;
+        const f = o.hasAttribute("disabled") || o.ariaDisabled === "true";
+        !t && !f && o.focus();
+      }
+    }), [t, i, e, s]),
+    compositeRef: d,
+    index: e
+  };
+}
+export {
+  I as useCompositeItem
+};

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

@@ -0,0 +1,4 @@
+const t = "data-composite-item-active";
+export {
+  t as ACTIVE_COMPOSITE_ITEM
+};

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

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

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

@@ -1,7 +1,7 @@
 import * as l from "react";
-import { useDialogRootContext as n } from "./als-react-ts-ui186.js";
-import { useRenderElement as a } from "./als-react-ts-ui166.js";
-import { useBaseUiId as m } from "./als-react-ts-ui170.js";
+import { useDialogRootContext as n } from "./als-react-ts-ui242.js";
+import { useRenderElement as a } from "./als-react-ts-ui189.js";
+import { useBaseUiId as m } from "./als-react-ts-ui249.js";
 const d = /* @__PURE__ */ l.forwardRef(function(e, t) {
   const {
     render: c,

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

@@ -0,0 +1,15 @@
+import { ProgressRootDataAttributes as r } from "./als-react-ts-ui520.js";
+const i = {
+  status(t) {
+    return t === "progressing" ? {
+      [r.progressing]: ""
+    } : t === "complete" ? {
+      [r.complete]: ""
+    } : t === "indeterminate" ? {
+      [r.indeterminate]: ""
+    } : null;
+  }
+};
+export {
+  i as progressStateAttributesMapping
+};

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

@@ -0,0 +1,17 @@
+import { transitionStatusMapping as r } from "./als-react-ts-ui245.js";
+import { fieldValidityMapping as e } from "./als-react-ts-ui409.js";
+import { RadioRootDataAttributes as t } from "./als-react-ts-ui531.js";
+const n = {
+  checked(i) {
+    return i ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r,
+  ...e
+};
+export {
+  n as stateAttributesMapping
+};

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

@@ -0,0 +1,14 @@
+import n 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 = "RadioRootContext");
+function r() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>." : n(52));
+  return o;
+}
+export {
+  e as RadioRootContext,
+  r as useRadioRootContext
+};

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

@@ -0,0 +1,20 @@
+const o = "_root_1soxo_5", t = "_list_1soxo_22", _ = "_tab_1soxo_44", s = "_indicator_1soxo_129", a = "_panel_1soxo_154", n = "_fadeIn_1soxo_1", c = {
+  root: o,
+  list: t,
+  tab: _,
+  "tab--sm": "_tab--sm_1soxo_76",
+  "tab--md": "_tab--md_1soxo_82",
+  "tab--lg": "_tab--lg_1soxo_88",
+  indicator: s,
+  panel: a,
+  fadeIn: n
+};
+export {
+  c as default,
+  n as fadeIn,
+  s as indicator,
+  t as list,
+  a as panel,
+  o as root,
+  _ as tab
+};

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

@@ -0,0 +1,76 @@
+import * as a from "react";
+import { useControlled as y } from "./als-react-ts-ui282.js";
+import { useStableCallback as A } from "./als-react-ts-ui192.js";
+import { useRenderElement as I } from "./als-react-ts-ui189.js";
+import { CompositeList as N } from "./als-react-ts-ui284.js";
+import { useDirection as B } from "./als-react-ts-ui285.js";
+import { TabsRootContext as D } from "./als-react-ts-ui567.js";
+import { tabsStateAttributesMapping as O } from "./als-react-ts-ui568.js";
+import { jsx as v } from "react/jsx-runtime";
+const w = /* @__PURE__ */ a.forwardRef(function(s, C) {
+  const {
+    className: j,
+    defaultValue: M = 0,
+    onValueChange: T,
+    orientation: r = "horizontal",
+    render: z,
+    value: R,
+    ...g
+  } = s, u = B(), h = a.useRef([]), [d, x] = y({
+    controlled: R,
+    default: M,
+    name: "Tabs",
+    state: "value"
+  }), [f, P] = a.useState(() => /* @__PURE__ */ new Map()), [o, l] = a.useState(() => /* @__PURE__ */ new Map()), [i, S] = a.useState("none"), c = A((t, n) => {
+    T?.(t, n), !n.isCanceled && (x(t), S(n.activationDirection));
+  }), m = a.useCallback((t, n) => {
+    if (!(t === void 0 && n < 0)) {
+      for (const e of f.values())
+        if (t !== void 0 && e && t === e?.value || t === void 0 && e?.index && e?.index === n)
+          return e.id;
+    }
+  }, [f]), p = a.useCallback((t, n) => {
+    if (!(t === void 0 && n < 0)) {
+      for (const e of o.values())
+        if (t !== void 0 && n > -1 && t === (e?.value ?? e?.index ?? void 0) || t === void 0 && n > -1 && n === (e?.value ?? e?.index ?? void 0))
+          return e?.id;
+    }
+  }, [o]), b = a.useCallback((t) => {
+    if (t === void 0)
+      return null;
+    for (const [n, e] of o.entries())
+      if (e != null && t === (e.value ?? e.index))
+        return n;
+    return null;
+  }, [o]), E = a.useMemo(() => ({
+    direction: u,
+    getTabElementBySelectedValue: b,
+    getTabIdByPanelValueOrIndex: p,
+    getTabPanelIdByTabValueOrIndex: m,
+    onValueChange: c,
+    orientation: r,
+    setTabMap: l,
+    tabActivationDirection: i,
+    value: d
+  }), [u, b, p, m, c, r, l, i, d]), k = I("div", s, {
+    state: {
+      orientation: r,
+      tabActivationDirection: i
+    },
+    ref: C,
+    props: g,
+    stateAttributesMapping: O
+  });
+  return /* @__PURE__ */ v(D.Provider, {
+    value: E,
+    children: /* @__PURE__ */ v(N, {
+      elementsRef: h,
+      onMapChange: P,
+      children: k
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (w.displayName = "TabsRoot");
+export {
+  w as TabsRoot
+};