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

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

@@ -1,211 +1,11 @@
-var E = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], b = /* @__PURE__ */ E.join(","), T = typeof Element > "u", f = T ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, h = !T && Element.prototype.getRootNode ? function(i) {
-  var t;
-  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
-} : function(i) {
-  return i?.ownerDocument;
-}, v = function(t, e) {
-  var r;
-  e === void 0 && (e = !0);
-  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && v(t.parentNode);
-  return n;
-}, x = function(t) {
-  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
-  return r === "" || r === "true";
-}, I = function(t, e, r) {
-  if (v(t))
-    return [];
-  var a = Array.prototype.slice.apply(t.querySelectorAll(b));
-  return e && f.call(t, b) && a.unshift(t), a = a.filter(r), a;
-}, g = function(t, e, r) {
-  for (var a = [], l = Array.from(t); l.length; ) {
-    var n = l.shift();
-    if (!v(n, !1))
-      if (n.tagName === "SLOT") {
-        var c = n.assignedElements(), s = c.length ? c : n.children, u = g(s, !0, r);
-        r.flatten ? a.push.apply(a, u) : a.push({
-          scopeParent: n,
-          candidates: u
-        });
-      } else {
-        var o = f.call(n, b);
-        o && r.filter(n) && (e || !t.includes(n)) && a.push(n);
-        var d = n.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !v(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
-        if (d && A) {
-          var p = g(d === !0 ? n.children : d.children, !0, r);
-          r.flatten ? a.push.apply(a, p) : a.push({
-            scopeParent: n,
-            candidates: p
-          });
-        } else
-          l.unshift.apply(l, n.children);
-      }
-  }
-  return a;
-}, m = function(t) {
-  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
-}, R = function(t) {
-  if (!t)
-    throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !m(t) ? 0 : t.tabIndex;
-}, O = function(t, e) {
-  var r = R(t);
-  return r < 0 && e && !m(t) ? 0 : r;
-}, k = function(t, e) {
-  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
-}, C = function(t) {
-  return t.tagName === "INPUT";
-}, D = function(t) {
-  return C(t) && t.type === "hidden";
-}, F = function(t) {
-  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
-    return r.tagName === "SUMMARY";
-  });
-  return e;
-}, M = function(t, e) {
-  for (var r = 0; r < t.length; r++)
-    if (t[r].checked && t[r].form === e)
-      return t[r];
-}, P = function(t) {
-  if (!t.name)
-    return !0;
-  var e = t.form || h(t), r = function(c) {
-    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
-  }, a;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    a = r(window.CSS.escape(t.name));
-  else
-    try {
-      a = r(t.name);
-    } catch (n) {
-      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
-    }
-  var l = M(a, t.form);
-  return !l || l === t;
-}, L = function(t) {
-  return C(t) && t.type === "radio";
-}, V = function(t) {
-  return L(t) && !P(t);
-}, B = function(t) {
-  var e, r = t && h(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
-  if (r && r !== t) {
-    var n, c, s;
-    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (s = t.ownerDocument) !== null && s !== void 0 && s.contains(t)); !l && a; ) {
-      var u, o, d;
-      r = h(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((o = a) !== null && o !== void 0 && (d = o.ownerDocument) !== null && d !== void 0 && d.contains(a));
-    }
-  }
-  return l;
-}, w = function(t) {
-  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
-  return r === 0 && a === 0;
-}, q = function(t, e) {
-  var r = e.displayCheck, a = e.getShadowRoot;
-  if (r === "full-native" && "checkVisibility" in t) {
-    var l = t.checkVisibility({
-      // Checking opacity might be desirable for some use cases, but natively,
-      // opacity zero elements _are_ focusable and tabbable.
-      checkOpacity: !1,
-      opacityProperty: !1,
-      contentVisibilityAuto: !0,
-      visibilityProperty: !0,
-      // This is an alias for `visibilityProperty`. Contemporary browsers
-      // support both. However, this alias has wider browser support (Chrome
-      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
-      // we include it anyway.
-      checkVisibilityCSS: !0
-    });
-    return !l;
-  }
-  if (getComputedStyle(t).visibility === "hidden")
-    return !0;
-  var n = f.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
-  if (f.call(c, "details:not([open]) *"))
-    return !0;
-  if (!r || r === "full" || // full-native can run this branch when it falls through in case
-  // Element#checkVisibility is unsupported
-  r === "full-native" || r === "legacy-full") {
-    if (typeof a == "function") {
-      for (var s = t; t; ) {
-        var u = t.parentElement, o = h(t);
-        if (u && !u.shadowRoot && a(u) === !0)
-          return w(t);
-        t.assignedSlot ? t = t.assignedSlot : !u && o !== t.ownerDocument ? t = o.host : t = u;
-      }
-      t = s;
-    }
-    if (B(t))
-      return !t.getClientRects().length;
-    if (r !== "legacy-full")
-      return !0;
-  } else if (r === "non-zero-area")
-    return w(t);
-  return !1;
-}, U = function(t) {
-  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
-    for (var e = t.parentElement; e; ) {
-      if (e.tagName === "FIELDSET" && e.disabled) {
-        for (var r = 0; r < e.children.length; r++) {
-          var a = e.children.item(r);
-          if (a.tagName === "LEGEND")
-            return f.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
-        }
-        return !0;
-      }
-      e = e.parentElement;
-    }
-  return !1;
-}, y = function(t, e) {
-  return !(e.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
-  //  because we're limited in the type of selectors we can use in JSDom (see related
-  //  note related to `candidateSelectors`)
-  v(e) || D(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
-  F(e) || U(e));
-}, S = function(t, e) {
-  return !(V(e) || R(e) < 0 || !y(t, e));
-}, W = function(t) {
-  var e = parseInt(t.getAttribute("tabindex"), 10);
-  return !!(isNaN(e) || e >= 0);
-}, N = function(t) {
-  var e = [], r = [];
-  return t.forEach(function(a, l) {
-    var n = !!a.scopeParent, c = n ? a.scopeParent : a, s = O(c, n), u = n ? N(a.candidates) : c;
-    s === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
-      documentOrder: l,
-      tabIndex: s,
-      item: a,
-      isScope: n,
-      content: u
-    });
-  }), r.sort(k).reduce(function(a, l) {
-    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
-  }, []).concat(e);
-}, Z = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = g([t], e.includeContainer, {
-    filter: S.bind(null, e),
-    flatten: !1,
-    getShadowRoot: e.getShadowRoot,
-    shadowRootFilter: W
-  }) : r = I(t, e.includeContainer, S.bind(null, e)), N(r);
-}, j = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = g([t], e.includeContainer, {
-    filter: y.bind(null, e),
-    flatten: !0,
-    getShadowRoot: e.getShadowRoot
-  }) : r = I(t, e.includeContainer, y.bind(null, e)), r;
-}, z = function(t, e) {
-  if (e = e || {}, !t)
-    throw new Error("No node provided");
-  return f.call(t, b) === !1 ? !1 : S(e, t);
-};
+import * as n from "react";
+import { isReactVersionAtLeast as o } from "./als-react-ts-ui336.js";
+function s(t) {
+  if (!/* @__PURE__ */ n.isValidElement(t))
+    return null;
+  const e = t, r = e.props;
+  return (o(19) ? r?.ref : e.ref) ?? null;
+}
 export {
-  j as focusable,
-  R as getTabIndex,
-  z as isTabbable,
-  Z as tabbable
+  s as getReactElementRef
 };

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

@@ -1,6 +1,14 @@
-function e(t) {
-  return `data-base-ui-${t}`;
+function n(e, r) {
+  if (e && !r)
+    return e;
+  if (!e && r)
+    return r;
+  if (e || r)
+    return {
+      ...e,
+      ...r
+    };
 }
 export {
-  e as createAttribute
+  n as mergeObjects
 };

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

@@ -1,9 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "./als-react-ts-ui111.js";
-function i(t) {
-  return /* @__PURE__ */ r("div", { className: o.root });
-}
+import { ALSSliderLabel as r, ALSSliderValue as S, ALSSliderThumb as l, ALSSliderIndicator as o, ALSSliderTrack as e, ALSSliderControl as i, ALSSliderRoot as d } from "./als-react-ts-ui110.js";
+const t = {
+  Root: d,
+  Control: i,
+  Track: e,
+  Indicator: o,
+  Thumb: l,
+  Value: S,
+  Label: r
+};
 export {
-  i as ALSSlider,
-  i as default
+  t as ALSSlider
 };

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

@@ -1,16 +1,16 @@
-let n = 0;
-function r(c, o = {}) {
-  const {
-    preventScroll: s = !1,
-    cancelPrevious: t = !0,
-    sync: a = !1
-  } = o;
-  t && cancelAnimationFrame(n);
-  const e = () => c?.focus({
-    preventScroll: s
-  });
-  a ? e() : n = requestAnimationFrame(e);
+function i(r, n) {
+  const o = {};
+  for (const t in r) {
+    const e = r[t];
+    if (n?.hasOwnProperty(t)) {
+      const s = n[t](e);
+      s != null && Object.assign(o, s);
+      continue;
+    }
+    e === !0 ? o[`data-${t.toLowerCase()}`] = "" : e && (o[`data-${t.toLowerCase()}`] = e.toString());
+  }
+  return o;
 }
 export {
-  r as enqueueFocus
+  i as getStateAttributesProps
 };

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

@@ -1,50 +1,6 @@
-import { getNodeName as V } from "./als-react-ts-ui221.js";
-import { getDocument as y } from "./als-react-ts-ui241.js";
-const u = {
-  inert: /* @__PURE__ */ new WeakMap(),
-  "aria-hidden": /* @__PURE__ */ new WeakMap(),
-  none: /* @__PURE__ */ new WeakMap()
-};
-function S(r) {
-  return r === "inert" ? u.inert : r === "aria-hidden" ? u["aria-hidden"] : u.none;
-}
-let h = /* @__PURE__ */ new WeakSet(), d = {}, m = 0;
-const E = (r) => r && (r.host || E(r.parentNode)), C = (r, o) => o.map((n) => {
-  if (r.contains(n))
-    return n;
-  const i = E(n);
-  return r.contains(i) ? i : null;
-}).filter((n) => n != null);
-function T(r, o, n, i) {
-  const c = "data-base-ui-inert", a = i ? "inert" : n ? "aria-hidden" : null, w = C(o, r), l = /* @__PURE__ */ new Set(), N = new Set(w), M = [];
-  d[c] || (d[c] = /* @__PURE__ */ new WeakMap());
-  const p = d[c];
-  w.forEach(b), A(o), l.clear();
-  function b(t) {
-    !t || l.has(t) || (l.add(t), t.parentNode && b(t.parentNode));
-  }
-  function A(t) {
-    !t || N.has(t) || [].forEach.call(t.children, (e) => {
-      if (V(e) !== "script")
-        if (l.has(e))
-          A(e);
-        else {
-          const k = a ? e.getAttribute(a) : null, s = k !== null && k !== "false", f = S(a), W = (f.get(e) || 0) + 1, g = (p.get(e) || 0) + 1;
-          f.set(e, W), p.set(e, g), M.push(e), W === 1 && s && h.add(e), g === 1 && e.setAttribute(c, ""), !s && a && e.setAttribute(a, a === "inert" ? "" : "true");
-        }
-    });
-  }
-  return m += 1, () => {
-    M.forEach((t) => {
-      const e = S(a), s = (e.get(t) || 0) - 1, f = (p.get(t) || 0) - 1;
-      e.set(t, s), p.set(t, f), s || (!h.has(t) && a && t.removeAttribute(a), h.delete(t)), f || t.removeAttribute(c);
-    }), m -= 1, m || (u.inert = /* @__PURE__ */ new WeakMap(), u["aria-hidden"] = /* @__PURE__ */ new WeakMap(), u.none = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakSet(), d = {});
-  };
-}
-function O(r, o = !1, n = !1) {
-  const i = y(r[0]).body;
-  return T(r.concat(Array.from(i.querySelectorAll("[aria-live]"))), i, o, n);
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
 }
 export {
-  O as markOthers
+  t as resolveClassName
 };

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

@@ -1,15 +1,6 @@
-function d(r, i, e = !0) {
-  return r.filter((t) => t.parentId === i && (!e || t.context?.open)).flatMap((t) => [t, ...d(r, t.id, e)]);
-}
-function o(r, i) {
-  let e = [], n = r.find((t) => t.id === i)?.parentId;
-  for (; n; ) {
-    const t = r.find((c) => c.id === n);
-    n = t?.parentId, t && (e = e.concat(t));
-  }
-  return e;
+function e(n, o) {
+  return typeof n == "function" ? n(o) : n;
 }
 export {
-  o as getNodeAncestors,
-  d as getNodeChildren
+  e as resolveStyle
 };

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

@@ -1,17 +1,8 @@
-import { createEventEmitter as n } from "./als-react-ts-ui304.js";
-class d {
-  nodesRef = {
-    current: []
-  };
-  events = n();
-  addNode(e) {
-    this.nodesRef.current.push(e);
-  }
-  removeNode(e) {
-    const t = this.nodesRef.current.findIndex((r) => r === e);
-    t !== -1 && this.nodesRef.current.splice(t, 1);
-  }
+function e() {
 }
+const t = Object.freeze([]), c = Object.freeze({});
 export {
-  d as FloatingTreeStore
+  t as EMPTY_ARRAY,
+  c as EMPTY_OBJECT,
+  e as NOOP
 };

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

@@ -1,17 +1,82 @@
-function o() {
-  const t = /* @__PURE__ */ new Map();
-  return {
-    emit(e, a) {
-      t.get(e)?.forEach((n) => n(a));
-    },
-    on(e, a) {
-      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(a);
-    },
-    off(e, a) {
-      t.get(e)?.delete(a);
-    }
+import { mergeObjects as a } from "./als-react-ts-ui299.js";
+const i = {};
+function g(t, n, e, r, c) {
+  let f = {
+    ...o(t, i)
+  };
+  return n && (f = u(f, n)), e && (f = u(f, e)), r && (f = u(f, r)), c && (f = u(f, c)), f;
+}
+function h(t) {
+  if (t.length === 0)
+    return i;
+  if (t.length === 1)
+    return o(t[0], i);
+  let n = {
+    ...o(t[0], i)
   };
+  for (let e = 1; e < t.length; e += 1)
+    n = u(n, t[e]);
+  return n;
+}
+function u(t, n) {
+  return l(n) ? n(t) : s(t, n);
+}
+function s(t, n) {
+  if (!n)
+    return t;
+  for (const e in n) {
+    const r = n[e];
+    switch (e) {
+      case "style": {
+        t[e] = a(t.style, r);
+        break;
+      }
+      case "className": {
+        t[e] = I(t.className, r);
+        break;
+      }
+      default:
+        b(e, r) ? t[e] = E(t[e], r) : t[e] = r;
+    }
+  }
+  return t;
+}
+function b(t, n) {
+  const e = t.charCodeAt(0), r = t.charCodeAt(1), c = t.charCodeAt(2);
+  return e === 111 && r === 110 && c >= 65 && c <= 90 && (typeof n == "function" || typeof n > "u");
+}
+function l(t) {
+  return typeof t == "function";
+}
+function o(t, n) {
+  return l(t) ? t(n) : t ?? i;
+}
+function E(t, n) {
+  return n ? t ? (e) => {
+    if (v(e)) {
+      const c = e;
+      y(c);
+      const f = n(c);
+      return c.baseUIHandlerPrevented || t?.(c), f;
+    }
+    const r = n(e);
+    return t?.(e), r;
+  } : n : t;
+}
+function y(t) {
+  return t.preventBaseUIHandler = () => {
+    t.baseUIHandlerPrevented = !0;
+  }, t;
+}
+function I(t, n) {
+  return n ? t ? n + " " + t : n : t;
+}
+function v(t) {
+  return t != null && typeof t == "object" && "nativeEvent" in t;
 }
 export {
-  o as createEventEmitter
+  y as makeEventPreventable,
+  I as mergeClassNames,
+  g as mergeProps,
+  h as mergePropsN
 };

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

@@ -1,78 +1,8 @@
 import * as o from "react";
-import { useFloating as P } from "./als-react-ts-ui306.js";
-import { isElement as s } from "./als-react-ts-ui221.js";
-import { useIsoLayoutEffect as F } from "./als-react-ts-ui161.js";
-import { useFloatingTree as V } from "./als-react-ts-ui286.js";
-import { useFloatingRootContext as v } from "./als-react-ts-ui263.js";
-function w(c = {}) {
-  const {
-    nodeId: m,
-    externalTree: y
-  } = c, I = v(c), t = c.rootContext || I, r = {
-    reference: t.useState("referenceElement"),
-    floating: t.useState("floatingElement"),
-    domReference: t.useState("domReferenceElement")
-  }, [g, M] = o.useState(null), i = o.useRef(null), b = V(y);
-  F(() => {
-    r.domReference && (i.current = r.domReference);
-  }, [r.domReference]);
-  const n = P({
-    ...c,
-    elements: {
-      ...r,
-      ...g && {
-        reference: g
-      }
-    }
-  }), d = o.useCallback((e) => {
-    const u = s(e) ? {
-      getBoundingClientRect: () => e.getBoundingClientRect(),
-      getClientRects: () => e.getClientRects(),
-      contextElement: e
-    } : e;
-    M(u), n.refs.setReference(u);
-  }, [n.refs]), [R, S] = o.useState(null), [k, L] = o.useState(null);
-  t.useSyncedValue("referenceElement", R), t.useSyncedValue("domReferenceElement", s(R) ? R : null), t.useSyncedValue("floatingElement", k);
-  const x = o.useCallback((e) => {
-    (s(e) || e === null) && (i.current = e, S(e)), (s(n.refs.reference.current) || n.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
-    // `null` to support `positionReference` + an unstable `reference`
-    // callback ref.
-    e !== null && !s(e)) && n.refs.setReference(e);
-  }, [n.refs, S]), C = o.useCallback((e) => {
-    L(e), n.refs.setFloating(e);
-  }, [n.refs]), l = o.useMemo(() => ({
-    ...n.refs,
-    setReference: x,
-    setFloating: C,
-    setPositionReference: d,
-    domReference: i
-  }), [n.refs, x, C, d]), f = o.useMemo(() => ({
-    ...n.elements,
-    domReference: r.domReference
-  }), [n.elements, r.domReference]), E = t.useState("open"), p = t.useState("floatingId"), a = o.useMemo(() => ({
-    ...n,
-    dataRef: t.context.dataRef,
-    open: E,
-    onOpenChange: t.setOpen,
-    events: t.context.events,
-    floatingId: p,
-    refs: l,
-    elements: f,
-    nodeId: m,
-    rootStore: t
-  }), [n, l, f, m, t, E, p]);
-  return F(() => {
-    t.context.dataRef.current.floatingContext = a;
-    const e = b?.nodesRef.current.find((u) => u.id === m);
-    e && (e.context = a);
-  }), o.useMemo(() => ({
-    ...n,
-    context: a,
-    refs: l,
-    elements: f,
-    rootStore: t
-  }), [n, l, f, a, t]);
+const e = [];
+function n(t) {
+  o.useEffect(t, e);
 }
 export {
-  w as useFloating
+  n as useOnMount
 };