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

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

@@ -1,140 +1,130 @@
-import * as V from "react";
-import { EMPTY_OBJECT as Y } from "./als-react-ts-ui303.js";
-import { useTimeout as w } from "./als-react-ts-ui195.js";
-import { useStableCallback as B } from "./als-react-ts-ui192.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-ui442.js";
-import { mergeProps as j } from "./als-react-ts-ui304.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 j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, E = (t) => ({
+  x: t,
+  y: t
+}), h = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, x = {
+  start: "end",
+  end: "start"
+};
+function R(t, e, n) {
+  return p(t, m(e, n));
+}
+function T(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function a(t) {
+  return t.split("-")[1];
+}
+function b(t) {
+  return t === "x" ? "y" : "x";
+}
+function d(t) {
+  return t === "y" ? "height" : "width";
+}
+const A = /* @__PURE__ */ new Set(["top", "bottom"]);
+function P(t) {
+  return A.has(g(t)) ? "y" : "x";
+}
+function y(t) {
+  return b(P(t));
+}
+function k(t, e, n) {
+  n === void 0 && (n = !1);
+  const r = a(t), i = y(t), o = d(i);
+  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
+}
+function q(t) {
+  const e = f(t);
+  return [s(t), e, s(e)];
+}
+function s(t) {
+  return t.replace(/start|end/g, (e) => x[e]);
+}
+const u = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
+function S(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? l : u : e ? u : l;
+    case "left":
+    case "right":
+      return e ? M : O;
+    default:
+      return [];
+  }
+}
+function z(t, e, n, r) {
+  const i = a(t);
+  let o = S(g(t), n === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
+}
+function f(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function B(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function D(t) {
   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]);
+    x: e,
+    y: n,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: e,
+    right: e + r,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
 }
 export {
-  $ as useFieldValidation
+  R as clamp,
+  E as createCoords,
+  T as evaluate,
+  w as expandPaddingObject,
+  L as floor,
+  a as getAlignment,
+  y as getAlignmentAxis,
+  k as getAlignmentSides,
+  d as getAxisLength,
+  q as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  b as getOppositeAxis,
+  z as getOppositeAxisPlacements,
+  f as getOppositePlacement,
+  B as getPaddingObject,
+  g as getSide,
+  P as getSideAxis,
+  p as max,
+  m as min,
+  D as rectToClientRect,
+  C as round,
+  j as sides
 };

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

@@ -1,7 +1,7 @@
 import * as n from "react";
-import { useRenderElement as c } from "./als-react-ts-ui189.js";
-import { useAccordionItemContext as i } from "./als-react-ts-ui291.js";
-import { accordionStateAttributesMapping as s } from "./als-react-ts-ui292.js";
+import { useRenderElement as c } from "./als-react-ts-ui220.js";
+import { useAccordionItemContext as i } from "./als-react-ts-ui301.js";
+import { accordionStateAttributesMapping as s } from "./als-react-ts-ui302.js";
 const a = /* @__PURE__ */ n.forwardRef(function(e, t) {
   const {
     render: d,

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

@@ -1,28 +1,47 @@
-import * as e from "react";
-import { useBaseUiId as m } from "./als-react-ts-ui249.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-ui304.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");
+import { evaluate as W, getPaddingObject as Y, getAlignmentAxis as k, getAlignment as q, clamp as B, getAxisLength as C } from "./als-react-ts-ui419.js";
+const F = (s) => ({
+  name: "arrow",
+  options: s,
+  async fn(i) {
+    const {
+      x: y,
+      y: j,
+      placement: x,
+      rects: n,
+      platform: f,
+      elements: l,
+      middlewareData: M
+    } = i, {
+      element: g,
+      padding: v = 0,
+      offsetParent: z = "real"
+    } = W(s, i) || {};
+    if (g == null)
+      return {};
+    const h = Y(v), m = {
+      x: y,
+      y: j
+    }, t = k(x), e = C(t), r = await f.getDimensions(g), d = t === "y", E = d ? "top" : "left", H = d ? "bottom" : "right", A = d ? "clientHeight" : "clientWidth", L = n.reference[e] + n.reference[t] - m[t] - n.floating[e], R = m[t] - n.reference[t], S = z === "real" ? await f.getOffsetParent?.(g) : l.floating;
+    let a = l.floating[A] || n.floating[e];
+    (!a || !await f.isElement?.(S)) && (a = l.floating[A] || n.floating[e]);
+    const T = L / 2 - R / 2, O = a / 2 - r[e] / 2 - 1, u = Math.min(h[E], O), b = Math.min(h[H], O), c = u, D = a - r[e] - b, o = a / 2 - r[e] / 2 + T, P = B(c, o, D), p = !M.arrow && q(x) != null && o !== P && n.reference[e] / 2 - (o < c ? u : b) - r[e] / 2 < 0, w = p ? o < c ? o - c : o - D : 0;
+    return {
+      [t]: m[t] + w,
+      data: {
+        [t]: P,
+        centerOffset: o - P - w,
+        ...p && {
+          alignmentOffset: w
+        }
+      },
+      reset: p
+    };
+  }
+}), I = (s, i) => ({
+  ...F(s),
+  options: [s, i]
+});
 export {
-  v as LabelableProvider
+  I as arrow,
+  F as baseArrow
 };

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

@@ -1,130 +1,20 @@
-const j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, E = (t) => ({
-  x: t,
-  y: t
-}), h = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, x = {
-  start: "end",
-  end: "start"
-};
-function R(t, e, n) {
-  return p(t, m(e, n));
-}
-function T(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function g(t) {
-  return t.split("-")[0];
-}
-function a(t) {
-  return t.split("-")[1];
-}
-function b(t) {
-  return t === "x" ? "y" : "x";
-}
-function d(t) {
-  return t === "y" ? "height" : "width";
-}
-const A = /* @__PURE__ */ new Set(["top", "bottom"]);
-function P(t) {
-  return A.has(g(t)) ? "y" : "x";
-}
-function y(t) {
-  return b(P(t));
-}
-function k(t, e, n) {
-  n === void 0 && (n = !1);
-  const r = a(t), i = y(t), o = d(i);
-  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
-}
-function q(t) {
-  const e = f(t);
-  return [s(t), e, s(e)];
-}
-function s(t) {
-  return t.replace(/start|end/g, (e) => x[e]);
-}
-const u = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
-function S(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? l : u : e ? u : l;
-    case "left":
-    case "right":
-      return e ? M : O;
-    default:
-      return [];
+import { hide as a } from "./als-react-ts-ui384.js";
+const o = {
+  name: "hide",
+  async fn(e) {
+    const {
+      width: n,
+      height: d,
+      x: i,
+      y: t
+    } = e.rects.reference, r = n === 0 && d === 0 && i === 0 && t === 0;
+    return {
+      data: {
+        referenceHidden: (await a().fn(e)).data?.referenceHidden || r
+      }
+    };
   }
-}
-function z(t, e, n, r) {
-  const i = a(t);
-  let o = S(g(t), n === "start", r);
-  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
-}
-function f(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
-}
-function w(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function B(t) {
-  return typeof t != "number" ? w(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function D(t) {
-  const {
-    x: e,
-    y: n,
-    width: r,
-    height: i
-  } = t;
-  return {
-    width: r,
-    height: i,
-    top: n,
-    left: e,
-    right: e + r,
-    bottom: n + i,
-    x: e,
-    y: n
-  };
-}
+};
 export {
-  R as clamp,
-  E as createCoords,
-  T as evaluate,
-  w as expandPaddingObject,
-  L as floor,
-  a as getAlignment,
-  y as getAlignmentAxis,
-  k as getAlignmentSides,
-  d as getAxisLength,
-  q as getExpandedPlacements,
-  s as getOppositeAlignmentPlacement,
-  b as getOppositeAxis,
-  z as getOppositeAxisPlacements,
-  f as getOppositePlacement,
-  B as getPaddingObject,
-  g as getSide,
-  P as getSideAxis,
-  p as max,
-  m as min,
-  D as rectToClientRect,
-  C as round,
-  j as sides
+  o as hide
 };

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

@@ -1,47 +1,7 @@
-import { evaluate as W, getPaddingObject as Y, getAlignmentAxis as k, getAlignment as q, clamp as B, getAxisLength as C } from "./als-react-ts-ui421.js";
-const F = (s) => ({
-  name: "arrow",
-  options: s,
-  async fn(i) {
-    const {
-      x: y,
-      y: j,
-      placement: x,
-      rects: n,
-      platform: f,
-      elements: l,
-      middlewareData: M
-    } = i, {
-      element: g,
-      padding: v = 0,
-      offsetParent: z = "real"
-    } = W(s, i) || {};
-    if (g == null)
-      return {};
-    const h = Y(v), m = {
-      x: y,
-      y: j
-    }, t = k(x), e = C(t), r = await f.getDimensions(g), d = t === "y", E = d ? "top" : "left", H = d ? "bottom" : "right", A = d ? "clientHeight" : "clientWidth", L = n.reference[e] + n.reference[t] - m[t] - n.floating[e], R = m[t] - n.reference[t], S = z === "real" ? await f.getOffsetParent?.(g) : l.floating;
-    let a = l.floating[A] || n.floating[e];
-    (!a || !await f.isElement?.(S)) && (a = l.floating[A] || n.floating[e]);
-    const T = L / 2 - R / 2, O = a / 2 - r[e] / 2 - 1, u = Math.min(h[E], O), b = Math.min(h[H], O), c = u, D = a - r[e] - b, o = a / 2 - r[e] / 2 + T, P = B(c, o, D), p = !M.arrow && q(x) != null && o !== P && n.reference[e] / 2 - (o < c ? u : b) - r[e] / 2 < 0, w = p ? o < c ? o - c : o - D : 0;
-    return {
-      [t]: m[t] + w,
-      data: {
-        [t]: P,
-        centerOffset: o - P - w,
-        ...p && {
-          alignmentOffset: w
-        }
-      },
-      reset: p
-    };
-  }
-}), I = (s, i) => ({
-  ...F(s),
-  options: [s, i]
-});
+let t = 0;
+function n(e) {
+  return t += 1, `${e}-${Math.random().toString(36).slice(2, 6)}-${t}`;
+}
 export {
-  I as arrow,
-  F as baseArrow
+  n as generateId
 };

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

@@ -1,20 +1,14 @@
-import { hide as a } from "./als-react-ts-ui384.js";
-const o = {
-  name: "hide",
-  async fn(e) {
-    const {
-      width: n,
-      height: d,
-      x: i,
-      y: t
-    } = e.rects.reference, r = n === 0 && d === 0 && i === 0 && t === 0;
-    return {
-      data: {
-        referenceHidden: (await a().fn(e)).data?.referenceHidden || r
-      }
-    };
-  }
-};
+import r from "./als-react-ts-ui286.js";
+import * as o from "react";
+const e = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ToastContext");
+function n() {
+  const t = o.useContext(e);
+  if (!t)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: useToastManager must be used within <Toast.Provider>." : r(73));
+  return t;
+}
 export {
-  o as hide
+  e as ToastContext,
+  n as useToastContext
 };

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

@@ -1,14 +1,16 @@
-import { round as r } from "./als-react-ts-ui421.js";
-import { getComputedStyle as a, isHTMLElement as c } from "./als-react-ts-ui339.js";
-function g(t) {
-  const i = a(t);
-  let o = parseFloat(i.width) || 0, s = parseFloat(i.height) || 0;
-  const f = c(t), e = f ? t.offsetWidth : o, h = f ? t.offsetHeight : s;
-  return (r(o) !== e || r(s) !== h) && (o = e, s = h), {
-    width: o,
-    height: s
-  };
+function n(e, t) {
+  if (typeof e == "string")
+    return {
+      description: e
+    };
+  if (typeof e == "function") {
+    const r = e(t);
+    return typeof r == "string" ? {
+      description: r
+    } : r;
+  }
+  return e;
 }
 export {
-  g as getCssDimensions
+  n as resolvePromiseOptions
 };