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

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

@@ -1,77 +1,22 @@
-import * as l from "react";
-import { useStableCallback as E } from "./als-react-ts-ui266.js";
-import { useControlled as F } from "./als-react-ts-ui265.js";
-import { useRenderElement as O } from "./als-react-ts-ui226.js";
-import { CompositeRoot as S } from "./als-react-ts-ui448.js";
-import { useToolbarRootContext as j } from "./als-react-ts-ui395.js";
-import { ToggleGroupContext as k } from "./als-react-ts-ui547.js";
-import { ToggleGroupDataAttributes as z } from "./als-react-ts-ui548.js";
-import { jsx as V } from "react/jsx-runtime";
-const v = {
-  multiple(i) {
-    return i ? {
-      [z.multiple]: ""
-    } : null;
+import t from "./als-react-ts-ui286.js";
+import { createSelectorCreator as s, lruMemoize as i } from "./als-react-ts-ui430.js";
+s({
+  memoize: i,
+  memoizeOptions: {
+    maxSize: 1,
+    equalityCheck: Object.is
   }
-}, 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");
+const u = (e, m, c, n, l, p, ...o) => {
+  if (o.length > 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Unsupported number of selectors" : t(1));
+  let r;
+  if (e)
+    r = e;
+  else
+    throw new Error("Missing arguments");
+  return r;
+};
 export {
-  B as ToggleGroup
+  u as createSelector
 };

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

@@ -1,27 +1,20 @@
-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 * as n from "react";
+import { SafeReact as f } from "./als-react-ts-ui370.js";
+let o = 0;
+function l(u, t = "mui") {
+  const [e, s] = n.useState(u), c = u || e;
+  return n.useEffect(() => {
+    e == null && (o += 1, s(`${t}-${o}`));
+  }, [e, t]), c;
+}
+const a = f.useId;
+function I(u, t) {
+  if (a !== void 0) {
+    const e = a();
+    return u ?? (t ? `${t}-${e}` : e);
+  }
+  return l(u, 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
+  I as useId
 };

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

@@ -1,47 +1,19 @@
-import * as e from "react";
-import { CompositeRoot as x } from "./als-react-ts-ui448.js";
-import { ToolbarRootContext as h } from "./als-react-ts-ui395.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"
+import { useIsoLayoutEffect as r } from "./als-react-ts-ui224.js";
+import { useRefWithInit as n } from "./als-react-ts-ui267.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 /* @__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
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (N.displayName = "ToolbarRoot");
+  return t;
+}
 export {
-  N as ToolbarRoot
+  s as useValueAsRef
 };

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

@@ -1,54 +1,28 @@
-import * as e from "react";
-import { useToolbarRootContext as x } from "./als-react-ts-ui395.js";
-import { useToolbarGroupContext as N } from "./als-react-ts-ui563.js";
-import { CompositeItem as T } from "./als-react-ts-ui487.js";
-import { jsx as C } from "react/jsx-runtime";
-import { useButton as R } from "./als-react-ts-ui230.js";
-const g = /* @__PURE__ */ e.forwardRef(function(r, a) {
-  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
-    ]
+import * as l from "react-dom";
+import { useAnimationFrame as m } from "./als-react-ts-ui347.js";
+import { useStableCallback as u } from "./als-react-ts-ui223.js";
+import { resolveRef as c } from "./als-react-ts-ui374.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" && (g.displayName = "ToolbarButton");
+}
 export {
-  g as ToolbarButton
+  S as useAnimationsFinished
 };

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

@@ -1,32 +1,136 @@
-import * as e from "react";
-import { useToolbarRootContext as i } from "./als-react-ts-ui395.js";
-import { CompositeItem as c } from "./als-react-ts-ui487.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) {
+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: 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]
+    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" && (l.displayName = "ToolbarLink");
+}
+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 {
-  l as ToolbarLink
+  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-ui339.js

@@ -1,35 +1,8 @@
-import * as e from "react";
-import { useRenderElement as p } from "./als-react-ts-ui226.js";
-import { useToolbarRootContext as u } from "./als-react-ts-ui395.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 * as t from "react";
+const e = parseInt(t.version, 10);
+function o(r) {
+  return e >= r;
+}
 export {
-  f as ToolbarGroup
+  o as isReactVersionAtLeast
 };

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

@@ -1,8 +1,8 @@
 import { jsx as u } from "react/jsx-runtime";
 import * as y from "react";
 import { clsx as x } from "./als-react-ts-ui56.js";
-import e from "./als-react-ts-ui331.js";
-import { Toggle as T } from "./als-react-ts-ui332.js";
+import e from "./als-react-ts-ui260.js";
+import { Toggle as T } from "./als-react-ts-ui261.js";
 const j = y.forwardRef(
   function({
     value: r,

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

@@ -1,19 +1,11 @@
-import * as e from "react";
-import { useToolbarRootContext as i } from "./als-react-ts-ui395.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");
+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 {
-  c as ToolbarSeparator
+  s as error
 };

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

@@ -1,56 +1,14 @@
-import * as s from "react";
-import { useFocusableWhenDisabled as D } from "./als-react-ts-ui323.js";
-import { ARROW_LEFT as R, ARROW_RIGHT as T } from "./als-react-ts-ui237.js";
-import { useToolbarRootContext as N } from "./als-react-ts-ui395.js";
-import { useToolbarGroupContext as P } from "./als-react-ts-ui563.js";
-import { CompositeItem as x } from "./als-react-ts-ui487.js";
-import { jsx as C } from "react/jsx-runtime";
-import { stopEvent as I } from "./als-react-ts-ui280.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");
+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 = "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 {
-  W as ToolbarInput
+  e as CompositeRootContext,
+  r as useCompositeRootContext
 };