@dxos/react-ui 0.4.7-main.77593d4 → 0.4.7-main.b23cefb

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,12 +165,12 @@ 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;
@@ -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,
@@ -2160,14 +2150,12 @@ export {
   Trans,
   Tree,
   TreeItem,
-  getJdenticonHref,
   hasIosKeyboard,
   toLocalizedString,
   useAvatarContext,
   useButtonGroupContext,
   useDensityContext,
   useElevationContext,
-  useJdenticonHref,
   useListContext,
   useListItemContext,
   useMainContext,