@helpdice/ui 1.0.1 → 1.0.2

package/esm/pagination/pagination-pages.d.ts

@@ -0,0 +1,9 @@
+import React, { Dispatch, SetStateAction } from 'react';
+interface Props {
+    limit: number;
+    count: number;
+    current: number;
+    setPage: Dispatch<SetStateAction<number>>;
+}
+declare const PaginationPages: React.FC<Props>;
+export default PaginationPages;

package/esm/pagination/pagination-pages.js

@@ -0,0 +1,86 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useMemo } from 'react';
+import PaginationItem from './pagination-item';
+import PaginationEllipsis from './pagination-ellipsis';
+var PaginationPages = function PaginationPages(_ref) {
+  var limit = _ref.limit,
+    count = _ref.count,
+    current = _ref.current,
+    setPage = _ref.setPage;
+  var showPages = useMemo(function () {
+    var oddLimit = limit % 2 === 0 ? limit - 1 : limit;
+    return oddLimit - 2;
+  }, [limit]);
+  var middleNumber = (showPages + 1) / 2;
+  var _useMemo = useMemo(function () {
+      var showEllipsis = count > limit;
+      return [showEllipsis && current > middleNumber + 1, showEllipsis && current < count - middleNumber];
+    }, [current, showPages, middleNumber, count, limit]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    showBeforeEllipsis = _useMemo2[0],
+    showAfterEllipsis = _useMemo2[1];
+  var pagesArray = useMemo(function () {
+    return _toConsumableArray(new Array(showPages));
+  }, [showPages]);
+  var renderItem = useCallback(function (value, active) {
+    return /*#__PURE__*/React.createElement(PaginationItem, {
+      key: "pagination-item-".concat(value),
+      active: value === active,
+      onClick: function onClick() {
+        return setPage(value);
+      }
+    }, value);
+  }, []);
+  var startPages = pagesArray.map(function (_, index) {
+    var value = index + 2;
+    return renderItem(value, current);
+  });
+  var middlePages = pagesArray.map(function (_, index) {
+    var middleIndexNumber = middleNumber - (index + 1);
+    var value = current - middleIndexNumber;
+    return /*#__PURE__*/React.createElement(PaginationItem, {
+      key: "pagination-middle-".concat(index),
+      active: index + 1 === middleNumber,
+      onClick: function onClick() {
+        return setPage(value);
+      }
+    }, value);
+  });
+  var endPages = pagesArray.map(function (_, index) {
+    var value = count - (showPages - index);
+    return renderItem(value, current);
+  });
+  if (count <= limit) {
+    /* eslint-disable react/jsx-no-useless-fragment */
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _toConsumableArray(new Array(count)).map(function (_, index) {
+      var value = index + 1;
+      return /*#__PURE__*/React.createElement(PaginationItem, {
+        key: "pagination-item-".concat(value),
+        active: value === current,
+        onClick: function onClick() {
+          return setPage(value);
+        }
+      }, value);
+    }));
+    /* eslint-enable */
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderItem(1, current), showBeforeEllipsis && /*#__PURE__*/React.createElement(PaginationEllipsis, {
+    key: "pagination-ellipsis-before",
+    isBefore: true,
+    onClick: function onClick() {
+      return setPage(function (last) {
+        return last - 5 >= 1 ? last - 5 : 1;
+      });
+    }
+  }), showBeforeEllipsis && showAfterEllipsis ? middlePages : showBeforeEllipsis ? endPages : startPages, showAfterEllipsis && /*#__PURE__*/React.createElement(PaginationEllipsis, {
+    key: "pagination-ellipsis-after",
+    onClick: function onClick() {
+      return setPage(function (last) {
+        return last + 5 <= count ? last + 5 : count;
+      });
+    }
+  }), renderItem(count, current));
+};
+PaginationPages.displayName = 'GeistPaginationPages';
+export default PaginationPages;

package/esm/pagination/pagination-previous.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type PaginationPreviousProps = React.ButtonHTMLAttributes<any>;
+declare const PaginationPrevious: React.FC<React.PropsWithChildren<PaginationPreviousProps>>;
+export default PaginationPrevious;

package/esm/pagination/pagination-previous.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import PaginationItem from './pagination-item';
+import { usePaginationContext } from './pagination-context';
+var PaginationPrevious = function PaginationPrevious(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _usePaginationContext = usePaginationContext(),
+    update = _usePaginationContext.update,
+    isFirst = _usePaginationContext.isFirst;
+  return /*#__PURE__*/React.createElement(PaginationItem, _extends({
+    onClick: function onClick() {
+      return update && update('prev');
+    },
+    disabled: isFirst
+  }, props), children);
+};
+PaginationPrevious.displayName = 'GeistPaginationPrevious';
+export default PaginationPrevious;

package/esm/pagination/pagination.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+interface Props {
+    page?: number;
+    initialPage?: number;
+    count?: number;
+    limit?: number;
+    onChange?: (val: number) => void;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type PaginationProps = Props & NativeAttrs;
+declare const Pagination: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode;
+} & {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    padding?: string | number | undefined;
+    margin?: string | number | undefined;
+    w?: string | number | undefined;
+    h?: string | number | undefined;
+    paddingLeft?: string | number | undefined;
+    paddingRight?: string | number | undefined;
+    paddingTop?: string | number | undefined;
+    paddingBottom?: string | number | undefined;
+    pl?: string | number | undefined;
+    pr?: string | number | undefined;
+    pt?: string | number | undefined;
+    pb?: string | number | undefined;
+    marginLeft?: string | number | undefined;
+    marginRight?: string | number | undefined;
+    marginTop?: string | number | undefined;
+    marginBottom?: string | number | undefined;
+    ml?: string | number | undefined;
+    mr?: string | number | undefined;
+    mt?: string | number | undefined;
+    mb?: string | number | undefined;
+    px?: string | number | undefined;
+    py?: string | number | undefined;
+    mx?: string | number | undefined;
+    my?: string | number | undefined;
+    font?: string | number | undefined;
+    unit?: string | undefined;
+    scale?: number | undefined;
+    children?: any;
+    className?: string | undefined;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
+export default Pagination;

package/esm/pagination/pagination.js

@@ -0,0 +1,96 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["page", "initialPage", "count", "limit", "children", "onChange", "className"];
+import _JSXStyle from "../styled-jsx.es.js";
+import React, { useEffect, useMemo } from 'react';
+import PaginationPrevious from './pagination-previous';
+import PaginationNext from './pagination-next';
+import PaginationPages from './pagination-pages';
+import { PaginationContext } from './pagination-context';
+import useCurrentState from '../utils/use-current-state';
+import { pickChild } from '../utils/collections';
+import useScale, { withScale } from '../use-scale';
+var PaginationComponent = function PaginationComponent(_ref) {
+  var customPage = _ref.page,
+    _ref$initialPage = _ref.initialPage,
+    initialPage = _ref$initialPage === void 0 ? 1 : _ref$initialPage,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 1 : _ref$count,
+    _ref$limit = _ref.limit,
+    limit = _ref$limit === void 0 ? 7 : _ref$limit,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useScale = useScale(),
+    SCALES = _useScale.SCALES;
+  var _useCurrentState = useCurrentState(initialPage),
+    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
+    page = _useCurrentState2[0],
+    setPage = _useCurrentState2[1],
+    pageRef = _useCurrentState2[2];
+  var _pickChild = pickChild(children, PaginationPrevious),
+    _pickChild2 = _slicedToArray(_pickChild, 2),
+    prevChildren = _pickChild2[1];
+  var _pickChild3 = pickChild(children, PaginationNext),
+    _pickChild4 = _slicedToArray(_pickChild3, 2),
+    nextChildren = _pickChild4[1];
+  var _useMemo = useMemo(function () {
+      var hasChildren = function hasChildren(c) {
+        return React.Children.count(c) > 0;
+      };
+      var prevDefault = /*#__PURE__*/React.createElement(PaginationPrevious, null, "prev");
+      var nextDefault = /*#__PURE__*/React.createElement(PaginationNext, null, "next");
+      return [hasChildren(prevChildren) ? prevChildren : prevDefault, hasChildren(nextChildren) ? nextChildren : nextDefault];
+    }, [prevChildren, nextChildren]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    prevItem = _useMemo2[0],
+    nextItem = _useMemo2[1];
+  var update = function update(type) {
+    if (type === 'prev' && pageRef.current > 1) {
+      setPage(function (last) {
+        return last - 1;
+      });
+    }
+    if (type === 'next' && pageRef.current < count) {
+      setPage(function (last) {
+        return last + 1;
+      });
+    }
+  };
+  var values = useMemo(function () {
+    return {
+      isFirst: page <= 1,
+      isLast: page >= count,
+      update: update
+    };
+  }, [page, count]);
+  useEffect(function () {
+    onChange && onChange(page);
+  }, [page]);
+  useEffect(function () {
+    if (customPage !== undefined) {
+      setPage(customPage);
+    }
+  }, [customPage]);
+  return /*#__PURE__*/React.createElement(PaginationContext.Provider, {
+    value: values
+  }, /*#__PURE__*/React.createElement("nav", _extends({}, props, {
+    className: _JSXStyle.dynamic([["3826701357", [SCALES.font(2), SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
+  }), prevItem, /*#__PURE__*/React.createElement(PaginationPages, {
+    count: count,
+    current: page,
+    limit: limit,
+    setPage: setPage
+  }), nextItem), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3826701357",
+    dynamic: [SCALES.font(2), SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
+  }, "nav.__jsx-style-dynamic-selector{font-variant:tabular-nums;font-feature-settings:'tnum';--pagination-size:".concat(SCALES.font(2), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}nav.__jsx-style-dynamic-selector button:last-of-type{margin-right:0;}")));
+};
+PaginationComponent.displayName = 'Pagination';
+var Pagination = withScale(PaginationComponent);
+export default Pagination;

package/esm/popover/index.d.ts

@@ -0,0 +1,10 @@
+import Popover from "./popover";
+import PopoverItem from "./popover-item";
+export type PopoverComponentType = typeof Popover & {
+    Item: typeof PopoverItem;
+    Option: typeof PopoverItem;
+};
+export type { PopoverProps, PopoverTriggerTypes, PopoverPlacement } from "./popover";
+export type { PopoverItemProps } from "./popover-item";
+declare const _default: PopoverComponentType;
+export default _default;

package/esm/popover/index.js

@@ -0,0 +1,7 @@
+"use client";
+
+import Popover from './popover';
+import PopoverItem from './popover-item';
+Popover.Item = PopoverItem;
+Popover.Option = PopoverItem;
+export default Popover;

package/esm/popover/popover-context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type PopoverConfig = {
+    disableItemsAutoClose: boolean;
+    onItemClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+export declare const PopoverContext: React.Context<PopoverConfig>;
+export declare const usePopoverContext: () => PopoverConfig;

package/esm/popover/popover-context.js

@@ -0,0 +1,9 @@
+import React, { useContext } from 'react';
+var defaultContext = {
+  disableItemsAutoClose: false,
+  onItemClick: function onItemClick() {}
+};
+export var PopoverContext = /*#__PURE__*/React.createContext(defaultContext);
+export var usePopoverContext = function usePopoverContext() {
+  return useContext(PopoverContext);
+};

package/esm/popover/popover-item.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+interface Props {
+    line?: boolean;
+    showTitle?: boolean;
+    disableAutoClose?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type PopoverItemProps = Props & NativeAttrs;
+declare const PopoverItem: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode;
+} & {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    padding?: string | number | undefined;
+    margin?: string | number | undefined;
+    w?: string | number | undefined;
+    h?: string | number | undefined;
+    paddingLeft?: string | number | undefined;
+    paddingRight?: string | number | undefined;
+    paddingTop?: string | number | undefined;
+    paddingBottom?: string | number | undefined;
+    pl?: string | number | undefined;
+    pr?: string | number | undefined;
+    pt?: string | number | undefined;
+    pb?: string | number | undefined;
+    marginLeft?: string | number | undefined;
+    marginRight?: string | number | undefined;
+    marginTop?: string | number | undefined;
+    marginBottom?: string | number | undefined;
+    ml?: string | number | undefined;
+    mr?: string | number | undefined;
+    mt?: string | number | undefined;
+    mb?: string | number | undefined;
+    px?: string | number | undefined;
+    py?: string | number | undefined;
+    mx?: string | number | undefined;
+    my?: string | number | undefined;
+    font?: string | number | undefined;
+    unit?: string | undefined;
+    scale?: number | undefined;
+    children?: any;
+    className?: string | undefined;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
+export default PopoverItem;

package/esm/popover/popover-item.js

@@ -0,0 +1,55 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "line", "showTitle", "className", "onClick", "disableAutoClose"];
+import _JSXStyle from "../styled-jsx.es.js";
+import React from 'react';
+import useTheme from '../use-theme';
+import useScale, { withScale } from '../use-scale';
+import { usePopoverContext } from './popover-context';
+import useClasses from '../use-classes';
+var PopoverItemComponent = function PopoverItemComponent(_ref) {
+  var children = _ref.children,
+    _ref$line = _ref.line,
+    line = _ref$line === void 0 ? false : _ref$line,
+    _ref$showTitle = _ref.showTitle,
+    showTitle = _ref$showTitle === void 0 ? false : _ref$showTitle,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    _ref$disableAutoClose = _ref.disableAutoClose,
+    disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var _useScale = useScale(),
+    SCALES = _useScale.SCALES;
+  var _usePopoverContext = usePopoverContext(),
+    disableItemsAutoClose = _usePopoverContext.disableItemsAutoClose,
+    onItemClick = _usePopoverContext.onItemClick;
+  var hasHandler = Boolean(onClick);
+  var dontCloseByClick = disableAutoClose || disableItemsAutoClose || showTitle || line;
+  var classes = useClasses('item', {
+    line: line,
+    showTitle: showTitle
+  }, className);
+  var clickHandler = function clickHandler(event) {
+    onClick && onClick(event);
+    if (dontCloseByClick) {
+      return event.stopPropagation();
+    }
+    onItemClick(event);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+    onClick: clickHandler
+  }, props, {
+    className: _JSXStyle.dynamic([["190621384", [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + (props && props.className != null && props.className || classes || "")
+  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "190621384",
+    dynamic: [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]
+  }, ".item.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:".concat(theme.palette.accents_5, ";-webkit-transition:color,background-color 150ms linear;transition:color,background-color 150ms linear;line-height:1.25em;font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0.5), " ").concat(SCALES.pr(0.75), " ").concat(SCALES.pb(0.5), " ").concat(SCALES.pl(0.75), ";cursor:").concat(hasHandler ? 'pointer' : 'default', ";}.item.__jsx-style-dynamic-selector:hover{color:").concat(theme.palette.foreground, ";}.item.line.__jsx-style-dynamic-selector{line-height:0;padding:0;background-color:").concat(theme.palette.border, ";height:").concat(SCALES.height(0.0625), ";margin:").concat(SCALES.mt(0.35), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0.35), " ").concat(SCALES.ml(0), ";width:").concat(SCALES.width(1, '100%'), ";}.item.title.__jsx-style-dynamic-selector{font-weight:500;font-size:").concat(SCALES.font(0.925), ";color:").concat(theme.palette.foreground, ";}"))), showTitle && /*#__PURE__*/React.createElement(PopoverItem, {
+    line: true,
+    showTitle: false
+  }));
+};
+PopoverItemComponent.displayName = 'PopoverItem';
+var PopoverItem = withScale(PopoverItemComponent);
+export default PopoverItem;

package/esm/popover/popover.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import { TooltipProps, TooltipTypes } from "../tooltip/tooltip";
+import { Placement, TriggerTypes } from "../utils/prop-types";
+export type PopoverTriggerTypes = TriggerTypes;
+export type PopoverPlacement = Placement;
+interface Props {
+    child?: any;
+    trigger?: PopoverTriggerTypes;
+    placement?: Placement;
+    disableItemsAutoClose?: boolean;
+    type?: TooltipTypes;
+}
+type ExcludeTooltipProps = {
+    text: any;
+    trigger: any;
+    placement: any;
+};
+export type PopoverProps = Props & Omit<TooltipProps, keyof ExcludeTooltipProps>;
+declare const Popover: React.ForwardRefExoticComponent<Props & Omit<TooltipProps, keyof ExcludeTooltipProps> & {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    padding?: string | number | undefined;
+    margin?: string | number | undefined;
+    w?: string | number | undefined;
+    h?: string | number | undefined;
+    paddingLeft?: string | number | undefined;
+    paddingRight?: string | number | undefined;
+    paddingTop?: string | number | undefined;
+    paddingBottom?: string | number | undefined;
+    pl?: string | number | undefined;
+    pr?: string | number | undefined;
+    pt?: string | number | undefined;
+    pb?: string | number | undefined;
+    marginLeft?: string | number | undefined;
+    marginRight?: string | number | undefined;
+    marginTop?: string | number | undefined;
+    marginBottom?: string | number | undefined;
+    ml?: string | number | undefined;
+    mr?: string | number | undefined;
+    mt?: string | number | undefined;
+    mb?: string | number | undefined;
+    px?: string | number | undefined;
+    py?: string | number | undefined;
+    mx?: string | number | undefined;
+    my?: string | number | undefined;
+    font?: string | number | undefined;
+    unit?: string | undefined;
+    scale?: number | undefined;
+    children?: any;
+    className?: string | undefined;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
+export default Popover;

package/esm/popover/popover.js

@@ -0,0 +1,86 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["child", "children", "enterDelay", "leaveDelay", "offset", "type", "trigger", "placement", "initialVisible", "portalClassName", "disableItemsAutoClose", "onVisibleChange", "visible"];
+import _JSXStyle from "../styled-jsx.es.js";
+import React, { useEffect, useMemo, useState } from 'react';
+import Tooltip from '../tooltip/tooltip';
+import { getReactNode } from '../utils/collections';
+import useScale, { withScale } from '../use-scale';
+import { PopoverContext } from './popover-context';
+import useClasses from '../use-classes';
+var PopoverComponent = function PopoverComponent(_ref) {
+  var child = _ref.child,
+    children = _ref.children,
+    _ref$enterDelay = _ref.enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
+    _ref$leaveDelay = _ref.leaveDelay,
+    leaveDelay = _ref$leaveDelay === void 0 ? 150 : _ref$leaveDelay,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 12 : _ref$offset,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+    _ref$initialVisible = _ref.initialVisible,
+    initialVisible = _ref$initialVisible === void 0 ? false : _ref$initialVisible,
+    _ref$portalClassName = _ref.portalClassName,
+    portalClassName = _ref$portalClassName === void 0 ? '' : _ref$portalClassName,
+    _ref$disableItemsAuto = _ref.disableItemsAutoClose,
+    disableItemsAutoClose = _ref$disableItemsAuto === void 0 ? false : _ref$disableItemsAuto,
+    _ref$onVisibleChange = _ref.onVisibleChange,
+    onVisibleChange = _ref$onVisibleChange === void 0 ? function () {} : _ref$onVisibleChange,
+    customVisible = _ref.visible,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useScale = useScale(),
+    SCALES = _useScale.SCALES;
+  var _useState = useState(initialVisible),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var textNode = useMemo(function () {
+    return getReactNode(child);
+  }, [child]);
+  var onChildClick = function onChildClick() {
+    onPopoverVisibleChange(false);
+  };
+  var value = useMemo(function () {
+    return {
+      onItemClick: onChildClick,
+      disableItemsAutoClose: disableItemsAutoClose
+    };
+  }, [disableItemsAutoClose]);
+  var classes = useClasses('popover', portalClassName);
+  var onPopoverVisibleChange = function onPopoverVisibleChange(next) {
+    setVisible(next);
+    onVisibleChange(next);
+  };
+  useEffect(function () {
+    if (customVisible === undefined) return;
+    onPopoverVisibleChange(customVisible);
+  }, [customVisible]);
+  return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(Tooltip, _extends({
+    type: type,
+    enterDelay: enterDelay,
+    leaveDelay: leaveDelay,
+    offset: offset,
+    text: textNode,
+    trigger: trigger,
+    placement: placement,
+    portalClassName: classes,
+    visible: visible,
+    onVisibleChange: onPopoverVisibleChange
+  }, props), children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "622655983",
+    dynamic: [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]
+  }, ".tooltip-content.popover > .inner{padding:".concat(SCALES.pt(0.9), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.9), " ").concat(SCALES.pl(0), ";}"))));
+};
+PopoverComponent.displayName = 'Popover';
+var Popover = withScale(PopoverComponent);
+export default Popover;

package/esm/progress/index.d.ts

@@ -0,0 +1,3 @@
+import Progress from "./progress";
+export type { ProgressProps, ProgressColors, ProgressTypes } from "./progress";
+export default Progress;

package/esm/progress/index.js

@@ -0,0 +1,2 @@
+import Progress from './progress';
+export default Progress;

package/esm/progress/progress.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { NormalTypes } from "../utils/prop-types";
+export type ProgressColors = {
+    [key: number]: string;
+};
+export type ProgressTypes = NormalTypes;
+interface Props {
+    value?: number;
+    max?: number;
+    fixedTop?: boolean;
+    fixedBottom?: boolean;
+    colors?: ProgressColors;
+    type?: ProgressTypes;
+    className?: string;
+}
+type NativeAttrs = Omit<React.ProgressHTMLAttributes<any>, keyof Props>;
+export type ProgressProps = Props & NativeAttrs;
+declare const Progress: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    padding?: string | number | undefined;
+    margin?: string | number | undefined;
+    w?: string | number | undefined;
+    h?: string | number | undefined;
+    paddingLeft?: string | number | undefined;
+    paddingRight?: string | number | undefined;
+    paddingTop?: string | number | undefined;
+    paddingBottom?: string | number | undefined;
+    pl?: string | number | undefined;
+    pr?: string | number | undefined;
+    pt?: string | number | undefined;
+    pb?: string | number | undefined;
+    marginLeft?: string | number | undefined;
+    marginRight?: string | number | undefined;
+    marginTop?: string | number | undefined;
+    marginBottom?: string | number | undefined;
+    ml?: string | number | undefined;
+    mr?: string | number | undefined;
+    mt?: string | number | undefined;
+    mb?: string | number | undefined;
+    px?: string | number | undefined;
+    py?: string | number | undefined;
+    mx?: string | number | undefined;
+    my?: string | number | undefined;
+    font?: string | number | undefined;
+    unit?: string | undefined;
+    scale?: number | undefined;
+    children?: any;
+    className?: string | undefined;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
+export default Progress;