@uxf/core 1.10.0 → 2.0.0

package/README.md

@@ -1,5 +1,20 @@
 # UXF Core
 
+## Constants
+
+- common modifier classnames for interactive elements (eg. `CLASSES.IS_HOVERABLE` for is-hoverable classname)
+  - `focus-visible`
+  - `is-active`
+  - `is-busy`
+  - `is-disabled`
+  - `is-focused`
+  - `is-hovered`
+  - `is-hoverable`
+  - `is-invalid`
+  - `is-readonly`
+  - `is-selected`
+  - `is-not-hoverable`
+
 ## Cookie
 
 - Cookie options
@@ -26,13 +41,18 @@ cookie.delete("cookie-name", /* options (optional) */);
 
 ```tsx
 import { useBodyScrollLock } from "@uxf/core/hooks/useBodyScrollLock";
+import { useState } from "react";
 
 const innerRef = useRef<HTMLDivElement>(null);
 const [isOpen, setIsOpen] = useState<boolean>();
 
-const clearAllOnclose = false; /* optionally call clearAllBodyScrollLocks methot on unmount */
+const clearAllOnclose = false;
 
-useBodyScrollLock<HTMLDivElement>(innerRef, isOpen, clearAllOnclose, { /* options from "body-scroll-lock" npm package */ });
+useBodyScrollLock<HTMLDivElement>(innerRef, isOpen, {
+  allowTouchMove: undefined, // https://github.com/willmcpo/body-scroll-lock#allowtouchmove
+  clearAllOnClose: false, // optionally call clearAllBodyScrollLocks method on unmount
+  reserveScrollBarGap: undefined, // https://github.com/willmcpo/body-scroll-lock#reservescrollbargap
+});
 
 <div ref={innerRef}>Element which activates scroll lock on its parent elements.</div>
 ```
@@ -49,29 +69,25 @@ useIsomorphicLayoutEffect(() => {/* code */}, [/* deps */]);
 
 ```tsx
 import { useKey } from "@uxf/core/hooks/useKey";
-import { useCallback } from "react";
-
-const innerRef = useRef<HTMLDivElement>(null);
-const disabled = false; // eg. for passing disabled state
-
-useKey<HTMLDivElement>(innerRef, "Enter", () => console.log("callback"), "keydown", disabled);
-
-<div ref={innerRef} tabIndex={0}>Element with callback triggerable by enter key.</div>
-```
-```tsx
-import { useKeydownToMouseClick } from "@uxf/core/hooks/useKeydownToMouseClick";
+import { useRef } from "react";
 
-const innerRef = useRef<HTMLDivElement>(null);
+const targetRef = useRef<HTMLDivElement>(null);
 const disabled = false; // eg. for passing disabled state
 
-useKeydownToMouseClick<HTMLDivElement>(innerRef, (e: KeyboardEvent) => e.key === "Enter", disabled);
+useKey<HTMLDivElement>("Enter", () => console.log("callback"), {
+  disabled,
+  targetRef, // if not provided, then `document` will be used
+  type: "keydown"
+});
 
-<div onClick={() => console.log("success")} ref={innerRef}>Element with onClick triggerable both by mouse click and enter key.</div>
+<div ref={targetRef} tabIndex={0}>Element with callback triggerable by enter key.</div>
 ```
 ```tsx
 import { useMinWindowWidth } from "@uxf/core/hooks/useMinWindowWidth";
 
-const isDesktop = useMinWindowWidth(992 /* desired min window width */, 1280 /* initial window width (optional) */);
+const isDesktop = useMinWindowWidth(1200);
+
+const example = isDesktop ? "desktop" : "tablet";
 ```
 
 ```ts
@@ -100,12 +116,151 @@ useUpdateEffect(() => {/* code */}, [/* deps */]);
 ```tsx
 import { useWindowScroll } from "@uxf/core/hooks/useWindowScroll";
 
-const { x, y } = useWindowScroll();
+const windowScroll = useWindowScroll();
+
+const example = windowScroll && windowScroll.y > 100 ? "scroled" : "on top";
 ```
 ```tsx
 import { useWindowSize } from "@uxf/core/hooks/useWindowSize";
 
-const { width, height } = useWindowSize(1280 /* initial window width (optional) */, 800 /* initial window height (optional) */);
+const windowSize = useWindowSize();
+
+const example = windowSize && windowSize.width > 1200 ? "desktop" : "tablet";
+```
+```tsx
+import { useFocusTrap } from "@uxf/core/hooks/useFocusTrap";
+import { useState } from "react";
+
+const [active, setActive] = useState<boolean>();
+
+const focusTrapRef = useFocusTrap(active);
+
+<div ref={focusTrapRef}>Element which trap focus inside if `active` is truthy.</div>
+```
+```tsx
+import { useFocusReturn } from "@uxf/core/hooks/useFocusReturn";
+import { useState } from "react";
+
+const [active, setActive] = useState<boolean>();
+
+// Returns focus to last active element, e.g. in Modal or Popover
+useFocusReturn(active);
+```
+```tsx
+import { useAnchorProps } from "@uxf/core/hooks/useAnchorProps";
+import { AnchorHTMLAttributes } from "react";
+
+// extends <a /> by `analyticsCallback`, `disabled`, `loading`, `submit` props
+const anchorProps = useAnchorProps<AnchorHTMLAttributes<HTMLAnchorElement>>({
+  analyticsCallback: () => console.log("analytics"),
+  disabled: false,
+  href: "https://www.google.com/",
+  loading: false,
+  onClick: () => console.log("success"),
+  submit: true, // simulate <button type="submit" /> function
+});
+
+<a {...anchorProps}>Click me</a>
+
+// example with generics
+import { UseAnchorProps, useAnchorProps } from "@uxf/core/hooks/useAnchorProps";
+import { AnchorHTMLAttributes } from "react";
+
+interface Props extends UseAnchorProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+  customProp?: boolean;
+}
+
+const anchorProps = useAnchorProps<Props>({
+  customProp: true,
+  loading: false,
+  href: "https://www.google.com/",
+});
+
+<a {...anchorProps}>Click me</a>
+
+```
+```tsx
+import { useButtonProps } from "@uxf/core/hooks/useButtonProps";
+import { ButtonHTMLAttributes } from "react";
+
+// extends <button /> by `analyticsCallback` and `loading` props
+const buttonProps = useButtonProps<ButtonHTMLAttributes<HTMLButtonElement>>({
+  analyticsCallback: () => console.log("analytics"),
+  disabled: false,
+  loading: false,
+  onClick: () => console.log("success"),
+  type: "submit",
+});
+
+<button {...buttonProps}>Click me</button>
+
+// example with generics
+import { UseButtonProps, useButtonProps } from "@uxf/core/hooks/useButtonProps";
+import { ButtonHTMLAttributes } from "react";
+
+interface Props extends UseButtonProps, ButtonHTMLAttributes<HTMLButtonElement> {
+  customProp?: boolean;
+}
+
+const buttonProps = useButtonProps<Props>({
+  customProp: true,
+  loading: false,
+  type: "submit",
+});
+
+<button {...buttonProps}>Click me</button>
+```
+```tsx
+import { useClickableProps } from "@uxf/core/hooks/useClickableProps";
+import { HTMLAttributes } from "react";
+
+// extends any HTML element by `analyticsCallback`, `disabled`, `loading`, `submit` props
+const clickableProps = useClickableProps<HTMLAttributes<HTMLDivElement>>({
+  analyticsCallback: () => console.log("analytics"),
+  disabled: false,
+  loading: false,
+  onClick: () => console.log("success"),
+  submit: true, // simulate <button type="submit" /> function
+});
+
+<div {...clickableProps}>Click me</div>
+
+// example with generics
+import { UseClickableProps, useClickableProps } from "@uxf/core/hooks/useClickableProps";
+import { HTMLAttributes } from "react";
+
+interface Props extends UseClickableProps, HTMLAttributes<HTMLDivElement> {
+  customProp?: boolean;
+}
+
+const buttonProps = useClickableProps<Props>({
+  customProp: true,
+  hidden: false,
+  loading: false,
+});
+
+<button {...buttonProps}>Click me</button>
+```
+```tsx
+import { useMouseDragToScroll } from "@uxf/core/hooks/useMouseDragToScroll";
+
+const targetRef = useRef<HTMLDivElement>(null);
+
+const style = useMouseDragToScroll(scrollRef);
+
+<div style={style}>Drag to scroll</div>
+```
+```tsx
+import { useInputFocus } from "@uxf/core/hooks/useInputFocus";
+
+const focusRef = useRef<HTMLInputElement>(null); // or HTMLTextAreaElement
+const { onBlur, onFocus } = props;
+
+const input = useInputFocus(focusRef, onBlur, onFocus);
+
+<div>Input is {input.focused}</div>
+<button onClick={input.focus}>Focus input</button>
+<input onBlur={input.onBlur} onFocus={input.onFocus} ref={focusRef} />
 ```
 
 ## Next
@@ -131,11 +286,17 @@ const secondRef = useRef<HTMLDivElement>(null);
 const example = <div ref={composeRefs(firstRef, secondRef)} />;
 ```
 ```tsx
+import { cx } from "@uxf/core/utils/cx";
+
+/* fork of https://github.com/lukeed/clsx */
+const example = cx("foo", true && "bar", "baz", false && "bam", undefined) /* returns "foo bar baz" */
+```
+```tsx
 import { isBrowser } from "@uxf/core/utils/isBrowser";
 import { isServer } from "@uxf/core/utils/isServer";
 
-const browserExample = isBrowser /* returns true if DOM is available */
-const serverExample = isServer /* returns true if DOM is NOT available */
+const browserExample = isBrowser; /* returns true if DOM is available */
+const serverExample = isServer; /* returns true if DOM is NOT available */
 ```
 ```tsx
 import { slugify } from "@uxf/core/utils/slugify";

package/Validators/FormValidator.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormValidator = void 0;
 var Validator_1 = require("./Validator");
 var emptyValue = function (value) { return value === null || value === undefined || value === ""; };
 // required
@@ -54,4 +55,4 @@ exports.FormValidator = {
     isPhone: isPhone,
     required: required,
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVZhbGlkYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9WYWxpZGF0b3JzL0Zvcm1WYWxpZGF0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSx5Q0FBd0M7QUFFeEMsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxLQUFLLEtBQUssSUFBSSxJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksS0FBSyxLQUFLLEVBQUUsRUFBckQsQ0FBcUQsQ0FBQztBQUV6RixXQUFXO0FBQ1gsSUFBTSxRQUFRLEdBQUcsVUFBQyxZQUFxQixJQUFLLE9BQUEsVUFBQyxLQUFVO0lBQ25ELE9BQUEsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLElBQUksVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTO0FBQTFELENBQTBELEVBRGxCLENBQ2tCLENBQUM7QUFFL0QsUUFBUTtBQUNSLElBQU0sT0FBTyxHQUFHLFVBQUMsWUFBcUIsSUFBSyxPQUFBLFVBQUMsS0FBYTtJQUNyRCxPQUFBLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMscUJBQVMsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksSUFBSSxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsU0FBUztBQUFuRyxDQUFtRyxFQUQ1RCxDQUM0RCxDQUFDO0FBRXhHLFFBQVE7QUFDUixJQUFNLE9BQU8sR0FBRyxVQUFDLFlBQXFCLElBQUssT0FBQSxVQUFDLEtBQWE7SUFDckQsT0FBQSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLHFCQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLElBQUksc0JBQXNCLENBQUMsQ0FBQyxDQUFDLFNBQVM7QUFBcEcsQ0FBb0csRUFEN0QsQ0FDNkQsQ0FBQztBQUV6RyxJQUFNLFVBQVUsR0FBRyxVQUFDLFFBQWdCLEVBQUUsWUFBcUIsSUFBSyxPQUFBLFVBQUMsS0FBYTtJQUMxRSxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDZCxPQUFPLFNBQVMsQ0FBQztLQUNwQjtJQUNELElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0MsT0FBTyxXQUFXLElBQUksUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLElBQUkscUNBQXFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztBQUN2RyxDQUFDLEVBTitELENBTS9ELENBQUM7QUFFRixnQkFBZ0I7QUFDaEIsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLFFBQWdCLEVBQUUsWUFBcUIsSUFBSyxPQUFBLFVBQUMsS0FBYTtJQUNqRixJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDZCxPQUFPLFNBQVMsQ0FBQztLQUNwQjtJQUNELElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0MsT0FBTyxXQUFXLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLElBQUkscUNBQXFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztBQUN0RyxDQUFDLEVBTnNFLENBTXRFLENBQUM7QUFFRixVQUFVO0FBQ1YsSUFBTSxhQUFhLEdBQUcsVUFBQyxRQUFnQixFQUFFLFlBQXFCLElBQUssT0FBQSxVQUFDLEtBQWE7SUFDN0UsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDbkIsT0FBTyxTQUFTLENBQUM7S0FDcEI7SUFDRCxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLE9BQU8sV0FBVyxJQUFJLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLHFDQUFxQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7QUFDdkcsQ0FBQyxFQU5rRSxDQU1sRSxDQUFDO0FBRUYsbUJBQW1CO0FBQ25CLElBQU0sb0JBQW9CLEdBQUcsVUFBQyxRQUFnQixFQUFFLFlBQXFCLElBQUssT0FBQSxVQUFDLEtBQWE7SUFDcEYsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDbkIsT0FBTyxTQUFTLENBQUM7S0FDcEI7SUFDRCxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLE9BQU8sV0FBVyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLHFDQUFxQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7QUFDdEcsQ0FBQyxFQU55RSxDQU16RSxDQUFDO0FBRVcsUUFBQSxhQUFhLEdBQUc7SUFDekIsT0FBTyxTQUFBO0lBQ1Asb0JBQW9CLHNCQUFBO0lBQ3BCLGFBQWEsZUFBQTtJQUNiLGlCQUFpQixtQkFBQTtJQUNqQixVQUFVLFlBQUE7SUFDVixPQUFPLFNBQUE7SUFDUCxRQUFRLFVBQUE7Q0FDWCxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVZhbGlkYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9WYWxpZGF0b3JzL0Zvcm1WYWxpZGF0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEseUNBQXdDO0FBRXhDLElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBVSxJQUFLLE9BQUEsS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQXJELENBQXFELENBQUM7QUFFekYsV0FBVztBQUNYLElBQU0sUUFBUSxHQUFHLFVBQUMsWUFBcUIsSUFBSyxPQUFBLFVBQUMsS0FBVTtJQUNuRCxPQUFBLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUztBQUExRCxDQUEwRCxFQURsQixDQUNrQixDQUFDO0FBRS9ELFFBQVE7QUFDUixJQUFNLE9BQU8sR0FBRyxVQUFDLFlBQXFCLElBQUssT0FBQSxVQUFDLEtBQWE7SUFDckQsT0FBQSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLHFCQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLElBQUkscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVM7QUFBbkcsQ0FBbUcsRUFENUQsQ0FDNEQsQ0FBQztBQUV4RyxRQUFRO0FBQ1IsSUFBTSxPQUFPLEdBQUcsVUFBQyxZQUFxQixJQUFLLE9BQUEsVUFBQyxLQUFhO0lBQ3JELE9BQUEsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxxQkFBUyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxTQUFTO0FBQXBHLENBQW9HLEVBRDdELENBQzZELENBQUM7QUFFekcsSUFBTSxVQUFVLEdBQUcsVUFBQyxRQUFnQixFQUFFLFlBQXFCLElBQUssT0FBQSxVQUFDLEtBQWE7SUFDMUUsSUFBSSxLQUFLLEtBQUssRUFBRSxFQUFFO1FBQ2QsT0FBTyxTQUFTLENBQUM7S0FDcEI7SUFDRCxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLE9BQU8sV0FBVyxJQUFJLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLHFDQUFxQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7QUFDdkcsQ0FBQyxFQU4rRCxDQU0vRCxDQUFDO0FBRUYsZ0JBQWdCO0FBQ2hCLElBQU0saUJBQWlCLEdBQUcsVUFBQyxRQUFnQixFQUFFLFlBQXFCLElBQUssT0FBQSxVQUFDLEtBQWE7SUFDakYsSUFBSSxLQUFLLEtBQUssRUFBRSxFQUFFO1FBQ2QsT0FBTyxTQUFTLENBQUM7S0FDcEI7SUFDRCxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLE9BQU8sV0FBVyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLHFDQUFxQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7QUFDdEcsQ0FBQyxFQU5zRSxDQU10RSxDQUFDO0FBRUYsVUFBVTtBQUNWLElBQU0sYUFBYSxHQUFHLFVBQUMsUUFBZ0IsRUFBRSxZQUFxQixJQUFLLE9BQUEsVUFBQyxLQUFhO0lBQzdFLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ25CLE9BQU8sU0FBUyxDQUFDO0tBQ3BCO0lBQ0QsSUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QyxPQUFPLFdBQVcsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksSUFBSSxxQ0FBcUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0FBQ3ZHLENBQUMsRUFOa0UsQ0FNbEUsQ0FBQztBQUVGLG1CQUFtQjtBQUNuQixJQUFNLG9CQUFvQixHQUFHLFVBQUMsUUFBZ0IsRUFBRSxZQUFxQixJQUFLLE9BQUEsVUFBQyxLQUFhO0lBQ3BGLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ25CLE9BQU8sU0FBUyxDQUFDO0tBQ3BCO0lBQ0QsSUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QyxPQUFPLFdBQVcsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksSUFBSSxxQ0FBcUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0FBQ3RHLENBQUMsRUFOeUUsQ0FNekUsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFHO0lBQ3pCLE9BQU8sU0FBQTtJQUNQLG9CQUFvQixzQkFBQTtJQUNwQixhQUFhLGVBQUE7SUFDYixpQkFBaUIsbUJBQUE7SUFDakIsVUFBVSxZQUFBO0lBQ1YsT0FBTyxTQUFBO0lBQ1AsUUFBUSxVQUFBO0NBQ1gsQ0FBQyJ9

package/Validators/Validator.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Validator = void 0;
 // Email
 var EMAIL_REGEXP = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 var isEmail = function (email) { return EMAIL_REGEXP.test(email); };
@@ -10,4 +11,4 @@ exports.Validator = {
     isEmail: isEmail,
     isPhone: isPhone,
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmFsaWRhdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL1ZhbGlkYXRvcnMvVmFsaWRhdG9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsUUFBUTtBQUNSLElBQU0sWUFBWSxHQUFHLHVKQUF1SixDQUFDO0FBQzdLLElBQU0sT0FBTyxHQUFHLFVBQUMsS0FBYSxJQUFjLE9BQUEsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBeEIsQ0FBd0IsQ0FBQztBQUVyRSxRQUFRO0FBQ1IsSUFBTSxZQUFZLEdBQUcsNkRBQTZELENBQUM7QUFDbkYsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhLElBQWMsT0FBQSxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUF4QixDQUF3QixDQUFDO0FBRXhELFFBQUEsU0FBUyxHQUFHO0lBQ3JCLE9BQU8sU0FBQTtJQUNQLE9BQU8sU0FBQTtDQUNWLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmFsaWRhdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL1ZhbGlkYXRvcnMvVmFsaWRhdG9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLFFBQVE7QUFDUixJQUFNLFlBQVksR0FBRyx1SkFBdUosQ0FBQztBQUM3SyxJQUFNLE9BQU8sR0FBRyxVQUFDLEtBQWEsSUFBYyxPQUFBLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQXhCLENBQXdCLENBQUM7QUFFckUsUUFBUTtBQUNSLElBQU0sWUFBWSxHQUFHLDZEQUE2RCxDQUFDO0FBQ25GLElBQU0sT0FBTyxHQUFHLFVBQUMsS0FBYSxJQUFjLE9BQUEsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBeEIsQ0FBd0IsQ0FBQztBQUV4RCxRQUFBLFNBQVMsR0FBRztJQUNyQixPQUFPLFNBQUE7SUFDUCxPQUFPLFNBQUE7Q0FDVixDQUFDIn0=

package/constants/classes.d.ts

@@ -0,0 +1,14 @@
+/** @description Classnames for interactive elements. */
+export declare const CLASSES: {
+    readonly FOCUS_VISIBLE: "focus-visible";
+    readonly IS_ACTIVE: "is-active";
+    readonly IS_BUSY: "is-busy";
+    readonly IS_DISABLED: "is-disabled";
+    readonly IS_FOCUSED: "is-focused";
+    readonly IS_HOVERED: "is-hovered";
+    readonly IS_HOVERABLE: "is-hoverable";
+    readonly IS_INVALID: "is-invalid";
+    readonly IS_READONLY: "is-readonly";
+    readonly IS_SELECTED: "is-selected";
+    readonly IS_NOT_HOVERABLE: "is-not-hoverable";
+};

package/constants/classes.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CLASSES = void 0;
+/** @description Classnames for interactive elements. */
+exports.CLASSES = {
+    FOCUS_VISIBLE: "focus-visible",
+    IS_ACTIVE: "is-active",
+    IS_BUSY: "is-busy",
+    IS_DISABLED: "is-disabled",
+    IS_FOCUSED: "is-focused",
+    IS_HOVERED: "is-hovered",
+    IS_HOVERABLE: "is-hoverable",
+    IS_INVALID: "is-invalid",
+    IS_READONLY: "is-readonly",
+    IS_SELECTED: "is-selected",
+    IS_NOT_HOVERABLE: "is-not-hoverable",
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb25zdGFudHMvY2xhc3Nlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3REFBd0Q7QUFDM0MsUUFBQSxPQUFPLEdBQUc7SUFDbkIsYUFBYSxFQUFFLGVBQWU7SUFDOUIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsV0FBVyxFQUFFLGFBQWE7SUFDMUIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsWUFBWSxFQUFFLGNBQWM7SUFDNUIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsV0FBVyxFQUFFLGFBQWE7SUFDMUIsV0FBVyxFQUFFLGFBQWE7SUFDMUIsZ0JBQWdCLEVBQUUsa0JBQWtCO0NBQzlCLENBQUMifQ==

package/cookie/index.js

@@ -11,6 +11,7 @@ var __values = (this && this.__values) || function(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cookie = void 0;
 var Cookie = /** @class */ (function () {
     function Cookie(ctx) {
         if (ctx === void 0) { ctx = null; }
@@ -28,14 +29,14 @@ var Cookie = /** @class */ (function () {
         if (options === void 0) { options = {}; }
         var date = new Date();
         date.setTime(date.getTime() + ttl * 1000);
-        var cookieParts = [name + "=" + encodeURIComponent(value), "expires=" + date.toUTCString()];
+        var cookieParts = ["".concat(name, "=").concat(encodeURIComponent(value)), "expires=".concat(date.toUTCString())];
         if (options.httpOnly) {
             cookieParts.push("httponly");
         }
         if (options.secure) {
             cookieParts.push("secure");
         }
-        cookieParts.push("path=" + (options.path || "/"));
+        cookieParts.push("path=".concat(options.path || "/"));
         var cookie = cookieParts.join("; ");
         if (typeof document !== "undefined") {
             document.cookie = cookie;
@@ -58,11 +59,11 @@ var Cookie = /** @class */ (function () {
         try {
             for (var cookies_1 = __values(cookies), cookies_1_1 = cookies_1.next(); !cookies_1_1.done; cookies_1_1 = cookies_1.next()) {
                 var cookie = cookies_1_1.value;
-                // tslint:disable-next-line:triple-equals
+                // eslint-disable-next-line eqeqeq
                 while (cookie.charAt(0) == " ") {
                     cookie = cookie.substring(1);
                 }
-                // tslint:disable-next-line:triple-equals
+                // eslint-disable-next-line eqeqeq
                 if (cookie.indexOf(name) == 0) {
                     return cookie.substring(name.length, cookie.length);
                 }
@@ -85,4 +86,4 @@ var Cookie = /** @class */ (function () {
     return Cookie;
 }());
 exports.Cookie = Cookie;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29va2llL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFNQTtJQUdJLGdCQUFZLEdBQXNCO1FBQXRCLG9CQUFBLEVBQUEsVUFBc0I7UUFDOUIsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUVhLGFBQU0sR0FBcEIsVUFBcUIsR0FBZTtRQUFmLG9CQUFBLEVBQUEsVUFBZTtRQUNoQyxPQUFPLElBQUksTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFTSxvQkFBRyxHQUFWLFVBQVcsSUFBWTtRQUNuQixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFTSxvQkFBRyxHQUFWLFVBQVcsSUFBWSxFQUFFLEtBQWEsRUFBRSxHQUFrQixFQUFFLE9BQTJCO1FBQS9DLG9CQUFBLEVBQUEsVUFBa0I7UUFBRSx3QkFBQSxFQUFBLFlBQTJCO1FBQ25GLElBQU0sSUFBSSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxDQUFDO1FBRTFDLElBQU0sV0FBVyxHQUFHLENBQUksSUFBSSxTQUFJLGtCQUFrQixDQUFDLEtBQUssQ0FBRyxFQUFFLGFBQVcsSUFBSSxDQUFDLFdBQVcsRUFBSSxDQUFDLENBQUM7UUFDOUYsSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFO1lBQ2xCLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDaEM7UUFDRCxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDaEIsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM5QjtRQUNELFdBQVcsQ0FBQyxJQUFJLENBQUMsV0FBUSxPQUFPLENBQUMsSUFBSSxJQUFJLEdBQUcsQ0FBRSxDQUFDLENBQUM7UUFDaEQsSUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV0QyxJQUFJLE9BQU8sUUFBUSxLQUFLLFdBQVcsRUFBRTtZQUNqQyxRQUFRLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztTQUM1QjthQUFNO1lBQ0gsSUFBTSxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVFLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUMsQ0FBQztTQUN2RDtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxvQkFBRyxHQUFWLFVBQVcsVUFBa0I7OztRQUN6QixJQUFNLGFBQWEsR0FDZixPQUFPLFFBQVEsS0FBSyxXQUFXO1lBQzNCLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQ3JDLENBQUMsQ0FBQyxrQkFBa0IseUJBQUMsSUFBSSxDQUFDLEdBQUcsMENBQUUsR0FBRywwQ0FBRSxPQUFPLDBDQUFFLE1BQU0sbUNBQUksRUFBRSxDQUFDLENBQUM7UUFFbkUsSUFBTSxJQUFJLEdBQUcsVUFBVSxHQUFHLEdBQUcsQ0FBQztRQUM5QixJQUFNLE9BQU8sR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDOztZQUN6QyxLQUFtQixJQUFBLFlBQUEsU0FBQSxPQUFPLENBQUEsZ0NBQUEscURBQUU7Z0JBQXZCLElBQUksTUFBTSxvQkFBQTtnQkFDWCx5Q0FBeUM7Z0JBQ3pDLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUU7b0JBQzVCLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUNoQztnQkFDRCx5Q0FBeUM7Z0JBQ3pDLElBQUksTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQzNCLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztpQkFDdkQ7YUFDSjs7Ozs7Ozs7O1FBRUQsT0FBTyxFQUFFLENBQUM7SUFDZCxDQUFDO0lBRU0sdUJBQU0sR0FBYixVQUFjLElBQVksRUFBRSxPQUEyQjtRQUEzQix3QkFBQSxFQUFBLFlBQTJCO1FBQ25ELElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBQ0wsYUFBQztBQUFELENBQUMsQUFsRUQsSUFrRUM7QUFsRVksd0JBQU0ifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29va2llL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBTUE7SUFHSSxnQkFBWSxHQUFzQjtRQUF0QixvQkFBQSxFQUFBLFVBQXNCO1FBQzlCLElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO0lBQ25CLENBQUM7SUFFYSxhQUFNLEdBQXBCLFVBQXFCLEdBQWU7UUFBZixvQkFBQSxFQUFBLFVBQWU7UUFDaEMsT0FBTyxJQUFJLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRU0sb0JBQUcsR0FBVixVQUFXLElBQVk7UUFDbkIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRU0sb0JBQUcsR0FBVixVQUFXLElBQVksRUFBRSxLQUFhLEVBQUUsR0FBVSxFQUFFLE9BQTJCO1FBQXZDLG9CQUFBLEVBQUEsVUFBVTtRQUFFLHdCQUFBLEVBQUEsWUFBMkI7UUFDM0UsSUFBTSxJQUFJLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFFMUMsSUFBTSxXQUFXLEdBQUcsQ0FBQyxVQUFHLElBQUksY0FBSSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FBRSxFQUFFLGtCQUFXLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBRSxDQUFDLENBQUM7UUFDOUYsSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFO1lBQ2xCLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDaEM7UUFDRCxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDaEIsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM5QjtRQUNELFdBQVcsQ0FBQyxJQUFJLENBQUMsZUFBUSxPQUFPLENBQUMsSUFBSSxJQUFJLEdBQUcsQ0FBRSxDQUFDLENBQUM7UUFDaEQsSUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV0QyxJQUFJLE9BQU8sUUFBUSxLQUFLLFdBQVcsRUFBRTtZQUNqQyxRQUFRLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztTQUM1QjthQUFNO1lBQ0gsSUFBTSxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVFLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUMsQ0FBQztTQUN2RDtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxvQkFBRyxHQUFWLFVBQVcsVUFBa0I7OztRQUN6QixJQUFNLGFBQWEsR0FDZixPQUFPLFFBQVEsS0FBSyxXQUFXO1lBQzNCLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQ3JDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFBLE1BQUEsTUFBQSxNQUFBLElBQUksQ0FBQyxHQUFHLDBDQUFFLEdBQUcsMENBQUUsT0FBTywwQ0FBRSxNQUFNLG1DQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRW5FLElBQU0sSUFBSSxHQUFHLFVBQVUsR0FBRyxHQUFHLENBQUM7UUFDOUIsSUFBTSxPQUFPLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQzs7WUFDekMsS0FBbUIsSUFBQSxZQUFBLFNBQUEsT0FBTyxDQUFBLGdDQUFBLHFEQUFFO2dCQUF2QixJQUFJLE1BQU0sb0JBQUE7Z0JBQ1gsa0NBQWtDO2dCQUNsQyxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFO29CQUM1QixNQUFNLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDaEM7Z0JBQ0Qsa0NBQWtDO2dCQUNsQyxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUMzQixPQUFPLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7aUJBQ3ZEO2FBQ0o7Ozs7Ozs7OztRQUVELE9BQU8sRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUVNLHVCQUFNLEdBQWIsVUFBYyxJQUFZLEVBQUUsT0FBMkI7UUFBM0Isd0JBQUEsRUFBQSxZQUEyQjtRQUNuRCxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUNMLGFBQUM7QUFBRCxDQUFDLEFBbEVELElBa0VDO0FBbEVZLHdCQUFNIn0=

package/hooks/_useSimulatedButton.d.ts

@@ -0,0 +1,15 @@
+import { KeyboardEventHandler, MouseEventHandler } from "react";
+interface Props<T extends HTMLElement> {
+    analyticsCallback?: () => void;
+    isClickable: boolean;
+    onClick?: MouseEventHandler<T>;
+    onKeyDown?: KeyboardEventHandler<T>;
+    onKeyUp?: KeyboardEventHandler<T>;
+    submit?: boolean;
+}
+export declare function _useSimulatedButton<T extends HTMLElement>({ analyticsCallback, isClickable, onClick, onKeyDown, onKeyUp, submit, }: Props<T>): {
+    onClick: MouseEventHandler<T>;
+    onKeyDown: KeyboardEventHandler<T>;
+    onKeyUp: KeyboardEventHandler<T>;
+};
+export {};

package/hooks/_useSimulatedButton.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._useSimulatedButton = void 0;
+var react_1 = require("react");
+function _useSimulatedButton(_a) {
+    var analyticsCallback = _a.analyticsCallback, isClickable = _a.isClickable, onClick = _a.onClick, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, submit = _a.submit;
+    var _onClick = (0, react_1.useCallback)(function (e) {
+        var _a;
+        if (isClickable) {
+            if (analyticsCallback) {
+                analyticsCallback();
+            }
+            if (submit) {
+                var closestForm = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest("form");
+                if (closestForm) {
+                    closestForm.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
+                }
+            }
+            else if (onClick) {
+                onClick(e);
+            }
+        }
+        else {
+            e.preventDefault();
+        }
+    }, [analyticsCallback, isClickable, onClick, submit]);
+    var _onKeyUp = (0, react_1.useCallback)(function (e) {
+        if (isClickable && (e.key === "Enter" || e.key === " ")) {
+            e.target.dispatchEvent(new MouseEvent("click", {
+                bubbles: true,
+                buttons: 1,
+                cancelable: true,
+                view: window,
+            }));
+            if (onKeyUp) {
+                onKeyUp(e);
+            }
+        }
+    }, [isClickable, onKeyUp]);
+    var _onKeyDown = (0, react_1.useCallback)(function (e) {
+        if (isClickable && e.key === " ") {
+            e.preventDefault();
+            if (onKeyDown) {
+                onKeyDown(e);
+            }
+        }
+    }, [isClickable, onKeyDown]);
+    return { onClick: _onClick, onKeyDown: _onKeyDown, onKeyUp: _onKeyUp };
+}
+exports._useSimulatedButton = _useSimulatedButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiX3VzZVNpbXVsYXRlZEJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy9fdXNlU2ltdWxhdGVkQnV0dG9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtCQUE2RTtBQVc3RSxTQUFnQixtQkFBbUIsQ0FBd0IsRUFPaEQ7UUFOUCxpQkFBaUIsdUJBQUEsRUFDakIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQTtJQUVOLElBQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFDeEIsVUFBQSxDQUFDOztRQUNHLElBQUksV0FBVyxFQUFFO1lBQ2IsSUFBSSxpQkFBaUIsRUFBRTtnQkFDbkIsaUJBQWlCLEVBQUUsQ0FBQzthQUN2QjtZQUNELElBQUksTUFBTSxFQUFFO2dCQUNSLElBQU0sV0FBVyxHQUFHLE1BQUEsUUFBUSxDQUFDLGFBQWEsMENBQUUsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUM1RCxJQUFJLFdBQVcsRUFBRTtvQkFDYixXQUFXLENBQUMsYUFBYSxDQUFDLElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztpQkFDdkY7YUFDSjtpQkFBTSxJQUFJLE9BQU8sRUFBRTtnQkFDaEIsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2Q7U0FDSjthQUFNO1lBQ0gsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3RCO0lBQ0wsQ0FBQyxFQUNELENBQUMsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FDcEQsQ0FBQztJQUVGLElBQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFDeEIsVUFBQSxDQUFDO1FBQ0csSUFBSSxXQUFXLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLE9BQU8sSUFBSSxDQUFDLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxFQUFFO1lBQ3JELENBQUMsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUNsQixJQUFJLFVBQVUsQ0FBQyxPQUFPLEVBQUU7Z0JBQ3BCLE9BQU8sRUFBRSxJQUFJO2dCQUNiLE9BQU8sRUFBRSxDQUFDO2dCQUNWLFVBQVUsRUFBRSxJQUFJO2dCQUNoQixJQUFJLEVBQUUsTUFBTTthQUNmLENBQUMsQ0FDTCxDQUFDO1lBRUYsSUFBSSxPQUFPLEVBQUU7Z0JBQ1QsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2Q7U0FDSjtJQUNMLENBQUMsRUFDRCxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FDekIsQ0FBQztJQUVGLElBQU0sVUFBVSxHQUFHLElBQUEsbUJBQVcsRUFDMUIsVUFBQSxDQUFDO1FBQ0csSUFBSSxXQUFXLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxHQUFHLEVBQUU7WUFDOUIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBRW5CLElBQUksU0FBUyxFQUFFO2dCQUNYLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNoQjtTQUNKO0lBQ0wsQ0FBQyxFQUNELENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUMzQixDQUFDO0lBRUYsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUM7QUFDM0UsQ0FBQztBQS9ERCxrREErREMifQ==

package/hooks/useAnchorProps.d.ts

@@ -0,0 +1,8 @@
+import { AnchorHTMLAttributes } from "react";
+export interface UseAnchorProps {
+    analyticsCallback?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    submit?: boolean;
+}
+export declare function useAnchorProps<T extends AnchorHTMLAttributes<HTMLAnchorElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, download, href, hrefLang, loading, media, onClick, onKeyDown, onKeyUp, ping, referrerPolicy, rel, role, submit, tabIndex, target, type, ...restProps }: UseAnchorProps & T): T;

package/hooks/useAnchorProps.js

@@ -0,0 +1,79 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnchorProps = void 0;
+var classes_1 = require("../constants/classes");
+var cx_1 = require("../utils/cx");
+var _useSimulatedButton_1 = require("./_useSimulatedButton");
+function useAnchorProps(_a) {
+    var ariaBusy = _a["aria-busy"], ariaDisabled = _a["aria-disabled"], analyticsCallback = _a.analyticsCallback, className = _a.className, disabled = _a.disabled, download = _a.download, href = _a.href, hrefLang = _a.hrefLang, loading = _a.loading, media = _a.media, onClick = _a.onClick, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, ping = _a.ping, referrerPolicy = _a.referrerPolicy, rel = _a.rel, role = _a.role, submit = _a.submit, tabIndex = _a.tabIndex, target = _a.target, type = _a.type, restProps = __rest(_a, ["aria-busy", "aria-disabled", "analyticsCallback", "className", "disabled", "download", "href", "hrefLang", "loading", "media", "onClick", "onKeyDown", "onKeyUp", "ping", "referrerPolicy", "rel", "role", "submit", "tabIndex", "target", "type"]);
+    var isBusy = loading ? loading : Boolean(ariaBusy);
+    var isDisabled = disabled ? disabled : Boolean(ariaDisabled);
+    var isBusyOrDisabled = isBusy || isDisabled;
+    var isButton = submit || !!onClick;
+    var tabIndexInteractive = isBusyOrDisabled ? -1 : tabIndex;
+    var _className = [isBusy && classes_1.CLASSES.IS_BUSY, isDisabled && classes_1.CLASSES.IS_DISABLED, className];
+    var simulatedButton = (0, _useSimulatedButton_1._useSimulatedButton)({
+        analyticsCallback: analyticsCallback,
+        isClickable: !isBusyOrDisabled || isButton,
+        onClick: onClick,
+        onKeyDown: onKeyDown,
+        onKeyUp: onKeyUp,
+        submit: submit,
+    });
+    if (href) {
+        return __assign({ "aria-busy": isBusy, "aria-disabled": isDisabled, className: cx_1.cx.apply(void 0, __spreadArray([classes_1.CLASSES.IS_HOVERABLE], __read(_className), false)), download: download, href: href, hrefLang: hrefLang, media: media, onClick: simulatedButton.onClick, onKeyDown: simulatedButton.onKeyDown, onKeyUp: simulatedButton.onKeyUp, ping: ping, referrerPolicy: referrerPolicy, rel: target === "_blank" ? (rel ? "noopener noreferrer ".concat(role) : "noopener noreferrer") : rel, role: role || (isButton ? "button" : undefined), tabIndex: tabIndexInteractive, target: target, type: type }, restProps);
+    }
+    if (isButton) {
+        return __assign({ "aria-busy": isBusy, "aria-disabled": isDisabled, className: cx_1.cx.apply(void 0, __spreadArray([classes_1.CLASSES.IS_HOVERABLE], __read(_className), false)), onClick: simulatedButton.onClick, onKeyDown: simulatedButton.onKeyDown, onKeyUp: simulatedButton.onKeyUp, rel: rel, role: role || "button", tabIndex: tabIndexInteractive !== null && tabIndexInteractive !== void 0 ? tabIndexInteractive : 0 }, restProps);
+    }
+    return __assign({ className: cx_1.cx.apply(void 0, __spreadArray([], __read(_className), false)), role: role || "none", tabIndex: tabIndex }, restProps);
+}
+exports.useAnchorProps = useAnchorProps;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQW5jaG9yUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlQW5jaG9yUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSxnREFBK0M7QUFDL0Msa0NBQWlDO0FBQ2pDLDZEQUE0RDtBQVM1RCxTQUFnQixjQUFjLENBQW9ELEVBdUI3RDtJQXRCakIsSUFBZSxRQUFRLGtCQUFBLEVBQ0osWUFBWSxzQkFBQSxFQUMvQixpQkFBaUIsdUJBQUEsRUFDakIsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osY0FBYyxvQkFBQSxFQUNkLEdBQUcsU0FBQSxFQUNILElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNELFNBQVMsY0F0QmtFLG9QQXVCakYsQ0FEZTtJQUVaLElBQU0sTUFBTSxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMvRCxJQUFNLGdCQUFnQixHQUFHLE1BQU0sSUFBSSxVQUFVLENBQUM7SUFDOUMsSUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUM7SUFDckMsSUFBTSxtQkFBbUIsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUM3RCxJQUFNLFVBQVUsR0FBRyxDQUFDLE1BQU0sSUFBSSxpQkFBTyxDQUFDLE9BQU8sRUFBRSxVQUFVLElBQUksaUJBQU8sQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFFN0YsSUFBTSxlQUFlLEdBQUcsSUFBQSx5Q0FBbUIsRUFBQztRQUN4QyxpQkFBaUIsbUJBQUE7UUFDakIsV0FBVyxFQUFFLENBQUMsZ0JBQWdCLElBQUksUUFBUTtRQUMxQyxPQUFPLFNBQUE7UUFDUCxTQUFTLFdBQUE7UUFDVCxPQUFPLFNBQUE7UUFDUCxNQUFNLFFBQUE7S0FDVCxDQUFDLENBQUM7SUFFSCxJQUFJLElBQUksRUFBRTtRQUNOLE9BQU8sV0FDSCxXQUFXLEVBQUUsTUFBTSxFQUNuQixlQUFlLEVBQUUsVUFBVSxFQUMzQixTQUFTLEVBQUUsT0FBRSw4QkFBQyxpQkFBTyxDQUFDLFlBQVksVUFBSyxVQUFVLFlBQ2pELFFBQVEsVUFBQSxFQUNSLElBQUksTUFBQSxFQUNKLFFBQVEsVUFBQSxFQUNSLEtBQUssT0FBQSxFQUNMLE9BQU8sRUFBRSxlQUFlLENBQUMsT0FBTyxFQUNoQyxTQUFTLEVBQUUsZUFBZSxDQUFDLFNBQVMsRUFDcEMsT0FBTyxFQUFFLGVBQWUsQ0FBQyxPQUFPLEVBQ2hDLElBQUksTUFBQSxFQUNKLGNBQWMsZ0JBQUEsRUFDZCxHQUFHLEVBQUUsTUFBTSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLDhCQUF1QixJQUFJLENBQUUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUM5RixJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUMvQyxRQUFRLEVBQUUsbUJBQW1CLEVBQzdCLE1BQU0sUUFBQSxFQUNOLElBQUksTUFBQSxJQUNELFNBQVMsQ0FDVixDQUFDO0tBQ1Y7SUFFRCxJQUFJLFFBQVEsRUFBRTtRQUNWLE9BQU8sV0FDSCxXQUFXLEVBQUUsTUFBTSxFQUNuQixlQUFlLEVBQUUsVUFBVSxFQUMzQixTQUFTLEVBQUUsT0FBRSw4QkFBQyxpQkFBTyxDQUFDLFlBQVksVUFBSyxVQUFVLFlBQ2pELE9BQU8sRUFBRSxlQUFlLENBQUMsT0FBTyxFQUNoQyxTQUFTLEVBQUUsZUFBZSxDQUFDLFNBQVMsRUFDcEMsT0FBTyxFQUFFLGVBQWUsQ0FBQyxPQUFPLEVBQ2hDLEdBQUcsS0FBQSxFQUNILElBQUksRUFBRSxJQUFJLElBQUksUUFBUSxFQUN0QixRQUFRLEVBQUUsbUJBQW1CLGFBQW5CLG1CQUFtQixjQUFuQixtQkFBbUIsR0FBSSxDQUFDLElBQy9CLFNBQVMsQ0FDVixDQUFDO0tBQ1Y7SUFFRCxPQUFPLFdBQ0gsU0FBUyxFQUFFLE9BQUUsd0NBQUksVUFBVSxZQUMzQixJQUFJLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFDcEIsUUFBUSxVQUFBLElBQ0wsU0FBUyxDQUNWLENBQUM7QUFDWCxDQUFDO0FBcEZELHdDQW9GQyJ9

package/hooks/useBodyScrollLock.d.ts

@@ -1,3 +1,6 @@
 import { BodyScrollOptions } from "body-scroll-lock";
 import { RefObject } from "react";
-export declare function useBodyScrollLock<T extends HTMLElement>(ref: RefObject<T>, isOpen: boolean, clearAllOnClose?: boolean, options?: Partial<BodyScrollOptions>): void;
+export interface UseBodyScrollLockOptions extends BodyScrollOptions {
+    clearAllOnClose?: boolean;
+}
+export declare function useBodyScrollLock<T extends HTMLElement>(containerRef: RefObject<T>, isOpen: boolean, { allowTouchMove, clearAllOnClose, reserveScrollBarGap }?: Partial<UseBodyScrollLockOptions>): void;

package/hooks/useBodyScrollLock.js

@@ -1,25 +1,16 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBodyScrollLock = void 0;
 var body_scroll_lock_1 = require("body-scroll-lock");
 var react_1 = require("react");
-function useBodyScrollLock(ref, isOpen, clearAllOnClose, options) {
-    if (clearAllOnClose === void 0) { clearAllOnClose = false; }
-    react_1.useEffect(function () {
-        var targetNode = ref.current;
-        if (targetNode) {
-            if (isOpen) {
-                body_scroll_lock_1.disableBodyScroll(targetNode, __assign({ allowTouchMove: function (element) {
+function useBodyScrollLock(containerRef, isOpen, _a) {
+    var _b = _a === void 0 ? {} : _a, allowTouchMove = _b.allowTouchMove, clearAllOnClose = _b.clearAllOnClose, reserveScrollBarGap = _b.reserveScrollBarGap;
+    (0, react_1.useEffect)(function () {
+        var node = containerRef.current;
+        if (isOpen && node) {
+            (0, body_scroll_lock_1.disableBodyScroll)(node, {
+                allowTouchMove: allowTouchMove ||
+                    (function (element) {
                         var _a;
                         while (element !== document.body) {
                             if (element.getAttribute("data-body-scroll-lock-ignore") !== null) {
@@ -27,19 +18,20 @@ function useBodyScrollLock(ref, isOpen, clearAllOnClose, options) {
                             }
                             element = (_a = element.parentElement) !== null && _a !== void 0 ? _a : element;
                         }
-                        return;
-                    } }, (options || {})));
-            }
-            return function () {
-                body_scroll_lock_1.enableBodyScroll(targetNode);
-            };
-        }
-        else if (clearAllOnClose) {
-            return function () {
-                body_scroll_lock_1.clearAllBodyScrollLocks();
-            };
+                        return false;
+                    }),
+                reserveScrollBarGap: reserveScrollBarGap,
+            });
         }
-    }, [clearAllOnClose, isOpen, options, ref]);
+        return function () {
+            if (node) {
+                (0, body_scroll_lock_1.enableBodyScroll)(node);
+            }
+            if (clearAllOnClose) {
+                (0, body_scroll_lock_1.clearAllBodyScrollLocks)();
+            }
+        };
+    }, [allowTouchMove, clearAllOnClose, containerRef, isOpen, reserveScrollBarGap]);
 }
 exports.useBodyScrollLock = useBodyScrollLock;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQm9keVNjcm9sbExvY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlQm9keVNjcm9sbExvY2sudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLHFEQUFtSDtBQUNuSCwrQkFBNkM7QUFFN0MsU0FBZ0IsaUJBQWlCLENBQzdCLEdBQWlCLEVBQ2pCLE1BQWUsRUFDZixlQUF1QixFQUN2QixPQUFvQztJQURwQyxnQ0FBQSxFQUFBLHVCQUF1QjtJQUd2QixpQkFBUyxDQUFDO1FBQ04sSUFBTSxVQUFVLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQztRQUMvQixJQUFJLFVBQVUsRUFBRTtZQUNaLElBQUksTUFBTSxFQUFFO2dCQUNSLG9DQUFpQixDQUFDLFVBQVUsYUFDeEIsY0FBYyxFQUFFLFVBQUEsT0FBTzs7d0JBQ25CLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxJQUFJLEVBQUU7NEJBQzlCLElBQUksT0FBTyxDQUFDLFlBQVksQ0FBQyw4QkFBOEIsQ0FBQyxLQUFLLElBQUksRUFBRTtnQ0FDL0QsT0FBTyxJQUFJLENBQUM7NkJBQ2Y7NEJBQ0QsT0FBTyxTQUFHLE9BQU8sQ0FBQyxhQUFhLG1DQUFJLE9BQU8sQ0FBQzt5QkFDOUM7d0JBQ0QsT0FBTztvQkFDWCxDQUFDLElBQ0UsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLEVBQ3BCLENBQUM7YUFDTjtZQUNELE9BQU87Z0JBQ0gsbUNBQWdCLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDakMsQ0FBQyxDQUFDO1NBQ0w7YUFBTSxJQUFJLGVBQWUsRUFBRTtZQUN4QixPQUFPO2dCQUNILDBDQUF1QixFQUFFLENBQUM7WUFDOUIsQ0FBQyxDQUFDO1NBQ0w7SUFDTCxDQUFDLEVBQUUsQ0FBQyxlQUFlLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDO0FBQ2hELENBQUM7QUFoQ0QsOENBZ0NDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQm9keVNjcm9sbExvY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlQm9keVNjcm9sbExvY2sudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscURBQW1IO0FBQ25ILCtCQUE2QztBQU03QyxTQUFnQixpQkFBaUIsQ0FDN0IsWUFBMEIsRUFDMUIsTUFBZSxFQUNmLEVBQWdHO1FBQWhHLHFCQUE4RixFQUFFLEtBQUEsRUFBOUYsY0FBYyxvQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxtQkFBbUIseUJBQUE7SUFFdEQsSUFBQSxpQkFBUyxFQUFDO1FBQ04sSUFBTSxJQUFJLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQztRQUNsQyxJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUU7WUFDaEIsSUFBQSxvQ0FBaUIsRUFBQyxJQUFJLEVBQUU7Z0JBQ3BCLGNBQWMsRUFDVixjQUFjO29CQUNkLENBQUMsVUFBQSxPQUFPOzt3QkFDSixPQUFPLE9BQU8sS0FBSyxRQUFRLENBQUMsSUFBSSxFQUFFOzRCQUM5QixJQUFJLE9BQU8sQ0FBQyxZQUFZLENBQUMsOEJBQThCLENBQUMsS0FBSyxJQUFJLEVBQUU7Z0NBQy9ELE9BQU8sSUFBSSxDQUFDOzZCQUNmOzRCQUNELE9BQU8sR0FBRyxNQUFBLE9BQU8sQ0FBQyxhQUFhLG1DQUFJLE9BQU8sQ0FBQzt5QkFDOUM7d0JBQ0QsT0FBTyxLQUFLLENBQUM7b0JBQ2pCLENBQUMsQ0FBQztnQkFDTixtQkFBbUIscUJBQUE7YUFDdEIsQ0FBQyxDQUFDO1NBQ047UUFDRCxPQUFPO1lBQ0gsSUFBSSxJQUFJLEVBQUU7Z0JBQ04sSUFBQSxtQ0FBZ0IsRUFBQyxJQUFJLENBQUMsQ0FBQzthQUMxQjtZQUNELElBQUksZUFBZSxFQUFFO2dCQUNqQixJQUFBLDBDQUF1QixHQUFFLENBQUM7YUFDN0I7UUFDTCxDQUFDLENBQUM7SUFDTixDQUFDLEVBQUUsQ0FBQyxjQUFjLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO0FBQ3JGLENBQUM7QUFoQ0QsOENBZ0NDIn0=

package/hooks/useButtonProps.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes } from "react";
+export interface UseButtonProps {
+    analyticsCallback?: () => void;
+    loading?: boolean;
+}
+export declare function useButtonProps<T extends ButtonHTMLAttributes<HTMLButtonElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, autoFocus, analyticsCallback, className, disabled, formAction, formEncType, formMethod, formNoValidate, formTarget, loading, name, onClick, role, tabIndex, type, value, ...restProps }: UseButtonProps & T): T;