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

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

@@ -1,6 +1,27 @@
-function i(t) {
-  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
-}
+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 {
-  i as isElementDisabled
+  f as SwitchThumb
 };

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

@@ -1,21 +1,14 @@
-import { CollapsiblePanelDataAttributes as e } from "./als-react-ts-ui347.js";
-import { CollapsibleTriggerDataAttributes as n } from "./als-react-ts-ui349.js";
-const r = {
-  [e.open]: ""
-}, p = {
-  [e.closed]: ""
-}, a = {
-  open(t) {
-    return t ? {
-      [n.panelOpen]: ""
-    } : null;
-  }
-}, i = {
-  open(t) {
-    return t ? r : p;
-  }
-};
+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 {
-  i as collapsibleOpenStateMapping,
-  a as triggerOpenStateMapping
+  e as AvatarRootContext,
+  a as useAvatarRootContext
 };

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

@@ -1,25 +1,6 @@
-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);
-}
+const t = {
+  imageLoadingStatus: () => null
+};
 export {
-  f as isMouseLikePointerType,
-  p as isReactEvent,
-  e as isVirtualClick,
-  c as isVirtualPointerEvent,
-  n as stopEvent
+  t as avatarStateAttributesMapping
 };

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

@@ -1,167 +1,23 @@
-import * as f from "react";
-import { useIsoLayoutEffect as g } from "./als-react-ts-ui193.js";
-import { useStableCallback as B } from "./als-react-ts-ui192.js";
-import { useMergedRefs as k } from "./als-react-ts-ui287.js";
-import { useOnMount as z } from "./als-react-ts-ui305.js";
-import { useAnimationFrame as V, AnimationFrame as s } from "./als-react-ts-ui346.js";
-import { warn as U } from "./als-react-ts-ui283.js";
-import { createChangeEventDetails as _ } from "./als-react-ts-ui246.js";
-import { CollapsiblePanelDataAttributes as v } from "./als-react-ts-ui347.js";
-import { AccordionRootDataAttributes as G } from "./als-react-ts-ui348.js";
-import { none as J } from "./als-react-ts-ui248.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;
+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;
-    function n(t) {
-      p.current = !0, E(!0), D(!0, _(J, t));
-    }
-    return o.addEventListener("beforematch", n), () => {
-      o.removeEventListener("beforematch", n);
+      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;
     };
-  }, [D, a, E]), f.useMemo(() => ({
-    props: {
-      hidden: y,
-      id: O,
-      ref: j
-    }
-  }), [y, O, j]);
+  }, [o, a, e]), i;
 }
 export {
-  oe as useCollapsiblePanel
+  p as useImageLoadingStatus
 };

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

@@ -1,6 +1,32 @@
-let e = /* @__PURE__ */ (function(n) {
-  return n.accordionPanelHeight = "--accordion-panel-height", n.accordionPanelWidth = "--accordion-panel-width", n;
-})({});
+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 AccordionPanelCssVars
+  r as Timeout,
+  a as useTimeout
 };

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

@@ -1,11 +1,109 @@
-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;
-}
+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";
 export {
-  s as getReactElementRef
+  y as ALSTabsIndicator,
+  j as ALSTabsList,
+  B as ALSTabsPanel,
+  C as ALSTabsRoot,
+  x as ALSTabsTab
 };

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

@@ -1,14 +1,11 @@
-function n(e, r) {
-  if (e && !r)
-    return e;
-  if (!e && r)
-    return r;
-  if (e || r)
-    return {
-      ...e,
-      ...r
-    };
+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;
 }
 export {
-  n as mergeObjects
+  s as getReactElementRef
 };

package/dist/als-react-ts-ui300.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());
-  }
-  return o;
+function n(e, r) {
+  if (e && !r)
+    return e;
+  if (!e && r)
+    return r;
+  if (e || r)
+    return {
+      ...e,
+      ...r
+    };
 }
 export {
-  i as getStateAttributesProps
+  n as mergeObjects
 };

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

@@ -1,6 +1,16 @@
-function t(n, o) {
-  return typeof n == "function" ? n(o) : n;
+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 {
-  t as resolveClassName
+  i as getStateAttributesProps
 };

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

@@ -1,6 +1,6 @@
-function e(n, o) {
+function t(n, o) {
   return typeof n == "function" ? n(o) : n;
 }
 export {
-  e as resolveStyle
+  t as resolveClassName
 };

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

@@ -1,8 +1,6 @@
-function e() {
+function e(n, o) {
+  return typeof n == "function" ? n(o) : n;
 }
-const t = Object.freeze([]), c = Object.freeze({});
 export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
+  e as resolveStyle
 };

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

@@ -1,82 +1,8 @@
-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;
+function e() {
 }
+const t = Object.freeze([]), c = Object.freeze({});
 export {
-  y as makeEventPreventable,
-  I as mergeClassNames,
-  g as mergeProps,
-  h as mergePropsN
+  t as EMPTY_ARRAY,
+  c as EMPTY_OBJECT,
+  e as NOOP
 };