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

package/dist/SetContainer/SetContainer.js

@@ -4,14 +4,14 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                                        */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-/* empty css                                              */
-/* empty css                                              */
+/* empty css                                          */
+/* empty css                                          */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
@@ -29,7 +29,6 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/DatePicker2.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -49,62 +48,62 @@ import "../Input/RadioButton.js";
 import "../Chevron/Chevron.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
-/* empty css                                                             */
+/* empty css                                                         */
 import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                          */
+/* empty css                                                      */
 import "iframe-resizer";
-/* empty css                                                                                    */
+/* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                                        */
+/* empty css                                          */
+/* empty css                                                    */
 import "../Carousel/index.js";
-/* empty css                                                                        */
+/* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import { set_container, isolate_container, heading, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                                  */
+/* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                             */
+/* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                            */
-import "react-wrap-balancer";
-/* empty css                                                  */
-/* empty css                                                          */
-/* empty css                                                */
 /* empty css                                        */
-import "../LandingPageHeader/LandingPageHeader.css.js";
+import "react-wrap-balancer";
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
 /* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                */
 import "../Modal/contextApi/store.js";
-/* empty css                                                          */
-/* empty css                                                             */
-/* empty css                                                                  */
-/* empty css                                                                     */
-/* empty css                                                       */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+/* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-/* empty css                                                          */
-/* empty css                                                           */
+/* empty css                                                      */
+/* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                     */
-/* empty css                                                        */
-/* empty css                                                      */
+/* empty css                                                 */
+/* empty css                                                    */
+/* empty css                                                  */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                            */
-/* empty css                                                      */
-/* empty css                                                    */
-import "next/script.js";
-/* empty css                                            */
+/* empty css                                        */
 /* empty css                                                  */
+/* empty css                                                */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 const SetContainer = ({

package/dist/SocialMediaBar/SocialMediaBar.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                      */
+/* empty css                                  */
 var smb_section = "nkpt490";
 var smb_wrapper = "nkpt491";
 var padding_in_footer = "nkpt492";

package/dist/StepItem/StepItem.css.js

@@ -1,7 +1,7 @@
-/* empty css                                              */
-/* empty css                                    */
-/* empty css                                       */
 /* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var li = "_1y8r7dk0";
 var line_points = createRuntimeFn({ defaultClassName: "_1y8r7dk1", variantClassNames: { variant: { primary: "_1y8r7dk2", secondary: "_1y8r7dk3", tertiary: "_1y8r7dk4", quaternary: "_1y8r7dk5" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/StepItemSet/StepItemSet.css.js

@@ -1,6 +1,6 @@
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                                */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var bs_section = createRuntimeFn({ defaultClassName: "_18par6f0", variantClassNames: { variant: { primary: "_18par6f1", secondary: "_18par6f2", tertiary: "_18par6f3", quaternary: "_18par6f4" } }, defaultVariants: {}, compoundVariants: [] });
 var bs_wrapper = "_18par6f5";

package/dist/Tab/Tab.css.js

@@ -1,7 +1,7 @@
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                              */
 /* empty css                                */
+/* empty css                                   */
+/* empty css                                          */
+/* empty css                       */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var tab = createRuntimeFn({ defaultClassName: "lhhm340", variantClassNames: { variant: { primary: "lhhm341", secondary: "lhhm342", tertiary: "lhhm343", quaternary: "lhhm344" } }, defaultVariants: {}, compoundVariants: [] });
 var active_tab = createRuntimeFn({ defaultClassName: "lhhm345", variantClassNames: { variant: { primary: "lhhm346", secondary: "lhhm347", tertiary: "lhhm348", quaternary: "lhhm349" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Table/Table.css.js

@@ -1,6 +1,6 @@
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                    */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var table_section = "_1nivbwe0";
 var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe1", variantClassNames: { variant: { apy: "_1nivbwe2", standard: "_1nivbwe3" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Table/Table.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                                        */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";

package/dist/TextBlock/TextBlock.css.js

@@ -1,6 +1,6 @@
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                             */
 var textBlockSection = "_16g7rvn0";
 var textBlockParagraph = "_16g7rvn1";
 var textBlockHeader = "_16g7rvn2";

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                      */
+/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                    */
+/* empty css                                 */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-/* empty css                                              */
+/* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,7 +1,7 @@
-/* empty css                                              */
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                             */
 var video_tile = "_16puo4g0";
 var show = "_16puo4g1";
 var video_title = "_16puo4g2";

package/dist/VideoTile/VideoTile.js

@@ -4,10 +4,10 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                                        */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+/* empty css                                */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                              */
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                        */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/assets/AlertBanner/AlertBanner.css

@@ -1,9 +1,9 @@
 ._1jmmqba0 {
   min-height: 58px;
-  padding: 16px 120px;
+  padding: 16px 360px;
   justify-content: center;
   align-items: center;
-  gap: 4px;
+  gap: 16px;
 }
 ._1jmmqba1 {
   background: #DEF4FF;
@@ -18,16 +18,35 @@
 }
 ._1jmmqba4 {
   gap: 3rem;
+  line-height: 24px;
+  align-items: center;
+}
+._1jmmqba4 > p {
+  margin-bottom: 0;
 }
 ._1jmmqba5 > .sc__btn {
   margin-left: 0;
   white-space: nowrap;
+  font-size: 18px;
+}
+.section_spacer:has(._1jmmqba4) {
+  margin-top: 0;
 }
-@media screen and (max-width:1280px) {
+@media screen and (max-width:1919px) {
   ._1jmmqba0 {
     padding: 16px 40px;
   }
 }
+@media screen and (max-width:1024px) {
+  ._1jmmqba0 {
+    padding: 16px 152px;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._1jmmqba0 {
+    padding: 16px 24px;
+  }
+}
 @media screen and (max-width:450px) {
   ._1jmmqba0 {
     align-items: self-start;
@@ -35,5 +54,6 @@
   ._1jmmqba4 {
     flex-direction: column;
     gap: 1rem;
+    align-items: flex-start;
   }
 }

package/dist/assets/Forms/QuickPricer/UserInformation.css

@@ -40,6 +40,9 @@
   flex-wrap: wrap;
   padding: 0 24px;
 }
+.uw98ur7 {
+  margin-bottom: 2rem;
+}
 @media screen and (max-width: 960px) {
   .uw98ur0 {
     display: flex;
@@ -67,4 +70,9 @@
   .uw98ur6:first-child {
     margin-bottom: 1em;
   }
+}
+@media screen and (max-width: 1024px) {
+  .uw98ur7 {
+    margin-bottom: 0;
+  }
 }

package/dist/assets/HeroBanner/HeroBanner.css

@@ -100,6 +100,9 @@
   margin-right: 15px;
   margin-top: 24px;
 }
+.section_spacer:has(._1ye8k3f6) {
+  margin-top: 0;
+}
 @media screen and (min-width:1024px) {
   ._1ye8k3f7 {
     flex-direction: row-reverse;

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

@@ -8,6 +8,13 @@
   align-items: center;
 }
 ._13y9ptj2 {
+  display: none;
+}
+._13y9ptj2._13y9ptj1 .sc__btn {
+  margin-top: 24px;
+  margin-bottom: 0;
+}
+._13y9ptj3 {
   font-size: 24px;
   color: var(--_1073cm83);
   text-decoration: none;
@@ -15,29 +22,31 @@
   text-transform: capitalize;
   font-weight: 600;
 }
-._13y9ptj3 {
+._13y9ptj4 {
   text-transform: capitalize;
 }
-._13y9ptj4 {
+._13y9ptj5 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 24px;
   overflow: hidden;
 }
-._13y9ptj5 {
+._13y9ptj6 {
   max-width: 370px;
   grid-template-rows: 1fr 1fr;
 }
-._13y9ptj6 {
+._13y9ptj7 {
   font-size: 28px;
   padding-bottom: 10px;
-  -webkit-line-clamp: 4;
+  -webkit-line-clamp: 3;
   box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: min(76px, 108px);
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
 }
-._13y9ptj7 {
+._13y9ptj8 {
   padding: 24px;
   color: #333D46;
   font-family: var(--main-font-family);
@@ -45,17 +54,30 @@
   display: grid;
   grid-template-rows: 120px 30px;
 }
-._13y9ptj8 {
+._13y9ptj9 {
   aspect-ratio: 16 / 9;
 }
 @media screen and (max-width:1024px) {
-  ._13y9ptj4 {
+  ._13y9ptj5 {
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
 @media screen and (max-width:768px) {
-  ._13y9ptj4 {
+  ._13y9ptj2 {
+    display: flex;
+  }
+  ._13y9ptj5 {
     grid-template-columns: 1fr;
     justify-items: center;
   }
+}
+@media screen and (max-width: 768px) {
+  :is(._13y9ptj1):not(._13y9ptj2) .sc__btn {
+    display: none;
+  }
+}
+@media screen and (min-width:768px) {
+  ._13y9ptj2._13y9ptj1 .sc__btn {
+    display: none;
+  }
 }

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

@@ -74,7 +74,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 8px;
-  max-height: max(76px, 118px);
+  max-height: max(76px, 100px);
   display: -webkit-box;
   -webkit-box-orient: vertical;
   line-clamp: 2;
@@ -103,6 +103,7 @@
   ._1sr2o6vc {
     font-size: 28px;
     line-height: 36px;
+    max-height: max(76px, 80px);
   }
 }
 @media screen and (max-width:1024px) {

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-/* empty css                                             */
-/* empty css                               */
+/* empty css                                         */
+/* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                     */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Arrow = createRuntimeFn({ defaultClassName: "_1pwixiv0", variantClassNames: { variant: { primary: "_1pwixiv1", secondary: "_1pwixiv2", tertiary: "_1pwixiv3" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/icons/CheckIcon/CheckIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                     */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var checkColor = createRuntimeFn({ defaultClassName: "_1xajnqu0", variantClassNames: { variant: { primary: "_1xajnqu1", secondary: "_1xajnqu2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                           */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                */
 var DownloadColor = "_1r03g400";
 export {
   DownloadColor

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -1,6 +1,6 @@
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                       */
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                              */
 var FollowColor = "_1wjdwci0";
 export {
   FollowColor

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-/* empty css                                           */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

@@ -1,3 +1,3 @@
-/* empty css                                             */
-/* empty css                               */
-/* empty css                             */
+/* empty css                                         */
+/* empty css                           */
+/* empty css                         */

package/dist/main.js

@@ -66,7 +66,7 @@ import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilte
 import { QuickPricer } from "./Forms/QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./Forms/QuickPricer/QuickPricerResults.css.js";
 import { UserInformation } from "./Forms/QuickPricer/UserInformation.js";
-import { user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./Forms/QuickPricer/UserInformation.css.js";
+import { mb_form, user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./Forms/QuickPricer/UserInformation.css.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
@@ -113,7 +113,6 @@ import "react";
 import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Checkbox } from "./Input/Checkbox.js";
 import { CurrencyInput } from "./Input/CurrencyInput.js";
-import { InputDateField } from "./Input/DatePicker2.js";
 import { Dropdown } from "./Input/Dropdown.js";
 import { dp_input, selectInput } from "./Input/Dropdown.css.js";
 import { Input } from "./Input/Input.js";
@@ -261,7 +260,6 @@ export {
   ImageLinkSet,
   Input,
   InputAmount,
-  InputDateField,
   InputPhone,
   InputTextArea,
   InsightItem,
@@ -500,6 +498,7 @@ export {
   lp_hover,
   lp_theme,
   mb_8,
+  mb_form,
   media,
   mh_330,
   modalCheckboxContainer,

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-/* empty 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)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,5 +1,5 @@
-/* empty css                                    */
-/* empty css                                       */
+/* empty css                        */
+/* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {
   premierTheme

package/dist/utils/allowedAxosDomains.js

@@ -22,6 +22,7 @@ const moreDomains = {
   "{AFF}": process.env.FUNDFINDER_URL || "https://axosfundfinder.com",
   "{APL}": process.env.PERSONAL_LOANS_URL || "https://personalloans.axosbank.com",
   "{AXSEC}": process.env.AXOS_SECURE_URL || "https://secure.axosbank.com",
+  "{SECURE}": process.env.AXOS_SECURE_URL || "https://secure.axosbank.com",
   "{DOWNLOADAXOS}": process.env.AXOS_DOWNLOAD_URL || "https://downloads.axos.com",
   "{SBAAX}": process.env.SMALL_BUSINESS_ACCOUNTS || "https://small-business-accounts.axosbank.com",
   "{CPDS}": process.env.CP_DECISIONLENDER || "https://cp.decisionlender.solutions",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.156",
+  "version": "0.0.158",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,6 +28,7 @@
     "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",
@@ -43,7 +44,9 @@
     "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",
@@ -55,12 +58,15 @@
     "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"
   },
@@ -83,6 +89,7 @@
     "@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",