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

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

@@ -1,14 +1,27 @@
-import r from "./als-react-ts-ui197.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "PopoverPositionerContext");
-function i() {
-  const o = e.useContext(t);
-  if (!o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverPositionerContext is missing. PopoverPositioner parts must be placed within <Popover.Positioner>." : r(46));
-  return o;
-}
+import * as n from "react";
+import { useSwitchRootContext as m } from "./als-react-ts-ui550.js";
+import { useRenderElement as a } from "./als-react-ts-ui226.js";
+import { useFieldRootContext as c } from "./als-react-ts-ui398.js";
+import { stateAttributesMapping as p } from "./als-react-ts-ui551.js";
+const f = /* @__PURE__ */ n.forwardRef(function(t, e) {
+  const {
+    render: d,
+    className: h,
+    ...o
+  } = t, {
+    state: r
+  } = c(), s = m(), i = {
+    ...r,
+    ...s
+  };
+  return a("span", t, {
+    state: i,
+    ref: e,
+    stateAttributesMapping: p,
+    props: o
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "SwitchThumb");
 export {
-  t as PopoverPositionerContext,
-  i as usePopoverPositionerContext
+  f as SwitchThumb
 };

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

@@ -1,63 +1,14 @@
-import { ownerDocument as D } from "./als-react-ts-ui268.js";
-import { getSide as v } from "./als-react-ts-ui317.js";
-import { getWindow as x } from "./als-react-ts-ui221.js";
-const d = {
-  sideX: "left",
-  sideY: "top"
-}, O = {
-  name: "adaptiveOrigin",
-  async fn(g) {
-    const {
-      x: o,
-      y: s,
-      rects: {
-        floating: f
-      },
-      elements: {
-        floating: i
-      },
-      platform: a,
-      strategy: w,
-      placement: p
-    } = g, t = x(i), l = t.getComputedStyle(i);
-    if (!(l.transitionDuration !== "0s" && l.transitionDuration !== ""))
-      return {
-        x: o,
-        y: s,
-        data: d
-      };
-    const r = await a.getOffsetParent?.(i);
-    let e = {
-      width: 0,
-      height: 0
-    };
-    if (w === "fixed" && t?.visualViewport)
-      e = {
-        width: t.visualViewport.width,
-        height: t.visualViewport.height
-      };
-    else if (r === t) {
-      const m = D(i);
-      e = {
-        width: m.documentElement.clientWidth,
-        height: m.documentElement.clientHeight
-      };
-    } else await a.isElement?.(r) && (e = await a.getDimensions(r));
-    const n = v(p);
-    let h = o, c = s;
-    n === "left" && (h = e.width - (o + f.width)), n === "top" && (c = e.height - (s + f.height));
-    const u = n === "left" ? "right" : d.sideX, y = n === "top" ? "bottom" : d.sideY;
-    return {
-      x: h,
-      y: c,
-      data: {
-        sideX: u,
-        sideY: y
-      }
-    };
-  }
-};
+import r from "./als-react-ts-ui242.js";
+import * as o from "react";
+const e = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "AvatarRootContext");
+function a() {
+  const t = o.useContext(e);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : r(13));
+  return t;
+}
 export {
-  d as DEFAULT_SIDES,
-  O as adaptiveOrigin
+  e as AvatarRootContext,
+  a as useAvatarRootContext
 };

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

@@ -1,62 +1,6 @@
-import * as z from "react";
-import { useAnimationFrame as R } from "./als-react-ts-ui223.js";
-import { useIsoLayoutEffect as $ } from "./als-react-ts-ui161.js";
-import { useStableCallback as v } from "./als-react-ts-ui160.js";
-import { useAnimationsFinished as C } from "./als-react-ts-ui217.js";
-import { getCssDimensions as S } from "./als-react-ts-ui320.js";
-const E = typeof ResizeObserver < "u", B = () => !0;
-function T(r) {
-  const {
-    popupElement: e,
-    positionerElement: t,
-    content: u,
-    mounted: y,
-    enabled: m = B,
-    onMeasureLayout: M,
-    onMeasureLayoutComplete: A
-  } = r, a = z.useRef(!0), d = C(e, !0, !1), l = R(), o = z.useRef(null), P = v(M), c = v(A);
-  $(() => {
-    if (!y || !m() || !E) {
-      a.current = !0, o.current = null;
-      return;
-    }
-    if (!e || !t)
-      return;
-    const h = new ResizeObserver((n) => {
-      const i = n[0];
-      i && (o.current === null ? o.current = {
-        width: Math.ceil(i.borderBoxSize[0].inlineSize),
-        height: Math.ceil(i.borderBoxSize[0].blockSize)
-      } : (o.current.width = Math.ceil(i.borderBoxSize[0].inlineSize), o.current.height = Math.ceil(i.borderBoxSize[0].blockSize)));
-    });
-    h.observe(e), e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
-    const f = p(e, "position", "static"), b = p(e, "transform", "none"), L = p(e, "scale", "1"), g = p(t, "--available-width", "max-content"), w = p(t, "--available-height", "max-content");
-    if (P?.(), a.current || o.current === null) {
-      t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
-      const n = S(e);
-      return t.style.setProperty("--positioner-width", `${n.width}px`), t.style.setProperty("--positioner-height", `${n.height}px`), f(), b(), L(), g(), w(), c?.(null, n), a.current = !1, () => {
-        h.disconnect();
-      };
-    }
-    e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto"), t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
-    const s = S(e);
-    e.style.setProperty("--popup-width", `${o.current.width}px`), e.style.setProperty("--popup-height", `${o.current.height}px`), f(), b(), g(), w(), c?.(o.current, s), t.style.setProperty("--positioner-width", `${s.width}px`), t.style.setProperty("--positioner-height", `${s.height}px`);
-    const x = new AbortController();
-    return l.request(() => {
-      e.style.setProperty("--popup-width", `${s.width}px`), e.style.setProperty("--popup-height", `${s.height}px`), d(() => {
-        e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
-      }, x.signal);
-    }), () => {
-      h.disconnect(), x.abort(), l.cancel();
-    };
-  }, [u, e, t, d, l, m, y, P, c]);
-}
-function p(r, e, t) {
-  const u = r.style.getPropertyValue(e);
-  return r.style.setProperty(e, t), () => {
-    r.style.setProperty(e, u);
-  };
-}
+const t = {
+  imageLoadingStatus: () => null
+};
 export {
-  T as usePopupAutoResize
+  t as avatarStateAttributesMapping
 };

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

@@ -1,90 +1,23 @@
-import * as L from "react";
-import { isElement as j } from "./als-react-ts-ui221.js";
-import { useStableCallback as l } from "./als-react-ts-ui160.js";
-import { useIsoLayoutEffect as F } from "./als-react-ts-ui161.js";
-import { createChangeEventDetails as w } from "./als-react-ts-ui167.js";
-import { useFloatingTree as q, useFloatingParentNodeId as z } from "./als-react-ts-ui286.js";
-import { useHoverInteractionSharedState as B, safePolygonIdentifier as H, isInteractiveElement as G } from "./als-react-ts-ui308.js";
-import { triggerHover as O } from "./als-react-ts-ui168.js";
-import { getDocument as x, getTarget as J } from "./als-react-ts-ui241.js";
-import { isMouseLikePointerType as K } from "./als-react-ts-ui180.js";
-const Q = /* @__PURE__ */ new Set(["click", "mousedown"]);
-function re(i, d = {}) {
-  const n = "rootStore" in i ? i.rootStore : i, m = n.useState("open"), u = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
-    dataRef: p
-  } = n.context, {
-    enabled: R = !0,
-    closeDelay: I = 0,
-    externalTree: A
-  } = d, {
-    pointerTypeRef: E,
-    interactedInsideRef: f,
-    handlerRef: v,
-    performedPointerEventsMutationRef: g,
-    unbindMouseMoveRef: N,
-    restTimeoutPendingRef: S,
-    openChangeTimeout: y,
-    handleCloseOptionsRef: k
-  } = B(n), M = q(A), T = z(), h = l(() => f.current ? !0 : p.current.openEvent ? Q.has(p.current.openEvent.type) : !1), C = l(() => {
-    const e = p.current.openEvent?.type;
-    return e?.includes("mouse") && e !== "mousedown";
-  }), P = L.useCallback((e, r = !0) => {
-    const s = U(I, E.current);
-    s && !v.current ? y.start(s, () => n.setOpen(!1, w(O, e))) : r && (y.clear(), n.setOpen(!1, w(O, e)));
-  }, [I, v, n, E, y]), c = l(() => {
-    N.current(), v.current = void 0;
-  }), a = l(() => {
-    if (g.current) {
-      const e = x(u).body;
-      e.style.pointerEvents = "", e.removeAttribute(H), g.current = !1;
-    }
-  }), D = l((e) => {
-    const r = J(e);
-    if (!G(r)) {
-      f.current = !1;
-      return;
-    }
-    f.current = !0;
-  });
-  F(() => {
-    m || (E.current = void 0, S.current = !1, f.current = !1, c(), a());
-  }, [m, E, S, f, c, a]), L.useEffect(() => () => {
-    c();
-  }, [c]), L.useEffect(() => a, [a]), F(() => {
-    if (R && m && k.current?.blockPointerEvents && C() && j(b) && u) {
-      g.current = !0;
-      const e = x(u).body;
-      e.setAttribute(H, "");
-      const r = b, s = u, t = M?.nodesRef.current.find((o) => o.id === T)?.context?.elements.floating;
-      return t && (t.style.pointerEvents = ""), e.style.pointerEvents = "none", r.style.pointerEvents = "auto", s.style.pointerEvents = "auto", () => {
-        e.style.pointerEvents = "", r.style.pointerEvents = "", s.style.pointerEvents = "";
-      };
-    }
-  }, [R, m, b, u, k, C, M, T, g]), L.useEffect(() => {
-    if (!R)
-      return;
-    function e(o) {
-      if (h() || !p.current.floatingContext)
-        return;
-      const W = n.context.triggerElements;
-      o.relatedTarget && W.hasElement(o.relatedTarget) || (a(), c(), h() || P(o));
-    }
-    function r(o) {
-      y.clear(), a(), v.current?.(o), c();
-    }
-    function s(o) {
-      h() || P(o, !1);
-    }
-    const t = u;
-    return t && (t.addEventListener("mouseleave", e), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), t.addEventListener("pointerdown", D, !0)), () => {
-      t && (t.removeEventListener("mouseleave", e), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s), t.removeEventListener("pointerdown", D, !0));
+import * as d from "react";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui267.js";
+import { NOOP as m } from "./als-react-ts-ui304.js";
+function p(o, {
+  referrerPolicy: e,
+  crossOrigin: a
+}) {
+  const [i, r] = d.useState("idle");
+  return f(() => {
+    if (!o)
+      return r("error"), m;
+    let n = !0;
+    const t = new window.Image(), u = (s) => () => {
+      n && r(s);
     };
-  });
-}
-function U(i, d) {
-  return d && !K(d) ? 0 : typeof i == "function" ? i() : i;
+    return r("loading"), t.onload = u("loaded"), t.onerror = u("error"), e && (t.referrerPolicy = e), t.crossOrigin = a ?? null, t.src = o, () => {
+      n = !1;
+    };
+  }, [o, a, e]), i;
 }
 export {
-  U as getDelay,
-  re as useHoverFloatingInteraction
+  p as useImageLoadingStatus
 };

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

@@ -1,19 +1,32 @@
-import * as n from "react";
-function e(i) {
-  const o = n.useRef(""), c = n.useCallback((r) => {
-    r.defaultPrevented || (o.current = r.pointerType, i(r, r.pointerType));
-  }, [i]);
-  return {
-    onClick: n.useCallback((r) => {
-      if (r.detail === 0) {
-        i(r, "keyboard");
-        return;
-      }
-      "pointerType" in r && i(r, r.pointerType), i(r, o.current), o.current = "";
-    }, [i]),
-    onPointerDown: c
+import { useRefWithInit as c } from "./als-react-ts-ui222.js";
+import { useOnMount as u } from "./als-react-ts-ui345.js";
+const t = 0;
+class r {
+  static create() {
+    return new r();
+  }
+  currentId = t;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(s, i) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = t, i();
+    }, s);
+  }
+  isStarted() {
+    return this.currentId !== t;
+  }
+  clear = () => {
+    this.currentId !== t && (clearTimeout(this.currentId), this.currentId = t);
   };
+  disposeEffect = () => this.clear;
+}
+function a() {
+  const e = c(r.create).current;
+  return u(e.disposeEffect), e;
 }
 export {
-  e as useEnhancedClickHandler
+  r as Timeout,
+  a as useTimeout
 };

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

@@ -1,211 +1,109 @@
-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);
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as f, forwardRef as i, useContext as p } from "react";
+import n from "./als-react-ts-ui507.js";
+import { TabsRoot as d } from "./als-react-ts-ui508.js";
+import { TabsList as L } from "./als-react-ts-ui509.js";
+import { TabsTab as N } from "./als-react-ts-ui510.js";
+import { TabsIndicator as A } from "./als-react-ts-ui511.js";
+import { TabsPanel as S } from "./als-react-ts-ui512.js";
+const c = f({
+  size: "md"
+}), u = () => p(c), C = i(
+  ({
+    value: s,
+    defaultValue: o = 0,
+    onValueChange: t,
+    orientation: a = "horizontal",
+    size: e = "md",
+    className: r,
+    children: m
+  }, b) => {
+    const T = [
+      n.root,
+      n[`root--${a}`],
+      r
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(c.Provider, { value: { size: e }, children: /* @__PURE__ */ l(
+      d,
+      {
+        ref: b,
+        value: s,
+        defaultValue: o,
+        onValueChange: t,
+        orientation: a,
+        className: T,
+        children: m
       }
+    ) });
   }
-  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));
-    }
+);
+C.displayName = "ALSTabs.Root";
+const j = i(
+  ({ activateOnFocus: s = !1, loopFocus: o = !0, className: t, children: a }, e) => {
+    const r = [n.list, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      L,
+      {
+        ref: e,
+        activateOnFocus: s,
+        loopFocus: o,
+        className: r,
+        children: 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;
+);
+j.displayName = "ALSTabs.List";
+const x = i(
+  ({ value: s, disabled: o = !1, className: t, children: a }, e) => {
+    const { size: r } = u(), m = [n.tab, n[`tab--${r}`], t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      N,
+      {
+        ref: e,
+        value: s,
+        disabled: o,
+        className: m,
+        children: a
+      }
+    );
   }
-  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;
+);
+x.displayName = "ALSTabs.Tab";
+const y = i(
+  ({ className: s, renderBeforeHydration: o = !1 }, t) => {
+    const a = [n.indicator, s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      A,
+      {
+        ref: t,
+        renderBeforeHydration: o,
+        className: a
       }
-      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;
+    );
+  }
+);
+y.displayName = "ALSTabs.Indicator";
+const B = i(
+  ({ value: s, keepMounted: o = !1, className: t, children: a }, e) => {
+    const r = [n.panel, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      S,
+      {
+        ref: e,
+        value: s,
+        keepMounted: o,
+        className: r,
+        children: a
       }
-      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);
-};
+    );
+  }
+);
+B.displayName = "ALSTabs.Panel";
 export {
-  j as focusable,
-  R as getTabIndex,
-  z as isTabbable,
-  Z as tabbable
+  y as ALSTabsIndicator,
+  j as ALSTabsList,
+  B as ALSTabsPanel,
+  C as ALSTabsRoot,
+  x as ALSTabsTab
 };