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

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

@@ -0,0 +1,28 @@
+import * as o from "react";
+import * as s from "react-dom";
+import { jsxs as c } from "react/jsx-runtime";
+import { useFloatingPortalNode as m } from "./als-react-ts-ui241.js";
+const f = /* @__PURE__ */ o.forwardRef(function(t, a) {
+  const {
+    children: i,
+    container: n,
+    className: d,
+    render: u,
+    ...l
+  } = t, {
+    portalNode: r,
+    portalSubtree: e
+  } = m({
+    container: n,
+    ref: a,
+    componentProps: t,
+    elementProps: l
+  });
+  return !e && !r ? null : /* @__PURE__ */ c(o.Fragment, {
+    children: [e, r && /* @__PURE__ */ s.createPortal(i, r)]
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "FloatingPortalLite");
+export {
+  f as FloatingPortalLite
+};

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

@@ -0,0 +1,14 @@
+function t(r) {
+  if (r == null)
+    return "";
+  if (typeof r == "string")
+    return r;
+  try {
+    return JSON.stringify(r);
+  } catch {
+    return String(r);
+  }
+}
+export {
+  t as serializeValue
+};

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

@@ -0,0 +1,6 @@
+let a = /* @__PURE__ */ (function(d) {
+  return d.disabled = "data-disabled", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+})({});
+export {
+  a as FieldControlDataAttributes
+};

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

@@ -0,0 +1,12 @@
+function n(e, t) {
+  return {
+    ...e,
+    state: {
+      ...e.state,
+      valid: !t && e.state.valid
+    }
+  };
+}
+export {
+  n as getCombinedFieldValidityData
+};

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

@@ -0,0 +1,10 @@
+import { __module as e } from "./als-react-ts-ui437.js";
+import { __require as o } from "./als-react-ts-ui438.js";
+import { __require as t } from "./als-react-ts-ui439.js";
+var r;
+function s() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
+}
+export {
+  s as __require
+};

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

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

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

@@ -0,0 +1,57 @@
+import { __exports as d } from "./als-react-ts-ui444.js";
+import q from "react";
+import { __require as w } from "./als-react-ts-ui445.js";
+var V;
+function k() {
+  if (V) return d;
+  V = 1;
+  var a = q, j = w();
+  function z(r, u) {
+    return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
+  }
+  var M = typeof Object.is == "function" ? Object.is : z, W = j.useSyncExternalStore, h = a.useRef, y = a.useEffect, D = a.useMemo, O = a.useDebugValue;
+  return d.useSyncExternalStoreWithSelector = function(r, u, m, v, t) {
+    var i = h(null);
+    if (i.current === null) {
+      var f = { hasValue: !1, value: null };
+      i.current = f;
+    } else f = i.current;
+    i = D(
+      function() {
+        function _(e) {
+          if (!s) {
+            if (s = !0, c = e, e = v(e), t !== void 0 && f.hasValue) {
+              var o = f.value;
+              if (t(o, e))
+                return n = o;
+            }
+            return n = e;
+          }
+          if (o = n, M(c, e)) return o;
+          var R = v(e);
+          return t !== void 0 && t(o, R) ? (c = e, o) : (c = e, n = R);
+        }
+        var s = !1, c, n, b = m === void 0 ? null : m;
+        return [
+          function() {
+            return _(u());
+          },
+          b === null ? void 0 : function() {
+            return _(b());
+          }
+        ];
+      },
+      [u, m, v, t]
+    );
+    var l = W(r, i[0], i[1]);
+    return y(
+      function() {
+        f.hasValue = !0, f.value = l;
+      },
+      [l]
+    ), O(l), l;
+  }, d;
+}
+export {
+  k as __require
+};

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

@@ -0,0 +1,58 @@
+import { __exports as d } from "./als-react-ts-ui446.js";
+import M from "react";
+import { __require as b } from "./als-react-ts-ui445.js";
+var s;
+function H() {
+  return s ? d : (s = 1, process.env.NODE_ENV !== "production" && (function() {
+    function A(r, u) {
+      return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var i = M, R = b(), T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, D = i.useRef, S = i.useEffect, p = i.useMemo, G = i.useDebugValue;
+    d.useSyncExternalStoreWithSelector = function(r, u, a, c, f) {
+      var _ = D(null);
+      if (_.current === null) {
+        var t = { hasValue: !1, value: null };
+        _.current = t;
+      } else t = _.current;
+      _ = p(
+        function() {
+          function m(e) {
+            if (!v) {
+              if (v = !0, l = e, e = c(e), f !== void 0 && t.hasValue) {
+                var o = t.value;
+                if (f(o, e))
+                  return O = o;
+              }
+              return O = e;
+            }
+            if (o = O, T(l, e))
+              return o;
+            var E = c(e);
+            return f !== void 0 && f(o, E) ? (l = e, o) : (l = e, O = E);
+          }
+          var v = !1, l, O, L = a === void 0 ? null : a;
+          return [
+            function() {
+              return m(u());
+            },
+            L === null ? void 0 : function() {
+              return m(L());
+            }
+          ];
+        },
+        [u, a, c, f]
+      );
+      var n = V(r, _[0], _[1]);
+      return S(
+        function() {
+          t.hasValue = !0, t.value = n;
+        },
+        [n]
+      ), G(n), n;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), d);
+}
+export {
+  H as __require
+};

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

@@ -1,14 +1,14 @@
 import * as R from "react";
-import { useIsoLayoutEffect as t } from "./als-react-ts-ui161.js";
-import { warn as K } from "./als-react-ts-ui162.js";
-import { useCollapsibleRootContext as T } from "./als-react-ts-ui172.js";
-import { useCollapsiblePanel as _ } from "./als-react-ts-ui181.js";
-import { useAccordionRootContext as $ } from "./als-react-ts-ui165.js";
-import { useAccordionItemContext as q } from "./als-react-ts-ui174.js";
-import { accordionStateAttributesMapping as L } from "./als-react-ts-ui175.js";
-import { AccordionPanelCssVars as C } from "./als-react-ts-ui182.js";
-import { useOpenChangeComplete as W } from "./als-react-ts-ui183.js";
-import { useRenderElement as j } from "./als-react-ts-ui166.js";
+import { useIsoLayoutEffect as t } from "./als-react-ts-ui267.js";
+import { warn as K } from "./als-react-ts-ui268.js";
+import { useCollapsibleRootContext as T } from "./als-react-ts-ui274.js";
+import { useCollapsiblePanel as _ } from "./als-react-ts-ui281.js";
+import { useAccordionRootContext as $ } from "./als-react-ts-ui271.js";
+import { useAccordionItemContext as q } from "./als-react-ts-ui276.js";
+import { accordionStateAttributesMapping as L } from "./als-react-ts-ui277.js";
+import { AccordionPanelCssVars as C } from "./als-react-ts-ui282.js";
+import { useOpenChangeComplete as W } from "./als-react-ts-ui236.js";
+import { useRenderElement as j } from "./als-react-ts-ui226.js";
 const z = /* @__PURE__ */ R.forwardRef(function(u, c) {
   const {
     className: G,

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

@@ -0,0 +1,10 @@
+import * as e from "react";
+function r() {
+  const [, t] = e.useState({});
+  return e.useCallback(() => {
+    t({});
+  }, []);
+}
+export {
+  r as useForcedRerendering
+};

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

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

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

@@ -0,0 +1,42 @@
+import * as a from "react";
+import { useStableCallback as P } from "./als-react-ts-ui266.js";
+import { useBaseUiId as S } from "./als-react-ts-ui232.js";
+const x = [];
+function w(O) {
+  const {
+    allValues: l = x,
+    value: e = x,
+    onValueChange: b
+  } = O, m = a.useRef(e), f = a.useRef(/* @__PURE__ */ new Map()), [i, g] = a.useState("mixed"), u = S(), p = e.length === l.length, h = e.length !== l.length && e.length > 0, n = P(b), C = a.useCallback(() => ({
+    id: u,
+    indeterminate: h,
+    checked: p,
+    // TODO: custom `id` on child checkboxes breaks this
+    // https://github.com/mui/base-ui/issues/2691
+    "aria-controls": l.map((c) => `${u}-${c}`).join(" "),
+    onCheckedChange(c, o) {
+      const s = m.current, t = l.filter((r) => f.current.get(r) && s.includes(r)), d = l.filter((r) => !f.current.get(r) || f.current.get(r) && s.includes(r));
+      if (s.length === d.length || s.length === 0) {
+        e.length === d.length ? n(t, o) : n(d, o);
+        return;
+      }
+      i === "mixed" ? (n(d, o), g("on")) : i === "on" ? (n(t, o), g("off")) : i === "off" && (n(s, o), g("mixed"));
+    }
+  }), [l, p, u, h, n, i, e.length]), k = a.useCallback((c) => ({
+    checked: e.includes(c),
+    onCheckedChange(o, s) {
+      const t = e.slice();
+      o ? t.push(c) : t.splice(t.indexOf(c), 1), m.current = t, n(t, s), g("mixed");
+    }
+  }), [n, e]);
+  return a.useMemo(() => ({
+    id: u,
+    indeterminate: h,
+    getParentProps: C,
+    getChildProps: k,
+    disabledStatesRef: f
+  }), [u, h, C, k]);
+}
+export {
+  w as useCheckboxGroupParent
+};

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

@@ -0,0 +1,6 @@
+function u(t, l, r = (e, n) => e === n) {
+  return t.length === l.length && t.every((e, n) => r(e, l[n]));
+}
+export {
+  u as areArraysEqual
+};

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

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

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

@@ -0,0 +1,10 @@
+import { __module as r } from "./als-react-ts-ui468.js";
+import { __require as o } from "./als-react-ts-ui469.js";
+import { __require as i } from "./als-react-ts-ui470.js";
+var e;
+function u() {
+  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = i(), r.exports);
+}
+export {
+  u as __require
+};

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

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

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

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

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

@@ -0,0 +1,78 @@
+import * as _ from "react";
+import { CompositeList as j } from "./als-react-ts-ui269.js";
+import { useCompositeRoot as z } from "./als-react-ts-ui499.js";
+import { CompositeRootContext as B } from "./als-react-ts-ui322.js";
+import { useRenderElement as D } from "./als-react-ts-ui226.js";
+import { useDirection as F } from "./als-react-ts-ui270.js";
+import { jsx as s } from "react/jsx-runtime";
+import { EMPTY_ARRAY as h, EMPTY_OBJECT as J } from "./als-react-ts-ui304.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-ui449.js

@@ -0,0 +1,19 @@
+import n from "./als-react-ts-ui242.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext({
+  legendId: void 0,
+  setLegendId: () => {
+  },
+  disabled: void 0
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "FieldsetRootContext");
+function r(s = !1) {
+  const e = t.useContext(o);
+  if (!e && !s)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : n(86));
+  return e;
+}
+export {
+  o as FieldsetRootContext,
+  r as useFieldsetRootContext
+};

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

@@ -0,0 +1,140 @@
+import * as V from "react";
+import { EMPTY_OBJECT as Y } from "./als-react-ts-ui304.js";
+import { useTimeout as w } from "./als-react-ts-ui297.js";
+import { useStableCallback as B } from "./als-react-ts-ui266.js";
+import { useLabelableContext as J } from "./als-react-ts-ui399.js";
+import { DEFAULT_VALIDITY_STATE as I } from "./als-react-ts-ui409.js";
+import { useFormContext as K } from "./als-react-ts-ui402.js";
+import { getCombinedFieldValidityData as S } from "./als-react-ts-ui435.js";
+import { mergeProps as j } from "./als-react-ts-ui305.js";
+const p = Object.keys(I);
+function U(s) {
+  if (!s || s.valid || !s.valueMissing)
+    return !1;
+  let l = !1;
+  for (const o of p)
+    o !== "valid" && (o === "valueMissing" && (l = s[o]), s[o] && (l = !1));
+  return l;
+}
+function $(s) {
+  const {
+    formRef: l,
+    clearErrors: o
+  } = K(), {
+    setValidityData: T,
+    validate: L,
+    validityData: A,
+    validationDebounceTime: M,
+    invalid: C,
+    markedDirtyRef: _,
+    state: D,
+    name: O,
+    shouldValidateOnChange: b
+  } = s, {
+    controlId: d,
+    getDescriptionProps: P
+  } = J(), g = w(), h = V.useRef(null), u = B(async (f, m = !1) => {
+    const e = h.current;
+    if (!e)
+      return;
+    if (m) {
+      if (D.valid !== !1)
+        return;
+      const n = e.validity;
+      if (!n.valueMissing) {
+        const r = {
+          value: f,
+          state: {
+            ...I,
+            valid: !0
+          },
+          error: "",
+          errors: [],
+          initialValue: A.initialValue
+        };
+        if (e.setCustomValidity(""), d) {
+          const t = l.current.fields.get(d);
+          t && l.current.fields.set(d, {
+            ...t,
+            ...S(r, !1)
+            // invalid = false
+          });
+        }
+        T(r);
+        return;
+      }
+      const i = p.reduce((r, t) => (r[t] = n[t], r), {});
+      if (!i.valid && !U(i))
+        return;
+    }
+    function N(n) {
+      const i = p.reduce((t, R) => (t[R] = n.validity[R], t), {});
+      let r = !1;
+      for (const t of p)
+        if (t !== "valid") {
+          if (t === "valueMissing" && i[t])
+            r = !0;
+          else if (i[t])
+            return i;
+        }
+      return r && !_.current && (i.valid = !0, i.valueMissing = !1), i;
+    }
+    g.clear();
+    let a = null, v = [];
+    const c = N(e);
+    let E;
+    const F = b();
+    if (e.validationMessage && !F)
+      E = e.validationMessage, v = [e.validationMessage];
+    else {
+      const n = Array.from(l.current.fields.values()).reduce((r, t) => (t.name && (r[t.name] = t.getValue()), r), {}), i = L(f, n);
+      typeof i == "object" && i !== null && "then" in i ? a = await i : a = i, a !== null ? (c.valid = !1, c.customError = !0, Array.isArray(a) ? (v = a, e.setCustomValidity(a.join(`
+`))) : a && (v = [a], e.setCustomValidity(a))) : F && (e.setCustomValidity(""), c.customError = !1, e.validationMessage ? (E = e.validationMessage, v = [e.validationMessage]) : e.validity.valid && !c.valid && (c.valid = !0));
+    }
+    const k = {
+      value: f,
+      state: c,
+      error: E ?? (Array.isArray(a) ? a[0] : a ?? ""),
+      errors: v,
+      initialValue: A.initialValue
+    };
+    if (d) {
+      const n = l.current.fields.get(d);
+      n && l.current.fields.set(d, {
+        ...n,
+        ...S(k, C)
+      });
+    }
+    T(k);
+  }), y = V.useCallback((f = {}) => j(P, D.valid === !1 ? {
+    "aria-invalid": !0
+  } : Y, f), [P, D.valid]), x = V.useCallback((f = {}) => j({
+    onChange(m) {
+      if (m.nativeEvent.defaultPrevented)
+        return;
+      if (o(O), !b()) {
+        u(m.currentTarget.value, !0);
+        return;
+      }
+      if (C)
+        return;
+      const e = m.currentTarget;
+      if (e.value === "") {
+        u(e.value);
+        return;
+      }
+      g.clear(), M ? g.start(M, () => {
+        u(e.value);
+      }) : u(e.value);
+    }
+  }, y(f)), [y, o, O, g, u, C, M, b]);
+  return V.useMemo(() => ({
+    getValidationProps: y,
+    getInputValidationProps: x,
+    inputRef: h,
+    commit: u
+  }), [y, x, u]);
+}
+export {
+  $ as useFieldValidation
+};

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

@@ -0,0 +1,28 @@
+import * as e from "react";
+import { useBaseUiId as m } from "./als-react-ts-ui232.js";
+import { useLabelableContext as I, LabelableContext as f } from "./als-react-ts-ui399.js";
+import { jsx as p } from "react/jsx-runtime";
+import { mergeProps as g } from "./als-react-ts-ui305.js";
+const v = function(o) {
+  const c = m(), [s, r] = e.useState(o.initialControlId === void 0 ? c : o.initialControlId), [a, n] = e.useState(void 0), [t, i] = e.useState([]), {
+    messageIds: d
+  } = I(), l = e.useCallback((b) => g({
+    "aria-describedby": d.concat(t).join(" ") || void 0
+  }, b), [d, t]), u = e.useMemo(() => ({
+    controlId: s,
+    setControlId: r,
+    labelId: a,
+    setLabelId: n,
+    messageIds: t,
+    setMessageIds: i,
+    getDescriptionProps: l
+  }), [s, r, a, n, t, i, l]);
+  return /* @__PURE__ */ p(f.Provider, {
+    value: u,
+    children: o.children
+  });
+};
+process.env.NODE_ENV !== "production" && (v.displayName = "LabelableProvider");
+export {
+  v as LabelableProvider
+};