@dxos/react-ui 0.1.0

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ButtonProps } from './ButtonProps';
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact" | "rounding"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM,wwJAWlB,CAAC"}

package/dist/src/components/Button/Button.js

@@ -0,0 +1,37 @@
+"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.Button = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const buttonStyles_1 = require("./buttonStyles");
+exports.Button = (0, react_1.forwardRef)(({ children, compact, variant, rounding, ...props }, ref) => (react_1.default.createElement("button", { ref: ref, ...props, className: (0, classnames_1.default)((0, buttonStyles_1.buttonStyles)({ compact, variant, rounding, disabled: props.disabled }), props.className), ...(props.disabled && { disabled: true }) }, children)));
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA0C;AAG1C,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,0CACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,2BAAY,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAClG,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAEzC,QAAQ,CACF,CACV,CACF,CAAC"}

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

@@ -0,0 +1,12 @@
+import '@dxosTheme';
+import React from 'react';
+import { ButtonProps } from './ButtonProps';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact" | "rounding"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Default: import("@storybook/react").Story<Omit<ButtonProps, "ref">>;
+export declare const Primary: () => JSX.Element;
+export declare const Outline: () => JSX.Element;
+//# sourceMappingURL=Button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;AAE5C,wBAGE;AAsBF,eAAO,MAAM,OAAO,4DAAqC,CAAC;AAG1D,eAAO,MAAM,OAAO,mBAAoE,CAAC;AAEzF,eAAO,MAAM,OAAO,mBAAoE,CAAC"}

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

@@ -0,0 +1,31 @@
+"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.Outline = exports.Primary = exports.Default = void 0;
+require("@dxosTheme");
+const react_1 = __importDefault(require("react"));
+const testing_1 = require("../../testing");
+const Group_1 = require("../Group");
+const Button_1 = require("./Button");
+exports.default = {
+    title: 'react-ui/Button',
+    component: Button_1.Button
+};
+const Container = ({ children }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(Group_1.Group, { label: { children: null }, elevation: 0, className: 'flex gap-4 px-1 mb-4' }, children),
+    react_1.default.createElement(Group_1.Group, { label: { children: null }, elevation: 5, className: 'flex gap-4 px-1' }, children)));
+const Template = ({ children, ...args }) => (react_1.default.createElement(Container, null,
+    react_1.default.createElement(Button_1.Button, { ...args }, children),
+    react_1.default.createElement(Button_1.Button, { ...args, disabled: true }, "Disabled")));
+exports.Default = (0, testing_1.templateForComponent)(Template)({});
+exports.Default.args = { children: 'Hello', disabled: false, variant: 'default' };
+const Primary = () => react_1.default.createElement(Template, { ...{ variant: 'primary', children: 'Hello' } });
+exports.Primary = Primary;
+const Outline = () => react_1.default.createElement(Template, { ...{ variant: 'outline', children: 'Hello' } });
+exports.Outline = Outline;
+//# sourceMappingURL=Button.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAAiD;AAEjD,2CAAqD;AACrD,oCAAiC;AACjC,qCAAkC;AAGlC,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,eAAM;CAClB,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,CACzD;IACE,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,sBAAsB,IAC7E,QAAQ,CACH;IACR,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,iBAAiB,IACxE,QAAQ,CACH,CACP,CACJ,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA4B,EAAE,EAAE,CAAC,CACpE,8BAAC,SAAS;IACR,8BAAC,eAAM,OAAK,IAAI,IAAG,QAAQ,CAAU;IACrC,8BAAC,eAAM,OAAK,IAAI,EAAE,QAAQ,qBAEjB,CACC,CACb,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAC1D,eAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAEnE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,OAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,CAAC;AAA5E,QAAA,OAAO,WAAqE;AAElF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,OAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,CAAC;AAA5E,QAAA,OAAO,WAAqE"}

package/dist/src/components/Button/ButtonProps.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+export interface ButtonProps extends ComponentProps<'button'> {
+    variant?: 'default' | 'primary' | 'outline';
+    compact?: boolean;
+    rounding?: string;
+    disabled?: boolean;
+}
+//# sourceMappingURL=ButtonProps.d.ts.map

package/dist/src/components/Button/ButtonProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/src/components/Button/ButtonProps.js

@@ -0,0 +1,6 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ButtonProps.js.map

package/dist/src/components/Button/ButtonProps.js.map

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

package/dist/src/components/Button/buttonStyles.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from './ButtonProps';
+export declare const primaryButtonColors = "bg-primary-600 text-white hover:bg-primary-650";
+export declare const defaultButtonColors = "bg-white text-neutral-900 dark:bg-neutral-750 dark:text-neutral-50";
+export declare const buttonStyles: (props: ButtonProps) => string;
+//# sourceMappingURL=buttonStyles.d.ts.map

package/dist/src/components/Button/buttonStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AAExG,eAAO,MAAM,YAAY,UAAW,WAAW,WAqB9C,CAAC"}

package/dist/src/components/Button/buttonStyles.js

@@ -0,0 +1,24 @@
+"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.buttonStyles = exports.defaultButtonColors = exports.primaryButtonColors = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const styles_1 = require("../../styles");
+exports.primaryButtonColors = 'bg-primary-600 text-white hover:bg-primary-650';
+exports.defaultButtonColors = 'bg-white text-neutral-900 dark:bg-neutral-750 dark:text-neutral-50';
+const buttonStyles = (props) => {
+    var _a;
+    const resolvedVariant = props.variant || 'default';
+    return (0, classnames_1.default)('inline-flex select-none items-center justify-center text-sm font-medium', (_a = props.rounding) !== null && _a !== void 0 ? _a : 'rounded-md', props.compact ? 'p-1.5' : 'pli-4 plb-2', 'transition-color duration-100', (0, styles_1.defaultHover)(props), resolvedVariant === 'default' &&
+        'border border-neutral-100 dark:border-neutral-650 hover:focus:border-neutral-100 hover:border-transparent', resolvedVariant === 'default' && exports.defaultButtonColors, resolvedVariant === 'primary' && 'border border-primary-550 hover:border-transparent', resolvedVariant === 'primary' && exports.primaryButtonColors, resolvedVariant === 'outline' &&
+        'text-neutral-700 border border-neutral-600 dark:border-neutral-300 dark:text-neutral-150', styles_1.defaultFocus, props.disabled ? styles_1.defaultDisabled : resolvedVariant !== 'outline' && 'button-elevation', 
+    // Register all radix states
+    'group', styles_1.defaultActive);
+};
+exports.buttonStyles = buttonStyles;
+//# sourceMappingURL=buttonStyles.js.map

package/dist/src/components/Button/buttonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAE5B,yCAA0F;AAG7E,QAAA,mBAAmB,GAAG,gDAAgD,CAAC;AACvE,QAAA,mBAAmB,GAAG,oEAAoE,CAAC;AAEjG,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACnD,OAAO,IAAA,oBAAE,EACP,yEAAyE,EACzE,MAAA,KAAK,CAAC,QAAQ,mCAAI,YAAY,EAC9B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EACvC,+BAA+B,EAC/B,IAAA,qBAAY,EAAC,KAAK,CAAC,EACnB,eAAe,KAAK,SAAS;QAC3B,2GAA2G,EAC7G,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS,IAAI,oDAAoD,EACrF,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS;QAC3B,0FAA0F,EAC5F,qBAAY,EACZ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAe,CAAC,CAAC,CAAC,eAAe,KAAK,SAAS,IAAI,kBAAkB;IACtF,4BAA4B;IAC5B,OAAO,EACP,sBAAa,CACd,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB"}

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

@@ -0,0 +1,4 @@
+export * from './Button';
+export * from './buttonStyles';
+export * from './ButtonProps';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,23 @@
+"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("./Button"), exports);
+__exportStar(require("./buttonStyles"), exports);
+__exportStar(require("./ButtonProps"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export interface CompoundButtonProps extends ButtonProps {
+    children?: ReactNode;
+    description?: ReactNode;
+    before?: ReactNode;
+    after?: ReactNode;
+}
+export declare const CompoundButton: ({ children, description, before, after, ...buttonProps }: CompoundButtonProps) => JSX.Element;
+//# sourceMappingURL=CompoundButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,6DAA8D,mBAAmB,gBAkC3G,CAAC"}

package/dist/src/components/CompoundButton/CompoundButton.js

@@ -0,0 +1,27 @@
+"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.CompoundButton = 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 Button_1 = require("../Button");
+const CompoundButton = ({ children, description, before, after, ...buttonProps }) => {
+    const variant = buttonProps.variant || 'default';
+    const labelId = (0, hooks_1.useId)('compoundButton-label');
+    const descriptionId = (0, hooks_1.useId)('compoundButton-description');
+    return (react_1.default.createElement("button", { ...buttonProps, className: (0, classnames_1.default)((0, Button_1.buttonStyles)(buttonProps), 'flex items-center gap-4 py-2.5', buttonProps.className), "aria-labelledby": labelId, ...(description && { 'aria-describedby': descriptionId }) },
+        before && (react_1.default.createElement("div", { role: 'none', className: 'grow-0' }, before)),
+        react_1.default.createElement("div", { role: 'none', className: 'grow flex flex-col gap-1 text-left' },
+            react_1.default.createElement("p", { id: labelId }, children),
+            description && (react_1.default.createElement("p", { id: descriptionId, className: (0, classnames_1.default)('text-xs font-normal mb-1', variant === 'primary' ? styles_1.primaryDescription : styles_1.defaultDescription) }, description))),
+        after && (react_1.default.createElement("div", { role: 'none', className: 'grow-0' }, after))));
+};
+exports.CompoundButton = CompoundButton;
+//# sourceMappingURL=CompoundButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.js","sourceRoot":"","sources":["../../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAAyC;AAEzC,uCAAoC;AACpC,yCAAsE;AACtE,sCAAsD;AAS/C,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAuB,EAAE,EAAE;IAC9G,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC;IACjD,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,4BAA4B,CAAC,CAAC;IAC1D,OAAO,CACL,6CACM,WAAW,EACf,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,qBAAY,EAAC,WAAW,CAAC,EAAE,gCAAgC,EAAE,WAAW,CAAC,SAAS,CAAC,qBAChF,OAAO,KACpB,CAAC,WAAW,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC;QAEzD,MAAM,IAAI,CACT,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,MAAM,CACH,CACP;QACD,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,oCAAoC;YAC7D,qCAAG,EAAE,EAAE,OAAO,IAAG,QAAQ,CAAK;YAC7B,WAAW,IAAI,CACd,qCACE,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,IAAA,oBAAE,EAAC,0BAA0B,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,2BAAkB,CAAC,CAAC,CAAC,2BAAkB,CAAC,IAEzG,WAAW,CACV,CACL,CACG;QACL,KAAK,IAAI,CACR,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,KAAK,CACF,CACP,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,cAAc,kBAkCzB"}

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

@@ -0,0 +1,10 @@
+import '@dxosTheme';
+import { CompoundButtonProps } from './CompoundButton';
+declare const _default: {
+    title: string;
+    component: ({ children, description, before, after, ...buttonProps }: CompoundButtonProps) => JSX.Element;
+};
+export default _default;
+export declare const Default: import("@storybook/react").Story<Omit<CompoundButtonProps, "ref">>;
+export declare const Primary: () => JSX.Element;
+//# sourceMappingURL=CompoundButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CompoundButton/CompoundButton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;;;;;AAEvE,wBAGE;AAWF,eAAO,MAAM,OAAO,oEAAqC,CAAC;AAS1D,eAAO,MAAM,OAAO,mBAWnB,CAAC"}

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

@@ -0,0 +1,40 @@
+"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.Primary = 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 CompoundButton_1 = require("./CompoundButton");
+exports.default = {
+    title: 'react-ui/CompoundButton',
+    component: CompoundButton_1.CompoundButton
+};
+const Container = ({ children }) => react_1.default.createElement("div", { className: 'flex gap-4' }, children);
+const Template = ({ ...args }) => (react_1.default.createElement(Container, null,
+    react_1.default.createElement(CompoundButton_1.CompoundButton, { ...args }),
+    react_1.default.createElement(CompoundButton_1.CompoundButton, { ...args, disabled: true })));
+exports.Default = (0, testing_1.templateForComponent)(Template)({});
+exports.Default.args = {
+    children: 'Hello',
+    description: 'This is a compound button',
+    before: react_1.default.createElement(phosphor_react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
+    after: react_1.default.createElement(phosphor_react_1.ArrowRight, { className: 'w-5 h-5' }),
+    disabled: false
+};
+const Primary = () => (react_1.default.createElement(Template, { ...{
+        children: 'Hello',
+        description: 'This is a compound button',
+        before: react_1.default.createElement(phosphor_react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
+        after: react_1.default.createElement(phosphor_react_1.ArrowRight, { className: 'w-5 h-5' }),
+        disabled: false,
+        variant: 'primary'
+    } }));
+exports.Primary = Primary;
+//# sourceMappingURL=CompoundButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.stories.js","sourceRoot":"","sources":["../../../../src/components/CompoundButton/CompoundButton.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,mDAAmE;AACnE,kDAAiD;AAEjD,2CAAqD;AACrD,qDAAuE;AAEvE,kBAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,+BAAc;CAC1B,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,uCAAK,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAO,CAAC;AAExG,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,IAAI,EAAoC,EAAE,EAAE,CAAC,CAClE,8BAAC,SAAS;IACR,8BAAC,+BAAc,OAAK,IAAI,GAAI;IAC5B,8BAAC,+BAAc,OAAK,IAAI,EAAE,QAAQ,SAAG,CAC3B,CACb,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAC1D,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,2BAA2B;IACxC,MAAM,EAAE,8BAAC,sCAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;IACrD,KAAK,EAAE,8BAAC,2BAAU,IAAC,SAAS,EAAC,SAAS,GAAG;IACzC,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,8BAAC,QAAQ,OACH;QACF,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,8BAAC,sCAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,8BAAC,2BAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,SAAS;KACnB,GACD,CACH,CAAC;AAXW,QAAA,OAAO,WAWlB"}

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

@@ -0,0 +1,2 @@
+export * from './CompoundButton';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+"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("./CompoundButton"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface DialogProps {
+    title: ReactNode;
+    openTrigger?: ReactNode;
+    closeTriggers?: [ReactNode, ...ReactNode[]];
+    titleVisuallyHidden?: boolean;
+    description?: ReactNode;
+    children?: ReactNode;
+    closeLabel?: string;
+    initiallyOpen?: boolean;
+    mountAsSibling?: boolean;
+}
+export declare const Dialog: ({ title, titleVisuallyHidden, description, openTrigger, children, closeTriggers, closeLabel, initiallyOpen, mountAsSibling }: DialogProps) => JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAQA,OAAc,EAAY,SAAS,EAAY,MAAM,OAAO,CAAC;AAK7D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,MAAM,iIAUhB,WAAW,gBAwFb,CAAC"}

package/dist/src/components/Dialog/Dialog.js

@@ -0,0 +1,59 @@
+"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.Dialog = void 0;
+const react_1 = require("@headlessui/react");
+const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
+const classnames_1 = __importDefault(require("classnames"));
+const phosphor_react_1 = require("phosphor-react");
+const react_2 = __importStar(require("react"));
+const styles_1 = require("../../styles");
+const Tooltip_1 = require("../Tooltip");
+const Dialog = ({ title, titleVisuallyHidden, description, openTrigger, children, closeTriggers, closeLabel, initiallyOpen, mountAsSibling }) => {
+    const [isOpen, setIsOpen] = (0, react_2.useState)(!!initiallyOpen);
+    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(DialogPrimitive.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(DialogPrimitive.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(DialogPrimitive.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(DialogPrimitive.Description, { className: (0, classnames_1.default)('mt-2', styles_1.defaultDescription) }, description)),
+                children,
+                closeLabel && (react_2.default.createElement(Tooltip_1.Tooltip, { content: closeLabel },
+                    react_2.default.createElement(DialogPrimitive.Close, { className: (0, classnames_1.default)('absolute top-3.5 right-3.5 inline-flex items-center justify-center rounded-sm p-1', styles_1.defaultFocus, (0, styles_1.defaultHover)({})) },
+                        react_2.default.createElement(phosphor_react_1.X, { className: 'h-4 w-4 text-neutral-500 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-400' })))),
+                closeTriggers && (react_2.default.createElement("div", { className: 'flex flex-wrap justify-end gap-4' }, closeTriggers.map((closeTrigger, key) => (react_2.default.createElement(DialogPrimitive.Close, { key: key }, closeTrigger)))))))));
+    return (react_2.default.createElement(DialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen },
+        openTrigger && react_2.default.createElement(DialogPrimitive.Trigger, { asChild: true }, openTrigger),
+        mountAsSibling ? (dialogOverlayAndContent) : (react_2.default.createElement(DialogPrimitive.Portal, null, dialogOverlayAndContent))));
+};
+exports.Dialog = Dialog;
+//# sourceMappingURL=Dialog.js.map

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

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

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

@@ -0,0 +1,9 @@
+import '@dxosTheme';
+import { DialogProps } from './Dialog';
+declare const _default: {
+    title: string;
+    component: ({ title, titleVisuallyHidden, description, openTrigger, children, closeTriggers, closeLabel, initiallyOpen, mountAsSibling }: DialogProps) => JSX.Element;
+};
+export default _default;
+export declare const Default: import("@storybook/react").Story<DialogProps>;
+//# sourceMappingURL=Dialog.stories.d.ts.map

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

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

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

@@ -0,0 +1,37 @@
+"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 Dialog_1 = require("./Dialog");
+exports.default = {
+    title: 'react-ui/Dialog',
+    component: Dialog_1.Dialog
+};
+const Template = ({ children, ...props }) => {
+    return react_1.default.createElement(Dialog_1.Dialog, { ...props }, children);
+};
+exports.Default = (0, testing_1.templateForComponent)(Template)({
+    openTrigger: '',
+    title: '',
+    closeTriggers: ['']
+});
+exports.Default.args = {
+    openTrigger: react_1.default.createElement(Button_1.Button, null, "Open dialog"),
+    closeTriggers: [
+        react_1.default.createElement(Button_1.Button, { key: 'cancel' }, "Close trigger 1"),
+        react_1.default.createElement(Button_1.Button, { key: 'save', variant: 'primary' }, "Close trigger 2")
+    ],
+    title: 'Dialog title',
+    children: 'Dialog content',
+    closeLabel: 'Close'
+};
+//# sourceMappingURL=Dialog.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,sCAAmC;AACnC,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,IAAG,QAAQ,CAAU,CAAC;AAChD,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,CAAC,EAAE,CAAC;CACpB,CAAC,CAAC;AACH,eAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,8BAAC,eAAM,sBAAqB;IACzC,aAAa,EAAE;QACb,8BAAC,eAAM,IAAC,GAAG,EAAC,QAAQ,sBAAyB;QAC7C,8BAAC,eAAM,IAAC,GAAG,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,sBAE3B;KACV;IACD,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,gBAAgB;IAC1B,UAAU,EAAE,OAAO;CACpB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Dialog';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+"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("./Dialog"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { HeadingProps } from '../Heading';
+export interface GroupProps extends React.ComponentProps<'div'> {
+    label: HeadingProps;
+    labelVisuallyHidden?: boolean;
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    children?: ReactNode;
+}
+export declare const Group: ({ elevation, children, label, labelVisuallyHidden, className, ...props }: GroupProps) => JSX.Element;
+//# sourceMappingURL=Group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC7D,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,6EAAkF,UAAU,gBAQ7G,CAAC"}