@bitrise/bitkit 9.4.1 → 9.4.2

package/.eslintrc.js

@@ -12,7 +12,14 @@ module.exports = {
     'import/no-extraneous-dependencies': [
       'error',
       {
-        devDependencies: ['**/*.stories.tsx', '**/*.test.tsx', 'jest.setup.js', 'scripts/*.ts', 'site/**/*.*'],
+        devDependencies: [
+          '**/*.stories.tsx',
+          '**/*.test.tsx',
+          'jest.setup.js',
+          'scripts/*.ts',
+          'site/**/*.*',
+          'postcss.config.js',
+        ],
       },
     ],
     'react-hooks/exhaustive-deps': 'off',

package/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx commitlint --edit ""

package/.nvmrc

@@ -1 +1 @@
-v14.17.3
+v16.14.2

package/.stylelintrc

@@ -46,7 +46,7 @@
     "function-linear-gradient-no-nonstandard-direction": true,
     "function-name-case": "lower",
     "function-parentheses-space-inside": "never-single-line",
-    "function-url-scheme-whitelist": ["data", "/^http/"],
+    "function-url-scheme-allowed-list": ["data", "/^http/"],
     "function-url-quotes": "always",
     "function-whitespace-after": "always",
     "indentation": 2,
@@ -276,10 +276,9 @@
     "shorthand-property-no-redundant-values": true,
     "string-no-newline": true,
     "string-quotes": "single",
-    "unit-blacklist": ["em", "px"],
+    "unit-disallowed-list": ["em", "px"],
     "unit-case": "lower",
     "unit-no-unknown": true,
-    "value-keyword-case": "lower",
     "value-list-comma-space-after": "always-single-line",
     "value-list-comma-space-before": "never",
     "value-list-max-empty-lines": 0,

package/.tool-versions

@@ -1 +1 @@
-nodejs 14.17.3
+nodejs 16.14.2

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+## [9.4.2](https://github.com/bitrise-io/bitkit/compare/v9.4.1...v9.4.2) (2022-03-30)
+
 ## [9.4.1](https://github.com/bitrise-io/bitkit/compare/v9.4.0...v9.4.1) (2022-03-29)
 
 

package/bitrise.yml

@@ -1,62 +1,66 @@
 ---
 format_version: '8'
-default_step_lib_source: https://github.com/bitrise-io/bitrise-steplib.git
+default_step_lib_source: 'https://github.com/bitrise-io/bitrise-steplib.git'
 project_type: other
 trigger_map:
 - push_branch: master
   workflow: Master
 - push_branch: alpha
   workflow: AlphaBranch
-- pull_request_source_branch: "*"
+- pull_request_source_branch: '*'
   workflow: PullRequests
   pull_request_target_branch: master
 workflows:
+  AlphaBranch:
+    before_run:
+    - Primary
+    steps:
+    - yarn@0.1:
+        inputs:
+        - command: semantic-release
+        title: Publish from alpha branch (... if needed)
+  Master:
+    before_run:
+    - Primary
+    steps:
+    - yarn@0.0.8:
+        inputs:
+        - command: semantic-release
+        title: Publish (... if needed)
   Primary:
     steps:
-    - activate-ssh-key@4.0.3:
+    - activate-ssh-key@4.1:
         run_if: '{{getenv "SSH_RSA_PRIVATE_KEY" | ne ""}}'
-    - git-clone@4.0.14: {}
-    - nvm@1: {}
-    - yarn@0.0.8:
+    - git-clone@6.1: {}
+    - nvm@1.3: {}
+    - yarn@0.1:
         title: Install Dependencies
-    - yarn@0.0.8:
+    - yarn@0.1:
         title: Run Linting
         inputs:
         - command: lint
-    - yarn@0.0.8:
+    - yarn@0.1:
         inputs:
         - command: test
         title: Run Tests
-    - yarn@0.0.8:
+    - yarn@0.1:
         title: Build Library and Style Guide
         inputs:
         - command: build
-  Master:
-    before_run:
-    - Primary
-    steps:
-    - yarn@0.0.8:
-        inputs:
-        - command: semantic-release
-        title: Publish (... if needed)
-  AlphaBranch:
-    before_run:
-    - Primary
-    steps:
-    - yarn@0.0.8:
-        inputs:
-        - command: semantic-release
-        title: Publish from alpha branch (... if needed)
   PullRequests:
     before_run:
     - Primary
     steps:
     - script@1.1.5:
         inputs:
-        - content: |
+        - content: >
             #!/bin/bash
+
             set -ex
 
+
             # Check for malformed commit messages
-            git log --pretty=format:'%s' origin/master...$BITRISE_GIT_COMMIT | yarn commitlint
+
+            git log --pretty=format:'%s' origin/master...$BITRISE_GIT_COMMIT |
+            yarn commitlint
         title: Lint Commits

package/jest.setup.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const Enzyme = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
+const Adapter = require('@wojtekmaj/enzyme-adapter-react-17');
 const { JSDOM } = require('jsdom');
 
 const jsdom = new JSDOM('<!doctype html><html><body></body></html>', {
@@ -24,6 +24,7 @@ global.navigator = {
 
 global.requestAnimationFrame = (cb) => setTimeout(cb, 0);
 global.cancelAnimationFrame = (id) => clearTimeout(id);
+// eslint-disable-next-line @typescript-eslint/no-implied-eval
 global.window.requestAnimationFrame = (cb) => setTimeout(cb, 0);
 global.window.cancelAnimationFrame = (id) => clearTimeout(id);
 

package/lib/cjs/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAuB,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQhF,aAAK,aAAa,GAAG,GAAG,CAAC;AACzB,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,KAAM,SAAQ,mBAAmB;IAChD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,4CAA4C;IAC5C,OAAO,EAAE,CAAC,MAAM,GAAG,WAAW,CAAC,EAAE,CAAC;IAClC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAuB,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQhF,aAAK,aAAa,GAAG,GAAG,CAAC;AACzB,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,KAAM,SAAQ,mBAAmB;IAChD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,4CAA4C;IAC5C,OAAO,EAAE,CAAC,MAAM,GAAG,WAAW,CAAC,EAAE,CAAC;IAClC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/cjs/Dropdown/Dropdown.js

@@ -66,27 +66,25 @@ var useState = React.useState;
 var Dropdown = function (props) {
     var children = props.children, options = props.options, onChange = props.onChange, selected = props.selected, maxHeight = props.maxHeight, rest = __rest(props, ["children", "options", "onChange", "selected", "maxHeight"]);
     var _a = useState(false), visible = _a[0], setVisible = _a[1];
-    var handleToggleVisible = function () { return setVisible(!visible); };
     var handleChange = function (value) {
         if (onChange) {
             onChange(value);
         }
-        handleToggleVisible();
+        setVisible(false);
     };
     var renderOption = function (_a) {
         var text = _a.text, value = _a.value;
-        return (React.createElement(DropdownMenuItem_1.default, { onClick: function () { return handleChange(value); }, selected: selected === value }, text));
+        return (React.createElement(DropdownMenuItem_1.default, { onClick: function () { return handleChange(value); }, selected: selected === value, width: "100%" }, text));
     };
     return (React.createElement(PlacementManager_1.default, null,
         React.createElement(PlacementReference_1.default, null, function (_a) {
             var ref = _a.ref;
-            return (React.createElement(DropdownButton_1.default, __assign({}, rest, { alignChildrenHorizontal: "start", innerRef: ref, onClick: handleToggleVisible }),
+            return (React.createElement(DropdownButton_1.default, __assign({}, rest, { alignChildrenHorizontal: "start", innerRef: ref, onClick: function () {
+                    setVisible(!visible);
+                } }),
                 React.createElement(Text_1.default, { ellipsis: true }, children)));
         }),
-        React.createElement(Placement_1.default, { onClose: handleToggleVisible, visible: visible }, function (_a) {
-            var width = _a.width;
-            return (React.createElement(DropdownMenu_1.default, { maxHeight: maxHeight, width: width }, options.map(function (option) { return (React.createElement(React.Fragment, { key: option.text }, 'options' in option ? (React.createElement(DropdownMenuItemGroup_1.default, { text: option.text }, option.options.map(function (groupOption) { return (React.createElement(React.Fragment, { key: groupOption.value }, renderOption(groupOption))); }))) : (renderOption(option)))); })));
-        })));
+        React.createElement(Placement_1.default, { onClose: function () { return setVisible(false); }, sameWidth: true, visible: visible }, function () { return (React.createElement(DropdownMenu_1.default, { maxHeight: maxHeight, width: "100%" }, options.map(function (option) { return (React.createElement(React.Fragment, { key: option.text }, 'options' in option ? (React.createElement(DropdownMenuItemGroup_1.default, { text: option.text }, option.options.map(function (groupOption) { return (React.createElement(React.Fragment, { key: groupOption.value }, renderOption(groupOption))); }))) : (renderOption(option)))); }))); })));
 };
 exports.default = Dropdown;
 //# sourceMappingURL=Dropdown.js.map

package/lib/cjs/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qEAA+C;AAC/C,mFAA6D;AAC7D,uFAAiE;AACjE,sDAAgC;AAChC,oEAAgF;AAChF,gEAA0C;AAC1C,wEAAkD;AAClD,kFAA4D;AAEpD,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;AAwB3B;;;;GAIG;AACH,IAAM,QAAQ,GAAmC,UAAC,KAAY;IACpD,IAAA,QAAQ,GAAsD,KAAK,SAA3D,EAAE,OAAO,GAA6C,KAAK,QAAlD,EAAE,QAAQ,GAAmC,KAAK,SAAxC,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAArE,4DAA6D,CAAF,CAAW;IACtE,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,mBAAmB,GAAG,cAAM,OAAA,UAAU,CAAC,CAAC,OAAO,CAAC,EAApB,CAAoB,CAAC;IAEvD,IAAM,YAAY,GAAG,UAAC,KAAoB;QACxC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,mBAAmB,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAuB;YAArB,IAAI,UAAA,EAAE,KAAK,WAAA;QAAe,OAAA,CAChD,oBAAC,0BAAgB,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,QAAQ,EAAE,QAAQ,KAAK,KAAK,IAC/E,IAAI,CACY,CACpB;IAJiD,CAIjD,CAAC;IAEF,OAAO,CACL,oBAAC,0BAAgB;QACf,oBAAC,4BAAkB,QAChB,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACZ,oBAAC,wBAAc,eAAK,IAAI,IAAE,uBAAuB,EAAC,OAAO,EAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,mBAAmB;gBACnG,oBAAC,cAAI,IAAC,QAAQ,UAAE,QAAQ,CAAQ,CACjB,CAClB;QAJa,CAIb,CACkB;QAErB,oBAAC,mBAAS,IAAC,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IACtD,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,CACd,oBAAC,sBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,IAC7B,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CACrB,oBAAC,+BAAqB,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IACrC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CACnC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,CAAC,KAAK,IAAG,YAAY,CAAC,WAAW,CAAC,CAAkB,CACrF,EAFoC,CAEpC,CAAC,CACoB,CACzB,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,MAAM,CAAC,CACrB,CACc,CAClB,EAZwB,CAYxB,CAAC,CACW,CAChB;QAhBe,CAgBf,CACS,CACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qEAA+C;AAC/C,mFAA6D;AAC7D,uFAAiE;AACjE,sDAAgC;AAChC,oEAAgF;AAChF,gEAA0C;AAC1C,wEAAkD;AAClD,kFAA4D;AAEpD,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;AAwB3B;;;;GAIG;AACH,IAAM,QAAQ,GAAmC,UAAC,KAAY;IACpD,IAAA,QAAQ,GAAsD,KAAK,SAA3D,EAAE,OAAO,GAA6C,KAAK,QAAlD,EAAE,QAAQ,GAAmC,KAAK,SAAxC,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAArE,4DAA6D,CAAF,CAAW;IACtE,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,YAAY,GAAG,UAAC,KAAoB;QACxC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAuB;YAArB,IAAI,UAAA,EAAE,KAAK,WAAA;QAAe,OAAA,CAChD,oBAAC,0BAAgB,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,QAAQ,EAAE,QAAQ,KAAK,KAAK,EAAE,KAAK,EAAC,MAAM,IAC7F,IAAI,CACY,CACpB;IAJiD,CAIjD,CAAC;IAEF,OAAO,CACL,oBAAC,0BAAgB;QACf,oBAAC,4BAAkB,QAChB,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACZ,oBAAC,wBAAc,eACT,IAAI,IACR,uBAAuB,EAAC,OAAO,EAC/B,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE;oBACP,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC;gBAED,oBAAC,cAAI,IAAC,QAAQ,UAAE,QAAQ,CAAQ,CACjB,CAClB;QAXa,CAWb,CACkB;QAErB,oBAAC,mBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,SAAS,QAAC,OAAO,EAAE,OAAO,IACpE,cAAM,OAAA,CACL,oBAAC,sBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,IAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,IAC7B,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CACrB,oBAAC,+BAAqB,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IACrC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CACnC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,CAAC,KAAK,IAAG,YAAY,CAAC,WAAW,CAAC,CAAkB,CACrF,EAFoC,CAEpC,CAAC,CACoB,CACzB,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,MAAM,CAAC,CACrB,CACc,CAClB,EAZwB,CAYxB,CAAC,CACW,CAChB,EAhBM,CAgBN,CACS,CACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/lib/cjs/Dropdown/DropdownMenu.css

@@ -16,7 +16,7 @@
 .DropdownMenu__group-text::after {
   content: '';
   flex: 1;
-  /* stylelint-disable-next-line unit-blacklist */
+  /* stylelint-disable-next-line unit-disallowed-list */
   height: 1px;
   background-color: var(--color-gray--3);
 }

package/lib/cjs/Placement/Placement.css

@@ -1,29 +1,10 @@
 
-:root {
-  --Placement-arrow-size: var(--size--x3);
-}
-
 .Placement {
   position: absolute;
-  margin: var(--Placement-arrow-size);
   z-index: var(--z-index-Placement--below-modal);
   pointer-events: none;
 }
 
-.Placement--disable-margin {
-  margin: 0;
-}
-
-.Placement--disable-margin-top-bottom {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.Placement--disable-margin-left-right {
-  margin-right: 0;
-  margin-left: 0;
-}
-
 .Placement--animate {
   transition-property: transform;
   transition-duration: var(--transition-duration--fast);
@@ -83,50 +64,51 @@
   border-top: 0.0625rem solid var(--color-gray--2);
 }
 
-.Placement__arrow {
+.Placement__arrow,
+.Placement__arrow::before {
   position: absolute;
-  width: var(--Placement-arrow-size);
-  height: var(--Placement-arrow-size);
+  width: var(--size--x3);
+  height: var(--size--x3);
 }
 
 .Placement__arrow,
 .Placement__arrow:first-child,
 .Placement__arrow:last-child {
-  margin: var(--Placement-arrow-size);
+  visibility: hidden;
+}
+
+.Placement__arrow::before {
+  content: '';
+  display: block;
+  transform: rotate(45deg);
+  background: inherit;
+  visibility: visible;
 }
 
 .Placement--top .Placement__arrow,
 .Placement--top-start .Placement__arrow,
 .Placement--top-end .Placement__arrow {
   top: 100%;
-  transform:
-    translateY(calc(-50% + var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-top: -0.375rem;
 }
 
 .Placement--right .Placement__arrow,
 .Placement--right-start .Placement__arrow,
 .Placement--right-end .Placement__arrow {
   right: 100%;
-  transform:
-    translateX(calc(50% - var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-right: -0.375rem;
 }
 
 .Placement--bottom .Placement__arrow,
 .Placement--bottom-start .Placement__arrow,
 .Placement--bottom-end .Placement__arrow {
   bottom: 100%;
-  transform:
-    translateY(calc(50% - var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-bottom: -0.375rem;
 }
 
 .Placement--left .Placement__arrow,
 .Placement--left-start .Placement__arrow,
 .Placement--left-end .Placement__arrow {
   left: 100%;
-  transform:
-    translateX(calc(-50% + var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-left: -0.375rem;
 }

package/lib/cjs/Placement/Placement.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Placement as TypePlacement, ReferenceObject as TypeReferenceObject } from 'popper.js';
+import { Placement as TypePlacement } from '@popperjs/core';
 import { Props as BaseProps } from '../Base/Base';
 import './Placement.css';
 export interface Props extends BaseProps {
@@ -10,18 +10,14 @@ export interface Props extends BaseProps {
     animatePosition?: boolean;
     /**
      * A render callback function that provides a
-     * scheduleUpdate function to trigger a reposition,
+     * update function to trigger a reposition,
      * and the width of the target that is being positioned
      * around.
      */
     children: (props: {
-        scheduleUpdate: () => void;
+        update: () => void;
         width?: number;
     }) => React.ReactNode;
-    /**
-     * Flag that disables margin around the Placement.
-     */
-    disableMargin?: boolean | 'top-bottom' | 'left-right';
     /**
      * Flag that disables repositioning on scroll and resize events.
      */
@@ -45,7 +41,8 @@ export interface Props extends BaseProps {
     /**
      * An optional reference element to be used as the target.
      */
-    referenceElement?: TypeReferenceObject;
+    referenceElement?: any;
+    sameWidth?: boolean;
     /**
      * The visibilty of the positioned content.
      */

package/lib/cjs/Placement/Placement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Placement.d.ts","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAC/F,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrF;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,CAAC;IACtD;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAM7C,CAAC;AAOF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Placement.d.ts","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAM7C,CAAC;AAOF,eAAe,SAAS,CAAC"}

package/lib/cjs/Placement/Placement.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placement.js","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAG/B,sDAAqD;AACrD,sEAAgD;AAChD,2BAAyB;AAqDzB;;;;;;;;;GASG;AACH,IAAM,SAAS,GAAmC,UAAC,KAAY;IAC7D,OAAO,CACL,oBAAC,2BAAY,CAAC,QAAQ,QACnB,UAAC,EAAgB;YAAd,YAAY,kBAAA;QAAO,OAAA,oBAAC,yBAAe,eAAK,KAAK,IAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,YAAY,IAAI;IAAzF,CAAyF,CAC1F,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"Placement.js","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAG/B,sDAAqD;AACrD,sEAAgD;AAChD,2BAAyB;AAkDzB;;;;;;;;;GASG;AACH,IAAM,SAAS,GAAmC,UAAC,KAAY;IAC7D,OAAO,CACL,oBAAC,2BAAY,CAAC,QAAQ,QACnB,UAAC,EAAgB;YAAd,YAAY,kBAAA;QAAO,OAAA,oBAAC,yBAAe,eAAK,KAAK,IAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,YAAY,IAAI;IAAzF,CAAyF,CAC1F,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/Placement/PlacementPopper.d.ts

@@ -1,21 +1,20 @@
 import * as React from 'react';
-import { Placement as TypePlacement, ReferenceObject as TypeReferenceObject } from 'popper.js';
+import { Placement as TypePlacement } from '@popperjs/core';
 import { Props as BaseProps } from '../Base/Base';
 import './Placement.css';
 export interface Props extends BaseProps {
     animatePosition?: boolean;
     children: (props: {
-        scheduleUpdate: () => void;
+        update: () => void;
         width?: number;
     }) => React.ReactNode;
     closeElement?: null | HTMLElement;
-    disableMargin?: boolean | 'top-bottom' | 'left-right';
     disableReposition?: boolean;
     flip?: boolean;
     isInsideModal?: boolean;
     onClose?: (event: MouseEvent) => void;
     placement?: TypePlacement;
-    referenceElement?: TypeReferenceObject;
+    referenceElement?: any;
     visible?: boolean;
     timeout?: number;
 }

package/lib/cjs/Placement/PlacementPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlacementPopper.d.ts","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAM/F,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,iBAAiB,CAAC;AAgBzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrF,YAAY,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,CAAC;IACtD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA8GnD,CAAC;AAOF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PlacementPopper.d.ts","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAkB,MAAM,gBAAgB,CAAC;AAM5E,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,iBAAiB,CAAC;AAgBzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,YAAY,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0InD,CAAC;AAOF,eAAe,eAAe,CAAC"}

package/lib/cjs/Placement/PlacementPopper.js

@@ -44,10 +44,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable react/default-props-match-prop-types */
 var React = __importStar(require("react"));
 var react_dom_1 = require("react-dom");
 var react_popper_1 = require("react-popper");
@@ -72,19 +82,23 @@ var transitionClasses = {
     exitDone: 'Placement__content-exit-done',
 };
 var PlacementPopper = function (props) {
-    var animatePosition = props.animatePosition, backgroundColor = props.backgroundColor, children = props.children, closeElement = props.closeElement, disableMargin = props.disableMargin, disableReposition = props.disableReposition, flip = props.flip, isInsideModal = props.isInsideModal, onClose = props.onClose, desiredPlacement = props.placement, referenceElement = props.referenceElement, visible = props.visible, _a = props.timeout, timeout = _a === void 0 ? variables_1.transitionDurationFast : _a, rest = __rest(props, ["animatePosition", "backgroundColor", "children", "closeElement", "disableMargin", "disableReposition", "flip", "isInsideModal", "onClose", "placement", "referenceElement", "visible", "timeout"]);
+    var animatePosition = props.animatePosition, backgroundColor = props.backgroundColor, children = props.children, closeElement = props.closeElement, disableReposition = props.disableReposition, flip = props.flip, isInsideModal = props.isInsideModal, onClose = props.onClose, desiredPlacement = props.placement, referenceElement = props.referenceElement, sameWidth = props.sameWidth, visible = props.visible, _a = props.timeout, timeout = _a === void 0 ? variables_1.transitionDurationFast : _a, rest = __rest(props, ["animatePosition", "backgroundColor", "children", "closeElement", "disableReposition", "flip", "isInsideModal", "onClose", "placement", "referenceElement", "sameWidth", "visible", "timeout"]);
     var ref = useRef();
     var _b = useState(visible), render = _b[0], setRender = _b[1];
+    var _c = useState(undefined), reference = _c[0], setReference = _c[1];
     useEffect(function () {
         if (visible) {
             setRender(true);
         }
     }, [visible]);
     (0, hooks_1.useEventListener)(closeElement || document, 'click', function (event) {
-        if (onClose && ref.current && !ref.current.contains(event.target)) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        /* @ts-ignore */
+        var isReferenceInPath = __spreadArray([], event.composedPath(), true).includes(reference);
+        if (onClose && ref.current && !ref.current.contains(event.target) && !isReferenceInPath) {
             onClose(event);
         }
-    }, [onClose]);
+    }, [onClose, reference]);
     (0, hooks_1.useEventListener)(ref.current || null, 'transitionend', function () {
         if (!visible) {
             setRender(false);
@@ -93,36 +107,55 @@ var PlacementPopper = function (props) {
     if (!render) {
         return null;
     }
+    var modifiers = [
+        {
+            name: 'offset',
+            options: {
+                offset: [0, 12],
+            },
+        },
+    ];
+    if (sameWidth) {
+        modifiers.push({
+            enabled: true,
+            name: 'sameWidth',
+            phase: 'beforeWrite',
+            requires: ['computeStyles'],
+            fn: function (_a) {
+                var state = _a.state;
+                // eslint-disable-next-line no-param-reassign
+                state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+            },
+            effect: function (_a) {
+                var state = _a.state;
+                // eslint-disable-next-line no-param-reassign
+                state.elements.popper.style.width = "".concat(state.elements.reference.getBoundingClientRect().width || 0, "px");
+            },
+        });
+    }
     var popperProps = {
         children: function () { return null; },
-        eventsEnabled: !disableReposition,
         placement: desiredPlacement,
-        modifiers: {
-            preventOverflow: {
-                boundariesElement: 'window',
-            },
-            flip: {
-                behavior: 'flip',
-                enabled: flip,
-            },
-        },
+        modifiers: modifiers,
     };
     if (referenceElement) {
         popperProps.referenceElement = referenceElement;
     }
     return (0, react_dom_1.createPortal)(
     // eslint-disable-next-line no-return-assign
-    React.createElement(react_popper_1.Popper, __assign({}, popperProps, { innerRef: function (el) { return (ref.current = el || null); } }), function (_a) {
-        var arrowProps = _a.arrowProps, placement = _a.placement, ref = _a.ref, scheduleUpdate = _a.scheduleUpdate, style = _a.style;
+    React.createElement(react_popper_1.Popper, __assign({}, popperProps, { 
+        // eslint-disable-next-line no-return-assign
+        innerRef: function (el) { return (ref.current = el || null); }, onFirstUpdate: function (state) {
+            var _a;
+            setReference((_a = state.elements) === null || _a === void 0 ? void 0 : _a.reference);
+        } }), function (_a) {
+        var arrowProps = _a.arrowProps, placement = _a.placement, ref = _a.ref, update = _a.update, style = _a.style;
         return (
         // eslint-disable-next-line react/jsx-no-constructed-context-values
         React.createElement(PlacementArrowPropsContext_1.PlacementArrowPropsContext.Provider, { value: __assign(__assign({}, arrowProps), { backgroundColor: backgroundColor }) },
             React.createElement("div", { className: (0, classnames_1.default)('Placement', "Placement--".concat(placement), {
                     'Placement--above-modal': isInsideModal,
                     'Placement--animate': animatePosition,
-                    'Placement--disable-margin': disableMargin === true,
-                    'Placement--disable-margin-top-bottom': disableMargin === 'top-bottom',
-                    'Placement--disable-margin-left-right': disableMargin === 'left-right',
                 }), ref: ref, style: style },
                 React.createElement(react_transition_group_1.CSSTransition, { appear: visible, classNames: transitionClasses, in: visible, timeout: timeout },
                     React.createElement("div", { className: "Placement__content" },
@@ -130,7 +163,7 @@ var PlacementPopper = function (props) {
                             React.createElement(PlacementManagerContext_1.PlacementManagerContext.Consumer, null, function (_a) {
                                 var referenceNode = _a.referenceNode;
                                 return children({
-                                    scheduleUpdate: scheduleUpdate,
+                                    update: update,
                                     width: (referenceNode && referenceNode.clientWidth) || undefined,
                                 });
                             })))))));

package/lib/cjs/Placement/PlacementPopper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlacementPopper.js","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PlacementPopper.js","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ReferenceChildrenProps } from 'react-popper';
-import { Placement as TypePlacement } from 'popper.js';
+import { Placement as TypePlacement } from '@popperjs/core';
 import { Props as BaseProps } from '../Base/Base';
 interface TooltipChildrenProps extends ReferenceChildrenProps {
     onMouseEnter?: () => void;

package/lib/cjs/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAUlD,UAAU,oBAAqB,SAAQ,sBAAsB;IAC3D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED;;;GAGG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA+C3C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAUlD,UAAU,oBAAqB,SAAQ,sBAAsB;IAC3D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED;;;GAGG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA+C3C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/cjs/hooks/useEventListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAEA,aAAK,6BAA6B,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrE,UAAU,qCAAsC,SAAQ,mBAAmB,EAAE,gBAAgB,EAAE,cAAc;CAAG;AAGhH,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,cAAc,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAChL,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,SAAS,MAAM,gBAAgB,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACrL,iBAAS,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,mBAAmB,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC9L,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,qCAAqC,EAAE,EAAE,EAAE,6BAA6B,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,qCAAqC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAezN,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAEA,aAAK,6BAA6B,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrE,UAAU,qCAAsC,SAAQ,mBAAmB,EAAE,gBAAgB,EAAE,cAAc;CAAG;AAGhH,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,cAAc,EACxE,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EACxB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC1C,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AACR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,SAAS,MAAM,gBAAgB,EAC5E,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EACxB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC3C,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AACR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,mBAAmB,EAClF,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EACxB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9C,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AACR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,qCAAqC,EAC7E,EAAE,EAAE,6BAA6B,EACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,GAAG,EAAE,qCAAqC,CAAC,CAAC,CAAC,KAAK,IAAI,EAChE,KAAK,CAAC,EAAE,GAAG,EAAE,GACZ,IAAI,CAAC;AAeR,eAAe,gBAAgB,CAAC"}

package/lib/cjs/hooks/useEventListener.js

@@ -13,6 +13,5 @@ function useEventListener(el, type, handler, watch) {
         };
     }, watch || []);
 }
-;
 exports.default = useEventListener;
 //# sourceMappingURL=useEventListener.js.map

package/lib/cjs/hooks/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":";;AAAA,+BAAkC;AAUlC,SAAS,gBAAgB,CAAC,EAAO,EAAE,IAAY,EAAE,OAAY,EAAE,KAAa;IAC1E,IAAA,iBAAS,EAAC;QACR,IAAI,EAAE,EAAE;YACN,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SACpC;QAED,OAAO;YACL,IAAI,EAAE,EAAE;gBACN,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;aACvC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;AAClB,CAAC;AAAA,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":";;AAAA,+BAAkC;AA8BlC,SAAS,gBAAgB,CAAC,EAAO,EAAE,IAAY,EAAE,OAAY,EAAE,KAAa;IAC1E,IAAA,iBAAS,EAAC;QACR,IAAI,EAAE,EAAE;YACN,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SACpC;QAED,OAAO;YACL,IAAI,EAAE,EAAE;gBACN,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;aACvC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;AAClB,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/lib/cjs/index.d.ts

@@ -20,7 +20,6 @@ export { default as Base, Props as BaseProps, TypeColors, TypeSizes } from './Ba
 export { default as Bounds, Props as BoundsProps } from './Bounds/Bounds';
 export { default as Button, Props as ButtonProps } from './Button/Button';
 export { default as Buttons, Props as ButtonsProps } from './Button/Buttons';
-export { default as ButtonWithDropdown, Props as ButtonWithDropdownProps, } from './ButtonWithDropdown/ButtonWithDropdown';
 export { default as Card, Props as CardProps } from './Card/Card';
 export { default as CardButton, Props as CardButtonProps } from './Card/CardButton';
 export { default as CardContent, Props as CardContentProps } from './Card/CardContent';