@dxos/react-ui 0.8.4-main.67995b8 → 0.8.4-main.a4bbb77

package/dist/lib/browser/{chunk-2COVUP44.mjs → chunk-LBCJC75U.mjs}

@@ -57,7 +57,7 @@ import { useContext as useContext4 } from "react";
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import { enUS as dtLocaleEnUs } from "date-fns/locale";
 import i18Next from "i18next";
-import React, { useEffect, createContext, useState as useState2, Suspense, useContext as useContext3 } from "react";
+import React, { Suspense, createContext, useContext as useContext3, useEffect, useState as useState2 } from "react";
 import { initReactI18next, useTranslation as useI18NextTranslation } from "react-i18next";
 var initialLng = "en-US";
 var initialNs = "dxos-common";
@@ -138,7 +138,7 @@ var useVisualViewport = (deps) => {
       setHeight(window.visualViewport.height);
     }
   }, []);
-  useResize2(handleResize);
+  useResize2(handleResize, deps);
   return {
     width,
     height
@@ -1136,7 +1136,7 @@ var LabelledIconButton = /* @__PURE__ */ forwardRef8(({ icon, size, iconOnly, la
         iconOnly
       }, classNames),
       ref: forwardedRef
-    }, /* @__PURE__ */ React9.createElement(Icon, {
+    }, icon && /* @__PURE__ */ React9.createElement(Icon, {
       icon,
       size,
       classNames: iconClassNames
@@ -1188,7 +1188,7 @@ var Toggle = /* @__PURE__ */ forwardRef9(({ defaultPressed, pressed, onPressedCh
 
 // src/components/Buttons/ToggleGroup.tsx
 import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
-import { ToggleGroup as ToggleGroupPrimitive, ToggleGroupItem as ToggleGroupItemPrimitive } from "@radix-ui/react-toggle-group";
+import { ToggleGroupItem as ToggleGroupItemPrimitive, ToggleGroup as ToggleGroupPrimitive } from "@radix-ui/react-toggle-group";
 import React11, { forwardRef as forwardRef10 } from "react";
 var ToggleGroup = /* @__PURE__ */ forwardRef10(({ classNames, children, ...props }, forwardedRef) => {
   var _effect = _useSignals11();
@@ -1223,6 +1223,26 @@ var ToggleGroupItem = /* @__PURE__ */ forwardRef10(({ variant, elevation, densit
     _effect.f();
   }
 });
+var ToggleGroupIconItem = /* @__PURE__ */ forwardRef10(({ variant, label, icon, size, elevation, density, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals11();
+  try {
+    return /* @__PURE__ */ React11.createElement(ToggleGroupItemPrimitive, {
+      ...props,
+      asChild: true
+    }, /* @__PURE__ */ React11.createElement(IconButton, {
+      variant,
+      elevation,
+      density,
+      classNames,
+      label,
+      icon,
+      size,
+      ref: forwardedRef
+    }));
+  } finally {
+    _effect.f();
+  }
+});
 
 // src/components/Clipboard/ClipboardProvider.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
@@ -1255,13 +1275,69 @@ var ClipboardProvider = ({ children }) => {
 // src/components/Clipboard/CopyButton.tsx
 import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
 import React16 from "react";
-import { mx as mx2 } from "@dxos/react-ui-theme";
+import { mx as mx3 } from "@dxos/react-ui-theme";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
 import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
 import { createKeyborg } from "keyborg";
 import React15, { createContext as createContext7, useEffect as useEffect3, useMemo as useMemo2 } from "react";
 
+// src/util/domino.ts
+import { mx as mx2 } from "@dxos/react-ui-theme";
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var Domino = class _Domino {
+  static of(tag) {
+    return new _Domino(tag);
+  }
+  classNames(...classNames) {
+    this._el.className = mx2(classNames);
+    return this;
+  }
+  text(value) {
+    this._el.textContent = value;
+    return this;
+  }
+  data(key, value) {
+    this._el.dataset[key] = value;
+    return this;
+  }
+  style(styles) {
+    Object.assign(this._el.style, styles);
+    return this;
+  }
+  attr(key, value) {
+    this._el[key] = value;
+    return this;
+  }
+  children(...children) {
+    children.forEach((child) => this._el.appendChild(child.build()));
+    return this;
+  }
+  on(event, handler) {
+    this._el.addEventListener(event, handler);
+    return this;
+  }
+  build() {
+    return this._el;
+  }
+  constructor(tag) {
+    _define_property(this, "_el", void 0);
+    this._el = document.createElement(tag);
+  }
+};
+
 // src/util/hasIosKeyboard.ts
 var hasIosKeyboard = () => {
   return !!navigator.userAgent.match(/iP(ad|od|hone).+Safari/);
@@ -1371,7 +1447,7 @@ var CopyButton = ({ classNames, value, size = 5, ...props }) => {
       "data-testid": "copy-invitation"
     }, /* @__PURE__ */ React16.createElement("div", {
       role: "none",
-      className: mx2("flex gap-1 items-center", isCopied && inactiveLabelStyles)
+      className: mx3("flex gap-1 items-center", isCopied && inactiveLabelStyles)
     }, /* @__PURE__ */ React16.createElement("span", {
       className: "pli-1"
     }, t("copy label")), /* @__PURE__ */ React16.createElement(Icon, {
@@ -1379,7 +1455,7 @@ var CopyButton = ({ classNames, value, size = 5, ...props }) => {
       size
     })), /* @__PURE__ */ React16.createElement("div", {
       role: "none",
-      className: mx2("flex gap-1 items-center", !isCopied && inactiveLabelStyles)
+      className: mx3("flex gap-1 items-center", !isCopied && inactiveLabelStyles)
     }, /* @__PURE__ */ React16.createElement("span", {
       className: "pli-1"
     }, t("copy success label")), /* @__PURE__ */ React16.createElement(Icon, {
@@ -1426,7 +1502,7 @@ var Clipboard = {
 // src/components/Dialogs/Dialog.tsx
 import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
 import { createContext as createContext8 } from "@radix-ui/react-context";
-import { Root as DialogRootPrimitive, DialogTrigger as DialogTriggerPrimitive, DialogPortal as DialogPortalPrimitive, DialogOverlay as DialogOverlayPrimitive, DialogTitle as DialogTitlePrimitive, DialogDescription as DialogDescriptionPrimitive, DialogClose as DialogClosePrimitive, DialogContent as DialogContentPrimitive } from "@radix-ui/react-dialog";
+import { DialogClose as DialogClosePrimitive, DialogContent as DialogContentPrimitive, DialogDescription as DialogDescriptionPrimitive, DialogOverlay as DialogOverlayPrimitive, DialogPortal as DialogPortalPrimitive, Root as DialogRootPrimitive, DialogTitle as DialogTitlePrimitive, DialogTrigger as DialogTriggerPrimitive } from "@radix-ui/react-dialog";
 import React17, { forwardRef as forwardRef11 } from "react";
 var DialogRoot = (props) => {
   var _effect = _useSignals17();
@@ -1524,7 +1600,7 @@ var Dialog = {
 
 // src/components/Dialogs/AlertDialog.tsx
 import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
-import { Root as AlertDialogRootPrimitive, AlertDialogTrigger as AlertDialogTriggerPrimitive, AlertDialogPortal as AlertDialogPortalPrimitive, AlertDialogOverlay as AlertDialogOverlayPrimitive, AlertDialogTitle as AlertDialogTitlePrimitive, AlertDialogDescription as AlertDialogDescriptionPrimitive, AlertDialogAction as AlertDialogActionPrimitive, AlertDialogCancel as AlertDialogCancelPrimitive, AlertDialogContent as AlertDialogContentPrimitive } from "@radix-ui/react-alert-dialog";
+import { AlertDialogAction as AlertDialogActionPrimitive, AlertDialogCancel as AlertDialogCancelPrimitive, AlertDialogContent as AlertDialogContentPrimitive, AlertDialogDescription as AlertDialogDescriptionPrimitive, AlertDialogOverlay as AlertDialogOverlayPrimitive, AlertDialogPortal as AlertDialogPortalPrimitive, Root as AlertDialogRootPrimitive, AlertDialogTitle as AlertDialogTitlePrimitive, AlertDialogTrigger as AlertDialogTriggerPrimitive } from "@radix-ui/react-alert-dialog";
 import { createContext as createContext9 } from "@radix-ui/react-context";
 import React18, { forwardRef as forwardRef12 } from "react";
 var AlertDialogRoot = (props) => {
@@ -1627,8 +1703,8 @@ import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking
 import { Root as CheckboxPrimitive } from "@radix-ui/react-checkbox";
 import { useControllableState as useControllableState2 } from "@radix-ui/react-use-controllable-state";
 import React19, { forwardRef as forwardRef13, useCallback as useCallback5 } from "react";
-import { InputRoot, PinInput as PinInputPrimitive, TextInput as TextInputPrimitive, TextArea as TextAreaPrimitive, useInputContext, INPUT_NAME, Description as DescriptionPrimitive, DescriptionAndValidation as DescriptionAndValidationPrimitive, Label as LabelPrimitive, Validation as ValidationPrimitive } from "@dxos/react-input";
-import { mx as mx3 } from "@dxos/react-ui-theme";
+import { DescriptionAndValidation as DescriptionAndValidationPrimitive, Description as DescriptionPrimitive, INPUT_NAME, InputRoot, Label as LabelPrimitive, PinInput as PinInputPrimitive, TextArea as TextAreaPrimitive, TextInput as TextInputPrimitive, Validation as ValidationPrimitive, useInputContext } from "@dxos/react-input";
+import { mx as mx4 } from "@dxos/react-ui-theme";
 var Label = /* @__PURE__ */ forwardRef13(({ srOnly, classNames, children, ...props }, forwardedRef) => {
   var _effect = _useSignals19();
   try {
@@ -1780,7 +1856,7 @@ var TextArea = /* @__PURE__ */ forwardRef13(({ __inputScope, classNames, density
     _effect.f();
   }
 });
-var Checkbox = /* @__PURE__ */ forwardRef13(({ __inputScope, checked: propsChecked, defaultChecked: propsDefaultChecked, onCheckedChange: propsOnCheckedChange, size, weight = "bold", classNames, ...props }, forwardedRef) => {
+var Checkbox = /* @__PURE__ */ forwardRef13(({ __inputScope, checked: propsChecked, defaultChecked: propsDefaultChecked, onCheckedChange: propsOnCheckedChange, size, classNames, ...props }, forwardedRef) => {
   var _effect = _useSignals19();
   try {
     const [checked, onCheckedChange] = useControllableState2({
@@ -1826,7 +1902,7 @@ var Switch = /* @__PURE__ */ forwardRef13(({ __inputScope, checked: propsChecked
     const { id, validationValence, descriptionId, errorMessageId } = useInputContext(INPUT_NAME, __inputScope);
     return /* @__PURE__ */ React19.createElement("input", {
       type: "checkbox",
-      className: mx3("dx-checkbox--switch dx-focus-ring", classNames),
+      className: mx4("dx-checkbox--switch dx-focus-ring", classNames),
       checked,
       onChange: (event) => {
         onCheckedChange(event.target.checked);
@@ -1861,7 +1937,7 @@ var Input = {
 import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import React21, { forwardRef as forwardRef14 } from "react";
-import { List as ListPrimitive, ListItemHeading as ListPrimitiveItemHeading, ListItemOpenTrigger as ListPrimitiveItemOpenTrigger, ListItemCollapsibleContent, ListItem as ListPrimitiveItem, LIST_NAME, LIST_ITEM_NAME, useListContext, useListItemContext } from "@dxos/react-list";
+import { LIST_ITEM_NAME, LIST_NAME, ListItemCollapsibleContent, List as ListPrimitive, ListItem as ListPrimitiveItem, ListItemHeading as ListPrimitiveItemHeading, ListItemOpenTrigger as ListPrimitiveItemOpenTrigger, useListContext, useListItemContext } from "@dxos/react-list";
 
 // src/components/Lists/ListDropIndicator.tsx
 import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
@@ -1982,7 +2058,6 @@ var ListItemOpenTrigger = /* @__PURE__ */ forwardRef14(({ __listItemScope, class
     const { tx } = useThemeContext();
     const density = useDensityContext();
     const { open } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
-    const iconName = open ? "ph--caret-down--bold" : "ph--caret-right--bold";
     return /* @__PURE__ */ React21.createElement(ListPrimitiveItemOpenTrigger, {
       ...props,
       className: tx("list.item.openTrigger", "list__listItem__openTrigger", {
@@ -1990,7 +2065,8 @@ var ListItemOpenTrigger = /* @__PURE__ */ forwardRef14(({ __listItemScope, class
       }, classNames),
       ref: forwardedRef
     }, children || /* @__PURE__ */ React21.createElement(Icon, {
-      icon: iconName,
+      size: 3,
+      icon: open ? "ph--caret-down--bold" : "ph--caret-right--bold",
       classNames: tx("list.item.openTriggerIcon", "list__listItem__openTrigger__icon", {})
     }));
   } finally {
@@ -2249,13 +2325,13 @@ var Treegrid = {
 // src/components/Main/Main.tsx
 import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
 import { createContext as createContext10 } from "@radix-ui/react-context";
-import { Root as DialogRoot2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@radix-ui/react-dialog";
+import { DialogContent as DialogContent2, Root as DialogRoot2, DialogTitle as DialogTitle2 } from "@radix-ui/react-dialog";
 import { Primitive as Primitive8 } from "@radix-ui/react-primitive";
 import { Slot as Slot8 } from "@radix-ui/react-slot";
 import { useControllableState as useControllableState4 } from "@radix-ui/react-use-controllable-state";
 import React25, { forwardRef as forwardRef17, useCallback as useCallback7, useEffect as useEffect5, useRef as useRef2, useState as useState7 } from "react";
 import { log } from "@dxos/log";
-import { useMediaQuery, useForwardedRef } from "@dxos/react-hooks";
+import { useForwardedRef, useMediaQuery } from "@dxos/react-hooks";
 
 // src/components/Main/useSwipeToDismiss.ts
 import { useCallback as useCallback6, useEffect as useEffect4, useState as useState6 } from "react";
@@ -2387,19 +2463,19 @@ var useLandmarkMover = (propsOnKeyDown, landmark) => {
 var [MainProvider, useMainContext] = createContext10(MAIN_NAME, {
   resizing: false,
   navigationSidebarState: "closed",
-  setNavigationSidebarState: (nextState) => {
+  setNavigationSidebarState: (_nextState) => {
     log.warn("Attempt to set sidebar state without initializing `MainRoot`", void 0, {
       F: __dxlog_file,
-      L: 82,
+      L: 88,
       S: void 0,
       C: (f, a) => f(...a)
     });
   },
   complementarySidebarState: "closed",
-  setComplementarySidebarState: (nextState) => {
+  setComplementarySidebarState: (_nextState) => {
     log.warn("Attempt to set sidebar state without initializing `MainRoot`", void 0, {
       F: __dxlog_file,
-      L: 87,
+      L: 93,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2520,7 +2596,7 @@ var MainSidebar = /* @__PURE__ */ forwardRef17(({ classNames, children, swipeToD
       className: tx("main.sidebar", "main__sidebar", {}, classNames),
       onKeyDown: handleKeyDown,
       ...state === "closed" && {
-        inert: "true"
+        inert: true
       },
       ref
     }, children));
@@ -2667,6 +2743,7 @@ var ContextMenuContent = /* @__PURE__ */ forwardRef18(({ classNames, children, c
     const safeCollisionPadding = useSafeCollisionPadding(collisionPadding);
     return /* @__PURE__ */ React26.createElement(ContextMenuPrimitive.Content, {
       ...props,
+      "data-arrow-keys": "up down",
       collisionPadding: safeCollisionPadding,
       className: tx("menu.content", "menu", {
         elevation
@@ -2784,7 +2861,7 @@ import { createMenuScope } from "@radix-ui/react-menu";
 import { Primitive as Primitive10 } from "@radix-ui/react-primitive";
 import { Slot as Slot10 } from "@radix-ui/react-slot";
 import { useControllableState as useControllableState5 } from "@radix-ui/react-use-controllable-state";
-import React27, { useRef as useRef3, useCallback as useCallback8, forwardRef as forwardRef19, useEffect as useEffect6 } from "react";
+import React27, { forwardRef as forwardRef19, useCallback as useCallback8, useEffect as useEffect6, useRef as useRef3 } from "react";
 var DROPDOWN_MENU_NAME = "DropdownMenu";
 var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope3(DROPDOWN_MENU_NAME, [
   createMenuScope
@@ -2846,6 +2923,7 @@ var DropdownMenuTrigger = /* @__PURE__ */ forwardRef19((props, forwardedRef) =>
       disabled,
       ...triggerProps,
       ref: composeRefs(forwardedRef, context.triggerRef),
+      "data-arrow-keys": "down",
       onPointerDown: composeEventHandlers2(props.onPointerDown, (event) => {
         if (!disabled && event.button === 0 && event.ctrlKey === false) {
           context.onOpenToggle();
@@ -2964,6 +3042,7 @@ var DropdownMenuContent = /* @__PURE__ */ forwardRef19((props, forwardedRef) =>
           hasInteractedOutsideRef.current = true;
         }
       }),
+      "data-arrow-keys": "up down",
       className: tx("menu.content", "menu", {
         elevation
       }, classNames),
@@ -3074,11 +3153,13 @@ var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
 var DropdownMenuRadioItem = /* @__PURE__ */ forwardRef19((props, forwardedRef) => {
   var _effect = _useSignals27();
   try {
-    const { __scopeDropdownMenu, ...radioItemProps } = props;
+    const { __scopeDropdownMenu, classNames, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ React27.createElement(MenuPrimitive.RadioItem, {
+    const { tx } = useThemeContext();
+    return /* @__PURE__ */ React27.createElement(MenuPrimitive.Item, {
       ...menuScope,
-      ...radioItemProps,
+      ...itemProps,
+      className: tx("menu.item", "menu__item", {}, classNames),
       ref: forwardedRef
     });
   } finally {
@@ -3332,7 +3413,7 @@ import { Primitive as Primitive12 } from "@radix-ui/react-primitive";
 import { Slot as Slot12 } from "@radix-ui/react-slot";
 import { useControllableState as useControllableState6 } from "@radix-ui/react-use-controllable-state";
 import { hideOthers } from "aria-hidden";
-import React29, { forwardRef as forwardRef21, useRef as useRef4, useCallback as useCallback9, useState as useState8, useEffect as useEffect7 } from "react";
+import React29, { forwardRef as forwardRef21, useCallback as useCallback9, useEffect as useEffect7, useRef as useRef4, useState as useState8 } from "react";
 import { RemoveScroll } from "react-remove-scroll";
 var POPOVER_NAME = "Popover";
 var [createPopoverContext, createPopoverScope] = createContextScope4(POPOVER_NAME, [
@@ -3729,7 +3810,7 @@ var Status = /* @__PURE__ */ forwardRef22(({ classNames, children, progress = 0,
 
 // src/components/ScrollArea/ScrollArea.tsx
 import { useSignals as _useSignals31 } from "@preact-signals/safe-react/tracking";
-import { Root as ScrollAreaPrimitiveRoot, Viewport as ScrollAreaPrimitiveViewport, Scrollbar as ScrollAreaPrimitiveScrollbar, Thumb as ScrollAreaPrimitiveThumb, Corner as ScrollAreaPrimitiveCorner } from "@radix-ui/react-scroll-area";
+import { Corner as ScrollAreaPrimitiveCorner, Root as ScrollAreaPrimitiveRoot, Scrollbar as ScrollAreaPrimitiveScrollbar, Thumb as ScrollAreaPrimitiveThumb, Viewport as ScrollAreaPrimitiveViewport } from "@radix-ui/react-scroll-area";
 import React31, { forwardRef as forwardRef23 } from "react";
 var ScrollAreaRoot = /* @__PURE__ */ forwardRef23(({ classNames, ...props }, forwardedRef) => {
   var _effect = _useSignals31();
@@ -3817,7 +3898,6 @@ var SelectPortal = SelectPrimitive.Portal;
 var SelectTriggerButton = /* @__PURE__ */ forwardRef24(({ children, placeholder, ...props }, forwardedRef) => {
   var _effect = _useSignals32();
   try {
-    const { tx } = useThemeContext();
     return /* @__PURE__ */ React32.createElement(SelectPrimitive.Trigger, {
       asChild: true,
       ref: forwardedRef
@@ -3828,8 +3908,8 @@ var SelectTriggerButton = /* @__PURE__ */ forwardRef24(({ children, placeholder,
     }), /* @__PURE__ */ React32.createElement(SelectPrimitive.Icon, {
       asChild: true
     }, /* @__PURE__ */ React32.createElement(Icon, {
-      icon: "ph--caret-down--bold",
-      classNames: tx("select.triggerIcon", "select__trigger__icon", {})
+      size: 3,
+      icon: "ph--caret-down--bold"
     }))));
   } finally {
     _effect.f();
@@ -3843,6 +3923,7 @@ var SelectContent = /* @__PURE__ */ forwardRef24(({ classNames, children, collis
     const safeCollisionPadding = useSafeCollisionPadding(collisionPadding);
     return /* @__PURE__ */ React32.createElement(SelectPrimitive.Content, {
       ...props,
+      "data-arrow-keys": "up down",
       collisionPadding: safeCollisionPadding,
       className: tx("select.content", "select__content", {
         elevation
@@ -3863,6 +3944,7 @@ var SelectScrollUpButton2 = /* @__PURE__ */ forwardRef24(({ classNames, children
       className: tx("select.scrollButton", "select__scroll-button--up", {}, classNames),
       ref: forwardedRef
     }, children ?? /* @__PURE__ */ React32.createElement(Icon, {
+      size: 3,
       icon: "ph--caret-up--bold"
     }));
   } finally {
@@ -3878,6 +3960,7 @@ var SelectScrollDownButton2 = /* @__PURE__ */ forwardRef24(({ classNames, childr
       className: tx("select.scrollButton", "select__scroll-button--down", {}, classNames),
       ref: forwardedRef
     }, children ?? /* @__PURE__ */ React32.createElement(Icon, {
+      size: 3,
       icon: "ph--caret-down--bold"
     }));
   } finally {
@@ -4039,7 +4122,7 @@ var Tag = /* @__PURE__ */ forwardRef26(({ asChild, palette = "neutral", classNam
 import { useSignals as _useSignals35 } from "@preact-signals/safe-react/tracking";
 import { Primitive as Primitive14 } from "@radix-ui/react-primitive";
 import { Slot as Slot14 } from "@radix-ui/react-slot";
-import { ToastProvider as ToastProviderPrimitive, ToastViewport as ToastViewportPrimitive, Root as ToastRootPrimitive, ToastTitle as ToastTitlePrimitive, ToastDescription as ToastDescriptionPrimitive, ToastAction as ToastActionPrimitive, ToastClose as ToastClosePrimitive } from "@radix-ui/react-toast";
+import { ToastAction as ToastActionPrimitive, ToastClose as ToastClosePrimitive, ToastDescription as ToastDescriptionPrimitive, ToastProvider as ToastProviderPrimitive, Root as ToastRootPrimitive, ToastTitle as ToastTitlePrimitive, ToastViewport as ToastViewportPrimitive } from "@radix-ui/react-toast";
 import React35, { forwardRef as forwardRef27 } from "react";
 var ToastProvider = ToastProviderPrimitive;
 var ToastViewport = /* @__PURE__ */ forwardRef27(({ classNames, ...props }, forwardedRef) => {
@@ -4149,6 +4232,7 @@ var ToolbarRoot = /* @__PURE__ */ forwardRef28(({ classNames, children, layoutMa
     const { tx } = useThemeContext();
     return /* @__PURE__ */ React36.createElement(ToolbarPrimitive.Root, {
       ...props,
+      "data-arrow-keys": props.orientation === "vertical" ? "up down" : "left right",
       className: tx("toolbar.root", "toolbar", {
         layoutManaged
       }, classNames),
@@ -4327,7 +4411,9 @@ export {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
+  ToggleGroupIconItem,
   useClipboard,
+  Domino,
   hasIosKeyboard,
   DensityContext,
   DensityProvider,
@@ -4339,8 +4425,8 @@ export {
   Dialog,
   AlertDialog,
   Input,
-  LIST_NAME,
   LIST_ITEM_NAME,
+  LIST_NAME,
   useListContext,
   useListItemContext,
   List,
@@ -4370,4 +4456,4 @@ export {
   Toast,
   Toolbar
 };
-//# sourceMappingURL=chunk-2COVUP44.mjs.map
+//# sourceMappingURL=chunk-LBCJC75U.mjs.map