@veracity/vui 2.30.0-beta.1 → 2.30.0-beta.2

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

@@ -742,6 +742,17 @@ declare const defaultTheme: {
             };
             parts: string[];
             sizes: {
+                xxs: {
+                    container: {
+                        borderRadius: string;
+                        fontSize: string;
+                        h: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                };
                 xs: {
                     container: {
                         borderRadius: string;
@@ -2673,6 +2684,115 @@ declare const defaultTheme: {
                 };
             };
         };
+        SidemenuV2: {
+            baseStyle: {
+                container: {
+                    display: string;
+                    flexDirection: string;
+                    overflow: string;
+                    transition: string;
+                };
+                content: {
+                    flex: number;
+                    overflowY: string;
+                    overflowX: string;
+                };
+                bottom: {
+                    flexShrink: number;
+                    borderTop: string;
+                    display: string;
+                    alignItems: string;
+                };
+                item: {
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    flexDirection: string;
+                    w: string;
+                    border: string;
+                    cursor: string;
+                    transition: string;
+                    textDecoration: string;
+                    outline: string;
+                    px: number;
+                    borderLeft: string;
+                };
+                sidemenuTop: {
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    padding: string;
+                    minHeight: string;
+                };
+                toggleButton: {
+                    baseHeight: number;
+                    basePadding: number;
+                    expandedPaddingMultiplier: number;
+                    collapsedWidth: string;
+                    expandedWidth: string;
+                    transition: string;
+                };
+            };
+            defaultProps: {
+                size: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {
+                sm: {
+                    toggleButton: {
+                        baseHeight: number;
+                        basePadding: number;
+                    };
+                };
+                md: {
+                    toggleButton: {
+                        baseHeight: number;
+                        basePadding: number;
+                    };
+                };
+                lg: {
+                    toggleButton: {
+                        baseHeight: number;
+                        basePadding: number;
+                    };
+                };
+            };
+            variants: {
+                light: {
+                    container: {
+                        bg: string;
+                    };
+                    toggleButton: {
+                        variant: string;
+                        hoverBg: string;
+                    };
+                    item: {
+                        color: string;
+                    };
+                };
+                dark: {
+                    container: {
+                        bg: string;
+                        color: string;
+                        boxShadow: string;
+                    };
+                    bottom: {
+                        borderTopColor: string;
+                    };
+                    sidemenuTop: {
+                        borderBottom: string;
+                        bg: string;
+                    };
+                    toggleButton: {
+                        variant: string;
+                    };
+                    item: {
+                        color: string;
+                    };
+                };
+            };
+        };
         Switch: {
             baseStyle: {
                 button: {

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/tutorial/index.d.ts

@@ -2,5 +2,4 @@ export * from './tutorial';
 export type * from './tutorial.types';
 export * from './tutorialCard';
 export * from './tutorialStep';
-export * from './useTutorial';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tutorial/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,mBAAmB,kBAAkB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tutorial/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,mBAAmB,kBAAkB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/dist/cjs/tutorial/index.js

@@ -17,5 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./tutorial"), exports);
 __exportStar(require("./tutorialCard"), exports);
 __exportStar(require("./tutorialStep"), exports);
-__exportStar(require("./useTutorial"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/tutorial/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tutorial/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAE1B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tutorial/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAE1B,iDAA8B;AAC9B,iDAA8B"}

package/dist/cjs/tutorial/tutorial.d.ts

@@ -1,6 +1,6 @@
 import type { TutorialProps } from './tutorial.types';
 /** Popover Tutorial is used to display information about a new, or existing feature. */
-export declare function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, id, placement, showSkipButton, }: TutorialProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, placement, showSkipButton, isVisible, includeFinalPage, useContentTitle, }: TutorialProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Tutorial {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIjE,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,SAAmB,EACnB,cAAc,GACf,EAAE,aAAa,2CAwCf;yBApDe,QAAQ"}
+{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGjE,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAmB,EACnB,cAAc,EACd,SAAgB,EAChB,gBAAuB,EACvB,eAAuB,GACxB,EAAE,aAAa,2CAsCf;yBApDe,QAAQ"}

package/dist/cjs/tutorial/tutorial.js

@@ -8,19 +8,15 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("@tippyjs/react"));
 const utils_1 = require("../utils");
 const tutorialCard_1 = require("./tutorialCard");
-const useTutorial_1 = require("./useTutorial");
 /** Popover Tutorial is used to display information about a new, or existing feature. */
-function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, id, placement = 'right', showSkipButton, }) {
-    const { isVisible, setIsVisible, saveDisplayed } = (0, useTutorial_1.useTutorial)(id);
+function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, placement = 'right', showSkipButton, isVisible = true, includeFinalPage = true, useContentTitle = false, }) {
     const onClose = (e) => {
-        setIsVisible(false);
         if (e === 'dismissed')
             onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
         if (e === 'finished')
             onFinish === null || onFinish === void 0 ? void 0 : onFinish();
-        saveDisplayed(e);
     };
-    return ((0, jsx_runtime_1.jsx)(react_1.default, { content: (0, jsx_runtime_1.jsx)(tutorialCard_1.TutorialCard, { actionLabel: actionLabel, className: (0, utils_1.cs)('vui-tutorial', className), onAction: onAction, onDismiss: () => onClose('dismissed'), onFinish: () => onClose('finished'), showSkipButton: showSkipButton, steps: steps, title: title }), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
+    return ((0, jsx_runtime_1.jsx)(react_1.default, { content: (0, jsx_runtime_1.jsx)(tutorialCard_1.TutorialCard, { actionLabel: actionLabel, className: (0, utils_1.cs)('vui-tutorial', className), onAction: onAction, onDismiss: () => onClose('dismissed'), onFinish: () => onClose('finished'), showSkipButton: showSkipButton, steps: steps, title: title, includeFinalPage: includeFinalPage, useContentTitle: useContentTitle }), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
             modifiers: [
                 {
                     name: 'flip',

package/dist/cjs/tutorial/tutorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorial.js","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":";;;;;AASA,4BAoDC;;AA7DD,2DAAkC;AAGlC,oCAA6B;AAE7B,iDAA6C;AAC7C,+CAA2C;AAE3C,wFAAwF;AACxF,SAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,SAAS,GAAG,OAAO,EACnB,cAAc,GACA;IACd,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAW,EAAC,EAAE,CAAC,CAAA;IAElE,MAAM,OAAO,GAAG,CAAC,CAAa,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,IAAI,CAAC,KAAK,WAAW;YAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;QACpC,IAAI,CAAC,KAAK,UAAU;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;QAClC,aAAa,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,eAAK,IACJ,OAAO,EACL,uBAAC,2BAAY,IACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EACnC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,EAEJ,WAAW,QACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,KAAK;iBACf;aACF;SACF,EACD,OAAO,EAAE,SAAS,YAEjB,QAA8E,GACzE,CACT,CAAA;AACH,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"tutorial.js","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":";;;;;AAQA,4BAoDC;;AA5DD,2DAAkC;AAGlC,oCAA6B;AAE7B,iDAA6C;AAE7C,wFAAwF;AACxF,SAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,GAAG,OAAO,EACnB,cAAc,EACd,SAAS,GAAG,IAAI,EAChB,gBAAgB,GAAG,IAAI,EACvB,eAAe,GAAG,KAAK,GACT;IACd,MAAM,OAAO,GAAG,CAAC,CAAa,EAAE,EAAE;QAChC,IAAI,CAAC,KAAK,WAAW;YAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;QACpC,IAAI,CAAC,KAAK,UAAU;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,eAAK,IACJ,OAAO,EACL,uBAAC,2BAAY,IACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EACnC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAChC,EAEJ,WAAW,QACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,KAAK;iBACf;aACF;SACF,EACD,OAAO,EAAE,SAAS,YAEjB,QAA8E,GACzE,CACT,CAAA;AACH,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

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

@@ -4,7 +4,7 @@ export type TutorialDataStep = {
     /** title of step */
     title: string;
     /** Content */
-    content?: string;
+    content?: string | React.ReactNode;
     /** Link to page where they can read more */
     readMoreLink?: string;
 };
@@ -33,6 +33,12 @@ export type TutorialProps = {
     title: string;
     /** Link to page where they can read more */
     readMoreLink?: string;
+    /** Decides if should show or hide tooltip  */
+    isVisible?: boolean;
+    /** Should include last thank you page  */
+    includeFinalPage?: boolean;
+    /** Should use dynamic header based on content  */
+    useContentTitle?: boolean;
 };
 export type TutorialCardProps = {
     /** Label for the action button @default `Action` */
@@ -53,6 +59,10 @@ export type TutorialCardProps = {
     readMoreLink?: string;
     /** Show the Skip button */
     showSkipButton?: boolean;
+    /** Include the final page */
+    includeFinalPage?: boolean;
+    /** Should use dynamic header based on content  */
+    useContentTitle?: boolean;
 };
 export type TutorialStepProps = {
     /** If the step is active or not */
@@ -60,9 +70,11 @@ export type TutorialStepProps = {
     /** Title of step */
     title: string;
     /** Step content */
-    content?: string;
+    content?: string | React.ReactNode;
     /** Link to page where user can read more */
     readMoreLink?: string;
+    /** Should use dynamic header based on content  */
+    useContentTitle?: boolean;
 };
 export type TutorialStepWrapper = {
     key: number;

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

@@ -1 +1 @@
-{"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAClC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAClC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA"}

package/dist/cjs/tutorial/tutorialCard.d.ts

@@ -1,5 +1,5 @@
 import type { TutorialCardProps } from './tutorial.types';
-export declare function TutorialCard({ actionLabel, className, title, readMoreLink, steps: propsSteps, showSkipButton, onAction, onDismiss, onFinish, }: TutorialCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function TutorialCard({ actionLabel, className, title, readMoreLink, steps: propsSteps, showSkipButton, onAction, onDismiss, onFinish, includeFinalPage, useContentTitle, }: TutorialCardProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TutorialCard {
     var displayName: string;
 }

package/dist/cjs/tutorial/tutorialCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAGhG,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,2CAwHnB;yBAlIe,YAAY"}
+{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAGhG,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,eAAe,GAChB,EAAE,iBAAiB,2CAyHnB;yBArIe,YAAY"}

package/dist/cjs/tutorial/tutorialCard.js

@@ -6,8 +6,8 @@ const react_1 = require("react");
 const index_1 = require("../index");
 const consts_1 = require("./consts");
 const tutorialStep_1 = require("./tutorialStep");
-function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink, steps: propsSteps = [], showSkipButton, onAction, onDismiss, onFinish, }) {
-    var _a, _b;
+function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink, steps: propsSteps = [], showSkipButton, onAction, onDismiss, onFinish, includeFinalPage, useContentTitle, }) {
+    var _a, _b, _c, _d;
     const [steps, setSteps] = (0, react_1.useState)([]);
     const [activeStep, setActiveStep] = (0, react_1.useState)(0);
     (0, react_1.useEffect)(() => {
@@ -19,12 +19,12 @@ function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink,
             };
             if (readMoreLink)
                 finalStep.readMoreLink = readMoreLink;
-            setSteps([...s, { step: finalStep, key: propsSteps.length }]);
+            includeFinalPage ? setSteps([...s, { step: finalStep, key: propsSteps.length }]) : setSteps([...s]);
         }
     }, [title, propsSteps]);
     const isStartStep = activeStep === 0;
-    const isFinalStep = activeStep === propsSteps.length;
-    return ((0, jsx_runtime_1.jsxs)(index_1.Card, { bg: consts_1.tutorialColors.bg, className: className, color: consts_1.tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' }, children: [(0, jsx_runtime_1.jsx)(index_1.H4, { color: consts_1.tutorialColors.color, children: title }), !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "close", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))] }), (0, jsx_runtime_1.jsx)(index_1.Box, { flex: 5, row: true, children: (_a = steps === null || steps === void 0 ? void 0 : steps.map) === null || _a === void 0 ? void 0 : _a.call(steps, s => ((0, jsx_runtime_1.jsx)(tutorialStep_1.TutorialStep, { active: s.key === activeStep, content: s.step.content, readMoreLink: s.step.readMoreLink, title: s.step.title }, s.step.title))) }), (0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", mt: 0, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available", children: [(0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "previous", color: consts_1.tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }), (0, jsx_runtime_1.jsx)(index_1.Box, { className: "vuiTutorialStepDots", children: (_b = steps === null || steps === void 0 ? void 0 : steps.map) === null || _b === void 0 ? void 0 : _b.call(steps, s => ((0, jsx_runtime_1.jsx)(index_1.Icon, { color: s.key === activeStep ? consts_1.tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: consts_1.tutorialColors.buttonColor, name: "cusDotFull", onClick: () => setActiveStep(s.key) }, s.key))) }), (0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "next", color: consts_1.tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })] }), (showSkipButton || isFinalStep || !!onAction) && ((0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", children: [showSkipButton && !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 2, onClick: onDismiss, variant: "primaryLight", children: "Skip" })), isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 2, onClick: onFinish, variant: "primaryLight", children: "Finish" })), !!onAction && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 9, onClick: onAction, variant: "primaryLight", children: actionLabel }))] }))] })] }));
+    const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1;
+    return ((0, jsx_runtime_1.jsxs)(index_1.Card, { bg: consts_1.tutorialColors.bg, className: className, color: consts_1.tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' }, children: [(0, jsx_runtime_1.jsx)(index_1.H4, { color: consts_1.tutorialColors.color, children: useContentTitle ? (_b = (_a = steps[activeStep]) === null || _a === void 0 ? void 0 : _a.step) === null || _b === void 0 ? void 0 : _b.title : title }), !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "close", icon: "uiTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))] }), (0, jsx_runtime_1.jsx)(index_1.Box, { flex: 5, row: true, children: (_c = steps === null || steps === void 0 ? void 0 : steps.map) === null || _c === void 0 ? void 0 : _c.call(steps, s => ((0, jsx_runtime_1.jsx)(tutorialStep_1.TutorialStep, { active: s.key === activeStep, content: s.step.content, readMoreLink: s.step.readMoreLink, title: s.step.title, useContentTitle: useContentTitle }, s.step.title))) }), (0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", mt: 0, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available", children: [(0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "previous", color: consts_1.tutorialColors.buttonColor, disabled: isStartStep, icon: "uiArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }), (0, jsx_runtime_1.jsx)(index_1.Box, { className: "vuiTutorialStepDots", children: (_d = steps === null || steps === void 0 ? void 0 : steps.map) === null || _d === void 0 ? void 0 : _d.call(steps, s => ((0, jsx_runtime_1.jsx)(index_1.Icon, { color: s.key === activeStep ? consts_1.tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: consts_1.tutorialColors.buttonColor, name: "uiDotFull", onClick: () => setActiveStep(s.key) }, s.key))) }), (0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "next", color: consts_1.tutorialColors.buttonColor, disabled: isFinalStep, icon: "uiArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })] }), (showSkipButton || isFinalStep || !!onAction) && ((0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", children: [showSkipButton && !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mx: 1, onClick: onDismiss, variant: "secondaryLight", children: "Skip" })), isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mx: 1, onClick: onFinish, variant: "primaryLight", children: "I got it" })), !!onAction && ((0, jsx_runtime_1.jsx)(index_1.Button, { ml: 1, mr: showSkipButton || isFinalStep ? 12 : 2, onClick: onAction, variant: "primaryLight", children: actionLabel }))] }))] })] }));
 }
 TutorialCard.displayName = 'TutorialCard';
 //# sourceMappingURL=tutorialCard.js.map

package/dist/cjs/tutorial/tutorialCard.js.map

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

package/dist/cjs/tutorial/tutorialStep.d.ts

@@ -1,6 +1,6 @@
 import type { TutorialStepProps } from './tutorial.types';
 export declare const TutorialStep: {
-    ({ active, content, title }: TutorialStepProps): import("react/jsx-runtime").JSX.Element;
+    ({ active, content, title, useContentTitle }: TutorialStepProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=tutorialStep.d.ts.map

package/dist/cjs/tutorial/tutorialStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,eAAO,MAAM,YAAY;iCAAgC,iBAAiB;;CAOzE,CAAA"}
+{"version":3,"file":"tutorialStep.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,eAAO,MAAM,YAAY;kDAAiD,iBAAiB;;CAS1F,CAAA"}

package/dist/cjs/tutorial/tutorialStep.js

@@ -4,7 +4,7 @@ exports.TutorialStep = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../index");
 const consts_1 = require("./consts");
-const TutorialStep = ({ active, content, title }) => ((0, jsx_runtime_1.jsxs)(index_1.v.div, { className: "vui-tutorialStep", hidden: !active, pb: 2, children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: consts_1.tutorialColors.color, fontWeight: "medium", mb: 1, children: title }), (0, jsx_runtime_1.jsx)(index_1.Box, { children: content })] }));
+const TutorialStep = ({ active, content, title, useContentTitle }) => ((0, jsx_runtime_1.jsxs)(index_1.v.div, { className: "vui-tutorialStep", hidden: !active, pb: 2, children: [!useContentTitle && ((0, jsx_runtime_1.jsx)(index_1.H5, { color: consts_1.tutorialColors.color, fontWeight: "medium", mb: 1, children: title })), (0, jsx_runtime_1.jsx)(index_1.Box, { children: content })] }));
 exports.TutorialStep = TutorialStep;
 exports.TutorialStep.displayName = 'TutorialStep';
 //# sourceMappingURL=tutorialStep.js.map

package/dist/cjs/tutorial/tutorialStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.js","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":";;;;AAAA,oCAAqC;AACrC,qCAAyC;AAGlC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAqB,EAAE,EAAE,CAAC,CAC7E,wBAAC,SAAC,CAAC,GAAG,IAAC,SAAS,EAAC,kBAAkB,EAAC,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,aACxD,uBAAC,UAAE,IAAC,KAAK,EAAE,uBAAc,CAAC,KAAK,EAAE,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YACvD,KAAK,GACH,EACL,uBAAC,WAAG,cAAE,OAAO,GAAO,IACd,CACT,CAAA;AAPY,QAAA,YAAY,gBAOxB;AAED,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"tutorialStep.js","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":";;;;AAAA,oCAAqC;AACrC,qCAAyC;AAGlC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAqB,EAAE,EAAE,CAAC,CAC9F,wBAAC,SAAC,CAAC,GAAG,IAAC,SAAS,EAAC,kBAAkB,EAAC,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,aACvD,CAAC,eAAe,IAAI,CACnB,uBAAC,UAAE,IAAC,KAAK,EAAE,uBAAc,CAAC,KAAK,EAAE,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YACvD,KAAK,GACH,CACN,EACD,uBAAC,WAAG,cAAE,OAAO,GAAO,IACd,CACT,CAAA;AATY,QAAA,YAAY,gBASxB;AAED,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

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

@@ -8,6 +8,7 @@ export * from './function';
 export * from './number';
 export * from './object';
 export * from './react';
+export * from './string';
 export * from './styles';
 export type * from './types';
 export * from './uid';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,mBAAmB,SAAS,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,mBAAmB,SAAS,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA"}

package/dist/cjs/utils/index.js

@@ -24,6 +24,7 @@ __exportStar(require("./function"), exports);
 __exportStar(require("./number"), exports);
 __exportStar(require("./object"), exports);
 __exportStar(require("./react"), exports);
+__exportStar(require("./string"), exports);
 __exportStar(require("./styles"), exports);
 __exportStar(require("./uid"), exports);
 __exportStar(require("./window"), exports);

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B;AAC3B,2CAAwB;AACxB,0CAAuB;AACvB,wCAAqB;AACrB,+CAA4B;AAC5B,6CAA0B;AAC1B,2CAAwB;AACxB,2CAAwB;AACxB,0CAAuB;AACvB,2CAAwB;AAExB,wCAAqB;AACrB,2CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B;AAC3B,2CAAwB;AACxB,0CAAuB;AACvB,wCAAqB;AACrB,+CAA4B;AAC5B,6CAA0B;AAC1B,2CAAwB;AACxB,2CAAwB;AACxB,0CAAuB;AACvB,2CAAwB;AACxB,2CAAwB;AAExB,wCAAqB;AACrB,2CAAwB"}

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

@@ -0,0 +1,13 @@
+/**
+ * Normalizes a string to be used as an identifier
+ * - Converts to lowercase
+ * - Replaces spaces and special characters with hyphens
+ * - Removes consecutive hyphens
+ * - Trims leading/trailing hyphens
+ */
+export declare const normalizeToId: (str: string) => string;
+/**
+ * Generates a menu item ID from title and level
+ */
+export declare const generateMenuItemId: (title: string, level?: number) => string;
+//# sourceMappingURL=string.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../../src/utils/string.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,MAO3C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,QAAO,MAAU,KAAG,MAGrE,CAAA"}

package/dist/cjs/utils/string.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateMenuItemId = exports.normalizeToId = void 0;
+/**
+ * Normalizes a string to be used as an identifier
+ * - Converts to lowercase
+ * - Replaces spaces and special characters with hyphens
+ * - Removes consecutive hyphens
+ * - Trims leading/trailing hyphens
+ */
+const normalizeToId = (str) => {
+    return str
+        .toLowerCase()
+        .replace(/\s+/g, '-') // Replace spaces with hyphens
+        .replace(/[^a-z0-9-]/g, '-') // Replace special characters with hyphens
+        .replace(/-+/g, '-') // Replace consecutive hyphens with single hyphen
+        .replace(/^-+|-+$/g, ''); // Remove leading and trailing hyphens
+};
+exports.normalizeToId = normalizeToId;
+/**
+ * Generates a menu item ID from title and level
+ */
+const generateMenuItemId = (title, level = 0) => {
+    const normalizedTitle = (0, exports.normalizeToId)(title);
+    return normalizedTitle ? `${normalizedTitle}-${level}` : `item-${level}`;
+};
+exports.generateMenuItemId = generateMenuItemId;
+//# sourceMappingURL=string.js.map

package/dist/cjs/utils/string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.js","sourceRoot":"","sources":["../../../src/utils/string.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACI,MAAM,aAAa,GAAG,CAAC,GAAW,EAAU,EAAE;IACnD,OAAO,GAAG;SACP,WAAW,EAAE;SACb,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,8BAA8B;SACnD,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,0CAA0C;SACtE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,iDAAiD;SACrE,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA,CAAC,sCAAsC;AACnE,CAAC,CAAA;AAPY,QAAA,aAAa,iBAOzB;AAED;;GAEG;AACI,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,QAAgB,CAAC,EAAU,EAAE;IAC7E,MAAM,eAAe,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAA;IAC5C,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAA;AAC1E,CAAC,CAAA;AAHY,QAAA,kBAAkB,sBAG9B"}

package/dist/esm/badge/theme.d.ts

@@ -7,6 +7,17 @@ declare const _default: {
     };
     parts: string[];
     sizes: {
+        xxs: {
+            container: {
+                borderRadius: string;
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+        };
         xs: {
             container: {
                 borderRadius: string;

package/dist/esm/badge/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/badge/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAmGE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCpB,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/badge/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8GE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCpB,wBAMC"}

package/dist/esm/badge/theme.js

@@ -6,6 +6,17 @@ const defaultProps = {
 };
 const parts = ['container', 'icon', 'text'];
 const sizes = {
+    xxs: {
+        container: {
+            borderRadius: 'lg',
+            fontSize: 'sm',
+            h: 16,
+            spaceX: 2,
+        },
+        icon: {
+            size: 'xs',
+        },
+    },
     xs: {
         container: {
             borderRadius: 'lg',

package/dist/esm/badge/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/badge/theme.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,iBAAiB;IAC1B,UAAU,EAAE,QAAQ;CACrB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAE3C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,SAAS,EAAE;YACT,YAAY,EAAE,IAAI;YAClB,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;YACL,MAAM,EAAE,CAAC;SACV;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;YACL,MAAM,EAAE,CAAC;SACV;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;YACL,MAAM,EAAE,CAAC;SACV;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;YACL,MAAM,EAAE,CAAC;SACV;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,eAAe,EAAE;QACf,SAAS,EAAE;YACT,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;YACrB,WAAW,EAAE,aAAa;SAC3B;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,UAAU;SAClB;KACF;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,cAAc;SACtB;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,SAAS,EAAE;QACT,SAAS,EAAE;YACT,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;SACtB;KACF;IACD,YAAY,EAAE;QACZ,SAAS,EAAE;YACT,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;SACtB;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;SACtB;KACF;IAED,kBAAkB;IAClB,SAAS,EAAE;QACT,SAAS,EAAE;YACT,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,YAAY;SACpB;KACF;IAED,aAAa,EAAE;QACb,SAAS,EAAE;YACT,EAAE,EAAE,aAAa;YACjB,WAAW,EAAE,aAAa;YAC1B,KAAK,EAAE,OAAO;SACf;KACF;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,OAAO;SACf;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;SACtB;KACF;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/badge/theme.ts"],"names":[],"mappings":"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"}

package/dist/esm/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAmJb,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG;IAC1C,IAAI,EAAE,OAAO,UAAU,CAAA;IACvB,IAAI,EAAE,OAAO,UAAU,CAAA;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAyBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAuBtB,CAAA;AAoJD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EA6Jb,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG;IAC1C,IAAI,EAAE,OAAO,UAAU,CAAA;IACvB,IAAI,EAAE,OAAO,UAAU,CAAA;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}