@dxos/react-ui 0.3.5-main.f910495 → 0.3.5-main.fee333e

package/dist/lib/browser/index.mjs

@@ -152,7 +152,9 @@ var AvatarFrame = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }
     viewBox: `0 0 ${imageSizeNumber} ${imageSizeNumber}`,
     width: imageSizeNumber,
     height: imageSizeNumber,
-    className: tx("avatar.frame", "avatar__frame", {})
+    className: tx("avatar.frame", "avatar__frame", {
+      variant
+    })
   }, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("mask", {
     id: maskId
   }, variant === "circle" ? /* @__PURE__ */ React2.createElement("circle", {
@@ -215,6 +217,7 @@ var AvatarFrame = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }
     width: imageSizeNumber - strokeWidth / 4,
     height: imageSizeNumber - strokeWidth / 4
   })), /* @__PURE__ */ React2.createElement("span", {
+    role: "none",
     className: tx("avatar.ring", "avatar__ring", {
       size,
       variant,
@@ -559,7 +562,7 @@ import { DotsSixVertical, DotsThreeVertical } from "@phosphor-icons/react";
 import React11, { forwardRef as forwardRef9 } from "react";
 
 // packages/ui/react-ui/src/components/DropdownMenu/DropdownMenu.tsx
-import { Root as DropdownMenuRootPrimitive, DropdownMenuTrigger as DropdownMenuTriggerPrimitive, DropdownMenuPortal as DropdownMenuPortalPrimitive, DropdownMenuContent as DropdownMenuContentPrimitive, DropdownMenuArrow as DropdownMenuArrowPrimitive, DropdownMenuGroup as DropdownMenuGroupPrimitive, DropdownMenuItem as DropdownMenuItemPrimitive, DropdownMenuSeparator as DropdownMenuSeparatorPrimitive, DropdownMenuLabel as DropdownMenuLabelPrimitive } from "@radix-ui/react-dropdown-menu";
+import { Root as DropdownMenuRootPrimitive, DropdownMenuTrigger as DropdownMenuTriggerPrimitive, DropdownMenuPortal as DropdownMenuPortalPrimitive, DropdownMenuContent as DropdownMenuContentPrimitive, DropdownMenuArrow as DropdownMenuArrowPrimitive, DropdownMenuGroup as DropdownMenuGroupPrimitive, DropdownMenuItem as DropdownMenuItemPrimitive, DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive, DropdownMenuItemIndicator as DropdownMenuItemIndicatorPrimitive, DropdownMenuSeparator as DropdownMenuSeparatorPrimitive, DropdownMenuLabel as DropdownMenuLabelPrimitive } from "@radix-ui/react-dropdown-menu";
 import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import React10, { forwardRef as forwardRef8 } from "react";
@@ -609,6 +612,7 @@ var DropdownMenuArrow = /* @__PURE__ */ forwardRef8(({ classNames, ...props }, f
   });
 });
 var DropdownMenuGroup = DropdownMenuGroupPrimitive;
+var DropdownMenuItemIndicator = DropdownMenuItemIndicatorPrimitive;
 var DropdownMenuItem = /* @__PURE__ */ forwardRef8(({ classNames, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   return /* @__PURE__ */ React10.createElement(DropdownMenuItemPrimitive, {
@@ -617,6 +621,14 @@ var DropdownMenuItem = /* @__PURE__ */ forwardRef8(({ classNames, ...props }, fo
     ref: forwardedRef
   });
 });
+var DropdownMenuCheckboxItem = /* @__PURE__ */ forwardRef8(({ classNames, ...props }, forwardedRef) => {
+  const { tx } = useThemeContext();
+  return /* @__PURE__ */ React10.createElement(DropdownMenuCheckboxItemPrimitive, {
+    ...props,
+    className: tx("dropdownMenu.item", "dropdown-menu__item--checkbox", {}, classNames),
+    ref: forwardedRef
+  });
+});
 var DropdownMenuSeparator = /* @__PURE__ */ forwardRef8(({ classNames, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   return /* @__PURE__ */ React10.createElement(DropdownMenuSeparatorPrimitive, {
@@ -642,6 +654,8 @@ var DropdownMenu = {
   Arrow: DropdownMenuArrow,
   Group: DropdownMenuGroup,
   Item: DropdownMenuItem,
+  CheckboxItem: DropdownMenuCheckboxItem,
+  ItemIndicator: DropdownMenuItemIndicator,
   Separator: DropdownMenuSeparator,
   GroupLabel: DropdownMenuGroupLabel
 };