@helpdice/ui 2.0.9 → 2.1.5

package/dist/{Input → input}/index.d.ts

@@ -1,14 +1,14 @@
-import Input from './input';
-import Textarea from '../Textarea';
+import Input from './input-field';
+import Textarea from '../textarea';
 import InputPassword from './password';
 export type InputComponentType = typeof Input & {
     Textarea: typeof Textarea;
     Password: typeof InputPassword;
 };
 export { getColors } from './styles';
-export type { InputProps } from './input';
+export type { InputProps } from './input-field';
 export type { InputTypes } from './input-props';
 export type { InputPasswordProps } from './password';
-export type { TextareaProps } from '../Textarea/textarea';
+export type { TextareaProps } from '../textarea';
 declare const _default: InputComponentType;
 export default _default;

package/dist/{Input → input}/index.js

@@ -1222,7 +1222,7 @@ var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var textareaRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return textareaRef.current;
-  });
+  }); // added not null
   var isControlledComponent = React.useMemo(function () {
     return value !== undefined;
   }, [value]);

package/{esm/Input → dist/input}/styles.d.ts

@@ -1,5 +1,5 @@
 import { NormalTypes } from '../utils/prop-types';
-import { HUIThemesPalette } from '../Themes/presets';
+import { HUIThemesPalette } from '../themes/presets';
 export type InputColor = {
     color: string;
     borderColor: string;

package/dist/{Modal → modal}/modal-action.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEvent } from 'react';
-import { ButtonProps } from '../Button/button';
+import { ButtonProps } from '../button/button';
 type ModalActionEvent = MouseEvent<HTMLButtonElement> & {
     close: () => void;
 };

package/{esm/PhoneInput → dist/phone-input}/phone.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputTypes } from '../Input';
+import { InputTypes } from '../input';
 type PhoneInputProps = {
     onChange: (data: string) => void;
     value?: string;

package/dist/placeholder/index.d.ts

@@ -0,0 +1,2 @@
+import Placeholder from "./holder";
+export default Placeholder;

package/dist/{Popover → popover}/index.js

@@ -1311,7 +1311,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
     hideArrow = _ref$hideArrow === void 0 ? false : _ref$hideArrow,
     customVisible = _ref.visible,
     props = _objectWithoutProperties(_ref, _excluded$2);
-  var timer = React.useRef();
+  var timer = React.useRef(undefined);
   var ref = React.useRef(null);
   var _useState = React.useState(initialVisible),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/{Popover → popover}/popover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TooltipProps, TooltipTypes } from '../Tooltip/tooltip';
+import { TooltipProps, TooltipTypes } from '../tooltip/tooltip';
 import { Placement, TriggerTypes } from '../utils/prop-types';
 export type PopoverTriggerTypes = TriggerTypes;
 export type PopoverPlacement = Placement;

package/dist/{Radio → radio}/styles.d.ts

@@ -1,4 +1,4 @@
-import { HUIThemesPalette } from '../Themes/presets';
+import { HUIThemesPalette } from '../themes/presets';
 import { NormalTypes } from '../utils/prop-types';
 export type RadioColor = {
     label: string;

package/dist/{Rating → rating}/rating.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { NormalTypes } from '../utils/prop-types';
 export type RatingTypes = NormalTypes;
 declare const ratingCountTuple: [2, 3, 4, 5, 6, 7, 8, 9, 10];

package/dist/{Select → select}/index.js

@@ -691,7 +691,8 @@ var _JSXStyle = /*@__PURE__*/getDefaultExportFromCjs(styleExports);
 var pickChildByProps = function pickChildByProps(children, key, value) {
   var target = [];
   var isArray = Array.isArray(value);
-  var withoutPropChildren = React.Children.map(children, function (item) {
+  var withoutPropChildren = React.Children.map(children, function (_item) {
+    var item = _item;
     if (! /*#__PURE__*/React.isValidElement(item)) return null;
     if (!item.props) return item;
     if (isArray) {
@@ -1339,13 +1340,14 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
       _pickChildByProps2 = _slicedToArray(_pickChildByProps, 2),
       optionChildren = _pickChildByProps2[1];
     return React.Children.map(optionChildren, function (child) {
-      if (! /*#__PURE__*/React.isValidElement(child)) return null;
-      var el = /*#__PURE__*/React.cloneElement(child); // { preventAllEvents: true }
+      var _child = child;
+      if (! /*#__PURE__*/React.isValidElement(_child)) return null;
+      var el = /*#__PURE__*/React.cloneElement(_child); // { preventAllEvents: true }
       if (!multiple) return el;
       return /*#__PURE__*/React.createElement(SelectMultipleValue, {
         disabled: disabled,
         onClear: clearable ? function () {
-          return updateValue(child.props.value);
+          return updateValue(_child.props.value);
         } : null
       }, el);
     });

package/dist/{Select → select}/styles.d.ts

@@ -1,5 +1,5 @@
 import { NormalTypes } from '../utils/prop-types';
-import { HUIThemesPalette } from '../Themes/presets';
+import { HUIThemesPalette } from '../themes/presets';
 export type SelectColor = {
     border: string;
     borderActive: string;

package/{esm/Slider → dist/slider}/styles.d.ts

@@ -1,4 +1,4 @@
-import { HUIThemesPalette } from '../Themes/presets';
+import { HUIThemesPalette } from '../themes/presets';
 import { NormalTypes } from '../utils/prop-types';
 export type SelectColor = {
     bg: string;

package/{esm/Snippet → dist/snippet}/styles.d.ts

@@ -1,5 +1,5 @@
 import { SnippetTypes } from '../utils/prop-types';
-import { HUIThemesPalette } from '../Themes/presets';
+import { HUIThemesPalette } from '../themes/presets';
 export type SnippetStyles = {
     color: string;
     border: string;

package/dist/{Table → table}/index.js

@@ -904,7 +904,8 @@ var pickChild = function pickChild(children, targetChild) {
 var pickChildByProps = function pickChildByProps(children, key, value) {
   var target = [];
   var isArray = Array.isArray(value);
-  var withoutPropChildren = React.Children.map(children, function (item) {
+  var withoutPropChildren = React.Children.map(children, function (_item) {
+    var item = _item;
     if (! /*#__PURE__*/React.isValidElement(item)) return null;
     if (!item.props) return item;
     if (isArray) {
@@ -1282,7 +1283,7 @@ var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var textareaRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return textareaRef.current;
-  });
+  }); // added not null
   var isControlledComponent = React.useMemo(function () {
     return value !== undefined;
   }, [value]);
@@ -1874,13 +1875,14 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
       _pickChildByProps2 = _slicedToArray(_pickChildByProps, 2),
       optionChildren = _pickChildByProps2[1];
     return React.Children.map(optionChildren, function (child) {
-      if (! /*#__PURE__*/React.isValidElement(child)) return null;
-      var el = /*#__PURE__*/React.cloneElement(child); // { preventAllEvents: true }
+      var _child = child;
+      if (! /*#__PURE__*/React.isValidElement(_child)) return null;
+      var el = /*#__PURE__*/React.cloneElement(_child); // { preventAllEvents: true }
       if (!multiple) return el;
       return /*#__PURE__*/React.createElement(SelectMultipleValue, {
         disabled: disabled,
         onClear: clearable ? function () {
-          return updateValue(child.props.value);
+          return updateValue(_child.props.value);
         } : null
       }, el);
     });
@@ -2202,51 +2204,6 @@ var TableHead = function TableHead(props) {
 };
 TableHead.displayName = 'TableHead';
 
-var TableCell = function TableCell(_ref) {
-  var columns = _ref.columns,
-    row = _ref.row,
-    rowIndex = _ref.rowIndex,
-    emptyText = _ref.emptyText,
-    onCellClick = _ref.onCellClick;
-  /* eslint-disable react/jsx-no-useless-fragment */
-  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
-    var currentRowValue = row[column.prop];
-    var cellValue = currentRowValue || emptyText;
-    var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
-    return /*#__PURE__*/React.createElement("td", {
-      style: _objectSpread2({
-        fontSize: "".concat(column === null || column === void 0 ? void 0 : column.fontSize),
-        textAlign: column !== null && column !== void 0 && column.align ? "".concat(column === null || column === void 0 ? void 0 : column.align, " !important") : 'left',
-        paddingLeft: '0.3rem',
-        paddingRight: '0.3rem',
-        color: "".concat(column === null || column === void 0 ? void 0 : column.color),
-        boxSizing: 'border-box',
-        whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
-      }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
-      "data-column": column.prop,
-      key: "row-td-".concat(index, "-").concat(column.prop.toString()),
-      onClick: function onClick() {
-        return onCellClick && onCellClick(currentRowValue, rowIndex, index);
-      },
-      className: column.className
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "cell"
-    }, shouldBeRenderElement ? shouldBeRenderElement : cellValue));
-  }));
-  /* eslint-enable */
-};
-
-/* "use client" */
-
-var defaultContext$2 = {
-  columns: [],
-  updateColumn: function updateColumn() {}
-};
-var TableContext = /*#__PURE__*/React.createContext(defaultContext$2);
-var useTableContext = function useTableContext() {
-  return React.useContext(TableContext);
-};
-
 var lodash$1 = {exports: {}};
 
 /**
@@ -20013,6 +19970,51 @@ function Placeholder(_ref) {
   }, msg));
 }
 
+var TableCell = function TableCell(_ref) {
+  var columns = _ref.columns,
+    row = _ref.row,
+    rowIndex = _ref.rowIndex,
+    emptyText = _ref.emptyText,
+    onCellClick = _ref.onCellClick;
+  /* eslint-disable react/jsx-no-useless-fragment */
+  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
+    var currentRowValue = row[column.prop];
+    var cellValue = currentRowValue || emptyText;
+    var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
+    return /*#__PURE__*/React.createElement("td", {
+      style: _objectSpread2({
+        fontSize: "".concat(column === null || column === void 0 ? void 0 : column.fontSize),
+        textAlign: column !== null && column !== void 0 && column.align ? "".concat(column === null || column === void 0 ? void 0 : column.align, " !important") : 'left',
+        paddingLeft: '0.3rem',
+        paddingRight: '0.3rem',
+        color: "".concat(column === null || column === void 0 ? void 0 : column.color),
+        boxSizing: 'border-box',
+        whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
+      }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
+      "data-column": column.prop,
+      key: "row-td-".concat(index, "-").concat(column.prop.toString()),
+      onClick: function onClick() {
+        return onCellClick && onCellClick(currentRowValue, rowIndex, index);
+      },
+      className: column.className
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "cell"
+    }, shouldBeRenderElement ? shouldBeRenderElement : cellValue));
+  }));
+  /* eslint-enable */
+};
+
+/* "use client" */
+
+var defaultContext$2 = {
+  columns: [],
+  updateColumn: function updateColumn() {}
+};
+var TableContext = /*#__PURE__*/React.createContext(defaultContext$2);
+var useTableContext = function useTableContext() {
+  return React.useContext(TableContext);
+};
+
 // import { DataTable } from '@helpdice/pro'
 
 var TableBody = function TableBody(_ref) {
@@ -21500,7 +21502,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
     hideArrow = _ref$hideArrow === void 0 ? false : _ref$hideArrow,
     customVisible = _ref.visible,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  var timer = React.useRef();
+  var timer = React.useRef(undefined);
   var ref = React.useRef(null);
   var _useState = React.useState(initialVisible),
     _useState2 = _slicedToArray(_useState, 2),

package/{esm/Table → dist/table}/table-types.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React, { CSSProperties, JSX } from 'react';
 export type TableDataItemBase = Record<string, any>;
 export type TableColumnRender<Item extends TableDataItemBase> = (value: Item[keyof Item], rowData: Item, rowIndex: number) => JSX.Element | void;
 export type TableAbstractColumn<TableDataItem> = {

package/dist/{Text → text}/child.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { NormalTypes } from '../utils/prop-types';
 export interface Props {
     tag: keyof JSX.IntrinsicElements;

package/dist/{Textarea → textarea}/index.js

@@ -970,7 +970,7 @@ var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var textareaRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return textareaRef.current;
-  });
+  }); // added not null
   var isControlledComponent = React.useMemo(function () {
     return value !== undefined;
   }, [value]);

package/dist/{Toggle → toggle}/styles.d.ts

@@ -1,4 +1,4 @@
-import { HUIThemesPalette } from '../Themes/presets';
+import { HUIThemesPalette } from '../themes/presets';
 import { NormalTypes } from '../utils/prop-types';
 export type SelectColor = {
     bg: string;

package/dist/{Tooltip → tooltip}/index.js

@@ -1306,7 +1306,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
     hideArrow = _ref$hideArrow === void 0 ? false : _ref$hideArrow,
     customVisible = _ref.visible,
     props = _objectWithoutProperties(_ref, _excluded);
-  var timer = React.useRef();
+  var timer = React.useRef(undefined);
   var ref = React.useRef(null);
   var _useState = React.useState(initialVisible),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/{Tooltip → tooltip}/styles.d.ts

@@ -1,5 +1,5 @@
 import { SnippetTypes } from '../utils/prop-types';
-import { HUIThemesPalette } from '../Themes/presets';
+import { HUIThemesPalette } from '../themes/presets';
 export type TooltipColors = {
     bgColor: string;
     color: string;

package/dist/{Tree → tree}/index.js

@@ -693,7 +693,9 @@ var TreeIndents = function TreeIndents(_ref) {
 };
 
 var sortChildren = function sortChildren(children, folderComponentType) {
-  return React.Children.toArray(children).sort(function (a, b) {
+  return React.Children.toArray(children).sort(function (_a, _b) {
+    var a = _a;
+    var b = _b;
     if (! /*#__PURE__*/React.isValidElement(a) || ! /*#__PURE__*/React.isValidElement(b)) return 0;
     if (a.type !== b.type) return a.type !== folderComponentType ? 1 : -1;
     return "".concat(a.props.name).charCodeAt(0) - "".concat(b.props.name).charCodeAt(0);

package/dist/{Tree → tree}/tree-help.d.ts

@@ -1,4 +1,4 @@
 import React, { ReactNode } from 'react';
-export declare const sortChildren: (children: ReactNode | undefined, folderComponentType: React.ElementType) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[];
+export declare const sortChildren: (children: ReactNode | undefined, folderComponentType: React.ElementType) => (string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined>)[];
 export declare const makeChildPath: (name: string, parentPath?: string) => string;
 export declare const stopPropagation: (event: React.MouseEvent) => void;

package/dist/use-modal/use-modal.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-import { ModalProps } from '../Modal';
+import { ModalProps } from '../modal';
 export type ModalHooksBindings = Pick<ModalProps, 'visible' | 'onClose'>;
 declare const useModal: (initialVisible?: boolean) => {
     visible: boolean;

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

@@ -0,0 +1,17 @@
+import { Toast } from './use-toast';
+import React from 'react';
+import { NormalTypes } from '../utils/prop-types';
+export declare const makeToastActions: (actions: Toast["actions"], cancelHandle: () => void) => React.JSX.Element[] | null;
+export declare const getColors: (palette: any, type?: NormalTypes) => {
+    bgColor: string;
+    color: any;
+};
+declare const toastPlacement: ["topLeft", "topRight", "bottomLeft", "bottomRight"];
+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) => {
+    enter: string;
+    leave: string;
+};
+export {};

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

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

package/dist/use-toasts/index.js

@@ -0,0 +1,204 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+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;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+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;
+  }
+}
+
+var defaultToastLayout = {
+  padding: '12px 16px',
+  margin: '8px 0',
+  width: '420px',
+  maxWidth: '90vw',
+  maxHeight: '75px',
+  placement: 'bottomRight'
+};
+var defaultParams = {
+  toasts: [],
+  toastLayout: defaultToastLayout,
+  updateToastLayout: function updateToastLayout(t) {
+    return t;
+  },
+  updateToasts: function updateToasts(t) {
+    return t;
+  },
+  lastUpdateToastId: null,
+  updateLastToastId: function updateLastToastId() {
+    return null;
+  }
+};
+var HUIContent = /*#__PURE__*/React.createContext(defaultParams);
+var useHUIContext = function useHUIContext() {
+  return React.useContext(HUIContent);
+};
+
+/* "use client" */
+
+var getId = function getId() {
+  return Math.random().toString(32).slice(2, 10);
+};
+
+var defaultToast = {
+  delay: 2000,
+  type: 'default'
+};
+var useToasts = function useToasts(layout) {
+  var _useHUIContext = useHUIContext(),
+    updateToasts = _useHUIContext.updateToasts,
+    toasts = _useHUIContext.toasts,
+    updateToastLayout = _useHUIContext.updateToastLayout,
+    updateLastToastId = _useHUIContext.updateLastToastId;
+  React.useEffect(function () {
+    if (!layout) return;
+    updateToastLayout(function () {
+      return layout ? _objectSpread2(_objectSpread2({}, defaultToastLayout), layout) : defaultToastLayout;
+    });
+  }, []);
+  var _cancel = function cancel(internalId) {
+    updateToasts(function (currentToasts) {
+      return currentToasts.map(function (item) {
+        if (item._internalIdent !== internalId) return item;
+        return _objectSpread2(_objectSpread2({}, item), {}, {
+          visible: false
+        });
+      });
+    });
+    updateLastToastId(function () {
+      return internalId;
+    });
+  };
+  var removeAll = function removeAll() {
+    updateToasts(function (last) {
+      return last.map(function (toast) {
+        return _objectSpread2(_objectSpread2({}, 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 _objectSpread2(_objectSpread2({}, 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
+  };
+};
+
+exports.default = useToasts;

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

@@ -0,0 +1,40 @@
+import React, { CSSProperties } from 'react';
+import type { NormalTypes } from '../utils/prop-types';
+import { ToastPlacement } from '../use-toasts/helpers';
+export interface ToastAction {
+    name: string;
+    handler: (event: React.MouseEvent<HTMLButtonElement>, cancel: () => void) => void;
+    passive?: boolean;
+}
+export type ToastTypes = NormalTypes;
+export type ToastLayout = {
+    padding?: CSSProperties['padding'];
+    margin?: CSSProperties['margin'];
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    maxHeight?: CSSProperties['maxHeight'];
+    placement?: ToastPlacement;
+};
+export interface ToastInput {
+    text: string | React.ReactNode;
+    type?: ToastTypes;
+    id?: string;
+    delay?: number;
+    actions?: Array<ToastAction>;
+}
+export type ToastInstance = {
+    visible: boolean;
+    cancel: () => void;
+    _timeout: null | number;
+    _internalIdent: string;
+};
+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) => ToastHooksResult;
+export default useToasts;

package/dist/utils/use-drag.d.ts

@@ -4,5 +4,5 @@ export type DraggingEvent = {
     currentX: number;
 };
 export type DraggingHandler = (event: DraggingEvent) => void;
-declare const useDrag: (elementRef: RefObject<HTMLElement> | null, draggingHandler?: DraggingHandler, dragStartHandler?: DraggingHandler, dragEndHandler?: DraggingHandler) => void;
+declare const useDrag: (elementRef: RefObject<HTMLElement | null>, draggingHandler?: DraggingHandler, dragStartHandler?: DraggingHandler, dragEndHandler?: DraggingHandler) => void;
 export default useDrag;