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

package/dist/esm/sidemenuV2/theme.js

@@ -0,0 +1,117 @@
+import { colors } from '../theme';
+const baseStyle = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+        transition: 'width 0.2s ease-in-out',
+    },
+    content: {
+        flex: 1,
+        overflowY: 'auto',
+        overflowX: 'hidden',
+    },
+    bottom: {
+        flexShrink: 0,
+        borderTop: `1px solid transparent`,
+        display: 'flex',
+        alignItems: 'center',
+    },
+    item: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'flex-start',
+        flexDirection: 'row',
+        w: '100%',
+        border: 'none',
+        cursor: 'pointer',
+        transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+        textDecoration: 'none',
+        outline: 'none',
+        px: 0,
+        borderLeft: '3px solid transparent',
+    },
+    sidemenuTop: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '12px 16px',
+        minHeight: '64px',
+    },
+    // Add toggle button configuration
+    toggleButton: {
+        baseHeight: 52,
+        basePadding: 2,
+        expandedPaddingMultiplier: 5,
+        collapsedWidth: '100%',
+        expandedWidth: '52px',
+        transition: 'padding 0.2s ease-in-out, width 0.2s ease-in-out',
+    },
+};
+const defaultProps = {
+    size: 'md',
+    variant: 'light',
+};
+const parts = ['container', 'content', 'bottom', 'toggleButton', 'item', 'sidemenuTop'];
+const sizes = {
+    sm: {
+        toggleButton: {
+            baseHeight: 44,
+            basePadding: 1.5,
+        },
+    },
+    md: {
+        toggleButton: {
+            baseHeight: 52,
+            basePadding: 2,
+        },
+    },
+    lg: {
+        toggleButton: {
+            baseHeight: 60,
+            basePadding: 2.5,
+        },
+    },
+};
+const variants = {
+    light: {
+        container: {
+            bg: 'white',
+        },
+        toggleButton: {
+            variant: 'tertiaryDark',
+            hoverBg: colors.sandstone[95],
+        },
+        item: {
+            color: colors.darkBlue.main,
+        },
+    },
+    dark: {
+        container: {
+            bg: 'darkBlue.main',
+            color: 'white',
+            boxShadow: '2px 0 4px rgba(0, 0, 0, 0.3)',
+        },
+        bottom: {
+            borderTopColor: 'rgba(255, 255, 255, 0.1)',
+        },
+        sidemenuTop: {
+            borderBottom: '1px solid rgba(255, 255, 255, 0.1)',
+            bg: 'darkBlue.main',
+        },
+        toggleButton: {
+            variant: 'tertiaryLight',
+        },
+        item: {
+            color: 'white',
+        },
+    },
+};
+export default {
+    baseStyle,
+    defaultProps,
+    parts,
+    sizes,
+    variants,
+};
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/sidemenuV2/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,SAAS,GAAG;IAChB,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,wBAAwB;KACrC;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,uBAAuB;QAClC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,YAAY;QAC5B,aAAa,EAAE,KAAK;QACpB,CAAC,EAAE,MAAM;QACT,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,uCAAuC;QACnD,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,MAAM;QACf,EAAE,EAAE,CAAC;QACL,UAAU,EAAE,uBAAuB;KACpC;IACD,WAAW,EAAE;QACX,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,MAAM;KAClB;IACD,kCAAkC;IAClC,YAAY,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,CAAC;QACd,yBAAyB,EAAE,CAAC;QAC5B,cAAc,EAAE,MAAM;QACtB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,kDAAkD;KAC/D;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,OAAO;CACjB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,CAAC,CAAA;AAEvF,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,YAAY,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,GAAG;SACjB;KACF;IACD,EAAE,EAAE;QACF,YAAY,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,CAAC;SACf;KACF;IACD,EAAE,EAAE;QACF,YAAY,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,GAAG;SACjB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE;QACL,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;SACZ;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;SAC9B;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;SAC5B;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,8BAA8B;SAC1C;QACD,MAAM,EAAE;YACN,cAAc,EAAE,0BAA0B;SAC3C;QACD,WAAW,EAAE;YACX,YAAY,EAAE,oCAAoC;YAClD,EAAE,EAAE,eAAe;SACpB;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,eAAe;SACzB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}

package/dist/esm/sidemenuV2/useSidemenuItem.d.ts

@@ -0,0 +1,10 @@
+declare const useSidemenuItem: (itemId?: string) => {
+    isDark: boolean;
+    size: string;
+    styles: import("..").Dict;
+    isMenuExpanded: boolean;
+    isSubmenuOpen: boolean;
+    toggleSubmenu: () => void;
+};
+export default useSidemenuItem;
+//# sourceMappingURL=useSidemenuItem.d.ts.map

package/dist/esm/sidemenuV2/useSidemenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenuV2/useSidemenuItem.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,eAAe,GAAI,SAAS,MAAM;;;;;;;CA+BvC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/esm/sidemenuV2/useSidemenuItem.js

@@ -0,0 +1,30 @@
+import { useMemo, useCallback } from 'react';
+import { useStyleConfig } from '../core';
+import { useSidemenuContext } from './context';
+const useSidemenuItem = (itemId) => {
+    const sidemenuContext = useSidemenuContext();
+    const styles = useStyleConfig('SidemenuV2', sidemenuContext);
+    const isSubmenuOpen = useMemo(() => {
+        return itemId ? (sidemenuContext?.submenuStates?.[itemId] ?? false) : false;
+    }, [itemId, sidemenuContext?.submenuStates]);
+    const handleToggleSubmenu = useCallback(() => {
+        if (itemId && sidemenuContext?.toggleSubmenu) {
+            sidemenuContext.toggleSubmenu(itemId);
+        }
+    }, [itemId, sidemenuContext?.toggleSubmenu]);
+    // Fallback values if context is missing
+    const isDark = sidemenuContext?.variant === 'dark';
+    const size = sidemenuContext?.size ?? 'lg';
+    const isMenuExpanded = sidemenuContext?.isMenuExpanded ?? true;
+    // Memoize the entire return object to prevent unnecessary re-renders
+    return useMemo(() => ({
+        isDark,
+        size,
+        styles,
+        isMenuExpanded,
+        isSubmenuOpen,
+        toggleSubmenu: handleToggleSubmenu,
+    }), [isDark, size, styles, isMenuExpanded, isSubmenuOpen, handleToggleSubmenu]);
+};
+export default useSidemenuItem;
+//# sourceMappingURL=useSidemenuItem.js.map

package/dist/esm/sidemenuV2/useSidemenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidemenuItem.js","sourceRoot":"","sources":["../../../src/sidemenuV2/useSidemenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,eAAe,GAAG,CAAC,MAAe,EAAE,EAAE;IAC1C,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,MAAM,GAAG,cAAc,CAAC,YAAY,EAAE,eAAe,CAAC,CAAA;IAE5D,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAC7E,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAA;IAE5C,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,MAAM,IAAI,eAAe,EAAE,aAAa,EAAE,CAAC;YAC7C,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAA;IAE5C,wCAAwC;IACxC,MAAM,MAAM,GAAG,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IAClD,MAAM,IAAI,GAAG,eAAe,EAAE,IAAI,IAAI,IAAI,CAAA;IAC1C,MAAM,cAAc,GAAG,eAAe,EAAE,cAAc,IAAI,IAAI,CAAA;IAE9D,qEAAqE;IACrE,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM;QACN,IAAI;QACJ,MAAM;QACN,cAAc;QACd,aAAa;QACb,aAAa,EAAE,mBAAmB;KACnC,CAAC,EACF,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/esm/table/tableSortIcon.js

@@ -9,7 +9,7 @@ export const TableSortIcon = vui((props, ref) => {
     const styles = useStyleConfig('Table', useTableContext());
     const rotate = order === 'asc' ? 180 : 0;
     const pathFill = order ? ['seaBlue.main', 'sandstone.main'] : 'sandstone.main';
-    return (_jsx(Icon, { className: cs('vui-tableSortIcon', className), name: "uiSortUp", pathFill: pathFill, ref: ref, rotate: rotate, size: "xs", ...styles.tableSortIcon, ...rest }));
+    return (_jsx(Icon, { className: cs('vui-tableSortIcon', className), name: "uiSort", pathFill: pathFill, ref: ref, rotate: rotate, size: "xs", ...styles.tableSortIcon, ...rest }));
 });
 TableSortIcon.displayName = 'TableSortIcon';
 export default TableSortIcon;

package/dist/esm/table/tableSortIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.js","sourceRoot":"","sources":["../../../src/table/tableSortIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,qEAAqE;AACrE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC3C,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAE9E,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAC7C,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,IAAI,KACL,MAAM,CAAC,aAAa,KACpB,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
+{"version":3,"file":"tableSortIcon.js","sourceRoot":"","sources":["../../../src/table/tableSortIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,qEAAqE;AACrE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC3C,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAE9E,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAC7C,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,IAAI,KACL,MAAM,CAAC,aAAa,KACpB,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}

package/dist/esm/table/th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"th.d.ts","sourceRoot":"","sources":["../../../src/table/th.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,0CAgEb,CAAA;AAIF,eAAe,EAAE,CAAA"}
+{"version":3,"file":"th.d.ts","sourceRoot":"","sources":["../../../src/table/th.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,0CAqEb,CAAA;AAIF,eAAe,EAAE,CAAA"}

package/dist/esm/table/th.js

@@ -12,15 +12,18 @@ export const ThBase = styled.thBox `
 /** Displays Table heading with support for sort. */
 export const Th = vui((props, ref) => {
     const { children, className, disabled, field, isInteractive: isInteractiveProp, isSortable, onClick: onClickProp, title, ...rest } = props;
-    const { onSortChange, sort } = useTableContext() ?? {};
-    const styles = useStyleConfig('Table', useTableContext());
+    // Always call hooks unconditionally
+    const tableContext = useTableContext();
+    const styles = useStyleConfig('Table', tableContext);
+    // Extract values after hook calls
+    const { onSortChange, sort } = tableContext || {};
     const handleClick = useCallbackRef((e) => {
         onClickProp?.(e);
-        if (isSortable && field) {
+        if (isSortable && field && onSortChange) {
             onSortChange(field);
         }
     });
-    const onClick = (onClickProp || isSortable) ? handleClick : undefined;
+    const onClick = onClickProp || isSortable ? handleClick : undefined;
     const isActive = !disabled && sort?.key === field;
     const sortOrder = isActive ? sort.order : undefined;
     const isInteractive = isInteractiveProp ?? onClick !== undefined;

package/dist/esm/table/th.js.map

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

package/dist/esm/tag/tagButton.js

@@ -8,7 +8,7 @@ export const TagButton = vui((props, ref) => {
     const { className, ...rest } = props;
     const mergedProps = { ...useTagContext(), ...props };
     const styles = useStyleConfig('Tag', useTagContext());
-    return (_jsx(Button, { borderColor: "transparent", className: cs('vui-tagButton', className), disabled: mergedProps.disabled, hoverBorderColor: "transparent", icon: "falTimes", mr: -0.5, ref: ref, variant: mergedProps.variant, ...styles.button, ...rest }));
+    return (_jsx(Button, { borderColor: "transparent", className: cs('vui-tagButton', className), disabled: mergedProps.disabled, hoverBorderColor: "transparent", icon: "uiTimes", mr: -0.5, ref: ref, variant: mergedProps.variant, ...styles.button, ...rest }));
 });
 TagButton.displayName = 'TagButton';
 export default TagButton;

package/dist/esm/tag/tagButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagButton.js","sourceRoot":"","sources":["../../../src/tag/tagButton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,wCAAwC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,aAAa,EAAE,EAAE,GAAG,KAAK,EAAE,CAAA;IACpD,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA;IAErD,OAAO,CACL,KAAC,MAAM,IACL,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EACzC,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,gBAAgB,EAAC,aAAa,EAC9B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,CAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,CAAC,OAAO,KACxB,MAAM,CAAC,MAAM,KACb,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
+{"version":3,"file":"tagButton.js","sourceRoot":"","sources":["../../../src/tag/tagButton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,wCAAwC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,aAAa,EAAE,EAAE,GAAG,KAAK,EAAE,CAAA;IACpD,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA;IAErD,OAAO,CACL,KAAC,MAAM,IACL,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EACzC,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,gBAAgB,EAAC,aAAa,EAC9B,IAAI,EAAC,SAAS,EACd,EAAE,EAAE,CAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,CAAC,OAAO,KACxB,MAAM,CAAC,MAAM,KACb,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}

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

@@ -233,6 +233,17 @@ declare const _default: {
         };
         parts: string[];
         sizes: {
+            xxs: {
+                container: {
+                    borderRadius: string;
+                    fontSize: string;
+                    h: number;
+                    spaceX: number;
+                };
+                icon: {
+                    size: string;
+                };
+            };
             xs: {
                 container: {
                     borderRadius: string;
@@ -2164,6 +2175,115 @@ declare const _default: {
             };
         };
     };
+    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/esm/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,wBAwDC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,wBAyDC"}

package/dist/esm/theme/components.js

@@ -40,6 +40,7 @@ import Range from '../range/theme';
 import Rating from '../rating/theme';
 import Select from '../select/theme';
 import Sidemenu from '../sidemenu/theme';
+import SidemenuV2 from '../sidemenuV2/theme';
 import Skeleton from '../skeleton/theme';
 import Spinner from '../spinner/theme';
 import StepIndicator from '../stepIndicator/theme';
@@ -105,6 +106,7 @@ export default {
     StepperHorizontal,
     StepperVertical,
     Spinner,
+    SidemenuV2,
     Switch,
     T,
     Table,

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

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/tutorial/index.js

@@ -1,5 +1,4 @@
 export * from './tutorial';
 export * from './tutorialCard';
 export * from './tutorialStep';
-export * from './useTutorial';
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/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/esm/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/esm/tutorial/tutorial.js

@@ -2,19 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Tippy from '@tippyjs/react';
 import { cs } from '../utils';
 import { TutorialCard } from './tutorialCard';
-import { useTutorial } from './useTutorial';
 /** Popover Tutorial is used to display information about a new, or existing feature. */
-export function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, id, placement = 'right', showSkipButton, }) {
-    const { isVisible, setIsVisible, saveDisplayed } = useTutorial(id);
+export 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?.();
         if (e === 'finished')
             onFinish?.();
-        saveDisplayed(e);
     };
-    return (_jsx(Tippy, { content: _jsx(TutorialCard, { actionLabel: actionLabel, className: 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 (_jsx(Tippy, { content: _jsx(TutorialCard, { actionLabel: actionLabel, className: 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',