@nuskin/react-mysite-elements 1.0.0-mysiteshopHeader.1

package/LICENSE.md

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2023, Nuskin
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,113 @@
+# React Component Library Template
+
+### This template is for creating react component libraries
+
+---
+
+### What this template does for you
+
+- Provides a `.gitlab-ci.yml` to manage the CI/CD pipeline
+- Runs your _Unit Tests_ with every push to the remote repository
+- Analyzes your code with:
+    - linting rules
+    - run a _SAST_ check
+    - Pushes your code coverage analysis to SonarQube
+- Ensures your code passes the SonarQube Quality Gate
+- Utilizes _Semantic Release_, which means the pipeline will handle versioning
+- Publishes your module to _npmjs_
+
+---
+
+### Follow these steps to create a new project using this template:
+
+#### 1. Clone this project to your local machine and remove the git control file
+
+Note: We use 'my-project' as the name of your new project
+
+```bash
+git clone git@code.tls.nuskin.io:ns-am/templates/react-component-library-template.git <my-project>
+cd <my-project>
+rm -rf .git
+```
+
+#### 2. Create your new project in Gitlab
+
+1. In the appropriate sub-group select **"New project"**
+2. Name your project
+3. Select a project description (optional)
+4. Select **"Create project"**
+
+#### 3. Connect your local project to the gitlab remote project
+
+You can copy and paste the section in the gitlab command line instructions of your new
+project into the command line of your local project. It will look like the following
+but will have your project specific details.
+
+```bash
+cd <your project folder if you are not already there>
+git init
+git remote add origin <your gitlab project url>
+git add .
+git commit -m "Chore: Initial commit"
+git push -u origin master
+```
+
+#### 4. Add rules to your new project repository
+
+- Under _Settings_ Select _Repository_
+    - Select _Push Rules_ ([See Sample](./push-rules.png))
+        1. Check _Do not allow users to remove git tags with `git push`_
+    - Click on **Expand** in the _Protected Branches_ section ([See Sample](./protected-branches.png))
+        - **master** should already be set as your default branch. For **master** do the following:
+            1. Set _Allowed to merge_ to **Developers + Maintainers**
+            2. Set _Allowed to push_ to **Maintainers**
+            3. Set _Code owner approval_ to **Off**
+
+#### 5. Update your new project with your project specific settings and information
+
+1. Replace the `README.md` with a proper readme that will be displayed on _npmjs_ ([See Sample](./README-sample.md))
+2. Update these settings in your `package.json`
+
+- Note: All module names should be created in the _@nuskin_ namespace.
+
+```JavaScript
+{
+  "name": "@nuskin/react-component-library-template",
+  "description": "The description that will amaze and astound your audience when they read it",
+  "repository": {
+    "type": "git",
+    "url": "git@code.tls.nuskin.io:ns-am/templates/react-component-library-template.git"
+  },
+  "homepage": "https://code.tls.nuskin.io/ns-am/templates/react-component-library-template/blob/master/README.md"
+}
+```
+
+#### 6. Determine if your module should be public or private
+
+If your module should be public and published to _npmjs.com_, nothing needs to be done. This is the default
+behavior. If you need to publish to the private npm repository _nexus3.nuskin.net_, inside `gitlab-ci.yml`
+update **PRIVATE_NPM** to `true`
+
+```yaml
+variables:
+    PRIVATE_NPM: 'true'
+```
+
+#### 7. Turning on your CI/CD pipeline
+
+Once you are ready for your project to start running the CI/CD pipeline, you should rename the `gitlab-ci.yml`
+to `.gitlab-ci.yml`.
+
+```bash
+git mv gitlab-ci.yml .gitlab-ci.yml
+git commit -am "Chore: renaming gitlab-ci.yml to .gitlab-ci.yml so my pipeline runs"
+git push
+```
+
+## TODO: Write documentation about Semantic Release (don't forget prereleases)
+
+#### How to use Semantic Release in your pipeline
+
+Link to another page or write up instructions on how Semantic Release works with the pipeline
+
+[eslint commit-analyzer](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-eslint) rules.

package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface NsCategoryNavigationProps {
+    itemArray: {
+        label: string;
+        content: React.ReactNode;
+        categoryId: string;
+    }[];
+    value?: number;
+    onChange?: (event: React.SyntheticEvent, newValue: number) => void;
+}
+export declare const NsCategoryNavigation: React.FC<Readonly<NsCategoryNavigationProps>>;
+export {};

package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NsCategoryNavigation } from './NsCategoryNavigation';
+type ComponentType = typeof NsCategoryNavigation;
+type Story = StoryObj<ComponentType>;
+type MetaStory = Meta<ComponentType>;
+declare const _default: MetaStory;
+export default _default;
+export declare const Default: Story;

package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const NsCategoryNavigationContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/common/Nav-Category-Navigation/index.d.ts

@@ -0,0 +1 @@
+export { NsCategoryNavigation } from './NsCategoryNavigation';

package/dist/common/card/NsProductCard.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactElement } from 'react';
+import { NsCardButton } from '@nuskin/foundation-ui-components';
+import { ProductImageType } from '../types/image';
+type NsProductCardProps = {
+    readonly productTitle: string;
+    readonly imageDetails?: ProductImageType;
+    readonly className?: string;
+    readonly button?: NsCardButton;
+    readonly onCardClick?: () => void;
+    readonly productStatusBadge?: React.ReactNode;
+    readonly mySitePriceComponent?: React.ReactNode;
+    readonly testId?: string;
+};
+declare const NsProductCard: ({ productTitle, imageDetails, className, button, onCardClick, productStatusBadge, mySitePriceComponent, testId, }: NsProductCardProps) => ReactElement;
+export default NsProductCard;

package/dist/common/card/fixtures/ImageData1.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData1: ProductImageType;
+export declare const ImageData1Text: string;

package/dist/common/card/fixtures/ImageData10.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData10: ProductImageType;
+export declare const ImageData10Text: string;

package/dist/common/card/fixtures/ImageData11.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData11: ProductImageType;
+export declare const ImageData11Text: string;

package/dist/common/card/fixtures/ImageData2.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData2: ProductImageType;
+export declare const ImageData2Text: string;

package/dist/common/card/fixtures/ImageData3.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData3: ProductImageType;
+export declare const ImageData3Text: string;

package/dist/common/card/fixtures/ImageData4.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData4: ProductImageType;
+export declare const ImageData4Text: string;

package/dist/common/card/fixtures/ImageData5.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData5: ProductImageType;
+export declare const ImageData5Text: string;

package/dist/common/card/fixtures/ImageData6.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData6: ProductImageType;
+export declare const ImageData6Text: string;

package/dist/common/card/fixtures/ImageData7.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData7: ProductImageType;
+export declare const ImageData7Text: string;

package/dist/common/card/fixtures/ImageData8.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData8: ProductImageType;
+export declare const ImageData8Text: string;

package/dist/common/card/fixtures/ImageData9.d.ts

@@ -0,0 +1,3 @@
+import { ProductImageType } from '../../types/image';
+export declare const ImageData9: ProductImageType;
+export declare const ImageData9Text: string;

package/dist/common/card/fixtures/index.d.ts

@@ -0,0 +1,10 @@
+export { ImageData1 } from '../fixtures/ImageData1';
+export { ImageData3 } from '../fixtures/ImageData3';
+export { ImageData4 } from '../fixtures/ImageData4';
+export { ImageData5 } from '../fixtures/ImageData5';
+export { ImageData6 } from '../fixtures/ImageData6';
+export { ImageData7 } from '../fixtures/ImageData7';
+export { ImageData8 } from '../fixtures/ImageData8';
+export { ImageData9 } from '../fixtures/ImageData9';
+export { ImageData10 } from '../fixtures/ImageData10';
+export { ImageData11 } from '../fixtures/ImageData11';

package/dist/common/card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NsProductCard } from './NsProductCard';
+export type * from './types.d';

package/dist/common/card/specs/NsProductCard.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/card/stories/NsProductCard.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj, Meta } from '@storybook/react';
+import NsProductCard from '../NsProductCard';
+type ComponentType = typeof NsProductCard;
+type Story = StoryObj<ComponentType>;
+type MetaStory = Meta<ComponentType>;
+declare const _default: MetaStory;
+export default _default;
+export declare const Default: Story;

package/dist/common/card/styles/NsProductCard.Styled.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import { BoxProps } from '@mui/material/Box';
+export declare const CardContainer: React.ComponentType<BoxProps>;
+export declare const StyledCartIcon: import("@emotion/styled").StyledComponent<import("@nuskin/foundation-ui-components").NsCartIconProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledNsButton: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").ButtonProps, "className" | "color" | "aria-label" | "onFocus" | "onBlur" | "onChange" | "onClick" | "disabled" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant" | "type"> & {
+    iconOnly?: boolean;
+    darkModeEnabled?: boolean;
+    startIconName?: import("@nuskin/foundation-ui-components").NsIconProps["name"];
+    endIconName?: import("@nuskin/foundation-ui-components").NsIconProps["name"];
+} & {
+    children?: React.ReactNode | undefined;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const ContentText: import("@emotion/styled").StyledComponent<{
+    variant: import("@nuskin/foundation-ui-components").Variants;
+    decoration?: "underline" | "none";
+    weight?: "bold" | "normal" | "light";
+    color?: import("@nuskin/foundation-theme").FoundationTheme.PaletteColors;
+    component?: "div" | "span" | "p";
+    as?: import("@nuskin/foundation-ui-components").HtmlTagVariant;
+    className?: string;
+    colorOverride?: string;
+    renderHTMLNode?: boolean;
+    noSpacing?: boolean;
+} & {
+    additionalProps?: {
+        ariaLabel?: string;
+        testid?: string;
+        className?: string;
+        "data-testid"?: string;
+    } & Partial<import("@nuskin/foundation-ui-components").CslpTag>;
+    cslp?: Record<string, import("@nuskin/foundation-ui-components").CslpTag>;
+} & import("@nuskin/foundation-ui-components").DarkModeEnabledOption & {
+    children?: React.ReactNode | undefined;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const PriceText: import("@emotion/styled").StyledComponent<{
+    variant: import("@nuskin/foundation-ui-components").Variants;
+    decoration?: "underline" | "none";
+    weight?: "bold" | "normal" | "light";
+    color?: import("@nuskin/foundation-theme").FoundationTheme.PaletteColors;
+    component?: "div" | "span" | "p";
+    as?: import("@nuskin/foundation-ui-components").HtmlTagVariant;
+    className?: string;
+    colorOverride?: string;
+    renderHTMLNode?: boolean;
+    noSpacing?: boolean;
+} & {
+    additionalProps?: {
+        ariaLabel?: string;
+        testid?: string;
+        className?: string;
+        "data-testid"?: string;
+    } & Partial<import("@nuskin/foundation-ui-components").CslpTag>;
+    cslp?: Record<string, import("@nuskin/foundation-ui-components").CslpTag>;
+} & import("@nuskin/foundation-ui-components").DarkModeEnabledOption & {
+    children?: React.ReactNode | undefined;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const PriceComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/common/card/styles/NsProductCarousel.styled.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { BoxProps } from '@mui/material/Box';
+export declare const SlickContainer: React.ComponentType<BoxProps>;
+export declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ControlsContainer: React.ComponentType<BoxProps>;
+export declare const ViewAllWrapper: React.ComponentType<BoxProps>;
+export declare const ProductCountWrapper: React.ComponentType<BoxProps>;
+export declare const ArrowsWrapper: React.ComponentType<BoxProps>;
+export declare const Scrollablewrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CustomTypography: import("@emotion/styled").StyledComponent<{
+    variant: import("@nuskin/foundation-ui-components").Variants;
+    decoration?: "underline" | "none";
+    weight?: "bold" | "normal" | "light";
+    color?: import("@nuskin/foundation-theme").FoundationTheme.PaletteColors;
+    component?: "div" | "span" | "p";
+    as?: import("@nuskin/foundation-ui-components").HtmlTagVariant;
+    className?: string;
+    colorOverride?: string;
+    renderHTMLNode?: boolean;
+    noSpacing?: boolean;
+} & {
+    additionalProps?: {
+        ariaLabel?: string;
+        testid?: string;
+        className?: string;
+        "data-testid"?: string;
+    } & Partial<import("@nuskin/foundation-ui-components").CslpTag>;
+    cslp?: Record<string, import("@nuskin/foundation-ui-components").CslpTag>;
+} & import("@nuskin/foundation-ui-components").DarkModeEnabledOption & {
+    children?: React.ReactNode | undefined;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const ViewAllLink: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const EmptyProductCategories: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/common/carousel/CarouselControl.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+interface CarouselControlProps {
+    next(): void;
+    prev(): void;
+    readonly viewAllLabel?: string;
+    readonly viewAllUrl?: string;
+}
+declare const CarouselControl: ({ next, prev, viewAllUrl, viewAllLabel }: CarouselControlProps) => ReactElement;
+export default CarouselControl;

package/dist/common/carousel/IconWrapper.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren, ReactElement } from 'react';
+type IconWrapperProps = PropsWithChildren<{
+    onClick(): void;
+    readonly className?: string;
+}>;
+declare const IconWrapper: ({ children, onClick, className }: IconWrapperProps) => ReactElement;
+export default IconWrapper;

package/dist/common/carousel/NsProductCarousel.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactElement, ReactNode } from 'react';
+import 'slick-carousel/slick/slick.css';
+import { NsCardButton } from '@nuskin/foundation-ui-components';
+import { ProductImageType } from '../types/image';
+export type ProductCardEntry = {
+    readonly productTitle: string;
+    readonly imageDetails?: ProductImageType;
+    readonly button?: NsCardButton;
+    readonly onCardClick?: () => void;
+    readonly productStatusBadge?: React.ReactNode;
+    readonly mySitePriceComponent?: React.ReactNode;
+};
+interface SlickSettings {
+    dots?: boolean;
+    infinite?: boolean;
+    speed?: number;
+    slidesToShow?: number;
+    slidesToScroll?: number;
+    swipe?: boolean;
+    draggable?: boolean;
+    arrows?: boolean;
+    responsive?: Array<{
+        breakpoint: number;
+        settings: {
+            slidesToShow?: number;
+            slidesToScroll?: number;
+            arrows?: boolean;
+        };
+    }>;
+}
+interface ProductCardCarouselProps<T = ProductCardEntry> {
+    readonly entries: T[];
+    readonly settings?: SlickSettings;
+    readonly showControlButtons?: boolean;
+    readonly renderEntry?: (entry: T, index: number) => ReactNode;
+    readonly allEntryLabel?: string;
+    readonly allEntryLink?: string;
+    readonly categoryName?: string;
+    readonly emptyProductMessage?: string;
+}
+export default function ProductCardCarousel({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, emptyProductMessage, }: ProductCardCarouselProps): ReactElement;
+export {};

package/dist/common/carousel/ProductCardEntries.d.ts

@@ -0,0 +1,3 @@
+import { ProductCardEntry } from './NsProductCarousel';
+export declare const productCardEntries: ProductCardEntry[];
+export default productCardEntries;

package/dist/common/carousel/ProductTabCarousel.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { ProductCardEntry } from './NsProductCarousel';
+interface Category {
+    label: string;
+    categoryId: string;
+}
+interface SlickSettings {
+    dots?: boolean;
+    infinite?: boolean;
+    speed?: number;
+    slidesToShow?: number;
+    slidesToScroll?: number;
+    swipe?: boolean;
+    draggable?: boolean;
+    arrows?: boolean;
+    responsive?: Array<{
+        breakpoint: number;
+        settings: {
+            slidesToShow?: number;
+            slidesToScroll?: number;
+            arrows?: boolean;
+        };
+    }>;
+}
+interface ProductTabCarouselProps {
+    readonly allEntryLabel?: string;
+    readonly allEntryLink?: string;
+    readonly renderEntry?: (entry: ProductCardEntry) => React.ReactNode;
+    readonly settings?: SlickSettings;
+    readonly showControlButtons?: boolean;
+    readonly fetchCategories: () => Promise<Category[]>;
+    readonly fetchProducts: (categoryId: string) => Promise<ProductCardEntry[]>;
+    readonly emptyProductTabs?: string;
+}
+declare const ProductTabCarousel: React.FC<ProductTabCarouselProps>;
+export default ProductTabCarousel;

package/dist/common/carousel/ProductTabCarousel.styled.d.ts

@@ -0,0 +1,30 @@
+export declare const ProductTabCarouselContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isMobile?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isMobile?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isMobile?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NoTabsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SpinnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/common/carousel/index.d.ts

@@ -0,0 +1,6 @@
+export { default as NsCarousal } from '@nuskin/foundation-ui-components';
+export { default as ProductCarousel } from './NsProductCarousel';
+export { default as NsScrollingCarousal } from '@nuskin/foundation-ui-components';
+export { default as NsDefaultCarousalSettings } from '@nuskin/foundation-ui-components';
+export { default as ProductTabCarousel } from './ProductTabCarousel';
+export type { NsCarouselProps, NsScrollingCarouselProps } from './types';

package/dist/common/carousel/settingSlick.d.ts

@@ -0,0 +1,16 @@
+declare const settingsCarousel: {
+    dots: boolean;
+    infinite: boolean;
+    speed: number;
+    slidesToShow: number;
+    slidesToScroll: number;
+    swipeToSlide: boolean;
+    responsive: {
+        breakpoint: number;
+        settings: {
+            slidesToShow: number;
+            slidesToScroll: number;
+        };
+    }[];
+};
+export default settingsCarousel;

package/dist/common/carousel/specs/CarouselControl.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/carousel/specs/IconWrapper.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/carousel/specs/NsProductCarousel.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/carousel/specs/ProductTabCarousel.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/carousel/specs/settingSlick.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/common/carousel/stories/NsProductCardCarousel.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj, Meta } from '@storybook/react';
+import ProductCardCarousel from '../NsProductCarousel';
+type ComponentType = typeof ProductCardCarousel;
+type Story = StoryObj<ComponentType>;
+type MetaStory = Meta<ComponentType>;
+declare const _default: MetaStory;
+export default _default;
+export declare const Default: Story;

package/dist/common/carousel/stories/ProductTabCarousel.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;

package/dist/common/headers/MysiteHero.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+type MysiteHeroProps = {
+    readonly imageDetails?: {
+        imageSrc: string;
+        imageAlt: string;
+        bgColor: string;
+    };
+    readonly shopTitle: string;
+    readonly shopDescription: string;
+    readonly socialTitleText: string;
+    readonly email: string;
+    readonly className?: string;
+    readonly backgroundColor?: string;
+    readonly headlineFont?: string;
+    readonly paragraphFont?: string;
+    readonly socialIcons?: {
+        type: string;
+        url: string;
+    }[];
+};
+export default function MysiteHero({ className, shopTitle, shopDescription, socialTitleText, imageDetails, email, backgroundColor, headlineFont, paragraphFont, socialIcons, }: MysiteHeroProps): ReactElement;
+export {};

package/dist/common/headers/MysiteHero.styled.d.ts

@@ -0,0 +1,13 @@
+import { BoxProps } from '@mui/material';
+interface StyledBoxProps extends BoxProps {
+    backgroundColor?: string;
+    headlineFont?: string;
+    paragraphFont?: string;
+}
+export declare const MysiteHeroContainer: import("@emotion/styled").StyledComponent<StyledBoxProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const MysiteHeroContainerMobile: import("@emotion/styled").StyledComponent<StyledBoxProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export {};

package/dist/common/headers/index.d.ts

@@ -0,0 +1 @@
+export { default as MysiteHero } from './MysiteHero';

package/dist/common/headers/specs/MysiteHero.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/common/headers/stories/MySiteShopHeader.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj, Meta } from '@storybook/react';
+import MySiteShopHeader from '../MysiteHero';
+type ComponentType = typeof MySiteShopHeader;
+type Story = StoryObj<ComponentType>;
+type MetaStory = Meta<ComponentType>;
+declare const _default: MetaStory;
+export default _default;
+export declare const Default: Story;