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

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

@@ -1,44 +1,192 @@
-import "react";
-import { stringifyAsLabel as l } from "./als-react-ts-ui260.js";
-const f = /* @__PURE__ */ new Map();
-function h(e) {
-  return Array.isArray(e) ? e.map((c) => h(c)).join(",") : e == null ? "" : String(e);
+import * as t from "react";
+import { ownerDocument as Ve } from "./als-react-ts-ui352.js";
+import { useControlled as Ie } from "./als-react-ts-ui265.js";
+import { useStableCallback as d } from "./als-react-ts-ui266.js";
+import { useValueAsRef as De } from "./als-react-ts-ui318.js";
+import { useIsoLayoutEffect as Pe } from "./als-react-ts-ui267.js";
+import { warn as Me } from "./als-react-ts-ui268.js";
+import { createChangeEventDetails as X, createGenericEventDetails as Ne } from "./als-react-ts-ui229.js";
+import { useValueChanged as Te } from "./als-react-ts-ui406.js";
+import { useBaseUiId as Le } from "./als-react-ts-ui232.js";
+import { useRenderElement as Oe } from "./als-react-ts-ui226.js";
+import { clamp as Be } from "./als-react-ts-ui523.js";
+import { areArraysEqual as Z } from "./als-react-ts-ui443.js";
+import { CompositeList as Ue } from "./als-react-ts-ui269.js";
+import { useField as Fe } from "./als-react-ts-ui403.js";
+import { useFieldRootContext as ke } from "./als-react-ts-ui398.js";
+import { useFormContext as je } from "./als-react-ts-ui402.js";
+import { useLabelableContext as qe } from "./als-react-ts-ui399.js";
+import { asc as we } from "./als-react-ts-ui552.js";
+import { getSliderValue as _e } from "./als-react-ts-ui553.js";
+import { validateMinimumDistance as ze } from "./als-react-ts-ui554.js";
+import { sliderStateAttributesMapping as Ge } from "./als-react-ts-ui555.js";
+import { SliderRootContext as He } from "./als-react-ts-ui556.js";
+import { jsx as Y } from "react/jsx-runtime";
+import { none as Je, keyboard as Ke, inputChange as Qe } from "./als-react-ts-ui231.js";
+import { activeElement as We } from "./als-react-ts-ui312.js";
+function Xe(i) {
+  return "key" in i ? Ke : Qe;
 }
-function m(e = {}) {
-  const c = {
-    usage: "search",
-    sensitivity: "base",
-    ignorePunctuation: !0,
-    ...e
-  }, a = `${h(e.locale)}|${JSON.stringify(c)}`, g = f.get(a);
-  if (g)
-    return g;
-  const o = new Intl.Collator(e.locale, c), u = {
-    contains(i, t, s) {
-      if (!t)
-        return !0;
-      const r = l(i, s);
-      for (let n = 0; n <= r.length - t.length; n += 1)
-        if (o.compare(r.slice(n, n + t.length), t) === 0)
-          return !0;
-      return !1;
-    },
-    startsWith(i, t, s) {
-      if (!t)
-        return !0;
-      const r = l(i, s);
-      return o.compare(r.slice(0, t.length), t) === 0;
-    },
-    endsWith(i, t, s) {
-      if (!t)
-        return !0;
-      const r = l(i, s), n = t.length;
-      return r.length >= n && o.compare(r.slice(r.length - n), t) === 0;
-    }
-  };
-  return f.set(a, u), u;
+function Ye(i, l) {
+  return typeof i == "number" && typeof l == "number" ? i === l : Array.isArray(i) && Array.isArray(l) ? Z(i, l) : !1;
 }
-const d = m;
+const Ze = /* @__PURE__ */ t.forwardRef(function(l, $) {
+  const {
+    "aria-labelledby": ee,
+    className: $e,
+    defaultValue: te,
+    disabled: re = !1,
+    id: oe,
+    format: ne,
+    largeStep: T = 10,
+    locale: L,
+    render: et,
+    max: n = 100,
+    min: o = 0,
+    minStepsBetweenValues: f = 0,
+    name: ae,
+    onValueChange: se,
+    onValueCommitted: ie,
+    orientation: v = "horizontal",
+    step: p = 1,
+    thumbCollisionBehavior: O = "push",
+    thumbAlignment: S = "center",
+    value: le,
+    ...ue
+  } = l, B = Le(oe), me = d(se), A = d(ie), {
+    clearErrors: ce
+  } = je(), {
+    state: U,
+    disabled: de,
+    name: fe,
+    setTouched: pe,
+    setDirty: be,
+    validityData: he,
+    shouldValidateOnChange: ge,
+    validation: m
+  } = ke(), {
+    labelId: ve
+  } = qe(), E = ee ?? ve, u = de || re, b = fe ?? ae, [r, Re] = Ie({
+    controlled: le,
+    default: te ?? o,
+    name: "Slider"
+  }), x = t.useRef(null), R = t.useRef(null), V = t.useRef([]), F = t.useRef(null), k = t.useRef(null), j = t.useRef(-1), q = t.useRef(null), y = t.useRef(null), I = t.useRef("none"), w = De(ne), [h, ye] = t.useState(-1), [_, Ce] = t.useState(-1), [C, z] = t.useState(!1), [G, Se] = t.useState(() => /* @__PURE__ */ new Map()), [H, J] = t.useState([void 0, void 0]), D = d((e) => {
+    ye(e), e !== -1 && Ce(e);
+  });
+  Fe({
+    id: B,
+    commit: m.commit,
+    value: r,
+    controlRef: R,
+    name: b,
+    getValue: () => r
+  }), Te(r, () => {
+    ce(b), ge() ? m.commit(r) : m.commit(r, !0);
+    const e = he.initialValue;
+    let a;
+    Array.isArray(r) && Array.isArray(e) ? a = !Z(r, e) : a = r !== e, be(a);
+  });
+  const K = d((e) => {
+    e && (R.current = e);
+  }), P = Array.isArray(r), g = t.useMemo(() => P ? r.slice().sort(we) : [Be(r, o, n)], [n, o, P, r]), M = d((e, a) => {
+    if (Number.isNaN(e) || Ye(e, r))
+      return;
+    const s = a ?? X(Je, void 0, void 0, {
+      activeThumbIndex: -1
+    });
+    I.current = s.reason;
+    const c = new event.constructor(event.type, event);
+    Object.defineProperty(c, "target", {
+      writable: !0,
+      value: {
+        value: e,
+        name: b
+      }
+    }), s.event = c, y.current = e, me(e, s), !s.isCanceled && Re(e);
+  }), Q = d((e, a, s) => {
+    const c = _e(e, a, o, n, P, g);
+    if (ze(c, p, f)) {
+      const W = Xe(s);
+      M(c, X(W, s.nativeEvent, void 0, {
+        activeThumbIndex: a
+      })), pe(!0);
+      const xe = y.current ?? c;
+      A(xe, Ne(W, s.nativeEvent));
+    }
+  });
+  process.env.NODE_ENV !== "production" && o >= n && Me("Slider `max` must be greater than `min`."), Pe(() => {
+    const e = We(Ve(x.current));
+    u && e && x.current?.contains(e) && e.blur();
+  }, [u]), u && h !== -1 && D(-1);
+  const N = t.useMemo(() => ({
+    ...U,
+    activeThumbIndex: h,
+    disabled: u,
+    dragging: C,
+    orientation: v,
+    max: n,
+    min: o,
+    minStepsBetweenValues: f,
+    step: p,
+    values: g
+  }), [U, h, u, C, n, o, f, v, p, g]), Ae = t.useMemo(() => ({
+    active: h,
+    controlRef: R,
+    disabled: u,
+    dragging: C,
+    validation: m,
+    formatOptionsRef: w,
+    handleInputChange: Q,
+    indicatorPosition: H,
+    inset: S !== "center",
+    labelId: E,
+    largeStep: T,
+    lastUsedThumbIndex: _,
+    lastChangedValueRef: y,
+    lastChangeReasonRef: I,
+    locale: L,
+    max: n,
+    min: o,
+    minStepsBetweenValues: f,
+    name: b,
+    onValueCommitted: A,
+    orientation: v,
+    pressedInputRef: F,
+    pressedThumbCenterOffsetRef: k,
+    pressedThumbIndexRef: j,
+    pressedValuesRef: q,
+    registerFieldControlRef: K,
+    renderBeforeHydration: S === "edge",
+    setActive: D,
+    setDragging: z,
+    setIndicatorPosition: J,
+    setValue: M,
+    state: N,
+    step: p,
+    thumbCollisionBehavior: O,
+    thumbMap: G,
+    thumbRefs: V,
+    values: g
+  }), [h, R, E, u, C, m, w, Q, H, T, _, y, I, L, n, o, f, b, A, v, F, k, j, q, K, D, z, J, M, N, p, O, S, G, V, g]), Ee = Oe("div", l, {
+    state: N,
+    ref: [$, x],
+    props: [{
+      "aria-labelledby": E,
+      id: B,
+      role: "group"
+    }, m.getValidationProps, ue],
+    stateAttributesMapping: Ge
+  });
+  return /* @__PURE__ */ Y(He.Provider, {
+    value: Ae,
+    children: /* @__PURE__ */ Y(Ue, {
+      elementsRef: V,
+      onMapChange: Se,
+      children: Ee
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (Ze.displayName = "SliderRoot");
 export {
-  d as useCoreFilter
+  Ze as SliderRoot
 };

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

@@ -1,41 +1,16 @@
-import e from "./als-react-ts-ui197.js";
-import * as t from "react";
-const n = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (n.displayName = "ComboboxRootContext");
-const s = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (s.displayName = "ComboboxFloatingContext");
-const r = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (r.displayName = "ComboboxDerivedItemsContext");
-const i = /* @__PURE__ */ t.createContext("");
-process.env.NODE_ENV !== "production" && (i.displayName = "ComboboxInputValueContext");
-function b() {
-  const o = t.useContext(n);
-  if (!o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxRootContext is missing. Combobox parts must be placed within <Combobox.Root>." : e(22));
-  return o;
-}
-function C() {
-  const o = t.useContext(s);
-  if (!o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxFloatingContext is missing. Combobox parts must be placed within <Combobox.Root>." : e(23));
-  return o;
-}
-function m() {
-  const o = t.useContext(r);
-  if (!o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxItemsContext is missing. Combobox parts must be placed within <Combobox.Root>." : e(24));
-  return o;
-}
-function c() {
-  return t.useContext(i);
-}
+const e = "_toggle_1lewf_2", g = {
+  toggle: e,
+  "toggle--disabled": "_toggle--disabled_1lewf_31",
+  "toggle--pressed": "_toggle--pressed_1lewf_43",
+  "toggle--sm": "_toggle--sm_1lewf_62",
+  "toggle--md": "_toggle--md_1lewf_68",
+  "toggle--lg": "_toggle--lg_1lewf_74",
+  "toggle--default": "_toggle--default_1lewf_81",
+  "toggle--primary": "_toggle--primary_1lewf_86",
+  "toggle--success": "_toggle--success_1lewf_97",
+  "toggle--error": "_toggle--error_1lewf_108"
+};
 export {
-  r as ComboboxDerivedItemsContext,
-  s as ComboboxFloatingContext,
-  i as ComboboxInputValueContext,
-  n as ComboboxRootContext,
-  m as useComboboxDerivedItemsContext,
-  C as useComboboxFloatingContext,
-  c as useComboboxInputValueContext,
-  b as useComboboxRootContext
+  g as default,
+  e as toggle
 };

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

@@ -1,59 +1,66 @@
-import { compareItemEquality as l } from "./als-react-ts-ui261.js";
-import { createSelector as t } from "./als-react-ts-ui245.js";
-const u = {
-  id: t((e) => e.id),
-  query: t((e) => e.query),
-  items: t((e) => e.items),
-  selectedValue: t((e) => e.selectedValue),
-  open: t((e) => e.open),
-  mounted: t((e) => e.mounted),
-  forceMounted: t((e) => e.forceMounted),
-  inline: t((e) => e.inline),
-  activeIndex: t((e) => e.activeIndex),
-  selectedIndex: t((e) => e.selectedIndex),
-  isActive: t((e, i) => e.activeIndex === i),
-  isSelected: t((e, i) => {
-    const n = e.isItemEqualToValue, o = e.selectedValue;
-    return Array.isArray(o) ? o.some((p) => l(p, i, n)) : l(o, i, n);
-  }),
-  transitionStatus: t((e) => e.transitionStatus),
-  popupProps: t((e) => e.popupProps),
-  inputProps: t((e) => e.inputProps),
-  triggerProps: t((e) => e.triggerProps),
-  getItemProps: t((e) => e.getItemProps),
-  positionerElement: t((e) => e.positionerElement),
-  listElement: t((e) => e.listElement),
-  triggerElement: t((e) => e.triggerElement),
-  inputElement: t((e) => e.inputElement),
-  popupSide: t((e) => e.popupSide),
-  openMethod: t((e) => e.openMethod),
-  inputInsidePopup: t((e) => e.inputInsidePopup),
-  selectionMode: t((e) => e.selectionMode),
-  listRef: t((e) => e.listRef),
-  labelsRef: t((e) => e.labelsRef),
-  popupRef: t((e) => e.popupRef),
-  emptyRef: t((e) => e.emptyRef),
-  inputRef: t((e) => e.inputRef),
-  keyboardActiveRef: t((e) => e.keyboardActiveRef),
-  chipsContainerRef: t((e) => e.chipsContainerRef),
-  clearRef: t((e) => e.clearRef),
-  valuesRef: t((e) => e.valuesRef),
-  allValuesRef: t((e) => e.allValuesRef),
-  name: t((e) => e.name),
-  disabled: t((e) => e.disabled),
-  readOnly: t((e) => e.readOnly),
-  required: t((e) => e.required),
-  grid: t((e) => e.grid),
-  isGrouped: t((e) => e.isGrouped),
-  virtualized: t((e) => e.virtualized),
-  onOpenChangeComplete: t((e) => e.onOpenChangeComplete),
-  openOnInputClick: t((e) => e.openOnInputClick),
-  itemToStringLabel: t((e) => e.itemToStringLabel),
-  isItemEqualToValue: t((e) => e.isItemEqualToValue),
-  modal: t((e) => e.modal),
-  autoHighlight: t((e) => e.autoHighlight),
-  submitOnItemClick: t((e) => e.submitOnItemClick)
-};
+import * as f from "react";
+import { useStableCallback as y } from "./als-react-ts-ui266.js";
+import { useControlled as G } from "./als-react-ts-ui265.js";
+import { useRenderElement as O } from "./als-react-ts-ui226.js";
+import { useToggleGroupContext as S } from "./als-react-ts-ui547.js";
+import { useButton as j } from "./als-react-ts-ui230.js";
+import { CompositeItem as w } from "./als-react-ts-ui487.js";
+import { createChangeEventDetails as D } from "./als-react-ts-ui229.js";
+import { jsx as I } from "react/jsx-runtime";
+import { none as M } from "./als-react-ts-ui231.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
+  });
+  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");
 export {
-  u as selectors
+  _ as Toggle
 };

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

@@ -1,10 +1,17 @@
-import * as o from "react";
-const t = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxChipsContext");
-function e() {
-  return o.useContext(t);
-}
+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"
+};
 export {
-  t as ComboboxChipsContext,
-  e as useComboboxChipsContext
+  _ as default,
+  r as group
 };

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

@@ -1,14 +1,77 @@
-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 = "ComboboxPositionerContext");
-function s(n) {
-  const o = e.useContext(t);
-  if (o === void 0 && !n)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Popup> and <Combobox.Arrow> must be used within the <Combobox.Positioner> component" : r(21));
-  return o;
-}
+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;
+  }
+}, 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");
 export {
-  t as ComboboxPositionerContext,
-  s as useComboboxPositionerContext
+  B as ToggleGroup
 };

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

@@ -1,14 +1,27 @@
-import r from "./als-react-ts-ui197.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxPortalContext");
-function s() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Portal> is missing." : r(20));
-  return o;
-}
+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
+};
 export {
-  e as ComboboxPortalContext,
-  s as useComboboxPortalContext
+  _ 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
 };

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

@@ -1,14 +1,47 @@
-import r from "./als-react-ts-ui197.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxGroupContext");
-function s() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxGroupContext is missing. ComboboxGroup parts must be placed within <Combobox.Group>." : r(18));
-  return o;
-}
+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"
+  };
+  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");
 export {
-  e as ComboboxGroupContext,
-  s as useComboboxGroupContext
+  N as ToolbarRoot
 };