@veracity/vui 0.7.0-beta.2 → 0.7.1

package/dist/cjs/dialog/dialog.types.d.ts

@@ -1,48 +0,0 @@
-import { ReactText } from 'react';
-import { BoxProps } from '../box';
-import { ButtonProps, IconButtonProps } from '../button';
-import { HeadingProps } from '../heading';
-import { IconProp, IconProps } from '../icon';
-import { ModalProps } from '../modal';
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-import { PropsOf } from '../utils';
-export declare type DialogBodyProps = PropsOf<'div', BoxProps>;
-export declare type DialogCancelButtonProps = PropsOf<'button', ButtonProps>;
-export declare type DialogCloseButtonProps = PropsOf<'button', IconButtonProps>;
-export declare type DialogContext = Pick<DialogProps, 'icon' | 'isOpen' | 'onClose' | 'size' | 'status' | 'variant'> & {
-    bodyId?: string;
-    titleId?: string;
-};
-export declare type DialogFooterProps = PropsOf<'div', BoxProps & Pick<DialogProps, 'cancelButton' | 'submitButton'>>;
-export declare type DialogHeaderProps = PropsOf<'div', BoxProps & Pick<DialogProps, 'closeButton' | 'icon' | 'title'>>;
-export declare type DialogIconProps = PropsOf<'svg', IconProps>;
-export declare type DialogProps = SystemProps & ThemingProps<'Dialog'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
-    /** Socket for the main Dialog content. */
-    body?: ReactText | DialogBodyProps | JSX.Element;
-    /** Socket for a cancel button in the Dialog Footer. */
-    cancelButton?: DialogCancelButtonProps | JSX.Element;
-    /** Socket for a close icon button in the Dialog Header. */
-    closeButton?: boolean | DialogCloseButtonProps | JSX.Element;
-    /** Socket for a footer with buttons below Dialog Body. */
-    footer?: DialogFooterProps | JSX.Element;
-    /** Socket for a header with title and icon above the Dialog Body */
-    header?: DialogHeaderProps | JSX.Element;
-    /** Socket for a custom icon in the Dialog Header. */
-    icon?: IconProp | DialogIconProps | JSX.Element;
-    /** Props passed to the internal Modal component. */
-    modalProps?: ModalProps;
-    /** Adds an icon for a given status, such as error or warning. */
-    status?: DialogStatus;
-    /** Socket for a submit button in the Dialog Footer. */
-    submitButton?: DialogSubmitButtonProps | JSX.Element;
-    /** Socket for a title in the Dialog Header. */
-    title?: HeadingProps['text'] | DialogTitleProps | JSX.Element;
-};
-export declare type DialogStatus = 'danger' | 'error' | 'info' | 'warning';
-export declare type DialogStatusMapping = Record<string, {
-    iconProps: IconProps;
-}>;
-export declare type DialogSubmitButtonProps = PropsOf<'button', ButtonProps>;
-export declare type DialogTitleProps = PropsOf<'h4', HeadingProps>;
-//# sourceMappingURL=dialog.types.d.ts.map

package/dist/cjs/dialog/dialog.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,oBAAY,eAAe,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AAEtD,oBAAY,uBAAuB,GAAG,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;AAEpE,oBAAY,sBAAsB,GAAG,OAAO,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;AAEvE,oBAAY,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,GAAG;IAC9G,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,oBAAY,iBAAiB,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,cAAc,CAAC,CAAC,CAAA;AAE7G,oBAAY,iBAAiB,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAA;AAE9G,oBAAY,eAAe,GAAG,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;AAEvD,oBAAY,WAAW,GAAG,WAAW,GACpC,YAAY,CAAC,QAAQ,CAAC,GACtB,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,SAAS,CAAC,GAAG;IACxC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,GAAG,CAAC,OAAO,CAAA;IAChD,uDAAuD;IACvD,YAAY,CAAC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAAA;IAC5D,0DAA0D;IAC1D,MAAM,CAAC,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAA;IACxC,oEAAoE;IACpE,MAAM,CAAC,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAA;IACxC,qDAAqD;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAG,eAAe,GAAG,GAAG,CAAC,OAAO,CAAA;IAC/C,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,+CAA+C;IAC/C,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAAA;CAC7D,CAAA;AAEF,oBAAY,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAElE,oBAAY,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA;AAE1E,oBAAY,uBAAuB,GAAG,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;AAEpE,oBAAY,gBAAgB,GAAG,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA"}

package/dist/cjs/dialog/dialogBody.d.ts

@@ -1,10 +0,0 @@
-import { DialogBodyProps } from './dialog.types';
-/**
- * Shows the main content between the Dialog Header and Footer.
- * It becomes scrollable when content does not fit vertically. Borders are shown automatically.
- * Receives more horizontal padding when Dialog has icon, so align text with title.
- * Receives id linked to aria-describedby on the Dialog for accessibility.
- */
-export declare const DialogBody: import("../core").VuiComponent<"div", DialogBodyProps>;
-export default DialogBody;
-//# sourceMappingURL=dialogBody.d.ts.map

package/dist/cjs/dialog/dialogBody.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogBody.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogBody.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,wDA6CrB,CAAA;AAIF,eAAe,UAAU,CAAA"}

package/dist/cjs/dialog/dialogBody.js

@@ -1,74 +0,0 @@
-"use strict";
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogBody = void 0;
-const react_1 = __importStar(require("react"));
-const box_1 = require("../box");
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/**
- * Shows the main content between the Dialog Header and Footer.
- * It becomes scrollable when content does not fit vertically. Borders are shown automatically.
- * Receives more horizontal padding when Dialog has icon, so align text with title.
- * Receives id linked to aria-describedby on the Dialog for accessibility.
- */
-exports.DialogBody = (0, core_1.vui)((props, ref) => {
-    var _a;
-    const { className } = props, rest = __rest(props, ["className"]);
-    const { bodyId, icon, status } = (_a = (0, context_1.useDialogContext)()) !== null && _a !== void 0 ? _a : {};
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    const [isScrolled, setIsScrolled] = (0, react_1.useState)(false);
-    const bodyRef = (0, react_1.useRef)(null);
-    // Observe size changes of the body to detect if it becomes vertically scrollable
-    const observerRef = (0, react_1.useRef)(new ResizeObserver(() => {
-        if (bodyRef.current) {
-            const { clientHeight, scrollHeight } = bodyRef.current;
-            setIsScrolled(scrollHeight > clientHeight);
-        }
-    }));
-    (0, react_1.useEffect)(() => {
-        var _a;
-        bodyRef.current && ((_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.observe(bodyRef.current));
-    }, []);
-    // If body can be scrolled vertically, add dividing lines on top and bottom
-    const borderProps = isScrolled ? { borderColor: 'grey.30' } : {};
-    // Add more body padding when custom or status icon is displayed
-    const paddingProps = (icon !== null && icon !== void 0 ? icon : status) !== undefined ? { px: 8 } : { px: 3 };
-    return (react_1.default.createElement(box_1.Box, Object.assign({ borderBottom: "1px solid transparent", borderTop: "1px solid transparent", className: (0, utils_1.cs)('vui-dialogBody', className), column: true, id: bodyId, overflowY: "auto", pb: 2, pt: 1.5, ref: (0, utils_1.mergeRefs)(ref, bodyRef) }, borderProps, paddingProps, styles.body, rest)));
-});
-exports.DialogBody.displayName = 'DialogBody';
-exports.default = exports.DialogBody;

package/dist/cjs/dialog/dialogCancelButton.d.ts

@@ -1,5 +0,0 @@
-import { DialogCancelButtonProps } from './dialog.types';
-/** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */
-export declare const DialogCancelButton: import("../core").VuiComponent<"button", DialogCancelButtonProps>;
-export default DialogCancelButton;
-//# sourceMappingURL=dialogCancelButton.d.ts.map

package/dist/cjs/dialog/dialogCancelButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogCancelButton.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogCancelButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAExD,yFAAyF;AACzF,eAAO,MAAM,kBAAkB,mEAc7B,CAAA;AAIF,eAAe,kBAAkB,CAAA"}

package/dist/cjs/dialog/dialogCancelButton.js

@@ -1,32 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogCancelButton = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = require("../button");
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */
-exports.DialogCancelButton = (0, core_1.vui)((props, ref) => {
-    var _a;
-    const { className } = props, rest = __rest(props, ["className"]);
-    const { onClose } = (_a = (0, context_1.useDialogContext)()) !== null && _a !== void 0 ? _a : {};
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    return (react_1.default.createElement(button_1.LineButton, Object.assign({ className: (0, utils_1.cs)('vui-dialogCancelButton', className), onClick: onClose, ref: ref }, styles.cancelButton, rest)));
-});
-exports.DialogCancelButton.displayName = 'DialogCancelButton';
-exports.default = exports.DialogCancelButton;

package/dist/cjs/dialog/dialogCloseButton.d.ts

@@ -1,5 +0,0 @@
-import { DialogCloseButtonProps } from './dialog.types';
-/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */
-export declare const DialogCloseButton: import("../core").VuiComponent<"button", DialogCloseButtonProps>;
-export default DialogCloseButton;
-//# sourceMappingURL=dialogCloseButton.d.ts.map

package/dist/cjs/dialog/dialogCloseButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogCloseButton.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogCloseButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,kEAqB5B,CAAA;AAIF,eAAe,iBAAiB,CAAA"}

package/dist/cjs/dialog/dialogCloseButton.js

@@ -1,32 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogCloseButton = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = require("../button");
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */
-exports.DialogCloseButton = (0, core_1.vui)((props, ref) => {
-    var _a;
-    const { className } = props, rest = __rest(props, ["className"]);
-    const { onClose } = (_a = (0, context_1.useDialogContext)()) !== null && _a !== void 0 ? _a : {};
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    return (react_1.default.createElement(button_1.CloseButton, Object.assign({ activeBg: "grey.30", className: (0, utils_1.cs)('vui-dialogCloseButton', className), color: "grey.80", hoverBg: "grey.20", onClick: onClose, position: "absolute", ref: ref, right: 16, size: "sm", top: 16 }, styles.closeButton, rest)));
-});
-exports.DialogCloseButton.displayName = 'DialogCloseButton';
-exports.default = exports.DialogCloseButton;

package/dist/cjs/dialog/dialogFooter.d.ts

@@ -1,5 +0,0 @@
-import { DialogFooterProps } from './dialog.types';
-/** Shows control buttons below the Dialog Body. By default includes cancel and submit buttons. */
-export declare const DialogFooter: import("../core").VuiComponent<"div", DialogFooterProps>;
-export default DialogFooter;
-//# sourceMappingURL=dialogFooter.d.ts.map

package/dist/cjs/dialog/dialogFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogFooter.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogFooter.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAIlD,kGAAkG;AAClG,eAAO,MAAM,YAAY,0DAuBvB,CAAA;AAIF,eAAe,YAAY,CAAA"}

package/dist/cjs/dialog/dialogFooter.js

@@ -1,34 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogFooter = void 0;
-const react_1 = __importDefault(require("react"));
-const box_1 = require("../box");
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-const dialogCancelButton_1 = __importDefault(require("./dialogCancelButton"));
-const dialogSubmitButton_1 = __importDefault(require("./dialogSubmitButton"));
-/** Shows control buttons below the Dialog Body. By default includes cancel and submit buttons. */
-exports.DialogFooter = (0, core_1.vui)((props, ref) => {
-    const { cancelButton, children, className, submitButton } = props, rest = __rest(props, ["cancelButton", "children", "className", "submitButton"]);
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    return (react_1.default.createElement(box_1.Box, Object.assign({ className: (0, utils_1.cs)('vui-dialogFooter', className), justifyContent: "flex-end", p: 3, pt: 2, ref: ref }, styles.footer, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
-        (0, utils_1.isJsx)(cancelButton) ? cancelButton : cancelButton && react_1.default.createElement(dialogCancelButton_1.default, Object.assign({}, cancelButton)),
-        (0, utils_1.isJsx)(submitButton) ? submitButton : submitButton && react_1.default.createElement(dialogSubmitButton_1.default, Object.assign({}, submitButton))))));
-});
-exports.DialogFooter.displayName = 'DialogFooter';
-exports.default = exports.DialogFooter;

package/dist/cjs/dialog/dialogHeader.d.ts

@@ -1,5 +0,0 @@
-import { DialogHeaderProps } from './dialog.types';
-/** Shows title, status icon and close button above the Dialog Body. */
-export declare const DialogHeader: import("../core").VuiComponent<"div", DialogHeaderProps>;
-export default DialogHeader;
-//# sourceMappingURL=dialogHeader.d.ts.map

package/dist/cjs/dialog/dialogHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogHeader.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAKlD,uEAAuE;AACvE,eAAO,MAAM,YAAY,0DAkCvB,CAAA;AAIF,eAAe,YAAY,CAAA"}

package/dist/cjs/dialog/dialogHeader.js

@@ -1,42 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const box_1 = require("../box");
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-const dialogCloseButton_1 = __importDefault(require("./dialogCloseButton"));
-const dialogIcon_1 = __importDefault(require("./dialogIcon"));
-const dialogTitle_1 = __importDefault(require("./dialogTitle"));
-/** Shows title, status icon and close button above the Dialog Body. */
-exports.DialogHeader = (0, core_1.vui)((props, ref) => {
-    var _a;
-    const { children, className, closeButton, icon: iconProp, title: titleProp } = props, rest = __rest(props, ["children", "className", "closeButton", "icon", "title"]);
-    const { onClose, status } = (_a = (0, context_1.useDialogContext)()) !== null && _a !== void 0 ? _a : {};
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    const icon = (0, utils_1.isString)(iconProp) ? { name: iconProp } : iconProp;
-    const showCloseButton = Boolean(closeButton !== undefined ? closeButton : onClose);
-    const showIcon = Boolean(icon || status);
-    const title = (0, utils_1.isReactText)(titleProp) ? { text: titleProp } : titleProp;
-    return (react_1.default.createElement(box_1.Box, Object.assign({ className: (0, utils_1.cs)('vui-dialogHeader', className), icon: icon, pb: 1.5, pl: 3, position: "relative", pr: 8, pt: 3, ref: ref }, styles.header, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
-        (0, utils_1.isJsx)(icon) ? icon : showIcon && react_1.default.createElement(dialogIcon_1.default, Object.assign({}, icon)),
-        (0, utils_1.isJsx)(title) ? title : title && react_1.default.createElement(dialogTitle_1.default, Object.assign({}, title)),
-        (0, utils_1.isJsx)(closeButton) ? closeButton : showCloseButton && react_1.default.createElement(dialogCloseButton_1.default, null)))));
-});
-exports.DialogHeader.displayName = 'DialogHeader';
-exports.default = exports.DialogHeader;

package/dist/cjs/dialog/dialogIcon.d.ts

@@ -1,5 +0,0 @@
-import { DialogIconProps } from './dialog.types';
-/** Shows an icon based on a given status. Optionally, can be a custom icon. */
-export declare const DialogIcon: import("../core").VuiComponent<"svg", DialogIconProps>;
-export default DialogIcon;
-//# sourceMappingURL=dialogIcon.d.ts.map

package/dist/cjs/dialog/dialogIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogIcon.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD,+EAA+E;AAC/E,eAAO,MAAM,UAAU,wDAOrB,CAAA;AAIF,eAAe,UAAU,CAAA"}

package/dist/cjs/dialog/dialogIcon.js

@@ -1,34 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const core_1 = require("../core");
-const icon_1 = require("../icon");
-const utils_1 = require("../utils");
-const consts_1 = require("./consts");
-const context_1 = require("./context");
-/** Shows an icon based on a given status. Optionally, can be a custom icon. */
-exports.DialogIcon = (0, core_1.vui)((props, ref) => {
-    var _a, _b;
-    const { className } = props, rest = __rest(props, ["className"]);
-    const { status = '' } = (_a = (0, context_1.useDialogContext)()) !== null && _a !== void 0 ? _a : {};
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    const { iconProps } = (_b = consts_1.dialogStatusMapping[status]) !== null && _b !== void 0 ? _b : {};
-    return react_1.default.createElement(icon_1.Icon, Object.assign({ className: (0, utils_1.cs)('vui-dialogIcon', className), mr: 2, ref: ref }, styles.icon, iconProps, rest));
-});
-exports.DialogIcon.displayName = 'DialogIcon';
-exports.default = exports.DialogIcon;

package/dist/cjs/dialog/dialogSubmitButton.d.ts

@@ -1,5 +0,0 @@
-import { DialogSubmitButtonProps } from './dialog.types';
-/** Shows a button in the Dialog Footer, which triggers the main action of the Dialog. */
-export declare const DialogSubmitButton: import("../core").VuiComponent<"button", DialogSubmitButtonProps>;
-export default DialogSubmitButton;
-//# sourceMappingURL=dialogSubmitButton.d.ts.map

package/dist/cjs/dialog/dialogSubmitButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogSubmitButton.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogSubmitButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAExD,yFAAyF;AACzF,eAAO,MAAM,kBAAkB,mEAc7B,CAAA;AAIF,eAAe,kBAAkB,CAAA"}

package/dist/cjs/dialog/dialogSubmitButton.js

@@ -1,30 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogSubmitButton = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = require("../button");
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/** Shows a button in the Dialog Footer, which triggers the main action of the Dialog. */
-exports.DialogSubmitButton = (0, core_1.vui)((props, ref) => {
-    const { className } = props, rest = __rest(props, ["className"]);
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    return (react_1.default.createElement(button_1.Button, Object.assign({ className: (0, utils_1.cs)('vui-dialogSubmitButton', className), ml: 2, ref: ref, text: "Submit" }, styles.submitButton, rest)));
-});
-exports.DialogSubmitButton.displayName = 'DialogSubmitButton';
-exports.default = exports.DialogSubmitButton;

package/dist/cjs/dialog/dialogTitle.d.ts

@@ -1,5 +0,0 @@
-import { DialogTitleProps } from './dialog.types';
-/** Shows a title in the Dialog Header. Receives id linked to aria-labelledby on the Dialog for accessibility. */
-export declare const DialogTitle: import("../core").VuiComponent<"h4", DialogTitleProps>;
-export default DialogTitle;
-//# sourceMappingURL=dialogTitle.d.ts.map

package/dist/cjs/dialog/dialogTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogTitle.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogTitle.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,iHAAiH;AACjH,eAAO,MAAM,WAAW,wDAMtB,CAAA;AAIF,eAAe,WAAW,CAAA"}

package/dist/cjs/dialog/dialogTitle.js

@@ -1,32 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogTitle = void 0;
-const react_1 = __importDefault(require("react"));
-const core_1 = require("../core");
-const heading_1 = require("../heading");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/** Shows a title in the Dialog Header. Receives id linked to aria-labelledby on the Dialog for accessibility. */
-exports.DialogTitle = (0, core_1.vui)((props, ref) => {
-    var _a;
-    const { className } = props, rest = __rest(props, ["className"]);
-    const { titleId } = (_a = (0, context_1.useDialogContext)()) !== null && _a !== void 0 ? _a : {};
-    const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    return react_1.default.createElement(heading_1.H4, Object.assign({ className: (0, utils_1.cs)('vui-dialogTitle', className), id: titleId, ref: ref }, styles.title, rest));
-});
-exports.DialogTitle.displayName = 'DialogTitle';
-exports.default = exports.DialogTitle;

package/dist/cjs/dialog/index.d.ts

@@ -1,14 +0,0 @@
-export * from './consts';
-export * from './context';
-export * from './dialog';
-export { default as Dialog } from './dialog';
-export * from './dialog.types';
-export * from './dialogBody';
-export * from './dialogCancelButton';
-export * from './dialogCloseButton';
-export * from './dialogFooter';
-export * from './dialogHeader';
-export * from './dialogIcon';
-export * from './dialogSubmitButton';
-export * from './dialogTitle';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/dialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA"}

package/dist/cjs/dialog/index.js

@@ -1,34 +0,0 @@
-"use strict";
-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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = void 0;
-__exportStar(require("./consts"), exports);
-__exportStar(require("./context"), exports);
-__exportStar(require("./dialog"), exports);
-var dialog_1 = require("./dialog");
-Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return __importDefault(dialog_1).default; } });
-__exportStar(require("./dialog.types"), exports);
-__exportStar(require("./dialogBody"), exports);
-__exportStar(require("./dialogCancelButton"), exports);
-__exportStar(require("./dialogCloseButton"), exports);
-__exportStar(require("./dialogFooter"), exports);
-__exportStar(require("./dialogHeader"), exports);
-__exportStar(require("./dialogIcon"), exports);
-__exportStar(require("./dialogSubmitButton"), exports);
-__exportStar(require("./dialogTitle"), exports);

package/dist/cjs/dialog/theme.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {
-        size: string;
-    };
-    parts: string[];
-    sizes: {
-        md: {
-            container: {
-                maxW: number;
-            };
-        };
-        lg: {
-            container: {
-                maxW: number;
-            };
-        };
-        fullWidth: {};
-    };
-    variants: {};
-};
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/cjs/dialog/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dialog/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,wBAMC"}

package/dist/cjs/dialog/theme.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const baseStyle = {};
-const defaultProps = {
-    size: 'md'
-};
-const parts = ['container', 'body', 'cancelButton', 'closeButton', 'footer', 'header', 'icon', 'submitButton', 'title'];
-const sizes = {
-    md: {
-        container: {
-            maxW: 520
-        }
-    },
-    lg: {
-        container: {
-            maxW: 640
-        }
-    },
-    fullWidth: {}
-};
-const variants = {};
-exports.default = {
-    baseStyle,
-    defaultProps,
-    parts,
-    sizes,
-    variants
-};

package/dist/cjs/divider/divider.d.ts

@@ -1,6 +0,0 @@
-import { DividerProps } from './divider.types';
-export declare const DividerBase: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** Visually separates content with a horizontal or vertical line. */
-export declare const Divider: import("../core").VuiComponent<"hr", DividerProps>;
-export default Divider;
-//# sourceMappingURL=divider.d.ts.map

package/dist/cjs/divider/divider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,WAAW,8HAEvB,CAAA;AAED,qEAAqE;AACrE,eAAO,MAAM,OAAO,oDAsBlB,CAAA;AAIF,eAAe,OAAO,CAAA"}

package/dist/cjs/divider/divider.js

@@ -1,37 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = exports.DividerBase = void 0;
-const react_1 = __importDefault(require("react"));
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-exports.DividerBase = core_1.styled.hrBox `
-	border-color: grey.30;
-`;
-/** Visually separates content with a horizontal or vertical line. */
-exports.Divider = (0, core_1.vui)((props, ref) => {
-    const _a = (0, core_1.omitThemingProps)(props), { className, isVertical, width } = _a, rest = __rest(_a, ["className", "isVertical", "width"]);
-    const styles = (0, core_1.useStyleConfig)('Divider', props);
-    const borderSide = isVertical ? 'Right' : 'Bottom';
-    const borderWidth = `border${borderSide}Width`;
-    const height = isVertical ? '100%' : '';
-    const aliasedProps = (0, utils_1.filterUndefined)({
-        [borderWidth]: width !== null && width !== void 0 ? width : 1
-    });
-    return (react_1.default.createElement(exports.DividerBase, Object.assign({ className: (0, utils_1.cs)('vui-divider', className), h: height, ref: ref }, styles, aliasedProps, rest)));
-});
-exports.Divider.displayName = 'Divider';
-exports.default = exports.Divider;