@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/hoc/withLabels/styled.js

@@ -1,42 +1,13 @@
-import t from"styled-components";import{Stack as e}from"../../components/Stack/Stack.js";import{Tooltip as o}from"../../components/Tooltip/Tooltip.js";import{theme as i}from"../../theme/index.js";const n=t.label`
-  display: block;
-  font-family: ${i.text.inputLabel.fontFamily};
-  font-size: ${i.text.inputLabel.fontSize};
-  font-weight: ${i.text.inputLabel.fontWeight};
-  line-height: ${i.text.inputLabel.lineHeight};
-  color: ${i.text.inputLabel.color};
-`,l=t.span`
-  display: block;
-  font-family: ${i.fontFamily};
-  font-size: ${i.sizes[3]};
-  line-height: ${i.sizes[4]};
-  color: ${i.colors.neutral.ink.light};
-`,r=t.span`
-  display: block;
-  font-family: ${i.text.error.fontFamily};
-  font-size: ${i.text.error.fontSize};
-  font-weight: ${i.text.error.fontWeight};
-  line-height: ${i.text.error.lineHeight};
-  color: ${i.text.error.color};
+import styled from 'styled-components';
+import { Stack } from '../../components/Stack/Stack.js';
+import { Tooltip } from '../../components/Tooltip/Tooltip.js';
+import { theme } from '../../theme/index.js';
 
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: calc(${i.sizes[2]} * -1);
-    width: 2px;
-    background-color: ${i.colors.secondary.red.base};
-  }
-`,s=t(e)`
-  position: relative;
-`,a=t(o)`
-  /* Tooltip uses inline-block containers which add more height when
-     the child component is an inline element (e.g. Glyph or an SVG),
-     so we need to set to block to preserve the height and fix alignment. */
-  display: block;
-  &-hoverable {
-    display: flex;
-  }
-`;export{a as BlockTooltip,r as Error,l as Hint,n as Label,s as RootStack};
+const Label = styled.label.withConfig({ displayName: "vui--Label", componentId: "vui--qydg5r" }) `display:block;font-family:${theme.text.inputLabel.fontFamily};font-size:${theme.text.inputLabel.fontSize};font-weight:${theme.text.inputLabel.fontWeight};line-height:${theme.text.inputLabel.lineHeight};color:${theme.text.inputLabel.color};`;
+const Hint = styled.span.withConfig({ displayName: "vui--Hint", componentId: "vui--1p3i1v3" }) `display:block;font-family:${theme.fontFamily};font-size:${theme.sizes[3]};line-height:${theme.sizes[4]};color:${theme.colors.neutral.ink.light};`;
+const Error = styled.span.withConfig({ displayName: "vui--Error", componentId: "vui--9vxkaw" }) `display:block;font-family:${theme.text.error.fontFamily};font-size:${theme.text.error.fontSize};font-weight:${theme.text.error.fontWeight};line-height:${theme.text.error.lineHeight};color:${theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${theme.sizes[2]} * -1);width:2px;background-color:${theme.colors.secondary.red.base};}`;
+const RootStack = styled(Stack).withConfig({ displayName: "vui--RootStack", componentId: "vui--10dmq2i" }) `position:relative;`;
+const BlockTooltip = styled(Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1haf85r" }) `display:block;&-hoverable{display:flex;}`;
+
+export { BlockTooltip, Error, Hint, Label, RootStack };
 //# sourceMappingURL=styled.js.map

package/dist/hoc/withLabels/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":[null],"names":["Label","styled","label"],"mappings":"oMA6CO,MAAAA,EAAMC,EAAYC,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;MAKa,KAAK,GAAG,MAAM,CAAC,KAAK,CAEhB,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAA,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAClC,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAA,aAAA,EAC5B,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAChC,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,OAAA,EACtC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA,CAAA;AAGzB,MAAA,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAEd,KAAK,CAAC,UAAU,CAClB,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;AAGlC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAEf,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACvB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,aAAA,EAC3B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAOhB,iEAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,kCAAA,EAEP,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;MAI1C,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kBAAA;MAIzB,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}

package/dist/hoc/withLabels/withLabels.cjs

@@ -1,2 +1,30 @@
-"use strict";var e=require("react"),t=require("../../theme/index.cjs"),r=require("../../components/Stack/Stack.cjs"),l=require("./styled.cjs"),a=require("../../tempIcons/HelpIcon.cjs"),n=require("../../hooks/useId.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var c=i(e);exports.withLabels=e=>({label:i,hint:s,error:o,tooltip:u,...d})=>{const m=n.useId({id:null==d?void 0:d.id,prefix:e.name});return i?c.default.createElement(l.RootStack,{spacing:"sm",alignX:"stretch"},c.default.createElement("div",{style:{marginBottom:t.theme.sizes.xs}},c.default.createElement(r.Stack,{direction:"horizontal",alignY:"center",spacing:"sm"},c.default.createElement(l.Label,{id:`${m}-label`,htmlFor:m},i),u&&c.default.createElement(l.BlockTooltip,{text:u},c.default.createElement(a.HelpIcon,{width:t.theme.sizes.base,height:t.theme.sizes.base,color:t.theme.colors.neutral.ink.light}))),s&&c.default.createElement(l.Hint,null,s)),c.default.createElement(e,{id:m,hasError:!!o,...d}),o&&c.default.createElement(l.Error,null,o)):c.default.createElement(e,{hasError:!!o,...d})};
+'use strict';
+
+var React = require('react');
+var index = require('../../theme/index.cjs');
+var Stack = require('../../components/Stack/Stack.cjs');
+var styled = require('./styled.cjs');
+var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
+var useId = require('../../hooks/useId.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const withLabels = (Component) => ({ label, hint, error, tooltip, ...otherProps }) => {
+    const componentId = useId.useId({ id: otherProps === null || otherProps === undefined ? undefined : otherProps.id, prefix: Component.name });
+    if (!label)
+        return React__default.default.createElement(Component, { hasError: !!error, ...otherProps });
+    return (React__default.default.createElement(styled.RootStack, { spacing: "sm", alignX: "stretch" },
+        React__default.default.createElement("div", { style: { marginBottom: index.theme.sizes.xs } },
+            React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+                React__default.default.createElement(styled.Label, { id: `${componentId}-label`, htmlFor: componentId }, label),
+                tooltip && (React__default.default.createElement(styled.BlockTooltip, { text: tooltip },
+                    React__default.default.createElement(HelpIcon.HelpIcon, { width: index.theme.sizes.base, height: index.theme.sizes.base, color: index.theme.colors.neutral.ink.light })))),
+            hint && React__default.default.createElement(styled.Hint, null, hint)),
+        React__default.default.createElement(Component, { id: componentId, hasError: !!error, ...otherProps }),
+        error && React__default.default.createElement(styled.Error, null, error)));
+};
+
+exports.withLabels = withLabels;
 //# sourceMappingURL=withLabels.cjs.map

package/dist/hoc/withLabels/withLabels.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":[null],"names":["Component","label","hint","error","tooltip","otherProps","componentId","useId","id","prefix","name"],"mappings":"6SAamBA,GAAA,EAAAC,QAAAC,OAAAC,QAAAC,aAAAC,MAClB,MAAAC,EAAAC,EAAAA,MAAA,CAAAC,GAAAH,aAAA,EAAAA,EAAAG,GAAAC,OAAAT,EAAAU,OAEM,OAAAT"}
+{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":[null],"names":["useId","React","RootStack","theme","Stack","Label","BlockTooltip","HelpIcon","Hint","Error"],"mappings":";;;;;;;;;;;;;MAgBa,UAAU,GACrB,CAAmB,SAA2B,KAC9C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,UAAU,EAAmB,KAAI;IAClE,MAAM,WAAW,GAAGA,WAAK,CAAC,EAAE,EAAE,EAAE,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzE,IAAA,IAAI,CAAC,KAAK;QAAE,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAA,CAAI;IAE1E,QACEA,sBAAC,CAAA,aAAA,CAAAC,gBAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;QACtCD,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAEE,WAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAC1C,YAAAF,sBAAA,CAAA,aAAA,CAACG,WAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAAH,sBAAA,CAAA,aAAA,CAACI,YAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,OAAO,KACNJ,sBAAA,CAAA,aAAA,CAACK,mBAAY,EAAC,EAAA,IAAI,EAAE,OAAO,EAAA;AACzB,oBAAAL,sBAAA,CAAA,aAAA,CAACM,iBAAQ,EAAA,EACP,KAAK,EAAEJ,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;AACP,YAAA,IAAI,IAAIF,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAE,IAAA,EAAA,IAAI,CAAQ,CACxB;AACN,QAAAP,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;QACvE,KAAK,IAAIA,qCAACQ,YAAK,EAAA,IAAA,EAAE,KAAK,CAAS,CACtB;AAEhB;;;;"}

package/dist/hoc/withLabels/withLabels.d.ts

@@ -7,4 +7,3 @@ export interface WithLabelsProps {
     tooltip?: string;
 }
 export declare const withLabels: <P extends object>(Component: React.ComponentType<P>) => React.FC<P & WithLabelsProps>;
-//# sourceMappingURL=withLabels.d.ts.map

package/dist/hoc/withLabels/withLabels.js

@@ -1,2 +1,24 @@
-import e from"react";import{theme as t}from"../../theme/index.js";import{Stack as r}from"../../components/Stack/Stack.js";import{RootStack as o,Label as n,BlockTooltip as l,Hint as i,Error as m}from"./styled.js";import{HelpIcon as s}from"../../tempIcons/HelpIcon.js";import{useId as a}from"../../hooks/useId.js";const c=c=>({label:p,hint:h,error:E,tooltip:d,...f})=>{const g=a({id:null==f?void 0:f.id,prefix:c.name});return p?e.createElement(o,{spacing:"sm",alignX:"stretch"},e.createElement("div",{style:{marginBottom:t.sizes.xs}},e.createElement(r,{direction:"horizontal",alignY:"center",spacing:"sm"},e.createElement(n,{id:`${g}-label`,htmlFor:g},p),d&&e.createElement(l,{text:d},e.createElement(s,{width:t.sizes.base,height:t.sizes.base,color:t.colors.neutral.ink.light}))),h&&e.createElement(i,null,h)),e.createElement(c,{id:g,hasError:!!E,...f}),E&&e.createElement(m,null,E)):e.createElement(c,{hasError:!!E,...f})};export{c as withLabels};
+import React from 'react';
+import { theme } from '../../theme/index.js';
+import { Stack } from '../../components/Stack/Stack.js';
+import { RootStack, Label, BlockTooltip, Hint, Error } from './styled.js';
+import { HelpIcon } from '../../tempIcons/HelpIcon.js';
+import { useId } from '../../hooks/useId.js';
+
+const withLabels = (Component) => ({ label, hint, error, tooltip, ...otherProps }) => {
+    const componentId = useId({ id: otherProps === null || otherProps === undefined ? undefined : otherProps.id, prefix: Component.name });
+    if (!label)
+        return React.createElement(Component, { hasError: !!error, ...otherProps });
+    return (React.createElement(RootStack, { spacing: "sm", alignX: "stretch" },
+        React.createElement("div", { style: { marginBottom: theme.sizes.xs } },
+            React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+                React.createElement(Label, { id: `${componentId}-label`, htmlFor: componentId }, label),
+                tooltip && (React.createElement(BlockTooltip, { text: tooltip },
+                    React.createElement(HelpIcon, { width: theme.sizes.base, height: theme.sizes.base, color: theme.colors.neutral.ink.light })))),
+            hint && React.createElement(Hint, null, hint)),
+        React.createElement(Component, { id: componentId, hasError: !!error, ...otherProps }),
+        error && React.createElement(Error, null, error)));
+};
+
+export { withLabels };
 //# sourceMappingURL=withLabels.js.map

package/dist/hoc/withLabels/withLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":[null],"names":["withLabels","Component","label","hint","error","tooltip","otherProps","componentId","useId","id","prefix","name"],"mappings":"wTAaU,MAAEA,EAAOC,GAAA,EAAAC,QAAAC,OAAAC,QAAAC,aAAAC,MAClB,MAAAC,EAAAC,EAAA,CAAAC,GAAAH,aAAA,EAAAA,EAAAG,GAAAC,OAAAT,EAAAU,OAEM,OAAAT"}
+{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;MAgBa,UAAU,GACrB,CAAmB,SAA2B,KAC9C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,UAAU,EAAmB,KAAI;IAClE,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzE,IAAA,IAAI,CAAC,KAAK;QAAE,OAAO,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAA,CAAI;IAE1E,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;QACtC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAC1C,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,OAAO,KACN,KAAA,CAAA,aAAA,CAAC,YAAY,EAAC,EAAA,IAAI,EAAE,OAAO,EAAA;AACzB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;AACP,YAAA,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAE,IAAA,EAAA,IAAI,CAAQ,CACxB;AACN,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;QACvE,KAAK,IAAI,oBAAC,KAAK,EAAA,IAAA,EAAE,KAAK,CAAS,CACtB;AAEhB;;;;"}

package/dist/hooks/index.d.ts

@@ -6,4 +6,3 @@ export { useHover } from './useHover';
 export { useIsOverflowing } from './useIsOverflowing';
 export { useTabs } from './useTabs';
 export { useId } from './useId';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useClickOutside.cjs

@@ -1,2 +1,35 @@
-"use strict";var e=require("react");exports.useClickOutside=(t,n)=>{const u=e.useRef(null),r=e.useCallback((e=>{"Escape"===e.key&&(null==n||n())}),[n]),c=e.useCallback((e=>{u.current.contains(e.target)||null==n||n()}),[n]);return e.useEffect((()=>{if(t)return document.addEventListener("click",c),document.addEventListener("keyup",r),()=>{document.removeEventListener("click",c),document.removeEventListener("keyup",r)}}),[c,r,t]),u};
+'use strict';
+
+var React = require('react');
+
+/**
+ * Close a menu or modal by clicking out of it
+ */
+const useClickOutside = (isOpen, onClose) => {
+    const ref = React.useRef(null);
+    const escapeListener = React.useCallback((e) => {
+        if (e.key === 'Escape') {
+            onClose === null || onClose === undefined ? undefined : onClose();
+        }
+    }, [onClose]);
+    const clickListener = React.useCallback((e) => {
+        if (!ref.current.contains(e.target)) {
+            onClose === null || onClose === undefined ? undefined : onClose();
+        }
+    }, [onClose]);
+    React.useEffect(() => {
+        if (isOpen) {
+            document.addEventListener('click', clickListener);
+            document.addEventListener('keyup', escapeListener);
+            return () => {
+                document.removeEventListener('click', clickListener);
+                document.removeEventListener('keyup', escapeListener);
+            };
+        }
+        return undefined;
+    }, [clickListener, escapeListener, isOpen]);
+    return ref;
+};
+
+exports.useClickOutside = useClickOutside;
 //# sourceMappingURL=useClickOutside.cjs.map

package/dist/hooks/useClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.cjs","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":[null],"names":["onClose"],"mappings":"+DAKwCA"}
+{"version":3,"file":"useClickOutside.cjs","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":[null],"names":["useRef","useCallback","useEffect"],"mappings":";;;;AAEA;;AAEG;MACU,eAAe,GAAG,CAAC,MAAe,EAAE,OAAmB,KAAI;AACtE,IAAA,MAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC;AAExB,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,CAAgB,KAAI;AACnB,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,CAAa,KAAI;QAChB,IAAI,CAAE,GAAG,CAAC,OAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAC7C,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC;AACjD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC;AAClD,YAAA,OAAO,MAAK;AACV,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AACpD,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC;AACvD,aAAC;AACF;AACD,QAAA,OAAO,SAAS;KACjB,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3C,IAAA,OAAO,GAAG;AACZ;;;;"}

package/dist/hooks/useClickOutside.d.ts

@@ -3,4 +3,3 @@
  * Close a menu or modal by clicking out of it
  */
 export declare const useClickOutside: (isOpen: boolean, onClose: () => void) => import("react").MutableRefObject<null>;
-//# sourceMappingURL=useClickOutside.d.ts.map

package/dist/hooks/useClickOutside.js

@@ -1,2 +1,33 @@
-import{useRef as e,useCallback as t,useEffect as n}from"react";const r=(r,c)=>{const o=e(null),u=t((e=>{"Escape"===e.key&&(null==c||c())}),[c]),i=t((e=>{o.current.contains(e.target)||null==c||c()}),[c]);return n((()=>{if(r)return document.addEventListener("click",i),document.addEventListener("keyup",u),()=>{document.removeEventListener("click",i),document.removeEventListener("keyup",u)}}),[i,u,r]),o};export{r as useClickOutside};
+import { useRef, useCallback, useEffect } from 'react';
+
+/**
+ * Close a menu or modal by clicking out of it
+ */
+const useClickOutside = (isOpen, onClose) => {
+    const ref = useRef(null);
+    const escapeListener = useCallback((e) => {
+        if (e.key === 'Escape') {
+            onClose === null || onClose === undefined ? undefined : onClose();
+        }
+    }, [onClose]);
+    const clickListener = useCallback((e) => {
+        if (!ref.current.contains(e.target)) {
+            onClose === null || onClose === undefined ? undefined : onClose();
+        }
+    }, [onClose]);
+    useEffect(() => {
+        if (isOpen) {
+            document.addEventListener('click', clickListener);
+            document.addEventListener('keyup', escapeListener);
+            return () => {
+                document.removeEventListener('click', clickListener);
+                document.removeEventListener('keyup', escapeListener);
+            };
+        }
+        return undefined;
+    }, [clickListener, escapeListener, isOpen]);
+    return ref;
+};
+
+export { useClickOutside };
 //# sourceMappingURL=useClickOutside.js.map

package/dist/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":[null],"names":["useClickOutside","onClose"],"mappings":"+DAKO,MAAAA,KAAiCC"}
+{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;AAEG;MACU,eAAe,GAAG,CAAC,MAAe,EAAE,OAAmB,KAAI;AACtE,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC;AAExB,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAgB,KAAI;AACnB,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAa,KAAI;QAChB,IAAI,CAAE,GAAG,CAAC,OAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAC7C,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC;AACjD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC;AAClD,YAAA,OAAO,MAAK;AACV,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AACpD,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC;AACvD,aAAC;AACF;AACD,QAAA,OAAO,SAAS;KACjB,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3C,IAAA,OAAO,GAAG;AACZ;;;;"}

package/dist/hooks/useDebounce.cjs

@@ -1,2 +1,17 @@
-"use strict";var e=require("react");exports.useDebounce=(t,r)=>{const[u,s]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>s(t)),r);return()=>clearTimeout(e)}),[t,r]),u};
+'use strict';
+
+var React = require('react');
+
+const useDebounce = (value, timeout) => {
+    const [state, setState] = React.useState(value);
+    React.useEffect(() => {
+        // Set timeout to run after delay
+        const handler = setTimeout(() => setState(value), timeout);
+        // clear the setTimeout listener on unMount
+        return () => clearTimeout(handler);
+    }, [value, timeout]);
+    return state;
+};
+
+exports.useDebounce = useDebounce;
 //# sourceMappingURL=useDebounce.cjs.map

package/dist/hooks/useDebounce.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useDebounce.cjs","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;MAEa,WAAW,GAAG,CAAC,KAAU,EAAE,OAAe,KAAI;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEzCC,eAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;;AAG1D,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,KAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEpB,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/hooks/useDebounce.d.ts

@@ -1,2 +1 @@
 export declare const useDebounce: (value: any, timeout: number) => any;
-//# sourceMappingURL=useDebounce.d.ts.map

package/dist/hooks/useDebounce.js

@@ -1,2 +1,15 @@
-import{useState as t,useEffect as r}from"react";const e=(e,o)=>{const[c,n]=t(e);return r((()=>{const t=setTimeout((()=>n(e)),o);return()=>clearTimeout(t)}),[e,o]),c};export{e as useDebounce};
+import { useState, useEffect } from 'react';
+
+const useDebounce = (value, timeout) => {
+    const [state, setState] = useState(value);
+    useEffect(() => {
+        // Set timeout to run after delay
+        const handler = setTimeout(() => setState(value), timeout);
+        // clear the setTimeout listener on unMount
+        return () => clearTimeout(handler);
+    }, [value, timeout]);
+    return state;
+};
+
+export { useDebounce };
 //# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useDebounce.js","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAEa,WAAW,GAAG,CAAC,KAAU,EAAE,OAAe,KAAI;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEzC,SAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;;AAG1D,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,KAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEpB,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/hooks/useDropdown.cjs

@@ -1,2 +1,24 @@
-"use strict";var o=require("react");exports.useDropdown=({anchorElement:e}={})=>{const[r,s]=o.useState(!1),t=o.useCallback((()=>s(!r)),[r,s]),u=o.useCallback((()=>{s(!1),setTimeout((()=>{null==e||e.focus()}),0)}),[s,e]);return{shouldShowDropdown:r,toggleShouldShowDropdown:t,setShouldShowDropdown:s,closeDropdown:u}};
+'use strict';
+
+var React = require('react');
+
+const useDropdown = ({ anchorElement } = {}) => {
+    const [shouldShowDropdown, setShouldShowDropdown] = React.useState(false);
+    const toggleShouldShowDropdown = React.useCallback(() => setShouldShowDropdown(!shouldShowDropdown), [shouldShowDropdown, setShouldShowDropdown]);
+    const closeDropdown = React.useCallback(() => {
+        setShouldShowDropdown(false);
+        // Refocus anchor element after closing dropdown.
+        setTimeout(() => {
+            anchorElement === null || anchorElement === undefined ? undefined : anchorElement.focus();
+        }, 0);
+    }, [setShouldShowDropdown, anchorElement]);
+    return {
+        shouldShowDropdown,
+        toggleShouldShowDropdown,
+        setShouldShowDropdown,
+        closeDropdown,
+    };
+};
+
+exports.useDropdown = useDropdown;
 //# sourceMappingURL=useDropdown.cjs.map

package/dist/hooks/useDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.cjs","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":[null],"names":["anchorElement","shouldShowDropdown","setShouldShowDropdown","useState","toggleShouldShowDropdown","useCallback","setTimeout","focus"],"mappings":"wDAGkB,EAAAA,iBAAkC,MAClD,MAAAC,EAAAC,GAAAC,EAAAA,UAAA,GAEKC,EAAiBC,eAAA,IAAuBH,GAAqBD,IAAA,CAAAA,EAAAC,MACvCG,EAAAA,aAAA,KACDH,GAAA,GAEXI,YAAA,KAwBfN,SAAAA,EAAAO,OAAA"}
+{"version":3,"file":"useDropdown.cjs","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":[null],"names":["useState","useCallback"],"mappings":";;;;AAMa,MAAA,WAAW,GAAG,CAAC,EAAE,aAAa,EAAA,GAA4B,EAAE,KAKrE;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,MAAM,wBAAwB,GAAGC,iBAAW,CAC1C,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,EAChD,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAC5C;AAED,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAAC,MAAK;QACrC,qBAAqB,CAAC,KAAK,CAAC;;QAG5B,UAAU,CAAC,MAAK;AACd,YAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;SACvB,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;IAE1C,OAAO;QACL,kBAAkB;QAClB,wBAAwB;QACxB,qBAAqB;QACrB,aAAa;KACd;AACH;;;;"}

package/dist/hooks/useDropdown.d.ts

@@ -8,4 +8,3 @@ export declare const useDropdown: ({ anchorElement }?: UseDropdownInputProps) =>
     closeDropdown: () => void;
 };
 export {};
-//# sourceMappingURL=useDropdown.d.ts.map

package/dist/hooks/useDropdown.js

@@ -1,2 +1,22 @@
-import{useState as o,useCallback as r}from"react";const t=({anchorElement:t}={})=>{const[e,n]=o(!1),l=r((()=>n(!e)),[e,n]),d=r((()=>{n(!1),setTimeout((()=>{null==t||t.focus()}),0)}),[n,t]);return{shouldShowDropdown:e,toggleShouldShowDropdown:l,setShouldShowDropdown:n,closeDropdown:d}};export{t as useDropdown};
+import { useState, useCallback } from 'react';
+
+const useDropdown = ({ anchorElement } = {}) => {
+    const [shouldShowDropdown, setShouldShowDropdown] = useState(false);
+    const toggleShouldShowDropdown = useCallback(() => setShouldShowDropdown(!shouldShowDropdown), [shouldShowDropdown, setShouldShowDropdown]);
+    const closeDropdown = useCallback(() => {
+        setShouldShowDropdown(false);
+        // Refocus anchor element after closing dropdown.
+        setTimeout(() => {
+            anchorElement === null || anchorElement === undefined ? undefined : anchorElement.focus();
+        }, 0);
+    }, [setShouldShowDropdown, anchorElement]);
+    return {
+        shouldShowDropdown,
+        toggleShouldShowDropdown,
+        setShouldShowDropdown,
+        closeDropdown,
+    };
+};
+
+export { useDropdown };
 //# sourceMappingURL=useDropdown.js.map

package/dist/hooks/useDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.js","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":[null],"names":["useDropdown","anchorElement","shouldShowDropdown","setShouldShowDropdown","useState","toggleShouldShowDropdown","useCallback","setTimeout","focus"],"mappings":"kDAGE,MAAAA,EAAgB,EAAAC,iBAAkC,MAClD,MAAAC,EAAAC,GAAAC,GAAA,GAEKC,EAAiBC,GAAA,IAAuBH,GAAqBD,IAAA,CAAAA,EAAAC,MACvCG,GAAA,KACDH,GAAA,GAEXI,YAAA,KAwBfN,SAAAA,EAAAO,OAAA"}
+{"version":3,"file":"useDropdown.js","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAMa,MAAA,WAAW,GAAG,CAAC,EAAE,aAAa,EAAA,GAA4B,EAAE,KAKrE;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,MAAM,wBAAwB,GAAG,WAAW,CAC1C,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,EAChD,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAC5C;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;QACrC,qBAAqB,CAAC,KAAK,CAAC;;QAG5B,UAAU,CAAC,MAAK;AACd,YAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;SACvB,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;IAE1C,OAAO;QACL,kBAAkB;QAClB,wBAAwB;QACxB,qBAAqB;QACrB,aAAa;KACd;AACH;;;;"}

package/dist/hooks/useFocusVisible.cjs

@@ -1,2 +1,146 @@
-"use strict";var e=require("react");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);const o=n.default.createContext({hadKeyboardEvent:!0,isInitialized:!1});exports.FocusVisibleContext=o,exports.FocusVisibleManager=function({children:t}){const[d,u]=e.useState(!0);return e.useEffect((()=>{function e(){u(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(u(!1),o())}function n(){document.addEventListener("mousemove",t),document.addEventListener("mousedown",t),document.addEventListener("mouseup",t),document.addEventListener("pointermove",t),document.addEventListener("pointerdown",t),document.addEventListener("pointerup",t),document.addEventListener("touchmove",t),document.addEventListener("touchstart",t),document.addEventListener("touchend",t)}function o(){document.removeEventListener("mousemove",t),document.removeEventListener("mousedown",t),document.removeEventListener("mouseup",t),document.removeEventListener("pointermove",t),document.removeEventListener("pointerdown",t),document.removeEventListener("pointerup",t),document.removeEventListener("touchmove",t),document.removeEventListener("touchstart",t),document.removeEventListener("touchend",t)}function d(e){e.metaKey||e.altKey||e.ctrlKey||u(!0)}function r(){"hidden"===document.visibilityState&&(u(!0),n())}return document.addEventListener("keydown",d,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",r,!0),n(),()=>{document.removeEventListener("keydown",d,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",r,!0),o()}}),[u]),n.default.createElement(o.Provider,{value:{hadKeyboardEvent:d,isInitialized:!0}},t)},exports.useFocusVisible=function(){const[e,t]=n.default.useState(!1),{hadKeyboardEvent:d,isInitialized:u}=n.default.useContext(o),r=n.default.useCallback((()=>{e||t(!0)}),[e]),i=n.default.useCallback((()=>{e&&t(!1)}),[e]);let s;return s=u?d&&e:e,n.default.useMemo((()=>({focusVisible:s,onFocus:r,onBlur:i})),[s,i,r])};
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+// A React hook based on: https://github.com/WICG/focus-visible
+const FocusVisibleContext = React__default.default.createContext({
+    hadKeyboardEvent: true,
+    isInitialized: false,
+});
+function FocusVisibleManager({ children }) {
+    const [hadKeyboardEvent, setHadKeyboardEvent] = React.useState(true);
+    React.useEffect(() => {
+        function onPointerDown() {
+            setHadKeyboardEvent(false);
+        }
+        /**
+         * When the polfyill first loads, assume the user is in keyboard modality.
+         * If any event is received from a pointing device (e.g. mouse, pointer,
+         * touch), turn off keyboard modality.
+         * This accounts for situations where focus enters the page from the URL bar.
+         * @param {Event} e
+         */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        function onInitialPointerMove(e) {
+            // Work around a Safari quirk that fires a mousemove on <html> whenever the
+            // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
+            if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {
+                return;
+            }
+            setHadKeyboardEvent(false);
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            removeInitialPointerMoveListeners();
+        }
+        /**
+         * Add a group of listeners to detect usage of any pointing devices.
+         * These listeners will be added when the polyfill first loads, and anytime
+         * the window is blurred, so that they are active when the window regains
+         * focus.
+         */
+        function addInitialPointerMoveListeners() {
+            document.addEventListener('mousemove', onInitialPointerMove);
+            document.addEventListener('mousedown', onInitialPointerMove);
+            document.addEventListener('mouseup', onInitialPointerMove);
+            document.addEventListener('pointermove', onInitialPointerMove);
+            document.addEventListener('pointerdown', onInitialPointerMove);
+            document.addEventListener('pointerup', onInitialPointerMove);
+            document.addEventListener('touchmove', onInitialPointerMove);
+            document.addEventListener('touchstart', onInitialPointerMove);
+            document.addEventListener('touchend', onInitialPointerMove);
+        }
+        function removeInitialPointerMoveListeners() {
+            document.removeEventListener('mousemove', onInitialPointerMove);
+            document.removeEventListener('mousedown', onInitialPointerMove);
+            document.removeEventListener('mouseup', onInitialPointerMove);
+            document.removeEventListener('pointermove', onInitialPointerMove);
+            document.removeEventListener('pointerdown', onInitialPointerMove);
+            document.removeEventListener('pointerup', onInitialPointerMove);
+            document.removeEventListener('touchmove', onInitialPointerMove);
+            document.removeEventListener('touchstart', onInitialPointerMove);
+            document.removeEventListener('touchend', onInitialPointerMove);
+        }
+        /**
+         * If the most recent user interaction was via the keyboard;
+         * and the key press did not include a meta, alt/option, or control key;
+         * then the modality is keyboard. Otherwise, the modality is not keyboard.
+         * Apply `focus-visible` to any current active element and keep track
+         * of our keyboard modality state with `hadKeyboardEvent`.
+         * @param {KeyboardEvent} e
+         */
+        function onKeyDown(e) {
+            if (e.metaKey || e.altKey || e.ctrlKey) {
+                return;
+            }
+            setHadKeyboardEvent(true);
+        }
+        /**
+         * If the user changes tabs, keep track of whether or not the previously
+         * focused element had .focus-visible.
+         * @param {Event} e
+         */
+        function onVisibilityChange() {
+            if (document.visibilityState === 'hidden') {
+                // If the tab becomes active again, the browser will handle calling focus
+                // on the element (Safari actually calls it twice).
+                // If this tab change caused a blur on an element with focus-visible,
+                // re-apply the class when the user switches back to the tab.
+                setHadKeyboardEvent(true);
+                addInitialPointerMoveListeners();
+            }
+        }
+        // For some kinds of state, we are interested in changes at the global scope
+        // only. For example, global pointer input, global key presses and global
+        // visibility change should affect the state at every scope:
+        document.addEventListener('keydown', onKeyDown, true);
+        document.addEventListener('mousedown', onPointerDown, true);
+        document.addEventListener('pointerdown', onPointerDown, true);
+        document.addEventListener('touchstart', onPointerDown, true);
+        document.addEventListener('visibilitychange', onVisibilityChange, true);
+        addInitialPointerMoveListeners();
+        return () => {
+            document.removeEventListener('keydown', onKeyDown, true);
+            document.removeEventListener('mousedown', onPointerDown, true);
+            document.removeEventListener('pointerdown', onPointerDown, true);
+            document.removeEventListener('touchstart', onPointerDown, true);
+            document.removeEventListener('visibilitychange', onVisibilityChange, true);
+            removeInitialPointerMoveListeners();
+        };
+    }, [setHadKeyboardEvent]);
+    return (
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    React__default.default.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
+}
+function useFocusVisible() {
+    const [isFocused, setIsFocused] = React__default.default.useState(false);
+    const { hadKeyboardEvent, isInitialized } = React__default.default.useContext(FocusVisibleContext);
+    const onFocus = React__default.default.useCallback(() => {
+        if (!isFocused)
+            setIsFocused(true);
+    }, [isFocused]);
+    const onBlur = React__default.default.useCallback(() => {
+        if (isFocused)
+            setIsFocused(false);
+    }, [isFocused]);
+    let focusVisible;
+    if (isInitialized) {
+        focusVisible = hadKeyboardEvent && isFocused;
+    }
+    else {
+        // Fallback to focused when the `FocusVisibleManager` is not used.
+        focusVisible = isFocused;
+    }
+    return React__default.default.useMemo(() => ({
+        focusVisible,
+        onFocus,
+        onBlur,
+    }), [focusVisible, onBlur, onFocus]);
+}
+
+exports.FocusVisibleContext = FocusVisibleContext;
+exports.FocusVisibleManager = FocusVisibleManager;
+exports.useFocusVisible = useFocusVisible;
 //# sourceMappingURL=useFocusVisible.cjs.map

package/dist/hooks/useFocusVisible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.cjs","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":["isInitialized","children","setHadKeyboardEvent"],"mappings":"uJAOGA,eAAA,8DAyHH,UAA+BC,SAAAA,oEA4B9BC,GAAA"}
+{"version":3,"file":"useFocusVisible.cjs","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":["React","useState","useEffect"],"mappings":"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"}

package/dist/hooks/useFocusVisible.d.ts

@@ -9,4 +9,3 @@ export declare function useFocusVisible(): {
     onFocus: () => void;
     onBlur: () => void;
 };
-//# sourceMappingURL=useFocusVisible.d.ts.map