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

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

@@ -1,66 +1,19 @@
-import * as f from "react";
-import { useStableCallback as y } from "./als-react-ts-ui192.js";
-import { useControlled as G } from "./als-react-ts-ui282.js";
-import { useRenderElement as O } from "./als-react-ts-ui189.js";
-import { useToggleGroupContext as S } from "./als-react-ts-ui537.js";
-import { useButton as j } from "./als-react-ts-ui247.js";
-import { CompositeItem as w } from "./als-react-ts-ui488.js";
-import { createChangeEventDetails as D } from "./als-react-ts-ui246.js";
-import { jsx as I } from "react/jsx-runtime";
-import { none as M } from "./als-react-ts-ui248.js";
-const _ = /* @__PURE__ */ f.forwardRef(function(a, i) {
-  const {
-    className: m,
-    defaultPressed: c = !1,
-    disabled: g = !1,
-    form: z,
-    // never participates in form validation
-    onPressedChange: P,
-    pressed: C,
-    render: b,
-    type: A,
-    // cannot change button type
-    value: v,
-    nativeButton: x = !0,
-    ...E
-  } = a, r = v ?? "", e = S(), N = e?.value ?? [], T = e ? void 0 : c, n = (g || e?.disabled) ?? !1, [o, h] = G({
-    controlled: e && r ? N?.indexOf(r) > -1 : C,
-    default: T,
-    name: "Toggle",
-    state: "pressed"
-  }), R = y((s, t) => {
-    e?.setGroupValue?.(r, s, t), P?.(s, t);
-  }), {
-    getButtonProps: B,
-    buttonRef: V
-  } = j({
-    disabled: n,
-    native: x
-  }), l = f.useMemo(() => ({
-    disabled: n,
-    pressed: o
-  }), [n, o]), d = [V, i], p = [{
-    "aria-pressed": o,
-    onClick(s) {
-      const t = !o, u = D(M, s.nativeEvent);
-      R(t, u), !u.isCanceled && h(t);
-    }
-  }, E, B], k = O("button", a, {
-    enabled: !e,
-    state: l,
-    ref: d,
-    props: p
+import * as e from "react";
+import { useToolbarRootContext as i } from "./als-react-ts-ui364.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
   });
-  return e ? /* @__PURE__ */ I(w, {
-    tag: "button",
-    render: b,
-    className: m,
-    state: l,
-    refs: d,
-    props: p
-  }) : k;
 });
-process.env.NODE_ENV !== "production" && (_.displayName = "Toggle");
+process.env.NODE_ENV !== "production" && (c.displayName = "ToolbarSeparator");
 export {
-  _ as Toggle
+  c as ToolbarSeparator
 };

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

@@ -1,17 +1,56 @@
-const r = "_group_1ni9e_2", _ = {
-  group: r,
-  "group--horizontal": "_group--horizontal_1ni9e_12",
-  "group--vertical": "_group--vertical_1ni9e_16",
-  "group--disabled": "_group--disabled_1ni9e_21",
-  "group--sm": "_group--sm_1ni9e_27",
-  "group--md": "_group--md_1ni9e_32",
-  "group--lg": "_group--lg_1ni9e_37",
-  "group--default": "_group--default_1ni9e_43",
-  "group--primary": "_group--primary_1ni9e_47",
-  "group--success": "_group--success_1ni9e_52",
-  "group--error": "_group--error_1ni9e_57"
-};
+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-ui281.js";
+import { useToolbarRootContext as N } from "./als-react-ts-ui364.js";
+import { useToolbarGroupContext as P } from "./als-react-ts-ui566.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-ui305.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 {
-  _ as default,
-  r as group
+  W as ToolbarInput
 };

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

@@ -1,77 +1,11 @@
-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 n from "react";
+import { isReactVersionAtLeast as o } from "./als-react-ts-ui339.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 {
-  B as ToggleGroup
+  s as getReactElementRef
 };

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

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

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

@@ -1,47 +1,16 @@
-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
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (N.displayName = "ToolbarRoot");
+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 {
-  N as ToolbarRoot
+  i as getStateAttributesProps
 };

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-ui266.js";
 const T = {
   Root: b,
   List: t,

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

@@ -1,54 +1,6 @@
-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) {
-  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
-    ]
-  });
-});
-process.env.NODE_ENV !== "production" && (g.displayName = "ToolbarButton");
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
 export {
-  g as ToolbarButton
+  t as resolveClassName
 };

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

@@ -1,32 +1,6 @@
-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");
+function e(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
 export {
-  l as ToolbarLink
+  e as resolveStyle
 };

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

@@ -1,35 +1,8 @@
-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");
+function e() {
+}
+const t = Object.freeze([]), c = Object.freeze({});
 export {
-  f as ToolbarGroup
+  t as EMPTY_ARRAY,
+  c as EMPTY_OBJECT,
+  e as NOOP
 };

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

@@ -1,19 +1,82 @@
-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 { mergeObjects as a } from "./als-react-ts-ui318.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;
+}
 export {
-  c as ToolbarSeparator
+  y as makeEventPreventable,
+  I as mergeClassNames,
+  g as mergeProps,
+  h as mergePropsN
 };

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

@@ -1,56 +1,8 @@
-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");
+import * as o from "react";
+const e = [];
+function n(t) {
+  o.useEffect(t, e);
+}
 export {
-  W as ToolbarInput
+  n as useOnMount
 };