@dxos/react-ui 0.8.3-main.672df60 → 0.8.3-staging.0fa589b

package/dist/lib/node-esm/testing/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/testing/decorators/withTheme.ts", "../../../../src/testing/decorators/withSurfaceVariantsLayout.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator, type StoryContext, type StoryFn } from '@storybook/react';\nimport { useEffect, createElement } from 'react';\n\nimport { defaultTx } from '@dxos/react-ui-theme';\n\nimport { ThemeProvider } from '../../components';\n\nexport const withTheme: Decorator = (Story: StoryFn, context: StoryContext) => {\n  const theme = context?.parameters?.theme || context?.globals?.theme;\n  useEffect(() => {\n    document.documentElement.classList[theme === 'dark' ? 'add' : 'remove']('dark');\n  }, [theme]);\n\n  return createElement(ThemeProvider, {\n    children: createElement(Story),\n    tx: defaultTx,\n  });\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type ComponentType, type PropsWithChildren } from 'react';\n\nimport { mx, surfaceShadow } from '@dxos/react-ui-theme';\nimport { type Density, type Elevation } from '@dxos/react-ui-types';\n\ntype Config = {\n  elevations?: { elevation: Elevation; surface?: string }[];\n  densities?: Density[];\n};\n\nconst Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (\n  <div className={mx('p-4 mlb-4 rounded-md border border-separator', surface, surfaceShadow({ elevation }))}>\n    {children}\n  </div>\n);\n\nconst Panel = ({\n  Story,\n  elevations,\n  densities,\n  className,\n}: { Story: ComponentType } & Config & { className?: string }) => (\n  <div className={mx('flex flex-col h-full p-4', className)}>\n    {elevations?.map(({ elevation, surface }) =>\n      densities?.map((density) => (\n        <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>\n          <Story />\n        </Container>\n      )),\n    )}\n  </div>\n);\n\nexport const withSurfaceVariantsLayout = ({\n  elevations = [\n    { elevation: 'base', surface: 'bg-baseSurface' },\n    { elevation: 'positioned', surface: 'bg-cardSurface' },\n    { elevation: 'dialog', surface: 'bg-modalSurface' },\n  ],\n  densities = ['coarse'],\n}: Config = {}): Decorator => {\n  return (Story) => (\n    <div className='fixed inset-0 grid grid-cols-2 overflow-y-auto'>\n      <Panel Story={Story} className='light' elevations={elevations} densities={densities} />\n      <Panel Story={Story} className='dark' elevations={elevations} densities={densities} />\n    </div>\n  );\n};\n"],
-  "mappings": ";;;;;;AAKA,SAASA,WAAWC,qBAAqB;AAEzC,SAASC,iBAAiB;AAInB,IAAMC,YAAuB,CAACC,OAAgBC,YAAAA;AACnD,QAAMC,QAAQD,SAASE,YAAYD,SAASD,SAASG,SAASF;AAC9DG,YAAU,MAAA;AACRC,aAASC,gBAAgBC,UAAUN,UAAU,SAAS,QAAQ,QAAA,EAAU,MAAA;EAC1E,GAAG;IAACA;GAAM;AAEV,SAAOO,cAAcC,eAAe;IAClCC,UAAUF,cAAcT,KAAAA;IACxBY,IAAIC;EACN,CAAA;AACF;;;;AChBA,OAAOC,WAA2D;AAElE,SAASC,IAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAAiE;;;WAChH,sBAAA,cAACC,OAAAA;MAAIC,WAAWC,GAAG,gDAAgDH,SAASI,cAAc;QAAEL;MAAU,CAAA,CAAA;OACnGD,QAAAA;;;;;AAIL,IAAMO,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;;;WAC3D,sBAAA,cAACD,OAAAA;MAAIC,WAAWC,GAAG,4BAA4BD,SAAAA;OAC5CK,YAAYE,IAAI,CAAC,EAAEV,WAAWC,QAAO,MACpCQ,WAAWC,IAAI,CAACC,YACd,sBAAA,cAACb,WAAAA;MAAUc,KAAK,GAAGZ,SAAAA,KAAcW,OAAAA;MAAWV;MAAkBD;OAC5D,sBAAA,cAACO,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;;;;;AAOJ,IAAMM,4BAA4B,CAAC,EACxCL,aAAa;EACX;IAAER,WAAW;IAAQC,SAAS;EAAiB;EAC/C;IAAED,WAAW;IAAcC,SAAS;EAAiB;EACrD;IAAED,WAAW;IAAUC,SAAS;EAAkB;GAEpDQ,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UACN,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACG,OAAAA;IAAMC;IAAcJ,WAAU;IAAQK;IAAwBC;MAC/D,sBAAA,cAACH,OAAAA;IAAMC;IAAcJ,WAAU;IAAOK;IAAwBC;;AAGpE;",
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator, type StoryContext, type StoryFn } from '@storybook/react';\nimport { useEffect, createElement } from 'react';\n\nimport { defaultTx } from '@dxos/react-ui-theme';\n\nimport { ThemeProvider } from '../../components';\n\nexport const withTheme: Decorator = (Story: StoryFn, context: StoryContext) => {\n  const theme = context?.parameters?.theme || context?.globals?.theme;\n  useEffect(() => {\n    document.documentElement.classList[theme === 'dark' ? 'add' : 'remove']('dark');\n  }, [theme]);\n\n  return createElement(ThemeProvider, {\n    children: createElement(Story),\n    tx: defaultTx,\n  });\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type ComponentType, type PropsWithChildren } from 'react';\n\nimport { mx, surfaceShadow } from '@dxos/react-ui-theme';\nimport { type Density, type Elevation } from '@dxos/react-ui-types';\n\ntype Config = {\n  elevations?: { elevation: Elevation; surface?: string }[];\n  densities?: Density[];\n};\n\nconst Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (\n  <div className={mx('rounded-md border border-separator', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n  Story,\n  elevations,\n  densities,\n  className,\n}: { Story: ComponentType } & Config & { className?: string }) => (\n  <div className={mx('flex flex-col h-full p-4 gap-4', className)}>\n    {elevations?.map(({ elevation, surface }) =>\n      densities?.map((density) => (\n        <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>\n          <Story />\n        </Container>\n      )),\n    )}\n  </div>\n);\n\nexport const withSurfaceVariantsLayout = ({\n  elevations = [\n    { elevation: 'base', surface: 'bg-baseSurface' },\n    { elevation: 'positioned', surface: 'bg-cardSurface' },\n    { elevation: 'dialog', surface: 'bg-modalSurface' },\n  ],\n  densities = ['coarse'],\n}: Config = {}): Decorator => {\n  return (Story) => (\n    <div className='fixed inset-0 grid grid-cols-2 overflow-y-auto'>\n      <Panel Story={Story} className='light' elevations={elevations} densities={densities} />\n      <Panel Story={Story} className='dark' elevations={elevations} densities={densities} />\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;AAKA,SAASA,WAAWC,qBAAqB;AAEzC,SAASC,iBAAiB;AAInB,IAAMC,YAAuB,CAACC,OAAgBC,YAAAA;AACnD,QAAMC,QAAQD,SAASE,YAAYD,SAASD,SAASG,SAASF;AAC9DG,YAAU,MAAA;AACRC,aAASC,gBAAgBC,UAAUN,UAAU,SAAS,QAAQ,QAAA,EAAU,MAAA;EAC1E,GAAG;IAACA;GAAM;AAEV,SAAOO,cAAcC,eAAe;IAClCC,UAAUF,cAAcT,KAAAA;IACxBY,IAAIC;EACN,CAAA;AACF;;;;AChBA,OAAOC,WAA2D;AAElE,SAASC,IAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAAiE;;;WAChH,sBAAA,cAACC,OAAAA;MAAIC,WAAWC,GAAG,sCAAsCH,SAASI,cAAc;QAAEL;MAAU,CAAA,CAAA;OAAMD,QAAAA;;;;;AAGpG,IAAMO,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;;;WAC3D,sBAAA,cAACD,OAAAA;MAAIC,WAAWC,GAAG,kCAAkCD,SAAAA;OAClDK,YAAYE,IAAI,CAAC,EAAEV,WAAWC,QAAO,MACpCQ,WAAWC,IAAI,CAACC,YACd,sBAAA,cAACb,WAAAA;MAAUc,KAAK,GAAGZ,SAAAA,KAAcW,OAAAA;MAAWV;MAAkBD;OAC5D,sBAAA,cAACO,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;;;;;AAOJ,IAAMM,4BAA4B,CAAC,EACxCL,aAAa;EACX;IAAER,WAAW;IAAQC,SAAS;EAAiB;EAC/C;IAAED,WAAW;IAAcC,SAAS;EAAiB;EACrD;IAAED,WAAW;IAAUC,SAAS;EAAkB;GAEpDQ,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UACN,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACG,OAAAA;IAAMC;IAAcJ,WAAU;IAAQK;IAAwBC;MAC/D,sBAAA,cAACH,OAAAA;IAAMC;IAAcJ,WAAU;IAAOK;IAAwBC;;AAGpE;",
   "names": ["useEffect", "createElement", "defaultTx", "withTheme", "Story", "context", "theme", "parameters", "globals", "useEffect", "document", "documentElement", "classList", "createElement", "ThemeProvider", "children", "tx", "defaultTx", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "div", "className", "mx", "surfaceShadow", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withSurfaceVariantsLayout"]
 }

package/dist/types/src/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAA6B,KAAK,aAAa,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA2D,MAAM,OAAO,CAAC;AAEnH,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,aAAa,IAAI,sBAAsB,EAG5C,KAAK,gBAAgB,EAGrB,KAAK,6BAA6B,IAAI,sCAAsC,EAC5E,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,eAAe,IAAI,wBAAwB,EACjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGpG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAuBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,gBAAgB,GACnC,IAAI,CAAC,sBAAsB,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IACpE,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAoDJ,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAkClF,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAgChF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAoDtH,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAA6B,KAAK,aAAa,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA2D,MAAM,OAAO,CAAC;AAEnH,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,aAAa,IAAI,sBAAsB,EAG5C,KAAK,gBAAgB,EAGrB,KAAK,6BAA6B,IAAI,sCAAsC,EAC5E,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,eAAe,IAAI,wBAAwB,EACjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGpG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAuBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,gBAAgB,GACnC,IAAI,CAAC,sBAAsB,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IACpE,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAoDJ,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAkClF,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAiChF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAoDtH,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}

package/dist/types/src/components/Message/Message.d.ts

@@ -1,23 +1,32 @@
 import { Primitive } from '@radix-ui/react-primitive';
 import React, { type ComponentPropsWithRef } from 'react';
 import { type MessageValence, type Elevation } from '@dxos/react-ui-types';
-type MessageRootProps = ComponentPropsWithRef<typeof Primitive.div> & {
+import { type ThemedClassName } from '../../util';
+declare const messageIcons: Record<MessageValence, string>;
+type MessageRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
     valence?: MessageValence;
     elevation?: Elevation;
     asChild?: boolean;
     titleId?: string;
     descriptionId?: string;
 };
-type MessageTitleProps = Omit<ComponentPropsWithRef<typeof Primitive.h2>, 'id'> & {
+type MessageTitleProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
     asChild?: boolean;
+    icon?: string;
 };
-type MessageBodyProps = Omit<ComponentPropsWithRef<typeof Primitive.h2>, 'id'> & {
+type MessageContentProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
     asChild?: boolean;
 };
 export declare const Message: {
     Root: React.ForwardRefExoticComponent<Omit<MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Title: React.ForwardRefExoticComponent<Omit<MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Body: React.ForwardRefExoticComponent<Omit<MessageBodyProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<MessageContentProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 };
-export type { MessageRootProps, MessageTitleProps, MessageBodyProps };
+export declare const Callout: {
+    Root: React.ForwardRefExoticComponent<Omit<MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<MessageContentProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+};
+export type { MessageRootProps, MessageTitleProps, MessageContentProps };
+export { messageIcons };
 //# sourceMappingURL=Message.d.ts.map

package/dist/types/src/components/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAI3E,KAAK,gBAAgB,GAAG,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG;IACpE,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA2CF,KAAK,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmBxG,KAAK,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAwBvG,eAAO,MAAM,OAAO;;;;CAAgE,CAAC;AAErF,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG3E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4CF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+BF,KAAK,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAwBF,eAAO,MAAM,OAAO;;;;CAAsE,CAAC;AAC3F,eAAO,MAAM,OAAO;;;;CAAU,CAAC;AAE/B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/src/components/Message/Message.stories.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
     component: {
         Root: React.ForwardRefExoticComponent<Omit<import("./Message").MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
         Title: React.ForwardRefExoticComponent<Omit<import("./Message").MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-        Body: React.ForwardRefExoticComponent<Omit<import("./Message").MessageBodyProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+        Content: React.ForwardRefExoticComponent<Omit<import("./Message").MessageContentProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     };
     render: ({ valence, title, body }: StoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];

package/dist/types/src/components/Message/Message.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;;;;;;uCAE8C,UAAU;;;;;;;;;;;;;;AAS1D,wBAYE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}
+{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;;;;;;uCAE8C,UAAU;;;;;;;;;;;;;;AAO1D,wBAYE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

package/dist/types/src/components/Separator/Separator.d.ts

@@ -1,9 +1,13 @@
 import { type SeparatorProps as SeparatorPrimitiveProps } from '@radix-ui/react-separator';
 import React from 'react';
 import { type ThemedClassName } from '../../util';
-type SeparatorProps = ThemedClassName<SeparatorPrimitiveProps>;
+type SeparatorProps = ThemedClassName<SeparatorPrimitiveProps> & {
+    subdued?: boolean;
+};
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitiveProps, "className"> & {
     classNames?: import("@dxos/react-ui-types").ClassNameValue;
+} & {
+    subdued?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export type { SeparatorProps };
 export { Separator };

package/dist/types/src/components/Separator/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,IAAI,uBAAuB,EAC/C,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,cAAc,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAE/D,QAAA,MAAM,SAAS;;wCAYd,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,IAAI,uBAAuB,EAC/C,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,cAAc,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvF,QAAA,MAAM,SAAS;;;cAF8D,OAAO;wCAcnF,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts

@@ -5,6 +5,7 @@ import { useTranslation as useI18NextTranslation } from 'react-i18next';
 export type Label = string | [string, {
     ns: string;
     count?: number;
+    defaultValue?: string;
 }];
 export declare const isLabel: (o: any) => o is Label;
 export declare const toLocalizedString: (label: Label, t: TFunction) => string;

package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/TranslationsProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAA4D,MAAM,OAAO,CAAC;AACxG,OAAO,EAAoB,cAAc,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtE,eAAO,MAAM,OAAO,GAAI,GAAG,GAAG,KAAG,CAAC,IAAI,KAQN,CAAC;AAEjC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,GAAG,SAAS,WAAiD,CAAC;AAE9G,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAWX,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,GAAG,MAAM,UAAU,CAAC,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/E,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8DAMlC,yBAAyB,sBAwB3B,CAAC"}
+{"version":3,"file":"TranslationsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/TranslationsProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAA4D,MAAM,OAAO,CAAC;AACxG,OAAO,EAAoB,cAAc,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7F,eAAO,MAAM,OAAO,GAAI,GAAG,GAAG,KAAG,CAAC,IAAI,KAQN,CAAC;AAEjC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,GAAG,SAAS,WAAiD,CAAC;AAE9G,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAWX,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,GAAG,MAAM,UAAU,CAAC,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/E,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8DAMlC,yBAAyB,sBAwB3B,CAAC"}

package/dist/types/src/components/Toolbar/Toolbar.d.ts

@@ -5,7 +5,9 @@ import { type ThemedClassName } from '../../util';
 import { type ButtonGroupProps, type ButtonProps, type ToggleGroupItemProps, type ToggleProps, type IconButtonProps } from '../Buttons';
 import { type LinkProps } from '../Link';
 import { type SeparatorProps } from '../Separator';
-type ToolbarRootProps = ThemedClassName<ToolbarPrimitive.ToolbarProps>;
+type ToolbarRootProps = ThemedClassName<ToolbarPrimitive.ToolbarProps> & {
+    layoutManaged?: boolean;
+};
 type ToolbarButtonProps = ButtonProps;
 type ToolbarIconButtonProps = IconButtonProps;
 type ToolbarToggleProps = ToggleProps;
@@ -19,6 +21,8 @@ type ToolbarSeparatorProps = SeparatorProps & {
 export declare const Toolbar: {
     Root: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps, "className"> & {
         classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    } & {
+        layoutManaged?: boolean;
     } & React.RefAttributes<HTMLDivElement>>;
     Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -47,6 +51,8 @@ export declare const Toolbar: {
     ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<ToolbarToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
         classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    } & {
+        subdued?: boolean;
     } & {
         variant?: "gap" | "line";
     } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src/components/Toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,IAAI,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAEhB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAEhB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAWvE,KAAK,kBAAkB,GAAG,WAAW,CAAC;AAUtC,KAAK,sBAAsB,GAAG,eAAe,CAAC;AAU9C,KAAK,kBAAkB,GAAG,WAAW,CAAC;AAUtC,KAAK,gBAAgB,GAAG,SAAS,CAAC;AAUlC,KAAK,uBAAuB,GAAG,CAC3B,IAAI,CAAC,gBAAgB,CAAC,6BAA6B,EAAE,WAAW,CAAC,GACjE,IAAI,CAAC,gBAAgB,CAAC,+BAA+B,EAAE,WAAW,CAAC,CACtE,GACC,gBAAgB,CAAC;AAYnB,KAAK,2BAA2B,GAAG,oBAAoB,CAAC;AAYxD,KAAK,+BAA+B,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAY1G,KAAK,qBAAqB,GAAG,cAAc,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,CAAC;AAc3E,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAdsC,KAAK,GAAG,MAAM;;CAwBvE,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,2BAA2B,EAC3B,+BAA+B,EAC/B,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,IAAI,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAEhB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAEhB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBrG,KAAK,kBAAkB,GAAG,WAAW,CAAC;AAUtC,KAAK,sBAAsB,GAAG,eAAe,CAAC;AAU9C,KAAK,kBAAkB,GAAG,WAAW,CAAC;AAUtC,KAAK,gBAAgB,GAAG,SAAS,CAAC;AAUlC,KAAK,uBAAuB,GAAG,CAC3B,IAAI,CAAC,gBAAgB,CAAC,6BAA6B,EAAE,WAAW,CAAC,GACjE,IAAI,CAAC,gBAAgB,CAAC,+BAA+B,EAAE,WAAW,CAAC,CACtE,GACC,gBAAgB,CAAC;AAYnB,KAAK,2BAA2B,GAAG,oBAAoB,CAAC;AAYxD,KAAK,+BAA+B,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAY1G,KAAK,qBAAqB,GAAG,cAAc,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,CAAC;AAc3E,eAAO,MAAM,OAAO;;;;wBA/GuE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAiGxC,KAAK,GAAG,MAAM;;CAwBvE,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,2BAA2B,EAC3B,+BAA+B,EAC/B,qBAAqB,GACtB,CAAC"}

package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts

@@ -6,6 +6,8 @@ declare const _default: {
     component: {
         Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toolbar").ToolbarProps, "className"> & {
             classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        } & {
+            layoutManaged?: boolean;
         } & React.RefAttributes<HTMLDivElement>>;
         Button: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
         IconButton: React.ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -34,6 +36,8 @@ declare const _default: {
         ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<import("./Toolbar").ToolbarToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
         Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
             classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        } & {
+            subdued?: boolean;
         } & {
             variant?: "gap" | "line";
         } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,qBAAqB,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAEH,qBAAqB;;;;;;;;AAuDlD,wBAME;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
+{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,qBAAqB,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAEH,qBAAqB;;;;;;;;AAuDlD,wBAME;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}

package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withSurfaceVariantsLayout.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withSurfaceVariantsLayout.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEpE,KAAK,MAAM,GAAG;IACZ,UAAU,CAAC,EAAE;QAAE,SAAS,EAAE,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;CACvB,CAAC;AAyBF,eAAO,MAAM,yBAAyB,GAAI,6BAOvC,MAAW,KAAG,SAOhB,CAAC"}
+{"version":3,"file":"withSurfaceVariantsLayout.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withSurfaceVariantsLayout.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEpE,KAAK,MAAM,GAAG;IACZ,UAAU,CAAC,EAAE;QAAE,SAAS,EAAE,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;CACvB,CAAC;AAuBF,eAAO,MAAM,yBAAyB,GAAI,6BAOvC,MAAW,KAAG,SAOhB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.8.3-main.672df60",
+  "version": "0.8.3-staging.0fa589b",
   "description": "Low-level React components for DXOS, applying a theme to a core group of primitives",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -72,14 +72,14 @@
     "keyborg": "^2.5.0",
     "react-i18next": "^11.18.6",
     "react-remove-scroll": "^2.6.0",
-    "@dxos/debug": "0.8.3-main.672df60",
-    "@dxos/lit-ui": "0.8.3-main.672df60",
-    "@dxos/log": "0.8.3-main.672df60",
-    "@dxos/react-hooks": "0.8.3-main.672df60",
-    "@dxos/react-list": "0.8.3-main.672df60",
-    "@dxos/react-ui-types": "0.8.3-main.672df60",
-    "@dxos/react-input": "0.8.3-main.672df60",
-    "@dxos/util": "0.8.3-main.672df60"
+    "@dxos/debug": "0.8.3-staging.0fa589b",
+    "@dxos/lit-ui": "0.8.3-staging.0fa589b",
+    "@dxos/log": "0.8.3-staging.0fa589b",
+    "@dxos/react-hooks": "0.8.3-staging.0fa589b",
+    "@dxos/react-list": "0.8.3-staging.0fa589b",
+    "@dxos/react-input": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-types": "0.8.3-staging.0fa589b",
+    "@dxos/util": "0.8.3-staging.0fa589b"
   },
   "devDependencies": {
     "@dnd-kit/core": "^6.0.5",
@@ -91,15 +91,15 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.3-main.672df60",
-    "@dxos/react-ui-theme": "0.8.3-main.672df60",
-    "@dxos/util": "0.8.3-main.672df60"
+    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b",
+    "@dxos/random": "0.8.3-staging.0fa589b",
+    "@dxos/util": "0.8.3-staging.0fa589b"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.8.3-main.672df60"
+    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Input/Input.stories.tsx

@@ -78,10 +78,10 @@ const DefaultStory = (props: BaseProps) => {
       <div className={mx(baseSurface, 'p-4')}>
         <Wrapper {...props} />
       </div>
-      <div className={mx(activeSurface, 'p-4 rounded-lg', surfaceShadow({ elevation: 'positioned' }))}>
+      <div className={mx(activeSurface, 'p-4 rounded-md', surfaceShadow({ elevation: 'positioned' }))}>
         <Wrapper {...props} />
       </div>
-      <div className={mx(modalSurface, 'p-4 rounded-lg', surfaceShadow({ elevation: 'dialog' }))}>
+      <div className={mx(modalSurface, 'p-4 rounded-md', surfaceShadow({ elevation: 'dialog' }))}>
         <Wrapper {...props} />
       </div>
     </div>

package/src/components/Input/Input.tsx

@@ -220,6 +220,7 @@ const TextArea = forwardRef<HTMLTextAreaElement, InputScopedProps<TextAreaProps>
             elevation,
             validationValence,
           },
+          '-mbe-labelSpacingBlock',
           classNames,
         )}
         {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}

package/src/components/Menus/ContextMenu.stories.tsx

@@ -13,7 +13,7 @@ const DefaultStory = () => {
   // NOTE(thure): Since long-tap will select text in some OSs, apply `select-none` to `ContextMenu.Trigger` where possible.
   return (
     <ContextMenu.Root>
-      <ContextMenu.Trigger className='select-none border border-dashed border-neutral-400/50 rounded-lg flex items-center justify-center p-8 font-normal'>
+      <ContextMenu.Trigger className='select-none border border-dashed border-neutral-400/50 rounded-md flex items-center justify-center p-8 font-normal'>
         Right-click / long-tap here.
       </ContextMenu.Trigger>
 

package/src/components/Message/Message.stories.tsx

@@ -4,12 +4,11 @@
 
 import '@dxos-theme';
 
-import { Info } from '@phosphor-icons/react';
 import React from 'react';
 
 import { type MessageValence } from '@dxos/react-ui-types';
 
-import { Message } from './Message';
+import { Callout } from './Message';
 import { withTheme } from '../../testing';
 
 type StoryProps = {
@@ -19,17 +18,15 @@ type StoryProps = {
 };
 
 const DefaultStory = ({ valence, title, body }: StoryProps) => (
-  <Message.Root valence={valence}>
-    <Message.Title>
-      <Info className='inline w-5 h-5 mb-1' weight='duotone' /> {title}
-    </Message.Title>
-    <Message.Body>{body}</Message.Body>
-  </Message.Root>
+  <Callout.Root valence={valence}>
+    {title && <Callout.Title>{title}</Callout.Title>}
+    {body && <Callout.Content>{body}</Callout.Content>}
+  </Callout.Root>
 );
 
 export default {
-  title: 'ui/react-ui-core/Message',
-  component: Message,
+  title: 'ui/react-ui-core/Callout',
+  component: Callout,
   render: DefaultStory,
   decorators: [withTheme],
   parameters: { chromatic: { disableSnapshot: false } },

package/src/components/Message/Message.tsx

@@ -11,8 +11,18 @@ import { useId } from '@dxos/react-hooks';
 import { type MessageValence, type Elevation } from '@dxos/react-ui-types';
 
 import { useElevationContext, useThemeContext } from '../../hooks';
+import { type ThemedClassName } from '../../util';
+import { Icon } from '../Icon';
+
+const messageIcons: Record<MessageValence, string> = {
+  success: 'ph--check-circle--duotone',
+  info: 'ph--info--duotone',
+  warning: 'ph--warning--duotone',
+  error: 'ph--warning-circle--duotone',
+  neutral: 'ph--info--duotone',
+};
 
-type MessageRootProps = ComponentPropsWithRef<typeof Primitive.div> & {
+type MessageRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
   valence?: MessageValence;
   elevation?: Elevation;
   asChild?: boolean;
@@ -20,7 +30,7 @@ type MessageRootProps = ComponentPropsWithRef<typeof Primitive.div> & {
   descriptionId?: string;
 };
 
-type MessageContextValue = { titleId?: string; descriptionId: string };
+type MessageContextValue = { titleId?: string; descriptionId: string; valence: MessageValence };
 const MESSAGE_NAME = 'Message';
 const [MessageProvider, useMessageContext] = createContext<MessageContextValue>(MESSAGE_NAME);
 
@@ -28,9 +38,9 @@ const MessageRoot = forwardRef<HTMLDivElement, MessageRootProps>(
   (
     {
       asChild,
-      valence,
+      valence = 'neutral',
       elevation: propsElevation,
-      className,
+      classNames,
       titleId: propsTitleId,
       descriptionId: propsDescriptionId,
       children,
@@ -44,10 +54,11 @@ const MessageRoot = forwardRef<HTMLDivElement, MessageRootProps>(
     const elevation = useElevationContext(propsElevation);
     const Root = asChild ? Slot : Primitive.div;
     return (
-      <MessageProvider {...{ titleId, descriptionId }}>
+      <MessageProvider {...{ titleId, descriptionId, valence }}>
         <Root
+          role={valence === 'neutral' ? 'paragraph' : 'alert'}
           {...props}
-          className={tx('message.root', 'message', { valence, elevation }, className)}
+          className={tx('message.root', 'message', { valence, elevation }, classNames)}
           aria-labelledby={titleId}
           aria-describedby={descriptionId}
           ref={forwardedRef}
@@ -61,18 +72,33 @@ const MessageRoot = forwardRef<HTMLDivElement, MessageRootProps>(
 
 MessageRoot.displayName = MESSAGE_NAME;
 
-type MessageTitleProps = Omit<ComponentPropsWithRef<typeof Primitive.h2>, 'id'> & { asChild?: boolean };
+type MessageTitleProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
+  asChild?: boolean;
+  icon?: string;
+};
 
 const MESSAGE_TITLE_NAME = 'MessageTitle';
 
 const MessageTitle = forwardRef<HTMLHeadingElement, MessageTitleProps>(
-  ({ asChild, className, children, ...props }, forwardedRef) => {
+  ({ asChild, classNames, children, icon, ...props }, forwardedRef) => {
     const { tx } = useThemeContext();
-    const { titleId } = useMessageContext(MESSAGE_TITLE_NAME);
+    const { titleId, valence } = useMessageContext(MESSAGE_TITLE_NAME);
     const Root = asChild ? Slot : Primitive.h2;
     return (
-      <Root {...props} className={tx('message.title', 'message__title', {}, className)} id={titleId} ref={forwardedRef}>
-        {children}
+      <Root
+        {...props}
+        className={tx('message.title', 'message__title', {}, classNames)}
+        id={titleId}
+        ref={forwardedRef}
+      >
+        {!icon && valence === 'neutral' ? null : (
+          <Icon
+            size={5}
+            icon={icon ?? messageIcons[valence]}
+            classNames={tx('message.icon', 'message__icon', { valence })}
+          />
+        )}
+        <span>{children}</span>
       </Root>
     );
   },
@@ -80,19 +106,21 @@ const MessageTitle = forwardRef<HTMLHeadingElement, MessageTitleProps>(
 
 MessageTitle.displayName = MESSAGE_TITLE_NAME;
 
-type MessageBodyProps = Omit<ComponentPropsWithRef<typeof Primitive.h2>, 'id'> & { asChild?: boolean };
+type MessageContentProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
+  asChild?: boolean;
+};
 
-const MESSAGE_BODY_NAME = 'MessageBody';
+const MESSAGE_BODY_NAME = 'MessageContent';
 
-const MessageBody = forwardRef<HTMLParagraphElement, MessageBodyProps>(
-  ({ asChild, className, children, ...props }, forwardedRef) => {
+const MessageContent = forwardRef<HTMLParagraphElement, MessageContentProps>(
+  ({ asChild, classNames, children, ...props }, forwardedRef) => {
     const { tx } = useThemeContext();
     const { descriptionId } = useMessageContext(MESSAGE_BODY_NAME);
     const Root = asChild ? Slot : Primitive.p;
     return (
       <Root
         {...props}
-        className={tx('message.body', 'message__body', {}, className)}
+        className={tx('message.content', 'message__content', {}, classNames)}
         id={descriptionId}
         ref={forwardedRef}
       >
@@ -102,8 +130,11 @@ const MessageBody = forwardRef<HTMLParagraphElement, MessageBodyProps>(
   },
 );
 
-MessageBody.displayName = MESSAGE_BODY_NAME;
+MessageContent.displayName = MESSAGE_BODY_NAME;
+
+export const Message = { Root: MessageRoot, Title: MessageTitle, Content: MessageContent };
+export const Callout = Message;
 
-export const Message = { Root: MessageRoot, Title: MessageTitle, Body: MessageBody };
+export type { MessageRootProps, MessageTitleProps, MessageContentProps };
 
-export type { MessageRootProps, MessageTitleProps, MessageBodyProps };
+export { messageIcons };

package/src/components/Separator/Separator.tsx

@@ -10,16 +10,16 @@ import React, { forwardRef } from 'react';
 import { useThemeContext } from '../../hooks';
 import { type ThemedClassName } from '../../util';
 
-type SeparatorProps = ThemedClassName<SeparatorPrimitiveProps>;
+type SeparatorProps = ThemedClassName<SeparatorPrimitiveProps> & { subdued?: boolean };
 
 const Separator = forwardRef<HTMLDivElement, SeparatorProps>(
-  ({ classNames, orientation = 'horizontal', ...props }, forwardedRef) => {
+  ({ classNames, orientation = 'horizontal', subdued, ...props }, forwardedRef) => {
     const { tx } = useThemeContext();
     return (
       <SeparatorPrimitive
         orientation={orientation}
         {...props}
-        className={tx('separator.root', 'separator', { orientation }, classNames)}
+        className={tx('separator.root', 'separator', { orientation, subdued }, classNames)}
         ref={forwardedRef}
       />
     );

package/src/components/ThemeProvider/TranslationsProvider.tsx

@@ -12,7 +12,7 @@ const initialNs = 'dxos-common';
 const initialDtLocale = dtLocaleEnUs;
 
 // TODO(thure): `Parameters<TFunction>` causes typechecking issues because `TFunction` has so many signatures.
-export type Label = string | [string, { ns: string; count?: number }];
+export type Label = string | [string, { ns: string; count?: number; defaultValue?: string }];
 
 export const isLabel = (o: any): o is Label =>
   typeof o === 'string' ||

package/src/components/Toolbar/Toolbar.tsx

@@ -22,16 +22,22 @@ import {
 import { Link, type LinkProps } from '../Link';
 import { Separator, type SeparatorProps } from '../Separator';
 
-type ToolbarRootProps = ThemedClassName<ToolbarPrimitive.ToolbarProps>;
+type ToolbarRootProps = ThemedClassName<ToolbarPrimitive.ToolbarProps> & { layoutManaged?: boolean };
 
-const ToolbarRoot = forwardRef<HTMLDivElement, ToolbarRootProps>(({ classNames, children, ...props }, forwardedRef) => {
-  const { tx } = useThemeContext();
-  return (
-    <ToolbarPrimitive.Root {...props} className={tx('toolbar.root', 'toolbar', {}, classNames)} ref={forwardedRef}>
-      {children}
-    </ToolbarPrimitive.Root>
-  );
-});
+const ToolbarRoot = forwardRef<HTMLDivElement, ToolbarRootProps>(
+  ({ classNames, children, layoutManaged, ...props }, forwardedRef) => {
+    const { tx } = useThemeContext();
+    return (
+      <ToolbarPrimitive.Root
+        {...props}
+        className={tx('toolbar.root', 'toolbar', { layoutManaged }, classNames)}
+        ref={forwardedRef}
+      >
+        {children}
+      </ToolbarPrimitive.Root>
+    );
+  },
+);
 
 type ToolbarButtonProps = ButtonProps;
 

package/src/testing/decorators/withSurfaceVariantsLayout.tsx

@@ -14,9 +14,7 @@ type Config = {
 };
 
 const Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (
-  <div className={mx('p-4 mlb-4 rounded-md border border-separator', surface, surfaceShadow({ elevation }))}>
-    {children}
-  </div>
+  <div className={mx('rounded-md border border-separator', surface, surfaceShadow({ elevation }))}>{children}</div>
 );
 
 const Panel = ({
@@ -25,7 +23,7 @@ const Panel = ({
   densities,
   className,
 }: { Story: ComponentType } & Config & { className?: string }) => (
-  <div className={mx('flex flex-col h-full p-4', className)}>
+  <div className={mx('flex flex-col h-full p-4 gap-4', className)}>
     {elevations?.map(({ elevation, surface }) =>
       densities?.map((density) => (
         <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>