@dxos/react-ui 0.8.3-main.7f5a14c → 0.8.3-staging.0fa589b

package/dist/lib/{browser/chunk-5Y5JI6KC.mjs → node-esm/chunk-EQ7EG74H.mjs}

@@ -1,3 +1,5 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
 // packages/ui/react-ui/src/hooks/useDensityContext.ts
 import { useContext as useContext6 } from "react";
 
@@ -1771,7 +1773,7 @@ var TextArea = /* @__PURE__ */ forwardRef13(({ __inputScope, classNames, density
         density,
         elevation,
         validationValence
-      }, classNames),
+      }, "-mbe-labelSpacingBlock", classNames),
       ...props.autoFocus && !hasIosKeyboard2 && {
         autoFocus: true
       },
@@ -3231,9 +3233,16 @@ import { Primitive as Primitive11 } from "@radix-ui/react-primitive";
 import { Slot as Slot11 } from "@radix-ui/react-slot";
 import React28, { forwardRef as forwardRef20 } from "react";
 import { useId as useId4 } from "@dxos/react-hooks";
+var messageIcons = {
+  success: "ph--check-circle--duotone",
+  info: "ph--info--duotone",
+  warning: "ph--warning--duotone",
+  error: "ph--warning-circle--duotone",
+  neutral: "ph--info--duotone"
+};
 var MESSAGE_NAME = "Message";
 var [MessageProvider, useMessageContext] = createContext11(MESSAGE_NAME);
-var MessageRoot = /* @__PURE__ */ forwardRef20(({ asChild, valence, elevation: propsElevation, className, titleId: propsTitleId, descriptionId: propsDescriptionId, children, ...props }, forwardedRef) => {
+var MessageRoot = /* @__PURE__ */ forwardRef20(({ asChild, valence = "neutral", elevation: propsElevation, classNames, titleId: propsTitleId, descriptionId: propsDescriptionId, children, ...props }, forwardedRef) => {
   var _effect = _useSignals28();
   try {
     const { tx } = useThemeContext();
@@ -3243,13 +3252,15 @@ var MessageRoot = /* @__PURE__ */ forwardRef20(({ asChild, valence, elevation: p
     const Root7 = asChild ? Slot11 : Primitive11.div;
     return /* @__PURE__ */ React28.createElement(MessageProvider, {
       titleId,
-      descriptionId
+      descriptionId,
+      valence
     }, /* @__PURE__ */ React28.createElement(Root7, {
+      role: valence === "neutral" ? "paragraph" : "alert",
       ...props,
       className: tx("message.root", "message", {
         valence,
         elevation
-      }, className),
+      }, classNames),
       "aria-labelledby": titleId,
       "aria-describedby": descriptionId,
       ref: forwardedRef
@@ -3260,25 +3271,31 @@ var MessageRoot = /* @__PURE__ */ forwardRef20(({ asChild, valence, elevation: p
 });
 MessageRoot.displayName = MESSAGE_NAME;
 var MESSAGE_TITLE_NAME = "MessageTitle";
-var MessageTitle = /* @__PURE__ */ forwardRef20(({ asChild, className, children, ...props }, forwardedRef) => {
+var MessageTitle = /* @__PURE__ */ forwardRef20(({ asChild, classNames, children, icon, ...props }, forwardedRef) => {
   var _effect = _useSignals28();
   try {
     const { tx } = useThemeContext();
-    const { titleId } = useMessageContext(MESSAGE_TITLE_NAME);
+    const { titleId, valence } = useMessageContext(MESSAGE_TITLE_NAME);
     const Root7 = asChild ? Slot11 : Primitive11.h2;
     return /* @__PURE__ */ React28.createElement(Root7, {
       ...props,
-      className: tx("message.title", "message__title", {}, className),
+      className: tx("message.title", "message__title", {}, classNames),
       id: titleId,
       ref: forwardedRef
-    }, children);
+    }, !icon && valence === "neutral" ? null : /* @__PURE__ */ React28.createElement(Icon, {
+      size: 5,
+      icon: icon ?? messageIcons[valence],
+      classNames: tx("message.icon", "message__icon", {
+        valence
+      })
+    }), /* @__PURE__ */ React28.createElement("span", null, children));
   } finally {
     _effect.f();
   }
 });
 MessageTitle.displayName = MESSAGE_TITLE_NAME;
-var MESSAGE_BODY_NAME = "MessageBody";
-var MessageBody = /* @__PURE__ */ forwardRef20(({ asChild, className, children, ...props }, forwardedRef) => {
+var MESSAGE_BODY_NAME = "MessageContent";
+var MessageContent = /* @__PURE__ */ forwardRef20(({ asChild, classNames, children, ...props }, forwardedRef) => {
   var _effect = _useSignals28();
   try {
     const { tx } = useThemeContext();
@@ -3286,7 +3303,7 @@ var MessageBody = /* @__PURE__ */ forwardRef20(({ asChild, className, children,
     const Root7 = asChild ? Slot11 : Primitive11.p;
     return /* @__PURE__ */ React28.createElement(Root7, {
       ...props,
-      className: tx("message.body", "message__body", {}, className),
+      className: tx("message.content", "message__content", {}, classNames),
       id: descriptionId,
       ref: forwardedRef
     }, children);
@@ -3294,12 +3311,13 @@ var MessageBody = /* @__PURE__ */ forwardRef20(({ asChild, className, children,
     _effect.f();
   }
 });
-MessageBody.displayName = MESSAGE_BODY_NAME;
+MessageContent.displayName = MESSAGE_BODY_NAME;
 var Message = {
   Root: MessageRoot,
   Title: MessageTitle,
-  Body: MessageBody
+  Content: MessageContent
 };
+var Callout = Message;
 
 // packages/ui/react-ui/src/components/Popover/Popover.tsx
 import { useSignals as _useSignals29 } from "@preact-signals/safe-react/tracking";
@@ -3981,7 +3999,7 @@ var Select = {
 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";
-var Separator4 = /* @__PURE__ */ forwardRef25(({ classNames, orientation = "horizontal", ...props }, forwardedRef) => {
+var Separator4 = /* @__PURE__ */ forwardRef25(({ classNames, orientation = "horizontal", subdued, ...props }, forwardedRef) => {
   var _effect = _useSignals33();
   try {
     const { tx } = useThemeContext();
@@ -3989,7 +4007,8 @@ var Separator4 = /* @__PURE__ */ forwardRef25(({ classNames, orientation = "hori
       orientation,
       ...props,
       className: tx("separator.root", "separator", {
-        orientation
+        orientation,
+        subdued
       }, classNames),
       ref: forwardedRef
     });
@@ -4129,13 +4148,15 @@ var Toast = {
 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";
-var ToolbarRoot = /* @__PURE__ */ forwardRef28(({ classNames, children, ...props }, forwardedRef) => {
+var ToolbarRoot = /* @__PURE__ */ forwardRef28(({ classNames, children, layoutManaged, ...props }, forwardedRef) => {
   var _effect = _useSignals36();
   try {
     const { tx } = useThemeContext();
     return /* @__PURE__ */ React36.createElement(ToolbarPrimitive.Root, {
       ...props,
-      className: tx("toolbar.root", "toolbar", {}, classNames),
+      className: tx("toolbar.root", "toolbar", {
+        layoutManaged
+      }, classNames),
       ref: forwardedRef
     }, children);
   } finally {
@@ -4341,7 +4362,9 @@ export {
   useDropdownMenuContext,
   DropdownMenu,
   useDropdownMenuMenuScope,
+  messageIcons,
   Message,
+  Callout,
   createPopoverScope,
   Popover,
   Status,
@@ -4352,4 +4375,4 @@ export {
   Toast,
   Toolbar
 };
-//# sourceMappingURL=chunk-5Y5JI6KC.mjs.map
+//# sourceMappingURL=chunk-EQ7EG74H.mjs.map