@dxos/react-ui 0.1.30-next.a4f4fa5 → 0.1.30

package/dist/lib/browser/index.mjs

@@ -232,8 +232,8 @@ var InvitationStatusAvatar = ({ size = 10, status, haltedAt, slots = {} }) => {
 };
 
 // packages/apps/patterns/react-ui/src/components/InvitationList/InvitationListItem.tsx
+import { Copy, ProhibitInset, QrCode, X } from "@phosphor-icons/react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { Copy, ProhibitInset, QrCode, X } from "phosphor-react";
 import { QRCodeSVG } from "qrcode.react";
 import React6, { useCallback } from "react";
 import { useInvitationStatus } from "@dxos/react-client";
@@ -670,10 +670,10 @@ var PanelDialog = ({ titleId, slots = {}, children }) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/DevicesPanel/DevicesPanel.tsx
-import { UserPlus, X as X2 } from "phosphor-react";
+import { UserPlus, X as X2 } from "@phosphor-icons/react";
 import React15, { cloneElement, useReducer } from "react";
 import { useClient as useClient2, useDevices, useHaloInvitations, useIdentity } from "@dxos/react-client";
-import { Button as Button2, DensityProvider as DensityProvider2, getSize as getSize3, mx as mx11, Tooltip, useTranslation as useTranslation5 } from "@dxos/react-components";
+import { Button as Button2, DensityProvider as DensityProvider2, getSize as getSize3, mx as mx11, TooltipContent, TooltipRoot, TooltipTrigger, useTranslation as useTranslation5 } from "@dxos/react-components";
 function _extends12() {
   _extends12 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -716,10 +716,11 @@ var DeviceListView = ({ createInvitationUrl, titleId, onDone, doneActionParent }
   }, /* @__PURE__ */ React15.createElement("h2", {
     id: titleId,
     className: mx11("grow font-system-medium", !displayName && "font-mono")
-  }, displayName != null ? displayName : identity.identityKey.truncate()), /* @__PURE__ */ React15.createElement(Tooltip, {
-    content: t("close label"),
-    zIndex: "z-50"
-  }, doneActionParent ? /* @__PURE__ */ cloneElement(doneActionParent, {}, doneButton) : doneButton)), /* @__PURE__ */ React15.createElement("div", {
+  }, displayName != null ? displayName : identity.identityKey.truncate()), /* @__PURE__ */ React15.createElement(TooltipRoot, null, /* @__PURE__ */ React15.createElement(TooltipContent, {
+    className: "z-50"
+  }, t("close label")), /* @__PURE__ */ React15.createElement(TooltipTrigger, {
+    asChild: true
+  }, doneActionParent ? /* @__PURE__ */ cloneElement(doneActionParent, {}, doneButton) : doneButton))), /* @__PURE__ */ React15.createElement("div", {
     role: "region",
     className: mx11(defaultSurface, "rounded-be-md p-2")
   }, /* @__PURE__ */ React15.createElement(InvitationList, {
@@ -758,7 +759,7 @@ var DevicesPanel = (props) => {
 // packages/apps/patterns/react-ui/src/panels/IdentityPanel/IdentityPanel.tsx
 import React16 from "react";
 import { useClient as useClient3 } from "@dxos/react-client";
-import { Avatar as Avatar3, Button as Button3, ThemeContext, useTranslation as useTranslation6 } from "@dxos/react-components";
+import { Avatar as Avatar3, Button as Button3, DensityProvider as DensityProvider3, ThemeContext, useTranslation as useTranslation6 } from "@dxos/react-components";
 var IdentityPanel = ({ identity, onClickManageProfile }) => {
   var _a, _b;
   const { t } = useTranslation6("os");
@@ -770,9 +771,10 @@ var IdentityPanel = ({ identity, onClickManageProfile }) => {
   };
   return /* @__PURE__ */ React16.createElement(ThemeContext.Provider, {
     value: {
-      themeVariant: "os",
-      rootDensity: "fine"
+      themeVariant: "os"
     }
+  }, /* @__PURE__ */ React16.createElement(DensityProvider3, {
+    density: "fine"
   }, /* @__PURE__ */ React16.createElement("div", {
     className: "flex flex-col gap-2 justify-center items-center"
   }, /* @__PURE__ */ React16.createElement(Avatar3, {
@@ -783,7 +785,7 @@ var IdentityPanel = ({ identity, onClickManageProfile }) => {
   }), /* @__PURE__ */ React16.createElement(Button3, {
     onClick: onClickManageProfile != null ? onClickManageProfile : defaultManageProfile,
     className: "is-full"
-  }, t("manage profile label"))));
+  }, t("manage profile label")))));
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/JoinPanel.tsx
@@ -791,10 +793,10 @@ import React27, { useEffect, useReducer as useReducer2, useState as useState6 }
 import { InvitationEncoder as InvitationEncoder2 } from "@dxos/client";
 import { log } from "@dxos/log";
 import { useClient as useClient6, useIdentity as useIdentity2 } from "@dxos/react-client";
-import { DensityProvider as DensityProvider3, useId as useId4 } from "@dxos/react-components";
+import { DensityProvider as DensityProvider4, useId as useId4 } from "@dxos/react-components";
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/JoinHeading.tsx
-import { ProhibitInset as ProhibitInset2 } from "phosphor-react";
+import { ProhibitInset as ProhibitInset2 } from "@phosphor-icons/react";
 import React17, { cloneElement as cloneElement2, forwardRef as forwardRef2 } from "react";
 import { useSpace as useSpace2 } from "@dxos/react-client";
 import { Avatar as Avatar4, Button as Button4, getSize as getSize4, Heading, mx as mx12, Trans, useId as useId2, useTranslation as useTranslation7 } from "@dxos/react-components";
@@ -868,12 +870,12 @@ var JoinHeading = /* @__PURE__ */ forwardRef2(({ mode, titleId, invitation, onEx
 });
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/AdditionMethodSelector.tsx
-import { CaretLeft, CaretRight, Plus, QrCode as QrCode2, Textbox } from "phosphor-react";
+import { CaretLeft, CaretRight, Plus, QrCode as QrCode2, Textbox } from "@phosphor-icons/react";
 import React19 from "react";
 import { Button as Button5, CompoundButton, getSize as getSize6, mx as mx14, useTranslation as useTranslation9 } from "@dxos/react-components";
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/ViewState.tsx
-import { CheckCircle, HourglassSimple, X as X3 } from "phosphor-react";
+import { CheckCircle, HourglassSimple, X as X3 } from "@phosphor-icons/react";
 import React18, { useMemo as useMemo2 } from "react";
 import { Invitation as Invitation4 } from "@dxos/client";
 import { useInvitationStatus as useInvitationStatus2 } from "@dxos/react-client";
@@ -1113,7 +1115,7 @@ var AdditionMethodSelector = ({ availableIdentities, ...viewStateProps }) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/IdentityAdded.tsx
-import { CaretLeft as CaretLeft2, CaretRight as CaretRight2, Check } from "phosphor-react";
+import { CaretLeft as CaretLeft2, CaretRight as CaretRight2, Check } from "@phosphor-icons/react";
 import React20, { cloneElement as cloneElement3 } from "react";
 import { Avatar as Avatar6, Button as Button6, getSize as getSize7, mx as mx15, useTranslation as useTranslation10 } from "@dxos/react-components";
 function _extends16() {
@@ -1201,8 +1203,8 @@ var IdentityAdded = ({ mode, addedIdentity, onDone, doneActionParent, ...viewSta
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/IdentitySelector.tsx
+import { CaretLeft as CaretLeft3, CaretRight as CaretRight3, UserPlus as UserPlus2 } from "@phosphor-icons/react";
 import * as RadioGroup from "@radix-ui/react-radio-group";
-import { CaretLeft as CaretLeft3, CaretRight as CaretRight3, UserPlus as UserPlus2 } from "phosphor-react";
 import React21, { useCallback as useCallback4, useState as useState2 } from "react";
 import { Avatar as Avatar7, Button as Button7, themeVariantFocus, getSize as getSize8, mx as mx16, useTranslation as useTranslation11 } from "@dxos/react-components";
 function _extends17() {
@@ -1291,7 +1293,7 @@ var IdentitySelector = ({ availableIdentities, ...viewStateProps }) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/IdentityInput.tsx
-import { CaretLeft as CaretLeft4, CaretRight as CaretRight4 } from "phosphor-react";
+import { CaretLeft as CaretLeft4, CaretRight as CaretRight4 } from "@phosphor-icons/react";
 import React22, { useState as useState3 } from "react";
 import { useClient as useClient4 } from "@dxos/react-client";
 import { Button as Button8, getSize as getSize9, Input, mx as mx17, useTranslation as useTranslation12 } from "@dxos/react-components";
@@ -1379,7 +1381,7 @@ var IdentityInput = ({ method, ...viewStateProps }) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/InvitationAccepted.tsx
-import { CaretLeft as CaretLeft5, Check as Check2 } from "phosphor-react";
+import { CaretLeft as CaretLeft5, Check as Check2 } from "@phosphor-icons/react";
 import React23, { cloneElement as cloneElement4 } from "react";
 import { useInvitationStatus as useInvitationStatus3 } from "@dxos/react-client";
 import { Button as Button9, getSize as getSize10, mx as mx18, useTranslation as useTranslation13 } from "@dxos/react-components";
@@ -1433,7 +1435,7 @@ var InvitationAccepted = (props) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/InvitationInput.tsx
-import { CaretLeft as CaretLeft6, CaretRight as CaretRight5 } from "phosphor-react";
+import { CaretLeft as CaretLeft6, CaretRight as CaretRight5 } from "@phosphor-icons/react";
 import React24, { useState as useState4 } from "react";
 import { InvitationEncoder } from "@dxos/client";
 import { useClient as useClient5 } from "@dxos/react-client";
@@ -1512,7 +1514,7 @@ var InvitationInput = ({ invitationType, ...viewStateProps }) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/InvitationRescuer.tsx
-import { ArrowsClockwise, CaretLeft as CaretLeft7, CaretRight as CaretRight6 } from "phosphor-react";
+import { ArrowsClockwise, CaretLeft as CaretLeft7, CaretRight as CaretRight6 } from "@phosphor-icons/react";
 import React25 from "react";
 import { Invitation as Invitation5 } from "@dxos/client";
 import { useInvitationStatus as useInvitationStatus4 } from "@dxos/react-client";
@@ -1613,7 +1615,7 @@ var InvitationRescuer = ({ invitationType, ...viewStateProps }) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/view-states/InvitationAuthenticator.tsx
-import { CaretLeft as CaretLeft8, CaretRight as CaretRight7 } from "phosphor-react";
+import { CaretLeft as CaretLeft8, CaretRight as CaretRight7 } from "@phosphor-icons/react";
 import React26, { useCallback as useCallback5, useState as useState5 } from "react";
 import { useInvitationStatus as useInvitationStatus5 } from "@dxos/react-client";
 import { Button as Button12, getSize as getSize13, Input as Input3, mx as mx21, useTranslation as useTranslation16 } from "@dxos/react-components";
@@ -1974,7 +1976,7 @@ var JoinPanel = ({ mode, initialInvitationCode, titleId: propsTitleId, exitActio
   }, [
     joinState.haloInvitation
   ]);
-  return /* @__PURE__ */ React27.createElement(DensityProvider3, {
+  return /* @__PURE__ */ React27.createElement(DensityProvider4, {
     density: "fine"
   }, /* @__PURE__ */ React27.createElement(JoinHeading, _extends23({}, {
     mode,
@@ -2071,10 +2073,10 @@ var JoinPanel = ({ mode, initialInvitationCode, titleId: propsTitleId, exitActio
 };
 
 // packages/apps/patterns/react-ui/src/panels/SpacePanel/SpacePanel.tsx
-import { UserPlus as UserPlus3 } from "phosphor-react";
+import { UserPlus as UserPlus3 } from "@phosphor-icons/react";
 import React28, { useReducer as useReducer3 } from "react";
 import { useSpaceInvitations as useSpaceInvitations2, observer } from "@dxos/react-client";
-import { Button as Button13, DensityProvider as DensityProvider4, getSize as getSize14, mx as mx22, useTranslation as useTranslation17 } from "@dxos/react-components";
+import { Button as Button13, DensityProvider as DensityProvider5, getSize as getSize14, mx as mx22, useTranslation as useTranslation17 } from "@dxos/react-components";
 function _extends24() {
   _extends24 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -2137,7 +2139,7 @@ var SpacePanel = (props) => {
   const [panelState] = useReducer3(reducer, {
     activeView: "current space"
   });
-  return /* @__PURE__ */ React28.createElement(DensityProvider4, {
+  return /* @__PURE__ */ React28.createElement(DensityProvider5, {
     density: "fine"
   }, panelState.activeView === "current space" ? /* @__PURE__ */ React28.createElement(CurrentSpaceView, _extends24({}, props)) : null);
 };