@faststore/ui 2.0.173-alpha.0 → 2.1.0

package/dist/components/molecules/Modal/useTrapFocus.js

@@ -0,0 +1,76 @@
+import { useEffect, useRef } from 'react';
+import { tabbable } from 'tabbable';
+/*
+ * Element that will maintain the focus inside trapFocusRef, focus the first element,
+ * and focus back on the element that was in focus when useTrapFocus was triggered.
+ *
+ * Inspired by Reakit useTrapFocus https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit/src/Dialog/__utils/useFocusTrap.ts
+ */
+const useTrapFocus = ({ trapFocusRef, beforeElementRef, afterElementRef, }) => {
+    const tabbableNodesRef = useRef();
+    const nodeToRestoreRef = useRef(document.hasFocus() ? document.activeElement : null);
+    // Focus back on the element that was focused when useTrapFocus is triggered.
+    useEffect(() => {
+        const nodeToRestore = nodeToRestoreRef.current;
+        return () => {
+            nodeToRestore?.focus();
+        };
+    }, [nodeToRestoreRef]);
+    // Set focus on first tabbable element
+    useEffect(() => {
+        if (!trapFocusRef.current) {
+            return;
+        }
+        if (!tabbableNodesRef.current) {
+            tabbableNodesRef.current = tabbable(trapFocusRef.current);
+        }
+        const [firstTabbable] = tabbableNodesRef.current;
+        if (!firstTabbable) {
+            trapFocusRef.current.focus();
+            return;
+        }
+        firstTabbable.focus();
+    }, [trapFocusRef]);
+    // Handle loop focus. Set keydown and focusin event listeners
+    useEffect(() => {
+        if (!trapFocusRef.current ||
+            !beforeElementRef.current ||
+            !afterElementRef.current) {
+            return;
+        }
+        const beforeElement = beforeElementRef.current;
+        const afterElement = afterElementRef.current;
+        const trapFocus = trapFocusRef.current;
+        const handleLoopFocus = (nativeEvent) => {
+            if (!document.hasFocus()) {
+                return;
+            }
+            tabbableNodesRef.current = tabbable(trapFocusRef.current);
+            if (!tabbableNodesRef.current.length) {
+                trapFocus.focus();
+            }
+            /*
+             * Handle loop focus from beforeElementRef. This node can only be focused if the user press shift tab.
+             * It will focus the last element of the trapFocusRef.
+             */
+            if (nativeEvent.target === beforeElement) {
+                tabbableNodesRef.current[tabbableNodesRef.current.length - 1]?.focus();
+            }
+            /*
+             * Handle loop focus from afterElementRef. This node can only be focused if the user press tab.
+             * It will focus the first element of the trapFocusRef.
+             */
+            if (nativeEvent.target === afterElement) {
+                tabbableNodesRef.current[0]?.focus();
+            }
+        };
+        beforeElement?.addEventListener('focusin', handleLoopFocus);
+        afterElement?.addEventListener('focusin', handleLoopFocus);
+        return () => {
+            beforeElement?.removeEventListener('focusin', handleLoopFocus);
+            afterElement?.removeEventListener('focusin', handleLoopFocus);
+        };
+    }, [tabbableNodesRef, afterElementRef, beforeElementRef, trapFocusRef]);
+};
+export default useTrapFocus;
+//# sourceMappingURL=useTrapFocus.js.map

package/dist/components/molecules/Modal/useTrapFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrapFocus.js","sourceRoot":"","sources":["../../../../src/components/molecules/Modal/useTrapFocus.ts"],"names":[],"mappings":"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"}

package/dist/components/molecules/OrderSummary/OrderSummary.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { ListProps } from '@faststore/components';
+export interface OrderSummaryProps extends ListProps<'ul'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Label for the subtotal value of the order. Will only show if subtotalValue is provided.
+     */
+    subtotalLabel?: string;
+    /**
+     * Subtotal value of the order.  If provided, subtotal label and value will be shown.
+     */
+    subtotalValue?: string;
+    /**
+     * Label for the discount value for the order. Will only show if discountValue is provided.
+     */
+    discountLabel?: string;
+    /**
+     * Discount value for the order. If provided, discount label and value will be shown.
+     */
+    discountValue?: string;
+    /**
+     * Label for the total value of the order.
+     */
+    totalLabel?: string;
+    /**
+     * Total value of the order.
+     */
+    totalValue?: string;
+}
+declare const OrderSummary: React.ForwardRefExoticComponent<Pick<OrderSummaryProps, "children" | "hidden" | "testId" | "slot" | "style" | "title" | "marker" | "as" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "subtotalLabel" | "subtotalValue" | "discountLabel" | "discountValue" | "totalLabel" | "totalValue"> & React.RefAttributes<HTMLUListElement>>;
+export default OrderSummary;

package/dist/components/molecules/OrderSummary/OrderSummary.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { List } from '@faststore/components';
+const OrderSummary = forwardRef(function OrderSummary({ testId = 'store-order-summary', children, subtotalLabel, subtotalValue, discountLabel, discountValue, totalLabel, totalValue, ...otherProps }, ref) {
+    return (React.createElement(List, { ref: ref, "data-fs-order-summary": true, "data-testid": testId, ...otherProps },
+        subtotalValue ? (React.createElement("li", { "data-fs-order-summary-subtotal": true },
+            React.createElement("span", { "data-fs-order-summary-subtotal-label": true, "data-testid": `${testId}-subtotal-label` }, subtotalLabel),
+            React.createElement("span", { "data-fs-order-summary-subtotal-value": true, "data-testid": `${testId}-subtotal-value` }, subtotalValue))) : null,
+        discountValue ? (React.createElement("li", { "data-fs-order-summary-discount": true },
+            React.createElement("span", { "data-fs-order-summary-discount-label": true, "data-testid": `${testId}-discount-label` }, discountLabel),
+            React.createElement("span", { "data-fs-order-summary-discount-value": true, "data-testid": `${testId}-discount-value` }, discountValue))) : null,
+        React.createElement("li", { "data-fs-order-summary-total": true },
+            React.createElement("span", { "data-fs-order-summary-total-label": true, "data-testid": `${testId}-total-label` }, totalLabel),
+            React.createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue))));
+});
+export default OrderSummary;
+//# sourceMappingURL=OrderSummary.js.map

package/dist/components/molecules/OrderSummary/OrderSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../../../src/components/molecules/OrderSummary/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAmC5C,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EACE,MAAM,GAAG,qBAAqB,EAC9B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,gDAEK,MAAM,KACf,UAAU;QAEb,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACP,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACR;YACE,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN;YACP,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN,CACJ,CACA,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/molecules/OrderSummary/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './OrderSummary';
+export type { OrderSummaryProps } from './OrderSummary';

package/dist/components/molecules/OrderSummary/index.js

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

package/dist/components/molecules/OrderSummary/index.js.map

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

package/dist/components/molecules/PaymentMethods/PaymentMethods.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode, AriaAttributes } from 'react';
+import React from 'react';
+export interface PaymentMethodsProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Title of the payment methods section (e.g.: "Payment methods",
+     * "Accepted Cards").
+     */
+    title?: ReactNode;
+    /**
+     * Defines a string value that labels the current element when
+     * title is not used.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    /**
+     * Children will receive the flags to be displayed in the payment
+     * methods section (e.g.:, visa, mastercard, etc).
+     */
+    children: ReactNode;
+}
+declare const PaymentMethods: React.ForwardRefExoticComponent<PaymentMethodsProps & React.RefAttributes<HTMLDivElement>>;
+export default PaymentMethods;

package/dist/components/molecules/PaymentMethods/PaymentMethods.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+const PaymentMethods = forwardRef(function PaymentMethods({ testId = 'store-payment-methods', title, 'aria-label': ariaLabel = 'Payment Methods', children, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-payment-methods": true, "data-testid": testId, ...otherProps },
+        !!title && React.createElement("div", null, title),
+        React.createElement("div", { "data-payment-methods-flags": true, "aria-label": title ? undefined : ariaLabel }, children)));
+});
+export default PaymentMethods;
+//# sourceMappingURL=PaymentMethods.js.map

package/dist/components/molecules/PaymentMethods/PaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../../src/components/molecules/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAyBzC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,MAAM,GAAG,uBAAuB,EAChC,KAAK,EACL,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,KAAK,IAAI,iCAAM,KAAK,CAAO;QAC9B,+EAEc,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAExC,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/molecules/PaymentMethods/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './PaymentMethods';
+export type { PaymentMethodsProps } from './PaymentMethods';

package/dist/components/molecules/PaymentMethods/index.js

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

package/dist/components/molecules/PaymentMethods/index.js.map

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

package/dist/components/molecules/PaymentMethods/stories/assets/Icons.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function VisaCard(): JSX.Element;
+export declare function MasterCard(): JSX.Element;
+export declare function AmericanExpressCard(): JSX.Element;
+export declare function MaestroCard(): JSX.Element;
+export declare function EloCard(): JSX.Element;
+export declare function HiperCard(): JSX.Element;
+export declare function PayPal(): JSX.Element;
+export declare function DinersClub(): JSX.Element;

package/dist/components/molecules/PaymentMethods/stories/assets/Icons.js

@@ -0,0 +1,26 @@
+import React from 'react';
+export function VisaCard() {
+    return (React.createElement("img", { alt: "Visa logo", width: 50, height: 50, src: "https://seeklogo.com/images/V/visa-logo-BDDD51C62D-seeklogo.com.png" }));
+}
+export function MasterCard() {
+    return (React.createElement("img", { alt: "Mastercard logo", width: 50, height: 50, src: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Mastercard-logo.svg/1544px-Mastercard-logo.svg.png" }));
+}
+export function AmericanExpressCard() {
+    return (React.createElement("img", { alt: "American express logo", width: 50, height: 50, src: "https://seeklogo.com/images/A/american-express-logo-EDF87C04A0-seeklogo.com.png" }));
+}
+export function MaestroCard() {
+    return (React.createElement("img", { alt: "American express logo", width: 50, height: 50, src: "https://seeklogo.com/images/M/Maestro-logo-BF4E5E7686-seeklogo.com.png" }));
+}
+export function EloCard() {
+    return (React.createElement("img", { alt: "Elo logo", width: 50, height: 50, src: "https://seeklogo.com/images/E/elo-logo-9F0CF48D54-seeklogo.com.png" }));
+}
+export function HiperCard() {
+    return (React.createElement("img", { alt: "Hipercard logo", width: 50, height: 50, src: "https://seeklogo.com/images/H/Hipercard-logo-139D91D263-seeklogo.com.png" }));
+}
+export function PayPal() {
+    return (React.createElement("img", { alt: "PayPal brand", width: 50, height: 50, src: "https://seeklogo.com/images/P/paypal-logo-484B6FE744-seeklogo.com.png" }));
+}
+export function DinersClub() {
+    return (React.createElement("img", { alt: "Diners club logo", width: 50, height: 50, src: "https://seeklogo.com/images/D/Diners_Club_International-logo-EF50D35BE8-seeklogo.com.png" }));
+}
+//# sourceMappingURL=Icons.js.map

package/dist/components/molecules/PaymentMethods/stories/assets/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/PaymentMethods/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,6BACE,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,qEAAqE,GACzE,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,6BACE,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,8GAA8G,GAClH,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,CACL,6BACE,GAAG,EAAC,uBAAuB,EAC3B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,iFAAiF,GACrF,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,6BACE,GAAG,EAAC,uBAAuB,EAC3B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,wEAAwE,GAC5E,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,OAAO;IACrB,OAAO,CACL,6BACE,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,oEAAoE,GACxE,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,6BACE,GAAG,EAAC,gBAAgB,EACpB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,0EAA0E,GAC9E,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM;IACpB,OAAO,CACL,6BACE,GAAG,EAAC,cAAc,EAClB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,uEAAuE,GAC3E,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,6BACE,GAAG,EAAC,kBAAkB,EACtB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,0FAA0F,GAC9F,CACH,CAAA;AACH,CAAC"}

package/dist/components/molecules/PriceRange/PriceRange.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { AriaAttributes } from 'react';
+import type { PriceProps } from '@faststore/components';
+import type { SliderProps } from '../../atoms/Slider';
+export type PriceRangeProps = SliderProps & {
+    /**
+     * The current use case variant for prices.
+     */
+    variant?: PriceProps['variant'];
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter: PriceProps['formatter'];
+    /**
+     * Returns the value of element's class content attribute.
+     */
+    className?: string;
+    /**
+     * Defines a string value that labels the current element.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+};
+type PriceRangeRefType = {
+    setPriceRangeValues: (values: {
+        min: number;
+        max: number;
+    }) => void;
+};
+declare const PriceRange: React.ForwardRefExoticComponent<SliderProps & {
+    /**
+     * The current use case variant for prices.
+     */
+    variant?: PriceProps['variant'];
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter: PriceProps['formatter'];
+    /**
+     * Returns the value of element's class content attribute.
+     */
+    className?: string | undefined;
+    /**
+     * Defines a string value that labels the current element.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+} & React.RefAttributes<PriceRangeRefType | undefined>>;
+export default PriceRange;

package/dist/components/molecules/PriceRange/PriceRange.js

@@ -0,0 +1,28 @@
+import React, { useRef, useImperativeHandle, forwardRef } from 'react';
+import { Price } from '@faststore/components';
+import Slider from '../../atoms/Slider';
+const PriceRange = forwardRef(function PriceRange({ className, formatter, max, min, step, onChange, onEnd, testId = 'store-price-range', variant, 'aria-label': ariaLabel, }, ref) {
+    const sliderRef = useRef();
+    useImperativeHandle(ref, () => ({
+        setPriceRangeValues: (values) => {
+            onChange?.(values);
+            sliderRef.current?.setSliderValues(values);
+        },
+    }));
+    return (React.createElement("div", { "data-fs-price-range": true, "data-testid": testId, className: className },
+        React.createElement(Slider, { ref: sliderRef, min: min, max: max, step: step, onEnd: onEnd, "aria-label": ariaLabel, onChange: (value) => onChange?.(value), minValueLabelComponent: (minValue) => {
+                const minPercent = (minValue / max.absolute) * 100;
+                return (React.createElement(Price, { value: minValue, variant: variant, formatter: formatter, "data-price-range-value-label": "min", style: {
+                        position: 'absolute',
+                        left: `calc(${minPercent}% + (${8 - minPercent * 0.2}px))`,
+                    } }));
+            }, maxValueLabelComponent: (maxValue) => {
+                const maxPercent = (maxValue / max.absolute) * 100;
+                return (React.createElement(Price, { formatter: formatter, variant: variant, value: maxValue, "data-price-range-value-label": "max", style: {
+                        position: 'absolute',
+                        left: `calc(${maxPercent}% + (${8 - maxPercent * 0.2}px))`,
+                    } }));
+            } })));
+});
+export default PriceRange;
+//# sourceMappingURL=PriceRange.js.map

package/dist/components/molecules/PriceRange/PriceRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceRange.js","sourceRoot":"","sources":["../../../../src/components/molecules/PriceRange/PriceRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAG7C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AA0BvC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,mBAAmB,EAC5B,OAAO,EACP,YAAY,EAAE,SAAS,GACxB,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,MAAM,EAEpB,CAAA;IAEJ,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,mBAAmB,EAAE,CAAC,MAAoC,EAAE,EAAE;YAC5D,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAA;YAClB,SAAS,CAAC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;QAC5C,CAAC;KACF,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,yEAAsC,MAAM,EAAE,SAAS,EAAE,SAAS;QAChE,oBAAC,MAAM,IACL,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,gBACA,SAAS,EACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EACtC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACnC,MAAM,UAAU,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAA;gBAElD,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,kCACS,KAAK,EAClC,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,QAAQ,UAAU,QAAQ,CAAC,GAAG,UAAU,GAAG,GAAG,MAAM;qBAC3D,GACD,CACH,CAAA;YACH,CAAC,EACD,sBAAsB,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACnC,MAAM,UAAU,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAA;gBAElD,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,kCACc,KAAK,EAClC,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,QAAQ,UAAU,QAAQ,CAAC,GAAG,UAAU,GAAG,GAAG,MAAM;qBAC3D,GACD,CACH,CAAA;YACH,CAAC,GACD,CACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/molecules/PriceRange/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './PriceRange';
+export type { PriceRangeProps } from './PriceRange';

package/dist/components/molecules/PriceRange/index.js

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

package/dist/components/molecules/PriceRange/index.js.map

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

package/dist/components/molecules/ProductCard/ProductCard.d.ts

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

package/dist/components/molecules/ProductCard/ProductCard.js

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

package/dist/components/molecules/ProductCard/ProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,WAAW,GAAG,UAAU,CAAmC,SAAS,IAAI,CAC5E,EAAE,MAAM,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/components/molecules/ProductCard/ProductCardActions.d.ts

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

package/dist/components/molecules/ProductCard/ProductCardActions.js

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

package/dist/components/molecules/ProductCard/ProductCardActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCardActions.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,4BAA4B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,oDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/molecules/ProductCard/ProductCardContent.d.ts

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

package/dist/components/molecules/ProductCard/ProductCardContent.js

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

package/dist/components/molecules/ProductCard/ProductCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,4BAA4B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,oDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/molecules/ProductCard/ProductCardImage.d.ts

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

package/dist/components/molecules/ProductCard/ProductCardImage.js

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

package/dist/components/molecules/ProductCard/ProductCardImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCardImage.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCardImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EAAE,MAAM,GAAG,0BAA0B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/molecules/ProductCard/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './ProductCard';
+export type { ProductCardProps } from './ProductCard';
+export { default as ProductCardImage } from './ProductCardImage';
+export type { ProductCardImageProps } from './ProductCardImage';
+export { default as ProductCardContent } from './ProductCardContent';
+export type { ProductCardContentProps } from './ProductCardContent';
+export { default as ProductCardActions } from './ProductCardActions';
+export type { ProductCardActionsProps } from './ProductCardActions';

package/dist/components/molecules/ProductCard/index.js

@@ -0,0 +1,5 @@
+export { default } from './ProductCard';
+export { default as ProductCardImage } from './ProductCardImage';
+export { default as ProductCardContent } from './ProductCardContent';
+export { default as ProductCardActions } from './ProductCardActions';
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/ProductCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/molecules/ProductTitle/ProductTitle.d.ts

@@ -0,0 +1,47 @@
+import React, { HTMLAttributes } from 'react';
+import type { ReactNode } from 'react';
+export type ProductTitleProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
+    /**
+     * A react component to be used as the product title, e.g. a `h1`
+     */
+    title: ReactNode;
+    /**
+     * A react component to be used as the product label, e.g. a `DiscountBadge`
+     */
+    label?: ReactNode;
+    /**
+     * Label for reference.
+     */
+    refTag?: string;
+    /**
+     * A text to be used below the title and the label, such as the product's reference number.
+     */
+    refNumber?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+};
+declare const ProductTitle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "title"> & {
+    /**
+     * A react component to be used as the product title, e.g. a `h1`
+     */
+    title: ReactNode;
+    /**
+     * A react component to be used as the product label, e.g. a `DiscountBadge`
+     */
+    label?: ReactNode;
+    /**
+     * Label for reference.
+     */
+    refTag?: string | undefined;
+    /**
+     * A text to be used below the title and the label, such as the product's reference number.
+     */
+    refNumber?: string | undefined;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export default ProductTitle;

package/dist/components/molecules/ProductTitle/ProductTitle.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+const ProductTitle = forwardRef(function ProductTitle({ title, label, refTag = "Ref.: ", refNumber, testId = 'store-product-title', ...otherProps }, ref) {
+    return (React.createElement("header", { ref: ref, "data-fs-product-title": true, "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-product-title-header": true },
+            title,
+            !!label && label),
+        refNumber && (React.createElement("p", { "data-fs-product-title-addendum": true },
+            refTag,
+            refNumber))));
+});
+export default ProductTitle;
+//# sourceMappingURL=ProductTitle.js.map

package/dist/components/molecules/ProductTitle/ProductTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductTitle.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductTitle/ProductTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AA0BzD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAE,QAAQ,EAAC,SAAS,EAAE,MAAM,GAAE,qBAAqB,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACnH,OAAO,CACL,gCAAQ,GAAG,EAAE,GAAG,gDAAqC,MAAM,KAAM,UAAU;QACzE;YACG,KAAK;YACL,CAAC,CAAC,KAAK,IAAI,KAAK,CACb;QAEL,SAAS,IAAI,CACZ;YACG,MAAM;YAAE,SAAS,CAChB,CACL,CACM,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/molecules/ProductTitle/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ProductTitle';
+export type { ProductTitleProps } from './ProductTitle';

package/dist/components/molecules/ProductTitle/index.js

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

package/dist/components/molecules/ProductTitle/index.js.map

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

package/dist/components/molecules/QuantitySelector/QuantitySelector.d.ts

@@ -0,0 +1,29 @@
+import type { InputHTMLAttributes } from 'react';
+import React from 'react';
+import type { IconButtonProps, InputProps } from '@faststore/components';
+export interface QuantitySelectorProps extends InputHTMLAttributes<HTMLDivElement> {
+    /**
+     * Sets the current value that should be displayed on the input at the center of the quantity selector.
+     */
+    quantity: number | string;
+    /**
+     * Object with properties that will be passed forward the inner IconButton atom at the left of the input.
+     */
+    leftButtonProps: Omit<IconButtonProps, 'aria-label'>;
+    /**
+     * Object with properties that will be passed forward the inner Input atom between the two buttons.
+     */
+    inputProps: InputProps;
+    /**
+     * Object with properties that will be passed forward the inner IconButton atom at the right of the input.
+     */
+    rightButtonProps: Omit<IconButtonProps, 'aria-label'>;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     *
+     * @default 'store-quantity-selector'
+     */
+    testId?: string;
+}
+declare const QuantitySelector: React.ForwardRefExoticComponent<QuantitySelectorProps & React.RefAttributes<HTMLDivElement>>;
+export default QuantitySelector;

package/dist/components/molecules/QuantitySelector/QuantitySelector.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { IconButton, Input } from '@faststore/components';
+const QuantitySelector = forwardRef(function QuantitySelector({ quantity, testId = 'store-quantity-selector', leftButtonProps, inputProps, rightButtonProps, ...otherProps }, ref) {
+    return (React.createElement("div", { "data-fs-quantity-selector": true, "data-testid": testId, ref: ref, ...otherProps },
+        React.createElement(IconButton, { "aria-controls": "quantity-selector-input", "aria-label": "Decrement Quantity", "data-quantity-selector-button": "left", ...leftButtonProps }),
+        React.createElement(Input, { "aria-label": "Quantity", "data-quantity-selector-input": true, id: "quantity-selector-input", value: quantity, ...inputProps }),
+        React.createElement(IconButton, { "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", "data-quantity-selector-button": "right", ...rightButtonProps })));
+});
+export default QuantitySelector;
+//# sourceMappingURL=QuantitySelector.js.map

package/dist/components/molecules/QuantitySelector/QuantitySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantitySelector.js","sourceRoot":"","sources":["../../../../src/components/molecules/QuantitySelector/QuantitySelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAgCzD,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EACE,QAAQ,EACR,MAAM,GAAG,yBAAyB,EAClC,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,GAAG,UAAU,EACS,EACxB,GAAG;IAEH,OAAO,CACL,+EAEe,MAAM,EACnB,GAAG,EAAE,GAAG,KACJ,UAAU;QAEd,oBAAC,UAAU,qBACK,yBAAyB,gBAC5B,oBAAoB,mCACD,MAAM,KAChC,eAAe,GACnB;QACF,oBAAC,KAAK,kBACO,UAAU,wCAErB,EAAE,EAAC,yBAAyB,EAC5B,KAAK,EAAE,QAAQ,KACX,UAAU,GACd;QACF,oBAAC,UAAU,qBACK,yBAAyB,gBAC5B,oBAAoB,mCACD,OAAO,KACjC,gBAAgB,GACpB,CACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/molecules/QuantitySelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './QuantitySelector';
+export type { QuantitySelectorProps } from './QuantitySelector';

package/dist/components/molecules/QuantitySelector/index.js

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