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

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

@@ -1,6 +1,28 @@
-let o = /* @__PURE__ */ (function(t) {
-  return t.frontmostHeight = "--toast-frontmost-height", t;
-})({});
+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-ui285.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 {
-  o as ToastViewportCssVars
+  f as FloatingPortalLite
 };

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

@@ -1,14 +1,14 @@
 import * as T from "react";
-import { isElementDisabled as h } from "./als-react-ts-ui278.js";
-import { useIsoLayoutEffect as B } from "./als-react-ts-ui267.js";
-import { triggerOpenStateMapping as z } from "./als-react-ts-ui279.js";
-import { useCollapsibleRootContext as F } from "./als-react-ts-ui274.js";
-import { ARROW_DOWN as k, ARROW_UP as D, ARROW_RIGHT as y, ARROW_LEFT as N, HOME as K, END as L } from "./als-react-ts-ui237.js";
-import { useAccordionRootContext as U } from "./als-react-ts-ui271.js";
-import { useAccordionItemContext as q } from "./als-react-ts-ui276.js";
-import { useRenderElement as G } from "./als-react-ts-ui226.js";
-import { useButton as V } from "./als-react-ts-ui230.js";
-import { stopEvent as Y } from "./als-react-ts-ui280.js";
+import { isElementDisabled as h } from "./als-react-ts-ui303.js";
+import { useIsoLayoutEffect as B } from "./als-react-ts-ui224.js";
+import { triggerOpenStateMapping as z } from "./als-react-ts-ui304.js";
+import { useCollapsibleRootContext as F } from "./als-react-ts-ui299.js";
+import { ARROW_DOWN as k, ARROW_UP as D, ARROW_RIGHT as y, ARROW_LEFT as N, HOME as K, END as L } from "./als-react-ts-ui281.js";
+import { useAccordionRootContext as U } from "./als-react-ts-ui296.js";
+import { useAccordionItemContext as q } from "./als-react-ts-ui301.js";
+import { useRenderElement as G } from "./als-react-ts-ui220.js";
+import { useButton as V } from "./als-react-ts-ui274.js";
+import { stopEvent as Y } from "./als-react-ts-ui305.js";
 const j = /* @__PURE__ */ new Set([k, D, y, N, K, L]);
 function J(E) {
   const {

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

@@ -1,14 +1,324 @@
-import s from "./als-react-ts-ui242.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "ToastRootContext");
-function r() {
-  const o = t.useContext(e);
-  if (!o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : s(66));
-  return o;
+var F = (e, n, t) => {
+  if (n.length === 1 && n[0] === t) {
+    let r = !1;
+    try {
+      const u = {};
+      e(u) === u && (r = !0);
+    } catch {
+    }
+    if (r) {
+      let u;
+      try {
+        throw new Error();
+      } catch (s) {
+        ({ stack: u } = s);
+      }
+      console.warn(
+        `The result function returned its own inputs without modification. e.g
+\`createSelector([state => state.todos], todos => todos)\`
+This could lead to inefficient memoization and unnecessary re-renders.
+Ensure transformation logic is in the result function, and extraction logic is in the input selectors.`,
+        { stack: u }
+      );
+    }
+  }
+}, x = (e, n, t) => {
+  const { memoize: r, memoizeOptions: u } = n, { inputSelectorResults: s, inputSelectorResultsCopy: l } = e, o = r(() => ({}), ...u);
+  if (!(o.apply(null, s) === o.apply(null, l))) {
+    let c;
+    try {
+      throw new Error();
+    } catch (i) {
+      ({ stack: c } = i);
+    }
+    console.warn(
+      `An input selector returned a different result when passed same arguments.
+This means your output selector will likely run more frequently than intended.
+Avoid returning a new reference inside your input selector, e.g.
+\`createSelector([state => state.todos.map(todo => todo.id)], todoIds => todoIds.length)\``,
+      {
+        arguments: t,
+        firstInputs: s,
+        secondInputs: l,
+        stack: c
+      }
+    );
+  }
+}, A = {
+  inputStabilityCheck: "once",
+  identityFunctionCheck: "once"
+}, g = /* @__PURE__ */ Symbol("NOT_FOUND");
+function D(e, n = `expected a function, instead received ${typeof e}`) {
+  if (typeof e != "function")
+    throw new TypeError(n);
 }
+function q(e, n = `expected an object, instead received ${typeof e}`) {
+  if (typeof e != "object")
+    throw new TypeError(n);
+}
+function $(e, n = "expected all items to be functions, instead received the following types: ") {
+  if (!e.every((t) => typeof t == "function")) {
+    const t = e.map(
+      (r) => typeof r == "function" ? `function ${r.name || "unnamed"}()` : typeof r
+    ).join(", ");
+    throw new TypeError(`${n}[${t}]`);
+  }
+}
+var E = (e) => Array.isArray(e) ? e : [e];
+function W(e) {
+  const n = Array.isArray(e[0]) ? e[0] : e;
+  return $(
+    n,
+    "createSelector expects all input-selectors to be functions, but received the following types: "
+  ), n;
+}
+function I(e, n) {
+  const t = [], { length: r } = e;
+  for (let u = 0; u < r; u++)
+    t.push(e[u].apply(null, n));
+  return t;
+}
+var U = (e, n) => {
+  const { identityFunctionCheck: t, inputStabilityCheck: r } = {
+    ...A,
+    ...n
+  };
+  return {
+    identityFunctionCheck: {
+      shouldRun: t === "always" || t === "once" && e,
+      run: F
+    },
+    inputStabilityCheck: {
+      shouldRun: r === "always" || r === "once" && e,
+      run: x
+    }
+  };
+};
+function _(e) {
+  let n;
+  return {
+    get(t) {
+      return n && e(n.key, t) ? n.value : g;
+    },
+    put(t, r) {
+      n = { key: t, value: r };
+    },
+    getEntries() {
+      return n ? [n] : [];
+    },
+    clear() {
+      n = void 0;
+    }
+  };
+}
+function K(e, n) {
+  let t = [];
+  function r(o) {
+    const a = t.findIndex((c) => n(o, c.key));
+    if (a > -1) {
+      const c = t[a];
+      return a > 0 && (t.splice(a, 1), t.unshift(c)), c.value;
+    }
+    return g;
+  }
+  function u(o, a) {
+    r(o) === g && (t.unshift({ key: o, value: a }), t.length > e && t.pop());
+  }
+  function s() {
+    return t;
+  }
+  function l() {
+    t = [];
+  }
+  return { get: r, put: u, getEntries: s, clear: l };
+}
+var V = (e, n) => e === n;
+function L(e) {
+  return function(t, r) {
+    if (t === null || r === null || t.length !== r.length)
+      return !1;
+    const { length: u } = t;
+    for (let s = 0; s < u; s++)
+      if (!e(t[s], r[s]))
+        return !1;
+    return !0;
+  };
+}
+function X(e, n) {
+  const t = typeof n == "object" ? n : { equalityCheck: n }, {
+    equalityCheck: r = V,
+    maxSize: u = 1,
+    resultEqualityCheck: s
+  } = t, l = L(r);
+  let o = 0;
+  const a = u <= 1 ? _(l) : K(u, l);
+  function c() {
+    let i = a.get(arguments);
+    if (i === g) {
+      if (i = e.apply(null, arguments), o++, s) {
+        const y = a.getEntries().find(
+          (f) => s(f.value, i)
+        );
+        y && (i = y.value, o !== 0 && o--);
+      }
+      a.put(arguments, i);
+    }
+    return i;
+  }
+  return c.clearCache = () => {
+    a.clear(), c.resetResultsCount();
+  }, c.resultsCount = () => o, c.resetResultsCount = () => {
+    o = 0;
+  }, c;
+}
+var P = class {
+  constructor(e) {
+    this.value = e;
+  }
+  deref() {
+    return this.value;
+  }
+}, B = typeof WeakRef < "u" ? WeakRef : P, G = 0, z = 1;
+function m() {
+  return {
+    s: G,
+    v: void 0,
+    o: null,
+    p: null
+  };
+}
+function N(e, n = {}) {
+  let t = m();
+  const { resultEqualityCheck: r } = n;
+  let u, s = 0;
+  function l() {
+    let o = t;
+    const { length: a } = arguments;
+    for (let p = 0, y = a; p < y; p++) {
+      const f = arguments[p];
+      if (typeof f == "function" || typeof f == "object" && f !== null) {
+        let d = o.o;
+        d === null && (o.o = d = /* @__PURE__ */ new WeakMap());
+        const h = d.get(f);
+        h === void 0 ? (o = m(), d.set(f, o)) : o = h;
+      } else {
+        let d = o.p;
+        d === null && (o.p = d = /* @__PURE__ */ new Map());
+        const h = d.get(f);
+        h === void 0 ? (o = m(), d.set(f, o)) : o = h;
+      }
+    }
+    const c = o;
+    let i;
+    if (o.s === z)
+      i = o.v;
+    else if (i = e.apply(null, arguments), s++, r) {
+      const p = u?.deref?.() ?? u;
+      p != null && r(p, i) && (i = p, s !== 0 && s--), u = typeof i == "object" && i !== null || typeof i == "function" ? new B(i) : i;
+    }
+    return c.s = z, c.v = i, i;
+  }
+  return l.clearCache = () => {
+    t = m(), l.resetResultsCount();
+  }, l.resultsCount = () => s, l.resetResultsCount = () => {
+    s = 0;
+  }, l;
+}
+function H(e, ...n) {
+  const t = typeof e == "function" ? {
+    memoize: e,
+    memoizeOptions: n
+  } : e, r = (...u) => {
+    let s = 0, l = 0, o, a = {}, c = u.pop();
+    typeof c == "object" && (a = c, c = u.pop()), D(
+      c,
+      `createSelector expects an output function after the inputs, but received: [${typeof c}]`
+    );
+    const i = {
+      ...t,
+      ...a
+    }, {
+      memoize: p,
+      memoizeOptions: y = [],
+      argsMemoize: f = N,
+      argsMemoizeOptions: d = [],
+      devModeChecks: h = {}
+    } = i, w = E(y), T = E(d), v = W(u), k = p(function() {
+      return s++, c.apply(
+        null,
+        arguments
+      );
+    }, ...w);
+    let C = !0;
+    const M = f(function() {
+      l++;
+      const R = I(
+        v,
+        arguments
+      );
+      if (o = k.apply(null, R), process.env.NODE_ENV !== "production") {
+        const { identityFunctionCheck: S, inputStabilityCheck: b } = U(C, h);
+        if (S.shouldRun && S.run(
+          c,
+          R,
+          o
+        ), b.shouldRun) {
+          const j = I(
+            v,
+            arguments
+          );
+          b.run(
+            { inputSelectorResults: R, inputSelectorResultsCopy: j },
+            { memoize: p, memoizeOptions: w },
+            arguments
+          );
+        }
+        C && (C = !1);
+      }
+      return o;
+    }, ...T);
+    return Object.assign(M, {
+      resultFunc: c,
+      memoizedResultFunc: k,
+      dependencies: v,
+      dependencyRecomputations: () => l,
+      resetDependencyRecomputations: () => {
+        l = 0;
+      },
+      lastResult: () => o,
+      recomputations: () => s,
+      resetRecomputations: () => {
+        s = 0;
+      },
+      memoize: p,
+      argsMemoize: f
+    });
+  };
+  return Object.assign(r, {
+    withTypes: () => r
+  }), r;
+}
+var J = /* @__PURE__ */ H(N), Q = Object.assign(
+  (e, n = J) => {
+    q(
+      e,
+      `createStructuredSelector expects first argument to be an object where each property is a selector, instead received a ${typeof e}`
+    );
+    const t = Object.keys(e), r = t.map(
+      (s) => e[s]
+    );
+    return n(
+      r,
+      (...s) => s.reduce((l, o, a) => (l[t[a]] = o, l), {})
+    );
+  },
+  { withTypes: () => Q }
+);
 export {
-  e as ToastRootContext,
-  r as useToastRootContext
+  J as createSelector,
+  H as createSelectorCreator,
+  Q as createStructuredSelector,
+  X as lruMemoize,
+  V as referenceEqualityCheck,
+  N as weakMapMemoize
 };

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

@@ -1,6 +1,5 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.index = "--toast-index", e.offsetY = "--toast-offset-y", e.height = "--toast-height", e.swipeMovementX = "--toast-swipe-movement-x", e.swipeMovementY = "--toast-swipe-movement-y", e;
-})({});
+import { __require as r } from "./als-react-ts-ui442.js";
+var t = r();
 export {
-  t as ToastRootCssVars
+  t as w
 };

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

@@ -1,28 +1,19 @@
-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)]
-  });
+import n from "./als-react-ts-ui286.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext({
+  legendId: void 0,
+  setLegendId: () => {
+  },
+  disabled: void 0
 });
-process.env.NODE_ENV !== "production" && (f.displayName = "FloatingPortalLite");
+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 {
-  f as FloatingPortalLite
+  o as FieldsetRootContext,
+  r as useFieldsetRootContext
 };

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

@@ -1,14 +1,140 @@
-function t(r) {
-  if (r == null)
-    return "";
-  if (typeof r == "string")
-    return r;
-  try {
-    return JSON.stringify(r);
-  } catch {
-    return String(r);
-  }
+import * as V from "react";
+import { EMPTY_OBJECT as Y } from "./als-react-ts-ui322.js";
+import { useTimeout as w } from "./als-react-ts-ui226.js";
+import { useStableCallback as B } from "./als-react-ts-ui223.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-ui440.js";
+import { mergeProps as j } from "./als-react-ts-ui323.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 {
-  t as serializeValue
+  $ as useFieldValidation
 };

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

@@ -1,6 +1,28 @@
-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;
-})({});
+import * as e from "react";
+import { useBaseUiId as m } from "./als-react-ts-ui276.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-ui323.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 {
-  a as FieldControlDataAttributes
+  v as LabelableProvider
 };