@faststore/ui 1.9.8 → 1.9.11

package/dist/atoms/Popover/Popover.d.ts

@@ -1,15 +1,15 @@
-import type { PopoverProps as ReachPopoverProps } from '@reach/popover';
-import type { ReactNode } from 'react';
-export declare type PopoverProps = Omit<ReachPopoverProps, 'position' | 'targetRef'> & {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * Ref for the component initial position.
-     */
-    targetRef: ReachPopoverProps['targetRef'];
-    children: ReactNode;
-};
-declare const Popover: ({ targetRef, testId, children, ...otherProps }: PopoverProps) => JSX.Element;
-export default Popover;
+import type { PopoverProps as ReachPopoverProps } from '@reach/popover';
+import type { ReactNode } from 'react';
+export declare type PopoverProps = Omit<ReachPopoverProps, 'position' | 'targetRef'> & {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Ref for the component initial position.
+     */
+    targetRef: ReachPopoverProps['targetRef'];
+    children: ReactNode;
+};
+declare const Popover: ({ targetRef, testId, children, ...otherProps }: PopoverProps) => JSX.Element;
+export default Popover;

package/dist/atoms/Popover/Popover.js

@@ -0,0 +1,7 @@
+import ReachPopover, { positionDefault } from '@reach/popover';
+import React from 'react';
+const Popover = ({ targetRef, testId = 'store-popover', children, ...otherProps }) => {
+    return (React.createElement(ReachPopover, Object.assign({ "data-store-popover": true, "data-testid": testId, position: positionDefault, targetRef: targetRef }, otherProps), children));
+};
+export default Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/atoms/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/atoms/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,EAAE,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,MAAM,GAAG,eAAe,EACxB,QAAQ,EACR,GAAG,UAAU,EACA,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,YAAY,6DAEE,MAAM,EACnB,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,SAAS,IAChB,UAAU,GAEb,QAAQ,CACI,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/atoms/Popover/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Popover';
-export type { PopoverProps } from './Popover';
+export { default } from './Popover';
+export type { PopoverProps } from './Popover';

package/dist/atoms/Popover/index.js

@@ -0,0 +1,2 @@
+export { default } from './Popover';
+//# sourceMappingURL=index.js.map

package/dist/atoms/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/atoms/Price/Price.d.ts

@@ -1,28 +1,28 @@
-import type { HTMLAttributes, ElementType, ReactNode } from 'react';
-import React from 'react';
-export declare type PriceVariant = 'selling' | 'listing' | 'spot' | 'savings' | 'installment';
-export declare type PriceFormatter = (price: number, variant: PriceVariant) => ReactNode;
-export interface PriceProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
-    /**
-     * Set the HTML element tag of this component.
-     */
-    as?: ElementType;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * The raw price value.
-     */
-    value: number;
-    /**
-     * Formatter function that transforms the raw price value and render the result.
-     */
-    formatter?: PriceFormatter;
-    /**
-     * The current use case variant for prices.
-     */
-    variant?: PriceVariant;
-}
-export declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<Pick<HTMLSpanElement, "accessKey" | "className" | "contentEditable" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "prefix" | "inputMode" | "animate" | "addEventListener" | "removeEventListener" | "accessKeyLabel" | "autocapitalize" | "innerText" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "spellcheck" | "click" | "assignedSlot" | "attributes" | "classList" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "closest" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "matches" | "msGetRegionContent" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scroll" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "textContent" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "contains" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "normalize" | "removeChild" | "replaceChild" | "ATTRIBUTE_NODE" | "CDATA_SECTION_NODE" | "COMMENT_NODE" | "DOCUMENT_FRAGMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_TYPE_NODE" | "ELEMENT_NODE" | "ENTITY_NODE" | "ENTITY_REFERENCE_NODE" | "NOTATION_NODE" | "PROCESSING_INSTRUCTION_NODE" | "TEXT_NODE" | "dispatchEvent" | "getAnimations" | "after" | "before" | "remove" | "replaceWith" | "innerHTML" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "oncopy" | "oncut" | "onpaste" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextmenu" | "oncuechange" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragexit" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwheel" | "autofocus" | "dataset" | "nonce" | "blur" | "focus">>>;
-export default Price;
+import type { HTMLAttributes, ElementType, ReactNode } from 'react';
+import React from 'react';
+export declare type PriceVariant = 'selling' | 'listing' | 'spot' | 'savings' | 'installment';
+export declare type PriceFormatter = (price: number, variant: PriceVariant) => ReactNode;
+export interface PriceProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /**
+     * Set the HTML element tag of this component.
+     */
+    as?: ElementType;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * The raw price value.
+     */
+    value: number;
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter?: PriceFormatter;
+    /**
+     * The current use case variant for prices.
+     */
+    variant?: PriceVariant;
+}
+export declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<Omit<HTMLSpanElement, "children">>>;
+export default Price;

package/dist/atoms/Price/Price.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+export const Price = forwardRef(function Price({ as: Component = 'span', testId = 'store-price', value, formatter = (price) => price, variant = 'selling', ...otherProps }, ref) {
+    const formattedPrice = formatter(value, variant);
+    return (React.createElement(Component, Object.assign({ ref: ref, "data-store-price": true, "data-testid": testId, "data-variant": variant }, otherProps), formattedPrice));
+});
+export default Price;
+//# sourceMappingURL=Price.js.map

package/dist/atoms/Price/Price.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../src/atoms/Price/Price.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAmCzC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,SAAS,KAAK,CACZ,EACE,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,MAAM,GAAG,aAAa,EACtB,KAAK,EACL,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAC5B,OAAO,GAAG,SAAS,EACnB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,2CAEK,MAAM,kBACL,OAAO,IACjB,UAAU,GAEb,cAAc,CACL,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/atoms/Price/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Price';
-export type { PriceProps } from './Price';
+export { default } from './Price';
+export type { PriceProps } from './Price';

package/dist/atoms/Price/index.js

@@ -0,0 +1,2 @@
+export { default } from './Price';
+//# sourceMappingURL=index.js.map

package/dist/atoms/Price/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/Price/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/atoms/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { InputHTMLAttributes } from 'react';
-export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    testId?: string;
-}
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
-export default Radio;
+import React from 'react';
+import type { InputHTMLAttributes } from 'react';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    testId?: string;
+}
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/dist/atoms/Radio/Radio.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Radio = forwardRef(function Radio({ testId = 'store-radio', ...otherProps }, ref) {
+    return (React.createElement("input", Object.assign({ ref: ref, "data-store-radio": true, "data-testid": testId, type: "radio" }, otherProps)));
+});
+export default Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/atoms/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/atoms/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAQzC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,aAAa,EAAE,GAAG,UAAU,EAAc,EACrD,GAAG;IAEH,OAAO,CACL,6CACE,GAAG,EAAE,GAAG,2CAEK,MAAM,EACnB,IAAI,EAAC,OAAO,IACR,UAAU,EACd,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/atoms/Radio/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Radio';
-export type { RadioProps } from './Radio';
+export { default } from './Radio';
+export type { RadioProps } from './Radio';

package/dist/atoms/Radio/index.js

@@ -0,0 +1,2 @@
+export { default } from './Radio';
+//# sourceMappingURL=index.js.map

package/dist/atoms/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/atoms/Select/Select.d.ts

@@ -1,10 +1,10 @@
-import type { SelectHTMLAttributes } from 'react';
-import React from 'react';
-export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-export default Select;
+import type { SelectHTMLAttributes } from 'react';
+import React from 'react';
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export default Select;

package/dist/atoms/Select/Select.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Select = forwardRef(function Select({ children, testId = 'store-select', ...otherProps }, ref) {
+    return (React.createElement("select", Object.assign({ ref: ref, "data-store-select": true, "data-testid": testId }, otherProps), children));
+});
+export default Select;
+//# sourceMappingURL=Select.js.map

package/dist/atoms/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/atoms/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EAAE,QAAQ,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,UAAU,EAAE,EACpD,GAAG;IAEH,OAAO,CACL,8CAAQ,GAAG,EAAE,GAAG,4CAAiC,MAAM,IAAM,UAAU,GACpE,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/atoms/Select/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Select';
-export type { SelectProps } from './Select';
+export { default } from './Select';
+export type { SelectProps } from './Select';

package/dist/atoms/Select/index.js

@@ -0,0 +1,2 @@
+export { default } from './Select';
+//# sourceMappingURL=index.js.map

package/dist/atoms/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/atoms/Skeleton/Skeleton.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { HTMLAttributes } from 'react';
-export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
-export default Skeleton;
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export default Skeleton;

package/dist/atoms/Skeleton/Skeleton.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Skeleton = forwardRef(function Skeleton({ testId = 'store-skeleton', ...otherProps }, ref) {
+    return (React.createElement("div", Object.assign({ ref: ref, "data-store-skeleton": true, "data-testid": testId }, otherProps)));
+});
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/atoms/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAC1E,EAAE,MAAM,GAAG,gBAAgB,EAAE,GAAG,UAAU,EAAE,EAC5C,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,8CAAmC,MAAM,IAAM,UAAU,EAAI,CAC3E,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/atoms/Skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Skeleton';
-export type { SkeletonProps } from './Skeleton';
+export { default } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';

package/dist/atoms/Skeleton/index.js

@@ -0,0 +1,2 @@
+export { default } from './Skeleton';
+//# sourceMappingURL=index.js.map

package/dist/atoms/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/dist/atoms/Slider/Slider.d.ts

@@ -1,37 +1,45 @@
-/**
- * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
- */
-/// <reference types="react" />
-export declare type SliderProps = {
-    /**
-     * The minimum value of the slider.
-     */
-    min: number;
-    /**
-     * The maximum value of the slider.
-     */
-    max: number;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     *
-     * @default 'store-slider'
-     */
-    testId?: string;
-    /**
-     * Callback that fires when the slider value changes.
-     */
-    onChange?: (value: {
-        min: number;
-        max: number;
-    }) => void;
-    /**
-     * A function used to set a human-readable value text based on the slider's current value.
-     */
-    getAriaValueText?(value: number, thumb?: 'min' | 'max'): string;
-    /**
-     * Returns the value of element's class content attribute.
-     */
-    className?: string;
-};
-declare const Slider: ({ min, max, onChange, testId, getAriaValueText, className, }: SliderProps) => JSX.Element;
-export default Slider;
+/// <reference types="react" />
+interface Range {
+    absolute: number;
+    selected: number;
+}
+export declare type SliderProps = {
+    /**
+     * The minimum value of the slider.
+     */
+    min: Range;
+    /**
+     * The maximum value of the slider.
+     */
+    max: Range;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     *
+     * @default 'store-slider'
+     */
+    testId?: string;
+    /**
+     * Callback that fires when the slider value changes.
+     */
+    onChange?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    /**
+     * Callback that fires when the slider value ends changing.
+     */
+    onEnd?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    /**
+     * A function used to set a human-readable value text based on the slider's current value.
+     */
+    getAriaValueText?(value: number, thumb?: 'min' | 'max'): string;
+    /**
+     * Returns the value of element's class content attribute.
+     */
+    className?: string;
+};
+declare const Slider: ({ min, max, onChange, onEnd, testId, getAriaValueText, className, }: SliderProps) => JSX.Element;
+export default Slider;

package/dist/atoms/Slider/Slider.js

@@ -0,0 +1,30 @@
+/**
+ * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
+ */
+import React, { useState, useMemo } from 'react';
+const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
+const Slider = ({ min, max, onChange, onEnd, testId = 'store-slider', getAriaValueText, className, }) => {
+    const [minPercent, setMinPercent] = useState(() => percent(min.selected, min.absolute, max.absolute));
+    const [maxPercent, setMaxPercent] = useState(() => percent(max.selected, min.absolute, max.absolute));
+    const { minVal, maxVal } = useMemo(() => {
+        const widthPercent = (max.absolute - min.absolute) / 100;
+        return {
+            minVal: min.absolute + minPercent * widthPercent,
+            maxVal: min.absolute + maxPercent * widthPercent,
+        };
+    }, [min, max, maxPercent, minPercent]);
+    return (React.createElement("div", { "data-store-slider": true, "data-testid": testId, className: className },
+        React.createElement("div", { style: { left: `${minPercent}%`, width: `${maxPercent - minPercent}%` }, "data-slider-range": true }),
+        React.createElement("input", { type: "range", min: min.absolute, max: max.absolute, value: minVal, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                const minValue = Math.min(Number(event.target.value), maxVal);
+                setMinPercent(percent(minValue, min.absolute, max.absolute));
+                onChange?.({ min: minValue, max: maxVal });
+            }, "data-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min') }),
+        React.createElement("input", { type: "range", min: min.absolute, max: max.absolute, value: maxVal, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                const maxValue = Math.max(Number(event.target.value), minVal);
+                setMaxPercent(percent(maxValue, min.absolute, max.absolute));
+                onChange?.({ min: minVal, max: maxValue });
+            }, "data-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') })));
+};
+export default Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/atoms/Slider/Slider.js.map

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

package/dist/atoms/Slider/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Slider';
-export type { SliderProps } from './Slider';
+export { default } from './Slider';
+export type { SliderProps } from './Slider';

package/dist/atoms/Slider/index.js

@@ -0,0 +1,2 @@
+export { default } from './Slider';
+//# sourceMappingURL=index.js.map

package/dist/atoms/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/atoms/Spinner/Spinner.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-export declare type SpinnerProps = {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-};
-declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default Spinner;
+import React from 'react';
+export declare type SpinnerProps = {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+};
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Spinner;

package/dist/atoms/Spinner/Spinner.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Spinner = forwardRef(function Spinner({ children, testId = 'store-spinner', ...otherProps }, ref) {
+    return (React.createElement("span", Object.assign({ ref: ref, "data-store-spinner": true, "data-testid": testId }, otherProps)));
+});
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/atoms/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/atoms/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACzE,OAAO,CACL,4CAAM,GAAG,EAAE,GAAG,6CAAkC,MAAM,IAAM,UAAU,EAAI,CAC3E,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/atoms/Spinner/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './Spinner';
-export type { SpinnerProps } from './Spinner';
+export { default } from './Spinner';
+export type { SpinnerProps } from './Spinner';

package/dist/atoms/Spinner/index.js

@@ -0,0 +1,2 @@
+export { default } from './Spinner';
+//# sourceMappingURL=index.js.map

package/dist/atoms/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/atoms/TextArea/TextArea.d.ts

@@ -1,14 +1,14 @@
-import type { TextareaHTMLAttributes } from 'react';
-import React from 'react';
-export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'> {
-    /**
-     * Current variant of the input.
-     */
-    variant?: 'success' | 'error';
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+import type { TextareaHTMLAttributes } from 'react';
+import React from 'react';
+export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'> {
+    /**
+     * Current variant of the input.
+     */
+    variant?: 'success' | 'error';
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/dist/atoms/TextArea/TextArea.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+const TextArea = forwardRef(function TextArea({ variant, testId = 'store-textarea', ...otherProps }, ref) {
+    const variants = {
+        'data-success': variant === 'success' || undefined,
+        'data-error': variant === 'error' || undefined,
+    };
+    return (React.createElement("textarea", Object.assign({ ref: ref, "data-store-textarea": true, "data-testid": testId }, variants, otherProps)));
+});
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

package/dist/atoms/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,QAAQ,GAAG,UAAU,CACzB,SAAS,QAAQ,CACf,EAAE,OAAO,EAAE,MAAM,GAAG,gBAAgB,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,MAAM,QAAQ,GAAG;QACf,cAAc,EAAE,OAAO,KAAK,SAAS,IAAI,SAAS;QAClD,YAAY,EAAE,OAAO,KAAK,OAAO,IAAI,SAAS;KAC/C,CAAA;IAED,OAAO,CACL,gDACE,GAAG,EAAE,GAAG,8CAEK,MAAM,IACf,QAAQ,EACR,UAAU,EACd,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/atoms/TextArea/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './TextArea';
-export type { TextAreaProps } from './TextArea';
+export { default } from './TextArea';
+export type { TextAreaProps } from './TextArea';

package/dist/atoms/TextArea/index.js

@@ -0,0 +1,2 @@
+export { default } from './TextArea';
+//# sourceMappingURL=index.js.map

package/dist/atoms/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/dist/hooks/useSlider/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './useSlider';
-export * from './useSlider';
+export { default } from './useSlider';
+export * from './useSlider';

package/dist/hooks/useSlider/index.js

@@ -0,0 +1,3 @@
+export { default } from './useSlider';
+export * from './useSlider';
+//# sourceMappingURL=index.js.map

package/dist/hooks/useSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,cAAc,aAAa,CAAA"}