npm - @veeqo/ui - Versions diffs - 9.0.0-beta-3 → 9.0.0-beta-v2-1 - Mend

@veeqo/ui 9.0.0-beta-3 → 9.0.0-beta-v2-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2010) hide show

package/dist/hooks/useFocusVisible.js CHANGED Viewed

@@ -1,2 +1,138 @@
-import e,{useState as t,useEffect as n}from"react";const o=e.createContext({hadKeyboardEvent:!0,isInitialized:!1});function d({children:d}){const[r,i]=t(!0);return n((()=>{function e(){i(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(i(!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||i(!0)}function r(){"hidden"===document.visibilityState&&(i(!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()}}),[i]),e.createElement(o.Provider,{value:{hadKeyboardEvent:r,isInitialized:!0}},d)}function r(){const[t,n]=e.useState(!1),{hadKeyboardEvent:d,isInitialized:r}=e.useContext(o),i=e.useCallback((()=>{t||n(!0)}),[t]),u=e.useCallback((()=>{t&&n(!1)}),[t]);let m;return m=r?d&&t:t,e.useMemo((()=>({focusVisible:m,onFocus:i,onBlur:u})),[m,u,i])}export{o as FocusVisibleContext,d as FocusVisibleManager,r as useFocusVisible};
+import React, { useState, useEffect } from 'react';
+// A React hook based on: https://github.com/WICG/focus-visible
+const FocusVisibleContext = React.createContext({
+    hadKeyboardEvent: true,
+    isInitialized: false,
+});
+function FocusVisibleManager({ children }) {
+    const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);
+    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.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
+}
+function useFocusVisible() {
+    const [isFocused, setIsFocused] = React.useState(false);
+    const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);
+    const onFocus = React.useCallback(() => {
+        if (!isFocused)
+            setIsFocused(true);
+    }, [isFocused]);
+    const onBlur = React.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.useMemo(() => ({
+        focusVisible,
+        onFocus,
+        onBlur,
+    }), [focusVisible, onBlur, onFocus]);
+}
+export { FocusVisibleContext, FocusVisibleManager, useFocusVisible };
 //# sourceMappingURL=useFocusVisible.js.map

package/dist/hooks/useFocusVisible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":[~~"isInitialized","FocusVisibleManager","children","setHadKeyboardEvent"~~],"mappings":"~~gGAOGA~~,~~eAAA~~,~~IAyHH~~,~~SAAAC~~,~~GAA+BC~~,~~SAAAA~~,~~iDA4B9BC~~,GAAA"}
1	+ {"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/hooks/useHover.cjs CHANGED Viewed

@@ -1,2 +1,13 @@
-"use strict";var e=require("react");exports.useHover=(r=!1)=>{const[s,t]=e.useState(r);return[s,e.useCallback((()=>t(!0)),[t]),e.useCallback((()=>t(!1)),[t])]};
+'use strict';
+var React = require('react');
+const useHover = (initialState = false) => {
+    const [isHovered, setIsHovered] = React.useState(initialState);
+    const handleEnter = React.useCallback(() => setIsHovered(true), [setIsHovered]);
+    const handleLeave = React.useCallback(() => setIsHovered(false), [setIsHovered]);
+    return [isHovered, handleEnter, handleLeave];
+};
+exports.useHover = useHover;
 //# sourceMappingURL=useHover.cjs.map

package/dist/hooks/useHover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHover.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useHover.cjs","sources":["../../src/hooks/useHover.ts"],"sourcesContent":[null],"names":["useState","useCallback"],"mappings":";;;;MAEa,QAAQ,GAAG,CAAC,YAAY,GAAG,KAAK,KAAI;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAU,YAAY,CAAC;AACjE,IAAA,MAAM,WAAW,GAAGC,iBAAW,CAAC,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AACzE,IAAA,MAAM,WAAW,GAAGA,iBAAW,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAE1E,IAAA,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAU;AACvD;;;;"}

package/dist/hooks/useHover.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export declare const useHover: (initialState?: boolean) => readonly [boolean, () => void, () => void];
2	- //# sourceMappingURL=useHover.d.ts.map

package/dist/hooks/useHover.js CHANGED Viewed

@@ -1,2 +1,11 @@
-import{useState as r,useCallback as t}from"react";const o=(o=!1)=>{const[c,e]=r(o);return[c,t((()=>e(!0)),[e]),t((()=>e(!1)),[e])]};export{o as useHover};
+import { useState, useCallback } from 'react';
+const useHover = (initialState = false) => {
+    const [isHovered, setIsHovered] = useState(initialState);
+    const handleEnter = useCallback(() => setIsHovered(true), [setIsHovered]);
+    const handleLeave = useCallback(() => setIsHovered(false), [setIsHovered]);
+    return [isHovered, handleEnter, handleLeave];
+};
+export { useHover };
 //# sourceMappingURL=useHover.js.map

package/dist/hooks/useHover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHover.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useHover.js","sources":["../../src/hooks/useHover.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAEa,QAAQ,GAAG,CAAC,YAAY,GAAG,KAAK,KAAI;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AACzE,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAE1E,IAAA,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAU;AACvD;;;;"}

package/dist/hooks/useId.cjs CHANGED Viewed

@@ -1,2 +1,9 @@
-"use strict";var e=require("react"),r=require("../utils/generateId.cjs");exports.useId=({id:s,prefix:t})=>e.useMemo((()=>s||r.generateId(t)),[s,t]);
+'use strict';
+var React = require('react');
+var generateId = require('../utils/generateId.cjs');
+const useId = ({ id, prefix }) => React.useMemo(() => id || generateId.generateId(prefix), [id, prefix]);
+exports.useId = useId;
 //# sourceMappingURL=useId.cjs.map

package/dist/hooks/useId.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useId.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useId.cjs","sources":["../../src/hooks/useId.ts"],"sourcesContent":[null],"names":["useMemo","generateId"],"mappings":";;;;;AAGO,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAoC,KACpEA,aAAO,CAAC,MAAM,EAAE,IAAIC,qBAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC;;;;"}

package/dist/hooks/useId.d.ts CHANGED Viewed

@@ -2,4 +2,3 @@ export declare const useId: ({ id, prefix }: {
     id?: string | undefined;
     prefix?: string | undefined;
 }) => string;
-//# sourceMappingURL=useId.d.ts.map

package/dist/hooks/useId.js CHANGED Viewed

@@ -1,2 +1,7 @@
-import{useMemo as r}from"react";import{generateId as t}from"../utils/generateId.js";const e=({id:e,prefix:o})=>r((()=>e||t(o)),[e,o]);export{e as useId};
+import { useMemo } from 'react';
+import { generateId } from '../utils/generateId.js';
+const useId = ({ id, prefix }) => useMemo(() => id || generateId(prefix), [id, prefix]);
+export { useId };
 //# sourceMappingURL=useId.js.map

package/dist/hooks/useId.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useId.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useId.js","sources":["../../src/hooks/useId.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAoC,KACpE,OAAO,CAAC,MAAM,EAAE,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC;;;;"}

package/dist/hooks/useIsOverflowing.cjs CHANGED Viewed

@@ -1,2 +1,33 @@
-"use strict";var e=require("react");exports.useIsOverflowing=t=>{const[r,s]=e.useState(!1),[n,c]=e.useState(!1);e.useEffect((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;s(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:r&&!n,onScroll:e=>{if(!t)return;const{scrollTop:r,scrollHeight:s,clientHeight:n}=e.target;c(s-r-n<=0)}}};
+'use strict';
+var React = require('react');
+/**
+ * A hook to check if a component's contents are overflowing from its boundaries
+ * (scrollbar is visible).
+ */
+const useIsOverflowing = (ref) => {
+    const [isOverflowing, setIsOverflowing] = React.useState(false);
+    const [isAtBottom, setIsAtBottom] = React.useState(false);
+    React.useEffect(() => {
+        if (!ref)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            const hasOverflow = ref.scrollHeight > ref.clientHeight;
+            setIsOverflowing(hasOverflow);
+        });
+        resizeObserver.observe(ref);
+        // eslint-disable-next-line consistent-return
+        return () => { resizeObserver.disconnect(); };
+    }, [ref]);
+    const onScroll = (event) => {
+        if (!ref)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = event.target;
+        setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);
+    };
+    return { isOverflowing: isOverflowing && !isAtBottom, onScroll };
+};
+exports.useIsOverflowing = useIsOverflowing;
 //# sourceMappingURL=useIsOverflowing.cjs.map

package/dist/hooks/useIsOverflowing.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIsOverflowing.cjs","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":["~~ref~~","useEffect"],"mappings":"~~6DAMaA~~,~~mDAyBXC~~,~~EAAAA~~,~~WAAA~~"}
1	+ {"version":3,"file":"useIsOverflowing.cjs","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAEA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEnDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,SAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,EAAE;AAC/C,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,KAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}

package/dist/hooks/useIsOverflowing.d.ts CHANGED Viewed

@@ -7,4 +7,3 @@ export declare const useIsOverflowing: (ref: HTMLElement | null) => {
     isOverflowing: boolean;
     onScroll: import("react").UIEventHandler<HTMLElement>;
 };
-//# sourceMappingURL=useIsOverflowing.d.ts.map

package/dist/hooks/useIsOverflowing.js CHANGED Viewed

@@ -1,2 +1,31 @@
-import{useState as e,useEffect as r}from"react";const t=t=>{const[o,n]=e(!1),[c,i]=e(!1);r((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;n(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:o&&!c,onScroll:e=>{if(!t)return;const{scrollTop:r,scrollHeight:o,clientHeight:n}=e.target;i(o-r-n<=0)}}};export{t as useIsOverflowing};
+import { useState, useEffect } from 'react';
+/**
+ * A hook to check if a component's contents are overflowing from its boundaries
+ * (scrollbar is visible).
+ */
+const useIsOverflowing = (ref) => {
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    const [isAtBottom, setIsAtBottom] = useState(false);
+    useEffect(() => {
+        if (!ref)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            const hasOverflow = ref.scrollHeight > ref.clientHeight;
+            setIsOverflowing(hasOverflow);
+        });
+        resizeObserver.observe(ref);
+        // eslint-disable-next-line consistent-return
+        return () => { resizeObserver.disconnect(); };
+    }, [ref]);
+    const onScroll = (event) => {
+        if (!ref)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = event.target;
+        setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);
+    };
+    return { isOverflowing: isOverflowing && !isAtBottom, onScroll };
+};
+export { useIsOverflowing };
 //# sourceMappingURL=useIsOverflowing.js.map

package/dist/hooks/useIsOverflowing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIsOverflowing.js","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":[~~"useIsOverflowing","ref","useEffect"~~],"mappings":"~~gDAMA~~,~~MAAAA~~,~~EAAaC~~,~~iCAyBXC~~,~~GAAA~~"}
1	+ {"version":3,"file":"useIsOverflowing.js","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEnD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,SAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,EAAE;AAC/C,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,KAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}

package/dist/hooks/useTabs.cjs CHANGED Viewed

@@ -1,2 +1,21 @@
-"use strict";var e=require("react");exports.useTabs=(t,s)=>{const{defaultActiveIndex:r=0}=s||{},[u]=e.useState(t),[a,c]=e.useState(u[r]);return[a,e=>{const t=u.find((t=>t.key===e));t&&c(t)}]};
+'use strict';
+var React = require('react');
+const useTabs = (tabs, config) => {
+    const { defaultActiveIndex = 0 } = config || {};
+    const [listOfTabs] = React.useState(tabs);
+    const [active, setActive] = React.useState(listOfTabs[defaultActiveIndex]);
+    return [
+        active,
+        (key) => {
+            const newActiveTab = listOfTabs.find((tab) => tab.key === key);
+            if (newActiveTab) {
+                setActive(newActiveTab);
+            }
+        },
+    ];
+};
+exports.useTabs = useTabs;
 //# sourceMappingURL=useTabs.cjs.map

package/dist/hooks/useTabs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTabs.cjs","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":["~~tabs~~","~~config~~","~~defaultActiveIndex"~~,~~"listOfTabs"~~,~~"useState"~~,~~"active"~~,~~"setActive"]~~,~~"mappings":"oDAGqB~~,~~CAAEA~~,~~EAAAC~~,~~KACtB~~,~~MAAAC~~,~~mBAAAA~~,~~EAAA~~,~~GAAAD~~,~~GAAA~~,~~CAAA~~,~~GAEWE~~,~~GAAIC~~,~~EAAAA~~,~~SAAAJ~~,~~IAETK~~,~~EAAAC~~,~~GAAaF~~,~~EAAcA~~,~~SAAAD~~"}
1	+ {"version":3,"file":"useTabs.cjs","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":["useState"],"mappings":";;;;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAGA,cAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB;SACF;KACO;AACZ;;;;"}

package/dist/hooks/useTabs.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@ interface TabsConfig {
 type ITab = any;
 export declare const useTabs: (tabs: ITab[], config?: TabsConfig) => readonly [any, (key: string) => void];
 export {};
-//# sourceMappingURL=useTabs.d.ts.map

package/dist/hooks/useTabs.js CHANGED Viewed

@@ -1,2 +1,19 @@
-import{useState as t}from"react";const e=(e,n)=>{const{defaultActiveIndex:o=0}=n||{},[r]=t(e),[c,d]=t(r[o]);return[c,t=>{const e=r.find((e=>e.key===t));e&&d(e)}]};export{e as useTabs};
+import { useState } from 'react';
+const useTabs = (tabs, config) => {
+    const { defaultActiveIndex = 0 } = config || {};
+    const [listOfTabs] = useState(tabs);
+    const [active, setActive] = useState(listOfTabs[defaultActiveIndex]);
+    return [
+        active,
+        (key) => {
+            const newActiveTab = listOfTabs.find((tab) => tab.key === key);
+            if (newActiveTab) {
+                setActive(newActiveTab);
+            }
+        },
+    ];
+};
+export { useTabs };
 //# sourceMappingURL=useTabs.js.map

package/dist/hooks/useTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTabs.js","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":[~~"useTabs"~~,"~~tabs~~","~~config"~~,~~"defaultActiveIndex"~~,~~"listOfTabs"~~,~~"useState"~~,~~"active"~~,~~"setActive"]~~,~~"mappings":"iCAGoB~~,~~MAAAA~~,~~EAAC~~,~~CAAEC~~,~~EAAAC~~,~~KACtB~~,~~MAAAC~~,~~mBAAAA~~,~~EAAA~~,~~GAAAD~~,~~GAAA~~,~~CAAA~~,~~GAEWE~~,~~GAAIC~~,~~EAAAJ~~,~~IAETK~~,~~EAAAC~~,~~GAAaF~~,~~EAAcD~~"}
1	+ {"version":3,"file":"useTabs.js","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB;SACF;KACO;AACZ;;;;"}

package/dist/index.cjs CHANGED Viewed

@@ -1,2 +1,204 @@
-"use strict";var e=require("./components/Accordion/Accordion.cjs"),o=require("./components/ActionMenu/ActionMenu.cjs"),r=require("./components/Alerts/Alert/Alert.cjs"),t=require("./components/Alerts/MiniAlert/MiniAlert.cjs"),s=require("./components/Anchor/Anchor.cjs"),n=require("./components/AnimatedDropdown/AnimatedDropdown.cjs"),i=require("./components/Avatar/Avatar.cjs"),c=require("./components/Badge/Badge.cjs"),a=require("./components/Banner/Banner.cjs"),p=require("./components/BaseContainer/BaseContainer.cjs"),u=require("./components/Breadcrumbs/Breadcrumbs.cjs"),l=require("./components/Button/Button.cjs"),d=require("./components/Calendars/components/RangeCalendar/RangeCalendar.cjs"),x=require("./components/Calendars/components/Calendar/Calendar.cjs"),m=require("./components/Card/Card.cjs"),g=require("./components/CardHeader/CardHeader.cjs"),j=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/Choice/Choice.cjs"),T=require("./components/ChoiceList/ChoiceList.cjs"),D=require("./components/CopyToClipboard/CopyToClipboard.cjs"),h=require("./components/DateInputField/index.cjs"),C=require("./components/DateRangePicker/DateRangePicker.cjs"),b=require("./components/DateRangePicker/utils.cjs"),S=require("./components/DateRangePicker/constants.cjs"),A=require("./components/DataTable/DataTable.cjs"),I=require("./components/DataTable/hooks/useCellWidths.cjs"),k=require("./components/DataTable/hooks/useColumns.cjs"),P=require("./components/DataTable/hooks/useDragToScroll.cjs"),L=require("./components/DataTable/hooks/useNested.cjs"),w=require("./components/DataTable/hooks/useScrollPosition.cjs"),R=require("./components/DataTable/hooks/useSelection.cjs"),B=require("./components/DescriptionList/DescriptionList.cjs"),F=require("./components/DetailPage/DetailPage.cjs"),y=require("./components/DimensionsInput/DimensionsInput.cjs"),V=require("./components/Dropdown/Dropdown.cjs"),M=require("./components/FilterTag/FilterTag.cjs"),O=require("./components/Grid/index.cjs"),v=require("./components/Image/Image.cjs"),E=require("./components/InputGroup/index.cjs"),f=require("./components/LegacyDataTable/LegacyDataTable.cjs"),U=require("./components/Loader/Loader.cjs"),W=require("./components/LoginWithAmazonButton/LoginWithAmazonButton.cjs"),G=require("./components/Modal/Modal.cjs"),H=require("./components/Pagination/Pagination.cjs"),N=require("./components/Popover/Popover.cjs"),_=require("./components/Portal/Portal.cjs"),z=require("./components/PriceInput/PriceInput.cjs"),K=require("./components/Radio/Radio.cjs"),J=require("./components/ScreenReaderOnly/ScreenReaderOnly.cjs"),Q=require("./components/Search/Search.cjs"),X=require("./components/SegmentedControl/SegmentedControl.cjs"),Y=require("./components/Select/Select.cjs"),Z=require("./components/ShortcutKeys/ShortcutKeys.cjs"),$=require("./components/SimpleTable/SimpleTable.cjs"),ee=require("./components/Skeleton/Skeleton.cjs"),oe=require("./components/Slider/Slider.cjs"),re=require("./components/Stack/Stack.cjs"),te=require("./components/Stepper/Stepper.cjs"),se=require("./components/Tag/Tag.cjs"),ne=require("./components/Text/Text.cjs"),ie=require("./components/TextField/index.cjs"),ce=require("./components/ToastsLayout/ToastsLayout.cjs"),ae=require("./components/Toggle/Toggle.cjs"),pe=require("./components/ToggleButton/ToggleButton.cjs"),ue=require("./components/Tooltip/Tooltip.cjs"),le=require("./components/UploadFile/UploadFile.cjs"),de=require("./components/UploadFile/constants.cjs"),xe=require("./components/VideoModal/VideoModal.cjs"),me=require("./components/VideoModal/components/Popup.cjs"),ge=require("./components/View/View.cjs"),je=require("./components/ViewTab/ViewTab.cjs"),qe=require("./components/ViewsContainer/ViewsContainer.cjs"),Te=require("./components/WeightInput/WeightInput.cjs"),De=require("./components/Indicator/Indicator.cjs"),he=require("./hooks/useClickOutside.cjs"),Ce=require("./hooks/useDebounce.cjs"),be=require("./hooks/useDropdown.cjs"),Se=require("./hooks/useFocusVisible.cjs"),Ae=require("./hooks/useHover.cjs"),Ie=require("./hooks/useIsOverflowing.cjs"),ke=require("./hooks/useTabs.cjs"),Pe=require("./hooks/useId.cjs"),Le=require("./hoc/withLabels/withLabels.cjs"),we=require("./hoc/withDeprecated.cjs"),Re=require("./utils/buildClassnames.cjs"),Be=require("./utils/color.cjs"),Fe=require("./utils/generateId.cjs"),ye=require("./utils/isExternalLink.cjs"),Ve=require("./theme/index.cjs"),Me=require("./theme/utils.cjs");exports.Accordion=e.Accordion,exports.ActionMenu=o.ActionMenu,exports.Alert=r.Alert,exports.MiniAlert=t.MiniAlert,exports.Anchor=s.Anchor,exports.AnimatedDropdown=n.AnimatedDropdown,exports.Avatar=i.Avatar,exports.Badge=c.Badge,exports.Banner=a.Banner,exports.BaseContainer=p.BaseContainer,exports.Breadcrumbs=u.Breadcrumbs,exports.Button=l.Button,exports.RangeCalendar=d.RangeCalendar,exports.Calendar=x.Calendar,exports.Card=m.Card,exports.CardHeader=g.CardHeader,exports.Checkbox=j.Checkbox,exports.Choice=q.Choice,exports.ChoiceList=T.ChoiceList,exports.CopyToClipboard=D.CopyToClipboard,exports.DateInputField=h.DateInputField,exports.DateRangePicker=C.DateRangePicker,exports.checkIfDateRangeInvalid=b.checkIfDateRangeInvalid,exports.DATE_RANGE_OPTIONS=S.DATE_RANGE_OPTIONS,exports.DEFAULT_PRESET=S.DEFAULT_PRESET,exports.DEFAULT_RANGE=S.DEFAULT_RANGE,Object.defineProperty(exports,"DateRanges",{enumerable:!0,get:function(){return S.DateRanges}}),exports.getDateRange=S.getDateRange,exports.DataTable=A.DataTable,exports.useCellWidths=I.useCellWidths,exports.useColumns=k.useColumns,exports.useDragToScroll=P.useDragToScroll,exports.useNested=L.useNested,exports.useScrollPosition=w.useScrollPosition,exports.useSelection=R.useSelection,exports.DescriptionList=B.DescriptionList,exports.DetailPage=F.DetailPage,exports.DimensionsInput=y.DimensionsInput,exports.Dropdown=V.Dropdown,exports.FilterTag=M.FilterTag,exports.Grid=O.Grid,exports.Image=v.Image,exports.InputGroup=E.InputGroup,exports.LegacyDataTable=f.LegacyDataTable,exports.Loader=U.Loader,exports.LoginWithAmazonButton=W.LoginWithAmazonButton,exports.Modal=G.Modal,exports.Pagination=H.Pagination,exports.Popover=N.Popover,exports.Portal=_.Portal,exports.PriceInput=z.PriceInput,exports.Radio=K.Radio,exports.ScreenReaderOnly=J.ScreenReaderOnly,exports.Search=Q.Search,exports.SegmentedControl=X.SegmentedControl,exports.Select=Y.Select,exports.ShortcutKeys=Z.ShortcutKeys,exports.SimpleTable=$.SimpleTable,exports.Skeleton=ee.Skeleton,exports.Slider=oe.Slider,exports.Stack=re.Stack,exports.Stepper=te.Stepper,exports.Tag=se.Tag,exports.Text=ne.Text,exports.TextField=ie.TextField,exports.ToastsLayout=ce.ToastsLayout,exports.Toggle=ae.Toggle,exports.ToggleButton=pe.ToggleButton,exports.Tooltip=ue.Tooltip,exports.UploadFile=le.UploadFile,Object.defineProperty(exports,"AcceptedFileTypes",{enumerable:!0,get:function(){return de.AcceptedFileTypes}}),Object.defineProperty(exports,"FileSizeUnit",{enumerable:!0,get:function(){return de.FileSizeUnit}}),exports.VideoModal=xe.VideoModal,exports.Popup=me.Popup,exports.View=ge.View,exports.ViewTab=je.ViewTab,exports.ViewsContainer=qe.ViewsContainer,exports.WeightInput=Te.WeightInput,exports.Indicator=De.Indicator,exports.useClickOutside=he.useClickOutside,exports.useDebounce=Ce.useDebounce,exports.useDropdown=be.useDropdown,exports.FocusVisibleManager=Se.FocusVisibleManager,exports.useFocusVisible=Se.useFocusVisible,exports.useHover=Ae.useHover,exports.useIsOverflowing=Ie.useIsOverflowing,exports.useTabs=ke.useTabs,exports.useId=Pe.useId,exports.withLabels=Le.withLabels,exports.withDeprecated=we.withDeprecated,exports.buildClassnames=Re.buildClassnames,exports.getOpaqueHexColor=Be.getOpaqueHexColor,exports.hexToRgb=Be.hexToRgb,exports.generateId=Fe.generateId,exports.isExternalLink=ye.isExternalLink,exports.theme=Ve.theme,exports.getTextStyles=Me.getTextStyles;
+'use strict';
+var Accordion = require('./components/Accordion/Accordion.cjs');
+var ActionMenu = require('./components/ActionMenu/ActionMenu.cjs');
+var Alert = require('./components/Alerts/Alert/Alert.cjs');
+var MiniAlert = require('./components/Alerts/MiniAlert/MiniAlert.cjs');
+var Anchor = require('./components/Anchor/Anchor.cjs');
+var AnimatedDropdown = require('./components/AnimatedDropdown/AnimatedDropdown.cjs');
+var Avatar = require('./components/Avatar/Avatar.cjs');
+var Badge = require('./components/Badge/Badge.cjs');
+var Banner = require('./components/Banner/Banner.cjs');
+var BaseContainer = require('./components/BaseContainer/BaseContainer.cjs');
+var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.cjs');
+var Button = require('./components/Button/Button.cjs');
+var RangeCalendar = require('./components/Calendars/components/RangeCalendar/RangeCalendar.cjs');
+var Calendar = require('./components/Calendars/components/Calendar/Calendar.cjs');
+var useIsDateUnavailable = require('./components/Calendars/data/useIsDateUnavailable.cjs');
+var Card = require('./components/Card/Card.cjs');
+var CardHeader = require('./components/CardHeader/CardHeader.cjs');
+var Checkbox = require('./components/Checkbox/Checkbox.cjs');
+var Choice = require('./components/Choice/Choice.cjs');
+var ChoiceList = require('./components/ChoiceList/ChoiceList.cjs');
+var CopyToClipboard = require('./components/CopyToClipboard/CopyToClipboard.cjs');
+var index = require('./components/DateInputField/index.cjs');
+var DatePicker = require('./components/DatePicker/DatePicker.cjs');
+var DateRangePicker = require('./components/DateRangePicker/DateRangePicker.cjs');
+var constants = require('./components/DateRangePicker/constants.cjs');
+var DataTable = require('./components/DataTable/DataTable.cjs');
+var useCellWidths = require('./components/DataTable/hooks/useCellWidths.cjs');
+var useColumns = require('./components/DataTable/hooks/useColumns.cjs');
+var useDragToScroll = require('./components/DataTable/hooks/useDragToScroll.cjs');
+var useNested = require('./components/DataTable/hooks/useNested.cjs');
+var useScrollPosition = require('./components/DataTable/hooks/useScrollPosition.cjs');
+var useSelection = require('./components/DataTable/hooks/useSelection.cjs');
+var DescriptionList = require('./components/DescriptionList/DescriptionList.cjs');
+var DetailPage = require('./components/DetailPage/DetailPage.cjs');
+var DimensionsInput = require('./components/DimensionsInput/DimensionsInput.cjs');
+var Dropdown = require('./components/Dropdown/Dropdown.cjs');
+var FilterTag = require('./components/FilterTag/FilterTag.cjs');
+var index$1 = require('./components/Grid/index.cjs');
+var Image = require('./components/Image/Image.cjs');
+var index$2 = require('./components/InputGroup/index.cjs');
+var LegacyDataTable = require('./components/LegacyDataTable/LegacyDataTable.cjs');
+var Loader = require('./components/Loader/Loader.cjs');
+var LoginWithAmazonButton = require('./components/LoginWithAmazonButton/LoginWithAmazonButton.cjs');
+var Modal = require('./components/Modal/Modal.cjs');
+var Pagination = require('./components/Pagination/Pagination.cjs');
+var Popover = require('./components/Popover/Popover.cjs');
+var Portal = require('./components/Portal/Portal.cjs');
+var PriceInput = require('./components/PriceInput/PriceInput.cjs');
+var Radio = require('./components/Radio/Radio.cjs');
+var ScreenReaderOnly = require('./components/ScreenReaderOnly/ScreenReaderOnly.cjs');
+var Search = require('./components/Search/Search.cjs');
+var SegmentedControl = require('./components/SegmentedControl/SegmentedControl.cjs');
+var Select = require('./components/Select/Select.cjs');
+var ShortcutKeys = require('./components/ShortcutKeys/ShortcutKeys.cjs');
+var SimpleTable = require('./components/SimpleTable/SimpleTable.cjs');
+var Skeleton = require('./components/Skeleton/Skeleton.cjs');
+var Slider = require('./components/Slider/Slider.cjs');
+var Stack = require('./components/Stack/Stack.cjs');
+var Stepper = require('./components/Stepper/Stepper.cjs');
+var Tag = require('./components/Tag/Tag.cjs');
+var Text = require('./components/Text/Text.cjs');
+var index$3 = require('./components/TextField/index.cjs');
+var ToastsLayout = require('./components/ToastsLayout/ToastsLayout.cjs');
+var Toggle = require('./components/Toggle/Toggle.cjs');
+var ToggleButton = require('./components/ToggleButton/ToggleButton.cjs');
+var Tooltip = require('./components/Tooltip/Tooltip.cjs');
+var UploadFile = require('./components/UploadFile/UploadFile.cjs');
+var constants$1 = require('./components/UploadFile/constants.cjs');
+var VideoModal = require('./components/VideoModal/VideoModal.cjs');
+var Popup = require('./components/VideoModal/components/Popup.cjs');
+var View = require('./components/View/View.cjs');
+var ViewTab = require('./components/ViewTab/ViewTab.cjs');
+var ViewsContainer = require('./components/ViewsContainer/ViewsContainer.cjs');
+var WeightInput = require('./components/WeightInput/WeightInput.cjs');
+var Indicator = require('./components/Indicator/Indicator.cjs');
+var useClickOutside = require('./hooks/useClickOutside.cjs');
+var useDebounce = require('./hooks/useDebounce.cjs');
+var useDropdown = require('./hooks/useDropdown.cjs');
+var useFocusVisible = require('./hooks/useFocusVisible.cjs');
+var useHover = require('./hooks/useHover.cjs');
+var useIsOverflowing = require('./hooks/useIsOverflowing.cjs');
+var useTabs = require('./hooks/useTabs.cjs');
+var useId = require('./hooks/useId.cjs');
+var withLabels = require('./hoc/withLabels/withLabels.cjs');
+var withDeprecated = require('./hoc/withDeprecated.cjs');
+var buildClassnames = require('./utils/buildClassnames.cjs');
+var color = require('./utils/color.cjs');
+var generateId = require('./utils/generateId.cjs');
+var isExternalLink = require('./utils/isExternalLink.cjs');
+var index$4 = require('./theme/index.cjs');
+var utils = require('./theme/utils.cjs');
+exports.Accordion = Accordion.Accordion;
+exports.ActionMenu = ActionMenu.ActionMenu;
+exports.Alert = Alert.Alert;
+exports.MiniAlert = MiniAlert.MiniAlert;
+exports.Anchor = Anchor.Anchor;
+exports.AnimatedDropdown = AnimatedDropdown.AnimatedDropdown;
+exports.Avatar = Avatar.Avatar;
+exports.Badge = Badge.Badge;
+exports.Banner = Banner.Banner;
+exports.BaseContainer = BaseContainer.BaseContainer;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.Button = Button.Button;
+exports.RangeCalendar = RangeCalendar.RangeCalendar;
+exports.Calendar = Calendar.Calendar;
+exports.useIsDateUnavailable = useIsDateUnavailable.useIsDateUnavailable;
+exports.Card = Card.Card;
+exports.CardHeader = CardHeader.CardHeader;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Choice = Choice.Choice;
+exports.ChoiceList = ChoiceList.ChoiceList;
+exports.CopyToClipboard = CopyToClipboard.CopyToClipboard;
+exports.DateInputField = index.DateInputField;
+exports.DatePicker = DatePicker.DatePicker;
+exports.DateRangePicker = DateRangePicker.DateRangePicker;
+exports.DATE_RANGE_OPTIONS = constants.DATE_RANGE_OPTIONS;
+exports.DEFAULT_PRESET = constants.DEFAULT_PRESET;
+exports.DEFAULT_RANGE = constants.DEFAULT_RANGE;
+Object.defineProperty(exports, "DateRanges", {
+	enumerable: true,
+	get: function () { return constants.DateRanges; }
+});
+exports.getDateRange = constants.getDateRange;
+exports.DataTable = DataTable.DataTable;
+exports.useCellWidths = useCellWidths.useCellWidths;
+exports.useColumns = useColumns.useColumns;
+exports.useDragToScroll = useDragToScroll.useDragToScroll;
+exports.useNested = useNested.useNested;
+exports.useScrollPosition = useScrollPosition.useScrollPosition;
+exports.useSelection = useSelection.useSelection;
+exports.DescriptionList = DescriptionList.DescriptionList;
+exports.DetailPage = DetailPage.DetailPage;
+exports.DimensionsInput = DimensionsInput.DimensionsInput;
+exports.Dropdown = Dropdown.Dropdown;
+exports.FilterTag = FilterTag.FilterTag;
+exports.Grid = index$1.Grid;
+exports.Image = Image.Image;
+exports.InputGroup = index$2.InputGroup;
+exports.LegacyDataTable = LegacyDataTable.LegacyDataTable;
+exports.Loader = Loader.Loader;
+exports.LoginWithAmazonButton = LoginWithAmazonButton.LoginWithAmazonButton;
+exports.Modal = Modal.Modal;
+exports.Pagination = Pagination.Pagination;
+exports.Popover = Popover.Popover;
+exports.Portal = Portal.Portal;
+exports.PriceInput = PriceInput.PriceInput;
+exports.Radio = Radio.Radio;
+exports.ScreenReaderOnly = ScreenReaderOnly.ScreenReaderOnly;
+exports.Search = Search.Search;
+exports.SegmentedControl = SegmentedControl.SegmentedControl;
+exports.Select = Select.Select;
+exports.ShortcutKeys = ShortcutKeys.ShortcutKeys;
+exports.SimpleTable = SimpleTable.SimpleTable;
+exports.Skeleton = Skeleton.Skeleton;
+exports.Slider = Slider.Slider;
+exports.Stack = Stack.Stack;
+exports.Stepper = Stepper.Stepper;
+exports.Tag = Tag.Tag;
+exports.Text = Text.Text;
+exports.TextField = index$3.TextField;
+exports.ToastsLayout = ToastsLayout.ToastsLayout;
+exports.Toggle = Toggle.Toggle;
+exports.ToggleButton = ToggleButton.ToggleButton;
+exports.Tooltip = Tooltip.Tooltip;
+exports.UploadFile = UploadFile.UploadFile;
+Object.defineProperty(exports, "AcceptedFileTypes", {
+	enumerable: true,
+	get: function () { return constants$1.AcceptedFileTypes; }
+});
+Object.defineProperty(exports, "FileSizeUnit", {
+	enumerable: true,
+	get: function () { return constants$1.FileSizeUnit; }
+});
+exports.VideoModal = VideoModal.VideoModal;
+exports.Popup = Popup.Popup;
+exports.View = View.View;
+exports.ViewTab = ViewTab.ViewTab;
+exports.ViewsContainer = ViewsContainer.ViewsContainer;
+exports.WeightInput = WeightInput.WeightInput;
+exports.Indicator = Indicator.Indicator;
+exports.useClickOutside = useClickOutside.useClickOutside;
+exports.useDebounce = useDebounce.useDebounce;
+exports.useDropdown = useDropdown.useDropdown;
+exports.FocusVisibleManager = useFocusVisible.FocusVisibleManager;
+exports.useFocusVisible = useFocusVisible.useFocusVisible;
+exports.useHover = useHover.useHover;
+exports.useIsOverflowing = useIsOverflowing.useIsOverflowing;
+exports.useTabs = useTabs.useTabs;
+exports.useId = useId.useId;
+exports.withLabels = withLabels.withLabels;
+exports.withDeprecated = withDeprecated.withDeprecated;
+exports.buildClassnames = buildClassnames.buildClassnames;
+exports.getOpaqueHexColor = color.getOpaqueHexColor;
+exports.hexToRgb = color.hexToRgb;
+exports.generateId = generateId.generateId;
+exports.isExternalLink = isExternalLink.isExternalLink;
+exports.theme = index$4.theme;
+exports.getTextStyles = utils.getTextStyles;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts CHANGED Viewed

@@ -3,4 +3,3 @@ export * from './hooks';
 export * from './hoc';
 export * from './utils';
 export * from './theme';
-//# sourceMappingURL=index.d.ts.map