@axos-web-dev/shared-components 1.0.99-dev.1 → 1.0.99-feature-brand

package/dist/assets/themes/axos.css

@@ -1,40 +1,40 @@
 ._1073cm80 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #333D46;
-  --_1073cm83: #1E3860;
-  --_1073cm84: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #2F5B88;
-  --_1073cm87: #D4D4D4;
-  --_1073cm88: #F4F4F4;
-  --_1073cm89: #333D46;
-  --_1073cm8a: #1E3860;
-  --_1073cm8b: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #2F5B88;
-  --_1073cm8e: #D4D4D4;
-  --_1073cm8f: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8g: #FFFFFF;
+  --_1073cm82: #1E629A;
+  --_1073cm83: #1F1F1F;
+  --_1073cm84: #D4D4D4;
+  --_1073cm85: #1E3860;
+  --_1073cm86: #FFFFFF;
+  --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm88: #E9F8FF;
+  --_1073cm89: #1E629A;
+  --_1073cm8a: #1F1F1F;
+  --_1073cm8b: #D4D4D4;
+  --_1073cm8c: #1E3860;
+  --_1073cm8d: #FFFFFF;
+  --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm8f: #1E3860;
+  --_1073cm8g: #98DDFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8j: #1E3860;
-  --_1073cm8k: #FAA74A;
-  --_1073cm8l: #1E3860;
-  --_1073cm8m: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
-  --_1073cm8n: #FFFFFF;
-  --_1073cm8o: #FAA74A;
-  --_1073cm8p: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  --_1073cm8i: #1E3860;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8k: #1E3860;
+  --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
+  --_1073cm8m: #14263D;
+  --_1073cm8n: #98DDFF;
+  --_1073cm8o: #FFFFFF;
+  --_1073cm8p: #14263D;
   --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #FAA74A;
-  --_1073cm8s: #4D85B0;
+  --_1073cm8r: #1E3860;
+  --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;
   --_1073cm8w: #F4F4F4;
-  --_1073cm8x: #00805B;
-  --_1073cm8y: #38D7A4;
-  --_1073cm8z: linear-gradient(0deg,#152d54,#27466f);
+  --_1073cm8x: #1E3860;
+  --_1073cm8y: #98DDFF;
+  --_1073cm8z: linear-gradient(0deg,#1E3860,#1E3860);
   --_1073cm810: #FFFFFF;
-  --_1073cm811: #0062b3;
-  --_1073cm812: #4A5560;
+  --_1073cm811: #1A6AAA;
+  --_1073cm812: #14263D;
 }

package/dist/assets/themes/premier.css

@@ -1,40 +1,40 @@
 ._1es6o1h0 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #333D46;
-  --_1073cm83: #1E262F;
-  --_1073cm84: #1E262F;
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #1E262F;
-  --_1073cm87: #D4D4D4;
-  --_1073cm88: #F4F4F4;
-  --_1073cm89: #333D46;
-  --_1073cm8a: #1E262F;
-  --_1073cm8b: #1E262F;
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #1E262F;
-  --_1073cm8e: #D4D4D4;
-  --_1073cm8f: #1E262F;
-  --_1073cm8g: #FFFFFF;
+  --_1073cm82: #14263D;
+  --_1073cm83: #1F1F1F;
+  --_1073cm84: #D4D4D4;
+  --_1073cm85: #1E3860;
+  --_1073cm86: #FFFFFF;
+  --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm88: #E9F8FF;
+  --_1073cm89: #14263D;
+  --_1073cm8a: #1F1F1F;
+  --_1073cm8b: #D4D4D4;
+  --_1073cm8c: #1E3860;
+  --_1073cm8d: #FFFFFF;
+  --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
+  --_1073cm8f: #14263D;
+  --_1073cm8g: #98DDFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: #FFFFFF;
-  --_1073cm8j: #1E262F;
-  --_1073cm8k: #FAA74A;
-  --_1073cm8l: #333D46;
-  --_1073cm8m: #1E262F;
-  --_1073cm8n: #FFFFFF;
-  --_1073cm8o: #FAA74A;
-  --_1073cm8p: #FFFFFF;
+  --_1073cm8i: #14263D;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8k: #1E3860;
+  --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
+  --_1073cm8m: #14263D;
+  --_1073cm8n: #98DDFF;
+  --_1073cm8o: #FFFFFF;
+  --_1073cm8p: #14263D;
   --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #FAA74A;
-  --_1073cm8s: #333D46;
+  --_1073cm8r: #1E3860;
+  --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;
   --_1073cm8w: #F4F4F4;
-  --_1073cm8x: #1E262F;
-  --_1073cm8y: #FAA74A;
-  --_1073cm8z: linear-gradient(0deg, #2c3642, #1e262f);
-  --_1073cm810: #FAA74A;
-  --_1073cm811: #1E262F;
-  --_1073cm812: #1E262F;
+  --_1073cm8x: #1E3860;
+  --_1073cm8y: #98DDFF;
+  --_1073cm8z: linear-gradient(0deg,#14263D,#14263D);
+  --_1073cm810: #FFFFFF;
+  --_1073cm811: #1A6AAA;
+  --_1073cm812: #14263D;
 }

package/dist/assets/themes/victorie.css

@@ -1,32 +1,32 @@
 .fl2fv50 {
   --_1073cm81: #FFFFFF;
-  --_1073cm82: #344a53;
-  --_1073cm83: #28587d;
-  --_1073cm84: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm85: #FFFFFF;
-  --_1073cm86: #dd7b50;
-  --_1073cm87: #7a7b7e;
+  --_1073cm83: #344a53;
+  --_1073cm85: #28587d;
+  --_1073cm87: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm86: #FFFFFF;
+  --_1073cm82: #dd7b50;
+  --_1073cm84: #7a7b7e;
   --_1073cm88: #F4F4F4;
-  --_1073cm89: #344a53;
-  --_1073cm8a: #28587d;
-  --_1073cm8b: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm8c: #FFFFFF;
-  --_1073cm8d: #dd7b50;
-  --_1073cm8e: #d4d4d4;
+  --_1073cm8a: #344a53;
+  --_1073cm8c: #28587d;
+  --_1073cm8e: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm8d: #FFFFFF;
+  --_1073cm89: #dd7b50;
+  --_1073cm8b: #d4d4d4;
   --_1073cm8f: #28587d;
-  --_1073cm8g: #FFFFFF;
   --_1073cm8h: #FFFFFF;
-  --_1073cm8i: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
-  --_1073cm8j: #ffffff;
-  --_1073cm8k: #dd7b50;
-  --_1073cm8l: #ffffff;
+  --_1073cm8j: #FFFFFF;
+  --_1073cm8l: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
+  --_1073cm8k: #ffffff;
+  --_1073cm8g: #dd7b50;
+  --_1073cm8i: #ffffff;
   --_1073cm8m: #E7F5FA;
-  --_1073cm8n: #344A53;
-  --_1073cm8o: #28587d;
-  --_1073cm8p: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
-  --_1073cm8q: #FFFFFF;
-  --_1073cm8r: #28587d;
-  --_1073cm8s: #E7F5FA;
+  --_1073cm8o: #344A53;
+  --_1073cm8q: #28587d;
+  --_1073cm8s: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
+  --_1073cm8r: #FFFFFF;
+  --_1073cm8n: #28587d;
+  --_1073cm8p: #E7F5FA;
   --_1073cm8t: #D2272F;
   --_1073cm8u: #BDBDBD;
   --_1073cm8v: #5E6A74;

package/dist/icons/CheckCircle.js

@@ -16,7 +16,7 @@ const SvgCheckCircle = (props) => /* @__PURE__ */ jsx(
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
-        fill: "#00805B"
+        fill: "#1E3860"
       }
     )
   }

package/dist/icons/CheckCircleLight.js

@@ -14,7 +14,7 @@ const SvgCheckCircleLight = (props) => /* @__PURE__ */ jsx(
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
-        fill: "#38D7A4"
+        fill: "#98DDFF"
       }
     )
   }

package/dist/icons/CheckIcon/index.js

@@ -16,7 +16,7 @@ const SvgCheckIcon = (props) => {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M17.75 9C17.75 4.16751 13.8325 0.25 9 0.25C4.16751 0.25 0.25 4.16751 0.25 9C0.25 13.8325 4.16751 17.75 9 17.75C13.8325 17.75 17.75 13.8325 17.75 9ZM12.933 6.05807L13.8169 6.94195L7.74997 13.0089L4.18303 9.44195L5.06691 8.55807L7.74997 11.2406L12.933 6.05807Z",
-          fill: "#00805B"
+          fill: "#1E3860"
         }
       )
     }

package/dist/icons/QuoteIconGrey.js

@@ -14,14 +14,14 @@ const SvgQuoteIconGrey = (props) => /* @__PURE__ */ jsxs(
           "path",
           {
             d: "M14.8115 0.898438C6.99074 0.898438 0.650391 7.16583 0.650391 14.8966C0.650391 22.6273 6.99074 28.8947 14.8115 28.8947C15.9394 28.8947 17.0362 28.7594 18.0874 28.5135C16.4432 34.9162 12.7588 41.12 6.81658 47.1005C19.4952 40.9909 28.9705 28.8947 28.9705 14.8966C28.9726 7.16583 22.6322 0.898438 14.8115 0.898438Z",
-            fill: "#D4D4D4"
+            fill: "#B9C1CE"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M50.1884 0.898438C42.3677 0.898438 36.0273 7.16583 36.0273 14.8966C36.0273 22.6273 42.3677 28.8947 50.1884 28.8947C51.3163 28.8947 52.4131 28.7594 53.4643 28.5135C51.8202 34.9162 48.1358 41.12 42.1935 47.1005C54.8722 40.9909 64.3474 28.8947 64.3474 14.8966C64.3495 7.16583 58.0092 0.898438 50.1884 0.898438Z",
-            fill: "#D4D4D4"
+            fill: "#B9C1CE"
           }
         )
       ] }),

package/dist/main.js

@@ -171,6 +171,11 @@ import { StepItem } from "./StepItem/StepItem.js";
 import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
 import { StepItemSet } from "./StepItemSet/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/StepItemSet.css.js";
+import { HeaderSection } from "./StepItemSet/sections/HeaderSection.js";
+import { ImageSection } from "./StepItemSet/sections/ImageSection.js";
+import { StepsList } from "./StepItemSet/sections/StepsList.js";
+import { CallToActionSection } from "./StepItemSet/sections/CallToActionSection.js";
+import { AdditionalDetailsSection } from "./StepItemSet/sections/AdditionalDetailsSection.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
@@ -213,6 +218,7 @@ export {
   AccordionItem,
   AccordionItemContent,
   AccordionItemSummary,
+  AdditionalDetailsSection,
   AlertBanner,
   AnnualFeeCalculator,
   ApplicationStart,
@@ -236,6 +242,7 @@ export {
   BuyDownCalculator,
   Calculator,
   CallToActionBar,
+  CallToActionSection,
   Carousel,
   CarouselSlide,
   CategorySelector,
@@ -290,6 +297,7 @@ export {
   GlobalContext,
   GlobalContextProvider,
   GoBackButton,
+  HeaderSection,
   HeroBanner,
   Hyperlink,
   IconBillboard,
@@ -297,6 +305,7 @@ export {
   ImageBillboard,
   ImageBillboardSet,
   ImageLinkSet,
+  ImageSection,
   Input,
   InputAmount,
   InputPhone,
@@ -346,6 +355,7 @@ export {
   SocialMediaBar,
   StepItem,
   StepItemSet,
+  StepsList,
   SuccesFormWrapper,
   SummitApyCalculator,
   Tab,

package/dist/themes/axos.css.d.ts

@@ -2,39 +2,39 @@ export declare const axosTheme: string, vars: {
     colors: {
         primary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         secondary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         tertiary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         quaternary: {
             background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
             body: `var(--${string})`;
+            border: `var(--${string})`;
             headline: `var(--${string})`;
-            textGradient: `var(--${string})`;
             textButton: `var(--${string})`;
-            backgroundButton: `var(--${string})`;
-            border: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
     };
     error: `var(--${string})`;

package/dist/themes/axos.css.js

@@ -1,6 +1,6 @@
 import '../assets/themes/axos.css';/* empty css                        */
 var axosTheme = "_1073cm80";
-var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
+var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
 export {
   axosTheme,
   vars

package/package.json

@@ -1,133 +1,133 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.99-dev.1",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "next-safe-action": "^8.0.2",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.7",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "1.0.99-feature-brand",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.10.0",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "next-safe-action": "^8.0.2",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.2",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^18.3.23",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.7",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.7",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}

package/dist/NavigationMenu/NavDataJson.d.ts

@@ -1,2 +0,0 @@
-export declare const navItems: any;
-export declare const subNavItems: any;