@dxos/react-ui 0.1.12 → 0.1.14

package/src/styles/size.ts

@@ -2,9 +2,8 @@
 // Copyright 2022 DXOS.org
 //
 
-import cx from 'classnames';
-
-import { Size } from '../props/Size';
+import { Size } from '../props';
+import { mx } from '../util';
 
 export const sizeWidthMap = new Map<Size, string>([
   [0, 'w-0'],
@@ -84,4 +83,4 @@ export const sizeHeightMap = new Map<Size, string>([
 
 export const getSizeHeight = sizeHeightMap.get.bind(sizeHeightMap);
 export const getSizeWidth = sizeWidthMap.get.bind(sizeWidthMap);
-export const getSize = (size: Size) => cx(getSizeHeight(size), getSizeWidth(size));
+export const getSize = (size: Size) => mx(getSizeHeight(size), getSizeWidth(size));

package/src/typings.d.ts

@@ -5,4 +5,3 @@
 declare module 'tailwindcss/stubs/defaultConfig.stub.js';
 declare module 'tailwindcss-radix';
 declare module 'tailwindcss-logical';
-declare module 'react-jdenticon';

package/src/util/index.ts

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

package/src/util/mx.ts

@@ -0,0 +1,28 @@
+//
+// Copyright 2022 DXOS.org
+//
+
+import { extendTailwindMerge, validators } from 'tailwind-merge';
+
+import { withLogical } from './withLogical';
+
+export const mx = extendTailwindMerge(
+  {
+    classGroups: {
+      fontFamily: ['font-body', 'font-display', 'font-mono'],
+      fontWeight: [
+        'font-thin',
+        'font-extralight',
+        'font-light',
+        'font-normal',
+        'font-medium',
+        'font-semibold',
+        'font-bold',
+        'font-extrabold',
+        'font-black',
+        validators.isArbitraryNumber
+      ]
+    }
+  },
+  withLogical
+);

package/src/util/withLogical.ts

@@ -0,0 +1,103 @@
+//
+// Copyright 2022 DXOS.org
+//
+
+// This tailwind-merge plugin is based upon https://github.com/vltansky/tailwind-merge-logical-plugin
+
+import { Config, mergeConfigs, validators } from 'tailwind-merge';
+
+export const withLogical = (prevConfig: Config): Config => {
+  const getLength = () => [validators.isLength] as const;
+  const getLengthWithAuto = () => ['auto', validators.isLength] as const;
+  const getLengthWithEmpty = () => ['', validators.isLength] as const;
+  const getAny = () => [validators.isAny] as const;
+  const getRounded = () =>
+    ['none', '', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', 'full', validators.isArbitraryLength] as const;
+
+  return mergeConfigs(prevConfig, {
+    classGroups: {
+      float: [{ float: ['start', 'end'] }],
+      clear: [{ clear: ['start', 'end'] }],
+      resize: [{ resize: ['block ', 'inline'] }],
+      'text-alignment': [{ text: ['start', 'end'] }],
+      'logical.overscroll-b': [{ 'overscroll-b': ['auto ', 'contain', 'auto'] }],
+      'logical.overscroll-i': [{ 'overscroll-b': ['auto ', 'contain', 'auto'] }],
+      'logical.bs': [{ bs: getLength() }],
+      'logical.min-bs': [{ 'min-bs': getLength() }],
+      'logical.max-bs': [{ 'max-bs': getLength() }],
+      'logical.is': [{ is: getLength() }],
+      'logical.min-is': [{ 'min-is': getLength() }],
+      'logical.max-is': [{ 'max-is': getLength() }],
+      'logical.mlb': [{ mlb: getLength() }],
+      'logical.mli': [{ mli: getLength() }],
+      'logical.mbs': [{ mbs: getLength() }],
+      'logical.mbe': [{ mbe: getLength() }],
+      'logical.mis': [{ mis: getLength() }],
+      'logical.mie': [{ mie: getLength() }],
+      'logical.plb': [{ plb: getLength() }],
+      'logical.pli': [{ pli: getLength() }],
+      'logical.pbs': [{ pbs: getLength() }],
+      'logical.pbe': [{ pbe: getLength() }],
+      'logical.pis': [{ pis: getLength() }],
+      'logical.pie': [{ pie: getLength() }],
+      'logical.space-b': [{ 'space-b': getLength() }],
+      'logical.space-i': [{ 'space-i': getLength() }],
+      'logical.inset-block': [{ 'inset-block': getLengthWithAuto() }],
+      'logical.inset-inline': [{ 'inset-inline': getLengthWithAuto() }],
+      'logical.block-start': [{ 'block-start': getLengthWithAuto() }],
+      'logical.block-end': [{ 'block-end': getLengthWithAuto() }],
+      'logical.inline-start': [{ 'inline-start': getLengthWithAuto() }],
+      'logical.inline-end': [{ 'inline-end': getLengthWithAuto() }],
+      'logical.border-bs': [{ 'border-bs': getLengthWithEmpty() }],
+      'logical.border-be': [{ 'border-be': getLengthWithEmpty() }],
+      'logical.border-is': [{ 'border-is': getLengthWithEmpty() }],
+      'logical.border-ie': [{ 'border-ie': getLengthWithEmpty() }],
+      'logical.border-color-bs': [{ 'border-bs': getAny() }],
+      'logical.border-color-be': [{ 'border-be': getAny() }],
+      'logical.border-color-is': [{ 'border-is': getAny() }],
+      'logical.border-color-ie': [{ 'border-ie': getAny() }],
+      'logical.rounded-bs': [{ 'rounded-bs': getRounded() }],
+      'logical.rounded-be': [{ 'rounded-be': getRounded() }],
+      'logical.rounded-is': [{ 'rounded-is': getRounded() }],
+      'logical.rounded-ie': [{ 'rounded-ie': getRounded() }],
+      'logical.rounded-ss': [{ 'rounded-ss': getRounded() }],
+      'logical.rounded-se': [{ 'rounded-se': getRounded() }],
+      'logical.rounded-es': [{ 'rounded-es': getRounded() }],
+      'logical.rounded-ee': [{ 'rounded-ee': getRounded() }],
+      'logical.divide-b': [{ 'divide-b': getLengthWithEmpty() }],
+      'logical.divide-i': [{ 'divide-i': getLengthWithEmpty() }]
+    },
+    conflictingClassGroups: {
+      'inset-block': ['logical.block-start', 'logical.block-end'],
+      'inset-inline': ['logical.inline-start', 'logical.inline-end'],
+      p: ['logical.plb', 'logical.pli', 'logical.pbs', 'logical.pbe', 'logical.pis', 'logical.pie'],
+      pli: ['logical.pis', 'logical.pie'],
+      plb: ['logical.pbs', 'logical.pbe'],
+      m: ['logical.mlb', 'logical.mli', 'logical.mbs', 'logical.mbe', 'logical.mis', 'logical.mie'],
+      mli: ['logical.mis', 'logical.mie'],
+      mlb: ['logical.mbs', 'logical.mbe'],
+      overscroll: ['overscroll-i', 'overscroll-b'],
+      rounded: [
+        'logical.rounded-bs',
+        'logical.rounded-be',
+        'logical.rounded-is',
+        'logical.rounded-ie',
+        'logical.rounded-ss',
+        'logical.rounded-se',
+        'logical.rounded-es',
+        'logical.rounded-ee'
+      ],
+      'logical.rounded-bs': ['logical.rounded-ss', 'logical.rounded-se'],
+      'logical.rounded-be': ['logical.rounded-es', 'logical.rounded-ee'],
+      'logical.rounded-is': ['logical.rounded-ss', 'logical.rounded-es'],
+      'logical.rounded-ie': ['logical.rounded-ee', 'logical.rounded-se'],
+      'border-color': [
+        'logical.border-color-bs',
+        'logical.border-color-be',
+        'logical.border-color-is',
+        'logical.border-color-ie'
+      ],
+      border: ['logical.border-bs', 'logical.border-be', 'logical.border-is', 'logical.border-ie']
+    }
+  });
+};

package/dist/src/components/Alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,yDAA0D,UAAU,gBAerF,CAAC"}

package/dist/src/components/Alert/Alert.js

@@ -1,21 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Alert = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../../hooks");
-const styles_1 = require("../../styles");
-const Alert = ({ title, children, assertive, valence, ...divProps }) => {
-    const labelId = (0, hooks_1.useId)('alertLabel');
-    return (react_1.default.createElement("div", { role: assertive ? 'alert' : 'group', ...divProps, className: (0, classnames_1.default)('p-3 border rounded-md', (0, styles_1.valenceAlertColors)(valence), divProps.className), "aria-labelledby": labelId },
-        react_1.default.createElement("p", { id: labelId, className: 'font-medium mb-2' }, title),
-        children));
-};
-exports.Alert = Alert;
-//# sourceMappingURL=Alert.js.map

package/dist/src/components/Alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAAyD;AAEzD,uCAAoC;AAEpC,yCAAkD;AAS3C,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAc,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,uCACE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,KAC/B,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,uBAAuB,EAAE,IAAA,2BAAkB,EAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,qBACtE,OAAO;QAExB,qCAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,IACzC,KAAK,CACJ;QACH,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,KAAK,SAehB"}

package/dist/src/components/Alert/Alert.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;AAE5C,wBAGE;AAMF,eAAO,MAAM,OAAO,8CAAgD,CAAC"}

package/dist/src/components/Alert/Alert.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-require("@dxosTheme");
-const phosphor_react_1 = require("phosphor-react");
-const react_1 = __importDefault(require("react"));
-const testing_1 = require("../../testing");
-const Alert_1 = require("./Alert");
-exports.default = {
-    title: 'react-ui/Alert',
-    component: Alert_1.Alert
-};
-const Template = ({ children, ...props }) => {
-    return react_1.default.createElement(Alert_1.Alert, { ...props }, children);
-};
-exports.Default = (0, testing_1.templateForComponent)(Template)({ title: '' });
-exports.Default.args = {
-    title: (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(phosphor_react_1.Info, { className: 'inline w-5 h-5 mb-1', weight: 'duotone' }),
-        ' Alert title')),
-    valence: 'error',
-    children: 'Alert content'
-};
-//# sourceMappingURL=Alert.stories.js.map

package/dist/src/components/Alert/Alert.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,mDAAsC;AACtC,kDAA0B;AAE1B,2CAAqD;AACrD,mCAA4C;AAE5C,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,aAAK;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IACtD,OAAO,8BAAC,aAAK,OAAK,KAAK,IAAG,QAAQ,CAAS,CAAC;AAC9C,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACrE,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,CACL;QACE,8BAAC,qBAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,MAAM,EAAC,SAAS,GAAG;QACxD,cAAc,CACd,CACJ;IACD,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,eAAe;CAC1B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}

package/dist/src/components/Alert/index.js

@@ -1,21 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Alert"), exports);
-//# sourceMappingURL=index.js.map

package/dist/src/components/Alert/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Alert/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,0CAAwB"}

package/dist/src/components/AlertDialog/AlertDialog.d.ts

@@ -1,17 +0,0 @@
-import { ReactHTMLElement, ReactNode } from 'react';
-import { InputProps } from '../Input';
-export interface AlertDialogProps {
-    title: ReactNode;
-    openTrigger?: ReactNode;
-    cancelTrigger?: ReactNode;
-    confirmTrigger: Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
-    destructiveConfirmString?: string;
-    destructiveConfirmInputProps?: Omit<InputProps, 'onChange' | 'initialValue'>;
-    titleVisuallyHidden?: boolean;
-    description?: ReactNode;
-    children?: ReactNode;
-    initiallyOpen?: boolean;
-    mountAsSibling?: boolean;
-}
-export declare const AlertDialog: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
-//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/src/components/AlertDialog/AlertDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAOA,OAAc,EAA0B,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGxG,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,4BAA4B,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,6LAYrB,gBAAgB,gBAwFlB,CAAC"}

package/dist/src/components/AlertDialog/AlertDialog.js

@@ -1,65 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertDialog = void 0;
-const react_1 = require("@headlessui/react");
-const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
-const classnames_1 = __importDefault(require("classnames"));
-const react_2 = __importStar(require("react"));
-const styles_1 = require("../../styles");
-const Input_1 = require("../Input");
-const AlertDialog = ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }) => {
-    const [isOpen, setIsOpen] = (0, react_2.useState)(!!initiallyOpen);
-    const [confirmDisabled, setConfirmDisabled] = (0, react_2.useState)(!!destructiveConfirmString);
-    const [confirmStringValue, setConfirmStringValue] = (0, react_2.useState)('');
-    (0, react_2.useEffect)(() => {
-        if (destructiveConfirmString) {
-            setConfirmDisabled(confirmStringValue !== destructiveConfirmString);
-        }
-    }, [confirmStringValue]);
-    const dialogOverlayAndContent = (react_2.default.createElement(react_1.Transition.Root, { show: isOpen },
-        react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
-            react_2.default.createElement(AlertDialogPrimitive.Overlay, { forceMount: true, className: 'fixed inset-0 z-20 bg-black/50' })),
-        react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
-            react_2.default.createElement(AlertDialogPrimitive.Content, { forceMount: true, className: (0, classnames_1.default)('fixed z-50', 'w-[95vw] max-w-md rounded-xl p-4 md:w-full', 'top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]', 'shadow-2xl bg-white dark:bg-neutral-800 elevated-buttons', styles_1.defaultFocus) },
-                react_2.default.createElement(AlertDialogPrimitive.Title, { className: (0, classnames_1.default)('text-2xl font-display font-medium text-neutral-900 dark:text-neutral-100 rounded-md', titleVisuallyHidden && 'sr-only', styles_1.defaultFocus), tabIndex: 0 }, title),
-                description && (react_2.default.createElement(AlertDialogPrimitive.Description, { className: (0, classnames_1.default)('my-2', styles_1.defaultDescription) }, description)),
-                children,
-                destructiveConfirmInputProps && react_2.default.createElement(Input_1.Input, { ...destructiveConfirmInputProps, onChange: setConfirmStringValue }),
-                react_2.default.createElement("div", { className: 'flex flex-wrap justify-end gap-4' },
-                    cancelTrigger && (react_2.default.createElement(AlertDialogPrimitive.Cancel, { asChild: typeof cancelTrigger !== 'string' }, cancelTrigger)),
-                    react_2.default.createElement(AlertDialogPrimitive.Action, { asChild: true }, (0, react_2.cloneElement)(confirmTrigger, { disabled: confirmDisabled })))))));
-    return (react_2.default.createElement(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen },
-        openTrigger && react_2.default.createElement(AlertDialogPrimitive.Trigger, { asChild: true }, openTrigger),
-        mountAsSibling ? (dialogOverlayAndContent) : (react_2.default.createElement(AlertDialogPrimitive.Portal, null, dialogOverlayAndContent))));
-};
-exports.AlertDialog = AlertDialog;
-//# sourceMappingURL=AlertDialog.js.map

package/dist/src/components/AlertDialog/AlertDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;AAE9D,wBAGE;AAMF,eAAO,MAAM,OAAO,oDAIlB,CAAC"}

package/dist/src/components/AlertDialog/AlertDialog.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-require("@dxosTheme");
-const react_1 = __importDefault(require("react"));
-const testing_1 = require("../../testing");
-const Button_1 = require("../Button");
-const AlertDialog_1 = require("./AlertDialog");
-exports.default = {
-    title: 'react-ui/AlertDialog',
-    component: AlertDialog_1.AlertDialog
-};
-const Template = ({ children, ...props }) => {
-    return react_1.default.createElement(AlertDialog_1.AlertDialog, { ...props }, children);
-};
-exports.Default = (0, testing_1.templateForComponent)(Template)({
-    openTrigger: '',
-    title: '',
-    confirmTrigger: react_1.default.createElement("span", null)
-});
-exports.Default.args = {
-    openTrigger: react_1.default.createElement(Button_1.Button, null, "Reset device"),
-    cancelTrigger: react_1.default.createElement(Button_1.Button, null, "Cancel"),
-    confirmTrigger: react_1.default.createElement(Button_1.Button, { variant: 'primary' }, "GO"),
-    destructiveConfirmString: "I've definitely had my coffee",
-    destructiveConfirmInputProps: {
-        label: "Type “I've definitely had my coffee” to confirm"
-    },
-    title: 'Reset your device'
-};
-//# sourceMappingURL=AlertDialog.stories.js.map

package/dist/src/components/AlertDialog/AlertDialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,sCAAmC;AACnC,+CAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,yBAAW;CACvB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC5D,OAAO,8BAAC,yBAAW,OAAK,KAAK,IAAG,QAAQ,CAAe,CAAC;AAC1D,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,2CAAQ;CACzB,CAAC,CAAC;AACH,eAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,8BAAC,eAAM,uBAAsB;IAC1C,aAAa,EAAE,8BAAC,eAAM,iBAAgB;IACtC,cAAc,EAAE,8BAAC,eAAM,IAAC,OAAO,EAAC,SAAS,SAAY;IACrD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE;QAC5B,KAAK,EAAE,iDAAiD;KACzD;IACD,KAAK,EAAE,mBAAmB;CAC3B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}

package/dist/src/components/AlertDialog/index.js

@@ -1,21 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AlertDialog"), exports);
-//# sourceMappingURL=index.js.map

package/dist/src/components/AlertDialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,gDAA8B"}

package/dist/src/components/Avatar/Avatar.d.ts

@@ -1,13 +0,0 @@
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import React, { ComponentProps, ReactHTMLElement, ReactNode } from 'react';
-import { Size } from '../../props';
-export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive.Root> {
-    fallbackValue: string;
-    label: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
-    size?: Size;
-    variant?: 'square' | 'circle';
-    mediaSrc?: string;
-    children?: ReactNode;
-}
-export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/src/components/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EAAE,EAEZ,cAAc,EAId,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD,eAAO,MAAM,MAAM,+tJA6ClB,CAAC"}

package/dist/src/components/Avatar/Avatar.js

@@ -1,53 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
-const classnames_1 = __importDefault(require("classnames"));
-const jdenticon_1 = require("jdenticon");
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const styles_1 = require("../../styles");
-const shapeStyles = {
-    circle: 'rounded-full',
-    square: 'rounded'
-};
-exports.Avatar = (0, react_1.forwardRef)(({ mediaSrc, fallbackValue, label, variant = 'square', size = 10, ...rootProps }, ref) => {
-    const labelId = (0, hooks_1.useId)('avatarLabel');
-    const imgSrc = (0, react_1.useMemo)(() => `data:image/svg+xml;utf8,${encodeURIComponent((0, jdenticon_1.toSvg)(fallbackValue, size === 'px' ? 1 : size * 4))}`, [fallbackValue]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(AvatarPrimitive.Root, { ...rootProps, className: (0, classnames_1.default)('relative inline-flex', (0, styles_1.getSize)(size), rootProps.className), "aria-labelledby": labelId, ref: ref },
-            mediaSrc && (react_1.default.createElement(AvatarPrimitive.Image, { src: mediaSrc, alt: 'Avatar', className: (0, classnames_1.default)('h-full w-full object-cover overflow-hidden', shapeStyles[variant]) })),
-            react_1.default.createElement(AvatarPrimitive.Fallback, { className: (0, classnames_1.default)('shrink-0 flex h-full w-full items-center justify-center bg-white dark:bg-neutral-800 overflow-hidden', shapeStyles[variant]), delayMs: 0 },
-                react_1.default.createElement("img", { role: 'none', alt: fallbackValue, src: imgSrc, className: 'h-full w-full' }))),
-        typeof label === 'string' ? (react_1.default.createElement("span", { id: labelId, className: 'sr-only' }, label)) : ((0, react_1.cloneElement)(label, { id: labelId }))));
-});
-//# sourceMappingURL=Avatar.js.map

package/dist/src/components/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wEAA0D;AAC1D,4DAA4B;AAC5B,yCAAkC;AAClC,+CASe;AAEf,uCAAoC;AAEpC,yCAAuC;AAWvC,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAkC,EAC/G,GAAkC,EAClC,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,IAAA,iBAAK,EAAC,aAAa,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,EACzG,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,OAAO,CACL;QACE,8BAAC,eAAe,CAAC,IAAI,OACf,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,qBACxD,OAAO,EACxB,GAAG,EAAE,GAAG;YAEP,QAAQ,IAAI,CACX,8BAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,4CAA4C,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GACjF,CACH;YACD,8BAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,oBAAE,EACX,sGAAsG,EACtG,WAAW,CAAC,OAAO,CAAC,CACrB,EACD,OAAO,EAAE,CAAC;gBAEV,uCAAK,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,eAAe,GAAG,CACrD,CACN;QACtB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,wCAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IACnC,KAAK,CACD,CACR,CAAC,CAAC,CAAC,CACF,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CACrC,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/src/components/Avatar/Avatar.stories.d.ts

@@ -1,10 +0,0 @@
-import '@dxosTheme';
-import React from 'react';
-import { AvatarProps } from './Avatar';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
-};
-export default _default;
-export declare const Default: import("@storybook/react").Story<AvatarProps>;
-//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/src/components/Avatar/Avatar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;AAE/C,wBAGE;AAWF,eAAO,MAAM,OAAO,+CAA+C,CAAC"}

package/dist/src/components/Avatar/Avatar.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-require("@dxosTheme");
-const react_1 = __importDefault(require("react"));
-const testing_1 = require("../../testing");
-const Avatar_1 = require("./Avatar");
-exports.default = {
-    title: 'react-ui/Avatar',
-    component: Avatar_1.Avatar
-};
-const Template = ({ children, ...props }) => {
-    return react_1.default.createElement(Avatar_1.Avatar, { ...props });
-};
-const defaultProps = {
-    fallbackValue: '',
-    label: react_1.default.createElement("span", null)
-};
-exports.Default = (0, testing_1.templateForComponent)(Template)(defaultProps);
-exports.Default.args = {
-    fallbackValue: '20970b563fc49b5bb194a6ffdff376031a3a11f9481360c071c3fed87874106b',
-    label: react_1.default.createElement("span", { className: 'sr-only' }, "Hello")
-};
-//# sourceMappingURL=Avatar.stories.js.map

package/dist/src/components/Avatar/Avatar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,qCAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,eAAM;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACvD,OAAO,8BAAC,eAAM,OAAK,KAAK,GAAI,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,2CAAQ;CAChB,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AACpE,eAAO,CAAC,IAAI,GAAG;IACb,aAAa,EAAE,kEAAkE;IACjF,KAAK,EAAE,wCAAM,SAAS,EAAC,SAAS,YAAa;CAC9C,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}