@bolio-ui/core 2.0.0-alpha.1 → 2.0.0-alpha.2

package/esm/use-modal/use-modal.js

@@ -1,22 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import useCurrentState from '../utils/use-current-state';
-var useModal = function useModal() {
-  var initialVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var _useCurrentState = useCurrentState(initialVisible),
-    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-    visible = _useCurrentState2[0],
-    setVisible = _useCurrentState2[1],
-    currentRef = _useCurrentState2[2];
-  return {
-    visible: visible,
-    setVisible: setVisible,
-    currentRef: currentRef,
-    bindings: {
-      visible: visible,
-      onClose: function onClose() {
-        return setVisible(false);
-      }
-    }
-  };
-};
-export default useModal;

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

@@ -1,35 +0,0 @@
-import React from 'react';
-export var ScalePropKeys = ['width', 'height', 'padding', 'margin', 'w', 'h', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'pl', 'pr', 'pt', 'pb', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'ml', 'mr', 'mt', 'mb', 'px', 'py', 'mx', 'my', 'font', 'unit', 'scale'];
-var defaultDynamicLayoutPipe = function defaultDynamicLayoutPipe(scale1x) {
-  return "".concat(scale1x);
-};
-var defaultContext = {
-  getScaleProps: function getScaleProps() {
-    return undefined;
-  },
-  getAllScaleProps: function getAllScaleProps() {
-    return {};
-  },
-  SCALES: {
-    pl: defaultDynamicLayoutPipe,
-    pr: defaultDynamicLayoutPipe,
-    pb: defaultDynamicLayoutPipe,
-    pt: defaultDynamicLayoutPipe,
-    px: defaultDynamicLayoutPipe,
-    py: defaultDynamicLayoutPipe,
-    mb: defaultDynamicLayoutPipe,
-    ml: defaultDynamicLayoutPipe,
-    mr: defaultDynamicLayoutPipe,
-    mt: defaultDynamicLayoutPipe,
-    mx: defaultDynamicLayoutPipe,
-    my: defaultDynamicLayoutPipe,
-    width: defaultDynamicLayoutPipe,
-    height: defaultDynamicLayoutPipe,
-    font: defaultDynamicLayoutPipe
-  },
-  unit: '16px'
-};
-export var ScaleContext = /*#__PURE__*/React.createContext(defaultContext);
-export var useScale = function useScale() {
-  return React.useContext(ScaleContext);
-};

package/esm/use-scale/utils.js

@@ -1,49 +0,0 @@
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
-import { ScalePropKeys } from './scale-context';
-export var generateGetScaleProps = function generateGetScaleProps(props) {
-  var getScaleProps = function getScaleProps(keyOrKeys) {
-    if (!Array.isArray(keyOrKeys)) return props[keyOrKeys];
-    var value = undefined;
-    var _iterator = _createForOfIteratorHelper(keyOrKeys),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var key = _step.value;
-        var currentValue = props[key];
-        if (typeof currentValue !== 'undefined') {
-          value = currentValue;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return value;
-  };
-  return getScaleProps;
-};
-export var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
-  var getAllScaleProps = function getAllScaleProps() {
-    var scaleProps = {};
-    var _iterator2 = _createForOfIteratorHelper(ScalePropKeys),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var key = _step2.value;
-        var value = props[key];
-        if (typeof value !== 'undefined') {
-          scaleProps[key] = value;
-        }
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-    return scaleProps;
-  };
-  return getAllScaleProps;
-};

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

@@ -1,105 +0,0 @@
-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"];
-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 @typescript-eslint/ban-types */
-
-function withScale(Render) {
-  var ScaleFC = /*#__PURE__*/forwardRef(function (_ref, ref) {
-    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);
-    var _useTheme = useTheme(),
-      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);
-    var makeScaleHandler = function makeScaleHandler(attrValue) {
-      return function (scale1x, defaultValue) {
-        // 0 means disable scale and the default value is 0
-        if (scale1x === 0) {
-          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: {
-        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
-        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((_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)
-      },
-      getScaleProps: generateGetScaleProps(props),
-      getAllScaleProps: generateGetAllScaleProps(props)
-    };
-    return /*#__PURE__*/React.createElement(ScaleContext.Provider, {
-      value: value
-    }, /*#__PURE__*/React.createElement(Render, _extends({}, innerProps, {
-      ref: ref
-    }), children));
-  });
-  ScaleFC.displayName = "Scale".concat(Render.displayName || 'Wrapper');
-  return ScaleFC;
-}
-export default withScale;

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

@@ -1,21 +0,0 @@
-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];
-  return {
-    state: state,
-    setState: setState,
-    currentRef: currentRef,
-    bindings: {
-      value: state,
-      onChange: function onChange(val) {
-        setState(val);
-      }
-    }
-  };
-};
-export default useTabs;

package/esm/use-theme/theme-context.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import Themes from '../Themes';
-var defaultTheme = Themes.getPresetStaticTheme();
-export var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
-export var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
-};

package/esm/use-toasts/helpers.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import Button from '../Button';
-import { tuple } from '../utils/prop-types';
-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, {
-      auto: true,
-      scale: 1 / 3,
-      font: "13px",
-      type: action.passive ? 'default' : 'primary',
-      key: "action-".concat(index),
-      onClick: function onClick(event) {
-        return handler(event, action.handler);
-      }
-    }, action.name);
-  });
-};
-export var getColors = function getColors(palette, type) {
-  var colors = {
-    "default": palette.background,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  var isDefault = !type || type === 'default';
-  if (isDefault) return {
-    bgColor: colors["default"],
-    color: palette.foreground
-  };
-  /**
-   * 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'
-  };
-};
-var toastPlacement = tuple('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
-export var isTopPlacement = function isTopPlacement(placement) {
-  return "".concat(placement).toLowerCase().startsWith('top');
-};
-export var isLeftPlacement = function isLeftPlacement(placement) {
-  return "".concat(placement).toLowerCase().endsWith('left');
-};
-export var getTranslateByPlacement = function getTranslateByPlacement(placement) {
-  var translateInByPlacement = {
-    topLeft: 'translate(-60px, -60px)',
-    topRight: 'translate(60px, -60px)',
-    bottomLeft: 'translate(-60px, 60px)',
-    bottomRight: 'translate(60px, 60px)'
-  };
-  var translateOutByPlacement = {
-    topLeft: 'translate(-50px, 15px) scale(0.85)',
-    topRight: 'translate(50px, 15px) scale(0.85)',
-    bottomLeft: 'translate(-50px, -15px) scale(0.85)',
-    bottomRight: 'translate(50px, -15px) scale(0.85)'
-  };
-  return {
-    enter: translateInByPlacement[placement],
-    leave: translateOutByPlacement[placement]
-  };
-};

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

@@ -1,118 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import usePortal from '../utils/use-portal';
-import useTheme from '../use-theme';
-import { useBolioUIContext } from '../utils/use-bolio-ui-context';
-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];
-  var _useBolioUIContext = useBolioUIContext(),
-    toasts = _useBolioUIContext.toasts,
-    updateToasts = _useBolioUIContext.updateToasts,
-    toastLayout = _useBolioUIContext.toastLayout,
-    lastUpdateToastId = _useBolioUIContext.lastUpdateToastId;
-  var memoizedLayout = useMemo(function () {
-    return toastLayout;
-  }, [toastLayout]);
-  var toastElements = useMemo(function () {
-    return toasts.map(function (toast) {
-      return /*#__PURE__*/React.createElement(ToastItem, {
-        toast: toast,
-        layout: memoizedLayout,
-        key: toast._internalIdent
-      });
-    });
-  }, [toasts, memoizedLayout]);
-  var classNames = useMemo(function () {
-    return useClasses('toasts', {
-      top: isTopPlacement(toastLayout.placement),
-      left: isLeftPlacement(toastLayout.placement)
-    });
-  }, [memoizedLayout]);
-  var hoverHandler = function hoverHandler(isHovering) {
-    setHovering(isHovering);
-    if (isHovering) {
-      return updateToasts(function (last) {
-        return last.map(function (toast) {
-          if (!toast.visible) return toast;
-          toast._timeout && window.clearTimeout(toast._timeout);
-          return _extends({}, toast, {
-            timeout: null
-          });
-        });
-      });
-    }
-    updateToasts(function (last) {
-      return last.map(function (toast, index) {
-        if (!toast.visible) return toast;
-        toast._timeout && window.clearTimeout(toast._timeout);
-        return _extends({}, toast, {
-          _timeout: function () {
-            var timer = window.setTimeout(function () {
-              toast.cancel();
-              window.clearTimeout(timer);
-            }, toast.delay + index * 100);
-            return timer;
-          }()
-        });
-      });
-    });
-  };
-  useEffect(function () {
-    var index = toasts.findIndex(function (r) {
-      return r._internalIdent === lastUpdateToastId;
-    });
-    var toast = toasts[index];
-    if (!toast || toast.visible || !hoveringRef.current) return;
-    var hasVisible = toasts.find(function (r, i) {
-      return i < index && r.visible;
-    });
-    if (hasVisible || !hoveringRef.current) return;
-    hoverHandler(false);
-  }, [toasts, lastUpdateToastId]);
-  useEffect(function () {
-    var timeout = null;
-    var timer = window.setInterval(function () {
-      if (toasts.length === 0) return;
-      timeout = window.setTimeout(function () {
-        var allInvisible = !toasts.find(function (r) {
-          return r.visible;
-        });
-        allInvisible && updateToasts(function () {
-          return [];
-        });
-        timeout && clearTimeout(timeout);
-      }, 350);
-    }, 5000);
-    return function () {
-      timer && clearInterval(timer);
-      timeout && clearTimeout(timeout);
-    };
-  }, [toasts]);
-  if (!portal) return null;
-  if (!toasts || toasts.length === 0) return null;
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    onMouseEnter: function onMouseEnter() {
-      return hoverHandler(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return hoverHandler(false);
-    },
-    className: _JSXStyle.dynamic([["622610754", [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (classNames || "")
-  }, toastElements, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "622610754",
-    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.js

@@ -1,45 +0,0 @@
-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;
-  var theme = useTheme();
-  var _useMemo = useMemo(function () {
-      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;
-  var _useMemo2 = useMemo(function () {
-      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"
-  }, toast.text), /*#__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]]]) + " " + "action"
-  }, makeToastActions(toast.actions, toast.cancel))), /*#__PURE__*/React.createElement(_JSXStyle, {
-    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]
-  }, ".toast.__jsx-style-dynamic-selector{max-height:".concat(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:").concat(theme.palette.foreground, ";background-color:").concat(bgColor, ";color:").concat(color, ";border:0;border-radius:").concat(theme.layout.radius, ";opacity:1;box-shadow:").concat(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:").concat(enter, ";-ms-transform:").concat(enter, ";transform:").concat(enter, ";}.toast-enter-active.__jsx-style-dynamic-selector{opacity:1;height:auto;margin:").concat(margin, ";padding:").concat(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:").concat(margin, ";padding:").concat(padding, ";}.toast-leave-active.__jsx-style-dynamic-selector{opacity:0;-webkit-transform:").concat(leave, ";-ms-transform:").concat(leave, ";transform:").concat(leave, ";}"))));
-});
-ToastItem.displayName = 'BolioUIToastItem';
-export default ToastItem;

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

@@ -1,101 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useEffect } from 'react';
-import { defaultToastLayout, useBolioUIContext } from '../utils/use-bolio-ui-context';
-import { getId } from '../utils/collections';
-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;
-  useEffect(function () {
-    if (!layout) return;
-    updateToastLayout(function () {
-      return layout ? _extends({}, defaultToastLayout, layout) : defaultToastLayout;
-    });
-  }, []);
-  var _cancel = function cancel(internalId) {
-    updateToasts(function (currentToasts) {
-      return currentToasts.map(function (item) {
-        if (item._internalIdent !== internalId) return item;
-        return _extends({}, item, {
-          visible: false
-        });
-      });
-    });
-    updateLastToastId(function () {
-      return internalId;
-    });
-  };
-  var removeAll = function removeAll() {
-    updateToasts(function (last) {
-      return last.map(function (toast) {
-        return _extends({}, toast, {
-          visible: false
-        });
-      });
-    });
-  };
-  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) {
-        if (toast.id !== id) return toast;
-        return _extends({}, toast, {
-          visible: false
-        });
-      });
-    });
-  };
-  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,
-        text: toast.text,
-        visible: true,
-        type: toast.type || defaultToast.type,
-        id: toast.id || internalIdent,
-        actions: toast.actions || [],
-        _internalIdent: internalIdent,
-        _timeout: window.setTimeout(function () {
-          _cancel(internalIdent);
-          if (newToast._timeout) {
-            window.clearTimeout(newToast._timeout);
-            newToast._timeout = null;
-          }
-        }, delay),
-        cancel: function cancel() {
-          return _cancel(internalIdent);
-        }
-      };
-      return [].concat(_toConsumableArray(last), [newToast]);
-    });
-  };
-  return {
-    toasts: toasts,
-    setToast: setToast,
-    removeAll: removeAll,
-    findToastOneByID: findToastOneByID,
-    removeToastOneByID: removeToastOneByID
-  };
-};
-export default useToasts;

package/esm/utils/calculations.js

@@ -1,27 +0,0 @@
-import { useMemo } from 'react';
-
-/**
- * Calculate the ratio of two numbers, maximum decimal length can be specified.
- *
- * (0, 100) => 0
- * (50, 100) => 50
- * (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;
-  var couldBeDecimalValue = (Number.isNaN(val) ? 0 : val) * 100;
-  if (couldBeDecimalValue > 100) return 100;
-  if (couldBeDecimalValue < 0) return 0;
-  if (!"".concat(couldBeDecimalValue).includes('.')) return couldBeDecimalValue;
-  var decimal = "".concat(couldBeDecimalValue).split('.')[1];
-  if (decimal.length < maxFixed) return couldBeDecimalValue;
-  return +couldBeDecimalValue.toFixed(maxFixed);
-};
-export var useProportions = function useProportions(value, max) {
-  var maxFixed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-  return useMemo(function () {
-    return getProportions(value, max, maxFixed);
-  }, [value, max, maxFixed]);
-};