@helpdice/ui 2.0.7 → 2.1.3

package/dist/AutoComplete/auto-complete.d.ts

@@ -27,7 +27,7 @@ interface Props {
 }
 type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof Props>;
 export type AutoCompleteProps = Props & NativeAttrs & ReactElement;
-declare const AutoComplete: React.ForwardRefExoticComponent<Omit<Props & NativeAttrs & React.ReactElement<any, string | React.JSXElementConstructor<any>> & {
+declare const AutoComplete: React.ForwardRefExoticComponent<Omit<Props & NativeAttrs & React.ReactElement<unknown, string | React.JSXElementConstructor<any>> & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLInputElement> & {
     width?: string | number;

package/dist/AutoComplete/index.js

@@ -1239,7 +1239,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/ButtonDropdown/index.js

@@ -874,7 +874,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) {

package/dist/Carousal/component/Indicator.d.ts

@@ -4,6 +4,7 @@ interface IndicatorProps {
     isSelected: boolean;
     index: number;
     label: string;
+    type: string;
 }
 declare const Indicator: React.FC<IndicatorProps>;
 export default Indicator;

package/dist/Carousal/component/Thumbs.d.ts

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 export interface Props {
     axis: 'horizontal' | 'vertical';
-    children: React.ReactChild[];
+    children: React.ReactNode[];
     labels: {
         leftArrow: string;
         rightArrow: string;

package/dist/Carousal/component/index.d.ts

@@ -79,7 +79,7 @@ export default class Carousel extends React.Component<CarouselProps, CarouselSta
     selectItem: (state: Pick<CarouselState, "selectedItem" | "swiping">) => void;
     getInitialImage: () => HTMLImageElement;
     getVariableItemHeight: (position: number) => number | null;
-    renderItems(isClone?: boolean): React.JSX.Element[];
+    renderItems(isClone?: boolean): React.JSX.Element[] | null | undefined;
     renderControls(): React.JSX.Element | null;
     renderStatus(): React.JSX.Element | null;
     renderThumbs(): React.JSX.Element | null;

package/dist/Carousal/component/types.d.ts

@@ -17,7 +17,7 @@ export interface CarouselProps {
     autoPlay?: boolean;
     centerMode?: boolean;
     centerSlidePercentage: number;
-    children?: React.ReactChild[];
+    children?: React.ReactNode[];
     className?: string;
     dynamicHeight?: boolean;
     emulateTouch?: boolean;
@@ -37,16 +37,17 @@ export interface CarouselProps {
     preventMovementUntilSwipeScrollTolerance: boolean;
     renderArrowPrev: (clickHandler: () => void, hasPrev: boolean, label: string) => React.ReactNode;
     renderArrowNext: (clickHandler: () => void, hasNext: boolean, label: string) => React.ReactNode;
-    renderIndicator: (clickHandler: (e: React.MouseEvent | React.KeyboardEvent) => void, isSelected: boolean, index: number, label: string) => React.ReactNode;
+    renderIndicator: (clickHandler: (e: React.MouseEvent | React.KeyboardEvent) => void, isSelected: boolean, index: number, label: string, type: string) => React.ReactNode;
     renderItem: (item: React.ReactNode, options?: {
         isSelected: boolean;
         isPrevious: boolean;
     }) => React.ReactNode;
-    renderThumbs: (children: React.ReactChild[]) => React.ReactChild[];
+    renderThumbs: (children: React.ReactNode[]) => React.ReactNode[];
     selectedItem: number;
     showArrows: boolean;
     showStatus: boolean;
     showIndicators: boolean;
+    indicator: string;
     showThumbs: boolean;
     statusFormatter: (currentItem: number, total: number) => string;
     stopOnHover: boolean;

package/dist/Carousal/index.js

@@ -3030,10 +3030,10 @@ var Thumbs = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement("li", _extends({}, thumbProps, {
           role: "button",
           tabIndex: 0,
-          className: "jsx-2129274269" + " " + (thumbProps && thumbProps.className != null && thumbProps.className || "")
+          className: "jsx-2625056898" + " " + (thumbProps && thumbProps.className != null && thumbProps.className || "")
         }), img, /*#__PURE__*/React.createElement(_JSXStyle, {
-          id: "2129274269"
-        }, ".thumb.jsx-2129274269{-webkit-transition:border 0.15s ease-in;transition:border 0.15s ease-in;display:inline-block;margin-right:6px;margin-bottom:0 !important;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px;}.thumb.jsx-2129274269:focus{border:3px solid #ccc;outline:none;}.thumb.selected.jsx-2129274269,.thumb.jsx-2129274269:hover{border:3px solid #0099ff;}.thumb.jsx-2129274269 img.jsx-2129274269{vertical-align:top;}"));
+          id: "2625056898"
+        }, ".thumb.jsx-2625056898{-webkit-transition:border 0.15s ease-in;transition:border 0.15s ease-in;display:inline-block;margin-right:6px;margin-bottom:0 !important;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px;}.thumb.jsx-2625056898:focus{border:3px solid #ccc;outline:none;}.thumb.selected.jsx-2625056898,.thumb.jsx-2625056898:hover{border:3px solid #0099ff;}.thumb.jsx-2625056898 img.jsx-2625056898{vertical-align:top;}"));
       });
     }
   }, {
@@ -3217,19 +3217,62 @@ var Indicator = function Indicator(_ref) {
   var onClickHandler = _ref.onClickHandler,
     isSelected = _ref.isSelected,
     index = _ref.index,
-    label = _ref.label;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
-    onClick: onClickHandler,
-    onKeyDown: onClickHandler,
-    value: index,
-    key: index,
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "".concat(label, " ").concat(index + 1),
-    className: "jsx-3056554148" + " " + (klass.DOT(isSelected) || "")
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3056554148"
-  }, ".dot.jsx-3056554148{-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.3;box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px;}.dot.selected.jsx-3056554148,.dot.jsx-3056554148:hover{opacity:1;}"));
+    label = _ref.label,
+    type = _ref.type;
+  switch (type) {
+    case 'line':
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
+        onClick: onClickHandler,
+        onKeyDown: onClickHandler,
+        value: index,
+        key: index,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": "".concat(label, " ").concat(index + 1),
+        className: "jsx-110677664" + " " + (klass.DOT(isSelected) || "")
+      }), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "110677664"
+      }, ".dot.jsx-110677664{-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.3;box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;width:14px;height:2px;cursor:pointer;display:inline-block;margin:0 8px;}.dot.selected.jsx-110677664,.dot.jsx-110677664:hover{opacity:1;}"));
+    case 'square':
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
+        onClick: onClickHandler,
+        onKeyDown: onClickHandler,
+        value: index,
+        key: index,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": "".concat(label, " ").concat(index + 1),
+        className: "jsx-157344968" + " " + (klass.DOT(isSelected) || "")
+      }), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "157344968"
+      }, ".dot.jsx-157344968{-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.3;box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px;}.dot.selected.jsx-157344968,.dot.jsx-157344968:hover{opacity:1;}"));
+    case 'pill':
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
+        onClick: onClickHandler,
+        onKeyDown: onClickHandler,
+        value: index,
+        key: index,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": "".concat(label, " ").concat(index + 1),
+        className: "jsx-2836895747" + " " + (klass.DOT(isSelected) || "")
+      }), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "2836895747"
+      }, ".dot.jsx-2836895747{-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.3;box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:25px;width:20px;height:5px;cursor:pointer;display:inline-block;margin:0 8px;}.dot.selected.jsx-2836895747,.dot.jsx-2836895747:hover{opacity:1;}"));
+    default:
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
+        onClick: onClickHandler,
+        onKeyDown: onClickHandler,
+        value: index,
+        key: index,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": "".concat(label, " ").concat(index + 1),
+        className: "jsx-3056554148" + " " + (klass.DOT(isSelected) || "")
+      }), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "3056554148"
+      }, ".dot.jsx-3056554148{-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.3;box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px;}.dot.selected.jsx-3056554148,.dot.jsx-3056554148:hover{opacity:1;}"));
+  }
 };
 
 /**
@@ -3683,7 +3726,8 @@ var Carousel = /*#__PURE__*/function (_React$Component) {
       itemListStyle: {},
       slideStyle: {},
       selectedStyle: {},
-      prevStyle: {}
+      prevStyle: {},
+      indicator: 'dot'
     };
     _this.animationHandler = typeof props.animationHandler === 'function' && props.animationHandler || props.animationHandler === 'fade' && fadeAnimationHandler || slideAnimationHandler;
     _this.state = _objectSpread2(_objectSpread2({}, initState), _this.animationHandler(props, initState));
@@ -3846,13 +3890,13 @@ var Carousel = /*#__PURE__*/function (_React$Component) {
           style: style
         };
         return /*#__PURE__*/React.createElement("li", _extends({}, slideProps, {
-          className: "jsx-2755164558" + " " + (slideProps && slideProps.className != null && slideProps.className || "")
+          className: "jsx-4120978495" + " " + (slideProps && slideProps.className != null && slideProps.className || "")
         }), _this3.props.renderItem(item, {
           isSelected: index === _this3.state.selectedItem,
           isPrevious: index === _this3.state.previousItem
         }), /*#__PURE__*/React.createElement(_JSXStyle, {
-          id: "2755164558"
-        }, ".slide.jsx-2755164558{min-width:100%;margin:0;position:relative;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}img.jsx-2755164558{width:100%;vertical-align:top;border:0;}iframe.jsx-2755164558{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0;}.legend.jsx-2755164558{-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;}.slide.jsx-2755164558 .legend.jsx-2755164558{opacity:1;}"));
+          id: "4120978495"
+        }, ".slide.jsx-4120978495{min-width:100%;margin:0;position:relative;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}img.jsx-4120978495{width:100%;vertical-align:top;border:0;}iframe.jsx-4120978495{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0;}.legend.jsx-4120978495{-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;}.slide.jsx-4120978495 .legend.jsx-4120978495{opacity:1;}"));
       });
     }
   }, {
@@ -3863,14 +3907,15 @@ var Carousel = /*#__PURE__*/function (_React$Component) {
         showIndicators = _this$props.showIndicators,
         labels = _this$props.labels,
         renderIndicator = _this$props.renderIndicator,
-        children = _this$props.children;
+        children = _this$props.children,
+        indicator = _this$props.indicator;
       if (!showIndicators) {
         return null;
       }
       return /*#__PURE__*/React.createElement("ul", {
         className: "jsx-4140983776" + " " + "control-dots"
       }, React.Children.map(children, function (_, index) {
-        return renderIndicator && renderIndicator(_this4.changeItem(index), index === _this4.state.selectedItem, index, labels.item);
+        return renderIndicator && renderIndicator(_this4.changeItem(index), index === _this4.state.selectedItem, index, labels.item, indicator);
       }), /*#__PURE__*/React.createElement(_JSXStyle, {
         id: "4140983776"
       }, ".control-dots.jsx-4140983776{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1;}"));
@@ -3919,8 +3964,9 @@ var Carousel = /*#__PURE__*/function (_React$Component) {
       // show right arrow
       var hasNext = canShowArrows && (this.state.selectedItem < React.Children.count(this.props.children) - 1 || this.props.infiniteLoop) || false;
       var itemsClone = this.renderItems(true);
-      var firstClone = itemsClone.shift();
-      var lastClone = itemsClone.pop();
+      var firstClone = itemsClone.shift(); // added not null
+      var lastClone = itemsClone.pop(); // added not null
+
       var swiperProps = {
         className: klass.SLIDER(true, this.state.swiping),
         onSwipeMove: this.onSwipeMove,
@@ -4017,8 +4063,9 @@ _defineProperty(Carousel, "defaultProps", {
       label: label
     });
   },
-  renderIndicator: function renderIndicator(onClickHandler, isSelected, index, label) {
+  renderIndicator: function renderIndicator(onClickHandler, isSelected, index, label, type) {
     return /*#__PURE__*/React.createElement(Indicator, {
+      type: type,
       onClickHandler: onClickHandler,
       isSelected: isSelected,
       index: index,
@@ -4030,26 +4077,28 @@ _defineProperty(Carousel, "defaultProps", {
   },
   renderThumbs: function renderThumbs(children) {
     var images = React.Children.map(children, function (item) {
-      var img = item;
+      var _item = item;
+      if (! /*#__PURE__*/React.isValidElement(_item)) return undefined;
 
-      // if the item is not an image, try to find the first image in the item's children.
-      if (item.type !== 'img') {
-        img = React.Children.toArray(item.props.children).find(function (children) {
-          return children.type === 'img';
-        });
+      // Directly an <img> element
+      if (_item.type === 'img') {
+        return item;
       }
-      if (!img) {
-        return undefined;
-      }
-      return img;
+
+      // If not <img>, search its children
+      var childArray = React.Children.toArray(_item.props.children);
+      var foundImg = childArray.find(function (child) {
+        return /*#__PURE__*/React.isValidElement(child) && child.type === 'img';
+      });
+      return foundImg !== null && foundImg !== void 0 ? foundImg : undefined;
     });
-    if (images.filter(function (image) {
+    if ((images === null || images === void 0 ? void 0 : images.filter(function (image) {
       return image;
-    }).length === 0) {
+    }).length) === 0) {
       console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md");
       return [];
     }
-    return images;
+    return images !== null && images !== void 0 ? images : [];
   },
   statusFormatter: defaultStatusFormatter,
   selectedItem: 0,
@@ -4063,6 +4112,7 @@ _defineProperty(Carousel, "defaultProps", {
   transitionTime: 350,
   verticalSwipe: 'standard',
   width: '100%',
+  indicator: 'dot',
   animationHandler: 'slide',
   swipeAnimationHandler: slideSwipeAnimationHandler,
   stopSwipingHandler: slideStopSwipingHandler

package/dist/Form/types.d.ts

@@ -196,7 +196,7 @@ export interface SharedRenderProps<T> {
     /**
      * Field component to render. Can either be a string like 'select' or a component.
      */
-    component?: keyof JSX.IntrinsicElements | React.ComponentType<T | void>;
+    component?: keyof React.JSX.IntrinsicElements | React.ComponentType<T | void>;
     /**
      * Render prop (works like React router's <Route render={props =>} />)
      */
@@ -206,7 +206,7 @@ export interface SharedRenderProps<T> {
      */
     children?: (props: T) => React.ReactNode;
 }
-export type GenericFieldHTMLAttributes = JSX.IntrinsicElements['input'] | JSX.IntrinsicElements['select'] | JSX.IntrinsicElements['textarea'];
+export type GenericFieldHTMLAttributes = React.JSX.IntrinsicElements['input'] | React.JSX.IntrinsicElements['select'] | React.JSX.IntrinsicElements['textarea'];
 /** Field metadata */
 export interface FieldMetaProps<Value> {
     /** Value of the field */

package/dist/Grid/grid-container.d.ts

@@ -57,6 +57,10 @@ declare const GridContainer: React.ForwardRefExoticComponent<Props & import("./b
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -263,6 +267,8 @@ declare const GridContainer: React.ForwardRefExoticComponent<Props & import("./b
     onLostPointerCaptureCapture?: React.PointerEventHandler<any> | undefined;
     onScroll?: React.UIEventHandler<any> | undefined;
     onScrollCapture?: React.UIEventHandler<any> | undefined;
+    onScrollEnd?: React.UIEventHandler<any> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<any> | undefined;
     onWheel?: React.WheelEventHandler<any> | undefined;
     onWheelCapture?: React.WheelEventHandler<any> | undefined;
     onAnimationStart?: React.AnimationEventHandler<any> | undefined;
@@ -271,8 +277,16 @@ declare const GridContainer: React.ForwardRefExoticComponent<Props & import("./b
     onAnimationEndCapture?: React.AnimationEventHandler<any> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<any> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<any> | undefined;
+    onToggle?: React.ToggleEventHandler<any> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<any> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<any> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<any> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<any> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<any> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<any> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<any> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<any> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<any> | undefined;
 } & {
     width?: string | number;
     height?: string | number;

package/dist/Grid/grid.d.ts

@@ -54,6 +54,10 @@ declare const Grid: React.ForwardRefExoticComponent<Props & import("./basic-item
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -260,6 +264,8 @@ declare const Grid: React.ForwardRefExoticComponent<Props & import("./basic-item
     onLostPointerCaptureCapture?: React.PointerEventHandler<any> | undefined;
     onScroll?: React.UIEventHandler<any> | undefined;
     onScrollCapture?: React.UIEventHandler<any> | undefined;
+    onScrollEnd?: React.UIEventHandler<any> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<any> | undefined;
     onWheel?: React.WheelEventHandler<any> | undefined;
     onWheelCapture?: React.WheelEventHandler<any> | undefined;
     onAnimationStart?: React.AnimationEventHandler<any> | undefined;
@@ -268,8 +274,16 @@ declare const Grid: React.ForwardRefExoticComponent<Props & import("./basic-item
     onAnimationEndCapture?: React.AnimationEventHandler<any> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<any> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<any> | undefined;
+    onToggle?: React.ToggleEventHandler<any> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<any> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<any> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<any> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<any> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<any> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<any> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<any> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<any> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<any> | undefined;
 } & {
     width?: string | number;
     height?: string | number;

package/dist/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/dist/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/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/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/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);
     });
@@ -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/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/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/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/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/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-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/index.d.ts

@@ -128,3 +128,5 @@ export { Carousel } from './Carousal';
 export type { CarouselProps } from './Carousal';
 export { default as CurrencyInput } from './CurrencyInput';
 export type { CurrencyInputProps, CurrencyInputOnChangeValues } from './CurrencyInput';
+export { default as useToasts } from './use-toasts';
+export type { Toast, ToastInput, ToastAction, ToastLayout } from './use-toasts';