@axos-web-dev/shared-components 2.0.0-dev.8 → 2.0.0-dev.9-1

package/dist/utils/useCachedValidators.js

@@ -3,14 +3,14 @@ import { useRef } from "react";
 import { createCachedEmailValidator } from "./emailValidation.js";
 import { createCachedNMLSValidator } from "./nmlsValidation.js";
 function useCachedEmailValidator(validateEmail) {
-  const validatorRef = useRef();
+  const validatorRef = useRef(null);
   if (!validatorRef.current) {
     validatorRef.current = createCachedEmailValidator(validateEmail);
   }
   return validatorRef.current;
 }
 function useCachedNMLSValidator(validateNMLS) {
-  const validatorRef = useRef();
+  const validatorRef = useRef(null);
   if (!validatorRef.current) {
     validatorRef.current = createCachedNMLSValidator(validateNMLS);
   }

package/package.json

@@ -1,10 +1,22 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.8",
+  "version": "2.0.0-dev.9-1",
   "type": "module",
+  "main": "index.js",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./styles.css": "./dist/assets/index.css",
+    "./globals.css": "./dist/assets/globals.css",
+    "./themes/axos.css": "./dist/assets/themes/axos.css",
+    "./themes/premier.css": "./dist/assets/themes/premier.css",
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -14,12 +26,12 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --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",
+    "check-lint": "eslint .",
     "format": "prettier --write .",
     "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
     "prepare": "husky",
@@ -29,8 +41,8 @@
   },
   "dependencies": {
     "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@hookform/resolvers": "^5.0.1",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
     "@react-input/mask": "^1.2.15",
     "@react-input/number-format": "^1.1.3",
     "@storybook/icons": "^1.3.0",
@@ -39,7 +51,7 @@
     "@types/iframe-resizer": "3.5.13",
     "@ujet/websdk-headless": "^3.41.4",
     "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
     "antd": "^5.22.5",
     "clsx": "^2.1.1",
     "framer-motion": "^12.9.2",
@@ -49,9 +61,8 @@
     "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-hook-form": "^7.56.4",
     "react-markdown": "^9.1.0",
-    "react-popper": "^2.3.0",
     "react-slick": "^0.30.2",
     "react-use": "^17.6.0",
     "react-wrap-balancer": "^1.1.1",
@@ -64,19 +75,19 @@
     "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",
+    "@vanilla-extract/css-utils": "^0.1.3 || ^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
+    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
     "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
     "react-slick": "^0.30.2",
     "slick-carousel": "^1.8.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.9.0",
+    "@eslint/js": "^9.39.4",
     "@rollup/plugin-alias": "^5.1.1",
     "@storybook/addon-essentials": "^8.4.7",
     "@storybook/addon-interactions": "^8.4.7",
@@ -93,33 +104,35 @@
     "@svgr/plugin-svgo": "^8.1.0",
     "@types/lodash": "^4.17.17",
     "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
+    "@types/react": "^19.0.0",
     "@types/react-date-range": "^1.4.9",
     "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
+    "@types/react-dom": "^19.0.0",
     "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.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": "^9.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-storybook": "^0.8.0",
     "glob": "^10.4.5",
+    "globals": "^15.15.0",
     "husky": "^9.1.7",
-    "next": "^14.1.4",
+    "next": "^16.0.0",
     "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "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-eslint": "^8.57.0",
     "typescript-plugin-css-modules": "^5.1.0",
     "vite": "^5.4.11",
     "vite-plugin-dts": "^3.9.1",
@@ -127,7 +140,6 @@
     "vite-plugin-setting-css-module": "^1.1.4",
     "vite-tsconfig-paths": "^4.3.2"
   },
-  "main": "index.js",
   "directories": {
     "lib": "lib"
   },

package/dist/assets/NavigationMenu/AxosALTS/NavBar.css.css

@@ -1,264 +0,0 @@
-._alts_header_1s4n2_1 {
-  border-bottom: 1px solid #ebebeb;
-}
-
-._alts_wrapper_1s4n2_5 {
-  width: calc(100% - 80px);
-  margin-left: auto;
-  margin-right: auto;
-}
-
-._alts_header_main_row_1s4n2_11,
-._alts_mobile_header_1s4n2_12 {
-  min-height: 80px;
-  padding-top: 1rem;
-  padding-bottom: 0.5rem;
-}
-
-._alts_logo_wrap_1s4n2_18 {
-  padding: 9px 6px;
-}
-
-._alts_primary_links_1s4n2_22 {
-  flex: 1 1 0;
-  margin-left: 30px;
-}
-
-._alts_main_nav_link_1s4n2_27 {
-  padding: 10px 8px;
-  text-align: center;
-}
-
-._alts_main_nav_link_1s4n2_27:first-child {
-  flex: 1 1 0;
-  text-align: left;
-}
-
-._alts_main_nav_link_1s4n2_27 .active {
-  border-color: currentColor;
-  transition: border-color 0.5s ease;
-  font-weight: 700;
-}
-
-._alts_main_nav_link_1s4n2_27 > a {
-  display: inline-block;
-  font-size: 16px;
-  padding: 4px;
-  border-bottom: 4px solid transparent;
-}
-
-._alts_main_nav_link_1s4n2_27 a {
-  text-decoration: none;
-  transition: opacity 0.3s ease;
-}
-
-._alts_main_nav_link_1s4n2_27 a:hover {
-  opacity: 0.8;
-}
-
-._alts_main_nav_link_1s4n2_27 a:not(.active):hover {
-  text-decoration: underline;
-}
-
-._alts_hamburger_1s4n2_63 {
-  background: transparent;
-  border: none;
-  font-size: 0px;
-  line-height: 1;
-  outline: none;
-}
-
-._alts_hamburger_1s4n2_63:hover,
-._alts_mobile_header_1s4n2_12 button:hover {
-  cursor: pointer;
-  opacity: 0.8;
-}
-
-._alts_mobile_logo_1s4n2_77 {
-  flex: 1 1 0%;
-  text-align: center;
-}
-
-._alts_mobile_header_1s4n2_12 {
-  border-bottom: 1px solid #ebebeb;
-  display: grid;
-  padding-bottom: 1rem;
-  place-items: center;
-}
-
-._alts_mobile_header_1s4n2_12 p {
-  font: 400 20px / 1.3 var(--header-font-family);
-}
-
-._alts_mobile_header_1s4n2_12 button {
-  background: none;
-  border: none;
-  position: absolute;
-  right: 40px;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-._alts_mobile_nav_1s4n2_102 {
-  border-right: 1px solid #ebebeb;
-  left: -100%;
-  min-height: 100vh;
-  position: fixed;
-  top: 0;
-  transition: all 0.4s ease-in-out;
-  width: 100%;
-  z-index: 1205;
-}
-
-._alts_mobile_opened_1s4n2_113 {
-  left: 0%;
-}
-
-body:has(._alts_mobile_opened_1s4n2_113) {
-  overflow-y: hidden;
-}
-
-._alts_mobile_nav_item_1s4n2_121 {
-  background-color: #f4f4f4;
-  border-bottom: 1px solid #ebebeb;
-}
-
-._alts_mobile_nav_item_1s4n2_121 > a {
-  color: #323339;
-  display: flex;
-  font-weight: 700;
-  line-height: 1.5;
-  padding: 16px 40px;
-  text-decoration: none;
-  width: 100%;
-}
-
-._alts_icon_wrap_1s4n2_136 {
-  line-height: 1;
-  height: 24px;
-}
-
-._alts_mobile_footer_1s4n2_141 {
-  position: relative;
-  width: 100%;
-}
-
-._alts_mobile_footer_content_1s4n2_146 {
-  background-color: #f4f4f4;
-  flex: 1 1 0%;
-  padding: 16px 24px 16px 40px;
-}
-
-._alts_mobile_footer_content_1s4n2_146 p {
-  font-size: 14px;
-  line-height: 1.5;
-}
-
-._alts_mobile_footer_media_1s4n2_157 {
-  flex-basis: min(42%, 300px);
-  background: url("https://images.axos.com/o9ov1v03uwqk/1MqciOHfhfCbe5KM8N9LnC/2b71183753a701cd9dee4cb121e5fd47/axb-img-alts-mobile-menu.png")
-    no-repeat 81% / cover;
-}
-
-._alts_mobile_footer_1s4n2_141 > .flex_row {
-  min-height: 112px;
-}
-
-._alts_inner_wrapper_1s4n2_167 {
-  max-height: 100vh;
-  overflow-y: scroll;
-}
-
-._alts_btn_1s4n2_172 {
-  display: block;
-  position: relative;
-}
-
-._alts_sub_menu_1s4n2_177 {
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 0.8s ease-out;
-  background: #fff;
-  overflow-y: scroll;
-}
-
-._alts_skip_btn_1s4n2_185 {
-  clip: rect(1px 1px 1px 1px);
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-}
-
-._alts_skip_btn_1s4n2_185:active,
-._alts_skip_btn_1s4n2_185:focus {
-  background-color: #faa74a;
-  border-radius: 8px;
-  clip: auto;
-  color: #1e3869;
-  font-size: 14px;
-  font-weight: 700;
-  margin: 0;
-  overflow: visible;
-  padding: 9px 24px;
-  position: relative;
-  text-decoration: none;
-  top: 12px;
-}
-
-._alts_desktop_only_1s4n2_209,
-._alts_main_nav_1s4n2_27 {
-  flex: 1 1 0%;
-}
-
-@media (max-width: 1121px) {
-  ._alts_mobile_logo_1s4n2_77 {
-    position: absolute;
-    transform: translateX(-50%);
-    left: 50%;
-    flex: none;
-  }
-}
-
-@media (max-width: 1280px) and (min-width: 1024px) {
-  ._alts_wrapper_1s4n2_5 {
-    width: calc(100% - 28px);
-  }
-  ._alts_main_nav_link_1s4n2_27 > a {
-    padding: 4px 6px;
-    font-size: 15px;
-  }
-  ._alts_desktop_only_1s4n2_209 > a {
-    font-size: 15px;
-  }
-}
-
-@media (max-width: 1023px) {
-  ._alts_desktop_only_1s4n2_209 {
-    display: none !important;
-  }
-}
-
-@media (max-width: 768px) {
-  ._alts_wrapper_1s4n2_5 {
-    width: calc(100% - 48px);
-  }
-
-  ._alts_mobile_header_1s4n2_12 button {
-    right: 1.5rem;
-  }
-
-  ._alts_mobile_nav_item_1s4n2_121 > a {
-    padding: 16px 24px;
-  }
-  ._alts_mobile_footer_content_1s4n2_146 {
-    padding-right: 15px;
-    padding-left: 24px;
-  }
-}
-
-@media (min-width: 1024px) {
-  ._alts_mobile_only_1s4n2_261 {
-    display: none !important;
-  }
-}