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

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

@@ -1,77 +1,8 @@
-import * as l from "react";
-import { useStableCallback as E } from "./als-react-ts-ui192.js";
-import { useControlled as F } from "./als-react-ts-ui282.js";
-import { useRenderElement as O } from "./als-react-ts-ui189.js";
-import { CompositeRoot as S } from "./als-react-ts-ui484.js";
-import { useToolbarRootContext as j } from "./als-react-ts-ui368.js";
-import { ToggleGroupContext as k } from "./als-react-ts-ui537.js";
-import { ToggleGroupDataAttributes as z } from "./als-react-ts-ui538.js";
-import { jsx as V } from "react/jsx-runtime";
-const v = {
-  multiple(i) {
-    return i ? {
-      [z.multiple]: ""
-    } : null;
-  }
-}, B = /* @__PURE__ */ l.forwardRef(function(p, m) {
-  const {
-    defaultValue: f,
-    disabled: T = !1,
-    loopFocus: x = !0,
-    onValueChange: A,
-    orientation: o = "horizontal",
-    multiple: s = !1,
-    value: u,
-    className: M,
-    render: N,
-    ...d
-  } = p, a = j(!0), h = l.useMemo(() => {
-    if (u === void 0)
-      return f ?? [];
-  }, [u, f]), t = (a?.disabled ?? !1) || T, [r, P] = F({
-    controlled: u,
-    default: h,
-    name: "ToggleGroup",
-    state: "value"
-  }), c = E((n, C, G) => {
-    let e;
-    if (s ? (e = r.slice(), C ? e.push(n) : e.splice(r.indexOf(n), 1)) : e = C ? [n] : [], Array.isArray(e)) {
-      if (A?.(e, G), G.isCanceled)
-        return;
-      P(e);
-    }
-  }), g = l.useMemo(() => ({
-    disabled: t,
-    multiple: s,
-    orientation: o
-  }), [t, o, s]), R = l.useMemo(() => ({
-    disabled: t,
-    orientation: o,
-    setGroupValue: c,
-    value: r
-  }), [t, o, c, r]), b = {
-    role: "group"
-  }, y = O("div", p, {
-    enabled: !!a,
-    state: g,
-    ref: m,
-    props: [b, d],
-    stateAttributesMapping: v
-  });
-  return /* @__PURE__ */ V(k.Provider, {
-    value: R,
-    children: a ? y : /* @__PURE__ */ V(S, {
-      render: N,
-      className: M,
-      state: g,
-      refs: [m],
-      props: [b, d],
-      stateAttributesMapping: v,
-      loopFocus: x
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (B.displayName = "ToggleGroup");
+import * as t from "react";
+const e = parseInt(t.version, 10);
+function o(r) {
+  return e >= r;
+}
 export {
-  B as ToggleGroup
+  o as isReactVersionAtLeast
 };

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

@@ -1,27 +1,19 @@
-const t = "_root_hgdff_2", o = "_disabled_hgdff_35", _ = "_button_hgdff_41", a = "_buttonDisabled_hgdff_80", r = "_link_hgdff_86", n = "_group_hgdff_114", i = "_groupDisabled_hgdff_127", s = "_separator_hgdff_133", e = "_input_hgdff_153", f = {
-  root: t,
-  "orientation-horizontal": "_orientation-horizontal_hgdff_27",
-  "orientation-vertical": "_orientation-vertical_hgdff_31",
-  disabled: o,
-  button: _,
-  buttonDisabled: a,
-  link: r,
-  group: n,
-  groupDisabled: i,
-  separator: s,
-  "separator-horizontal": "_separator-horizontal_hgdff_138",
-  "separator-vertical": "_separator-vertical_hgdff_146",
-  input: e
-};
+import { useIsoLayoutEffect as r } from "./als-react-ts-ui267.js";
+import { useRefWithInit as n } from "./als-react-ts-ui222.js";
+function s(e) {
+  const t = n(f, e).current;
+  return t.next = e, r(t.effect), t;
+}
+function f(e) {
+  const t = {
+    current: e,
+    next: e,
+    effect: () => {
+      t.current = t.next;
+    }
+  };
+  return t;
+}
 export {
-  _ as button,
-  a as buttonDisabled,
-  f as default,
-  o as disabled,
-  n as group,
-  i as groupDisabled,
-  e as input,
-  r as link,
-  t as root,
-  s as separator
+  s as useValueAsRef
 };

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

@@ -1,47 +1,28 @@
-import * as e from "react";
-import { CompositeRoot as x } from "./als-react-ts-ui484.js";
-import { ToolbarRootContext as h } from "./als-react-ts-ui368.js";
-import { jsx as i } from "react/jsx-runtime";
-const N = /* @__PURE__ */ e.forwardRef(function(l, c) {
-  const {
-    disabled: t = !1,
-    loopFocus: p = !0,
-    orientation: o = "horizontal",
-    className: d,
-    render: m,
-    ...u
-  } = l, [a, r] = e.useState(() => /* @__PURE__ */ new Map()), f = e.useMemo(() => {
-    const n = [];
-    for (const s of a.values())
-      s?.index && !s.focusableWhenDisabled && n.push(s.index);
-    return n;
-  }, [a]), b = e.useMemo(() => ({
-    disabled: t,
-    orientation: o,
-    setItemMap: r
-  }), [t, o, r]), M = e.useMemo(() => ({
-    disabled: t,
-    orientation: o
-  }), [t, o]), R = {
-    "aria-orientation": o,
-    role: "toolbar"
-  };
-  return /* @__PURE__ */ i(h.Provider, {
-    value: b,
-    children: /* @__PURE__ */ i(x, {
-      render: m,
-      className: d,
-      state: M,
-      refs: [c],
-      props: [R, u],
-      disabledIndices: f,
-      loopFocus: p,
-      onMapChange: r,
-      orientation: o
-    })
+import * as l from "react-dom";
+import { useAnimationFrame as m } from "./als-react-ts-ui346.js";
+import { useStableCallback as u } from "./als-react-ts-ui266.js";
+import { resolveRef as c } from "./als-react-ts-ui365.js";
+function S(s, f = !1, a = !0) {
+  const i = m();
+  return u((r, t = null) => {
+    i.cancel();
+    const e = c(s);
+    e != null && (typeof e.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED ? r() : i.request(() => {
+      function o() {
+        e && Promise.all(e.getAnimations().map((n) => n.finished)).then(() => {
+          t != null && t.aborted || l.flushSync(r);
+        }).catch(() => {
+          if (a) {
+            if (t != null && t.aborted)
+              return;
+            l.flushSync(r);
+          } else e.getAnimations().length > 0 && e.getAnimations().some((n) => n.pending || n.playState !== "finished") && o();
+        });
+      }
+      f ? i.request(o) : o();
+    }));
   });
-});
-process.env.NODE_ENV !== "production" && (N.displayName = "ToolbarRoot");
+}
 export {
-  N as ToolbarRoot
+  S as useAnimationsFinished
 };

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

@@ -1,4 +1,4 @@
-import { ALSTabsPanel as a, ALSTabsIndicator as o, ALSTabsTab as s, ALSTabsList as t, ALSTabsRoot as b } from "./als-react-ts-ui306.js";
+import { ALSTabsPanel as a, ALSTabsIndicator as o, ALSTabsTab as s, ALSTabsList as t, ALSTabsRoot as b } from "./als-react-ts-ui298.js";
 const T = {
   Root: b,
   List: t,

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

@@ -1,54 +1,136 @@
-import * as e from "react";
-import { useToolbarRootContext as x } from "./als-react-ts-ui368.js";
-import { useToolbarGroupContext as N } from "./als-react-ts-ui563.js";
-import { CompositeItem as T } from "./als-react-ts-ui488.js";
-import { jsx as C } from "react/jsx-runtime";
-import { useButton as R } from "./als-react-ts-ui247.js";
-const g = /* @__PURE__ */ e.forwardRef(function(r, a) {
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
   const {
-    className: n,
-    disabled: i = !1,
-    focusableWhenDisabled: o = !0,
-    render: m,
-    nativeButton: u = !0,
-    ...l
-  } = r, d = e.useMemo(() => ({
-    focusableWhenDisabled: o
-  }), [o]), {
-    disabled: p,
-    orientation: s
-  } = x(), b = N(), t = p || (b?.disabled ?? !1) || i, {
-    getButtonProps: c,
-    buttonRef: f
-  } = R({
-    disabled: t,
-    focusableWhenDisabled: o,
-    native: u
-  }), B = e.useMemo(() => ({
-    disabled: t,
-    orientation: s,
-    focusable: o
-  }), [t, o, s]);
-  return /* @__PURE__ */ C(T, {
-    tag: "button",
-    render: m,
-    className: n,
-    metadata: d,
-    state: B,
-    refs: [a, f],
-    props: [
-      l,
-      // for integrating with Menu and Select disabled states, `disabled` is
-      // intentionally duplicated even though getButtonProps includes it already
-      // TODO: follow up after https://github.com/mui/base-ui/issues/1976#issuecomment-2916905663
-      {
-        disabled: t
-      },
-      c
-    ]
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
   });
-});
-process.env.NODE_ENV !== "production" && (g.displayName = "ToolbarButton");
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  g as ToolbarButton
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

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

@@ -1,32 +1,11 @@
-import * as e from "react";
-import { useToolbarRootContext as i } from "./als-react-ts-ui368.js";
-import { CompositeItem as c } from "./als-react-ts-ui488.js";
-import { jsx as p } from "react/jsx-runtime";
-const f = {
-  // links cannot be disabled, this metadata is only used for deriving `disabledIndices``
-  // TODO: better name
-  focusableWhenDisabled: !0
-}, l = /* @__PURE__ */ e.forwardRef(function(t, r) {
-  const {
-    className: s,
-    render: a,
-    ...n
-  } = t, {
-    orientation: o
-  } = i(), m = e.useMemo(() => ({
-    orientation: o
-  }), [o]);
-  return /* @__PURE__ */ p(c, {
-    tag: "a",
-    render: a,
-    className: s,
-    metadata: f,
-    state: m,
-    refs: [r],
-    props: [n]
-  });
-});
-process.env.NODE_ENV !== "production" && (l.displayName = "ToolbarLink");
+let o;
+process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
+function s(...r) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = r.join(" ");
+    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
+  }
+}
 export {
-  l as ToolbarLink
+  s as error
 };

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

@@ -1,35 +1,14 @@
-import * as e from "react";
-import { useRenderElement as p } from "./als-react-ts-ui189.js";
-import { useToolbarRootContext as u } from "./als-react-ts-ui368.js";
-import { ToolbarGroupContext as c } from "./als-react-ts-ui563.js";
-import { jsx as b } from "react/jsx-runtime";
-const f = /* @__PURE__ */ e.forwardRef(function(r, s) {
-  const {
-    className: T,
-    disabled: a = !1,
-    render: v,
-    ...l
-  } = r, {
-    orientation: t,
-    disabled: n
-  } = u(), o = n || a, i = e.useMemo(() => ({
-    disabled: o
-  }), [o]), d = e.useMemo(() => ({
-    disabled: o,
-    orientation: t
-  }), [o, t]), m = p("div", r, {
-    state: d,
-    ref: s,
-    props: [{
-      role: "group"
-    }, l]
-  });
-  return /* @__PURE__ */ b(c.Provider, {
-    value: i,
-    children: m
-  });
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "ToolbarGroup");
+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 = "CompositeRootContext");
+function r(s = !1) {
+  const o = t.useContext(e);
+  if (o === void 0 && !s)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : n(16));
+  return o;
+}
 export {
-  f as ToolbarGroup
+  e as CompositeRootContext,
+  r as useCompositeRootContext
 };

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

@@ -1,19 +1,24 @@
-import * as e from "react";
-import { useToolbarRootContext as i } from "./als-react-ts-ui368.js";
-import { jsx as n } from "react/jsx-runtime";
-import { Separator as p } from "./als-react-ts-ui107.js";
-const c = /* @__PURE__ */ e.forwardRef(function(o, r) {
-  const t = i(), a = {
-    vertical: "horizontal",
-    horizontal: "vertical"
-  }[t.orientation];
-  return /* @__PURE__ */ n(p, {
-    orientation: a,
-    ...o,
-    ref: r
-  });
-});
-process.env.NODE_ENV !== "production" && (c.displayName = "ToolbarSeparator");
+import * as r from "react";
+function f(l) {
+  const {
+    focusableWhenDisabled: e,
+    disabled: o,
+    composite: t = !1,
+    tabIndex: i = 0,
+    isNativeButton: s
+  } = l, n = t && e !== !1, b = t && e === !1;
+  return {
+    props: r.useMemo(() => {
+      const a = {
+        // allow Tabbing away from focusableWhenDisabled elements
+        onKeyDown(d) {
+          o && e && d.key !== "Tab" && d.preventDefault();
+        }
+      };
+      return t || (a.tabIndex = i, !s && o && (a.tabIndex = e ? i : -1)), (s && (e || n) || !s && o) && (a["aria-disabled"] = o), s && (!e || b) && (a.disabled = o), a;
+    }, [t, o, e, n, b, s, i])
+  };
+}
 export {
-  c as ToolbarSeparator
+  f as useFocusableWhenDisabled
 };

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

@@ -1,56 +1,58 @@
-import * as s from "react";
-import { useFocusableWhenDisabled as D } from "./als-react-ts-ui342.js";
-import { ARROW_LEFT as R, ARROW_RIGHT as T } from "./als-react-ts-ui254.js";
-import { useToolbarRootContext as N } from "./als-react-ts-ui368.js";
-import { useToolbarGroupContext as P } from "./als-react-ts-ui563.js";
-import { CompositeItem as x } from "./als-react-ts-ui488.js";
-import { jsx as C } from "react/jsx-runtime";
-import { stopEvent as I } from "./als-react-ts-ui295.js";
-const W = /* @__PURE__ */ s.forwardRef(function(a, n) {
-  const {
-    className: i,
-    focusableWhenDisabled: t = !0,
-    render: p,
-    disabled: l = !1,
-    ...m
-  } = a, f = s.useMemo(() => ({
-    focusableWhenDisabled: t
-  }), [t]), {
-    disabled: u,
-    orientation: r
-  } = N(), d = P(), e = u || (d?.disabled ?? !1) || l, {
-    props: c
-  } = D({
-    composite: !0,
-    disabled: e,
-    focusableWhenDisabled: t,
-    isNativeButton: !1
-  }), b = s.useMemo(() => ({
-    disabled: e,
-    orientation: r,
-    focusable: t
-  }), [e, t, r]);
-  return /* @__PURE__ */ C(x, {
-    tag: "input",
-    render: p,
-    className: i,
-    metadata: f,
-    state: b,
-    refs: [n],
-    props: [{
-      onClick(o) {
-        e && o.preventDefault();
-      },
-      onKeyDown(o) {
-        o.key !== R && o.key !== T && e && I(o);
-      },
-      onPointerDown(o) {
-        e && o.preventDefault();
-      }
-    }, m, c]
-  });
-});
-process.env.NODE_ENV !== "production" && (W.displayName = "ToolbarInput");
+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"
+};
 export {
-  W as ToolbarInput
+  r as control,
+  b as default,
+  u as indicator,
+  o as label,
+  _ as root,
+  a as thumb,
+  m as track,
+  t as value
 };