@axos-web-dev/shared-components 0.0.152 → 0.0.153

package/dist/Forms/CpraRequest.js

@@ -30,6 +30,7 @@ import * as z from "zod";
 import { formContainer, iconForm, headerContainer, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
 import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
 import CheckboxGroup from "../Input/CheckboxGroup.js";
+import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
 const CpraRequest = ({
   icon = false,
   children,
@@ -47,8 +48,18 @@ const CpraRequest = ({
     California_Resident: z.string(),
     Categories_of_personal_info: z.string(),
     Pieces_of_personal_information: z.string(),
-    Request_Correction_of_Information: z.string(),
-    Corrected_Information: z.string(),
+    Request_Correction_of_Information: z.string().optional(),
+    Corrected_Information: z.string().optional().refine(
+      (val) => {
+        if (requestCorrectionOfInfo === "Yes" && !val) {
+          return false;
+        }
+        return true;
+      },
+      {
+        message: "Corrected Information is required."
+      }
+    ),
     Delete_personal_info: z.string(),
     Opt_out_of_sale_of_info: z.string(),
     Current_client: z.string(),
@@ -710,6 +721,13 @@ const CpraRequest = ({
       ] }),
       children,
       /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+      /* @__PURE__ */ jsx("div", { className: `${headerContainer}`, children: /* @__PURE__ */ jsxs("div", { className: `${form} ${descriptionField({ variant })}`, children: [
+        "For additional questions or concerns, please",
+        " ",
+        /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{ONLINEBANKING}/Messages/Inbox"), children: "log in to online banking" }),
+        " ",
+        "and send us a secure message."
+      ] }) }),
       /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
         Button,
         {
@@ -719,6 +737,14 @@ const CpraRequest = ({
           disabled: !isValid || isSubmitting,
           children: callToAction?.displayText
         }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: `${headerContainer}`, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: "test",
+          className: `${form} ${descriptionField({ variant })}`,
+          children: "* = Required Field"
+        }
       ) })
     ] })
   ] }) }) }, id);

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -151,7 +151,7 @@ const MortgageRate = ({
     propertyType: z.number({ message: "Property Type is required." }).positive({ message: "Property Type is required." }),
     occupancy: z.number({ message: "Property Usage is required." }).positive({ message: "Property Usage is required." }),
     salesPrice: z.number({ message: "Purchase Price is required." }).optional().refine((val) => loanPurpose === 1 ? val != null : true, {
-      message: "Sales Price is required for purchase"
+      message: "Sales Price is required."
     }).refine(
       (val) => {
         if (loanPurpose === 1) {
@@ -214,6 +214,15 @@ const MortgageRate = ({
       methods.setValue("downPayment", 0);
     }
   }, [loanPurpose, methods]);
+  useEffect(() => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const mortgageType = urlParams.get("mortgage-type");
+    if (mortgageType === "refinance") {
+      setLoanPurpose(2);
+      setRateType("Refinance");
+      methods.setValue("loanPurpose", 2);
+    }
+  }, [methods]);
   const {
     handleSubmit,
     register,

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.d.ts

@@ -10,7 +10,20 @@ export type MortgageRateFilterInputs = {
     mortgageBalance: number;
     cashOut: number;
 };
-export declare const MortgageRateFilters: ({ onSubmit, initialLoanPurpose, }: {
-    onSubmit?: ((values: MortgageRateFilterInputs) => void) | undefined;
-    initialLoanPurpose?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+interface MortgageRateFiltersProps {
+    formData: {
+        loanPurpose: number;
+        propertyType: string;
+        occupancy: string;
+        salesPrice: number;
+        downPayment: number;
+        creditScore: string;
+        zipCode: number;
+        appraisedValue: number;
+        mortgageBalance: number;
+        cashOut: number;
+    };
+    onSubmit: (values: MortgageRateFilterInputs) => void;
+}
+export declare const MortgageRateFilters: ({ formData, onSubmit, }: MortgageRateFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -22,18 +22,16 @@ import { formContainer, headerContainer, headerForm, form, formWrapper, fullRowF
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import { LoadingIndicator } from "../../LoadingIndicator/index.js";
 const MortgageRateFilters = ({
-  onSubmit = (values) => {
-    console.log(values);
-  },
-  initialLoanPurpose = 1
+  formData,
+  onSubmit
 }) => {
-  const [loanPurpose, setLoanPurpose] = useState(initialLoanPurpose);
+  const [loanPurpose, setLoanPurpose] = useState(formData.loanPurpose);
   const [salesPriceVal, setSalesPriceVal] = useState(0);
   const [isTypingDownPayment, setIsTypingDownPayment] = useState(false);
   const [downPaymentPercentage, setDownPaymentPercentage] = useState(10);
   const [_downPayment, setDownPayment] = useState(0);
   const schema = z.object({
-    loanPurpose: z.number({ message: "Loan Purpose is required." }).positive({ message: "Loan Purpose is required." }),
+    loanPurpose: z.number({ message: "Loan Purpose is required." }),
     propertyType: z.number({ message: "Property Type is required." }).positive({ message: "Property Type is required." }),
     occupancy: z.number({ message: "Property Usage is required." }).positive({ message: "Property Usage is required." }),
     salesPrice: z.number({ message: "Purchase Price is required." }).optional().refine((val) => loanPurpose === 1 ? val != null : true, {
@@ -64,21 +62,21 @@ const MortgageRateFilters = ({
     zipCode: z.number().positive({ message: "Zip Code is required." }),
     appraisedValue: z.number({ message: "Home Price is required." }).optional().refine(
       (val) => {
-        if (loanPurpose === 2 && val == null) {
-          return false;
+        if (loanPurpose === 2) {
+          return val != null && val >= 5e4 && val <= 25e6;
         }
         return true;
       },
-      { message: "Appraised Value is required for refinance" }
+      { message: "Value must be between $50,000 and $25,000,000." }
     ),
     mortgageBalance: z.number({ message: "Mortgage Balance is required." }).optional().refine(
       (val) => {
-        if (loanPurpose === 2 && val == null) {
-          return false;
+        if (loanPurpose === 2) {
+          return val != null && val >= 5e4 && val <= 25e6;
         }
         return true;
       },
-      { message: "Mortgage Balance is required for refinance" }
+      { message: "Value must be between $50,000 and $25,000,000." }
     ),
     cashOut: z.number({ message: "Cash Out is required." }).optional().refine(
       (val) => {
@@ -184,7 +182,7 @@ const MortgageRateFilters = ({
                 error: !!errors.propertyType,
                 helperText: errors.propertyType?.message,
                 variant: "tertiary",
-                defaultValue: "Select option",
+                defaultValue: formData.propertyType ?? "Select option",
                 children: [
                   /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "1", children: "Single Family Home" }),
@@ -210,7 +208,7 @@ const MortgageRateFilters = ({
                 error: !!errors.occupancy,
                 helperText: errors.occupancy?.message,
                 variant: "tertiary",
-                defaultValue: "Select option",
+                defaultValue: formData.occupancy ?? "Select option",
                 children: [
                   /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "1", children: "Primary Residence" }),
@@ -253,7 +251,8 @@ const MortgageRateFilters = ({
                   onFocus: (e) => {
                     const currentValue = e.target.value;
                     e.target.value = currentValue.replace(/[$,]/g, "");
-                  }
+                  },
+                  defaultValue: formData.salesPrice > 0 ? formatCurrency(formData.salesPrice) : ""
                 }
               ) }),
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -279,7 +278,8 @@ const MortgageRateFilters = ({
                   variant: "tertiary",
                   isTypingDownPayment,
                   setIsTypingDownPayment,
-                  methods
+                  methods,
+                  defaultValue: formData.downPayment
                 }
               ) })
             ] }),
@@ -288,7 +288,7 @@ const MortgageRateFilters = ({
                 Input,
                 {
                   id: "appraisedValue",
-                  type: "number",
+                  type: "text",
                   ...register("appraisedValue", {
                     required: true,
                     setValueAs: (value) => parseCurrency(value)
@@ -302,20 +302,28 @@ const MortgageRateFilters = ({
                   onBlur: (e) => {
                     const rawValue = e.target.value;
                     const parsedValue = parseCurrency(rawValue);
-                    methods.setValue("appraisedValue", parsedValue);
-                    e.target.value = formatCurrency(parsedValue);
+                    if (parsedValue === 0) {
+                      methods.setError("appraisedValue", {
+                        type: "manual",
+                        message: "Purchase Price is required."
+                      });
+                    } else {
+                      methods.setValue("appraisedValue", parsedValue);
+                      e.target.value = formatCurrency(parsedValue);
+                    }
                   },
                   onFocus: (e) => {
                     const currentValue = e.target.value;
                     e.target.value = currentValue.replace(/[$,]/g, "");
-                  }
+                  },
+                  defaultValue: formData.appraisedValue > 0 ? formatCurrency(formData.appraisedValue) : ""
                 }
               ) }),
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                 Input,
                 {
                   id: "mortgageBalance",
-                  type: "number",
+                  type: "text",
                   ...register("mortgageBalance", {
                     required: true,
                     setValueAs: (value) => parseCurrency(value)
@@ -329,13 +337,21 @@ const MortgageRateFilters = ({
                   onBlur: (e) => {
                     const rawValue = e.target.value;
                     const parsedValue = parseCurrency(rawValue);
-                    methods.setValue("cashOut", parsedValue);
-                    e.target.value = formatCurrency(parsedValue);
+                    if (parsedValue === 0) {
+                      methods.setError("mortgageBalance", {
+                        type: "manual",
+                        message: "Purchase Price is required."
+                      });
+                    } else {
+                      methods.setValue("mortgageBalance", parsedValue);
+                      e.target.value = formatCurrency(parsedValue);
+                    }
                   },
                   onFocus: (e) => {
                     const currentValue = e.target.value;
                     e.target.value = currentValue.replace(/[$,]/g, "");
-                  }
+                  },
+                  defaultValue: formData.mortgageBalance > 0 ? formatCurrency(formData.mortgageBalance) : ""
                 }
               ) })
             ] }),
@@ -353,7 +369,7 @@ const MortgageRateFilters = ({
                 error: !!errors.creditScore,
                 helperText: errors.creditScore?.message,
                 variant: "tertiary",
-                defaultValue: "Select option",
+                defaultValue: formData.creditScore ?? "Select option",
                 children: [
                   /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "740", children: "740+" }),
@@ -381,7 +397,8 @@ const MortgageRateFilters = ({
                 required: true,
                 error: !!errors.zipCode,
                 helperText: errors.zipCode?.message,
-                variant: "tertiary"
+                variant: "tertiary",
+                defaultValue: formData.zipCode
               }
             ) }),
             loanPurpose === 2 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -398,7 +415,8 @@ const MortgageRateFilters = ({
                 required: true,
                 error: !!errors.cashOut,
                 helperText: errors.cashOut?.message,
-                variant: "tertiary"
+                variant: "tertiary",
+                defaultValue: formData.cashOut
               }
             ) }) }) : null
           ] }),

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -45,8 +45,8 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c: z.ZodOptional<z.ZodString>;
     First_UTMSource__c: z.ZodOptional<z.ZodString>;
     First_UTMTerm__c: z.ZodOptional<z.ZodString>;
-    utm_cjdata: z.ZodOptional<z.ZodString>;
-    utm_cjevent: z.ZodOptional<z.ZodString>;
+    Primary_Cjdata__c: z.ZodOptional<z.ZodString>;
+    Primary_Cjevent__c: z.ZodOptional<z.ZodString>;
     Fuutm_cjevennfatll_Web_Source__c: z.ZodOptional<z.ZodString>;
     First_MicrosoftClickId__c: z.ZodOptional<z.ZodString>;
     First_GoogleClickId__c: z.ZodOptional<z.ZodString>;
@@ -69,8 +69,8 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c?: string | undefined;
     First_UTMSource__c?: string | undefined;
     First_UTMTerm__c?: string | undefined;
-    utm_cjdata?: string | undefined;
-    utm_cjevent?: string | undefined;
+    Primary_Cjdata__c?: string | undefined;
+    Primary_Cjevent__c?: string | undefined;
     Fuutm_cjevennfatll_Web_Source__c?: string | undefined;
     First_MicrosoftClickId__c?: string | undefined;
     First_GoogleClickId__c?: string | undefined;
@@ -93,8 +93,8 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMMedium__c?: string | undefined;
     First_UTMSource__c?: string | undefined;
     First_UTMTerm__c?: string | undefined;
-    utm_cjdata?: string | undefined;
-    utm_cjevent?: string | undefined;
+    Primary_Cjdata__c?: string | undefined;
+    Primary_Cjevent__c?: string | undefined;
     Fuutm_cjevennfatll_Web_Source__c?: string | undefined;
     First_MicrosoftClickId__c?: string | undefined;
     First_GoogleClickId__c?: string | undefined;

package/dist/Forms/SalesforceFieldsForm.js

@@ -24,8 +24,8 @@ const SalesforceSchema = z.object({
   First_UTMMedium__c: z.string().optional(),
   First_UTMSource__c: z.string().optional(),
   First_UTMTerm__c: z.string().optional(),
-  utm_cjdata: z.string().optional(),
-  utm_cjevent: z.string().optional(),
+  Primary_Cjdata__c: z.string().optional(),
+  Primary_Cjevent__c: z.string().optional(),
   Fuutm_cjevennfatll_Web_Source__c: z.string().optional(),
   First_MicrosoftClickId__c: z.string().optional(),
   First_GoogleClickId__c: z.string().optional(),

package/dist/Input/DownPaymentInput.js

@@ -32,7 +32,6 @@ const DownPaymentInput = forwardRef(
       const value = parseCurrency(e.target.value);
       setDownPayment(value);
       setIsTypingDownPayment(true);
-      console.log("handleDownPaymentChange ? yup");
       methods.setValue("downPayment", value);
       methods.trigger("downPayment");
       if (salesPrice && !isTypingDownPayment) {

package/dist/assets/Forms/Forms.css

@@ -358,6 +358,11 @@
     width: 50%;
   }
 }
+@media screen and (max-width: 500px) {
+  .tfms6a1o {
+    flex-direction: column;
+  }
+}
 @media screen and (max-width: 800px) {
   .tfms6a1q {
     flex-direction: column;

package/package.json

@@ -1,124 +1,124 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.152",
-  "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": {
-    "@hookform/resolvers": "^3.9.0",
-    "@react-input/mask": "^1.2.11",
-    "@react-input/number-format": "^1.1.1",
-    "@storybook/icons": "^1.2.12",
-    "@storybook/preview-api": "^8.3.5",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.0",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.21.5",
-    "clsx": "^2.1.1",
-    "iframe-resizer": "4.3.11",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "react-date-picker": "^11.0.0",
-    "react-hook-form": "^7.53.1",
-    "react-markdown": "^9.0.1",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.5.1",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.72.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.8",
-    "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-dom": "^18.2.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.8.0",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
-    "@storybook/addon-themes": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.10",
-    "@types/node": "^20.16.10",
-    "@types/react": "^18.3.11",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.15",
-    "@vitejs/plugin-react-swc": "^3.7.0",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.6",
-    "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.2.9",
-    "typescript": "^5.6.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.9",
-    "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": "0.0.153",
+  "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": {
+    "@hookform/resolvers": "^3.9.0",
+    "@react-input/mask": "^1.2.11",
+    "@react-input/number-format": "^1.1.1",
+    "@storybook/icons": "^1.2.12",
+    "@storybook/preview-api": "^8.3.5",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.16.0",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.21.5",
+    "clsx": "^2.1.1",
+    "iframe-resizer": "4.3.11",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "react-date-picker": "^11.0.0",
+    "react-hook-form": "^7.53.1",
+    "react-markdown": "^9.0.1",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.5.1",
+    "react-wrap-balancer": "^1.1.1",
+    "rsuite": "^5.72.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "zod": "^3.23.8",
+    "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-dom": "^18.2.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.8.0",
+    "@rollup/plugin-alias": "^5.1.0",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/addon-themes": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.10",
+    "@types/node": "^20.16.10",
+    "@types/react": "^18.3.11",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.15",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.6",
+    "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.2.9",
+    "typescript": "^5.6.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.9",
+    "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"
+}