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

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

@@ -1,27 +1,11 @@
-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");
+let n;
+process.env.NODE_ENV !== "production" && (n = /* @__PURE__ */ new Set());
+function s(...o) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = o.join(" ");
+    n.has(e) || (n.add(e), console.warn(`Base UI: ${e}`));
+  }
+}
 export {
-  f as SwitchThumb
+  s as warn
 };

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

@@ -1,14 +1,81 @@
-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;
+import * as a from "react";
+import { useRefWithInit as T } from "./als-react-ts-ui267.js";
+import { useStableCallback as l } from "./als-react-ts-ui223.js";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui224.js";
+import { CompositeListContext as D } from "./als-react-ts-ui346.js";
+import { jsx as L } from "react/jsx-runtime";
+function k(h) {
+  const {
+    children: N,
+    elementsRef: t,
+    labelsRef: o,
+    onMapChange: _
+  } = h, E = l(_), O = a.useRef(0), d = T(R).current, i = T(P).current, [p, M] = a.useState(0), c = a.useRef(p), C = l((e, u) => {
+    i.set(e, u ?? null), c.current += 1, M(c.current);
+  }), I = l((e) => {
+    i.delete(e), c.current += 1, M(c.current);
+  }), r = a.useMemo(() => {
+    const e = /* @__PURE__ */ new Map();
+    return Array.from(i.keys()).sort(S).forEach((n, m) => {
+      const s = i.get(n) ?? {};
+      e.set(n, {
+        ...s,
+        index: m
+      });
+    }), e;
+  }, [i, p]);
+  f(() => {
+    if (typeof MutationObserver != "function" || r.size === 0)
+      return;
+    const e = new MutationObserver((u) => {
+      const n = /* @__PURE__ */ new Set(), m = (s) => n.has(s) ? n.delete(s) : n.add(s);
+      u.forEach((s) => {
+        s.removedNodes.forEach(m), s.addedNodes.forEach(m);
+      }), n.size === 0 && (c.current += 1, M(c.current));
+    });
+    return r.forEach((u, n) => {
+      n.parentElement && e.observe(n.parentElement, {
+        childList: !0
+      });
+    }), () => {
+      e.disconnect();
+    };
+  }, [r]), f(() => {
+    c.current === p && (t.current.length !== r.size && (t.current.length = r.size), o && o.current.length !== r.size && (o.current.length = r.size), O.current = r.size), E(r);
+  }, [E, r, t, o, p]), f(() => () => {
+    t.current = [];
+  }, [t]), f(() => () => {
+    o && (o.current = []);
+  }, [o]);
+  const g = l((e) => (d.add(e), () => {
+    d.delete(e);
+  }));
+  f(() => {
+    d.forEach((e) => e(r));
+  }, [d, r]);
+  const b = a.useMemo(() => ({
+    register: C,
+    unregister: I,
+    subscribeMapChange: g,
+    elementsRef: t,
+    labelsRef: o,
+    nextIndexRef: O
+  }), [C, I, g, t, o, O]);
+  return /* @__PURE__ */ L(D.Provider, {
+    value: b,
+    children: N
+  });
+}
+function P() {
+  return /* @__PURE__ */ new Map();
+}
+function R() {
+  return /* @__PURE__ */ new Set();
+}
+function S(h, N) {
+  const t = h.compareDocumentPosition(N);
+  return t & Node.DOCUMENT_POSITION_FOLLOWING || t & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : t & Node.DOCUMENT_POSITION_PRECEDING || t & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
 }
 export {
-  e as AvatarRootContext,
-  a as useAvatarRootContext
+  k as CompositeList
 };

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

@@ -1,6 +1,10 @@
-const t = {
-  imageLoadingStatus: () => null
-};
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DirectionContext");
+function o() {
+  return t.useContext(e)?.direction ?? "ltr";
+}
 export {
-  t as avatarStateAttributesMapping
+  e as DirectionContext,
+  o as useDirection
 };

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

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

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

@@ -1,32 +1,69 @@
-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);
+import { useRefWithInit as r } from "./als-react-ts-ui267.js";
+function b(n, e, c, t) {
+  const l = r(i).current;
+  return s(l, n, e, c, t) && o(l, [n, e, c, t]), l.callback;
+}
+function h(n) {
+  const e = r(i).current;
+  return f(e, n) && o(e, n), e.callback;
+}
+function i() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
   };
-  disposeEffect = () => this.clear;
 }
-function a() {
-  const e = c(r.create).current;
-  return u(e.disposeEffect), e;
+function s(n, e, c, t, l) {
+  return n.refs[0] !== e || n.refs[1] !== c || n.refs[2] !== t || n.refs[3] !== l;
+}
+function f(n, e) {
+  return n.refs.length !== e.length || n.refs.some((c, t) => c !== e[t]);
+}
+function o(n, e) {
+  if (n.refs = e, e.every((c) => c == null)) {
+    n.callback = null;
+    return;
+  }
+  n.callback = (c) => {
+    if (n.cleanup && (n.cleanup(), n.cleanup = null), c != null) {
+      const t = Array(e.length).fill(null);
+      for (let l = 0; l < e.length; l += 1) {
+        const u = e[l];
+        if (u != null)
+          switch (typeof u) {
+            case "function": {
+              const a = u(c);
+              typeof a == "function" && (t[l] = a);
+              break;
+            }
+            case "object": {
+              u.current = c;
+              break;
+            }
+          }
+      }
+      n.cleanup = () => {
+        for (let l = 0; l < e.length; l += 1) {
+          const u = e[l];
+          if (u != null)
+            switch (typeof u) {
+              case "function": {
+                const a = t[l];
+                typeof a == "function" ? a() : u(null);
+                break;
+              }
+              case "object": {
+                u.current = null;
+                break;
+              }
+            }
+        }
+      };
+    }
+  };
 }
 export {
-  r as Timeout,
-  a as useTimeout
+  b as useMergedRefs,
+  h as useMergedRefsN
 };

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

@@ -1,109 +1,66 @@
-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
-      }
-    ) });
-  }
-);
-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
-      }
-    );
-  }
-);
-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
-      }
-    );
-  }
-);
-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
-      }
-    );
-  }
-);
-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
-      }
-    );
-  }
-);
-B.displayName = "ALSTabs.Panel";
+import * as e from "react";
+import { useControlled as A } from "./als-react-ts-ui292.js";
+import { useIsoLayoutEffect as B } from "./als-react-ts-ui224.js";
+import { useStableCallback as H } from "./als-react-ts-ui223.js";
+import { useBaseUiId as K } from "./als-react-ts-ui276.js";
+import { createChangeEventDetails as L } from "./als-react-ts-ui273.js";
+import { useAnimationsFinished as V } from "./als-react-ts-ui337.js";
+import { useTransitionStatus as j } from "./als-react-ts-ui349.js";
+import { triggerPress as q } from "./als-react-ts-ui275.js";
+function Z(F) {
+  const {
+    open: r,
+    defaultOpen: M,
+    onOpenChange: E,
+    disabled: d
+  } = F, m = r !== void 0, [n, u] = A({
+    controlled: r,
+    default: M,
+    name: "Collapsible",
+    state: "open"
+  }), {
+    mounted: i,
+    setMounted: o,
+    transitionStatus: p
+  } = j(n, !0, !0), [l, f] = e.useState(n), [{
+    height: h,
+    width: R
+  }, S] = e.useState({
+    height: void 0,
+    width: void 0
+  }), T = K(), [U, k] = e.useState(), C = U ?? T, [w, b] = e.useState(!1), [c, g] = e.useState(!1), v = e.useRef(null), t = e.useRef(null), I = e.useRef(null), a = e.useRef(null), O = V(a, !1), P = H((x) => {
+    const s = !n, y = L(q, x.nativeEvent);
+    if (E(s, y), y.isCanceled)
+      return;
+    const D = a.current;
+    t.current === "css-animation" && D != null && D.style.removeProperty("animation-name"), !w && !c && (t.current != null && t.current !== "css-animation" && !i && s && o(!0), t.current === "css-animation" && (!l && s && f(!0), !i && s && o(!0))), u(s), t.current === "none" && i && !s && o(!1);
+  });
+  return B(() => {
+    m && t.current === "none" && !c && !n && o(!1);
+  }, [m, c, n, r, o]), e.useMemo(() => ({
+    abortControllerRef: v,
+    animationTypeRef: t,
+    disabled: d,
+    handleTrigger: P,
+    height: h,
+    mounted: i,
+    open: n,
+    panelId: C,
+    panelRef: a,
+    runOnceAnimationsFinish: O,
+    setDimensions: S,
+    setHiddenUntilFound: b,
+    setKeepMounted: g,
+    setMounted: o,
+    setOpen: u,
+    setPanelIdState: k,
+    setVisible: f,
+    transitionDimensionRef: I,
+    transitionStatus: p,
+    visible: l,
+    width: R
+  }), [v, t, d, P, h, i, n, C, a, O, S, b, g, o, u, f, I, p, l, R]);
+}
 export {
-  y as ALSTabsIndicator,
-  j as ALSTabsList,
-  B as ALSTabsPanel,
-  C as ALSTabsRoot,
-  x as ALSTabsTab
+  Z as useCollapsibleRoot
 };

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

@@ -1,11 +1,14 @@
-import * as n from "react";
-import { isReactVersionAtLeast as o } from "./als-react-ts-ui317.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;
+import s 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 = "CollapsibleRootContext");
+function i() {
+  const o = e.useContext(t);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CollapsibleRootContext is missing. Collapsible parts must be placed within <Collapsible.Root>." : s(15));
+  return o;
 }
 export {
-  s as getReactElementRef
+  t as CollapsibleRootContext,
+  i as useCollapsibleRootContext
 };

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

@@ -1,14 +1,55 @@
-function n(e, r) {
-  if (e && !r)
-    return e;
-  if (!e && r)
-    return r;
-  if (e || r)
-    return {
-      ...e,
-      ...r
-    };
+import * as u from "react";
+import { useIsoLayoutEffect as g } from "./als-react-ts-ui224.js";
+import { useCompositeListContext as F } from "./als-react-ts-ui346.js";
+let I = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
+})({});
+function N(t = {}) {
+  const {
+    label: c,
+    metadata: l,
+    textRef: d,
+    indexGuessBehavior: L,
+    index: r
+  } = t, {
+    register: m,
+    unregister: a,
+    subscribeMapChange: x,
+    elementsRef: R,
+    labelsRef: i,
+    nextIndexRef: p
+  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
+    if (f.current === -1) {
+      const e = p.current;
+      p.current += 1, f.current = e;
+    }
+    return f.current;
+  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
+    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
+      const o = c !== void 0;
+      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
+    }
+  }, [n, R, i, c, d]);
+  return g(() => {
+    if (r != null)
+      return;
+    const e = s.current;
+    if (e)
+      return m(e, l), () => {
+        a(e);
+      };
+  }, [r, m, a, l]), g(() => {
+    if (r == null)
+      return x((e) => {
+        const o = s.current ? e.get(s.current)?.index : null;
+        o != null && C(o);
+      });
+  }, [r, x, C]), u.useMemo(() => ({
+    ref: b,
+    index: n
+  }), [n, b]);
 }
 export {
-  n as mergeObjects
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
 };

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

@@ -1,16 +1,14 @@
-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());
-  }
+import n from "./als-react-ts-ui286.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "AccordionItemContext");
+function c() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : n(9));
   return o;
 }
 export {
-  i as getStateAttributesProps
+  e as AccordionItemContext,
+  c as useAccordionItemContext
 };

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

@@ -1,6 +1,14 @@
-function t(n, o) {
-  return typeof n == "function" ? n(o) : n;
-}
+import { collapsibleOpenStateMapping as i } from "./als-react-ts-ui304.js";
+import { transitionStatusMapping as r } from "./als-react-ts-ui272.js";
+import { AccordionItemDataAttributes as n } from "./als-react-ts-ui343.js";
+const a = {
+  ...i,
+  index: (t) => Number.isInteger(t) ? {
+    [n.index]: String(t)
+  } : null,
+  ...r,
+  value: () => null
+};
 export {
-  t as resolveClassName
+  a as accordionStateAttributesMapping
 };

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

@@ -1,6 +1,6 @@
-function e(n, o) {
-  return typeof n == "function" ? n(o) : n;
+function i(t) {
+  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
 }
 export {
-  e as resolveStyle
+  i as isElementDisabled
 };

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

@@ -1,8 +1,21 @@
-function e() {
-}
-const t = Object.freeze([]), c = Object.freeze({});
+import { CollapsiblePanelDataAttributes as e } from "./als-react-ts-ui344.js";
+import { CollapsibleTriggerDataAttributes as n } from "./als-react-ts-ui345.js";
+const r = {
+  [e.open]: ""
+}, p = {
+  [e.closed]: ""
+}, a = {
+  open(t) {
+    return t ? {
+      [n.panelOpen]: ""
+    } : null;
+  }
+}, i = {
+  open(t) {
+    return t ? r : p;
+  }
+};
 export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
+  i as collapsibleOpenStateMapping,
+  a as triggerOpenStateMapping
 };