@veracity/vui 1.2.0-beta.1 → 1.2.0-rc.0

package/dist/cjs/core/vuiProvider/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const VuiContextProvider: import("react").Provider<any>, useVuiContext: () => any;
+export { VuiContextProvider, useVuiContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/cjs/core/vuiProvider/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/context.ts"],"names":[],"mappings":";AAEA,QAAA,MAAO,kBAAkB,iCAAE,aAAa,WAA4C,CAAA;AAEpF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}

package/dist/cjs/core/vuiProvider/context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVuiContext = exports.VuiContextProvider = void 0;
+const utils_1 = require("../../utils");
+const [VuiContextProvider, useVuiContext] = (0, utils_1.createContext)({ isOptional: true });
+exports.VuiContextProvider = VuiContextProvider;
+exports.useVuiContext = useVuiContext;

package/dist/cjs/core/vuiProvider/index.d.ts

@@ -1,4 +1,5 @@
 export * from './animations';
+export * from './context';
 export { default as fontFaces } from './fontFaces';
 export { default as GlobalStyle } from './globalStyle';
 export { default as ResetCSS } from './resetCSS';

package/dist/cjs/core/vuiProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/cjs/core/vuiProvider/index.js

@@ -19,6 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VuiProvider = exports.default = exports.ResetCSS = exports.GlobalStyle = exports.fontFaces = void 0;
 __exportStar(require("./animations"), exports);
+__exportStar(require("./context"), exports);
 var fontFaces_1 = require("./fontFaces");
 Object.defineProperty(exports, "fontFaces", { enumerable: true, get: function () { return __importDefault(fontFaces_1).default; } });
 var globalStyle_1 = require("./globalStyle");

package/dist/cjs/core/vuiProvider/reducers.d.ts

@@ -0,0 +1,11 @@
+import { ToastListItem } from '../../toast/toast.types';
+export declare const toastsReducer: (state: {
+    list: ToastListItem[];
+}, action: {
+    type: 'add' | 'remove';
+    toast: ToastListItem;
+}) => {
+    list: ToastListItem[];
+};
+export declare const genericReducer: (state: any, action: any) => any;
+//# sourceMappingURL=reducers.d.ts.map

package/dist/cjs/core/vuiProvider/reducers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducers.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/reducers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,eAAO,MAAM,aAAa,UACjB;IAAE,IAAI,EAAE,aAAa,EAAE,CAAA;CAAE,UACxB;IAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE;;CAazD,CAAA;AAED,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,QAAqB,CAAA"}

package/dist/cjs/core/vuiProvider/reducers.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genericReducer = exports.toastsReducer = void 0;
+const toastsReducer = (state, action) => {
+    switch (action.type) {
+        case 'add': {
+            return { list: [action.toast, ...state.list] };
+        }
+        case 'remove': {
+            return { list: state.list.filter(t => t.id !== action.toast.id) };
+        }
+        default: {
+            throw new Error(`Unhandled action type: ${action.type}`);
+        }
+    }
+};
+exports.toastsReducer = toastsReducer;
+const genericReducer = (state, action) => (state = action);
+exports.genericReducer = genericReducer;

package/dist/cjs/core/vuiProvider/vuiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAqB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,aAAK,gBAAgB,GAAG;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,CAAA;AAED,oGAAoG;AACpG,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CAepD,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAM7C,OAAqB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAMvC,aAAK,gBAAgB,GAAG;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,CAAA;AAED,oGAAoG;AACpG,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CA+BpD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/cjs/core/vuiProvider/vuiProvider.js

@@ -1,21 +1,59 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const styled_components_1 = require("styled-components");
 const modalStyle_1 = __importDefault(require("../../modal/modalStyle"));
 const popoverStyle_1 = __importDefault(require("../../popover/popoverStyle"));
+const portal_1 = require("../../portal");
 const theme_1 = __importDefault(require("../../theme"));
+const toast_1 = require("../../toast");
+const context_1 = require("./context");
 const globalStyle_1 = __importDefault(require("./globalStyle"));
+const reducers_1 = require("./reducers");
 const resetCSS_1 = __importDefault(require("./resetCSS"));
 /** Provides theme to all wrapped components and by default includes CSS reset and global styles. */
-const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = theme_1.default }) => (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
-    react_1.default.createElement(react_1.default.Fragment, null,
-        resetCSS && react_1.default.createElement(resetCSS_1.default, null),
-        react_1.default.createElement(globalStyle_1.default, { globalStyle: globalStyle }),
-        react_1.default.createElement(modalStyle_1.default, null),
-        react_1.default.createElement(popoverStyle_1.default, null),
-        children)));
+const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = theme_1.default }) => {
+    const [toasts, toastsDispatch] = (0, react_1.useReducer)(reducers_1.toastsReducer, { list: [] });
+    const [portalSlot, setPortalSlot] = (0, react_1.useReducer)(reducers_1.genericReducer, null);
+    const addToast = (toast) => toastsDispatch({ type: 'add', toast });
+    const removeToast = (id) => toastsDispatch({ type: 'remove', toast: { id } });
+    const context = { toasts, addToast, removeToast, setPortalSlot };
+    return (react_1.default.createElement(context_1.VuiContextProvider, { value: context },
+        react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
+            react_1.default.createElement(react_1.default.Fragment, null,
+                resetCSS && react_1.default.createElement(resetCSS_1.default, null),
+                react_1.default.createElement(globalStyle_1.default, { globalStyle: globalStyle }),
+                react_1.default.createElement(modalStyle_1.default, null),
+                react_1.default.createElement(popoverStyle_1.default, null),
+                children,
+                react_1.default.createElement(portal_1.Portal, null,
+                    portalSlot,
+                    react_1.default.createElement(toast_1.Toaster, null))))));
+};
 exports.default = VuiProvider;

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

@@ -11,6 +11,5 @@ export * from './dialogHeader';
 export * from './dialogIcon';
 export * from './dialogSubmitButton';
 export * from './dialogTitle';
-export * from './showConfirm';
-export * from './showPrompt';
+export * from './useDialog';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"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;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
+{"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;AAC7B,cAAc,aAAa,CAAA"}

package/dist/cjs/dialog/index.js

@@ -32,5 +32,4 @@ __exportStar(require("./dialogHeader"), exports);
 __exportStar(require("./dialogIcon"), exports);
 __exportStar(require("./dialogSubmitButton"), exports);
 __exportStar(require("./dialogTitle"), exports);
-__exportStar(require("./showConfirm"), exports);
-__exportStar(require("./showPrompt"), exports);
+__exportStar(require("./useDialog"), exports);

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

@@ -0,0 +1,5 @@
+export declare const useDialog: () => {
+    showConfirm: (title: string, message: string) => Promise<boolean>;
+    showPrompt: (title: string, value?: string) => Promise<string | false>;
+};
+//# sourceMappingURL=useDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/useDialog.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;yBAGQ,MAAM,WAAW,MAAM,KAAG,QAAQ,OAAO,CAAC;wBA0B3C,MAAM,qBAAe,QAAQ,MAAM,GAAG,KAAK,CAAC;CAgCxE,CAAA"}

package/dist/cjs/dialog/useDialog.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDialog = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = require("../box");
+const core_1 = require("../core");
+const dialog_1 = require("../dialog");
+const input_1 = require("../input");
+const useDialog = () => {
+    const { setPortalSlot } = (0, core_1.useVuiContext)();
+    const showConfirm = (title, message) => new Promise(resolve => setPortalSlot(react_1.default.createElement(dialog_1.Dialog, { body: message, cancelButton: {
+            onClick: () => {
+                resolve(false);
+                setPortalSlot(null);
+            },
+            text: 'Cancel'
+        }, closeButton: false, isOpen: true, submitButton: {
+            onClick: () => {
+                resolve(true);
+                setPortalSlot(null);
+            },
+            text: 'Confirm'
+        }, title: title })));
+    const showPrompt = (title, value = '') => new Promise(resolve => {
+        let inputValue = value;
+        setPortalSlot(react_1.default.createElement(dialog_1.Dialog, { body: react_1.default.createElement(box_1.Box, { px: 3, py: 2 },
+                react_1.default.createElement(input_1.Input, { defaultValue: value, onChange: e => (inputValue = e.target.value) })), cancelButton: {
+                onClick: () => {
+                    resolve(false);
+                    setPortalSlot(null);
+                },
+                text: 'Cancel'
+            }, closeButton: false, isOpen: true, submitButton: {
+                onClick: () => {
+                    resolve(inputValue);
+                    setPortalSlot(null);
+                },
+                text: 'Submit'
+            }, title: title }));
+    });
+    return { showConfirm, showPrompt };
+};
+exports.useDialog = useDialog;

package/dist/cjs/toast/Toaster.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/cjs/toast/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/toast/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AA8BzB,wBAAkC"}

package/dist/cjs/toast/Toaster.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const box_1 = require("../box");
+const core_1 = require("../core");
+const theme_1 = require("../theme");
+const Toaster = () => {
+    var _a, _b;
+    const { toasts } = (0, core_1.useVuiContext)();
+    return (react_1.default.createElement(box_1.Box, { bottom: "1rem", display: "block", maxW: "100%", minW: { md: 600, sm: 600, xs: '100%' }, p: { md: '16px', sm: '4px', xs: '2px' }, position: "fixed", right: { md: '1rem', sm: 0, xs: 0 }, zIndex: theme_1.zIndices.toast }, (_b = (_a = toasts === null || toasts === void 0 ? void 0 : toasts.list) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, (toast) => (react_1.default.createElement("div", { id: `toast_${toast.id}`, key: toast.id }, toast.component)))));
+};
+exports.default = react_1.default.memo(Toaster);

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

@@ -1,2 +1,3 @@
-export * from './Toast';
+export { default as Toaster } from './Toaster';
+export * from './useToast';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,cAAc,YAAY,CAAA"}

package/dist/cjs/toast/index.js

@@ -13,5 +13,11 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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 });
-__exportStar(require("./Toast"), exports);
+exports.Toaster = void 0;
+var Toaster_1 = require("./Toaster");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return __importDefault(Toaster_1).default; } });
+__exportStar(require("./useToast"), exports);

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { NotificationProps } from '../notification';
 export interface ToastListItem {
     id: string;
-    component: ReactNode;
+    component?: ReactNode;
 }
 export interface ToastSetup {
     options: ToastOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,YAAY,CAAA;IACrB,aAAa,EAAE,aAAa,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}
+{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,YAAY,CAAA;IACrB,aAAa,EAAE,aAAa,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/cjs/toast/useToast.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ToastOptions } from './toast.types';
+export declare const useToast: () => {
+    showToast: (options?: ToastOptions | undefined) => void;
+    hideToast: (id: string) => any;
+    showInfo: (text: ReactNode) => void;
+    showSuccess: (text: ReactNode) => void;
+    showWarning: (text: ReactNode) => void;
+    showError: (text: ReactNode) => void;
+    showLoading: (text: ReactNode) => void;
+};
+//# sourceMappingURL=useToast.d.ts.map

package/dist/cjs/toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/toast/useToast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAUxD,eAAO,MAAM,QAAQ;uDAKyB,IAAI;oBAFzB,MAAM;qBAqCL,SAAS;wBACN,SAAS;wBACT,SAAS;sBACX,SAAS;wBACP,SAAS;CAGrC,CAAA"}

package/dist/cjs/toast/useToast.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToast = void 0;
+const react_1 = __importDefault(require("react"));
+const core_1 = require("../core");
+const notification_1 = require("../notification");
+const utils_1 = require("../utils");
+const setup = {
+    options: {
+        duration: 5000,
+        dismissible: true
+    },
+    componentList: []
+};
+const useToast = () => {
+    const { addToast, removeToast } = (0, core_1.useVuiContext)();
+    const hideToast = (id) => removeToast(id);
+    const showToast = (options) => {
+        const id = (options === null || options === void 0 ? void 0 : options.id) ? options.id : (0, utils_1.uid)('toast');
+        const { duration = setup.options.duration } = options || {};
+        const { dismissible = setup.options.dismissible } = options || {};
+        const { status = setup.options.duration } = options || {};
+        const { action } = options || {};
+        const { icon } = options || {};
+        const { text } = options || {};
+        const { title } = options || {};
+        const onClose = () => hideToast(id);
+        const toast = {
+            id,
+            component: (react_1.default.createElement(notification_1.Notification, { action: action, animation: "fadeDown", icon: icon, mt: { md: 1, sm: '4px', xs: '4px' }, onClose: dismissible ? onClose : undefined, shadow: 1, status: status, text: text, title: title, w: 1 }))
+        };
+        addToast(toast);
+        if (duration !== 0)
+            window.setTimeout(() => hideToast(id), duration);
+    };
+    const showInfo = (text) => showToast({ text, status: 'info' });
+    const showSuccess = (text) => showToast({ text, status: 'success' });
+    const showWarning = (text) => showToast({ text, status: 'warning' });
+    const showError = (text) => showToast({ text, status: 'error' });
+    const showLoading = (text) => showToast({ text, status: 'loading' });
+    return { showToast, hideToast, showInfo, showSuccess, showWarning, showError, showLoading };
+};
+exports.useToast = useToast;

package/dist/cjs/utils/dom.d.ts

@@ -2,9 +2,4 @@ export declare const addElement: (id: string) => HTMLElement;
 export declare const removeElement: (id: string) => void;
 export declare const addBodyClass: (className: string) => void;
 export declare const removeBodyClass: (className: string) => void;
-export declare const removeElements: (className: string) => void;
-export declare const addElementClass: (id: string, className: string) => void;
-export declare const removeElementClass: (id: string, className: string) => void;
-export declare const appendToBody: (rootElem: HTMLElement) => HTMLElement;
-export declare const addContainer: (id: string) => void;
 //# sourceMappingURL=dom.d.ts.map

package/dist/cjs/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/utils/dom.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,WAIvC,CAAA;AAED,eAAO,MAAM,aAAa,OAAQ,MAAM,KAAG,IAG1C,CAAA;AAED,eAAO,MAAM,YAAY,cAAe,MAAM,KAAG,IAA8C,CAAA;AAE/F,eAAO,MAAM,eAAe,cAAe,MAAM,KAAG,IAAiD,CAAA;AAErG,eAAO,MAAM,cAAc,cAAe,MAAM,KAAG,IAGlD,CAAA;AAED,eAAO,MAAM,eAAe,OAAQ,MAAM,aAAa,MAAM,KAAG,IAG/D,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAQ,MAAM,aAAa,MAAM,KAAG,IAGlE,CAAA;AAED,eAAO,MAAM,YAAY,aAAc,WAAW,gBAAwC,CAAA;AAE1F,eAAO,MAAM,YAAY,OAAQ,MAAM,KAAG,IAGzC,CAAA"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/utils/dom.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,WAIvC,CAAA;AAED,eAAO,MAAM,aAAa,OAAQ,MAAM,KAAG,IAG1C,CAAA;AAED,eAAO,MAAM,YAAY,cAAe,MAAM,KAAG,IAA8C,CAAA;AAE/F,eAAO,MAAM,eAAe,cAAe,MAAM,KAAG,IAAiD,CAAA"}

package/dist/cjs/utils/dom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addContainer = exports.appendToBody = exports.removeElementClass = exports.addElementClass = exports.removeElements = exports.removeBodyClass = exports.addBodyClass = exports.removeElement = exports.addElement = void 0;
+exports.removeBodyClass = exports.addBodyClass = exports.removeElement = exports.addElement = void 0;
 const addElement = (id) => {
     const element = document.createElement('div');
     element.setAttribute('id', id);
@@ -17,30 +17,3 @@ const addBodyClass = (className) => document.body.classList.add(className);
 exports.addBodyClass = addBodyClass;
 const removeBodyClass = (className) => document.body.classList.remove(className);
 exports.removeBodyClass = removeBodyClass;
-const removeElements = (className) => {
-    var _a, _b;
-    const elements = document.getElementsByClassName(className);
-    for (let i = 0, len = elements.length; i < len; i++)
-        (_b = (_a = elements[i]) === null || _a === void 0 ? void 0 : _a.remove) === null || _b === void 0 ? void 0 : _b.call(_a);
-};
-exports.removeElements = removeElements;
-const addElementClass = (id, className) => {
-    var _a, _b;
-    const element = document.getElementById(id);
-    (_b = (_a = element === null || element === void 0 ? void 0 : element.classList) === null || _a === void 0 ? void 0 : _a.add) === null || _b === void 0 ? void 0 : _b.call(_a, className);
-};
-exports.addElementClass = addElementClass;
-const removeElementClass = (id, className) => {
-    var _a, _b;
-    const element = document.getElementById(id);
-    (_b = (_a = element === null || element === void 0 ? void 0 : element.classList) === null || _a === void 0 ? void 0 : _a.remove) === null || _b === void 0 ? void 0 : _b.call(_a, className);
-};
-exports.removeElementClass = removeElementClass;
-const appendToBody = (rootElem) => document.body.appendChild(rootElem);
-exports.appendToBody = appendToBody;
-const addContainer = (id) => {
-    const toastContainer = document.getElementById(id);
-    if (!toastContainer)
-        (0, exports.appendToBody)((0, exports.addElement)(id));
-};
-exports.addContainer = addContainer;

package/dist/cjs/utils/react.d.ts

@@ -1,4 +1,4 @@
-import React, { DependencyList, ReactElement, RefObject } from 'react';
+import React, { DependencyList, RefObject } from 'react';
 import { AnyFunction, CreateContextOptions, CreateContextReturn } from './types';
 declare type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;
 /**
@@ -36,7 +36,5 @@ export declare function useIds(id: string, prefixes: string[]): string[];
  * Provides a function, which can be called to check if component using the hook is mounted or unmounted.
  */
 export declare function useIsMounted(): () => boolean;
-/** A resolver to render a DOM node depending on React major version. */
-export declare function reactDomRender(id: string, content: ReactElement): void;
 export {};
 //# sourceMappingURL=react.d.ts.map

package/dist/cjs/utils/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,YAAY,EACZ,SAAS,EAMV,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBjC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,QAQ/D"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EAMV,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBjC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B"}

package/dist/cjs/utils/react.js

@@ -23,13 +23,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.reactDomRender = exports.useIsMounted = exports.useIds = exports.useControlled = exports.useClickOutside = exports.useCallbackRef = exports.mergeRefs = exports.createContext = exports.assignRef = void 0;
+exports.useIsMounted = exports.useIds = exports.useControlled = exports.useClickOutside = exports.useCallbackRef = exports.mergeRefs = exports.createContext = exports.assignRef = void 0;
 const react_1 = __importStar(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
 const assertion_1 = require("./assertion");
 const function_1 = require("./function");
 /**
@@ -148,16 +144,3 @@ function useIsMounted() {
     return (0, react_1.useCallback)(() => isMounted.current, []);
 }
 exports.useIsMounted = useIsMounted;
-/** A resolver to render a DOM node depending on React major version. */
-function reactDomRender(id, content) {
-    const wrapper = document.getElementById(id);
-    if (!wrapper)
-        return;
-    try {
-        react_dom_1.default.render(content, wrapper);
-    }
-    catch (error) {
-        console.log(error);
-    }
-}
-exports.reactDomRender = reactDomRender;

package/dist/esm/core/vuiProvider/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const VuiContextProvider: import("react").Provider<any>, useVuiContext: () => any;
+export { VuiContextProvider, useVuiContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/esm/core/vuiProvider/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/context.ts"],"names":[],"mappings":";AAEA,QAAA,MAAO,kBAAkB,iCAAE,aAAa,WAA4C,CAAA;AAEpF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/core/vuiProvider/context.js

@@ -0,0 +1,3 @@
+import { createContext } from '../../utils';
+const [VuiContextProvider, useVuiContext] = createContext({ isOptional: true });
+export { VuiContextProvider, useVuiContext };

package/dist/esm/core/vuiProvider/index.d.ts

@@ -1,4 +1,5 @@
 export * from './animations';
+export * from './context';
 export { default as fontFaces } from './fontFaces';
 export { default as GlobalStyle } from './globalStyle';
 export { default as ResetCSS } from './resetCSS';

package/dist/esm/core/vuiProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/esm/core/vuiProvider/index.js

@@ -1,4 +1,5 @@
 export * from './animations';
+export * from './context';
 export { default as fontFaces } from './fontFaces';
 export { default as GlobalStyle } from './globalStyle';
 export { default as ResetCSS } from './resetCSS';

package/dist/esm/core/vuiProvider/reducers.d.ts

@@ -0,0 +1,11 @@
+import { ToastListItem } from '../../toast/toast.types';
+export declare const toastsReducer: (state: {
+    list: ToastListItem[];
+}, action: {
+    type: 'add' | 'remove';
+    toast: ToastListItem;
+}) => {
+    list: ToastListItem[];
+};
+export declare const genericReducer: (state: any, action: any) => any;
+//# sourceMappingURL=reducers.d.ts.map

package/dist/esm/core/vuiProvider/reducers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducers.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/reducers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,eAAO,MAAM,aAAa,UACjB;IAAE,IAAI,EAAE,aAAa,EAAE,CAAA;CAAE,UACxB;IAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE;;CAazD,CAAA;AAED,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,QAAqB,CAAA"}

package/dist/esm/core/vuiProvider/reducers.js

@@ -0,0 +1,14 @@
+export const toastsReducer = (state, action) => {
+    switch (action.type) {
+        case 'add': {
+            return { list: [action.toast, ...state.list] };
+        }
+        case 'remove': {
+            return { list: state.list.filter(t => t.id !== action.toast.id) };
+        }
+        default: {
+            throw new Error(`Unhandled action type: ${action.type}`);
+        }
+    }
+};
+export const genericReducer = (state, action) => (state = action);

package/dist/esm/core/vuiProvider/vuiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAqB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,aAAK,gBAAgB,GAAG;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,CAAA;AAED,oGAAoG;AACpG,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CAepD,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAM7C,OAAqB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAMvC,aAAK,gBAAgB,GAAG;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,CAAA;AAED,oGAAoG;AACpG,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CA+BpD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/esm/core/vuiProvider/vuiProvider.js

@@ -1,16 +1,31 @@
-import React from 'react';
+import React, { useReducer } from 'react';
 import { ThemeProvider } from 'styled-components';
 import ModalStyle from '../../modal/modalStyle';
 import PopoverStyle from '../../popover/popoverStyle';
+import { Portal } from '../../portal';
 import defaultTheme from '../../theme';
+import { Toaster } from '../../toast';
+import { VuiContextProvider } from './context';
 import GlobalStyle from './globalStyle';
+import { genericReducer, toastsReducer } from './reducers';
 import ResetCSS from './resetCSS';
 /** Provides theme to all wrapped components and by default includes CSS reset and global styles. */
-const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = defaultTheme }) => (React.createElement(ThemeProvider, { theme: theme },
-    React.createElement(React.Fragment, null,
-        resetCSS && React.createElement(ResetCSS, null),
-        React.createElement(GlobalStyle, { globalStyle: globalStyle }),
-        React.createElement(ModalStyle, null),
-        React.createElement(PopoverStyle, null),
-        children)));
+const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = defaultTheme }) => {
+    const [toasts, toastsDispatch] = useReducer(toastsReducer, { list: [] });
+    const [portalSlot, setPortalSlot] = useReducer(genericReducer, null);
+    const addToast = (toast) => toastsDispatch({ type: 'add', toast });
+    const removeToast = (id) => toastsDispatch({ type: 'remove', toast: { id } });
+    const context = { toasts, addToast, removeToast, setPortalSlot };
+    return (React.createElement(VuiContextProvider, { value: context },
+        React.createElement(ThemeProvider, { theme: theme },
+            React.createElement(React.Fragment, null,
+                resetCSS && React.createElement(ResetCSS, null),
+                React.createElement(GlobalStyle, { globalStyle: globalStyle }),
+                React.createElement(ModalStyle, null),
+                React.createElement(PopoverStyle, null),
+                children,
+                React.createElement(Portal, null,
+                    portalSlot,
+                    React.createElement(Toaster, null))))));
+};
 export default VuiProvider;

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

@@ -11,6 +11,5 @@ export * from './dialogHeader';
 export * from './dialogIcon';
 export * from './dialogSubmitButton';
 export * from './dialogTitle';
-export * from './showConfirm';
-export * from './showPrompt';
+export * from './useDialog';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"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;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
+{"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;AAC7B,cAAc,aAAa,CAAA"}