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

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

@@ -1,23 +1,54 @@
-import * as o from "react";
-import { jsx as i } from "react/jsx-runtime";
-const e = /* @__PURE__ */ o.createContext(null);
-process.env.NODE_ENV !== "production" && (e.displayName = "GroupCollectionContext");
-function u() {
-  return o.useContext(e);
-}
-function s(n) {
+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 {
-    children: r,
-    items: t
-  } = n, c = o.useMemo(() => ({
-    items: t
-  }), [t]);
-  return /* @__PURE__ */ i(e.Provider, {
-    value: c,
-    children: r
+    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
+    ]
   });
-}
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "ToolbarButton");
 export {
-  s as GroupCollectionProvider,
-  u as useGroupCollectionContext
+  g as ToolbarButton
 };

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

@@ -1,6 +1,32 @@
-import * as o from "react";
-const e = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxItemContext");
+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) {
+  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");
 export {
-  e as ComboboxItemContext
+  l as ToolbarLink
 };

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

@@ -1,10 +1,35 @@
-import * as o from "react";
-const t = /* @__PURE__ */ o.createContext(!1);
-process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxRowContext");
-function e() {
-  return o.useContext(t);
-}
+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");
 export {
-  t as ComboboxRowContext,
-  e as useComboboxRowContext
+  f as ToolbarGroup
 };

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

@@ -1,9 +1,52 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui125.js";
-function m(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+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";
+const j = y.forwardRef(
+  function({
+    value: r,
+    pressed: a,
+    defaultPressed: g = !1,
+    onPressedChange: t,
+    disabled: f = !1,
+    size: i = "md",
+    variant: d = "default",
+    className: l,
+    style: m,
+    children: s,
+    "aria-label": p,
+    "aria-labelledby": b,
+    ...n
+  }, c) {
+    return /* @__PURE__ */ u(
+      T,
+      {
+        ref: c,
+        value: r,
+        pressed: a,
+        defaultPressed: g,
+        onPressedChange: t,
+        disabled: f,
+        "aria-label": p,
+        "aria-labelledby": b,
+        className: (o) => x(
+          e.toggle,
+          e[`toggle--${i}`],
+          e[`toggle--${d}`],
+          {
+            [e["toggle--pressed"]]: o.pressed,
+            [e["toggle--disabled"]]: o.disabled
+          },
+          typeof l == "function" ? l(o) : l
+        ),
+        style: m,
+        ...n,
+        children: s
+      }
+    );
+  }
+);
 export {
-  m as ALSToggle,
-  m as default
+  j as ALSToggle
 };

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

@@ -1,19 +1,19 @@
-const c = /* @__PURE__ */ new Map();
-function f(t, r) {
-  const n = JSON.stringify({
-    locale: t,
-    options: r
-  }), e = c.get(n);
-  if (e)
-    return e;
-  const o = new Intl.NumberFormat(t, r);
-  return c.set(n, o), o;
-}
-function m(t, r, n) {
-  return t == null ? "" : f(r, n).format(t);
-}
+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");
 export {
-  c as cache,
-  m as formatNumber,
-  f as getFormatter
+  c as ToolbarSeparator
 };

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

@@ -1,14 +1,56 @@
-import r from "./als-react-ts-ui197.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "ProgressRootContext");
-function n() {
-  const o = e.useContext(t);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ProgressRootContext is missing. Progress parts must be placed within <Progress.Root>." : r(51));
-  return o;
-}
+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");
 export {
-  t as ProgressRootContext,
-  n as useProgressRootContext
+  W as ToolbarInput
 };

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

@@ -1,15 +1,45 @@
-import { ProgressRootDataAttributes as r } from "./als-react-ts-ui349.js";
-const i = {
-  status(t) {
-    return t === "progressing" ? {
-      [r.progressing]: ""
-    } : t === "complete" ? {
-      [r.complete]: ""
-    } : t === "indeterminate" ? {
-      [r.indeterminate]: ""
-    } : null;
-  }
-};
+import * as c from "react";
+import * as d from "react-dom";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui267.js";
+import { AnimationFrame as u } from "./als-react-ts-ui346.js";
+function q(t, s = !1, f = !1) {
+  const [r, n] = c.useState(t && s ? "idle" : void 0), [i, m] = c.useState(t);
+  return t && !i && (m(!0), n("starting")), !t && i && r !== "ending" && !f && n("ending"), !t && !i && r === "ending" && n(void 0), a(() => {
+    if (!t && i && r !== "ending" && f) {
+      const e = u.request(() => {
+        n("ending");
+      });
+      return () => {
+        u.cancel(e);
+      };
+    }
+  }, [t, i, r, f]), a(() => {
+    if (!t || s)
+      return;
+    const e = u.request(() => {
+      d.flushSync(() => {
+        n(void 0);
+      });
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t]), a(() => {
+    if (!t || !s)
+      return;
+    t && i && r !== "idle" && n("starting");
+    const e = u.request(() => {
+      n("idle");
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t, i, n, r]), c.useMemo(() => ({
+    mounted: i,
+    setMounted: m,
+    transitionStatus: r
+  }), [i, r]);
+}
 export {
-  i as progressStateAttributesMapping
+  q as useTransitionStatus
 };

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

@@ -1,6 +1,23 @@
-function n(r, e, t) {
-  return (r - e) * 100 / (t - e);
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext({
+  register: () => {
+  },
+  unregister: () => {
+  },
+  subscribeMapChange: () => () => {
+  },
+  elementsRef: {
+    current: []
+  },
+  nextIndexRef: {
+    current: 0
+  }
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
+function n() {
+  return e.useContext(t);
 }
 export {
-  n as valueToPercent
+  t as CompositeListContext,
+  n as useCompositeListContext
 };