@veracity/vui 1.4.0 → 1.5.0-beta.0

package/dist/cjs/accordion/accordion.d.ts

@@ -0,0 +1,6 @@
+import { AccordionProps } from './accordion.types';
+export declare const AccordionBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/** [BETA] Allows to show and hide sections of related content on a page. */
+export declare const Accordion: import("../core").VuiComponent<"div", AccordionProps>;
+export default Accordion;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGtE,eAAO,MAAM,aAAa,+HAIzB,CAAA;AAED,4EAA4E;AAC5E,eAAO,MAAM,SAAS,uDAepB,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/cjs/accordion/accordion.js

@@ -0,0 +1,39 @@
+"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.Accordion = exports.AccordionBase = void 0;
+const react_1 = __importDefault(require("react"));
+const core_1 = require("../core");
+const list_1 = __importDefault(require("../list"));
+const utils_1 = require("../utils");
+const accordionItem_1 = __importDefault(require("./accordionItem"));
+exports.AccordionBase = core_1.styled.divBox `
+  display: flex;
+  min-width: 0;
+  transition-duration: normal;
+`;
+/** [BETA] Allows to show and hide sections of related content on a page. */
+exports.Accordion = (0, core_1.vui)((props, ref) => {
+    var _a;
+    const _b = (0, core_1.omitThemingProps)(props), { className, children, items } = _b, rest = __rest(_b, ["className", "children", "items"]);
+    const styles = (0, core_1.useStyleConfig)('Accordion', props);
+    const aliasedProps = (0, utils_1.filterUndefined)({});
+    return (react_1.default.createElement(exports.AccordionBase, Object.assign({ className: (0, utils_1.cs)('vui-accordion', className), ref: ref }, styles, aliasedProps, rest),
+        react_1.default.createElement(list_1.default, { w: "100%" }, items
+            ? (_a = items === null || items === void 0 ? void 0 : items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item, key) => react_1.default.createElement(accordionItem_1.default, Object.assign({ key: key }, item)))
+            : children)));
+});
+exports.default = exports.Accordion;

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ListItemProps } from '../list';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export declare type AccordionProps = SystemProps & ThemingProps<'Accordion'> & {
+    items?: AccordionItemProps[];
+};
+export declare type AccordionItemId = string | number;
+export declare type AccordionOnToggleEvent = {
+    id: AccordionItemId;
+    collapsed: boolean;
+};
+export declare type AccordionItemProps = ListItemProps & {
+    id: AccordionItemId;
+    className?: string;
+    children?: ReactNode;
+    content?: ReactNode;
+    collapsed?: boolean;
+    title?: string;
+    onToggle?: (event: AccordionOnToggleEvent) => void;
+};
+export declare type AccordionItemArrowProps = {
+    collapsed?: boolean;
+};
+//# sourceMappingURL=accordion.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAEH,oBAAY,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,oBAAY,kBAAkB,GAAG,aAAa,GAAG;IAE/C,EAAE,EAAE,eAAe,CAAA;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,OAAO,CAAC,EAAE,SAAS,CAAA;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oBAAY,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}

package/dist/cjs/accordion/accordion.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/accordion/accordionItem.d.ts

@@ -0,0 +1,5 @@
+import { AccordionItemProps } from './accordion.types';
+/** An accordion item. */
+export declare const AccordionItem: (props: AccordionItemProps) => JSX.Element;
+export default AccordionItem;
+//# sourceMappingURL=accordionItem.d.ts.map

package/dist/cjs/accordion/accordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAGtD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBA8CtD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/cjs/accordion/accordionItem.js

@@ -0,0 +1,68 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionItem = void 0;
+const react_1 = __importStar(require("react"));
+const box_1 = require("../box");
+const core_1 = require("../core");
+const list_1 = require("../list");
+const utils_1 = require("../utils");
+const accordionItemArrow_1 = __importDefault(require("./accordionItemArrow"));
+/** An accordion item. */
+const AccordionItem = (props) => {
+    const _a = (0, core_1.omitThemingProps)(props), { className, children, id, content, disabled, title, collapsed, onToggle } = _a, rest = __rest(_a, ["className", "children", "id", "content", "disabled", "title", "collapsed", "onToggle"]);
+    const [collapsedInternal, setIsCollapsedInternal] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setIsCollapsedInternal(!!collapsed);
+    }, [collapsed]);
+    const toggle = () => {
+        if (!disabled) {
+            onToggle === null || onToggle === void 0 ? void 0 : onToggle({ id, collapsed: !collapsedInternal });
+            setIsCollapsedInternal(!collapsedInternal);
+        }
+    };
+    return (react_1.default.createElement(list_1.ListItem, Object.assign({ borderBottom: "1px solid grey.40", className: (0, utils_1.cs)('vui-accordion-item', className), disabled: disabled, flexDirection: "column", h: "auto", hoverBg: "blue.10", id: `${id}`, w: "100%" }, rest),
+        react_1.default.createElement(box_1.Box, { cursor: disabled ? 'not-allowed' : 'pointer', justifyContent: "space-between", onClick: toggle, py: 2, w: "100%" },
+            react_1.default.createElement(box_1.Box, { fontWeight: "500 " }, title),
+            react_1.default.createElement(box_1.Box, null,
+                react_1.default.createElement(accordionItemArrow_1.default, { collapsed: collapsedInternal }))),
+        !collapsedInternal && (react_1.default.createElement(box_1.Box, { mb: 2, mt: 2, w: "100%" }, children !== null && children !== void 0 ? children : content))));
+};
+exports.AccordionItem = AccordionItem;
+exports.default = exports.AccordionItem;

package/dist/cjs/accordion/accordionItemArrow.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AccordionItemArrowProps } from './accordion.types';
+declare const _default: React.MemoExoticComponent<(props: AccordionItemArrowProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=accordionItemArrow.d.ts.map

package/dist/cjs/accordion/accordionItemArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionItemArrow.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;;AAO3D,wBAA6C"}

package/dist/cjs/accordion/accordionItemArrow.js

@@ -0,0 +1,12 @@
+"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 icon_1 = __importDefault(require("../icon"));
+const AccordionItemArrow = (props) => {
+    const { collapsed } = props;
+    return react_1.default.createElement(icon_1.default, { name: collapsed ? 'falChevronDown' : 'falChevronUp', size: "xs" });
+};
+exports.default = react_1.default.memo(AccordionItemArrow);

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

@@ -0,0 +1,5 @@
+export * from './accordion';
+export * from './accordionItem';
+export { default } from './accordion';
+export * from './accordion.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,cAAc,mBAAmB,CAAA"}

package/dist/cjs/accordion/index.js

@@ -0,0 +1,25 @@
+"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.default = void 0;
+__exportStar(require("./accordion"), exports);
+__exportStar(require("./accordionItem"), exports);
+var accordion_1 = require("./accordion");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(accordion_1).default; } });
+__exportStar(require("./accordion.types"), exports);

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

@@ -0,0 +1,8 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {};
+    sizes: {};
+    variants: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

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

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

package/dist/cjs/accordion/theme.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const baseStyle = {};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/cjs/index.d.ts

@@ -1,3 +1,4 @@
+export * from './accordion';
 export * from './avatar';
 export * from './box';
 export * from './button';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/cjs/index.js

@@ -14,6 +14,7 @@ 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("./accordion"), exports);
 __exportStar(require("./avatar"), exports);
 __exportStar(require("./box"), exports);
 __exportStar(require("./button"), exports);

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

@@ -1,4 +1,10 @@
 declare const _default: {
+    Accordion: {
+        baseStyle: {};
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
     Avatar: {
         baseStyle: {};
         defaultProps: {

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,wBAoCC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,wBAqCC"}

package/dist/cjs/theme/components.js

@@ -3,75 +3,77 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const theme_1 = __importDefault(require("../avatar/theme"));
-const theme_2 = __importDefault(require("../box/theme"));
-const theme_3 = __importDefault(require("../button/theme"));
-const theme_4 = __importDefault(require("../card/theme"));
-const theme_5 = __importDefault(require("../checkbox/theme"));
-const theme_6 = __importDefault(require("../dialog/theme"));
-const theme_7 = __importDefault(require("../divider/theme"));
-const theme_8 = __importDefault(require("../footer/theme"));
-const theme_9 = __importDefault(require("../grid/theme"));
-const theme_10 = __importDefault(require("../header/theme"));
-const theme_11 = __importDefault(require("../heading/theme"));
-const theme_12 = __importDefault(require("../icon/theme"));
-const theme_13 = __importDefault(require("../image/theme"));
-const theme_14 = __importDefault(require("../input/theme"));
-const theme_15 = __importDefault(require("../link/theme"));
-const theme_16 = __importDefault(require("../list/theme"));
-const theme_17 = __importDefault(require("../menu/theme"));
-const theme_18 = __importDefault(require("../message/theme"));
-const theme_19 = __importDefault(require("../modal/theme"));
-const theme_20 = __importDefault(require("../notification/theme"));
-const theme_21 = __importDefault(require("../p/theme"));
-const theme_22 = __importDefault(require("../pagination/theme"));
-const theme_23 = __importDefault(require("../panel/theme"));
-const theme_24 = __importDefault(require("../popover/theme"));
-const theme_25 = __importDefault(require("../progress/theme"));
-const theme_26 = __importDefault(require("../radio/theme"));
-const theme_27 = __importDefault(require("../select/theme"));
-const theme_28 = __importDefault(require("../skeleton/theme"));
-const theme_29 = __importDefault(require("../spinner/theme"));
-const theme_30 = __importDefault(require("../switch/theme"));
-const theme_31 = __importDefault(require("../t/theme"));
-const theme_32 = __importDefault(require("../table/theme"));
-const theme_33 = __importDefault(require("../tabs/theme"));
-const theme_34 = __importDefault(require("../tag/theme"));
-const theme_35 = __importDefault(require("../textarea/theme"));
+const theme_1 = __importDefault(require("../accordion/theme"));
+const theme_2 = __importDefault(require("../avatar/theme"));
+const theme_3 = __importDefault(require("../box/theme"));
+const theme_4 = __importDefault(require("../button/theme"));
+const theme_5 = __importDefault(require("../card/theme"));
+const theme_6 = __importDefault(require("../checkbox/theme"));
+const theme_7 = __importDefault(require("../dialog/theme"));
+const theme_8 = __importDefault(require("../divider/theme"));
+const theme_9 = __importDefault(require("../footer/theme"));
+const theme_10 = __importDefault(require("../grid/theme"));
+const theme_11 = __importDefault(require("../header/theme"));
+const theme_12 = __importDefault(require("../heading/theme"));
+const theme_13 = __importDefault(require("../icon/theme"));
+const theme_14 = __importDefault(require("../image/theme"));
+const theme_15 = __importDefault(require("../input/theme"));
+const theme_16 = __importDefault(require("../link/theme"));
+const theme_17 = __importDefault(require("../list/theme"));
+const theme_18 = __importDefault(require("../menu/theme"));
+const theme_19 = __importDefault(require("../message/theme"));
+const theme_20 = __importDefault(require("../modal/theme"));
+const theme_21 = __importDefault(require("../notification/theme"));
+const theme_22 = __importDefault(require("../p/theme"));
+const theme_23 = __importDefault(require("../pagination/theme"));
+const theme_24 = __importDefault(require("../panel/theme"));
+const theme_25 = __importDefault(require("../popover/theme"));
+const theme_26 = __importDefault(require("../progress/theme"));
+const theme_27 = __importDefault(require("../radio/theme"));
+const theme_28 = __importDefault(require("../select/theme"));
+const theme_29 = __importDefault(require("../skeleton/theme"));
+const theme_30 = __importDefault(require("../spinner/theme"));
+const theme_31 = __importDefault(require("../switch/theme"));
+const theme_32 = __importDefault(require("../t/theme"));
+const theme_33 = __importDefault(require("../table/theme"));
+const theme_34 = __importDefault(require("../tabs/theme"));
+const theme_35 = __importDefault(require("../tag/theme"));
+const theme_36 = __importDefault(require("../textarea/theme"));
 exports.default = {
-    Avatar: theme_1.default,
-    Box: theme_2.default,
-    Button: theme_3.default,
-    Card: theme_4.default,
-    Checkbox: theme_5.default,
-    Dialog: theme_6.default,
-    Divider: theme_7.default,
-    Footer: theme_8.default,
-    Grid: theme_9.default,
-    Header: theme_10.default,
-    Heading: theme_11.default,
-    Icon: theme_12.default,
-    Image: theme_13.default,
-    Input: theme_14.default,
-    Link: theme_15.default,
-    List: theme_16.default,
-    Menu: theme_17.default,
-    Message: theme_18.default,
-    Modal: theme_19.default,
-    Notification: theme_20.default,
-    P: theme_21.default,
-    Pagination: theme_22.default,
-    Panel: theme_23.default,
-    Progress: theme_25.default,
-    Popover: theme_24.default,
-    Radio: theme_26.default,
-    Select: theme_27.default,
-    Skeleton: theme_28.default,
-    Spinner: theme_29.default,
-    Switch: theme_30.default,
-    T: theme_31.default,
-    Table: theme_32.default,
-    Tabs: theme_33.default,
-    Tag: theme_34.default,
-    Textarea: theme_35.default
+    Accordion: theme_1.default,
+    Avatar: theme_2.default,
+    Box: theme_3.default,
+    Button: theme_4.default,
+    Card: theme_5.default,
+    Checkbox: theme_6.default,
+    Dialog: theme_7.default,
+    Divider: theme_8.default,
+    Footer: theme_9.default,
+    Grid: theme_10.default,
+    Header: theme_11.default,
+    Heading: theme_12.default,
+    Icon: theme_13.default,
+    Image: theme_14.default,
+    Input: theme_15.default,
+    Link: theme_16.default,
+    List: theme_17.default,
+    Menu: theme_18.default,
+    Message: theme_19.default,
+    Modal: theme_20.default,
+    Notification: theme_21.default,
+    P: theme_22.default,
+    Pagination: theme_23.default,
+    Panel: theme_24.default,
+    Progress: theme_26.default,
+    Popover: theme_25.default,
+    Radio: theme_27.default,
+    Select: theme_28.default,
+    Skeleton: theme_29.default,
+    Spinner: theme_30.default,
+    Switch: theme_31.default,
+    T: theme_32.default,
+    Table: theme_33.default,
+    Tabs: theme_34.default,
+    Tag: theme_35.default,
+    Textarea: theme_36.default
 };

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

@@ -195,6 +195,12 @@ declare const defaultTheme: {
         tooltip: number;
     };
     components: {
+        Accordion: {
+            baseStyle: {};
+            defaultProps: {};
+            sizes: {};
+            variants: {};
+        };
         Avatar: {
             baseStyle: {};
             defaultProps: {

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

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

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

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

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

package/dist/cjs/toast/toast.js

@@ -3,13 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.toasterWidth = void 0;
 const react_1 = __importDefault(require("react"));
 const box_1 = require("../box");
 const core_1 = require("../core");
 const theme_1 = require("../theme");
+exports.toasterWidth = 420;
 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)))));
+    return (react_1.default.createElement(box_1.Box, { bottom: "1rem", display: "block", maxW: { md: exports.toasterWidth, sm: exports.toasterWidth, xs: '100%' }, minW: { md: exports.toasterWidth, sm: exports.toasterWidth, 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/toast.types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { NotificationProps } from '../notification';
+export declare type ToastDuration = 'fast' | 'slow' | 'sticky';
 export interface ToastListItem {
     id: string;
     component?: ReactNode;
@@ -10,7 +11,8 @@ export interface ToastSetup {
 }
 export interface ToastOptions extends NotificationProps {
     id?: string;
-    duration?: number;
+    duration?: ToastDuration;
+    /** @deprecated According to new UX requirements all toasts should be dismissible */
     dismissible?: boolean;
 }
 //# sourceMappingURL=toast.types.d.ts.map

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,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"}
+{"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,oBAAY,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtD,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,aAAa,CAAA;IACxB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

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

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

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

@@ -1 +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"}
+{"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,aAAa,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAEvE,eAAO,MAAM,eAAe,SAAS,CAAA;AACrC,eAAO,MAAM,iBAAiB,OAAO,CAAA;AACrC,eAAO,MAAM,iBAAiB,OAAO,CAAA;AAWrC,eAAO,MAAM,QAAQ;uDAKyB,IAAI;oBAFzB,MAAM;qBAoCL,SAAS,aAAY,aAAa;wBAE/B,SAAS,aAAY,aAAa;wBAElC,SAAS,aAAY,aAAa;sBAEpC,SAAS,aAAY,aAAa;wBAEhC,SAAS,aAAY,aAAa;CAI9D,CAAA"}

package/dist/cjs/toast/useToast.js

@@ -3,25 +3,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToast = void 0;
+exports.useToast = exports.slowToastDuration = exports.fastToastDuration = exports.defaultDuration = void 0;
 const react_1 = __importDefault(require("react"));
 const core_1 = require("../core");
 const notification_1 = require("../notification");
 const utils_1 = require("../utils");
+exports.defaultDuration = 'fast';
+exports.fastToastDuration = 4000;
+exports.slowToastDuration = 8000;
 const setup = {
     options: {
-        duration: 5000,
-        dismissible: true
+        duration: exports.defaultDuration
     },
     componentList: []
 };
+const getDurationTime = (duration) => (duration === 'fast' ? exports.fastToastDuration : exports.slowToastDuration);
 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 || {};
@@ -30,17 +32,17 @@ const useToast = () => {
         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 }))
+            component: (react_1.default.createElement(notification_1.Notification, { action: action, animation: "fadeDown", icon: icon, mt: { md: 1, sm: '4px', xs: '4px' }, onClose: onClose, shadow: 1, status: status, text: text, title: title, w: 1 }))
         };
         addToast(toast);
-        if (duration !== 0)
-            window.setTimeout(() => hideToast(id), duration);
+        if (duration && duration !== 'sticky')
+            window.setTimeout(() => hideToast(id), getDurationTime(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' });
+    const showInfo = (text, duration = exports.defaultDuration) => showToast({ text, status: 'info', duration });
+    const showSuccess = (text, duration = exports.defaultDuration) => showToast({ text, status: 'success', duration });
+    const showWarning = (text, duration = exports.defaultDuration) => showToast({ text, status: 'warning', duration });
+    const showError = (text, duration = exports.defaultDuration) => showToast({ text, status: 'error', duration });
+    const showLoading = (text, duration = exports.defaultDuration) => showToast({ text, status: 'loading', duration });
     return { showToast, hideToast, showInfo, showSuccess, showWarning, showError, showLoading };
 };
 exports.useToast = useToast;