@axos-web-dev/shared-components 0.0.158 → 0.0.160

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-const quote_spacer = "_quote_spacer_1mzku_1";
-const author = "_author_1mzku_7";
-const quote = "_quote_1mzku_1";
+const quote_spacer = "_quote_spacer_1r8g1_1";
+const author = "_author_1r8g1_13";
+const quote = "_quote_1r8g1_1";
 const css = {
   quote_spacer,
   author,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -2401,7 +2401,7 @@ function SubNavBar() {
                           Link,
                           {
                             href: "/commercial/lending/commercial-term-loans",
-                            children: "Comnmercial Term Loans"
+                            children: "Commercial Term Loans"
                           }
                         ) }),
                         /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(

package/dist/PageNavItem/PageNavItem.d.ts

@@ -6,6 +6,5 @@ export interface PageNavItemProps {
     variant?: SecondaryTypes;
     addClassName?: string;
     label?: string;
-    onClick?: () => void;
 }
 export declare const PageNavItem: FC<PageNavItemProps>;

package/dist/PageNavItem/PageNavItem.js

@@ -5,11 +5,10 @@ const PageNavItem = ({
   id,
   addClassName,
   label,
-  variant: fullVariant = "primary",
-  onClick
+  variant: fullVariant = "primary"
 }) => {
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsx("div", { onClick, className: `${pn_btn({ variant })} ${addClassName}`, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: `${pn_btn({ variant })} ${addClassName}`, children: /* @__PURE__ */ jsx(
     "a",
     {
       href: `#${id?.replace(/ /g, "-")}`,

package/dist/PageNavSet/PageNavSet.js

@@ -1,14 +1,16 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { useState, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 import Slider from "react-slick";
 import "../PageNavItem/PageNavItem.css.js";
 import { PageNavItem } from "../PageNavItem/PageNavItem.js";
-import { sticky_nav, nav_wrapper, sticky_page_nav } from "./PageNavigationSet.css.js";
+import { sticky_nav, nav_wrapper } from "./PageNavigationSet.css.js";
 const PageNavSet = ({ id, pageNavItems }) => {
   const SliderComponent = Slider.default ? Slider.default : Slider;
-  const [activeSection, setActiveSection] = useState("");
+  const [activeSection, setActiveSection] = useState(pageNavItems[0].id.replace(/ /g, "-"));
+  const sliderRef = useRef(null);
+  const [isClient, setIsClient] = useState(false);
   const settings = {
     className: `${nav_wrapper} center`,
     slidesToShow: 7,
@@ -20,69 +22,105 @@ const PageNavSet = ({ id, pageNavItems }) => {
       {
         breakpoint: 1023,
         settings: {
-          slidesToShow: 5,
-          slidesToScroll: 5,
+          slidesToShow: 2.5,
+          slidesToScroll: 4,
           swipeToSlide: true,
           infinite: true,
           centerMode: true,
-          centerPadding: "0",
-          focusOnSelect: true
+          centerPadding: "140px",
+          focusOnSelect: true,
+          variableWidth: false
         }
       },
       {
-        breakpoint: 768,
+        breakpoint: 735,
         settings: {
-          slidesToShow: 3,
-          slidesToScroll: 3,
+          slidesToShow: 1,
+          slidesToScroll: 1,
           swipeToSlide: true,
           infinite: true,
           centerMode: true,
-          centerPadding: "0",
-          focusOnSelect: true
+          centerPadding: "0px",
+          focusOnSelect: false
         }
       }
     ]
   };
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
   const scrolledElement = (elem) => {
+    const docViewTop = window.scrollY + 200;
     if (elem) {
-      const rect = elem.getBoundingClientRect();
-      const viewHeight = Math.max(
-        document.documentElement.clientHeight,
-        window.innerHeight
-      );
-      return rect.bottom - viewHeight < 0;
+      const elemTop = elem.getBoundingClientRect().top + window.scrollY;
+      if (elemTop < docViewTop) {
+        return true;
+      }
     }
   };
   const handleScroll = () => {
-    const main = document.querySelector("main");
-    const bannerHeight = main.getElementsByTagName("section")[0].offsetHeight;
-    const stickyElem = document.querySelector(`.${sticky_nav}`);
-    const scrollTop = window.scrollY;
-    if (scrollTop >= bannerHeight) {
-      stickyElem.classList.add(sticky_page_nav);
-    } else {
-      stickyElem.classList.remove(sticky_page_nav);
-    }
+    let selectedSection = pageNavItems[0].id.replace(/ /g, "-");
     const pageNav = document.getElementById("pageNav");
     const links = pageNav?.querySelectorAll("a");
     links?.forEach((link) => {
       if (scrolledElement(document.getElementById(link.hash.substring(1)))) {
-        setActiveSection(link.hash.substring(1));
+        selectedSection = link.hash.substring(1);
+        setActiveSection(selectedSection);
       }
     });
+    const activeIndex = pageNavItems.findIndex(
+      (section) => section.id === selectedSection
+    );
+    if (sliderRef.current) {
+      sliderRef.current.slickGoTo(activeIndex, true);
+    }
   };
   useEffect(() => {
+    handleScroll();
     window.addEventListener("scroll", handleScroll);
+    window.addEventListener("resize", handleScroll);
     return () => {
       window.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleScroll);
     };
   }, []);
-  return /* @__PURE__ */ jsx("nav", { className: clsx(sticky_nav), id: "pageNav", children: /* @__PURE__ */ jsx("div", { className: "", id: `id_${id}`, children: /* @__PURE__ */ jsx(SliderComponent, { ...settings, children: pageNavItems?.map((section) => /* @__PURE__ */ jsx(
+  function smoothScrollTo(targetY, duration, easingFunction) {
+    const startY = window.scrollY;
+    const distance = targetY - startY;
+    const startTime = performance.now();
+    function animateScroll(currentTime) {
+      const elapsedTime = currentTime - startTime;
+      const progress = Math.min(elapsedTime / duration, 1);
+      const easedProgress = easingFunction(progress);
+      window.scrollTo(0, startY + distance * easedProgress);
+      if (progress < 1) {
+        requestAnimationFrame(animateScroll);
+      }
+    }
+    requestAnimationFrame(animateScroll);
+  }
+  function linear(t) {
+    return t;
+  }
+  useEffect(() => {
+    if (isClient) {
+      const pageNavLinks = document.querySelectorAll('#pageNav a[href*="#"]');
+      pageNavLinks.forEach((link) => {
+        link.addEventListener("click", (e) => {
+          e.preventDefault();
+          const targetId = link.getAttribute("href")?.substring(1);
+          const targetElement = document.getElementById(targetId || "");
+          if (targetElement) {
+            const offsetTop = targetElement.getBoundingClientRect().top + window.scrollY - 110;
+            smoothScrollTo(offsetTop, 200, linear);
+          }
+        });
+      });
+    }
+  }, [isClient]);
+  return /* @__PURE__ */ jsx("nav", { className: clsx(sticky_nav), id: "pageNav", children: /* @__PURE__ */ jsx("div", { className: "containment", id: `id_${id}`, style: { width: "100%" }, children: /* @__PURE__ */ jsx(SliderComponent, { ...settings, ref: sliderRef, children: pageNavItems?.map((section) => /* @__PURE__ */ jsx(
     PageNavItem,
     {
-      onClick: () => {
-        setActiveSection(section?.id?.replace(/ /g, "-"));
-      },
       id: section?.id,
       label: section.label,
       addClassName: `nav_child ${activeSection === section?.id?.replace(/ /g, "-") ? "active" : ""}`

package/dist/PageNavSet/PageNavigationSet.css.d.ts

@@ -1,3 +1,2 @@
 export declare const nav_wrapper: string;
 export declare const sticky_nav: string;
-export declare const sticky_page_nav: string;

package/dist/PageNavSet/PageNavigationSet.css.js

@@ -1,9 +1,7 @@
 /* empty css                                     */
 var nav_wrapper = "_1qd6ohx0";
 var sticky_nav = "_1qd6ohx1";
-var sticky_page_nav = "_1qd6ohx2";
 export {
   nav_wrapper,
-  sticky_nav,
-  sticky_page_nav
+  sticky_nav
 };

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,68 +1,68 @@
-._quote_spacer_1mzku_1 {
-  line-height: 1.35;
-  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
-  margin-inline: auto;
-}
-
-._author_1mzku_7,
-._quote_1mzku_1 {
-  color: #333d46;
-}
-
-._author_1mzku_7 {
-  text-align: right;
-  margin-top: 18px;
-}
-
-._author_1mzku_7 cite {
-  font-style: normal;
-}
-
-._quote_spacer_1mzku_1 .img_fluid {
-  margin-right: 24px;
-  transform: rotateY(180deg) scaleY(-1);
-}
-
-._quote_spacer_1mzku_1 .flex_row {
-  align-items: flex-start;
-}
-
-._quote_1mzku_1 p {
-  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
-  font-style: italic;
-  line-height: 1.2;
-}
-
-@media (max-width: 768px) {
-  ._quote_spacer_1mzku_1 .img_fluid {
-    max-width: 30px;
-    margin-right: 12px;
-  }
-  ._author_1mzku_7 {
-    margin-top: 14px;
-  }
-  ._quote_1mzku_1 p {
-    font-size: 18px;
-  }
-  ._author_1mzku_7 cite {
-    font-size: 14px;
-  }
-}
-
-@media (max-width: 500px) {
-  ._author_1mzku_7 {
-    margin-top: 12px;
-  }
-}
-
-@media (min-width: 604px) {
-  ._quote_spacer_1mzku_1 {
-    width: min(calc(100% - 2rem), 792px);
-  }
-}
-
-@media (min-width: 1023px) {
-  ._quote_1mzku_1 p {
-    font-weight: 600;
-  }
-}
+._quote_spacer_1r8g1_1 {
+  line-height: 1.35;
+  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+  margin-inline: auto;
+}
+
+._author_1r8g1_13,
+._quote_1r8g1_1 {
+  color: #333d46;
+}
+
+._author_1r8g1_13 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_1r8g1_13 cite {
+  font-style: normal;
+}
+
+._quote_spacer_1r8g1_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_1r8g1_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_1r8g1_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+  line-height: 1.2;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_1r8g1_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_1r8g1_13 {
+    margin-top: 14px;
+  }
+  ._quote_1r8g1_1 p {
+    font-size: 18px;
+  }
+  ._author_1r8g1_13 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_1r8g1_13 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_1r8g1_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_1r8g1_1 p {
+    font-weight: 600;
+  }
+}

package/dist/assets/PageNavItem/PageNavItem.css

@@ -2,7 +2,6 @@
   background-color: transparent;
   border-radius: 8px;
   overflow: hidden;
-  transition: all 0.15s ease-in;
   outline: 0 !important;
   text-align: center;
 }
@@ -60,4 +59,10 @@
     font: 400 16px / 1.5 var(--main-font-family);
     padding: 8px 24px;
   }
+}
+@media (max-width:1023px) {
+  ._13qd2mm3 {
+    width: 100%;
+    text-align: center;
+  }
 }

package/dist/assets/PageNavSet/PageNavigationSet.css

@@ -9,28 +9,34 @@
 .slick-slide + .slick-slide {
   margin-left: 8px;
 }
-.section_spacer:has(._1qd6ohx1) {
-  margin-top: 0;
-  position: sticky;
-  top: 0;
-  z-index: 999;
-}
 .slick-list:focus {
   outline: 0;
 }
 .slick-list.dragging {
   cursor: pointer;
 }
-._1qd6ohx2 {
-  position: fixed;
-  top: 10px;
+.slick-slide {
+  margin-left: 8px;
+}
+.section_spacer:has(#pageNav) {
+  margin-top: 0;
+  position: sticky;
+  top: 0;
   z-index: 999;
-  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
-  margin: -10px 0;
-  width: 100%;
 }
-@media Screen and (max-width: 1023px) {
-  ._1qd6ohx1 containment {
+@media screen and (max-width:735px) {
+  .slick-slide + .slick-slide {
+    margin-left: 4px;
+  }
+  .slick-track {
+    left: -23px !important;
+  }
+  .slick-slide {
+    flex: 0 0 214px;
+  }
+}
+@media screen and (max-width: 1023px) {
+  ._1qd6ohx1 .containment {
     width: 100% !important;
     max-width: 100%;
   }
@@ -54,6 +60,11 @@
     right: 0;
   }
 }
+@media screen and (max-width: 500px) {
+  ._1qd6ohx1::before, ._1qd6ohx1::after {
+    width: 20px;
+  }
+}
 @media screen and (min-width:1024px) {
   .slick-track {
     display: flex !important;
@@ -61,13 +72,4 @@
     width: auto !important;
     transform: none !important;
   }
-}
-@media screen and (max-width:1023px) {
-  ._1qd6ohx2 {
-    position: fixed;
-    top: 10px;
-    z-index: 999;
-    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
-    margin: -10px 0;
-  }
 }

package/dist/assets/Table/Table.css

@@ -309,6 +309,15 @@ main > div:nth-last-child(2) > ._1nivbwe0 {
   ._1nivbwex {
     border-radius: 0;
     overflow: auto;
+    width: auto;
+  }
+  table:has(td:nth-child(3):is(:last-child)) {
+    min-width: unset;
+    width: 100%;
+  }
+  table:has(td:nth-child(2):is(:last-child)) {
+    min-width: unset;
+    width: 100%;
   }
   ._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) td {
     width: 30%;

package/package.json

@@ -1,131 +1,131 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.158",
-  "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.1.10",
-    "@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-date-range": "^2.0.1",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "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": {
-    "@headlessui/react": "^2.1.10",
-    "@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.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-date-range": "^1.4.9",
-    "@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.160",
+  "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.1.10",
+    "@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-date-range": "^2.0.1",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "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": {
+    "@headlessui/react": "^2.1.10",
+    "@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.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-date-range": "^1.4.9",
+    "@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"
+}