@universal-tennis/ui-shared 0.1.82 → 0.1.86

package/dist/stories/molecules/FooterSection/FooterSection.stories.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import FooterSection from './FooterSection';
+// Default
+export default {
+    title: 'Molecules/FooterSection',
+};
+// Templates
+function FooterSectionTemplate(args) {
+    return React.createElement(FooterSection, Object.assign({}, args));
+}
+// Stories
+export const Section = FooterSectionTemplate.bind({});
+Section.args = {
+    items: [
+        { href: '#', label: 'Countries' },
+        { href: '#', label: 'States' },
+        { href: '#', label: 'Cities' },
+    ],
+    title: "Explore",
+};
+//# sourceMappingURL=FooterSection.stories.js.map

package/dist/stories/molecules/FooterSection/FooterSection.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSection.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/FooterSection/FooterSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,UAAU;AACV,eAAe;IACb,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,YAAY;AACZ,SAAS,qBAAqB,CAAC,IAAwB;IACrD,OAAO,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAC;AACrC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE;QACjC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC9B,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE;KAC/B;IACD,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/stories/molecules/FooterSection/sharedTypes.d.ts

@@ -0,0 +1,5 @@
+import { LinkItem } from "stories/organisms/Footer/sharedTypes";
+export type FooterSectionProps = {
+    items: [LinkItem];
+    title: string;
+};

package/dist/stories/molecules/FooterSection/sharedTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sharedTypes.js.map

package/dist/stories/molecules/FooterSection/sharedTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedTypes.js","sourceRoot":"","sources":["../../../../src/stories/molecules/FooterSection/sharedTypes.ts"],"names":[],"mappings":""}

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts

@@ -1,29 +1,29 @@
-/// <reference types="react" />
-export interface SquareAvatarWithNameProps {
-    avatarOnly?: boolean;
-    avatarFontCategory?: string;
-    avatarFontSize?: string;
-    avatarWidth?: string;
-    avatarHeight?: string;
-    href?: string;
-    maxLinkWidth?: string;
-    name: string;
-    fontCategory?: string;
-    fontSize?: string;
-    disabled?: boolean;
-    subtitle?: string;
-}
-export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, disabled, maxLinkWidth, subtitle }: {
-    avatarOnly?: boolean | undefined;
-    name?: string | undefined;
-    avatarFontSize?: string | undefined;
-    href?: string | undefined;
-    avatarFontCategory?: string | undefined;
-    avatarWidth?: string | undefined;
-    avatarHeight?: string | undefined;
-    fontSize?: string | undefined;
-    fontCategory?: string | undefined;
-    disabled?: boolean | undefined;
-    maxLinkWidth?: string | undefined;
-    subtitle?: string | undefined;
-}): JSX.Element;
+/// <reference types="react" />
+export interface SquareAvatarWithNameProps {
+    avatarOnly?: boolean;
+    avatarFontCategory?: string;
+    avatarFontSize?: string;
+    avatarWidth?: string;
+    avatarHeight?: string;
+    href?: string;
+    maxLinkWidth?: string;
+    name: string;
+    fontCategory?: string;
+    fontSize?: string;
+    disabled?: boolean;
+    subtitle?: string;
+}
+export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, disabled, maxLinkWidth, subtitle }: {
+    avatarOnly?: boolean | undefined;
+    name?: string | undefined;
+    avatarFontSize?: string | undefined;
+    href?: string | undefined;
+    avatarFontCategory?: string | undefined;
+    avatarWidth?: string | undefined;
+    avatarHeight?: string | undefined;
+    fontSize?: string | undefined;
+    fontCategory?: string | undefined;
+    disabled?: boolean | undefined;
+    maxLinkWidth?: string | undefined;
+    subtitle?: string | undefined;
+}): JSX.Element;

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js

@@ -1,30 +1,30 @@
-import React from 'react';
-import Avatar from '@mui/material/Avatar';
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
-import Typography from '../../atoms/Typography/Typography';
-export default function SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', disabled = false, maxLinkWidth = "auto", subtitle = '' }) {
-    const getAcronym = (str) => {
-        const cleanStr = str === null || str === void 0 ? void 0 : str.replace(/[^a-zA-Z\s]/g, '').split(' '); // Remove non-letter and non-space characters
-        const acronym = cleanStr === null || cleanStr === void 0 ? void 0 : cleanStr.map((word) => word.charAt(0)).join('').substring(0, 3);
-        return acronym;
-    };
-    const SquareAvatarComponent = (React.createElement(Avatar, { sx: {
-            backgroundColor: disabled ? 'var(--grey)' : 'var(--black)',
-            marginRight: '8px',
-            width: `${avatarWidth}`,
-            height: `${avatarHeight}`
-        }, variant: "rounded" },
-        React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, disabled ? '—' : getAcronym(name))));
-    return (avatarOnly ? (SquareAvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
-        SquareAvatarComponent,
-        React.createElement(Box, null,
-            href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
-                React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: { whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, name))) : (React.createElement(Typography, { category: fontCategory, size: fontSize, sx: {
-                    whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis', color: disabled ? 'grey' : 'black'
-                } }, name)),
-            subtitle && (React.createElement(Typography, { category: "secondary", size: "small-book", sx: {
-                    whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis', color: 'black'
-                } }, subtitle))))));
-}
+import React from 'react';
+import Avatar from '@mui/material/Avatar';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import Typography from '../../atoms/Typography/Typography';
+export default function SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', disabled = false, maxLinkWidth = "auto", subtitle = '' }) {
+    const getAcronym = (str) => {
+        const cleanStr = str === null || str === void 0 ? void 0 : str.replace(/[^a-zA-Z\s]/g, '').split(' '); // Remove non-letter and non-space characters
+        const acronym = cleanStr === null || cleanStr === void 0 ? void 0 : cleanStr.map((word) => word.charAt(0)).join('').substring(0, 3);
+        return acronym;
+    };
+    const SquareAvatarComponent = (React.createElement(Avatar, { sx: {
+            backgroundColor: disabled ? 'var(--grey)' : 'var(--black)',
+            marginRight: '8px',
+            width: `${avatarWidth}`,
+            height: `${avatarHeight}`
+        }, variant: "rounded" },
+        React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, disabled ? '—' : getAcronym(name))));
+    return (avatarOnly ? (SquareAvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
+        SquareAvatarComponent,
+        React.createElement(Box, null,
+            href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
+                React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: { whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, name))) : (React.createElement(Typography, { category: fontCategory, size: fontSize, sx: {
+                    whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis', color: disabled ? 'grey' : 'black'
+                } }, name)),
+            subtitle && (React.createElement(Typography, { category: "secondary", size: "small-book", sx: {
+                    whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis', color: 'black'
+                } }, subtitle))))));
+}
 //# sourceMappingURL=SquareAvatarWithName.js.map

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts

@@ -1,16 +1,16 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: any;
-export declare const WithCustomTypography: any;
-export declare const WithCustomAvatarSize: any;
-export declare const WithAvatarOnly: any;
-export declare const WithLink: any;
-export declare const WithSubtitle: any;
-export declare const WithLowercaseName: any;
-export declare const WithLongName: any;
-export declare const WithMultipleNames: any;
-export declare const WithMultipleNamesAndCharTypes: any;
-export declare const WithLongLinkName: any;
-export declare const Disabled: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: any;
+export declare const WithCustomTypography: any;
+export declare const WithCustomAvatarSize: any;
+export declare const WithAvatarOnly: any;
+export declare const WithLink: any;
+export declare const WithSubtitle: any;
+export declare const WithLowercaseName: any;
+export declare const WithLongName: any;
+export declare const WithMultipleNames: any;
+export declare const WithMultipleNamesAndCharTypes: any;
+export declare const WithLongLinkName: any;
+export declare const Disabled: any;

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js

@@ -1,82 +1,82 @@
-import React from 'react';
-import Box from '@mui/material/Box';
-import SquareAvatarWithName from './SquareAvatarWithName';
-// Default
-export default {
-    title: 'Molecules/SquareAvatarWithName',
-};
-// Templates
-function SquareAvatarWithNameTemplate(args) {
-    return React.createElement(SquareAvatarWithName, Object.assign({}, args));
-}
-function SquareAvatarWithLongNameTemplate(args) {
-    return React.createElement(Box, { width: "200px" },
-        React.createElement(SquareAvatarWithName, Object.assign({}, args)));
-}
-// Stories
-export const Default = SquareAvatarWithNameTemplate.bind({});
-Default.args = {
-    name: "Team Dream",
-};
-export const WithCustomTypography = SquareAvatarWithNameTemplate.bind({});
-WithCustomTypography.args = {
-    name: "Team Dream",
-    avatarFontCategory: "secondary",
-    avatarFontSize: "small-book",
-    fontCategory: "primary",
-    fontSize: "medium-book"
-};
-export const WithCustomAvatarSize = SquareAvatarWithNameTemplate.bind({});
-WithCustomAvatarSize.args = {
-    name: "Team Dream",
-    avatarWidth: '40px',
-    avatarHeight: '40px',
-    avatarFontCategory: "primary",
-    avatarFontSize: "small-book",
-};
-export const WithAvatarOnly = SquareAvatarWithNameTemplate.bind({});
-WithAvatarOnly.args = {
-    avatarOnly: true,
-    name: "Team Dream",
-};
-export const WithLink = SquareAvatarWithNameTemplate.bind({});
-WithLink.args = {
-    href: "https://www.reddit.com",
-    name: "Team Dream",
-};
-export const WithSubtitle = SquareAvatarWithNameTemplate.bind({});
-WithSubtitle.args = {
-    avatarWidth: '40px',
-    avatarHeight: '40px',
-    avatarFontSize: "medium-medium",
-    name: "Team Dream",
-    subtitle: '3 players'
-};
-export const WithLowercaseName = SquareAvatarWithNameTemplate.bind({});
-WithLowercaseName.args = {
-    name: "team dream",
-};
-export const WithLongName = SquareAvatarWithLongNameTemplate.bind({});
-WithLongName.args = {
-    name: "Team Dreamadeamadeamadeamadeam",
-};
-export const WithMultipleNames = SquareAvatarWithNameTemplate.bind({});
-WithMultipleNames.args = {
-    name: "Team Dream Nightmare And Everything In Between",
-};
-export const WithMultipleNamesAndCharTypes = SquareAvatarWithNameTemplate.bind({});
-WithMultipleNamesAndCharTypes.args = {
-    name: "Team - Dream * Nightmare And Everything In Between",
-};
-export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
-WithLongLinkName.args = {
-    name: "Team Dreamadeamadeamadeamadeam",
-    href: "https://www.reddit.com",
-    maxLinkWidth: "200px"
-};
-export const Disabled = SquareAvatarWithNameTemplate.bind({});
-Disabled.args = {
-    name: "Bye",
-    disabled: true,
-};
+import React from 'react';
+import Box from '@mui/material/Box';
+import SquareAvatarWithName from './SquareAvatarWithName';
+// Default
+export default {
+    title: 'Molecules/SquareAvatarWithName',
+};
+// Templates
+function SquareAvatarWithNameTemplate(args) {
+    return React.createElement(SquareAvatarWithName, Object.assign({}, args));
+}
+function SquareAvatarWithLongNameTemplate(args) {
+    return React.createElement(Box, { width: "200px" },
+        React.createElement(SquareAvatarWithName, Object.assign({}, args)));
+}
+// Stories
+export const Default = SquareAvatarWithNameTemplate.bind({});
+Default.args = {
+    name: "Team Dream",
+};
+export const WithCustomTypography = SquareAvatarWithNameTemplate.bind({});
+WithCustomTypography.args = {
+    name: "Team Dream",
+    avatarFontCategory: "secondary",
+    avatarFontSize: "small-book",
+    fontCategory: "primary",
+    fontSize: "medium-book"
+};
+export const WithCustomAvatarSize = SquareAvatarWithNameTemplate.bind({});
+WithCustomAvatarSize.args = {
+    name: "Team Dream",
+    avatarWidth: '40px',
+    avatarHeight: '40px',
+    avatarFontCategory: "primary",
+    avatarFontSize: "small-book",
+};
+export const WithAvatarOnly = SquareAvatarWithNameTemplate.bind({});
+WithAvatarOnly.args = {
+    avatarOnly: true,
+    name: "Team Dream",
+};
+export const WithLink = SquareAvatarWithNameTemplate.bind({});
+WithLink.args = {
+    href: "https://www.reddit.com",
+    name: "Team Dream",
+};
+export const WithSubtitle = SquareAvatarWithNameTemplate.bind({});
+WithSubtitle.args = {
+    avatarWidth: '40px',
+    avatarHeight: '40px',
+    avatarFontSize: "medium-medium",
+    name: "Team Dream",
+    subtitle: '3 players'
+};
+export const WithLowercaseName = SquareAvatarWithNameTemplate.bind({});
+WithLowercaseName.args = {
+    name: "team dream",
+};
+export const WithLongName = SquareAvatarWithLongNameTemplate.bind({});
+WithLongName.args = {
+    name: "Team Dreamadeamadeamadeamadeam",
+};
+export const WithMultipleNames = SquareAvatarWithNameTemplate.bind({});
+WithMultipleNames.args = {
+    name: "Team Dream Nightmare And Everything In Between",
+};
+export const WithMultipleNamesAndCharTypes = SquareAvatarWithNameTemplate.bind({});
+WithMultipleNamesAndCharTypes.args = {
+    name: "Team - Dream * Nightmare And Everything In Between",
+};
+export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
+WithLongLinkName.args = {
+    name: "Team Dreamadeamadeamadeamadeam",
+    href: "https://www.reddit.com",
+    maxLinkWidth: "200px"
+};
+export const Disabled = SquareAvatarWithNameTemplate.bind({});
+Disabled.args = {
+    name: "Bye",
+    disabled: true,
+};
 //# sourceMappingURL=SquareAvatarWithName.stories.js.map

package/dist/stories/organisms/Footer/Footer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FooterProps } from './sharedTypes';
+declare function Footer({ exploreItems, eventItems, providerItems, moreItems, supportItems, onSocialMediaClick, }: FooterProps): JSX.Element;
+export default Footer;

package/dist/stories/organisms/Footer/Footer.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import IconButton from '@mui/material/IconButton';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { SocialMediaIds } from '../../utils/constants';
+import FooterSection from '../../molecules/FooterSection/FooterSection';
+import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
+import SocialMediaTikTokIcon from '../../atoms/Icons/SocialMediaTikTokIcon';
+import SocialMediaXIcon from '../../atoms/Icons/SocialMediaXIcon';
+import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
+import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
+import Typography from '../../atoms/Typography/Typography';
+import utrLogo from '../../assets/utr-sports-logo.svg';
+function Footer({ exploreItems, eventItems, providerItems, moreItems, supportItems, onSocialMediaClick, }) {
+    const matches = useMediaQuery('(min-width:600px)');
+    const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
+    const handleOnSocialMediaClick = (id) => {
+        onSocialMediaClick(id);
+    };
+    return (React.createElement(Box, { sx: { backgroundColor: 'var(--black)' } },
+        React.createElement(Grid, { p: 1.5, container: true, justifyContent: "space-evenly", display: matches ? 'row' : 'column' },
+            React.createElement(Grid, { item: true, xs: 12, lg: 2 },
+                React.createElement(Box, { mb: 2, display: "flex", alignItems: "center", flexDirection: "column" },
+                    React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
+                    React.createElement(Box, { display: "flex", mt: 1 },
+                        React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(X) },
+                            React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
+                        React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
+                            React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
+                        React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
+                            React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
+                        React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
+                            React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
+                        React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
+                            React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))))),
+            matches ? (React.createElement(Grid, { container: true, item: true, lg: 10, justifyContent: "space-evenly" },
+                React.createElement(Grid, { item: true },
+                    React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
+                React.createElement(Grid, { item: true },
+                    React.createElement(FooterSection, { title: "Events", items: eventItems })),
+                React.createElement(Grid, { item: true },
+                    React.createElement(FooterSection, { title: "Providers", items: providerItems })),
+                React.createElement(Grid, { item: true },
+                    React.createElement(FooterSection, { title: "More", items: moreItems })),
+                React.createElement(Grid, { item: true },
+                    React.createElement(FooterSection, { title: "Support", items: supportItems })))) : (React.createElement(Grid, { container: true, display: "column", justifyContent: "space-evenly" },
+                React.createElement(Grid, { item: true },
+                    React.createElement(Box, { mb: 2 },
+                        React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
+                    React.createElement(Box, { mb: 3.3 },
+                        React.createElement(FooterSection, { title: "Providers", items: providerItems })),
+                    React.createElement(FooterSection, { title: "Support", items: supportItems })),
+                React.createElement(Grid, { item: true },
+                    React.createElement(Box, { mb: 2 },
+                        React.createElement(FooterSection, { title: "Events", items: eventItems })),
+                    React.createElement(FooterSection, { title: "More", items: moreItems }))))),
+        React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
+            React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, `\u00A9 2024, UTR SPORTS`))));
+}
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/stories/organisms/Footer/Footer.js.map

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

package/dist/stories/organisms/Footer/Footer.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const BottomFooter: any;

package/dist/stories/organisms/Footer/Footer.stories.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import Footer from './Footer';
+// Default
+export default {
+    title: 'Organisms/Footer',
+};
+// Templates
+function FooterTemplate(args) {
+    return React.createElement(Footer, Object.assign({}, args));
+}
+// Stories
+export const BottomFooter = FooterTemplate.bind({});
+BottomFooter.args = {
+    exploreItems: [
+        { href: '#', label: 'Countries' },
+        { href: '#', label: 'States' },
+        { href: '#', label: 'Cities' },
+    ],
+    eventItems: [
+        { href: '#', label: 'Color Ball' },
+        { href: '#', label: 'National Pathway' },
+        { href: '#', label: 'Camps' },
+        { href: '#', label: 'Team Leagues' },
+        { href: '#', label: 'Flex Leagues' },
+        { href: '#', label: 'Junior Circuits' },
+        { href: '#', label: 'College Pathways' },
+        { href: '#', label: 'College Circuits' },
+        { href: '#', label: 'Pro Tennis Tour' },
+        { href: '#', label: 'College Camps' },
+    ],
+    providerItems: [
+        { href: '#', label: 'Clubs' },
+        { href: '#', label: 'Academies' },
+        { href: '#', label: 'High Schools' },
+        { href: '#', label: 'Colleges' },
+        { href: '#', label: 'Get in Touch' },
+    ],
+    moreItems: [
+        { href: '#', label: 'Tennis' },
+        { href: '#', label: 'Pickleball' },
+        { href: '#', label: 'News' },
+        { href: '#', label: 'Shop' },
+        { href: '#', label: 'Press' },
+        { href: '#', label: 'Careers' },
+        { href: '#', label: 'About Us' },
+        { href: '#', label: 'Foundation' },
+    ],
+    supportItems: [
+        { href: '#', label: 'Help Center' },
+        { href: '#', label: 'Privacy Policy' },
+        { href: '#', label: 'Terms & Conditions' },
+        { href: '#', label: 'Guidelines' },
+        { href: '#', label: 'Verified Events' },
+        { href: '#', label: 'About UTR Rating' },
+        { href: '#', label: 'About UTR-P Rating' },
+        { href: '#', label: 'About Color Ball Rating' },
+    ],
+};
+//# sourceMappingURL=Footer.stories.js.map

package/dist/stories/organisms/Footer/Footer.stories.js.map

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

package/dist/stories/organisms/Footer/sharedTypes.d.ts

@@ -0,0 +1,14 @@
+export interface LinkItem {
+    href: string;
+    label: string;
+}
+export type FooterProps = {
+    sectionTitleColor: string;
+    listItemColor: string;
+    exploreItems: [LinkItem];
+    eventItems: [LinkItem];
+    providerItems: [LinkItem];
+    moreItems: [LinkItem];
+    supportItems: [LinkItem];
+    onSocialMediaClick(id: number): VoidFunction;
+};

package/dist/stories/organisms/Footer/sharedTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sharedTypes.js.map

package/dist/stories/organisms/Footer/sharedTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedTypes.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Footer/sharedTypes.ts"],"names":[],"mappings":""}

package/dist/stories/organisms/Modals/FullPageModal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { FullPageModalType } from './sharedTypes';
-declare function FullPageModal({ isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children, ...props }: FullPageModalType): JSX.Element;
-export default FullPageModal;
+/// <reference types="react" />
+import { FullPageModalType } from './sharedTypes';
+declare function FullPageModal({ isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children, ...props }: FullPageModalType): JSX.Element;
+export default FullPageModal;