@veritone-ce/design-system 2.2.0 → 2.2.2

package/dist/esm/Chip/index.js

@@ -7,26 +7,10 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
-import '@mui/utils';
-import '../Button/index.js';
 import IconButton from '../IconButton/index.js';
 import { DSIcon } from '../Icon/internal.js';
-import '../Box/index.js';
-import '../Checkbox/index.js';
-import '../Dialog/components.js';
-import '../Drawer/components.js';
-import '../Icon/factory.js';
-import '../Input/index.js';
-import '../Menu/controlled.js';
-import '@mui/material/usePagination';
-import '../RadioButton/index.js';
-import '../Select/controlled.js';
-import '../Textarea/index.js';
-import '@mui/material';
-import '../Toast/hook.js';
-import '@floating-ui/react';
-import '../Typography/index.js';
 
 const Chip = forwardRef(
   ({ clearable = true, ...props }, ref) => {

package/dist/esm/CircularProgress/index.js

@@ -8,6 +8,7 @@ import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import 'react';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 const SIZE = 44;

package/dist/esm/Dialog/components.js

@@ -10,7 +10,9 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import { PortalThemeRelay } from '../styles/portal.js';
 import '../styles/styled.js';
+import '../Box/index.js';
 import Button from '../Button/index.js';
 import Typography from '../Typography/index.js';
 import IconButton from '../IconButton/index.js';
@@ -36,7 +38,7 @@ const Dialog = React.forwardRef(function Dialog2({
         style: overlayStyle,
         className: cx(modules_efc4e723["dialog-overlay"], overlayClassName),
         lockScroll,
-        children: /* @__PURE__ */ jsx(FloatingFocusManager, { context: dialog.context, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(FloatingFocusManager, { context: dialog.context, children: /* @__PURE__ */ jsx(PortalThemeRelay, { children: /* @__PURE__ */ jsx(
           "div",
           {
             ref,
@@ -48,7 +50,7 @@ const Dialog = React.forwardRef(function Dialog2({
             className: cx(modules_efc4e723["dialog"], className),
             children
           }
-        ) })
+        ) }) })
       }
     ) });
   }

package/dist/esm/Drawer/components.js

@@ -2,7 +2,8 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import { useMergeRefs, FloatingPortal, FloatingOverlay, FloatingFocusManager } from '@floating-ui/react';
+import { useMergeRefs, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
+import { RemoveScroll } from 'react-remove-scroll';
 import modules_efc4e723 from './styles.module.scss.js';
 import { useDrawer, DrawerContext, useDrawerContext } from './state.js';
 import 'color2k';
@@ -11,6 +12,7 @@ import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
 import { resolvePaletteValue } from '../styles/palette.js';
+import '../Box/index.js';
 import '../styles/styled.js';
 import Button from '../Button/index.js';
 import Typography from '../Typography/index.js';
@@ -21,25 +23,37 @@ const Drawer = React.forwardRef(function Drawer2({
   portalEl,
   style,
   className,
+  overlay = true,
+  strategy = "fixed",
   overlayStyle,
   overlayClassName,
   lockScroll = true,
   "data-testid": dataTestId,
   ...options
 }, propRef) {
-  const drawer = useDrawer(options);
+  const drawer = useDrawer({
+    ...options,
+    dismissEnabled: overlay
+  });
   const ref = useMergeRefs([drawer.context.refs.setFloating, propRef]);
+  const strategyCn = modules_efc4e723[`drawer-overlay-strategy-${strategy}`];
   let content = null;
   if (drawer.context.open) {
     content = /* @__PURE__ */ jsx(FloatingPortal, { root: portalEl, children: /* @__PURE__ */ jsx(
-      FloatingOverlay,
+      "div",
       {
         style: overlayStyle,
-        className: cx(modules_efc4e723["drawer-overlay"], overlayClassName),
-        lockScroll,
+        className: cx(
+          modules_efc4e723["drawer-overlay"],
+          strategyCn,
+          overlay && modules_efc4e723["drawer-overlay-enabled"],
+          overlayClassName
+        ),
         children: /* @__PURE__ */ jsx(FloatingFocusManager, { context: drawer.context, children: /* @__PURE__ */ jsx(
-          "div",
+          RemoveScroll,
           {
+            as: "div",
+            enabled: overlay && lockScroll,
             ref,
             "aria-labelledby": drawer.labelId,
             "aria-describedby": drawer.descriptionId,

package/dist/esm/Drawer/factory.js

@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import Drawer from './components.js';
 
-function createDrawerComponent({ portalEl }) {
+function createDrawerComponent(overrides) {
   return forwardRef(
     function ScopedDrawer(props, ref) {
-      return /* @__PURE__ */ jsx(Drawer, { portalEl, ref, ...props });
+      return /* @__PURE__ */ jsx(Drawer, { ...overrides, ref, ...props });
     }
   );
 }

package/dist/esm/Drawer/state.js

@@ -3,7 +3,11 @@
 import * as React from 'react';
 import { useFloating, useDismiss, useRole, useInteractions } from '@floating-ui/react';
 
-function useDrawer({ open, onDismiss: dismissDrawer }) {
+function useDrawer({
+  open,
+  dismissEnabled,
+  onDismiss: dismissDrawer
+}) {
   const [labelId, setLabelId] = React.useState();
   const [descriptionId, setDescriptionId] = React.useState();
   const data = useFloating({
@@ -11,7 +15,10 @@ function useDrawer({ open, onDismiss: dismissDrawer }) {
     onOpenChange: (newOpen) => !newOpen && dismissDrawer()
   });
   const context = data.context;
-  const dismiss = useDismiss(context, { outsidePressEvent: "mousedown" });
+  const dismiss = useDismiss(context, {
+    enabled: dismissEnabled,
+    outsidePressEvent: "mousedown"
+  });
   const role = useRole(context);
   const interactions = useInteractions([dismiss, role]);
   return React.useMemo(

package/dist/esm/Drawer/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"drawer-overlay":"vt_ce_Drawer_drawerOverlay__711dd4dc","drawer":"vt_ce_Drawer_drawer__711dd4dc","drawer-start":"vt_ce_Drawer_drawerStart__711dd4dc","drawer-end":"vt_ce_Drawer_drawerEnd__711dd4dc","drawer-content":"vt_ce_Drawer_drawerContent__711dd4dc","drawer-title-container":"vt_ce_Drawer_drawerTitleContainer__711dd4dc","drawer-title":"vt_ce_Drawer_drawerTitle__711dd4dc","drawer-title-actions":"vt_ce_Drawer_drawerTitleActions__711dd4dc","drawer-typography":"vt_ce_Drawer_drawerTypography__711dd4dc","drawer-actions":"vt_ce_Drawer_drawerActions__711dd4dc"};
+var modules_efc4e723 = {"drawer-overlay":"vt_ce_Drawer_drawerOverlay__15fba194","drawer-overlay-enabled":"vt_ce_Drawer_drawerOverlayEnabled__15fba194","drawer-overlay-strategy-fixed":"vt_ce_Drawer_drawerOverlayStrategyFixed__15fba194","drawer-overlay-strategy-absolute":"vt_ce_Drawer_drawerOverlayStrategyAbsolute__15fba194","drawer":"vt_ce_Drawer_drawer__15fba194","drawer-start":"vt_ce_Drawer_drawerStart__15fba194","drawer-end":"vt_ce_Drawer_drawerEnd__15fba194","drawer-content":"vt_ce_Drawer_drawerContent__15fba194","drawer-title-container":"vt_ce_Drawer_drawerTitleContainer__15fba194","drawer-title":"vt_ce_Drawer_drawerTitle__15fba194","drawer-title-actions":"vt_ce_Drawer_drawerTitleActions__15fba194","drawer-typography":"vt_ce_Drawer_drawerTypography__15fba194","drawer-actions":"vt_ce_Drawer_drawerActions__15fba194"};
 
 export { modules_efc4e723 as default };

package/dist/esm/Icon/wrappers.js

@@ -7,6 +7,7 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 function adaptMuiSvgIcon(MuiIcon) {

package/dist/esm/IconButton/index.js

@@ -10,6 +10,7 @@ import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
 import { resolvePaletteValue } from '../styles/palette.js';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 const IconButton = forwardRef(

package/dist/esm/IconButton/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"button":"vt_ce_IconButton_button__8407c5d8","primary":"vt_ce_IconButton_primary__8407c5d8","secondary":"vt_ce_IconButton_secondary__8407c5d8","inner-icon":"vt_ce_IconButton_innerIcon__8407c5d8","loading-container":"vt_ce_IconButton_loadingContainer__8407c5d8"};
+var modules_efc4e723 = {"button":"vt_ce_IconButton_button__b93e4a21","primary":"vt_ce_IconButton_primary__b93e4a21","secondary":"vt_ce_IconButton_secondary__b93e4a21","inner-icon":"vt_ce_IconButton_innerIcon__b93e4a21","loading-container":"vt_ce_IconButton_loadingContainer__b93e4a21"};
 
 export { modules_efc4e723 as default };

package/dist/esm/Input/index.js

@@ -8,6 +8,7 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 const Input = forwardRef((props, ref) => {

package/dist/esm/Menu/controlled.js

@@ -7,7 +7,9 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import { PortalThemeRelay } from '../styles/portal.js';
 import '../styles/styled.js';
+import '../Box/index.js';
 import { useListItem, useMergeRefs, useFloating, offset, flip, shift, size, autoUpdate, useRole, useDismiss, useListNavigation, useTypeahead, useInteractions, FloatingList, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
 import modules_efc4e723 from './styles.module.scss.js';
 import { resolvePopoverAnchor } from '../popover/utils.js';
@@ -88,7 +90,7 @@ function Menu({
       context,
       modal: false,
       order: ["reference", "content"],
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(PortalThemeRelay, { children: /* @__PURE__ */ jsx(
         "div",
         {
           "data-testid": props["data-testid"],
@@ -117,7 +119,7 @@ function Menu({
             i
           ))
         }
-      )
+      ) })
     }
   ) }) });
 }

package/dist/esm/RadioButton/index.js

@@ -9,6 +9,7 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 const RadioButton = forwardRef(

package/dist/esm/Select/controlled.js

@@ -7,6 +7,7 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 import modules_efc4e723 from './styles.module.scss.js';
 import { ArrowDropDown, Close } from '@mui/icons-material';

package/dist/esm/TablePagination/index.js

@@ -26,11 +26,12 @@ function TablePagination({
         {
           defaultValue: rowsPerPage,
           clearable: false,
-          size: rowsPerPageOptions.length > 0 ? getDigits(Math.max(...rowsPerPageOptions)) - 1 : 3,
+          size: rowsPerPageOptions.length > 0 ? getDigits(Math.max(...rowsPerPageOptions)) : 3,
           options: rowsPerPageOptions.map((option) => ({
             label: option.toLocaleString(),
             value: option
           })),
+          onChange: (_, newRowsPerPage) => props.onRowsPerPageChange?.(newRowsPerPage),
           className: modules_efc4e723["rows-per-page-select"]
         }
       )

package/dist/esm/Textarea/index.js

@@ -8,6 +8,7 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 const Textarea = forwardRef(

package/dist/esm/Tooltip/index.js

@@ -8,20 +8,22 @@ import 'color2k';
 import '../styles/css-vars.js';
 import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 function Tooltip({
   placement = "bottom",
   showArrow = true,
   strategy = "absolute",
+  disabled = false,
   ...props
 }) {
-  const [_isOpen, setIsOpen] = React__default.useState(false);
-  const isOpen = props.isOpen ?? _isOpen;
+  const [_open, setOpen] = React__default.useState(false);
+  const open = !disabled && (props.open ?? _open);
   const arrowRef = React__default.useRef(null);
   const { refs, floatingStyles, context } = useFloating({
-    open: isOpen,
-    onOpenChange: setIsOpen,
+    open,
+    onOpenChange: setOpen,
     placement,
     strategy,
     middleware: [
@@ -60,7 +62,7 @@ function Tooltip({
         children: props.children
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs(
+    open && /* @__PURE__ */ jsxs(
       "div",
       {
         ref: refs.setFloating,

package/dist/esm/Tooltip/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"tooltip-anchor":"vt_ce_Tooltip_tooltipAnchor__767b0a12","tooltip-body":"vt_ce_Tooltip_tooltipBody__767b0a12"};
+var modules_efc4e723 = {"tooltip-anchor":"vt_ce_Tooltip_tooltipAnchor__4170edb1","tooltip-body":"vt_ce_Tooltip_tooltipBody__4170edb1"};
 
 export { modules_efc4e723 as default };

package/dist/esm/Typography/index.js

@@ -5,8 +5,9 @@ import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
-import '../styles/styled.js';
 import 'react/jsx-runtime';
+import '../Box/index.js';
+import '../styles/styled.js';
 import modules_b5c3b63b from './variants.module.scss.js';
 
 const Typography = forwardRef(

package/dist/esm/Typography/variants.module.scss.js

@@ -1,3 +1,3 @@
-var modules_b5c3b63b = {"t-title":"vt_ce_Typography_tTitle__8a6d644d","t-h1":"vt_ce_Typography_tH1__8a6d644d","t-h2":"vt_ce_Typography_tH2__8a6d644d","t-h3":"vt_ce_Typography_tH3__8a6d644d","t-h4":"vt_ce_Typography_tH4__8a6d644d","t-label":"vt_ce_Typography_tLabel__8a6d644d","t-paragraph1":"vt_ce_Typography_tParagraph1__8a6d644d","t-paragraph2":"vt_ce_Typography_tParagraph2__8a6d644d","t-paragraph3":"vt_ce_Typography_tParagraph3__8a6d644d","t-button":"vt_ce_Typography_tButton__8a6d644d","t-buttonSmall":"vt_ce_Typography_tButtonSmall__8a6d644d","c-primary":"vt_ce_Typography_cPrimary__8a6d644d","c-secondary":"vt_ce_Typography_cSecondary__8a6d644d","c-tertiary":"vt_ce_Typography_cTertiary__8a6d644d","c-disabled":"vt_ce_Typography_cDisabled__8a6d644d"};
+var modules_b5c3b63b = {"t-title":"vt_ce_Typography_tTitle__56e154f0","t-h1":"vt_ce_Typography_tH1__56e154f0","t-h2":"vt_ce_Typography_tH2__56e154f0","t-h3":"vt_ce_Typography_tH3__56e154f0","t-h4":"vt_ce_Typography_tH4__56e154f0","t-label":"vt_ce_Typography_tLabel__56e154f0","t-paragraph1":"vt_ce_Typography_tParagraph1__56e154f0","t-paragraph2":"vt_ce_Typography_tParagraph2__56e154f0","t-paragraph3":"vt_ce_Typography_tParagraph3__56e154f0","t-button":"vt_ce_Typography_tButton__56e154f0","t-buttonSmall":"vt_ce_Typography_tButtonSmall__56e154f0","c-primary":"vt_ce_Typography_cPrimary__56e154f0","c-secondary":"vt_ce_Typography_cSecondary__56e154f0","c-tertiary":"vt_ce_Typography_cTertiary__56e154f0","c-disabled":"vt_ce_Typography_cDisabled__56e154f0","c-inherit":"vt_ce_Typography_cInherit__56e154f0"};
 
 export { modules_b5c3b63b as default };

package/dist/esm/index.js

@@ -6,6 +6,7 @@ export { cx } from './styles/cx.js';
 export { defaultThemeCssVariableUsages as ThemeVars, defaultDarkTheme, default as defaultTheme } from './styles/defaultTheme.js';
 export { default as useTheme } from './styles/useTheme.js';
 export { resolvePaletteValue } from './styles/palette.js';
+export { PortalThemeRelay } from './styles/portal.js';
 export { createPalette } from './styles/createPalette.js';
 export { default as experimentalStyled, default as styled } from './styles/styled.js';
 export { ThemeContextProvider } from './styles/provider.client.js';

package/dist/esm/styles/components.module.scss.js

@@ -0,0 +1,3 @@
+var modules_f3eb997f = {"css-var-provider":"vt_ce_styles_cssVarProvider__b6a03d8f"};
+
+export { modules_f3eb997f as default };

package/dist/esm/styles/palette.js

@@ -1,12 +1,6 @@
 'use strict';
 import { deepGetValue } from '../utils/recursive.js';
-import 'color2k';
-import './css-vars.js';
 import { defaultThemeCssVariableUsages } from './defaultTheme.js';
-import 'react';
-import '@mui/system';
-import './styled.js';
-import 'react/jsx-runtime';
 
 function resolvePaletteValue(input, palette = defaultThemeCssVariableUsages.palette) {
   if (typeof input === "string") {

package/dist/esm/styles/portal.js

@@ -0,0 +1,13 @@
+'use strict';
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { ThemeCssVarsProvider } from './provider.css-vars.js';
+import useTheme from './useTheme.js';
+import { ThemeContextProvider } from './provider.client.js';
+
+function PortalThemeRelay(props) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(ThemeContextProvider, { theme, includeCssVarWrapper: false, children: /* @__PURE__ */ jsx(ThemeCssVarsProvider, { theme, children: props.children }) });
+}
+
+export { PortalThemeRelay };

package/dist/esm/styles/provider.css-vars.js

@@ -1,6 +1,10 @@
 'use strict';
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { createThemeCssVariableDefinitions } from './css-vars.js';
+import Box from '../Box/index.js';
+import modules_f3eb997f from './components.module.scss.js';
+import { cx } from './cx.js';
 
 function ThemeCssVarsProvider({
   theme: themeInput,
@@ -10,13 +14,12 @@ function ThemeCssVarsProvider({
   children
 }) {
   return /* @__PURE__ */ jsx(
-    Component,
+    Box,
     {
-      style: {
-        ...createThemeCssVariableDefinitions(themeInput),
-        ...style
-      },
-      className,
+      component: Component,
+      sx: createThemeCssVariableDefinitions(themeInput),
+      style,
+      className: cx(modules_f3eb997f["css-var-provider"], className),
       children
     }
   );

package/dist/esm/styles.css

@@ -9,11 +9,12 @@
 /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
 .vt_ce_CircularProgress_container__0fadb3a4{--vt-ce-circular-progress-color:var(--vt-ce-theme-palette-action-primary-base-surface,#1871e8);align-items:baseline;color:var(--vt-ce-circular-progress-color);display:inline-flex;justify-content:center}.vt_ce_CircularProgress_container__0fadb3a4[data-fill-parent-height=true]{align-items:stretch;height:100%;width:100%}.vt_ce_CircularProgress_container__0fadb3a4[data-fill-parent-height=true] .vt_ce_CircularProgress_progressContainer__0fadb3a4{height:100%;width:100%}.vt_ce_CircularProgress_progressContainer__0fadb3a4{display:inline-block;height:var(--vt-ce-circular-progress-size);width:var(--vt-ce-circular-progress-size)}.vt_ce_CircularProgress_progressSvg__0fadb3a4{display:block;stroke:currentColor;animation:vt_ce_CircularProgress_circularRotateKeyframe__0fadb3a4 1.4s linear infinite;height:100%}.vt_ce_CircularProgress_progressCircle__0fadb3a4{stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:vt_ce_CircularProgress_circularDashKeyframe__0fadb3a4 1.4s ease-in-out infinite}@keyframes vt_ce_CircularProgress_circularRotateKeyframe__0fadb3a4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vt_ce_CircularProgress_circularDashKeyframe__0fadb3a4{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
 .vt_ce_Button_button__83b29f90{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;gap:5px;justify-content:center;position:relative}.vt_ce_Button_button__83b29f90[data-size=large]{font-family:var(--vt-ce-theme-typography-button-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-button-fontSize,14px);font-style:var(--vt-ce-theme-typography-button-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-button-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-button-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-button-lineHeight,20px);min-height:36px;padding:7px 15px;text-transform:var(--vt-ce-theme-typography-button-textTransform,inherit)}.vt_ce_Button_button__83b29f90[data-size=small]{font-family:var(--vt-ce-theme-typography-buttonSmall-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-buttonSmall-fontSize,12px);font-style:var(--vt-ce-theme-typography-buttonSmall-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-buttonSmall-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-buttonSmall-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-buttonSmall-lineHeight,18px);min-height:26px;padding:3px 15px;text-transform:var(--vt-ce-theme-typography-buttonSmall-textTransform,inherit)}.vt_ce_Button_button__83b29f90.vt_ce_Button_primary__83b29f90{background-color:var(--vt-ce-button-palette-base-surface);color:var(--vt-ce-button-palette-base-on)}.vt_ce_Button_button__83b29f90.vt_ce_Button_primary__83b29f90:hover,.vt_ce_Button_button__83b29f90.vt_ce_Button_primary__83b29f90[data-active=true]{background-color:var(--vt-ce-button-palette-hover-surface);color:var(--vt-ce-button-palette-hover-on)}.vt_ce_Button_button__83b29f90.vt_ce_Button_primary__83b29f90:disabled{background-color:var(--vt-ce-button-palette-disabled-surface);border-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);color:var(--vt-ce-button-palette-disabled-on)}.vt_ce_Button_button__83b29f90.vt_ce_Button_secondary__83b29f90{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-color:var(--vt-ce-button-palette-base-surface);color:var(--vt-ce-button-palette-base-surface)}.vt_ce_Button_button__83b29f90.vt_ce_Button_secondary__83b29f90:hover,.vt_ce_Button_button__83b29f90.vt_ce_Button_secondary__83b29f90[data-active=true]{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-color:var(--vt-ce-button-palette-hover-surface);color:var(--vt-ce-button-palette-hover-surface)}.vt_ce_Button_button__83b29f90.vt_ce_Button_secondary__83b29f90:disabled{background-color:var(--vt-ce-button-palette-disabled-surface);border-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);color:var(--vt-ce-button-palette-disabled-on)}.vt_ce_Button_button__83b29f90.vt_ce_Button_tertiary__83b29f90{background-color:transparent;color:var(--vt-ce-button-palette-base-surface)}.vt_ce_Button_button__83b29f90.vt_ce_Button_tertiary__83b29f90:hover,.vt_ce_Button_button__83b29f90.vt_ce_Button_tertiary__83b29f90[data-active=true]{color:var(--vt-ce-button-palette-hover-surface)}.vt_ce_Button_button__83b29f90.vt_ce_Button_tertiary__83b29f90:disabled{color:var(--vt-ce-button-palette-disabled-on)}.vt_ce_Button_button__83b29f90[data-loading=true] .vt_ce_Button_innerContainer__83b29f90{visibility:hidden}.vt_ce_Button_loadingContainer__83b29f90{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.vt_ce_Button_innerContainer__83b29f90{align-items:center;display:inline-flex;gap:5px;justify-content:center;visibility:visible}.vt_ce_Button_buttonIcon__83b29f90{align-items:center;display:inline-flex;justify-content:center;--vt-ce-icon-size:18px}
-.vt_ce_IconButton_button__8407c5d8{background-color:transparent;border-style:none;cursor:pointer;display:inline-block;font-size:0;padding:7px;position:relative}.vt_ce_IconButton_button__8407c5d8.vt_ce_IconButton_primary__8407c5d8{color:var(--vt-ce-icon-button-palette-base-surface)}.vt_ce_IconButton_button__8407c5d8.vt_ce_IconButton_primary__8407c5d8:hover{color:var(--vt-ce-icon-button-palette-hover-surface)}.vt_ce_IconButton_button__8407c5d8.vt_ce_IconButton_secondary__8407c5d8{color:var(--vt-ce-icon-button-palette-base-on)}.vt_ce_IconButton_button__8407c5d8.vt_ce_IconButton_secondary__8407c5d8:hover{color:var(--vt-ce-icon-button-palette-hover-on)}.vt_ce_IconButton_button__8407c5d8:disabled{color:var(--vt-ce-icon-button-palette-disabled-on)}.vt_ce_IconButton_button__8407c5d8[data-loading=true] .vt_ce_IconButton_innerIcon__8407c5d8{visibility:hidden}.vt_ce_IconButton_loadingContainer__8407c5d8{bottom:7px;left:7px;position:absolute;right:7px;top:7px}
-.vt_ce_Tooltip_tooltipAnchor__767b0a12{display:inline}.vt_ce_Tooltip_tooltipBody__767b0a12{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);border-radius:4px;border-style:solid;border-width:1px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);padding:4px 10px;text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}
-.vt_ce_Typography_tTitle__8a6d644d{font-family:var(--vt-ce-theme-typography-title-fontFamily,Dosis,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-title-fontSize,18px);font-style:var(--vt-ce-theme-typography-title-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-title-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-title-letterSpacing,.25px);line-height:var(--vt-ce-theme-typography-title-lineHeight,normal);text-transform:var(--vt-ce-theme-typography-title-textTransform,uppercase)}.vt_ce_Typography_tH1__8a6d644d{font-family:var(--vt-ce-theme-typography-h1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h1-fontSize,24px);font-style:var(--vt-ce-theme-typography-h1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h1-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h1-lineHeight,34px);text-transform:var(--vt-ce-theme-typography-h1-textTransform,inherit)}.vt_ce_Typography_tH2__8a6d644d{font-family:var(--vt-ce-theme-typography-h2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h2-fontSize,20px);font-style:var(--vt-ce-theme-typography-h2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h2-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h2-lineHeight,30px);text-transform:var(--vt-ce-theme-typography-h2-textTransform,inherit)}.vt_ce_Typography_tH3__8a6d644d{font-family:var(--vt-ce-theme-typography-h3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h3-fontSize,18px);font-style:var(--vt-ce-theme-typography-h3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h3-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h3-lineHeight,26px);text-transform:var(--vt-ce-theme-typography-h3-textTransform,inherit)}.vt_ce_Typography_tH4__8a6d644d{font-family:var(--vt-ce-theme-typography-h4-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h4-fontSize,16px);font-style:var(--vt-ce-theme-typography-h4-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h4-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h4-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h4-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-h4-textTransform,inherit)}.vt_ce_Typography_tLabel__8a6d644d{font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Typography_tParagraph1__8a6d644d{font-family:var(--vt-ce-theme-typography-paragraph1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph1-fontSize,16px);font-style:var(--vt-ce-theme-typography-paragraph1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph1-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph1-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-paragraph1-textTransform,inherit)}.vt_ce_Typography_tParagraph2__8a6d644d{font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Typography_tParagraph3__8a6d644d{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Typography_tButton__8a6d644d{font-family:var(--vt-ce-theme-typography-button-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-button-fontSize,14px);font-style:var(--vt-ce-theme-typography-button-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-button-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-button-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-button-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-button-textTransform,inherit)}.vt_ce_Typography_tButtonSmall__8a6d644d{font-family:var(--vt-ce-theme-typography-buttonSmall-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-buttonSmall-fontSize,12px);font-style:var(--vt-ce-theme-typography-buttonSmall-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-buttonSmall-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-buttonSmall-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-buttonSmall-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-buttonSmall-textTransform,inherit)}.vt_ce_Typography_cPrimary__8a6d644d{color:var(--vt-ce-theme-palette-text-primary,#2a323c)}.vt_ce_Typography_cSecondary__8a6d644d{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Typography_cTertiary__8a6d644d{color:var(--vt-ce-theme-palette-text-tertiary,#465364)}.vt_ce_Typography_cDisabled__8a6d644d{color:var(--vt-ce-theme-palette-disabled-on,#7c848d)}
-.vt_ce_Dialog_dialogOverlay__19d426a2{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__19d426a2{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogStart__19d426a2:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogEnd__19d426a2:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__19d426a2{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__19d426a2{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__19d426a2{margin:15px 0}.vt_ce_Dialog_dialogActions__19d426a2{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}
-.vt_ce_Drawer_drawerOverlay__711dd4dc{background:rgba(0,0,0,.54);display:grid;place-items:stretch end}.vt_ce_Drawer_drawer__711dd4dc{background-color:var(--vt-ce-theme-palette-background-primary,#fff);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;max-width:calc(100% - 64px);padding:20px 0}.vt_ce_Drawer_drawer__711dd4dc:has(>.vt_ce_Drawer_drawerStart__711dd4dc:first-child){padding-block-start:0}.vt_ce_Drawer_drawer__711dd4dc:has(>.vt_ce_Drawer_drawerEnd__711dd4dc:last-child){padding-block-end:0}.vt_ce_Drawer_drawerStart__711dd4dc{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerContent__711dd4dc{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 20px}.vt_ce_Drawer_drawerEnd__711dd4dc{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerTitleContainer__711dd4dc{align-items:baseline;background-color:var(--vt-ce-theme-palette-background-primary,#fff);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;justify-content:space-between}.vt_ce_Drawer_drawerTitleContainer__711dd4dc[data-container=bar]{background-color:var(--vt-ce-drawer-palette-surface);color:var(--vt-ce-drawer-palette-on)}.vt_ce_Drawer_drawerTitle__711dd4dc{flex:1 0 auto;margin:20px 0;padding:0 20px}.vt_ce_Drawer_drawerTitleActions__711dd4dc{display:flex;flex:0 0 auto;padding:0 20px 0 0}.vt_ce_Drawer_drawerTypography__711dd4dc{margin:20px 0}.vt_ce_Drawer_drawerActions__711dd4dc{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;margin:20px 0;padding:0 20px}
+.vt_ce_IconButton_button__b93e4a21{background-color:transparent;border-style:none;cursor:pointer;display:inline-block;font-size:0;padding:7px;position:relative}.vt_ce_IconButton_button__b93e4a21.vt_ce_IconButton_primary__b93e4a21{color:var(--vt-ce-icon-button-palette-base-surface)}.vt_ce_IconButton_button__b93e4a21.vt_ce_IconButton_primary__b93e4a21:hover{color:var(--vt-ce-icon-button-palette-hover-surface)}.vt_ce_IconButton_button__b93e4a21.vt_ce_IconButton_primary__b93e4a21:disabled{color:var(--vt-ce-icon-button-palette-disabled-on)}.vt_ce_IconButton_button__b93e4a21.vt_ce_IconButton_secondary__b93e4a21{color:var(--vt-ce-icon-button-palette-base-on)}.vt_ce_IconButton_button__b93e4a21.vt_ce_IconButton_secondary__b93e4a21:hover{color:var(--vt-ce-icon-button-palette-hover-on)}.vt_ce_IconButton_button__b93e4a21.vt_ce_IconButton_secondary__b93e4a21:disabled{color:var(--vt-ce-icon-button-palette-disabled-on)}.vt_ce_IconButton_button__b93e4a21[data-loading=true] .vt_ce_IconButton_innerIcon__b93e4a21{visibility:hidden}.vt_ce_IconButton_loadingContainer__b93e4a21{bottom:7px;left:7px;position:absolute;right:7px;top:7px}
+.vt_ce_Tooltip_tooltipAnchor__4170edb1{display:inline}.vt_ce_Tooltip_tooltipBody__4170edb1{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);border-radius:4px;border-style:solid;border-width:1px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);padding:4px 10px;text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit);z-index:10}
+.vt_ce_Typography_tTitle__56e154f0{font-family:var(--vt-ce-theme-typography-title-fontFamily,Dosis,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-title-fontSize,18px);font-style:var(--vt-ce-theme-typography-title-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-title-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-title-letterSpacing,.25px);line-height:var(--vt-ce-theme-typography-title-lineHeight,normal);text-transform:var(--vt-ce-theme-typography-title-textTransform,uppercase)}.vt_ce_Typography_tH1__56e154f0{font-family:var(--vt-ce-theme-typography-h1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h1-fontSize,24px);font-style:var(--vt-ce-theme-typography-h1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h1-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h1-lineHeight,34px);text-transform:var(--vt-ce-theme-typography-h1-textTransform,inherit)}.vt_ce_Typography_tH2__56e154f0{font-family:var(--vt-ce-theme-typography-h2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h2-fontSize,20px);font-style:var(--vt-ce-theme-typography-h2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h2-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h2-lineHeight,30px);text-transform:var(--vt-ce-theme-typography-h2-textTransform,inherit)}.vt_ce_Typography_tH3__56e154f0{font-family:var(--vt-ce-theme-typography-h3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h3-fontSize,18px);font-style:var(--vt-ce-theme-typography-h3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h3-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h3-lineHeight,26px);text-transform:var(--vt-ce-theme-typography-h3-textTransform,inherit)}.vt_ce_Typography_tH4__56e154f0{font-family:var(--vt-ce-theme-typography-h4-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h4-fontSize,16px);font-style:var(--vt-ce-theme-typography-h4-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h4-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h4-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h4-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-h4-textTransform,inherit)}.vt_ce_Typography_tLabel__56e154f0{font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Typography_tParagraph1__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph1-fontSize,16px);font-style:var(--vt-ce-theme-typography-paragraph1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph1-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph1-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-paragraph1-textTransform,inherit)}.vt_ce_Typography_tParagraph2__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Typography_tParagraph3__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Typography_tButton__56e154f0{font-family:var(--vt-ce-theme-typography-button-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-button-fontSize,14px);font-style:var(--vt-ce-theme-typography-button-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-button-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-button-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-button-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-button-textTransform,inherit)}.vt_ce_Typography_tButtonSmall__56e154f0{font-family:var(--vt-ce-theme-typography-buttonSmall-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-buttonSmall-fontSize,12px);font-style:var(--vt-ce-theme-typography-buttonSmall-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-buttonSmall-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-buttonSmall-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-buttonSmall-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-buttonSmall-textTransform,inherit)}.vt_ce_Typography_cPrimary__56e154f0{color:var(--vt-ce-theme-palette-text-primary,#2a323c)}.vt_ce_Typography_cSecondary__56e154f0{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Typography_cTertiary__56e154f0{color:var(--vt-ce-theme-palette-text-tertiary,#465364)}.vt_ce_Typography_cDisabled__56e154f0{color:var(--vt-ce-theme-palette-disabled-on,#7c848d)}.vt_ce_Typography_cInherit__56e154f0{color:inherit}
+.vt_ce_styles_cssVarProvider__b6a03d8f{display:contents}
+.vt_ce_Drawer_drawerOverlay__15fba194{display:grid;inset:0;place-items:stretch end;pointer-events:none}.vt_ce_Drawer_drawerOverlay__15fba194>*{pointer-events:auto}.vt_ce_Drawer_drawerOverlayEnabled__15fba194{background:rgba(0,0,0,.54);pointer-events:auto}.vt_ce_Drawer_drawerOverlayStrategyFixed__15fba194{position:fixed}.vt_ce_Drawer_drawerOverlayStrategyAbsolute__15fba194{position:absolute}.vt_ce_Drawer_drawer__15fba194{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-inline-start:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;max-width:calc(100% - 64px);padding:20px 0}.vt_ce_Drawer_drawer__15fba194:has(>.vt_ce_Drawer_drawerStart__15fba194:first-child){padding-block-start:0}.vt_ce_Drawer_drawer__15fba194:has(>.vt_ce_Drawer_drawerEnd__15fba194:last-child){padding-block-end:0}.vt_ce_Drawer_drawerStart__15fba194{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerContent__15fba194{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 20px}.vt_ce_Drawer_drawerEnd__15fba194{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerTitleContainer__15fba194{align-items:baseline;background-color:var(--vt-ce-theme-palette-background-primary,#fff);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;justify-content:space-between}.vt_ce_Drawer_drawerTitleContainer__15fba194[data-container=bar]{background-color:var(--vt-ce-drawer-palette-surface);color:var(--vt-ce-drawer-palette-on)}.vt_ce_Drawer_drawerTitle__15fba194{flex:1 0 auto;margin:20px 0;padding:0 20px}.vt_ce_Drawer_drawerTitleActions__15fba194{display:flex;flex:0 0 auto;padding:0 20px 0 0}.vt_ce_Drawer_drawerTypography__15fba194{margin:20px 0}.vt_ce_Drawer_drawerActions__15fba194{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;margin:20px 0;padding:0 20px}
 .vt_ce_Icon_icon__5881e2e1{display:inline-block;height:var(--vt-ce-icon-size,18px);width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1 svg{height:var(--vt-ce-icon-size,18px);vertical-align:baseline;width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1[data-size=large],.vt_ce_Icon_icon__5881e2e1[data-size=large] svg{height:24px;width:24px}.vt_ce_Icon_icon__5881e2e1[data-size=medium],.vt_ce_Icon_icon__5881e2e1[data-size=medium] svg{height:18px;width:18px}.vt_ce_Icon_icon__5881e2e1[data-size=small],.vt_ce_Icon_icon__5881e2e1[data-size=small] svg{height:14px;width:14px}.vt_ce_Icon_icon__5881e2e1[data-size=inherit],.vt_ce_Icon_icon__5881e2e1[data-size=inherit] svg{font-size:1em;height:1em;width:1em}
 .vt_ce_Menu_menu__f5f59292{border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:0 0 4px 4px;display:block;outline:0;padding-bottom:5px;padding-top:5px}.vt_ce_Menu_menu__f5f59292,.vt_ce_Menu_option__f5f59292{background-color:var(--vt-ce-theme-palette-background-primary,#fff)}.vt_ce_Menu_option__f5f59292{align-items:center;border:none;color:var(--vt-ce-theme-palette-text-primary,#2a323c);cursor:pointer;display:flex;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);padding:5px 10px;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit);width:100%}.vt_ce_Menu_option__f5f59292:focus{background-color:var(--vt-ce-theme-palette-table-hover-surface,#eaf1fa);color:var(--vt-ce-theme-palette-table-hover-on,#000);outline:none}.vt_ce_Menu_optionIcon__f5f59292{align-items:center;display:inline-flex;justify-content:center;margin-inline-end:10px;--vt-ce-icon-size:14px}.vt_ce_Menu_optionLabel__f5f59292{text-align:start}
-.vt_ce_Select_select__cb05e024{cursor:pointer;display:inline-flex;flex-direction:column;gap:3px}.vt_ce_Select_label__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Select_innerInputContainer__cb05e024{align-items:center;align-self:stretch;background:var(--vt-ce-theme-palette-background-primary,#fff);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;gap:10px;margin-bottom:1px;margin-top:1px;outline:var(--vt-ce-theme-palette-text-secondary,#5c6269) solid 1px;padding:0 8px}.vt_ce_Select_innerInputContainer__cb05e024:focus-within,.vt_ce_Select_innerInputContainer__cb05e024:hover,.vt_ce_Select_innerInputContainer__cb05e024[data-focused=true]{outline-color:var(--vt-ce-theme-palette-action-primary-hover-surface,#335b89);outline-width:2px}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]{background-color:var(--vt-ce-theme-palette-action-primary-disabled-surface,#fafafa);color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d);outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0)}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:focus-within,.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:hover{outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);outline-width:1px}.vt_ce_Select_innerInputContainer__cb05e024[data-error=true]{outline-color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000)}.vt_ce_Select_innerInput__cb05e024{background:none;border:none;color:inherit;flex-grow:1;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);outline:none;padding:8px 0;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Select_innerInput__cb05e024::-moz-placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024::placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::-moz-placeholder{color:inherit}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::placeholder{color:inherit}.vt_ce_Select_selectIcon__cb05e024{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;padding:8px 0;--vt-ce-icon-size:18px}.vt_ce_Select_helpLabel__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Select_errorLabel__cb05e024,.vt_ce_Select_helpLabel__cb05e024{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Select_errorLabel__cb05e024{align-items:center;color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000);display:flex;gap:3px}
+.vt_ce_Select_select__cb05e024{cursor:pointer;display:inline-flex;flex-direction:column;gap:3px}.vt_ce_Select_label__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Select_innerInputContainer__cb05e024{align-items:center;align-self:stretch;background:var(--vt-ce-theme-palette-background-primary,#fff);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;gap:10px;margin-bottom:1px;margin-top:1px;outline:var(--vt-ce-theme-palette-text-secondary,#5c6269) solid 1px;padding:0 8px}.vt_ce_Select_innerInputContainer__cb05e024:focus-within,.vt_ce_Select_innerInputContainer__cb05e024:hover,.vt_ce_Select_innerInputContainer__cb05e024[data-focused=true]{outline-color:var(--vt-ce-theme-palette-action-primary-hover-surface,#335b89);outline-width:2px}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]{background-color:var(--vt-ce-theme-palette-action-primary-disabled-surface,#fafafa);color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d);outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0)}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:focus-within,.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:hover{outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);outline-width:1px}.vt_ce_Select_innerInputContainer__cb05e024[data-error=true]{outline-color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000)}.vt_ce_Select_innerInput__cb05e024{background:none;border:none;color:inherit;flex-grow:1;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);outline:none;padding:8px 0;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Select_innerInput__cb05e024::-moz-placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024::placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::-moz-placeholder{color:inherit}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::placeholder{color:inherit}.vt_ce_Select_selectIcon__cb05e024{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;padding:8px 0;--vt-ce-icon-size:18px}.vt_ce_Select_helpLabel__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Select_errorLabel__cb05e024,.vt_ce_Select_helpLabel__cb05e024{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Select_errorLabel__cb05e024{align-items:center;color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000);display:flex;gap:3px}
+.vt_ce_Dialog_dialogOverlay__19d426a2{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__19d426a2{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogStart__19d426a2:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogEnd__19d426a2:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__19d426a2{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__19d426a2{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__19d426a2{margin:15px 0}.vt_ce_Dialog_dialogActions__19d426a2{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}

package/dist/types/Drawer/components.d.ts

@@ -4,22 +4,27 @@ import { type PaletteSurfaceColors, type ResolvablePaletteValue } from '../style
 import { type ButtonProps } from '../Button/index.js';
 import { type TypographyProps } from '../Typography/index.js';
 import { type IconButtonProps } from '../IconButton/index.js';
-export type DrawerProps = DrawerOptions & {
+export type DrawerStrategy = 'fixed' | 'absolute';
+export type DrawerProps = Omit<DrawerOptions, 'dismissEnabled'> & {
     portalEl?: HTMLElement | null | React.MutableRefObject<HTMLElement | null>;
     lockScroll?: boolean;
+    strategy?: DrawerStrategy;
     children: React.ReactNode;
     style?: React.CSSProperties;
     className?: string;
+    overlay?: boolean;
     overlayStyle?: React.CSSProperties;
     overlayClassName?: string;
     'data-testid'?: string;
 };
-declare const Drawer: React.ForwardRefExoticComponent<DrawerOptions & {
+declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerOptions, "dismissEnabled"> & {
     portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
     lockScroll?: boolean | undefined;
+    strategy?: DrawerStrategy | undefined;
     children: React.ReactNode;
     style?: React.CSSProperties | undefined;
     className?: string | undefined;
+    overlay?: boolean | undefined;
     overlayStyle?: React.CSSProperties | undefined;
     overlayClassName?: string | undefined;
     'data-testid'?: string | undefined;

package/dist/types/Drawer/factory.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import { PopoverPortalElProp } from '../popover/types.js';
-export type DrawerFactoryOptions = {
-    portalEl?: PopoverPortalElProp;
-};
-export declare function createDrawerComponent({ portalEl }: DrawerFactoryOptions): React.ForwardRefExoticComponent<import("./state.js").DrawerOptions & {
+import { type DrawerProps } from './components.js';
+export type DrawerFactoryOptions = Partial<DrawerProps>;
+export declare function createDrawerComponent(overrides: DrawerFactoryOptions): React.ForwardRefExoticComponent<Omit<import("./state.js").DrawerOptions, "dismissEnabled"> & {
     portalEl?: HTMLElement | React.MutableRefObject<HTMLElement | null> | null | undefined;
     lockScroll?: boolean | undefined;
+    strategy?: import("./components.js").DrawerStrategy | undefined;
     children: React.ReactNode;
     style?: React.CSSProperties | undefined;
     className?: string | undefined;
+    overlay?: boolean | undefined;
     overlayStyle?: React.CSSProperties | undefined;
     overlayClassName?: string | undefined;
     'data-testid'?: string | undefined;

package/dist/types/Drawer/state.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 export interface DrawerOptions {
     open: boolean;
+    dismissEnabled: boolean;
     onDismiss: () => void;
 }
-export declare function useDrawer({ open, onDismiss: dismissDrawer }: DrawerOptions): {
+export declare function useDrawer({ open, dismissEnabled, onDismiss: dismissDrawer }: DrawerOptions): {
     labelId: string | undefined;
     descriptionId: string | undefined;
     setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;

package/dist/types/Tooltip/index.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
 import type { PopoverPlacement, PopoverStrategy } from '../popover/index.js';
 export type TooltipProps = {
-    isOpen?: boolean;
+    open?: boolean;
     children?: React.ReactNode;
     tooltip?: React.ReactNode;
     placement?: PopoverPlacement;
     strategy?: PopoverStrategy;
     showArrow?: boolean;
+    disabled?: boolean;
     'data-testid'?: string;
     style?: React.CSSProperties;
     className?: string;
 };
-declare function Tooltip({ placement, showArrow, strategy, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ placement, showArrow, strategy, disabled, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/dist/types/styles/index.d.ts

@@ -8,8 +8,9 @@ export { cx } from './cx.js';
 export { default as defaultTheme, defaultDarkTheme, defaultThemeCssVariableUsages as ThemeVars } from './defaultTheme.js';
 export { default as useTheme } from './useTheme.js';
 export * from './palette.js';
+export * from './portal.js';
 export { createPalette } from './createPalette.js';
-export type * from './createPalette.js';
+export * from './createPalette.js';
 export { default as styled } from './styled.js';
 export { default as experimentalStyled } from './styled.js';
 export type { SxProps } from './sx.js';