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

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

@@ -1,47 +1,10 @@
-import * as o from "react";
-import { useScrollAreaRootContext as d } from "./als-react-ts-ui539.js";
-import { useScrollAreaScrollbarContext as S } from "./als-react-ts-ui548.js";
-import { ScrollAreaScrollbarCssVars as t } from "./als-react-ts-ui549.js";
-import { useRenderElement as b } from "./als-react-ts-ui189.js";
-const v = /* @__PURE__ */ o.forwardRef(function(r, l) {
-  const {
-    render: P,
-    className: R,
-    ...n
-  } = r, {
-    thumbYRef: a,
-    thumbXRef: i,
-    handlePointerDown: s,
-    handlePointerMove: c,
-    handlePointerUp: m,
-    setScrollingX: h,
-    setScrollingY: f
-  } = d(), {
-    orientation: e
-  } = S(), u = o.useMemo(() => ({
-    orientation: e
-  }), [e]);
-  return b("div", r, {
-    ref: [l, e === "vertical" ? a : i],
-    state: u,
-    props: [{
-      onPointerDown: s,
-      onPointerMove: c,
-      onPointerUp(p) {
-        e === "vertical" && f(!1), e === "horizontal" && h(!1), m(p);
-      },
-      style: {
-        ...e === "vertical" && {
-          height: `var(${t.scrollAreaThumbHeight})`
-        },
-        ...e === "horizontal" && {
-          width: `var(${t.scrollAreaThumbWidth})`
-        }
-      }
-    }, n]
-  });
-});
-process.env.NODE_ENV !== "production" && (v.displayName = "ScrollAreaThumb");
+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 {
-  v as ScrollAreaThumb
+  e as DirectionContext,
+  o as useDirection
 };

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

@@ -1,30 +1,14 @@
-import * as s from "react";
-import { useScrollAreaRootContext as c } from "./als-react-ts-ui539.js";
-import { useRenderElement as a } from "./als-react-ts-ui189.js";
-const d = /* @__PURE__ */ s.forwardRef(function(e, o) {
-  const {
-    render: f,
-    className: p,
-    ...t
-  } = e, {
-    cornerRef: n,
-    cornerSize: r,
-    hiddenState: i
-  } = c(), l = a("div", e, {
-    ref: [o, n],
-    props: [{
-      style: {
-        position: "absolute",
-        bottom: 0,
-        insetInlineEnd: 0,
-        width: r.width,
-        height: r.height
-      }
-    }, t]
-  });
-  return i.cornerHidden ? null : l;
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "ScrollAreaCorner");
+import n 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 = "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 {
-  d as ScrollAreaCorner
+  e as AccordionRootContext,
+  c as useAccordionRootContext
 };

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

@@ -1,42 +1,69 @@
-const r = "_trigger_r1z8h_6", _ = "_positioner_r1z8h_40", t = "_popup_r1z8h_45", o = "_arrow_r1z8h_96", p = "_arrowFill_r1z8h_121", e = "_arrowOuterStroke_r1z8h_125", i = "_arrowInnerStroke_r1z8h_129", n = "_image_r1z8h_134", s = "_title_r1z8h_155", c = "_description_r1z8h_176", h = "_content_r1z8h_198", a = {
-  trigger: r,
-  positioner: _,
-  popup: t,
-  "popup--default": "_popup--default_r1z8h_66",
-  "popup--compact": "_popup--compact_r1z8h_70",
-  "popup--rich": "_popup--rich_r1z8h_75",
-  "popup--sm": "_popup--sm_r1z8h_83",
-  "popup--md": "_popup--md_r1z8h_87",
-  "popup--lg": "_popup--lg_r1z8h_91",
-  arrow: o,
-  arrowFill: p,
-  arrowOuterStroke: e,
-  arrowInnerStroke: i,
-  image: n,
-  "image--sm": "_image--sm_r1z8h_142",
-  "image--md": "_image--md_r1z8h_146",
-  "image--lg": "_image--lg_r1z8h_150",
-  title: s,
-  "title--sm": "_title--sm_r1z8h_163",
-  "title--md": "_title--md_r1z8h_167",
-  "title--lg": "_title--lg_r1z8h_171",
-  description: c,
-  "description--sm": "_description--sm_r1z8h_185",
-  "description--md": "_description--md_r1z8h_189",
-  "description--lg": "_description--lg_r1z8h_193",
-  content: h
-};
+import { useRefWithInit as r } from "./als-react-ts-ui222.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: []
+  };
+}
+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 {
-  o as arrow,
-  p as arrowFill,
-  i as arrowInnerStroke,
-  e as arrowOuterStroke,
-  h as content,
-  a as default,
-  c as description,
-  n as image,
-  t as popup,
-  _ as positioner,
-  s as title,
-  r as trigger
+  b as useMergedRefs,
+  h as useMergedRefsN
 };

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

@@ -1,38 +1,66 @@
-import * as t from "react";
-import { useIsoLayoutEffect as f } from "./als-react-ts-ui193.js";
-import { usePreviewCardRootContext as c } from "./als-react-ts-ui532.js";
-import { triggerOpenStateMapping as l } from "./als-react-ts-ui244.js";
-import { useRenderElement as d } from "./als-react-ts-ui189.js";
-const u = /* @__PURE__ */ t.forwardRef(function(e, o) {
+import * as e from "react";
+import { useControlled as A } from "./als-react-ts-ui265.js";
+import { useIsoLayoutEffect as B } from "./als-react-ts-ui267.js";
+import { useStableCallback as H } from "./als-react-ts-ui266.js";
+import { useBaseUiId as K } from "./als-react-ts-ui232.js";
+import { createChangeEventDetails as L } from "./als-react-ts-ui229.js";
+import { useAnimationsFinished as V } from "./als-react-ts-ui319.js";
+import { useTransitionStatus as j } from "./als-react-ts-ui342.js";
+import { triggerPress as q } from "./als-react-ts-ui231.js";
+function Z(F) {
   const {
-    render: v,
-    className: y,
-    delay: s,
-    closeDelay: i,
-    ...a
-  } = e, {
     open: r,
-    triggerProps: n,
-    setTriggerElement: m,
-    writeDelayRefs: p
-  } = c();
-  f(() => {
-    p({
-      delay: s,
-      closeDelay: i
-    });
+    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);
   });
-  const g = t.useMemo(() => ({
-    open: r
-  }), [r]);
-  return d("a", e, {
-    ref: [m, o],
-    state: g,
-    props: [n, a],
-    stateAttributesMapping: l
-  });
-});
-process.env.NODE_ENV !== "production" && (u.displayName = "PreviewCardTrigger");
+  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 {
-  u as PreviewCardTrigger
+  Z as useCollapsibleRoot
 };

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

@@ -1,83 +1,14 @@
-import * as r from "react";
-import { usePreviewCardRootContext as A } from "./als-react-ts-ui532.js";
-import { PreviewCardPositionerContext as E } from "./als-react-ts-ui536.js";
-import { useAnchorPositioning as N } from "./als-react-ts-ui364.js";
-import { popupStateMapping as b } from "./als-react-ts-ui244.js";
-import { usePreviewCardPortalContext as U } from "./als-react-ts-ui535.js";
-import { POPUP_COLLISION_AVOIDANCE as k } from "./als-react-ts-ui260.js";
-import { useRenderElement as H } from "./als-react-ts-ui189.js";
-import { jsx as I } from "react/jsx-runtime";
-const V = /* @__PURE__ */ r.forwardRef(function(i, s) {
-  const {
-    render: D,
-    className: L,
-    anchor: a,
-    positionMethod: d = "absolute",
-    side: l = "bottom",
-    align: c = "center",
-    sideOffset: p = 0,
-    alignOffset: m = 0,
-    collisionBoundary: f = "clipping-ancestors",
-    collisionPadding: u = 5,
-    arrowPadding: P = 5,
-    sticky: g = !1,
-    disableAnchorTracking: w = !1,
-    collisionAvoidance: v = k,
-    ...C
-  } = i, {
-    open: o,
-    mounted: t,
-    floatingRootContext: h,
-    setPositionerElement: y
-  } = A(), R = U(), e = N({
-    anchor: a,
-    floatingRootContext: h,
-    positionMethod: d,
-    mounted: t,
-    side: l,
-    sideOffset: p,
-    align: c,
-    alignOffset: m,
-    arrowPadding: P,
-    collisionBoundary: f,
-    collisionPadding: u,
-    sticky: g,
-    disableAnchorTracking: w,
-    keepMounted: R,
-    collisionAvoidance: v
-  }), S = r.useMemo(() => {
-    const n = {};
-    return o || (n.pointerEvents = "none"), {
-      role: "presentation",
-      hidden: !t,
-      style: {
-        ...e.positionerStyles,
-        ...n
-      }
-    };
-  }, [o, t, e.positionerStyles]), x = r.useMemo(() => ({
-    open: o,
-    side: e.side,
-    align: e.align,
-    anchorHidden: e.anchorHidden
-  }), [o, e.side, e.align, e.anchorHidden]), M = r.useMemo(() => ({
-    side: e.side,
-    align: e.align,
-    arrowRef: e.arrowRef,
-    arrowUncentered: e.arrowUncentered,
-    arrowStyles: e.arrowStyles
-  }), [e.side, e.align, e.arrowRef, e.arrowUncentered, e.arrowStyles]), O = H("div", i, {
-    state: x,
-    ref: [y, s],
-    props: [S, C],
-    stateAttributesMapping: b
-  });
-  return /* @__PURE__ */ I(E.Provider, {
-    value: M,
-    children: O
-  });
-});
-process.env.NODE_ENV !== "production" && (V.displayName = "PreviewCardPositioner");
+import s from "./als-react-ts-ui242.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 {
-  V as PreviewCardPositioner
+  t as CollapsibleRootContext,
+  i as useCollapsibleRootContext
 };

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

@@ -1,50 +1,55 @@
-import * as i from "react";
-import { usePreviewCardRootContext as d } from "./als-react-ts-ui532.js";
-import { usePreviewCardPositionerContext as l } from "./als-react-ts-ui536.js";
-import { popupStateMapping as C } from "./als-react-ts-ui244.js";
-import { transitionStatusMapping as c } from "./als-react-ts-ui245.js";
-import { useOpenChangeComplete as P } from "./als-react-ts-ui253.js";
-import { useRenderElement as g } from "./als-react-ts-ui189.js";
-import { getDisabledMountTransitionStyles as v } from "./als-react-ts-ui366.js";
-const w = {
-  ...C,
-  ...c
-}, M = /* @__PURE__ */ i.forwardRef(function(o, s) {
+import * as u from "react";
+import { useIsoLayoutEffect as g } from "./als-react-ts-ui267.js";
+import { useCompositeListContext as F } from "./als-react-ts-ui343.js";
+let I = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
+})({});
+function N(t = {}) {
   const {
-    className: N,
-    render: S,
-    ...a
-  } = o, {
-    open: e,
-    transitionStatus: t,
-    popupRef: r,
-    onOpenChangeComplete: m,
-    popupProps: u
-  } = d(), {
-    side: p,
-    align: n
-  } = l();
-  P({
-    open: e,
-    ref: r,
-    onComplete() {
-      e && m?.(!0);
+    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;
     }
-  });
-  const f = i.useMemo(() => ({
-    open: e,
-    side: p,
-    align: n,
-    transitionStatus: t
-  }), [e, p, n, t]);
-  return g("div", o, {
-    ref: [r, s],
-    state: f,
-    props: [u, v(t), a],
-    stateAttributesMapping: w
-  });
-});
-process.env.NODE_ENV !== "production" && (M.displayName = "PreviewCardPopup");
+    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 {
-  M as PreviewCardPopup
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
 };

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

@@ -1,38 +1,14 @@
-import * as i from "react";
-import { usePreviewCardPositionerContext as c } from "./als-react-ts-ui536.js";
-import { usePreviewCardRootContext as w } from "./als-react-ts-ui532.js";
-import { popupStateMapping as f } from "./als-react-ts-ui244.js";
-import { useRenderElement as u } from "./als-react-ts-ui189.js";
-const l = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const {
-    render: C,
-    className: P,
-    ...a
-  } = e, {
-    open: r
-  } = w(), {
-    arrowRef: p,
-    side: t,
-    align: o,
-    arrowUncentered: n,
-    arrowStyles: d
-  } = c(), m = i.useMemo(() => ({
-    open: r,
-    side: t,
-    align: o,
-    uncentered: n
-  }), [r, t, o, n]);
-  return u("div", e, {
-    state: m,
-    ref: [p, s],
-    props: [{
-      style: d,
-      "aria-hidden": !0
-    }, a],
-    stateAttributesMapping: f
-  });
-});
-process.env.NODE_ENV !== "production" && (l.displayName = "PreviewCardArrow");
+import n 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 = "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 {
-  l as PreviewCardArrow
+  e as AccordionItemContext,
+  c as useAccordionItemContext
 };

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

@@ -1,24 +1,14 @@
-import * as n from "react";
-import { usePreviewCardRootContext as d } from "./als-react-ts-ui532.js";
-import { PreviewCardPortalContext as l } from "./als-react-ts-ui535.js";
-import { FloatingPortalLite as s } from "./als-react-ts-ui435.js";
-import { jsx as o } from "react/jsx-runtime";
-const f = /* @__PURE__ */ n.forwardRef(function(e, t) {
-  const {
-    keepMounted: r = !1,
-    ...a
-  } = e, {
-    mounted: i
-  } = d();
-  return i || r ? /* @__PURE__ */ o(l.Provider, {
-    value: r,
-    children: /* @__PURE__ */ o(s, {
-      ref: t,
-      ...a
-    })
-  }) : null;
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "PreviewCardPortal");
+import { collapsibleOpenStateMapping as i } from "./als-react-ts-ui279.js";
+import { transitionStatusMapping as r } from "./als-react-ts-ui228.js";
+import { AccordionItemDataAttributes as n } from "./als-react-ts-ui344.js";
+const a = {
+  ...i,
+  index: (t) => Number.isInteger(t) ? {
+    [n.index]: String(t)
+  } : null,
+  ...r,
+  value: () => null
+};
 export {
-  f as PreviewCardPortal
+  a as accordionStateAttributesMapping
 };