@dxos/react-ui 0.4.7-main.f9d3866 → 0.4.7-next.76c1dea

package/dist/lib/browser/index.mjs

@@ -148,12 +148,11 @@ import { Root as AvatarRootPrimitive, Fallback as AvatarFallbackPrimitive } from
 import { createContext as createContext2 } from "@radix-ui/react-context";
 import { Primitive as Primitive2 } from "@radix-ui/react-primitive";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { toSvg } from "jdenticon";
-import React3, { forwardRef as forwardRef2, useMemo } from "react";
+import React3, { forwardRef as forwardRef2 } from "react";
 import { useId } from "@dxos/react-hooks";
 var AVATAR_NAME = "Avatar";
 var [AvatarProvider, useAvatarContext] = createContext2(AVATAR_NAME);
-var AvatarRoot = ({ size = 10, variant = "circle", status, animation, children, labelId: propsLabelId, descriptionId: propsDescriptionId, maskId: propsMaskId, inGroup, color }) => {
+var AvatarRoot = ({ size = 10, variant = "circle", status, animation, children, labelId: propsLabelId, descriptionId: propsDescriptionId, maskId: propsMaskId, inGroup, hue }) => {
   const labelId = useId("avatar__label", propsLabelId);
   const descriptionId = useId("avatar__description", propsDescriptionId);
   const maskId = useId("avatar__mask", propsMaskId);
@@ -166,17 +165,17 @@ var AvatarRoot = ({ size = 10, variant = "circle", status, animation, children,
     status,
     animation,
     inGroup,
-    color
+    hue
   }, children);
 };
 var rx = "0.25rem";
 var AvatarFrame = /* @__PURE__ */ forwardRef2(({ classNames, children, ...props }, forwardedRef) => {
-  const { size, variant, labelId, descriptionId, maskId, inGroup, status, animation, color } = useAvatarContext("AvatarFrame");
+  const { size, variant, labelId, descriptionId, maskId, inGroup, status, animation, hue } = useAvatarContext("AvatarFrame");
   const { tx } = useThemeContext();
   const numericSize = size === "px" ? 1 : Number(size);
   const sizePx = numericSize * 4;
-  const ringWidth = numericSize > 4 ? 2 : numericSize > 3 ? 1 : 1;
-  const ringGap = numericSize > 12 ? 3 : numericSize > 4 ? 2 : numericSize > 3 ? 1 : 0;
+  const ringWidth = status ? numericSize > 4 ? 2 : numericSize > 3 ? 1 : 1 : 0;
+  const ringGap = status ? numericSize > 12 ? 3 : numericSize > 4 ? 2 : numericSize > 3 ? 1 : 0 : 0;
   const r = sizePx / 2 - ringGap - ringWidth;
   return /* @__PURE__ */ React3.createElement(AvatarRootPrimitive, {
     role: "img",
@@ -213,13 +212,12 @@ var AvatarFrame = /* @__PURE__ */ forwardRef2(({ classNames, children, ...props
     y: ringGap + ringWidth,
     rx
   }))), variant === "circle" ? /* @__PURE__ */ React3.createElement("circle", {
-    className: `avatarFrameFill${color ? "" : " fill-[var(--surface-bg)]"}`,
+    className: hue ? tx("hue.fill", "avatar__frame__circle", {
+      hue
+    }) : "fill-[var(--surface-bg)]",
     cx: "50%",
     cy: "50%",
-    r,
-    ...color ? {
-      fill: color
-    } : {}
+    r
   }) : /* @__PURE__ */ React3.createElement("rect", {
     className: "avatarFrameFill fill-[var(--surface-bg)]",
     x: ringGap + ringWidth,
@@ -319,14 +317,6 @@ var AvatarFallback = /* @__PURE__ */ forwardRef2(({ delayMs, text, ...props }, f
     large: !isTextOnly
   }, text.toLocaleUpperCase())));
 });
-var getJdenticonHref = (value, size) => `data:image/svg+xml;utf8,${encodeURIComponent(toSvg(value, size === "px" ? 1 : size * 4, {
-  padding: 0
-}))}`;
-var useJdenticonHref = (value, size) => {
-  return useMemo(() => getJdenticonHref(value, size), [
-    value
-  ]);
-};
 var Avatar = {
   Root: AvatarRoot,
   Frame: AvatarFrame,
@@ -511,6 +501,9 @@ var Button = /* @__PURE__ */ forwardRef6(({ classNames, children, density: props
   return /* @__PURE__ */ React7.createElement(Root3, {
     ref,
     ...props,
+    "data-variant": variant,
+    "data-density": density,
+    "data-props": inGroup ? "grouped" : "",
     className: tx("button.root", "button", {
       variant,
       inGroup,
@@ -1252,6 +1245,7 @@ import { Primitive as Primitive8 } from "@radix-ui/react-primitive";
 import { Slot as Slot9 } from "@radix-ui/react-slot";
 import { useControllableState as useControllableState2 } from "@radix-ui/react-use-controllable-state";
 import React19, { forwardRef as forwardRef16, useCallback as useCallback3, useEffect as useEffect4, useRef, useState as useState4 } from "react";
+import { log } from "@dxos/log";
 import { useMediaQuery, useForwardedRef } from "@dxos/react-hooks";
 
 // packages/ui/react-ui/src/components/Main/useSwipeToDismiss.ts
@@ -1352,6 +1346,7 @@ 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";
 var MAIN_ROOT_NAME = "MainRoot";
 var NAVIGATION_SIDEBAR_NAME = "NavigationSidebar";
 var COMPLEMENTARY_SIDEBAR_NAME = "ComplementarySidebar";
@@ -1361,11 +1356,21 @@ var [MainProvider, useMainContext] = createContext8(MAIN_NAME, {
   resizing: false,
   navigationSidebarOpen: false,
   setNavigationSidebarOpen: (nextOpen) => {
-    console.warn("Attempt to set sidebar state without initializing `MainRoot`");
+    log.warn("Attempt to set sidebar state without initializing `MainRoot`", void 0, {
+      F: __dxlog_file,
+      L: 49,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
   },
   complementarySidebarOpen: false,
   setComplementarySidebarOpen: (nextOpen) => {
-    console.warn("Attempt to set sidebar state without initializing `MainRoot`");
+    log.warn("Attempt to set sidebar state without initializing `MainRoot`", void 0, {
+      F: __dxlog_file,
+      L: 54,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
   }
 });
 var useSidebars = (consumerName = GENERIC_CONSUMER_NAME) => {
@@ -2160,14 +2165,12 @@ export {
   Trans,
   Tree,
   TreeItem,
-  getJdenticonHref,
   hasIosKeyboard,
   toLocalizedString,
   useAvatarContext,
   useButtonGroupContext,
   useDensityContext,
   useElevationContext,
-  useJdenticonHref,
   useListContext,
   useListItemContext,
   useMainContext,