@dxos/react-ui 0.8.3 → 0.8.4-main.2e9d522

package/dist/lib/node-esm/{chunk-EQ7EG74H.mjs → chunk-GHXHND5V.mjs}

@@ -1,27 +1,27 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 
-// packages/ui/react-ui/src/hooks/useDensityContext.ts
+// src/hooks/useDensityContext.ts
 import { useContext as useContext6 } from "react";
 
-// packages/ui/react-ui/src/components/AnchoredOverflow/AnchoredOverflow.tsx
+// src/components/AnchoredOverflow/AnchoredOverflow.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import { Primitive } from "@radix-ui/react-primitive";
 import { Slot } from "@radix-ui/react-slot";
 import React2, { forwardRef } from "react";
 
-// packages/ui/react-ui/src/hooks/useElevationContext.ts
+// src/hooks/useElevationContext.ts
 import { useContext } from "react";
 var useElevationContext = (propsElevation) => {
   const { elevation } = useContext(ElevationContext);
   return propsElevation ?? elevation;
 };
 
-// packages/ui/react-ui/src/hooks/useThemeContext.ts
+// src/hooks/useThemeContext.ts
 import { useContext as useContext2 } from "react";
 import { raise } from "@dxos/debug";
 var useThemeContext = () => useContext2(ThemeContext) ?? raise(new Error("Missing ThemeContext"));
 
-// packages/ui/react-ui/src/hooks/useIconHref.ts
+// src/hooks/useIconHref.ts
 var ICONS_URL = "/icons.svg";
 var useIconHref = (icon) => {
   const { noCache } = useThemeContext();
@@ -29,7 +29,7 @@ var useIconHref = (icon) => {
   return icon ? `${url}#${icon}` : void 0;
 };
 
-// packages/ui/react-ui/src/hooks/useSafeArea.ts
+// src/hooks/useSafeArea.ts
 import { useCallback, useState } from "react";
 import { useResize } from "@dxos/react-hooks";
 var initialSafeArea = {
@@ -52,10 +52,10 @@ var useSafeArea = () => {
   return padding;
 };
 
-// packages/ui/react-ui/src/hooks/useTranslationsContext.ts
+// src/hooks/useTranslationsContext.ts
 import { useContext as useContext4 } from "react";
 
-// packages/ui/react-ui/src/components/ThemeProvider/TranslationsProvider.tsx
+// src/components/ThemeProvider/TranslationsProvider.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import { enUS as dtLocaleEnUs } from "date-fns/locale";
 import i18Next from "i18next";
@@ -125,10 +125,10 @@ var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs, dtL
   }
 };
 
-// packages/ui/react-ui/src/hooks/useTranslationsContext.ts
+// src/hooks/useTranslationsContext.ts
 var useTranslationsContext = () => useContext4(TranslationsContext);
 
-// packages/ui/react-ui/src/hooks/useVisualViewport.ts
+// src/hooks/useVisualViewport.ts
 import { useCallback as useCallback2, useState as useState3 } from "react";
 import { useResize as useResize2 } from "@dxos/react-hooks";
 var useVisualViewport = (deps) => {
@@ -147,7 +147,7 @@ var useVisualViewport = (deps) => {
   };
 };
 
-// packages/ui/react-ui/src/components/AnchoredOverflow/AnchoredOverflow.tsx
+// src/components/AnchoredOverflow/AnchoredOverflow.tsx
 var AnchoredOverflowRoot = /* @__PURE__ */ forwardRef(({ asChild, classNames, children, ...props }, forwardedRef) => {
   var _effect = _useSignals2();
   try {
@@ -183,7 +183,7 @@ var AnchoredOverflow = {
   Anchor: AnchoredOverflowAnchor
 };
 
-// packages/ui/react-ui/src/components/Avatars/Avatar.tsx
+// src/components/Avatars/Avatar.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import "@dxos/lit-ui/dx-avatar.pcss";
 import { createContext as createContext2 } from "@radix-ui/react-context";
@@ -268,24 +268,45 @@ var Avatar = {
   Description: AvatarDescription
 };
 
-// packages/ui/react-ui/src/components/Breadcrumb/Breadcrumb.tsx
-import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
-import { Dot } from "@phosphor-icons/react";
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import { Primitive as Primitive4 } from "@radix-ui/react-primitive";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import React5, { forwardRef as forwardRef4 } from "react";
+import React6, { forwardRef as forwardRef5 } from "react";
 
-// packages/ui/react-ui/src/components/Link/Link.tsx
+// src/components/Icon/Icon.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React4, { forwardRef as forwardRef3, memo } from "react";
+var Icon = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef3(({ icon, classNames, size, ...props }, forwardedRef) => {
+  var _effect = _useSignals4();
+  try {
+    const { tx } = useThemeContext();
+    const href = useIconHref(icon);
+    return /* @__PURE__ */ React4.createElement("svg", {
+      ...props,
+      className: tx("icon.root", "icon", {
+        size
+      }, classNames),
+      ref: forwardedRef
+    }, /* @__PURE__ */ React4.createElement("use", {
+      href
+    }));
+  } finally {
+    _effect.f();
+  }
+}));
+
+// src/components/Link/Link.tsx
+import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
 import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import React4, { forwardRef as forwardRef3 } from "react";
-var Link = /* @__PURE__ */ forwardRef3(({ asChild, variant, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals4();
+import React5, { forwardRef as forwardRef4 } from "react";
+var Link = /* @__PURE__ */ forwardRef4(({ asChild, variant, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals5();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot3 : Primitive3.a;
-    return /* @__PURE__ */ React4.createElement(Root7, {
+    return /* @__PURE__ */ React5.createElement(Root7, {
       ...props,
       className: tx("link.root", "link", {
         variant
@@ -297,13 +318,13 @@ var Link = /* @__PURE__ */ forwardRef3(({ asChild, variant, classNames, ...props
   }
 });
 
-// packages/ui/react-ui/src/components/Breadcrumb/Breadcrumb.tsx
-var BreadcrumbRoot = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+// src/components/Breadcrumb/Breadcrumb.tsx
+var BreadcrumbRoot = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : Primitive4.div;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       role: "navigation",
       ...props,
       className: tx("breadcrumb.root", "breadcrumb", {}, classNames),
@@ -313,12 +334,12 @@ var BreadcrumbRoot = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...prop
     _effect.f();
   }
 });
-var BreadcrumbList = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbList = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : Primitive4.ol;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       role: "list",
       ...props,
       className: tx("breadcrumb.list", "breadcrumb__list", {}, classNames),
@@ -328,12 +349,12 @@ var BreadcrumbList = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...prop
     _effect.f();
   }
 });
-var BreadcrumbListItem = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbListItem = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : Primitive4.li;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       role: "listitem",
       ...props,
       className: tx("breadcrumb.listItem", "breadcrumb__list__item", {}, classNames),
@@ -343,11 +364,11 @@ var BreadcrumbListItem = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...
     _effect.f();
   }
 });
-var BreadcrumbLink = /* @__PURE__ */ forwardRef4(({ asChild, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbLink = /* @__PURE__ */ forwardRef5(({ asChild, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const Root7 = asChild ? Slot4 : Link;
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       ...props,
       ref: forwardedRef
     });
@@ -355,12 +376,12 @@ var BreadcrumbLink = /* @__PURE__ */ forwardRef4(({ asChild, ...props }, forward
     _effect.f();
   }
 });
-var BreadcrumbCurrent = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
-  var _effect = _useSignals5();
+var BreadcrumbCurrent = /* @__PURE__ */ forwardRef5(({ asChild, classNames, ...props }, forwardedRef) => {
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
     const Root7 = asChild ? Slot4 : "h1";
-    return /* @__PURE__ */ React5.createElement(Root7, {
+    return /* @__PURE__ */ React6.createElement(Root7, {
       ...props,
       "aria-current": "page",
       className: tx("breadcrumb.current", "breadcrumb__item__heading--current", {}, classNames),
@@ -371,16 +392,16 @@ var BreadcrumbCurrent = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...p
   }
 });
 var BreadcrumbSeparator = ({ children, classNames, ...props }) => {
-  var _effect = _useSignals5();
+  var _effect = _useSignals6();
   try {
     const { tx } = useThemeContext();
-    return /* @__PURE__ */ React5.createElement(Primitive4.span, {
+    return /* @__PURE__ */ React6.createElement(Primitive4.span, {
       role: "separator",
       "aria-hidden": "true",
       ...props,
       className: tx("breadcrumb.separator", "breadcrumb__separator", {}, classNames)
-    }, children ?? /* @__PURE__ */ React5.createElement(Dot, {
-      weight: "bold"
+    }, children ?? /* @__PURE__ */ React6.createElement(Icon, {
+      icon: "ph--dot--bold"
     }));
   } finally {
     _effect.f();
@@ -395,26 +416,26 @@ var Breadcrumb = {
   Separator: BreadcrumbSeparator
 };
 
-// packages/ui/react-ui/src/components/Buttons/Button.tsx
-import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
+// src/components/Buttons/Button.tsx
+import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
 import { createContext as createContext3 } from "@radix-ui/react-context";
 import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import React6, { forwardRef as forwardRef5, memo } from "react";
+import React7, { forwardRef as forwardRef6, memo as memo2 } from "react";
 var BUTTON_GROUP_NAME = "ButtonGroup";
 var BUTTON_NAME = "Button";
 var [ButtonGroupProvider, useButtonGroupContext] = createContext3(BUTTON_GROUP_NAME, {
   inGroup: false
 });
-var Button = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef5(({ classNames, children, density: propsDensity, elevation: propsElevation, variant = "default", asChild, ...props }, ref) => {
-  var _effect = _useSignals6();
+var Button = /* @__PURE__ */ memo2(/* @__PURE__ */ forwardRef6(({ classNames, children, density: propsDensity, elevation: propsElevation, variant = "default", asChild, ...props }, ref) => {
+  var _effect = _useSignals7();
   try {
     const { inGroup } = useButtonGroupContext(BUTTON_NAME);
     const { tx } = useThemeContext();
     const elevation = useElevationContext(propsElevation);
     const density = useDensityContext(propsDensity);
     const Root7 = asChild ? Slot5 : Primitive5.button;
-    return /* @__PURE__ */ React6.createElement(Root7, {
+    return /* @__PURE__ */ React7.createElement(Root7, {
       ref,
       ...props,
       "data-variant": variant,
@@ -436,20 +457,20 @@ var Button = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef5(({ classNames, chi
   }
 }));
 Button.displayName = BUTTON_NAME;
-var ButtonGroup = /* @__PURE__ */ forwardRef5(({ children, elevation: propsElevation, classNames, asChild, ...props }, forwardedRef) => {
-  var _effect = _useSignals6();
+var ButtonGroup = /* @__PURE__ */ forwardRef6(({ children, elevation: propsElevation, classNames, asChild, ...props }, forwardedRef) => {
+  var _effect = _useSignals7();
   try {
     const { tx } = useThemeContext();
     const elevation = useElevationContext(propsElevation);
     const Root7 = asChild ? Slot5 : Primitive5.div;
-    return /* @__PURE__ */ React6.createElement(Root7, {
+    return /* @__PURE__ */ React7.createElement(Root7, {
       role: "none",
       ...props,
       className: tx("button.group", "button-group", {
         elevation
       }, classNames),
       ref: forwardedRef
-    }, /* @__PURE__ */ React6.createElement(ButtonGroupProvider, {
+    }, /* @__PURE__ */ React7.createElement(ButtonGroupProvider, {
       inGroup: true
     }, children));
   } finally {
@@ -458,33 +479,11 @@ var ButtonGroup = /* @__PURE__ */ forwardRef5(({ children, elevation: propsEleva
 });
 ButtonGroup.displayName = BUTTON_GROUP_NAME;
 
-// packages/ui/react-ui/src/components/Buttons/IconButton.tsx
+// src/components/Buttons/IconButton.tsx
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import React9, { forwardRef as forwardRef8 } from "react";
 
-// packages/ui/react-ui/src/components/Icon/Icon.tsx
-import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
-import React7, { forwardRef as forwardRef6, memo as memo2 } from "react";
-var Icon = /* @__PURE__ */ memo2(/* @__PURE__ */ forwardRef6(({ icon, classNames, size, ...props }, forwardedRef) => {
-  var _effect = _useSignals7();
-  try {
-    const { tx } = useThemeContext();
-    const href = useIconHref(icon);
-    return /* @__PURE__ */ React7.createElement("svg", {
-      ...props,
-      className: tx("icon.root", "icon", {
-        size
-      }, classNames),
-      ref: forwardedRef
-    }, /* @__PURE__ */ React7.createElement("use", {
-      href
-    }));
-  } finally {
-    _effect.f();
-  }
-}));
-
-// packages/ui/react-ui/src/components/Tooltip/Tooltip.tsx
+// src/components/Tooltip/Tooltip.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
@@ -1107,7 +1106,7 @@ var Tooltip = {
   Trigger: TooltipTrigger
 };
 
-// packages/ui/react-ui/src/components/Buttons/IconButton.tsx
+// src/components/Buttons/IconButton.tsx
 var IconOnlyButton = /* @__PURE__ */ forwardRef8(({ noTooltip, tooltipPortal = true, tooltipSide, ...props }, forwardedRef) => {
   var _effect = _useSignals9();
   try {
@@ -1135,7 +1134,9 @@ var LabelledIconButton = /* @__PURE__ */ forwardRef8(({ icon, size, iconOnly, la
     const { tx } = useThemeContext();
     return /* @__PURE__ */ React9.createElement(Button, {
       ...props,
-      classNames: tx("iconButton.root", "iconButton", {}, classNames),
+      classNames: tx("iconButton.root", "iconButton", {
+        iconOnly
+      }, classNames),
       ref: forwardedRef
     }, /* @__PURE__ */ React9.createElement(Icon, {
       icon,
@@ -1166,7 +1167,7 @@ var IconButton = /* @__PURE__ */ forwardRef8((props, forwardedRef) => {
   }
 });
 
-// packages/ui/react-ui/src/components/Buttons/Toggle.tsx
+// src/components/Buttons/Toggle.tsx
 import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
 import { Toggle as TogglePrimitive } from "@radix-ui/react-toggle";
 import React10, { forwardRef as forwardRef9 } from "react";
@@ -1187,7 +1188,7 @@ var Toggle = /* @__PURE__ */ forwardRef9(({ defaultPressed, pressed, onPressedCh
   }
 });
 
-// packages/ui/react-ui/src/components/Buttons/ToggleGroup.tsx
+// 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 React11, { forwardRef as forwardRef10 } from "react";
@@ -1225,7 +1226,7 @@ var ToggleGroupItem = /* @__PURE__ */ forwardRef10(({ variant, elevation, densit
   }
 });
 
-// packages/ui/react-ui/src/components/Clipboard/ClipboardProvider.tsx
+// src/components/Clipboard/ClipboardProvider.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
 import React12, { createContext as createContext4, useCallback as useCallback4, useContext as useContext5, useState as useState5 } from "react";
 var ClipboardContext = /* @__PURE__ */ createContext4({
@@ -1253,22 +1254,22 @@ var ClipboardProvider = ({ children }) => {
   }
 };
 
-// packages/ui/react-ui/src/components/Clipboard/CopyButton.tsx
+// 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";
 
-// packages/ui/react-ui/src/components/ThemeProvider/ThemeProvider.tsx
+// 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";
 
-// packages/ui/react-ui/src/util/hasIosKeyboard.ts
+// src/util/hasIosKeyboard.ts
 var hasIosKeyboard = () => {
   return !!navigator.userAgent.match(/iP(ad|od|hone).+Safari/);
 };
 
-// packages/ui/react-ui/src/components/DensityProvider/DensityProvider.tsx
+// src/components/DensityProvider/DensityProvider.tsx
 import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
 import React13, { createContext as createContext5 } from "react";
 var DensityContext = /* @__PURE__ */ createContext5({
@@ -1287,7 +1288,7 @@ var DensityProvider = ({ density, children }) => {
   }
 };
 
-// packages/ui/react-ui/src/components/ElevationProvider/ElevationProvider.tsx
+// src/components/ElevationProvider/ElevationProvider.tsx
 import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
 import React14, { createContext as createContext6 } from "react";
 var ElevationContext = /* @__PURE__ */ createContext6({
@@ -1306,7 +1307,7 @@ var ElevationProvider = ({ elevation, children }) => {
   }
 };
 
-// packages/ui/react-ui/src/components/ThemeProvider/ThemeProvider.tsx
+// src/components/ThemeProvider/ThemeProvider.tsx
 var ThemeContext = /* @__PURE__ */ createContext7(void 0);
 var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx = (_path, defaultClassName, _styleProps, ..._options) => defaultClassName, themeMode = "dark", rootDensity = "fine", ...rest }) => {
   var _effect = _useSignals15();
@@ -1354,9 +1355,9 @@ var handleInputModalityChange = (isUsingKeyboard) => {
   }
 };
 
-// packages/ui/react-ui/src/components/Clipboard/CopyButton.tsx
+// src/components/Clipboard/CopyButton.tsx
 var inactiveLabelStyles = "invisible bs-px -mbe-px overflow-hidden";
-var CopyButton = ({ value, classNames, iconProps, ...props }) => {
+var CopyButton = ({ classNames, value, size = 5, ...props }) => {
   var _effect = _useSignals16();
   try {
     const { t } = useTranslation("os");
@@ -1377,8 +1378,7 @@ var CopyButton = ({ value, classNames, iconProps, ...props }) => {
       className: "pli-1"
     }, t("copy label")), /* @__PURE__ */ React16.createElement(Icon, {
       icon: "ph--copy--regular",
-      size: 5,
-      ...iconProps
+      size
     })), /* @__PURE__ */ React16.createElement("div", {
       role: "none",
       className: mx2("flex gap-1 items-center", !isCopied && inactiveLabelStyles)
@@ -1386,14 +1386,13 @@ var CopyButton = ({ value, classNames, iconProps, ...props }) => {
       className: "pli-1"
     }, t("copy success label")), /* @__PURE__ */ React16.createElement(Icon, {
       icon: "ph--check--regular",
-      size: 5,
-      ...iconProps
+      size
     })));
   } finally {
     _effect.f();
   }
 };
-var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames, iconProps, variant, ...props }) => {
+var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames, size, variant, ...props }) => {
   var _effect = _useSignals16();
   try {
     const { t } = useTranslation("os");
@@ -1405,7 +1404,7 @@ var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames, iconProps, varian
       iconOnly: true,
       label,
       icon: "ph--copy--regular",
-      size: 5,
+      size,
       variant,
       classNames: [
         "inline-flex flex-col justify-center",
@@ -1419,14 +1418,14 @@ var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames, iconProps, varian
   }
 };
 
-// packages/ui/react-ui/src/components/Clipboard/index.ts
+// src/components/Clipboard/index.ts
 var Clipboard = {
   Button: CopyButton,
   IconButton: CopyButtonIconOnly,
   Provider: ClipboardProvider
 };
 
-// packages/ui/react-ui/src/components/Dialogs/Dialog.tsx
+// 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";
@@ -1525,7 +1524,7 @@ var Dialog = {
   Close: DialogClose
 };
 
-// packages/ui/react-ui/src/components/Dialogs/AlertDialog.tsx
+// 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 { createContext as createContext9 } from "@radix-ui/react-context";
@@ -1625,7 +1624,7 @@ var AlertDialog = {
   Action: AlertDialogAction
 };
 
-// packages/ui/react-ui/src/components/Input/Input.tsx
+// src/components/Input/Input.tsx
 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";
@@ -1860,14 +1859,13 @@ var Input = {
   DescriptionAndValidation
 };
 
-// packages/ui/react-ui/src/components/Lists/List.tsx
+// src/components/Lists/List.tsx
 import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
-import { CaretDown, CaretRight } from "@phosphor-icons/react";
 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";
 
-// packages/ui/react-ui/src/components/Lists/ListDropIndicator.tsx
+// src/components/Lists/ListDropIndicator.tsx
 import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
 import React20 from "react";
 var edgeToOrientationMap = {
@@ -1911,7 +1909,7 @@ var ListDropIndicator = ({ edge, gap = 0, lineInset = 0, terminalInset = lineIns
   }
 };
 
-// packages/ui/react-ui/src/components/Lists/List.tsx
+// src/components/Lists/List.tsx
 var List = /* @__PURE__ */ forwardRef14(({ classNames, children, ...props }, forwardedRef) => {
   var _effect = _useSignals21();
   try {
@@ -1986,16 +1984,16 @@ var ListItemOpenTrigger = /* @__PURE__ */ forwardRef14(({ __listItemScope, class
     const { tx } = useThemeContext();
     const density = useDensityContext();
     const { open } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
-    const Icon3 = open ? CaretDown : CaretRight;
+    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", {
         density
       }, classNames),
       ref: forwardedRef
-    }, children || /* @__PURE__ */ React21.createElement(Icon3, {
-      weight: "bold",
-      className: tx("list.item.openTriggerIcon", "list__listItem__openTrigger__icon", {})
+    }, children || /* @__PURE__ */ React21.createElement(Icon, {
+      icon: iconName,
+      classNames: tx("list.item.openTriggerIcon", "list__listItem__openTrigger__icon", {})
     }));
   } finally {
     _effect.f();
@@ -2028,11 +2026,11 @@ var ListItem = {
   DropIndicator: ListDropIndicator
 };
 
-// packages/ui/react-ui/src/components/Lists/Tree.tsx
+// src/components/Lists/Tree.tsx
 import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
 import React23, { forwardRef as forwardRef15 } from "react";
 
-// packages/ui/react-ui/src/components/Lists/TreeDropIndicator.tsx
+// src/components/Lists/TreeDropIndicator.tsx
 import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
 import React22 from "react";
 var edgeToOrientationMap2 = {
@@ -2083,7 +2081,7 @@ var TreeDropIndicator = ({ instruction, gap = 0 }) => {
   }
 };
 
-// packages/ui/react-ui/src/components/Lists/Tree.tsx
+// src/components/Lists/Tree.tsx
 var TreeRoot = /* @__PURE__ */ forwardRef15((props, forwardedRef) => {
   var _effect = _useSignals23();
   try {
@@ -2137,7 +2135,7 @@ var TreeItem = {
   DropIndicator: TreeDropIndicator
 };
 
-// packages/ui/react-ui/src/components/Lists/Treegrid.tsx
+// src/components/Lists/Treegrid.tsx
 import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
 import { useArrowNavigationGroup, useFocusableGroup } from "@fluentui/react-tabster";
 import { createContextScope as createContextScope2 } from "@radix-ui/react-context";
@@ -2250,7 +2248,7 @@ var Treegrid = {
   useTreegridRowContext
 };
 
-// packages/ui/react-ui/src/components/Main/Main.tsx
+// 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";
@@ -2261,7 +2259,7 @@ import React25, { forwardRef as forwardRef17, useCallback as useCallback7, useEf
 import { log } from "@dxos/log";
 import { useMediaQuery, useForwardedRef } from "@dxos/react-hooks";
 
-// packages/ui/react-ui/src/components/Main/useSwipeToDismiss.ts
+// src/components/Main/useSwipeToDismiss.ts
 import { useCallback as useCallback6, useEffect as useEffect4, useState as useState6 } from "react";
 var useSwipeToDismiss = (ref, {
   onDismiss,
@@ -2352,8 +2350,8 @@ var useSwipeToDismiss = (ref, {
   ]);
 };
 
-// packages/ui/react-ui/src/components/Main/Main.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui/src/components/Main/Main.tsx";
+// src/components/Main/Main.tsx
+var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui/src/components/Main/Main.tsx";
 var MAIN_ROOT_NAME = "MainRoot";
 var NAVIGATION_SIDEBAR_NAME = "NavigationSidebar";
 var COMPLEMENTARY_SIDEBAR_NAME = "ComplementarySidebar";
@@ -2632,14 +2630,14 @@ var Main = {
   ComplementarySidebar: MainComplementarySidebar
 };
 
-// packages/ui/react-ui/src/components/Menus/ContextMenu.tsx
+// src/components/Menus/ContextMenu.tsx
 import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
 import { Slot as Slot9 } from "@radix-ui/react-slot";
 import React26, { forwardRef as forwardRef18 } from "react";
 
-// packages/ui/react-ui/src/hooks/useSafeCollisionPadding.ts
+// src/hooks/useSafeCollisionPadding.ts
 import { useMemo as useMemo3 } from "react";
 var propIsNumber = (prop) => Number.isFinite(prop);
 var propsIsRecord = (prop) => !!(prop && typeof prop === "object");
@@ -2659,7 +2657,7 @@ var useSafeCollisionPadding = (collisionPadding) => {
   ]);
 };
 
-// packages/ui/react-ui/src/components/Menus/ContextMenu.tsx
+// src/components/Menus/ContextMenu.tsx
 var ContextMenuRoot = ContextMenuPrimitive.ContextMenu;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
@@ -2777,7 +2775,7 @@ var ContextMenu2 = {
   GroupLabel: ContextMenuGroupLabel
 };
 
-// packages/ui/react-ui/src/components/Menus/DropdownMenu.tsx
+// src/components/Menus/DropdownMenu.tsx
 import { useSignals as _useSignals27 } from "@preact-signals/safe-react/tracking";
 import { composeEventHandlers as composeEventHandlers2 } from "@radix-ui/primitive";
 import { composeRefs } from "@radix-ui/react-compose-refs";
@@ -3226,7 +3224,7 @@ var DropdownMenu = {
 };
 var useDropdownMenuMenuScope = useMenuScope;
 
-// packages/ui/react-ui/src/components/Message/Message.tsx
+// src/components/Message/Message.tsx
 import { useSignals as _useSignals28 } from "@preact-signals/safe-react/tracking";
 import { createContext as createContext11 } from "@radix-ui/react-context";
 import { Primitive as Primitive11 } from "@radix-ui/react-primitive";
@@ -3319,7 +3317,7 @@ var Message = {
 };
 var Callout = Message;
 
-// packages/ui/react-ui/src/components/Popover/Popover.tsx
+// src/components/Popover/Popover.tsx
 import { useSignals as _useSignals29 } from "@preact-signals/safe-react/tracking";
 import { composeEventHandlers as composeEventHandlers3 } from "@radix-ui/primitive";
 import { useComposedRefs as useComposedRefs2 } from "@radix-ui/react-compose-refs";
@@ -3699,7 +3697,7 @@ var Popover = {
   Viewport: PopoverViewport
 };
 
-// packages/ui/react-ui/src/components/Status/Status.tsx
+// src/components/Status/Status.tsx
 import { useSignals as _useSignals30 } from "@preact-signals/safe-react/tracking";
 import React30, { forwardRef as forwardRef22 } from "react";
 var Status = /* @__PURE__ */ forwardRef22(({ classNames, children, progress = 0, indeterminate, variant, ...props }, forwardedRef) => {
@@ -3731,7 +3729,7 @@ var Status = /* @__PURE__ */ forwardRef22(({ classNames, children, progress = 0,
   }
 });
 
-// packages/ui/react-ui/src/components/ScrollArea/ScrollArea.tsx
+// 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 React31, { forwardRef as forwardRef23 } from "react";
@@ -3809,9 +3807,8 @@ var ScrollArea = {
   Corner: ScrollAreaCorner
 };
 
-// packages/ui/react-ui/src/components/Select/Select.tsx
+// src/components/Select/Select.tsx
 import { useSignals as _useSignals32 } from "@preact-signals/safe-react/tracking";
-import { CaretDown as CaretDown2, CaretUp } from "@phosphor-icons/react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import React32, { forwardRef as forwardRef24 } from "react";
 var SelectRoot = SelectPrimitive.Root;
@@ -3832,9 +3829,9 @@ var SelectTriggerButton = /* @__PURE__ */ forwardRef24(({ children, placeholder,
       className: "w-1 flex-1"
     }), /* @__PURE__ */ React32.createElement(SelectPrimitive.Icon, {
       asChild: true
-    }, /* @__PURE__ */ React32.createElement(CaretDown2, {
-      className: tx("select.triggerIcon", "select__trigger__icon", {}),
-      weight: "bold"
+    }, /* @__PURE__ */ React32.createElement(Icon, {
+      icon: "ph--caret-down--bold",
+      classNames: tx("select.triggerIcon", "select__trigger__icon", {})
     }))));
   } finally {
     _effect.f();
@@ -3867,8 +3864,8 @@ var SelectScrollUpButton2 = /* @__PURE__ */ forwardRef24(({ classNames, children
       ...props,
       className: tx("select.scrollButton", "select__scroll-button--up", {}, classNames),
       ref: forwardedRef
-    }, children ?? /* @__PURE__ */ React32.createElement(CaretUp, {
-      weight: "bold"
+    }, children ?? /* @__PURE__ */ React32.createElement(Icon, {
+      icon: "ph--caret-up--bold"
     }));
   } finally {
     _effect.f();
@@ -3882,8 +3879,8 @@ var SelectScrollDownButton2 = /* @__PURE__ */ forwardRef24(({ classNames, childr
       ...props,
       className: tx("select.scrollButton", "select__scroll-button--down", {}, classNames),
       ref: forwardedRef
-    }, children ?? /* @__PURE__ */ React32.createElement(CaretDown2, {
-      weight: "bold"
+    }, children ?? /* @__PURE__ */ React32.createElement(Icon, {
+      icon: "ph--caret-down--bold"
     }));
   } finally {
     _effect.f();
@@ -3995,7 +3992,7 @@ var Select = {
   Arrow: SelectArrow
 };
 
-// packages/ui/react-ui/src/components/Separator/Separator.tsx
+// src/components/Separator/Separator.tsx
 import { useSignals as _useSignals33 } from "@preact-signals/safe-react/tracking";
 import { Separator as SeparatorPrimitive } from "@radix-ui/react-separator";
 import React33, { forwardRef as forwardRef25 } from "react";
@@ -4017,7 +4014,7 @@ var Separator4 = /* @__PURE__ */ forwardRef25(({ classNames, orientation = "hori
   }
 });
 
-// packages/ui/react-ui/src/components/Tag/Tag.tsx
+// src/components/Tag/Tag.tsx
 import { useSignals as _useSignals34 } from "@preact-signals/safe-react/tracking";
 import { Primitive as Primitive13 } from "@radix-ui/react-primitive";
 import { Slot as Slot13 } from "@radix-ui/react-slot";
@@ -4040,7 +4037,7 @@ var Tag = /* @__PURE__ */ forwardRef26(({ asChild, palette = "neutral", classNam
   }
 });
 
-// packages/ui/react-ui/src/components/Toast/Toast.tsx
+// src/components/Toast/Toast.tsx
 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";
@@ -4144,7 +4141,7 @@ var Toast = {
   Close: ToastClose
 };
 
-// packages/ui/react-ui/src/components/Toolbar/Toolbar.tsx
+// src/components/Toolbar/Toolbar.tsx
 import { useSignals as _useSignals36 } from "@preact-signals/safe-react/tracking";
 import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
 import React36, { forwardRef as forwardRef28 } from "react";
@@ -4297,7 +4294,7 @@ var Toolbar = {
   Separator: ToolbarSeparator
 };
 
-// packages/ui/react-ui/src/hooks/useDensityContext.ts
+// src/hooks/useDensityContext.ts
 var useDensityContext = (propsDensity) => {
   const { density } = useContext6(DensityContext);
   return propsDensity ?? density;
@@ -4318,13 +4315,13 @@ export {
   AnchoredOverflow,
   useAvatarContext,
   Avatar,
+  Icon,
   Link,
   Breadcrumb,
   BUTTON_GROUP_NAME,
   useButtonGroupContext,
   Button,
   ButtonGroup,
-  Icon,
   createTooltipScope,
   useTooltipContext,
   Tooltip,
@@ -4375,4 +4372,4 @@ export {
   Toast,
   Toolbar
 };
-//# sourceMappingURL=chunk-EQ7EG74H.mjs.map
+//# sourceMappingURL=chunk-GHXHND5V.mjs.map