@veritone-ce/design-system 2.2.1 → 2.2.3

package/dist/cjs/Alert/index.js

@@ -12,6 +12,7 @@ var cx = require('../styles/cx.js');
 var defaultTheme = require('../styles/defaultTheme.js');
 require('react');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 var index = require('../Button/index.js');
 var index$1 = require('../IconButton/index.js');

package/dist/cjs/Button/index.js

@@ -11,15 +11,15 @@ var styles_module = require('./styles.module.scss.js');
 require('color2k');
 require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
-require('../styles/defaultTheme.js');
+var defaultTheme = require('../styles/defaultTheme.js');
 require('@mui/system');
-var palette = require('../styles/palette.js');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 const Button = React.forwardRef(
   ({
     variant = "primary",
-    palette: paletteInput = variant === "primary" ? "action.primary" : "action.text",
+    palette = variant === "primary" ? defaultTheme.defaultThemeCssVariableUsages.palette.action.primary : defaultTheme.defaultThemeCssVariableUsages.palette.action.text,
     size = "large",
     disabled = false,
     loading = false,
@@ -27,7 +27,6 @@ const Button = React.forwardRef(
     ...props
   }, ref) => {
     const variantCn = styles_module.default[variant];
-    const palette$1 = palette.resolvePaletteValue(paletteInput);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -41,12 +40,12 @@ const Button = React.forwardRef(
         "data-testid": props["data-testid"],
         style: {
           ...{
-            "--vt-ce-button-palette-base-surface": palette$1.base.surface,
-            "--vt-ce-button-palette-base-on": palette$1.base.on,
-            "--vt-ce-button-palette-hover-surface": palette$1.hover.surface,
-            "--vt-ce-button-palette-hover-on": palette$1.hover.on,
-            "--vt-ce-button-palette-disabled-surface": palette$1.disabled.surface,
-            "--vt-ce-button-palette-disabled-on": palette$1.disabled.on
+            "--vt-ce-button-palette-base-surface": palette.base.surface,
+            "--vt-ce-button-palette-base-on": palette.base.on,
+            "--vt-ce-button-palette-hover-surface": palette.hover.surface,
+            "--vt-ce-button-palette-hover-on": palette.hover.on,
+            "--vt-ce-button-palette-disabled-surface": palette.disabled.surface,
+            "--vt-ce-button-palette-disabled-on": palette.disabled.on
           },
           ...props.style
         },

package/dist/cjs/Checkbox/index.js

@@ -13,6 +13,7 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 var defaultTheme = require('../styles/defaultTheme.js');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 const Checkbox = React.forwardRef(

package/dist/cjs/Chip/index.js

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

package/dist/cjs/CircularProgress/index.js

@@ -12,6 +12,7 @@ var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('react');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 const SIZE = 44;

package/dist/cjs/Dialog/components.js

@@ -14,7 +14,9 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
+var portal = require('../styles/portal.js');
 require('../styles/styled.js');
+require('../Box/index.js');
 var index$1 = require('../Button/index.js');
 var index = require('../Typography/index.js');
 var index$2 = require('../IconButton/index.js');
@@ -59,7 +61,7 @@ const Dialog = React__namespace.forwardRef(function Dialog2({
         style: overlayStyle,
         className: cx.cx(styles_module.default["dialog-overlay"], overlayClassName),
         lockScroll,
-        children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingFocusManager, { context: dialog.context, children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingFocusManager, { context: dialog.context, children: /* @__PURE__ */ jsxRuntime.jsx(portal.PortalThemeRelay, { children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             ref,
@@ -71,7 +73,7 @@ const Dialog = React__namespace.forwardRef(function Dialog2({
             className: cx.cx(styles_module.default["dialog"], className),
             children
           }
-        ) })
+        ) }) })
       }
     ) });
   }

package/dist/cjs/Drawer/components.js

@@ -13,9 +13,9 @@ var state = require('./state.js');
 require('color2k');
 require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
-require('../styles/defaultTheme.js');
+var defaultTheme = require('../styles/defaultTheme.js');
 require('@mui/system');
-var palette = require('../styles/palette.js');
+require('../Box/index.js');
 require('../styles/styled.js');
 var index$1 = require('../Button/index.js');
 var index = require('../Typography/index.js');
@@ -132,10 +132,9 @@ const DrawerTitle = React__namespace.forwardRef(function DrawerTitle2({
   children,
   actions,
   container = "text",
-  palette: paletteInput = "brand.1.base",
+  palette = defaultTheme.defaultThemeCssVariableUsages.palette.brand["1"].base,
   ...props
 }, ref) {
-  const palette$1 = palette.resolvePaletteValue(paletteInput);
   const { setLabelId } = state.useDrawerContext();
   const id = React__namespace.useId();
   React__namespace.useLayoutEffect(() => {
@@ -148,8 +147,8 @@ const DrawerTitle = React__namespace.forwardRef(function DrawerTitle2({
       "data-container": container,
       style: {
         ...{
-          "--vt-ce-drawer-palette-surface": palette$1.surface,
-          "--vt-ce-drawer-palette-on": palette$1.on
+          "--vt-ce-drawer-palette-surface": palette.surface,
+          "--vt-ce-drawer-palette-on": palette.on
         }
       },
       className: styles_module.default["drawer-title-container"],

package/dist/cjs/Icon/wrappers.js

@@ -9,6 +9,7 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 function adaptMuiSvgIcon(MuiIcon) {

package/dist/cjs/IconButton/index.js

@@ -11,21 +11,20 @@ var styles_module = require('./styles.module.scss.js');
 require('color2k');
 require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
-require('../styles/defaultTheme.js');
+var defaultTheme = require('../styles/defaultTheme.js');
 require('@mui/system');
-var palette = require('../styles/palette.js');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 const IconButton = React.forwardRef(
   ({
     variant = "primary",
-    palette: paletteInput = "action.text",
+    palette = defaultTheme.defaultThemeCssVariableUsages.palette.action.text,
     loading = false,
     disabled = false,
     ...props
   }, ref) => {
     const variantCn = styles_module.default[variant];
-    const palette$1 = palette.resolvePaletteValue(paletteInput);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -37,12 +36,12 @@ const IconButton = React.forwardRef(
         "data-testid": props["data-testid"],
         style: {
           ...{
-            "--vt-ce-icon-button-palette-base-surface": palette$1.base.surface,
-            "--vt-ce-icon-button-palette-base-on": palette$1.base.on,
-            "--vt-ce-icon-button-palette-hover-surface": palette$1.hover.surface,
-            "--vt-ce-icon-button-palette-hover-on": palette$1.hover.on,
-            "--vt-ce-icon-button-palette-disabled-surface": palette$1.disabled.surface,
-            "--vt-ce-icon-button-palette-disabled-on": palette$1.disabled.on
+            "--vt-ce-icon-button-palette-base-surface": palette.base.surface,
+            "--vt-ce-icon-button-palette-base-on": palette.base.on,
+            "--vt-ce-icon-button-palette-hover-surface": palette.hover.surface,
+            "--vt-ce-icon-button-palette-hover-on": palette.hover.on,
+            "--vt-ce-icon-button-palette-disabled-surface": palette.disabled.surface,
+            "--vt-ce-icon-button-palette-disabled-on": palette.disabled.on
           },
           ...props.style
         },

package/dist/cjs/Input/index.js

@@ -12,6 +12,7 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 const Input = React.forwardRef((props, ref) => {

package/dist/cjs/Menu/controlled.js

@@ -11,7 +11,9 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
+var portal = require('../styles/portal.js');
 require('../styles/styled.js');
+require('../Box/index.js');
 var react = require('@floating-ui/react');
 var styles_module = require('./styles.module.scss.js');
 var utils = require('../popover/utils.js');
@@ -92,7 +94,7 @@ function Menu({
       context,
       modal: false,
       order: ["reference", "content"],
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(portal.PortalThemeRelay, { children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           "data-testid": props["data-testid"],
@@ -121,7 +123,7 @@ function Menu({
             i
           ))
         }
-      )
+      ) })
     }
   ) }) });
 }

package/dist/cjs/RadioButton/index.js

@@ -13,6 +13,7 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 const RadioButton = React.forwardRef(

package/dist/cjs/Select/controlled.js

@@ -11,6 +11,7 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 var styles_module = require('./styles.module.scss.js');
 var iconsMaterial = require('@mui/icons-material');

package/dist/cjs/TablePagination/index.js

@@ -43,8 +43,9 @@ function TablePagination({
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles_module.default["page-counts"], children: [
       (page - 1) * rowsPerPage + 1,
       "-",
-      page * rowsPerPage,
-      " of ",
+      Math.min(page * rowsPerPage, count),
+      " of",
+      " ",
       count
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles_module.default["btn-list"], children: [

package/dist/cjs/Textarea/index.js

@@ -12,6 +12,7 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 const Textarea = React.forwardRef(

package/dist/cjs/Tooltip/index.js

@@ -12,6 +12,7 @@ require('color2k');
 require('../styles/css-vars.js');
 var defaultTheme = require('../styles/defaultTheme.js');
 require('@mui/system');
+require('../Box/index.js');
 require('../styles/styled.js');
 
 function Tooltip({

package/dist/cjs/Typography/index.js

@@ -9,8 +9,9 @@ require('../styles/css-vars.js');
 var cx = require('../styles/cx.js');
 require('../styles/defaultTheme.js');
 require('@mui/system');
-require('../styles/styled.js');
 require('react/jsx-runtime');
+require('../Box/index.js');
+require('../styles/styled.js');
 var variants_module = require('./variants.module.scss.js');
 
 const Typography = React.forwardRef(

package/dist/cjs/index.js

@@ -7,7 +7,7 @@ var cssVars = require('./styles/css-vars.js');
 var cx = require('./styles/cx.js');
 var defaultTheme = require('./styles/defaultTheme.js');
 var useTheme = require('./styles/useTheme.js');
-var palette = require('./styles/palette.js');
+var portal = require('./styles/portal.js');
 var createPalette = require('./styles/createPalette.js');
 var styled = require('./styles/styled.js');
 var provider_client = require('./styles/provider.client.js');
@@ -54,7 +54,7 @@ exports.ThemeVars = defaultTheme.defaultThemeCssVariableUsages;
 exports.defaultDarkTheme = defaultTheme.defaultDarkTheme;
 exports.defaultTheme = defaultTheme.default;
 exports.useTheme = useTheme.default;
-exports.resolvePaletteValue = palette.resolvePaletteValue;
+exports.PortalThemeRelay = portal.PortalThemeRelay;
 exports.createPalette = createPalette.createPalette;
 exports.experimentalStyled = styled.default;
 exports.styled = styled.default;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_f3eb997f = {"css-var-provider":"vt_ce_styles_cssVarProvider__b6a03d8f"};
+
+exports.default = modules_f3eb997f;

package/dist/cjs/styles/portal.js

@@ -0,0 +1,15 @@
+'use strict';
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var provider_cssVars = require('./provider.css-vars.js');
+var useTheme = require('./useTheme.js');
+var provider_client = require('./provider.client.js');
+
+function PortalThemeRelay(props) {
+  const theme = useTheme.default();
+  return /* @__PURE__ */ jsxRuntime.jsx(provider_client.ThemeContextProvider, { theme, includeCssVarWrapper: false, children: /* @__PURE__ */ jsxRuntime.jsx(provider_cssVars.ThemeCssVarsProvider, { theme, children: props.children }) });
+}
+
+exports.PortalThemeRelay = PortalThemeRelay;

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

@@ -1,8 +1,12 @@
 'use strict';
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 var cssVars = require('./css-vars.js');
+var index = require('../Box/index.js');
+var components_module = require('./components.module.scss.js');
+var cx = require('./cx.js');
 
 function ThemeCssVarsProvider({
   theme: themeInput,
@@ -12,13 +16,12 @@ function ThemeCssVarsProvider({
   children
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
+    index.default,
     {
-      style: {
-        ...cssVars.createThemeCssVariableDefinitions(themeInput),
-        ...style
-      },
-      className,
+      component: Component,
+      sx: cssVars.createThemeCssVariableDefinitions(themeInput),
+      style,
+      className: cx.cx(components_module.default["css-var-provider"], className),
       children
     }
   );

package/dist/cjs/styles.css

@@ -12,8 +12,9 @@
 .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_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__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_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}

package/dist/esm/Alert/index.js

@@ -8,6 +8,7 @@ import { cx } from '../styles/cx.js';
 import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
 import 'react';
 import '@mui/system';
+import '../Box/index.js';
 import '../styles/styled.js';
 import Button from '../Button/index.js';
 import IconButton from '../IconButton/index.js';

package/dist/esm/Button/index.js

@@ -7,15 +7,15 @@ import modules_efc4e723 from './styles.module.scss.js';
 import 'color2k';
 import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
-import '../styles/defaultTheme.js';
+import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
 import '@mui/system';
-import { resolvePaletteValue } from '../styles/palette.js';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 const Button = forwardRef(
   ({
     variant = "primary",
-    palette: paletteInput = variant === "primary" ? "action.primary" : "action.text",
+    palette = variant === "primary" ? defaultThemeCssVariableUsages.palette.action.primary : defaultThemeCssVariableUsages.palette.action.text,
     size = "large",
     disabled = false,
     loading = false,
@@ -23,7 +23,6 @@ const Button = forwardRef(
     ...props
   }, ref) => {
     const variantCn = modules_efc4e723[variant];
-    const palette = resolvePaletteValue(paletteInput);
     return /* @__PURE__ */ jsxs(
       "button",
       {

package/dist/esm/Checkbox/index.js

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

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

@@ -9,9 +9,9 @@ import { useDrawer, DrawerContext, useDrawerContext } from './state.js';
 import 'color2k';
 import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
-import '../styles/defaultTheme.js';
+import { defaultThemeCssVariableUsages } from '../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';
@@ -109,10 +109,9 @@ const DrawerTitle = React.forwardRef(function DrawerTitle2({
   children,
   actions,
   container = "text",
-  palette: paletteInput = "brand.1.base",
+  palette = defaultThemeCssVariableUsages.palette.brand["1"].base,
   ...props
 }, ref) {
-  const palette = resolvePaletteValue(paletteInput);
   const { setLabelId } = useDrawerContext();
   const id = React.useId();
   React.useLayoutEffect(() => {

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

@@ -7,21 +7,20 @@ import modules_efc4e723 from './styles.module.scss.js';
 import 'color2k';
 import '../styles/css-vars.js';
 import { cx } from '../styles/cx.js';
-import '../styles/defaultTheme.js';
+import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
 import '@mui/system';
-import { resolvePaletteValue } from '../styles/palette.js';
+import '../Box/index.js';
 import '../styles/styled.js';
 
 const IconButton = forwardRef(
   ({
     variant = "primary",
-    palette: paletteInput = "action.text",
+    palette = defaultThemeCssVariableUsages.palette.action.text,
     loading = false,
     disabled = false,
     ...props
   }, ref) => {
     const variantCn = modules_efc4e723[variant];
-    const palette = resolvePaletteValue(paletteInput);
     return /* @__PURE__ */ jsxs(
       "button",
       {

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

@@ -39,8 +39,9 @@ function TablePagination({
     /* @__PURE__ */ jsxs("span", { className: modules_efc4e723["page-counts"], children: [
       (page - 1) * rowsPerPage + 1,
       "-",
-      page * rowsPerPage,
-      " of ",
+      Math.min(page * rowsPerPage, count),
+      " of",
+      " ",
       count
     ] }),
     /* @__PURE__ */ jsxs("ul", { className: modules_efc4e723["btn-list"], children: [

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,6 +8,7 @@ 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({

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/index.js

@@ -5,7 +5,7 @@ export { createThemeCssVariableDefinitions, themeCSSVariableNames } from './styl
 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/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

@@ -12,8 +12,9 @@
 .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_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__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_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}

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

@@ -41,7 +41,7 @@ export type DrawerTitleProps = TypographyProps & {
     container?: DrawerTitleContainerVariant;
 };
 export declare const DrawerTitle: React.ForwardRefExoticComponent<TypographyProps & {
-    palette?: DrawerTitlePalette | undefined;
+    palette?: PaletteSurfaceColors | import("../styles/css-vars.js").RecursiveStringObject<PaletteSurfaceColors> | undefined;
     actions?: React.ReactNode;
     container?: DrawerTitleContainerVariant | undefined;
 } & React.RefAttributes<HTMLHeadingElement>>;

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';

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

@@ -1,4 +1,3 @@
-import { type NarrowedDeepKeyOf } from '../utils/recursive.js';
 import type { AsCSSVarUsages } from './css-vars.js';
 export type PaletteColor = string;
 export type PaletteSurfaceColors = {
@@ -50,6 +49,4 @@ export interface Palette {
 export type PaletteTextVariant = keyof Palette['text'];
 export type PaletteIndicatorVariant = keyof Palette['indicator'];
 export type PaletteActionVariant = keyof Palette['action'];
-export type NarrowedPalettePath<S> = NarrowedDeepKeyOf<Palette, S>;
-export type ResolvablePaletteValue<S extends object> = NarrowedPalettePath<S> | AsCSSVarUsages<S> | S;
-export declare function resolvePaletteValue<S extends object>(input: ResolvablePaletteValue<S>, palette?: Palette | AsCSSVarUsages<Palette>): S | AsCSSVarUsages<S>;
+export type ResolvablePaletteValue<T> = T extends object ? T | AsCSSVarUsages<T> : T;

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

@@ -0,0 +1,3 @@
+import { type ThemeCssVarsProviderProps } from './provider.css-vars.js';
+export type PortalThemeRelayProps = Omit<ThemeCssVarsProviderProps, 'theme'>;
+export declare function PortalThemeRelay(props: PortalThemeRelayProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [

package/dist/cjs/styles/palette.js

@@ -1,21 +0,0 @@
-'use strict';
-'use strict';
-
-var recursive = require('../utils/recursive.js');
-require('color2k');
-require('./css-vars.js');
-var defaultTheme = require('./defaultTheme.js');
-require('react');
-require('@mui/system');
-require('./styled.js');
-require('react/jsx-runtime');
-
-function resolvePaletteValue(input, palette = defaultTheme.defaultThemeCssVariableUsages.palette) {
-  if (typeof input === "string") {
-    return recursive.deepGetValue(palette, input);
-  } else {
-    return input;
-  }
-}
-
-exports.resolvePaletteValue = resolvePaletteValue;

package/dist/cjs/utils/recursive.js

@@ -1,25 +0,0 @@
-'use strict';
-'use strict';
-
-const deepGetValue = (obj, keyName) => {
-  const keys = keyName.split(".");
-  if (keys.length === 1) {
-    if (typeof obj === "object") {
-      if (keys[0] in obj) {
-        return obj[keys[0]];
-      }
-      return void 0;
-    }
-    return void 0;
-  } else {
-    const [parentKey, ...restElements] = keys;
-    if (!obj)
-      return void 0;
-    return deepGetValue(
-      obj[parentKey],
-      restElements.join(".")
-    );
-  }
-};
-
-exports.deepGetValue = deepGetValue;

package/dist/esm/styles/palette.js

@@ -1,19 +0,0 @@
-'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") {
-    return deepGetValue(palette, input);
-  } else {
-    return input;
-  }
-}
-
-export { resolvePaletteValue };

package/dist/esm/utils/recursive.js

@@ -1,23 +0,0 @@
-'use strict';
-const deepGetValue = (obj, keyName) => {
-  const keys = keyName.split(".");
-  if (keys.length === 1) {
-    if (typeof obj === "object") {
-      if (keys[0] in obj) {
-        return obj[keys[0]];
-      }
-      return void 0;
-    }
-    return void 0;
-  } else {
-    const [parentKey, ...restElements] = keys;
-    if (!obj)
-      return void 0;
-    return deepGetValue(
-      obj[parentKey],
-      restElements.join(".")
-    );
-  }
-};
-
-export { deepGetValue };

package/dist/types/utils/recursive.d.ts

@@ -1,10 +0,0 @@
-type DotPrefix<T extends string> = T extends '' ? '' : `.${T}`;
-export type NarrowedDeepKeyOf<T, S = never> = ([
-    T
-] extends [never] ? '' : T extends S ? '' : T extends object ? {
-    [K in Exclude<keyof T, symbol>]: NarrowedDeepKeyOf<T[K], S> extends never ? never : `${K}${DotPrefix<NarrowedDeepKeyOf<T[K], S>>}`;
-}[Exclude<keyof T, symbol>] : '') extends infer D ? Extract<D, string> : never;
-export type DeepIndex<T, K extends string> = T extends object ? string extends K ? never : K extends keyof T ? T[K] : K extends `${infer F}.${infer R}` ? F extends keyof T ? DeepIndex<T[F], R> : never : never : never;
-export type ValidateDeepIndexPath<T, K, S = never> = K extends string ? Pick<NarrowedDeepKeyOf<T, S>, K> extends never ? never : K : never;
-export declare const deepGetValue: <T, S, K extends string, V extends K & ValidateDeepIndexPath<T, K, S>>(obj: T, keyName: V) => Exclude<DeepIndex<T, V>, string>;
-export {};