@bolio-ui/core 2.0.0-alpha.2 → 3.0.0-alpha.0

package/dist/Table/index.d.ts

@@ -1,5 +1,5 @@
 import Table from './Table';
-export type { TableProps } from './Table';
+export type { TableProps, TablePagination } from './Table';
 export type { TableColumnProps } from './TableColumn';
 export type { TableOnCellClick, TableAbstractColumn, TableOnChange, TableOnRowClick, TableRowClassNameHandler, TableDataItemBase, TableColumnRender } from './TableTypes';
 export default Table;

package/dist/Table/index.js

@@ -1,18 +1,22 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEMDU5OPYjs = require('../chunk-EMDU5OPY.js');
+var _chunkTKICX5R6js = require('../chunk-TKICX5R6.js');
+require('../chunk-E5EDUOQT.js');
 require('../chunk-JJFOGZ6V.js');
 require('../chunk-HKOESPKZ.js');
 require('../chunk-AXYDJGTN.js');
 require('../chunk-ZRORQ2WH.js');
-require('../chunk-S62PPQHN.js');
+require('../chunk-33BUV2RX.js');
+require('../chunk-GGD4BGH2.js');
+require('../chunk-RZBEZ26A.js');
+require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
-require('../chunk-45MVPPJN.js');
-require('../chunk-TFZ2IGNH.js');
-require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkEMDU5OPYjs.Table_default;
+exports.default = _chunkTKICX5R6js.Table_default;

package/dist/Tabs/Tabs.d.ts

@@ -5,6 +5,7 @@ interface Props {
     hideDivider?: boolean;
     hideBorder?: boolean;
     highlight?: boolean;
+    slide?: boolean;
     onChange?: (val: string) => void;
     className?: string;
     leftSpace?: CSSProperties['marginLeft'];

package/dist/Tabs/index.js

@@ -1,15 +1,15 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIUOX444Hjs = require('../chunk-IUOX444H.js');
+var _chunk6U7FXFJPjs = require('../chunk-6U7FXFJP.js');
 require('../chunk-DSX6YDJM.js');
-require('../chunk-S62PPQHN.js');
+require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
-require('../chunk-45MVPPJN.js');
-require('../chunk-TFZ2IGNH.js');
-require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkIUOX444Hjs.Tabs_default;
+exports.default = _chunk6U7FXFJPjs.Tabs_default;

package/dist/Tag/index.js

@@ -1,14 +1,15 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTUWG4TLUjs = require('../chunk-TUWG4TLU.js');
+var _chunkXC33TGGTjs = require('../chunk-XC33TGGT.js');
 require('../chunk-GJZT47MP.js');
-require('../chunk-S62PPQHN.js');
+require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
-require('../chunk-45MVPPJN.js');
-require('../chunk-TFZ2IGNH.js');
-require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
+require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkTUWG4TLUjs.Tag_default;
+exports.default = _chunkXC33TGGTjs.Tag_default;

package/dist/Text/index.js

@@ -1,13 +1,13 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUEWD6OUCjs = require('../chunk-UEWD6OUC.js');
-require('../chunk-S62PPQHN.js');
+var _chunkA6N5PIXNjs = require('../chunk-A6N5PIXN.js');
+require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
-require('../chunk-45MVPPJN.js');
-require('../chunk-TFZ2IGNH.js');
-require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
 
 
-exports.default = _chunkUEWD6OUCjs.Text_default;
+exports.default = _chunkA6N5PIXNjs.Text_default;

package/dist/Textarea/Textarea.d.ts

@@ -15,6 +15,11 @@ interface Props {
     onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     className?: string;
     resize?: TextareaResizes;
+    rounded?: boolean;
+    filled?: boolean;
+    light?: boolean;
+    ghost?: boolean;
+    subtle?: boolean;
 }
 type NativeAttrs = Omit<React.TextareaHTMLAttributes<AnyElement>, keyof Props>;
 export type TextareaProps = Props & NativeAttrs;

package/dist/Textarea/index.js

@@ -1,15 +1,16 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk33WYJZ4Fjs = require('../chunk-33WYJZ4F.js');
-require('../chunk-IWMGNPNV.js');
-require('../chunk-S62PPQHN.js');
+var _chunkISLUC2SDjs = require('../chunk-ISLUC2SD.js');
+require('../chunk-KBZEYKCZ.js');
+require('../chunk-GJZT47MP.js');
+require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
-require('../chunk-45MVPPJN.js');
-require('../chunk-TFZ2IGNH.js');
-require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunk33WYJZ4Fjs.Textarea_default;
+exports.default = _chunkISLUC2SDjs.Textarea_default;

package/dist/Themes/index.js

@@ -1,8 +1,8 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQUMM6MGXjs = require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+var _chunkX5PGXMVQjs = require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
 
 
-exports.default = _chunkQUMM6MGXjs.Themes_default;
+exports.default = _chunkX5PGXMVQjs.Themes_default;

package/dist/Timeline/Timeline.d.ts

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

package/dist/Timeline/TimelineItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    title: React.ReactNode;
+    time?: React.ReactNode;
+    icon?: React.ReactNode;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLLIElement>, keyof Props>;
+export type TimelineItemProps = Props & NativeAttrs;
+declare const TimelineItem: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLIElement>>;
+export default TimelineItem;

package/dist/Timeline/index.d.ts

@@ -0,0 +1,9 @@
+import Timeline from './Timeline';
+import TimelineItem from './TimelineItem';
+export type TimelineComponentType = typeof Timeline & {
+    Item: typeof TimelineItem;
+};
+export type { TimelineProps } from './Timeline';
+export type { TimelineItemProps } from './TimelineItem';
+declare const _default: TimelineComponentType;
+export default _default;

package/dist/Timeline/index.js

@@ -0,0 +1,14 @@
+'use client';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkAHWF22ZQjs = require('../chunk-AHWF22ZQ.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 = _chunkAHWF22ZQjs.Timeline_default;

package/dist/Toggle/Toggle.d.ts

@@ -17,6 +17,8 @@ interface Props {
     onChange?: (ev: ToggleEvent) => void;
     disabled?: boolean;
     type?: ToggleTypes;
+    icon?: React.ReactNode;
+    checkedIcon?: React.ReactNode;
     className?: string;
 }
 type NativeAttrs = Omit<React.LabelHTMLAttributes<AnyElement>, keyof Props>;

package/dist/Toggle/index.js

@@ -1,14 +1,14 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYHEIC6EKjs = require('../chunk-YHEIC6EK.js');
-require('../chunk-S62PPQHN.js');
+var _chunkT74YHCG6js = require('../chunk-T74YHCG6.js');
+require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
-require('../chunk-45MVPPJN.js');
-require('../chunk-TFZ2IGNH.js');
-require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkYHEIC6EKjs.Toggle_default;
+exports.default = _chunkT74YHCG6js.Toggle_default;

package/dist/Tooltip/index.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCPIFYIT3js = require('../chunk-CPIFYIT3.js');
+var _chunkXF4TPE2Wjs = require('../chunk-XF4TPE2W.js');
 require('../chunk-V57PNXMD.js');
 require('../chunk-JJFOGZ6V.js');
 require('../chunk-LDTDMDE6.js');
@@ -10,13 +10,13 @@ require('../chunk-ZRORQ2WH.js');
 require('../chunk-GJZT47MP.js');
 require('../chunk-DGXZP4VJ.js');
 require('../chunk-3WPRUUZ6.js');
-require('../chunk-S62PPQHN.js');
+require('../chunk-MAICNLTY.js');
 require('../chunk-UX2B3G6U.js');
-require('../chunk-45MVPPJN.js');
-require('../chunk-TFZ2IGNH.js');
-require('../chunk-QUMM6MGX.js');
-require('../chunk-VCTKX4AS.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkCPIFYIT3js.Tooltip_default;
+exports.default = _chunkXF4TPE2Wjs.Tooltip_default;

package/dist/{chunk-IB2FP4DM.js → chunk-2PRUFY2Q.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUVCSH6DWjs = require('./chunk-UVCSH6DW.js');
+var _chunk5HRVN7L7js = require('./chunk-5HRVN7L7.js');
 
 
 
@@ -20,16 +20,16 @@ var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
 var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
 
 
-var _chunk6XJS3KMWjs = require('./chunk-6XJS3KMW.js');
+var _chunkDXHNQANXjs = require('./chunk-DXHNQANX.js');
 
 
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
 
 
-var _chunkTFZ2IGNHjs = require('./chunk-TFZ2IGNH.js');
+var _chunkFEA5BJ35js = require('./chunk-FEA5BJ35.js');
 
 
-var _chunkQUMM6MGXjs = require('./chunk-QUMM6MGX.js');
+var _chunkX5PGXMVQjs = require('./chunk-X5PGXMVQ.js');
 
 
 var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
@@ -46,39 +46,37 @@ var ThemeProvider = ({
   themes = []
 }) => {
   const [allThemes, setAllThemes] = _react.useState.call(void 0, {
-    themes: _chunkQUMM6MGXjs.Themes_default.getPresets()
+    themes: _chunkX5PGXMVQjs.Themes_default.getPresets()
   });
   const currentTheme = _react.useMemo.call(void 0, () => {
     const theme = allThemes.themes.find((item) => item.type === themeType);
     if (theme) return theme;
-    return _chunkQUMM6MGXjs.Themes_default.getPresetStaticTheme();
+    return _chunkX5PGXMVQjs.Themes_default.getPresetStaticTheme();
   }, [allThemes, themeType]);
   _react.useEffect.call(void 0, () => {
     if (!(themes == null ? void 0 : themes.length)) return;
     setAllThemes((last) => {
       const safeThemes = themes.filter(
-        (item) => _chunkQUMM6MGXjs.Themes_default.isAvailableThemeType(item.type)
+        (item) => _chunkX5PGXMVQjs.Themes_default.isAvailableThemeType(item.type)
       );
-      const nextThemes = _chunkQUMM6MGXjs.Themes_default.getPresets().concat(safeThemes);
+      const nextThemes = _chunkX5PGXMVQjs.Themes_default.getPresets().concat(safeThemes);
       return {
         ...last,
         themes: nextThemes
       };
     });
   }, [themes]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUVCSH6DWjs.AllThemesContext.Provider, { value: allThemes, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTFZ2IGNHjs.ThemeContext.Provider, { value: currentTheme, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5HRVN7L7js.AllThemesContext.Provider, { value: allThemes, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEA5BJ35js.ThemeContext.Provider, { value: currentTheme, children }) });
 };
 var ThemeProvider_default = ThemeProvider;
 
 // core/use-toasts/toast-container.tsx
-var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
 
 var _reactdom = require('react-dom');
 
 // core/use-toasts/toast-item.tsx
 
 
-
 // core/use-toasts/helpers.tsx
 
 var makeToastActions = (actions, cancelHandle) => {
@@ -87,7 +85,7 @@ var makeToastActions = (actions, cancelHandle) => {
   };
   if (!actions || !actions.length) return null;
   return actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6XJS3KMWjs.Button_default,
+    _chunkDXHNQANXjs.Button_default,
     {
       auto: true,
       scale: 1 / 3,
@@ -141,89 +139,120 @@ var getTranslateByPlacement = (placement) => {
   };
 };
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/use-toasts/toast-item.module.css.bolio-css-module-source
+var toast_item_module_css_default = { "toast": "toast-item-module_toast__R-DjO", "message": "toast-item-module_message__qzTg9" };
+
 // core/use-toasts/toast-item.tsx
 
-var ToastItem = _react2.default.memo(({
-  toast,
-  layout
-}) => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    color,
-    bgColor
-  } = _react.useMemo.call(void 0, () => getColors(theme.palette, toast.type), [theme.palette, toast.type]);
+var ToastItem = _react2.default.memo(({ toast, layout }) => {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { color, bgColor } = _react.useMemo.call(void 0, 
+    () => getColors(theme.palette, toast.type),
+    [theme.palette, toast.type]
+  );
   const isReactNode = typeof toast.text !== "string";
-  const {
-    padding,
-    margin,
-    maxHeight,
-    maxWidth,
-    width,
-    placement
-  } = layout;
-  const {
-    enter,
-    leave
-  } = _react.useMemo.call(void 0, () => getTranslateByPlacement(placement), [placement]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLDTDMDE6js.css_transition_default, { name: "toast", visible: toast.visible, clearTime: 350, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { role: toast.type === "error" ? "alert" : "status", className: _style2.default.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " toast", children: [
-    isReactNode ? toast.text : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " message", children: toast.text }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " action", children: makeToastActions(toast.actions, toast.cancel) })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1059503143", dynamic: [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave], children: `.toast.__jsx-style-dynamic-selector{max-height:${maxHeight};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.foreground};background-color:${bgColor};color:${color};border:0;border-radius:${theme.layout.radius};opacity:1;box-shadow:${theme.expressiveness.shadowSmall};-webkit-transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);overflow:hidden;}.message.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:0.875em;display:-webkit-box;word-break:break-all;overflow:hidden;max-height:100%;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.1rem;}.toast-enter.__jsx-style-dynamic-selector{opacity:0;height:0;padding:0;margin:0;-webkit-transform:${enter};-ms-transform:${enter};transform:${enter};}.toast-enter-active.__jsx-style-dynamic-selector{opacity:1;height:auto;margin:${margin};padding:${padding};-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}.toast-leave.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);height:auto;margin:${margin};padding:${padding};}.toast-leave-active.__jsx-style-dynamic-selector{opacity:0;-webkit-transform:${leave};-ms-transform:${leave};transform:${leave};}` })
-  ] }, toast.id) });
+  const { padding, margin, maxHeight, placement } = layout;
+  const { enter, leave } = _react.useMemo.call(void 0, 
+    () => getTranslateByPlacement(placement),
+    [placement]
+  );
+  const toastStyle = {
+    "--toast-item-max-height": maxHeight,
+    "--toast-item-color": color,
+    "--toast-item-bg": bgColor,
+    "--toast-item-radius": theme.layout.radius,
+    "--toast-item-shadow": theme.expressiveness.shadowSmall,
+    "--toast-item-margin": margin,
+    "--toast-item-padding": padding,
+    "--toast-item-enter-transform": enter,
+    "--toast-item-leave-transform": leave
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLDTDMDE6js.css_transition_default, { name: "toast", visible: toast.visible, clearTime: 350, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: toast_item_module_css_default.toast,
+      role: toast.type === "error" ? "alert" : "status",
+      style: toastStyle,
+      children: isReactNode ? toast.text : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: toast_item_module_css_default.message, children: toast.text }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "action", children: makeToastActions(toast.actions, toast.cancel) })
+      ] })
+    },
+    toast.id
+  ) });
 });
 ToastItem.displayName = "BolioUIToastItem";
 var toast_item_default = ToastItem;
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/use-toasts/toast-container.module.css.bolio-css-module-source
+var toast_container_module_css_default = { "toasts": "toast-container-module_toasts__wLlVr", "top": "toast-container-module_top__jBxX6", "left": "toast-container-module_left__xyAbl" };
+
 // core/use-toasts/toast-container.tsx
 
 var ToastContainer = () => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const portal = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "toast");
   const [, setHovering, hoveringRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, false);
-  const {
-    toasts,
-    updateToasts,
-    toastLayout,
-    lastUpdateToastId
-  } = _chunkA3BIV2QMjs.useBolioUIContext.call(void 0, );
+  const { toasts, updateToasts, toastLayout, lastUpdateToastId } = _chunkA3BIV2QMjs.useBolioUIContext.call(void 0, );
   const memoizedLayout = _react.useMemo.call(void 0, () => toastLayout, [toastLayout]);
-  const toastElements = _react.useMemo.call(void 0, () => toasts.map((toast) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, toast_item_default, { toast, layout: memoizedLayout }, toast._internalIdent)), [toasts, memoizedLayout]);
-  const classNames = _react.useMemo.call(void 0, () => _chunk5KUROAEPjs.joinClasses.call(void 0, "toasts", {
-    top: isTopPlacement(toastLayout.placement),
-    left: isLeftPlacement(toastLayout.placement)
-  }), [toastLayout.placement]);
+  const toastElements = _react.useMemo.call(void 0, 
+    () => toasts.map((toast) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      toast_item_default,
+      {
+        toast,
+        layout: memoizedLayout
+      },
+      toast._internalIdent
+    )),
+    [toasts, memoizedLayout]
+  );
+  const classNames = _react.useMemo.call(void 0, 
+    () => _chunk5KUROAEPjs.joinClasses.call(void 0, 
+      toast_container_module_css_default.toasts,
+      isTopPlacement(toastLayout.placement) && toast_container_module_css_default.top,
+      isLeftPlacement(toastLayout.placement) && toast_container_module_css_default.left
+    ),
+    [toastLayout.placement]
+  );
   const hoverHandler = (isHovering) => {
     setHovering(isHovering);
     if (isHovering) {
-      return updateToasts((last) => last.map((toast) => {
+      return updateToasts(
+        (last) => last.map((toast) => {
+          if (!toast.visible) return toast;
+          if (toast._timeout) window.clearTimeout(toast._timeout);
+          return {
+            ...toast,
+            timeout: null
+          };
+        })
+      );
+    }
+    updateToasts(
+      (last) => last.map((toast, index) => {
         if (!toast.visible) return toast;
         if (toast._timeout) window.clearTimeout(toast._timeout);
         return {
           ...toast,
-          timeout: null
+          _timeout: (() => {
+            const timer = window.setTimeout(
+              () => {
+                toast.cancel();
+                window.clearTimeout(timer);
+              },
+              toast.delay + index * 100
+            );
+            return timer;
+          })()
         };
-      }));
-    }
-    updateToasts((last) => last.map((toast, index) => {
-      if (!toast.visible) return toast;
-      if (toast._timeout) window.clearTimeout(toast._timeout);
-      return {
-        ...toast,
-        _timeout: (() => {
-          const timer = window.setTimeout(() => {
-            toast.cancel();
-            window.clearTimeout(timer);
-          }, toast.delay + index * 100);
-          return timer;
-        })()
-      };
-    }));
+      })
+    );
   };
   const latestHover = _chunkZRORQ2WHjs.use_latest_default.call(void 0, hoverHandler);
   _react.useEffect.call(void 0, () => {
-    const index = toasts.findIndex((r) => r._internalIdent === lastUpdateToastId);
+    const index = toasts.findIndex(
+      (r) => r._internalIdent === lastUpdateToastId
+    );
     const toast = toasts[index];
     if (!toast || toast.visible || !hoveringRef.current) return;
     const hasVisible = toasts.find((r, i) => i < index && r.visible);
@@ -247,10 +276,19 @@ var ToastContainer = () => {
   }, [toasts, updateToasts]);
   if (!portal) return null;
   if (!toasts || toasts.length === 0) return null;
-  return _reactdom.createPortal.call(void 0, /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { onMouseEnter: () => hoverHandler(true), onMouseLeave: () => hoverHandler(false), className: _style2.default.dynamic([["622610754", [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (classNames || ""), children: [
-    toastElements,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "622610754", dynamic: [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap], children: `.toasts.__jsx-style-dynamic-selector{position:fixed;width:auto;max-width:100%;right:${theme.layout.gap};bottom:${theme.layout.gap};z-index:2000;-webkit-transition:all 400ms ease;transition:all 400ms ease;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.top.__jsx-style-dynamic-selector{bottom:unset;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:${theme.layout.gap};}.left.__jsx-style-dynamic-selector{right:unset;left:${theme.layout.gap};}` })
-  ] }), portal);
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: classNames,
+        onMouseEnter: () => hoverHandler(true),
+        onMouseLeave: () => hoverHandler(false),
+        style: { "--toasts-gap": theme.layout.gap },
+        children: toastElements
+      }
+    ),
+    portal
+  );
 };
 var toast_container_default = ToastContainer;