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

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

@@ -1,9 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "./als-react-ts-ui78.js";
-function m(t) {
-  return /* @__PURE__ */ r("div", { className: o.root });
-}
+import { ALSNumberFieldScrubAreaCursor as e, ALSNumberFieldScrubArea as r, ALSNumberFieldDecrement as u, ALSNumberFieldIncrement as m, ALSNumberFieldInput as b, ALSNumberFieldGroup as o, ALSNumberFieldRoot as A } from "./als-react-ts-ui78.js";
+const t = {
+  Root: A,
+  Group: o,
+  Input: b,
+  Increment: m,
+  Decrement: u,
+  ScrubArea: r,
+  ScrubAreaCursor: e
+};
 export {
-  m as ALSNumberField,
-  m as default
+  t as ALSNumberField
 };

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

@@ -1,6 +1,24 @@
-let n = /* @__PURE__ */ (function(e) {
-  return e.panelOpen = "data-panel-open", e;
-})({});
+import * as i from "react";
+import { useNavigationMenuRootContext as u } from "./als-react-ts-ui521.js";
+import { NavigationMenuPortalContext as l } from "./als-react-ts-ui529.js";
+import { jsx as t } from "react/jsx-runtime";
+import { FloatingPortal as s } from "./als-react-ts-ui258.js";
+const f = /* @__PURE__ */ i.forwardRef(function(r, e) {
+  const {
+    keepMounted: o = !1,
+    ...n
+  } = r, {
+    mounted: a
+  } = u();
+  return a || o ? /* @__PURE__ */ t(l.Provider, {
+    value: o,
+    children: /* @__PURE__ */ t(s, {
+      ref: e,
+      ...n
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "NavigationMenuPortal");
 export {
-  n as CollapsibleTriggerDataAttributes
+  f as NavigationMenuPortal
 };

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

@@ -1,136 +1,41 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
+const n = "_root_1n2ml_6", _ = "_group_1n2ml_26", o = "_input_1n2ml_72", t = "_button_1n2ml_125", r = "_decrement_1n2ml_201", u = "_increment_1n2ml_206", l = "_icon_1n2ml_211", m = "_scrubArea_1n2ml_218", s = "_scrubAreaCursor_1n2ml_243", c = "_scrubCursorIcon_1n2ml_258", e = {
+  root: n,
+  "root--sm": "_root--sm_1n2ml_13",
+  "root--md": "_root--md_1n2ml_17",
+  "root--lg": "_root--lg_1n2ml_21",
+  group: _,
+  "group--sm": "_group--sm_1n2ml_36",
+  "group--md": "_group--md_1n2ml_40",
+  "group--lg": "_group--lg_1n2ml_44",
+  "group--outlined": "_group--outlined_1n2ml_49",
+  "group--filled": "_group--filled_1n2ml_60",
+  input: o,
+  "input--sm": "_input--sm_1n2ml_98",
+  "input--md": "_input--md_1n2ml_103",
+  "input--lg": "_input--lg_1n2ml_108",
+  button: t,
+  "button--sm": "_button--sm_1n2ml_159",
+  "button--md": "_button--md_1n2ml_164",
+  "button--lg": "_button--lg_1n2ml_169",
+  "button--outlined": "_button--outlined_1n2ml_175",
+  "button--filled": "_button--filled_1n2ml_188",
+  decrement: r,
+  increment: u,
+  icon: l,
+  scrubArea: m,
+  scrubAreaCursor: s,
+  scrubCursorIcon: c
+};
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  t as button,
+  r as decrement,
+  e as default,
+  _ as group,
+  l as icon,
+  u as increment,
+  o as input,
+  n as root,
+  m as scrubArea,
+  s as scrubAreaCursor,
+  c as scrubCursorIcon
 };

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

@@ -1,8 +1,234 @@
-import * as o from "react";
-const e = [];
-function n(t) {
-  o.useEffect(t, e);
+import * as i from "react";
+import { useControlled as Fe } from "./als-react-ts-ui282.js";
+import { useStableCallback as d } from "./als-react-ts-ui192.js";
+import { useTimeout as ue } from "./als-react-ts-ui195.js";
+import { useInterval as Te } from "./als-react-ts-ui497.js";
+import { useIsoLayoutEffect as j } from "./als-react-ts-ui193.js";
+import { useValueAsRef as ae } from "./als-react-ts-ui337.js";
+import { useForcedRerendering as Le } from "./als-react-ts-ui449.js";
+import { ownerDocument as Me } from "./als-react-ts-ui372.js";
+import { isIOS as we } from "./als-react-ts-ui371.js";
+import { NumberFieldRootContext as Oe } from "./als-react-ts-ui498.js";
+import { useFieldRootContext as We } from "./als-react-ts-ui398.js";
+import { useLabelableId as Ge } from "./als-react-ts-ui400.js";
+import { stateAttributesMapping as Ue } from "./als-react-ts-ui499.js";
+import { useRenderElement as Ke } from "./als-react-ts-ui189.js";
+import { getNumberLocaleDetails as ke, BASE_NON_NUMERIC_SYMBOLS as He, SPACE_SEPARATOR_RE as se, PERCENTAGES as Ye, PERMILLE as je, PLUS_SIGNS_WITH_ASCII as qe, MINUS_SIGNS_WITH_ASCII as Be } from "./als-react-ts-ui500.js";
+import { formatNumber as T, formatNumberMaxPrecision as Xe } from "./als-react-ts-ui494.js";
+import { START_AUTO_CHANGE_DELAY as Ze, CHANGE_VALUE_TICK_DELAY as ze, DEFAULT_STEP as le } from "./als-react-ts-ui501.js";
+import { toValidatedNumber as Je } from "./als-react-ts-ui502.js";
+import { createChangeEventDetails as Qe, createGenericEventDetails as $e } from "./als-react-ts-ui246.js";
+import { jsxs as et, jsx as tt } from "react/jsx-runtime";
+import { getWindow as nt } from "./als-react-ts-ui339.js";
+const rt = /* @__PURE__ */ i.forwardRef(function(C, p) {
+  const {
+    id: q,
+    min: N,
+    max: M,
+    smallStep: me = 0.1,
+    step: B = 1,
+    largeStep: X = 10,
+    required: v = !1,
+    disabled: fe = !1,
+    readOnly: E = !1,
+    name: de,
+    defaultValue: pe,
+    value: w,
+    onValueChange: Ee,
+    onValueCommitted: Re,
+    allowWheelScrub: Z = !1,
+    snapOnStep: Se = !1,
+    format: l,
+    locale: c,
+    render: ot,
+    className: it,
+    inputRef: he,
+    ...be
+  } = C, {
+    setDirty: Ce,
+    validityData: Ne,
+    disabled: ve,
+    setFilled: z,
+    invalid: J,
+    name: Ie,
+    state: Q
+  } = We(), m = ve || fe, V = Ie ?? de, [_, Ae] = i.useState(!1), R = N ?? Number.MIN_SAFE_INTEGER, O = M ?? Number.MAX_SAFE_INTEGER, ye = N ?? 0, S = l?.style, f = i.useRef(null), $ = Ge({
+    id: q
+  }), [ge, Ve] = Fe({
+    controlled: w,
+    default: pe,
+    name: "NumberField",
+    state: "value"
+  }), u = ge ?? null, P = ae(u);
+  j(() => {
+    z(u !== null);
+  }, [z, u]);
+  const _e = Le(), W = ae(l), x = i.useRef(!1), G = d((n, e) => {
+    x.current = !1, Re?.(n, e);
+  }), ee = ue(), te = Te(), U = ue(), K = i.useRef(!1), k = i.useRef(0), I = i.useRef(!0), D = i.useRef(null), ne = i.useRef(() => {
+  }), [A, F] = i.useState(() => w !== void 0 ? ce(u, c, l) : T(u, c, l)), [re, Pe] = i.useState("numeric"), oe = d(() => {
+    const {
+      decimal: n,
+      group: e,
+      currency: o,
+      literal: r
+    } = ke(c, l), t = /* @__PURE__ */ new Set();
+    He.forEach((a) => t.add(a)), n && t.add(n), e && (t.add(e), se.test(e) && t.add(" "));
+    const s = S === "percent" || S === "unit" && l?.unit === "percent", g = S === "percent" || S === "unit" && l?.unit === "permille";
+    return s && Ye.forEach((a) => t.add(a)), g && je.forEach((a) => t.add(a)), S === "currency" && o && t.add(o), r && (Array.from(r).forEach((a) => t.add(a)), se.test(r) && t.add(" ")), qe.forEach((a) => t.add(a)), R < 0 && Be.forEach((a) => t.add(a)), t;
+  }), h = d((n) => n?.altKey ? me : n?.shiftKey ? X : B), H = d((n, e) => {
+    const o = e.event, r = e.direction, t = Je(n, {
+      step: r ? h(o) * r : void 0,
+      format: W.current,
+      minWithDefault: R,
+      maxWithDefault: O,
+      minWithZeroDefault: ye,
+      snapOnStep: Se,
+      small: o?.altKey ?? !1
+    });
+    if (t !== u || n !== u || I.current === !1) {
+      if (D.current = t, Ee?.(t, e), e.isCanceled)
+        return;
+      Ve(t), Ce(t !== Ne.initialValue), x.current = !0;
+    }
+    I.current && F(T(t, c, l)), _e();
+  }), y = d((n, {
+    direction: e,
+    currentValue: o,
+    event: r,
+    reason: t
+  }) => {
+    const s = o ?? P.current, g = typeof s == "number" ? s + n * e : Math.max(0, N ?? 0);
+    H(g, Qe(t, r, void 0, {
+      direction: e
+    }));
+  }), b = d(() => {
+    U.clear(), ee.clear(), te.clear(), ne.current(), k.current = 0;
+  }), ie = d((n, e) => {
+    if (b(), !f.current)
+      return;
+    const o = nt(f.current);
+    function r(s) {
+      s.preventDefault();
+    }
+    o.addEventListener("contextmenu", r), ne.current = () => {
+      o.removeEventListener("contextmenu", r);
+    }, o.addEventListener("pointerup", (s) => {
+      K.current = !1, b();
+      const g = D.current ?? P.current;
+      G(g, $e(n ? "increment" : "decrement", s));
+    }, {
+      once: !0
+    });
+    function t() {
+      const s = h(e) ?? le;
+      y(s, {
+        direction: n ? 1 : -1,
+        event: e,
+        reason: n ? "increment-press" : "decrement-press"
+      });
+    }
+    t(), ee.start(Ze, () => {
+      te.start(ze, t);
+    });
+  });
+  j(function() {
+    if (!I.current)
+      return;
+    const e = w !== void 0 ? ce(u, c, l) : T(u, c, l);
+    e !== A && F(e);
+  }), j(function() {
+    if (!we)
+      return;
+    let e = "text";
+    R >= 0 && (e = "decimal"), Pe(e);
+  }, [R, S]), i.useEffect(() => () => b(), [b]), i.useEffect(function() {
+    const e = f.current;
+    if (m || E || !Z || !e)
+      return;
+    function o(r) {
+      if (
+        // Allow pinch-zooming.
+        r.ctrlKey || Me(f.current).activeElement !== f.current
+      )
+        return;
+      r.preventDefault();
+      const t = h(r) ?? le;
+      y(t, {
+        direction: r.deltaY > 0 ? -1 : 1,
+        event: r,
+        reason: "wheel"
+      });
+    }
+    return e.addEventListener("wheel", o), () => {
+      e.removeEventListener("wheel", o);
+    };
+  }, [Z, y, m, E, X, B, h]);
+  const Y = i.useMemo(() => ({
+    ...Q,
+    disabled: m,
+    readOnly: E,
+    required: v,
+    value: u,
+    inputValue: A,
+    scrubbing: _
+  }), [Q, m, E, v, u, A, _]), xe = i.useMemo(() => ({
+    inputRef: f,
+    inputValue: A,
+    value: u,
+    startAutoChange: ie,
+    stopAutoChange: b,
+    minWithDefault: R,
+    maxWithDefault: O,
+    disabled: m,
+    readOnly: E,
+    id: $,
+    setValue: H,
+    incrementValue: y,
+    getStepAmount: h,
+    allowInputSyncRef: I,
+    formatOptionsRef: W,
+    valueRef: P,
+    lastChangedValueRef: D,
+    hasPendingCommitRef: x,
+    isPressedRef: K,
+    intentionalTouchCheckTimeout: U,
+    movesAfterTouchRef: k,
+    name: V,
+    required: v,
+    invalid: J,
+    inputMode: re,
+    getAllowedNonNumericKeys: oe,
+    min: N,
+    max: M,
+    setInputValue: F,
+    locale: c,
+    isScrubbing: _,
+    setIsScrubbing: Ae,
+    state: Y,
+    onValueCommitted: G
+  }), [f, A, u, ie, b, R, O, m, E, $, H, y, h, I, W, P, D, x, K, U, k, V, v, J, re, oe, N, M, F, c, _, Y, G]), De = Ke("div", C, {
+    ref: p,
+    state: Y,
+    props: be,
+    stateAttributesMapping: Ue
+  });
+  return /* @__PURE__ */ et(Oe.Provider, {
+    value: xe,
+    children: [De, V && /* @__PURE__ */ tt("input", {
+      type: "hidden",
+      name: V,
+      ref: he,
+      value: u ?? "",
+      disabled: m,
+      required: v
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (rt.displayName = "NumberFieldRoot");
+function ce(L, C, p) {
+  return p?.maximumFractionDigits != null || p?.minimumFractionDigits != null ? T(L, C, p) : Xe(L, C, p);
 }
 export {
-  n as useOnMount
+  rt as NumberFieldRoot
 };

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

@@ -1,68 +1,25 @@
-import { useRefWithInit as u } from "./als-react-ts-ui184.js";
-import { useOnMount as h } from "./als-react-ts-ui222.js";
-const s = null;
-let l = globalThis.requestAnimationFrame;
-class o {
-  /* This implementation uses an array as a backing data-structure for frame callbacks.
-   * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it
-   * never calls the native `cancelAnimationFrame` if there are no frames left. This can
-   * be much more efficient if there is a call pattern that alterns as
-   * "request-cancel-request-cancel-…".
-   * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation
-   * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */
-  callbacks = [];
-  callbacksCount = 0;
-  nextId = 1;
-  startId = 1;
-  isScheduled = !1;
-  tick = (t) => {
-    this.isScheduled = !1;
-    const e = this.callbacks, r = this.callbacksCount;
-    if (this.callbacks = [], this.callbacksCount = 0, this.startId = this.nextId, r > 0)
-      for (let i = 0; i < e.length; i += 1)
-        e[i]?.(t);
-  };
-  request(t) {
-    const e = this.nextId;
-    this.nextId += 1, this.callbacks.push(t), this.callbacksCount += 1;
-    const r = process.env.NODE_ENV === "test" && l !== requestAnimationFrame && (l = requestAnimationFrame, !0);
-    return (!this.isScheduled || r) && (requestAnimationFrame(this.tick), this.isScheduled = !0), e;
-  }
-  cancel(t) {
-    const e = t - this.startId;
-    e < 0 || e >= this.callbacks.length || (this.callbacks[e] = null, this.callbacksCount -= 1);
-  }
-}
-const c = new o();
-class a {
-  static create() {
-    return new a();
-  }
-  static request(t) {
-    return c.request(t);
-  }
-  static cancel(t) {
-    return c.cancel(t);
-  }
-  currentId = s;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  request(t) {
-    this.cancel(), this.currentId = c.request(() => {
-      this.currentId = s, t();
-    });
-  }
-  cancel = () => {
-    this.currentId !== s && (c.cancel(this.currentId), this.currentId = s);
-  };
-  disposeEffect = () => this.cancel;
-}
-function k() {
-  const n = u(a.create).current;
-  return h(n.disposeEffect), n;
-}
+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) {
+  const {
+    render: l,
+    className: a,
+    ...t
+  } = e, {
+    state: o
+  } = s();
+  return n("div", e, {
+    ref: r,
+    state: o,
+    props: [{
+      role: "group"
+    }, t],
+    stateAttributesMapping: i
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "NumberFieldGroup");
 export {
-  a as AnimationFrame,
-  k as useAnimationFrame
+  p as NumberFieldGroup
 };