@apple-pie/slice 0.0.0 → 0.0.1

package/dist/index.js

@@ -104,6 +104,20 @@ const coreColors = {
     'brand-white-0': '#ffffff',
     'product-red-400': '#ff474a',
     'product-red-500': '#df0529',
+    'core-drop-shadow-light': '#0339491a',
+    'core-drop-shadow-dark': '#0000007a',
+    'core-surface-coverup-translucent-light': '#1f262d52',
+    'core-surface-coverup-translucent-dark': '#0000007a',
+    'core-surface-overlay-translucent-light': '#ffffffcc',
+    'core-surface-overlay-translucent-dark': '#1f262dcc',
+    'scroll-bar-light': '#e3e8ef',
+    'scroll-bar-dark': 'rgba(255, 255, 255, 0.1)',
+    'scroll-bar-hover-light': '#cdd5df',
+    'scroll-bar-hover-dark': 'rgba(255, 255, 255, 0.15)',
+    'surface-shadow-soft-light': '0px 4px 24px #0339491a',
+    'surface-shadow-soft-dark': '0px 4px 24px #0000007a',
+    'surface-shadow-strong-light': '0px 4px 64px #0339491a',
+    'surface-shadow-strong-dark': '0px 4px 64px #0000007a',
 };
 const light = {
     'array-land': coreColors['brand-land-100'],
@@ -124,7 +138,7 @@ const light = {
     'core-badge-secondary': coreColors['brand-grey-100'],
     'core-button-disabled': coreColors['brand-grey-50'],
     'core-button-primary': coreColors['brand-sea-500'],
-    'core-drop-shadow': '#0339491a',
+    'core-drop-shadow': coreColors['core-drop-shadow-light'],
     'core-gp-logo-primary': coreColors['brand-sea-700'],
     'core-gp-logo-secondary': coreColors['brand-grey-950'],
     'core-icon-dark': coreColors['brand-grey-950'],
@@ -138,8 +152,8 @@ const light = {
     'core-outline-primary': coreColors['brand-grey-100'],
     'core-outline-special': coreColors['brand-sea-100'],
     'core-outline-tertiary': coreColors['brand-sea-500'],
-    'core-surface-coverup-translucent': '#1f262d52',
-    'core-surface-overlay-translucent': '#ffffffcc',
+    'core-surface-coverup-translucent': coreColors['core-surface-coverup-translucent-light'],
+    'core-surface-overlay-translucent': coreColors['core-surface-overlay-translucent-light'],
     'core-surface-primary': coreColors['brand-white-0'],
     'core-surface-secondary': coreColors['brand-grey-50'],
     'core-surface-special': coreColors['brand-sea-50'],
@@ -151,7 +165,7 @@ const light = {
     'core-text-secondary': coreColors['brand-grey-700'],
     'core-text-tertiary': coreColors['brand-grey-600'],
     'core-text-special': coreColors['brand-sea-500'],
-    'core-link-primary': coreColors['brand-sea-500'],
+    'core-link-primary': coreColors['brand-sea-700'],
     'eor-tag-employee': coreColors['brand-sky-700'],
     'eor-tag-overdue': coreColors['product-red-500'],
     'eor-tag-paid': coreColors['brand-land-700'],
@@ -167,10 +181,10 @@ const light = {
     'gia-tag-risk-moderate': coreColors['brand-orange-500'],
     'gia-text-excerpt-highlight': coreColors['brand-orange-100'],
     'gia-text-selection': coreColors['brand-sea-100'],
-    'scroll-bar': '#E3E8EF',
-    'scroll-bar-hover': '#CDD5DF',
-    'surface-shadow-soft': '0px 4px 24px #0339491a',
-    'surface-shadow-strong': '0px 4px 64px #0339491a',
+    'scroll-bar': coreColors['scroll-bar-light'],
+    'scroll-bar-hover': coreColors['scroll-bar-hover-light'],
+    'surface-shadow-soft': coreColors['surface-shadow-soft-light'],
+    'surface-shadow-strong': coreColors['surface-shadow-strong-light'],
 };
 const dark = {
     'array-land': coreColors['brand-land-100'],
@@ -191,7 +205,7 @@ const dark = {
     'core-badge-secondary': coreColors['brand-grey-700'],
     'core-button-disabled': coreColors['brand-grey-900'],
     'core-button-primary': coreColors['brand-sea-500'],
-    'core-drop-shadow': '#0000007a',
+    'core-drop-shadow': coreColors['core-drop-shadow-dark'],
     'core-gp-logo-primary': coreColors['brand-sea-500'],
     'core-gp-logo-secondary': coreColors['brand-white-0'],
     'core-icon-dark': coreColors['brand-grey-950'],
@@ -205,8 +219,8 @@ const dark = {
     'core-outline-primary': coreColors['brand-grey-700'],
     'core-outline-special': coreColors['brand-sky-900'],
     'core-outline-tertiary': coreColors['brand-sky-300'],
-    'core-surface-coverup-translucent': '#0000007a',
-    'core-surface-overlay-translucent': '#1f262dcc',
+    'core-surface-coverup-translucent': coreColors['core-surface-coverup-translucent-dark'],
+    'core-surface-overlay-translucent': coreColors['core-surface-overlay-translucent-dark'],
     'core-surface-primary': coreColors['brand-grey-950'],
     'core-surface-secondary': coreColors['brand-grey-900'],
     'core-surface-special': coreColors['brand-sky-950'],
@@ -218,7 +232,7 @@ const dark = {
     'core-text-secondary': coreColors['brand-grey-200'],
     'core-text-tertiary': coreColors['brand-grey-400'],
     'core-text-special': coreColors['brand-sky-300'],
-    'core-link-primary': coreColors['brand-sea-500'],
+    'core-link-primary': coreColors['brand-sky-300'],
     'eor-tag-employee': coreColors['brand-sky-700'],
     'eor-tag-overdue': coreColors['product-red-400'],
     'eor-tag-paid': coreColors['brand-land-700'],
@@ -234,10 +248,144 @@ const dark = {
     'gia-tag-risk-moderate': coreColors['brand-orange-500'],
     'gia-text-excerpt-highlight': coreColors['brand-orange-100'],
     'gia-text-selection': coreColors['brand-sea-900'],
-    'scroll-bar': 'rgba(255,255,255,0.1)',
-    'scroll-bar-hover': 'rgba(255,255,255,0.15)',
-    'surface-shadow-soft': '0px 4px 24px #0000007a',
-    'surface-shadow-strong': '0px 4px 64px #0000007a',
+    'scroll-bar': coreColors['scroll-bar-dark'],
+    'scroll-bar-hover': coreColors['scroll-bar-hover-dark'],
+    'surface-shadow-soft': coreColors['surface-shadow-soft-dark'],
+    'surface-shadow-strong': coreColors['surface-shadow-strong-dark'],
+};
+const colorCssVars = {
+    'array-land': 'var(--array-land)',
+    'array-land-label': 'var(--array-land-label)',
+    'array-magenta': 'var(--array-magenta)',
+    'array-magenta-label': 'var(--array-magenta-label)',
+    'array-orange': 'var(--array-orange)',
+    'array-orange-label': 'var(--array-orange-label)',
+    'array-purple': 'var(--array-purple)',
+    'array-purple-label': 'var(--array-purple-label)',
+    'array-sea': 'var(--array-sea)',
+    'array-sea-label': 'var(--array-sea-label)',
+    'array-sky': 'var(--array-sky)',
+    'array-sky-label': 'var(--array-sky-label)',
+    'array-yellow': 'var(--array-yellow)',
+    'array-yellow-label': 'var(--array-yellow-label)',
+    'core-badge-primary': 'var(--core-badge-primary)',
+    'core-badge-secondary': 'var(--core-badge-secondary)',
+    'core-button-disabled': 'var(--core-button-disabled)',
+    'core-button-primary': 'var(--core-button-primary)',
+    'core-drop-shadow': 'var(--core-drop-shadow)',
+    'core-gp-logo-primary': 'var(--core-gp-logo-primary)',
+    'core-gp-logo-secondary': 'var(--core-gp-logo-secondary)',
+    'core-icon-dark': 'var(--core-icon-dark)',
+    'core-icon-disabled': 'var(--core-icon-disabled)',
+    'core-icon-error': 'var(--core-icon-error)',
+    'core-icon-light': 'var(--core-icon-light)',
+    'core-icon-primary': 'var(--core-icon-primary)',
+    'core-icon-secondary': 'var(--core-icon-secondary)',
+    'core-icon-tertiary': 'var(--core-icon-tertiary)',
+    'core-outline-secondary': 'var(--core-outline-secondary)',
+    'core-outline-primary': 'var(--core-outline-primary)',
+    'core-outline-special': 'var(--core-outline-special)',
+    'core-outline-tertiary': 'var(--core-outline-tertiary)',
+    'core-surface-coverup-translucent': 'var(--core-surface-coverup-translucent)',
+    'core-surface-overlay-translucent': 'var(--core-surface-overlay-translucent)',
+    'core-surface-primary': 'var(--core-surface-primary)',
+    'core-surface-secondary': 'var(--core-surface-secondary)',
+    'core-surface-special': 'var(--core-surface-special)',
+    'core-text-dark': 'var(--core-text-dark)',
+    'core-text-disabled': 'var(--core-text-disabled)',
+    'core-text-error': 'var(--core-text-error)',
+    'core-text-light': 'var(--core-text-light)',
+    'core-text-primary': 'var(--core-text-primary)',
+    'core-text-secondary': 'var(--core-text-secondary)',
+    'core-text-special': 'var(--core-text-special)',
+    'core-text-tertiary': 'var(--core-text-tertiary)',
+    'core-link-primary': 'var(--core-link-primary)',
+    'eor-tag-employee': 'var(--eor-tag-employee)',
+    'eor-tag-overdue': 'var(--eor-tag-overdue)',
+    'eor-tag-paid': 'var(--eor-tag-paid)',
+    'eor-tag-pending': 'var(--eor-tag-pending)',
+    'eor-tag-professional': 'var(--eor-tag-professional)',
+    'feedback-attention': 'var(--feedback-attention)',
+    'feedback-informative': 'var(--feedback-informative)',
+    'feedback-positive': 'var(--feedback-positive)',
+    'feedback-urgency': 'var(--feedback-urgency)',
+    'feedback-warning': 'var(--feedback-warning)',
+    'gia-tag-risk-high': 'var(--gia-tag-risk-high)',
+    'gia-tag-risk-low': 'var(--gia-tag-risk-low)',
+    'gia-tag-risk-moderate': 'var(--gia-tag-risk-moderate)',
+    'gia-text-excerpt-highlight': 'var(--gia-text-excerpt-highlight)',
+    'gia-text-selection': 'var(--gia-text-selection)',
+    'scroll-bar': 'var(--scroll-bar)',
+    'scroll-bar-hover': 'var(--scroll-bar-hover)',
+    'surface-shadow-soft': 'var(--surface-shadow-soft)',
+    'surface-shadow-strong': 'var(--surface-shadow-strong)',
+};
+const colorClass = {
+    'array-land': 'array-land',
+    'array-land-label': 'array-land-label',
+    'array-magenta': 'array-magenta',
+    'array-magenta-label': 'array-magenta-label',
+    'array-orange': 'array-orange',
+    'array-orange-label': 'array-orange-label',
+    'array-purple': 'array-purple',
+    'array-purple-label': 'array-purple-label',
+    'array-sea': 'array-sea',
+    'array-sea-label': 'array-sea-label',
+    'array-sky': 'array-sky',
+    'array-sky-label': 'array-sky-label',
+    'array-yellow': 'array-yellow',
+    'array-yellow-label': 'array-yellow-label',
+    'core-badge-primary': 'core-badge-primary',
+    'core-badge-secondary': 'core-badge-secondary',
+    'core-button-disabled': 'core-button-disabled',
+    'core-button-primary': 'core-button-primary',
+    'core-drop-shadow': 'core-drop-shadow',
+    'core-gp-logo-primary': 'core-gp-logo-primary',
+    'core-gp-logo-secondary': 'core-gp-logo-secondary',
+    'core-icon-dark': 'core-icon-dark',
+    'core-icon-disabled': 'core-icon-disabled',
+    'core-icon-error': 'core-icon-error',
+    'core-icon-light': 'core-icon-light',
+    'core-icon-primary': 'core-icon-primary',
+    'core-icon-secondary': 'core-icon-secondary',
+    'core-icon-tertiary': 'core-icon-tertiary',
+    'core-outline-secondary': 'core-outline-secondary',
+    'core-outline-primary': 'core-outline-primary',
+    'core-outline-special': 'core-outline-special',
+    'core-outline-tertiary': 'core-outline-tertiary',
+    'core-surface-coverup-translucent': 'core-surface-coverup-translucent',
+    'core-surface-overlay-translucent': 'core-surface-overlay-translucent',
+    'core-surface-primary': 'core-surface-primary',
+    'core-surface-secondary': 'core-surface-secondary',
+    'core-surface-special': 'core-surface-special',
+    'core-text-dark': 'core-text-dark',
+    'core-text-disabled': 'core-text-disabled',
+    'core-text-error': 'core-text-error',
+    'core-text-light': 'core-text-light',
+    'core-text-primary': 'core-text-primary',
+    'core-text-secondary': 'core-text-secondary',
+    'core-text-special': 'core-text-special',
+    'core-text-tertiary': 'core-text-tertiary',
+    'core-link-primary': 'core-link-primary',
+    'eor-tag-employee': 'eor-tag-employee',
+    'eor-tag-overdue': 'eor-tag-overdue',
+    'eor-tag-paid': 'eor-tag-paid',
+    'eor-tag-pending': 'eor-tag-pending',
+    'eor-tag-professional': 'eor-tag-professional',
+    'feedback-attention': 'feedback-attention',
+    'feedback-informative': 'feedback-informative',
+    'feedback-positive': 'feedback-positive',
+    'feedback-urgency': 'feedback-urgency',
+    'feedback-warning': 'feedback-warning',
+    'gia-tag-risk-high': 'gia-tag-risk-high',
+    'gia-tag-risk-low': 'gia-tag-risk-low',
+    'gia-tag-risk-moderate': 'gia-tag-risk-moderate',
+    'gia-text-excerpt-highlight': 'gia-text-excerpt-highlight',
+    'gia-text-selection': 'gia-text-selection',
+    'scroll-bar': 'scroll-bar',
+    'scroll-bar-hover': 'scroll-bar-hover',
+    'surface-shadow-soft': 'surface-shadow-soft',
+    'surface-shadow-strong': 'surface-shadow-strong',
 };
 
 const corners = {
@@ -395,6 +543,172 @@ const type = {
       text-decoration: none;
       letter-spacing: 0.2px`,
 };
+const typeCssClasses = {
+    'body-xs-regular': 'body-xs-regular',
+    'body-xs-medium': 'body-xs-medium',
+    'body-xs-bold': 'body-xs-bold',
+    'body-s-regular': 'body-s-regular',
+    'body-s-medium': 'body-s-medium',
+    'body-s-bold': 'body-s-bold',
+    'body-m-regular': 'body-m-regular',
+    'body-m-medium': 'body-m-medium',
+    'body-m-bold': 'body-m-bold',
+    'body-l-regular': 'body-l-regular',
+    'body-l-medium': 'body-l-medium',
+    'body-l-bold': 'body-l-bold',
+    'heading-s-bold': 'heading-s-bold',
+    'heading-s-medium': 'heading-s-medium',
+    'heading-m-medium': 'heading-m-medium',
+    'heading-m-bold': 'heading-m-bold',
+    'heading-l-medium': 'heading-l-medium',
+    'heading-l-bold': 'heading-l-bold',
+};
+const typeStyles = {
+    'body-xs-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.xs}px`,
+        lineHeight: '133.33%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-xs-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.xs}px`,
+        lineHeight: '133.33%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-xs-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.xs}px`,
+        lineHeight: '133.33%',
+        textDecoration: 'none',
+        letterSpacing: '0.250px',
+    },
+    'body-s-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.s}px`,
+        lineHeight: '142.86%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-s-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.s}px`,
+        lineHeight: '142.86%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-s-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.s}px`,
+        lineHeight: '142.86%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-m-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.m}px`,
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-m-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.m}px`,
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'body-m-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.m}px`,
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'body-l-regular': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.regular}`,
+        fontSize: `${fontSizes.l}px`,
+        lineHeight: '162.5%',
+        textDecoration: 'none',
+        letterSpacing: '0.1px',
+    },
+    'body-l-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.medium}`,
+        fontSize: `${fontSizes.l}px`,
+        lineHeight: '162.5%',
+        textDecoration: 'none',
+        letterSpacing: '0.1px',
+    },
+    'body-l-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights.bold}`,
+        fontSize: `${fontSizes.l}px`,
+        lineHeight: '162.5%',
+        textDecoration: 'none',
+        letterSpacing: '0.15px',
+    },
+    'heading-s-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '650',
+        fontSize: '20px',
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-s-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '560',
+        fontSize: '20px',
+        lineHeight: '140%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-m-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '650',
+        fontSize: '24px',
+        lineHeight: '116.67%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-m-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '560',
+        fontSize: '24px',
+        lineHeight: '116.67%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-l-medium': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '560',
+        fontSize: '28px',
+        lineHeight: '128.57%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+    'heading-l-bold': {
+        fontFamily: `${fontFamily}`,
+        fontWeight: '650',
+        fontSize: '28px',
+        lineHeight: '128.57%',
+        textDecoration: 'none',
+        letterSpacing: '0.2px',
+    },
+};
 
 const lightTheme = {
     name: 'lightMode',
@@ -411,7 +725,7 @@ const darkTheme = {
     corners,
 };
 
-function useTheme() {
+function useObserveTheme() {
     const [theme, setTheme] = React.useState(lightTheme);
     React.useEffect(() => {
         const observer = new MutationObserver((mutations) => {
@@ -438,23 +752,419 @@ function useTheme() {
     return theme;
 }
 
-function useMayaTheme() {
-    const currentTheme = useTheme();
-    const setTheme = (newTheme) => {
+/**
+ * Hook to manage Slice theming
+ */
+function useTheme() {
+    const current = useObserveTheme();
+    const set = React.useCallback((newTheme) => {
+        console.log('set theme', newTheme);
         let theme;
         if (typeof newTheme === 'string') {
-            if (newTheme === darkTheme.name)
-                theme = darkTheme;
-            else
-                theme = lightTheme;
+            if (newTheme === 'system') {
+                const darkModeMediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
+                const isDark = darkModeMediaQuery.matches;
+                theme = isDark ? darkTheme : lightTheme;
+            }
+            else {
+                theme = newTheme === darkTheme.name ? darkTheme : lightTheme;
+            }
         }
         else
             theme = newTheme;
         document.documentElement.dataset.theme = theme.name;
+    }, []);
+    const toggle = () => {
+        const lightMode = current.name === lightTheme.name;
+        const newTheme = lightMode ? darkTheme : lightTheme;
+        document.documentElement.dataset.theme = newTheme.name;
+    };
+    const isDark = React.useMemo(() => {
+        return current.name === darkTheme.name;
+    }, [current]);
+    return {
+        /**
+         * Slice's default dark theme
+         */
+        darkTheme,
+        /**
+         * Slice's default light theme
+         */
+        lightTheme,
+        /**
+         * The currently active SliceTheme
+         */
+        current,
+        /**
+         * CSS variables for theme colors
+         */
+        colors: colorCssVars,
+        /**
+         * CSS Class names for the theme colors
+         */
+        colorsClass: colorClass,
+        /**
+         * CSS class names for theme typefaces
+         */
+        typeClass: typeCssClasses,
+        /**
+         * CSS typeface styles as inline style properties
+         */
+        typeStyle: typeStyles,
+        /**
+         * Set a new theme by name or passing in a SliceTheme object
+         * @param newTheme
+         */
+        set,
+        /**
+         * Toggle between light and dark themes
+         */
+        toggle,
+        /**
+         * If the currently active theme is the Slice's default dark theme'
+         */
+        isDark,
+    };
+}
+
+function useDoubleClick(onClick, onDblClick, delay = 200) {
+    const timer = React.useRef(null);
+    const didClick = (payload) => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
+            onClick(payload);
+        }, delay);
+        return () => {
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
     };
-    return { darkTheme, lightTheme, currentTheme, setTheme };
+    const didDblClick = (payload) => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        onDblClick(payload);
+    };
+    return [didClick, didDblClick];
+}
+
+const hiddenCoords = { x: 0, y: 0 };
+function useToolTip(toolTip, tipElement) {
+    const [coords, setCoords] = React.useState(hiddenCoords);
+    React.useLayoutEffect(() => {
+        var _a;
+        // remove tooltip from view
+        if (!toolTip || !(tipElement === null || tipElement === void 0 ? void 0 : tipElement.current)) {
+            setCoords(hiddenCoords);
+            return;
+        }
+        // get the target ref
+        const target = (_a = toolTip.ref) === null || _a === void 0 ? void 0 : _a.current;
+        if (!target) {
+            setCoords(hiddenCoords);
+            return;
+        }
+        // get rectangles for parent and tooltip
+        const parentRect = target.getBoundingClientRect();
+        const tipRect = tipElement.current.getBoundingClientRect();
+        // get position and size details
+        const { x: parentX, y: parentY, width: parentWidth, height: parentHeight, } = parentRect;
+        const { width: tipWidth } = tipRect;
+        // calculate the tool tip coords suc that it's placed beneath the parent
+        const x = parentX + parentWidth / 2 - tipWidth / 2;
+        const y = parentY + parentHeight + 10;
+        // set the coords
+        setCoords({ x, y });
+    }, [toolTip, tipElement]);
+    return coords;
+}
+
+function useKeyboardShortcuts(shortcuts, shortCutHandler, isAppleDevice) {
+    // don't process shortcuts on editable elements, like inputs, editable divs, etc.
+    const isEditable = React.useCallback((e) => {
+        const target = e.target;
+        if (target) {
+            const tag = target.tagName;
+            return (target.isContentEditable ||
+                tag === 'INPUT' ||
+                tag === 'TEXTAREA' ||
+                tag === 'SELECT');
+        }
+        return false;
+    }, []);
+    // get keyboard event check if it's a shortcut
+    const handleKeyPress = React.useCallback((e) => {
+        if (isEditable(e))
+            return;
+        const isMeta = (isAppleDevice && e.metaKey) || (!isAppleDevice && e.ctrlKey);
+        for (const s of shortcuts) {
+            if (s.key.toLowerCase() === e.key.toLowerCase() && isMeta) {
+                e.preventDefault();
+                shortCutHandler(s);
+                break;
+            }
+        }
+    }, [isAppleDevice, shortcuts, shortCutHandler, isEditable]);
+    // set keyboard listener
+    React.useEffect(() => {
+        if (shortcuts.length === 0)
+            return;
+        globalThis.addEventListener('keydown', handleKeyPress, false);
+        return () => {
+            globalThis.removeEventListener('keydown', handleKeyPress, false);
+        };
+    }, [shortcuts, handleKeyPress]);
+}
+
+function getTimeDifference(date, labelPrefix) {
+    const compareDate = date instanceof Date ? date : new Date(date);
+    if (Number.isNaN(compareDate.getTime()))
+        return `${labelPrefix}Invalid date`;
+    // getTime = milliseconds since Jan 1 1970 UTC
+    const secondsDiff = Math.max(0, Math.floor((Date.now() - compareDate.getTime()) / 1000));
+    const minutes = Math.floor(secondsDiff / 60);
+    const hours = Math.floor(minutes / 60);
+    const days = Math.floor(hours / 24);
+    if (minutes < 1)
+        return `${labelPrefix}Just now`;
+    if (minutes === 1)
+        return `${labelPrefix}1 min. ago`;
+    if (minutes < 60)
+        return `${labelPrefix}${minutes} mins. ago`;
+    if (hours === 1)
+        return `${labelPrefix}1 hour ago`;
+    if (hours < 24)
+        return `${labelPrefix}${hours} hours ago`;
+    if (days === 1)
+        return `${labelPrefix}1 day ago`;
+    if (days < 15)
+        return `${labelPrefix}${days} days ago`;
+    return compareDate.toLocaleDateString('en-US', {
+        day: '2-digit',
+        month: 'short',
+        year: 'numeric',
+    });
+}
+function useLastUpdated(timestamp, prefix = '', interval = 1) {
+    const [lastUpdated, setLastUpdated] = React.useState(timestamp ? getTimeDifference(timestamp, prefix) : '');
+    React.useEffect(() => {
+        if (!timestamp) {
+            setLastUpdated('');
+            return;
+        }
+        setLastUpdated(getTimeDifference(timestamp, prefix));
+        const refreshMinutes = Math.max(interval, 1);
+        const intervalTimer = setInterval(() => {
+            setLastUpdated(getTimeDifference(timestamp, prefix));
+        }, refreshMinutes * 60 * 1000);
+        return () => {
+            clearInterval(intervalTimer);
+        };
+    }, [interval, prefix, timestamp]);
+    return { lastUpdated, timer: interval };
+}
+
+function canUseLocalStorage() {
+    return (typeof globalThis !== 'undefined' &&
+        'localStorage' in globalThis &&
+        globalThis.localStorage !== undefined &&
+        globalThis.localStorage !== null);
+}
+function readLocalStorageValue(key, fallback) {
+    if (!canUseLocalStorage())
+        return fallback;
+    try {
+        const raw = globalThis.localStorage.getItem(key);
+        if (raw === null) {
+            // If not set, initialize with fallback.
+            globalThis.localStorage.setItem(key, JSON.stringify(fallback));
+            return fallback;
+        }
+        return JSON.parse(raw);
+    }
+    catch (error) {
+        console.error(`Error parsing local storage item for key ${key}:`, {
+            error,
+        });
+        return fallback;
+    }
+}
+function useLocalStore(key, value) {
+    const [item, setItem] = React.useState(() => readLocalStorageValue(key, value));
+    // rehydrate on prop changes
+    React.useEffect(() => {
+        setItem(readLocalStorageValue(key, value));
+    }, [key, value]);
+    function updateItem(data) {
+        if (canUseLocalStorage()) {
+            try {
+                globalThis.localStorage.setItem(key, JSON.stringify(data));
+            }
+            catch (error) {
+                console.error(`Error setting local storage item for key ${key}:`, {
+                    error,
+                });
+            }
+        }
+        setItem(data);
+    }
+    return [item, updateItem];
+}
+
+var _a;
+var FormFactor;
+(function (FormFactor) {
+    FormFactor["Mobile"] = "mobile";
+    FormFactor["Tablet"] = "tablet";
+    FormFactor["Desktop"] = "desktop";
+})(FormFactor || (FormFactor = {}));
+function checkElectron() {
+    const userAgent = navigator.userAgent.toLowerCase();
+    return userAgent.includes('electron/');
+}
+const isElectron = checkElectron();
+const isAppleDevice = navigator.platform.startsWith('Mac') || navigator.platform === 'iPhone';
+const dpr = (_a = Math.min(Math.ceil(window.devicePixelRatio), 3)) !== null && _a !== void 0 ? _a : 1;
+const isTouchDevice = 'ontouchstart' in globalThis || navigator.maxTouchPoints > 0;
+function useWindow(top = true) {
+    const [viewportWidth, setViewportWidth] = React.useState(null);
+    const [viewportHeight, setViewportHeight] = React.useState(null);
+    const [height, setHeight] = React.useState('100vh');
+    const [formFactor, setFormFactor] = React.useState(FormFactor.Desktop);
+    React.useEffect(() => {
+        handleResize();
+        window.addEventListener('resize', handleResize, false);
+        return () => window.removeEventListener('resize', handleResize, false);
+    }, []);
+    function handleResize() {
+        var _a, _b, _c, _d;
+        const windowWidth = top
+            ? ((_b = (_a = window.top) === null || _a === void 0 ? void 0 : _a.innerWidth) !== null && _b !== void 0 ? _b : window.innerWidth)
+            : window.innerWidth;
+        const windowHeight = top
+            ? ((_d = (_c = window.top) === null || _c === void 0 ? void 0 : _c.innerHeight) !== null && _d !== void 0 ? _d : window.innerHeight)
+            : window.innerHeight;
+        if (windowWidth <= 480)
+            setFormFactor(FormFactor.Mobile);
+        else if (windowWidth < 860)
+            setFormFactor(FormFactor.Tablet);
+        else
+            setFormFactor(FormFactor.Desktop);
+        setViewportHeight(windowHeight);
+        setViewportWidth(windowWidth);
+        // note: mobile devices can have task bars that are included inside the viewport.
+        // for mobile devices, set root containers to the inner height pixel which removes
+        // the height of any toolbars and provides the "true" view port height
+        if (!isElectron)
+            setHeight(isTouchDevice ? `${windowHeight}px` : '100vh');
+    }
+    return {
+        viewportWidth,
+        viewportHeight,
+        height,
+        isTouchDevice,
+        isElectron,
+        isAppleDevice,
+        formFactor,
+        dpr,
+    };
+}
+
+function useObserveResize(element, options) {
+    const [size, setSize] = React.useState({ width: 0, height: 0 });
+    const ignore = options === null || options === void 0 ? void 0 : options.ignore;
+    const handleResize = React.useCallback((entries) => {
+        var _a, _b;
+        if (!entries[0])
+            return;
+        const width = ((_a = element === null || element === void 0 ? void 0 : element.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+        const height = ((_b = element === null || element === void 0 ? void 0 : element.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
+        setSize((prev) => {
+            const next = {
+                width: ignore === 'width' ? prev.width : width,
+                height: ignore === 'height' ? prev.height : height,
+            };
+            if (prev.width === next.width && prev.height === next.height) {
+                return prev;
+            }
+            return next;
+        });
+    }, [element, ignore]);
+    React.useEffect(() => {
+        if (element === undefined)
+            return;
+        const el = element.current;
+        if (!el)
+            return;
+        // Get initial size
+        const newWidth = el.offsetWidth || 0;
+        const newHeight = el.offsetHeight || 0;
+        // set the new size of different to previous
+        setSize((prev) => {
+            const next = {
+                width: ignore === 'width' ? prev.width : newWidth,
+                height: ignore === 'height' ? prev.height : newHeight,
+            };
+            if (prev.width === next.width && prev.height === next.height) {
+                return prev; // same so no need to trigger re-renders
+            }
+            return next;
+        });
+        // Observe size changes
+        const resizeObserver = new ResizeObserver(handleResize);
+        resizeObserver.observe(el);
+        return () => {
+            resizeObserver.unobserve(el);
+            resizeObserver.disconnect();
+        };
+    }, [element, handleResize, ignore]);
+    return size;
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(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;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 /**
  * Clean up string with html
  */
@@ -483,6 +1193,37 @@ function accessibleKeyDown(e, clickFunction, keys) {
         clickFunction();
     }
 }
+/**
+ * Get the pointer position from a DOM touch or mouse event
+ */
+function pointerPosition(e) {
+    if (e.type.startsWith('touch')) {
+        const touchEvent = e;
+        return touchEvent.touches[0].clientX;
+    }
+    const mouseEvent = e;
+    return mouseEvent.clientX;
+}
+/**
+ * Filter and trim class name array
+ */
+function filterClasses(classNames) {
+    return classNames
+        .filter((item) => item !== '')
+        .join(' ')
+        .trim();
+}
+/**
+ * Takes a style string or number and returns a valid CSS style string
+ */
+function setStyle(value, defaultVal = undefined) {
+    const useValue = value !== null && value !== void 0 ? value : defaultVal;
+    if (!useValue)
+        return 'unset';
+    if (typeof useValue === 'string')
+        return useValue;
+    return `${useValue}px`;
+}
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -511,12 +1252,15 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$v = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Avatar-module_wrapper__U4ZJr {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder: 0;\n\toutline: 0;\n}\n\n.Avatar-module_user__GIczo {\n\tfont-size: var(--avatar-font-size) !important;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tline-height: 1em;\n\ttext-transform: uppercase;\n\tborder-radius: 100%;\n\tborder: var(--avatar-border) solid var(--avatar-border-color);\n\tbackground-color: var(--avatar-bg-color);\n\tcolor: var(--avatar-color);\n\tbackground-image: var(--avatar-bg-image);\n\tbackground-size: cover;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttransition: border-color 0.2s ease-in-out 0s;\n\t&:hover {\n\t\tborder-color: var(--core-link-primary);\n\t}\n}\n";
-var css$v = {"wrapper":"Avatar-module_wrapper__U4ZJr flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","user":"Avatar-module_user__GIczo flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G"};
-styleInject(css_248z$v);
+var css_248z$z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Avatar-module_wrapper__U4ZJr {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder: 0;\n\toutline: 0;\n}\n\n.Avatar-module_user__GIczo {\n\tfont-size: var(--avatar-font-size) !important;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tline-height: 1em;\n\ttext-transform: uppercase;\n\tborder-radius: 100%;\n\tborder: var(--avatar-border) solid var(--avatar-border-color);\n\tbackground-color: var(--avatar-bg-color);\n\tcolor: var(--avatar-color);\n\tbackground-image: var(--avatar-bg-image);\n\tbackground-size: cover;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttransition: border-color 0.2s ease-in-out 0s;\n\t&:hover {\n\t\tborder-color: var(--core-link-primary);\n\t}\n}\n";
+var css$x = {"wrapper":"Avatar-module_wrapper__U4ZJr flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","user":"Avatar-module_user__GIczo flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G"};
+styleInject(css_248z$z);
 
 const Avatar = React.memo((props) => {
-    const { first = '', last = '', image = '', border = 0, color = undefined, borderColor = undefined, bgColor = undefined, firstOnly = false, onClick = undefined, onKeyDown = undefined, fontSize = undefined, onToolTip = () => null, size = 34, frame = 34, tabIndex = 0, } = props;
+    const { first = '', last = '', image = '', border = 0, color = undefined, borderColor = undefined, bgColor = undefined, firstOnly = false, onClick = undefined, onKeyDown = undefined, fontSize = undefined, onToolTip = () => null, size = 34, frame = 34, tabIndex = 0 } = props, divAttributes = __rest(props, ["first", "last", "image", "border", "color", "borderColor", "bgColor", "firstOnly", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // memo initials computation
     const initials = React.useMemo(() => `${first === null || first === void 0 ? void 0 : first.charAt(0)}${firstOnly ? '' : last.charAt(0)}`, [first, last, firstOnly]);
     // memo the avatar image if there is one
@@ -561,15 +1305,22 @@ const Avatar = React.memo((props) => {
             '--avatar-font-size': setFontSize,
         };
     }, [size, frame, border, color, bgColor, borderColor, bgImage, setFontSize]);
-    return (jsxRuntime.jsx("div", { className: css$v.wrapper, style: avatarVars, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick, onKeyDown: onKeyDown, role: onClick ? 'button' : 'img', tabIndex: onClick ? tabIndex : undefined, "aria-label": `User Avatar - ${first}`, children: jsxRuntime.jsx("div", { "aria-hidden": true, className: css$v.user, children: displayContent }) }));
+    // memo class names
+    const classNames = React.useMemo(() => {
+        return `${css$x.wrapper}${divClass}`;
+    }, [divClass]);
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: classNames, style: Object.assign(Object.assign({}, divStyle), avatarVars), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick, onKeyDown: onKeyDown, role: onClick ? 'button' : 'img', tabIndex: onClick ? tabIndex : undefined, "aria-label": `User Avatar - ${first}` }, rest, { children: jsxRuntime.jsx("div", { "aria-hidden": true, className: css$x.user, children: displayContent }) })));
 });
 
-var css_248z$u = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.AvatarGroup-module_wrapper__mmcUR {\n\tgap: var(--ag-gap);\n\tmargin: var(--ag-margin);\n}\n\n.AvatarGroup-module_avatar__YbQ5O {\n\tdisplay: inline-block;\n\tmargin-left: var(--ag-overlap);\n\tborder-radius: 100%;\n\t&:first-child {\n\t\tmargin-left: 0;\n\t}\n}\n";
-var css$u = {"wrapper":"AvatarGroup-module_wrapper__mmcUR flexBox-module_rowStart__nJZnW","avatar":"AvatarGroup-module_avatar__YbQ5O"};
-styleInject(css_248z$u);
+var css_248z$y = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.AvatarGroup-module_wrapper__mmcUR {\n\tgap: var(--ag-gap);\n\tmargin: var(--ag-margin);\n}\n\n.AvatarGroup-module_avatar__YbQ5O {\n\tdisplay: inline-block;\n\tmargin-left: var(--ag-overlap);\n\tborder-radius: 100%;\n\t&:first-child {\n\t\tmargin-left: 0;\n\t}\n}\n";
+var css$w = {"wrapper":"AvatarGroup-module_wrapper__mmcUR flexBox-module_rowStart__nJZnW","avatar":"AvatarGroup-module_avatar__YbQ5O"};
+styleInject(css_248z$y);
 
 const AvatarGroup = React.memo((props) => {
-    const { avatars = [], size = 32, border = 3, overlap = 8, gap = 0, borderColor = undefined, margin = 0, firstOnly = false, onToolTip = () => null, } = props;
+    const { avatars = [], size = 32, border = 3, overlap = 8, gap = 0, borderColor = undefined, margin = 0, firstOnly = false, onToolTip = () => null } = props, divAttributes = __rest(props, ["avatars", "size", "border", "overlap", "gap", "borderColor", "margin", "firstOnly", "onToolTip"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // memo css vars
     const cssVars = React.useMemo(() => {
         return {
@@ -582,17 +1333,24 @@ const AvatarGroup = React.memo((props) => {
     const renderedAvatars = React.useMemo(() => {
         if (!avatars)
             return null;
-        return avatars.map((avatar, index) => (jsxRuntime.jsx("div", { className: css$u.avatar, children: jsxRuntime.jsx(Avatar, { first: avatar.first, last: avatar.last, image: avatar.image || avatar.avatar, size: size, frame: size, border: border, borderColor: borderColor, color: avatar.color, bgColor: avatar.bgColor, firstOnly: firstOnly, onToolTip: onToolTip }) }, `avatar_${avatar.email}_${index}`)));
+        return avatars.map((avatar, index) => (jsxRuntime.jsx("div", { className: css$w.avatar, children: jsxRuntime.jsx(Avatar, { first: avatar.first, last: avatar.last, image: avatar.image || avatar.avatar, size: size, frame: size, border: border, borderColor: borderColor, color: avatar.color, bgColor: avatar.bgColor, firstOnly: firstOnly, onToolTip: onToolTip }) }, `avatar_${avatar.email}_${index}`)));
     }, [avatars, size, border, borderColor, firstOnly, onToolTip]);
-    return (jsxRuntime.jsx("div", { className: css$u.wrapper, style: cssVars, children: renderedAvatars }));
+    // memo class names
+    const classNames = React.useMemo(() => {
+        return `${css$w.wrapper}${divClass}`;
+    }, [divClass]);
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: classNames, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: renderedAvatars })));
 });
 
-var css_248z$t = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.Badge-module_badge__8-cpJ {\n\tline-height: 1em;\n\tcolor: var(--badge-color);\n\tbackground: var(--badge-bg);\n\tpadding: 2px 8px;\n\tmin-width: 24px;\n\twidth: min-content;\n\tborder-radius: 8px;\n\twhite-space: nowrap;\n}\n";
-var css$t = {"badge":"Badge-module_badge__8-cpJ flexBox-module_row__PWxbe type-module_body-xs-medium__FxEAv"};
-styleInject(css_248z$t);
+var css_248z$x = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.Badge-module_badge__8-cpJ {\n\tline-height: 1em;\n\tcolor: var(--badge-color);\n\tbackground: var(--badge-bg);\n\tpadding: 2px 8px;\n\tmin-width: 24px;\n\twidth: min-content;\n\tborder-radius: 8px;\n\twhite-space: nowrap;\n}\n";
+var css$v = {"badge":"Badge-module_badge__8-cpJ flexBox-module_row__PWxbe type-module_body-xs-medium__FxEAv"};
+styleInject(css_248z$x);
 
 const Badge = React.memo((props) => {
-    const { count, variant = 'dark', hideNull = true } = props;
+    const { count, variant = 'dark', hideNull = true } = props, divAttributes = __rest(props, ["count", "variant", "hideNull"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // memo display count
     const displayCount = React.useMemo(() => {
         if (count === undefined)
@@ -614,54 +1372,9 @@ const Badge = React.memo((props) => {
     }, [variant]);
     if (count === undefined || count === '' || (hideNull && count === 0))
         return null;
-    return (jsxRuntime.jsx("div", { className: css$t.badge, style: cssVars, role: 'status', "aria-live": 'polite', children: displayCount }));
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: `${css$v.badge}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), role: 'status', "aria-live": 'polite' }, rest, { children: displayCount })));
 });
 
-function useObserveResize(element, options) {
-    const [size, setSize] = React.useState({ width: 0, height: 0 });
-    const handleResize = React.useCallback((entries) => {
-        var _a, _b;
-        if (entries[0]) {
-            const width = ((_a = element === null || element === void 0 ? void 0 : element.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
-            const height = ((_b = element === null || element === void 0 ? void 0 : element.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
-            const widthChange = width !== size.width;
-            const heightChange = height !== size.height;
-            if ((options === null || options === void 0 ? void 0 : options.ignore) === 'width' && !heightChange)
-                return;
-            if ((options === null || options === void 0 ? void 0 : options.ignore) === 'height' && !widthChange)
-                return;
-            if (size.width !== width || size.height !== height) {
-                setSize({ width, height });
-            }
-        }
-    }, [size, element, options]);
-    React.useEffect(() => {
-        if (element === undefined)
-            return;
-        const el = element.current;
-        if (!el)
-            return;
-        // Get initial size
-        const newWidth = el.offsetWidth || 0;
-        const newHeight = el.offsetHeight || 0;
-        // set the new size of different to previous
-        setSize((prev) => {
-            if (prev.width === newWidth && prev.height === newHeight) {
-                return prev; // same so no need to trigger re-renders
-            }
-            return { width: newWidth, height: newHeight };
-        });
-        // Observe size changes
-        const resizeObserver = new ResizeObserver(handleResize);
-        resizeObserver.observe(el);
-        return () => {
-            resizeObserver.unobserve(el);
-            resizeObserver.disconnect();
-        };
-    }, [element, handleResize]);
-    return size;
-}
-
 /**
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
@@ -1112,6 +1825,18 @@ const STATIC_ICON_REGISTRY = new Map([
             line: ({ strokeColor }) => (jsxRuntime.jsx("path", { d: "M 9.25 10.75 L 9.25 16 L 10.75 16 L 10.75 10.75 L 16 10.75 L 16 9.25 L 10.75 9.25 L 10.75 4 L 9.25 4 L 9.25 9.25 L 4 9.25 L 4 10.75 Z", fill: strokeColor })),
         },
     ],
+    [
+        'circle',
+        {
+            line: ({ strokeColor }) => (jsxRuntime.jsx("path", { d: "M 1 10 C 1 5.029 5.029 1 10 1 C 14.971 1 19 5.029 19 10 C 19 14.971 14.971 19 10 19 C 5.029 19 1 14.971 1 10 Z M 10 17.5 C 14.142 17.5 17.5 14.142 17.5 10 C 17.5 5.858 14.142 2.5 10 2.5 C 5.858 2.5 2.5 5.858 2.5 10 C 2.5 14.142 5.858 17.5 10 17.5 Z", fill: strokeColor })),
+        },
+    ],
+    [
+        'circle fill',
+        {
+            line: ({ strokeColor }) => (jsxRuntime.jsx("path", { d: "M 1 10 C 1 5.029 5.029 1 10 1 C 14.971 1 19 5.029 19 10 C 19 14.971 14.971 19 10 19 C 5.029 19 1 14.971 1 10 Z", fill: strokeColor })),
+        },
+    ],
     [
         'plus circle',
         {
@@ -1175,7 +1900,7 @@ const STATIC_ICON_REGISTRY = new Map([
     [
         'wallet',
         {
-            line: ({ stroke, strokeColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M 7 8 C 7.552 8 8 8.448 8 9 C 8 9.552 7.552 10 7 10 C 6.448 10 6 9.552 6 9 C 6 8.448 6.448 8 7 8 Z", fill: strokeColor }), jsxRuntime.jsx("path", { d: "M 15.5 2 L 2.5 2 C 2.224 2 2 2.224 2 2.5 L 2 15.5 C 2 15.776 2.224 16 2.5 16 L 15.5 16 C 15.776 16 16 15.776 16 15.5 L 16 2.5 C 16 2.224 15.776 2 15.5 2 Z", fill: "transparent", strokeWidth: stroke, stroke: strokeColor, strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 17 10.6 L 17 7.4 C 17 7.179 16.821 7 16.6 7 L 13 7 C 11.895 7 11 7.895 11 9 C 11 10.105 11.895 11 13 11 L 16.6 11 C 16.821 11 17 10.821 17 10.6 Z", fill: strokeColor, strokeWidth: stroke, stroke: strokeColor, strokeMiterlimit: "10", strokeDasharray: "" })] })),
+            line: ({ stroke, strokeColor, coverUp }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M 7 8 C 7.552 8 8 8.448 8 9 C 8 9.552 7.552 10 7 10 C 6.448 10 6 9.552 6 9 C 6 8.448 6.448 8 7 8 Z", fill: strokeColor }), jsxRuntime.jsx("path", { d: "M 15.5 2 L 2.5 2 C 2.224 2 2 2.224 2 2.5 L 2 15.5 C 2 15.776 2.224 16 2.5 16 L 15.5 16 C 15.776 16 16 15.776 16 15.5 L 16 2.5 C 16 2.224 15.776 2 15.5 2 Z", fill: "transparent", strokeWidth: stroke, stroke: strokeColor, strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 17 10.6 L 17 7.4 C 17 7.179 16.821 7 16.6 7 L 13 7 C 11.895 7 11 7.895 11 9 C 11 10.105 11.895 11 13 11 L 16.6 11 C 16.821 11 17 10.821 17 10.6 Z", fill: coverUp, strokeWidth: stroke, stroke: strokeColor, strokeMiterlimit: "10", strokeDasharray: "" })] })),
         },
     ],
     [
@@ -1231,7 +1956,8 @@ const STATIC_ICON_REGISTRY = new Map([
 const Icon = React.memo((props) => {
     var _a;
     const theme = useTheme();
-    const { name = 'home', size = 20, stroke = 1.5, strokeColor = theme.colors['core-icon-primary'], fillColor = 'transparent', toggle = false, pointer = true, disabled = false, onClick = () => null, } = props;
+    const { name = 'home', size = 20, stroke = 1.5, strokeColor = theme.current.colors['core-icon-primary'], fillColor = 'transparent', coverUp = theme.current.colors['core-surface-primary'], toggle = false, pointer = true, disabled = false, onClick = () => null } = props, svgAttributes = __rest(props, ["name", "size", "stroke", "strokeColor", "fillColor", "coverUp", "toggle", "pointer", "disabled", "onClick"]);
+    const { id: svgId, className, style } = svgAttributes, rest = __rest(svgAttributes, ["id", "className", "style"]);
     // memo cursor style
     const cursor = React.useMemo(() => {
         if (disabled)
@@ -1254,7 +1980,7 @@ const Icon = React.memo((props) => {
     const shape = (_a = iconVariant === null || iconVariant === void 0 ? void 0 : iconVariant[variantKey]) !== null && _a !== void 0 ? _a : iconVariant === null || iconVariant === void 0 ? void 0 : iconVariant.line;
     if (!shape)
         return null;
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", style: iconStyle, onClick: (e) => onClick(e), fill: fillColor, role: "img", "aria-label": `${name} icon`, tabIndex: pointer && !disabled ? 0 : -1, onKeyDown: (e) => accessibleKeyDown(e, () => onClick), opacity: disabled ? 0.5 : 1, children: [jsxRuntime.jsxs("title", { children: [name, " icon"] }), shape({ stroke, strokeColor, fillColor })] }));
+    return (jsxRuntime.jsxs("svg", Object.assign({ id: svgId, className: className, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", style: Object.assign(Object.assign({}, (style !== null && style !== void 0 ? style : {})), iconStyle), onClick: (e) => onClick(e), fill: fillColor, role: "img", "aria-label": `${name} icon`, tabIndex: pointer && !disabled ? 0 : -1, onKeyDown: (e) => accessibleKeyDown(e, () => onClick), opacity: disabled ? 0.5 : 1 }, rest, { children: [jsxRuntime.jsx("title", {}), shape({ stroke, strokeColor, fillColor, coverUp })] })));
 });
 Icon.displayName = 'Icon';
 
@@ -1286,6 +2012,8 @@ var IconNames;
     IconNames["download"] = "download";
     IconNames["share"] = "share";
     IconNames["checkCircle"] = "check circle";
+    IconNames["circle"] = "circle";
+    IconNames["circleFill"] = "circle fill";
     IconNames["person"] = "person";
     IconNames["ctrlKey"] = "ctrl key";
     IconNames["commandKey"] = "cmd key";
@@ -1350,19 +2078,22 @@ var IconNames;
     IconNames["highlight"] = "highlight";
 })(IconNames || (IconNames = {}));
 
-var css_248z$s = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DropDown-module_wrapper__56asG {\n\tposition: relative;\n\tgap: var(--dd-gap);\n\tmin-width: var(--dd-width);\n\twidth: var(--dd-width);\n\tborder-radius: var(--dd-border-radius);\n\tbackground-color: var(--dd-bg-color);\n\tbox-shadow: 0 0 0 var(--dd-box-shadow-size) var(--dd-border-color);\n\tpadding: var(--dd-padding-tops) var(--dd-padding-left) var(--dd-padding-tops)\n\t\tvar(--dd-padding-right) !important;\n\ttransition: all 0.2s ease-in-out 0s;\n}\n\n.DropDown-module_face__kF56R {\n\tflex: 1;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\ttext-overflow: ellipsis;\n\tword-break: break-all;\n\tcolor: var(--dd-color);\n}\n\n.DropDown-module_small__QYoM4 {\n}\n\n.DropDown-module_medium__FrKVH {\n}\n\n.DropDown-module_large__O1hDm {\n}\n\n.DropDown-module_chevron__upYr7 {\n\tmin-height: var(--dd-icon-size);\n\tmax-height: var(--dd-icon-size);\n\tmin-width: var(--dd-icon-size);\n\tmax-width: var(--dd-icon-size);\n}\n\n.DropDown-module_select__1rQRA {\n\tposition: absolute;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n\tfont-size: 14px;\n\tbackground-color: #1f99cd;\n\tbackground-position: right 10px center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: auto 50%;\n\tborder: none;\n\toutline: none;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n}\n";
-var css$s = {"wrapper":"DropDown-module_wrapper__56asG flexBox-module_rowStart__nJZnW","face":"DropDown-module_face__kF56R flexBox-module_rowStart__nJZnW","small":"DropDown-module_small__QYoM4 type-module_body-s-regular__8-FO-","medium":"DropDown-module_medium__FrKVH type-module_body-m-regular__Qtp5G","large":"DropDown-module_large__O1hDm type-module_body-l-regular__Ar4d3","chevron":"DropDown-module_chevron__upYr7 flexBox-module_rowStart__nJZnW","select":"DropDown-module_select__1rQRA"};
-styleInject(css_248z$s);
+var css_248z$w = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DropDown-module_wrapper__56asG {\n\tposition: relative;\n\tgap: var(--dd-gap);\n\tmin-width: var(--dd-width);\n\twidth: var(--dd-width);\n\tborder-radius: var(--dd-border-radius);\n\tbackground-color: var(--dd-bg-color);\n\tbox-shadow: 0 0 0 var(--dd-box-shadow-size) var(--dd-border-color);\n\tpadding: var(--dd-padding-tops) var(--dd-padding-left) var(--dd-padding-tops)\n\t\tvar(--dd-padding-right) !important;\n\ttransition: all 0.2s ease-in-out 0s;\n}\n\n.DropDown-module_face__kF56R {\n\tflex: 1;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\ttext-overflow: ellipsis;\n\tword-break: break-all;\n\tcolor: var(--dd-color);\n}\n\n.DropDown-module_small__QYoM4 {\n}\n\n.DropDown-module_medium__FrKVH {\n}\n\n.DropDown-module_large__O1hDm {\n}\n\n.DropDown-module_chevron__upYr7 {\n\tmin-height: var(--dd-icon-size);\n\tmax-height: var(--dd-icon-size);\n\tmin-width: var(--dd-icon-size);\n\tmax-width: var(--dd-icon-size);\n}\n\n.DropDown-module_select__1rQRA {\n\tposition: absolute;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n\tfont-size: 14px;\n\tbackground-color: #1f99cd;\n\tbackground-position: right 10px center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: auto 50%;\n\tborder: none;\n\toutline: none;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n}\n";
+var css$u = {"wrapper":"DropDown-module_wrapper__56asG flexBox-module_rowStart__nJZnW","face":"DropDown-module_face__kF56R flexBox-module_rowStart__nJZnW","small":"DropDown-module_small__QYoM4 type-module_body-s-regular__8-FO-","medium":"DropDown-module_medium__FrKVH type-module_body-m-regular__Qtp5G","large":"DropDown-module_large__O1hDm type-module_body-l-regular__Ar4d3","chevron":"DropDown-module_chevron__upYr7 flexBox-module_rowStart__nJZnW","select":"DropDown-module_select__1rQRA"};
+styleInject(css_248z$w);
 
 const DropDown = React.memo((props) => {
     const theme = useTheme();
-    const { name = 'Select', width = '100%', height = 'auto', selectedIndex = 0, selectedValue = '', options = [], placeholder = true, validate = true, borderRadius = 4, bgColor = 'transparent', iconColor = theme.colors['core-icon-primary'], paddingLeft = '8px', paddingRight = '12px', paddingTops = '8px', iconSize = 20, disabled = false, unframed = false, focused = false, gap = 0, size = 'medium', onChange = () => null, onValidate = () => null, onFocus = () => null, onBlur = () => null, } = props;
+    const { name = 'Select', width = '100%', height = 'auto', selectedIndex = 0, selectedValue = '', options = [], placeholder = true, validate = true, borderRadius = 4, bgColor = 'transparent', iconColor = theme.current.colors['core-icon-primary'], paddingLeft = '8px', paddingRight = '12px', paddingTops = '8px', iconSize = 20, disabled = false, unframed = false, focused = false, gap = 0, size = 'medium', onChange = () => null, onValidate = () => null, onFocus = () => null, onBlur = () => null } = props, divAttributes = __rest(props, ["name", "width", "height", "selectedIndex", "selectedValue", "options", "placeholder", "validate", "borderRadius", "bgColor", "iconColor", "paddingLeft", "paddingRight", "paddingTops", "iconSize", "disabled", "unframed", "focused", "gap", "size", "onChange", "onValidate", "onFocus", "onBlur"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [index, setIndex] = React.useState(selectedIndex);
     const [selectedText, setSelectedText] = React.useState('Select an option');
     const [initiated, setInitiated] = React.useState(false);
     const [color, setColor] = React.useState(iconColor);
     const ref = React.useRef(null);
-    React.useEffect(() => setColor(theme.colors['core-icon-primary']), [theme]);
+    React.useEffect(() => setColor(theme.current.colors['core-icon-primary']), [theme]);
     // validate selection and if there's a placeholder
     // with a validate flag, set error state and event error
     React.useEffect(() => {
@@ -1485,28 +2216,29 @@ const DropDown = React.memo((props) => {
         index,
         getSize,
     ]);
-    return (jsxRuntime.jsxs("div", { className: css$s.wrapper, style: cssVars, children: [jsxRuntime.jsx("div", { className: `${css$s.face} ${css$s[size]}`, children: displayText }), jsxRuntime.jsx("div", { className: css$s.chevron, children: jsxRuntime.jsx(Icon, { name: "chevron down", size: iconSize, strokeColor: color }) }), jsxRuntime.jsx("select", { className: css$s.select, defaultValue: index, ref: ref, onFocus: handleFocus, onMouseDown: handleMouseDown, onChange: handleSelectChange, "aria-label": name, children: renderedOptions })] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$u.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: [jsxRuntime.jsx("div", { className: `${css$u.face} ${css$u[size]}`, children: displayText }), jsxRuntime.jsx("div", { className: css$u.chevron, children: jsxRuntime.jsx(Icon, { name: "chevron down", size: iconSize, strokeColor: color }) }), jsxRuntime.jsx("select", { className: css$u.select, defaultValue: index, ref: ref, onFocus: handleFocus, onMouseDown: handleMouseDown, onChange: handleSelectChange, "aria-label": name, children: renderedOptions })] })));
 });
 DropDown.displayName = 'DropDown';
 
-var css_248z$r = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.Dot-module_dot__8eYTa {\n\tdisplay: var(--dot-display);\n\tbox-sizing: content-box;\n\tposition: var(--dot-position);\n\ttop: var(--dot-top);\n\tright: var(--dot-right);\n\tvertical-align: var(--dot-vertical-align);\n\tmin-height: var(--dot-size);\n\tmin-width: var(--dot-size);\n\theight: var(--dot-size);\n\twidth: var(--dot-size);\n\tborder: var(--dot-border) solid var(--core-surface-primary);\n\tbackground: var(--dot-bg);\n\tborder-radius: 100%;\n\tz-index: 1000;\n}\n";
-var css$r = {"dot":"Dot-module_dot__8eYTa flexBox-module_row__PWxbe"};
-styleInject(css_248z$r);
+var css_248z$v = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.Dot-module_dot__8eYTa {\n\tdisplay: var(--dot-display);\n\tbox-sizing: content-box;\n\tposition: var(--dot-position);\n\ttop: var(--dot-top);\n\tright: var(--dot-right);\n\tvertical-align: var(--dot-vertical-align);\n\tmin-height: var(--dot-size);\n\tmin-width: var(--dot-size);\n\theight: var(--dot-size);\n\twidth: var(--dot-size);\n\tborder: var(--dot-border) solid var(--core-surface-primary);\n\tbackground: var(--dot-bg);\n\tborder-radius: 100%;\n\tz-index: 1000;\n}\n";
+var css$t = {"dot":"Dot-module_dot__8eYTa flexBox-module_row__PWxbe"};
+styleInject(css_248z$v);
 
-// Extract default variants
 const DEFAULT_VARIANTS = {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
     exit: { opacity: 0 },
 };
-// Extract default transition
 const DEFAULT_TRANSITION = {
     ease: 'easeInOut',
     duration: 0.5,
 };
 
 const Dot = React.memo((props) => {
-    const { size = 8, topOffset = 2, rightOffset = 2, border = 3, position = 'corner', color = undefined, transition = undefined, motionValues = undefined, show = false, state, } = props;
+    const { size = 8, topOffset = 2, rightOffset = 2, border = 3, position = 'corner', color = undefined, transition = undefined, motionValues = undefined, show = false, state } = props, divAttributes = __rest(props, ["size", "topOffset", "rightOffset", "border", "position", "color", "transition", "motionValues", "show", "state"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // memo variants
     const variants = React.useMemo(() => {
         if (motionValues) {
@@ -1556,15 +2288,18 @@ const Dot = React.memo((props) => {
             '--dot-bg': `${bgColor}`,
         };
     }, [size, position, topOffset, rightOffset, border, bgColor]);
-    return (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: show && (jsxRuntime.jsx(react.motion.div, { className: css$r.dot, style: cssVars, initial: 'initial', animate: 'animate', exit: 'exit', transition: trans, variants: variants, role: 'status', "aria-live": 'polite', "aria-label": 'Blue dot indicating active or new', children: jsxRuntime.jsx("div", { className: "dot" }) })) }));
+    return (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: show && (jsxRuntime.jsx(react.motion.div, Object.assign({ id: divId, className: `${css$t.dot}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), initial: 'initial', animate: 'animate', exit: 'exit', transition: trans, variants: variants, role: 'status', "aria-live": 'polite', "aria-label": 'Blue dot indicating active or new' }, rest, { children: jsxRuntime.jsx("div", { className: "dot" }) }))) }));
 });
 
-var css_248z$q = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.IconButton-module_button__Mq4Gd {\n\tposition: relative;\n\tbackground: var(--ib-bg);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: pointer;\n\t&:hover {\n\t\tbackground: var(--ib-bg-hover);\n\t}\n}\n\n.IconButton-module_label__piWOE {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__EQ8vW {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__BhOlH {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n";
-var css$q = {"button":"IconButton-module_button__Mq4Gd flexBox-module_row__PWxbe","label":"IconButton-module_label__piWOE flexBox-module_row__PWxbe type-module_body-l-regular__Ar4d3","icon":"IconButton-module_icon__EQ8vW flexBox-module_row__PWxbe","count":"IconButton-module_count__BhOlH flexBox-module_row__PWxbe"};
-styleInject(css_248z$q);
+var css_248z$u = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.IconButton-module_button__Mq4Gd {\n\tposition: relative;\n\tbackground: var(--ib-bg);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: pointer;\n\t&:hover {\n\t\tbackground: var(--ib-bg-hover);\n\t}\n}\n\n.IconButton-module_label__piWOE {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__EQ8vW {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__BhOlH {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n";
+var css$s = {"button":"IconButton-module_button__Mq4Gd flexBox-module_row__PWxbe","label":"IconButton-module_label__piWOE flexBox-module_row__PWxbe type-module_body-l-regular__Ar4d3","icon":"IconButton-module_icon__EQ8vW flexBox-module_row__PWxbe","count":"IconButton-module_count__BhOlH flexBox-module_row__PWxbe"};
+styleInject(css_248z$u);
 
 const IconButton = React.memo((props) => {
-    const { frameSize = 36, iconSize = 20, icon = 'more', borderRadius = 4, tooltip = undefined, color = undefined, colorOn = undefined, bgColor = 'var(--core-surface-secondary)', bgColorHover = 'var(--core-outline-primary)', bgColorOn = 'var(--core-outline-primary)', transition = undefined, variants = undefined, initial = undefined, animate = undefined, exit = undefined, fillColor = undefined, label = undefined, hover = undefined, count = 0, toggle = true, toggleIcon = false, isToggled = false, disabled = false, showDot = false, border = false, onClick = () => null, onToolTip = () => null, } = props;
+    const { frameSize = 36, iconSize = 20, icon = 'more', borderRadius = 4, tooltip = undefined, color = undefined, colorOn = undefined, bgColor = 'var(--core-surface-secondary)', bgColorHover = 'var(--core-outline-primary)', bgColorOn = 'var(--core-outline-primary)', transition = undefined, variants = undefined, initial = undefined, animate = undefined, exit = undefined, fillColor = undefined, label = undefined, hover = undefined, count = 0, toggle = true, toggleIcon = false, isToggled = false, disabled = false, showDot = false, border = false, onClick = () => null, onToolTip = () => null } = props, divAttributes = __rest(props, ["frameSize", "iconSize", "icon", "borderRadius", "tooltip", "color", "colorOn", "bgColor", "bgColorHover", "bgColorOn", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "border", "onClick", "onToolTip"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [on, setOn] = React.useState(isToggled);
     const ref = React.useRef(null);
     React.useEffect(() => setOn(isToggled), [isToggled]);
@@ -1593,8 +2328,6 @@ const IconButton = React.memo((props) => {
     }, [tooltip, onToolTip]);
     // memo icon stroke color
     const strokeColor = React.useMemo(() => color || 'var(--core-icon-primary)', [color]);
-    // memo accent color
-    React.useMemo(() => colorOn || 'var(--core-icon-primary)', [colorOn]);
     // memo bg color
     const bgColorNormal = React.useMemo(() => {
         if (on && toggle)
@@ -1626,12 +2359,12 @@ const IconButton = React.memo((props) => {
             '--ib-color': textColor,
         };
     }, [bgColorNormal, bgHoverColor, textColor, border, frameSize, borderRadius]);
-    return (jsxRuntime.jsxs(react.motion.div, { className: css$q.button, style: cssVars, onClick: handleClick, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, ref: ref, children: [jsxRuntime.jsx("div", { className: css$q.icon, style: { opacity: disabled ? 0.3 : 1 }, children: jsxRuntime.jsx(Icon, { name: icon, strokeColor: strokeColor, fillColor: fillColor, disabled: disabled, size: iconSize, toggle: toggleIcon ? isToggled : false, pointer: true }) }), label && jsxRuntime.jsx("div", { className: css$q.label, children: label }), jsxRuntime.jsx(Dot, { show: showDot }), count !== 0 && (jsxRuntime.jsx("div", { className: css$q.count, children: jsxRuntime.jsx(Badge, { variant: 'light', count: count, hideNull: true }) }))] }));
+    return (jsxRuntime.jsxs(react.motion.div, Object.assign({ id: divId, className: `${css$s.button}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: handleClick, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, ref: ref }, rest, { children: [jsxRuntime.jsx("div", { className: css$s.icon, style: { opacity: disabled ? 0.3 : 1 }, children: jsxRuntime.jsx(Icon, { name: icon, strokeColor: strokeColor, fillColor: fillColor, disabled: disabled, size: iconSize, toggle: toggleIcon ? isToggled : false, pointer: true }) }), label && jsxRuntime.jsx("div", { className: css$s.label, children: label }), jsxRuntime.jsx(Dot, { show: showDot }), count !== 0 && (jsxRuntime.jsx("div", { className: css$s.count, children: jsxRuntime.jsx(Badge, { variant: 'light', count: count, hideNull: true }) }))] })));
 });
 
-var css_248z$p = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.EditorButtonBar-module_wrapper__mfv-c {\n\twidth: 100%;\n}\n\n.EditorButtonBar-module_right__G2tBZ {\n}\n\n.EditorButtonBar-module_left__9omfV {\n\tflex: 1;\n}\n\n.EditorButtonBar-module_buttonGroup__p0aEd {\n\tgap: 4px;\n\tdiv.EditorButtonBar-module_divider__T5y5c {\n\t\theight: 20px;\n\t\tmin-height: 100%;\n\t\twidth: 1px;\n\t\tmin-width: 1px;\n\t\tmax-width: 1px;\n\t\tbackground: var(--core-surface-secondary);\n\t\tmargin: 0 8px;\n\t}\n}\n";
-var css$p = {"wrapper":"EditorButtonBar-module_wrapper__mfv-c flexBox-module_rowStart__nJZnW","right":"EditorButtonBar-module_right__G2tBZ flexBox-module_rowStart__nJZnW","left":"EditorButtonBar-module_left__9omfV flexBox-module_rowStart__nJZnW","buttonGroup":"EditorButtonBar-module_buttonGroup__p0aEd flexBox-module_rowStart__nJZnW"};
-styleInject(css_248z$p);
+var css_248z$t = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.EditorButtonBar-module_wrapper__mfv-c {\n\twidth: 100%;\n}\n\n.EditorButtonBar-module_right__G2tBZ {\n}\n\n.EditorButtonBar-module_left__9omfV {\n\tflex: 1;\n}\n\n.EditorButtonBar-module_buttonGroup__p0aEd {\n\tgap: 4px;\n\tdiv.EditorButtonBar-module_divider__T5y5c {\n\t\theight: 20px;\n\t\tmin-height: 100%;\n\t\twidth: 1px;\n\t\tmin-width: 1px;\n\t\tmax-width: 1px;\n\t\tbackground: var(--core-surface-secondary);\n\t\tmargin: 0 8px;\n\t}\n}\n";
+var css$r = {"wrapper":"EditorButtonBar-module_wrapper__mfv-c flexBox-module_rowStart__nJZnW","right":"EditorButtonBar-module_right__G2tBZ flexBox-module_rowStart__nJZnW","left":"EditorButtonBar-module_left__9omfV flexBox-module_rowStart__nJZnW","buttonGroup":"EditorButtonBar-module_buttonGroup__p0aEd flexBox-module_rowStart__nJZnW"};
+styleInject(css_248z$t);
 
 var FormattingOption;
 (function (FormattingOption) {
@@ -1809,7 +2542,10 @@ const editControls = {
 
 const EditorButtonBar = React.memo((props) => {
     var _a;
-    const { onCommand = () => null, onToolTip = () => null, shortSize = 500, mediumSize = 664, state = 'auto', activeStyle = 'p', disabledFormats = [], activeFormats, } = props;
+    const { onCommand = () => null, onToolTip = () => null, shortSize = 500, mediumSize = 664, state = 'auto', activeStyle = 'p', disabledFormats = [], activeFormats } = props, divAttributes = __rest(props, ["onCommand", "onToolTip", "shortSize", "mediumSize", "state", "activeStyle", "disabledFormats", "activeFormats"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [barState, setBarState] = React.useState('regular');
     const ref = React.useRef(null);
     const size = useObserveResize(ref);
@@ -1839,29 +2575,32 @@ const EditorButtonBar = React.memo((props) => {
                 break;
         }
     }, [onCommand]);
-    return (jsxRuntime.jsxs("div", { className: css$p.wrapper, ref: ref, children: [jsxRuntime.jsxs("div", { className: css$p.left, children: [(editControls === null || editControls === void 0 ? void 0 : editControls[barState].styles) && (jsxRuntime.jsx(DropDown, { options: editControls === null || editControls === void 0 ? void 0 : editControls[barState].styles, placeholder: false, unframed: true, width: '100px', selectedValue: activeStyle, onChange: (_index, option) => handleStyleChange(option) })), (_a = editControls === null || editControls === void 0 ? void 0 : editControls[barState].buttons) === null || _a === void 0 ? void 0 : _a.map((group, index) => {
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$r.wrapper}${divClass}`, style: divStyle, ref: ref }, rest, { children: [jsxRuntime.jsxs("div", { className: css$r.left, children: [(editControls === null || editControls === void 0 ? void 0 : editControls[barState].styles) && (jsxRuntime.jsx(DropDown, { options: editControls === null || editControls === void 0 ? void 0 : editControls[barState].styles, placeholder: false, unframed: true, width: '100px', selectedValue: activeStyle, onChange: (_index, option) => handleStyleChange(option) })), (_a = editControls === null || editControls === void 0 ? void 0 : editControls[barState].buttons) === null || _a === void 0 ? void 0 : _a.map((group, index) => {
                         return (jsxRuntime.jsx(RenderGroup, { onCommand: onCommand, onToolTip: onToolTip, buttonGroup: group, activeFormats: activeFormats, disabledFormats: disabledFormats, state: barState }, `button-group-${group.name}${index}`));
-                    })] }), (editControls === null || editControls === void 0 ? void 0 : editControls[barState].download) && (jsxRuntime.jsxs("div", { className: css$p.right, children: [jsxRuntime.jsx(IconButton, { icon: coreButtons.copy.icon, tooltip: coreButtons.copy.toolTip, hover: disabledFormats.includes('download'), toggle: false, onToolTip: onToolTip, disabled: disabledFormats.includes('copy'), onClick: (e) => onCommand(coreButtons.copy.command, e) }), jsxRuntime.jsx(IconButton, { icon: coreButtons.download.icon, tooltip: coreButtons.download.toolTip, hover: !disabledFormats.includes('download'), toggle: false, onToolTip: onToolTip, disabled: disabledFormats.includes('download'), onClick: (e) => onCommand(coreButtons.download.command, e) })] }))] }));
+                    })] }), (editControls === null || editControls === void 0 ? void 0 : editControls[barState].download) && (jsxRuntime.jsxs("div", { className: css$r.right, children: [jsxRuntime.jsx(IconButton, { icon: coreButtons.copy.icon, tooltip: coreButtons.copy.toolTip, hover: disabledFormats.includes('download'), toggle: false, onToolTip: onToolTip, disabled: disabledFormats.includes('copy'), onClick: (e) => onCommand(coreButtons.copy.command, e) }), jsxRuntime.jsx(IconButton, { icon: coreButtons.download.icon, tooltip: coreButtons.download.toolTip, hover: !disabledFormats.includes('download'), toggle: false, onToolTip: onToolTip, disabled: disabledFormats.includes('download'), onClick: (e) => onCommand(coreButtons.download.command, e) })] }))] })));
 });
 const RenderGroup = React.memo((props) => {
     var _a;
     const { onCommand = () => null, onToolTip = () => null, buttonGroup, activeFormats, state = 'default', disabledFormats = [], } = props;
     const theme = useTheme();
-    return (jsxRuntime.jsxs("div", { className: css$p.buttonGroup, children: [state !== 'small' && jsxRuntime.jsx("div", { className: "divider" }), (_a = buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.buttons) === null || _a === void 0 ? void 0 : _a.map((button, index) => {
+    return (jsxRuntime.jsxs("div", { className: css$r.buttonGroup, children: [state !== 'small' && jsxRuntime.jsx("div", { className: "divider" }), (_a = buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.buttons) === null || _a === void 0 ? void 0 : _a.map((button, index) => {
                 const active = (button === null || button === void 0 ? void 0 : button.id) ? activeFormats === null || activeFormats === void 0 ? void 0 : activeFormats.includes(button.id) : false;
                 const bgColor = active
-                    ? theme.colors['core-surface-secondary']
+                    ? theme.current.colors['core-surface-secondary']
                     : 'transparent';
                 return (jsxRuntime.jsx(IconButton, { icon: button === null || button === void 0 ? void 0 : button.icon, tooltip: button === null || button === void 0 ? void 0 : button.toolTip, onToolTip: onToolTip, hover: !disabledFormats.includes(button.id || 'none'), toggle: false, bgColor: bgColor, onClick: (e) => onCommand(button === null || button === void 0 ? void 0 : button.command, e), disabled: disabledFormats.includes(button.id || 'none'), frameSize: 30, iconSize: 20 }, `button-${button === null || button === void 0 ? void 0 : button.icon}-${index}`));
             })] }));
 });
 
-var css_248z$o = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.CheckBox-module_wrapper__m-SdK {\n\tmin-height: var(--cb-size);\n\theight: var(--cb-size);\n\twidth: auto;\n\tgap: 6px;\n\tcursor: pointer;\n\toverflow: hidden;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\toutline: none;\n\tborder: 0;\n}\n\n.CheckBox-module_icon__N3ORQ {\n\tmin-width: var(--cb-size);\n\tmax-width: var(--cb-size);\n\tmin-height: var(--cb-size);\n\tmax-height: var(--cb-size);\n}\n\n.CheckBox-module_label__iNXWc {\n\tcolor: var(--core-text-primary);\n}\n";
-var css$o = {"wrapper":"CheckBox-module_wrapper__m-SdK flexBox-module_row__PWxbe","icon":"CheckBox-module_icon__N3ORQ flexBox-module_row__PWxbe","label":"CheckBox-module_label__iNXWc type-module_body-m-regular__Qtp5G"};
-styleInject(css_248z$o);
+var css_248z$s = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.CheckBox-module_wrapper__m-SdK {\n\tmin-height: var(--cb-size);\n\theight: var(--cb-size);\n\twidth: auto;\n\tgap: 6px;\n\tcursor: pointer;\n\toverflow: hidden;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\toutline: none;\n\tborder: 0;\n}\n\n.CheckBox-module_icon__N3ORQ {\n\tmin-width: var(--cb-size);\n\tmax-width: var(--cb-size);\n\tmin-height: var(--cb-size);\n\tmax-height: var(--cb-size);\n}\n\n.CheckBox-module_label__iNXWc {\n\tcolor: var(--core-text-primary);\n}\n";
+var css$q = {"wrapper":"CheckBox-module_wrapper__m-SdK flexBox-module_row__PWxbe","icon":"CheckBox-module_icon__N3ORQ flexBox-module_row__PWxbe","label":"CheckBox-module_label__iNXWc type-module_body-m-regular__Qtp5G"};
+styleInject(css_248z$s);
 
 const CheckBox = React.memo((props) => {
-    const { size = 20, checked = false, disabled = false, color = undefined, label = undefined, onChange = () => null, } = props;
+    const { size = 20, checked = false, disabled = false, color = undefined, label = undefined, onChange = () => null } = props, divAttributes = __rest(props, ["size", "checked", "disabled", "color", "label", "onChange"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [state, setState] = React.useState(checked);
     const theme = useTheme();
     React.useEffect(() => setState(checked), [checked]);
@@ -1878,12 +2617,12 @@ const CheckBox = React.memo((props) => {
         if (color)
             return color;
         if (disabled)
-            return theme.colors['core-icon-disabled'];
+            return theme.current.colors['core-icon-disabled'];
         if (state === 'mixed')
-            return theme.colors['core-icon-primary'];
+            return theme.current.colors['core-icon-primary'];
         if (!state)
-            return theme.colors['core-icon-secondary'];
-        return theme.colors['core-text-special'];
+            return theme.current.colors['core-icon-secondary'];
+        return theme.current.colors['core-text-special'];
     }, [color, disabled, state, theme]);
     // memo style vars
     const cssVars = React.useMemo(() => {
@@ -1913,15 +2652,18 @@ const CheckBox = React.memo((props) => {
             handleToggle();
         }
     }, [handleToggle]);
-    return (jsxRuntime.jsxs(react.motion.div, { className: css$o.wrapper, style: cssVars, onClick: handleToggle, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, role: 'checkbox', "aria-checked": state === 'mixed' ? 'mixed' : state, "aria-disabled": disabled, children: [jsxRuntime.jsx("div", { className: css$o.icon, children: jsxRuntime.jsx(Icon, { name: iconName, strokeColor: iconColor, size: size }) }), label && jsxRuntime.jsx("span", { className: css$o.label, children: label })] }));
+    return (jsxRuntime.jsxs(react.motion.div, Object.assign({ id: divId, className: `${css$q.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: handleToggle, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, role: 'checkbox', "aria-checked": state === 'mixed' ? 'mixed' : state, "aria-disabled": disabled }, rest, { children: [jsxRuntime.jsx("div", { className: css$q.icon, children: jsxRuntime.jsx(Icon, { name: iconName, strokeColor: iconColor, size: size }) }), label && jsxRuntime.jsx("span", { className: css$q.label, children: label })] })));
 });
 
-var css_248z$n = ".type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DivInput-module_wrapper__gljOU {\n\tpadding: var(--div-input-padding);\n\twidth: var(--div-input-width);\n\tborder-radius: var(--div-input-border-radius);\n\tbackground: var(--div-input-wrapper-bg);\n\t&:hover {\n\t\tbackground: var(--div-input-bg);\n\t}\n}\n\n.DivInput-module_input__R8myv {\n\tcolor: var(--div-input-color);\n\tuser-select: var(--div-input-user-select);\n\t-webkit-user-select: var(--div-input-user-select);\n\ttext-align: var(--div-input-text-align);\n\tpointer-events: all;\n\tbackground: transparent;\n\tborder-radius: 4px;\n\tborder: 0;\n\toutline: none;\n\ttext-overflow: ellipsis;\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\twhite-space: var(--div-input-white-space);\n\t-webkit-line-clamp: var(--div-input-line-clamp);\n\t-webkit-box-orient: vertical;\n\tcursor: var(--div-input-cursor);\n\ttransition: background 0.2s ease-in-out 0s;\n}\n";
-var css$n = {"wrapper":"DivInput-module_wrapper__gljOU","input":"DivInput-module_input__R8myv type-module_body-m-regular__Qtp5G"};
-styleInject(css_248z$n);
+var css_248z$r = ".type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DivInput-module_wrapper__gljOU {\n\tpadding: var(--div-input-padding);\n\twidth: var(--div-input-width);\n\tborder-radius: var(--div-input-border-radius);\n\tbackground: var(--div-input-wrapper-bg);\n\t&:hover {\n\t\tbackground: var(--div-input-bg);\n\t}\n}\n\n.DivInput-module_input__R8myv {\n\tcolor: var(--div-input-color);\n\tuser-select: var(--div-input-user-select);\n\t-webkit-user-select: var(--div-input-user-select);\n\ttext-align: var(--div-input-text-align);\n\tpointer-events: all;\n\tbackground: transparent;\n\tborder-radius: 4px;\n\tborder: 0;\n\toutline: none;\n\ttext-overflow: ellipsis;\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\twhite-space: var(--div-input-white-space);\n\t-webkit-line-clamp: var(--div-input-line-clamp);\n\t-webkit-box-orient: vertical;\n\tcursor: var(--div-input-cursor);\n\ttransition: background 0.2s ease-in-out 0s;\n}\n";
+var css$p = {"wrapper":"DivInput-module_wrapper__gljOU","input":"DivInput-module_input__R8myv type-module_body-m-regular__Qtp5G"};
+styleInject(css_248z$r);
 
 const DivInput = React.memo((props) => {
-    const { value = '', name = 'Input Field', placeholder = 'Placeholder', isEditable = true, wrap = false, focus = false, width = 'auto', textAlign = 'left', clamp = 3, padding = '0px', onChange = () => null, onSubmit = () => null, onFocus = () => null, onBlur = () => null, onDblClick = () => null, onClick = () => null, radius = 4, bgColor = 'var(--core-surface-secondary)', } = props;
+    const { value = '', name = 'Input Field', placeholder = 'Placeholder', isEditable = true, wrap = false, focus = false, width = 'auto', textAlign = 'left', clamp = 3, padding = '0px', onChange = () => null, onSubmit = () => null, onFocus = () => null, onBlur = () => null, onDblClick = () => null, onClick = () => null, radius = 4, bgColor = 'var(--core-surface-secondary)' } = props, divAttributes = __rest(props, ["value", "name", "placeholder", "isEditable", "wrap", "focus", "width", "textAlign", "clamp", "padding", "onChange", "onSubmit", "onFocus", "onBlur", "onDblClick", "onClick", "radius", "bgColor"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const ref = React.useRef(null);
     const innerText = React.useRef(value === '' ? cleanString(placeholder) : cleanString(value));
     const [isFocused, setIsFocused] = React.useState(focus);
@@ -2103,12 +2845,15 @@ const DivInput = React.memo((props) => {
     ]);
     // avoid issues with safari that refocuses editable divs on blur
     // by wrapping it with a pointer events none
-    return (jsxRuntime.jsx("div", { className: css$n.wrapper, style: cssVars, children: jsxRuntime.jsx(react.motion.div, { className: css$n.input, ref: ref, contentEditable: isEditable, suppressContentEditableWarning: true, onInput: handleSetValue, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onPaste: handlePaste, onDoubleClick: onDblClick, onClick: handleClick, role: 'textbox', "aria-label": name, children: value !== null && value !== void 0 ? value : placeholder }) }));
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: `${css$p.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: jsxRuntime.jsx(react.motion.div, { className: css$p.input, ref: ref, contentEditable: isEditable, suppressContentEditableWarning: true, onInput: handleSetValue, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onPaste: handlePaste, onDoubleClick: onDblClick, onClick: handleClick, role: 'textbox', "aria-label": name, children: value !== null && value !== void 0 ? value : placeholder }) })));
 });
 DivInput.displayName = 'DivInput';
 
 const DocIcons = React.memo((props) => {
-    const { type = 'pdf', height = 36 } = props;
+    const { type = 'pdf', height = 36 } = props, divAttributes = __rest(props, ["type", "height"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const theme = useTheme();
     const renderIcon = React.useMemo(() => {
         const images = [
@@ -2122,7 +2867,7 @@ const DocIcons = React.memo((props) => {
             },
             {
                 name: 'docx',
-                svg: (jsxRuntime.jsxs("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", height: height, "aria-label": "Word document", children: [jsxRuntime.jsx("title", { children: "Word document" }), jsxRuntime.jsx("path", { d: "m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z", fill: theme.colors['core-button-primary'] }), jsxRuntime.jsx("path", { d: "M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z", fill: "#ffffff", fillOpacity: ".7" }), jsxRuntime.jsx("path", { d: "M427.377 725.32V768H259.814v-42.68h167.563zM594.944 640v42.68h-335.13V640h335.13zm0-85.32v42.64h-335.13v-42.64h335.13zm0-85.36V512h-335.13v-42.68h335.13z", fill: "#FFF" })] })),
+                svg: (jsxRuntime.jsxs("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", height: height, "aria-label": "Word document", children: [jsxRuntime.jsx("title", { children: "Word document" }), jsxRuntime.jsx("path", { d: "m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z", fill: theme.current.colors['core-button-primary'] }), jsxRuntime.jsx("path", { d: "M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z", fill: "#ffffff", fillOpacity: ".7" }), jsxRuntime.jsx("path", { d: "M427.377 725.32V768H259.814v-42.68h167.563zM594.944 640v42.68h-335.13V640h335.13zm0-85.32v42.64h-335.13v-42.64h335.13zm0-85.36V512h-335.13v-42.68h335.13z", fill: "#FFF" })] })),
             },
             {
                 name: 'pdf',
@@ -2132,16 +2877,12 @@ const DocIcons = React.memo((props) => {
         const item = images.filter((data) => type === data.name);
         return item ? item[0].svg : null;
     }, [height, type, theme]);
-    return (jsxRuntime.jsx("div", { style: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-        }, children: renderIcon }));
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: divClass.trim(), style: Object.assign(Object.assign({}, divStyle), { display: 'flex', justifyContent: 'center', alignItems: 'center' }) }, rest, { children: renderIcon })));
 });
 
-var css_248z$m = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.DraggablePanel-module_panel__r-Dm- {\n\tposition: relative;\n\tbackground-color: var(--panel-bg);\n}\n\n.DraggablePanel-module_content__K1gRd {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.DraggablePanel-module_handle__yVrgS {\n\twidth: var(--drag-handle-width);\n\theight: var(--drag-handle-height);\n\tmin-width: var(--drag-handle-width);\n\tmin-height: var(--drag-handle-height);\n\tborder-radius: var(--drag-handle-radius);\n\tborder: var(--drag-handle-border) solid var(--drag-handle-border-color);\n\tbackground: var(--drag-handle-bg);\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateX(-50%) translateY(-50%);\n\tz-index: 15000;\n}\n";
-var css$m = {"panel":"DraggablePanel-module_panel__r-Dm- flexBox-module_columnStart__Kg8cV","content":"DraggablePanel-module_content__K1gRd flexBox-module_columnStart__Kg8cV","handle":"DraggablePanel-module_handle__yVrgS"};
-styleInject(css_248z$m);
+var css_248z$q = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.DraggablePanel-module_panel__r-Dm- {\n\tposition: relative;\n\tbackground-color: var(--panel-bg);\n}\n\n.DraggablePanel-module_content__K1gRd {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.DraggablePanel-module_handle__yVrgS {\n\twidth: var(--drag-handle-width);\n\theight: var(--drag-handle-height);\n\tmin-width: var(--drag-handle-width);\n\tmin-height: var(--drag-handle-height);\n\tborder-radius: var(--drag-handle-radius);\n\tborder: var(--drag-handle-border) solid var(--drag-handle-border-color);\n\tbackground: var(--drag-handle-bg);\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateX(-50%) translateY(-50%);\n\tz-index: 15000;\n}\n";
+var css$o = {"panel":"DraggablePanel-module_panel__r-Dm- flexBox-module_columnStart__Kg8cV","content":"DraggablePanel-module_content__K1gRd flexBox-module_columnStart__Kg8cV","handle":"DraggablePanel-module_handle__yVrgS"};
+styleInject(css_248z$q);
 
 const MIN_SIZE = 50;
 const DraggablePanel = React.memo((props) => {
@@ -2150,7 +2891,10 @@ const DraggablePanel = React.memo((props) => {
         width: 10,
         color: 'transparent',
         offsetX: true,
-    }, borderRight = '1px solid var(--core-outline-primary)', borderLeft = null, bgColor = 'transparent', drags = true, isTouchDevice = false, disableOnContext = true, dragHandle = true, dragHandleStyle, containerRef, onResize = () => null, onResizeStart = () => null, onResizeEnd = () => null, } = props;
+    }, borderRight = '1px solid var(--core-outline-primary)', borderLeft = null, bgColor = 'transparent', drags = true, isTouchDevice = false, disableOnContext = true, dragHandle = true, dragHandleStyle, containerRef, onResize = () => null, onResizeStart = () => null, onResizeEnd = () => null } = props, divAttributes = __rest(props, ["children", "sizeConstraints", "dragsRight", "isClosed", "resizeHandle", "borderRight", "borderLeft", "bgColor", "drags", "isTouchDevice", "disableOnContext", "dragHandle", "dragHandleStyle", "containerRef", "onResize", "onResizeStart", "onResizeEnd"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const handle = React.useRef(null);
     const div = React.useRef(null);
     const [isDragging, setIsDragging] = React.useState(false);
@@ -2262,13 +3006,7 @@ const DraggablePanel = React.memo((props) => {
     }, [isTouchDevice]);
     // get the current mouse X position using touch or mouse event
     const getClientX = React.useCallback((e) => {
-        var _a;
-        if (e.type.startsWith('touch')) {
-            const touchEvent = e;
-            return ((_a = touchEvent.touches[0]) === null || _a === void 0 ? void 0 : _a.clientX) || 0;
-        }
-        const mouseEvent = e;
-        return mouseEvent.clientX;
+        return pointerPosition(e);
     }, []);
     // calculate the drag amount based on starting point and new client x point
     const getNewWidth = React.useCallback((clientX) => {
@@ -2343,21 +3081,13 @@ const DraggablePanel = React.memo((props) => {
     }, [doDrag, onResizeEnd, onResize, setHighlight]);
     // handle starting drag
     const initDrag = React.useCallback((e) => {
-        var _a;
         if ((div === null || div === void 0 ? void 0 : div.current) && document.defaultView) {
             setIsDragging(true);
             const el = div.current;
             divWidth.current = div.current.offsetWidth;
             divHeight.current = div.current.offsetHeight;
             deltaWidth.current = 0;
-            if (e.type.startsWith('touch')) {
-                const touchEvent = e;
-                startX.current = ((_a = touchEvent.touches[0]) === null || _a === void 0 ? void 0 : _a.clientX) || 0;
-            }
-            else {
-                const mouseEvent = e;
-                startX.current = mouseEvent.clientX;
-            }
+            startX.current = pointerPosition(e);
             startWidth.current = Number.parseInt(document.defaultView.getComputedStyle(el).width, 10);
             document.documentElement.addEventListener('mousemove', doDrag, false);
             document.documentElement.addEventListener('mouseup', stopDrag, false);
@@ -2409,20 +3139,20 @@ const DraggablePanel = React.memo((props) => {
             '--panel-bg': bgColor !== null && bgColor !== void 0 ? bgColor : 'transparent',
         };
     }, [bgColor]);
-    return (jsxRuntime.jsxs("div", { className: css$m.panel, ref: div, onContextMenu: (e) => {
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$o.panel}${divClass}`, ref: div, onContextMenu: (e) => {
             if (disableOnContext)
                 e.preventDefault();
             return true;
-        }, style: Object.assign(Object.assign({}, cssVars), { overflow: 'visible', width: width, height: '100%', maxWidth: drags ? constraints.max : 'unset', transition: isDragging ? '' : 'width 0.2s ease', borderRight: panelClosed || !borderRight || !drags ? 'none' : borderRight, borderLeft: panelClosed || !borderLeft || !drags ? 'none' : borderLeft }), children: [jsxRuntime.jsxs("div", { ref: handle, style: Object.assign(Object.assign({ position: 'absolute', boxSizing: 'border-box', display: panelClosed || !drags ? 'none' : 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1, top: 0 }, leftRightStyle), { bottom: 0, width: isTouchDevice ? 44 : gripper.width, backgroundColor: resizeHandle.color, cursor: 'col-resize', overflow: 'visible' }), onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, onFocus: handleFocus, onBlur: handleBlur, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, children: [dragHandle && !panelClosed && (jsxRuntime.jsx(DragHandle, Object.assign({}, (dragHandleStyle !== null && dragHandleStyle !== void 0 ? dragHandleStyle : {})))), jsxRuntime.jsx("div", { style: {
+        }, style: Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), { overflow: 'visible', width: width, height: '100%', maxWidth: drags ? constraints.max : 'unset', transition: isDragging ? '' : 'width 0.2s ease', borderRight: panelClosed || !borderRight || !drags ? 'none' : borderRight, borderLeft: panelClosed || !borderLeft || !drags ? 'none' : borderLeft }) }, rest, { children: [jsxRuntime.jsxs("div", { ref: handle, style: Object.assign(Object.assign({ position: 'absolute', boxSizing: 'border-box', display: panelClosed || !drags ? 'none' : 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1, top: 0 }, leftRightStyle), { bottom: 0, width: isTouchDevice ? 44 : gripper.width, backgroundColor: resizeHandle.color, cursor: 'col-resize', overflow: 'visible' }), onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, onFocus: handleFocus, onBlur: handleBlur, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, children: [dragHandle && !panelClosed && (jsxRuntime.jsx(DragHandle, Object.assign({}, (dragHandleStyle !== null && dragHandleStyle !== void 0 ? dragHandleStyle : {})))), jsxRuntime.jsx("div", { style: {
                             backgroundColor: handleHighlight
-                                ? theme.colors['core-outline-primary']
+                                ? theme.current.colors['core-outline-primary']
                                 : 'transparent',
                             flex: 1,
                             maxWidth: 3,
                             height: '100%',
                             pointerEvents: 'none',
                             transition: 'background-color 0.2s ease',
-                        } })] }), jsxRuntime.jsx("div", { className: css$m.content, children: children })] }));
+                        } })] }), jsxRuntime.jsx("div", { className: css$o.content, children: children })] })));
 });
 const DragHandle = React.memo((props) => {
     const { width = 6, height = 6, radius = 100, stroke = 1, color = 'var(--core-surface-primary)', strokeColor = 'var(--core-outline-primary)', } = props;
@@ -2436,15 +3166,18 @@ const DragHandle = React.memo((props) => {
             '--drag-handle-bg': `${color}`,
         };
     }, [width, height, radius, stroke, color, strokeColor]);
-    return jsxRuntime.jsx("div", { className: css$m.handle, style: cssVars });
+    return jsxRuntime.jsx("div", { className: css$o.handle, style: cssVars });
 });
 
-var css_248z$l = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.ErrorSummary-module_errorBox__-R7XM {\n\twidth: 100%;\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--feedback-warning);\n\tborder: 1px solid var(--feedback-warning);\n\tborder-radius: 4px;\n\tpadding: 0 16px 16px 16px !important;\n\toverflow: hidden;\n\tmargin-bottom: 44px !important;\n}\n\n.ErrorSummary-module_error__YCQLh {\n\twidth: 100%;\n}\n\n.ErrorSummary-module_p__lbLpS {\n\tmargin: 0;\n\tpadding: 16px 0 0 0;\n}\n\n.ErrorSummary-module_strong__XVtAe {\n}\n\n.ErrorSummary-module_ul__d0xoc {\n\tlist-style-type: none;\n\tlist-style-position: outside;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ErrorSummary-module_li__jym6S {\n\tmargin: 3px 0 3px 0;\n\tline-height: 1.2em;\n\tpadding: 0;\n}\n";
-var css$l = {"errorBox":"ErrorSummary-module_errorBox__-R7XM flexBox-module_columnStart__Kg8cV type-module_body-m-regular__Qtp5G","error":"ErrorSummary-module_error__YCQLh flexBox-module_columnStart__Kg8cV","p":"ErrorSummary-module_p__lbLpS type-module_body-m-regular__Qtp5G","strong":"ErrorSummary-module_strong__XVtAe type-module_body-m-bold__0lZ3I","ul":"ErrorSummary-module_ul__d0xoc","li":"ErrorSummary-module_li__jym6S type-module_body-m-regular__Qtp5G"};
-styleInject(css_248z$l);
+var css_248z$p = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.ErrorSummary-module_errorBox__-R7XM {\n\twidth: 100%;\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--feedback-warning);\n\tborder: 1px solid var(--feedback-warning);\n\tborder-radius: 4px;\n\tpadding: 0 16px 16px 16px !important;\n\toverflow: hidden;\n\tmargin-bottom: 44px !important;\n}\n\n.ErrorSummary-module_error__YCQLh {\n\twidth: 100%;\n}\n\n.ErrorSummary-module_p__lbLpS {\n\tmargin: 0;\n\tpadding: 16px 0 0 0;\n}\n\n.ErrorSummary-module_strong__XVtAe {\n}\n\n.ErrorSummary-module_ul__d0xoc {\n\tlist-style-type: none;\n\tlist-style-position: outside;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ErrorSummary-module_li__jym6S {\n\tmargin: 3px 0 3px 0;\n\tline-height: 1.2em;\n\tpadding: 0;\n}\n";
+var css$n = {"errorBox":"ErrorSummary-module_errorBox__-R7XM flexBox-module_columnStart__Kg8cV type-module_body-m-regular__Qtp5G","error":"ErrorSummary-module_error__YCQLh flexBox-module_columnStart__Kg8cV","p":"ErrorSummary-module_p__lbLpS type-module_body-m-regular__Qtp5G","strong":"ErrorSummary-module_strong__XVtAe type-module_body-m-bold__0lZ3I","ul":"ErrorSummary-module_ul__d0xoc","li":"ErrorSummary-module_li__jym6S type-module_body-m-regular__Qtp5G"};
+styleInject(css_248z$p);
 
 const ErrorSummary = React.memo((props) => {
-    const { entries, errors = [] } = props;
+    const { entries, errors = [] } = props, divAttributes = __rest(props, ["entries", "errors"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // memo animation variants
     const variants = React.useMemo(() => ({
         enter: { opacity: 0, maxHeight: 0 },
@@ -2459,22 +3192,25 @@ const ErrorSummary = React.memo((props) => {
         return entries.map((error, index) => {
             var _a;
             if (errors.includes(index) || errors.includes(error.id)) {
-                return (jsxRuntime.jsxs("div", { className: css$l.error, children: [jsxRuntime.jsx("p", { className: css$l.p, children: jsxRuntime.jsx("strong", { className: css$l.strong, children: error.title }) }), jsxRuntime.jsx("ul", { className: css$l.ul, children: (_a = error.bullets) === null || _a === void 0 ? void 0 : _a.map((bullet, index) => {
-                                return (jsxRuntime.jsx("li", { className: css$l.li, children: bullet }, `${error.title}_bullet_${index}`));
+                return (jsxRuntime.jsxs("div", { className: css$n.error, children: [jsxRuntime.jsx("p", { className: css$n.p, children: jsxRuntime.jsx("strong", { className: css$n.strong, children: error.title }) }), jsxRuntime.jsx("ul", { className: css$n.ul, children: (_a = error.bullets) === null || _a === void 0 ? void 0 : _a.map((bullet, index) => {
+                                return (jsxRuntime.jsx("li", { className: css$n.li, children: bullet }, `${error.title}_bullet_${index}`));
                             }) })] }, `${error.id}_${index}`));
             }
             return null;
         });
     }, [entries, errors]);
-    return (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: entries && errors && errors.length > 0 && (jsxRuntime.jsx(react.motion.div, { className: css$l.errorBox, initial: 'enter', animate: 'animate', exit: 'exit', variants: variants, transition: transition, children: renderedErrors })) }));
+    return (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: entries && errors && errors.length > 0 && (jsxRuntime.jsx(react.motion.div, Object.assign({ id: divId, className: `${css$n.errorBox}${divClass}`, style: divStyle, initial: 'enter', animate: 'animate', exit: 'exit', variants: variants, transition: transition }, rest, { children: renderedErrors }))) }));
 });
 
-var css_248z$k = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Grouper-module_header__NPgUW {\n\twidth: 100%;\n\tcursor: pointer;\n}\n\n.Grouper-module_title__-bt06 {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.Grouper-module_content__u2SN7 {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tpadding: 0 24px !important;\n\twidth: 100%;\n\tgap: 6px;\n\theight: var(--grouper-height);\n\tborder-top: var(--grouper-border) solid var(--core-outline-primary);\n}\n\n.Grouper-module_icon__7YSLa {\n\tmin-height: var(--grouper-icon-size);\n\theight: var(--grouper-icon-size);\n\tmin-width: var(--grouper-icon-size);\n\twidth: var(--grouper-icon-size);\n}\n";
-var css$k = {"header":"Grouper-module_header__NPgUW flexBox-module_rowBetween__27lKK","title":"Grouper-module_title__-bt06 flexBox-module_rowBetween__27lKK type-module_body-m-regular__Qtp5G","content":"Grouper-module_content__u2SN7 flexBox-module_rowBetween__27lKK","icon":"Grouper-module_icon__7YSLa flexBox-module_row__PWxbe"};
-styleInject(css_248z$k);
+var css_248z$o = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Grouper-module_header__NPgUW {\n\twidth: 100%;\n\tcursor: pointer;\n}\n\n.Grouper-module_title__-bt06 {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.Grouper-module_content__u2SN7 {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tpadding: 0 24px !important;\n\twidth: 100%;\n\tgap: 6px;\n\theight: var(--grouper-height);\n\tborder-top: var(--grouper-border) solid var(--core-outline-primary);\n}\n\n.Grouper-module_icon__7YSLa {\n\tmin-height: var(--grouper-icon-size);\n\theight: var(--grouper-icon-size);\n\tmin-width: var(--grouper-icon-size);\n\twidth: var(--grouper-icon-size);\n}\n";
+var css$m = {"header":"Grouper-module_header__NPgUW flexBox-module_rowBetween__27lKK","title":"Grouper-module_title__-bt06 flexBox-module_rowBetween__27lKK type-module_body-m-regular__Qtp5G","content":"Grouper-module_content__u2SN7 flexBox-module_rowBetween__27lKK","icon":"Grouper-module_icon__7YSLa flexBox-module_row__PWxbe"};
+styleInject(css_248z$o);
 
 const Grouper = React.memo((props) => {
-    const { title = 'Group Title', toggle = true, open = true, hasIcon = true, iconName = 'chevron down', iconSize = 18, frameSize = 64, border = 0, count = 0, unframed = false, hideNull = true, showFilterBadge = false, onChange = () => null, onClick = () => null, } = props;
+    const { title = 'Group Title', toggle = true, open = true, hasIcon = true, iconName = 'chevron down', iconSize = 18, frameSize = 64, border = 0, count = 0, unframed = false, hideNull = true, showFilterBadge = false, onChange = () => null, onClick = () => null } = props, divAttributes = __rest(props, ["title", "toggle", "open", "hasIcon", "iconName", "iconSize", "frameSize", "border", "count", "unframed", "hideNull", "showFilterBadge", "onChange", "onClick"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const theme = useTheme();
     const [state, setState] = React.useState(open);
     const [icon, animateIcon] = react.useAnimate();
@@ -2499,123 +3235,127 @@ const Grouper = React.memo((props) => {
             '--grouper-icon-size': `${iconSize}px`,
         };
     }, [frameSize, iconSize, border, unframed]);
-    return (jsxRuntime.jsx("div", { className: css$k.header, style: cssVars, onClick: handleToggle, onKeyDown: handleToggle, children: jsxRuntime.jsxs("div", { className: css$k.content, children: [jsxRuntime.jsxs("div", { className: css$k.title, children: [title, jsxRuntime.jsx(Badge, { hideNull: hideNull, count: count, variant: 'light' }), showFilterBadge && (jsxRuntime.jsx(Icon, { name: "filter", size: 16, strokeColor: theme.colors['core-text-disabled'] }))] }), hasIcon && (jsxRuntime.jsx("div", { ref: icon, className: css$k.icon, children: jsxRuntime.jsx(Icon, { name: iconName, size: iconSize }) }))] }) }));
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: `${css$m.header}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: handleToggle, onKeyDown: handleToggle }, rest, { children: jsxRuntime.jsxs("div", { className: css$m.content, children: [jsxRuntime.jsxs("div", { className: css$m.title, children: [title, jsxRuntime.jsx(Badge, { hideNull: hideNull, count: count, variant: 'light' }), showFilterBadge && (jsxRuntime.jsx(Icon, { name: "filter", size: 16, strokeColor: theme.current.colors['core-text-disabled'] }))] }), hasIcon && (jsxRuntime.jsx("div", { ref: icon, className: css$m.icon, children: jsxRuntime.jsx(Icon, { name: iconName, size: iconSize }) }))] }) })));
 });
 
 function Logos(props) {
     const theme = useTheme();
-    const { image = 'gp', color = theme.colors['core-text-primary'], height = 36, } = props;
+    const { image = 'gp', color = theme.current.colors['core-text-primary'], height, width } = props, divAttributes = __rest(props, ["image", "color", "height", "width"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
+    // memo height
+    const adjustedHeight = React.useMemo(() => {
+        if (!width && !height)
+            return 36;
+        return height;
+    }, [width, height]);
+    // memo slice logo
+    const sliceColor = React.useMemo(() => {
+        if (theme.current.name === 'lightMode')
+            return theme.current.colors['core-text-primary'];
+        return theme.current.colors['core-text-special'];
+    }, [theme]);
+    // memo slice logo bg
+    const sliceBgColor = React.useMemo(() => {
+        if (theme.current.name === 'lightMode')
+            return '#6af5ff';
+        return theme.current.colors['core-surface-secondary'];
+    }, [theme]);
     const renderIcon = React.useMemo(() => {
         const images = [
             {
                 name: 'stripe',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 111 20", role: "img", "aria-label": "Stripe logo", children: [jsxRuntime.jsx("title", { children: "Stripe" }), jsxRuntime.jsx("path", { d: "M 52.351 15.495 L 51.046 15.495 L 52.056 13.035 L 50.046 8.032 L 51.424 8.032 L 52.688 11.437 L 53.961 8.032 L 55.34 8.032 Z M 47.34 13.346 C 46.888 13.346 46.425 13.181 46.004 12.859 L 46.004 13.222 L 44.657 13.222 L 44.657 5.76 L 46.004 5.76 L 46.004 8.386 C 46.425 8.075 46.888 7.908 47.34 7.908 C 48.751 7.908 49.719 9.029 49.719 10.627 C 49.719 12.225 48.751 13.346 47.34 13.346 Z M 47.056 9.049 C 46.688 9.049 46.319 9.205 46.004 9.517 L 46.004 11.738 C 46.319 12.049 46.688 12.205 47.056 12.205 C 47.814 12.205 48.341 11.562 48.341 10.627 C 48.341 9.694 47.814 9.049 47.056 9.049 Z M 39.204 12.859 C 38.794 13.181 38.331 13.346 37.868 13.346 C 36.468 13.346 35.49 12.225 35.49 10.627 C 35.49 9.029 36.468 7.908 37.868 7.908 C 38.331 7.908 38.794 8.075 39.204 8.386 L 39.204 5.76 L 40.562 5.76 L 40.562 13.222 L 39.204 13.222 Z M 39.204 9.517 C 38.899 9.205 38.531 9.049 38.162 9.049 C 37.394 9.049 36.868 9.694 36.868 10.627 C 36.868 11.562 37.394 12.205 38.162 12.205 C 38.531 12.205 38.899 12.049 39.204 11.738 Z M 31.184 10.991 C 31.268 11.779 31.9 12.319 32.784 12.319 C 33.268 12.319 33.805 12.142 34.352 11.831 L 34.352 12.941 C 33.792 13.202 33.182 13.34 32.563 13.346 C 30.974 13.346 29.858 12.205 29.858 10.586 C 29.858 9.019 30.953 7.908 32.458 7.908 C 33.836 7.908 34.773 8.977 34.773 10.503 C 34.773 10.648 34.773 10.814 34.752 10.991 Z M 32.405 8.936 C 31.753 8.936 31.248 9.413 31.184 10.129 L 33.478 10.129 C 33.436 9.423 33.005 8.936 32.405 8.936 Z M 27.637 9.755 L 27.637 13.222 L 26.29 13.222 L 26.29 8.032 L 27.637 8.032 L 27.637 8.551 C 28.016 8.136 28.479 7.908 28.931 7.908 C 29.079 7.908 29.227 7.919 29.374 7.96 L 29.374 9.144 C 29.219 9.101 29.06 9.08 28.9 9.081 C 28.458 9.081 27.984 9.32 27.637 9.755 Z M 21.627 10.991 C 21.712 11.779 22.342 12.319 23.227 12.319 C 23.711 12.319 24.248 12.142 24.795 11.831 L 24.795 12.941 C 24.235 13.202 23.625 13.34 23.005 13.346 C 21.416 13.346 20.301 12.205 20.301 10.586 C 20.301 9.019 21.396 7.908 22.9 7.908 C 24.28 7.908 25.216 8.977 25.216 10.503 C 25.216 10.648 25.216 10.814 25.195 10.991 Z M 22.847 8.936 C 22.195 8.936 21.69 9.413 21.627 10.129 L 23.922 10.129 C 23.879 9.423 23.448 8.936 22.847 8.936 Z M 16.922 13.222 L 15.848 9.694 L 14.786 13.222 L 13.575 13.222 L 11.765 8.032 L 13.112 8.032 L 14.175 11.562 L 15.238 8.032 L 16.459 8.032 L 17.521 11.562 L 18.585 8.032 L 19.931 8.032 L 18.132 13.222 Z M 8.691 13.346 C 7.102 13.346 5.976 12.215 5.976 10.627 C 5.976 9.029 7.102 7.908 8.691 7.908 C 10.28 7.908 11.396 9.029 11.396 10.627 C 11.396 12.215 10.28 13.346 8.691 13.346 Z M 8.691 9.019 C 7.901 9.019 7.354 9.672 7.354 10.627 C 7.354 11.582 7.901 12.236 8.691 12.236 C 9.47 12.236 10.017 11.582 10.017 10.627 C 10.017 9.672 9.47 9.019 8.691 9.019 Z M 2.776 10.659 L 1.565 10.659 L 1.565 13.222 L 0.219 13.222 L 0.219 6.082 L 2.776 6.082 C 4.249 6.082 5.301 7.026 5.301 8.375 C 5.301 9.724 4.249 10.659 2.776 10.659 Z M 2.586 7.161 L 1.565 7.161 L 1.565 9.579 L 2.586 9.579 C 3.365 9.579 3.912 9.092 3.912 8.375 C 3.912 7.649 3.365 7.161 2.586 7.161 Z M 110.728 11.309 L 104.259 11.309 C 104.406 12.837 105.541 13.286 106.829 13.286 C 108.142 13.286 109.175 13.014 110.076 12.566 L 110.076 15.191 C 109.178 15.681 107.993 16.036 106.412 16.036 C 103.194 16.036 100.938 14.048 100.938 10.118 C 100.938 6.799 102.851 4.163 105.996 4.163 C 109.135 4.163 110.773 6.798 110.773 10.135 C 110.773 10.45 110.744 11.133 110.728 11.309 Z M 105.974 6.82 C 105.148 6.82 104.23 7.435 104.23 8.903 L 107.646 8.903 C 107.646 7.437 106.786 6.82 105.974 6.82 Z M 95.697 16.036 C 94.54 16.036 93.834 15.555 93.359 15.211 L 93.352 18.899 L 90.048 19.592 L 90.046 4.38 L 92.956 4.38 L 93.128 5.185 C 93.585 4.764 94.422 4.163 95.717 4.163 C 98.038 4.163 100.224 6.224 100.224 10.018 C 100.224 14.16 98.061 16.036 95.697 16.036 Z M 94.928 7.05 C 94.168 7.05 93.693 7.323 93.349 7.695 L 93.369 12.538 C 93.689 12.881 94.152 13.157 94.928 13.157 C 96.149 13.157 96.968 11.845 96.968 10.09 C 96.968 8.385 96.137 7.05 94.928 7.05 Z M 85.378 4.38 L 88.696 4.38 L 88.696 15.803 L 85.378 15.803 Z M 85.378 0.733 L 88.696 0.037 L 88.696 2.691 L 85.378 3.387 Z M 81.951 8.059 L 81.951 15.803 L 78.647 15.803 L 78.647 4.38 L 81.505 4.38 L 81.713 5.343 C 82.485 3.941 84.031 4.225 84.471 4.381 L 84.471 7.376 C 84.05 7.242 82.732 7.047 81.951 8.059 Z M 74.976 11.795 C 74.976 13.716 77.061 13.118 77.485 12.951 L 77.485 15.604 C 77.044 15.842 76.245 16.036 75.165 16.036 C 73.204 16.036 71.732 14.611 71.732 12.682 L 71.746 2.226 L 74.973 1.55 L 74.976 4.38 L 77.486 4.38 L 77.486 7.159 L 74.976 7.159 Z M 70.966 12.351 C 70.966 14.697 69.072 16.036 66.324 16.036 C 65.184 16.036 63.939 15.818 62.71 15.296 L 62.71 12.185 C 63.819 12.779 65.233 13.225 66.327 13.225 C 67.065 13.225 67.595 13.03 67.595 12.428 C 67.595 10.873 62.571 11.459 62.571 7.85 C 62.571 5.543 64.358 4.163 67.039 4.163 C 68.134 4.163 69.228 4.329 70.323 4.759 L 70.323 7.828 C 69.318 7.293 68.042 6.99 67.036 6.99 C 66.344 6.99 65.913 7.187 65.913 7.696 C 65.913 9.162 70.966 8.465 70.966 12.351 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, width: width, viewBox: "0 0 111 20", role: "img", "aria-label": "Stripe logo", children: [jsxRuntime.jsx("title", { children: "Stripe" }), jsxRuntime.jsx("path", { d: "M 52.351 15.495 L 51.046 15.495 L 52.056 13.035 L 50.046 8.032 L 51.424 8.032 L 52.688 11.437 L 53.961 8.032 L 55.34 8.032 Z M 47.34 13.346 C 46.888 13.346 46.425 13.181 46.004 12.859 L 46.004 13.222 L 44.657 13.222 L 44.657 5.76 L 46.004 5.76 L 46.004 8.386 C 46.425 8.075 46.888 7.908 47.34 7.908 C 48.751 7.908 49.719 9.029 49.719 10.627 C 49.719 12.225 48.751 13.346 47.34 13.346 Z M 47.056 9.049 C 46.688 9.049 46.319 9.205 46.004 9.517 L 46.004 11.738 C 46.319 12.049 46.688 12.205 47.056 12.205 C 47.814 12.205 48.341 11.562 48.341 10.627 C 48.341 9.694 47.814 9.049 47.056 9.049 Z M 39.204 12.859 C 38.794 13.181 38.331 13.346 37.868 13.346 C 36.468 13.346 35.49 12.225 35.49 10.627 C 35.49 9.029 36.468 7.908 37.868 7.908 C 38.331 7.908 38.794 8.075 39.204 8.386 L 39.204 5.76 L 40.562 5.76 L 40.562 13.222 L 39.204 13.222 Z M 39.204 9.517 C 38.899 9.205 38.531 9.049 38.162 9.049 C 37.394 9.049 36.868 9.694 36.868 10.627 C 36.868 11.562 37.394 12.205 38.162 12.205 C 38.531 12.205 38.899 12.049 39.204 11.738 Z M 31.184 10.991 C 31.268 11.779 31.9 12.319 32.784 12.319 C 33.268 12.319 33.805 12.142 34.352 11.831 L 34.352 12.941 C 33.792 13.202 33.182 13.34 32.563 13.346 C 30.974 13.346 29.858 12.205 29.858 10.586 C 29.858 9.019 30.953 7.908 32.458 7.908 C 33.836 7.908 34.773 8.977 34.773 10.503 C 34.773 10.648 34.773 10.814 34.752 10.991 Z M 32.405 8.936 C 31.753 8.936 31.248 9.413 31.184 10.129 L 33.478 10.129 C 33.436 9.423 33.005 8.936 32.405 8.936 Z M 27.637 9.755 L 27.637 13.222 L 26.29 13.222 L 26.29 8.032 L 27.637 8.032 L 27.637 8.551 C 28.016 8.136 28.479 7.908 28.931 7.908 C 29.079 7.908 29.227 7.919 29.374 7.96 L 29.374 9.144 C 29.219 9.101 29.06 9.08 28.9 9.081 C 28.458 9.081 27.984 9.32 27.637 9.755 Z M 21.627 10.991 C 21.712 11.779 22.342 12.319 23.227 12.319 C 23.711 12.319 24.248 12.142 24.795 11.831 L 24.795 12.941 C 24.235 13.202 23.625 13.34 23.005 13.346 C 21.416 13.346 20.301 12.205 20.301 10.586 C 20.301 9.019 21.396 7.908 22.9 7.908 C 24.28 7.908 25.216 8.977 25.216 10.503 C 25.216 10.648 25.216 10.814 25.195 10.991 Z M 22.847 8.936 C 22.195 8.936 21.69 9.413 21.627 10.129 L 23.922 10.129 C 23.879 9.423 23.448 8.936 22.847 8.936 Z M 16.922 13.222 L 15.848 9.694 L 14.786 13.222 L 13.575 13.222 L 11.765 8.032 L 13.112 8.032 L 14.175 11.562 L 15.238 8.032 L 16.459 8.032 L 17.521 11.562 L 18.585 8.032 L 19.931 8.032 L 18.132 13.222 Z M 8.691 13.346 C 7.102 13.346 5.976 12.215 5.976 10.627 C 5.976 9.029 7.102 7.908 8.691 7.908 C 10.28 7.908 11.396 9.029 11.396 10.627 C 11.396 12.215 10.28 13.346 8.691 13.346 Z M 8.691 9.019 C 7.901 9.019 7.354 9.672 7.354 10.627 C 7.354 11.582 7.901 12.236 8.691 12.236 C 9.47 12.236 10.017 11.582 10.017 10.627 C 10.017 9.672 9.47 9.019 8.691 9.019 Z M 2.776 10.659 L 1.565 10.659 L 1.565 13.222 L 0.219 13.222 L 0.219 6.082 L 2.776 6.082 C 4.249 6.082 5.301 7.026 5.301 8.375 C 5.301 9.724 4.249 10.659 2.776 10.659 Z M 2.586 7.161 L 1.565 7.161 L 1.565 9.579 L 2.586 9.579 C 3.365 9.579 3.912 9.092 3.912 8.375 C 3.912 7.649 3.365 7.161 2.586 7.161 Z M 110.728 11.309 L 104.259 11.309 C 104.406 12.837 105.541 13.286 106.829 13.286 C 108.142 13.286 109.175 13.014 110.076 12.566 L 110.076 15.191 C 109.178 15.681 107.993 16.036 106.412 16.036 C 103.194 16.036 100.938 14.048 100.938 10.118 C 100.938 6.799 102.851 4.163 105.996 4.163 C 109.135 4.163 110.773 6.798 110.773 10.135 C 110.773 10.45 110.744 11.133 110.728 11.309 Z M 105.974 6.82 C 105.148 6.82 104.23 7.435 104.23 8.903 L 107.646 8.903 C 107.646 7.437 106.786 6.82 105.974 6.82 Z M 95.697 16.036 C 94.54 16.036 93.834 15.555 93.359 15.211 L 93.352 18.899 L 90.048 19.592 L 90.046 4.38 L 92.956 4.38 L 93.128 5.185 C 93.585 4.764 94.422 4.163 95.717 4.163 C 98.038 4.163 100.224 6.224 100.224 10.018 C 100.224 14.16 98.061 16.036 95.697 16.036 Z M 94.928 7.05 C 94.168 7.05 93.693 7.323 93.349 7.695 L 93.369 12.538 C 93.689 12.881 94.152 13.157 94.928 13.157 C 96.149 13.157 96.968 11.845 96.968 10.09 C 96.968 8.385 96.137 7.05 94.928 7.05 Z M 85.378 4.38 L 88.696 4.38 L 88.696 15.803 L 85.378 15.803 Z M 85.378 0.733 L 88.696 0.037 L 88.696 2.691 L 85.378 3.387 Z M 81.951 8.059 L 81.951 15.803 L 78.647 15.803 L 78.647 4.38 L 81.505 4.38 L 81.713 5.343 C 82.485 3.941 84.031 4.225 84.471 4.381 L 84.471 7.376 C 84.05 7.242 82.732 7.047 81.951 8.059 Z M 74.976 11.795 C 74.976 13.716 77.061 13.118 77.485 12.951 L 77.485 15.604 C 77.044 15.842 76.245 16.036 75.165 16.036 C 73.204 16.036 71.732 14.611 71.732 12.682 L 71.746 2.226 L 74.973 1.55 L 74.976 4.38 L 77.486 4.38 L 77.486 7.159 L 74.976 7.159 Z M 70.966 12.351 C 70.966 14.697 69.072 16.036 66.324 16.036 C 65.184 16.036 63.939 15.818 62.71 15.296 L 62.71 12.185 C 63.819 12.779 65.233 13.225 66.327 13.225 C 67.065 13.225 67.595 13.03 67.595 12.428 C 67.595 10.873 62.571 11.459 62.571 7.85 C 62.571 5.543 64.358 4.163 67.039 4.163 C 68.134 4.163 69.228 4.329 70.323 4.759 L 70.323 7.828 C 69.318 7.293 68.042 6.99 67.036 6.99 C 66.344 6.99 65.913 7.187 65.913 7.696 C 65.913 9.162 70.966 8.465 70.966 12.351 Z", fill: color })] })),
             },
             {
                 name: 'linkedin',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 24 24", role: "img", "aria-label": "LinkedIn logo", children: [jsxRuntime.jsx("title", { children: "LinkedIn" }), jsxRuntime.jsx("path", { d: "M 19.68 19.51 L 16.519 19.51 L 16.519 14.56 C 16.519 13.38 16.497 11.86 14.875 11.86 C 13.228 11.86 12.976 13.147 12.976 14.473 L 12.976 19.509 L 9.816 19.509 L 9.816 9.331 L 12.851 9.331 L 12.851 10.72 L 12.892 10.72 C 13.511 9.662 14.662 9.03 15.887 9.076 C 19.091 9.076 19.681 11.183 19.681 13.924 L 19.68 19.509 Z M 6.249 7.939 C 5.582 7.957 4.958 7.611 4.619 7.036 C 4.281 6.461 4.281 5.748 4.619 5.173 C 4.958 4.598 5.582 4.253 6.249 4.271 C 7.243 4.297 8.035 5.111 8.035 6.105 C 8.035 7.099 7.243 7.912 6.249 7.939 Z M 7.829 19.51 L 4.665 19.51 L 4.665 9.331 L 7.829 9.331 Z M 21.256 1.333 L 3.077 1.333 C 2.218 1.324 1.513 2.012 1.503 2.872 L 1.503 21.125 C 1.507 21.538 1.675 21.933 1.97 22.222 C 2.265 22.511 2.663 22.671 3.076 22.666 L 21.256 22.666 C 22.117 22.678 22.824 21.989 22.836 21.128 L 22.836 2.871 C 22.824 2.01 22.117 1.322 21.256 1.333", fill: color })] })),
-            },
-            {
-                name: 'gpgia',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 155 44", role: "img", "aria-label": "GP Gia logo", children: [jsxRuntime.jsx("title", { children: "GP Gia" }), jsxRuntime.jsxs("g", { transform: "translate(0.001 0)", children: [jsxRuntime.jsx("path", { d: "M 22.342 38.095 C 22.51 38.037 22.674 37.976 22.839 37.913 L 22.839 44.035 C 22.674 44.043 22.508 44.049 22.342 44.053 C 22.178 44.057 22.012 44.059 21.846 44.059 C 21.68 44.059 21.514 44.057 21.349 44.053 C 21.183 44.049 21.017 44.043 20.853 44.035 L 20.853 38.536 C 21.019 38.496 21.185 38.453 21.349 38.407 L 21.349 33.969 C 21.514 33.976 21.68 33.981 21.846 33.981 C 22.012 33.981 22.178 33.976 22.342 33.969 L 22.342 38.096 Z M 25.392 33.436 C 25.234 33.486 25.074 33.53 24.914 33.574 C 24.754 33.617 24.593 33.656 24.431 33.691 L 25.246 36.762 C 25.098 36.848 24.949 36.93 24.797 37.011 L 26.533 43.547 C 26.857 43.476 27.18 43.397 27.5 43.31 C 27.66 43.267 27.82 43.223 27.978 43.175 C 28.137 43.128 28.296 43.08 28.453 43.03 L 26.561 35.91 C 26.418 36.013 26.272 36.111 26.126 36.21 L 25.389 33.435 Z M 28.196 32.119 C 28.057 32.208 27.915 32.295 27.772 32.379 C 27.628 32.463 27.484 32.544 27.336 32.621 L 28.37 34.427 C 28.247 34.544 28.121 34.659 27.994 34.772 L 31.899 41.593 C 32.047 41.517 32.193 41.438 32.339 41.357 C 32.484 41.276 32.628 41.195 32.772 41.112 C 32.915 41.028 33.059 40.943 33.199 40.857 C 33.341 40.77 33.482 40.681 33.621 40.591 L 29.451 33.308 C 29.336 33.439 29.218 33.568 29.099 33.695 L 28.197 32.119 Z M 30.569 30.118 C 30.457 30.241 30.343 30.363 30.226 30.481 C 30.109 30.599 29.988 30.714 29.866 30.827 L 30.715 31.683 C 30.62 31.822 30.522 31.959 30.422 32.096 L 36.574 38.299 C 36.695 38.187 36.817 38.072 36.936 37.957 C 37.055 37.843 37.175 37.725 37.292 37.608 C 37.41 37.489 37.525 37.37 37.639 37.249 C 37.754 37.129 37.867 37.006 37.978 36.882 L 31.525 30.375 C 31.44 30.525 31.355 30.674 31.266 30.823 L 30.568 30.118 Z M 32.348 27.566 C 32.27 27.715 32.191 27.86 32.108 28.005 C 32.025 28.149 31.94 28.292 31.85 28.433 L 32.34 28.717 C 32.274 28.871 32.206 29.025 32.136 29.178 L 40.25 33.902 C 40.34 33.761 40.427 33.62 40.514 33.476 C 40.6 33.333 40.684 33.19 40.767 33.046 C 40.85 32.901 40.932 32.756 41.011 32.61 C 41.09 32.464 41.169 32.316 41.245 32.167 L 32.873 27.292 C 32.82 27.454 32.766 27.615 32.709 27.775 L 32.349 27.566 Z M 33.411 24.636 C 33.375 24.799 33.336 24.963 33.293 25.123 C 33.25 25.285 33.206 25.446 33.156 25.605 L 33.313 25.647 C 33.278 25.81 33.241 25.973 33.201 26.135 L 42.673 28.694 C 42.723 28.535 42.771 28.376 42.818 28.215 C 42.865 28.055 42.909 27.894 42.952 27.732 C 43.038 27.409 43.116 27.084 43.186 26.758 L 33.566 24.158 C 33.545 24.325 33.522 24.491 33.496 24.658 L 33.411 24.635 Z M 43.685 21.529 C 43.681 21.362 43.676 21.194 43.668 21.028 L 33.666 21.028 C 33.676 21.194 33.684 21.362 33.689 21.529 L 33.684 21.529 C 33.686 21.609 33.69 21.688 33.692 21.769 C 33.697 21.944 33.697 22.118 33.692 22.293 L 33.684 22.533 L 33.689 22.533 C 33.684 22.7 33.677 22.868 33.666 23.034 L 43.668 23.034 C 43.676 22.868 43.681 22.7 43.685 22.533 C 43.689 22.367 43.692 22.2 43.692 22.032 C 43.692 21.865 43.689 21.698 43.685 21.532 Z M 33.156 18.454 C 33.206 18.614 33.25 18.774 33.293 18.936 C 33.336 19.097 33.375 19.26 33.411 19.423 L 33.496 19.4 C 33.522 19.567 33.545 19.733 33.566 19.9 L 43.186 17.3 C 43.116 16.974 43.038 16.649 42.952 16.326 C 42.909 16.164 42.865 16.003 42.818 15.843 C 42.771 15.683 42.723 15.523 42.673 15.364 L 33.201 17.923 C 33.241 18.085 33.278 18.248 33.313 18.411 L 33.156 18.453 Z M 31.85 15.627 C 31.938 15.767 32.025 15.91 32.108 16.055 C 32.191 16.199 32.272 16.345 32.348 16.493 L 32.708 16.284 C 32.766 16.443 32.819 16.605 32.871 16.767 L 41.245 11.892 C 41.169 11.744 41.091 11.597 41.011 11.449 C 40.852 11.157 40.686 10.868 40.514 10.583 C 40.428 10.44 40.34 10.298 40.25 10.158 L 32.136 14.882 C 32.206 15.034 32.274 15.187 32.34 15.342 Z M 29.866 13.234 C 29.988 13.347 30.109 13.462 30.226 13.579 C 30.344 13.697 30.457 13.82 30.569 13.942 L 31.268 13.238 C 31.356 13.385 31.442 13.535 31.526 13.686 L 37.979 7.179 C 37.867 7.056 37.754 6.933 37.64 6.812 C 37.527 6.692 37.41 6.572 37.294 6.453 C 37.176 6.335 37.058 6.218 36.938 6.103 C 36.819 5.987 36.697 5.874 36.575 5.762 L 30.423 11.965 C 30.522 12.101 30.62 12.239 30.716 12.378 L 29.868 13.234 Z M 27.335 11.439 C 27.482 11.517 27.627 11.597 27.77 11.68 C 27.913 11.764 28.055 11.85 28.194 11.941 L 29.097 10.364 C 29.216 10.491 29.334 10.621 29.449 10.752 L 33.618 3.469 C 33.479 3.378 33.338 3.291 33.197 3.203 C 33.055 3.116 32.913 3.031 32.77 2.948 C 32.626 2.864 32.482 2.783 32.337 2.702 C 32.193 2.622 32.045 2.543 31.898 2.466 L 27.992 9.287 C 28.12 9.401 28.245 9.515 28.368 9.633 Z M 24.429 10.367 C 24.591 10.403 24.753 10.443 24.912 10.484 C 25.073 10.528 25.232 10.572 25.39 10.622 L 26.128 7.847 C 26.274 7.944 26.42 8.044 26.563 8.147 L 28.454 1.027 C 28.296 0.977 28.138 0.929 27.979 0.881 C 27.661 0.787 27.341 0.701 27.019 0.622 C 26.859 0.583 26.697 0.545 26.535 0.509 L 24.799 7.044 C 24.949 7.125 25.098 7.209 25.247 7.294 L 24.432 10.364 Z M 21.348 10.092 C 21.513 10.085 21.679 10.08 21.845 10.08 C 22.011 10.08 22.177 10.085 22.341 10.092 L 22.341 5.964 C 22.508 6.022 22.673 6.083 22.838 6.147 L 22.838 0.024 C 22.673 0.016 22.507 0.011 22.341 0.007 C 22.177 0.003 22.011 0 21.845 0 C 21.679 0 21.513 0.003 21.348 0.007 C 21.182 0.011 21.016 0.016 20.851 0.024 L 20.851 5.523 C 21.017 5.563 21.183 5.607 21.348 5.653 L 21.348 10.09 Z M 18.299 10.623 C 18.457 10.573 18.616 10.529 18.777 10.486 C 18.936 10.443 19.098 10.403 19.26 10.368 L 17.853 5.072 C 18.028 5.083 18.204 5.096 18.378 5.111 L 17.156 0.513 C 16.994 0.549 16.832 0.586 16.671 0.626 C 16.511 0.665 16.35 0.707 16.189 0.75 C 16.029 0.794 15.869 0.838 15.711 0.885 C 15.552 0.933 15.394 0.981 15.236 1.031 L 16.304 5.052 C 16.474 5.047 16.644 5.042 16.816 5.042 L 18.299 10.626 Z M 15.495 11.941 C 15.634 11.852 15.776 11.764 15.919 11.68 C 16.062 11.597 16.207 11.516 16.354 11.439 L 12.951 5.496 C 13.12 5.455 13.289 5.418 13.46 5.383 L 11.791 2.467 C 11.644 2.544 11.498 2.622 11.352 2.703 C 11.062 2.864 10.775 3.031 10.493 3.204 C 10.351 3.291 10.21 3.38 10.071 3.47 L 11.475 5.922 C 11.636 5.868 11.798 5.817 11.96 5.767 L 15.495 11.942 Z M 13.121 13.941 C 13.234 13.818 13.348 13.697 13.464 13.578 C 13.582 13.459 13.702 13.346 13.824 13.232 L 8.127 7.488 C 8.273 7.399 8.422 7.313 8.572 7.228 L 7.117 5.76 C 6.995 5.874 6.873 5.987 6.753 6.102 C 6.634 6.217 6.515 6.334 6.397 6.452 C 6.279 6.569 6.164 6.689 6.05 6.811 C 5.935 6.931 5.823 7.053 5.711 7.178 L 6.867 8.342 C 7.002 8.243 7.138 8.144 7.276 8.047 Z M 11.343 16.493 C 11.42 16.345 11.499 16.199 11.582 16.055 C 11.665 15.91 11.751 15.767 11.841 15.627 L 3.987 11.055 C 4.097 10.926 4.207 10.798 4.321 10.671 L 3.441 10.158 C 3.352 10.298 3.265 10.44 3.178 10.583 C 3.092 10.726 3.008 10.869 2.925 11.013 C 2.842 11.158 2.761 11.304 2.681 11.449 C 2.602 11.595 2.523 11.744 2.447 11.892 L 3.068 12.254 C 3.164 12.116 3.262 11.98 3.361 11.846 L 11.344 16.493 Z M 10.28 19.423 C 10.316 19.26 10.355 19.097 10.396 18.936 C 10.439 18.774 10.483 18.614 10.533 18.454 L 1.124 15.913 C 1.185 15.756 1.246 15.6 1.31 15.445 L 1.016 15.365 C 0.966 15.524 0.918 15.684 0.871 15.844 C 0.825 16.005 0.78 16.165 0.738 16.327 C 0.695 16.488 0.655 16.65 0.614 16.813 C 0.576 16.975 0.538 17.138 0.502 17.302 L 0.647 17.341 C 0.692 17.18 0.74 17.02 0.791 16.862 L 10.277 19.425 Z M 10.007 22.53 C 10 22.364 9.995 22.197 9.995 22.03 C 9.995 21.862 10 21.695 10.007 21.529 L 0.005 21.529 L 0.005 21.591 C 0.003 21.737 0 21.883 0 22.03 C 0 22.177 0.003 22.323 0.005 22.468 L 0.005 22.53 Z M 10.534 25.605 C 10.485 25.446 10.44 25.285 10.398 25.123 C 10.355 24.963 10.317 24.799 10.281 24.636 L 0.794 27.199 C 0.743 27.04 0.695 26.88 0.649 26.72 L 0.505 26.759 C 0.541 26.922 0.577 27.086 0.617 27.248 C 0.656 27.41 0.697 27.572 0.74 27.733 C 0.783 27.895 0.827 28.056 0.874 28.217 C 0.921 28.377 0.969 28.537 1.019 28.696 L 1.313 28.616 C 1.249 28.461 1.187 28.306 1.127 28.148 L 10.535 25.606 Z M 11.841 28.433 C 11.752 28.292 11.665 28.149 11.582 28.005 C 11.499 27.86 11.419 27.715 11.343 27.566 L 3.36 32.213 C 3.259 32.08 3.162 31.943 3.067 31.806 L 2.445 32.167 C 2.522 32.316 2.599 32.463 2.68 32.61 C 2.839 32.902 3.004 33.191 3.176 33.476 C 3.262 33.62 3.35 33.761 3.44 33.902 L 4.319 33.389 C 4.207 33.262 4.096 33.134 3.986 33.004 L 11.839 28.433 Z M 13.824 30.826 C 13.702 30.712 13.582 30.598 13.464 30.48 C 13.346 30.363 13.234 30.24 13.121 30.117 L 7.276 36.011 C 7.138 35.915 7.002 35.817 6.867 35.716 L 5.711 36.88 C 5.824 37.003 5.936 37.126 6.05 37.247 C 6.164 37.368 6.28 37.488 6.397 37.607 C 6.513 37.724 6.632 37.841 6.753 37.956 C 6.872 38.072 6.994 38.186 7.116 38.298 L 8.571 36.83 C 8.422 36.745 8.273 36.659 8.126 36.57 L 13.823 30.826 Z M 16.355 32.621 C 16.208 32.542 16.064 32.463 15.92 32.379 C 15.777 32.295 15.635 32.209 15.496 32.119 L 11.961 38.293 C 11.799 38.244 11.637 38.192 11.476 38.138 L 10.072 40.591 C 10.212 40.681 10.352 40.769 10.494 40.857 C 10.636 40.943 10.778 41.028 10.921 41.112 C 11.064 41.195 11.209 41.276 11.353 41.357 C 11.498 41.437 11.645 41.517 11.792 41.593 L 13.461 38.678 C 13.291 38.643 13.121 38.605 12.953 38.565 L 16.355 32.622 Z M 19.261 33.692 C 19.099 33.656 18.937 33.617 18.778 33.575 C 18.617 33.532 18.458 33.487 18.3 33.437 L 16.817 39.021 C 16.646 39.021 16.476 39.017 16.306 39.012 L 15.238 43.032 C 15.396 43.082 15.554 43.131 15.713 43.178 C 16.19 43.319 16.672 43.443 17.157 43.549 L 18.379 38.951 C 18.205 38.967 18.03 38.98 17.854 38.99 L 19.261 33.694 Z M 21.996 22.597 L 21.993 22.588 M 21.588 22.997 L 21.637 22.808 M 21.693 22.597 L 21.696 22.588", fill: color }), jsxRuntime.jsx("path", { d: "M 91.814 9.071 L 82.438 9.071 L 82.438 20.179 L 77.143 20.179 L 77.143 23.88 L 82.438 23.88 L 82.438 32.345 L 86.896 32.345 L 86.896 13.038 L 92.305 13.038 C 94.83 13.038 96.338 14.361 96.338 16.608 C 96.338 18.624 94.83 20.178 92.305 20.178 L 89.83 20.178 L 89.83 23.88 L 92.339 23.88 C 97.781 23.88 100.797 20.442 100.797 16.474 C 100.797 12.506 98.306 9.069 91.814 9.069 Z M 65.329 8.807 C 71.853 8.807 75.033 12.94 75.755 17.005 L 71.328 17.005 C 70.607 14.724 68.935 12.773 65.394 12.773 C 60.674 12.773 58.181 16.311 58.181 20.707 C 58.181 25.103 60.542 28.64 65.23 28.64 C 68.573 28.64 70.442 26.458 71.131 23.88 L 65.526 23.88 L 65.526 20.178 L 75.755 20.178 L 75.755 32.344 L 71.165 32.344 L 71.165 30.823 C 71.165 30.063 71.296 29.368 71.755 28.244 L 71.984 27.682 L 71.197 27.682 L 71 28.079 C 70.05 29.997 68.213 32.609 64.345 32.609 C 57.69 32.609 53.723 27.287 53.723 20.707 C 53.723 14.127 57.788 8.805 65.329 8.805 Z", fill: color }), jsxRuntime.jsx("path", { d: "M 119.271 8.985 C 125.739 8.985 128.891 13.081 129.603 17.109 L 125.217 17.109 C 124.501 14.848 122.844 12.915 119.334 12.915 C 114.657 12.915 112.184 16.42 112.184 20.78 C 112.184 25.139 114.522 28.645 119.169 28.645 C 122.486 28.645 124.336 26.482 125.017 23.927 L 119.46 23.927 L 119.46 20.256 L 129.598 20.256 L 129.598 32.314 L 125.047 32.314 L 125.047 30.807 C 125.047 30.055 125.178 29.367 125.633 28.253 L 125.861 27.697 L 125.08 27.697 L 124.886 28.093 C 123.942 29.992 122.125 32.579 118.291 32.579 C 111.696 32.579 107.765 27.302 107.765 20.784 C 107.765 14.266 111.794 8.989 119.268 8.989 L 119.268 8.985 Z M 132.659 13.265 L 132.659 9.071 L 136.818 9.071 L 136.818 13.265 Z M 132.659 32.312 L 132.659 15.01 L 136.818 15.01 L 136.818 32.312 Z M 145.068 22.123 C 148.123 21.957 150.82 22.255 150.786 20.649 C 150.753 19.468 150.298 18.159 147.344 18.159 C 144.39 18.159 143.673 19.369 143.446 20.78 L 139.35 20.78 C 139.935 16.42 143.639 14.751 147.474 14.751 C 151.308 14.751 154.949 16.06 154.949 22.746 L 154.949 32.314 L 150.79 32.314 L 150.79 31.104 C 150.79 30.22 151.051 29.693 151.667 28.418 L 150.887 28.418 C 149.749 31.235 147.962 32.578 144.81 32.578 C 141.658 32.578 138.831 30.479 138.831 27.563 C 138.831 23.73 141.624 22.32 145.071 22.124 L 145.068 22.12 Z M 145.784 24.906 C 143.997 25.102 142.991 25.79 142.991 27.331 C 142.991 28.771 144.356 29.689 146.273 29.43 C 148.481 29.137 150.757 27.692 150.79 23.401 C 149.817 24.481 148.257 24.645 145.784 24.909 L 145.784 24.905 Z", fill: color })] })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 24 24", role: "img", "aria-label": "LinkedIn logo", children: [jsxRuntime.jsx("title", { children: "LinkedIn" }), jsxRuntime.jsx("path", { d: "M 19.68 19.51 L 16.519 19.51 L 16.519 14.56 C 16.519 13.38 16.497 11.86 14.875 11.86 C 13.228 11.86 12.976 13.147 12.976 14.473 L 12.976 19.509 L 9.816 19.509 L 9.816 9.331 L 12.851 9.331 L 12.851 10.72 L 12.892 10.72 C 13.511 9.662 14.662 9.03 15.887 9.076 C 19.091 9.076 19.681 11.183 19.681 13.924 L 19.68 19.509 Z M 6.249 7.939 C 5.582 7.957 4.958 7.611 4.619 7.036 C 4.281 6.461 4.281 5.748 4.619 5.173 C 4.958 4.598 5.582 4.253 6.249 4.271 C 7.243 4.297 8.035 5.111 8.035 6.105 C 8.035 7.099 7.243 7.912 6.249 7.939 Z M 7.829 19.51 L 4.665 19.51 L 4.665 9.331 L 7.829 9.331 Z M 21.256 1.333 L 3.077 1.333 C 2.218 1.324 1.513 2.012 1.503 2.872 L 1.503 21.125 C 1.507 21.538 1.675 21.933 1.97 22.222 C 2.265 22.511 2.663 22.671 3.076 22.666 L 21.256 22.666 C 22.117 22.678 22.824 21.989 22.836 21.128 L 22.836 2.871 C 22.824 2.01 22.117 1.322 21.256 1.333", fill: color })] })),
             },
             {
                 name: 'apple',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 814 1000", role: "img", "aria-label": "Apple logo", children: [jsxRuntime.jsx("title", { children: "Apple" }), jsxRuntime.jsx("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 814 1000", role: "img", "aria-label": "Apple logo", children: [jsxRuntime.jsx("title", { children: "Apple" }), jsxRuntime.jsx("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z", fill: color })] })),
             },
             {
                 name: 'outlook',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 1831.085 1703.335", role: "img", "aria-label": "Outlook logo", children: [jsxRuntime.jsx("title", { children: "Outlook" }), jsxRuntime.jsx("path", { fill: "#0A2767", d: "M1831.083 894.25a40.879 40.879 0 0 0-19.503-35.131h-.213l-.767-.426-634.492-375.585a86.175 86.175 0 0 0-8.517-5.067 85.17 85.17 0 0 0-78.098 0 86.37 86.37 0 0 0-8.517 5.067l-634.49 375.585-.766.426c-19.392 12.059-25.337 37.556-13.278 56.948a41.346 41.346 0 0 0 14.257 13.868l634.492 375.585a95.617 95.617 0 0 0 8.517 5.068 85.17 85.17 0 0 0 78.098 0 95.52 95.52 0 0 0 8.517-5.068l634.492-375.585a40.84 40.84 0 0 0 20.268-35.685z" }), jsxRuntime.jsx("path", { fill: "#0364B8", d: "M520.453 643.477h416.38v381.674h-416.38V643.477zM1745.917 255.5V80.908c1-43.652-33.552-79.862-77.203-80.908H588.204C544.552 1.046 510 37.256 511 80.908V255.5l638.75 170.333L1745.917 255.5z" }), jsxRuntime.jsx("path", { fill: "#0078D4", d: "M511 255.5h425.833v383.25H511V255.5z" }), jsxRuntime.jsx("path", { fill: "#28A8EA", d: "M1362.667 255.5H936.833v383.25L1362.667 1022h383.25V638.75l-383.25-383.25z" }), jsxRuntime.jsx("path", { fill: "#0078D4", d: "M936.833 638.75h425.833V1022H936.833V638.75z" }), jsxRuntime.jsx("path", { fill: "#0364B8", d: "M936.833 1022h425.833v383.25H936.833V1022z" }), jsxRuntime.jsx("path", { fill: "#14447D", d: "M520.453 1025.151h416.38v346.969h-416.38v-346.969z" }), jsxRuntime.jsx("path", { fill: "#0078D4", d: "M1362.667 1022h383.25v383.25h-383.25V1022z" }), jsxRuntime.jsxs("linearGradient", { id: "a", x1: "1128.458", x2: "1128.458", y1: "811.083", y2: "1.998", gradientTransform: "matrix(1 0 0 -1 0 1705.333)", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: "0", stopColor: "#35b8f1" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#28a8ea" })] }), jsxRuntime.jsx("path", { fill: "url(#a)", d: "m1811.58 927.593-.809.426-634.492 356.848c-2.768 1.703-5.578 3.321-8.517 4.769a88.437 88.437 0 0 1-34.407 8.517l-34.663-20.27a86.706 86.706 0 0 1-8.517-4.897L447.167 906.003h-.298l-21.036-11.753v722.384c.328 48.196 39.653 87.006 87.849 86.7h1230.914c.724 0 1.363-.341 2.129-.341a107.79 107.79 0 0 0 29.808-6.217 86.066 86.066 0 0 0 11.966-6.217c2.853-1.618 7.75-5.152 7.75-5.152a85.974 85.974 0 0 0 34.833-68.772V894.25a38.323 38.323 0 0 1-19.502 33.343z" }), jsxRuntime.jsx("path", { fill: "#0A2767", d: "M1797.017 891.397v44.287l-663.448 456.791-686.87-486.174a.426.426 0 0 0-.426-.426l-63.023-37.899v-31.938l25.976-.426 54.932 31.512 1.277.426 4.684 2.981s645.563 368.346 647.267 369.197l24.698 14.478c2.129-.852 4.258-1.703 6.813-2.555 1.278-.852 640.879-360.681 640.879-360.681l7.241.427z", opacity: ".5" }), jsxRuntime.jsx("path", { fill: "#1490DF", d: "m1811.58 927.593-.809.468-634.492 356.848c-2.768 1.703-5.578 3.321-8.517 4.769a88.96 88.96 0 0 1-78.098 0 96.578 96.578 0 0 1-8.517-4.769l-634.49-356.848-.766-.468a38.326 38.326 0 0 1-20.057-33.343v722.384c.305 48.188 39.616 87.004 87.803 86.7H1743.277c48.188.307 87.5-38.509 87.807-86.696V894.25a38.33 38.33 0 0 1-19.504 33.343z" }), jsxRuntime.jsx("path", { d: "m1185.52 1279.629-9.496 5.323a92.806 92.806 0 0 1-8.517 4.812 88.173 88.173 0 0 1-33.47 8.857l241.405 285.479 421.107 101.476a86.785 86.785 0 0 0 26.7-33.343l-637.729-372.604z", opacity: ".1" }), jsxRuntime.jsx("path", { d: "m1228.529 1255.442-52.505 29.51a92.806 92.806 0 0 1-8.517 4.812 88.173 88.173 0 0 1-33.47 8.857l113.101 311.838 549.538 74.989a86.104 86.104 0 0 0 34.407-68.815v-9.326l-602.554-351.865z", opacity: ".05" }), jsxRuntime.jsx("path", { fill: "#28A8EA", d: "M514.833 1703.333h1228.316a88.316 88.316 0 0 0 52.59-17.033l-697.089-408.331a86.706 86.706 0 0 1-8.517-4.897L447.125 906.088h-.298l-20.993-11.838v719.914c-.048 49.2 39.798 89.122 88.999 89.169-.001 0-.001 0 0 0z" }), jsxRuntime.jsx("path", { d: "M1022 418.722v908.303c-.076 31.846-19.44 60.471-48.971 72.392a73.382 73.382 0 0 1-28.957 5.962H425.833V383.25H511v-42.583h433.073c43.019.163 77.834 35.035 77.927 78.055z", opacity: ".1" }), jsxRuntime.jsx("path", { d: "M979.417 461.305v908.302a69.36 69.36 0 0 1-6.388 29.808c-11.826 29.149-40.083 48.273-71.54 48.417H425.833V383.25h475.656a71.493 71.493 0 0 1 35.344 8.943c26.104 13.151 42.574 39.883 42.584 69.112z", opacity: ".2" }), jsxRuntime.jsx("path", { d: "M979.417 461.305v823.136c-.208 43-34.928 77.853-77.927 78.225H425.833V383.25h475.656a71.493 71.493 0 0 1 35.344 8.943c26.104 13.151 42.574 39.883 42.584 69.112z", opacity: ".2" }), jsxRuntime.jsx("path", { d: "M936.833 461.305v823.136c-.046 43.067-34.861 78.015-77.927 78.225H425.833V383.25h433.072c43.062.023 77.951 34.951 77.927 78.013a.589.589 0 0 1 .001.042z", opacity: ".2" }), jsxRuntime.jsxs("linearGradient", { id: "b", x1: "162.747", x2: "774.086", y1: "1383.074", y2: "324.259", gradientTransform: "matrix(1 0 0 -1 0 1705.333)", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: "0", stopColor: "#1784d9" }), jsxRuntime.jsx("stop", { offset: ".5", stopColor: "#107ad5" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0a63c9" })] }), jsxRuntime.jsx("path", { fill: "url(#b)", d: "M78.055 383.25h780.723c43.109 0 78.055 34.947 78.055 78.055v780.723c0 43.109-34.946 78.055-78.055 78.055H78.055c-43.109 0-78.055-34.947-78.055-78.055V461.305c0-43.108 34.947-78.055 78.055-78.055z" }), jsxRuntime.jsx("path", { fill: "#FFF", d: "M243.96 710.631a227.05 227.05 0 0 1 89.17-98.495 269.56 269.56 0 0 1 141.675-35.515 250.91 250.91 0 0 1 131.114 33.683 225.014 225.014 0 0 1 86.742 94.109 303.751 303.751 0 0 1 30.405 138.396 320.567 320.567 0 0 1-31.299 144.783 230.37 230.37 0 0 1-89.425 97.388 260.864 260.864 0 0 1-136.011 34.578 256.355 256.355 0 0 1-134.01-34.067 228.497 228.497 0 0 1-87.892-94.28 296.507 296.507 0 0 1-30.745-136.735 329.29 329.29 0 0 1 30.276-143.845zm95.046 231.227a147.386 147.386 0 0 0 50.163 64.812 131.028 131.028 0 0 0 78.353 23.591 137.244 137.244 0 0 0 83.634-24.358 141.156 141.156 0 0 0 48.715-64.812 251.594 251.594 0 0 0 15.543-90.404 275.198 275.198 0 0 0-14.649-91.554 144.775 144.775 0 0 0-47.182-67.537 129.58 129.58 0 0 0-82.91-25.55 135.202 135.202 0 0 0-80.184 23.804 148.626 148.626 0 0 0-51.1 65.365 259.759 259.759 0 0 0-.341 186.728l-.042-.085z" }), jsxRuntime.jsx("path", { fill: "#50D9FF", d: "M1362.667 255.5h383.25v383.25h-383.25V255.5z" })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 1831.085 1703.335", role: "img", "aria-label": "Outlook logo", children: [jsxRuntime.jsx("title", { children: "Outlook" }), jsxRuntime.jsx("path", { fill: "#0A2767", d: "M1831.083 894.25a40.879 40.879 0 0 0-19.503-35.131h-.213l-.767-.426-634.492-375.585a86.175 86.175 0 0 0-8.517-5.067 85.17 85.17 0 0 0-78.098 0 86.37 86.37 0 0 0-8.517 5.067l-634.49 375.585-.766.426c-19.392 12.059-25.337 37.556-13.278 56.948a41.346 41.346 0 0 0 14.257 13.868l634.492 375.585a95.617 95.617 0 0 0 8.517 5.068 85.17 85.17 0 0 0 78.098 0 95.52 95.52 0 0 0 8.517-5.068l634.492-375.585a40.84 40.84 0 0 0 20.268-35.685z" }), jsxRuntime.jsx("path", { fill: "#0364B8", d: "M520.453 643.477h416.38v381.674h-416.38V643.477zM1745.917 255.5V80.908c1-43.652-33.552-79.862-77.203-80.908H588.204C544.552 1.046 510 37.256 511 80.908V255.5l638.75 170.333L1745.917 255.5z" }), jsxRuntime.jsx("path", { fill: "#0078D4", d: "M511 255.5h425.833v383.25H511V255.5z" }), jsxRuntime.jsx("path", { fill: "#28A8EA", d: "M1362.667 255.5H936.833v383.25L1362.667 1022h383.25V638.75l-383.25-383.25z" }), jsxRuntime.jsx("path", { fill: "#0078D4", d: "M936.833 638.75h425.833V1022H936.833V638.75z" }), jsxRuntime.jsx("path", { fill: "#0364B8", d: "M936.833 1022h425.833v383.25H936.833V1022z" }), jsxRuntime.jsx("path", { fill: "#14447D", d: "M520.453 1025.151h416.38v346.969h-416.38v-346.969z" }), jsxRuntime.jsx("path", { fill: "#0078D4", d: "M1362.667 1022h383.25v383.25h-383.25V1022z" }), jsxRuntime.jsxs("linearGradient", { id: "a", x1: "1128.458", x2: "1128.458", y1: "811.083", y2: "1.998", gradientTransform: "matrix(1 0 0 -1 0 1705.333)", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: "0", stopColor: "#35b8f1" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#28a8ea" })] }), jsxRuntime.jsx("path", { fill: "url(#a)", d: "m1811.58 927.593-.809.426-634.492 356.848c-2.768 1.703-5.578 3.321-8.517 4.769a88.437 88.437 0 0 1-34.407 8.517l-34.663-20.27a86.706 86.706 0 0 1-8.517-4.897L447.167 906.003h-.298l-21.036-11.753v722.384c.328 48.196 39.653 87.006 87.849 86.7h1230.914c.724 0 1.363-.341 2.129-.341a107.79 107.79 0 0 0 29.808-6.217 86.066 86.066 0 0 0 11.966-6.217c2.853-1.618 7.75-5.152 7.75-5.152a85.974 85.974 0 0 0 34.833-68.772V894.25a38.323 38.323 0 0 1-19.502 33.343z" }), jsxRuntime.jsx("path", { fill: "#0A2767", d: "M1797.017 891.397v44.287l-663.448 456.791-686.87-486.174a.426.426 0 0 0-.426-.426l-63.023-37.899v-31.938l25.976-.426 54.932 31.512 1.277.426 4.684 2.981s645.563 368.346 647.267 369.197l24.698 14.478c2.129-.852 4.258-1.703 6.813-2.555 1.278-.852 640.879-360.681 640.879-360.681l7.241.427z", opacity: ".5" }), jsxRuntime.jsx("path", { fill: "#1490DF", d: "m1811.58 927.593-.809.468-634.492 356.848c-2.768 1.703-5.578 3.321-8.517 4.769a88.96 88.96 0 0 1-78.098 0 96.578 96.578 0 0 1-8.517-4.769l-634.49-356.848-.766-.468a38.326 38.326 0 0 1-20.057-33.343v722.384c.305 48.188 39.616 87.004 87.803 86.7H1743.277c48.188.307 87.5-38.509 87.807-86.696V894.25a38.33 38.33 0 0 1-19.504 33.343z" }), jsxRuntime.jsx("path", { d: "m1185.52 1279.629-9.496 5.323a92.806 92.806 0 0 1-8.517 4.812 88.173 88.173 0 0 1-33.47 8.857l241.405 285.479 421.107 101.476a86.785 86.785 0 0 0 26.7-33.343l-637.729-372.604z", opacity: ".1" }), jsxRuntime.jsx("path", { d: "m1228.529 1255.442-52.505 29.51a92.806 92.806 0 0 1-8.517 4.812 88.173 88.173 0 0 1-33.47 8.857l113.101 311.838 549.538 74.989a86.104 86.104 0 0 0 34.407-68.815v-9.326l-602.554-351.865z", opacity: ".05" }), jsxRuntime.jsx("path", { fill: "#28A8EA", d: "M514.833 1703.333h1228.316a88.316 88.316 0 0 0 52.59-17.033l-697.089-408.331a86.706 86.706 0 0 1-8.517-4.897L447.125 906.088h-.298l-20.993-11.838v719.914c-.048 49.2 39.798 89.122 88.999 89.169-.001 0-.001 0 0 0z" }), jsxRuntime.jsx("path", { d: "M1022 418.722v908.303c-.076 31.846-19.44 60.471-48.971 72.392a73.382 73.382 0 0 1-28.957 5.962H425.833V383.25H511v-42.583h433.073c43.019.163 77.834 35.035 77.927 78.055z", opacity: ".1" }), jsxRuntime.jsx("path", { d: "M979.417 461.305v908.302a69.36 69.36 0 0 1-6.388 29.808c-11.826 29.149-40.083 48.273-71.54 48.417H425.833V383.25h475.656a71.493 71.493 0 0 1 35.344 8.943c26.104 13.151 42.574 39.883 42.584 69.112z", opacity: ".2" }), jsxRuntime.jsx("path", { d: "M979.417 461.305v823.136c-.208 43-34.928 77.853-77.927 78.225H425.833V383.25h475.656a71.493 71.493 0 0 1 35.344 8.943c26.104 13.151 42.574 39.883 42.584 69.112z", opacity: ".2" }), jsxRuntime.jsx("path", { d: "M936.833 461.305v823.136c-.046 43.067-34.861 78.015-77.927 78.225H425.833V383.25h433.072c43.062.023 77.951 34.951 77.927 78.013a.589.589 0 0 1 .001.042z", opacity: ".2" }), jsxRuntime.jsxs("linearGradient", { id: "b", x1: "162.747", x2: "774.086", y1: "1383.074", y2: "324.259", gradientTransform: "matrix(1 0 0 -1 0 1705.333)", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { offset: "0", stopColor: "#1784d9" }), jsxRuntime.jsx("stop", { offset: ".5", stopColor: "#107ad5" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0a63c9" })] }), jsxRuntime.jsx("path", { fill: "url(#b)", d: "M78.055 383.25h780.723c43.109 0 78.055 34.947 78.055 78.055v780.723c0 43.109-34.946 78.055-78.055 78.055H78.055c-43.109 0-78.055-34.947-78.055-78.055V461.305c0-43.108 34.947-78.055 78.055-78.055z" }), jsxRuntime.jsx("path", { fill: "#FFF", d: "M243.96 710.631a227.05 227.05 0 0 1 89.17-98.495 269.56 269.56 0 0 1 141.675-35.515 250.91 250.91 0 0 1 131.114 33.683 225.014 225.014 0 0 1 86.742 94.109 303.751 303.751 0 0 1 30.405 138.396 320.567 320.567 0 0 1-31.299 144.783 230.37 230.37 0 0 1-89.425 97.388 260.864 260.864 0 0 1-136.011 34.578 256.355 256.355 0 0 1-134.01-34.067 228.497 228.497 0 0 1-87.892-94.28 296.507 296.507 0 0 1-30.745-136.735 329.29 329.29 0 0 1 30.276-143.845zm95.046 231.227a147.386 147.386 0 0 0 50.163 64.812 131.028 131.028 0 0 0 78.353 23.591 137.244 137.244 0 0 0 83.634-24.358 141.156 141.156 0 0 0 48.715-64.812 251.594 251.594 0 0 0 15.543-90.404 275.198 275.198 0 0 0-14.649-91.554 144.775 144.775 0 0 0-47.182-67.537 129.58 129.58 0 0 0-82.91-25.55 135.202 135.202 0 0 0-80.184 23.804 148.626 148.626 0 0 0-51.1 65.365 259.759 259.759 0 0 0-.341 186.728l-.042-.085z" }), jsxRuntime.jsx("path", { fill: "#50D9FF", d: "M1362.667 255.5h383.25v383.25h-383.25V255.5z" })] })),
             },
             {
                 name: 'outlook-com',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 103.173 104.313", role: "img", "aria-label": "Outlook.com logo", children: [jsxRuntime.jsx("title", { children: "Outlook.com" }), jsxRuntime.jsx("path", { d: "M64.567 22.116v20.405l7.13 4.49c.188.054.596.058.784 0l30.688-20.69c0-2.45-2.284-4.205-3.573-4.205h-35.03z", fill: color }), jsxRuntime.jsx("path", { d: "m64.567 50.133 6.507 4.47c.917.674 2.022 0 2.022 0-1.101.674 30.077-20.036 30.077-20.036V72.07c0 4.083-2.613 5.795-5.551 5.795h-33.06v-27.73z", fill: color }), jsxRuntime.jsx("path", { d: "M11.321 20.958c-.566 0-1.017.266-1.35.797-.333.531-.5 1.234-.5 2.109 0 .888.167 1.59.5 2.106.333.517.77.774 1.31.774.557 0 .999-.251 1.325-.753.326-.502.49-1.199.49-2.09 0-.929-.158-1.652-.475-2.169-.317-.516-.75-.774-1.3-.774z", transform: "translate(-13.481 -41.384) scale(3.91787)", fill: color }), jsxRuntime.jsx("path", { d: "M3.441 13.563v20.375l15.5 3.25V10.563l-15.5 3zm10.372 13.632c-.655.862-1.509 1.294-2.563 1.294-1.027 0-1.863-.418-2.51-1.253-.646-.836-.97-1.924-.97-3.266 0-1.417.328-2.563.985-3.438s1.527-1.313 2.61-1.313c1.023 0 1.851.418 2.482 1.256.632.838.948 1.942.948 3.313.001 1.409-.327 2.545-.982 3.407z", transform: "translate(-13.481 -41.384) scale(3.91787)", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 103.173 104.313", role: "img", "aria-label": "Outlook.com logo", children: [jsxRuntime.jsx("title", { children: "Outlook.com" }), jsxRuntime.jsx("path", { d: "M64.567 22.116v20.405l7.13 4.49c.188.054.596.058.784 0l30.688-20.69c0-2.45-2.284-4.205-3.573-4.205h-35.03z", fill: color }), jsxRuntime.jsx("path", { d: "m64.567 50.133 6.507 4.47c.917.674 2.022 0 2.022 0-1.101.674 30.077-20.036 30.077-20.036V72.07c0 4.083-2.613 5.795-5.551 5.795h-33.06v-27.73z", fill: color }), jsxRuntime.jsx("path", { d: "M11.321 20.958c-.566 0-1.017.266-1.35.797-.333.531-.5 1.234-.5 2.109 0 .888.167 1.59.5 2.106.333.517.77.774 1.31.774.557 0 .999-.251 1.325-.753.326-.502.49-1.199.49-2.09 0-.929-.158-1.652-.475-2.169-.317-.516-.75-.774-1.3-.774z", transform: "translate(-13.481 -41.384) scale(3.91787)", fill: color }), jsxRuntime.jsx("path", { d: "M3.441 13.563v20.375l15.5 3.25V10.563l-15.5 3zm10.372 13.632c-.655.862-1.509 1.294-2.563 1.294-1.027 0-1.863-.418-2.51-1.253-.646-.836-.97-1.924-.97-3.266 0-1.417.328-2.563.985-3.438s1.527-1.313 2.61-1.313c1.023 0 1.851.418 2.482 1.256.632.838.948 1.942.948 3.313.001 1.409-.327 2.545-.982 3.407z", transform: "translate(-13.481 -41.384) scale(3.91787)", fill: color })] })),
             },
             {
                 name: 'google',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 24 24", role: "img", "aria-label": "Google logo", children: [jsxRuntime.jsx("title", { children: "Google" }), jsxRuntime.jsx("path", { fill: color, d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), jsxRuntime.jsx("path", { fill: color, d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), jsxRuntime.jsx("path", { fill: color, d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), jsxRuntime.jsx("path", { fill: color, d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), jsxRuntime.jsx("path", { fill: "none", d: "M1 1h22v22H1z" })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 24 24", role: "img", "aria-label": "Google logo", children: [jsxRuntime.jsx("title", { children: "Google" }), jsxRuntime.jsx("path", { fill: color, d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), jsxRuntime.jsx("path", { fill: color, d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), jsxRuntime.jsx("path", { fill: color, d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), jsxRuntime.jsx("path", { fill: color, d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), jsxRuntime.jsx("path", { fill: "none", d: "M1 1h22v22H1z" })] })),
             },
             {
                 name: 'yahoo',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, fillRule: "evenodd", role: "img", "aria-label": "Yahoo logo", imageRendering: "optimizeQuality", shapeRendering: "geometricPrecision", textRendering: "geometricPrecision", viewBox: "0 0 3386.34 3010.5", clipRule: "evenodd", children: [jsxRuntime.jsx("title", { children: "Yahoo" }), jsxRuntime.jsx("path", { fill: color, fillRule: "nonzero", d: "M0 732.88h645.84l376.07 962.1 380.96-962.1h628.76l-946.8 2277.62H451.98l259.19-603.53L.02 732.88zm2763.84 768.75h-704.26L2684.65 0l701.69.03-622.5 1501.6zm-519.78 143.72c216.09 0 391.25 175.17 391.25 391.22 0 216.06-175.16 391.23-391.25 391.23-216.06 0-391.19-175.17-391.19-391.23 0-216.05 175.16-391.22 391.19-391.22z" })] })),
-            },
-            {
-                name: 'G2Logo',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 197 103", fill: "none", role: "img", "aria-label": "G2 Logo", children: [jsxRuntime.jsx("title", { children: "G2 Logo" }), jsxRuntime.jsxs("g", { clipPath: "url(#clip0_8436_10714)", children: [jsxRuntime.jsx("path", { d: "M77.6136 32.043C78.0589 31.1523 79.3207 31.1895 79.7289 32.043L82.1781 36.9785L87.5961 37.7578C88.5609 37.9062 88.932 39.0938 88.2269 39.7988L84.3304 43.6211L85.2582 49.002C85.4066 49.9668 84.3675 50.709 83.514 50.2637L78.6898 47.7031L73.8285 50.2637C72.975 50.709 71.9359 49.9668 72.0843 49.002L73.0121 43.6211L69.1156 39.7988C68.4105 39.0938 68.7816 37.9062 69.7464 37.7578L75.2015 36.9785L77.6136 32.043ZM98.9886 32.043C99.4339 31.1523 100.696 31.1895 101.104 32.043L103.553 36.9785L108.971 37.7578C109.936 37.9062 110.307 39.0938 109.602 39.7988L105.705 43.6211L106.633 49.002C106.782 49.9668 105.743 50.709 104.889 50.2637L100.065 47.7031L95.2035 50.2637C94.35 50.709 93.3109 49.9668 93.4593 49.002L94.3871 43.6211L90.4906 39.7988C89.7855 39.0938 90.1566 37.9062 91.1214 37.7578L96.5765 36.9785L98.9886 32.043ZM120.363 32.043C120.809 31.1523 122.07 31.1895 122.479 32.043L124.928 36.9785L130.346 37.7578C131.311 37.9062 131.682 39.0938 130.977 39.7988L127.08 43.6211L128.008 49.002C128.156 49.9668 127.117 50.709 126.264 50.2637L121.44 47.7031L116.578 50.2637C115.725 50.709 114.686 49.9668 114.834 49.002L115.762 43.6211L111.866 39.7988C111.161 39.0938 111.532 37.9062 112.496 37.7578L117.951 36.9785L120.363 32.043ZM141.738 32.043C142.184 31.1523 143.445 31.1895 143.854 32.043L146.303 36.9785L151.721 37.7578C152.686 37.9062 153.057 39.0938 152.352 39.7988L148.455 43.6211L149.383 49.002C149.531 49.9668 148.492 50.709 147.639 50.2637L142.814 47.7031L137.953 50.2637C137.1 50.709 136.061 49.9668 136.209 49.002L137.137 43.6211L133.24 39.7988C132.535 39.0938 132.906 37.9062 133.871 37.7578L139.326 36.9785L141.738 32.043ZM164.19 31.375V47.7031L159.328 50.2637C158.438 50.709 157.436 49.9668 157.584 49.002L158.512 43.584L154.615 39.7617C153.91 39.0938 154.281 37.9062 155.246 37.7578L160.701 36.9785L163.113 32.043C163.336 31.5977 163.744 31.375 164.19 31.375Z", fill: color }), jsxRuntime.jsx("path", { d: "M75.7505 68.4167H69.0625V65.9847L74.3065 57.6247H78.1825V66.2887H80.0065V68.4167H78.1825V71.0007H75.7505V68.4167ZM75.8075 59.1257L71.1145 66.8967H71.6085C71.9315 66.4597 72.3115 66.2887 73.1475 66.2887H75.7505V60.8927C75.7505 60.3227 75.8645 59.7907 76.2635 59.1257H75.8075ZM81.8396 71.0007V68.2647H84.5756V71.0007H81.8396ZM86.3926 65.3577C86.3926 60.6267 87.9126 57.4727 91.7696 57.4727C94.3156 57.4727 96.2726 59.0877 96.4246 61.1207H94.0306C93.8596 60.3797 93.2896 59.7527 91.7886 59.7527C89.8506 59.7527 89.1666 61.0067 89.0526 62.0517C88.9956 62.6787 88.7106 62.9827 88.3496 63.4007H88.8056C89.7746 62.3177 90.6676 61.8617 92.1496 61.8617C95.1516 61.8617 96.7286 63.7427 96.7286 66.3077C96.7286 69.0437 94.7906 71.1527 91.6366 71.1527C88.4636 71.1527 86.3926 69.3097 86.3926 65.3577ZM88.8246 66.4407C88.8246 67.8657 89.8126 68.8727 91.5606 68.8727C93.3086 68.8727 94.2966 67.8657 94.2966 66.4407C94.2966 64.7497 93.3086 63.8567 91.5606 63.8567C89.8126 63.8567 88.8246 65.0157 88.8246 66.4407Z", fill: color }), jsxRuntime.jsx("path", { d: "M44.3006 62.0603C45.9268 64.9328 47.5349 67.7726 49.1417 70.6095C42.0264 76.1545 30.9561 76.8246 22.761 70.439C13.3303 63.0848 11.7802 50.5364 16.8293 41.5036C22.6365 31.1138 33.5036 28.8161 40.5005 30.5009C40.3113 30.9194 36.1206 39.7689 36.1206 39.7689C36.1206 39.7689 35.7894 39.791 35.602 39.7947C33.5338 39.8839 31.9935 40.3738 30.3425 41.2427C26.6645 43.1964 24.1774 46.8787 23.7023 51.0736C23.458 53.1689 23.7428 55.2932 24.5293 57.2451C25.1943 58.8955 26.1349 60.3613 27.396 61.5987C29.3305 63.499 31.6326 64.6755 34.301 65.0651C36.828 65.4343 39.2582 65.0688 41.5355 63.9039C42.3897 63.4676 43.1163 62.9858 43.9657 62.3249C44.0739 62.2535 44.17 62.163 44.3006 62.0603ZM42.461 34.9986C42.6938 35.222 42.9126 35.4601 43.1399 35.689C43.5208 36.073 43.9034 36.4545 44.3163 36.8681C44.459 36.6195 44.5714 36.4269 44.6815 36.233C45.4359 34.9051 46.8868 34.2805 48.3123 34.6719C48.9168 34.8362 49.34 35.3623 49.34 35.9543C49.343 36.6441 48.9634 37.1198 48.426 37.444C47.5548 37.9702 46.6396 38.42 45.7702 38.9486C44.6416 39.6347 43.7021 40.5258 43.0976 41.7429C42.4405 43.0697 42.273 44.4444 42.3117 45.9052V46.1926H52.4334V43.2198L45.876 43.2284C45.876 43.2284 45.8972 42.7429 46.3313 42.2279C46.8246 41.7146 47.2562 41.4654 47.761 41.1817C48.6762 40.6679 49.5891 40.2341 50.4354 39.6729C51.8761 38.7191 52.6015 37.3524 52.4806 35.5678C52.408 34.51 51.9964 33.6239 51.1935 32.9255C50.106 31.979 48.8171 31.6277 47.4309 31.6C46.3476 31.5723 45.2806 31.8726 44.3647 32.4621C43.5365 32.9913 42.8382 33.6565 42.3927 34.5666C42.3588 34.6368 42.2797 34.8078 42.2797 34.8078C42.2797 34.8078 42.3776 34.918 42.461 34.9986ZM51.474 49.1863H40.5386L34.9769 59.0007H45.9927L51.4287 68.6686L57.0001 58.9004L51.474 49.1863Z", fill: color })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_8436_10714", children: jsxRuntime.jsx("rect", { width: "169", height: "47", fill: "white", transform: "translate(14 28)" }) }) })] })),
-            },
-            {
-                name: 'G2Leader',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 94 122", role: "img", "aria-label": "G2 Leader logo", children: [jsxRuntime.jsx("title", { children: "G2 Leader" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M8.1 89.9 47.6 110l38-20.1V11.3H8.1z" }), jsxRuntime.jsx("path", { fill: "#f2f3f2", d: "M86.4 11.6 7.3 91.3l41 20.3 38.1-19.5z" }), jsxRuntime.jsx("path", { fill: "#dcdedc", d: "M5.5 37.5v54.1l1.4.7 39.5 20.1 1.2.6 1.2-.6 38.1-20.1 1.4-.7V8.7H5.5v28.8zm2.6 52.6V11.3h77.6v78.8l-38.1 20.1L8.1 90.1z" }), jsxRuntime.jsx("path", { fill: "#ff492c", d: "M46.9 12.6c.4 0 .8 0 1.2.1L46.9 15c-1.8-.1-3.4 1.3-3.5 3.1-.1 1.8 1.3 3.4 3.1 3.5h.4c.8 0 1.6-.3 2.2-.8l1.3 2.2c-1 .7-2.2 1.1-3.5 1.1-3.2.1-5.9-2.3-6-5.5-.1-3.2 2.3-5.9 5.5-6h.5zm4.1 4.9 1.5 2.5-1.5 2.4-1.4-2.4h-2.9l1.5-2.5H51zm-2.4-.9c0-.4.1-.8.3-1.1.2-.3.6-.6.9-.8l.2-.1c.4-.2.5-.3.5-.5s-.3-.4-.5-.4c-.4 0-.7.2-.9.6l-.5-.5c.1-.2.3-.4.5-.6.3-.2.6-.2.9-.2.3 0 .7.1.9.3.2.2.4.5.4.8 0 .5-.3.9-.9 1.1l-.3.2c-.3.2-.5.3-.6.6h1.8v.7l-2.7-.1zm-1.7 12.5 9.5-5.4v-15H37.3v14.9l9.6 5.5zM90.2 64.5H3.6l-3.2 7 3.2 7h86.6l3.1-7z" }), jsxRuntime.jsx("path", { fill: "#252530", d: "M19.09 60q-.09 0-.15-.06-.06-.07-.06-.16V47.62q0-.09.06-.16.06-.06.15-.06h2.11q.09 0 .15.06.07.07.07.16v10.11q0 .09.09.09h5.88q.09 0 .16.06.06.07.06.16v1.74q0 .09-.06.16-.07.06-.16.06h-8.3Zm18.11-5.58q.11.68.07 1.53-.01.22-.23.22h-5.56q-.11 0-.07.09.05.36.19.72.47 1 1.91 1 1.15-.01 1.82-.93.07-.11.16-.11.06 0 .13.07l1.29 1.28q.09.09.09.16 0 .04-.07.15-.59.73-1.53 1.14-.93.4-2.05.4-1.55 0-2.62-.7t-1.54-1.96q-.38-.9-.38-2.36 0-.99.27-1.74.42-1.28 1.45-2.04 1.04-.75 2.46-.75 1.8 0 2.89 1.04t1.32 2.79Zm-4.19-1.64q-1.14 0-1.5 1.06-.07.24-.12.58 0 .09.09.09h3.11q.11 0 .07-.09-.09-.52-.09-.5-.16-.54-.56-.84-.41-.3-1-.3Zm9.43-2.18q1.17 0 2.09.41.92.4 1.43 1.11.51.7.51 1.56v6.1q0 .09-.06.16-.06.06-.15.06h-2.11q-.09 0-.15-.06-.07-.07-.07-.16v-.59q0-.05-.03-.07-.04-.02-.07.03-.76.99-2.43.99-1.41 0-2.27-.68-.87-.68-.87-2.02 0-1.38.98-2.15.97-.76 2.77-.76h1.83q.09 0 .09-.09v-.4q0-.59-.36-.93-.36-.33-1.08-.33-.55 0-.92.2t-.48.56q-.05.2-.23.18l-2.18-.29q-.22-.04-.2-.16.07-.76.6-1.37.53-.61 1.41-.95.87-.35 1.95-.35Zm-.36 7.65q.77 0 1.31-.41t.54-1.06v-.65q0-.09-.09-.09h-1.29q-.81 0-1.27.31-.46.3-.46.86 0 .49.34.76.34.28.92.28ZM54 47.62q0-.09.06-.16.06-.06.15-.06h2.11q.09 0 .15.06.06.07.06.16v12.16q0 .09-.06.16-.06.06-.15.06h-2.11q-.09 0-.15-.06-.06-.07-.06-.16v-.59q0-.05-.04-.06-.04-.01-.07.02-.76.99-2.07.99-1.26 0-2.17-.7-.91-.7-1.31-1.92-.3-.94-.3-2.18 0-1.28.32-2.23.42-1.16 1.31-1.83.89-.68 2.2-.68 1.3 0 2.02.9.03.06.07.04.04-.02.04-.07v-3.85Zm-.38 9.57q.36-.66.36-1.82 0-1.2-.4-1.89-.41-.7-1.2-.7-.85 0-1.28.7-.45.71-.45 1.91 0 1.08.38 1.8.45.78 1.33.78.81 0 1.26-.78Zm13.01-2.77q.11.68.07 1.53-.01.22-.23.22h-5.56q-.11 0-.07.09.05.36.19.72.47 1 1.91 1 1.15-.01 1.82-.93.07-.11.16-.11.06 0 .13.07l1.29 1.28q.09.09.09.16 0 .04-.07.15-.59.73-1.53 1.14-.93.4-2.05.4-1.55 0-2.62-.7t-1.54-1.96q-.38-.9-.38-2.36 0-.99.27-1.74.42-1.28 1.45-2.04 1.04-.75 2.46-.75 1.8 0 2.89 1.04t1.32 2.79Zm-4.19-1.64q-1.14 0-1.5 1.06-.07.24-.12.58 0 .09.09.09h3.11q.11 0 .07-.09-.09-.52-.09-.5-.16-.54-.56-.84-.41-.3-1-.3Zm10.44-2.16q.65 0 1.02.25.15.08.11.27l-.38 2.06q-.01.21-.25.12-.27-.09-.63-.09-.14 0-.39.04-.65.05-1.1.47-.45.43-.45 1.13v4.91q0 .09-.06.16-.07.06-.16.06h-2.1q-.09 0-.16-.06-.06-.07-.06-.16v-8.82q0-.09.06-.15.07-.06.16-.06h2.1q.09 0 .16.06.06.06.06.15v.69q0 .05.03.07.04.02.06-.02.74-1.08 1.98-1.08Z" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M33.14 75.48q-.78 0-1.36-.25-.58-.25-.9-.7-.31-.45-.31-1.06v-.25q0-.05.04-.09.03-.03.08-.03h.89q.05 0 .09.03.03.04.03.09v.19q0 .46.41.76.41.31 1.12.31.61 0 .92-.26.31-.26.31-.67 0-.28-.17-.48-.17-.19-.48-.35-.32-.16-.95-.4-.71-.26-1.15-.49-.44-.23-.73-.63-.3-.39-.3-.98 0-.88.64-1.39.64-.51 1.71-.51.75 0 1.33.26.57.26.89.73.32.46.32 1.07v.17q0 .05-.04.09-.03.03-.08.03h-.9q-.05 0-.08-.03-.04-.04-.04-.09v-.11q0-.47-.38-.79-.39-.33-1.07-.33-.55 0-.85.23-.31.23-.31.65 0 .3.16.49t.48.34q.32.16.99.4.71.27 1.14.49.42.22.73.61.3.4.3.99 0 .9-.67 1.43-.66.53-1.81.53Zm6.46-7.09q.63 0 1.11.26.48.26.74.73.27.48.27 1.1 0 .61-.27 1.08-.27.47-.76.72-.5.26-1.15.26h-1.6q-.05 0-.05.05v2.69q0 .05-.03.08-.04.04-.09.04h-.92q-.05 0-.08-.04-.04-.03-.04-.08v-6.77q0-.05.04-.09.03-.03.08-.03h2.75Zm-.17 3.21q.51 0 .82-.3.31-.3.31-.79 0-.5-.31-.81-.31-.31-.82-.31h-1.49q-.05 0-.05.05v2.11q0 .05.05.05h1.49Zm7.24 3.8q-.1 0-.14-.09l-1.32-2.88q-.02-.04-.06-.04h-1.2q-.05 0-.05.05v2.84q0 .05-.04.08-.03.04-.08.04h-.92q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h2.75q.61 0 1.08.25.47.26.73.72.26.47.26 1.07 0 .69-.35 1.17-.36.49-.99.68-.02 0-.03.02-.01.02 0 .04l1.41 2.91q.02.04.02.06 0 .08-.11.08h-.96Zm-2.72-6q-.05 0-.05.05v1.99q0 .05.05.05h1.5q.48 0 .77-.29.3-.28.3-.75t-.3-.76q-.29-.29-.77-.29h-1.5Zm5.04 6q-.05 0-.09-.04-.03-.03-.03-.08v-6.76q0-.05.03-.08.04-.04.09-.04h.92q.05 0 .08.04.04.03.04.08v6.76q0 .05-.04.08-.03.04-.08.04h-.92Zm6.57-6.88q0-.05.04-.08.03-.04.08-.04h.92q.05 0 .09.04.03.03.03.08v6.76q0 .05-.03.08-.04.04-.09.04h-.89q-.1 0-.14-.08l-2.88-4.72q-.02-.03-.04-.03-.02.01-.02.05l.02 4.66q0 .05-.04.08-.03.04-.08.04h-.92q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h.89q.1 0 .14.08l2.87 4.72q.02.03.04.02.02 0 .02-.04l-.01-4.66Zm4.96 6.96q-.75 0-1.32-.29-.57-.3-.88-.84-.31-.54-.31-1.24v-2.42q0-.71.31-1.25.31-.53.88-.83.57-.29 1.32-.29.74 0 1.31.29.56.29.87.79.31.5.31 1.13v.08q0 .05-.03.08-.04.04-.09.04h-.91q-.05 0-.08-.04-.04-.03-.04-.08v-.05q0-.54-.37-.89-.36-.35-.97-.35t-.98.37q-.37.36-.37.96v2.5q0 .6.39.97.39.36 1.01.36.6 0 .95-.32.34-.31.34-.86v-.62q0-.05-.05-.05h-1.23q-.05 0-.09-.04-.03-.03-.03-.08v-.74q0-.05.03-.08.04-.04.09-.04h2.31q.05 0 .09.04.03.03.03.08v1.28q0 1.15-.67 1.79-.68.64-1.82.64Z" }), jsxRuntime.jsx("path", { fill: "#252530", d: "M33.49 93.46q-.03.03-.02.06.02.03.06.03h3.93q.07 0 .12.05.06.05.06.12v1.41q0 .07-.06.12-.05.05-.12.05h-6.52q-.08 0-.13-.05t-.05-.12v-1.34q0-.13.09-.22.71-.69 1.45-1.51.74-.82.93-1.02.4-.48.82-.92 1.32-1.46 1.32-2.17 0-.51-.36-.84-.36-.32-.94-.32t-.94.32q-.37.33-.37.87v.36q0 .07-.05.12-.05.05-.12.05h-1.71q-.07 0-.12-.05-.06-.05-.06-.12v-.68q.05-.78.5-1.39.45-.6 1.19-.92.75-.32 1.68-.32 1.03 0 1.79.39.76.38 1.17 1.03.42.66.42 1.45 0 .61-.31 1.25-.3.64-.91 1.38-.45.56-.97 1.12-.52.55-1.55 1.59l-.22.22Zm8.86 2q-1.6 0-2.52-.89-.93-.89-.93-2.43v-3.83q0-1.51.93-2.39.92-.89 2.52-.89 1.59 0 2.53.89.93.88.93 2.39v3.83q0 1.54-.93 2.43-.94.89-2.53.89Zm0-1.75q.65 0 1.03-.4.39-.4.39-1.07v-3.99q0-.66-.39-1.06-.38-.4-1.03-.4-.64 0-1.02.4-.39.4-.39 1.06v3.99q0 .67.39 1.07.38.4 1.02.4Zm7.52-.25q-.03.03-.01.06.01.03.06.03h3.93q.07 0 .12.05.05.05.05.12v1.41q0 .07-.05.12-.05.05-.12.05h-6.53q-.07 0-.12-.05-.05-.05-.05-.12v-1.34q0-.13.08-.22.72-.69 1.45-1.51.74-.82.93-1.02.41-.48.83-.92 1.32-1.46 1.32-2.17 0-.51-.36-.84-.37-.32-.95-.32t-.94.32q-.36.33-.36.87v.36q0 .07-.05.12-.05.05-.13.05h-1.71q-.07 0-.12-.05-.05-.05-.05-.12v-.68q.04-.78.49-1.39.45-.6 1.2-.92.75-.32 1.67-.32 1.03 0 1.79.39.77.38 1.18 1.03.41.66.41 1.45 0 .61-.3 1.25-.31.64-.92 1.38-.45.56-.97 1.12-.52.55-1.55 1.59l-.22.22Zm12.66-2.58q.07 0 .13.05.05.05.05.12v1.47q0 .07-.05.12-.06.05-.13.05h-.62q-.07 0-.07.07v2.37q0 .07-.05.12-.06.05-.13.05h-1.69q-.08 0-.13-.05t-.05-.12v-2.37q0-.07-.07-.07h-4.45q-.07 0-.13-.05-.05-.05-.05-.12v-1.16q0-.09.05-.22l2.61-5.86q.06-.13.2-.13h1.81q.1 0 .14.05.04.05-.01.15l-2.42 5.44q-.01.03 0 .06.02.03.05.03h2.2q.07 0 .07-.08v-1.79q0-.08.05-.13t.13-.05h1.69q.07 0 .13.05.05.05.05.13v1.79q0 .08.07.08h.62Z" })] })),
-            },
-            {
-                name: 'reviews',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 160 66", fill: "none", role: "img", "aria-label": "Reviews logo", children: [jsxRuntime.jsx("title", { children: "Reviews" }), jsxRuntime.jsx("rect", { x: "0.5", y: "0.5", width: "158.513", height: "64.3536", rx: "15.5", fill: "#F6F8FC" }), jsxRuntime.jsx("rect", { x: "6.5", y: "6.5", width: "146.513", height: "30.3536", rx: "11.5", fill: "white" }), jsxRuntime.jsx("g", { clipPath: "url(#clip0_2415_9199)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M133.865 11.8151C134.232 11.0719 135.291 11.0721 135.658 11.8153L138.16 16.8852C138.305 17.1804 138.587 17.385 138.913 17.4323L144.508 18.2453C145.328 18.3645 145.656 19.3725 145.062 19.951L141.014 23.8974C140.778 24.1271 140.671 24.458 140.726 24.7823L141.681 30.355C141.821 31.1719 140.963 31.7947 140.23 31.4089L135.227 28.7782C134.936 28.625 134.588 28.625 134.296 28.7781L129.292 31.409C128.558 31.7947 127.701 31.1716 127.841 30.3547L128.797 24.7825C128.853 24.4581 128.745 24.127 128.51 23.8973L124.461 19.9509C123.868 19.3724 124.195 18.3645 125.015 18.2453L130.609 17.4323C130.934 17.385 131.216 17.1804 131.362 16.8854L133.865 11.8151ZM100.341 30.355C100.201 31.1719 101.058 31.7947 101.792 31.4089L106.794 28.7782C107.086 28.625 107.434 28.625 107.725 28.7781L112.729 31.409C113.463 31.7947 114.321 31.1716 114.18 30.3547L113.224 24.7825C113.169 24.4581 113.276 24.127 113.512 23.8973L117.56 19.9509C118.154 19.3724 117.826 18.3645 117.006 18.2453L111.413 17.4323C111.087 17.385 110.806 17.1804 110.66 16.8854L108.157 11.8151C107.79 11.0719 106.73 11.0721 106.363 11.8153L103.862 16.8852C103.716 17.1804 103.435 17.385 103.109 17.4323L97.5135 18.2453C96.6933 18.3645 96.3658 19.3725 96.9593 19.951L101.008 23.8974C101.243 24.1271 101.351 24.458 101.295 24.7823L100.341 30.355ZM17.8329 30.355C17.6929 31.1719 18.5504 31.7947 19.284 31.4089L24.2866 28.7782C24.5779 28.625 24.926 28.625 25.2173 28.7781L30.2217 31.409C30.9553 31.7947 31.8128 31.1716 31.6726 30.3547L30.7165 24.7825C30.6608 24.4581 30.7684 24.127 31.0041 23.8973L35.0524 19.9509C35.6459 19.3724 35.3184 18.3645 34.4982 18.2453L28.9049 17.4323C28.5792 17.385 28.2977 17.1804 28.152 16.8854L25.6489 11.8151C25.282 11.0719 24.2221 11.0721 23.8554 11.8153L21.354 16.8852C21.2084 17.1804 20.9268 17.385 20.601 17.4323L15.0057 18.2453C14.1855 18.3645 13.858 19.3725 14.4515 19.951L18.4999 23.8974C18.7355 24.1271 18.8431 24.458 18.7875 24.7823L17.8329 30.355ZM45.3332 30.3547C45.193 31.1716 46.0505 31.7947 46.7841 31.409L51.7885 28.7781C52.0798 28.625 52.4279 28.625 52.7192 28.7782L57.7219 31.4089C58.4554 31.7947 59.3129 31.1719 59.1729 30.355L58.2183 24.7823C58.1627 24.458 58.2703 24.1271 58.5059 23.8974L62.5543 19.951C63.1478 19.3725 62.8203 18.3645 62.0001 18.2453L56.4048 17.4323C56.0791 17.385 55.7975 17.1804 55.6518 16.8852L53.1504 11.8153C52.7837 11.0721 51.7238 11.0719 51.3569 11.8151L48.8538 16.8854C48.7081 17.1804 48.4266 17.385 48.1009 17.4323L42.5076 18.2453C41.6874 18.3645 41.3599 19.3724 41.9534 19.9509L46.0017 23.8973C46.2374 24.127 46.345 24.4581 46.2893 24.7825L45.3332 30.3547ZM74.288 31.409C73.5544 31.7947 72.6969 31.1716 72.8371 30.3547L73.7932 24.7825C73.8489 24.4581 73.7413 24.127 73.5057 23.8973L69.4574 19.951C68.8639 19.3725 69.1914 18.3645 70.0116 18.2453L75.6069 17.4323C75.9326 17.385 76.2142 17.1804 76.3599 16.8852L78.861 11.8159C79.2278 11.0725 80.2878 11.0725 80.6546 11.8159L83.1557 16.8852C83.3014 17.1804 83.583 17.385 83.9087 17.4323L89.504 18.2453C90.3242 18.3645 90.6517 19.3725 90.0582 19.951L86.0099 23.8973C85.7742 24.127 85.6667 24.4581 85.7224 24.7825L86.6785 30.3547C86.8186 31.1716 85.9612 31.7947 85.2276 31.409L80.2231 28.7781C79.9318 28.625 79.5838 28.625 79.2925 28.7781L74.288 31.409Z", fill: "#CCD7E5" }) }), jsxRuntime.jsx("g", { clipPath: "url(#clip1_2415_9199)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M133.865 11.8151C134.232 11.0719 135.291 11.0721 135.658 11.8153L138.16 16.8852C138.305 17.1804 138.587 17.385 138.913 17.4323L144.508 18.2453C145.328 18.3645 145.656 19.3725 145.062 19.951L141.014 23.8974C140.778 24.1271 140.671 24.458 140.726 24.7823L141.681 30.355C141.821 31.1719 140.963 31.7947 140.23 31.4089L135.227 28.7782C134.936 28.625 134.588 28.625 134.296 28.7781L129.292 31.409C128.558 31.7947 127.701 31.1716 127.841 30.3547L128.797 24.7825C128.853 24.4581 128.745 24.127 128.51 23.8973L124.461 19.9509C123.868 19.3724 124.195 18.3645 125.015 18.2453L130.609 17.4323C130.934 17.385 131.216 17.1804 131.362 16.8854L133.865 11.8151ZM100.341 30.355C100.201 31.1719 101.058 31.7947 101.792 31.4089L106.794 28.7782C107.086 28.625 107.434 28.625 107.725 28.7781L112.729 31.409C113.463 31.7947 114.321 31.1716 114.18 30.3547L113.224 24.7825C113.169 24.4581 113.276 24.127 113.512 23.8973L117.56 19.9509C118.154 19.3724 117.826 18.3645 117.006 18.2453L111.413 17.4323C111.087 17.385 110.806 17.1804 110.66 16.8854L108.157 11.8151C107.79 11.0719 106.73 11.0721 106.363 11.8153L103.862 16.8852C103.716 17.1804 103.435 17.385 103.109 17.4323L97.5135 18.2453C96.6933 18.3645 96.3658 19.3725 96.9593 19.951L101.008 23.8974C101.243 24.1271 101.351 24.458 101.295 24.7823L100.341 30.355ZM17.8329 30.355C17.6929 31.1719 18.5504 31.7947 19.284 31.4089L24.2866 28.7782C24.5779 28.625 24.926 28.625 25.2173 28.7781L30.2217 31.409C30.9553 31.7947 31.8128 31.1716 31.6726 30.3547L30.7165 24.7825C30.6608 24.4581 30.7684 24.127 31.0041 23.8973L35.0524 19.9509C35.6459 19.3724 35.3184 18.3645 34.4982 18.2453L28.9049 17.4323C28.5792 17.385 28.2977 17.1804 28.152 16.8854L25.6489 11.8151C25.282 11.0719 24.2221 11.0721 23.8554 11.8153L21.354 16.8852C21.2084 17.1804 20.9268 17.385 20.601 17.4323L15.0057 18.2453C14.1855 18.3645 13.858 19.3725 14.4515 19.951L18.4999 23.8974C18.7355 24.1271 18.8431 24.458 18.7875 24.7823L17.8329 30.355ZM45.3332 30.3547C45.193 31.1716 46.0505 31.7947 46.7841 31.409L51.7885 28.7781C52.0798 28.625 52.4279 28.625 52.7192 28.7782L57.7219 31.4089C58.4554 31.7947 59.3129 31.1719 59.1729 30.355L58.2183 24.7823C58.1627 24.458 58.2703 24.1271 58.5059 23.8974L62.5543 19.951C63.1478 19.3725 62.8203 18.3645 62.0001 18.2453L56.4048 17.4323C56.0791 17.385 55.7975 17.1804 55.6518 16.8852L53.1504 11.8153C52.7837 11.0721 51.7238 11.0719 51.3569 11.8151L48.8538 16.8854C48.7081 17.1804 48.4266 17.385 48.1009 17.4323L42.5076 18.2453C41.6874 18.3645 41.3599 19.3724 41.9534 19.9509L46.0017 23.8973C46.2374 24.127 46.345 24.4581 46.2893 24.7825L45.3332 30.3547ZM74.288 31.409C73.5544 31.7947 72.6969 31.1716 72.8371 30.3547L73.7932 24.7825C73.8489 24.4581 73.7413 24.127 73.5057 23.8973L69.4574 19.951C68.8639 19.3725 69.1914 18.3645 70.0116 18.2453L75.6069 17.4323C75.9326 17.385 76.2142 17.1804 76.3599 16.8852L78.861 11.8159C79.2278 11.0725 80.2878 11.0725 80.6546 11.8159L83.1557 16.8852C83.3014 17.1804 83.583 17.385 83.9087 17.4323L89.504 18.2453C90.3242 18.3645 90.6517 19.3725 90.0582 19.951L86.0099 23.8973C85.7742 24.127 85.6667 24.4581 85.7224 24.7825L86.6785 30.3547C86.8186 31.1716 85.9612 31.7947 85.2276 31.409L80.2231 28.7781C79.9318 28.625 79.5838 28.625 79.2925 28.7781L74.288 31.409Z", fill: "#FF6700" }) }), jsxRuntime.jsx("rect", { x: "6.5", y: "6.5", width: "146.513", height: "30.3536", rx: "11.5", stroke: "#E1E9F4" }), jsxRuntime.jsx("path", { d: "M17.0186 56.3516H15.6106V45.0876H19.5466C22.6666 45.0876 23.8026 46.4636 23.8026 48.4476C23.8026 50.0156 22.5706 51.1036 20.7466 51.3596V51.6156C22.1226 51.6796 22.8426 52.0956 23.1946 53.0876L24.3146 56.3516H22.5546L21.8826 53.6316C21.5786 52.3996 20.8266 51.9996 19.1626 51.9996H17.0186V56.3516ZM17.0186 46.2396V50.8476H19.3706C20.9706 50.8476 22.3946 49.8236 22.3946 48.5116C22.3946 47.0556 21.4826 46.2396 19.8506 46.2396H17.0186ZM24.9229 54.0636C24.9229 52.2556 26.3629 51.6956 27.8029 51.5676C29.3069 51.4396 30.8269 51.5676 30.8109 50.6556C30.7949 50.0156 30.4749 49.1196 28.6029 49.1196C27.1629 49.1196 26.5389 49.8556 26.4269 50.5916H25.1789C25.4669 48.7836 26.9709 48.0316 28.7309 48.0316C30.5709 48.0316 32.0909 48.6716 32.0909 51.6796V56.3516H30.8109V55.4396C30.8109 55.0236 30.8749 54.7996 31.0829 54.2396H30.8269C30.3309 55.7276 29.1309 56.4796 27.6109 56.4796C26.1549 56.4796 24.9229 55.4716 24.9229 54.0636ZM30.8109 51.7756C30.3309 52.3356 29.0829 52.3996 27.8349 52.6076C26.8429 52.7676 26.2029 53.1356 26.2029 53.9836C26.2029 54.7676 26.8109 55.5196 28.1389 55.3916C29.6749 55.2476 30.7949 54.0476 30.8109 51.7756ZM37.8144 48.1596V49.2476H35.5104V54.0476C35.5104 54.9756 35.7024 55.2636 36.5984 55.2636H37.8144V56.3516H36.5984C34.9024 56.3516 34.2304 55.8556 34.2304 53.9516V49.2476H32.6944V48.1596H34.2304V45.8556H35.5104V48.1596H37.8144ZM45.8394 52.0156C45.8394 52.2396 45.8234 52.4316 45.8074 52.5756H39.6634C39.7274 54.0156 40.6874 55.3276 42.3194 55.3276C43.4874 55.3276 44.0634 54.5916 44.3514 53.6636H45.6954C45.4074 55.0236 44.2874 56.4796 42.2714 56.4796C39.7754 56.4796 38.4154 54.5116 38.4154 52.2556C38.4154 49.7436 39.9674 48.0316 42.2394 48.0316C43.9994 48.0316 45.8394 49.1996 45.8394 52.0156ZM42.3354 49.1196C40.5914 49.1196 39.9034 50.2076 39.7274 51.5516H44.5594C44.4474 50.0476 43.6154 49.1196 42.3354 49.1196ZM53.1711 48.7996V44.8316H54.4511V56.3516H53.1711V55.6476C53.1711 55.2316 53.2831 54.8956 53.4591 54.4796H53.2031C52.6431 55.7756 51.6511 56.4796 50.3871 56.4796C48.2591 56.4796 46.7711 54.6876 46.7711 52.2556C46.7711 49.8236 48.2591 48.0316 50.3871 48.0316C51.6031 48.0316 52.6111 48.6076 53.2031 50.0156H53.4591C53.2671 49.5676 53.1711 49.4076 53.1711 48.7996ZM50.5791 55.3276C52.0991 55.3276 53.1711 53.9196 53.1711 52.2556C53.1711 50.5916 52.0991 49.1836 50.5791 49.1836C48.9151 49.1836 48.0511 50.5916 48.0511 52.2556C48.0511 53.9196 48.9151 55.3276 50.5791 55.3276ZM92.9323 48.0316C95.3323 48.0316 96.7723 49.9356 96.7723 52.2556C96.7723 54.5756 95.3323 56.4796 92.9323 56.4796C90.5323 56.4796 89.0923 54.5756 89.0923 52.2556C89.0923 49.9356 90.5323 48.0316 92.9323 48.0316ZM92.9323 55.3276C94.5483 55.3276 95.4923 53.9516 95.4923 52.2556C95.4923 50.5596 94.5483 49.1836 92.9323 49.1836C91.3163 49.1836 90.3723 50.5596 90.3723 52.2556C90.3723 53.9516 91.3163 55.3276 92.9323 55.3276ZM100.931 56.4796C99.0434 56.4796 97.8914 55.4236 97.8914 53.0236V48.1596H99.1714V52.9596C99.1714 54.8636 100.035 55.3916 101.171 55.3916C102.419 55.3916 103.779 54.1916 103.779 52.2396V48.1596H105.059V56.3516H103.779V55.6636C103.779 55.1996 103.843 55.0236 104.067 54.4636H103.811C103.283 55.7116 102.099 56.4796 100.931 56.4796ZM111.168 48.1596V49.2476H108.864V54.0476C108.864 54.9756 109.056 55.2636 109.952 55.2636H111.168V56.3516H109.952C108.256 56.3516 107.584 55.8556 107.584 53.9516V49.2476H106.048V48.1596H107.584V45.8556H108.864V48.1596H111.168ZM120.574 48.0316C122.974 48.0316 124.414 49.9356 124.414 52.2556C124.414 54.5756 122.974 56.4796 120.574 56.4796C118.174 56.4796 116.734 54.5756 116.734 52.2556C116.734 49.9356 118.174 48.0316 120.574 48.0316ZM120.574 55.3276C122.19 55.3276 123.134 53.9516 123.134 52.2556C123.134 50.5596 122.19 49.1836 120.574 49.1836C118.958 49.1836 118.014 50.5596 118.014 52.2556C118.014 53.9516 118.958 55.3276 120.574 55.3276ZM128.419 45.9196C127.523 45.9196 127.331 46.2076 127.331 47.1356V48.1596H129.635V49.2476H127.331V56.3516H126.051V49.2476H124.771V48.1596H126.051V47.2316C126.051 45.3276 126.723 44.8316 128.419 44.8316H129.635V45.9196H128.419ZM140.173 48.6556C142.029 48.6556 144.029 49.6956 144.029 52.5116C144.029 54.7196 142.445 56.4796 139.517 56.4796C136.973 56.4796 135.325 54.8956 135.325 52.7676H137.341C137.341 53.6956 138.093 54.5596 139.645 54.5596C141.165 54.5596 141.981 53.7756 141.981 52.5116C141.981 51.3116 141.325 50.4636 139.725 50.4476C138.557 50.4316 137.949 50.8636 137.469 51.4876H135.581L136.349 45.0876H143.021V47.0076H138.013L137.901 48.1116C137.821 48.8636 137.613 49.1836 137.293 49.5516H137.677C138.381 48.9756 139.149 48.6556 140.173 48.6556Z", fill: "#66717F" }), jsxRuntime.jsx("path", { d: "M66.2952 54.1756H60.6632V52.1276L65.0792 45.0876H68.3432V52.3836H69.8792V54.1756H68.3432V56.3516H66.2952V54.1756ZM66.3432 46.3516L62.3912 52.8956H62.8072C63.0792 52.5276 63.3992 52.3836 64.1032 52.3836H66.2952V47.8396C66.2952 47.3596 66.3912 46.9116 66.7272 46.3516H66.3432ZM71.2628 56.3516V54.0476H73.5668V56.3516H71.2628ZM74.9369 51.5996C74.9369 47.6156 76.2169 44.9596 79.4649 44.9596C81.6089 44.9596 83.2569 46.3196 83.3849 48.0316H81.3689C81.2249 47.4076 80.7449 46.8796 79.4809 46.8796C77.8489 46.8796 77.2729 47.9356 77.1769 48.8156C77.1289 49.3436 76.8889 49.5996 76.5849 49.9516H76.9689C77.7849 49.0396 78.5369 48.6556 79.7849 48.6556C82.3129 48.6556 83.6409 50.2396 83.6409 52.3996C83.6409 54.7036 82.0089 56.4796 79.3529 56.4796C76.6809 56.4796 74.9369 54.9276 74.9369 51.5996ZM76.9849 52.5116C76.9849 53.7116 77.8169 54.5596 79.2889 54.5596C80.7609 54.5596 81.5929 53.7116 81.5929 52.5116C81.5929 51.0876 80.7609 50.3356 79.2889 50.3356C77.8169 50.3356 76.9849 51.3116 76.9849 52.5116Z", fill: "#56C900" }), jsxRuntime.jsx("rect", { x: "0.5", y: "0.5", width: "158.513", height: "64.3536", rx: "15.5", stroke: "#E1E9F4" }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsx("clipPath", { id: "clip0_2415_9199", children: jsxRuntime.jsx("rect", { width: "131.217", height: "20.2682", fill: "white", transform: "translate(14.1484 11.2578)" }) }), jsxRuntime.jsx("clipPath", { id: "clip1_2415_9199", children: jsxRuntime.jsx("rect", { width: "122", height: "21", fill: "white", transform: "translate(14 11)" }) })] })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, fillRule: "evenodd", role: "img", "aria-label": "Yahoo logo", imageRendering: "optimizeQuality", shapeRendering: "geometricPrecision", textRendering: "geometricPrecision", viewBox: "0 0 3386.34 3010.5", clipRule: "evenodd", children: [jsxRuntime.jsx("title", { children: "Yahoo" }), jsxRuntime.jsx("path", { fill: color, fillRule: "nonzero", d: "M0 732.88h645.84l376.07 962.1 380.96-962.1h628.76l-946.8 2277.62H451.98l259.19-603.53L.02 732.88zm2763.84 768.75h-704.26L2684.65 0l701.69.03-622.5 1501.6zm-519.78 143.72c216.09 0 391.25 175.17 391.25 391.22 0 216.06-175.16 391.23-391.25 391.23-216.06 0-391.19-175.17-391.19-391.23 0-216.05 175.16-391.22 391.19-391.22z" })] })),
             },
             {
                 name: 'pdf',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: '0,0,31,39', role: "img", "aria-label": "PDF logo", children: [jsxRuntime.jsx("title", { children: "PDF" }), jsxRuntime.jsx("path", { d: "M 1 36 L 1 3 C 1 1.895 1.895 1 3 1 L 17.384 1 C 19.041 1 20.384 2.343 20.384 4 L 20.384 8.361 C 20.384 9.466 21.279 10.361 22.384 10.361 L 27 10.361 C 28.657 10.361 30 11.704 30 13.361 L 30 36 C 30 37.105 29.105 38 28 38 L 3 38 C 1.895 38 1 37.105 1 36 Z", fill: 'rgb(233, 233, 224)', stroke: 'rgb(233, 233, 224)', strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 20 9 L 20 2.5 L 28.5 11 L 22 11 C 20.895 11 20 10.105 20 9 Z", fill: 'rgb(217, 215, 202)', stroke: 'rgb(217, 215, 202)', strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 14.389 11.988 C 14.389 11.988 15.632 12.075 15.712 14.204 C 15.759 15.391 15.506 17.005 13.21 22.133 C 10.906 27.26 8.966 30.347 7.794 30.845 C 6.622 31.344 6.171 30.299 6.171 30.299 C 6.171 30.299 5.482 29.405 6.828 28.02 C 7.66 27.173 9.338 25.488 14.833 24.404 C 20.328 23.328 23.17 24.024 24.255 24.697 C 25.339 25.369 24.912 26.39 24.912 26.39 C 24.912 26.39 24.5 27.522 22.782 27.063 C 21.729 26.778 20.993 26.366 17.461 22.489 C 13.392 18.018 13.004 16.024 13.059 13.753 C 13.099 11.972 14.381 11.98 14.381 11.98 Z", fill: "transparent", strokeWidth: 1.5, stroke: 'rgb(204, 75, 75)', strokeMiterlimit: "10", strokeDasharray: "" })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: '0,0,31,39', role: "img", "aria-label": "PDF logo", children: [jsxRuntime.jsx("title", { children: "PDF" }), jsxRuntime.jsx("path", { d: "M 1 36 L 1 3 C 1 1.895 1.895 1 3 1 L 17.384 1 C 19.041 1 20.384 2.343 20.384 4 L 20.384 8.361 C 20.384 9.466 21.279 10.361 22.384 10.361 L 27 10.361 C 28.657 10.361 30 11.704 30 13.361 L 30 36 C 30 37.105 29.105 38 28 38 L 3 38 C 1.895 38 1 37.105 1 36 Z", fill: 'rgb(233, 233, 224)', stroke: 'rgb(233, 233, 224)', strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 20 9 L 20 2.5 L 28.5 11 L 22 11 C 20.895 11 20 10.105 20 9 Z", fill: 'rgb(217, 215, 202)', stroke: 'rgb(217, 215, 202)', strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 14.389 11.988 C 14.389 11.988 15.632 12.075 15.712 14.204 C 15.759 15.391 15.506 17.005 13.21 22.133 C 10.906 27.26 8.966 30.347 7.794 30.845 C 6.622 31.344 6.171 30.299 6.171 30.299 C 6.171 30.299 5.482 29.405 6.828 28.02 C 7.66 27.173 9.338 25.488 14.833 24.404 C 20.328 23.328 23.17 24.024 24.255 24.697 C 25.339 25.369 24.912 26.39 24.912 26.39 C 24.912 26.39 24.5 27.522 22.782 27.063 C 21.729 26.778 20.993 26.366 17.461 22.489 C 13.392 18.018 13.004 16.024 13.059 13.753 C 13.099 11.972 14.381 11.98 14.381 11.98 Z", fill: "transparent", strokeWidth: 1.5, stroke: 'rgb(204, 75, 75)', strokeMiterlimit: "10", strokeDasharray: "" })] })),
             },
             {
                 name: 'impossible foods',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 875 215", role: "img", "aria-label": "Impossible Foods logo", children: [jsxRuntime.jsx("title", { children: "Impossible Foods" }), jsxRuntime.jsx("path", { d: "M 57.965 5.104 L 97.673 5.104 L 112.462 112.733 L 127.524 5.104 L 164.494 5.104 L 164.494 208.862 L 135.464 208.862 L 135.464 77.131 L 116.842 208.862 L 104.518 208.862 L 85.623 77.131 L 85.623 208.862 L 57.965 208.862 Z M 209.699 102.301 L 217.634 102.301 C 226.941 102.301 228.319 95.712 228.319 87.49 L 228.319 46.737 C 228.319 38.803 226.681 32.77 217.634 32.77 L 209.699 32.77 Z M 209.699 131.58 L 209.699 208.862 L 178.756 208.862 L 178.756 5.117 L 227.769 5.117 C 249.667 5.117 259.531 14.431 259.531 38.801 L 259.531 94.329 C 259.531 118.444 248.855 131.58 227.769 131.58 Z M 321.151 48.381 C 321.151 37.717 317.58 32.768 310.477 32.768 C 302.524 32.768 299.523 37.978 299.523 48.381 L 299.523 165.612 C 299.523 174.363 301.98 181.2 310.743 181.2 C 318.971 181.2 321.151 174.365 321.151 165.612 Z M 352.629 163.394 C 352.629 191.883 343.054 211.328 313.218 211.328 L 308.002 211.328 C 278.431 211.328 268.027 191.883 268.027 163.394 L 268.027 50.026 C 268.027 21.818 278.704 3.188 307.725 3.188 L 312.934 3.188 C 343.056 3.188 352.631 21.818 352.631 49.757 L 352.631 163.394 Z M 406.307 3.199 C 431.779 3.199 441.636 14.431 441.636 38.524 L 441.636 71.937 L 411.783 71.937 L 411.783 42.639 C 411.783 35.791 410.422 30.586 403.022 30.586 C 395.625 30.586 393.993 35.239 393.993 44.828 L 393.993 48.644 C 393.993 60.151 396.175 66.452 406.587 79.894 L 426.301 105.335 C 440.265 123.429 444.653 133.835 444.653 156.832 L 444.653 163.394 C 444.653 193.251 431.779 211.046 404.669 211.046 L 398.634 211.046 C 373.995 211.046 360.853 197.632 360.853 172.436 L 360.853 131.629 L 391.514 131.629 L 391.514 167.24 C 391.514 176.562 394.535 181.486 401.655 181.486 C 409.053 181.486 411.785 176.562 411.785 163.946 L 411.785 159.304 C 411.785 144.781 410.424 139.569 399.189 125.066 L 379.475 99.874 C 366.33 82.885 362.502 69.748 362.502 49.482 L 362.502 42.903 C 362.502 15.805 376.196 3.201 400.561 3.201 L 406.307 3.201 Z M 497.772 3.199 C 523.237 3.199 533.081 14.431 533.081 38.524 L 533.081 71.937 L 503.248 71.937 L 503.248 42.639 C 503.248 35.791 501.878 30.586 494.485 30.586 C 487.087 30.586 485.438 35.239 485.438 44.828 L 485.438 48.644 C 485.438 60.151 487.637 66.452 498.047 79.894 L 517.761 105.335 C 531.74 123.429 536.1 133.835 536.1 156.832 L 536.1 163.394 C 536.1 193.251 523.237 211.046 496.114 211.046 L 490.097 211.046 C 465.453 211.046 452.313 197.632 452.313 172.436 L 452.313 131.629 L 482.974 131.629 L 482.974 167.24 C 482.974 176.562 485.997 181.486 493.115 181.486 C 500.509 181.486 503.25 176.562 503.25 163.946 L 503.25 159.304 C 503.25 144.781 501.88 139.569 490.649 125.066 L 470.937 99.874 C 457.797 82.885 453.944 69.748 453.944 49.482 L 453.944 42.903 C 453.944 15.805 467.656 3.201 492.01 3.201 L 497.772 3.201 Z M 623.785 116.044 L 623.785 180.11 L 633.092 180.11 C 642.94 180.11 645.139 175.446 645.139 166.421 L 645.139 129.178 C 645.139 120.688 642.94 116.044 633.092 116.044 Z M 623.785 32.783 L 623.785 85.624 L 633.092 85.624 C 641.308 85.624 643.759 79.894 643.759 71.386 L 643.759 45.655 C 643.759 37.429 641.577 32.785 633.092 32.785 L 623.785 32.785 Z M 592.833 5.117 L 641.577 5.117 C 667.32 5.117 674.165 18.542 674.165 38.242 L 674.165 69.477 C 674.165 86.445 666.778 94.665 658.826 97.685 C 667.038 100.407 676.624 107.257 676.624 127.529 L 676.624 171.615 C 676.624 193.248 667.038 208.86 643.757 208.86 L 592.831 208.86 L 592.831 5.117 Z M 720.095 5.117 L 720.095 177.386 L 744.537 177.386 L 744.537 208.862 L 689.156 208.862 L 689.156 5.117 Z M 820.744 5.117 L 820.744 34.697 L 785.531 34.697 L 785.531 88.094 L 812.963 88.094 L 812.963 119.041 L 785.531 119.041 L 785.531 177.91 L 821.664 177.91 L 821.664 208.862 L 754.607 208.862 L 754.607 5.117 Z M 546.924 5.117 L 577.863 5.117 L 577.863 208.862 L 546.924 208.862 Z M 12.996 5.117 L 43.928 5.117 L 43.928 208.862 L 12.996 208.862 Z M 844.76 5.117 L 844.76 9.413 L 840.982 9.413 L 840.982 34.697 L 836.53 34.697 L 836.53 9.413 L 832.753 9.413 L 832.753 5.117 Z M 846.026 5.117 L 851.79 5.117 L 853.938 20.743 L 856.122 5.117 L 861.49 5.117 L 861.49 34.695 L 857.276 34.695 L 857.276 15.575 L 854.574 34.697 L 852.785 34.697 L 850.042 15.575 L 850.042 34.697 L 846.026 34.697 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 875 215", role: "img", "aria-label": "Impossible Foods logo", children: [jsxRuntime.jsx("title", { children: "Impossible Foods" }), jsxRuntime.jsx("path", { d: "M 57.965 5.104 L 97.673 5.104 L 112.462 112.733 L 127.524 5.104 L 164.494 5.104 L 164.494 208.862 L 135.464 208.862 L 135.464 77.131 L 116.842 208.862 L 104.518 208.862 L 85.623 77.131 L 85.623 208.862 L 57.965 208.862 Z M 209.699 102.301 L 217.634 102.301 C 226.941 102.301 228.319 95.712 228.319 87.49 L 228.319 46.737 C 228.319 38.803 226.681 32.77 217.634 32.77 L 209.699 32.77 Z M 209.699 131.58 L 209.699 208.862 L 178.756 208.862 L 178.756 5.117 L 227.769 5.117 C 249.667 5.117 259.531 14.431 259.531 38.801 L 259.531 94.329 C 259.531 118.444 248.855 131.58 227.769 131.58 Z M 321.151 48.381 C 321.151 37.717 317.58 32.768 310.477 32.768 C 302.524 32.768 299.523 37.978 299.523 48.381 L 299.523 165.612 C 299.523 174.363 301.98 181.2 310.743 181.2 C 318.971 181.2 321.151 174.365 321.151 165.612 Z M 352.629 163.394 C 352.629 191.883 343.054 211.328 313.218 211.328 L 308.002 211.328 C 278.431 211.328 268.027 191.883 268.027 163.394 L 268.027 50.026 C 268.027 21.818 278.704 3.188 307.725 3.188 L 312.934 3.188 C 343.056 3.188 352.631 21.818 352.631 49.757 L 352.631 163.394 Z M 406.307 3.199 C 431.779 3.199 441.636 14.431 441.636 38.524 L 441.636 71.937 L 411.783 71.937 L 411.783 42.639 C 411.783 35.791 410.422 30.586 403.022 30.586 C 395.625 30.586 393.993 35.239 393.993 44.828 L 393.993 48.644 C 393.993 60.151 396.175 66.452 406.587 79.894 L 426.301 105.335 C 440.265 123.429 444.653 133.835 444.653 156.832 L 444.653 163.394 C 444.653 193.251 431.779 211.046 404.669 211.046 L 398.634 211.046 C 373.995 211.046 360.853 197.632 360.853 172.436 L 360.853 131.629 L 391.514 131.629 L 391.514 167.24 C 391.514 176.562 394.535 181.486 401.655 181.486 C 409.053 181.486 411.785 176.562 411.785 163.946 L 411.785 159.304 C 411.785 144.781 410.424 139.569 399.189 125.066 L 379.475 99.874 C 366.33 82.885 362.502 69.748 362.502 49.482 L 362.502 42.903 C 362.502 15.805 376.196 3.201 400.561 3.201 L 406.307 3.201 Z M 497.772 3.199 C 523.237 3.199 533.081 14.431 533.081 38.524 L 533.081 71.937 L 503.248 71.937 L 503.248 42.639 C 503.248 35.791 501.878 30.586 494.485 30.586 C 487.087 30.586 485.438 35.239 485.438 44.828 L 485.438 48.644 C 485.438 60.151 487.637 66.452 498.047 79.894 L 517.761 105.335 C 531.74 123.429 536.1 133.835 536.1 156.832 L 536.1 163.394 C 536.1 193.251 523.237 211.046 496.114 211.046 L 490.097 211.046 C 465.453 211.046 452.313 197.632 452.313 172.436 L 452.313 131.629 L 482.974 131.629 L 482.974 167.24 C 482.974 176.562 485.997 181.486 493.115 181.486 C 500.509 181.486 503.25 176.562 503.25 163.946 L 503.25 159.304 C 503.25 144.781 501.88 139.569 490.649 125.066 L 470.937 99.874 C 457.797 82.885 453.944 69.748 453.944 49.482 L 453.944 42.903 C 453.944 15.805 467.656 3.201 492.01 3.201 L 497.772 3.201 Z M 623.785 116.044 L 623.785 180.11 L 633.092 180.11 C 642.94 180.11 645.139 175.446 645.139 166.421 L 645.139 129.178 C 645.139 120.688 642.94 116.044 633.092 116.044 Z M 623.785 32.783 L 623.785 85.624 L 633.092 85.624 C 641.308 85.624 643.759 79.894 643.759 71.386 L 643.759 45.655 C 643.759 37.429 641.577 32.785 633.092 32.785 L 623.785 32.785 Z M 592.833 5.117 L 641.577 5.117 C 667.32 5.117 674.165 18.542 674.165 38.242 L 674.165 69.477 C 674.165 86.445 666.778 94.665 658.826 97.685 C 667.038 100.407 676.624 107.257 676.624 127.529 L 676.624 171.615 C 676.624 193.248 667.038 208.86 643.757 208.86 L 592.831 208.86 L 592.831 5.117 Z M 720.095 5.117 L 720.095 177.386 L 744.537 177.386 L 744.537 208.862 L 689.156 208.862 L 689.156 5.117 Z M 820.744 5.117 L 820.744 34.697 L 785.531 34.697 L 785.531 88.094 L 812.963 88.094 L 812.963 119.041 L 785.531 119.041 L 785.531 177.91 L 821.664 177.91 L 821.664 208.862 L 754.607 208.862 L 754.607 5.117 Z M 546.924 5.117 L 577.863 5.117 L 577.863 208.862 L 546.924 208.862 Z M 12.996 5.117 L 43.928 5.117 L 43.928 208.862 L 12.996 208.862 Z M 844.76 5.117 L 844.76 9.413 L 840.982 9.413 L 840.982 34.697 L 836.53 34.697 L 836.53 9.413 L 832.753 9.413 L 832.753 5.117 Z M 846.026 5.117 L 851.79 5.117 L 853.938 20.743 L 856.122 5.117 L 861.49 5.117 L 861.49 34.695 L 857.276 34.695 L 857.276 15.575 L 854.574 34.697 L 852.785 34.697 L 850.042 15.575 L 850.042 34.697 L 846.026 34.697 Z", fill: color })] })),
             },
             {
                 name: 'gong',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 614 215", role: "img", "aria-label": "Gong logo", children: [jsxRuntime.jsx("title", { children: "Gong" }), jsxRuntime.jsx("path", { d: "M 193.768 92.092 L 135.438 92.092 C 132.061 92.092 129.605 95.47 130.731 98.644 L 144.75 134.989 C 145.364 136.627 144.136 138.368 142.397 138.265 L 124.488 137.139 C 123.67 137.037 122.851 137.446 122.442 138.163 L 108.524 157.923 C 107.808 159.049 106.273 159.458 105.147 158.639 L 84.476 144.613 C 83.657 144.101 82.532 144.101 81.815 144.613 L 53.162 163.963 C 51.32 165.192 48.864 163.451 49.478 161.301 L 57.46 132.839 C 57.767 131.611 57.255 130.485 56.027 129.973 L 40.882 123.83 C 39.347 123.215 38.938 121.373 39.961 120.144 L 53.264 103.558 C 53.878 102.739 53.981 101.613 53.367 100.692 L 42.11 84.413 C 41.087 82.877 42.008 80.83 43.952 80.727 L 61.451 79.396 C 62.679 79.294 63.702 78.168 63.702 76.837 L 62.27 52.368 C 62.167 50.627 63.907 49.399 65.647 50.013 L 87.341 59.023 C 88.262 59.432 89.388 59.227 90.002 58.408 L 104.943 41.72 C 106.171 40.389 108.32 40.799 109.036 42.335 L 118.041 65.473 C 119.269 68.339 122.851 69.363 125.307 67.418 L 160.407 41.311 C 164.398 38.342 161.84 31.994 156.928 32.711 L 133.801 35.782 C 132.675 35.987 131.652 35.27 131.242 34.246 L 119.065 3.02 C 117.734 -0.256 113.539 -1.075 111.083 1.587 L 84.681 30.254 C 83.964 30.97 82.941 31.175 82.02 30.765 L 47.227 16.125 C 44.157 14.896 40.677 17.046 40.575 20.425 L 39.347 56.361 C 39.245 57.589 38.324 58.613 37.096 58.613 L 5.372 60.661 C 1.688 60.865 -0.358 65.063 1.688 68.135 L 22.769 99.258 C 23.383 100.18 23.281 101.306 22.564 102.227 L 1.177 126.799 C -0.972 129.256 -0.051 133.044 2.916 134.375 L 27.476 145.023 C 28.602 145.535 29.114 146.661 28.807 147.787 L 13.047 209.215 C 11.922 213.618 16.834 216.894 20.518 214.335 L 79.564 171.949 C 80.383 171.437 81.508 171.335 82.327 171.949 L 109.241 190.889 C 111.492 192.527 114.46 191.811 115.995 189.661 L 132.777 163.861 C 133.289 163.042 134.21 162.632 135.029 162.837 L 175.246 167.649 C 178.52 168.161 181.795 165.396 180.567 162.427 L 163.784 119.12 C 163.273 117.892 163.784 116.663 165.217 115.946 L 195.815 101.511 C 200.522 99.054 198.885 92.092 193.768 92.092 Z M 612.209 92.092 L 566.875 92.092 C 565.954 92.092 565.238 92.808 565.238 93.73 L 565.238 113.796 C 565.238 114.718 565.954 115.435 566.875 115.435 L 586.216 115.435 C 587.137 115.435 587.854 116.151 587.854 117.073 C 587.649 127.413 585.602 145.944 566.773 145.944 C 551.423 145.944 545.385 127.413 545.385 105.811 C 545.385 80.113 551.73 64.244 565.954 64.244 C 576.29 64.244 579.667 72.946 580.588 76.223 C 580.793 76.939 581.509 77.451 582.225 77.451 L 605.762 77.451 C 606.683 77.451 607.502 76.632 607.399 75.711 C 606.478 62.811 595.426 40.287 566.364 40.287 C 545.999 40.287 526.965 52.675 520.928 83.287 L 520.928 43.87 C 520.928 43.358 520.518 43.051 520.109 43.051 L 495.14 43.051 C 494.628 43.051 494.321 43.461 494.321 43.87 L 494.321 114.206 C 494.321 115.127 493.093 115.332 492.684 114.513 L 459.937 43.461 C 459.732 43.154 459.528 42.949 459.221 42.949 L 437.117 42.949 C 436.605 42.949 436.298 43.358 436.298 43.768 L 436.298 83.185 C 428.111 58.204 405.905 40.185 377.047 40.185 C 344.812 40.185 320.968 62.504 315.442 92.092 L 270.313 92.092 C 269.802 92.092 269.495 92.501 269.495 92.911 L 269.495 114.615 C 269.495 115.127 269.904 115.435 270.313 115.435 L 291.394 115.435 C 291.906 115.435 292.213 115.844 292.213 116.254 C 292.11 126.287 290.371 145.944 271.132 145.944 C 255.782 145.944 249.744 127.413 249.744 105.811 C 249.744 80.113 256.089 64.244 270.313 64.244 C 281.263 64.244 284.435 74.175 285.152 76.837 C 285.254 77.246 285.561 77.451 285.97 77.451 L 311.247 77.451 C 311.758 77.451 312.168 77.042 312.065 76.53 C 311.554 63.835 300.706 40.287 270.927 40.287 C 246.265 40.287 223.445 58.511 223.445 105.606 C 223.445 137.958 236.134 170.004 271.337 170.004 C 297.329 170.004 314.01 149.835 317.694 125.57 C 325.573 151.37 347.984 170.004 377.456 170.004 C 406.928 170.004 428.521 151.985 436.707 126.799 L 436.707 166.625 C 436.707 167.137 437.117 167.444 437.526 167.444 L 462.495 167.444 C 463.007 167.444 463.314 167.035 463.314 166.625 L 463.314 97.415 C 463.314 96.494 464.542 96.289 464.951 97.108 L 497.698 167.035 C 497.903 167.342 498.107 167.546 498.414 167.546 L 520.518 167.546 C 521.03 167.546 521.337 167.137 521.337 166.727 L 521.337 127.208 C 526.147 150.961 539.859 170.208 567.08 170.208 C 596.757 170.208 614.256 144.101 614.256 115.537 L 614.256 94.139 C 613.846 92.808 613.13 92.092 612.209 92.092 Z M 377.252 144.101 C 356.274 144.101 341.742 128.027 341.742 105.196 C 341.742 82.365 356.274 66.292 377.252 66.292 C 398.23 66.292 412.762 82.365 412.762 105.196 C 412.762 128.027 398.128 144.101 377.252 144.101 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 614 215", role: "img", "aria-label": "Gong logo", children: [jsxRuntime.jsx("title", { children: "Gong" }), jsxRuntime.jsx("path", { d: "M 193.768 92.092 L 135.438 92.092 C 132.061 92.092 129.605 95.47 130.731 98.644 L 144.75 134.989 C 145.364 136.627 144.136 138.368 142.397 138.265 L 124.488 137.139 C 123.67 137.037 122.851 137.446 122.442 138.163 L 108.524 157.923 C 107.808 159.049 106.273 159.458 105.147 158.639 L 84.476 144.613 C 83.657 144.101 82.532 144.101 81.815 144.613 L 53.162 163.963 C 51.32 165.192 48.864 163.451 49.478 161.301 L 57.46 132.839 C 57.767 131.611 57.255 130.485 56.027 129.973 L 40.882 123.83 C 39.347 123.215 38.938 121.373 39.961 120.144 L 53.264 103.558 C 53.878 102.739 53.981 101.613 53.367 100.692 L 42.11 84.413 C 41.087 82.877 42.008 80.83 43.952 80.727 L 61.451 79.396 C 62.679 79.294 63.702 78.168 63.702 76.837 L 62.27 52.368 C 62.167 50.627 63.907 49.399 65.647 50.013 L 87.341 59.023 C 88.262 59.432 89.388 59.227 90.002 58.408 L 104.943 41.72 C 106.171 40.389 108.32 40.799 109.036 42.335 L 118.041 65.473 C 119.269 68.339 122.851 69.363 125.307 67.418 L 160.407 41.311 C 164.398 38.342 161.84 31.994 156.928 32.711 L 133.801 35.782 C 132.675 35.987 131.652 35.27 131.242 34.246 L 119.065 3.02 C 117.734 -0.256 113.539 -1.075 111.083 1.587 L 84.681 30.254 C 83.964 30.97 82.941 31.175 82.02 30.765 L 47.227 16.125 C 44.157 14.896 40.677 17.046 40.575 20.425 L 39.347 56.361 C 39.245 57.589 38.324 58.613 37.096 58.613 L 5.372 60.661 C 1.688 60.865 -0.358 65.063 1.688 68.135 L 22.769 99.258 C 23.383 100.18 23.281 101.306 22.564 102.227 L 1.177 126.799 C -0.972 129.256 -0.051 133.044 2.916 134.375 L 27.476 145.023 C 28.602 145.535 29.114 146.661 28.807 147.787 L 13.047 209.215 C 11.922 213.618 16.834 216.894 20.518 214.335 L 79.564 171.949 C 80.383 171.437 81.508 171.335 82.327 171.949 L 109.241 190.889 C 111.492 192.527 114.46 191.811 115.995 189.661 L 132.777 163.861 C 133.289 163.042 134.21 162.632 135.029 162.837 L 175.246 167.649 C 178.52 168.161 181.795 165.396 180.567 162.427 L 163.784 119.12 C 163.273 117.892 163.784 116.663 165.217 115.946 L 195.815 101.511 C 200.522 99.054 198.885 92.092 193.768 92.092 Z M 612.209 92.092 L 566.875 92.092 C 565.954 92.092 565.238 92.808 565.238 93.73 L 565.238 113.796 C 565.238 114.718 565.954 115.435 566.875 115.435 L 586.216 115.435 C 587.137 115.435 587.854 116.151 587.854 117.073 C 587.649 127.413 585.602 145.944 566.773 145.944 C 551.423 145.944 545.385 127.413 545.385 105.811 C 545.385 80.113 551.73 64.244 565.954 64.244 C 576.29 64.244 579.667 72.946 580.588 76.223 C 580.793 76.939 581.509 77.451 582.225 77.451 L 605.762 77.451 C 606.683 77.451 607.502 76.632 607.399 75.711 C 606.478 62.811 595.426 40.287 566.364 40.287 C 545.999 40.287 526.965 52.675 520.928 83.287 L 520.928 43.87 C 520.928 43.358 520.518 43.051 520.109 43.051 L 495.14 43.051 C 494.628 43.051 494.321 43.461 494.321 43.87 L 494.321 114.206 C 494.321 115.127 493.093 115.332 492.684 114.513 L 459.937 43.461 C 459.732 43.154 459.528 42.949 459.221 42.949 L 437.117 42.949 C 436.605 42.949 436.298 43.358 436.298 43.768 L 436.298 83.185 C 428.111 58.204 405.905 40.185 377.047 40.185 C 344.812 40.185 320.968 62.504 315.442 92.092 L 270.313 92.092 C 269.802 92.092 269.495 92.501 269.495 92.911 L 269.495 114.615 C 269.495 115.127 269.904 115.435 270.313 115.435 L 291.394 115.435 C 291.906 115.435 292.213 115.844 292.213 116.254 C 292.11 126.287 290.371 145.944 271.132 145.944 C 255.782 145.944 249.744 127.413 249.744 105.811 C 249.744 80.113 256.089 64.244 270.313 64.244 C 281.263 64.244 284.435 74.175 285.152 76.837 C 285.254 77.246 285.561 77.451 285.97 77.451 L 311.247 77.451 C 311.758 77.451 312.168 77.042 312.065 76.53 C 311.554 63.835 300.706 40.287 270.927 40.287 C 246.265 40.287 223.445 58.511 223.445 105.606 C 223.445 137.958 236.134 170.004 271.337 170.004 C 297.329 170.004 314.01 149.835 317.694 125.57 C 325.573 151.37 347.984 170.004 377.456 170.004 C 406.928 170.004 428.521 151.985 436.707 126.799 L 436.707 166.625 C 436.707 167.137 437.117 167.444 437.526 167.444 L 462.495 167.444 C 463.007 167.444 463.314 167.035 463.314 166.625 L 463.314 97.415 C 463.314 96.494 464.542 96.289 464.951 97.108 L 497.698 167.035 C 497.903 167.342 498.107 167.546 498.414 167.546 L 520.518 167.546 C 521.03 167.546 521.337 167.137 521.337 166.727 L 521.337 127.208 C 526.147 150.961 539.859 170.208 567.08 170.208 C 596.757 170.208 614.256 144.101 614.256 115.537 L 614.256 94.139 C 613.846 92.808 613.13 92.092 612.209 92.092 Z M 377.252 144.101 C 356.274 144.101 341.742 128.027 341.742 105.196 C 341.742 82.365 356.274 66.292 377.252 66.292 C 398.23 66.292 412.762 82.365 412.762 105.196 C 412.762 128.027 398.128 144.101 377.252 144.101 Z", fill: color })] })),
             },
             {
                 name: 'zoom',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 956 215", role: "img", "aria-label": "Zoom logo", children: [jsxRuntime.jsx("title", { children: "Zoom" }), jsxRuntime.jsx("path", { d: "M 778.375 64.404 C 782.008 70.711 783.251 77.878 783.633 85.904 L 784.111 96.607 L 784.111 171.713 L 784.685 182.511 C 785.736 200.093 798.738 213.089 816.424 214.14 L 827.131 214.713 L 827.131 96.702 L 827.705 86 C 828.183 78.069 829.33 70.711 833.058 64.404 C 845.008 43.956 871.203 36.98 891.757 48.829 C 898.258 52.556 903.611 58.002 907.435 64.5 C 911.068 70.807 912.215 78.069 912.693 86 L 913.267 96.702 L 913.267 171.904 L 913.84 182.702 C 914.988 200.38 927.798 213.376 945.58 214.331 L 956.287 214.904 L 956.287 85.904 C 956 38.509 917.569 0 870.056 0 C 845.391 0 821.873 10.607 805.621 29.049 C 789.369 10.607 765.852 0 741.187 0 C 723.31 0 706.771 5.447 693.1 14.716 C 684.687 5.447 665.95 0 655.242 0 L 655.242 214.713 L 665.95 214.14 C 683.922 212.993 696.924 200.284 697.593 182.511 L 698.167 171.713 L 698.167 96.607 L 698.74 85.904 C 699.218 77.782 700.366 70.711 703.998 64.309 C 711.742 51.027 725.891 42.904 741.187 42.904 C 756.483 43 770.727 51.122 778.375 64.404 Z M 42.924 214.236 L 53.632 214.713 L 214.718 214.713 L 214.144 204.011 C 212.71 186.333 200.186 173.433 182.5 172.287 L 171.793 171.713 L 75.237 171.713 L 204.106 42.904 L 203.532 32.202 C 202.672 14.429 189.67 1.529 171.889 0.573 L 161.182 0.096 L 0 0 L 0.574 10.702 C 1.912 28.284 14.627 41.376 32.217 42.427 L 43.02 43 L 139.576 43 L 10.707 171.809 L 11.281 182.511 C 12.332 200.284 25.143 213.089 42.924 214.236 Z M 613.083 31.438 C 655.051 73.387 655.051 141.327 613.083 183.276 C 571.114 225.224 503.143 225.224 461.174 183.276 C 419.206 141.327 419.206 73.387 461.174 31.438 C 481.25 11.276 508.496 0 536.985 0 C 565.57 0 592.911 11.276 613.083 31.438 Z M 491.575 61.824 C 466.432 86.956 466.432 127.758 491.575 152.889 C 516.718 178.02 557.539 178.02 582.682 152.889 C 607.825 127.758 607.825 86.956 582.682 61.824 C 557.444 36.693 516.718 36.693 491.575 61.824 Z M 311.56 0 C 340.049 0 367.295 11.276 387.467 31.438 C 429.435 73.387 429.435 141.327 387.467 183.276 C 345.498 225.224 277.527 225.224 235.558 183.276 C 193.59 141.327 193.59 73.387 235.558 31.438 C 255.634 11.276 282.976 0 311.465 0 Z M 265.959 61.92 C 240.816 87.051 240.816 127.853 265.959 152.984 C 291.102 178.116 331.923 178.116 357.066 152.984 C 382.209 127.758 382.209 86.956 357.066 61.824 C 331.923 36.693 291.102 36.693 265.959 61.92 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 956 215", role: "img", "aria-label": "Zoom logo", children: [jsxRuntime.jsx("title", { children: "Zoom" }), jsxRuntime.jsx("path", { d: "M 778.375 64.404 C 782.008 70.711 783.251 77.878 783.633 85.904 L 784.111 96.607 L 784.111 171.713 L 784.685 182.511 C 785.736 200.093 798.738 213.089 816.424 214.14 L 827.131 214.713 L 827.131 96.702 L 827.705 86 C 828.183 78.069 829.33 70.711 833.058 64.404 C 845.008 43.956 871.203 36.98 891.757 48.829 C 898.258 52.556 903.611 58.002 907.435 64.5 C 911.068 70.807 912.215 78.069 912.693 86 L 913.267 96.702 L 913.267 171.904 L 913.84 182.702 C 914.988 200.38 927.798 213.376 945.58 214.331 L 956.287 214.904 L 956.287 85.904 C 956 38.509 917.569 0 870.056 0 C 845.391 0 821.873 10.607 805.621 29.049 C 789.369 10.607 765.852 0 741.187 0 C 723.31 0 706.771 5.447 693.1 14.716 C 684.687 5.447 665.95 0 655.242 0 L 655.242 214.713 L 665.95 214.14 C 683.922 212.993 696.924 200.284 697.593 182.511 L 698.167 171.713 L 698.167 96.607 L 698.74 85.904 C 699.218 77.782 700.366 70.711 703.998 64.309 C 711.742 51.027 725.891 42.904 741.187 42.904 C 756.483 43 770.727 51.122 778.375 64.404 Z M 42.924 214.236 L 53.632 214.713 L 214.718 214.713 L 214.144 204.011 C 212.71 186.333 200.186 173.433 182.5 172.287 L 171.793 171.713 L 75.237 171.713 L 204.106 42.904 L 203.532 32.202 C 202.672 14.429 189.67 1.529 171.889 0.573 L 161.182 0.096 L 0 0 L 0.574 10.702 C 1.912 28.284 14.627 41.376 32.217 42.427 L 43.02 43 L 139.576 43 L 10.707 171.809 L 11.281 182.511 C 12.332 200.284 25.143 213.089 42.924 214.236 Z M 613.083 31.438 C 655.051 73.387 655.051 141.327 613.083 183.276 C 571.114 225.224 503.143 225.224 461.174 183.276 C 419.206 141.327 419.206 73.387 461.174 31.438 C 481.25 11.276 508.496 0 536.985 0 C 565.57 0 592.911 11.276 613.083 31.438 Z M 491.575 61.824 C 466.432 86.956 466.432 127.758 491.575 152.889 C 516.718 178.02 557.539 178.02 582.682 152.889 C 607.825 127.758 607.825 86.956 582.682 61.824 C 557.444 36.693 516.718 36.693 491.575 61.824 Z M 311.56 0 C 340.049 0 367.295 11.276 387.467 31.438 C 429.435 73.387 429.435 141.327 387.467 183.276 C 345.498 225.224 277.527 225.224 235.558 183.276 C 193.59 141.327 193.59 73.387 235.558 31.438 C 255.634 11.276 282.976 0 311.465 0 Z M 265.959 61.92 C 240.816 87.051 240.816 127.853 265.959 152.984 C 291.102 178.116 331.923 178.116 357.066 152.984 C 382.209 127.758 382.209 86.956 357.066 61.824 C 331.923 36.693 291.102 36.693 265.959 61.92 Z", fill: color })] })),
             },
             {
                 name: 'seattle seahawks',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 546 215", role: "img", "aria-label": "Seattle Seahawks logo", children: [jsxRuntime.jsx("title", { children: "Seattle Seahawks" }), jsxRuntime.jsx("path", { d: "M 207.834 172.721 C 206.368 172.794 205.403 172.892 204.426 172.892 L 43.998 172.892 C 34.287 172.892 24.723 171.902 15.586 168.335 C 1.906 162.997 -1.759 153.493 0.696 139.811 C 2.59 129.281 8.245 120.376 13.045 111.104 C 14.865 107.61 16.172 102.98 19.116 101.184 C 21.95 99.45 26.604 100.635 30.464 100.622 C 75.096 100.622 119.729 100.684 164.362 100.61 C 175.38 100.598 185.09 103.835 193.58 110.908 C 198.417 114.939 203.425 118.775 208.359 122.697 C 210.668 124.529 212.879 126.496 215.285 128.194 C 217.252 129.586 217.533 130.857 216.238 132.995 C 212.769 138.724 209.666 144.685 206.173 150.402 C 201.8 157.549 201.837 164.377 206.93 171.096 C 207.175 171.414 207.321 171.792 207.834 172.721 Z", fill: color }), jsxRuntime.jsx("path", { d: "M 27.691 83.496 C 31.783 75.702 35.533 68.531 39.319 61.373 C 49.616 41.888 59.926 22.416 70.223 2.932 C 72.177 -0.757 72.189 -0.782 75.255 1.796 C 83.048 8.331 92.136 11.324 102.164 11.813 C 104.4 11.923 106.635 11.923 108.87 11.923 L 322.372 11.923 C 337.531 11.923 352.665 12.094 367.677 14.549 C 387.892 17.847 406.251 24.982 420.725 40.141 C 422.619 42.133 424.805 42.768 427.395 43.244 C 442.065 45.944 456.783 48.448 471.294 51.82 C 485.329 55.082 498.985 59.736 511.982 66.137 C 521.119 70.632 529.339 76.337 535.679 84.4 C 547.539 99.462 549.127 116.222 542.287 133.605 C 532.332 158.905 518.468 181.883 498.985 201.098 C 494.527 205.496 489.36 209.185 484.486 213.155 C 483.656 213.839 482.618 214.267 481.25 215.073 C 482.447 210.578 483.644 206.644 484.523 202.625 C 486.575 193.366 483.167 185.718 474.409 182.2 C 467.827 179.564 460.979 177.643 453.986 176.471 C 434.174 173.173 414.142 172.831 394.097 172.855 C 343.162 172.928 292.226 172.977 241.29 172.721 C 236.405 172.696 231.238 171.157 226.706 169.178 C 219.023 165.819 216.873 159.063 221.136 151.795 C 226.12 143.305 231.8 135.23 237.199 126.984 C 239.727 123.124 239.764 123.124 236.246 120.253 C 225.069 111.116 213.893 101.991 202.728 92.853 C 201.959 92.23 201.25 91.522 199.846 90.239 C 201.629 88.773 203.241 87.576 204.732 86.22 C 217.594 74.468 230.908 63.364 246.592 55.448 C 263.411 46.958 281.184 45.028 299.665 47.324 C 318.182 49.633 334.917 57.219 351.834 64.402 C 362.412 68.886 373.198 72.807 384.863 73.344 C 391.263 73.637 397.481 73.014 402.99 69.374 C 404.37 68.458 405.542 67.236 407.191 65.819 C 402.33 66.381 398.152 67.151 393.963 67.297 C 382.237 67.713 371.683 63.315 361.288 58.649 C 346.936 52.211 332.584 45.797 317.425 41.424 C 298.834 36.074 279.999 33.691 260.822 37.527 C 245.163 40.655 231.152 47.764 217.899 56.45 C 207.627 63.181 197.562 70.241 187.13 76.704 C 179.13 81.663 170.188 83.716 160.685 83.703 C 117.677 83.606 74.681 83.667 31.673 83.655 C 30.586 83.655 29.486 83.545 27.691 83.459 Z M 390.311 85.658 C 384.228 85.658 373 87.25 354.5 80.5 C 336 73.75 325.875 68 316 64 C 305.297 61.197 305 61.202 298.223 61.202 C 291.375 61.202 285.862 62.619 280.268 63.84 C 267.552 66.638 256.767 73.124 247.386 82.054 C 246.213 83.166 245.981 84.143 247.19 85.389 C 259.735 98.216 274.441 106.877 292.605 108.538 C 312.393 110.346 332.205 110.249 351.993 108.538 C 360.238 107.818 368.251 105.985 375.482 101.673 C 381.772 97.911 386.744 92.902 390.311 85.658 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 546 215", role: "img", "aria-label": "Seattle Seahawks logo", children: [jsxRuntime.jsx("title", { children: "Seattle Seahawks" }), jsxRuntime.jsx("path", { d: "M 207.834 172.721 C 206.368 172.794 205.403 172.892 204.426 172.892 L 43.998 172.892 C 34.287 172.892 24.723 171.902 15.586 168.335 C 1.906 162.997 -1.759 153.493 0.696 139.811 C 2.59 129.281 8.245 120.376 13.045 111.104 C 14.865 107.61 16.172 102.98 19.116 101.184 C 21.95 99.45 26.604 100.635 30.464 100.622 C 75.096 100.622 119.729 100.684 164.362 100.61 C 175.38 100.598 185.09 103.835 193.58 110.908 C 198.417 114.939 203.425 118.775 208.359 122.697 C 210.668 124.529 212.879 126.496 215.285 128.194 C 217.252 129.586 217.533 130.857 216.238 132.995 C 212.769 138.724 209.666 144.685 206.173 150.402 C 201.8 157.549 201.837 164.377 206.93 171.096 C 207.175 171.414 207.321 171.792 207.834 172.721 Z", fill: color }), jsxRuntime.jsx("path", { d: "M 27.691 83.496 C 31.783 75.702 35.533 68.531 39.319 61.373 C 49.616 41.888 59.926 22.416 70.223 2.932 C 72.177 -0.757 72.189 -0.782 75.255 1.796 C 83.048 8.331 92.136 11.324 102.164 11.813 C 104.4 11.923 106.635 11.923 108.87 11.923 L 322.372 11.923 C 337.531 11.923 352.665 12.094 367.677 14.549 C 387.892 17.847 406.251 24.982 420.725 40.141 C 422.619 42.133 424.805 42.768 427.395 43.244 C 442.065 45.944 456.783 48.448 471.294 51.82 C 485.329 55.082 498.985 59.736 511.982 66.137 C 521.119 70.632 529.339 76.337 535.679 84.4 C 547.539 99.462 549.127 116.222 542.287 133.605 C 532.332 158.905 518.468 181.883 498.985 201.098 C 494.527 205.496 489.36 209.185 484.486 213.155 C 483.656 213.839 482.618 214.267 481.25 215.073 C 482.447 210.578 483.644 206.644 484.523 202.625 C 486.575 193.366 483.167 185.718 474.409 182.2 C 467.827 179.564 460.979 177.643 453.986 176.471 C 434.174 173.173 414.142 172.831 394.097 172.855 C 343.162 172.928 292.226 172.977 241.29 172.721 C 236.405 172.696 231.238 171.157 226.706 169.178 C 219.023 165.819 216.873 159.063 221.136 151.795 C 226.12 143.305 231.8 135.23 237.199 126.984 C 239.727 123.124 239.764 123.124 236.246 120.253 C 225.069 111.116 213.893 101.991 202.728 92.853 C 201.959 92.23 201.25 91.522 199.846 90.239 C 201.629 88.773 203.241 87.576 204.732 86.22 C 217.594 74.468 230.908 63.364 246.592 55.448 C 263.411 46.958 281.184 45.028 299.665 47.324 C 318.182 49.633 334.917 57.219 351.834 64.402 C 362.412 68.886 373.198 72.807 384.863 73.344 C 391.263 73.637 397.481 73.014 402.99 69.374 C 404.37 68.458 405.542 67.236 407.191 65.819 C 402.33 66.381 398.152 67.151 393.963 67.297 C 382.237 67.713 371.683 63.315 361.288 58.649 C 346.936 52.211 332.584 45.797 317.425 41.424 C 298.834 36.074 279.999 33.691 260.822 37.527 C 245.163 40.655 231.152 47.764 217.899 56.45 C 207.627 63.181 197.562 70.241 187.13 76.704 C 179.13 81.663 170.188 83.716 160.685 83.703 C 117.677 83.606 74.681 83.667 31.673 83.655 C 30.586 83.655 29.486 83.545 27.691 83.459 Z M 390.311 85.658 C 384.228 85.658 373 87.25 354.5 80.5 C 336 73.75 325.875 68 316 64 C 305.297 61.197 305 61.202 298.223 61.202 C 291.375 61.202 285.862 62.619 280.268 63.84 C 267.552 66.638 256.767 73.124 247.386 82.054 C 246.213 83.166 245.981 84.143 247.19 85.389 C 259.735 98.216 274.441 106.877 292.605 108.538 C 312.393 110.346 332.205 110.249 351.993 108.538 C 360.238 107.818 368.251 105.985 375.482 101.673 C 381.772 97.911 386.744 92.902 390.311 85.658 Z", fill: color })] })),
             },
             {
                 name: 'envu',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 961 215", role: "img", "aria-label": "Envu logo", children: [jsxRuntime.jsx("title", { children: "Envu" }), jsxRuntime.jsx("path", { d: "M 456.105 216.545 L 417.598 216.545 L 417.598 108.273 C 417.598 69.808 386.282 38.498 347.808 38.498 C 309.334 38.498 278.018 69.808 278.018 108.273 L 278.018 216.545 L 239.511 216.545 L 239.511 108.273 C 239.511 48.476 287.998 0 347.808 0 C 407.619 0 456.105 48.476 456.105 108.273 Z M 687.821 108.273 C 687.821 168.07 736.307 216.545 796.118 216.545 C 855.928 216.545 904.415 168.07 904.415 108.273 L 904.415 0 L 865.908 0 L 865.908 108.273 C 865.908 146.737 834.592 178.047 796.118 178.047 C 757.644 178.047 726.328 146.738 726.328 108.273 L 726.328 0 L 687.821 0 Z M 626.33 0 L 556.641 136.491 L 486.951 0 L 443.505 0 L 556.641 216.579 L 669.777 0 Z M 22.983 174.956 C 42.808 200.286 73.654 216.545 108.297 216.545 C 142.94 216.545 173.786 200.286 193.611 174.956 Z M 216.628 108.273 C 216.628 118.015 215.318 127.488 212.898 136.458 L 3.73 136.458 C 1.31 127.455 0 118.015 0 108.273 C 0 48.476 48.487 0 108.297 0 C 168.108 0 216.595 48.476 216.595 108.273 Z M 177.348 97.959 C 172.342 64.366 143.31 38.465 108.331 38.465 C 73.352 38.465 44.287 64.332 39.314 97.959 Z M 957.337 0 L 951.491 11.489 L 945.611 0 L 941.948 0 L 941.948 18.241 L 945.207 18.241 L 945.207 6.181 L 951.491 18.241 L 957.741 6.181 L 957.741 18.241 L 961 18.241 L 961 0 Z M 922.493 0 L 922.493 3.225 L 929.079 3.225 L 929.079 18.241 L 932.304 18.241 L 932.304 3.225 L 938.924 3.225 L 938.924 0 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 961 215", role: "img", "aria-label": "Envu logo", children: [jsxRuntime.jsx("title", { children: "Envu" }), jsxRuntime.jsx("path", { d: "M 456.105 216.545 L 417.598 216.545 L 417.598 108.273 C 417.598 69.808 386.282 38.498 347.808 38.498 C 309.334 38.498 278.018 69.808 278.018 108.273 L 278.018 216.545 L 239.511 216.545 L 239.511 108.273 C 239.511 48.476 287.998 0 347.808 0 C 407.619 0 456.105 48.476 456.105 108.273 Z M 687.821 108.273 C 687.821 168.07 736.307 216.545 796.118 216.545 C 855.928 216.545 904.415 168.07 904.415 108.273 L 904.415 0 L 865.908 0 L 865.908 108.273 C 865.908 146.737 834.592 178.047 796.118 178.047 C 757.644 178.047 726.328 146.738 726.328 108.273 L 726.328 0 L 687.821 0 Z M 626.33 0 L 556.641 136.491 L 486.951 0 L 443.505 0 L 556.641 216.579 L 669.777 0 Z M 22.983 174.956 C 42.808 200.286 73.654 216.545 108.297 216.545 C 142.94 216.545 173.786 200.286 193.611 174.956 Z M 216.628 108.273 C 216.628 118.015 215.318 127.488 212.898 136.458 L 3.73 136.458 C 1.31 127.455 0 118.015 0 108.273 C 0 48.476 48.487 0 108.297 0 C 168.108 0 216.595 48.476 216.595 108.273 Z M 177.348 97.959 C 172.342 64.366 143.31 38.465 108.331 38.465 C 73.352 38.465 44.287 64.332 39.314 97.959 Z M 957.337 0 L 951.491 11.489 L 945.611 0 L 941.948 0 L 941.948 18.241 L 945.207 18.241 L 945.207 6.181 L 951.491 18.241 L 957.741 6.181 L 957.741 18.241 L 961 18.241 L 961 0 Z M 922.493 0 L 922.493 3.225 L 929.079 3.225 L 929.079 18.241 L 932.304 18.241 L 932.304 3.225 L 938.924 3.225 L 938.924 0 Z", fill: color })] })),
             },
             {
                 name: 'smile',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 641 215", role: "img", "aria-label": "Smile logo", children: [jsxRuntime.jsx("title", { children: "Smile" }), jsxRuntime.jsx("path", { d: "M 44.848 155.337 C 3.764 144.265 3.442 123.41 3.764 110.725 C 4.087 90.515 28.501 71.702 57.217 71.702 C 84.535 71.702 113.358 83.742 113.681 117.175 L 75.07 117.175 C 74.747 106.855 65.928 105.135 59.475 105.135 C 50.656 105.135 44.741 109.22 45.064 115.455 C 45.386 119.54 48.828 123.732 57.109 125.775 L 80.34 131.902 C 113.573 141.04 117.66 163.077 117.66 171.892 C 117.66 200.917 87.116 214.785 58.292 214.785 C 30.329 214.785 1.291 198.015 0.968 167.485 L 39.148 167.485 C 39.471 175.44 48.29 183.395 59.368 183.395 C 68.51 183.072 76.146 178.987 76.146 171.892 C 76.146 165.98 72.596 162.755 62.594 160.175 Z M 262.853 139.212 L 262.853 211.775 L 221.984 211.775 L 221.984 137.707 C 221.661 120.4 211.121 111.262 199.398 111.262 C 187.03 111.262 175.63 118.357 175.63 139.212 L 175.63 211.775 L 134.761 211.775 L 134.761 74.605 L 175.63 74.605 L 175.63 94.6 C 182.083 80.195 196.817 72.025 211.444 72.025 C 233.169 72.025 247.904 80.302 255.54 96.105 C 268.768 74.605 286.944 71.702 296.624 71.702 C 329.212 71.702 349.539 92.557 349.539 133.945 L 349.539 211.775 L 308.992 211.775 L 308.992 138.675 C 308.992 120.722 298.452 111.37 286.407 111.37 C 273.501 111.37 262.853 119.325 262.853 139.32 M 394.28 0 C 408.153 0 419.231 10.32 419.231 23.757 C 419.231 37.195 408.046 47.838 394.28 47.838 C 380.513 47.838 368.683 37.302 368.683 23.757 C 368.683 10.212 380.406 0 394.28 0 M 414.499 211.775 L 373.953 211.775 L 373.953 74.605 L 414.499 74.605 Z M 440.419 0 L 481.288 0 L 481.288 211.775 L 440.419 211.775 Z M 633.149 186.835 C 619.382 207.367 593.785 214.785 570.555 214.785 C 531.191 214.785 498.818 185.975 498.818 142.76 C 498.818 99.545 531.191 71.702 570.555 71.702 C 609.595 71.702 640.785 100.835 640.785 143.942 C 640.785 147.49 640.462 153.08 640.247 156.52 L 539.688 156.52 C 541.731 172.43 559.047 179.417 573.458 179.417 C 584.644 179.417 596.689 175.332 603.465 166.517 Z M 599.701 131.042 C 597.657 114.272 582.385 107.607 570.877 107.607 C 559.369 107.607 543.882 113.842 540.333 131.042 Z M 617.339 11.933 L 621.426 24.725 L 625.405 11.933 L 634.655 11.933 L 634.655 34.293 L 628.739 34.293 L 628.739 18.06 L 623.899 34.185 L 618.845 34.185 L 614.005 18.06 L 614.005 34.185 L 608.09 34.185 L 608.09 11.933 Z M 586.472 17.308 L 586.472 11.933 L 606.154 11.933 L 606.154 17.308 L 599.486 17.308 L 599.486 34.293 L 593.033 34.293 L 593.033 17.2 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 641 215", role: "img", "aria-label": "Smile logo", children: [jsxRuntime.jsx("title", { children: "Smile" }), jsxRuntime.jsx("path", { d: "M 44.848 155.337 C 3.764 144.265 3.442 123.41 3.764 110.725 C 4.087 90.515 28.501 71.702 57.217 71.702 C 84.535 71.702 113.358 83.742 113.681 117.175 L 75.07 117.175 C 74.747 106.855 65.928 105.135 59.475 105.135 C 50.656 105.135 44.741 109.22 45.064 115.455 C 45.386 119.54 48.828 123.732 57.109 125.775 L 80.34 131.902 C 113.573 141.04 117.66 163.077 117.66 171.892 C 117.66 200.917 87.116 214.785 58.292 214.785 C 30.329 214.785 1.291 198.015 0.968 167.485 L 39.148 167.485 C 39.471 175.44 48.29 183.395 59.368 183.395 C 68.51 183.072 76.146 178.987 76.146 171.892 C 76.146 165.98 72.596 162.755 62.594 160.175 Z M 262.853 139.212 L 262.853 211.775 L 221.984 211.775 L 221.984 137.707 C 221.661 120.4 211.121 111.262 199.398 111.262 C 187.03 111.262 175.63 118.357 175.63 139.212 L 175.63 211.775 L 134.761 211.775 L 134.761 74.605 L 175.63 74.605 L 175.63 94.6 C 182.083 80.195 196.817 72.025 211.444 72.025 C 233.169 72.025 247.904 80.302 255.54 96.105 C 268.768 74.605 286.944 71.702 296.624 71.702 C 329.212 71.702 349.539 92.557 349.539 133.945 L 349.539 211.775 L 308.992 211.775 L 308.992 138.675 C 308.992 120.722 298.452 111.37 286.407 111.37 C 273.501 111.37 262.853 119.325 262.853 139.32 M 394.28 0 C 408.153 0 419.231 10.32 419.231 23.757 C 419.231 37.195 408.046 47.838 394.28 47.838 C 380.513 47.838 368.683 37.302 368.683 23.757 C 368.683 10.212 380.406 0 394.28 0 M 414.499 211.775 L 373.953 211.775 L 373.953 74.605 L 414.499 74.605 Z M 440.419 0 L 481.288 0 L 481.288 211.775 L 440.419 211.775 Z M 633.149 186.835 C 619.382 207.367 593.785 214.785 570.555 214.785 C 531.191 214.785 498.818 185.975 498.818 142.76 C 498.818 99.545 531.191 71.702 570.555 71.702 C 609.595 71.702 640.785 100.835 640.785 143.942 C 640.785 147.49 640.462 153.08 640.247 156.52 L 539.688 156.52 C 541.731 172.43 559.047 179.417 573.458 179.417 C 584.644 179.417 596.689 175.332 603.465 166.517 Z M 599.701 131.042 C 597.657 114.272 582.385 107.607 570.877 107.607 C 559.369 107.607 543.882 113.842 540.333 131.042 Z M 617.339 11.933 L 621.426 24.725 L 625.405 11.933 L 634.655 11.933 L 634.655 34.293 L 628.739 34.293 L 628.739 18.06 L 623.899 34.185 L 618.845 34.185 L 614.005 18.06 L 614.005 34.185 L 608.09 34.185 L 608.09 11.933 Z M 586.472 17.308 L 586.472 11.933 L 606.154 11.933 L 606.154 17.308 L 599.486 17.308 L 599.486 34.293 L 593.033 34.293 L 593.033 17.2 Z", fill: color })] })),
             },
             {
                 name: 'drift',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 942 215", role: "img", "aria-label": "Drift logo", children: [jsxRuntime.jsx("title", { children: "Drift" }), jsxRuntime.jsx("path", { d: "M 413.067 73.288 C 413.067 33.898 387.005 0.785 338.649 0.785 L 228.592 0.785 L 228.592 212.646 L 290.921 212.646 L 290.921 147.675 L 314.471 147.675 L 341.789 212.646 L 413.067 212.646 L 375.544 137.631 C 392.029 129.157 413.067 110.168 413.067 73.288 Z M 329.072 98.712 L 290.921 98.712 L 290.921 56.653 L 329.072 56.653 C 339.905 56.653 349.482 63.088 349.482 77.682 C 349.482 92.277 339.277 98.712 329.072 98.712 Z M 588.122 212.646 L 651.079 212.646 L 651.079 140.77 L 743.395 140.77 L 743.395 84.745 L 651.079 84.745 L 651.079 56.81 L 745.907 56.81 L 745.907 0.785 L 588.122 0.785 Z M 92.944 0.785 L 0 0.785 L 0 212.646 L 93.572 212.646 C 158.57 212.646 207.554 174.511 207.554 106.401 C 206.926 38.92 158.413 0.785 92.944 0.785 Z M 92.944 156.62 L 62.957 156.62 L 62.957 56.81 L 93.572 56.81 C 127.327 56.81 143.184 77.839 143.184 106.401 C 143.184 133.08 124.815 156.62 92.944 156.62 Z M 768.201 0.785 L 768.201 56.81 L 823.622 56.81 L 823.622 212.646 L 886.579 212.646 L 886.579 56.81 L 942 56.81 L 942 0.785 Z M 567.712 0.785 L 570.224 0.785 C 573.364 1.412 574.62 4.551 573.364 6.434 C 572.736 7.062 572.736 7.69 572.108 8.318 L 519.356 68.737 C 519.356 68.737 518.1 69.993 518.1 70.62 C 516.216 73.131 518.1 76.27 521.868 77.055 L 544.162 77.055 C 547.93 77.682 549.186 80.821 547.93 83.489 C 547.302 84.117 546.674 85.372 546.674 85.372 L 506.011 128.058 C 505.383 128.686 505.383 129.314 504.755 129.942 C 502.871 132.453 504.755 135.591 508.523 135.591 L 522.496 135.591 C 524.38 135.591 526.264 136.219 526.892 138.102 C 527.52 139.358 526.892 141.241 525.636 142.496 C 525.008 143.124 524.38 143.124 524.38 143.124 L 434.733 211.861 C 434.733 211.861 433.477 213.117 432.849 213.117 C 432.221 213.745 430.965 213.745 429.709 213.117 C 429.081 212.489 428.453 211.861 429.081 211.234 C 429.081 210.606 429.709 209.35 429.709 209.35 L 454.515 157.876 L 455.143 156.62 C 457.027 153.482 455.143 150.186 451.375 150.186 L 431.122 150.186 C 427.982 149.558 426.726 147.047 427.354 144.536 C 427.354 143.909 427.982 142.653 427.982 142.653 L 459.225 91.179 L 459.853 90.551 C 461.737 87.412 459.225 84.901 455.457 84.117 L 434.576 84.117 C 432.064 84.117 430.18 82.861 429.552 80.978 C 429.552 79.723 429.552 79.095 430.18 77.839 L 439.757 61.361 L 470.372 7.219 L 471 5.964 C 474.768 2.197 477.437 0.942 481.205 0.942 Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 942 215", role: "img", "aria-label": "Drift logo", children: [jsxRuntime.jsx("title", { children: "Drift" }), jsxRuntime.jsx("path", { d: "M 413.067 73.288 C 413.067 33.898 387.005 0.785 338.649 0.785 L 228.592 0.785 L 228.592 212.646 L 290.921 212.646 L 290.921 147.675 L 314.471 147.675 L 341.789 212.646 L 413.067 212.646 L 375.544 137.631 C 392.029 129.157 413.067 110.168 413.067 73.288 Z M 329.072 98.712 L 290.921 98.712 L 290.921 56.653 L 329.072 56.653 C 339.905 56.653 349.482 63.088 349.482 77.682 C 349.482 92.277 339.277 98.712 329.072 98.712 Z M 588.122 212.646 L 651.079 212.646 L 651.079 140.77 L 743.395 140.77 L 743.395 84.745 L 651.079 84.745 L 651.079 56.81 L 745.907 56.81 L 745.907 0.785 L 588.122 0.785 Z M 92.944 0.785 L 0 0.785 L 0 212.646 L 93.572 212.646 C 158.57 212.646 207.554 174.511 207.554 106.401 C 206.926 38.92 158.413 0.785 92.944 0.785 Z M 92.944 156.62 L 62.957 156.62 L 62.957 56.81 L 93.572 56.81 C 127.327 56.81 143.184 77.839 143.184 106.401 C 143.184 133.08 124.815 156.62 92.944 156.62 Z M 768.201 0.785 L 768.201 56.81 L 823.622 56.81 L 823.622 212.646 L 886.579 212.646 L 886.579 56.81 L 942 56.81 L 942 0.785 Z M 567.712 0.785 L 570.224 0.785 C 573.364 1.412 574.62 4.551 573.364 6.434 C 572.736 7.062 572.736 7.69 572.108 8.318 L 519.356 68.737 C 519.356 68.737 518.1 69.993 518.1 70.62 C 516.216 73.131 518.1 76.27 521.868 77.055 L 544.162 77.055 C 547.93 77.682 549.186 80.821 547.93 83.489 C 547.302 84.117 546.674 85.372 546.674 85.372 L 506.011 128.058 C 505.383 128.686 505.383 129.314 504.755 129.942 C 502.871 132.453 504.755 135.591 508.523 135.591 L 522.496 135.591 C 524.38 135.591 526.264 136.219 526.892 138.102 C 527.52 139.358 526.892 141.241 525.636 142.496 C 525.008 143.124 524.38 143.124 524.38 143.124 L 434.733 211.861 C 434.733 211.861 433.477 213.117 432.849 213.117 C 432.221 213.745 430.965 213.745 429.709 213.117 C 429.081 212.489 428.453 211.861 429.081 211.234 C 429.081 210.606 429.709 209.35 429.709 209.35 L 454.515 157.876 L 455.143 156.62 C 457.027 153.482 455.143 150.186 451.375 150.186 L 431.122 150.186 C 427.982 149.558 426.726 147.047 427.354 144.536 C 427.354 143.909 427.982 142.653 427.982 142.653 L 459.225 91.179 L 459.853 90.551 C 461.737 87.412 459.225 84.901 455.457 84.117 L 434.576 84.117 C 432.064 84.117 430.18 82.861 429.552 80.978 C 429.552 79.723 429.552 79.095 430.18 77.839 L 439.757 61.361 L 470.372 7.219 L 471 5.964 C 474.768 2.197 477.437 0.942 481.205 0.942 Z", fill: color })] })),
             },
             {
                 name: 'taylor made',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 1064 215", role: "img", "aria-label": "Taylor Made logo", children: [jsxRuntime.jsx("title", { children: "Taylor Made" }), jsxRuntime.jsx("path", { d: "M 123.179 6.087 C 78.437 6.399 39.991 24.677 17.474 50.935 C 99.32 33.837 166.428 40.107 216.364 48.175 C 216.556 46.761 216.863 45.399 217.009 44.109 C 217.05 43.782 216.998 43.47 217.009 43.137 L 217.009 42.16 C 217.326 35.885 213.991 29.907 208.391 27.053 C 179.13 12.118 150.026 5.906 123.179 6.093 Z M 411.501 37.445 L 386.294 149.702 L 415.732 149.702 L 440.939 37.445 Z M 927.489 37.445 L 917.248 84.393 L 916.92 84.393 C 912.554 76.018 902.375 69.936 887.648 69.936 C 858.845 69.936 844.878 93.74 844.878 119.321 C 844.878 136.82 858.148 151.49 876.268 151.49 C 892.457 151.49 899.399 145.865 906.84 137.194 L 907.163 137.194 L 904.889 149.702 L 931.719 149.702 C 932.047 146.562 932.536 142.642 933.51 138.005 L 956.115 37.445 L 927.494 37.445 Z M 626.319 45.243 L 601.767 149.702 L 629.249 149.702 L 648.924 64.087 L 649.252 64.087 L 653.316 149.702 L 681.937 149.702 L 726.169 64.087 L 726.497 64.087 L 706.005 149.702 L 735.437 149.702 L 759.344 45.243 L 711.208 45.243 L 675.755 115.423 L 675.432 115.423 L 673.642 45.243 Z M 1046.526 52.879 C 1040.237 52.882 1035.142 57.977 1035.145 64.259 C 1035.148 70.541 1040.248 75.631 1046.536 75.628 C 1052.824 75.626 1057.921 70.533 1057.919 64.251 C 1057.918 57.969 1052.819 52.878 1046.531 52.879 Z M 1046.526 54.99 C 1051.636 54.99 1055.632 59.164 1055.632 64.248 C 1055.632 69.338 1051.636 73.512 1046.526 73.512 C 1041.415 73.489 1037.28 69.353 1037.263 64.248 C 1037.263 59.164 1041.436 54.99 1046.526 54.99 Z M 1043.112 57.75 L 1040.671 69.447 L 1043.117 69.447 L 1044.09 64.898 L 1046.531 64.898 C 1048.352 64.898 1048.326 65.569 1047.988 67.175 C 1047.738 68.381 1047.78 68.891 1047.832 69.447 L 1050.434 69.447 L 1050.59 69.125 C 1050.122 68.927 1050.069 68.563 1050.434 66.848 C 1050.902 64.664 1050.496 64.337 1049.617 63.926 C 1050.866 63.509 1051.797 62.456 1052.057 61.166 C 1052.271 60.152 1052.245 57.75 1049.128 57.75 Z M 1045.063 59.866 L 1048.154 59.866 C 1049.591 59.866 1049.742 60.708 1049.617 61.322 C 1049.367 62.481 1048.618 62.949 1047.343 62.949 L 1044.413 62.949 Z M 261.08 69.936 C 247.971 69.936 238.761 71.786 230.18 74.484 L 227.255 93.979 C 236.96 89.347 244.058 87.969 254.575 87.969 C 264.119 87.969 270.186 92.341 270.186 97.878 C 270.186 98.922 270.186 100.082 269.859 101.127 C 265.815 100.83 259.919 100.316 254.091 100.316 C 228.358 100.316 207.741 109.761 207.741 128.907 C 207.741 144.014 217.753 151.49 235.873 151.49 C 247.201 151.49 258.025 147.788 264.171 138.816 L 264.171 138.494 L 264.494 138.816 L 263.193 149.702 L 286.938 149.702 C 290.174 126.215 297.668 108.685 297.668 96.417 C 297.668 77.265 281.146 69.936 261.08 69.936 Z M 486.795 69.936 C 453.782 69.936 432.316 88.541 432.316 115.911 C 432.316 135.51 444.992 151.49 476.226 151.49 C 507.782 151.49 530.538 137.324 530.538 104.859 C 530.538 85.271 515.436 69.936 486.795 69.936 Z M 595.913 69.936 C 583.934 69.936 574.583 78.685 569.894 87.808 L 569.566 87.808 L 572.819 71.724 L 545.826 71.724 C 545.02 78.752 543.703 85.297 542.246 92.029 L 529.075 149.702 L 558.186 149.702 L 566.48 113.801 C 568.583 102.275 575.977 92.357 588.269 92.357 C 593.774 92.357 597.88 93.069 601.606 95.767 L 608.267 71.885 C 604.395 70.393 599.795 69.936 595.913 69.936 Z M 802.436 69.936 C 789.333 69.936 780.112 71.786 771.541 74.484 L 768.612 93.979 C 778.317 89.347 785.415 87.969 795.932 87.969 C 805.48 87.969 811.382 92.341 811.382 97.878 C 811.382 98.922 811.382 100.082 811.054 101.127 C 807.01 100.83 801.271 100.316 795.442 100.316 C 769.71 100.316 748.936 109.761 748.936 128.907 C 748.936 144.014 759.109 151.49 777.234 151.49 C 788.558 151.49 799.376 147.788 805.527 138.816 L 805.527 138.494 L 805.855 138.816 L 804.554 149.702 L 828.294 149.702 C 831.536 126.215 839.029 108.685 839.029 96.417 C 839.029 77.265 822.507 69.936 802.436 69.936 Z M 997.74 69.936 C 960.205 69.936 947.331 97.815 947.331 115.911 C 947.331 135.51 962.604 151.49 990.751 151.49 C 999.176 151.49 1009.99 149.946 1020.184 147.102 L 1023.926 128.096 C 1015.839 131.683 1005.343 133.451 997.579 133.451 C 979.777 133.451 975.14 126.885 974.812 118.51 L 1034.494 118.51 C 1035.634 113.879 1036.607 107.032 1036.607 103.887 C 1036.607 80.26 1019.908 69.936 997.74 69.936 Z M 301.081 71.724 L 319.623 149.374 C 316.224 157.312 310.963 162.209 302.71 162.209 C 297.21 162.209 293.099 160.982 289.373 159.937 L 283.196 179.588 C 288.696 181.23 295.768 182.842 306.124 182.842 C 324.738 182.842 334.297 173.698 342.878 159.937 L 398.169 71.719 L 367.269 71.719 L 338.648 120.949 L 338.325 120.949 L 330.681 71.719 L 301.081 71.719 Z M 89.198 85.531 C 86.95 85.599 84.645 85.677 82.043 86.02 C 47.36 90.594 20.399 99.505 6.094 105.026 C 6.749 108.046 7.452 109.917 7.556 110.224 L 7.717 110.874 C 13.67 130.758 33.164 153.73 65.615 179.104 C 66.832 180.061 68.019 180.976 69.19 181.865 C 88.308 153.491 98.768 131.985 106.105 109.252 C 111.809 91.561 104.935 85.063 89.193 85.531 Z M 193.43 86.181 C 191.854 86.212 190.293 86.373 188.716 86.508 C 168.541 88.208 160.875 101.912 149.849 119.483 C 141.283 133.129 113.443 182.109 101.386 203.309 C 115.498 210.061 128.669 210.446 143.016 205.908 C 152.872 202.789 157.909 200.252 163.509 196.161 C 165.377 194.799 166.995 193.374 168.223 191.612 L 168.712 190.962 C 168.874 190.739 169.045 190.546 169.202 190.312 C 187.321 162.084 200.32 118.978 206.44 95.767 C 207.174 92.986 207.876 90.069 208.553 87.319 C 203.558 86.473 198.496 86.092 193.43 86.181 Z M 998.068 87.969 C 1008.741 87.969 1012.378 94.862 1012.378 103.237 L 976.602 103.237 C 978.71 95.767 985.449 87.969 998.068 87.969 Z M 485.332 88.78 C 496.656 88.78 500.455 96.469 500.455 104.537 C 500.455 122.196 491.931 132.645 478.338 132.645 C 468.472 132.791 462.566 125.731 462.566 115.261 C 462.566 102.842 471.256 88.78 485.332 88.78 Z M 897.083 90.568 C 906.793 90.568 910.904 98.709 910.904 106.486 C 910.904 116.805 902.708 130.857 888.949 130.857 C 879.728 130.857 874.967 124.343 874.967 114.773 C 874.967 102.655 883.329 90.568 897.083 90.568 Z M 259.29 114.612 C 261.075 114.612 264.67 114.658 267.095 115.1 C 264.993 125.575 257.598 133.451 245.146 133.451 C 238.995 133.451 235.222 129.412 235.222 125.82 C 235.222 118.937 245.38 114.164 259.29 114.612 Z M 800.646 114.612 C 802.426 114.612 806.027 114.658 808.452 115.1 C 806.355 125.575 798.794 133.451 786.336 133.451 C 780.195 133.451 776.579 129.412 776.579 125.82 C 776.579 118.937 786.736 114.164 800.646 114.612 Z", fill: color })] })),
-            },
-            {
-                name: 'gp',
-                svg: (jsxRuntime.jsxs("svg", { height: height, viewBox: "0 0 87 37", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "GP logo", children: [jsxRuntime.jsx("title", { children: "GP" }), jsxRuntime.jsx("path", { d: "M19.284 31.9913C19.4285 31.9426 19.5706 31.8916 19.7127 31.8383V36.9796C19.5706 36.9864 19.4273 36.9909 19.284 36.9943C19.1419 36.9977 18.9987 37 18.8554 37C18.7122 37 18.5689 36.9977 18.4268 36.9943C18.2836 36.9909 18.1403 36.9864 17.9982 36.9796V32.362C18.1415 32.328 18.2847 32.2917 18.4268 32.2532V28.5264C18.5689 28.5321 18.7122 28.5366 18.8554 28.5366C18.9987 28.5366 19.1419 28.5321 19.284 28.5264V31.9925V31.9913ZM21.9158 28.0787C21.7795 28.1206 21.642 28.158 21.5033 28.1943C21.3659 28.2306 21.2261 28.2634 21.0863 28.2929L21.7899 30.8715C21.6628 30.944 21.5334 31.0132 21.4028 31.0812L22.9012 36.5693C23.041 36.5398 23.1808 36.5081 23.3195 36.4752C23.4581 36.4423 23.5967 36.4072 23.7354 36.3709C23.874 36.3347 24.0115 36.2973 24.1478 36.2576C24.2853 36.2179 24.4228 36.1771 24.5579 36.1352L22.9255 30.1563C22.8019 30.2424 22.676 30.3252 22.55 30.4079L21.9135 28.0776L21.9158 28.0787ZM24.3361 26.9725C24.216 27.0473 24.0935 27.1209 23.9699 27.1912C23.8463 27.2615 23.7215 27.3295 23.5944 27.3941L24.4863 28.9106C24.38 29.0093 24.2714 29.1056 24.1617 29.2008L27.5328 34.9292C27.6599 34.8646 27.7858 34.7989 27.9117 34.7309C28.0376 34.6628 28.1613 34.5948 28.286 34.5246C28.4097 34.4543 28.5333 34.3829 28.6546 34.3103C28.777 34.2378 28.8983 34.163 29.0185 34.0871L25.4198 27.971C25.3204 28.081 25.2187 28.1898 25.1159 28.2963L24.3373 26.9725H24.3361ZM26.3844 25.2927C26.2874 25.3958 26.1892 25.4979 26.0887 25.5976C25.987 25.6962 25.883 25.7925 25.7779 25.8878L26.5104 26.6064C26.4283 26.7231 26.344 26.8387 26.2573 26.9532L31.567 32.1625C31.6722 32.0684 31.7773 31.9721 31.8801 31.8757C31.9829 31.7794 32.0858 31.6808 32.1874 31.5822C32.2891 31.4824 32.3885 31.3827 32.4867 31.2807C32.586 31.1798 32.6831 31.0766 32.7789 30.9724L27.2093 25.5081C27.1365 25.6339 27.0626 25.7597 26.9863 25.8844L26.3833 25.2927H26.3844ZM27.9198 23.1494C27.8528 23.274 27.7846 23.3965 27.713 23.5177C27.6414 23.639 27.5674 23.7592 27.49 23.877L27.9129 24.1162C27.8563 24.2454 27.7973 24.3746 27.7373 24.5027L34.7406 28.4697C34.818 28.3519 34.8931 28.2328 34.9682 28.1127C35.0421 27.9926 35.1149 27.8724 35.1866 27.7511C35.2582 27.6299 35.3287 27.5074 35.3968 27.385C35.465 27.2626 35.5331 27.1379 35.599 27.0133L28.3727 22.9193C28.3276 23.0553 28.2803 23.1902 28.2317 23.3251L27.921 23.1494H27.9198ZM28.8371 20.6887C28.8059 20.8258 28.7724 20.963 28.7354 21.0978C28.6985 21.2339 28.6603 21.3687 28.6176 21.5025L28.7528 21.5376C28.7227 21.6748 28.6904 21.8119 28.6557 21.9479L36.8317 24.0969C36.8744 23.9632 36.916 23.8294 36.9565 23.6946C36.9969 23.5597 37.035 23.4248 37.072 23.2888C37.109 23.1539 37.1436 23.0179 37.1783 22.8807C37.2118 22.7447 37.2441 22.6076 37.2742 22.4704L28.9711 20.2874C28.9538 20.428 28.933 20.5674 28.911 20.7068L28.8371 20.6875V20.6887ZM37.7051 18.0795C37.7016 17.9389 37.697 17.7984 37.6901 17.659H29.0578C29.0659 17.7984 29.0728 17.9389 29.0774 18.0795H29.0728C29.0751 18.1464 29.0786 18.2132 29.0797 18.2812C29.082 18.3538 29.0832 18.4275 29.0832 18.5011C29.0832 18.5748 29.082 18.6473 29.0797 18.721C29.0774 18.7879 29.0751 18.8548 29.0728 18.9228H29.0774C29.0728 19.0633 29.067 19.2039 29.0578 19.3433H37.6901C37.697 19.2039 37.7016 19.0633 37.7051 18.9228C37.7085 18.7834 37.7109 18.6428 37.7109 18.5023C37.7109 18.3617 37.7085 18.2212 37.7051 18.0818V18.0795ZM28.6176 15.4975C28.6603 15.6313 28.6985 15.7661 28.7354 15.9022C28.7724 16.037 28.8059 16.1742 28.8371 16.3113L28.911 16.2921C28.933 16.4315 28.9526 16.5709 28.9711 16.7114L37.2742 14.5284C37.2441 14.3913 37.2118 14.2541 37.1783 14.1181C37.1448 13.9821 37.109 13.8461 37.072 13.7101C37.035 13.5741 36.9969 13.4392 36.9565 13.3043C36.916 13.1694 36.8744 13.0357 36.8317 12.9019L28.6557 15.0509C28.6904 15.187 28.7227 15.3241 28.7528 15.4612L28.6176 15.4964V15.4975ZM27.49 13.123C27.5663 13.2408 27.6414 13.361 27.713 13.4823C27.7846 13.6035 27.854 13.726 27.9198 13.8506L28.2306 13.6749C28.2803 13.8087 28.3265 13.9447 28.3715 14.0807L35.599 9.98674C35.5331 9.86206 35.4661 9.73851 35.3968 9.61497C35.3275 9.49142 35.2582 9.37014 35.1866 9.24887C35.1149 9.12759 35.0421 9.00631 34.9682 8.8873C34.8943 8.76716 34.818 8.64814 34.7406 8.53027L27.7373 12.4973C27.7973 12.6254 27.8563 12.7535 27.9129 12.8838L27.49 13.123ZM25.7779 11.1134C25.883 11.2086 25.987 11.3049 26.0887 11.4035C26.1903 11.5021 26.2874 11.6053 26.3844 11.7084L26.9875 11.1168C27.0637 11.2403 27.1377 11.3661 27.2105 11.4931L32.7801 6.02876C32.6831 5.92562 32.586 5.82248 32.4878 5.72047C32.3896 5.61959 32.2891 5.51872 32.1886 5.41897C32.0869 5.32037 31.9853 5.22176 31.8813 5.12541C31.7785 5.02794 31.6733 4.93273 31.5682 4.83865L26.2585 10.0479C26.344 10.1624 26.4283 10.278 26.5115 10.3948L25.7791 11.1134H25.7779ZM23.5933 9.6059C23.7203 9.67164 23.8451 9.73851 23.9687 9.80879C24.0923 9.87906 24.2148 9.9516 24.335 10.0275L25.1136 8.70368C25.2164 8.81023 25.3181 8.91904 25.4175 9.02898L29.0162 2.91294C28.896 2.837 28.7747 2.76333 28.6523 2.68965C28.5298 2.61711 28.4073 2.54571 28.2837 2.47543C28.1601 2.40516 28.0353 2.33715 27.9106 2.26915C27.7858 2.20227 27.6587 2.1354 27.5316 2.07079L24.1605 7.7992C24.2703 7.89441 24.3789 7.99075 24.4851 8.08936L23.5933 9.6059ZM21.0851 8.70595C21.2249 8.73655 21.3647 8.76942 21.5022 8.80456C21.6408 8.84083 21.7783 8.87823 21.9146 8.92017L22.5512 6.58982C22.6771 6.67142 22.803 6.7553 22.9267 6.84144L24.5591 0.862548C24.4228 0.82061 24.2864 0.779806 24.149 0.740136C24.0115 0.700466 23.874 0.663062 23.7365 0.626792C23.599 0.590522 23.4604 0.556519 23.3206 0.522516C23.182 0.489646 23.0422 0.45791 22.9024 0.427307L21.404 5.91542C21.5334 5.98343 21.6628 6.0537 21.791 6.12511L21.0874 8.70368L21.0851 8.70595ZM18.4257 8.47473C18.5678 8.46906 18.711 8.46453 18.8543 8.46453C18.9975 8.46453 19.1408 8.46906 19.2829 8.47473V5.00867C19.4273 5.05741 19.5694 5.10841 19.7115 5.16168V0.0204019C19.5694 0.0136013 19.4261 0.00906752 19.2829 0.0056672C19.1408 0.00226688 18.9975 0 18.8543 0C18.711 0 18.5678 0.00226688 18.4257 0.0056672C18.2824 0.00906752 18.1392 0.0136013 17.9971 0.0204019V4.63803C18.1403 4.67204 18.2836 4.70831 18.4257 4.74684V8.47359V8.47473ZM15.7939 8.9213C15.9302 8.87936 16.0677 8.84196 16.2064 8.80569C16.3438 8.76942 16.4836 8.73655 16.6234 8.70708L15.4092 4.25947C15.5606 4.26853 15.7119 4.27987 15.8621 4.29234L14.8073 0.430707C14.6675 0.46131 14.5277 0.491913 14.3891 0.525916C14.2505 0.558786 14.1118 0.593922 13.9732 0.630192C13.8346 0.666462 13.6971 0.703866 13.5608 0.743536C13.4233 0.783207 13.2869 0.824011 13.1506 0.865948L14.0725 4.24246C14.2193 4.23793 14.366 4.23453 14.5139 4.23453L15.7939 8.92357V8.9213ZM13.3736 10.0275C13.4937 9.95273 13.6162 9.87906 13.7398 9.80879C13.8634 9.73851 13.9882 9.67051 14.1153 9.6059L11.1786 4.61537C11.3241 4.58136 11.4697 4.54963 11.6176 4.52016L10.1769 2.07193C10.0498 2.13653 9.92391 2.20227 9.79798 2.27028C9.67206 2.33829 9.54844 2.40629 9.42483 2.47657C9.30121 2.54684 9.1776 2.61825 9.05629 2.69079C8.93383 2.76333 8.81252 2.83813 8.69238 2.91407L9.90427 4.97353C10.0429 4.9282 10.1827 4.88512 10.3225 4.84319L13.3736 10.0287V10.0275ZM11.3253 11.7073C11.4223 11.6042 11.5205 11.5021 11.621 11.4024C11.7227 11.3027 11.8267 11.2074 11.9318 11.1122L7.0149 6.28832C7.14083 6.21352 7.26906 6.14098 7.39845 6.06957L6.14266 4.83752C6.03753 4.93273 5.9324 5.02794 5.82842 5.12428C5.7256 5.22062 5.62278 5.31923 5.52111 5.41784C5.41945 5.51645 5.32009 5.61733 5.22189 5.71934C5.12254 5.82021 5.0255 5.92336 4.92961 6.02763L5.92662 7.00579C6.0433 6.92192 6.16114 6.83917 6.28014 6.75757L11.3253 11.7073ZM9.7899 13.8506C9.8569 13.726 9.92507 13.6035 9.99669 13.4823C10.0683 13.361 10.1423 13.2408 10.2197 13.123L3.4416 9.284C3.53633 9.17519 3.63107 9.06752 3.72926 8.96097L2.97024 8.53027C2.89284 8.64814 2.81774 8.76716 2.74265 8.8873C2.66871 9.00744 2.59593 9.12759 2.5243 9.24887C2.45267 9.37014 2.38336 9.49256 2.31404 9.61497C2.24588 9.73738 2.17772 9.86206 2.11186 9.98674L2.64792 10.2905C2.7311 10.1749 2.81543 10.0604 2.90092 9.9482L9.79105 13.8506H9.7899ZM8.8726 16.3113C8.90379 16.1742 8.9373 16.037 8.97311 15.9022C9.01008 15.7661 9.0482 15.6313 9.09095 15.4975L0.970441 13.3633C1.02243 13.2318 1.07557 13.1003 1.13103 12.9699L0.876862 12.9031C0.834117 13.0368 0.792526 13.1706 0.752091 13.3054C0.711656 13.4403 0.673532 13.5752 0.636563 13.7112C0.599594 13.8461 0.564935 13.9821 0.530276 14.1193C0.496773 14.2553 0.464425 14.3924 0.433232 14.5296L0.558003 14.5624C0.597283 14.4276 0.638873 14.2927 0.682774 14.1601L8.87029 16.3125L8.8726 16.3113ZM8.63692 18.9205C8.63114 18.7811 8.62652 18.6405 8.62652 18.5C8.62652 18.3595 8.63114 18.2189 8.63692 18.0795H0.00462115C0.00462115 18.0795 0.00462115 18.1146 0.00462115 18.1316C0.00231057 18.254 0 18.3765 0 18.5C0 18.6235 0.00231057 18.746 0.00462115 18.8684C0.00462115 18.8854 0.00462115 18.9205 0.00462115 18.9205H8.63692ZM9.0921 21.5025C9.04936 21.3687 9.01123 21.2339 8.97427 21.0978C8.9373 20.963 8.90495 20.8258 8.87375 20.6887L0.685085 22.8411C0.641184 22.7073 0.599594 22.5736 0.560314 22.4387L0.435543 22.4716C0.466736 22.6087 0.497928 22.7459 0.532587 22.8819C0.56609 23.0179 0.601904 23.1539 0.638873 23.2899C0.675843 23.4259 0.713967 23.5608 0.754402 23.6957C0.794837 23.8306 0.836427 23.9643 0.879173 24.0981L1.13334 24.0312C1.07788 23.9008 1.02474 23.7705 0.972751 23.6379L9.09326 21.5036L9.0921 21.5025ZM10.2197 23.877C10.1434 23.7592 10.0683 23.639 9.99669 23.5177C9.92507 23.3965 9.85575 23.274 9.7899 23.1494L2.89977 27.0518C2.81312 26.9396 2.72879 26.8251 2.64676 26.7095L2.11071 27.0133C2.17656 27.1379 2.24357 27.2615 2.31288 27.385C2.3822 27.5086 2.45152 27.6299 2.52315 27.7511C2.59477 27.8724 2.66756 27.9937 2.74149 28.1127C2.81543 28.2328 2.89168 28.3519 2.96909 28.4697L3.72811 28.039C3.63107 27.9325 3.53518 27.8248 3.44044 27.716L10.2185 23.877H10.2197ZM11.9318 25.8866C11.8267 25.7914 11.7227 25.6951 11.621 25.5965C11.5194 25.4979 11.4223 25.3947 11.3253 25.2916L6.28014 30.2413C6.16114 30.1608 6.0433 30.0781 5.92662 29.9931L4.92961 30.9712C5.02665 31.0744 5.1237 31.1775 5.22189 31.2795C5.32009 31.3804 5.4206 31.4813 5.52111 31.581C5.62162 31.6796 5.72444 31.7782 5.82842 31.8746C5.93124 31.9721 6.03637 32.0673 6.1415 32.1613L7.3973 30.9293C7.26906 30.8579 7.14083 30.7854 7.01374 30.7105L11.9306 25.8866H11.9318ZM14.1164 27.3941C13.9894 27.3284 13.8646 27.2615 13.741 27.1912C13.6174 27.1209 13.4949 27.0484 13.3748 26.9725L10.3236 32.1579C10.1839 32.116 10.0441 32.0729 9.90543 32.0276L8.69353 34.0871C8.81368 34.163 8.93499 34.2367 9.05745 34.3103C9.17991 34.3829 9.30237 34.4543 9.42598 34.5246C9.5496 34.5948 9.67437 34.6628 9.79914 34.7309C9.92391 34.7977 10.051 34.8646 10.1781 34.9292L11.6187 32.481C11.472 32.4515 11.3253 32.4198 11.1797 32.3858L14.1164 27.3952V27.3941ZM16.6246 28.2941C16.4848 28.2634 16.345 28.2306 16.2075 28.1954C16.0689 28.1592 15.9314 28.1218 15.7951 28.0798L14.515 32.7689C14.3671 32.7689 14.2204 32.7655 14.0737 32.7609L13.1518 36.1375C13.2881 36.1794 13.4244 36.2202 13.5619 36.2599C13.6994 36.2995 13.8369 36.3369 13.9743 36.3732C14.1118 36.4095 14.2505 36.4435 14.3902 36.4775C14.5289 36.5104 14.6687 36.5421 14.8085 36.5716L15.8632 32.7099C15.7131 32.7235 15.5617 32.7349 15.4104 32.7428L16.6246 28.2952V28.2941ZM18.9848 18.976L18.9825 18.9692L18.9848 18.976ZM18.6325 19.3127L18.6752 19.154L18.6325 19.3127ZM18.7237 18.976L18.726 18.9692L18.7237 18.976Z", fill: color }), jsxRuntime.jsx("path", { d: "M79.2455 7.61784H71.1527V16.946H66.5824V20.0539H71.1527V27.1629H75.001V10.949H79.6695C81.8483 10.949 83.1504 12.0598 83.1504 13.947C83.1504 15.6403 81.8483 16.9449 79.6695 16.9449H77.5334V20.0539H79.6984C84.3958 20.0539 86.9986 17.1671 86.9986 13.8348C86.9986 10.5024 84.8486 7.61557 79.2455 7.61557V7.61784Z", fill: color }), jsxRuntime.jsx("path", { d: "M56.3859 7.3957C62.0168 7.3957 64.7617 10.8663 65.3844 14.2802H61.5639C60.9412 12.3647 59.4982 10.7269 56.4425 10.7269C52.3678 10.7269 50.2167 13.6976 50.2167 17.3892C50.2167 21.0808 52.2546 24.0516 56.3004 24.0516C59.1863 24.0516 60.7991 22.2188 61.3941 20.0539H56.5557V16.9449H65.3844V27.1617H61.4229V25.8844C61.4229 25.2462 61.5362 24.6625 61.9324 23.7184L62.13 23.2468H61.4507L61.2808 23.5801C60.4606 25.1907 58.8755 27.3839 55.5368 27.3839C49.7927 27.3839 46.3684 22.9147 46.3684 17.3892C46.3684 11.8637 49.877 7.39456 56.3859 7.39456V7.3957Z", fill: color })] })),
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 1064 215", role: "img", "aria-label": "Taylor Made logo", children: [jsxRuntime.jsx("title", { children: "Taylor Made" }), jsxRuntime.jsx("path", { d: "M 123.179 6.087 C 78.437 6.399 39.991 24.677 17.474 50.935 C 99.32 33.837 166.428 40.107 216.364 48.175 C 216.556 46.761 216.863 45.399 217.009 44.109 C 217.05 43.782 216.998 43.47 217.009 43.137 L 217.009 42.16 C 217.326 35.885 213.991 29.907 208.391 27.053 C 179.13 12.118 150.026 5.906 123.179 6.093 Z M 411.501 37.445 L 386.294 149.702 L 415.732 149.702 L 440.939 37.445 Z M 927.489 37.445 L 917.248 84.393 L 916.92 84.393 C 912.554 76.018 902.375 69.936 887.648 69.936 C 858.845 69.936 844.878 93.74 844.878 119.321 C 844.878 136.82 858.148 151.49 876.268 151.49 C 892.457 151.49 899.399 145.865 906.84 137.194 L 907.163 137.194 L 904.889 149.702 L 931.719 149.702 C 932.047 146.562 932.536 142.642 933.51 138.005 L 956.115 37.445 L 927.494 37.445 Z M 626.319 45.243 L 601.767 149.702 L 629.249 149.702 L 648.924 64.087 L 649.252 64.087 L 653.316 149.702 L 681.937 149.702 L 726.169 64.087 L 726.497 64.087 L 706.005 149.702 L 735.437 149.702 L 759.344 45.243 L 711.208 45.243 L 675.755 115.423 L 675.432 115.423 L 673.642 45.243 Z M 1046.526 52.879 C 1040.237 52.882 1035.142 57.977 1035.145 64.259 C 1035.148 70.541 1040.248 75.631 1046.536 75.628 C 1052.824 75.626 1057.921 70.533 1057.919 64.251 C 1057.918 57.969 1052.819 52.878 1046.531 52.879 Z M 1046.526 54.99 C 1051.636 54.99 1055.632 59.164 1055.632 64.248 C 1055.632 69.338 1051.636 73.512 1046.526 73.512 C 1041.415 73.489 1037.28 69.353 1037.263 64.248 C 1037.263 59.164 1041.436 54.99 1046.526 54.99 Z M 1043.112 57.75 L 1040.671 69.447 L 1043.117 69.447 L 1044.09 64.898 L 1046.531 64.898 C 1048.352 64.898 1048.326 65.569 1047.988 67.175 C 1047.738 68.381 1047.78 68.891 1047.832 69.447 L 1050.434 69.447 L 1050.59 69.125 C 1050.122 68.927 1050.069 68.563 1050.434 66.848 C 1050.902 64.664 1050.496 64.337 1049.617 63.926 C 1050.866 63.509 1051.797 62.456 1052.057 61.166 C 1052.271 60.152 1052.245 57.75 1049.128 57.75 Z M 1045.063 59.866 L 1048.154 59.866 C 1049.591 59.866 1049.742 60.708 1049.617 61.322 C 1049.367 62.481 1048.618 62.949 1047.343 62.949 L 1044.413 62.949 Z M 261.08 69.936 C 247.971 69.936 238.761 71.786 230.18 74.484 L 227.255 93.979 C 236.96 89.347 244.058 87.969 254.575 87.969 C 264.119 87.969 270.186 92.341 270.186 97.878 C 270.186 98.922 270.186 100.082 269.859 101.127 C 265.815 100.83 259.919 100.316 254.091 100.316 C 228.358 100.316 207.741 109.761 207.741 128.907 C 207.741 144.014 217.753 151.49 235.873 151.49 C 247.201 151.49 258.025 147.788 264.171 138.816 L 264.171 138.494 L 264.494 138.816 L 263.193 149.702 L 286.938 149.702 C 290.174 126.215 297.668 108.685 297.668 96.417 C 297.668 77.265 281.146 69.936 261.08 69.936 Z M 486.795 69.936 C 453.782 69.936 432.316 88.541 432.316 115.911 C 432.316 135.51 444.992 151.49 476.226 151.49 C 507.782 151.49 530.538 137.324 530.538 104.859 C 530.538 85.271 515.436 69.936 486.795 69.936 Z M 595.913 69.936 C 583.934 69.936 574.583 78.685 569.894 87.808 L 569.566 87.808 L 572.819 71.724 L 545.826 71.724 C 545.02 78.752 543.703 85.297 542.246 92.029 L 529.075 149.702 L 558.186 149.702 L 566.48 113.801 C 568.583 102.275 575.977 92.357 588.269 92.357 C 593.774 92.357 597.88 93.069 601.606 95.767 L 608.267 71.885 C 604.395 70.393 599.795 69.936 595.913 69.936 Z M 802.436 69.936 C 789.333 69.936 780.112 71.786 771.541 74.484 L 768.612 93.979 C 778.317 89.347 785.415 87.969 795.932 87.969 C 805.48 87.969 811.382 92.341 811.382 97.878 C 811.382 98.922 811.382 100.082 811.054 101.127 C 807.01 100.83 801.271 100.316 795.442 100.316 C 769.71 100.316 748.936 109.761 748.936 128.907 C 748.936 144.014 759.109 151.49 777.234 151.49 C 788.558 151.49 799.376 147.788 805.527 138.816 L 805.527 138.494 L 805.855 138.816 L 804.554 149.702 L 828.294 149.702 C 831.536 126.215 839.029 108.685 839.029 96.417 C 839.029 77.265 822.507 69.936 802.436 69.936 Z M 997.74 69.936 C 960.205 69.936 947.331 97.815 947.331 115.911 C 947.331 135.51 962.604 151.49 990.751 151.49 C 999.176 151.49 1009.99 149.946 1020.184 147.102 L 1023.926 128.096 C 1015.839 131.683 1005.343 133.451 997.579 133.451 C 979.777 133.451 975.14 126.885 974.812 118.51 L 1034.494 118.51 C 1035.634 113.879 1036.607 107.032 1036.607 103.887 C 1036.607 80.26 1019.908 69.936 997.74 69.936 Z M 301.081 71.724 L 319.623 149.374 C 316.224 157.312 310.963 162.209 302.71 162.209 C 297.21 162.209 293.099 160.982 289.373 159.937 L 283.196 179.588 C 288.696 181.23 295.768 182.842 306.124 182.842 C 324.738 182.842 334.297 173.698 342.878 159.937 L 398.169 71.719 L 367.269 71.719 L 338.648 120.949 L 338.325 120.949 L 330.681 71.719 L 301.081 71.719 Z M 89.198 85.531 C 86.95 85.599 84.645 85.677 82.043 86.02 C 47.36 90.594 20.399 99.505 6.094 105.026 C 6.749 108.046 7.452 109.917 7.556 110.224 L 7.717 110.874 C 13.67 130.758 33.164 153.73 65.615 179.104 C 66.832 180.061 68.019 180.976 69.19 181.865 C 88.308 153.491 98.768 131.985 106.105 109.252 C 111.809 91.561 104.935 85.063 89.193 85.531 Z M 193.43 86.181 C 191.854 86.212 190.293 86.373 188.716 86.508 C 168.541 88.208 160.875 101.912 149.849 119.483 C 141.283 133.129 113.443 182.109 101.386 203.309 C 115.498 210.061 128.669 210.446 143.016 205.908 C 152.872 202.789 157.909 200.252 163.509 196.161 C 165.377 194.799 166.995 193.374 168.223 191.612 L 168.712 190.962 C 168.874 190.739 169.045 190.546 169.202 190.312 C 187.321 162.084 200.32 118.978 206.44 95.767 C 207.174 92.986 207.876 90.069 208.553 87.319 C 203.558 86.473 198.496 86.092 193.43 86.181 Z M 998.068 87.969 C 1008.741 87.969 1012.378 94.862 1012.378 103.237 L 976.602 103.237 C 978.71 95.767 985.449 87.969 998.068 87.969 Z M 485.332 88.78 C 496.656 88.78 500.455 96.469 500.455 104.537 C 500.455 122.196 491.931 132.645 478.338 132.645 C 468.472 132.791 462.566 125.731 462.566 115.261 C 462.566 102.842 471.256 88.78 485.332 88.78 Z M 897.083 90.568 C 906.793 90.568 910.904 98.709 910.904 106.486 C 910.904 116.805 902.708 130.857 888.949 130.857 C 879.728 130.857 874.967 124.343 874.967 114.773 C 874.967 102.655 883.329 90.568 897.083 90.568 Z M 259.29 114.612 C 261.075 114.612 264.67 114.658 267.095 115.1 C 264.993 125.575 257.598 133.451 245.146 133.451 C 238.995 133.451 235.222 129.412 235.222 125.82 C 235.222 118.937 245.38 114.164 259.29 114.612 Z M 800.646 114.612 C 802.426 114.612 806.027 114.658 808.452 115.1 C 806.355 125.575 798.794 133.451 786.336 133.451 C 780.195 133.451 776.579 129.412 776.579 125.82 C 776.579 118.937 786.736 114.164 800.646 114.612 Z", fill: color })] })),
             },
             {
-                name: 'gptype',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 352 176", fill: "none", role: "img", "aria-label": "GP Type logo", children: [jsxRuntime.jsx("title", { children: "GP Type" }), jsxRuntime.jsx("path", { d: "M 284.57 1.96 L 214.52 1.96 L 214.52 84.26 L 174.96 84.26 L 174.96 111.68 L 214.52 111.68 L 214.52 174.4 L 247.83 174.4 L 247.83 31.35 L 288.24 31.35 C 307.1 31.35 318.37 41.15 318.37 57.8 C 318.37 72.74 307.1 84.25 288.24 84.25 L 269.75 84.25 L 269.75 111.68 L 288.49 111.68 C 329.15 111.68 351.68 86.21 351.68 56.81 C 351.68 27.41 333.07 1.96 284.57 1.96 Z M 86.71 0 C 135.45 0 159.21 30.62 164.6 60.74 L 131.53 60.74 C 126.14 43.84 113.65 29.39 87.2 29.39 C 51.93 29.39 33.31 55.6 33.31 88.17 C 33.31 120.74 50.95 146.95 85.97 146.95 C 110.95 146.95 124.91 130.78 130.06 111.68 L 88.18 111.68 L 88.18 84.25 L 164.6 84.25 L 164.6 174.39 L 130.31 174.39 L 130.31 163.12 C 130.31 157.49 131.29 152.34 134.72 144.01 L 136.43 139.85 L 130.55 139.85 L 129.08 142.79 C 121.98 157 108.26 176.35 79.36 176.35 C 29.64 176.35 0 136.92 0 88.18 C 0 39.44 30.37 0 86.71 0 Z", fill: color })] })),
+                name: 'slice',
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, width: width, viewBox: "0 0 285.92 121.92", role: "img", "aria-label": "Slice Logo", children: [jsxRuntime.jsx("path", { fill: sliceColor, d: "M16.45,67.75c2.56,0,4.83.75,6.19,2.41v2.87c0,20.52,9.36,29.58,19.47,29.58,5.73,0,10.26-5.28,10.26-12.98,0-4.98-.91-9.05-14.94-26.86-8-10.26-10.56-18.71-10.56-28.07C26.86,17.96,39.84,0,58.85,0c16.3,0,22.78,9.36,22.78,18.41,0,5.88-3.17,10.71-6.49,12.37-8-6.64-13.58-9.66-19.16-9.66-3.32,0-6.04,2.87-6.04,7.24,0,4.83,2.56,10.71,11.32,22.94,12.68,17.96,14.79,24.29,14.79,33.2,0,17.05-15.69,37.42-41.04,37.42C11.77,121.92,0,108.19,0,91.59c0-11.02,5.89-23.84,16.45-23.84Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M94,32.59C96.72,12.22,107.43,0,119.35,0c6.49,0,10.56,3.02,10.56,10.71,0,6.64-3.02,14.03-14.33,35.31-4.07,14.64-11.17,40.89-11.17,44.66,0,1.66.75,2.26,2.11,2.26,4.68,0,13.58-8.6,21.43-20.82,2.87,0,5.73,2.11,5.73,5.13,0,11.47-24.44,35.16-39.69,35.16-8.75,0-11.92-3.77-11.92-11.62,0-10.11,4.83-27.61,6.04-33.95,1.81-9.81,4.53-23.99,5.88-34.25Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M126.44,68.66c0-8.9,13.43-24.75,22.78-24.75,6.94,0,7.54,3.77,7.54,9.66,0,3.92-2.57,10.26-5.28,16.6-4.23,10.41-6.19,15.24-6.19,18.71,0,1.66.75,2.26,2.11,2.26,2.11,0,8.9-4.83,19.01-19.16,2.87,0,5.88,2.41,5.88,5.43,0,9.51-23.99,35.01-37.87,35.01-8.9,0-11.92-3.92-11.92-12.22,0-6.64,1.66-12.83,5.43-22.18-1.21-2.87-1.51-6.34-1.51-9.36ZM154.81,4.07c6.04,0,12.83,6.64,12.83,11.32,0,3.62-2.87,9.51-10.11,18.41-5.88,0-10.11-4.38-10.11-13.13,0-12.22,2.57-16.6,7.39-16.6Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M160.24,86.31c0-23.24,18.56-46.17,34.71-46.17,10.26,0,15.39,5.43,15.39,14.64,0,9.66-6.79,17.35-14.03,17.35-3.32,0-5.28-1.06-6.49-2.87,1.06-4.07,1.51-7.54,1.51-9.51,0-2.11-1.06-3.17-1.96-3.17-2.87,0-8.15,9.66-8.15,24.9,0,8.3,2.26,11.62,8.15,11.62,8.45,0,20.07-8.6,28.22-21.28,2.72,0,5.88,1.81,5.88,4.98,0,10.41-23.84,35.01-42.1,35.01-14.79,0-21.12-9.21-21.12-25.5Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M211.24,86.31c0-22.79,18.56-46.02,33.2-46.02,10.41,0,16.15,4.98,16.15,15.54,0,12.68-7.39,22.48-28.07,27.16,0,6.79,1.36,10.56,7.24,10.56,10.26,0,23.54-8.75,32.14-21.88,3.62.15,5.73,2.57,5.73,4.98,0,11.17-25.2,35.16-44.82,35.16-14.79,0-21.58-9.21-21.58-25.5ZM240.66,56.13c-2.11,0-6.19,5.13-7.24,15.69,8.45-1.51,10.26-6.19,10.26-10.71,0-3.17-1.21-4.98-3.02-4.98Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M283.49,27.94c1.62,1.62,2.43,3.57,2.43,5.86s-.83,4.34-2.49,5.95c-1.61,1.56-3.55,2.34-5.8,2.34s-4.3-.8-5.89-2.4c-1.6-1.6-2.4-3.56-2.4-5.89s.86-4.44,2.59-6.04c1.62-1.5,3.52-2.25,5.7-2.25s4.24.81,5.86,2.43ZM277.63,26.93c-1.9,0-3.53.69-4.87,2.07-1.32,1.35-1.98,2.95-1.98,4.8s.67,3.55,2.01,4.89c1.33,1.34,2.95,2.01,4.84,2.01s3.49-.68,4.83-2.02c1.33-1.36,2-2.98,2-4.88s-.66-3.45-1.99-4.8c-1.34-1.38-2.95-2.07-4.84-2.07ZM276.41,35.16v3.25h-2.41v-9.19c.57,0,1.42,0,2.56,0,1.14,0,1.77,0,1.9.02.73.05,1.33.21,1.81.47.82.45,1.23,1.18,1.23,2.19,0,.77-.22,1.33-.65,1.68s-.96.55-1.59.62c.58.12,1.01.3,1.3.53.54.44.81,1.12.81,2.06v.82c0,.09,0,.18.02.27.01.09.03.18.06.27l.08.26h-2.29c-.07-.29-.12-.72-.15-1.27-.02-.55-.07-.93-.15-1.13-.12-.32-.34-.55-.67-.67-.18-.07-.45-.12-.82-.15l-.53-.03h-.51ZM277.34,33.51c.56,0,1-.11,1.32-.34.32-.23.47-.59.47-1.09s-.25-.85-.74-1.05c-.33-.13-.8-.19-1.39-.19h-.58v2.67h.93Z" })] })),
             },
             {
-                name: 'gpmark',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 822 822", fill: "none", role: "img", "aria-label": "GP Mark logo", children: [jsxRuntime.jsx("title", { children: "GP Mark" }), jsxRuntime.jsx("path", { d: "M 420.713 710.359 C 423.857 709.278 426.95 708.145 430.043 706.963 L 430.043 821.081 C 426.95 821.232 423.832 821.333 420.713 821.408 C 417.62 821.484 414.502 821.534 411.384 821.534 C 408.265 821.534 405.147 821.484 402.054 821.408 C 398.936 821.333 395.817 821.232 392.724 821.081 L 392.724 718.586 C 395.842 717.831 398.961 717.026 402.054 716.171 L 402.054 633.45 C 405.147 633.576 408.265 633.677 411.384 633.677 C 414.502 633.677 417.62 633.576 420.713 633.45 L 420.713 710.384 Z M 477.999 623.513 C 475.032 624.444 472.04 625.274 469.022 626.079 C 466.029 626.884 462.986 627.613 459.944 628.268 L 475.258 685.503 C 472.492 687.113 469.676 688.648 466.834 690.157 L 499.45 811.974 C 505.539 810.661 511.593 809.193 517.607 807.571 C 520.625 806.766 523.617 805.936 526.585 805.055 C 529.577 804.175 532.57 803.269 535.512 802.338 L 499.978 669.628 C 497.288 671.54 494.547 673.377 491.805 675.213 L 477.949 623.488 Z M 530.684 598.958 C 528.068 600.619 525.403 602.254 522.712 603.814 C 520.021 605.374 517.305 606.883 514.539 608.317 L 533.953 641.979 C 531.639 644.168 529.275 646.306 526.886 648.419 L 600.267 775.57 C 603.033 774.136 605.774 772.677 608.515 771.167 C 611.256 769.658 613.947 768.148 616.663 766.588 C 619.354 765.029 622.045 763.444 624.685 761.833 C 627.351 760.223 629.991 758.563 632.607 756.877 L 554.272 621.123 C 552.109 623.563 549.896 625.978 547.658 628.343 L 530.709 598.958 Z M 575.27 561.673 C 573.158 563.963 571.02 566.227 568.833 568.441 C 566.62 570.63 564.356 572.768 562.068 574.882 L 578.011 590.832 C 576.226 593.423 574.39 595.989 572.504 598.53 L 688.082 714.158 C 690.371 712.07 692.659 709.932 694.897 707.793 C 697.135 705.655 699.373 703.466 701.586 701.277 C 703.799 699.063 705.962 696.849 708.1 694.585 C 710.262 692.346 712.375 690.057 714.462 687.742 L 593.226 566.454 C 591.641 569.246 590.032 572.039 588.372 574.806 L 575.245 561.673 Z M 608.691 514.099 C 607.233 516.866 605.749 519.583 604.19 522.275 C 602.631 524.967 601.021 527.634 599.336 530.251 L 608.54 535.559 C 607.308 538.427 606.026 541.295 604.718 544.138 L 757.163 632.192 C 758.847 629.576 760.482 626.934 762.117 624.267 C 763.726 621.601 765.31 618.934 766.869 616.242 C 768.429 613.55 769.963 610.833 771.446 608.116 C 772.93 605.399 774.414 602.631 775.847 599.864 L 618.549 508.992 C 617.568 512.011 616.537 515.005 615.481 517.999 L 608.716 514.099 Z M 628.658 459.48 C 627.98 462.524 627.25 465.568 626.446 468.562 C 625.641 471.581 624.811 474.575 623.88 477.544 L 626.823 478.324 C 626.169 481.368 625.465 484.412 624.71 487.431 L 802.68 535.131 C 803.61 532.163 804.515 529.194 805.396 526.2 C 806.276 523.206 807.106 520.212 807.91 517.193 C 809.531 511.177 810.998 505.12 812.311 499.029 L 631.576 450.574 C 631.191 453.684 630.755 456.787 630.268 459.883 L 628.658 459.455 Z M 821.691 401.566 C 821.616 398.446 821.515 395.326 821.364 392.232 L 633.462 392.232 C 633.638 395.326 633.789 398.446 633.889 401.566 L 633.789 401.566 C 633.839 403.05 633.914 404.534 633.94 406.044 C 634.041 409.297 634.041 412.552 633.94 415.805 L 633.789 420.283 L 633.889 420.283 C 633.789 423.403 633.663 426.523 633.462 429.617 L 821.364 429.617 C 821.515 426.523 821.616 423.403 821.691 420.283 C 821.767 417.189 821.817 414.069 821.817 410.95 C 821.817 407.83 821.767 404.71 821.691 401.616 Z M 623.88 344.255 C 624.811 347.224 625.641 350.217 626.446 353.236 C 627.25 356.23 627.98 359.274 628.658 362.319 L 630.268 361.891 C 630.746 364.985 631.173 368.08 631.576 371.199 L 812.311 322.744 C 810.998 316.653 809.531 310.597 807.91 304.58 C 807.106 301.561 806.276 298.567 805.396 295.573 C 804.517 292.588 803.611 289.611 802.68 286.642 L 624.71 334.342 C 625.465 337.361 626.169 340.406 626.823 343.45 L 623.88 344.23 Z M 599.336 291.548 C 600.996 294.165 602.631 296.831 604.19 299.523 C 605.749 302.215 607.258 304.932 608.691 307.7 L 615.456 303.8 C 616.537 306.769 617.543 309.788 618.524 312.807 L 775.847 221.935 C 774.414 219.167 772.955 216.425 771.446 213.683 C 768.455 208.231 765.345 202.846 762.117 197.531 C 760.507 194.865 758.847 192.223 757.163 189.606 L 604.718 277.661 C 606.026 280.504 607.308 283.346 608.54 286.24 Z M 562.068 246.942 C 564.356 249.056 566.62 251.194 568.833 253.383 C 571.046 255.572 573.158 257.861 575.27 260.15 L 588.397 247.018 C 590.057 249.76 591.667 252.553 593.251 255.37 L 714.487 134.082 C 712.375 131.792 710.262 129.503 708.125 127.239 C 705.987 125 703.799 122.761 701.612 120.547 C 699.399 118.358 697.186 116.169 694.922 114.031 C 692.684 111.867 690.396 109.754 688.107 107.666 L 572.529 223.293 C 574.39 225.834 576.226 228.401 578.037 230.992 L 562.093 246.942 Z M 514.514 213.482 C 517.28 214.941 519.996 216.425 522.687 217.985 C 525.378 219.545 528.043 221.155 530.658 222.841 L 547.608 193.456 C 549.846 195.821 552.059 198.236 554.222 200.676 L 632.556 64.922 C 629.941 63.236 627.301 61.601 624.635 59.965 C 621.969 58.355 619.304 56.77 616.613 55.21 C 613.922 53.651 611.206 52.141 608.49 50.632 C 605.774 49.147 603.008 47.663 600.242 46.229 L 526.861 173.379 C 529.25 175.493 531.614 177.631 533.928 179.82 Z M 459.918 193.506 C 462.961 194.185 466.004 194.915 468.997 195.695 C 472.014 196.5 475.007 197.33 477.974 198.261 L 491.831 146.535 C 494.572 148.347 497.313 150.208 500.004 152.12 L 535.537 19.41 C 532.569 18.478 529.594 17.572 526.61 16.693 C 520.638 14.942 514.626 13.332 508.579 11.863 C 505.561 11.133 502.518 10.429 499.476 9.749 L 466.859 131.566 C 469.676 133.076 472.492 134.635 475.284 136.22 L 459.969 193.456 Z M 402.029 188.374 C 405.122 188.248 408.24 188.147 411.359 188.147 C 414.477 188.147 417.595 188.248 420.688 188.374 L 420.688 111.439 C 423.832 112.521 426.925 113.653 430.018 114.836 L 430.018 0.717 C 426.925 0.566 423.807 0.466 420.688 0.39 C 417.595 0.315 414.477 0.265 411.359 0.265 C 408.24 0.265 405.122 0.315 402.029 0.39 C 398.91 0.466 395.792 0.566 392.699 0.717 L 392.699 103.213 C 395.817 103.967 398.936 104.772 402.029 105.628 L 402.029 188.348 Z M 344.743 198.286 C 347.71 197.355 350.703 196.525 353.72 195.72 C 356.713 194.915 359.756 194.185 362.799 193.531 L 336.368 94.81 C 339.663 95.011 342.957 95.263 346.226 95.539 L 323.267 9.825 C 320.224 10.504 317.181 11.183 314.163 11.938 C 311.145 12.668 308.128 13.448 305.11 14.253 C 302.092 15.058 299.1 15.888 296.132 16.768 C 293.14 17.649 290.172 18.555 287.205 19.486 L 307.273 94.432 C 310.467 94.332 313.66 94.256 316.879 94.256 L 344.743 198.336 Z M 292.059 222.841 C 294.674 221.18 297.339 219.545 300.03 217.985 C 302.721 216.425 305.437 214.916 308.203 213.482 L 244.278 102.709 C 247.447 101.955 250.615 101.25 253.834 100.596 L 222.475 46.254 C 219.709 47.688 216.968 49.147 214.227 50.657 C 208.777 53.649 203.394 56.761 198.082 59.991 C 195.416 61.601 192.776 63.261 190.161 64.947 L 216.54 110.659 C 219.558 109.653 222.601 108.697 225.644 107.766 L 292.059 222.866 Z M 247.472 260.125 C 249.584 257.836 251.722 255.572 253.91 253.358 C 256.123 251.144 258.386 249.03 260.674 246.917 L 153.646 139.843 C 156.387 138.183 159.179 136.573 161.995 134.988 L 134.66 107.64 C 132.372 109.754 130.083 111.867 127.82 114.006 C 125.582 116.144 123.344 118.333 121.131 120.522 C 118.918 122.71 116.755 124.949 114.617 127.214 C 112.455 129.453 110.342 131.742 108.255 134.057 L 129.957 155.768 C 132.497 153.907 135.062 152.07 137.653 150.259 Z M 214.051 307.7 C 215.509 304.932 216.993 302.215 218.552 299.523 C 220.111 296.831 221.721 294.165 223.406 291.548 L 75.865 206.337 C 77.927 203.922 79.989 201.531 82.127 199.167 L 65.605 189.606 C 63.92 192.223 62.285 194.865 60.651 197.531 C 59.041 200.198 57.457 202.865 55.898 205.557 C 54.339 208.249 52.83 210.966 51.321 213.683 C 49.837 216.4 48.354 219.167 46.92 221.935 L 58.589 228.677 C 60.399 226.111 62.235 223.57 64.096 221.08 L 214.076 307.7 Z M 194.084 362.319 C 194.763 359.274 195.492 356.23 196.271 353.236 C 197.076 350.217 197.906 347.224 198.837 344.255 L 22.074 296.882 C 23.206 293.963 24.363 291.045 25.57 288.152 L 20.037 286.667 C 19.106 289.636 18.2 292.613 17.321 295.599 C 16.441 298.592 15.611 301.586 14.807 304.605 C 14.002 307.599 13.248 310.618 12.493 313.662 C 11.764 316.681 11.06 319.725 10.381 322.77 L 13.097 323.499 C 13.952 320.505 14.857 317.512 15.813 314.568 L 194.033 362.344 Z M 188.954 420.233 C 188.828 417.139 188.727 414.019 188.727 410.899 C 188.727 407.78 188.828 404.66 188.954 401.566 L 1.051 401.566 L 1.051 402.723 C 1.001 405.44 0.95 408.157 0.95 410.899 C 0.95 413.642 1.001 416.359 1.051 419.076 L 1.051 420.233 Z M 198.862 477.544 C 197.931 474.575 197.101 471.581 196.297 468.562 C 195.492 465.568 194.788 462.524 194.109 459.48 L 15.863 507.256 C 14.907 504.287 14.002 501.319 13.147 498.325 L 10.431 499.054 C 11.11 502.098 11.789 505.143 12.543 508.162 C 13.273 511.181 14.052 514.2 14.857 517.219 C 15.662 520.238 16.492 523.231 17.372 526.225 C 18.252 529.219 19.157 532.188 20.088 535.157 L 25.62 533.672 C 24.413 530.779 23.256 527.886 22.125 524.942 L 198.887 477.569 Z M 223.406 530.251 C 221.746 527.634 220.111 524.967 218.552 522.275 C 216.993 519.583 215.484 516.866 214.051 514.099 L 64.071 600.719 C 62.185 598.229 60.349 595.688 58.563 593.121 L 46.895 599.864 C 48.328 602.631 49.787 605.374 51.296 608.116 C 54.287 613.568 57.397 618.953 60.626 624.267 C 62.235 626.934 63.895 629.576 65.58 632.192 L 82.102 622.632 C 79.989 620.267 77.902 617.877 75.84 615.462 L 223.381 530.251 Z M 260.674 574.856 C 258.386 572.743 256.123 570.605 253.91 568.416 C 251.697 566.227 249.584 563.938 247.472 561.648 L 137.653 671.515 C 135.062 669.729 132.497 667.892 129.957 666.005 L 108.255 687.717 C 110.367 690.006 112.48 692.296 114.617 694.56 C 116.755 696.799 118.943 699.038 121.131 701.252 C 123.318 703.441 125.557 705.63 127.82 707.768 C 130.058 709.932 132.346 712.045 134.635 714.133 L 161.97 686.786 C 159.179 685.201 156.387 683.591 153.621 681.93 L 260.649 574.856 Z M 308.228 608.317 C 305.462 606.858 302.746 605.374 300.055 603.814 C 297.365 602.254 294.699 600.644 292.084 598.958 L 225.669 714.058 C 222.626 713.127 219.583 712.171 216.566 711.164 L 190.186 756.877 C 192.801 758.563 195.442 760.198 198.107 761.833 C 200.773 763.444 203.439 765.029 206.129 766.588 C 208.82 768.148 211.536 769.658 214.252 771.167 C 216.968 772.651 219.734 774.136 222.5 775.57 L 253.859 721.228 C 250.666 720.574 247.472 719.869 244.303 719.115 L 308.228 608.342 Z M 362.824 628.293 C 359.781 627.614 356.738 626.884 353.745 626.104 C 350.728 625.299 347.735 624.469 344.768 623.538 L 316.904 727.618 C 313.685 727.618 310.492 727.543 307.298 727.442 L 287.23 802.389 C 290.198 803.32 293.165 804.225 296.158 805.106 C 305.119 807.729 314.169 810.037 323.292 812.024 L 346.252 726.31 C 342.982 726.612 339.688 726.863 336.394 727.039 L 362.824 628.318 Z M 414.2 421.466 L 414.15 421.315 M 406.53 428.938 L 407.461 425.416 M 408.517 421.466 L 408.567 421.315", fill: color })] })),
+                name: 'yelp',
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, viewBox: "0 0 474 178", role: "img", "aria-label": "Yelp logo", children: [jsxRuntime.jsx("title", { children: "Yelp" }), jsxRuntime.jsx("path", { d: "M 190.562 47.187 C 190.562 40.674 195.964 35.354 202.489 35.354 C 208.921 35.354 214.143 40.674 214.422 47.285 L 214.422 139.653 C 214.422 146.166 209.014 151.487 202.489 151.487 C 199.304 151.485 196.251 150.234 194.011 148.011 C 191.771 145.789 190.529 142.779 190.562 139.653 Z M 179.466 104.243 C 179.373 106.076 178.908 109.472 176.489 111.95 C 173.878 114.61 170.337 115.249 168.284 115.249 C 159.756 115.298 151.228 115.322 142.7 115.341 C 134.172 115.365 125.644 115.389 117.115 115.432 C 117.86 117.727 119.348 121.215 122.704 124.423 C 124.75 126.352 126.71 127.448 127.554 127.911 C 128.577 128.55 132.119 130.388 136.497 130.388 C 141.161 130.388 145.261 128.915 149.274 126.9 L 149.603 126.73 C 152.394 125.311 155.265 123.851 158.311 123.321 C 161.288 122.864 164.463 123.412 166.789 125.433 C 169.586 127.819 170.709 131.301 169.679 134.881 C 168.47 138.916 165.021 142.405 161.387 144.511 C 159.307 145.705 157.123 146.718 154.862 147.536 C 149.094 149.545 142.994 150.48 136.876 150.294 C 135.387 150.294 133.799 150.294 132.212 150.111 C 130.537 149.928 128.862 149.557 127.275 149.192 C 124.701 148.644 122.198 147.813 119.813 146.714 C 117.428 145.676 115.15 144.417 113.01 142.952 C 110.875 141.446 108.88 139.758 107.049 137.906 C 105.229 136.031 103.575 134.007 102.106 131.855 C 97.076 124.331 94.744 115.067 95.209 106.076 C 95.581 97.273 98.565 88.465 103.973 81.313 C 104.556 80.412 105.232 79.651 105.871 78.933 C 106.15 78.616 106.423 78.312 106.677 78.007 C 113.351 69.996 122.27 67.464 125.947 66.417 L 126.152 66.356 C 133.617 64.276 141.524 64.276 148.989 66.356 C 150.763 66.819 160.736 69.844 168.47 78.007 C 168.842 78.373 169.872 79.566 171.174 81.313 C 174.482 85.734 176.912 90.727 178.338 96.032 L 178.35 96.08 C 178.908 98.095 179.466 100.847 179.466 104.237 Z M 124.757 89.11 C 121.077 92.048 118.515 96.119 117.488 100.664 L 158.125 100.664 C 157.028 96.123 154.441 92.061 150.763 89.104 C 147.057 86.188 142.463 84.574 137.713 84.521 C 132.989 84.567 128.419 86.182 124.75 89.104 Z M 279.291 64.798 C 268.667 64.798 258.973 69.479 252.076 77.094 L 252.076 76.814 C 251.788 70.452 246.356 65.491 239.869 65.667 C 233.382 65.843 228.238 71.091 228.309 77.459 L 228.309 165.609 C 228.294 168.723 229.545 171.713 231.786 173.918 C 234.026 176.122 237.07 177.358 240.242 177.352 C 243.413 177.356 246.455 176.12 248.694 173.915 C 250.933 171.711 252.184 168.722 252.169 165.609 L 252.169 138.089 C 259.066 145.612 268.667 150.385 279.384 150.385 C 300.732 150.385 318.067 131.393 318.067 107.725 C 317.974 84.064 300.639 64.798 279.291 64.798 Z M 274.075 131.21 C 261.956 131.21 252.076 120.843 252.076 107.914 C 252.076 94.887 261.863 84.521 274.075 84.521 C 286.188 84.521 296.068 94.887 296.068 107.914 C 295.975 120.843 286.188 131.21 274.075 131.21 Z M 77.316 113.873 L 73.402 122.317 C 71.628 125.981 69.855 129.743 68.18 133.505 L 66.561 137.036 C 59.106 153.301 50.268 172.61 30.991 176.706 C 21.67 178.727 7.597 175.976 2.374 167.35 C -2.842 158.639 4.893 148.638 14.866 150.933 C 16.441 151.274 17.985 152.028 19.548 152.795 C 22.147 154.074 24.783 155.358 27.636 154.786 C 30.34 154.329 32.015 152.4 34.161 149.922 C 37.138 146.532 38.447 142.952 39.005 140.84 L 38.868 140.524 C 38.825 140.414 38.777 140.307 38.726 140.201 C 36.301 135.757 34.179 131.788 32.412 128.471 C 31.418 126.597 30.415 124.729 29.404 122.864 L 25.341 115.292 C 22.364 109.752 21.868 108.839 20.553 106.447 C 17.654 101.077 14.608 95.785 11.417 90.577 C 7.969 84.886 4.427 78.561 7.318 71.859 C 9.57 66.479 15.647 63.69 21.297 65.443 C 27.295 67.227 29.956 72.833 32.437 78.068 C 32.889 79.018 33.33 79.955 33.789 80.85 C 37.795 88.648 41.709 96.446 45.622 104.243 C 45.97 105.017 46.491 106.07 47.136 107.36 C 47.706 108.505 48.37 109.838 49.071 111.305 L 50.107 113.423 C 50.51 114.251 50.863 114.957 51.124 115.523 C 52.941 111.079 54.783 106.654 56.619 102.222 C 58.461 97.797 60.303 93.372 62.12 88.922 C 62.17 88.678 62.604 87.729 63.262 86.298 C 63.814 85.087 64.521 83.535 65.29 81.769 L 66.077 79.9 C 68.496 74.118 71.411 67.16 77.874 65.261 C 82.576 63.921 87.626 65.651 90.458 69.57 C 91.854 71.494 92.412 73.698 92.505 75.901 C 92.58 80.771 90.185 85.994 88.126 90.474 C 87.63 91.57 87.146 92.617 86.731 93.603 L 86.483 94.139 C 85.912 95.399 84.362 98.807 81.695 104.426 C 80.733 106.435 79.809 108.456 78.873 110.495 Z", fill: color }), jsxRuntime.jsx("path", { d: "M 383.476 104 L 391.198 102.247 C 391.359 102.21 391.632 102.149 391.954 102.046 C 396.388 100.879 399.083 96.476 398.051 92.087 L 398.02 91.953 C 397.765 90.941 397.319 89.986 396.705 89.135 C 395.841 88.058 394.771 87.156 393.555 86.481 C 392.123 85.68 390.625 85 389.077 84.448 L 380.611 81.41 C 375.86 79.675 371.109 77.989 366.308 76.339 C 363.201 75.256 360.565 74.3 358.276 73.6 C 357.841 73.482 357.409 73.352 356.98 73.211 C 354.214 72.383 352.266 72.036 350.623 72.023 C 349.524 71.983 348.43 72.179 347.416 72.596 C 346.357 73.046 345.406 73.709 344.625 74.544 C 344.238 74.975 343.874 75.426 343.534 75.895 C 342.873 76.891 342.328 77.957 341.909 79.073 C 340.336 83.632 339.552 88.418 339.589 93.232 C 339.62 97.578 339.738 103.16 342.175 106.946 C 342.765 107.92 343.552 108.76 344.489 109.412 C 346.226 110.586 347.975 110.745 349.804 110.872 C 352.533 111.061 355.169 110.41 357.805 109.807 L 383.457 103.994 Z M 469.625 63.769 C 467.517 59.427 464.683 55.462 461.239 52.039 C 460.795 51.604 460.318 51.201 459.813 50.834 C 459.347 50.49 458.862 50.171 458.362 49.878 C 457.846 49.601 457.316 49.351 456.774 49.129 C 455.703 48.716 454.555 48.529 453.406 48.581 C 452.308 48.642 451.235 48.947 450.262 49.452 C 448.792 50.17 447.198 51.327 445.077 53.256 C 444.785 53.543 444.419 53.865 444.084 54.17 C 442.341 55.783 440.394 57.773 438.08 60.086 C 434.502 63.635 430.985 67.202 427.481 70.8 L 421.217 77.179 C 420.073 78.343 419.031 79.599 418.103 80.935 C 417.308 82.066 416.746 83.337 416.447 84.679 C 416.279 85.71 416.305 86.762 416.521 87.783 L 416.552 87.917 C 417.581 92.302 421.962 95.1 426.464 94.248 C 426.724 94.212 426.983 94.163 427.239 94.102 L 460.619 86.529 C 463.255 85.933 465.922 85.385 468.285 84.034 C 469.873 83.139 471.38 82.244 472.416 80.442 C 472.968 79.45 473.301 78.355 473.396 77.228 C 473.911 72.76 471.535 67.689 469.625 63.769 Z M 409.866 77.545 C 412.285 74.562 412.285 70.118 412.496 66.478 C 413.228 54.334 413.991 42.19 414.605 30.04 C 414.834 25.438 415.337 20.897 415.058 16.258 C 414.828 12.435 414.803 8.04 412.341 4.899 C 408 -0.64 398.734 -0.184 392.413 0.681 C 390.464 0.945 388.528 1.303 386.614 1.752 C 384.692 2.203 382.781 2.696 380.921 3.286 C 374.855 5.234 366.327 8.813 364.888 15.674 C 364.069 19.551 366.004 23.514 367.493 27.057 C 369.31 31.342 371.785 35.208 374.042 39.244 C 380.015 49.902 386.093 60.5 392.153 71.104 C 393.97 74.27 395.936 78.275 399.441 79.919 C 399.676 80.016 399.912 80.101 400.154 80.18 C 401.723 80.765 403.441 80.874 405.072 80.503 L 405.364 80.442 C 406.877 80.034 408.242 79.225 409.314 78.111 C 409.513 77.928 409.693 77.746 409.873 77.545 Z M 406.97 110.057 C 405.033 107.383 401.564 106.236 398.374 107.214 C 398.008 107.332 397.651 107.477 397.307 107.646 C 396.774 107.913 396.266 108.225 395.787 108.578 C 394.422 109.633 393.202 110.859 392.159 112.224 C 391.892 112.559 391.644 113.003 391.322 113.295 L 385.951 120.539 C 382.912 124.605 379.904 128.678 376.933 132.811 C 374.985 135.483 373.311 137.742 371.977 139.732 C 371.729 140.11 371.469 140.524 371.233 140.864 C 369.639 143.275 368.74 145.04 368.274 146.611 C 367.927 147.654 367.817 148.76 367.952 149.849 C 368.101 150.981 368.491 152.071 369.093 153.051 C 369.416 153.538 369.763 154.013 370.135 154.469 C 370.939 155.378 371.844 156.194 372.833 156.904 C 376.542 159.437 380.598 161.257 384.865 162.663 C 388.419 163.82 392.11 164.513 395.843 164.72 C 396.482 164.751 397.121 164.739 397.754 164.684 C 398.34 164.63 398.924 164.549 399.503 164.44 C 400.082 164.308 400.653 164.146 401.214 163.953 C 402.306 163.552 403.299 162.93 404.129 162.127 C 404.917 161.354 405.525 160.423 405.903 159.394 C 406.523 157.872 406.933 155.949 407.206 153.088 C 407.224 152.68 407.286 152.193 407.33 151.748 C 407.541 149.374 407.64 146.574 407.789 143.299 C 408.055 138.253 408.26 133.231 408.421 128.197 L 408.769 119.236 C 408.849 117.179 408.781 114.89 408.198 112.839 C 407.942 111.853 407.527 110.914 406.97 110.057 Z M 467.584 124.076 C 466.468 122.864 464.88 121.665 462.374 120.18 C 462.015 119.979 461.587 119.717 461.196 119.486 C 459.112 118.25 456.6 116.96 453.667 115.395 C 449.158 112.96 444.649 110.599 440.09 108.249 L 432.046 104.061 C 431.63 103.939 431.208 103.647 430.811 103.458 C 429.265 102.683 427.622 102.108 425.924 101.748 C 425.339 101.637 424.746 101.576 424.15 101.565 C 423.765 101.563 423.379 101.585 422.997 101.632 C 419.693 102.133 417.091 104.659 416.546 107.896 C 416.428 108.9 416.466 109.917 416.664 110.903 C 417.055 113.009 418.01 115.085 419.002 116.905 L 423.294 124.812 C 425.688 129.268 428.107 133.7 430.588 138.119 C 432.188 140.998 433.522 143.464 434.768 145.509 C 435.004 145.893 435.271 146.306 435.475 146.666 C 436.995 149.119 438.211 150.665 439.445 151.779 C 441.109 153.35 443.402 154.109 445.697 153.849 C 446.287 153.778 446.873 153.676 447.452 153.544 C 448.638 153.232 449.785 152.789 450.869 152.223 C 454.134 150.427 457.143 148.217 459.819 145.649 C 463.032 142.545 465.873 139.16 468.081 135.288 C 468.391 134.741 468.651 134.175 468.874 133.584 C 469.082 133.043 469.262 132.493 469.414 131.934 C 469.544 131.362 469.643 130.79 469.712 130.212 C 469.823 129.075 469.69 127.928 469.321 126.845 C 468.957 125.806 468.364 124.859 467.584 124.07 Z", fill: color })] })),
             },
             {
-                name: 'yelp',
-                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: height, viewBox: "0 0 474 178", role: "img", "aria-label": "Yelp logo", children: [jsxRuntime.jsx("title", { children: "Yelp" }), jsxRuntime.jsx("path", { d: "M 190.562 47.187 C 190.562 40.674 195.964 35.354 202.489 35.354 C 208.921 35.354 214.143 40.674 214.422 47.285 L 214.422 139.653 C 214.422 146.166 209.014 151.487 202.489 151.487 C 199.304 151.485 196.251 150.234 194.011 148.011 C 191.771 145.789 190.529 142.779 190.562 139.653 Z M 179.466 104.243 C 179.373 106.076 178.908 109.472 176.489 111.95 C 173.878 114.61 170.337 115.249 168.284 115.249 C 159.756 115.298 151.228 115.322 142.7 115.341 C 134.172 115.365 125.644 115.389 117.115 115.432 C 117.86 117.727 119.348 121.215 122.704 124.423 C 124.75 126.352 126.71 127.448 127.554 127.911 C 128.577 128.55 132.119 130.388 136.497 130.388 C 141.161 130.388 145.261 128.915 149.274 126.9 L 149.603 126.73 C 152.394 125.311 155.265 123.851 158.311 123.321 C 161.288 122.864 164.463 123.412 166.789 125.433 C 169.586 127.819 170.709 131.301 169.679 134.881 C 168.47 138.916 165.021 142.405 161.387 144.511 C 159.307 145.705 157.123 146.718 154.862 147.536 C 149.094 149.545 142.994 150.48 136.876 150.294 C 135.387 150.294 133.799 150.294 132.212 150.111 C 130.537 149.928 128.862 149.557 127.275 149.192 C 124.701 148.644 122.198 147.813 119.813 146.714 C 117.428 145.676 115.15 144.417 113.01 142.952 C 110.875 141.446 108.88 139.758 107.049 137.906 C 105.229 136.031 103.575 134.007 102.106 131.855 C 97.076 124.331 94.744 115.067 95.209 106.076 C 95.581 97.273 98.565 88.465 103.973 81.313 C 104.556 80.412 105.232 79.651 105.871 78.933 C 106.15 78.616 106.423 78.312 106.677 78.007 C 113.351 69.996 122.27 67.464 125.947 66.417 L 126.152 66.356 C 133.617 64.276 141.524 64.276 148.989 66.356 C 150.763 66.819 160.736 69.844 168.47 78.007 C 168.842 78.373 169.872 79.566 171.174 81.313 C 174.482 85.734 176.912 90.727 178.338 96.032 L 178.35 96.08 C 178.908 98.095 179.466 100.847 179.466 104.237 Z M 124.757 89.11 C 121.077 92.048 118.515 96.119 117.488 100.664 L 158.125 100.664 C 157.028 96.123 154.441 92.061 150.763 89.104 C 147.057 86.188 142.463 84.574 137.713 84.521 C 132.989 84.567 128.419 86.182 124.75 89.104 Z M 279.291 64.798 C 268.667 64.798 258.973 69.479 252.076 77.094 L 252.076 76.814 C 251.788 70.452 246.356 65.491 239.869 65.667 C 233.382 65.843 228.238 71.091 228.309 77.459 L 228.309 165.609 C 228.294 168.723 229.545 171.713 231.786 173.918 C 234.026 176.122 237.07 177.358 240.242 177.352 C 243.413 177.356 246.455 176.12 248.694 173.915 C 250.933 171.711 252.184 168.722 252.169 165.609 L 252.169 138.089 C 259.066 145.612 268.667 150.385 279.384 150.385 C 300.732 150.385 318.067 131.393 318.067 107.725 C 317.974 84.064 300.639 64.798 279.291 64.798 Z M 274.075 131.21 C 261.956 131.21 252.076 120.843 252.076 107.914 C 252.076 94.887 261.863 84.521 274.075 84.521 C 286.188 84.521 296.068 94.887 296.068 107.914 C 295.975 120.843 286.188 131.21 274.075 131.21 Z M 77.316 113.873 L 73.402 122.317 C 71.628 125.981 69.855 129.743 68.18 133.505 L 66.561 137.036 C 59.106 153.301 50.268 172.61 30.991 176.706 C 21.67 178.727 7.597 175.976 2.374 167.35 C -2.842 158.639 4.893 148.638 14.866 150.933 C 16.441 151.274 17.985 152.028 19.548 152.795 C 22.147 154.074 24.783 155.358 27.636 154.786 C 30.34 154.329 32.015 152.4 34.161 149.922 C 37.138 146.532 38.447 142.952 39.005 140.84 L 38.868 140.524 C 38.825 140.414 38.777 140.307 38.726 140.201 C 36.301 135.757 34.179 131.788 32.412 128.471 C 31.418 126.597 30.415 124.729 29.404 122.864 L 25.341 115.292 C 22.364 109.752 21.868 108.839 20.553 106.447 C 17.654 101.077 14.608 95.785 11.417 90.577 C 7.969 84.886 4.427 78.561 7.318 71.859 C 9.57 66.479 15.647 63.69 21.297 65.443 C 27.295 67.227 29.956 72.833 32.437 78.068 C 32.889 79.018 33.33 79.955 33.789 80.85 C 37.795 88.648 41.709 96.446 45.622 104.243 C 45.97 105.017 46.491 106.07 47.136 107.36 C 47.706 108.505 48.37 109.838 49.071 111.305 L 50.107 113.423 C 50.51 114.251 50.863 114.957 51.124 115.523 C 52.941 111.079 54.783 106.654 56.619 102.222 C 58.461 97.797 60.303 93.372 62.12 88.922 C 62.17 88.678 62.604 87.729 63.262 86.298 C 63.814 85.087 64.521 83.535 65.29 81.769 L 66.077 79.9 C 68.496 74.118 71.411 67.16 77.874 65.261 C 82.576 63.921 87.626 65.651 90.458 69.57 C 91.854 71.494 92.412 73.698 92.505 75.901 C 92.58 80.771 90.185 85.994 88.126 90.474 C 87.63 91.57 87.146 92.617 86.731 93.603 L 86.483 94.139 C 85.912 95.399 84.362 98.807 81.695 104.426 C 80.733 106.435 79.809 108.456 78.873 110.495 Z", fill: color }), jsxRuntime.jsx("path", { d: "M 383.476 104 L 391.198 102.247 C 391.359 102.21 391.632 102.149 391.954 102.046 C 396.388 100.879 399.083 96.476 398.051 92.087 L 398.02 91.953 C 397.765 90.941 397.319 89.986 396.705 89.135 C 395.841 88.058 394.771 87.156 393.555 86.481 C 392.123 85.68 390.625 85 389.077 84.448 L 380.611 81.41 C 375.86 79.675 371.109 77.989 366.308 76.339 C 363.201 75.256 360.565 74.3 358.276 73.6 C 357.841 73.482 357.409 73.352 356.98 73.211 C 354.214 72.383 352.266 72.036 350.623 72.023 C 349.524 71.983 348.43 72.179 347.416 72.596 C 346.357 73.046 345.406 73.709 344.625 74.544 C 344.238 74.975 343.874 75.426 343.534 75.895 C 342.873 76.891 342.328 77.957 341.909 79.073 C 340.336 83.632 339.552 88.418 339.589 93.232 C 339.62 97.578 339.738 103.16 342.175 106.946 C 342.765 107.92 343.552 108.76 344.489 109.412 C 346.226 110.586 347.975 110.745 349.804 110.872 C 352.533 111.061 355.169 110.41 357.805 109.807 L 383.457 103.994 Z M 469.625 63.769 C 467.517 59.427 464.683 55.462 461.239 52.039 C 460.795 51.604 460.318 51.201 459.813 50.834 C 459.347 50.49 458.862 50.171 458.362 49.878 C 457.846 49.601 457.316 49.351 456.774 49.129 C 455.703 48.716 454.555 48.529 453.406 48.581 C 452.308 48.642 451.235 48.947 450.262 49.452 C 448.792 50.17 447.198 51.327 445.077 53.256 C 444.785 53.543 444.419 53.865 444.084 54.17 C 442.341 55.783 440.394 57.773 438.08 60.086 C 434.502 63.635 430.985 67.202 427.481 70.8 L 421.217 77.179 C 420.073 78.343 419.031 79.599 418.103 80.935 C 417.308 82.066 416.746 83.337 416.447 84.679 C 416.279 85.71 416.305 86.762 416.521 87.783 L 416.552 87.917 C 417.581 92.302 421.962 95.1 426.464 94.248 C 426.724 94.212 426.983 94.163 427.239 94.102 L 460.619 86.529 C 463.255 85.933 465.922 85.385 468.285 84.034 C 469.873 83.139 471.38 82.244 472.416 80.442 C 472.968 79.45 473.301 78.355 473.396 77.228 C 473.911 72.76 471.535 67.689 469.625 63.769 Z M 409.866 77.545 C 412.285 74.562 412.285 70.118 412.496 66.478 C 413.228 54.334 413.991 42.19 414.605 30.04 C 414.834 25.438 415.337 20.897 415.058 16.258 C 414.828 12.435 414.803 8.04 412.341 4.899 C 408 -0.64 398.734 -0.184 392.413 0.681 C 390.464 0.945 388.528 1.303 386.614 1.752 C 384.692 2.203 382.781 2.696 380.921 3.286 C 374.855 5.234 366.327 8.813 364.888 15.674 C 364.069 19.551 366.004 23.514 367.493 27.057 C 369.31 31.342 371.785 35.208 374.042 39.244 C 380.015 49.902 386.093 60.5 392.153 71.104 C 393.97 74.27 395.936 78.275 399.441 79.919 C 399.676 80.016 399.912 80.101 400.154 80.18 C 401.723 80.765 403.441 80.874 405.072 80.503 L 405.364 80.442 C 406.877 80.034 408.242 79.225 409.314 78.111 C 409.513 77.928 409.693 77.746 409.873 77.545 Z M 406.97 110.057 C 405.033 107.383 401.564 106.236 398.374 107.214 C 398.008 107.332 397.651 107.477 397.307 107.646 C 396.774 107.913 396.266 108.225 395.787 108.578 C 394.422 109.633 393.202 110.859 392.159 112.224 C 391.892 112.559 391.644 113.003 391.322 113.295 L 385.951 120.539 C 382.912 124.605 379.904 128.678 376.933 132.811 C 374.985 135.483 373.311 137.742 371.977 139.732 C 371.729 140.11 371.469 140.524 371.233 140.864 C 369.639 143.275 368.74 145.04 368.274 146.611 C 367.927 147.654 367.817 148.76 367.952 149.849 C 368.101 150.981 368.491 152.071 369.093 153.051 C 369.416 153.538 369.763 154.013 370.135 154.469 C 370.939 155.378 371.844 156.194 372.833 156.904 C 376.542 159.437 380.598 161.257 384.865 162.663 C 388.419 163.82 392.11 164.513 395.843 164.72 C 396.482 164.751 397.121 164.739 397.754 164.684 C 398.34 164.63 398.924 164.549 399.503 164.44 C 400.082 164.308 400.653 164.146 401.214 163.953 C 402.306 163.552 403.299 162.93 404.129 162.127 C 404.917 161.354 405.525 160.423 405.903 159.394 C 406.523 157.872 406.933 155.949 407.206 153.088 C 407.224 152.68 407.286 152.193 407.33 151.748 C 407.541 149.374 407.64 146.574 407.789 143.299 C 408.055 138.253 408.26 133.231 408.421 128.197 L 408.769 119.236 C 408.849 117.179 408.781 114.89 408.198 112.839 C 407.942 111.853 407.527 110.914 406.97 110.057 Z M 467.584 124.076 C 466.468 122.864 464.88 121.665 462.374 120.18 C 462.015 119.979 461.587 119.717 461.196 119.486 C 459.112 118.25 456.6 116.96 453.667 115.395 C 449.158 112.96 444.649 110.599 440.09 108.249 L 432.046 104.061 C 431.63 103.939 431.208 103.647 430.811 103.458 C 429.265 102.683 427.622 102.108 425.924 101.748 C 425.339 101.637 424.746 101.576 424.15 101.565 C 423.765 101.563 423.379 101.585 422.997 101.632 C 419.693 102.133 417.091 104.659 416.546 107.896 C 416.428 108.9 416.466 109.917 416.664 110.903 C 417.055 113.009 418.01 115.085 419.002 116.905 L 423.294 124.812 C 425.688 129.268 428.107 133.7 430.588 138.119 C 432.188 140.998 433.522 143.464 434.768 145.509 C 435.004 145.893 435.271 146.306 435.475 146.666 C 436.995 149.119 438.211 150.665 439.445 151.779 C 441.109 153.35 443.402 154.109 445.697 153.849 C 446.287 153.778 446.873 153.676 447.452 153.544 C 448.638 153.232 449.785 152.789 450.869 152.223 C 454.134 150.427 457.143 148.217 459.819 145.649 C 463.032 142.545 465.873 139.16 468.081 135.288 C 468.391 134.741 468.651 134.175 468.874 133.584 C 469.082 133.043 469.262 132.493 469.414 131.934 C 469.544 131.362 469.643 130.79 469.712 130.212 C 469.823 129.075 469.69 127.928 469.321 126.845 C 468.957 125.806 468.364 124.859 467.584 124.07 Z", fill: color })] })),
+                name: 'slice logo',
+                svg: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: adjustedHeight, width: width, role: "img", "aria-label": "Slice Logo", viewBox: "0 0 285.92 146.69", children: [jsxRuntime.jsx("path", { fill: sliceBgColor, d: "M164.06,117.97c-37.96,8.95-75.71,43.62-109.5,21.42C-10.41,96.71,70.15,23.34,132.34,6.8c34.92-9.28,74.76-10.35,101.58,4.97,15.56,8.89,19.23,21.09,27.38,38.03,10.23,21.27-7.21,45.31-27.41,53.17l-69.83,14.99Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M16.45,69.27c2.56,0,4.83.75,6.19,2.41v2.87c0,20.52,9.36,29.58,19.47,29.58,5.73,0,10.26-5.28,10.26-12.98,0-4.98-.91-9.05-14.94-26.86-8-10.26-10.56-18.71-10.56-28.07C26.86,19.48,39.84,1.52,58.85,1.52c16.3,0,22.78,9.36,22.78,18.41,0,5.88-3.17,10.71-6.49,12.37-8-6.64-13.58-9.66-19.16-9.66-3.32,0-6.04,2.87-6.04,7.24,0,4.83,2.56,10.71,11.32,22.94,12.68,17.96,14.79,24.29,14.79,33.2,0,17.05-15.69,37.42-41.04,37.42C11.77,123.44,0,109.71,0,93.11c0-11.02,5.89-23.84,16.45-23.84Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M94,34.11C96.72,13.74,107.43,1.52,119.35,1.52c6.49,0,10.56,3.02,10.56,10.71,0,6.64-3.02,14.03-14.33,35.31-4.07,14.64-11.17,40.89-11.17,44.66,0,1.66.75,2.26,2.11,2.26,4.68,0,13.58-8.6,21.43-20.82,2.87,0,5.73,2.11,5.73,5.13,0,11.47-24.44,35.16-39.69,35.16-8.75,0-11.92-3.77-11.92-11.62,0-10.11,4.83-27.61,6.04-33.95,1.81-9.81,4.53-23.99,5.88-34.25Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M126.44,70.18c0-8.9,13.43-24.75,22.78-24.75,6.94,0,7.54,3.77,7.54,9.66,0,3.92-2.57,10.26-5.28,16.6-4.23,10.41-6.19,15.24-6.19,18.71,0,1.66.75,2.26,2.11,2.26,2.11,0,8.9-4.83,19.01-19.16,2.87,0,5.88,2.41,5.88,5.43,0,9.51-23.99,35.01-37.87,35.01-8.9,0-11.92-3.92-11.92-12.22,0-6.64,1.66-12.83,5.43-22.18-1.21-2.87-1.51-6.34-1.51-9.36ZM154.81,5.59c6.04,0,12.83,6.64,12.83,11.32,0,3.62-2.87,9.51-10.11,18.41-5.88,0-10.11-4.38-10.11-13.13,0-12.22,2.57-16.6,7.39-16.6Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M160.24,87.83c0-23.24,18.56-46.17,34.71-46.17,10.26,0,15.39,5.43,15.39,14.64,0,9.66-6.79,17.35-14.03,17.35-3.32,0-5.28-1.06-6.49-2.87,1.06-4.07,1.51-7.54,1.51-9.51,0-2.11-1.06-3.17-1.96-3.17-2.87,0-8.15,9.66-8.15,24.9,0,8.3,2.26,11.62,8.15,11.62,8.45,0,20.07-8.6,28.22-21.28,2.72,0,5.88,1.81,5.88,4.98,0,10.41-23.84,35.01-42.1,35.01-14.79,0-21.12-9.21-21.12-25.5Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M211.24,87.83c0-22.79,18.56-46.02,33.2-46.02,10.41,0,16.15,4.98,16.15,15.54,0,12.68-7.39,22.48-28.07,27.16,0,6.79,1.36,10.56,7.24,10.56,10.26,0,23.54-8.75,32.14-21.88,3.62.15,5.73,2.57,5.73,4.98,0,11.17-25.2,35.16-44.82,35.16-14.79,0-21.58-9.21-21.58-25.5ZM240.66,57.65c-2.11,0-6.19,5.13-7.24,15.69,8.45-1.51,10.26-6.19,10.26-10.71,0-3.17-1.21-4.98-3.02-4.98Z" }), jsxRuntime.jsx("path", { fill: sliceColor, d: "M283.49,29.46c1.62,1.62,2.43,3.57,2.43,5.86s-.83,4.34-2.49,5.95c-1.61,1.56-3.55,2.34-5.8,2.34s-4.3-.8-5.89-2.4c-1.6-1.6-2.4-3.56-2.4-5.89s.86-4.44,2.59-6.04c1.62-1.5,3.52-2.25,5.7-2.25s4.24.81,5.86,2.43ZM277.63,28.45c-1.9,0-3.53.69-4.87,2.07-1.32,1.35-1.98,2.95-1.98,4.8s.67,3.55,2.01,4.89c1.33,1.34,2.95,2.01,4.84,2.01s3.49-.68,4.83-2.02c1.33-1.36,2-2.98,2-4.88s-.66-3.45-1.99-4.8c-1.34-1.38-2.95-2.07-4.84-2.07ZM276.41,36.68v3.25h-2.41v-9.19c.57,0,1.42,0,2.56,0,1.14,0,1.77,0,1.9.02.73.05,1.33.21,1.81.47.82.45,1.23,1.18,1.23,2.19,0,.77-.22,1.33-.65,1.68s-.96.55-1.59.62c.58.12,1.01.3,1.3.53.54.44.81,1.12.81,2.06v.82c0,.09,0,.18.02.27.01.09.03.18.06.27l.08.26h-2.29c-.07-.29-.12-.72-.15-1.27-.02-.55-.07-.93-.15-1.13-.12-.32-.34-.55-.67-.67-.18-.07-.45-.12-.82-.15l-.53-.03h-.51ZM277.34,35.03c.56,0,1-.11,1.32-.34.32-.23.47-.59.47-1.09s-.25-.85-.74-1.05c-.33-.13-.8-.19-1.39-.19h-.58v2.67h.93Z" })] })),
             },
         ];
         const item = images.filter((data) => image === data.name);
-        return item ? item[0].svg : null;
-    }, [height, image, color]);
-    return jsxRuntime.jsx("div", { style: { display: 'inline' }, children: renderIcon });
+        return item[0] ? item[0].svg : null;
+    }, [adjustedHeight, width, image, color, sliceColor, sliceBgColor]);
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: divClass.trim(), style: Object.assign(Object.assign({}, divStyle), { display: 'inline', width: width !== null && width !== void 0 ? width : 'unset', height: adjustedHeight !== null && adjustedHeight !== void 0 ? adjustedHeight : 'unset' }) }, rest, { children: renderIcon })));
 }
 
-var css_248z$j = ".Overlay-module_overlay__QJZO- {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground-color: var(--overlay-color);\n\tz-index: 500;\n}\n";
-var css$j = {"overlay":"Overlay-module_overlay__QJZO-"};
-styleInject(css_248z$j);
+var css_248z$n = ".Overlay-module_overlay__QJZO- {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground-color: var(--overlay-color);\n\tz-index: 500;\n}\n";
+var css$l = {"overlay":"Overlay-module_overlay__QJZO-"};
+styleInject(css_248z$n);
 
 const Overlay = React.memo((props) => {
-    const { onClick = () => null, toggleOverlay = () => null, opacity = 0, color = 'rgb(0,0,0)', type = 'clear', global = false, overlay, } = props;
+    const { onClick = () => null, toggleOverlay = () => null, opacity = 0, color = 'rgb(0,0,0)', type = 'clear', global = false, overlay } = props, divAttributes = __rest(props, ["onClick", "toggleOverlay", "opacity", "color", "type", "global", "overlay"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const show = !global || (global && overlay);
     // Memoize computed opacity value
     const computedOpacity = React.useMemo(() => {
@@ -2640,12 +3380,12 @@ const Overlay = React.memo((props) => {
             '--overlay-color': color !== null && color !== void 0 ? color : 'rgb(0,0,0)',
         };
     }, [color]);
-    return (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: show && (jsxRuntime.jsx(react.motion.div, { className: css$j.overlay, style: cssVars, initial: { opacity: 0 }, animate: { opacity: computedOpacity }, exit: { opacity: 0 }, onClick: handleClick, onContextMenu: handleContextMenu })) }));
+    return (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: show && (jsxRuntime.jsx(react.motion.div, Object.assign({ id: divId, className: `${css$l.overlay}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), initial: { opacity: 0 }, animate: { opacity: computedOpacity }, exit: { opacity: 0 }, onClick: handleClick, onContextMenu: handleContextMenu }, rest))) }));
 });
 
-var css_248z$i = ".type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.FlexDiv-module_flexDiv__VNfVQ {\n}\n";
-var css$i = {"flexDiv":"FlexDiv-module_flexDiv__VNfVQ type-module_body-m-regular__Qtp5G"};
-styleInject(css_248z$i);
+var css_248z$m = ".type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.FlexDiv-module_flexDiv__VNfVQ {\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--flex-div-bg);\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--flex-div-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--flex-div-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t\tcursor: default;\n\t}\n}\n";
+var css$k = {"flexDiv":"FlexDiv-module_flexDiv__VNfVQ type-module_body-m-regular__Qtp5G"};
+styleInject(css_248z$m);
 
 // Extract helper functions outside component
 function setSize(style, isHeight) {
@@ -2676,7 +3416,9 @@ function setFlex(style) {
     return style;
 }
 const FlexDiv = React.memo(React.forwardRef((props, ref) => {
-    const { children, scrollY = false, scrollX = false, background = 'var(--core-surface-primary)', direction = 'column', alignItems = 'start', justify = 'start', height = 'viewport', width = 'fill', maxWidth = undefined, centerSelf = undefined, wrap = false, reverse = false, padding = 0, margin = 0, absolute = false, flex, gap, variants, transition, animate, enter, exit, border, className, } = props;
+    const { children, scrollY = false, scrollX = false, background = 'var(--core-surface-primary)', direction = 'column', alignItems = 'start', justify = 'start', height = 'fit', width = 'fill', maxWidth = undefined, centerSelf = undefined, wrap = false, reverse = false, padding = 0, margin = 0, absolute = false, flex, gap, variants, transition, animate, enter, exit, border, className, scrollHandle, scrollHandleHover } = props, divAttributes = __rest(props, ["children", "scrollY", "scrollX", "background", "direction", "alignItems", "justify", "height", "width", "maxWidth", "centerSelf", "wrap", "reverse", "padding", "margin", "absolute", "flex", "gap", "variants", "transition", "animate", "enter", "exit", "border", "className", "scrollHandle", "scrollHandleHover"]);
+    const { id: divId, style: userStyle } = divAttributes, rest = __rest(divAttributes, ["id", "style"]);
+    const wrapperStyle = (userStyle !== null && userStyle !== void 0 ? userStyle : {});
     // Memoize layout
     const style = React.useMemo(() => {
         return {
@@ -2700,8 +3442,13 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
             gap: gap ? `${gap}px` : 'unset',
             border: `${border !== null && border !== void 0 ? border : 'unset'}`,
             background: `${background !== null && background !== void 0 ? background : 'transparent'}`,
+            overflow: 'hidden',
             overflowY: `${scrollY ? 'auto' : 'unset'}`,
             overflowX: `${scrollX ? 'auto' : 'unset'}`,
+            color: 'var(--core-text-primary)',
+            '--flex-div-scroll-border': `${background !== null && background !== void 0 ? background : 'transparent'}`,
+            '--flex-div-scroll-handle': `${scrollHandle !== null && scrollHandle !== void 0 ? scrollHandle : 'var(--scroll-bar)'}`,
+            '--flex-div-scroll-handle-hover': `${scrollHandleHover !== null && scrollHandleHover !== void 0 ? scrollHandleHover : 'var(--scroll-bar-hover)'}`,
         };
     }, [
         absolute,
@@ -2722,45 +3469,16 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
         scrollX,
         centerSelf,
         maxWidth,
+        scrollHandle,
+        scrollHandleHover,
     ]);
-    return (jsxRuntime.jsx(react.motion.div, { ref: ref, className: `${css$i.flexDiv} ${className !== null && className !== void 0 ? className : ''}`, style: style, transition: transition, variants: variants, initial: enter, animate: animate, exit: exit, children: children }));
+    return (jsxRuntime.jsx(react.motion.div, Object.assign({ id: divId, ref: ref, className: `${css$k.flexDiv} ${className !== null && className !== void 0 ? className : ''}`, style: Object.assign(Object.assign({}, wrapperStyle), style), transition: transition, variants: variants, initial: enter, animate: animate, exit: exit }, rest, { children: children })));
 }));
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 const DoneCheck = React.memo((props) => {
     const theme = useTheme();
-    const { size = 88, stroke = 0.75, duration = 0.35, bounce = 0.7, delay = 0.5, color = theme.colors['feedback-positive'], didEnd = () => null, didStart = () => null, play = false, } = props;
+    const { size = 88, stroke = 0.75, duration = 0.35, bounce = 0.7, delay = 0.5, color = theme.current.colors['feedback-positive'], didEnd = () => null, didStart = () => null, play = false } = props, svgAttributes = __rest(props, ["size", "stroke", "duration", "bounce", "delay", "color", "didEnd", "didStart", "play"]);
+    const { id: svgId, className, style } = svgAttributes, rest = __rest(svgAttributes, ["id", "className", "style"]);
     const [check, animateCheck] = react.useAnimate();
     const [isPresent, safeToRemove] = react.usePresence();
     React.useEffect(() => {
@@ -2807,18 +3525,21 @@ const DoneCheck = React.memo((props) => {
         duration,
     ]);
     const checkMark = () => {
-        return (jsxRuntime.jsxs("svg", { ref: check, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, scale: 0.9, viewBox: "0 0 20 20", fill: "none", "aria-label": "Checkmark icon", children: [jsxRuntime.jsx("title", { children: "Checkmark" }), jsxRuntime.jsx("path", { d: "M 1 1 L 19 1 L 19 19 L 1 19 Z", fill: "transparent" }), jsxRuntime.jsx("path", { d: "M 10 2 C 14.418 2 18 5.582 18 10 C 18 14.418 14.418 18 10 18 C 5.582 18 2 14.418 2 10 C 2 5.582 5.582 2 10 2 Z", fill: "transparent", strokeWidth: stroke, stroke: color }), jsxRuntime.jsx("path", { d: "M 6.5 9.5 L 9 12 L 13.5 7.5", fill: "transparent", strokeWidth: stroke, stroke: color })] }));
+        return (jsxRuntime.jsxs("svg", Object.assign({ id: svgId, className: className, ref: check, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, scale: 0.9, viewBox: "0 0 20 20", fill: "none", style: (style !== null && style !== void 0 ? style : {}), "aria-label": "Checkmark icon" }, rest, { children: [jsxRuntime.jsx("title", { children: "Checkmark" }), jsxRuntime.jsx("path", { d: "M 1 1 L 19 1 L 19 19 L 1 19 Z", fill: "transparent" }), jsxRuntime.jsx("path", { d: "M 10 2 C 14.418 2 18 5.582 18 10 C 18 14.418 14.418 18 10 18 C 5.582 18 2 14.418 2 10 C 2 5.582 5.582 2 10 2 Z", fill: "transparent", strokeWidth: stroke, stroke: color }), jsxRuntime.jsx("path", { d: "M 6.5 9.5 L 9 12 L 13.5 7.5", fill: "transparent", strokeWidth: stroke, stroke: color })] })));
     };
     return checkMark();
 });
 
-var css_248z$h = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.ProgressIndicator-module_container__CZDPk {\n\tposition: var(--pi-position);\n\ttop: var(--pi-inset);\n\tbottom: var(--pi-inset);\n\tleft: var(--pi-inset);\n\tright: var(--pi-inset);\n\tcolor: var(--core-text-disabled);\n}\n\n.ProgressIndicator-module_iconWrapper__jPIBx {\n\tmin-width: var(--pi-icon-size);\n\tmax-width: var(--pi-icon-size);\n\tmax-height: var(--pi-icon-size);\n\tmin-height: var(--pi-icon-size);\n\theight: var(--pi-icon-size);\n\twidth: var(--pi-icon-size);\n\tpadding: 0;\n\tbackground: none;\n\tborder-radius: 100%;\n}\n";
-var css$h = {"container":"ProgressIndicator-module_container__CZDPk flexBox-module_column__MP2Xd"};
-styleInject(css_248z$h);
+var css_248z$l = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.ProgressIndicator-module_container__CZDPk {\n\tposition: var(--pi-position);\n\ttop: var(--pi-inset);\n\tbottom: var(--pi-inset);\n\tleft: var(--pi-inset);\n\tright: var(--pi-inset);\n\tcolor: var(--core-text-disabled);\n}\n\n.ProgressIndicator-module_iconWrapper__jPIBx {\n\tmin-width: var(--pi-icon-size);\n\tmax-width: var(--pi-icon-size);\n\tmax-height: var(--pi-icon-size);\n\tmin-height: var(--pi-icon-size);\n\theight: var(--pi-icon-size);\n\twidth: var(--pi-icon-size);\n\tpadding: 0;\n\tbackground: none;\n\tborder-radius: 100%;\n}\n";
+var css$j = {"container":"ProgressIndicator-module_container__CZDPk flexBox-module_column__MP2Xd"};
+styleInject(css_248z$l);
 
 function ProgressIndicator(props) {
     const theme = useTheme();
-    const { size = 20, secondsPerSpin = 1, show = false, color = theme.colors['core-icon-primary'], stroke = 1.5, inline = false, duration = undefined, didStart = () => null, didStop = () => null, } = props;
+    const { size = 20, secondsPerSpin = 1, show = false, color = theme.current.colors['core-icon-primary'], stroke = 1.5, inline = false, duration = undefined, didStart = () => null, didStop = () => null } = props, divAttributes = __rest(props, ["size", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [playing, setPlaying] = React.useState(show);
     const timer = React.useRef(null);
     React.useEffect(() => {
@@ -2851,7 +3572,7 @@ function ProgressIndicator(props) {
     const openCircle = React.useMemo(() => {
         return OpenCircle(size, secondsPerSpin, color, stroke, playing);
     }, [size, secondsPerSpin, color, stroke, playing]);
-    return (jsxRuntime.jsx(react.AnimatePresence, { initial: true, children: show && (jsxRuntime.jsx(react.motion.div, { className: css$h.container, style: cssVars, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: openCircle })) }));
+    return (jsxRuntime.jsx(react.AnimatePresence, { initial: true, children: show && (jsxRuntime.jsx(react.motion.div, Object.assign({ id: divId, className: `${css$j.container}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, rest, { children: openCircle }))) }));
 }
 const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = false) => {
     return (jsxRuntime.jsxs(react.motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", role: "img", "aria-label": "Loading spinner", transition: {
@@ -2862,13 +3583,16 @@ const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = false)
         }, animate: playing ? { rotate: 360 } : { rotate: 0 }, children: [jsxRuntime.jsx("title", { children: "Loading" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: "strokeFill", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 1 }), jsxRuntime.jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 1 }), jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })] }) }), jsxRuntime.jsx(react.motion.path, { d: "M 17.371 6.886 C 17.776 7.843 18 8.895 18 10 C 18 14.418 14.418 18 10 18 C 5.582 18 2 14.418 2 10 C 2 5.582 5.582 2 10 2", fill: "transparent", strokeWidth: stroke, stroke: 'url(#strokeFill)' })] }));
 };
 
-var css_248z$g = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UIButton-module_button__nAcQH {\n\tposition: relative;\n\tuser-select: none;\n\tmin-width: var(--ui-button-min-width);\n\t-webkit-user-select: none;\n}\n\n.UIButton-module_label__q4X-J {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\t&:hover {\n\t\ttext-decoration: var(--ui-button-decoration);\n\t}\n}\n\n.UIButton-module_count__AvZ7Z {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(10px) translateY(-2px);\n}\n\n.UIButton-module_m__6qPGY {\n}\n\n.UIButton-module_l__8Pu8o {\n}\n\n.UIButton-module_s__YShP1 {\n}\n";
-var css$g = {"button":"UIButton-module_button__nAcQH flexBox-module_row__PWxbe","label":"UIButton-module_label__q4X-J","count":"UIButton-module_count__AvZ7Z flexBox-module_row__PWxbe","m":"UIButton-module_m__6qPGY type-module_body-m-regular__Qtp5G","l":"UIButton-module_l__8Pu8o type-module_body-l-regular__Ar4d3","s":"UIButton-module_s__YShP1 type-module_body-s-regular__8-FO-"};
-styleInject(css_248z$g);
+var css_248z$k = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UIButton-module_button__nAcQH {\n\tposition: relative;\n\tuser-select: none;\n\tmin-width: var(--ui-button-min-width);\n\t-webkit-user-select: none;\n}\n\n.UIButton-module_label__q4X-J {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\t&:hover {\n\t\ttext-decoration: var(--ui-button-decoration);\n\t}\n}\n\n.UIButton-module_count__AvZ7Z {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(10px) translateY(-2px);\n}\n\n.UIButton-module_icon__An3R1 {\n\tmin-width: var(--ui-button-icon-size);\n\tmin-height: var(--ui-button-icon-size);\n\theight: var(--ui-button-icon-size);\n\twidth: var(--ui-button-icon-size);\n}\n\n.UIButton-module_m__6qPGY {\n}\n\n.UIButton-module_l__8Pu8o {\n}\n\n.UIButton-module_s__YShP1 {\n}\n";
+var css$i = {"button":"UIButton-module_button__nAcQH flexBox-module_row__PWxbe","label":"UIButton-module_label__q4X-J","count":"UIButton-module_count__AvZ7Z flexBox-module_row__PWxbe","icon":"UIButton-module_icon__An3R1 flexBox-module_row__PWxbe","m":"UIButton-module_m__6qPGY type-module_body-m-regular__Qtp5G","l":"UIButton-module_l__8Pu8o type-module_body-l-regular__Ar4d3","s":"UIButton-module_s__YShP1 type-module_body-s-regular__8-FO-"};
+styleInject(css_248z$k);
 
 const UIButtonComponent = React.forwardRef((props, buttonRef) => {
     const theme = useTheme();
-    const { size = 'medium', variant = 'outline', label = undefined, labelSize = 'm', iconRight = undefined, iconLeft = undefined, count = props.count === undefined ? undefined : Number(props.count), showDot = undefined, tooltip = undefined, round = false, state = 'normal', fill = false, iconSize = props.iconSize === undefined ? 20 : Number(props.iconSize), width = 'auto', underline = false, borderRadius = undefined, iconColor = undefined, bgColor = undefined, bgColorDisabled = undefined, labelColor = undefined, transition = undefined, variants = undefined, initial = undefined, animate = undefined, exit = undefined, paddingRight = undefined, paddingLeft = undefined, progress = false, working = false, duration = undefined, trigger = false, destructive = false, onClick = () => null, onToolTip = () => null, } = props;
+    const { size = 'medium', variant = 'outline', label = undefined, labelSize = 'm', iconRight = undefined, iconLeft = undefined, count = props.count === undefined ? undefined : Number(props.count), showDot = undefined, tooltip = undefined, round = false, state = 'normal', fill = false, iconSize = props.iconSize === undefined ? 20 : Number(props.iconSize), width = 'auto', underline = false, borderRadius = undefined, iconColor = undefined, bgColor = undefined, bgColorDisabled = undefined, labelColor = undefined, transition = undefined, variants = undefined, initial = undefined, animate = undefined, exit = undefined, paddingRight = undefined, paddingLeft = undefined, progress = false, working = false, duration = undefined, trigger = false, destructive = false, onClick = () => null, onToolTip = () => null } = props, divAttributes = __rest(props, ["size", "variant", "label", "labelSize", "iconRight", "iconLeft", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "bgColor", "bgColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "onClick", "onToolTip"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [btnState, setBtnState] = React.useState(state);
     const [btnWidth, setBtnWidth] = React.useState(undefined);
     const [playing, setPlaying] = React.useState(working);
@@ -2906,11 +3630,11 @@ const UIButtonComponent = React.forwardRef((props, buttonRef) => {
     // memo destructive check
     const destructiveColor = React.useCallback((icon) => {
         if (icon && variant === 'solid') {
-            return theme.colors['core-text-light'];
+            return theme.current.colors['core-text-light'];
         }
         if (destructive)
-            return theme.colors['feedback-warning'];
-        return theme.colors['core-text-primary'];
+            return theme.current.colors['feedback-warning'];
+        return theme.current.colors['core-text-primary'];
     }, [destructive, theme, variant]);
     // memo solid styles
     const solid = React.useMemo(() => {
@@ -2982,7 +3706,7 @@ const UIButtonComponent = React.forwardRef((props, buttonRef) => {
                 hover: labelColor ||
                     (destructive
                         ? 'var(--feedback-warning)'
-                        : 'var(--core-button-primary)'),
+                        : 'var(--core-text-special)'),
                 disabled: 'var(--core-text-disabled)',
             },
         };
@@ -3101,7 +3825,7 @@ const UIButtonComponent = React.forwardRef((props, buttonRef) => {
     const buttonStyle = React.useMemo(() => ({
         color: colorStyles[variant].color[btnState],
         background: fill
-            ? theme.colors['core-surface-primary']
+            ? theme.current.colors['core-surface-primary']
             : colorStyles[variant].background[state],
         paddingRight: paddingRight !== null && paddingRight !== void 0 ? paddingRight : sizingStyles[size].paddingRight,
         paddingLeft: paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : sizingStyles[size].paddingLeft,
@@ -3133,7 +3857,7 @@ const UIButtonComponent = React.forwardRef((props, buttonRef) => {
     const iconStrokeColor = React.useMemo(() => colorStyles[variant].iconColor[state], [colorStyles, variant, state]);
     // memo progress color
     const progressColor = React.useMemo(() => destructive
-        ? theme.colors['feedback-warning']
+        ? theme.current.colors['feedback-warning']
         : colorStyles[variant].color[btnState], [destructive, theme, colorStyles, variant, btnState]);
     const setStyle = React.useCallback((value) => {
         if (value === undefined)
@@ -3142,20 +3866,26 @@ const UIButtonComponent = React.forwardRef((props, buttonRef) => {
             return `${value}px`;
         return value;
     }, []);
+    const iconDivSize = React.useMemo(() => {
+        if (round)
+            return `${buttonStyle.minHeight}px`;
+        return iconSize ? setStyle(iconSize) : 'unset';
+    }, [round, iconSize, buttonStyle, setStyle]);
     const cssVars = React.useMemo(() => {
         return {
             '--ui-button-decoration': underline ? 'underline' : 'unset',
             '--ui-button-min-width': btnWidth ? setStyle(btnWidth) : 'unset',
+            '--ui-button-icon-size': iconDivSize,
         };
-    }, [underline, btnWidth, setStyle]);
-    return (jsxRuntime.jsxs(react.motion.div, { className: css$g.button, ref: ref, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: Object.assign(Object.assign({}, buttonStyle), cssVars), transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, onClick: handleClick, children: [!playing && iconLeft && (jsxRuntime.jsx(Icon, { name: iconLeft, size: sizingStyles[size].iconSize, strokeColor: iconStrokeColor, pointer: state !== 'disabled' })), playing && iconLeft && (jsxRuntime.jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true })), playing && !iconLeft && !iconRight && (jsxRuntime.jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: false })), shouldShowLabel && (jsxRuntime.jsx("div", { className: `${css$g.label} ${css$g[labelSize]}`, children: label })), playing && iconRight && (jsxRuntime.jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true })), !playing && iconRight && (jsxRuntime.jsx(Icon, { name: iconRight, size: sizingStyles[size].iconSize, strokeColor: iconStrokeColor, pointer: state !== 'disabled' })), jsxRuntime.jsx(Dot, { show: !playing && showDot }), !playing && count && (jsxRuntime.jsx("div", { className: css$g.count, children: jsxRuntime.jsx(Badge, { variant: 'light', count: Number(count) }) }))] }));
+    }, [underline, btnWidth, setStyle, iconDivSize]);
+    return (jsxRuntime.jsxs(react.motion.div, Object.assign({ id: divId, className: `${css$i.button}${divClass}`, ref: ref, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: Object.assign(Object.assign(Object.assign({}, divStyle), buttonStyle), cssVars), transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, onClick: handleClick }, rest, { children: [!playing && iconLeft && (jsxRuntime.jsx("div", { className: css$i.icon, children: jsxRuntime.jsx(Icon, { name: iconLeft, size: sizingStyles[size].iconSize, strokeColor: iconStrokeColor, pointer: state !== 'disabled' }) })), playing && iconLeft && (jsxRuntime.jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true })), playing && !iconLeft && !iconRight && (jsxRuntime.jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: false })), shouldShowLabel && (jsxRuntime.jsx("div", { className: `${css$i.label} ${css$i[labelSize]}`, children: label })), playing && iconRight && (jsxRuntime.jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true })), !playing && iconRight && (jsxRuntime.jsx("div", { className: css$i.icon, children: jsxRuntime.jsx(Icon, { name: iconRight, size: sizingStyles[size].iconSize, strokeColor: iconStrokeColor, pointer: state !== 'disabled' }) })), jsxRuntime.jsx(Dot, { show: !playing && showDot }), !playing && count && (jsxRuntime.jsx("div", { className: css$i.count, children: jsxRuntime.jsx(Badge, { variant: 'light', count: Number(count) }) }))] })));
 });
 UIButtonComponent.displayName = 'UIButton';
 const UIButton = React.memo(UIButtonComponent);
 
-var css_248z$f = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.ExcerptList-module_excerptList__1tvcr {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n\n.ExcerptList-module_excerptButton__A3ZJh {\n\talign-items: flex-start;\n\tpadding: 10px 16px 14px 12px;\n\tbackground: var(--core-surface-primary);\n\tborder: 1px solid var(--core-outline-primary);\n\tborder-radius: 24px;\n\tmin-height: 48px;\n\tcursor: default;\n}\n\n.ExcerptList-module_icon__E8d4K {\n\theight: 20px;\n\twidth: 20px;\n}\n\n.ExcerptList-module_content__TBPjX {\n\tmax-width: 300px;\n\tpadding: 0px 16px 0px 8px;\n\tgap: 4px;\n}\n\n.ExcerptList-module_label__xv7up {\n\tcolor: var(--core-text-primary);\n\tmax-width: 300px;\n\tline-height: 1.5em;\n\toverflow: hidden;\n\tword-break: normal;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.ExcerptList-module_type__i9e14 {\n\tpadding-top: 4px;\n\tcolor: var(--core-text-disabled);\n\tgap: 4px;\n}\n\n.ExcerptList-module_typeIcon__WwWEY {\n\theight: 16px;\n\twidth: 16px;\n\toverflow: hidden;\n}\n";
-var css$f = {"excerptList":"ExcerptList-module_excerptList__1tvcr flexBox-module_rowStart__nJZnW","excerptButton":"ExcerptList-module_excerptButton__A3ZJh flexBox-module_rowStart__nJZnW","icon":"ExcerptList-module_icon__E8d4K flexBox-module_row__PWxbe","content":"ExcerptList-module_content__TBPjX flexBox-module_columnStart__Kg8cV","label":"ExcerptList-module_label__xv7up type-module_body-m-regular__Qtp5G","type":"ExcerptList-module_type__i9e14 flexBox-module_rowStart__nJZnW type-module_body-xs-regular__QWEzl"};
-styleInject(css_248z$f);
+var css_248z$j = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.ExcerptList-module_excerptList__1tvcr {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n\n.ExcerptList-module_excerptButton__A3ZJh {\n\talign-items: flex-start;\n\tpadding: 10px 16px 14px 12px;\n\tbackground: var(--core-surface-primary);\n\tborder: 1px solid var(--core-outline-primary);\n\tborder-radius: 24px;\n\tmin-height: 48px;\n\tcursor: default;\n}\n\n.ExcerptList-module_icon__E8d4K {\n\theight: 20px;\n\twidth: 20px;\n}\n\n.ExcerptList-module_content__TBPjX {\n\tmax-width: 300px;\n\tpadding: 0px 16px 0px 8px;\n\tgap: 4px;\n}\n\n.ExcerptList-module_label__xv7up {\n\tcolor: var(--core-text-primary);\n\tmax-width: 300px;\n\tline-height: 1.5em;\n\toverflow: hidden;\n\tword-break: normal;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.ExcerptList-module_type__i9e14 {\n\tpadding-top: 4px;\n\tcolor: var(--core-text-disabled);\n\tgap: 4px;\n}\n\n.ExcerptList-module_typeIcon__WwWEY {\n\theight: 16px;\n\twidth: 16px;\n\toverflow: hidden;\n}\n";
+var css$h = {"excerptList":"ExcerptList-module_excerptList__1tvcr flexBox-module_rowStart__nJZnW","excerptButton":"ExcerptList-module_excerptButton__A3ZJh flexBox-module_rowStart__nJZnW","icon":"ExcerptList-module_icon__E8d4K flexBox-module_row__PWxbe","content":"ExcerptList-module_content__TBPjX flexBox-module_columnStart__Kg8cV","label":"ExcerptList-module_label__xv7up type-module_body-m-regular__Qtp5G","type":"ExcerptList-module_type__i9e14 flexBox-module_rowStart__nJZnW type-module_body-xs-regular__QWEzl"};
+styleInject(css_248z$j);
 
 const ExcerptList = React.memo(function ExcerptList(props) {
     const { excerpts = [], onChange = () => null, onToolTip = () => null, } = props;
@@ -3169,17 +3899,19 @@ const ExcerptList = React.memo(function ExcerptList(props) {
     }, [excerpts, onChange]);
     const excerptItems = React.useMemo(() => {
         return excerpts.map((excerpt, index) => {
-            return (jsxRuntime.jsxs("div", { className: css$f.excerptButton, children: [jsxRuntime.jsxs("div", { className: css$f.content, children: [jsxRuntime.jsxs("div", { className: css$f.type, children: [jsxRuntime.jsx(Icon, { name: "recent chats", size: 16, strokeColor: theme.colors['core-text-disabled'] }), excerpt.docTitle ? excerpt.docTitle : 'Document excerpt'] }), jsxRuntime.jsx("div", { className: css$f.label, children: excerpt.content })] }), jsxRuntime.jsx("div", { className: css$f.icon, children: jsxRuntime.jsx(IconButton, { icon: 'x', hover: false, toggle: false, frameSize: 20, iconSize: 20, onClick: (e) => {
+            return (jsxRuntime.jsxs("div", { className: css$h.excerptButton, children: [jsxRuntime.jsxs("div", { className: css$h.content, children: [jsxRuntime.jsxs("div", { className: css$h.type, children: [jsxRuntime.jsx(Icon, { name: "recent chats", size: 16, strokeColor: theme.current.colors['core-text-disabled'] }), excerpt.docTitle ? excerpt.docTitle : 'Document excerpt'] }), jsxRuntime.jsx("div", { className: css$h.label, children: excerpt.content })] }), jsxRuntime.jsx("div", { className: css$h.icon, children: jsxRuntime.jsx(IconButton, { icon: 'x', hover: false, toggle: false, frameSize: 20, iconSize: 20, onClick: (e) => {
                                 e.stopPropagation();
                                 handleRemoveFile(excerpt.content);
                             }, tooltip: 'remove excerpt', onToolTip: (tip) => onToolTip(tip) }) })] }, `${excerpt.content}-${index}`));
         });
-    }, [excerpts, theme.colors, onToolTip, handleRemoveFile]);
-    return (jsxRuntime.jsx("div", { className: css$f.excerptList, onKeyDown: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), children: excerptItems }));
+    }, [excerpts, theme.current.colors, onToolTip, handleRemoveFile]);
+    return (jsxRuntime.jsx("div", { className: css$h.excerptList, onKeyDown: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), children: excerptItems }));
 });
 
 const UIFileIcon = React.memo((props) => {
-    const { name = 'document', size = 20, pointer = false, disabled = false, onClick = () => null, } = props;
+    var _a, _b;
+    const { name = 'document', size = 20, pointer = false, disabled = false, onClick = () => null } = props, svgAttributes = __rest(props, ["name", "size", "pointer", "disabled", "onClick"]);
+    const { id: svgId, className, style } = svgAttributes, rest = __rest(svgAttributes, ["id", "className", "style"]);
     const theme = useTheme();
     const handleKeyDown = React.useCallback((e) => {
         if (e.key === 'Enter' || e.key === ' ') {
@@ -3193,19 +3925,19 @@ const UIFileIcon = React.memo((props) => {
                 name: 'pdf',
                 icon: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", style: {
                         cursor: disabled ? 'default' : pointer ? 'pointer' : 'inherit',
-                    }, onClick: (e) => onClick(e), onKeyDown: handleKeyDown, tabIndex: pointer ? 0 : -1, fill: "none", role: "img", "aria-label": "PDF document icon", children: [jsxRuntime.jsx("title", { children: "PDF document" }), jsxRuntime.jsx("path", { d: "M 4.5 19 L 15.5 19 C 16.328 19 17 18.328 17 17.5 L 17 5 L 14.5 5 C 13.672 5 13 4.328 13 3.5 L 13 1 L 4.5 1 C 3.672 1 3 1.672 3 2.5 L 3 17.5 C 3 18.328 3.672 19 4.5 19 Z", fill: "rgb(250,15,0)" }), jsxRuntime.jsx("path", { d: "M 5.516 9.416 L 7.237 9.416 C 7.485 9.416 7.7 9.464 7.884 9.56 C 8.068 9.654 8.21 9.788 8.309 9.96 C 8.409 10.133 8.458 10.334 8.458 10.563 C 8.458 10.79 8.408 10.99 8.309 11.164 C 8.209 11.338 8.067 11.474 7.882 11.572 C 7.682 11.673 7.461 11.723 7.237 11.718 L 6.502 11.718 L 6.502 13 L 5.516 13 Z M 7.069 10.932 C 7.175 10.937 7.278 10.902 7.359 10.834 C 7.432 10.764 7.471 10.665 7.467 10.564 C 7.467 10.446 7.431 10.357 7.359 10.294 C 7.277 10.229 7.174 10.196 7.069 10.202 L 6.502 10.202 L 6.502 10.932 Z M 8.836 9.416 L 10.248 9.416 C 10.618 9.416 10.941 9.489 11.214 9.636 C 11.489 9.781 11.701 9.988 11.849 10.258 C 11.997 10.527 12.071 10.843 12.071 11.208 C 12.071 11.573 11.997 11.89 11.849 12.16 C 11.704 12.426 11.483 12.643 11.214 12.783 C 10.915 12.934 10.583 13.008 10.248 13 L 8.836 13 Z M 10.223 12.214 C 10.389 12.214 10.533 12.174 10.653 12.097 C 10.778 12.013 10.875 11.894 10.931 11.755 C 11 11.581 11.034 11.395 11.029 11.208 C 11.034 11.022 11.001 10.837 10.931 10.664 C 10.875 10.524 10.778 10.403 10.653 10.319 C 10.524 10.239 10.375 10.198 10.223 10.202 L 9.823 10.202 L 9.823 12.214 Z M 12.53 9.416 L 15.182 9.416 L 15.182 10.202 L 13.517 10.202 L 13.517 10.759 L 14.715 10.759 L 14.715 11.545 L 13.517 11.545 L 13.517 13 L 12.53 13 Z", fill: theme.colors['core-icon-light'] }), jsxRuntime.jsx("path", { d: "M 13 1 L 15 3 L 17 5 L 14 5 C 13.448 5 13 4.552 13 4 Z", fill: theme.coreColors['brand-purple-300'] })] })),
+                    }, onClick: (e) => onClick(e), onKeyDown: handleKeyDown, tabIndex: pointer ? 0 : -1, fill: "none", role: "img", "aria-label": "PDF document icon", children: [jsxRuntime.jsx("title", { children: "PDF document" }), jsxRuntime.jsx("path", { d: "M 4.5 19 L 15.5 19 C 16.328 19 17 18.328 17 17.5 L 17 5 L 14.5 5 C 13.672 5 13 4.328 13 3.5 L 13 1 L 4.5 1 C 3.672 1 3 1.672 3 2.5 L 3 17.5 C 3 18.328 3.672 19 4.5 19 Z", fill: "rgb(250,15,0)" }), jsxRuntime.jsx("path", { d: "M 5.516 9.416 L 7.237 9.416 C 7.485 9.416 7.7 9.464 7.884 9.56 C 8.068 9.654 8.21 9.788 8.309 9.96 C 8.409 10.133 8.458 10.334 8.458 10.563 C 8.458 10.79 8.408 10.99 8.309 11.164 C 8.209 11.338 8.067 11.474 7.882 11.572 C 7.682 11.673 7.461 11.723 7.237 11.718 L 6.502 11.718 L 6.502 13 L 5.516 13 Z M 7.069 10.932 C 7.175 10.937 7.278 10.902 7.359 10.834 C 7.432 10.764 7.471 10.665 7.467 10.564 C 7.467 10.446 7.431 10.357 7.359 10.294 C 7.277 10.229 7.174 10.196 7.069 10.202 L 6.502 10.202 L 6.502 10.932 Z M 8.836 9.416 L 10.248 9.416 C 10.618 9.416 10.941 9.489 11.214 9.636 C 11.489 9.781 11.701 9.988 11.849 10.258 C 11.997 10.527 12.071 10.843 12.071 11.208 C 12.071 11.573 11.997 11.89 11.849 12.16 C 11.704 12.426 11.483 12.643 11.214 12.783 C 10.915 12.934 10.583 13.008 10.248 13 L 8.836 13 Z M 10.223 12.214 C 10.389 12.214 10.533 12.174 10.653 12.097 C 10.778 12.013 10.875 11.894 10.931 11.755 C 11 11.581 11.034 11.395 11.029 11.208 C 11.034 11.022 11.001 10.837 10.931 10.664 C 10.875 10.524 10.778 10.403 10.653 10.319 C 10.524 10.239 10.375 10.198 10.223 10.202 L 9.823 10.202 L 9.823 12.214 Z M 12.53 9.416 L 15.182 9.416 L 15.182 10.202 L 13.517 10.202 L 13.517 10.759 L 14.715 10.759 L 14.715 11.545 L 13.517 11.545 L 13.517 13 L 12.53 13 Z", fill: theme.current.colors['core-icon-light'] }), jsxRuntime.jsx("path", { d: "M 13 1 L 15 3 L 17 5 L 14 5 C 13.448 5 13 4.552 13 4 Z", fill: theme.current.coreColors['brand-purple-300'] })] })),
             },
             {
                 name: 'spreadsheet',
                 icon: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", style: {
                         cursor: disabled ? 'default' : pointer ? 'pointer' : 'inherit',
-                    }, onClick: (e) => onClick(e), onKeyDown: handleKeyDown, tabIndex: pointer ? 0 : -1, fill: "none", role: "img", "aria-label": "Spreadsheet document icon", children: [jsxRuntime.jsx("title", { children: "Spreadsheet document" }), jsxRuntime.jsx("path", { d: "M 4.5 19 L 15.5 19 C 16.328 19 17 18.328 17 17.5 L 17 5 L 14.5 5 C 13.672 5 13 4.328 13 3.5 L 13 1 L 4.5 1 C 3.672 1 3 1.672 3 2.5 L 3 17.5 C 3 18.328 3.672 19 4.5 19 Z", fill: theme.coreColors['brand-land-700'] }), jsxRuntime.jsx("path", { d: "M 5 8 L 11 8 L 11 9.5 L 5 9.5 Z M 12 8 L 15 8 L 15 9.5 L 12 9.5 Z M 5 11 L 11 11 L 11 12.5 L 5 12.5 Z M 12 11 L 15 11 L 15 12.5 L 12 12.5 Z M 5 14 L 11 14 L 11 15.5 L 5 15.5 Z M 12 14 L 15 14 L 15 15.5 L 12 15.5 Z", fill: theme.colors['core-icon-light'] }), jsxRuntime.jsx("path", { d: "M 13 1 L 15 3 L 17 5 L 14 5 C 13.448 5 13 4.552 13 4 Z", fill: theme.coreColors['brand-purple-300'] })] })),
+                    }, onClick: (e) => onClick(e), onKeyDown: handleKeyDown, tabIndex: pointer ? 0 : -1, fill: "none", role: "img", "aria-label": "Spreadsheet document icon", children: [jsxRuntime.jsx("title", { children: "Spreadsheet document" }), jsxRuntime.jsx("path", { d: "M 4.5 19 L 15.5 19 C 16.328 19 17 18.328 17 17.5 L 17 5 L 14.5 5 C 13.672 5 13 4.328 13 3.5 L 13 1 L 4.5 1 C 3.672 1 3 1.672 3 2.5 L 3 17.5 C 3 18.328 3.672 19 4.5 19 Z", fill: theme.current.coreColors['brand-land-700'] }), jsxRuntime.jsx("path", { d: "M 5 8 L 11 8 L 11 9.5 L 5 9.5 Z M 12 8 L 15 8 L 15 9.5 L 12 9.5 Z M 5 11 L 11 11 L 11 12.5 L 5 12.5 Z M 12 11 L 15 11 L 15 12.5 L 12 12.5 Z M 5 14 L 11 14 L 11 15.5 L 5 15.5 Z M 12 14 L 15 14 L 15 15.5 L 12 15.5 Z", fill: theme.current.colors['core-icon-light'] }), jsxRuntime.jsx("path", { d: "M 13 1 L 15 3 L 17 5 L 14 5 C 13.448 5 13 4.552 13 4 Z", fill: theme.current.coreColors['brand-purple-300'] })] })),
             },
             {
                 name: 'document',
                 icon: (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", style: {
                         cursor: disabled ? 'default' : pointer ? 'pointer' : 'inherit',
-                    }, onClick: (e) => onClick(e), onKeyDown: handleKeyDown, tabIndex: pointer ? 0 : -1, fill: "none", role: "img", "aria-label": "Document icon", children: [jsxRuntime.jsx("title", { children: "Document" }), jsxRuntime.jsx("path", { d: "M 4.5 19 L 15.5 19 C 16.328 19 17 18.328 17 17.5 L 17 5 L 14.5 5 C 13.672 5 13 4.328 13 3.5 L 13 1 L 4.5 1 C 3.672 1 3 1.672 3 2.5 L 3 17.5 C 3 18.328 3.672 19 4.5 19 Z", fill: theme.colors['core-badge-primary'] }), jsxRuntime.jsx("path", { d: "M 6 14 L 14 14 M 6 10 L 12 10", fill: "transparent", strokeWidth: "1.5", stroke: theme.colors['core-icon-light'], strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 13 1 L 15 3 L 17 5 L 14 5 C 13.448 5 13 4.552 13 4 Z", fill: theme.coreColors['brand-purple-300'] })] })),
+                    }, onClick: (e) => onClick(e), onKeyDown: handleKeyDown, tabIndex: pointer ? 0 : -1, fill: "none", role: "img", "aria-label": "Document icon", children: [jsxRuntime.jsx("title", { children: "Document" }), jsxRuntime.jsx("path", { d: "M 4.5 19 L 15.5 19 C 16.328 19 17 18.328 17 17.5 L 17 5 L 14.5 5 C 13.672 5 13 4.328 13 3.5 L 13 1 L 4.5 1 C 3.672 1 3 1.672 3 2.5 L 3 17.5 C 3 18.328 3.672 19 4.5 19 Z", fill: theme.current.colors['core-badge-primary'] }), jsxRuntime.jsx("path", { d: "M 6 14 L 14 14 M 6 10 L 12 10", fill: "transparent", strokeWidth: "1.5", stroke: theme.current.colors['core-icon-light'], strokeMiterlimit: "10", strokeDasharray: "" }), jsxRuntime.jsx("path", { d: "M 13 1 L 15 3 L 17 5 L 14 5 C 13.448 5 13 4.552 13 4 Z", fill: theme.current.coreColors['brand-purple-300'] })] })),
             },
         ];
     }, [size, disabled, onClick, pointer, theme, handleKeyDown]);
@@ -3213,8 +3945,10 @@ const UIFileIcon = React.memo((props) => {
     const svgElement = FileIcon.filter((icon) => {
         return icon.name.toLowerCase() === name.toLowerCase();
     });
-    if (svgElement.length > 0)
-        return svgElement[0].icon;
+    if (svgElement.length > 0) {
+        const iconNode = svgElement[0].icon;
+        return React.cloneElement(iconNode, Object.assign({ id: svgId, className, style: Object.assign(Object.assign({}, (style !== null && style !== void 0 ? style : {})), ((_b = (_a = iconNode.props) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : {})), onClick: (e) => onClick(e) }, rest));
+    }
     return null;
 });
 
@@ -3225,9 +3959,9 @@ var UIFileIcons;
     UIFileIcons["Spreadhseet"] = "spreadsheet";
 })(UIFileIcons || (UIFileIcons = {}));
 
-var css_248z$e = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_fileList__uw9o6 {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n\n.FileList-module_fileButton__XnXaN {\n\talign-items: flex-start;\n\tpadding: 10px 16px 14px 12px;\n\tbackground: var(--core-surface-primary);\n\tborder: 1px solid var(--core-outline-primary);\n\tborder-radius: 24px;\n\tmin-height: 48px;\n\tcursor: default;\n}\n\n.FileList-module_icon__fiu9M {\n\theight: 20px;\n\twidth: 20px;\n}\n\n.FileList-module_content__Kb8mh {\n\tmax-width: 300px;\n\tpadding: 0px 16px 0px 8px;\n\tgap: 4px;\n}\n\n.FileList-module_label__hoDXY {\n\tcolor: var(--core-text-primary);\n\tmax-width: 300px;\n\tline-height: 1.5em;\n\toverflow: hidden;\n\tword-break: normal;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_type__zOO2e {\n\tpadding-top: 4px;\n\tcolor: var(--core-text-disabled);\n\tgap: 4px;\n}\n\n.FileList-module_typeIcon__8SvkW {\n\theight: 16px;\n\twidth: 16px;\n\toverflow: hidden;\n}\n";
-var css$e = {"fileList":"FileList-module_fileList__uw9o6 flexBox-module_rowStart__nJZnW","fileButton":"FileList-module_fileButton__XnXaN flexBox-module_rowStart__nJZnW","icon":"FileList-module_icon__fiu9M flexBox-module_row__PWxbe","content":"FileList-module_content__Kb8mh flexBox-module_columnStart__Kg8cV","label":"FileList-module_label__hoDXY type-module_body-m-regular__Qtp5G","type":"FileList-module_type__zOO2e flexBox-module_rowStart__nJZnW type-module_body-xs-regular__QWEzl"};
-styleInject(css_248z$e);
+var css_248z$i = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_fileList__uw9o6 {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n\n.FileList-module_fileButton__XnXaN {\n\talign-items: flex-start;\n\tpadding: 10px 16px 14px 12px;\n\tbackground: var(--core-surface-primary);\n\tborder: 1px solid var(--core-outline-primary);\n\tborder-radius: 24px;\n\tmin-height: 48px;\n\tcursor: default;\n}\n\n.FileList-module_icon__fiu9M {\n\theight: 20px;\n\twidth: 20px;\n}\n\n.FileList-module_content__Kb8mh {\n\tmax-width: 300px;\n\tpadding: 0px 16px 0px 8px;\n\tgap: 4px;\n}\n\n.FileList-module_label__hoDXY {\n\tcolor: var(--core-text-primary);\n\tmax-width: 300px;\n\tline-height: 1.5em;\n\toverflow: hidden;\n\tword-break: normal;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_type__zOO2e {\n\tpadding-top: 4px;\n\tcolor: var(--core-text-disabled);\n\tgap: 4px;\n}\n\n.FileList-module_typeIcon__8SvkW {\n\theight: 16px;\n\twidth: 16px;\n\toverflow: hidden;\n}\n";
+var css$g = {"fileList":"FileList-module_fileList__uw9o6 flexBox-module_rowStart__nJZnW","fileButton":"FileList-module_fileButton__XnXaN flexBox-module_rowStart__nJZnW","icon":"FileList-module_icon__fiu9M flexBox-module_row__PWxbe","content":"FileList-module_content__Kb8mh flexBox-module_columnStart__Kg8cV","label":"FileList-module_label__hoDXY type-module_body-m-regular__Qtp5G","type":"FileList-module_type__zOO2e flexBox-module_rowStart__nJZnW type-module_body-xs-regular__QWEzl"};
+styleInject(css_248z$i);
 
 const FileList = React.memo(function FileList(props) {
     const { files = [], onChange = () => null, onToolTip = () => null } = props;
@@ -3272,14 +4006,14 @@ const FileList = React.memo(function FileList(props) {
         e.stopPropagation();
         handleRemoveFile(fileName);
     }, [handleRemoveFile]);
-    return (jsxRuntime.jsx("div", { className: css$e.fileList, children: files.map((file, index) => {
-            return (jsxRuntime.jsxs("div", { className: css$e.fileButton, children: [jsxRuntime.jsxs("div", { className: css$e.content, children: [jsxRuntime.jsxs("div", { className: css$e.type, children: [jsxRuntime.jsx(UIFileIcon, { name: fileIcon(file), size: 18 }), fileType(file)] }), jsxRuntime.jsx("div", { className: css$e.label, children: file.name })] }), jsxRuntime.jsx("div", { className: css$e.icon, children: jsxRuntime.jsx(IconButton, { icon: 'x', hover: false, toggle: false, frameSize: 20, iconSize: 20, onClick: (e) => handleRemoveClick(e, file.name), tooltip: 'remove file', onToolTip: (tip) => onToolTip(tip) }) })] }, `${file.name}-${index}`));
+    return (jsxRuntime.jsx("div", { className: css$g.fileList, children: files.map((file, index) => {
+            return (jsxRuntime.jsxs("div", { className: css$g.fileButton, children: [jsxRuntime.jsxs("div", { className: css$g.content, children: [jsxRuntime.jsxs("div", { className: css$g.type, children: [jsxRuntime.jsx(UIFileIcon, { name: fileIcon(file), size: 18 }), fileType(file)] }), jsxRuntime.jsx("div", { className: css$g.label, children: file.name })] }), jsxRuntime.jsx("div", { className: css$g.icon, children: jsxRuntime.jsx(IconButton, { icon: 'x', hover: false, toggle: false, frameSize: 20, iconSize: 20, onClick: (e) => handleRemoveClick(e, file.name), tooltip: 'remove file', onToolTip: (tip) => onToolTip(tip) }) })] }, `${file.name}-${index}`));
         }) }));
 });
 
-var css_248z$d = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UserList-module_promptList__M6-D9 {\n\twidth: 100%;\n\tgap: 8px;\n}\n\n@keyframes UserList-module_blink__695OA {\n\t0% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n.UserList-module_userPrompt__YyVU5 {\n\talign-items: flex-start;\n\tpadding: 10px 12px;\n\tborder-radius: 24px;\n\tbackground: var(--core-surface-primary);\n\tborder: 1px solid var(--core-outline-primary);\n\tcursor: default;\n}\n\n.UserList-module_avatar__WvAyh {\n\theight: 24px;\n\twidth: 24px;\n}\n\n.UserList-module_prompt__2on5a {\n\tflex: 1;\n\tpadding: 0px 16px 0px 8px;\n\tcolor: var(--core-text-tertiary);\n\tfont-weight: 380;\n\tline-height: 1.5em;\n\tmin-height: 24px;\n}\n\n.UserList-module_promptStrong__-2WPf {\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tline-height: inherit;\n\tcolor: var(--core-text-primary);\n}\n\n.UserList-module_promptParagraph__L6phk {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.UserList-module_control__iBmvg {\n\tborder-radius: 100%;\n\tborder: 1px solid var(--control-border-color);\n\theight: 24px;\n\twidth: 24px;\n\tcursor: pointer;\n}\n\n.UserList-module_cursor__xmRjh {\n\tdisplay: block;\n\tbackground: var(--cursor-background);\n\tmin-width: 0.5em;\n\tmin-height: 0.5em;\n\twidth: 0.5em;\n\theight: 0.5em;\n\tborder-radius: var(--cursor-border-radius);\n\tanimation: var(--cursor-animation);\n}\n";
-var css$d = {"promptList":"UserList-module_promptList__M6-D9 flexBox-module_columnStart__Kg8cV","userPrompt":"UserList-module_userPrompt__YyVU5 flexBox-module_rowStart__nJZnW","avatar":"UserList-module_avatar__WvAyh flexBox-module_row__PWxbe","prompt":"UserList-module_prompt__2on5a flexBox-module_rowStart__nJZnW type-module_body-s-regular__8-FO-","promptStrong":"UserList-module_promptStrong__-2WPf","promptParagraph":"UserList-module_promptParagraph__L6phk","control":"UserList-module_control__iBmvg flexBox-module_row__PWxbe","cursor":"UserList-module_cursor__xmRjh"};
-styleInject(css_248z$d);
+var css_248z$h = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UserList-module_promptList__M6-D9 {\n\twidth: 100%;\n\tgap: 8px;\n}\n\n@keyframes UserList-module_blink__695OA {\n\t0% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n.UserList-module_userPrompt__YyVU5 {\n\talign-items: flex-start;\n\tpadding: 10px 12px;\n\tborder-radius: 24px;\n\tbackground: var(--core-surface-primary);\n\tborder: 1px solid var(--core-outline-primary);\n\tcursor: default;\n}\n\n.UserList-module_avatar__WvAyh {\n\theight: 24px;\n\twidth: 24px;\n}\n\n.UserList-module_prompt__2on5a {\n\tflex: 1;\n\tpadding: 0px 16px 0px 8px;\n\tcolor: var(--core-text-tertiary);\n\tfont-weight: 380;\n\tline-height: 1.5em;\n\tmin-height: 24px;\n}\n\n.UserList-module_promptStrong__-2WPf {\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tline-height: inherit;\n\tcolor: var(--core-text-primary);\n}\n\n.UserList-module_promptParagraph__L6phk {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.UserList-module_control__iBmvg {\n\tborder-radius: 100%;\n\tborder: 1px solid var(--control-border-color);\n\theight: 24px;\n\twidth: 24px;\n\tcursor: pointer;\n}\n\n.UserList-module_cursor__xmRjh {\n\tdisplay: block;\n\tbackground: var(--cursor-background);\n\tmin-width: 0.5em;\n\tmin-height: 0.5em;\n\twidth: 0.5em;\n\theight: 0.5em;\n\tborder-radius: var(--cursor-border-radius);\n\tanimation: var(--cursor-animation);\n}\n";
+var css$f = {"promptList":"UserList-module_promptList__M6-D9 flexBox-module_columnStart__Kg8cV","userPrompt":"UserList-module_userPrompt__YyVU5 flexBox-module_rowStart__nJZnW","avatar":"UserList-module_avatar__WvAyh flexBox-module_row__PWxbe","prompt":"UserList-module_prompt__2on5a flexBox-module_rowStart__nJZnW type-module_body-s-regular__8-FO-","promptStrong":"UserList-module_promptStrong__-2WPf","promptParagraph":"UserList-module_promptParagraph__L6phk","control":"UserList-module_control__iBmvg flexBox-module_row__PWxbe","cursor":"UserList-module_cursor__xmRjh"};
+styleInject(css_248z$h);
 
 var PrompState;
 (function (PrompState) {
@@ -3314,14 +4048,14 @@ function UserListComponent(props) {
     }, [currentUser, owner, onTogglePrompt]);
     const getCssVars = React.useCallback((enabled) => ({
         '--control-border-color': enabled
-            ? theme.colors['core-outline-primary']
-            : theme.colors['feedback-warning'],
+            ? theme.current.colors['core-outline-primary']
+            : theme.current.colors['feedback-warning'],
         '--cursor-background': enabled
-            ? theme.colors['core-icon-primary']
-            : theme.colors['feedback-warning'],
+            ? theme.current.colors['core-icon-primary']
+            : theme.current.colors['feedback-warning'],
         '--cursor-border-radius': enabled ? '100px' : '2px',
         '--cursor-animation': enabled ? 'blink 2s infinite' : 'none',
-    }), [theme.colors]);
+    }), [theme.current.colors]);
     const renderedUserList = React.useMemo(() => userList.map((user, index) => {
         if (user.id === presenceID)
             return null;
@@ -3329,11 +4063,11 @@ function UserListComponent(props) {
             return null;
         const enabled = user.promptState !== PrompState.Disabled;
         const cssVars = getCssVars(enabled);
-        return (jsxRuntime.jsxs("div", { className: css$d.userPrompt, onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [jsxRuntime.jsx("div", { className: css$d.avatar, children: jsxRuntime.jsx(Avatar, { size: 20, first: user.first, last: user.last, image: user.avatar, bgColor: user.bgColor, color: user.color, border: 0 }) }), jsxRuntime.jsx("div", { className: css$d.prompt, children: jsxRuntime.jsxs("p", { className: css$d.promptParagraph, children: [jsxRuntime.jsxs("strong", { className: css$d.promptStrong, children: [user.first, ":"] }), ' ', user.promptContent] }) }), currentUser === owner &&
+        return (jsxRuntime.jsxs("div", { className: css$f.userPrompt, onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [jsxRuntime.jsx("div", { className: css$f.avatar, children: jsxRuntime.jsx(Avatar, { size: 20, first: user.first, last: user.last, image: user.avatar, bgColor: user.bgColor, color: user.color, border: 0 }) }), jsxRuntime.jsx("div", { className: css$f.prompt, children: jsxRuntime.jsxs("p", { className: css$f.promptParagraph, children: [jsxRuntime.jsxs("strong", { className: css$f.promptStrong, children: [user.first, ":"] }), ' ', user.promptContent] }) }), currentUser === owner &&
                     currentUser !== user.email &&
-                    user.promptContent !== '' && (jsxRuntime.jsx("div", { className: css$d.control, style: cssVars, role: 'button', "aria-label": 'Stop/Play', onKeyDown: () => handleTogglePrompt(user), onClick: () => handleTogglePrompt(user), tabIndex: 0, children: jsxRuntime.jsx("span", { className: css$d.cursor }) }))] }, `${user.email}-${index}`));
+                    user.promptContent !== '' && (jsxRuntime.jsx("div", { className: css$f.control, style: cssVars, role: 'button', "aria-label": 'Stop/Play', onKeyDown: () => handleTogglePrompt(user), onClick: () => handleTogglePrompt(user), tabIndex: 0, children: jsxRuntime.jsx("span", { className: css$f.cursor }) }))] }, `${user.email}-${index}`));
     }), [userList, presenceID, currentUser, owner, getCssVars, handleTogglePrompt]);
-    return jsxRuntime.jsx("div", { className: css$d.promptList, children: renderedUserList });
+    return jsxRuntime.jsx("div", { className: css$f.promptList, children: renderedUserList });
 }
 const UserList = React.memo(UserListComponent);
 
@@ -3357,13 +4091,16 @@ var Role;
     Role["SYSTEM"] = "system";
 })(Role || (Role = {}));
 
-var css_248z$c = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.MessageInput-module_wrapper__CDukE {\n\talign-self: center;\n\twidth: 100%;\n\tmin-width: 300px;\n\toverflow: visible;\n\toverflow-y: hidden;\n\tpadding: var(--wrapper-padding);\n\tborder-radius: 16px;\n\tbackground: var(--core-surface-primary);\n\tbox-shadow: var(--wrapper-shadow);\n\toutline: none;\n\ttransition: all 0.3s ease-in-out 0s;\n}\n\n.MessageInput-module_wrapper__CDukE.MessageInput-module_focused__DTxPV {\n\tbox-shadow: var(--wrapper-shadow-focused);\n}\n\n.MessageInput-module_textarea__p5ot8 {\n\twidth: 100%;\n\toverflow-y: hidden;\n\tresize: none;\n\tborder: 0;\n\toutline: none;\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tpadding: 0 0 5px;\n}\n\n.MessageInput-module_textarea__p5ot8::placeholder {\n\tcolor: var(--core-text-disabled);\n}\n\n.MessageInput-module_buttonRow__cbSNm {\n\twidth: 100%;\n\tpadding: 0;\n}\n\n.MessageInput-module_actionButtons__mtfoV {\n\tcolor: var(--core-text-disabled);\n\tz-index: 1;\n\tgap: 12px;\n}\n\n.MessageInput-module_send__UksvP {\n\tposition: relative;\n}\n\n.MessageInput-module_inputWrapper__sB-l0 {\n\talign-items: flex-end;\n\twidth: 100%;\n\tpadding: var(--input-wrapper-padding);\n}\n";
-var css$c = {"wrapper":"MessageInput-module_wrapper__CDukE flexBox-module_columnEnd__u2nwI","textarea":"MessageInput-module_textarea__p5ot8 type-module_body-m-regular__Qtp5G","buttonRow":"MessageInput-module_buttonRow__cbSNm flexBox-module_rowBetween__27lKK","actionButtons":"MessageInput-module_actionButtons__mtfoV flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","send":"MessageInput-module_send__UksvP flexBox-module_row__PWxbe","inputWrapper":"MessageInput-module_inputWrapper__sB-l0 flexBox-module_columnEnd__u2nwI"};
-styleInject(css_248z$c);
+var css_248z$g = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.MessageInput-module_wrapper__CDukE {\n\talign-self: center;\n\twidth: 100%;\n\tmin-width: 300px;\n\toverflow: visible;\n\toverflow-y: hidden;\n\tpadding: var(--wrapper-padding);\n\tborder-radius: 16px;\n\tbackground: var(--core-surface-primary);\n\tbox-shadow: var(--wrapper-shadow);\n\toutline: none;\n\ttransition: all 0.3s ease-in-out 0s;\n}\n\n.MessageInput-module_wrapper__CDukE.MessageInput-module_focused__DTxPV {\n\tbox-shadow: var(--wrapper-shadow-focused);\n}\n\n.MessageInput-module_textarea__p5ot8 {\n\twidth: 100%;\n\toverflow-y: hidden;\n\tresize: none;\n\tborder: 0;\n\toutline: none;\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tpadding: 0 0 5px;\n}\n\n.MessageInput-module_textarea__p5ot8::placeholder {\n\tcolor: var(--core-text-disabled);\n}\n\n.MessageInput-module_buttonRow__cbSNm {\n\twidth: 100%;\n\tpadding: 0;\n}\n\n.MessageInput-module_actionButtons__mtfoV {\n\tcolor: var(--core-text-disabled);\n\tz-index: 1;\n\tgap: 12px;\n}\n\n.MessageInput-module_send__UksvP {\n\tposition: relative;\n}\n\n.MessageInput-module_inputWrapper__sB-l0 {\n\talign-items: flex-end;\n\twidth: 100%;\n\tpadding: var(--input-wrapper-padding);\n}\n";
+var css$e = {"wrapper":"MessageInput-module_wrapper__CDukE flexBox-module_columnEnd__u2nwI","textarea":"MessageInput-module_textarea__p5ot8 type-module_body-m-regular__Qtp5G","buttonRow":"MessageInput-module_buttonRow__cbSNm flexBox-module_rowBetween__27lKK","actionButtons":"MessageInput-module_actionButtons__mtfoV flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","send":"MessageInput-module_send__UksvP flexBox-module_row__PWxbe","inputWrapper":"MessageInput-module_inputWrapper__sB-l0 flexBox-module_columnEnd__u2nwI"};
+styleInject(css_248z$g);
 
 function MessageInput(props) {
     var _a, _b, _c, _d;
-    const { maxHeight = 300, focused = false, error = null, value = '', placeholder = 'Ask me anytning HR compliance', isStreaming = false, isFetching = false, isShort = true, jurisdiction = null, files = [], excerpts = [], users = [], currentUser, presenceID, owner, jurisdictionClick = () => null, attachClick = () => null, onChangeFiles = () => null, onChangeExcerpts = () => null, onTogglePrompt = () => null, onChange = () => null, onBlur = () => null, onFocus = () => null, onStop = () => null, onSend = () => null, onToolTip = () => null, } = props;
+    const { maxHeight = 300, focused = false, error = null, value = '', placeholder = 'Ask me anytning HR compliance', isStreaming = false, isFetching = false, isShort = true, jurisdiction = null, files = [], excerpts = [], users = [], currentUser, presenceID, owner, jurisdictionClick = () => null, attachClick = () => null, onChangeFiles = () => null, onChangeExcerpts = () => null, onTogglePrompt = () => null, onChange = () => null, onBlur = () => null, onFocus = () => null, onStop = () => null, onSend = () => null, onToolTip = () => null } = props, divAttributes = __rest(props, ["maxHeight", "focused", "error", "value", "placeholder", "isStreaming", "isFetching", "isShort", "jurisdiction", "files", "excerpts", "users", "currentUser", "presenceID", "owner", "jurisdictionClick", "attachClick", "onChangeFiles", "onChangeExcerpts", "onTogglePrompt", "onChange", "onBlur", "onFocus", "onStop", "onSend", "onToolTip"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const theme = useTheme();
     const ref = React.useRef(null);
     const wrapperRef = React.useRef(null);
@@ -3484,15 +4221,21 @@ function MessageInput(props) {
     const iconColor = React.useCallback(() => {
         var _a, _b, _c, _d;
         if (isFetching || isStreaming) {
-            if (theme.name === 'lightMode')
-                return (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a['core-text-light'];
-            return (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b['core-surface-primary'];
+            if (theme.current.name === 'lightMode')
+                return (_a = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _a === void 0 ? void 0 : _a['core-text-light'];
+            return (_b = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _b === void 0 ? void 0 : _b['core-surface-primary'];
         }
         if (message === '') {
-            return (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c['core-surface-secondary'];
+            return (_c = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _c === void 0 ? void 0 : _c['core-surface-secondary'];
         }
-        return (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d['core-text-light'];
-    }, [isFetching, isStreaming, theme.name, theme === null || theme === void 0 ? void 0 : theme.colors, message]);
+        return (_d = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _d === void 0 ? void 0 : _d['core-text-light'];
+    }, [
+        isFetching,
+        isStreaming,
+        theme.current.name,
+        theme === null || theme === void 0 ? void 0 : theme.current.colors,
+        message,
+    ]);
     const handleUpload = React.useCallback((e, type) => {
         e === null || e === void 0 ? void 0 : e.preventDefault();
         e === null || e === void 0 ? void 0 : e.stopPropagation();
@@ -3549,29 +4292,32 @@ function MessageInput(props) {
                 : '4px 4px 16px 4px',
         };
     }, [isShort]);
-    const wrapperClassName = [css$c.wrapper, isFocused ? 'focused' : '']
+    const wrapperClassName = [css$e.wrapper, isFocused ? 'focused' : '']
         .filter(Boolean)
         .join(' ');
-    return (jsxRuntime.jsxs("div", { className: wrapperClassName, style: cssVars, onKeyDown: () => null, onClick: () => {
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${wrapperClassName}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onKeyDown: () => null, onClick: () => {
             if (!isFocused)
                 setFocus();
-        }, ref: wrapperRef, children: [jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: excerpts.length > 0 && (jsxRuntime.jsx(ExcerptList, { excerpts: excerpts, onChange: (excerpts) => onChangeExcerpts(excerpts), onToolTip: (tip) => onToolTip(tip) })) }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: files.length > 0 && (jsxRuntime.jsx(FileList, { files: files, onChange: (items) => onChangeFiles(items), onToolTip: (tip) => onToolTip(tip) })) }), jsxRuntime.jsx("div", { className: css$c.inputWrapper, style: cssVars, children: jsxRuntime.jsx("textarea", { id: 'messageInput', name: 'messageInput', className: css$c.textarea, ref: ref, value: message, onChange: ({ target }) => handleChange(target.value), onInput: () => resetHeight(), onKeyDown: (e) => handleKeyDown(e), placeholder: placeholder, disabled: isStreaming, onFocus: () => setFocus(), onBlur: () => setBlur(), rows: 1 }) }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: users.length > 0 && (jsxRuntime.jsx(UserList, { userPresence: users, owner: owner, currentUser: currentUser, presenceID: presenceID, onTogglePrompt: (presence) => onTogglePrompt(presence), onToolTip: (tip) => onToolTip(tip) })) }), jsxRuntime.jsxs("div", { className: css$c.buttonRow, children: [jsxRuntime.jsxs("div", { className: css$c.actionButtons, children: [jsxRuntime.jsx(UIButton, { variant: 'outline', iconLeft: 'plus', tooltip: 'Attach file', onClick: (e) => handleUpload(e, PromptType.file), size: 'medium', iconColor: theme.colors['core-icon-primary'], round: true, onToolTip: (tip) => onToolTip(tip) }), jsxRuntime.jsx(UIButton, { paddingRight: 18, paddingLeft: 8, variant: 'outline', label: `Focus: ${setJurisdiction()}`, tooltip: 'Jurisdication Focus', onClick: (_e) => jurisdictionClick(), iconLeft: 'focus', size: 'medium', iconColor: theme.colors['core-icon-primary'], labelColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a['core-text-secondary'], onToolTip: (tip) => onToolTip(tip) })] }), jsxRuntime.jsx("div", { className: css$c.send, children: jsxRuntime.jsx(UIButton, { variant: 'solid', iconLeft: isStreaming ? 'stop' : 'arrow up', bgColorDisabled: (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b['core-badge-secondary'], bgColor: isFetching || isStreaming
-                                ? (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c['core-text-primary']
-                                : (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d['core-button-primary'], iconColor: iconColor(), state: setDisabled(), size: 'medium', progress: true, working: working(), round: true, onClick: (e) => {
+        }, ref: wrapperRef }, rest, { children: [jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: excerpts.length > 0 && (jsxRuntime.jsx(ExcerptList, { excerpts: excerpts, onChange: (excerpts) => onChangeExcerpts(excerpts), onToolTip: (tip) => onToolTip(tip) })) }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: files.length > 0 && (jsxRuntime.jsx(FileList, { files: files, onChange: (items) => onChangeFiles(items), onToolTip: (tip) => onToolTip(tip) })) }), jsxRuntime.jsx("div", { className: css$e.inputWrapper, style: cssVars, children: jsxRuntime.jsx("textarea", { id: 'messageInput', name: 'messageInput', className: css$e.textarea, ref: ref, value: message, onChange: ({ target }) => handleChange(target.value), onInput: () => resetHeight(), onKeyDown: (e) => handleKeyDown(e), placeholder: placeholder, disabled: isStreaming, onFocus: () => setFocus(), onBlur: () => setBlur(), rows: 1 }) }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: users.length > 0 && (jsxRuntime.jsx(UserList, { userPresence: users, owner: owner, currentUser: currentUser, presenceID: presenceID, onTogglePrompt: (presence) => onTogglePrompt(presence), onToolTip: (tip) => onToolTip(tip) })) }), jsxRuntime.jsxs("div", { className: css$e.buttonRow, children: [jsxRuntime.jsxs("div", { className: css$e.actionButtons, children: [jsxRuntime.jsx(UIButton, { variant: 'outline', iconLeft: 'plus', tooltip: 'Attach file', onClick: (e) => handleUpload(e, PromptType.file), size: 'medium', iconColor: theme.current.colors['core-icon-primary'], round: true, onToolTip: (tip) => onToolTip(tip) }), jsxRuntime.jsx(UIButton, { paddingRight: 18, paddingLeft: 8, variant: 'outline', label: `Focus: ${setJurisdiction()}`, tooltip: 'Jurisdication Focus', onClick: (_e) => jurisdictionClick(), iconLeft: 'focus', size: 'medium', iconColor: theme.current.colors['core-icon-primary'], labelColor: (_a = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _a === void 0 ? void 0 : _a['core-text-secondary'], onToolTip: (tip) => onToolTip(tip) })] }), jsxRuntime.jsx("div", { className: css$e.send, children: jsxRuntime.jsx(UIButton, { variant: 'solid', iconLeft: isStreaming ? 'stop' : 'arrow up', bgColorDisabled: (_b = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _b === void 0 ? void 0 : _b['core-badge-secondary'], bgColor: isFetching || isStreaming
+                                ? (_c = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _c === void 0 ? void 0 : _c['core-text-primary']
+                                : (_d = theme === null || theme === void 0 ? void 0 : theme.current.colors) === null || _d === void 0 ? void 0 : _d['core-button-primary'], iconColor: iconColor(), state: setDisabled(), size: 'medium', progress: true, working: working(), round: true, onClick: (e) => {
                                 if (isStreaming)
                                     handleStop(e);
                                 if (isFetching)
                                     return;
                                 doSubmit(e);
-                            }, tooltip: toolTip(), onToolTip: (tip) => onToolTip(tip) }) })] })] }));
+                            }, tooltip: toolTip(), onToolTip: (tip) => onToolTip(tip) }) })] })] })));
 }
 
-var css_248z$b = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Pager-module_wrapper__L8AZG {\n\tgap: var(--pager-gap);\n\twidth: 100%;\n}\n\n.Pager-module_bullet__tj-vE {\n\twidth: var(--pager-size);\n\theight: var(--pager-size);\n\tmax-width: var(--pager-size);\n\tmax-height: var(--pager-size);\n\tbackground: var(--pager-color);\n\tborder-radius: 100%;\n\tborder: 0;\n\tcursor: pointer;\n\ttransition: background 0.25s ease-in-out 0s;\n\t&:hover {\n\t\tbackground: var(--pager-colorHover);\n\t}\n}\n\n.Pager-module_selected__EdNnR {\n\tbackground: var(--pager-colorOn);\n\t&:hover {\n\t\tbackground: var(--pager-colorOn);\n\t}\n}\n";
-var css$b = {"wrapper":"Pager-module_wrapper__L8AZG flexBox-module_row__PWxbe","bullet":"Pager-module_bullet__tj-vE flexBox-module_row__PWxbe","selected":"Pager-module_selected__EdNnR"};
-styleInject(css_248z$b);
+var css_248z$f = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Pager-module_wrapper__L8AZG {\n\tgap: var(--pager-gap);\n\twidth: 100%;\n}\n\n.Pager-module_bullet__tj-vE {\n\twidth: var(--pager-size);\n\theight: var(--pager-size);\n\tmax-width: var(--pager-size);\n\tmax-height: var(--pager-size);\n\tbackground: var(--pager-color);\n\tborder-radius: 100%;\n\tborder: 0;\n\tcursor: pointer;\n\ttransition: background 0.25s ease-in-out 0s;\n\t&:hover {\n\t\tbackground: var(--pager-colorHover);\n\t}\n}\n\n.Pager-module_selected__EdNnR {\n\tbackground: var(--pager-colorOn);\n\t&:hover {\n\t\tbackground: var(--pager-colorOn);\n\t}\n}\n";
+var css$d = {"wrapper":"Pager-module_wrapper__L8AZG flexBox-module_row__PWxbe","bullet":"Pager-module_bullet__tj-vE flexBox-module_row__PWxbe","selected":"Pager-module_selected__EdNnR"};
+styleInject(css_248z$f);
 
 const Pager = React.memo((props) => {
-    const { size = 8, index = 0, color = undefined, colorHover = undefined, colorOn = undefined, pages = 2, gap = 4, onChange = () => null, } = props;
+    const { size = 8, index = 0, color = undefined, colorHover = undefined, colorOn = undefined, pages = 2, gap = 4, onChange = () => null } = props, divAttributes = __rest(props, ["size", "index", "color", "colorHover", "colorOn", "pages", "gap", "onChange"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [selected, setSelected] = React.useState(index);
     const bullets = React.useMemo(() => {
         return Array.from({ length: pages }, (_, i) => i);
@@ -3591,18 +4337,21 @@ const Pager = React.memo((props) => {
             '--pager-colorHover': colorHover !== null && colorHover !== void 0 ? colorHover : 'var(--core-text-disabled)',
         };
     }, [gap, size, color, colorOn, colorHover]);
-    return (jsxRuntime.jsx("div", { style: cssVars, className: css$b.wrapper, children: bullets.map((bulletId) => {
-            return (jsxRuntime.jsx("input", { className: `${css$b.bullet} ${selected === bulletId ? css$b.selected : ''}`, type: 'button', onClick: () => handleClick(bulletId), onKeyDown: (e) => accessibleKeyDown(e, () => handleClick(bulletId)), onTouchStart: () => handleClick(bulletId), tabIndex: bulletId }, `paging_bullet_${bulletId}`));
-        }) }));
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, style: Object.assign(Object.assign({}, divStyle), cssVars), className: `${css$d.wrapper}${divClass}` }, rest, { children: bullets.map((bulletId) => {
+            return (jsxRuntime.jsx("input", { className: `${css$d.bullet} ${selected === bulletId ? css$d.selected : ''}`, type: 'button', onClick: () => handleClick(bulletId), onKeyDown: (e) => accessibleKeyDown(e, () => handleClick(bulletId)), onTouchStart: () => handleClick(bulletId), tabIndex: bulletId }, `paging_bullet_${bulletId}`));
+        }) })));
 });
 
-var css_248z$a = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.RadioButton-module_wrapper__ezvz- {\n\tpadding: var(--rb-padding) !important;\n\tmax-width: var(--rb-max-width);\n\tflex: var(--rb-flex);\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--rb-bg);\n\tgap: 8px;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\ttransition: all 0.25s ease-in-out 0s;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.RadioButton-module_radioIcon__6ddS9 {\n\twidth: 20px;\n\theight: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tmin-height: 20px;\n\tmin-width: 20px;\n}\n\n.RadioButton-module_radioTitle__R1R2D {\n\tcolor: var(--core-text-primary);\n\twhite-space: nowrap;\n\tflex: 1;\n}\n\n.RadioButton-module_radioSummary__-RRdT {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.RadioButton-module_radioContent__Fq-Ry {\n\twidth: 100%;\n}\n";
-var css$a = {"wrapper":"RadioButton-module_wrapper__ezvz- flexBox-module_row__PWxbe","radioIcon":"RadioButton-module_radioIcon__6ddS9 flexBox-module_column__MP2Xd","radioTitle":"RadioButton-module_radioTitle__R1R2D flexBox-module_rowStart__nJZnW type-module_body-m-regular__Qtp5G","radioSummary":"RadioButton-module_radioSummary__-RRdT flexBox-module_rowStart__nJZnW type-module_body-s-regular__8-FO-","radioContent":"RadioButton-module_radioContent__Fq-Ry flexBox-module_columnStart__Kg8cV"};
-styleInject(css_248z$a);
+var css_248z$e = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.RadioButton-module_wrapper__ezvz- {\n\tpadding: var(--rb-padding) !important;\n\tmax-width: var(--rb-max-width);\n\tflex: var(--rb-flex);\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--rb-bg);\n\tgap: 8px;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\ttransition: all 0.25s ease-in-out 0s;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.RadioButton-module_radioIcon__6ddS9 {\n\twidth: 20px;\n\theight: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tmin-height: 20px;\n\tmin-width: 20px;\n}\n\n.RadioButton-module_radioTitle__R1R2D {\n\tcolor: var(--core-text-primary);\n\twhite-space: nowrap;\n\tflex: 1;\n}\n\n.RadioButton-module_radioSummary__-RRdT {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.RadioButton-module_radioContent__Fq-Ry {\n\twidth: 100%;\n}\n";
+var css$c = {"wrapper":"RadioButton-module_wrapper__ezvz- flexBox-module_row__PWxbe","radioIcon":"RadioButton-module_radioIcon__6ddS9 flexBox-module_column__MP2Xd","radioTitle":"RadioButton-module_radioTitle__R1R2D flexBox-module_rowStart__nJZnW type-module_body-m-regular__Qtp5G","radioSummary":"RadioButton-module_radioSummary__-RRdT flexBox-module_rowStart__nJZnW type-module_body-s-regular__8-FO-","radioContent":"RadioButton-module_radioContent__Fq-Ry flexBox-module_columnStart__Kg8cV"};
+styleInject(css_248z$e);
 
 const RadioButton = React.memo((props) => {
     const theme = useTheme();
-    const { option, selected = false, deselect = true, tabIndex = 1, wrap = false, list = false, hideRadio = false, toggleIcon = true, noFrame = false, iconColor, onChange = () => null, } = props;
+    const { option, selected = false, deselect = true, tabIndex = 1, wrap = false, list = false, hideRadio = false, toggleIcon = true, noFrame = false, iconColor, onChange = () => null } = props, divAttributes = __rest(props, ["option", "selected", "deselect", "tabIndex", "wrap", "list", "hideRadio", "toggleIcon", "noFrame", "iconColor", "onChange"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [isSelected, setIsSelected] = React.useState(selected);
     React.useEffect(() => setIsSelected(selected), [selected]);
     const handleChange = React.useCallback(() => {
@@ -3623,8 +4372,8 @@ const RadioButton = React.memo((props) => {
         if (iconColor)
             return iconColor;
         return toggleIcon && isSelected
-            ? theme.colors['core-button-primary']
-            : theme.colors['core-icon-primary'];
+            ? theme.current.colors['core-button-primary']
+            : theme.current.colors['core-icon-primary'];
     }, [iconColor, toggleIcon, isSelected, theme]);
     // memo icon name
     const iconName = React.useMemo(() => (toggleIcon && isSelected ? 'checked' : 'unchecked'), [toggleIcon, isSelected]);
@@ -3643,15 +4392,18 @@ const RadioButton = React.memo((props) => {
             '--rb-bg': isSelected ? 'var(--core-surface-secondary)' : 'transparent',
         };
     }, [setFlex, isSelected, wrap, noFrame]);
-    return (jsxRuntime.jsxs("div", { className: css$a.wrapper, style: cssVars, onClick: handleChange, onKeyDown: handleKeyDown, tabIndex: tabIndex, "aria-label": option.title, "aria-selected": isSelected, children: [option.icon && !hideRadio && (jsxRuntime.jsx("div", { className: css$a.radioIcon, children: jsxRuntime.jsx(IconButton, { toggle: false, icon: iconName, color: setIconColor, frameSize: 20, iconSize: 20 }) })), jsxRuntime.jsxs("div", { className: css$a.radioContent, children: [jsxRuntime.jsx("div", { className: css$a.radioTitle, children: option.title }), option.description && option.description !== '' && (jsxRuntime.jsx("div", { className: css$a.radioSummary, children: option.description }))] })] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$c.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: handleChange, onKeyDown: handleKeyDown, tabIndex: tabIndex, "aria-label": option.title, "aria-selected": isSelected }, rest, { children: [option.icon && !hideRadio && (jsxRuntime.jsx("div", { className: css$c.radioIcon, children: jsxRuntime.jsx(IconButton, { toggle: false, icon: iconName, color: setIconColor, frameSize: 20, iconSize: 20 }) })), jsxRuntime.jsxs("div", { className: css$c.radioContent, children: [jsxRuntime.jsx("div", { className: css$c.radioTitle, children: option.title }), option.description && option.description !== '' && (jsxRuntime.jsx("div", { className: css$c.radioSummary, children: option.description }))] })] })));
 });
 
-var css_248z$9 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.RadioButtonList-module_wrapper__UMlAV {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: var(--rb-list-flex-wrap);\n\tmargin-bottom: var(--rb-list-margin-bottom);\n\tgap: var(--rb-gap);\n}\n\n.RadioButtonList-module_column__E9MfY {\n}\n\n.RadioButtonList-module_row__l88Vt {\n}\n";
-var css$9 = {"wrapper":"RadioButtonList-module_wrapper__UMlAV","column":"RadioButtonList-module_column__E9MfY flexBox-module_columnStart__Kg8cV","row":"RadioButtonList-module_row__l88Vt flexBox-module_rowStart__nJZnW"};
-styleInject(css_248z$9);
+var css_248z$d = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.RadioButtonList-module_wrapper__UMlAV {\n\talign-items: flex-start;\n\twidth: 100%;\n\tflex-wrap: var(--rb-list-flex-wrap);\n\tmargin-bottom: var(--rb-list-margin-bottom);\n\tgap: var(--rb-gap);\n}\n\n.RadioButtonList-module_column__E9MfY {\n}\n\n.RadioButtonList-module_row__l88Vt {\n}\n";
+var css$b = {"wrapper":"RadioButtonList-module_wrapper__UMlAV","column":"RadioButtonList-module_column__E9MfY flexBox-module_columnStart__Kg8cV","row":"RadioButtonList-module_row__l88Vt flexBox-module_rowStart__nJZnW"};
+styleInject(css_248z$d);
 
 const RadioButtonList = React.memo((props) => {
-    const { options = [], selectedIndexes = null, selectedOptions = null, label = null, deselect = false, multiSelect = false, wrap = false, tabIndexSeed = 0, spacer = 'none', custom = 0, gap = 16, hideRadio = false, noFrame = false, toggleIcon = true, iconColor = undefined, iconSelectedColor = undefined, onChange = () => null, } = props;
+    const { options = [], selectedIndexes = null, selectedOptions = null, label = null, deselect = false, multiSelect = false, wrap = false, tabIndexSeed = 0, spacer = 'none', custom = 0, gap = 16, hideRadio = false, noFrame = false, toggleIcon = true, iconColor = undefined, iconSelectedColor = undefined, onChange = () => null } = props, divAttributes = __rest(props, ["options", "selectedIndexes", "selectedOptions", "label", "deselect", "multiSelect", "wrap", "tabIndexSeed", "spacer", "custom", "gap", "hideRadio", "noFrame", "toggleIcon", "iconColor", "iconSelectedColor", "onChange"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // internal array of selected indexes
     const [selected, setSelected] = React.useState(selectedIndexes);
     // update indexes selected based on prop
@@ -3747,7 +4499,7 @@ const RadioButtonList = React.memo((props) => {
             '--rb-gap': `${gap}px`,
         };
     }, [wrap, margin, gap, noFrame]);
-    return (jsxRuntime.jsxs("div", { className: `${css$9.wrapper} ${noFrame ? css$9.column : css$9.row}`, style: cssVars, children: [label, renderedOptions] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$b.wrapper} ${noFrame ? css$b.column : css$b.row}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: [label, renderedOptions] })));
 });
 
 /**
@@ -3786,12 +4538,15 @@ function debounce(func, delay) {
     return debounced;
 }
 
-var css_248z$8 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Slider-module_wrapper__ju4N2 {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: var(--slider-padding);\n\tmargin: 0;\n\twidth: var(--slider-width);\n\theight: var(--slider-height);\n\tmin-height: var(--slider-touch-height);\n\tcursor: var(--slider-cursor);\n}\n\n.Slider-module_track__XogMe {\n\tposition: relative;\n\twidth: 0;\n\theight: 100%;\n\tbackground-color: var(--slider-progress-color);\n\toverflow: visible;\n\tpointer-events: none;\n\tborder-radius: 100px;\n}\n\n.Slider-module_trackHead__Ka3pu {\n\tposition: absolute;\n\tdisplay: var(--slider-head-display);\n\tbackground-color: var(--slider-head-color);\n\tpointer-events: none;\n\tborder-radius: var(--slider-head-radius);\n\tmax-width: var(--slider-head-width);\n\tmax-height: var(--slider-head-size);\n\tmin-width: var(--slider-head-width);\n\tmin-height: var(--slider-head-size);\n\ttop: 50%;\n\ttransform: translateY(-50%) translateX(-50%);\n}\n\n.Slider-module_trackBg__4z7Pt {\n\twidth: 100%;\n\theight: var(--slider-height);\n\tbackground-color: var(--slider-track-color);\n\tpointer-events: none;\n\tborder-radius: 100px;\n}\n";
-var css$8 = {"wrapper":"Slider-module_wrapper__ju4N2","track":"Slider-module_track__XogMe flexBox-module_rowStart__nJZnW","trackHead":"Slider-module_trackHead__Ka3pu","trackBg":"Slider-module_trackBg__4z7Pt flexBox-module_rowStart__nJZnW"};
-styleInject(css_248z$8);
+var css_248z$c = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Slider-module_wrapper__ju4N2 {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: var(--slider-padding);\n\tmargin: 0;\n\twidth: var(--slider-width);\n\theight: var(--slider-height);\n\tmin-height: var(--slider-touch-height);\n\tcursor: var(--slider-cursor);\n}\n\n.Slider-module_track__XogMe {\n\tposition: relative;\n\twidth: 0;\n\theight: 100%;\n\tbackground-color: var(--slider-progress-color);\n\toverflow: visible;\n\tpointer-events: none;\n\tborder-radius: 100px;\n}\n\n.Slider-module_trackHead__Ka3pu {\n\tposition: absolute;\n\tdisplay: var(--slider-head-display);\n\tbackground-color: var(--slider-head-color);\n\tpointer-events: none;\n\tborder-radius: var(--slider-head-radius);\n\tmax-width: var(--slider-head-width);\n\tmax-height: var(--slider-head-size);\n\tmin-width: var(--slider-head-width);\n\tmin-height: var(--slider-head-size);\n\ttop: 50%;\n\ttransform: translateY(-50%) translateX(-50%);\n}\n\n.Slider-module_trackBg__4z7Pt {\n\twidth: 100%;\n\theight: var(--slider-height);\n\tbackground-color: var(--slider-track-color);\n\tpointer-events: none;\n\tborder-radius: 100px;\n}\n";
+var css$a = {"wrapper":"Slider-module_wrapper__ju4N2","track":"Slider-module_track__XogMe flexBox-module_rowStart__nJZnW","trackHead":"Slider-module_trackHead__Ka3pu","trackBg":"Slider-module_trackBg__4z7Pt flexBox-module_rowStart__nJZnW"};
+styleInject(css_248z$c);
 
 const Slider = React.memo((props) => {
-    const { value = 25, scaleMin = 0, scaleMax = 100, width, height = 2, touchHeight = 24, trackHeadSize = 7, headType = 'round', trackHeadWidth = 4, cursor = 'default', headColor = 'var(--core-text-primary)', trackColor = 'var(--core-surface-secondary)', progressColor = 'var(--core-text-primary)', onChange = () => null, onDragChange = () => null, } = props;
+    const { value = 25, scaleMin = 0, scaleMax = 100, width, height = 2, touchHeight = 24, trackHeadSize = 7, headType = 'round', trackHeadWidth = 4, cursor = 'default', headColor = 'var(--core-text-primary)', trackColor = 'var(--core-surface-secondary)', progressColor = 'var(--core-text-primary)', onChange = () => null, onDragChange = () => null } = props, divAttributes = __rest(props, ["value", "scaleMin", "scaleMax", "width", "height", "touchHeight", "trackHeadSize", "headType", "trackHeadWidth", "cursor", "headColor", "trackColor", "progressColor", "onChange", "onDragChange"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // hook into the relevant on screen elements
     const ref = React.useRef(null);
     const track = React.useRef(null);
@@ -3861,12 +4616,13 @@ const Slider = React.memo((props) => {
     // take a mouse pos and sets the slider position accordingly
     // returns the pos value making sure it's in bounds
     const updateSlider = React.useCallback((e) => {
+        const newPos = pointerPosition(e);
         const el = ref === null || ref === void 0 ? void 0 : ref.current;
         if (!el)
             return 0;
         const rect = el.getBoundingClientRect();
         const sliderWidth = rect.width;
-        let pos = e.clientX - rect.x;
+        let pos = newPos - rect.x;
         if (pos > sliderWidth - padding)
             pos = sliderWidth;
         else if (pos < padding)
@@ -3890,8 +4646,6 @@ const Slider = React.memo((props) => {
     // also cleaning up the mouse move and mouse up listeners attached to the window
     const handleMouseUp = React.useCallback((e) => {
         e.preventDefault();
-        globalThis.removeEventListener('mousemove', handleMouseMove, false);
-        globalThis.removeEventListener('mouseup', handleMouseUp, false);
         const el = ref === null || ref === void 0 ? void 0 : ref.current;
         if (el) {
             const pos = updateSlider(e); // return new pixel pos and updates head/track
@@ -3900,6 +4654,10 @@ const Slider = React.memo((props) => {
             onDragChange(absProgressRef.current, relativeProgressRef.current); // immediate update
             onChange(absProgressRef.current, relativeProgressRef.current);
         }
+        globalThis.removeEventListener('mousemove', handleMouseMove, false);
+        globalThis.removeEventListener('touchmove', handleMouseMove, false);
+        globalThis.removeEventListener('mouseup', handleMouseUp, false);
+        globalThis.removeEventListener('touchend', handleMouseUp, false);
     }, [
         handleMouseMove,
         progress,
@@ -3914,7 +4672,9 @@ const Slider = React.memo((props) => {
         e.preventDefault();
         e.stopPropagation();
         globalThis.addEventListener('mousemove', handleMouseMove, false);
+        globalThis.addEventListener('touchmove', handleMouseMove, false);
         globalThis.addEventListener('mouseup', handleMouseUp, false);
+        globalThis.addEventListener('touchend', handleMouseUp, false);
         const el = ref === null || ref === void 0 ? void 0 : ref.current;
         if (el) {
             const pos = updateSlider(e); // return new pixel pos and updates head/track
@@ -3942,8 +4702,10 @@ const Slider = React.memo((props) => {
     React.useEffect(() => {
         const el = ref === null || ref === void 0 ? void 0 : ref.current;
         el === null || el === void 0 ? void 0 : el.addEventListener('mousedown', handleMouseDown, false);
+        el === null || el === void 0 ? void 0 : el.addEventListener('touchstart', handleMouseDown, false);
         return () => {
             el === null || el === void 0 ? void 0 : el.removeEventListener('mousedown', handleMouseDown, false);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('touchstart', handleMouseDown, false);
         };
     }, [handleMouseDown]);
     // respond to size changes triggered by browser resizing as opposed to props
@@ -4012,23 +4774,27 @@ const Slider = React.memo((props) => {
         headType,
         setWidth,
     ]);
-    return (jsxRuntime.jsx("div", { className: css$8.wrapper, style: cssVars, ref: ref, children: jsxRuntime.jsx("div", { className: css$8.trackBg, children: jsxRuntime.jsx("div", { className: css$8.track, ref: track, children: jsxRuntime.jsx("div", { className: css$8.trackHead, ref: head }) }) }) }));
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: `${css$a.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), ref: ref }, rest, { children: jsxRuntime.jsx("div", { className: css$a.trackBg, children: jsxRuntime.jsx("div", { className: css$a.track, ref: track, children: jsxRuntime.jsx("div", { className: css$a.trackHead, ref: head }) }) }) })));
 });
 
 const Spacer = React.memo((props) => {
-    const { size = 8 } = props;
-    const style = React.useMemo(() => ({ height: size, minHeight: size, maxHeight: size }), [size]);
-    return jsxRuntime.jsx("div", { style: style });
+    const { size = 8 } = props, divAttributes = __rest(props, ["size"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const spacerStyle = React.useMemo(() => ({ height: size, minHeight: size, maxHeight: size }), [size]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: divClass.trim(), style: Object.assign(Object.assign({}, divStyle), spacerStyle) }, rest)));
 });
 
-var css_248z$7 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Switch-module_wrapper__OqM0E {\n\tpadding: var(--switch-padding) !important;\n\twidth: var(--switch-width);\n\theight: var(--switch-height);\n\tborder-radius: 100px;\n\tcursor: pointer;\n}\n\n.Switch-module_knob__BLGda {\n\twidth: var(--switch-knob-size);\n\theight: var(--switch-knob-size);\n\tborder-radius: 100%;\n}\n";
-var css$7 = {"wrapper":"Switch-module_wrapper__OqM0E flexBox-module_row__PWxbe","knob":"Switch-module_knob__BLGda flexBox-module_row__PWxbe"};
-styleInject(css_248z$7);
-
-const TRANSITION = { ease: 'easeInOut', duration: 0.3 };
+var css_248z$b = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Switch-module_wrapper__OqM0E {\n\tpadding: var(--switch-padding) !important;\n\twidth: var(--switch-width);\n\theight: var(--switch-height);\n\tborder-radius: 100px;\n\tcursor: pointer;\n\tbackground: var(--switch-bg-color);\n\ttransition: background 0.25s ease-in-out 0s;\n}\n\n.Switch-module_knob__BLGda {\n\twidth: var(--switch-knob-size);\n\theight: var(--switch-knob-size);\n\tbackground: var(--switch-knob-color);\n\tborder-radius: 100%;\n}\n";
+var css$9 = {"wrapper":"Switch-module_wrapper__OqM0E flexBox-module_row__PWxbe","knob":"Switch-module_knob__BLGda flexBox-module_row__PWxbe"};
+styleInject(css_248z$b);
 
 const Switch = React.memo((props) => {
-    const { state = false, height = 22, width = 44, padding = 3, bgColorOn = 'var(--feedback-positive)', bgColorOff = 'var(--core-badge-secondary)', knobColor = 'var(--core-text-light)', onChange = () => null, } = props;
+    const { state = false, height = 22, width = 44, padding = 3, bgColorOn = 'var(--feedback-positive)', bgColorOff = 'var(--core-text-disabled)', knobColor = 'var(--core-surface-primary)', onChange = () => null } = props, divAttributes = __rest(props, ["state", "height", "width", "padding", "bgColorOn", "bgColorOff", "knobColor", "onChange"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [on, setOn] = React.useState(state);
     // Sync with prop changes
     React.useEffect(() => {
@@ -4038,12 +4804,8 @@ const Switch = React.memo((props) => {
         setOn(!on);
         onChange(!on);
     }, [on, onChange]);
-    // memo animation values
-    const animateValue = React.useMemo(() => ({ backgroundColor: on ? bgColorOn : bgColorOff }), [on, bgColorOn, bgColorOff]);
     // Memoize style object
     const justify = React.useMemo(() => ({ justifyContent: on ? 'flex-end' : 'flex-start' }), [on]);
-    // Memoize knob style
-    const knobStyle = React.useMemo(() => ({ backgroundColor: knobColor }), [knobColor]);
     // memo css vars
     const cssVars = React.useMemo(() => {
         return {
@@ -4051,14 +4813,16 @@ const Switch = React.memo((props) => {
             '--switch-height': `${height}px`,
             '--switch-padding': `${padding}px`,
             '--switch-knob-size': `${height - padding * 2}px`,
+            '--switch-knob-color': knobColor,
+            '--switch-bg-color': on ? bgColorOn : bgColorOff,
         };
-    }, [width, height, padding]);
-    return (jsxRuntime.jsx(react.motion.div, { className: css$7.wrapper, style: Object.assign(Object.assign({}, cssVars), justify), transition: TRANSITION, initial: state ? bgColorOn : bgColorOff, animate: animateValue, onClick: handleClick, children: jsxRuntime.jsx(react.motion.div, { className: css$7.knob, layout: 'preserve-aspect', transition: TRANSITION, style: knobStyle }) }));
+    }, [width, height, padding, bgColorOff, bgColorOn, on, knobColor]);
+    return (jsxRuntime.jsx(react.motion.div, Object.assign({ id: divId, className: `${css$9.wrapper}${divClass}`, style: Object.assign(Object.assign(Object.assign({}, divStyle), justify), cssVars), onClick: handleClick }, rest, { children: jsxRuntime.jsx(react.motion.div, { className: css$9.knob, layout: 'preserve-aspect' }) })));
 });
 
-var css_248z$6 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TabBar-module_wrapper__z8Cvg {\n\tgap: var(--tab-bar-gap);\n\tborder-bottom: var(--tab-bar-border-bottom) solid var(--core-outline-primary);\n\theight: var(--tab-bar-height);\n\twidth: var(--tab-bar-width);\n\tcursor: pointer;\n}\n\n.TabBar-module_option__Og-E4 {\n\tgap: var(--tab-bar-option-gap);\n\tcolor: var(--tab-bar-option-color);\n\tpadding: var(--tab-bar-option-padding) !important;\n\theight: 100%;\n\twidth: var(--tab-bar-option-width);\n\tflex: var(--tab-bar-option-flex);\n\twhite-space: nowrap;\n\tbox-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-button-primary);\n\tcursor: var(--tab-bar-option-cursor);\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n.TabBar-module_icon__LU5Rp {\n\tmax-height: var(--tab-bar-icon-size);\n\tmin-height: var(--tab-bar-icon-size);\n\tmax-width: var(--tab-bar-icon-size);\n\tmin-width: var(--tab-bar-icon-size);\n}\n\n.TabBar-module_close__ytzs5 {\n\theight: 100%;\n\tpadding: var(--tab-bar-close-padding) !important;\n\tborder-left: 1px solid var(--core-outline-primary);\n\twidth: min-content;\n}\n";
-var css$6 = {"wrapper":"TabBar-module_wrapper__z8Cvg flexBox-module_rowStart__nJZnW","option":"TabBar-module_option__Og-E4 flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","icon":"TabBar-module_icon__LU5Rp flexBox-module_row__PWxbe","close":"TabBar-module_close__ytzs5 flexBox-module_row__PWxbe"};
-styleInject(css_248z$6);
+var css_248z$a = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TabBar-module_wrapper__z8Cvg {\n\tgap: var(--tab-bar-gap);\n\tborder-bottom: var(--tab-bar-border-bottom) solid var(--core-outline-primary);\n\theight: var(--tab-bar-height);\n\twidth: var(--tab-bar-width);\n\tcursor: pointer;\n}\n\n.TabBar-module_option__Og-E4 {\n\tgap: var(--tab-bar-option-gap);\n\tcolor: var(--tab-bar-option-color);\n\tpadding: var(--tab-bar-option-padding) !important;\n\theight: 100%;\n\twidth: var(--tab-bar-option-width);\n\tflex: var(--tab-bar-option-flex);\n\twhite-space: nowrap;\n\tbox-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);\n\tcursor: var(--tab-bar-option-cursor);\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n.TabBar-module_icon__LU5Rp {\n\tmax-height: var(--tab-bar-icon-size);\n\tmin-height: var(--tab-bar-icon-size);\n\tmax-width: var(--tab-bar-icon-size);\n\tmin-width: var(--tab-bar-icon-size);\n}\n\n.TabBar-module_close__ytzs5 {\n\theight: 100%;\n\tpadding: var(--tab-bar-close-padding) !important;\n\tborder-left: 1px solid var(--core-outline-primary);\n\twidth: min-content;\n}\n";
+var css$8 = {"wrapper":"TabBar-module_wrapper__z8Cvg flexBox-module_rowStart__nJZnW","option":"TabBar-module_option__Og-E4 flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","icon":"TabBar-module_icon__LU5Rp flexBox-module_row__PWxbe","close":"TabBar-module_close__ytzs5 flexBox-module_row__PWxbe"};
+styleInject(css_248z$a);
 
 const placeholderOptions = [
     { name: 'Option 1', value: 'Option 1', icon: null },
@@ -4066,7 +4830,10 @@ const placeholderOptions = [
 ];
 
 const TabBar = React.memo((props) => {
-    const { options = placeholderOptions, selected = 0, border = true, underline = true, height = '100%', width = '100%', tabWidth = 'distribute', padding = 8, iconSize = 20, iconGap = 8, tabGap = 0, disabled = false, hasClose = false, closeWidth = 'auto', selectedValue = null, onChange = () => null, onTabChange = () => null, onClose = () => null, onToolTip = () => null, } = props;
+    const { options = placeholderOptions, selected = 0, border = true, underline = true, height = '100%', width = '100%', tabWidth = 'distribute', padding = 8, iconSize = 20, iconGap = 8, tabGap = 0, disabled = false, hasClose = false, closeWidth = 'auto', selectedValue = null, onChange = () => null, onTabChange = () => null, onClose = () => null, onToolTip = () => null } = props, divAttributes = __rest(props, ["options", "selected", "border", "underline", "height", "width", "tabWidth", "padding", "iconSize", "iconGap", "tabGap", "disabled", "hasClose", "closeWidth", "selectedValue", "onChange", "onTabChange", "onClose", "onToolTip"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [index, setIndex] = React.useState(selected);
     React.useEffect(() => {
         let selectedIndex = 0;
@@ -4117,7 +4884,7 @@ const TabBar = React.memo((props) => {
             '--tab-bar-close-padding': padding ? `${padding}px` : '8px',
         };
     }, [tabGap, height, width, border, setStyle, closeWidth, padding]);
-    return (jsxRuntime.jsxs("div", { className: css$6.wrapper, style: cssVars, children: [renderedOptions, hasClose && (jsxRuntime.jsx("div", { className: css$6.close, children: jsxRuntime.jsx(IconButton, { iconSize: iconSize - 4, frameSize: iconSize, toggle: false, hover: true, icon: 'x', onClick: onClose }) }))] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$8.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: [renderedOptions, hasClose && (jsxRuntime.jsx("div", { className: css$8.close, children: jsxRuntime.jsx(IconButton, { iconSize: iconSize - 4, frameSize: iconSize, toggle: false, hover: true, icon: 'x', onClick: onClose }) }))] })));
 });
 TabBar.displayName = 'TabBar';
 const Option = React.memo((props) => {
@@ -4127,10 +4894,10 @@ const Option = React.memo((props) => {
     // memo icon color
     const strokeColor = React.useMemo(() => {
         if (!disabled && selected)
-            return theme.colors['core-button-primary'];
+            return theme.current.colors['core-text-special'];
         if (disabled)
-            return theme.colors['core-text-disabled'];
-        return theme.colors['core-text-primary'];
+            return theme.current.colors['core-text-disabled'];
+        return theme.current.colors['core-text-primary'];
     }, [disabled, selected, theme]);
     // memo handleMouseOver
     const handleMouseOver = React.useCallback((e) => {
@@ -4155,7 +4922,7 @@ const Option = React.memo((props) => {
         if (disabled)
             return 'var(--core-text-disabled)';
         if (selected)
-            return 'var(--core-button-primary)';
+            return 'var(--core-text-special)';
         return 'var(--core-text-primary)';
     }, [disabled, selected]);
     // memo tab width
@@ -4199,7 +4966,7 @@ const Option = React.memo((props) => {
         setTabWidth,
         setUnderline,
     ]);
-    return (jsxRuntime.jsxs("div", { className: css$6.option, style: cssVars, ref: ref, "aria-selected": selected, onMouseEnter: handleMouseOver, onMouseLeave: handleMouseLeave, onClick: () => onClick(value), onKeyDown: () => onClick(value), children: [icon && (jsxRuntime.jsx("div", { className: css$6.icon, children: jsxRuntime.jsx(Icon, { name: icon, size: iconSize, strokeColor: strokeColor }) })), label, count !== 0 && (jsxRuntime.jsx(Badge, { variant: 'light', hideNull: false, count: count }))] }));
+    return (jsxRuntime.jsxs("div", { className: css$8.option, style: cssVars, ref: ref, "aria-selected": selected, onMouseEnter: handleMouseOver, onMouseLeave: handleMouseLeave, onClick: () => onClick(value), onKeyDown: () => onClick(value), children: [icon && (jsxRuntime.jsx("div", { className: css$8.icon, children: jsxRuntime.jsx(Icon, { name: icon, size: iconSize, strokeColor: strokeColor }) })), label, count !== 0 && (jsxRuntime.jsx(Badge, { variant: 'light', hideNull: false, count: count }))] }));
 }, (prevProps, nextProps) => {
     // Custom comparison for performance
     return (prevProps.selected === nextProps.selected &&
@@ -4214,12 +4981,15 @@ const Option = React.memo((props) => {
 });
 Option.displayName = 'TabOption';
 
-var css_248z$5 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextArea-module_wrapper__vgfIH {\n\tposition: relative;\n\tpadding: var(--ta-padding) !important;\n\twidth: var(--ta-width);\n\theight: auto;\n\tborder-radius: var(--ta-border-radius);\n\tbackground-color: var(--ta-bg-color);\n\tbox-shadow: 0 0 0 1px var(--ta-border-color);\n\ttransition: all 0.25s ease-in-out 0s;\n}\n\n.TextArea-module_textarea__eAcFn {\n\tborder: 0;\n\toutline: 0;\n\tpadding: 0 16px 0 0;\n\twidth: 100%;\n\theight: 100%;\n\tcolor: var(--core-text-primary);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\tresize: var(--ta-resize);\n\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\toverflow-y: auto;\n\n\t&::-webkit-scrollbar {\n\t\tbackground-color: transparent;\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t\tcursor: default;\n\t}\n}\n\n.TextArea-module_actions__hA93N {\n\twidth: 100%;\n\tmin-height: 30px;\n\tcolor: var(--core-text-disabled);\n\tgap: 16px;\n}\n\n.TextArea-module_option__DDx9A {\n\tgap: 4px;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcursor: default;\n}\n\n.TextArea-module_send__SUUqB {\n\tposition: absolute;\n\tmin-height: var(--ta-send-icon-size);\n\tmin-width: var(--ta-send-icon-size);\n\twidth: var(--ta-send-icon-size);\n\theight: var(--ta-send-icon-size);\n\tbottom: var(--ta-send-icon-offset-bottom);\n\tright: var(--ta-send-icon-offset-right);\n}\n\n.TextArea-module_s__53cFy {\n}\n\n.TextArea-module_m__TtgeD {\n}\n\n.TextArea-module_l__u69gT {\n}\n";
-var css$5 = {"wrapper":"TextArea-module_wrapper__vgfIH flexBox-module_columnStart__Kg8cV","textarea":"TextArea-module_textarea__eAcFn","send":"TextArea-module_send__SUUqB flexBox-module_row__PWxbe","s":"TextArea-module_s__53cFy type-module_body-s-regular__8-FO-","m":"TextArea-module_m__TtgeD type-module_body-m-regular__Qtp5G","l":"TextArea-module_l__u69gT type-module_body-l-regular__Ar4d3"};
-styleInject(css_248z$5);
+var css_248z$9 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextArea-module_wrapper__vgfIH {\n\tposition: relative;\n\tpadding: var(--ta-padding) !important;\n\twidth: var(--ta-width);\n\theight: auto;\n\tborder-radius: var(--ta-border-radius);\n\tbackground-color: var(--ta-bg-color);\n\tbox-shadow: 0 0 0 1px var(--ta-border-color);\n\ttransition: all 0.25s ease-in-out 0s;\n}\n\n.TextArea-module_textarea__eAcFn {\n\tborder: 0;\n\toutline: 0;\n\tpadding: 0 16px 0 0;\n\twidth: 100%;\n\theight: 100%;\n\tcolor: var(--core-text-primary);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\tresize: var(--ta-resize);\n\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\toverflow-y: auto;\n\n\t&::-webkit-scrollbar {\n\t\tbackground-color: transparent;\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t\tcursor: default;\n\t}\n}\n\n.TextArea-module_actions__hA93N {\n\twidth: 100%;\n\tmin-height: 30px;\n\tcolor: var(--core-text-disabled);\n\tgap: 16px;\n}\n\n.TextArea-module_option__DDx9A {\n\tgap: 4px;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcursor: default;\n}\n\n.TextArea-module_send__SUUqB {\n\tposition: absolute;\n\tbottom: var(--ta-send-icon-offset-bottom);\n\tright: var(--ta-send-icon-offset-right);\n}\n\n.TextArea-module_s__53cFy {\n}\n\n.TextArea-module_m__TtgeD {\n}\n\n.TextArea-module_l__u69gT {\n}\n";
+var css$7 = {"wrapper":"TextArea-module_wrapper__vgfIH flexBox-module_columnStart__Kg8cV","textarea":"TextArea-module_textarea__eAcFn","send":"TextArea-module_send__SUUqB","s":"TextArea-module_s__53cFy type-module_body-s-regular__8-FO-","m":"TextArea-module_m__TtgeD type-module_body-m-regular__Qtp5G","l":"TextArea-module_l__u69gT type-module_body-l-regular__Ar4d3"};
+styleInject(css_248z$9);
 
 const TextArea = React.memo((props) => {
-    const { value = '', name = 'text_area', width = '100%', focused = false, placeholder = 'Enter text here...', rows = 6, border = false, borderRadius = 4, padding = '16px 4px 16px 16px', validate = false, resizable = true, hasSend = false, sendOffset = { bottom: 6, right: 6 }, sendSize = 36, returnSubmits = false, bgColor = undefined, minWidth = undefined, textSize = 'm', disabled = false, submitClears = true, onChange = () => null, onFocus = () => null, onBlur = () => null, onValidate = () => null, onSubmit = () => null, onKeyDown = () => null, } = props;
+    const { value = '', name = 'text_area', width = '100%', focused = false, placeholder = 'Enter text here...', rows = 6, border = false, borderRadius = 4, padding = '16px 4px 16px 16px', validate = false, resizable = true, hasSend = false, sendOffset = { bottom: 6, right: 6 }, sendSize = 36, returnSubmits = false, bgColor = undefined, minWidth = undefined, textSize = 'm', disabled = false, submitClears = true, onChange = () => null, onFocus = () => null, onBlur = () => null, onValidate = () => null, onSubmit = () => null, onKeyDown = () => null } = props, divAttributes = __rest(props, ["value", "name", "width", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "validate", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "bgColor", "minWidth", "textSize", "disabled", "submitClears", "onChange", "onFocus", "onBlur", "onValidate", "onSubmit", "onKeyDown"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const [isFocused, setIsFocused] = React.useState(focused);
     const [invalid, setInvalid] = React.useState(false);
     const [text, setText] = React.useState(value);
@@ -4321,10 +5091,10 @@ const TextArea = React.memo((props) => {
     // memo text size
     const textClassName = React.useMemo(() => {
         if (textSize === 'l')
-            return css$5.l;
+            return css$7.l;
         if (textSize === 'm')
-            return css$5.m;
-        return css$5.s;
+            return css$7.m;
+        return css$7.s;
     }, [textSize]);
     // memo css vars
     const cssVars = React.useMemo(() => {
@@ -4352,12 +5122,12 @@ const TextArea = React.memo((props) => {
         borderRadius,
         resizable,
     ]);
-    return (jsxRuntime.jsxs("div", { className: css$5.wrapper, style: cssVars, onBlur: () => handleBlur(text), onFocus: () => handleFocus(), children: [hasSend && (jsxRuntime.jsx("div", { className: css$5.send, onMouseDown: (e) => handleSubmit(e), children: jsxRuntime.jsx(UIButton, { iconLeft: 'arrow up', size: 'medium', variant: 'solid', round: true }) })), jsxRuntime.jsx("textarea", { className: `${css$5.textarea} ${textClassName}`, ref: ref, name: name, value: text, placeholder: placeholder, rows: rows, disabled: disabled, onChange: (e) => handleChange(e.target.value), onInput: () => handleResize(), onKeyDown: (e) => handleKeyDownWrapper(e) })] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$7.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onBlur: () => handleBlur(text), onFocus: () => handleFocus() }, rest, { children: [hasSend && (jsxRuntime.jsx("div", { className: css$7.send, onMouseDown: (e) => handleSubmit(e), children: jsxRuntime.jsx(UIButton, { iconLeft: 'arrow up', size: 'medium', variant: 'solid', round: true }) })), jsxRuntime.jsx("textarea", { className: `${css$7.textarea} ${textClassName}`, ref: ref, name: name, value: text, placeholder: placeholder, rows: rows, disabled: disabled, onChange: (e) => handleChange(e.target.value), onInput: () => handleResize(), onKeyDown: (e) => handleKeyDownWrapper(e) })] })));
 });
 
-var css_248z$4 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__I0Av0 {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all 0.25s ease-in-out 0s;\n}\n\n.TextField-module_container__0FwXa {\n\tflex: 1;\n\theight: 100%;\n\tgap: 8px;\n}\n\n.TextField-module_label__Jyh8E {\n\tcolor: var(--tf-label-color);\n\theight: auto;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.TextField-module_input__N140B {\n\tcolor: var(--tf-text-color);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\toutline: none;\n\tborder: 0;\n\theight: 100%;\n\twidth: 100%;\n\ttext-align: var(--tf-text-align);\n\t&::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:focus::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\t&:-webkit-autofill,\n\t&:-webkit-autofill:hover,\n\t&:-webkit-autofill:focus,\n\t&:-webkit-autofill:active {\n\t\tbox-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;\n\t\t-webkit-text-fill-color: var(--core-text-primary);\n\t}\n}\n\n.TextField-module_showPassword__Y-6u- {\n\tmin-height: 18px;\n\tmin-width: 18px;\n\tmax-height: 18px;\n\tmax-width: 18px;\n\topacity: var(--tf-show-opacity);\n\t&:hover {\n\t\topacity: var(--tf-show-opacity-hover);\n\t}\n}\n\n.TextField-module_s__sOwni {\n}\n\n.TextField-module_m__gsIsZ {\n}\n\n.TextField-module_l__f0HAD {\n}\n";
-var css$4 = {"wrapper":"TextField-module_wrapper__I0Av0 flexBox-module_rowStart__nJZnW","container":"TextField-module_container__0FwXa flexBox-module_rowStart__nJZnW","label":"TextField-module_label__Jyh8E flexBox-module_rowStart__nJZnW","input":"TextField-module_input__N140B","showPassword":"TextField-module_showPassword__Y-6u- flexBox-module_row__PWxbe","s":"TextField-module_s__sOwni type-module_body-s-regular__8-FO-","m":"TextField-module_m__gsIsZ type-module_body-m-regular__Qtp5G","l":"TextField-module_l__f0HAD type-module_body-l-regular__Ar4d3"};
-styleInject(css_248z$4);
+var css_248z$8 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__I0Av0 {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all 0.25s ease-in-out 0s;\n}\n\n.TextField-module_container__0FwXa {\n\tflex: 1;\n\theight: 100%;\n\tgap: 8px;\n}\n\n.TextField-module_label__Jyh8E {\n\tcolor: var(--tf-label-color);\n\theight: auto;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.TextField-module_input__N140B {\n\tcolor: var(--tf-text-color);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\toutline: none;\n\tborder: 0;\n\theight: 100%;\n\twidth: 100%;\n\ttext-align: var(--tf-text-align);\n\t&::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:focus::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\t&:-webkit-autofill,\n\t&:-webkit-autofill:hover,\n\t&:-webkit-autofill:focus,\n\t&:-webkit-autofill:active {\n\t\tbox-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;\n\t\t-webkit-text-fill-color: var(--core-text-primary);\n\t}\n}\n\n.TextField-module_showPassword__Y-6u- {\n\tmin-height: 18px;\n\tmin-width: 18px;\n\tmax-height: 18px;\n\tmax-width: 18px;\n\topacity: var(--tf-show-opacity);\n\t&:hover {\n\t\topacity: var(--tf-show-opacity-hover);\n\t}\n}\n\n.TextField-module_s__sOwni {\n}\n\n.TextField-module_m__gsIsZ {\n}\n\n.TextField-module_l__f0HAD {\n}\n";
+var css$6 = {"wrapper":"TextField-module_wrapper__I0Av0 flexBox-module_rowStart__nJZnW","container":"TextField-module_container__0FwXa flexBox-module_rowStart__nJZnW","label":"TextField-module_label__Jyh8E flexBox-module_rowStart__nJZnW","input":"TextField-module_input__N140B","showPassword":"TextField-module_showPassword__Y-6u- flexBox-module_row__PWxbe","s":"TextField-module_s__sOwni type-module_body-s-regular__8-FO-","m":"TextField-module_m__gsIsZ type-module_body-m-regular__Qtp5G","l":"TextField-module_l__f0HAD type-module_body-l-regular__Ar4d3"};
+styleInject(css_248z$8);
 
 const MOTION_CONFIG = {
     variants: {
@@ -4383,8 +5153,11 @@ const TextField = React.memo((props) => {
         error: 'var(--feedback-warning)',
         placeholder: 'var(--core-text-disabled)',
         disabled: 'var(--core-text-disabled)',
-        label: 'var(--core-text-secondary)',
-    }, iconLeft = null, clearButton = { size: 20 }, clearBlurs = false, disabled = false, inputType = 'text', } = props;
+        label: 'var(--core-text-tertiary)',
+    }, iconLeft = null, clearButton = { size: 20 }, clearBlurs = false, disabled = false, inputType = 'text' } = props, divAttributes = __rest(props, ["name", "value", "label", "labelSize", "textSize", "placeholder", "focused", "onSubmit", "onChange", "onBlur", "onFocus", "onKeydown", "onAction", "onPaste", "onClear", "onValidate", "actionButton", "maxLength", "size", "padding", "borderRadius", "editable", "textAlign", "isValid", "inline", "noShow", "borderType", "validate", "borderColor", "backgroundColor", "color", "iconLeft", "clearButton", "clearBlurs", "disabled", "inputType"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const input = React.useRef(null);
     const [text, setText] = React.useState(value);
     const [isFocused, setIsFocused] = React.useState(focused);
@@ -4469,7 +5242,9 @@ const TextField = React.memo((props) => {
     // memo icon style
     const iconContainerStyle = React.useMemo(() => iconLeft ? { width: iconLeft.size, height: iconLeft.size } : undefined, [iconLeft]);
     // memo icon color
-    const iconStrokeColor = React.useMemo(() => (iconLeft === null || iconLeft === void 0 ? void 0 : iconLeft.color) ? iconLeft.color : theme.colors['core-icon-secondary'], [iconLeft, theme]);
+    const iconStrokeColor = React.useMemo(() => (iconLeft === null || iconLeft === void 0 ? void 0 : iconLeft.color)
+        ? iconLeft.color
+        : theme.current.colors['core-icon-secondary'], [iconLeft, theme]);
     // memo show clear button
     const clearButtonStyle = React.useMemo(() => clearButton
         ? { width: clearButton.size, height: clearButton.size }
@@ -4561,7 +5336,7 @@ const TextField = React.memo((props) => {
         setShowOpacity,
         color,
     ]);
-    return (jsxRuntime.jsxs("div", { className: css$4.wrapper, style: cssVars, children: [label && (jsxRuntime.jsx("div", { className: `${css$4.label} ${css$4[labelSize]}`, children: label })), jsxRuntime.jsxs("div", { className: css$4.container, children: [iconLeft && (jsxRuntime.jsx("div", { style: iconContainerStyle, children: jsxRuntime.jsx(Icon, { name: iconLeft.name, size: iconLeft.size, strokeColor: iconStrokeColor }) })), jsxRuntime.jsx("input", { className: `${css$4.input} ${css$4[textSize]}`, ref: input, type: inputType === 'password' && show ? 'text' : inputType, name: name, "aria-label": name, autoCapitalize: 'none', autoCorrect: 'off', autoComplete: 'off', value: text, onChange: (e) => handleValueChange(e.target.value), onKeyDown: handleKeyDown, onPaste: onPaste, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, onMouseDown: (e) => e.stopPropagation(), disabled: !editable, maxLength: maxLength }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: isFocused && clearButton && text !== '' && (jsxRuntime.jsx(react.motion.div, { className: css$4.clearButton, style: clearButtonStyle, variants: MOTION_CONFIG.variants, initial: 'initial', animate: 'animate', exit: 'exit', transition: MOTION_CONFIG.transition, onClick: handleClearTextField, children: jsxRuntime.jsx(Icon, { name: 'x', size: clearButton.size, strokeColor: theme.colors['core-icon-secondary'] }) })) }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: actionButton && (jsxRuntime.jsx(react.motion.div, { variants: MOTION_CONFIG.variants, initial: 'initial', animate: 'animate', exit: 'exit', transition: MOTION_CONFIG.transition, children: jsxRuntime.jsx(UIButton, { label: 'Translate', variant: 'text', size: 'text', state: text === '' ? 'disabled' : 'normal', labelColor: theme.colors['core-button-primary'], onClick: onAction }) })) }), inputType === 'password' && !noShow && (jsxRuntime.jsx("div", { className: css$4.showPassword, children: jsxRuntime.jsx(IconButton, { icon: 'view', toggleIcon: true, toggle: false, isToggled: show, iconSize: 18, frameSize: 18, onClick: toggleShow, tooltip: 'Show / Hide', disabled: false }) }))] })] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$6.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: [label && (jsxRuntime.jsx("div", { className: `${css$6.label} ${css$6[labelSize]}`, children: label })), jsxRuntime.jsxs("div", { className: css$6.container, children: [iconLeft && (jsxRuntime.jsx("div", { style: iconContainerStyle, children: jsxRuntime.jsx(Icon, { name: iconLeft.name, size: iconLeft.size, strokeColor: iconStrokeColor }) })), jsxRuntime.jsx("input", { className: `${css$6.input} ${css$6[textSize]}`, ref: input, type: inputType === 'password' && show ? 'text' : inputType, name: name, "aria-label": name, autoCapitalize: 'none', autoCorrect: 'off', autoComplete: 'off', value: text, onChange: (e) => handleValueChange(e.target.value), onKeyDown: handleKeyDown, onPaste: onPaste, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, onMouseDown: (e) => e.stopPropagation(), disabled: !editable, maxLength: maxLength }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: isFocused && clearButton && text !== '' && (jsxRuntime.jsx(react.motion.div, { className: css$6.clearButton, style: clearButtonStyle, variants: MOTION_CONFIG.variants, initial: 'initial', animate: 'animate', exit: 'exit', transition: MOTION_CONFIG.transition, onClick: handleClearTextField, children: jsxRuntime.jsx(Icon, { name: 'x', size: clearButton.size, strokeColor: theme.current.colors['core-icon-secondary'] }) })) }), jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: actionButton && (jsxRuntime.jsx(react.motion.div, { variants: MOTION_CONFIG.variants, initial: 'initial', animate: 'animate', exit: 'exit', transition: MOTION_CONFIG.transition, children: jsxRuntime.jsx(UIButton, { label: 'Translate', variant: 'text', size: 'text', state: text === '' ? 'disabled' : 'normal', labelColor: theme.current.colors['core-button-primary'], onClick: onAction }) })) }), inputType === 'password' && !noShow && (jsxRuntime.jsx("div", { className: css$6.showPassword, children: jsxRuntime.jsx(IconButton, { icon: 'view', toggleIcon: true, toggle: false, isToggled: show, iconSize: 18, frameSize: 18, onClick: toggleShow, tooltip: 'Show / Hide', disabled: false }) }))] })] })));
 }, (prevProps, nextProps) => {
     // Custom comparison for expensive props
     return (prevProps.value === nextProps.value &&
@@ -4583,12 +5358,256 @@ const TextField = React.memo((props) => {
 });
 TextField.displayName = 'TextField';
 
+var css_248z$7 = "/* Core brand colors (un-themed) */\n:root {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Light theme tokens */\n[data-theme=\"lightMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-700);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Dark theme tokens */\n[data-theme=\"darkMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-900);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n.array-land {\n\tbackground: var(--array-land);\n}\n.array-land-label {\n\tcolor: var(--array-land-label);\n}\n.array-magenta {\n\tbackground: var(--array-magenta);\n}\n.array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n.array-orange {\n\tbackground: var(--array-orange);\n}\n.array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n.array-purple {\n\tbackground: var(--array-purple);\n}\n.array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n.array-sea {\n\tbackground: var(--array-sea);\n}\n.array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n.array-sky {\n\tbackground: var(--array-sky);\n}\n.array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n.array-yellow {\n\tbackground: var(--array-yellow);\n}\n.array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n.core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n.core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n.core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n.core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n.core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n.core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n.core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n.core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n.core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n.core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n.core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n.core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n.core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n.core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n.core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n.core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n.core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n.core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n.core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n.core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n.core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n.core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n.core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n.core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n.core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n.core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n.core-text-error {\n\tcolor: var(--core-text-error);\n}\n.core-text-light {\n\tcolor: var(--core-text-light);\n}\n.core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n.core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n.core-text-special {\n\tcolor: var(--core-text-special);\n}\n.core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n.eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n.eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n.eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n.eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n.eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n.feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n.feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n.feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n.feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n.feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n.gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n.gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n.gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n.gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n.gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n.scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n.scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n.surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n.surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\nbody {\n\tbackground: var(--core-surface-primary);\n}\n";
+styleInject(css_248z$7);
+
+var css_248z$6 = "@import url(\"https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap\");\n\n:root {\n\t--font-family: \"Funnel Sans\";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n}\n\n.body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n.body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nbody {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n";
+styleInject(css_248z$6);
+
+// set up media query for system theme
+const darkModeMediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
+function ThemeProvider(props) {
+    const { children, theme, system } = props;
+    // update active theme based on theme prop
+    React.useEffect(() => {
+        if (theme) {
+            const newTheme = theme.includes('dark') ? darkTheme : lightTheme;
+            document.documentElement.dataset.theme = newTheme.name;
+        }
+    }, [theme]);
+    // update then active theme based on system changes
+    React.useEffect(() => {
+        // handler for the media query change
+        const handleSystemThemeChange = (e) => {
+            if (system) {
+                const autoTheme = e.matches ? darkTheme : lightTheme;
+                document.documentElement.dataset.theme = autoTheme.name;
+            }
+        };
+        // set the current system theme
+        if (system) {
+            const autoTheme = darkModeMediaQuery.matches ? darkTheme : lightTheme;
+            document.documentElement.dataset.theme = autoTheme.name;
+        }
+        // set listener on media query
+        darkModeMediaQuery.addEventListener('change', handleSystemThemeChange);
+        // clean up
+        return () => {
+            darkModeMediaQuery.removeEventListener('change', handleSystemThemeChange);
+        };
+    }, [system]);
+    return children;
+}
+
+var css_248z$5 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Tip-module_wrapper__5Oi05 {\n\tpadding: var(--tooltip-padding) !important;\n\tposition: fixed;\n\tborder: var(--tooltip-border);\n\tborder-radius: var(--tooltip-border-radius);\n\tbackground: var(--tooltip-background);\n\tz-index: 10;\n}\n\n.Tip-module_s__URuK6 {\n}\n\n.Tip-module_m__A1uk0 {\n}\n.Tip-module_l__kNOKI {\n}\n";
+var css$5 = {"wrapper":"Tip-module_wrapper__5Oi05 flexBox-module_rowStart__nJZnW","s":"Tip-module_s__URuK6 type-module_body-s-regular__8-FO-","m":"Tip-module_m__A1uk0 type-module_body-m-regular__Qtp5G","l":"Tip-module_l__kNOKI type-module_body-l-regular__Ar4d3"};
+styleInject(css_248z$5);
+
+const tipBasePos = { left: 0, top: 0 };
+
+const TipBase = React.forwardRef((props, ref) => {
+    var _a;
+    const { tip, size = 's', bgColor, color, border = true, borderColor, padding, radius, coords, showDelay = 500, hideDelay = 2500 } = props, divAttributes = __rest(props, ["tip", "size", "bgColor", "color", "border", "borderColor", "padding", "radius", "coords", "showDelay", "hideDelay"]);
+    // div attributes to add
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? `${className}` : '';
+    // set tip position and display timer
+    // need the animate set only after the ready state is processed
+    const [pos, setPos] = React.useState(tipBasePos);
+    const [ready, setReady] = React.useState(false);
+    const [animate, setAnimate] = React.useState(false);
+    const timer = React.useRef(null);
+    // update position with delay and then auto remove
+    React.useEffect(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        const { x, y } = coords !== null && coords !== void 0 ? coords : { x: 0, y: 0 };
+        const showTip = x > 0 && y > 0;
+        if (showTip) {
+            timer.current = setTimeout(() => {
+                var _a, _b;
+                setPos({ left: (_a = coords === null || coords === void 0 ? void 0 : coords.x) !== null && _a !== void 0 ? _a : 0, top: (_b = coords === null || coords === void 0 ? void 0 : coords.y) !== null && _b !== void 0 ? _b : 0 });
+                setReady(true);
+                if (timer.current)
+                    clearTimeout(timer.current);
+                timer.current = setTimeout(() => {
+                    setReady(false);
+                    setPos({ left: 0, top: 0 });
+                }, hideDelay);
+            }, showDelay);
+        }
+        else {
+            setReady(false);
+            setPos({ left: 0, top: 0 });
+        }
+        // clean up timers
+        return () => {
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, [coords, showDelay, hideDelay]);
+    // when ready, visibility has taken effect and can now be animated
+    React.useEffect(() => setAnimate(ready), [ready]);
+    // memo css vars
+    const cssVars = React.useMemo(() => {
+        return {
+            '--tooltip-padding': padding !== null && padding !== void 0 ? padding : '3px 6px',
+            '--tooltip-background': bgColor !== null && bgColor !== void 0 ? bgColor : 'var(--core-surface-secondary)',
+            '--tooltip-color': color !== null && color !== void 0 ? color : 'var(--core-text-primary)',
+            '--tooltip-border': border
+                ? `1px solid ${borderColor !== null && borderColor !== void 0 ? borderColor : 'var(--core-outline-primary)'}`
+                : 'unset',
+            '--tooltip-border-radius': radius !== null && radius !== void 0 ? radius : '4px',
+        };
+    }, [padding, bgColor, color, border, borderColor, radius]);
+    // memo coords style
+    const coordStyle = React.useMemo(() => {
+        const { left, top } = pos;
+        return {
+            left: `${left !== null && left !== void 0 ? left : 0}px`,
+            top: `${top !== null && top !== void 0 ? top : 0}px`,
+        };
+    }, [pos]);
+    // memo class names
+    const classNames = React.useMemo(() => {
+        return filterClasses([css$5.wrapper, css$5[size], divClass]);
+    }, [size, divClass]);
+    return (jsxRuntime.jsx(react.motion.div, Object.assign({ ref: ref, id: divId, className: classNames, onKeyDown: () => null, style: Object.assign(Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), coordStyle), { visibility: ready ? 'visible' : 'hidden' }), initial: { opacity: 0 }, animate: animate
+            ? { opacity: 1, transition: { ease: 'easeInOut', duration: 0.25 } }
+            : undefined, exit: { opacity: 0, transition: { duration: 0 } } }, rest, { children: (_a = tip === null || tip === void 0 ? void 0 : tip.payload) === null || _a === void 0 ? void 0 : _a.label })));
+});
+TipBase.displayName = 'Tip';
+const Tip = React.memo(TipBase);
+
+var css_248z$4 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Toast-module_wrapper__WglRd {\n\tpadding: var(--toast-padding) !important;\n\tcolor: var(--toast-color);\n\tposition: fixed;\n\tborder: var(--toast-border);\n\tborder-radius: var(--toast-border-radius);\n\tbackground: var(--toast-background);\n\tz-index: 10;\n\tgap: 16px;\n\tbox-shadow: var(--surface-shadow-soft);\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n\n.Toast-module_close__fIkbN {\n\tmin-height: 20px;\n\tmax-height: 20px;\n\tmin-width: 20px;\n\tmax-width: 20px;\n}\n\n.Toast-module_s__eexrd {\n}\n\n.Toast-module_m__eByaG {\n}\n.Toast-module_l__t7hfh {\n}\n";
+var css$4 = {"wrapper":"Toast-module_wrapper__WglRd flexBox-module_rowBetween__27lKK","close":"Toast-module_close__fIkbN flexBox-module_row__PWxbe","s":"Toast-module_s__eexrd type-module_body-s-regular__8-FO-","m":"Toast-module_m__eByaG type-module_body-m-regular__Qtp5G","l":"Toast-module_l__t7hfh type-module_body-l-regular__Ar4d3"};
+styleInject(css_248z$4);
+
+const ToastBase = React.forwardRef((props, ref) => {
+    const { message = null, size = 'm', border = true, padding, radius = 8, showDelay = 0, duration = 5000, position = 'bottom', offset = 24, close = true, type = 'info', didHide = () => null } = props, divAttributes = __rest(props, ["message", "size", "border", "padding", "radius", "showDelay", "duration", "position", "offset", "close", "type", "didHide"]);
+    const theme = useTheme();
+    // div attributes to add
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? `${className}` : '';
+    // need the animate set only after the ready state is processed
+    const [ready, setReady] = React.useState(false);
+    const [content, setContent] = React.useState(null);
+    const timer = React.useRef(null);
+    // update show and animation
+    React.useEffect(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        const show = message && message.length > 0;
+        if (show) {
+            timer.current = setTimeout(() => {
+                setContent(message);
+                if (timer.current)
+                    clearTimeout(timer.current);
+                timer.current = setTimeout(() => {
+                    setReady(false);
+                }, duration);
+            }, showDelay);
+        }
+        else {
+            setContent(null);
+        }
+        // clean up timers
+        return () => {
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, [message, showDelay, duration]);
+    // ready to animate in/out
+    React.useEffect(() => setReady(content !== null), [content]);
+    // set the default padding accommodating the close icon fix
+    const defaultPadding = React.useMemo(() => {
+        return close ? '10px 12px 10px 16px' : '10px 16px';
+    }, [close]);
+    const colorScheme = React.useMemo(() => {
+        switch (type) {
+            case 'success':
+                return {
+                    border: 'var(--array-land-label)',
+                    bg: 'var(--array-land)',
+                    text: 'var(--array-land-label)',
+                };
+            case 'warning':
+                return {
+                    border: 'var(--array-orange-label)',
+                    bg: 'var(--array-orange)',
+                    text: 'var(--array-orange-label)',
+                };
+            case 'error':
+                return {
+                    border: 'var(--feedback-warning)',
+                    bg: 'var(--array-magenta)',
+                    text: 'var(--feedback-warning)',
+                };
+            default:
+                return {
+                    border: 'var(--core-outline-primary)',
+                    bg: 'var(--core-surface-secondary)',
+                    text: 'var(--core-text-primary)',
+                };
+        }
+    }, [type]);
+    // memo css vars
+    const cssVars = React.useMemo(() => {
+        return {
+            '--toast-padding': setStyle(padding, defaultPadding),
+            '--toast-background': colorScheme.bg,
+            '--toast-color': colorScheme.text,
+            '--toast-border': border ? `1px solid ${colorScheme.border}` : 'unset',
+            '--toast-border-radius': setStyle(radius, 4),
+        };
+    }, [padding, border, colorScheme, radius, defaultPadding]);
+    const variants = React.useMemo(() => {
+        const positionShow = position === 'bottom' ? { bottom: offset } : { top: offset };
+        const positionHide = position === 'bottom' ? { bottom: -offset } : { top: -offset };
+        const transition = { ease: 'easeInOut', duration: 0.25 };
+        return {
+            initial: Object.assign({ opacity: 0 }, positionHide),
+            animate: Object.assign(Object.assign({ opacity: 1 }, positionShow), { transition }),
+            exit: Object.assign(Object.assign({ opacity: 0 }, positionHide), { transition }),
+        };
+    }, [position, offset]);
+    // memo class names
+    const classNames = React.useMemo(() => {
+        return filterClasses([css$4.wrapper, css$4[size], divClass]);
+    }, [size, divClass]);
+    // hide on close
+    const handleClose = React.useCallback(() => {
+        setContent(null);
+    }, []);
+    // prevent hide on hover / focus
+    const handleMouseOver = React.useCallback(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+    }, []);
+    // rest hide on mouse out / blur
+    const handleMouseOut = React.useCallback(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
+            setContent(null);
+        }, duration);
+    }, [duration]);
+    return (jsxRuntime.jsx(react.AnimatePresence, { onExitComplete: () => didHide(), initial: false, children: ready && (jsxRuntime.jsxs(react.motion.div, Object.assign({ ref: ref, id: divId, className: classNames }, rest, { onMouseEnter: handleMouseOver, onMouseLeave: handleMouseOut, onFocus: handleMouseOver, onBlur: handleMouseOut, style: Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), { visibility: ready ? 'visible' : 'hidden' }), variants: variants, initial: 'initial', animate: 'animate', exit: 'exit', children: [jsxRuntime.jsx("div", { role: 'status', "aria-live": 'polite', className: css$4.message, children: content }), close && (jsxRuntime.jsx("div", { className: css$4.close, tabIndex: 0, role: 'button', "aria-label": 'dismiss message', onKeyDown: (e) => accessibleKeyDown(e, handleClose), onClick: handleClose, children: jsxRuntime.jsx(Icon, { name: 'x', size: 20, strokeColor: theme.current.colors['core-icon-primary'] }) }))] }))) }));
+});
+ToastBase.displayName = 'Toast';
+const Toast = React.memo(ToastBase);
+
 var css_248z$3 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UIChip-module_chip__Mlm-E {\n\tpadding: var(--ui-chip-padding) !important;\n\twidth: min-content;\n\tmin-height: 30px;\n\tgap: var(--ui-chip-gap);\n\tbackground: var(--ui-chip-background);\n\tline-height: 1em;\n\tcolor: var(--ui-chip-color);\n\tborder: var(--ui-chip-border) solid var(--ui-chip-border-color);\n\tborder-radius: var(--ui-chip-border-radius);\n\ttransition: all 0.25s ease-in-out 0s;\n\tcursor: pointer;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.UIChip-module_icon__T3CKh {\n\theight: var(--ui-chip-icon-size);\n\tmin-height: var(--ui-chip-icon-size);\n\twidth: var(--ui-chip-icon-size);\n\tmin-width: var(--ui-chip-icon-size);\n}\n\n.UIChip-module_s__xUUaz {\n}\n\n.UIChip-module_m__mNHBQ {\n}\n\n.UIChip-module_l__DWRA6 {\n}\n";
 var css$3 = {"chip":"UIChip-module_chip__Mlm-E flexBox-module_row__PWxbe","icon":"UIChip-module_icon__T3CKh flexBox-module_row__PWxbe","s":"UIChip-module_s__xUUaz type-module_body-s-regular__8-FO-","m":"UIChip-module_m__mNHBQ type-module_body-m-regular__Qtp5G","l":"UIChip-module_l__DWRA6 type-module_body-l-regular__Ar4d3"};
 styleInject(css_248z$3);
 
 const UIChip = React.memo((props) => {
-    const { label, icon, background, disabled = false, focused = false, variant = 'regular', unframed = false, iconRight = false, labelSize = 'm', tooltip, iconColor, onToolTip = () => null, onClick = () => null, onMouseDown = () => null, } = props;
+    const { label, icon, background, disabled = false, focused = false, variant = 'regular', unframed = false, iconRight = false, labelSize = 'm', tooltip, iconColor, onToolTip = () => null, onClick = () => null, onMouseDown = () => null } = props, divAttributes = __rest(props, ["label", "icon", "background", "disabled", "focused", "variant", "unframed", "iconRight", "labelSize", "tooltip", "iconColor", "onToolTip", "onClick", "onMouseDown"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const theme = useTheme();
     const [isFocused, setIsFocused] = React.useState(focused);
     const [isHovered, setIsHovered] = React.useState(false);
@@ -4638,12 +5657,12 @@ const UIChip = React.memo((props) => {
         if (iconColor)
             return iconColor;
         if (disabled)
-            return theme.colors['core-icon-disabled'];
+            return theme.current.colors['core-icon-disabled'];
         if (isHovered)
-            return theme.colors['core-link-primary'];
+            return theme.current.colors['core-link-primary'];
         if (isFocused)
-            return theme.colors['core-link-primary'];
-        return theme.colors['core-text-primary'];
+            return theme.current.colors['core-link-primary'];
+        return theme.current.colors['core-text-primary'];
     }, [iconColor, disabled, isFocused, isHovered, theme]);
     // memo css vars
     const cssVars = React.useMemo(() => {
@@ -4657,7 +5676,7 @@ const UIChip = React.memo((props) => {
             '--ui-chip-border-color': unframed ? 'transparent' : computedIconColor,
         };
     }, [padding, background, variant, unframed, computedIconColor]);
-    return (jsxRuntime.jsxs("div", { className: css$3.chip, style: cssVars, onMouseDown: handleMouseDown, onKeyDown: () => null, onClick: handleClick, onMouseEnter: (e) => handleMouseEnter(true, e), onMouseLeave: (e) => handleMouseEnter(false, e), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: [icon && !iconRight && (jsxRuntime.jsx("div", { className: css$3.icon, children: jsxRuntime.jsx(Icon, { name: icon, size: variant === 'regular' ? 20 : 16, strokeColor: computedIconColor }) })), jsxRuntime.jsx("div", { className: css$3[labelSize], children: label }), icon && iconRight && (jsxRuntime.jsx("div", { className: css$3.icon, children: jsxRuntime.jsx(Icon, { name: icon, size: variant === 'regular' ? 20 : 16, strokeColor: computedIconColor }) }))] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$3.chip}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onMouseDown: handleMouseDown, onKeyDown: () => null, onClick: handleClick, onMouseEnter: (e) => handleMouseEnter(true, e), onMouseLeave: (e) => handleMouseEnter(false, e), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }, rest, { children: [icon && !iconRight && (jsxRuntime.jsx("div", { className: css$3.icon, children: jsxRuntime.jsx(Icon, { name: icon, size: variant === 'regular' ? 20 : 16, strokeColor: computedIconColor }) })), jsxRuntime.jsx("div", { className: css$3[labelSize], children: label }), icon && iconRight && (jsxRuntime.jsx("div", { className: css$3.icon, children: jsxRuntime.jsx(Icon, { name: icon, size: variant === 'regular' ? 20 : 16, strokeColor: computedIconColor }) }))] })));
 });
 
 var css_248z$2 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UIButtonBar-module_wrapper__8z-P8 {\n}\n\n.UIButtonBar-module_label__w6ru4 {\n\tcolor: var(--core-text-disabled);\n\tpadding-right: 4px;\n}\n\n.UIButtonBar-module_button__CeXO1 {\n\theight: 32px;\n\tgap: 0;\n\tcursor: pointer;\n\tbackground: var(--core-surface-primary);\n\tcolor: var(--core-text-disabled);\n\t&:last-child {\n\t\t&:hover {\n\t\t\tbackground: var(--core-surface-primary);\n\t\t}\n\t}\n\t&:first-child {\n\t\t&:hover {\n\t\t\tbackground: var(--core-surface-primary);\n\t\t}\n\t}\n\t&:hover {\n\t\tbackground: var(--core-surface-primary);\n\t\tcolor: var(--core-text-primary);\n\t}\n}\n\n.UIButtonBar-module_selected__I7geu {\n\tbackground: var(--core-surface-primary);\n\tcolor: var(--core-link-primary);\n}\n\n.UIButtonBar-module_divider__E03Ym {\n\tdisplay: block;\n\tbackground: var(--core-outline-primary);\n\twidth: 1px;\n\theight: 16px;\n\tmargin: 0 4px;\n}\n\n.UIButtonBar-module_last__0vvyg {\n\tdisplay: none;\n}\n";
@@ -4665,7 +5684,10 @@ var css$2 = {"wrapper":"UIButtonBar-module_wrapper__8z-P8 flexBox-module_rowStar
 styleInject(css_248z$2);
 
 function UIButtonBar(props) {
-    const { options = [], current = 0, label, onChange = () => null, onToolTip = () => null, } = props;
+    const { options = [], current = 0, label, onChange = () => null, onToolTip = () => null } = props, divAttributes = __rest(props, ["options", "current", "label", "onChange", "onToolTip"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const theme = useTheme();
     const [hovered, setHovered] = React.useState(-1);
     const [currentPage, setCurrentPage] = React.useState(current);
@@ -4693,14 +5715,14 @@ function UIButtonBar(props) {
         const isSelected = currentPage === index;
         const isHovered = hovered === index;
         if (isSelected)
-            return theme.colors['core-icon-primary'];
+            return theme.current.colors['core-icon-primary'];
         if (isHovered)
-            return theme.colors['core-button-primary'];
-        return theme.colors['core-text-disabled'];
+            return theme.current.colors['core-button-primary'];
+        return theme.current.colors['core-text-disabled'];
     }, [currentPage, hovered, theme]);
-    return (jsxRuntime.jsxs("div", { className: css$2.wrapper, children: [label && jsxRuntime.jsx("div", { className: css$2.label, children: label }), options === null || options === void 0 ? void 0 : options.map((button, index) => {
+    return (jsxRuntime.jsxs("div", Object.assign({ id: divId, className: `${css$2.wrapper}${divClass}`, style: divStyle }, rest, { children: [label && jsxRuntime.jsx("div", { className: css$2.label, children: label }), options === null || options === void 0 ? void 0 : options.map((button, index) => {
                 return (jsxRuntime.jsxs("div", { className: css$2.button, onMouseEnter: () => handleMouseEnter(index), onMouseLeave: () => handleMouseLeave(), children: [jsxRuntime.jsx("div", { className: selected(index), onClick: () => handleClick(button, index), onKeyDown: () => handleClick(button, index), children: jsxRuntime.jsx(IconButton, { icon: button.icon, color: iconColor(index), label: button.label, tooltip: button.tip, onToolTip: onToolTip, hover: true, toggle: false }) }), jsxRuntime.jsx("div", { className: `${css$2.divider} ${display(index)}` })] }, `button-bar-${button.icon}-${index}`));
-            })] }));
+            })] })));
 }
 
 var css_248z$1 = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UICard-module_card__ENpS- {\n\tpadding: 8px 14px 8px 8px !important;\n\tcolor: var(--core-text-primary);\n\twidth: var(--card-width);\n\tmax-width: min-content;\n\tflex: var(--card-flex);\n\tgap: 8px;\n\tborder-radius: 8px;\n\tborder: 1px solid var(--core-outline-primary);\n\tcursor: pointer;\n\ttransition: all 0.25s ease-in-out 0s;\n\t&:hover {\n\t\tcolor: var(--core-button-primary);\n\t\tborder: 1px solid var(--core-button-primary);\n\t}\n}\n\n.UICard-module_icon__n4kmT {\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n}\n\n.UICard-module_label__Ev9Fa {\n\tflex: 1;\n\tword-break: break-all;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\toverflow-wrap: anywhere;\n\tdisplay: -webkit-box;\n\twhite-space: nowrap;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n";
@@ -4708,7 +5730,10 @@ var css$1 = {"card":"UICard-module_card__ENpS- flexBox-module_rowStart__nJZnW ty
 styleInject(css_248z$1);
 
 const UICard = React.memo(function UICard(props) {
-    const { id, icon, label, command, width, onCommand = () => null } = props;
+    const { id, icon, label, command, width, onCommand = () => null } = props, divAttributes = __rest(props, ["id", "icon", "label", "command", "width", "onCommand"]);
+    const { className, style } = divAttributes, rest = __rest(divAttributes, ["className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     // set style value callback
     const setStyle = React.useCallback((value) => {
         if (value === undefined || value === 'fill')
@@ -4724,16 +5749,19 @@ const UICard = React.memo(function UICard(props) {
             '--card-flex': width === 'fill' ? '1' : 'unset',
         };
     }, [setStyle, width]);
-    return (jsxRuntime.jsxs("div", { className: css$1.card, style: cssVars, onClick: () => onCommand({ id, command }), onKeyDown: () => onCommand({ id, command }), children: [icon && (jsxRuntime.jsx("div", { className: css$1.icon, children: jsxRuntime.jsx(Icon, { name: icon }) })), label && jsxRuntime.jsx("div", { className: css$1.label, children: label })] }));
+    return (jsxRuntime.jsxs("div", Object.assign({ id: id, className: `${css$1.card}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: () => onCommand({ id, command }), onKeyDown: () => onCommand({ id, command }) }, rest, { children: [icon && (jsxRuntime.jsx("div", { className: css$1.icon, children: jsxRuntime.jsx(Icon, { name: icon }) })), label && jsxRuntime.jsx("div", { className: css$1.label, children: label })] })));
 });
 
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UILabel-module_label__uVU8K {\n\tline-height: 1em;\n\twhite-space: nowrap;\n\tpadding: var(--label-padding);\n\twidth: min-content;\n\tborder-radius: var(--label-border-radius);\n\tborder: 1px solid var(--core-outline-primary);\n\tcursor: var(--label-cursor);\n}\n\n.UILabel-module_button__KDRZU {\n}\n\n.UILabel-module_regular__3eMc6 {\n}\n\n.UILabel-module_red__CsyBn {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-red);\n}\n\n.UILabel-module_green__rObJs {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-green);\n}\n\n.UILabel-module_yellow__QCAkj {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-primary);\n\tborder-color: var(--label-border-color-yellow);\n}\n\n.UILabel-module_grey__ve4Ya {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-secondary);\n\tborder-color: var(--label-border-color-grey);\n}\n\n.UILabel-module_lightgrey__0rizC {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-disabled);\n\tborder-color: var(--label-border-color-lightgrey);\n}\n\n.UILabel-module_white__cObtu {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-primary);\n\tborder-color: var(--label-border-color-white);\n}\n\n.UILabel-module_blue__ok1r5 {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-blue);\n}\n";
+var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UILabel-module_label__uVU8K {\n\tline-height: 1em;\n\twhite-space: nowrap;\n\tpadding: var(--label-padding) !important;\n\twidth: min-content;\n\tborder-radius: var(--label-border-radius);\n\tborder: 1px solid var(--core-outline-primary);\n\tcursor: var(--label-cursor);\n}\n\n.UILabel-module_button__KDRZU {\n}\n\n.UILabel-module_regular__3eMc6 {\n}\n\n.UILabel-module_red__CsyBn {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-red);\n}\n\n.UILabel-module_green__rObJs {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-green);\n}\n\n.UILabel-module_yellow__QCAkj {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-primary);\n\tborder-color: var(--label-border-color-yellow);\n}\n\n.UILabel-module_grey__ve4Ya {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-secondary);\n\tborder-color: var(--label-border-color-grey);\n}\n\n.UILabel-module_lightgrey__0rizC {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-disabled);\n\tborder-color: var(--label-border-color-lightgrey);\n}\n\n.UILabel-module_white__cObtu {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-primary);\n\tborder-color: var(--label-border-color-white);\n}\n\n.UILabel-module_blue__ok1r5 {\n\tbackground: var(--label-background);\n\tcolor: var(--core-text-light);\n\tborder-color: var(--label-border-color-blue);\n}\n";
 var css = {"label":"UILabel-module_label__uVU8K flexBox-module_row__PWxbe","button":"UILabel-module_button__KDRZU type-module_body-m-regular__Qtp5G","regular":"UILabel-module_regular__3eMc6 type-module_body-s-regular__8-FO-","red":"UILabel-module_red__CsyBn","green":"UILabel-module_green__rObJs","yellow":"UILabel-module_yellow__QCAkj","grey":"UILabel-module_grey__ve4Ya","lightgrey":"UILabel-module_lightgrey__0rizC","white":"UILabel-module_white__cObtu","blue":"UILabel-module_blue__ok1r5"};
 styleInject(css_248z);
 
 function UILabel(props) {
     const theme = useTheme();
-    const { label, state, noFill = false, button = false, round = false, onClick = () => null, } = props;
+    const { label, state, noFill = false, button = false, round = false, onClick = () => null } = props, divAttributes = __rest(props, ["label", "state", "noFill", "button", "round", "onClick"]);
+    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
+    const divStyle = style !== null && style !== void 0 ? style : {};
+    const divClass = className ? ` ${className}` : '';
     const handleClick = React.useCallback((e) => {
         if (button)
             onClick(e);
@@ -4744,19 +5772,19 @@ function UILabel(props) {
             return 'var(--core-surface-primary)';
         switch (state) {
             case 'red':
-                return theme.colors['feedback-warning'];
+                return theme.current.colors['feedback-warning'];
             case 'green':
-                return theme.colors['feedback-warning'];
+                return theme.current.colors['feedback-warning'];
             case 'yellow':
-                return theme.colors['array-yellow'];
+                return theme.current.colors['array-yellow'];
             case 'grey':
-                return theme.colors['core-surface-secondary'];
+                return theme.current.colors['core-surface-secondary'];
             case 'lightgrey':
-                return theme.colors['core-button-disabled'];
+                return theme.current.colors['core-button-disabled'];
             case 'white':
-                return theme.colors['core-surface-secondary'];
+                return theme.current.colors['core-surface-secondary'];
             case 'blue':
-                return theme.colors['core-button-primary'];
+                return theme.current.colors['core-button-primary'];
             default:
                 return 'var(--core-surface-primary)';
         }
@@ -4766,29 +5794,29 @@ function UILabel(props) {
         const getBorderColor = (colorState) => {
             switch (colorState) {
                 case 'red':
-                    return theme.colors['core-button-disabled'];
+                    return theme.current.colors['core-button-disabled'];
                 case 'green':
                     return noFill
-                        ? theme.colors['feedback-positive']
-                        : theme.colors['core-button-disabled'];
+                        ? theme.current.colors['feedback-positive']
+                        : theme.current.colors['core-button-disabled'];
                 case 'yellow':
-                    return theme.colors['array-yellow-label'];
+                    return theme.current.colors['array-yellow-label'];
                 case 'grey':
                     return noFill
-                        ? theme.colors['core-text-secondary']
-                        : theme.colors['core-button-disabled'];
+                        ? theme.current.colors['core-text-secondary']
+                        : theme.current.colors['core-button-disabled'];
                 case 'lightgrey':
                     return noFill
-                        ? theme.colors['core-outline-primary']
-                        : theme.colors['core-button-disabled'];
+                        ? theme.current.colors['core-outline-primary']
+                        : theme.current.colors['core-button-disabled'];
                 case 'white':
                     return noFill
-                        ? theme.colors['core-text-secondary']
-                        : theme.colors['core-badge-secondary'];
+                        ? theme.current.colors['core-text-secondary']
+                        : theme.current.colors['core-badge-secondary'];
                 case 'blue':
                     return noFill
-                        ? theme.colors['core-text-secondary']
-                        : theme.colors['core-button-primary'];
+                        ? theme.current.colors['core-text-secondary']
+                        : theme.current.colors['core-button-primary'];
                 default:
                     return 'var(--core-outline-primary)';
             }
@@ -4826,7 +5854,7 @@ function UILabel(props) {
     ]
         .filter(Boolean)
         .join(' ');
-    return (jsxRuntime.jsx("div", { className: classNames, onKeyDown: () => null, style: cssVars, onClick: handleClick, children: label }));
+    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: `${classNames}${divClass}`, onKeyDown: () => null, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: handleClick }, rest, { children: label })));
 }
 
 exports.Avatar = Avatar;
@@ -4858,6 +5886,9 @@ exports.Switch = Switch;
 exports.TabBar = TabBar;
 exports.TextArea = TextArea;
 exports.TextField = TextField;
+exports.ThemeProvider = ThemeProvider;
+exports.Tip = Tip;
+exports.Toast = Toast;
 exports.UIButton = UIButton;
 exports.UIButtonBar = UIButtonBar;
 exports.UICard = UICard;
@@ -4868,6 +5899,13 @@ exports.dark = dark;
 exports.darkTheme = darkTheme;
 exports.light = light;
 exports.lightTheme = lightTheme;
-exports.useMayaTheme = useMayaTheme;
+exports.useDoubleClick = useDoubleClick;
+exports.useKeyboardShortcuts = useKeyboardShortcuts;
+exports.useLastUpdated = useLastUpdated;
+exports.useLocalStore = useLocalStore;
+exports.useObserveResize = useObserveResize;
+exports.useObserveTheme = useObserveTheme;
 exports.useTheme = useTheme;
+exports.useToolTip = useToolTip;
+exports.useWindow = useWindow;
 //# sourceMappingURL=index.js.map