@axos-web-dev/shared-components 0.0.148 → 0.0.150

package/dist/Button/Button.js

@@ -138,7 +138,6 @@ const Button = ({
         setTargetLinkUrl(targetUrl);
       }
     }
-    console.log(targetUrl);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     createElement(

package/dist/Forms/CommercialDeposits.js

@@ -67,7 +67,9 @@ const CommercialDeposits = ({
     company: z.string({ message: "Business Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
       message: "Business Name is required"
     }).trim().min(1, { message: "Business Name is required." }),
-    Estimated_Gross_Annual_Revenue__c: z.string(),
+    Estimated_Gross_Annual_Revenue__c: z.string({
+      message: "Estimated gross annual revenue is required"
+    }).min(1, { message: "Estimated gross annual revenue is required" }),
     Banking__c: z.boolean(),
     Treasury_Management__c: z.boolean(),
     Commercial_Credit_Card__c: z.boolean(),
@@ -85,7 +87,6 @@ const CommercialDeposits = ({
   const {
     handleSubmit,
     register,
-    setValue,
     watch,
     formState: { errors, isValid, isSubmitting }
   } = methods;
@@ -97,10 +98,6 @@ const CommercialDeposits = ({
     };
     await onSubmit(processData);
   };
-  const handleDropdownChange = (event) => {
-    const value = event.target.value;
-    setValue("Estimated_Gross_Annual_Revenue__c", value);
-  };
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx(
     "section",
@@ -210,10 +207,9 @@ const CommercialDeposits = ({
                 error: !!errors.Estimated_Gross_Annual_Revenue__c,
                 helperText: errors.Estimated_Gross_Annual_Revenue__c?.message,
                 variant,
-                defaultValue: "Select option",
-                onChange: handleDropdownChange,
+                defaultValue: "",
                 children: [
-                  /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { disabled: true, value: "", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "Under $3MM", children: "Under $3MM" }),
                   /* @__PURE__ */ jsx("option", { value: "$3MM - $10MM", children: "$3MM - $10MM" }),
                   /* @__PURE__ */ jsx("option", { value: "$10MM - $100MM", children: "$10MM - $100MM" }),

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -20,8 +20,16 @@ export interface SalesforceInputs {
     First_UTMMedium__c: string;
     First_UTMSource__c: string;
     First_UTMTerm__c: string;
-    cjdata: string;
-    cjevent: string;
+    Full_Web_Source__c: string;
+    First_MicrosoftClickId__c: string;
+    First_GoogleClickId__c: string;
+    First_FacebookClickId__c: string;
+    First_UTMPromo_Code__c: string;
+    First_UTMIdentity__c: string;
+    First_UTMHem__c: string;
+    First_UTMExperience_Id__c: string;
+    Primary_Cjdata__c: string;
+    Primary_Cjevent__c: string;
 }
 export declare const SalesforceSchema: z.ZodObject<{
     Brand_SFDC2__c: z.ZodOptional<z.ZodString>;
@@ -39,6 +47,14 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMTerm__c: z.ZodOptional<z.ZodString>;
     utm_cjdata: z.ZodOptional<z.ZodString>;
     utm_cjevent: 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>;
+    First_FacebookClickId__c: z.ZodOptional<z.ZodString>;
+    First_UTMPromo_Code__c: z.ZodOptional<z.ZodString>;
+    First_UTMHem__c: z.ZodOptional<z.ZodString>;
+    First_UTMIdentity__c: z.ZodOptional<z.ZodString>;
+    First_UTMExperience_Id__c: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     Brand_SFDC2__c?: string | undefined;
     Branch_SFDC2__c?: string | undefined;
@@ -55,6 +71,14 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMTerm__c?: string | undefined;
     utm_cjdata?: string | undefined;
     utm_cjevent?: string | undefined;
+    Fuutm_cjevennfatll_Web_Source__c?: string | undefined;
+    First_MicrosoftClickId__c?: string | undefined;
+    First_GoogleClickId__c?: string | undefined;
+    First_FacebookClickId__c?: string | undefined;
+    First_UTMPromo_Code__c?: string | undefined;
+    First_UTMHem__c?: string | undefined;
+    First_UTMIdentity__c?: string | undefined;
+    First_UTMExperience_Id__c?: string | undefined;
 }, {
     Brand_SFDC2__c?: string | undefined;
     Branch_SFDC2__c?: string | undefined;
@@ -71,6 +95,14 @@ export declare const SalesforceSchema: z.ZodObject<{
     First_UTMTerm__c?: string | undefined;
     utm_cjdata?: string | undefined;
     utm_cjevent?: string | undefined;
+    Fuutm_cjevennfatll_Web_Source__c?: string | undefined;
+    First_MicrosoftClickId__c?: string | undefined;
+    First_GoogleClickId__c?: string | undefined;
+    First_FacebookClickId__c?: string | undefined;
+    First_UTMPromo_Code__c?: string | undefined;
+    First_UTMHem__c?: string | undefined;
+    First_UTMIdentity__c?: string | undefined;
+    First_UTMExperience_Id__c?: string | undefined;
 }>;
 export interface QueryParams {
     [str: string]: string;

package/dist/Forms/SalesforceFieldsForm.js

@@ -25,7 +25,15 @@ const SalesforceSchema = z.object({
   First_UTMSource__c: z.string().optional(),
   First_UTMTerm__c: z.string().optional(),
   utm_cjdata: z.string().optional(),
-  utm_cjevent: z.string().optional()
+  utm_cjevent: z.string().optional(),
+  Fuutm_cjevennfatll_Web_Source__c: z.string().optional(),
+  First_MicrosoftClickId__c: z.string().optional(),
+  First_GoogleClickId__c: z.string().optional(),
+  First_FacebookClickId__c: z.string().optional(),
+  First_UTMPromo_Code__c: z.string().optional(),
+  First_UTMHem__c: z.string().optional(),
+  First_UTMIdentity__c: z.string().optional(),
+  First_UTMExperience_Id__c: z.string().optional()
 });
 const SalesforceFieldsForm = memo(function SaleforceFieldForm({
   salesforceFields,
@@ -146,7 +154,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("Primary_Cjdata__c", {
-          value: `${queryParams?.utm_cjdata}`
+          value: queryParams?.cjdata
         })
       }
     ),
@@ -155,7 +163,82 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("Primary_Cjevent__c", {
-          value: `${queryParams?.utm_cjevent}`
+          value: queryParams?.cjevent
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("Full_Web_Source__c", {
+          value: location?.pathname
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("First_UTMPromo_Code__c", {
+          value: queryParams?.utm_promocode
+        })
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("First_UTMExperience_Id__c", {
+          value: queryParams?.experience_id
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("First_UTMHem__c", {
+          value: queryParams?.hem
+        })
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("First_UTMIdentity__c", {
+          value: queryParams?.identity
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("First_MicrosoftClickId__c", {
+          value: queryParams?.msclkid
+        })
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("First_FacebookClickId__c", {
+          value: queryParams?.fbclid
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        ...register("First_GoogleClickId__c", {
+          value: queryParams?.gclid
         })
       }
     )

package/dist/Forms/ScheduleCall.js

@@ -78,7 +78,13 @@ const ScheduleCall = ({
     formState: { errors, isValid }
   } = methods;
   const submitForm = async (data) => {
-    await onSubmit(data);
+    const date = new Date(data.Best_Contact_Date__c);
+    const withFormat = new Intl.DateTimeFormat("en-US").format(date);
+    await onSubmit({
+      ...data,
+      Best_Best_Contact_Date__c: withFormat,
+      Date_Business_Established__c: withFormat
+    });
   };
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [

package/dist/Insight/Featured/CategorySelector.css.d.ts

@@ -1,6 +1,7 @@
 export declare const selector_section: string;
 export declare const selector_link: string;
 export declare const selector_title_link: string;
+export declare const selector_more: string;
 export declare const selector_grid_items: string;
 export declare const selector_small_item: string;
 export declare const selector_title: string;

package/dist/Insight/Featured/CategorySelector.css.js

@@ -6,16 +6,18 @@
 var selector_section = "_13y9ptj0";
 var selector_link = "_13y9ptj1";
 var selector_title_link = "_13y9ptj2";
-var selector_grid_items = "_13y9ptj3";
-var selector_small_item = "_13y9ptj4 _1sr2o6v9";
-var selector_title = "_13y9ptj5";
-var selector_grid_content = "_13y9ptj6";
-var selector_img = "_13y9ptj7";
+var selector_more = "_13y9ptj3";
+var selector_grid_items = "_13y9ptj4";
+var selector_small_item = "_13y9ptj5 _1sr2o6v9";
+var selector_title = "_13y9ptj6";
+var selector_grid_content = "_13y9ptj7";
+var selector_img = "_13y9ptj8";
 export {
   selector_grid_content,
   selector_grid_items,
   selector_img,
   selector_link,
+  selector_more,
   selector_section,
   selector_small_item,
   selector_title,

package/dist/Insight/Featured/CategorySelector.js

@@ -101,7 +101,7 @@ import "next/script.js";
 /* empty css                                                 */
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import { selector_section, selector_link, selector_title_link, selector_grid_items, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
+import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
 const CategorySelector = (props) => {
   const {
     id,
@@ -121,6 +121,7 @@ const CategorySelector = (props) => {
         {
           targetUrl: url,
           variant: "primary",
+          className: selector_more,
           children: `See More ${category} Articles`
         }
       )

package/dist/Interstitial/Interstitial.js

@@ -20,7 +20,6 @@ const Interstitial = ({
   bullets
 }) => {
   const variant = getVariant(fullVariant);
-  console.log(callToActionRow, "calltoactions rowwww");
   return /* @__PURE__ */ jsx(
     "div",
     {

package/dist/Interstitial/Interstitial.module.js

@@ -1,13 +1,13 @@
-const overlay = "_overlay_zy28p_47";
-const modal = "_modal_zy28p_79";
-const vanish = "_vanish_zy28p_1";
-const appear = "_appear_zy28p_1";
-const close_button = "_close_button_zy28p_109";
-const modal_content = "_modal_content_zy28p_139";
-const img_area = "_img_area_zy28p_147";
-const body_copy = "_body_copy_zy28p_167";
-const btns = "_btns_zy28p_195";
-const white_modal = "_white_modal_zy28p_277";
+const overlay = "_overlay_1u8jc_24";
+const modal = "_modal_1u8jc_40";
+const vanish = "_vanish_1u8jc_1";
+const appear = "_appear_1u8jc_1";
+const close_button = "_close_button_1u8jc_55";
+const modal_content = "_modal_content_1u8jc_70";
+const img_area = "_img_area_1u8jc_74";
+const body_copy = "_body_copy_1u8jc_84";
+const btns = "_btns_1u8jc_98";
+const white_modal = "_white_modal_1u8jc_139";
 const css = {
   overlay,
   modal,

package/dist/assets/Insight/Featured/CategorySelector.css

@@ -16,16 +16,19 @@
   font-weight: 600;
 }
 ._13y9ptj3 {
+  text-transform: capitalize;
+}
+._13y9ptj4 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 24px;
   overflow: hidden;
 }
-._13y9ptj4 {
+._13y9ptj5 {
   max-width: 370px;
   grid-template-rows: 1fr 1fr;
 }
-._13y9ptj5 {
+._13y9ptj6 {
   font-size: 28px;
   padding-bottom: 10px;
   -webkit-line-clamp: 4;
@@ -34,7 +37,7 @@
   text-overflow: ellipsis;
   max-height: min(76px, 108px);
 }
-._13y9ptj6 {
+._13y9ptj7 {
   padding: 24px;
   color: #333D46;
   font-family: var(--main-font-family);
@@ -42,16 +45,16 @@
   display: grid;
   grid-template-rows: 120px 30px;
 }
-._13y9ptj7 {
+._13y9ptj8 {
   aspect-ratio: 16 / 9;
 }
 @media screen and (max-width:1024px) {
-  ._13y9ptj3 {
+  ._13y9ptj4 {
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
 @media screen and (max-width:768px) {
-  ._13y9ptj3 {
+  ._13y9ptj4 {
     grid-template-columns: 1fr;
     justify-items: center;
   }

package/dist/assets/Insight/Featured/Featured.css

@@ -33,6 +33,7 @@
 ._1sr2o6v7 {
   margin: clamp(24px, 28px, 38px) 0;
   color: #D4D4D4;
+  display: block;
 }
 ._1sr2o6v8 {
   display: inline-block;

package/dist/assets/Interstitial/Interstitial.css.css

@@ -1,141 +1,141 @@
-@keyframes _appear_zy28p_1 {
-  0% {
-    opacity: 0;
-    transform: scale(0.9);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes _vanish_zy28p_1 {
-  0% {
-    display: block;
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    display: none;
-    opacity: 0;
-    transform: scale(0.9);
-  }
-}
-
-._overlay_zy28p_47 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.4);
-  display: none;
-  align-items: center;
-  justify-content: center;
-}
-
-._overlay_zy28p_47.active {
-  display: flex;
-}
-
-._modal_zy28p_79 {
-  animation: _vanish_zy28p_1 0.45s ease;
-  background: #fff;
-  border-radius: 16px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  position: relative;
-  transition: transform 0.45s ease;
-  width: min(calc(100% - 2rem), 800px);
-  overflow: hidden;
-}
-
-._modal_zy28p_79.active {
-  animation: _appear_zy28p_1 0.45s ease;
-}
-
-._close_button_zy28p_109 {
-  position: absolute;
-  background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 8px;
-  border: none;
-  color: #4a5560;
-  cursor: pointer;
-  font-size: 1.9rem;
-  line-height: 1;
-  right: 1.5rem;
-  text-align: center;
-  top: 1.5rem;
-  width: 32px;
-}
-
-._modal_content_zy28p_139 {
-  padding: 16px 24px 24px;
-}
-
-._img_area_zy28p_147 {
-  background-position: center center;
-  background-size: cover;
-  height: 418px;
-}
-
-body:has(._overlay_zy28p_47.active) {
-  overflow-y: hidden;
-}
-
-._body_copy_zy28p_167 {
-  margin-top: 8px;
-}
-
-._body_copy_zy28p_167 > * {
-  color: #333d46;
-}
-
-._body_copy_zy28p_167 > p {
-  text-align: center;
-  font-size: 16px;
-  line-height: 1.5;
-}
-
-._btns_zy28p_195 {
-  display: flex;
-  align-items: center;
-  gap: 2rem;
-  padding-top: 16px;
-  margin-top: 16px;
-  width: 100%;
-  justify-content: center;
-}
-
-._btns_zy28p_195:empty {
-  display: none;
-}
-
-._modal_content_zy28p_139:nth-child(2) h2 {
-  margin-top: 31px;
-}
-
-@media (max-width: 1023px) {
-  ._btns_zy28p_195 {
-    flex-direction: column-reverse;
-  }
-}
-
-@media (max-width: 832px) {
-  ._img_area_zy28p_147 {
-    height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
-  }
-}
-
-@media (max-width: 500px) {
-  ._modal_zy28p_79 {
-    width: calc(100% - 1rem);
-  }
-  ._overlay_zy28p_47.active {
-    align-items: flex-start;
-    overflow-y: scroll;
-    padding-top: 40px;
-  }
-}
-
-._white_modal_zy28p_277 {
-  color: #1e3860;
-}
+@keyframes _appear_1u8jc_1 {
+  0% {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes _vanish_1u8jc_1 {
+  0% {
+    display: block;
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    display: none;
+    opacity: 0;
+    transform: scale(0.9);
+  }
+}
+
+._overlay_1u8jc_24 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.4);
+  display: none;
+  align-items: center;
+  justify-content: center;
+}
+
+._overlay_1u8jc_24.active {
+  display: flex;
+}
+
+._modal_1u8jc_40 {
+  animation: _vanish_1u8jc_1 0.45s ease;
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  position: relative;
+  transition: transform 0.45s ease;
+  width: min(calc(100% - 2rem), 800px);
+  overflow: hidden;
+}
+
+._modal_1u8jc_40.active {
+  animation: _appear_1u8jc_1 0.45s ease;
+}
+
+._close_button_1u8jc_55 {
+  position: absolute;
+  background-color: rgba(255, 255, 255, 0.3);
+  border-radius: 8px;
+  border: none;
+  color: #4a5560;
+  cursor: pointer;
+  font-size: 1.9rem;
+  line-height: 1;
+  right: 1.5rem;
+  text-align: center;
+  top: 1.5rem;
+  width: 32px;
+}
+
+._modal_content_1u8jc_70 {
+  padding: 16px 24px 24px;
+}
+
+._img_area_1u8jc_74 {
+  background-position: center center;
+  background-size: cover;
+  height: 418px;
+}
+
+body:has(._overlay_1u8jc_24.active) {
+  overflow-y: hidden;
+}
+
+._body_copy_1u8jc_84 {
+  margin-top: 8px;
+}
+
+._body_copy_1u8jc_84 > * {
+  color: #333d46;
+}
+
+._body_copy_1u8jc_84 > p {
+  text-align: center;
+  font-size: 16px;
+  line-height: 1.5;
+}
+
+._btns_1u8jc_98 {
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  padding-top: 16px;
+  margin-top: 16px;
+  width: 100%;
+  justify-content: center;
+}
+
+._btns_1u8jc_98:empty {
+  display: none;
+}
+
+._modal_content_1u8jc_70:nth-child(2) h2 {
+  margin-top: 31px;
+}
+
+@media (max-width: 1023px) {
+  ._btns_1u8jc_98 {
+    flex-direction: column-reverse;
+  }
+}
+
+@media (max-width: 832px) {
+  ._img_area_1u8jc_74 {
+    height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
+  }
+}
+
+@media (max-width: 500px) {
+  ._modal_1u8jc_40 {
+    width: calc(100% - 1rem);
+  }
+  ._overlay_1u8jc_24.active {
+    align-items: flex-start;
+    overflow-y: scroll;
+    padding-top: 40px;
+  }
+}
+
+._white_modal_1u8jc_139 {
+  color: #1e3860;
+}

package/package.json

@@ -1,124 +1,124 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.148",
-  "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.150",
+  "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"
+}