@axos-web-dev/shared-components 0.0.60 → 0.0.62

package/dist/Modal/Modal.js

@@ -16,22 +16,11 @@ import "react-use";
 /* empty css                                                */
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
-/* empty css                                              */
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
-import "clsx";
-/* empty css                                                    */
-import "../Carousel/index.js";
-/* empty css                                                                    */
-import "../HeroBanner/HeroBanner.css.js";
-import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
-import "../ExecutiveBio/ExecutiveBio.css.js";
-import "../FaqAccordion/index.js";
-import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                         */
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -41,9 +30,22 @@ import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "clsx";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "iframe-resizer";
+import "../Calculators/calculator.css.js";
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                         */
 import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -54,9 +56,12 @@ import "./contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/SetContainer/SetContainer.js

@@ -20,18 +20,8 @@ import "react-use";
 /* empty css                                                */
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
-/* empty css                                          */
-/* empty css                                              */
-/* empty css                                                    */
-import "../Carousel/index.js";
-/* empty css                                                                    */
-import "../HeroBanner/HeroBanner.css.js";
-import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
-import "../ExecutiveBio/ExecutiveBio.css.js";
-import "../FaqAccordion/index.js";
-import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                         */
+/* empty css                                          */
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -44,6 +34,18 @@ import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "iframe-resizer";
+import "../Calculators/calculator.css.js";
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                         */
 import { set_container, inline_container } from "./SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -55,9 +57,12 @@ import "../Chevron/Chevron.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/StepItem/StepItem.css.d.ts

@@ -0,0 +1,99 @@
+export declare const li: string;
+export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#4D85B0";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    borderColor: "#4A5560";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#4D85B0";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    borderColor: "#4A5560";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#FAA74A";
+                    background: "#1E3860";
+                } | {
+                    borderColor: "#FAA74A";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#FAA74A";
+                    background: "#1E3860";
+                } | {
+                    borderColor: "#FAA74A";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const bullet_details: string;
+export declare const bs_topic: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const bs_copy: string;

package/dist/StepItem/StepItem.css.js

@@ -0,0 +1,21 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                            */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var li = "_1y8r7dk0";
+var line_points = createRuntimeFn({ defaultClassName: "_1y8r7dk1", variantClassNames: { variant: { primary: "_1y8r7dk2", secondary: "_1y8r7dk3", tertiary: "_1y8r7dk4", quaternary: "_1y8r7dk5" } }, defaultVariants: {}, compoundVariants: [] });
+var point = createRuntimeFn({ defaultClassName: "_1y8r7dk6", variantClassNames: { variant: { primary: "_1y8r7dk7", secondary: "_1y8r7dk8", tertiary: "_1y8r7dk9", quaternary: "_1y8r7dka" } }, defaultVariants: {}, compoundVariants: [] });
+var step_num = createRuntimeFn({ defaultClassName: "_1y8r7dkb", variantClassNames: { variant: { primary: "_1y8r7dkc", secondary: "_1y8r7dkd", tertiary: "_1y8r7dke", quaternary: "_1y8r7dkf" } }, defaultVariants: {}, compoundVariants: [] });
+var bullet_details = "_1y8r7dkg";
+var bs_topic = createRuntimeFn({ defaultClassName: "_1y8r7dkh", variantClassNames: { variant: { primary: "_1y8r7dki", secondary: "_1y8r7dkj", tertiary: "_1y8r7dkk", quaternary: "_1y8r7dkl" } }, defaultVariants: {}, compoundVariants: [] });
+var bs_copy = "_1y8r7dkm";
+export {
+  bs_copy,
+  bs_topic,
+  bullet_details,
+  li,
+  line_points,
+  point,
+  step_num
+};

package/dist/StepItem/StepItem.d.ts

@@ -0,0 +1,10 @@
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ReactNode, FC } from 'react';
+
+export interface StepItemProps {
+    id: string;
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    variant?: QuaternaryTypes;
+}
+export declare const StepItem: FC<StepItemProps>;

package/dist/{StepItems/StepItems.js → StepItem/StepItem.js}

@@ -1,25 +1,25 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { li, line_points, point, step_num, bullet_details, bs_topic, bs_copy } from "./StepItems.css.js";
-const StepItems = ({
+import { li, line_points, point, step_num, bullet_details, bs_topic, bs_copy } from "./StepItem.css.js";
+const StepItem = ({
   id,
-  variant: fullVariant = "primary",
   title,
-  description
+  description,
+  variant: fullVariant = "primary"
 }) => {
   const variant = getVariant(fullVariant);
   let counter = 0;
-  return /* @__PURE__ */ jsxs("li", { className: `flex ${li}`, children: [
+  return /* @__PURE__ */ jsxs("li", { className: `flex ${li}`, id: `id_${id}`, children: [
     /* @__PURE__ */ jsx("div", { className: `${line_points({ variant })}`, children: /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
       /* @__PURE__ */ jsx("div", { className: `${point({ variant })}`, children: " " }),
       /* @__PURE__ */ jsx("div", { className: `flex center middle ${step_num({ variant })}`, children: ++counter })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: bullet_details, children: [
       /* @__PURE__ */ jsx("span", { className: `${bs_topic({ variant })}`, role: "heading", children: title }),
-      /* @__PURE__ */ jsx("span", { className: bs_copy, children: description })
+      /* @__PURE__ */ jsx("span", { className: bs_copy, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
     ] })
-  ] }, id);
+  ] });
 };
 export {
-  StepItems
+  StepItem
 };

package/dist/StepItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StepItem.tsx';
+export * from './StepItem.css.ts';

package/dist/StepItem/index.js

@@ -0,0 +1,12 @@
+import { StepItem } from "./StepItem.js";
+import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem.css.js";
+export {
+  StepItem,
+  bs_copy,
+  bs_topic,
+  bullet_details,
+  li,
+  line_points,
+  point,
+  step_num
+};

package/dist/StepItemSet/StepItemSet.css.d.ts

@@ -0,0 +1,61 @@
+export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const bs_wrapper: string;
+export declare const svg_logo: string;
+export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            fill: "#1E3860";
+        };
+        secondary: {
+            fill: "#1E3860";
+        };
+        tertiary: {
+            fill: "#FFF";
+        };
+        quaternary: {
+            fill: "#FFF";
+        };
+    };
+}>;
+export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const sec_subtitle: string;
+export declare const tablet_col: string;
+export declare const bs_image: string;
+export declare const steps_wrapper: string;
+export declare const ol: string;
+export declare const bs_btns: string;
+export declare const bs_add_details: string;

package/dist/StepItemSet/StepItemSet.css.js

@@ -0,0 +1,30 @@
+/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var bs_section = createRuntimeFn({ defaultClassName: "_18par6f0", variantClassNames: { variant: { primary: "_18par6f1", secondary: "_18par6f2", tertiary: "_18par6f3", quaternary: "_18par6f4" } }, defaultVariants: {}, compoundVariants: [] });
+var bs_wrapper = "_18par6f5";
+var svg_logo = "_18par6f6";
+var modifier = createRuntimeFn({ defaultClassName: "_18par6f7", variantClassNames: { variant: { primary: "_18par6f8", secondary: "_18par6f9", tertiary: "_18par6fa", quaternary: "_18par6fb" } }, defaultVariants: {}, compoundVariants: [] });
+var sec_title = createRuntimeFn({ defaultClassName: "_18par6fc", variantClassNames: { variant: { primary: "_18par6fd", secondary: "_18par6fe", tertiary: "_18par6ff", quaternary: "_18par6fg" } }, defaultVariants: {}, compoundVariants: [] });
+var sec_subtitle = "_18par6fh";
+var tablet_col = "_18par6fi";
+var bs_image = "_18par6fj";
+var steps_wrapper = "_18par6fk";
+var ol = "_18par6fl";
+var bs_btns = "_18par6fm";
+var bs_add_details = "_18par6fn";
+export {
+  bs_add_details,
+  bs_btns,
+  bs_image,
+  bs_section,
+  bs_wrapper,
+  modifier,
+  ol,
+  sec_subtitle,
+  sec_title,
+  steps_wrapper,
+  svg_logo,
+  tablet_col
+};

package/dist/StepItemSet/StepItemSet.d.ts

@@ -0,0 +1,17 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ImageInterface } from '../IconBillboard';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { FC, ReactNode } from 'react';
+import { StepItemProps } from '../StepItem';
+
+export interface StepItemSetProps {
+    id: string;
+    variant?: QuaternaryTypes;
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    image?: ImageInterface;
+    stepItems?: StepItemProps[];
+    callToActionRow?: boolean | ChevronProps[];
+    additionalDetails?: string | ReactNode;
+}
+export declare const StepItemSet: FC<StepItemSetProps>;

package/dist/{StepItems/StepItemsSet.js → StepItemSet/StepItemSet.js}

@@ -5,8 +5,10 @@ import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, li, line_points, point, step_num, bullet_details, bs_topic, bs_copy, bs_btns, bs_add_details } from "./StepItems.css.js";
-const StepItemsSet = ({
+import { StepItem } from "../StepItem/StepItem.js";
+import "../StepItem/StepItem.css.js";
+import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
+const StepItemSet = ({
   id,
   variant: fullVariant = "primary",
   title,
@@ -17,9 +19,8 @@ const StepItemsSet = ({
   additionalDetails
 }) => {
   const variant = getVariant(fullVariant);
-  let counter = 0;
   return /* @__PURE__ */ jsx("section", { className: `${bs_section({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsxs("div", { className: `${bs_wrapper} containment`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "text_center", children: [
+    title || description && /* @__PURE__ */ jsxs("div", { className: "text_center", children: [
       /* @__PURE__ */ jsxs(
         "svg",
         {
@@ -49,11 +50,11 @@ const StepItemsSet = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx("h2", { className: `header_1 ${sec_title({ variant })}`, children: title }),
-      /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: description })
+      title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${sec_title({ variant })}`, children: title }),
+      description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
-      /* @__PURE__ */ jsx(
+      image && /* @__PURE__ */ jsx(
         "div",
         {
           className: bs_image,
@@ -61,24 +62,18 @@ const StepItemsSet = ({
           children: " "
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems.map(({ id: id2, title: title2, description: description2 }) => /* @__PURE__ */ jsxs("li", { className: `flex ${li}`, children: [
-        /* @__PURE__ */ jsx("div", { className: `${line_points({ variant })}`, children: /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-          /* @__PURE__ */ jsx("div", { className: `${point({ variant })}`, children: " " }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `flex center middle ${step_num({ variant })}`,
-              children: ++counter
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: bullet_details, children: [
-          /* @__PURE__ */ jsx("span", { className: `${bs_topic({ variant })}`, role: "heading", children: title2 }),
-          /* @__PURE__ */ jsx("span", { className: bs_copy, children: description2 })
-        ] })
-      ] }, id2)) }) })
+      /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
+        StepItem,
+        {
+          id: `id_${id}`,
+          title: step?.title,
+          description: step?.description,
+          variant: step?.variant
+        },
+        index
+      )) }) })
     ] }),
-    callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx(
+    Array.isArray(callToActionRow) && callToActionRow?.length > 0 && /* @__PURE__ */ jsx(
       "div",
       {
         className: `flex middle center push_up_32 text_center ${bs_btns}`,
@@ -109,5 +104,5 @@ const StepItemsSet = ({
   ] }) });
 };
 export {
-  StepItemsSet
+  StepItemSet
 };

package/dist/StepItemSet/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StepItemSet';
+export * from './StepItemSet.css';

package/dist/StepItemSet/index.js

@@ -0,0 +1,17 @@
+import { StepItemSet } from "./StepItemSet.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet.css.js";
+export {
+  StepItemSet,
+  bs_add_details,
+  bs_btns,
+  bs_image,
+  bs_section,
+  bs_wrapper,
+  modifier,
+  ol,
+  sec_subtitle,
+  sec_title,
+  steps_wrapper,
+  svg_logo,
+  tablet_col
+};

package/dist/TopicalNavItem/TopicalNavItem.css.d.ts

@@ -0,0 +1,5 @@
+export declare const picker_navItem: string;
+export declare const picker_itemProduct: string;
+export declare const picker_arrow: string;
+export declare const picker_itemContent: string;
+export declare const picker_navIcon: string;

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -0,0 +1,13 @@
+/* empty css                                  */
+var picker_navItem = "dmebjx0";
+var picker_itemProduct = "dmebjx1";
+var picker_arrow = "dmebjx2";
+var picker_itemContent = "dmebjx3";
+var picker_navIcon = "dmebjx4";
+export {
+  picker_arrow,
+  picker_itemContent,
+  picker_itemProduct,
+  picker_navIcon,
+  picker_navItem
+};

package/dist/TopicalNavItem/TopicalNavItem.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ImageInterface } from '../IconBillboard';
+
+export interface TopicalItemProps {
+    id: string;
+    icon?: ImageInterface;
+    displayText?: string;
+    targetUrl: string;
+}
+export declare const TopicalNavItem: FC<TopicalItemProps>;

package/dist/TopicalNavItem/TopicalNavItem.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { picker_navItem, picker_itemContent, picker_navIcon, picker_itemProduct, picker_arrow } from "./TopicalNavItem.css.js";
+const TopicalNavItem = ({
+  id,
+  icon,
+  displayText,
+  targetUrl
+}) => {
+  return /* @__PURE__ */ jsxs("a", { className: picker_navItem, href: targetUrl, id: `id_${id}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: picker_itemContent, children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: icon?.src,
+          alt: "",
+          className: picker_navIcon,
+          width: 24,
+          height: 24,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: picker_itemProduct, children: displayText })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: picker_arrow,
+        width: "12",
+        height: "20",
+        viewBox: "0 0 12 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
+            fill: "#4A5560"
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  TopicalNavItem
+};

package/dist/TopicalNavItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TopicalNavItem.css';
+export * from './TopicalNavItem';

package/dist/TopicalNavItem/index.js

@@ -0,0 +1,10 @@
+import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem.css.js";
+import { TopicalNavItem } from "./TopicalNavItem.js";
+export {
+  TopicalNavItem,
+  picker_arrow,
+  picker_itemContent,
+  picker_itemProduct,
+  picker_navIcon,
+  picker_navItem
+};

package/dist/TopicalNavSet/TopicalNavSet.css.d.ts

@@ -0,0 +1,3 @@
+export declare const picker_section: string;
+export declare const picker_container: string;
+export declare const picker_orient: string;

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -0,0 +1,9 @@
+/* empty css                                 */
+var picker_section = "xbzzeo0";
+var picker_container = "xbzzeo1";
+var picker_orient = "xbzzeo2";
+export {
+  picker_container,
+  picker_orient,
+  picker_section
+};

package/dist/TopicalNavSet/TopicalNavSet.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { TopicalItemProps } from '../TopicalNavItem/TopicalNavItem';
+
+export interface TopicalNavSetProps {
+    id: string;
+    topicalNavigationItems: TopicalItemProps[];
+}
+export declare const TopicalNavSet: FC<TopicalNavSetProps>;