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

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

@@ -1,14 +1,14 @@
 import * as R from "react";
-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";
+import { useIsoLayoutEffect as t } from "./als-react-ts-ui224.js";
+import { warn as K } from "./als-react-ts-ui293.js";
+import { useCollapsibleRootContext as T } from "./als-react-ts-ui299.js";
+import { useCollapsiblePanel as _ } from "./als-react-ts-ui306.js";
+import { useAccordionRootContext as $ } from "./als-react-ts-ui296.js";
+import { useAccordionItemContext as q } from "./als-react-ts-ui301.js";
+import { accordionStateAttributesMapping as L } from "./als-react-ts-ui302.js";
+import { AccordionPanelCssVars as C } from "./als-react-ts-ui307.js";
+import { useOpenChangeComplete as W } from "./als-react-ts-ui280.js";
+import { useRenderElement as j } from "./als-react-ts-ui220.js";
 const z = /* @__PURE__ */ R.forwardRef(function(u, c) {
   const {
     className: G,

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

@@ -1,10 +1,12 @@
-import * as e from "react";
-function r() {
-  const [, t] = e.useState({});
-  return e.useCallback(() => {
-    t({});
-  }, []);
+function n(e, t) {
+  return {
+    ...e,
+    state: {
+      ...e.state,
+      valid: !t && e.state.valid
+    }
+  };
 }
 export {
-  r as useForcedRerendering
+  n as getCombinedFieldValidityData
 };

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

@@ -1,14 +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;
+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 CheckboxGroupContext,
-  c as useCheckboxGroupContext
+  t as serializeValue
 };

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

@@ -1,42 +1,10 @@
-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]);
+import { __module as e } from "./als-react-ts-ui443.js";
+import { __require as o } from "./als-react-ts-ui444.js";
+import { __require as t } from "./als-react-ts-ui445.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 {
-  w as useCheckboxGroupParent
+  s as __require
 };

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

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

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

@@ -1,4 +1,57 @@
-var o = {};
+import { __exports as d } from "./als-react-ts-ui475.js";
+import q from "react";
+import { __require as w } from "./als-react-ts-ui476.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 {
-  o as __exports
+  k as __require
 };

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

@@ -1,10 +1,58 @@
-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);
+import { __exports as d } from "./als-react-ts-ui477.js";
+import M from "react";
+import { __require as b } from "./als-react-ts-ui476.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 {
-  u as __require
+  H as __require
 };

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

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

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

@@ -1,14 +1,12 @@
-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;
+const e = /* @__PURE__ */ t.createContext({
+  disabled: !1
+});
+process.env.NODE_ENV !== "production" && (e.displayName = "FieldItemContext");
+function n() {
+  return t.useContext(e);
 }
 export {
-  n as MenubarContext,
-  a as useMenubarContext
+  e as FieldItemContext,
+  n as useFieldItemContext
 };

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

@@ -1,78 +1,18 @@
-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
-    })
-  });
+import * as i from "react";
+import { CheckboxRootDataAttributes as t } from "./als-react-ts-ui480.js";
+import { fieldValidityMapping as n } from "./als-react-ts-ui409.js";
+function a(e) {
+  return i.useMemo(() => ({
+    checked(r) {
+      return e.indeterminate ? {} : r ? {
+        [t.checked]: ""
+      } : {
+        [t.unchecked]: ""
+      };
+    },
+    ...n
+  }), [e.indeterminate]);
 }
 export {
-  Q as CompositeRoot
+  a as useStateAttributesMapping
 };

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

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

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

@@ -1,140 +1,9 @@
-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]);
-}
+import { collapsibleOpenStateMapping as t } from "./als-react-ts-ui304.js";
+import { transitionStatusMapping as p } from "./als-react-ts-ui272.js";
+const o = {
+  ...t,
+  ...p
+};
 export {
-  $ as useFieldValidation
+  o as collapsibleStateAttributesMapping
 };

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

@@ -1,28 +1,6 @@
-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");
+let e = /* @__PURE__ */ (function(l) {
+  return l.collapsiblePanelHeight = "--collapsible-panel-height", l.collapsiblePanelWidth = "--collapsible-panel-width", l;
+})({});
 export {
-  v as LabelableProvider
+  e as CollapsiblePanelCssVars
 };