@dxos/react-ui 0.6.9 → 0.6.10-main.3cfcc89

package/dist/types/src/components/Menus/ContextMenu.stories.d.ts

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;

package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuF1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC"}
+{"version":3,"file":"ContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuF1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC"}

package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;

package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuF1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC"}
+{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuF1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 import { type MessageValence } from '@dxos/react-ui-types';
 type StoryMessageProps = {

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,YAAY,CAAC;AAGpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;0CAE8C,iBAAiB;;;;;;;;AASjE,wBAKE;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;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;0CAE8C,iBAAiB;;;;;;;;AASjE,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React, { type PropsWithChildren, type ReactNode } from 'react';
 declare const _default: {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;;;2CAUjB,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;;;;;;;AAclG,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC"}
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;;;2CAUjB,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;;;;;;;AAclG,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React, { type PropsWithChildren } from 'react';
 declare const _default: {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;;;8BAUX,iBAAiB,CAAC,EAAE,CAAC;;;;;;;;AAmBhE,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
+{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;;;8BAUX,iBAAiB,CAAC,EAAE,CAAC;;;;;;;;AAmBhE,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAoD,MAAM,OAAO,CAAC;;;;;;;;;;;;;AAsDzE,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAInB,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAoD,MAAM,OAAO,CAAC;;;;;;;;;;;;;AAsDzE,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAInB,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAK1B,wBAME;AAEF,eAAO,MAAM,MAAM,UAAW,GAAG,sBAShC,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,GAAG,sBAMvC,CAAC"}
+{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAK1B,wBAME;AAEF,eAAO,MAAM,MAAM,UAAW,GAAG,sBAShC,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,GAAG,sBAMvC,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 declare const _default: any;
 export default _default;
 export declare const Default: {

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;wBAuCf,GAAG;AAlCR,wBAkCS;AAET,eAAO,MAAM,OAAO;;;;;CAAsD,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;wBAuChB,GAAG;AAlCR,wBAkCS;AAET,eAAO,MAAM,OAAO;;;;;CAAsD,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React, { type ReactNode } from 'react';
 type ActionTriggerProps = {
     altText: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMxD,KAAK,kBAAkB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,SAAS,CAAA;CAAE,CAAC;AAElE,KAAK,mBAAmB,GAAG,OAAO,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,YAAY,EAAE,SAAS,CAAC;CACzB,CAAC,CAAC;;;uBAE4B,mBAAmB;;;;;;;;AAwBlD,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAWnB,CAAC"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMxD,KAAK,kBAAkB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,SAAS,CAAA;CAAE,CAAC;AAElE,KAAK,mBAAmB,GAAG,OAAO,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,YAAY,EAAE,SAAS,CAAC;CACzB,CAAC,CAAC;;;uBAE4B,mBAAmB;;;;;;;;AAwBlD,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAWnB,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 type StorybookToolbarProps = {};
 declare const _default: {

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,YAAY,CAAC;AAGpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,qBAAqB,GAAG,EAAE,CAAC;;;uBAEC,qBAAqB;;;;;;;;AAuDtD,wBAKE;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;;;uBAEC,qBAAqB;;;;;;;;AAuDtD,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}

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

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 type StoryTooltipProps = {
     content: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;;;6BAEiC,iBAAiB;;;;;;;;AAcpD,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;;;CAOnB,CAAC"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;;;6BAEiC,iBAAiB;;;;;;;;AAcpD,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;;;CAOnB,CAAC"}

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

@@ -4,6 +4,7 @@ export * from './Breadcrumb';
 export * from './Buttons';
 export * from './Dialogs';
 export * from './Menus';
+export * from './Icon';
 export * from './Input';
 export * from './Link';
 export * from './Lists';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}

package/dist/types/src/playground/Controls.stories.d.ts

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;

package/dist/types/src/playground/Controls.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Controls.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAGpB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;;;;;;AA6ExC,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;CAEnB,CAAC"}
+{"version":3,"file":"Controls.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Controls.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;;;;;;AA6ExC,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;CAEnB,CAAC"}

package/dist/types/src/playground/Surfaces.stories.d.ts

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;

package/dist/types/src/playground/Surfaces.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surfaces.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Surfaces.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAiC,MAAM,OAAO,CAAC;;;;;;;;;;;AAwDtD,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
+{"version":3,"file":"Surfaces.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Surfaces.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAiC,MAAM,OAAO,CAAC;;;;;;;;;;;AAwDtD,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}

package/dist/types/src/playground/Typography.stories.d.ts

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;

package/dist/types/src/playground/Typography.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Typography.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuC1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Typography.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuC1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}

package/dist/types/src/playground/helpers.d.ts

@@ -1,4 +1,4 @@
-import '@dxosTheme';
+import '@dxos-theme';
 import React, { type FunctionComponent } from 'react';
 export declare const createScenarios: (Component: FunctionComponent<any>) => ({ ...props }: {
     [x: string]: any;

package/dist/types/src/playground/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/playground/helpers.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOtD,eAAO,MAAM,eAAe,cACd,iBAAiB,CAAC,GAAG,CAAC;;uBAiBjC,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/playground/helpers.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOtD,eAAO,MAAM,eAAe,cACd,iBAAiB,CAAC,GAAG,CAAC;;uBAiBjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.6.9",
+  "version": "0.6.10-main.3cfcc89",
   "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",
@@ -49,11 +49,12 @@
     "i18next": "^21.10.0",
     "keyborg": "^2.5.0",
     "react-i18next": "^11.18.6",
-    "@dxos/react-input": "0.6.9",
-    "@dxos/log": "0.6.9",
-    "@dxos/react-hooks": "0.6.9",
-    "@dxos/react-list": "0.6.9",
-    "@dxos/react-ui-types": "0.6.9"
+    "@dxos/log": "0.6.10-main.3cfcc89",
+    "@dxos/react-hooks": "0.6.10-main.3cfcc89",
+    "@dxos/react-input": "0.6.10-main.3cfcc89",
+    "@dxos/react-ui-types": "0.6.10-main.3cfcc89",
+    "@dxos/react-list": "0.6.10-main.3cfcc89",
+    "@dxos/util": "0.6.10-main.3cfcc89"
   },
   "devDependencies": {
     "@dnd-kit/core": "^6.0.5",
@@ -65,9 +66,9 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "^5.3.4",
-    "@dxos/random": "0.6.9",
-    "@dxos/react-ui-theme": "0.6.9",
-    "@dxos/util": "0.6.9"
+    "@dxos/random": "0.6.10-main.3cfcc89",
+    "@dxos/util": "0.6.10-main.3cfcc89",
+    "@dxos/react-ui-theme": "0.6.10-main.3cfcc89"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",

package/src/components/Avatars/Avatar.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { type PropsWithChildren } from 'react';
 

package/src/components/Avatars/Avatar.tsx

@@ -18,6 +18,7 @@ import { type Size } from '@dxos/react-ui-types';
 
 import { useThemeContext } from '../../hooks';
 import { type ThemedClassName } from '../../util';
+import { Icon } from '../Icon';
 
 type AvatarVariant = 'square' | 'circle';
 type AvatarStatus = 'active' | 'inactive' | 'current' | 'error' | 'warning' | 'internal';
@@ -261,6 +262,24 @@ const AvatarImage = forwardRef<SVGImageElement, AvatarImageProps>(
   },
 );
 
+type AvatarIconProps = {
+  icon: string;
+  onLoadingStatusChange?: (status: ImageLoadingStatus) => void;
+};
+
+const AvatarIcon = forwardRef<SVGSVGElement, AvatarIconProps>(({ onLoadingStatusChange, ...props }, forwardedRef) => {
+  const { size } = useAvatarContext('AvatarIcon');
+  const pxSize = size === 'px' ? 1 : size * 4;
+  if (pxSize <= 20) {
+    return null;
+  }
+  return (
+    <AvatarFallbackPrimitive asChild>
+      <Icon {...props} ref={forwardedRef} />
+    </AvatarFallbackPrimitive>
+  );
+});
+
 type AvatarFallbackProps = ComponentPropsWithRef<'image'> & {
   delayMs?: number;
   text?: string;
@@ -284,6 +303,7 @@ export const Avatar = {
   Root: AvatarRoot,
   Frame: AvatarFrame,
   Image: AvatarImage,
+  Icon: AvatarIcon,
   Fallback: AvatarFallback,
   Label: AvatarLabel,
   Description: AvatarDescription,

package/src/components/Avatars/AvatarGroup.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Breadcrumb/Breadcrumb.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 
@@ -16,7 +16,7 @@ const StorybookBreadcrumb = () => {
       <Breadcrumb.List>
         <Breadcrumb.ListItem>
           <Breadcrumb.Link asChild>
-            <Button variant='ghost' density='fine' classNames='pli-0 text-base font-normal'>
+            <Button variant='ghost' density='fine' classNames='pli-0 text-baseText font-normal'>
               Grocery
             </Button>
           </Breadcrumb.Link>

package/src/components/Buttons/Button.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { CaretLeft, CaretRight } from '@phosphor-icons/react';
 import React, { type PropsWithChildren } from 'react';

package/src/components/Buttons/Toggle.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { TextB } from '@phosphor-icons/react';
 import React from 'react';

package/src/components/Buttons/ToggleGroup.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { TextB, TextItalic } from '@phosphor-icons/react';
 import React from 'react';

package/src/components/Dialogs/AlertDialog.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Dialogs/Dialog.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Icon/Icon.tsx

@@ -0,0 +1,22 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { type Primitive } from '@radix-ui/react-primitive';
+import React, { type ComponentPropsWithRef, forwardRef } from 'react';
+
+import { type Size } from '@dxos/react-ui-types';
+
+import { useThemeContext } from '../../hooks';
+import { type ThemedClassName } from '../../util';
+
+export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.svg>> & { icon: string; size?: Size };
+
+export const Icon = forwardRef<SVGSVGElement, IconProps>(({ icon, classNames, size, ...props }, forwardedRef) => {
+  const { tx } = useThemeContext();
+  return (
+    <svg {...props} className={tx('icon.root', 'icon', { size }, classNames)} ref={forwardedRef}>
+      <use href={`/icons.svg#${icon}`} />
+    </svg>
+  );
+});

package/src/components/Icon/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2022 DXOS.org
+//
+
+export * from './Icon';

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

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Link/Link.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { Link } from './Link';
 import { withTheme } from '../../testing';

package/src/components/Lists/List.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { DndContext, type DragEndEvent, type DragStartEvent } from '@dnd-kit/core';
 import { arrayMove, SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';

package/src/components/Lists/Tree.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Lists/Treegrid.stories.tsx

@@ -7,6 +7,7 @@ import { faker } from '@dxos/random';
 
 import { Treegrid as Tg } from './Treegrid';
 import { withTheme } from '../../testing';
+import { Icon } from '../Icon';
 
 faker.seed(1234);
 
@@ -129,11 +130,7 @@ const StorybookTreegrid = () => {
             {...(parentOf && { parentOf: parentOf.join(Tg.PARENT_OF_SEPARATOR) })}
           >
             <Tg.Cell indent classNames='flex items-center'>
-              {node.icon && (
-                <svg className='is-[1em] bs-[1em] mlb-1'>
-                  <use href={`/icons.svg#${node.icon}`} />
-                </svg>
-              )}
+              {node.icon && <Icon icon={node.icon} classNames='is-[1em] bs-[1em] mlb-1' />}
               {node.title}
             </Tg.Cell>
           </Tg.Row>

package/src/components/Main/Main.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

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

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

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

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

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

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { Info } from '@phosphor-icons/react';
 import React from 'react';

package/src/components/Popover/Popover.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { type PropsWithChildren, type ReactNode } from 'react';
 

package/src/components/ScrollArea/ScrollArea.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { type PropsWithChildren } from 'react';
 

package/src/components/Select/Select.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { type FC, type PropsWithChildren, useState } from 'react';
 

package/src/components/Status/Status.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Tag/Tag.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { Tag } from './Tag';
 import { withTheme } from '../../testing';

package/src/components/Toast/Toast.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { type ReactNode, useState } from 'react';
 

package/src/components/Toolbar/Toolbar.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { ArrowClockwise, Bug, FileJs, FileTs, TextB, TextItalic, TextUnderline } from '@phosphor-icons/react';
 import React from 'react';

package/src/components/Tooltip/Tooltip.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/index.ts

@@ -8,6 +8,7 @@ export * from './Breadcrumb';
 export * from './Buttons';
 export * from './Dialogs';
 export * from './Menus';
+export * from './Icon';
 export * from './Input';
 export * from './Link';
 export * from './Lists';

package/src/playground/Controls.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { FileTs, FileJs, ArrowClockwise, Bug, TextUnderline, TextB, TextItalic } from '@phosphor-icons/react';
 import React, { useState } from 'react';

package/src/playground/Surfaces.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { type PropsWithChildren } from 'react';