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

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

@@ -1,14 +1,14 @@
-function n(e, r) {
-  if (e && !r)
-    return e;
-  if (!e && r)
-    return r;
-  if (e || r)
-    return {
-      ...e,
-      ...r
-    };
+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 {
-  n as mergeObjects
+  t as CollapsibleRootContext,
+  i as useCollapsibleRootContext
 };

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

@@ -1,16 +1,55 @@
-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;
+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;
     }
-    e === !0 ? o[`data-${t.toLowerCase()}`] = "" : e && (o[`data-${t.toLowerCase()}`] = e.toString());
-  }
-  return o;
+    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 {
-  i as getStateAttributesProps
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
 };

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

@@ -1,6 +1,14 @@
-function t(n, o) {
-  return typeof n == "function" ? n(o) : n;
+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 {
-  t as resolveClassName
+  e as AccordionItemContext,
+  c as useAccordionItemContext
 };

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

@@ -1,6 +1,14 @@
-function e(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 {
-  e as resolveStyle
+  a as accordionStateAttributesMapping
 };

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

@@ -1,8 +1,6 @@
-function e() {
+function i(t) {
+  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
 }
-const t = Object.freeze([]), c = Object.freeze({});
 export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
+  i as isElementDisabled
 };

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

@@ -1,82 +1,21 @@
-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;
-    }
+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;
   }
-  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;
-}
+}, i = {
+  open(t) {
+    return t ? r : p;
+  }
+};
 export {
-  y as makeEventPreventable,
-  I as mergeClassNames,
-  g as mergeProps,
-  h as mergePropsN
+  i as collapsibleOpenStateMapping,
+  a as triggerOpenStateMapping
 };

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

@@ -1,8 +1,25 @@
-import * as o from "react";
-const e = [];
-function n(t) {
-  o.useEffect(t, e);
+import { isAndroid as r, isJSDOM as o } from "./als-react-ts-ui371.js";
+function n(i) {
+  i.preventDefault(), i.stopPropagation();
+}
+function p(i) {
+  return "nativeEvent" in i;
+}
+function e(i) {
+  return i.mozInputSource === 0 && i.isTrusted ? !0 : r && i.pointerType ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !i.pointerType;
+}
+function c(i) {
+  return o ? !1 : !r && i.width === 0 && i.height === 0 || r && i.width === 1 && i.height === 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
+  i.width < 1 && i.height < 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "touch";
+}
+function f(i, u) {
+  const t = ["mouse", "pen"];
+  return u || t.push("", void 0), t.includes(i);
 }
 export {
-  n as useOnMount
+  f as isMouseLikePointerType,
+  p as isReactEvent,
+  e as isVirtualClick,
+  c as isVirtualPointerEvent,
+  n as stopEvent
 };

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

@@ -1,109 +1,167 @@
-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-ui513.js";
-import { TabsRoot as d } from "./als-react-ts-ui514.js";
-import { TabsList as L } from "./als-react-ts-ui515.js";
-import { TabsTab as N } from "./als-react-ts-ui516.js";
-import { TabsIndicator as A } from "./als-react-ts-ui517.js";
-import { TabsPanel as S } from "./als-react-ts-ui518.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 f from "react";
+import { useIsoLayoutEffect as g } from "./als-react-ts-ui224.js";
+import { useStableCallback as B } from "./als-react-ts-ui223.js";
+import { useMergedRefs as k } from "./als-react-ts-ui297.js";
+import { useOnMount as z } from "./als-react-ts-ui324.js";
+import { useAnimationFrame as V, AnimationFrame as s } from "./als-react-ts-ui347.js";
+import { warn as U } from "./als-react-ts-ui293.js";
+import { createChangeEventDetails as _ } from "./als-react-ts-ui273.js";
+import { CollapsiblePanelDataAttributes as v } from "./als-react-ts-ui344.js";
+import { AccordionRootDataAttributes as G } from "./als-react-ts-ui348.js";
+import { none as J } from "./als-react-ts-ui275.js";
+function oe(H) {
+  const {
+    abortControllerRef: r,
+    animationTypeRef: i,
+    externalRef: W,
+    height: x,
+    hiddenUntilFound: d,
+    keepMounted: w,
+    id: O,
+    mounted: R,
+    onOpenChange: D,
+    open: l,
+    panelRef: a,
+    runOnceAnimationsFinish: h,
+    setDimensions: c,
+    setMounted: m,
+    setOpen: E,
+    setVisible: A,
+    transitionDimensionRef: C,
+    visible: P,
+    width: I
+  } = H, p = f.useRef(!1), M = f.useRef(null), F = f.useRef(l), S = f.useRef(l), N = V(), y = f.useMemo(() => i.current === "css-animation" ? !P : !l && !R, [l, R, P, i]), L = B((e) => {
+    if (!e)
+      return;
+    if (i.current == null || C.current == null) {
+      const t = getComputedStyle(e), u = t.animationName !== "none" && t.animationName !== "", b = t.transitionDuration !== "0s" && t.transitionDuration !== "";
+      u && b ? process.env.NODE_ENV !== "production" && U("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : t.animationName === "none" && t.transitionDuration !== "0s" ? i.current = "css-transition" : t.animationName !== "none" && t.transitionDuration === "0s" ? i.current = "css-animation" : i.current = "none", e.getAttribute(G.orientation) === "horizontal" || t.transitionProperty.indexOf("width") > -1 ? C.current = "width" : C.current = "height";
+    }
+    if (i.current !== "css-transition")
+      return;
+    (x === void 0 || I === void 0) && (c({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), S.current && e.style.setProperty("transition-duration", "0s"));
+    let o = -1, n = -1;
+    return o = s.request(() => {
+      S.current = !1, n = s.request(() => {
+        setTimeout(() => {
+          e.style.removeProperty("transition-duration");
+        });
+      });
+    }), () => {
+      s.cancel(o), s.cancel(n);
+    };
+  }), j = k(W, a, L);
+  return g(() => {
+    if (i.current !== "css-transition")
+      return;
+    const e = a.current;
+    if (!e)
+      return;
+    let o = -1;
+    if (r.current != null && (r.current.abort(), r.current = null), l) {
+      const n = {
+        "justify-content": e.style.justifyContent,
+        "align-items": e.style.alignItems,
+        "align-content": e.style.alignContent,
+        "justify-items": e.style.justifyItems
+      };
+      Object.keys(n).forEach((t) => {
+        e.style.setProperty(t, "initial", "important");
+      }), !S.current && !w && e.setAttribute(v.startingStyle, ""), c({
+        height: e.scrollHeight,
+        width: e.scrollWidth
+      }), o = s.request(() => {
+        Object.entries(n).forEach(([t, u]) => {
+          u === "" ? e.style.removeProperty(t) : e.style.setProperty(t, u);
+        });
+      });
+    } else {
+      if (e.scrollHeight === 0 && e.scrollWidth === 0)
+        return;
+      c({
+        height: e.scrollHeight,
+        width: e.scrollWidth
+      });
+      const n = new AbortController();
+      r.current = n;
+      const t = n.signal;
+      let u = null;
+      const b = v.endingStyle;
+      return u = new MutationObserver((T) => {
+        T.some((q) => q.type === "attributes" && q.attributeName === b) && (u?.disconnect(), u = null, h(() => {
+          c({
+            height: 0,
+            width: 0
+          }), e.style.removeProperty("content-visibility"), m(!1), r.current === n && (r.current = null);
+        }, t));
+      }), u.observe(e, {
+        attributes: !0,
+        attributeFilter: [b]
+      }), () => {
+        u?.disconnect(), N.cancel(), r.current === n && (n.abort(), r.current = null);
+      };
+    }
+    return () => {
+      s.cancel(o);
+    };
+  }, [r, i, N, d, w, R, l, a, h, c, m]), g(() => {
+    if (i.current !== "css-animation")
+      return;
+    const e = a.current;
+    e && (M.current = e.style.animationName || M.current, e.style.setProperty("animation-name", "none"), c({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), !F.current && !p.current && e.style.removeProperty("animation-name"), l ? (r.current != null && (r.current.abort(), r.current = null), m(!0), A(!0)) : (r.current = new AbortController(), h(() => {
+      m(!1), A(!1), r.current = null;
+    }, r.current.signal)));
+  }, [r, i, l, a, h, c, m, A, P]), z(() => {
+    const e = s.request(() => {
+      F.current = !1;
+    });
+    return () => s.cancel(e);
+  }), g(() => {
+    if (!d)
+      return;
+    const e = a.current;
+    if (!e)
+      return;
+    let o = -1, n = -1;
+    return l && p.current && (e.style.transitionDuration = "0s", c({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), o = s.request(() => {
+      p.current = !1, n = s.request(() => {
+        setTimeout(() => {
+          e.style.removeProperty("transition-duration");
+        });
+      });
+    })), () => {
+      s.cancel(o), s.cancel(n);
+    };
+  }, [d, l, a, c]), g(() => {
+    const e = a.current;
+    e && d && y && (e.setAttribute("hidden", "until-found"), i.current === "css-transition" && e.setAttribute(v.startingStyle, ""));
+  }, [d, y, i, a]), f.useEffect(function() {
+    const o = a.current;
+    if (!o)
+      return;
+    function n(t) {
+      p.current = !0, E(!0), D(!0, _(J, t));
+    }
+    return o.addEventListener("beforematch", n), () => {
+      o.removeEventListener("beforematch", n);
+    };
+  }, [D, a, E]), f.useMemo(() => ({
+    props: {
+      hidden: y,
+      id: O,
+      ref: j
+    }
+  }), [y, O, j]);
+}
 export {
-  y as ALSTabsIndicator,
-  j as ALSTabsList,
-  B as ALSTabsPanel,
-  C as ALSTabsRoot,
-  x as ALSTabsTab
+  oe as useCollapsiblePanel
 };

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

@@ -1,58 +1,6 @@
-const _ = "_root_umbx7_9", r = "_control_umbx7_43", m = "_track_umbx7_90", u = "_indicator_umbx7_156", a = "_thumb_umbx7_192", t = "_value_umbx7_269", o = "_label_umbx7_314", b = {
-  root: _,
-  "root--disabled": "_root--disabled_umbx7_22",
-  "root--sm": "_root--sm_umbx7_28",
-  "root--md": "_root--md_umbx7_32",
-  "root--lg": "_root--lg_umbx7_36",
-  control: r,
-  "control--sm": "_control--sm_umbx7_59",
-  "control--md": "_control--md_umbx7_63",
-  "control--lg": "_control--lg_umbx7_67",
-  track: m,
-  "track--sm": "_track--sm_umbx7_104",
-  "track--md": "_track--md_umbx7_108",
-  "track--lg": "_track--lg_umbx7_112",
-  "track--primary": "_track--primary_umbx7_133",
-  "track--secondary": "_track--secondary_umbx7_137",
-  "track--success": "_track--success_umbx7_141",
-  "track--warning": "_track--warning_umbx7_145",
-  "track--error": "_track--error_umbx7_149",
-  indicator: u,
-  "indicator--primary": "_indicator--primary_umbx7_169",
-  "indicator--secondary": "_indicator--secondary_umbx7_173",
-  "indicator--success": "_indicator--success_umbx7_177",
-  "indicator--warning": "_indicator--warning_umbx7_181",
-  "indicator--error": "_indicator--error_umbx7_185",
-  thumb: a,
-  "thumb--sm": "_thumb--sm_umbx7_230",
-  "thumb--md": "_thumb--md_umbx7_235",
-  "thumb--lg": "_thumb--lg_umbx7_240",
-  "thumb--primary": "_thumb--primary_umbx7_246",
-  "thumb--secondary": "_thumb--secondary_umbx7_250",
-  "thumb--success": "_thumb--success_umbx7_254",
-  "thumb--warning": "_thumb--warning_umbx7_258",
-  "thumb--error": "_thumb--error_umbx7_262",
-  value: t,
-  "value--sm": "_value--sm_umbx7_278",
-  "value--md": "_value--md_umbx7_282",
-  "value--lg": "_value--lg_umbx7_286",
-  "value--primary": "_value--primary_umbx7_291",
-  "value--secondary": "_value--secondary_umbx7_295",
-  "value--success": "_value--success_umbx7_299",
-  "value--warning": "_value--warning_umbx7_303",
-  "value--error": "_value--error_umbx7_307",
-  label: o,
-  "label--sm": "_label--sm_umbx7_322",
-  "label--md": "_label--md_umbx7_326",
-  "label--lg": "_label--lg_umbx7_330"
-};
+let e = /* @__PURE__ */ (function(n) {
+  return n.accordionPanelHeight = "--accordion-panel-height", n.accordionPanelWidth = "--accordion-panel-width", n;
+})({});
 export {
-  r as control,
-  b as default,
-  u as indicator,
-  o as label,
-  _ as root,
-  a as thumb,
-  m as track,
-  t as value
+  e as AccordionPanelCssVars
 };