@faststore/ui 1.12.23 → 1.12.33

package/dist/ui/src/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/ui/src/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,+CACE,GAAG,EAAE,GAAG,+CAEK,MAAM,IACf,UAAU,GAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/ui/src/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/ui/src/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,2CACE,GAAG,EAAE,GAAG,oDAEK,MAAM,IACf,UAAU,GAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/ui/src/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/ui/src/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,+CACE,GAAG,EAAE,GAAG,oDAEK,MAAM,IACf,UAAU,GAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/ui/src/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/ui/src/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,2CACE,GAAG,EAAE,GAAG,kDAEK,MAAM,IACf,UAAU,GAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/ui/src/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/ui/src/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/ui/src/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/ui/src/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,8CAAQ,GAAG,EAAE,GAAG,gDAAqC,MAAM,IAAM,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/ui/src/components/molecules/ProductTitle/index.d.ts

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

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

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

package/dist/ui/src/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/ui/src/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/ui/src/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", Object.assign({ "data-fs-quantity-selector": true, "data-testid": testId, ref: ref }, otherProps),
+        React.createElement(IconButton, Object.assign({ "aria-controls": "quantity-selector-input", "aria-label": "Decrement Quantity", "data-quantity-selector-button": "left" }, leftButtonProps)),
+        React.createElement(Input, Object.assign({ "aria-label": "Quantity", "data-quantity-selector-input": true, id: "quantity-selector-input", value: quantity }, inputProps)),
+        React.createElement(IconButton, Object.assign({ "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", "data-quantity-selector-button": "right" }, rightButtonProps))));
+});
+export default QuantitySelector;
+//# sourceMappingURL=QuantitySelector.js.map

package/dist/ui/src/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,6FAEe,MAAM,EACnB,GAAG,EAAE,GAAG,IACJ,UAAU;QAEd,oBAAC,UAAU,mCACK,yBAAyB,gBAC5B,oBAAoB,mCACD,MAAM,IAChC,eAAe,EACnB;QACF,oBAAC,KAAK,gCACO,UAAU,wCAErB,EAAE,EAAC,yBAAyB,EAC5B,KAAK,EAAE,QAAQ,IACX,UAAU,EACd;QACF,oBAAC,UAAU,mCACK,yBAAyB,gBAC5B,oBAAoB,mCACD,OAAO,IACjC,gBAAgB,EACpB,CACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

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

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

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

package/dist/ui/src/components/molecules/QuantitySelector/index.js.map

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

package/dist/ui/src/components/molecules/QuantitySelector/stories/assets/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type QuantitySelectorIconProps = {
+    color: string;
+};
+export declare function PlusIcon(props: QuantitySelectorIconProps): JSX.Element;
+export declare function MinusIcon(props: QuantitySelectorIconProps): JSX.Element;
+export {};

package/dist/ui/src/components/molecules/QuantitySelector/stories/assets/Icons.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export function PlusIcon(props) {
+    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M16 11V21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+export function MinusIcon(props) {
+    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+//# sourceMappingURL=Icons.js.map

package/dist/ui/src/components/molecules/QuantitySelector/stories/assets/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../../../src/components/molecules/QuantitySelector/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,UAAU,QAAQ,CAAC,KAAgC;IACvD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;QACF,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAgC;IACxD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/ui/src/components/molecules/RadioGroup/RadioGroup.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RadioGroupContext } from './useRadioGroup';
+const RadioGroup = ({ name, onChange, children, selectedValue, }) => {
+    const contextValues = React.useMemo(() => {
+        return { name, selectedValue, onChange };
+    }, [name, selectedValue, onChange]);
+    return (React.createElement(RadioGroupContext.Provider, { value: contextValues }, children));
+};
+export default RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/ui/src/components/molecules/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAInD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,aAAa,GACG,EAAE,EAAE;IACpB,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;IAC1C,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAC7C,QAAQ,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/ui/src/components/molecules/RadioGroup/RadioOption.d.ts

@@ -0,0 +1,19 @@
+import type { InputHTMLAttributes } from 'react';
+import React from 'react';
+export interface RadioOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Attribute to set aria-label option as required.
+     */
+    label: string;
+    /**
+     * Value to be emitted when radio is clicked.
+     */
+    value: string | number;
+}
+declare const RadioOption: React.ForwardRefExoticComponent<RadioOptionProps & React.RefAttributes<HTMLInputElement>>;
+export default RadioOption;

package/dist/ui/src/components/molecules/RadioGroup/RadioOption.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { Radio } from '@faststore/components';
+import { useRadioGroup } from './useRadioGroup';
+const RadioOption = forwardRef(function RadioOption({ label, value, children, testId = 'store-radio-option', ...otherProps }, ref) {
+    const { name, selectedValue, onChange } = useRadioGroup();
+    return (React.createElement("label", { "aria-label": label, "data-fs-radio-option": true },
+        React.createElement(Radio, Object.assign({ "data-fs-radio-option-item": true, ref: ref, name: name, checked: value === selectedValue, onChange: onChange, value: value, testId: testId }, otherProps)),
+        children));
+});
+export default RadioOption;
+//# sourceMappingURL=RadioOption.js.map

package/dist/ui/src/components/molecules/RadioGroup/RadioOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioOption.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/RadioGroup/RadioOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmB/C,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,oBAAoB,EAAE,GAAG,UAAU,EAAE,EACxE,GAAG;IAEH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzD,OAAO,CACL,6CAAmB,KAAK;QACtB,oBAAC,KAAK,qDAEJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,aAAa,EAChC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,IACV,UAAU,EACd;QACD,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/ui/src/components/molecules/RadioGroup/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';
+export { default as RadioOption } from './RadioOption';
+export type { RadioOptionProps } from './RadioOption';

package/dist/ui/src/components/molecules/RadioGroup/index.js

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

package/dist/ui/src/components/molecules/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/ui/src/components/molecules/RadioGroup/useRadioGroup.d.ts

@@ -0,0 +1,17 @@
+import type { ChangeEventHandler } from 'react';
+export interface RadioGroupContext {
+    /**
+     * Name to link children by context.
+     */
+    name: string;
+    /**
+     * Value of checked child.
+     */
+    selectedValue?: string | number;
+    /**
+     * Function that is triggered when any children is checked.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContext | undefined>;
+export declare function useRadioGroup(): RadioGroupContext;

package/dist/ui/src/components/molecules/RadioGroup/useRadioGroup.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const RadioGroupContext = createContext(undefined);
+export function useRadioGroup() {
+    const context = useContext(RadioGroupContext);
+    if (!context) {
+        throw new Error(`useRadioOption hook cannot be used outside the RadioGroup context`);
+    }
+    return context;
+}
+//# sourceMappingURL=useRadioGroup.js.map

package/dist/ui/src/components/molecules/RadioGroup/useRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/RadioGroup/useRadioGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC5C,SAAS,CACV,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,mEAAmE,CACpE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/ui/src/components/molecules/SearchInput/SearchInput.js

@@ -0,0 +1,26 @@
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Icon, Button, Input } from '@faststore/components';
+import Form from '../Form';
+const SearchIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    React.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    React.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })));
+const SearchInput = forwardRef(function SearchInput({ onSubmit, icon, 'aria-label': ariaLabel = 'search', testId = 'store-search-input', ...otherProps }, ref) {
+    const inputRef = useRef(null);
+    const formRef = useRef(null);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (inputRef.current?.value !== '') {
+            onSubmit(inputRef.current.value);
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        inputRef: inputRef.current,
+        formRef: formRef.current,
+    }));
+    return (React.createElement(Form, { ref: formRef, "data-fs-search-input-form": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
+        React.createElement(Input, Object.assign({ ref: inputRef, "aria-label": ariaLabel }, otherProps)),
+        React.createElement(Button, { type: "submit", "aria-label": "Submit Search" },
+            React.createElement(Icon, { component: icon ?? React.createElement(SearchIcon, null) }))));
+});
+export default SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/dist/ui/src/components/molecules/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;IAEtB,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG;IAChC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,GAAG,CAC1C,CACP,CAAA;AA6BD,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,QAAQ,EACR,IAAI,EACJ,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,MAAM,GAAG,oBAAoB,EAC7B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE;YAClC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,OAAO,oDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;QAEb,oBAAC,KAAK,kBAAC,GAAG,EAAE,QAAQ,gBAAc,SAAS,IAAM,UAAU,EAAI;QAC/D,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,gBAAY,eAAe;YAC9C,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,IAAI,oBAAC,UAAU,OAAG,GAAI,CACpC,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/ui/src/components/molecules/SearchInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SearchInput';
+export type { SearchInputProps, SearchInputRef } from './SearchInput';

package/dist/ui/src/components/molecules/SearchInput/index.js

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

package/dist/ui/src/components/molecules/SearchInput/index.js.map

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

package/dist/ui/src/components/molecules/SearchInput/stories/assets/CustomIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const CustomIcon: FC;
+export default CustomIcon;

package/dist/ui/src/components/molecules/SearchInput/stories/assets/CustomIcon.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const CustomIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    React.createElement("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    React.createElement("line", { x1: "9", y1: "9", x2: "15", y2: "15" })));
+export default CustomIcon;
+//# sourceMappingURL=CustomIcon.js.map

package/dist/ui/src/components/molecules/SearchInput/stories/assets/CustomIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIcon.js","sourceRoot":"","sources":["../../../../../../../../src/components/molecules/SearchInput/stories/assets/CustomIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,UAAU,GAAO,GAAG,EAAE,CAAC,CAC3B,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;IAEtB,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;IACjC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACtC,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACP,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/ui/src/components/molecules/SkuSelector/SkuSelector.d.ts

@@ -0,0 +1,58 @@
+import type { ChangeEventHandler, HTMLAttributes } from 'react';
+import React from 'react';
+interface SkuProps {
+    /**
+     * Alternative text description of the image.
+     */
+    alt?: string;
+    /**
+     * Image URL.
+     */
+    src?: string;
+    /**
+     * Label to describe the option when selected.
+     */
+    label: string;
+    /**
+     * Current value for this option.
+     */
+    value: string;
+    /**
+     * Specifies that this option should be disabled.
+     */
+    disabled?: boolean;
+}
+declare type Variant = 'label' | 'image';
+export interface SkuSelectorProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * ID of the current instance of the component.
+     */
+    id?: string;
+    /**
+     * Specify which variant the component should handle.
+     */
+    variant: Variant;
+    /**
+     * SKU options that should be rendered.
+     */
+    options: SkuProps[];
+    /**
+     * Section label for the SKU selector.
+     */
+    label?: string;
+    /**
+     * Currently active variation's value.
+     */
+    activeValue: string;
+    /**
+     * Function to be triggered when SKU option change.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+declare const SkuSelector: React.ForwardRefExoticComponent<SkuSelectorProps & React.RefAttributes<HTMLDivElement>>;
+export default SkuSelector;

package/dist/ui/src/components/molecules/SkuSelector/SkuSelector.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { Label } from '@faststore/components';
+import RadioGroup from '../RadioGroup';
+const SkuSelector = forwardRef(function SkuSelector({ id, label, variant, onChange, testId = 'store-sku-selector', activeValue, children, ...otherProps }, ref) {
+    const radioGroupId = id ? `-${id}` : '';
+    return (React.createElement("div", Object.assign({ ref: ref, "data-fs-sku-selector": true, "data-testid": testId, "data-fs-sku-selector-variant": variant }, otherProps),
+        label && (React.createElement(Label, { "data-fs-sku-selector-title": true },
+            label,
+            ": ",
+            React.createElement("strong", null, activeValue))),
+        React.createElement(RadioGroup, { selectedValue: activeValue, name: `sku-selector-${variant}${radioGroupId}`, onChange: (e) => {
+                onChange?.(e);
+            } }, children)));
+});
+export default SkuSelector;
+//# sourceMappingURL=SkuSelector.js.map

package/dist/ui/src/components/molecules/SkuSelector/SkuSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkuSelector.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/SkuSelector/SkuSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,UAAU,MAAM,eAAe,CAAA;AA4DtC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,oBAAoB,EAC7B,WAAW,EACX,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEvC,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,+CAEK,MAAM,kCACW,OAAO,IACjC,UAAU;QAEb,KAAK,IAAI,CACR,oBAAC,KAAK;YACH,KAAK;;YAAG,oCAAS,WAAW,CAAU,CACjC,CACT;QACD,oBAAC,UAAU,IACT,aAAa,EAAE,WAAW,EAC1B,IAAI,EAAE,gBAAgB,OAAO,GAAG,YAAY,EAAE,EAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;YACf,CAAC,IAEA,QAAQ,CACE,CACT,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/ui/src/components/molecules/SkuSelector/index.d.ts

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

package/dist/ui/src/components/molecules/SkuSelector/index.js

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

package/dist/ui/src/components/molecules/SkuSelector/index.js.map

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

package/dist/ui/src/components/molecules/Table/Table.d.ts

@@ -0,0 +1,11 @@
+import type { DetailedHTMLProps, TableHTMLAttributes } from 'react';
+import React from 'react';
+export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    children: React.ReactNode;
+}
+declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "slot" | "style" | "summary" | "title" | "className" | "color" | "id" | "lang" | "width" | "role" | "tabIndex" | "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" | "children" | "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" | "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" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cellPadding" | "cellSpacing" | "testId"> & React.RefAttributes<HTMLTableElement>>;
+export default Table;

package/dist/ui/src/components/molecules/Table/Table.js

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

package/dist/ui/src/components/molecules/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACnD,GAAG;IAEH,OAAO,CACL,6CAAO,GAAG,EAAE,GAAG,wCAA6B,MAAM,IAAM,UAAU,GAC/D,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/ui/src/components/molecules/Table/TableBody.d.ts

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

package/dist/ui/src/components/molecules/Table/TableBody.js

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

package/dist/ui/src/components/molecules/Table/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/Table/TableBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,SAAS,CAChB,EAAE,QAAQ,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,6CAAO,GAAG,EAAE,GAAG,iBAAe,MAAM,6BAAsB,UAAU,GACjE,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/ui/src/components/molecules/Table/TableCell.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+declare type TableCellVariant = 'data' | 'header';
+export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Specify if this component should be rendered as a header (`<th>`) or as a data cell (`<td>`).
+     */
+    variant?: TableCellVariant;
+    /**
+     * Defines the cells that the header element (`<th>`) relates to.
+     * @see scope https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
+     */
+    scope?: 'col' | 'row' | 'rowgroup' | 'colgroup';
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export default TableCell;

package/dist/ui/src/components/molecules/Table/TableCell.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+const TableCell = forwardRef(function TableCell({ testId = 'store-table-cell', children, variant = 'data', scope, ...otherProps }, ref) {
+    const Cell = variant === 'header' ? 'th' : 'td';
+    return (React.createElement(Cell, Object.assign({ ref: ref, "data-table-cell": variant, "data-testid": testId, scope: scope }, otherProps), children));
+});
+export default TableCell;
+//# sourceMappingURL=TableCell.js.map

package/dist/ui/src/components/molecules/Table/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/Table/TableCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAoBzC,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,SAAS,CAChB,EACE,MAAM,GAAG,kBAAkB,EAC3B,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAE/C,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,qBACS,OAAO,iBACX,MAAM,EACnB,KAAK,EAAE,KAAK,IACR,UAAU,GAEb,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/ui/src/components/molecules/Table/TableFooter.d.ts

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

package/dist/ui/src/components/molecules/Table/TableFooter.js

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

package/dist/ui/src/components/molecules/Table/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/Table/TableFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,QAAQ,EAAE,MAAM,GAAG,oBAAoB,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,6CAAO,GAAG,EAAE,GAAG,iBAAe,MAAM,+BAAwB,UAAU,GACnE,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}