@bolio-ui/core 3.0.0-alpha.2 → 3.0.1

package/dist/Mention/index.js

@@ -0,0 +1,17 @@
+'use client';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkFSO65ZAHjs = require('../chunk-FSO65ZAH.js');
+require('../chunk-KBZEYKCZ.js');
+require('../chunk-GJZT47MP.js');
+require('../chunk-EUYSKHRS.js');
+require('../chunk-MAICNLTY.js');
+require('../chunk-UX2B3G6U.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
+require('../chunk-5KUROAEP.js');
+
+
+exports.default = _chunkFSO65ZAHjs.Mention_default;

package/dist/Menu/index.js

@@ -1,8 +1,8 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFL6J36B7js = require('../chunk-FL6J36B7.js');
-require('../chunk-AG2NWQYL.js');
+var _chunkFLUNRVVGjs = require('../chunk-FLUNRVVG.js');
+require('../chunk-WCTANCLG.js');
 require('../chunk-DSX6YDJM.js');
 require('../chunk-V57PNXMD.js');
 require('../chunk-JJFOGZ6V.js');
@@ -12,6 +12,7 @@ require('../chunk-BXDUHMWS.js');
 require('../chunk-ZRORQ2WH.js');
 require('../chunk-DGXZP4VJ.js');
 require('../chunk-3WPRUUZ6.js');
+require('../chunk-EUYSKHRS.js');
 require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
 require('../chunk-V5I4ORQQ.js');
@@ -21,4 +22,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkFL6J36B7js.Menu_default;
+exports.default = _chunkFLUNRVVGjs.Menu_default;

package/dist/Modal/index.js

@@ -1,21 +1,22 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6ZBFUZSLjs = require('../chunk-6ZBFUZSL.js');
-require('../chunk-TKIUVNKP.js');
+var _chunkCU6SNPIMjs = require('../chunk-CU6SNPIM.js');
+require('../chunk-XKJDF225.js');
 require('../chunk-F3AL4TQZ.js');
 require('../chunk-O3RTRCY5.js');
-require('../chunk-LDTDMDE6.js');
-require('../chunk-BXDUHMWS.js');
 require('../chunk-33BUV2RX.js');
 require('../chunk-GGD4BGH2.js');
+require('../chunk-LDTDMDE6.js');
+require('../chunk-BXDUHMWS.js');
 require('../chunk-ZRORQ2WH.js');
-require('../chunk-DXHNQANX.js');
+require('../chunk-TPZUTHTQ.js');
 require('../chunk-BSDZWWUS.js');
+require('../chunk-NDERASK2.js');
 require('../chunk-GJZT47MP.js');
 require('../chunk-RZBEZ26A.js');
+require('../chunk-EUYSKHRS.js');
 require('../chunk-LMDBE6T6.js');
-require('../chunk-NDERASK2.js');
 require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
 require('../chunk-V5I4ORQQ.js');
@@ -25,4 +26,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunk6ZBFUZSLjs.Modal_default;
+exports.default = _chunkCU6SNPIMjs.Modal_default;

package/dist/Note/Note.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { NormalTypes } from '../utils/prop-types';
+import { BolioUIThemes } from '../Themes/Presets';
 import type { AnyElement } from '../utils/types';
 export type NoteTypes = NormalTypes;
 interface Props {
@@ -12,6 +13,15 @@ interface Props {
 }
 type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props>;
 export type NoteProps = Props & NativeAttrs;
+export declare const getStatusColor: (type: NoteTypes, { filled, light, subtle }: {
+    filled: boolean;
+    light: boolean;
+    subtle: boolean;
+}, theme: BolioUIThemes) => {
+    color: string;
+    borderColor: string;
+    bgColor: string;
+};
 export declare const NoteComponent: React.ForwardRefExoticComponent<Props & NativeAttrs & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/Note/index.js

@@ -1,7 +1,8 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAFBCMW2Ijs = require('../chunk-AFBCMW2I.js');
+var _chunkCGS2MT3Gjs = require('../chunk-CGS2MT3G.js');
+require('../chunk-26KDVRFS.js');
 require('../chunk-GJZT47MP.js');
 require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
@@ -12,4 +13,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkAFBCMW2Ijs.Note_default;
+exports.default = _chunkCGS2MT3Gjs.Note_default;

package/dist/Popover/index.js

@@ -1,8 +1,8 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGGCVPMXOjs = require('../chunk-GGCVPMXO.js');
-require('../chunk-XF4TPE2W.js');
+var _chunkY432C24Zjs = require('../chunk-Y432C24Z.js');
+require('../chunk-IL7L3BEL.js');
 require('../chunk-V57PNXMD.js');
 require('../chunk-JJFOGZ6V.js');
 require('../chunk-LDTDMDE6.js');
@@ -12,6 +12,7 @@ require('../chunk-BSDZWWUS.js');
 require('../chunk-GJZT47MP.js');
 require('../chunk-DGXZP4VJ.js');
 require('../chunk-3WPRUUZ6.js');
+require('../chunk-EUYSKHRS.js');
 require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
 require('../chunk-V5I4ORQQ.js');
@@ -21,4 +22,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkGGCVPMXOjs.Popover_default;
+exports.default = _chunkY432C24Zjs.Popover_default;

package/dist/Select/index.js

@@ -1,20 +1,21 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDIMJQLWYjs = require('../chunk-DIMJQLWY.js');
+var _chunkXUNC7RB7js = require('../chunk-XUNC7RB7.js');
 require('../chunk-JFNYQSEZ.js');
-require('../chunk-AG2NWQYL.js');
+require('../chunk-KBZEYKCZ.js');
+require('../chunk-WCTANCLG.js');
 require('../chunk-DSX6YDJM.js');
 require('../chunk-V57PNXMD.js');
 require('../chunk-JJFOGZ6V.js');
-require('../chunk-KBZEYKCZ.js');
 require('../chunk-AXYDJGTN.js');
-require('../chunk-LDTDMDE6.js');
-require('../chunk-BXDUHMWS.js');
 require('../chunk-33BUV2RX.js');
 require('../chunk-GGD4BGH2.js');
+require('../chunk-LDTDMDE6.js');
+require('../chunk-BXDUHMWS.js');
 require('../chunk-ZRORQ2WH.js');
 require('../chunk-GJZT47MP.js');
+require('../chunk-EUYSKHRS.js');
 require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
 require('../chunk-V5I4ORQQ.js');
@@ -24,4 +25,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkDIMJQLWYjs.Select_default;
+exports.default = _chunkXUNC7RB7js.Select_default;

package/dist/Table/index.js

@@ -1,10 +1,10 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZNDN2VPZjs = require('../chunk-ZNDN2VPZ.js');
+var _chunkY5CFWIGVjs = require('../chunk-Y5CFWIGV.js');
 require('../chunk-E5EDUOQT.js');
-require('../chunk-JJFOGZ6V.js');
 require('../chunk-HKOESPKZ.js');
+require('../chunk-JJFOGZ6V.js');
 require('../chunk-AXYDJGTN.js');
 require('../chunk-33BUV2RX.js');
 require('../chunk-GGD4BGH2.js');
@@ -19,4 +19,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkZNDN2VPZjs.Table_default;
+exports.default = _chunkY5CFWIGVjs.Table_default;

package/dist/Toolbar/Toolbar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type ToolbarProps = Props & NativeAttrs;
+declare const Toolbar: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Toolbar;

package/dist/Toolbar/ToolbarSeparator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+declare const ToolbarSeparator: React.ForwardRefExoticComponent<ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export default ToolbarSeparator;

package/dist/Toolbar/index.d.ts

@@ -0,0 +1,9 @@
+import Toolbar from './Toolbar';
+import ToolbarSeparator from './ToolbarSeparator';
+export type ToolbarComponentType = typeof Toolbar & {
+    Separator: typeof ToolbarSeparator;
+};
+export type { ToolbarProps } from './Toolbar';
+export type { ToolbarSeparatorProps } from './ToolbarSeparator';
+declare const _default: ToolbarComponentType;
+export default _default;

package/dist/Toolbar/index.js

@@ -0,0 +1,14 @@
+'use client';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQ3I54DUSjs = require('../chunk-Q3I54DUS.js');
+require('../chunk-MAICNLTY.js');
+require('../chunk-UX2B3G6U.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
+require('../chunk-5KUROAEP.js');
+
+
+exports.default = _chunkQ3I54DUSjs.Toolbar_default;

package/dist/Tooltip/index.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXF4TPE2Wjs = require('../chunk-XF4TPE2W.js');
+var _chunkIL7L3BELjs = require('../chunk-IL7L3BEL.js');
 require('../chunk-V57PNXMD.js');
 require('../chunk-JJFOGZ6V.js');
 require('../chunk-LDTDMDE6.js');
@@ -10,6 +10,7 @@ require('../chunk-ZRORQ2WH.js');
 require('../chunk-GJZT47MP.js');
 require('../chunk-DGXZP4VJ.js');
 require('../chunk-3WPRUUZ6.js');
+require('../chunk-EUYSKHRS.js');
 require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
 require('../chunk-V5I4ORQQ.js');
@@ -19,4 +20,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkXF4TPE2Wjs.Tooltip_default;
+exports.default = _chunkIL7L3BELjs.Tooltip_default;

package/dist/Tour/index.js

@@ -1,16 +1,17 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSTYC6O24js = require('../chunk-STYC6O24.js');
+var _chunkSJVWKNGYjs = require('../chunk-SJVWKNGY.js');
 require('../chunk-AXYDJGTN.js');
 require('../chunk-BXDUHMWS.js');
 require('../chunk-ZRORQ2WH.js');
-require('../chunk-DXHNQANX.js');
+require('../chunk-TPZUTHTQ.js');
 require('../chunk-BSDZWWUS.js');
+require('../chunk-NDERASK2.js');
 require('../chunk-GJZT47MP.js');
 require('../chunk-RZBEZ26A.js');
+require('../chunk-EUYSKHRS.js');
 require('../chunk-LMDBE6T6.js');
-require('../chunk-NDERASK2.js');
 require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
 require('../chunk-V5I4ORQQ.js');
@@ -20,4 +21,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkSTYC6O24js.Tour_default;
+exports.default = _chunkSJVWKNGYjs.Tour_default;

package/dist/{chunk-PGQYW6YF.js → chunk-25NFUHLR.js}

@@ -4,7 +4,7 @@
 
 
 
-var _chunkTKIUVNKPjs = require('./chunk-TKIUVNKP.js');
+var _chunkXKJDF225js = require('./chunk-XKJDF225.js');
 
 
 var _chunkF3AL4TQZjs = require('./chunk-F3AL4TQZ.js');
@@ -16,6 +16,9 @@ var _chunkLDTDMDE6js = require('./chunk-LDTDMDE6.js');
 var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
 
 
+var _chunkEUYSKHRSjs = require('./chunk-EUYSKHRS.js');
+
+
 
 var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
 
@@ -75,6 +78,7 @@ var placementClasses = {
 };
 var DrawerWrapper = _react2.default.forwardRef(({ className = "", children, visible = false, placement, ...props }, ref) => {
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const surface = _chunkEUYSKHRSjs.getSurface.call(void 0, theme, theme.expressiveness.shadowLarge);
   const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
   const modalContent = _react.useRef.call(void 0, null);
   _react.useImperativeHandle.call(void 0, ref, () => modalContent.current);
@@ -87,10 +91,10 @@ var DrawerWrapper = _react2.default.forwardRef(({ className = "", children, visi
     className
   );
   const wrapperStyle = {
-    backgroundColor: theme.palette.background,
+    backgroundColor: surface.bg,
     color: theme.palette.foreground,
     borderRadius: `calc(3 * ${theme.layout.radius})`,
-    boxShadow: theme.expressiveness.shadowLarge,
+    boxShadow: surface.shadow,
     fontSize: SCALES.font(1),
     "--drawer-wrapper-padding-left": SCALES.pl(1.3125),
     "--drawer-wrapper-padding-right": SCALES.pr(1.3125),
@@ -179,7 +183,7 @@ var DrawerComponent = _react2.default.forwardRef(
   }, ref) => {
     const portal = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "drawer");
     const [visible, setVisible] = _react.useState.call(void 0, false);
-    const [, setBodyHidden] = _chunkTKIUVNKPjs.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
+    const [, setBodyHidden] = _chunkXKJDF225js.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
     const closeDrawer = () => {
       if (onClose) onClose();
       setVisible(false);
@@ -206,7 +210,7 @@ var DrawerComponent = _react2.default.forwardRef(
     if (!portal) return null;
     return _reactdom.createPortal.call(void 0, 
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTKIUVNKPjs.backdrop_default,
+        _chunkXKJDF225js.backdrop_default,
         {
           onClick: closeFromBackdrop,
           onContentClick,
@@ -235,9 +239,9 @@ var Drawer = _chunkMAICNLTYjs.with_scale_default.call(void 0, DrawerComponent);
 var Drawer_default = Drawer;
 
 // core/Drawer/index.ts
-Drawer_default.Title = _chunkTKIUVNKPjs.ModalTitle_default;
-Drawer_default.Subtitle = _chunkTKIUVNKPjs.ModalSubtitle_default;
-Drawer_default.Content = _chunkTKIUVNKPjs.ModalContent_default;
+Drawer_default.Title = _chunkXKJDF225js.ModalTitle_default;
+Drawer_default.Subtitle = _chunkXKJDF225js.ModalSubtitle_default;
+Drawer_default.Content = _chunkXKJDF225js.ModalContent_default;
 var Drawer_default2 = Drawer_default;
 
 

package/dist/{chunk-AFBCMW2I.js → chunk-26KDVRFS.js}

@@ -92,9 +92,7 @@ NoteComponent.displayName = "BolioUINote";
 var Note = _chunkMAICNLTYjs.with_scale_default.call(void 0, NoteComponent);
 var Note_default = Note;
 
-// core/Note/index.ts
-var Note_default2 = Note_default;
 
 
 
-exports.Note_default = Note_default2;
+exports.getStatusColor = getStatusColor; exports.Note_default = Note_default;

package/dist/{chunk-4ZGR7UMX.js → chunk-4DH6SOK4.js}

@@ -8,19 +8,22 @@ var _chunk5HRVN7L7js = require('./chunk-5HRVN7L7.js');
 var _chunkA3BIV2QMjs = require('./chunk-A3BIV2QM.js');
 
 
+var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+
+
 var _chunkLDTDMDE6js = require('./chunk-LDTDMDE6.js');
 
 
 var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
 
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
 
 
-var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+var _chunkTPZUTHTQjs = require('./chunk-TPZUTHTQ.js');
 
 
-var _chunkDXHNQANXjs = require('./chunk-DXHNQANX.js');
+var _chunkEUYSKHRSjs = require('./chunk-EUYSKHRS.js');
 
 
 var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
@@ -85,7 +88,7 @@ var makeToastActions = (actions, cancelHandle) => {
   };
   if (!actions || !actions.length) return null;
   return actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDXHNQANXjs.Button_default,
+    _chunkTPZUTHTQjs.Button_default,
     {
       auto: true,
       scale: 1 / 3,
@@ -156,12 +159,13 @@ var ToastItem = _react2.default.memo(({ toast, layout }) => {
     () => getTranslateByPlacement(placement),
     [placement]
   );
+  const surface = _chunkEUYSKHRSjs.getSurface.call(void 0, theme, theme.expressiveness.shadowSmall);
   const toastStyle = {
     "--toast-item-max-height": maxHeight,
     "--toast-item-color": color,
-    "--toast-item-bg": bgColor,
+    "--toast-item-bg": bgColor === theme.palette.background ? surface.bg : bgColor,
     "--toast-item-radius": theme.layout.radius,
-    "--toast-item-shadow": theme.expressiveness.shadowSmall,
+    "--toast-item-shadow": surface.shadow,
     "--toast-item-margin": margin,
     "--toast-item-padding": padding,
     "--toast-item-enter-transform": enter,

package/dist/{chunk-WIIDIZYK.js → chunk-5BESEB77.js}

@@ -15,7 +15,10 @@ var CssBaseline = ({
       "style",
       {
         dangerouslySetInnerHTML: {
+          // In a layer, below the layers of the components (styles.css declares
+          // it first), otherwise these element rules would beat the components.
           __html: `
+        @layer BolioUIBaseline {
         html,
         body {
           background-color: ${theme.palette.background};
@@ -314,6 +317,7 @@ var CssBaseline = ({
           background-color: ${theme.palette.selection};
           color: ${theme.palette.foreground};
         }
+        }
       `
         }
       }

package/dist/chunk-CGS2MT3G.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk26KDVRFSjs = require('./chunk-26KDVRFS.js');
+
+// core/Note/index.ts
+var Note_default2 = _chunk26KDVRFSjs.Note_default;
+
+
+
+exports.Note_default = Note_default2;

package/dist/{chunk-6ZBFUZSL.js → chunk-CU6SNPIM.js}

@@ -6,7 +6,7 @@
 
 
 
-var _chunkTKIUVNKPjs = require('./chunk-TKIUVNKP.js');
+var _chunkXKJDF225js = require('./chunk-XKJDF225.js');
 
 
 var _chunkF3AL4TQZjs = require('./chunk-F3AL4TQZ.js');
@@ -18,7 +18,10 @@ var _chunkLDTDMDE6js = require('./chunk-LDTDMDE6.js');
 var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
 
 
-var _chunkDXHNQANXjs = require('./chunk-DXHNQANX.js');
+var _chunkTPZUTHTQjs = require('./chunk-TPZUTHTQ.js');
+
+
+var _chunkEUYSKHRSjs = require('./chunk-EUYSKHRS.js');
 
 
 
@@ -81,11 +84,12 @@ var ModalWrapper = _react2.default.forwardRef(({ className = "", children, visib
       }
     }
   };
+  const surface = _chunkEUYSKHRSjs.getSurface.call(void 0, theme, theme.expressiveness.shadowLarge);
   const wrapperStyle = {
-    backgroundColor: theme.palette.background,
+    backgroundColor: surface.bg,
     color: theme.palette.foreground,
     borderRadius: theme.layout.radius,
-    boxShadow: theme.expressiveness.shadowLarge,
+    boxShadow: surface.shadow,
     fontSize: SCALES.font(1),
     height: SCALES.height(1, "auto"),
     "--modal-wrapper-padding-left": SCALES.pl(1.3125),
@@ -151,7 +155,7 @@ var ModalActionComponent = _react2.default.forwardRef(function({
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
   const btnRef = _react.useRef.call(void 0, null);
-  const { close } = _chunkTKIUVNKPjs.useModalContext.call(void 0, );
+  const { close } = _chunkXKJDF225js.useModalContext.call(void 0, );
   _react.useImperativeHandle.call(void 0, ref, () => btnRef.current);
   const clickHandler = (event) => {
     if (disabled) return;
@@ -163,15 +167,14 @@ var ModalActionComponent = _react2.default.forwardRef(function({
   const color = _react.useMemo.call(void 0, () => {
     return passive ? theme.palette.accents_5 : theme.palette.foreground;
   }, [theme.palette, passive]);
-  const bgColor = _react.useMemo.call(void 0, () => {
-    return disabled ? theme.palette.accents_1 : theme.palette.background;
-  }, [theme.palette, disabled]);
+  const actionBg = theme.type === "dark" ? theme.palette.accents_2 : theme.palette.background;
+  const hoverBg = theme.type === "dark" ? theme.palette.accents_3 : theme.palette.accents_1;
   const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, ModalAction_module_css_default.action, className);
   const actionStyle = {
     fontSize: SCALES.font(0.75),
     border: "none",
     color,
-    backgroundColor: theme.palette.background,
+    backgroundColor: actionBg,
     display: "flex",
     WebkitBoxAlign: "center",
     alignItems: "center",
@@ -182,15 +185,14 @@ var ModalActionComponent = _react2.default.forwardRef(function({
     borderRadius: 0,
     minWidth: 0,
     "--modal-action-hover-color": disabled ? color : theme.palette.foreground,
-    "--modal-action-hover-bg": disabled ? bgColor : theme.palette.accents_1
+    "--modal-action-hover-bg": disabled ? actionBg : hoverBg
   };
   const overrideProps = {
     ...props,
-    effect: false,
     ref: btnRef
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDXHNQANXjs.Button_default,
+    _chunkTPZUTHTQjs.Button_default,
     {
       className: classes,
       onClick: clickHandler,
@@ -222,6 +224,7 @@ var ModalActionsComponent = ({
 }) => {
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const ref = _react.useRef.call(void 0, null);
+  const border = theme.type === "dark" ? theme.palette.accents_4 : theme.palette.border;
   const [height, setHeight] = _react.useState.call(void 0, "auto");
   _react.useEffect.call(void 0, () => {
     if (!ref.current) return;
@@ -236,10 +239,10 @@ var ModalActionsComponent = ({
         ...props,
         className: ModalActions_module_css_default.footer,
         style: {
-          borderTop: `1px solid ${theme.palette.border}`,
+          borderTop: `1px solid ${border}`,
           borderBottomLeftRadius: theme.layout.radius,
           borderBottomRightRadius: theme.layout.radius,
-          "--modal-actions-border": theme.palette.border
+          "--modal-actions-border": border
         },
         children
       }
@@ -274,7 +277,7 @@ var ModalComponent = _react2.default.forwardRef(
     const titleId = `${baseId}-title`;
     const descriptionId = `${baseId}-description`;
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
-    const [, setBodyHidden] = _chunkTKIUVNKPjs.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
+    const [, setBodyHidden] = _chunkXKJDF225js.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
     const [visible, setVisible] = _react.useState.call(void 0, false);
     const [withoutActionsChildren, ActionsChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, 
       children,
@@ -314,8 +317,8 @@ var ModalComponent = _react2.default.forwardRef(
     );
     if (!portal) return null;
     return _reactdom.createPortal.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTKIUVNKPjs.ModalContext.Provider, { value: modalConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTKIUVNKPjs.backdrop_default,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKJDF225js.ModalContext.Provider, { value: modalConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkXKJDF225js.backdrop_default,
         {
           onClick: closeFromBackdrop,
           onContentClick,
@@ -333,8 +336,8 @@ var ModalComponent = _react2.default.forwardRef(
               className: wrapClassName,
               role,
               "aria-label": ariaLabel,
-              "aria-labelledby": ariaLabelledby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkTKIUVNKPjs.ModalTitle_default) ? titleId : void 0),
-              "aria-describedby": ariaDescribedby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkTKIUVNKPjs.ModalSubtitle_default) ? descriptionId : void 0),
+              "aria-labelledby": ariaLabelledby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkXKJDF225js.ModalTitle_default) ? titleId : void 0),
+              "aria-describedby": ariaDescribedby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkXKJDF225js.ModalSubtitle_default) ? descriptionId : void 0),
               children: [
                 withoutActionsChildren,
                 hasActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalActions_default, { children: ActionsChildren })
@@ -352,9 +355,9 @@ var Modal = _chunkMAICNLTYjs.with_scale_default.call(void 0, ModalComponent);
 var Modal_default = Modal;
 
 // core/Modal/index.ts
-Modal_default.Title = _chunkTKIUVNKPjs.ModalTitle_default;
-Modal_default.Subtitle = _chunkTKIUVNKPjs.ModalSubtitle_default;
-Modal_default.Content = _chunkTKIUVNKPjs.ModalContent_default;
+Modal_default.Title = _chunkXKJDF225js.ModalTitle_default;
+Modal_default.Subtitle = _chunkXKJDF225js.ModalSubtitle_default;
+Modal_default.Content = _chunkXKJDF225js.ModalContent_default;
 Modal_default.Action = ModalAction_default;
 var Modal_default2 = Modal_default;