@everlywell/consumer-ui 1.23.0 → 1.24.0

package/lib/components/Navbar/NavButton/NavButton.d.ts

@@ -1,7 +1,8 @@
-import type { ComponentWithAs, ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
-export interface NavButtonProps extends ChakraButtonProps {
+import { ComponentWithAs } from '@chakra-ui/react';
+import { Button, ButtonProps } from '../../../../../../ui-kit/src/index.ts';
+export interface NavButtonProps extends ButtonProps {
     isSelected?: boolean;
 }
-declare const NavButton: ComponentWithAs<"button", NavButtonProps>;
+declare const NavButton: ComponentWithAs<typeof Button, NavButtonProps>;
 export default NavButton;
 //# sourceMappingURL=NavButton.d.ts.map

package/lib/components/Navbar/NavButton/NavButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavButton/NavButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,IAAI,iBAAiB,EACjC,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgBD,QAAA,MAAM,SAAS,EAyBV,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"NavButton.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavButton/NavButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAQ,MAAM,oBAAoB,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,EAkCV,eAAe,CAAC,OAAO,MAAM,EAAE,cAAc,CAAC,CAAC;AAEpD,eAAe,SAAS,CAAC"}

package/lib/components/Navbar/NavSkeleton/NavSkeleton.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+export interface NavSkeletonProps {
+    /**
+     * Number of navigation links to display
+     * @default 5
+     */
+    numLinks?: number;
+    /**
+     * Whether to show the promo button
+     * @default true
+     */
+    showPromoButton?: boolean;
+}
+/**
+ * A loading skeleton component for the navigation bar that provides a visual placeholder
+ * while content is being loaded.
+ */
+declare const NavSkeleton: FC<NavSkeletonProps>;
+export default NavSkeleton;
+//# sourceMappingURL=NavSkeleton.d.ts.map

package/lib/components/Navbar/NavSkeleton/NavSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavSkeleton/NavSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAU3B,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiCrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/Navbar/NavSkeleton/NavSkeleton.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import NavSkeleton from './NavSkeleton';
+declare const meta: Meta<typeof NavSkeleton>;
+export default meta;
+type Story = StoryObj<typeof NavSkeleton>;
+export declare const Default: Story;
+export declare const WithCustomLinks: Story;
+export declare const WithoutPromoButton: Story;
+export declare const CustomLinksAndNoPromo: Story;
+//# sourceMappingURL=NavSkeleton.stories.d.ts.map

package/lib/components/Navbar/NavSkeleton/NavSkeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSkeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavSkeleton/NavSkeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAkBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAKnC,CAAC"}

package/lib/components/Navbar/NavSkeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './NavSkeleton';
+export type { NavSkeletonProps } from './NavSkeleton';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Navbar/NavSkeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavSkeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/Navbar/NavbarDrawer/NavbarDrawer.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+export declare const NAV_DRAWER_HOVER_EVENT = "nav-drawer-hover";
+export declare const dispatchDrawerHoverEvent: (isHovering: boolean) => void;
 export type NavbarDrawerProps = {
     /**
      * Whether the drawer is open. Defaults to false.
@@ -7,7 +9,7 @@ export type NavbarDrawerProps = {
     /**
      * Callback for when the drawer should close
      */
-    onClose: () => void;
+    onClose: VoidFunction;
     /**
      * The title text to display in the drawer header
      */
@@ -21,7 +23,7 @@ export type NavbarDrawerProps = {
      * Bottom section content including promo and navigation buttons.
      * This should be a container with the promo content and NavButton components.
      */
-    bottomNavButtons: React.ReactNode;
+    bottomNavButtons?: React.ReactNode;
     /**
      * Optional spotlight cards. This should be using the SpotlightCard component. If passing multiple cards, wrap them in a fragment <></>.
      */
@@ -39,13 +41,17 @@ export type NavbarDrawerProps = {
      * Callback for when the back button is clicked.
      * Only used when hasBackButton is true.
      */
-    onBackClick?: () => void;
+    onBackClick?: VoidFunction;
     /**
      * Whether the drawer has only spotlight cards.
      * This is used to adjust the layout of the drawer.
      * @default false
      */
     hasOnlySpotlightCards?: boolean;
+    /**
+     * The height of the top navigation bar in pixels
+     */
+    navHeight?: number;
 };
 export declare const NavbarDrawer: React.FC<NavbarDrawerProps>;
 export default NavbarDrawer;

package/lib/components/Navbar/NavbarDrawer/NavbarDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarDrawer.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavbarDrawer/NavbarDrawer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;OAGG;IACH,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkIpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"NavbarDrawer.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavbarDrawer/NavbarDrawer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AAGzD,eAAO,MAAM,wBAAwB,eAAgB,OAAO,SAQ3D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgNpD,CAAC;AACF,eAAe,YAAY,CAAC"}

package/lib/components/Navbar/NavbarDrawer/NavbarDrawer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarDrawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavbarDrawer/NavbarDrawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAY9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAkBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAiH3C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAiCpC,CAAC"}
+{"version":3,"file":"NavbarDrawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavbarDrawer/NavbarDrawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAY9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAkBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AA6H3C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAmCpC,CAAC"}

package/lib/components/Navbar/NavbarDrawerLink/NavbarDrawerLink.d.ts

@@ -1,9 +1,29 @@
 import { LinkProps } from '../../../../../../ui-kit/src/index.ts';
 import { ReactElement } from 'react';
+import { ComponentWithAs } from '@chakra-ui/react';
+import { CustomLinkComponent } from '../types';
 export interface NavbarDrawerLinkProps extends LinkProps {
+    /**
+     * The label text for the link
+     * */
     label: string;
+    /**
+     * The font size for the main text
+     * */
+    mainTextFontSize?: string;
+    /**
+     * Additional content to display next to the main text
+     * */
     additionalContent?: string | ReactElement;
+    /**
+     * Custom link component to use in place of the default Link component
+     * */
+    linkComponent?: CustomLinkComponent;
+    /**
+     * The href for the link
+     * */
+    href?: string;
 }
-declare const NavbarDrawerLink: ({ label, additionalContent, ...wrapperProps }: NavbarDrawerLinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarDrawerLink: ComponentWithAs<"a", NavbarDrawerLinkProps>;
 export default NavbarDrawerLink;
 //# sourceMappingURL=NavbarDrawerLink.d.ts.map

package/lib/components/Navbar/NavbarDrawerLink/NavbarDrawerLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarDrawerLink.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavbarDrawerLink/NavbarDrawerLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAoB,MAAM,oBAAoB,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAC3C;AAOD,QAAA,MAAM,gBAAgB,kDAInB,qBAAqB,4CA2DvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"NavbarDrawerLink.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavbarDrawerLink/NavbarDrawerLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAyB,MAAM,oBAAoB,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD;;SAEK;IACL,KAAK,EAAE,MAAM,CAAC;IACd;;SAEK;IACL,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;SAEK;IACL,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC1C;;SAEK;IACL,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;SAEK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,EAgFjB,eAAe,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;AAEjD,eAAe,gBAAgB,CAAC"}

package/lib/components/Navbar/NavigationBar/NavigationBar.builder.d.ts

@@ -0,0 +1,8 @@
+import { NavigationBarProps, NavigationCategory } from './NavigationBar';
+import { SpotlightCardProps } from '../SpotlightCard';
+export declare const spotlightCardMock: SpotlightCardProps;
+export declare const mockCategories: NavigationCategory[];
+export declare const mockMobileBottomButtons: import("react/jsx-runtime").JSX.Element[];
+export declare const defaultProps: NavigationBarProps;
+export declare const buildNavigationBarProps: (props?: Partial<NavigationBarProps>) => NavigationBarProps;
+//# sourceMappingURL=NavigationBar.builder.d.ts.map

package/lib/components/Navbar/NavigationBar/NavigationBar.builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.builder.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/NavigationBar.builder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,eAAO,MAAM,iBAAiB,EAAE,kBAoB/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,EAoI9C,CAAC;AAEF,eAAO,MAAM,uBAAuB,2CAmCnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAQ1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAC3B,OAAO,CAAC,kBAAkB,CAAC,KACjC,kBAGD,CAAC"}

package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts

@@ -0,0 +1,105 @@
+import React, { ReactElement } from 'react';
+import { CustomLinkComponent } from '../types';
+import { NavButtonProps } from '../NavButton';
+import { SpotlightCardProps } from '../SpotlightCard';
+/**
+ * Represents a navigation link item in the navigation bar
+ */
+export type NavigationBarLink = {
+    /** The text label to display for the link */
+    label: string;
+    /** The URL that the link points to */
+    href: string;
+    /** Optional additional content to display alongside the link (e.g. badge, icon) */
+    additionalContent?: string | ReactElement;
+};
+/**
+ * Represents a section of navigation links with a title
+ */
+export type NavigationBarSection = {
+    /** The title text for this section of links */
+    title: string;
+    /** Array of navigation links contained in this section */
+    links: NavigationBarLink[];
+};
+/**
+ * Represents a category in the navigation bar that can contain sections and spotlight cards
+ */
+export type NavigationCategory = {
+    /** The text label for this category */
+    label: string;
+    /** Optional array of navigation sections within this category */
+    sections?: NavigationBarSection[];
+    /** Optional additional content to display with the category (e.g. badge, icon) */
+    additionalContent?: string | ReactElement;
+    /** Optional array of spotlight cards to display in this category */
+    spotlightCards?: SpotlightCardProps[];
+    /** Whether this category should only display spotlight cards without sections */
+    hasOnlySpotlightCards?: boolean;
+    /** Optional button element to display at the bottom of the category drawer */
+    bottomButton?: ReactElement;
+    /** Optional props to pass to the NavButton component */
+    buttonProps?: Omit<NavButtonProps, 'children'>;
+    /**
+     * Whether or not the link is shown as one of the top links in mobile view
+     * @default true
+     */
+    isMobileTopLink?: boolean;
+};
+export type NavigationBarProps = {
+    /**
+     * Array of navigation categories
+     */
+    categories: NavigationCategory[];
+    /**
+     * Number of items in the cart
+     * @default 0
+     */
+    numberOfCartItems: number;
+    /**
+     * Callback for when the cart button is clicked
+     */
+    onCartClick: VoidFunction;
+    /**
+     * Optional label for the main category. Used only for mobile navigation.
+     * @default 'menu'
+     */
+    mainCategoryLabel?: string;
+    /**
+     * Optional custom link component to use instead of the default Link component
+     */
+    linkComponent?: CustomLinkComponent;
+    /**
+     * URL for the logo link
+     * @default 'https://www.everlywell.com'
+     */
+    logoLink?: string;
+    /**
+     * Whether to show the search button
+     * @default true
+     */
+    hasSearch?: boolean;
+    /**
+     * Callback for when the search button is clicked
+     */
+    onSearchClick?: VoidFunction;
+    /**
+     * URL for the registration link
+     * @default 'https://www.everlywell.com/register'
+     */
+    registrationUrl: string;
+    /**
+     * URL for the login/profile link. Pass it accordingly to go to login or my everly.
+     * @default 'https://secure.everlywell.com/login'
+     */
+    profileUrl: string;
+    /**
+     * Array of buttons to show in the mobile bottom navigation.
+     * These buttons will be displayed at the bottom of the mobile navigation drawer.
+     * It should be an array of React elements using the NavButton component.
+     */
+    mobileBottomButtons?: React.ReactElement[];
+};
+export declare const NavigationBar: React.FC<NavigationBarProps>;
+export default NavigationBar;
+//# sourceMappingURL=NavigationBar.d.ts.map

package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/NavigationBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAY,YAAY,EAA0B,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAK7D,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAIrE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC1C,oEAAoE;IACpE,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACtC,iFAAiF;IACjF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,8EAA8E;IAC9E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,WAAW,EAAE,YAAY,CAAC;IAC1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6PtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Navbar/NavigationBar/NavigationBar.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./NavigationBar").NavigationBarProps>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=NavigationBar.stories.d.ts.map

package/lib/components/Navbar/NavigationBar/NavigationBar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/NavigationBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;CAM4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

package/lib/components/Navbar/NavigationBar/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './NavigationBar';
+export type { NavigationBarProps, NavigationCategory, NavigationBarSection, NavigationBarLink, } from './NavigationBar';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Navbar/NavigationBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/NavigationBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC"}

package/lib/components/Navbar/SpotlightCard/SpotlightCard.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { CustomLinkComponent } from '../types';
 /**
  * Base properties for the SpotlightCard component.
  */
@@ -26,9 +27,19 @@ interface BaseSpotlightCardProps {
     backgroundColor: string;
     /**
      * Optional function called when the card is clicked
-     * @type {() => void}
+     * @type {VoidFunction}
      */
-    onClick?: () => void;
+    onClick?: VoidFunction;
+    /**
+     * The URL to navigate to when the card is clicked
+     * @type {string}
+     * @default '#'
+     * */
+    href: string;
+    /**
+     * Custom link component to use in place of the default Link component
+     * */
+    linkComponent?: CustomLinkComponent;
 }
 /**
  * Properties for the SpotlightCard component when using an image URL.
@@ -66,6 +77,6 @@ export interface SpotlightCardWithImageElement extends BaseSpotlightCardProps {
  * The card has different layouts for mobile and desktop views.
  */
 export type SpotlightCardProps = SpotlightCardWithImageSrc | SpotlightCardWithImageElement;
-export declare const SpotlightCard: ({ title, description, imageSrc, imageElement, button, backgroundColor, onClick, }: SpotlightCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpotlightCard: ({ title, description, imageSrc, imageElement, button, backgroundColor, onClick, href, linkComponent, }: SpotlightCardProps) => import("react/jsx-runtime").JSX.Element;
 export default SpotlightCard;
 //# sourceMappingURL=SpotlightCard.d.ts.map

package/lib/components/Navbar/SpotlightCard/SpotlightCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightCard.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/SpotlightCard/SpotlightCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC;;GAEG;AACH,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC;IAErB;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,sBAAsB;IAC3E;;;OAGG;IACH,YAAY,EAAE,YAAY,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAC1B,yBAAyB,GACzB,6BAA6B,CAAC;AAElC,eAAO,MAAM,aAAa,sFAQvB,kBAAkB,4CAoEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SpotlightCard.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/SpotlightCard/SpotlightCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAE7D;;GAEG;AACH,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC;IAErB;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;SAIK;IACL,IAAI,EAAE,MAAM,CAAC;IAEb;;SAEK;IACL,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,sBAAsB;IAC3E;;;OAGG;IACH,YAAY,EAAE,YAAY,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAC1B,yBAAyB,GACzB,6BAA6B,CAAC;AAElC,eAAO,MAAM,aAAa,2GAUvB,kBAAkB,4CAgFpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts

@@ -23,11 +23,11 @@ export type TopNavigationProps = {
     /**
      * Callback for when the menu button is clicked
      * */
-    onMenuClick: () => void;
+    onMenuClick: VoidFunction;
     /**
      * Callback for when the search button is clicked
      * */
-    onSearchClick?: () => void;
+    onSearchClick?: VoidFunction;
     /**
      * Whether the search button should be displayed. Remember to pass the onSearchClick callback if this is true.
      * @default false
@@ -38,6 +38,11 @@ export type TopNavigationProps = {
      * @default 'https://www.everlywell.com'
      * */
     logoLink?: string;
+    /**
+     * Callback that returns the height of the navigation bar.
+     * Useful to know where to start the content of drawer.
+     */
+    onHeightChange?: (height: number) => void;
 };
 export declare const TopNavigation: React.FC<TopNavigationProps>;
 export default TopNavigation;

package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;SAGK;IACL,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;SAGK;IACL,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;SAGK;IACL,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;SAEK;IACL,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;SAEK;IACL,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;SAGK;IACL,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0DtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TopNavigation.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;SAGK;IACL,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;SAGK;IACL,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;SAGK;IACL,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;SAEK;IACL,WAAW,EAAE,YAAY,CAAC;IAC1B;;SAEK;IACL,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;;SAGK;IACL,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyGtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Navbar/TopNavigation/TopNavigation.stories.d.ts

@@ -11,10 +11,11 @@ export declare const WithItems: {
         desktopTopButtons?: import("react").ReactNode;
         kitRegistrationElement?: import("react").ReactNode;
         profileElement?: import("react").ReactNode;
-        onMenuClick?: (() => void) | undefined;
-        onSearchClick?: () => void;
+        onMenuClick?: VoidFunction | undefined;
+        onSearchClick?: VoidFunction;
         hasSearch?: boolean;
         logoLink?: string;
+        onHeightChange?: (height: number) => void;
     };
 };
 //# sourceMappingURL=TopNavigation.stories.d.ts.map

package/lib/components/Navbar/TopNavigation/TopNavigation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigation.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAMpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAKrB,CAAC"}
+{"version":3,"file":"TopNavigation.stories.d.ts","sourceRoot":"","sources":["../../../../../../../libs/consumer-ui/src/lib/components/Navbar/TopNavigation/TopNavigation.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAMpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;CAKrB,CAAC"}

package/lib/components/Navbar/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Type definition for a custom link component that can be used in place of the default Link component
+ * This type supports both href-based links (like UI Kit Link) and to-based links (like Gatsby Link)
+ */
+export type CustomLinkComponent = React.ComponentType<any>;
+/**
+ * Helper function to get the appropriate link prop (href or to) based on the component type
+ * @param path The URL path
+ * @param isExternalComponent Whether the component is an external link component (like Gatsby Link)
+ * @returns An object with either href or to prop
+ */
+export declare const getLinkProps: (path: string | undefined, isExternalComponent?: boolean) => {
+    to: string | undefined;
+    href?: undefined;
+} | {
+    href: string | undefined;
+    to?: undefined;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Navbar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../libs/consumer-ui/src/lib/components/Navbar/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAE3D;;;;;GAKG;AACH,eAAO,MAAM,YAAY,SACjB,MAAM,GAAG,SAAS,wBACF,OAAO;;;;;;CAK9B,CAAC"}

package/lib/utils/testHelpers/setupTests.d.ts

@@ -0,0 +1,6 @@
+declare class ResizeObserverMock {
+    observe(): void;
+    unobserve(): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=setupTests.d.ts.map

package/lib/utils/testHelpers/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../../../../../../libs/consumer-ui/src/lib/utils/testHelpers/setupTests.ts"],"names":[],"mappings":"AACA,cAAM,kBAAkB;IACtB,OAAO;IACP,SAAS;IACT,UAAU;CACX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everlywell/consumer-ui",
-  "version": "1.23.0",
+  "version": "1.24.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/lib/components/TemporaryCard/TemporaryCard.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export type TemporaryCardProps = {
-    /**
-     * The title of the card
-     */
-    title: string;
-    /**
-     * The subtitle of the card
-     */
-    subtitle: string;
-    /**
-     * The children of the card
-     */
-    children: React.ReactNode;
-};
-/**
- * This component is just to test the flow of the component library. To be removed.
- */
-export default function TemporaryCard({ title, subtitle, children, }: TemporaryCardProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TemporaryCard.d.ts.map

package/lib/components/TemporaryCard/TemporaryCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemporaryCard.d.ts","sourceRoot":"","sources":["../../../../../../libs/consumer-ui/src/lib/components/TemporaryCard/TemporaryCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AAEH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,2CAkBpB"}

package/lib/components/TemporaryCard/TemporaryCard.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    title: string;
-    subtitle: string;
-}>;
-//# sourceMappingURL=TemporaryCard.stories.d.ts.map

package/lib/components/TemporaryCard/TemporaryCard.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemporaryCard.stories.d.ts","sourceRoot":"","sources":["../../../../../../libs/consumer-ui/src/lib/components/TemporaryCard/TemporaryCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;wBAuBnC,IAAI;AAlBT,wBAkBU;AAEV,eAAO,MAAM,OAAO;;;EAanB,CAAC"}

package/lib/components/TemporaryCard/index.d.ts

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

package/lib/components/TemporaryCard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../libs/consumer-ui/src/lib/components/TemporaryCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}