@helpdice/ui 1.6.9 → 1.7.0

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

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

package/esm/list/list-item.js

@@ -0,0 +1,84 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "direction", "justify", "alignItems", "line", "showTitle", "className", "onClick", "leading", "primary", "secondary", "trailing", "selected", "disableAutoClose"];
+import _JSXStyle from "../styled-jsx.es.js";
+import React from 'react';
+import useTheme from '../use-theme';
+import useScale, { withScale } from '../use-scale';
+import useClasses from '../use-classes';
+var ListItemComponent = function ListItemComponent(_ref) {
+  var children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'row' : _ref$direction,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? 'flex-start' : _ref$justify,
+    _ref$alignItems = _ref.alignItems,
+    alignItems = _ref$alignItems === void 0 ? 'center' : _ref$alignItems,
+    _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,
+    leading = _ref.leading,
+    primary = _ref.primary,
+    secondary = _ref.secondary,
+    trailing = _ref.trailing,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
+    _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;
+  //   const { disableItemsAutoClose, onItemClick } = usePopoverContext()
+  var hasHandler = Boolean(onClick);
+  //   const 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("li", {
+    style: {
+      all: 'unset',
+      listStyle: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    style: {
+      backgroundColor: selected ? '#efefef' : ''
+    },
+    onClick: clickHandler
+  }, props, {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, 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 ? children : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, 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-left"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, 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]]])
+  }, leading), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, 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-description"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, 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-description-primary"
+  }, primary), secondary && /*#__PURE__*/React.createElement("small", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, 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-description-secondary"
+  }, secondary))), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, 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-right"
+  }, trailing)), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "937997701",
+    dynamic: [direction, justify, alignItems, 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;-webkit-flex-direction:".concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";box-sizing:border-box;-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";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-description.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:5px;}.item-description-primary.__jsx-style-dynamic-selector{margin:0;}.item-description-secondary.__jsx-style-dynamic-selector{margin:0;}.item-left.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.7rem;}.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, ";}"))), line && /*#__PURE__*/React.createElement(ListItem, {
+    line: true,
+    showTitle: false
+  }));
+};
+ListItemComponent.displayName = 'ListItem';
+var ListItem = withScale(ListItemComponent);
+export default ListItem;

package/esm/list/list.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+interface Props {
+    heading?: any;
+    showHeading?: boolean;
+    secondary?: any;
+    className?: string;
+    children?: React.ReactNode;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type ListProps = Props & NativeAttrs;
+declare const List: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    width?: string | number;
+    height?: string | number;
+    padding?: string | number;
+    margin?: string | number;
+    w?: string | number;
+    h?: string | number;
+    paddingLeft?: string | number;
+    paddingRight?: string | number;
+    paddingTop?: string | number;
+    paddingBottom?: string | number;
+    pl?: string | number;
+    pr?: string | number;
+    pt?: string | number;
+    pb?: string | number;
+    marginLeft?: string | number;
+    marginRight?: string | number;
+    marginTop?: string | number;
+    marginBottom?: string | number;
+    ml?: string | number;
+    mr?: string | number;
+    mt?: string | number;
+    mb?: string | number;
+    px?: string | number;
+    py?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    font?: string | number;
+    unit?: string;
+    scale?: number;
+    children?: any;
+    className?: string;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
+export default List;

package/esm/list/list.js

@@ -0,0 +1,29 @@
+import _JSXStyle from "../styled-jsx.es.js";
+import React from "react";
+import Description from "../description";
+import useScale, { withScale } from "../use-scale";
+var ListComponent = function ListComponent(_ref) {
+  var heading = _ref.heading,
+    _ref$showHeading = _ref.showHeading,
+    showHeading = _ref$showHeading === void 0 ? true : _ref$showHeading,
+    secondary = _ref.secondary,
+    children = _ref.children;
+  var _useScale = useScale(),
+    SCALES = _useScale.SCALES;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["2885341068", [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]]])
+  }, showHeading && /*#__PURE__*/React.createElement(Description, {
+    mb: 1,
+    mt: 1,
+    title: heading,
+    content: secondary
+  }), /*#__PURE__*/React.createElement("ul", {
+    className: _JSXStyle.dynamic([["2885341068", [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]]]) + " " + "helpdice-ui-list"
+  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2885341068",
+    dynamic: [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]
+  }, ".helpdice-ui-list.__jsx-style-dynamic-selector{all:unset;padding:".concat(SCALES.pt(0.9), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.9), " ").concat(SCALES.pl(0), ";}")));
+};
+ListComponent.displayName = 'List';
+var List = withScale(ListComponent);
+export default List;

package/esm/login-with/LoginSocialApple/index.js

@@ -92,45 +92,45 @@ var LoginSocialApple = function LoginSocialApple(_ref) {
     }
   }, [scope, client_id, redirect_uri, insertScript, checkIsExistsSDKScript]);
   var loginApple = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var response;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var response, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (isSdkLoaded) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           if (_window.AppleID) {
-            _context.next = 7;
+            _context.next = 2;
             break;
           }
           load();
           onReject("Apple SDK isn't loaded!");
-          _context.next = 18;
+          _context.next = 6;
           break;
-        case 7:
+        case 2:
           onLoginStart && onLoginStart();
-          _context.prev = 8;
-          _context.next = 11;
+          _context.prev = 3;
+          _context.next = 4;
           return _window.AppleID.auth.signIn();
-        case 11:
+        case 4:
           response = _context.sent;
           handleResponse(response);
-          _context.next = 18;
+          _context.next = 6;
           break;
-        case 15:
-          _context.prev = 15;
-          _context.t0 = _context["catch"](8);
+        case 5:
+          _context.prev = 5;
+          _t = _context["catch"](3);
           onReject({
-            err: _context.t0
+            err: _t
           });
-        case 18:
+        case 6:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[8, 15]]);
+    }, _callee, null, [[3, 5]]);
   })), [handleResponse, isSdkLoaded, load, onLoginStart, onReject]);
   return /*#__PURE__*/React.createElement("div", {
     className: className,

package/esm/login-with/LoginSocialGithub/index.js

@@ -118,12 +118,12 @@ export var LoginSocialGithub = function LoginSocialGithub(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
             return _context.abrupt("return", type === 'code' && provider === 'github' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialInstagram/index.js

@@ -100,12 +100,12 @@ export var LoginSocialInstagram = function LoginSocialInstagram(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
             return _context.abrupt("return", type === 'code' && provider === 'instagram' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialLinkedin/index.js

@@ -106,12 +106,12 @@ export var LoginSocialLinkedin = function LoginSocialLinkedin(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref4.type, code = _ref4.code, provider = _ref4.provider;
             return _context.abrupt("return", type === 'code' && provider === 'linkedin' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialMicrosoft/index.js

@@ -109,12 +109,12 @@ export var LoginSocialMicrosoft = function LoginSocialMicrosoft(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
             return _context.abrupt("return", type === 'code' && provider === 'microsoft' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialPinterest/index.js

@@ -63,11 +63,11 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
   var getAccessToken = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(code) {
       var details, formBody, property, encodedKey, encodedValue, data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isOnlyGetCode) {
-              _context.next = 4;
+              _context.next = 1;
               break;
             }
             onResolve({
@@ -76,9 +76,9 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
                 code: code
               }
             });
-            _context.next = 12;
+            _context.next = 3;
             break;
-          case 4:
+          case 1:
             details = {
               code: code,
               redirect_uri: redirect_uri,
@@ -91,7 +91,7 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
               formBody.push(encodedKey + '=' + encodedValue);
             }
             formBody = formBody.join('&');
-            _context.next = 10;
+            _context.next = 2;
             return fetch("".concat(PREVENT_CORS_URL, "/").concat(PINTEREST_URL_API, "/oauth/token"), {
               method: 'POST',
               headers: {
@@ -105,7 +105,7 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
             })["catch"](function (err) {
               return onReject(err);
             });
-          case 10:
+          case 2:
             data = _context.sent;
             if (data.access_token) {
               if (isOnlyGetToken) onResolve({
@@ -113,7 +113,7 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
                 data: data
               });else getProfile(data);
             }
-          case 12:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -126,12 +126,12 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             type = _ref3.type, code = _ref3.code, provider = _ref3.provider;
             return _context2.abrupt("return", type === 'code' && provider === 'pinterest' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context2.stop();
         }

package/esm/login-with/LoginSocialTiktok/index.js

@@ -100,7 +100,7 @@ export var LoginSocialGithub = function LoginSocialGithub(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
@@ -110,7 +110,7 @@ export var LoginSocialGithub = function LoginSocialGithub(_ref) {
                 code: code
               }
             }));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialTwitter/index.js

@@ -65,11 +65,11 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
   var getAccessToken = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(code) {
       var details, requestOAuthURL, data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isOnlyGetCode) {
-              _context.next = 4;
+              _context.next = 1;
               break;
             }
             onResolve({
@@ -78,9 +78,9 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
                 code: code
               }
             });
-            _context.next = 10;
+            _context.next = 3;
             break;
-          case 4:
+          case 1:
             details = new URLSearchParams({
               code: code,
               redirect_uri: redirect_uri,
@@ -89,7 +89,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
               code_verifier: 'challenge'
             });
             requestOAuthURL = "".concat(PREVENT_CORS_URL, "/").concat(TWITTER_API_URL, "/2/oauth2/token");
-            _context.next = 8;
+            _context.next = 2;
             return fetch(requestOAuthURL, {
               method: 'POST',
               body: details,
@@ -102,7 +102,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
             })["catch"](function (err) {
               return onReject(err);
             });
-          case 8:
+          case 2:
             data = _context.sent;
             if (data.access_token) {
               if (isOnlyGetToken) onResolve({
@@ -110,7 +110,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
                 data: data
               });else getProfile(data);
             }
-          case 10:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -123,12 +123,12 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             type = _ref3.type, code = _ref3.code, provider = _ref3.provider;
             return _context2.abrupt("return", type === 'code' && provider === 'twitter' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context2.stop();
         }
@@ -152,7 +152,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
   }, [handlePostMessage]);
   var onLogin = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var oauthUrl, width, height, left, top;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           onLoginStart && onLoginStart();
@@ -163,7 +163,7 @@ export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
           left = window.screen.width / 2 - width / 2;
           top = window.screen.height / 2 - height / 2;
           window.open(oauthUrl, 'twitter', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
-        case 8:
+        case 1:
         case "end":
           return _context3.stop();
       }

package/esm/menu/index.d.ts

@@ -0,0 +1,2 @@
+import Menu from "./menu";
+export default Menu;

package/esm/menu/index.js

@@ -0,0 +1,2 @@
+import Menu from "./menu";
+export default Menu;

package/esm/menu/menu.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react-dom';
+interface MenuProps {
+    anchor: ReactNode;
+    children: ReactNode | ((close: () => void) => ReactNode);
+    placement?: Placement;
+}
+declare const Menu: React.FC<MenuProps>;
+export default Menu;

package/esm/menu/menu.js

@@ -0,0 +1,92 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/react-dom';
+var Menu = function Menu(_ref) {
+  var anchor = _ref.anchor,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useFloating = useFloating({
+      placement: placement,
+      middleware: [offset(8), flip(), shift({
+        padding: 8
+      })]
+    }),
+    refs = _useFloating.refs,
+    x = _useFloating.x,
+    y = _useFloating.y,
+    strategy = _useFloating.strategy,
+    update = _useFloating.update;
+
+  // Auto-update on layout changes
+  useEffect(function () {
+    if (open && refs.reference.current && refs.floating.current) {
+      return autoUpdate(refs.reference.current, refs.floating.current, update);
+    }
+  }, [open, refs.reference, refs.floating, update]);
+
+  // Close when clicking outside
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (refs.reference.current && refs.floating.current && !refs.floating.current.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      return document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [refs]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: refs.setReference,
+    onClick: function onClick() {
+      return setOpen(function (prev) {
+        return !prev;
+      });
+    },
+    style: {
+      cursor: 'pointer'
+    }
+  }, anchor), /*#__PURE__*/React.createElement(AnimatePresence, null, open && /*#__PURE__*/React.createElement(motion.div, {
+    ref: refs.setFloating,
+    initial: {
+      opacity: 0,
+      scale: 0.95,
+      y: -5
+    },
+    animate: {
+      opacity: 1,
+      scale: 1,
+      y: 0
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.95,
+      y: -5
+    },
+    transition: {
+      duration: 0.2,
+      ease: 'easeOut'
+    },
+    style: {
+      position: strategy,
+      top: y !== null && y !== void 0 ? y : 0,
+      left: x !== null && x !== void 0 ? x : 0,
+      zIndex: 1000,
+      boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+      minWidth: '150px'
+    }
+  }, typeof children === 'function' ? children(function () {
+    return setOpen(false);
+  }) : children)));
+};
+export default Menu;

package/esm/modal/modal-action.js

@@ -28,7 +28,8 @@ var ModalActionComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _close = _useModalContext.close;
   useImperativeHandle(ref, function () {
     return btnRef.current;
-  });
+  }); // Changed with !
+
   var clickHandler = function clickHandler(event) {
     if (disabled) return;
     var actionEvent = Object.assign({}, event, {

package/esm/table/index.d.ts

@@ -2,5 +2,4 @@ import Table from './table';
 export type { TableProps } from './table';
 export type { TableColumnProps } from './table-column';
 export type { TableOnCellClick, TableAbstractColumn, TableOnChange, TableOnRowClick, TableRowClassNameHandler, TableDataItemBase, TableColumnRender } from './table-types';
-export { default as DataTable } from './data-table';
 export default Table;

package/esm/table/index.js

@@ -1,3 +1,2 @@
 import Table from './table';
-export { default as DataTable } from './data-table';
 export default Table;