@bolio-ui/core 1.1.7 → 2.0.0-alpha.0

package/esm/use-scale/with-scale.js

@@ -1,63 +1,59 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"],
-    _excluded2 = ["paddingLeft", "pl", "paddingRight", "pr", "paddingTop", "pt", "paddingBottom", "pb", "marginTop", "mt", "marginRight", "mr", "marginBottom", "mb", "marginLeft", "ml", "px", "py", "mx", "my", "width", "height", "font", "w", "h", "margin", "padding", "unit", "scale"];
+  _excluded2 = ["paddingLeft", "pl", "paddingRight", "pr", "paddingTop", "pt", "paddingBottom", "pb", "marginTop", "mt", "marginRight", "mr", "marginBottom", "mb", "marginLeft", "ml", "px", "py", "mx", "my", "width", "height", "font", "w", "h", "margin", "padding", "unit", "scale"];
 import React, { forwardRef } from 'react';
 import { ScaleContext } from './scale-context';
 import useTheme from '../use-theme';
 import { isCSSNumberValue } from '../utils/collections';
 import { generateGetAllScaleProps, generateGetScaleProps } from './utils';
-
 var reduceScaleCoefficient = function reduceScaleCoefficient(scale) {
   if (scale === 1) return scale;
   var diff = Math.abs((scale - 1) / 2);
   return scale > 1 ? 1 + diff : 1 - diff;
-}; // eslint-disable-next-line @typescript-eslint/ban-types
+};
 
+/* eslint-disable @typescript-eslint/ban-types */
 
-var withScale = function withScale(Render) {
+function withScale(Render) {
   var ScaleFC = /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33;
-
+    var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31;
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded);
-
+      props = _objectWithoutProperties(_ref, _excluded);
     var _useTheme = useTheme(),
-        layout = _useTheme.layout;
-
+      layout = _useTheme.layout;
     var paddingLeft = props.paddingLeft,
-        pl = props.pl,
-        paddingRight = props.paddingRight,
-        pr = props.pr,
-        paddingTop = props.paddingTop,
-        pt = props.pt,
-        paddingBottom = props.paddingBottom,
-        pb = props.pb,
-        marginTop = props.marginTop,
-        mt = props.mt,
-        marginRight = props.marginRight,
-        mr = props.mr,
-        marginBottom = props.marginBottom,
-        mb = props.mb,
-        marginLeft = props.marginLeft,
-        ml = props.ml,
-        px = props.px,
-        py = props.py,
-        mx = props.mx,
-        my = props.my,
-        width = props.width,
-        height = props.height,
-        font = props.font,
-        w = props.w,
-        h = props.h,
-        margin = props.margin,
-        padding = props.padding,
-        _props$unit = props.unit,
-        unit = _props$unit === void 0 ? layout.unit : _props$unit,
-        _props$scale = props.scale,
-        scale = _props$scale === void 0 ? 1 : _props$scale,
-        innerProps = _objectWithoutProperties(props, _excluded2);
-
+      pl = props.pl,
+      paddingRight = props.paddingRight,
+      pr = props.pr,
+      paddingTop = props.paddingTop,
+      pt = props.pt,
+      paddingBottom = props.paddingBottom,
+      pb = props.pb,
+      marginTop = props.marginTop,
+      mt = props.mt,
+      marginRight = props.marginRight,
+      mr = props.mr,
+      marginBottom = props.marginBottom,
+      mb = props.mb,
+      marginLeft = props.marginLeft,
+      ml = props.ml,
+      px = props.px,
+      py = props.py,
+      mx = props.mx,
+      my = props.my,
+      width = props.width,
+      height = props.height,
+      font = props.font,
+      w = props.w,
+      h = props.h,
+      margin = props.margin,
+      padding = props.padding,
+      _props$unit = props.unit,
+      unit = _props$unit === void 0 ? layout.unit : _props$unit,
+      _props$scale = props.scale,
+      scale = _props$scale === void 0 ? 1 : _props$scale,
+      innerProps = _objectWithoutProperties(props, _excluded2);
     var makeScaleHandler = function makeScaleHandler(attrValue) {
       return function (scale1x, defaultValue) {
         // 0 means disable scale and the default value is 0
@@ -65,20 +61,16 @@ var withScale = function withScale(Render) {
           scale1x = 1;
           defaultValue = defaultValue || 0;
         }
-
         var factor = reduceScaleCoefficient(scale) * scale1x;
-
         if (typeof attrValue === 'undefined') {
           if (typeof defaultValue !== 'undefined') return "".concat(defaultValue);
           return "calc(".concat(factor, " * ").concat(unit, ")");
         }
-
         if (!isCSSNumberValue(attrValue)) return "".concat(attrValue);
         var customFactor = factor * Number(attrValue);
         return "calc(".concat(customFactor, " * ").concat(unit, ")");
       };
     };
-
     var value = {
       unit: unit,
       SCALES: {
@@ -86,14 +78,14 @@ var withScale = function withScale(Render) {
         pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
         pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
         pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
-        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
-        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
-        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
-        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
-        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
-        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
-        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
-        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
+        px: makeScaleHandler((_ref0 = (_ref1 = (_ref10 = (_ref11 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref11 !== void 0 ? _ref11 : paddingRight) !== null && _ref10 !== void 0 ? _ref10 : pl) !== null && _ref1 !== void 0 ? _ref1 : pr) !== null && _ref0 !== void 0 ? _ref0 : padding),
+        py: makeScaleHandler((_ref12 = (_ref13 = (_ref14 = (_ref15 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref15 !== void 0 ? _ref15 : paddingBottom) !== null && _ref14 !== void 0 ? _ref14 : pt) !== null && _ref13 !== void 0 ? _ref13 : pb) !== null && _ref12 !== void 0 ? _ref12 : padding),
+        mt: makeScaleHandler((_ref16 = (_ref17 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref17 !== void 0 ? _ref17 : my) !== null && _ref16 !== void 0 ? _ref16 : margin),
+        mr: makeScaleHandler((_ref18 = (_ref19 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref19 !== void 0 ? _ref19 : mx) !== null && _ref18 !== void 0 ? _ref18 : margin),
+        mb: makeScaleHandler((_ref20 = (_ref21 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref21 !== void 0 ? _ref21 : my) !== null && _ref20 !== void 0 ? _ref20 : margin),
+        ml: makeScaleHandler((_ref22 = (_ref23 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref23 !== void 0 ? _ref23 : mx) !== null && _ref22 !== void 0 ? _ref22 : margin),
+        mx: makeScaleHandler((_ref24 = (_ref25 = (_ref26 = (_ref27 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref27 !== void 0 ? _ref27 : marginRight) !== null && _ref26 !== void 0 ? _ref26 : ml) !== null && _ref25 !== void 0 ? _ref25 : mr) !== null && _ref24 !== void 0 ? _ref24 : margin),
+        my: makeScaleHandler((_ref28 = (_ref29 = (_ref30 = (_ref31 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref31 !== void 0 ? _ref31 : marginBottom) !== null && _ref30 !== void 0 ? _ref30 : mt) !== null && _ref29 !== void 0 ? _ref29 : mb) !== null && _ref28 !== void 0 ? _ref28 : margin),
         width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
         height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
         font: makeScaleHandler(font)
@@ -109,6 +101,5 @@ var withScale = function withScale(Render) {
   });
   ScaleFC.displayName = "Scale".concat(Render.displayName || 'Wrapper');
   return ScaleFC;
-};
-
+}
 export default withScale;

package/esm/use-tabs/index.d.ts

@@ -1,2 +1,2 @@
-import useTabs from "./use-tabs";
+import useTabs from './use-tabs';
 export default useTabs;

package/esm/use-tabs/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useTabs from './use-tabs';
 export default useTabs;

package/esm/use-tabs/use-tabs.js

@@ -1,13 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import useCurrentState from '../utils/use-current-state';
-
 var useTabs = function useTabs(initialValue) {
   var _useCurrentState = useCurrentState(initialValue),
-      _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-      state = _useCurrentState2[0],
-      setState = _useCurrentState2[1],
-      currentRef = _useCurrentState2[2];
-
+    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
+    state = _useCurrentState2[0],
+    setState = _useCurrentState2[1],
+    currentRef = _useCurrentState2[2];
   return {
     state: state,
     setState: setState,
@@ -20,5 +18,4 @@ var useTabs = function useTabs(initialValue) {
     }
   };
 };
-
 export default useTabs;

package/esm/use-theme/index.d.ts

@@ -1,2 +1,2 @@
-import { useTheme } from "./theme-context";
+import { useTheme } from './theme-context';
 export default useTheme;

package/esm/use-theme/index.js

@@ -1,2 +1,3 @@
+'use client';
 import { useTheme } from './theme-context';
 export default useTheme;

package/esm/use-theme/theme-context.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { BolioUIThemes } from "../Themes/Presets";
+import { BolioUIThemes } from '../Themes/Presets';
 export declare const ThemeContext: React.Context<BolioUIThemes>;
 export declare const useTheme: () => BolioUIThemes;

package/esm/use-toasts/helpers.d.ts

@@ -1,12 +1,14 @@
-import { Toast } from "./use-toast";
-import { BolioUIThemesPalette } from "../Themes";
-export declare const makeToastActions: (actions: Toast['actions'], cancelHandle: () => void) => JSX.Element[] | null;
-export declare const getColors: (palette: BolioUIThemesPalette, type?: "success" | "primary" | "secondary" | "error" | "warning" | "info" | "default" | undefined) => {
+import { Toast } from './use-toast';
+import React from 'react';
+import { BolioUIThemesPalette } from '../Themes';
+import { NormalTypes } from '../utils/prop-types';
+export declare const makeToastActions: (actions: Toast['actions'], cancelHandle: () => void) => React.JSX.Element[] | null;
+export declare const getColors: (palette: BolioUIThemesPalette, type?: NormalTypes) => {
     bgColor: string;
     color: string;
 };
 declare const toastPlacement: ["topLeft", "topRight", "bottomLeft", "bottomRight"];
-export declare type ToastPlacement = typeof toastPlacement[number];
+export type ToastPlacement = typeof toastPlacement[number];
 export declare const isTopPlacement: (placement: ToastPlacement) => boolean;
 export declare const isLeftPlacement: (placement: ToastPlacement) => boolean;
 export declare const getTranslateByPlacement: (placement: ToastPlacement) => {

package/esm/use-toasts/helpers.js

@@ -5,7 +5,6 @@ export var makeToastActions = function makeToastActions(actions, cancelHandle) {
   var handler = function handler(event, userHandler) {
     userHandler && userHandler(event, cancelHandle);
   };
-
   if (!actions || !actions.length) return null;
   return actions.map(function (action, index) {
     return /*#__PURE__*/React.createElement(Button, {
@@ -39,7 +38,6 @@ export var getColors = function getColors(palette, type) {
    * Prevent main color change in special types.
    * The color will only follow the theme when it is in the default type.
    */
-
   return {
     bgColor: colors[type],
     color: 'white'

package/esm/use-toasts/index.d.ts

@@ -1,3 +1,3 @@
-import useToasts from "./use-toast";
-export type { ToastAction, Toast, ToastTypes, ToastInput, ToastLayout } from "./use-toast";
+import useToasts from './use-toast';
+export type { ToastAction, Toast, ToastTypes, ToastInput, ToastLayout } from './use-toast';
 export default useToasts;

package/esm/use-toasts/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useToasts from './use-toast';
 export default useToasts;

package/esm/use-toasts/toast-container.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _JSXStyle from "../styled-jsx.es.js";
+import _JSXStyle from "styled-jsx/style";
 import React, { useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import usePortal from '../utils/use-portal';
@@ -10,22 +10,18 @@ import ToastItem from './toast-item';
 import useClasses from '../use-classes';
 import { isLeftPlacement, isTopPlacement } from './helpers';
 import useCurrentState from '../utils/use-current-state';
-
 var ToastContainer = function ToastContainer() {
   var theme = useTheme();
   var portal = usePortal('toast');
-
   var _useCurrentState = useCurrentState(false),
-      _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-      setHovering = _useCurrentState2[1],
-      hoveringRef = _useCurrentState2[2];
-
+    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
+    setHovering = _useCurrentState2[1],
+    hoveringRef = _useCurrentState2[2];
   var _useBolioUIContext = useBolioUIContext(),
-      toasts = _useBolioUIContext.toasts,
-      updateToasts = _useBolioUIContext.updateToasts,
-      toastLayout = _useBolioUIContext.toastLayout,
-      lastUpdateToastId = _useBolioUIContext.lastUpdateToastId;
-
+    toasts = _useBolioUIContext.toasts,
+    updateToasts = _useBolioUIContext.updateToasts,
+    toastLayout = _useBolioUIContext.toastLayout,
+    lastUpdateToastId = _useBolioUIContext.lastUpdateToastId;
   var memoizedLayout = useMemo(function () {
     return toastLayout;
   }, [toastLayout]);
@@ -44,10 +40,8 @@ var ToastContainer = function ToastContainer() {
       left: isLeftPlacement(toastLayout.placement)
     });
   }, [memoizedLayout]);
-
   var hoverHandler = function hoverHandler(isHovering) {
     setHovering(isHovering);
-
     if (isHovering) {
       return updateToasts(function (last) {
         return last.map(function (toast) {
@@ -59,7 +53,6 @@ var ToastContainer = function ToastContainer() {
         });
       });
     }
-
     updateToasts(function (last) {
       return last.map(function (toast, index) {
         if (!toast.visible) return toast;
@@ -76,7 +69,6 @@ var ToastContainer = function ToastContainer() {
       });
     });
   };
-
   useEffect(function () {
     var index = toasts.findIndex(function (r) {
       return r._internalIdent === lastUpdateToastId;
@@ -110,7 +102,7 @@ var ToastContainer = function ToastContainer() {
   }, [toasts]);
   if (!portal) return null;
   if (!toasts || toasts.length === 0) return null;
-  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
     onMouseEnter: function onMouseEnter() {
       return hoverHandler(true);
     },
@@ -123,5 +115,4 @@ var ToastContainer = function ToastContainer() {
     dynamic: [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]
   }, ".toasts.__jsx-style-dynamic-selector{position:fixed;width:auto;max-width:100%;right:".concat(theme.layout.gap, ";bottom:").concat(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:").concat(theme.layout.gap, ";}.left.__jsx-style-dynamic-selector{right:unset;left:").concat(theme.layout.gap, ";}"))), portal);
 };
-
 export default ToastContainer;

package/esm/use-toasts/toast-item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Toast, ToastLayout } from "./use-toast";
+import type { Toast, ToastLayout } from './use-toast';
 export interface ToastItemProps {
     toast: Toast;
     layout: Required<ToastLayout>;

package/esm/use-toasts/toast-item.js

@@ -1,39 +1,36 @@
-import _JSXStyle from "../styled-jsx.es.js";
+import _JSXStyle from "styled-jsx/style";
 import React, { useMemo } from 'react';
 import useTheme from '../use-theme';
 import CssTransition from '../Shared/css-transition';
 import { makeToastActions, getColors, getTranslateByPlacement } from './helpers';
 var ToastItem = /*#__PURE__*/React.memo(function (_ref) {
   var toast = _ref.toast,
-      layout = _ref.layout;
+    layout = _ref.layout;
   var theme = useTheme();
-
   var _useMemo = useMemo(function () {
-    return getColors(theme.palette, toast.type);
-  }, [theme.palette, toast.type]),
-      color = _useMemo.color,
-      bgColor = _useMemo.bgColor;
-
+      return getColors(theme.palette, toast.type);
+    }, [theme.palette, toast.type]),
+    color = _useMemo.color,
+    bgColor = _useMemo.bgColor;
   var isReactNode = typeof toast.text !== 'string';
   var padding = layout.padding,
-      margin = layout.margin,
-      maxHeight = layout.maxHeight,
-      maxWidth = layout.maxWidth,
-      width = layout.width,
-      placement = layout.placement;
-
+    margin = layout.margin,
+    maxHeight = layout.maxHeight,
+    maxWidth = layout.maxWidth,
+    width = layout.width,
+    placement = layout.placement;
   var _useMemo2 = useMemo(function () {
-    return getTranslateByPlacement(placement);
-  }, [placement]),
-      enter = _useMemo2.enter,
-      leave = _useMemo2.leave;
-
+      return getTranslateByPlacement(placement);
+    }, [placement]),
+    enter = _useMemo2.enter,
+    leave = _useMemo2.leave;
   return /*#__PURE__*/React.createElement(CssTransition, {
     name: "toast",
     visible: toast.visible,
     clearTime: 350
   }, /*#__PURE__*/React.createElement("div", {
     key: toast.id,
+    role: toast.type === 'error' ? 'alert' : 'status',
     className: _JSXStyle.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"
   }, isReactNode ? toast.text : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: _JSXStyle.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"

package/esm/use-toasts/use-toast.d.ts

@@ -1,13 +1,13 @@
 import React, { CSSProperties } from 'react';
-import type { NormalTypes } from "../utils/prop-types";
-import { ToastPlacement } from "./helpers";
+import type { NormalTypes } from '../utils/prop-types';
+import { ToastPlacement } from './helpers';
 export interface ToastAction {
     name: string;
     handler: (event: React.MouseEvent<HTMLButtonElement>, cancel: () => void) => void;
     passive?: boolean;
 }
-export declare type ToastTypes = NormalTypes;
-export declare type ToastLayout = {
+export type ToastTypes = NormalTypes;
+export type ToastLayout = {
     padding?: CSSProperties['padding'];
     margin?: CSSProperties['margin'];
     width?: CSSProperties['width'];
@@ -22,19 +22,19 @@ export interface ToastInput {
     delay?: number;
     actions?: Array<ToastAction>;
 }
-export declare type ToastInstance = {
+export type ToastInstance = {
     visible: boolean;
     cancel: () => void;
     _timeout: null | number;
     _internalIdent: string;
 };
-export declare type Toast = Required<ToastInput> & ToastInstance;
-export declare type ToastHooksResult = {
+export type Toast = Required<ToastInput> & ToastInstance;
+export type ToastHooksResult = {
     toasts: Array<Toast>;
     setToast: (toast: ToastInput) => void;
     removeAll: () => void;
     findToastOneByID: (ident: string) => Toast | undefined;
     removeToastOneByID: (ident: string) => void;
 };
-declare const useToasts: (layout?: ToastLayout | undefined) => ToastHooksResult;
+declare const useToasts: (layout?: ToastLayout) => ToastHooksResult;
 export default useToasts;

package/esm/use-toasts/use-toast.js

@@ -7,22 +7,19 @@ var defaultToast = {
   delay: 2000,
   type: 'default'
 };
-
 var useToasts = function useToasts(layout) {
   var _useBolioUIContext = useBolioUIContext(),
-      updateToasts = _useBolioUIContext.updateToasts,
-      toasts = _useBolioUIContext.toasts,
-      updateToastLayout = _useBolioUIContext.updateToastLayout,
-      updateLastToastId = _useBolioUIContext.updateLastToastId;
-
+    updateToasts = _useBolioUIContext.updateToasts,
+    toasts = _useBolioUIContext.toasts,
+    updateToastLayout = _useBolioUIContext.updateToastLayout,
+    updateLastToastId = _useBolioUIContext.updateLastToastId;
   useEffect(function () {
     if (!layout) return;
     updateToastLayout(function () {
       return layout ? _extends({}, defaultToastLayout, layout) : defaultToastLayout;
     });
   }, []);
-
-  var cancel = function cancel(internalId) {
+  var _cancel = function cancel(internalId) {
     updateToasts(function (currentToasts) {
       return currentToasts.map(function (item) {
         if (item._internalIdent !== internalId) return item;
@@ -35,7 +32,6 @@ var useToasts = function useToasts(layout) {
       return internalId;
     });
   };
-
   var removeAll = function removeAll() {
     updateToasts(function (last) {
       return last.map(function (toast) {
@@ -45,13 +41,11 @@ var useToasts = function useToasts(layout) {
       });
     });
   };
-
   var findToastOneByID = function findToastOneByID(id) {
     return toasts.find(function (t) {
       return t.id === id;
     });
   };
-
   var removeToastOneByID = function removeToastOneByID(id) {
     updateToasts(function (last) {
       return last.map(function (toast) {
@@ -62,21 +56,17 @@ var useToasts = function useToasts(layout) {
       });
     });
   };
-
   var setToast = function setToast(toast) {
     var internalIdent = "toast-".concat(getId());
     var delay = toast.delay || defaultToast.delay;
-
     if (toast.id) {
       var hasIdent = toasts.find(function (t) {
         return t.id === toast.id;
       });
-
       if (hasIdent) {
         throw new Error('Toast: Already have the same key: "ident"');
       }
     }
-
     updateToasts(function (last) {
       var newToast = {
         delay: delay,
@@ -87,31 +77,19 @@ var useToasts = function useToasts(layout) {
         actions: toast.actions || [],
         _internalIdent: internalIdent,
         _timeout: window.setTimeout(function () {
-          cancel(internalIdent);
-
+          _cancel(internalIdent);
           if (newToast._timeout) {
             window.clearTimeout(newToast._timeout);
             newToast._timeout = null;
           }
         }, delay),
-        cancel: function (_cancel) {
-          function cancel() {
-            return _cancel.apply(this, arguments);
-          }
-
-          cancel.toString = function () {
-            return _cancel.toString();
-          };
-
-          return cancel;
-        }(function () {
-          return cancel(internalIdent);
-        })
+        cancel: function cancel() {
+          return _cancel(internalIdent);
+        }
       };
       return [].concat(_toConsumableArray(last), [newToast]);
     });
   };
-
   return {
     toasts: toasts,
     setToast: setToast,
@@ -120,5 +98,4 @@ var useToasts = function useToasts(layout) {
     removeToastOneByID: removeToastOneByID
   };
 };
-
 export default useToasts;

package/esm/utils/calculations.js

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+
 /**
  * Calculate the ratio of two numbers, maximum decimal length can be specified.
  *
@@ -7,7 +8,6 @@ import { useMemo } from 'react';
  * (11.22, 100) => 11.22
  * (11.22, 100, 4) => 11.2200
  */
-
 export var getProportions = function getProportions(value, max) {
   var maxFixed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
   var val = value / max;

package/esm/utils/collections.d.ts

@@ -9,7 +9,7 @@ export declare const setChildrenProps: (children: ReactNode | undefined, props:
 export declare const setChildrenIndex: (children: ReactNode | undefined, targetComponents?: Array<React.ElementType>) => ReactNode | undefined;
 export declare const getReactNode: (node?: React.ReactNode | (() => React.ReactNode)) => React.ReactNode;
 export declare const isChildElement: (parent: Element | null | undefined, child: Element | null | undefined) => boolean;
-export declare const isBolioUIElement: (el?: HTMLElement | undefined) => boolean;
+export declare const isBolioUIElement: (el?: HTMLElement) => boolean;
 export declare const isBrowser: () => boolean;
 export declare const isMac: () => boolean;
-export declare const isCSSNumberValue: (value?: string | number | undefined) => boolean;
+export declare const isCSSNumberValue: (value?: string | number) => boolean;