@npm_leadtech/legal-lib-components 2.46.2 → 2.46.4

package/dist/esm/legal-lib-components.css

@@ -2072,6 +2072,46 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       letter-spacing: -0.3px;
       color: var(--neutral-neutral-2); }
 
+.nav-menu-item {
+  border-radius: 4px;
+  position: relative;
+  width: fit-content; }
+  .nav-menu-item .title {
+    position: relative; }
+  .nav-menu-item .e-button {
+    display: flex;
+    flex-flow: row nowrap;
+    gap: 0.1rem;
+    padding: 0.25rem 0.5rem;
+    border: 0; }
+  .nav-menu-item .list {
+    border-radius: 4px;
+    padding: 0.5rem;
+    margin-top: 0.5rem;
+    display: flex;
+    visibility: hidden;
+    opacity: 0;
+    background: var(--others-white);
+    transition: all 0.1s ease;
+    box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+    min-width: max-content;
+    flex-flow: column wrap;
+    position: absolute;
+    left: 0; }
+    .nav-menu-item .list .item-list:hover {
+      background-color: var(--primary-main-light-5); }
+  .nav-menu-item:hover .title:after {
+    display: block; }
+  .nav-menu-item:hover .list {
+    opacity: 1;
+    z-index: 11;
+    margin-top: 1rem;
+    visibility: visible;
+    transition: all 0.4s ease; }
+  @media (min-width: 960px) {
+    .nav-menu-item {
+      display: block; } }
+
 .paypal-button {
   padding: 0;
   border: none;
@@ -4757,6 +4797,47 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .guidelines-section__image.is-mobile {
         display: none; } }
 
+.language-selector-mobile {
+  position: relative; }
+  .language-selector-mobile .selected-option {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: var(--primary-main-dark-1);
+    border: 0; }
+    .language-selector-mobile .selected-option .language {
+      color: var(--others-white); }
+    .language-selector-mobile .selected-option .chevron-expand-more {
+      transition: all 0.1s ease; }
+  .language-selector-mobile .language {
+    display: flex;
+    align-items: center;
+    padding: 0 0.5rem;
+    gap: 0.1rem; }
+  .language-selector-mobile .options {
+    position: absolute;
+    visibility: hidden;
+    opacity: 0;
+    width: 100%;
+    padding-top: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    transition: all 0.1s ease; }
+    .language-selector-mobile .options .option {
+      display: flex;
+      padding: 0.5rem 1rem;
+      background-color: var(--neutral-neutral-6); }
+    .language-selector-mobile .options .language {
+      color: var(--neutral-neutral-1); }
+  .language-selector-mobile:hover .selected-option .chevron-expand-more {
+    transition: all 0.4s ease;
+    transform: rotate(180deg); }
+  .language-selector-mobile:hover .options {
+    opacity: 1;
+    visibility: visible;
+    transition: all 0.4s ease; }
+
 .homeSteps__container {
   transform: translateY(0%); }
   @media (min-width: 575px) {

package/dist/esm/src/components/atoms/NavMenuItem/NavMenuItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type NavMenuItemProps } from './NavMenuItemProps';
+import './NavMenuItem.scss';
+export declare const NavMenuItem: React.FC<NavMenuItemProps>;

package/dist/esm/src/components/atoms/NavMenuItem/NavMenuItemProps.d.ts

@@ -0,0 +1,8 @@
+import { type ButtonProps } from '../Button';
+export interface NavMenuItemProps {
+    mainButton: ButtonProps;
+    items?: Array<{
+        key: string;
+        props: ButtonProps;
+    }>;
+}

package/dist/esm/src/components/atoms/NavMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NavMenuItem';
+export * from './NavMenuItemProps';

package/dist/esm/src/components/atoms/index.d.ts

@@ -25,6 +25,7 @@ export * from './LogoText';
 export * from './MenuItems';
 export * from './Message';
 export * from './MoreDocsItem';
+export * from './NavMenuItem';
 export * from './PaypalButton';
 export * from './PopularDocsItem';
 export * from './ProgressBar';

package/dist/esm/src/components/organisms/LanguageSelector/LanguageSelector.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type LanguageSelectorProps } from './LanguageSelectorProps';
+export declare const LanguageSelector: React.FC<LanguageSelectorProps>;

package/dist/esm/src/components/organisms/LanguageSelector/LanguageSelectorProps.d.ts

@@ -0,0 +1,5 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export interface LanguageSelectorProps {
+    languages: LenguageSelectorItem[];
+    selected: string;
+}

package/dist/esm/src/components/organisms/LanguageSelector/LenguageSelectorItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface LenguageSelectorItem {
+    code: string;
+    url: string;
+    flag?: React.ReactNode;
+    name?: string;
+}

package/dist/esm/src/components/organisms/LanguageSelector/index.d.ts

@@ -0,0 +1,6 @@
+export * from './LanguageSelector';
+export * from './LanguageSelectorProps';
+export * from './LenguageSelectorItem';
+export * from './useLanguagesSelector';
+export * from './useLanguageSelected';
+export * from './useLanguageOptions';

package/dist/esm/src/components/organisms/LanguageSelector/useLanguageOptions.d.ts

@@ -0,0 +1,4 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export declare const useLanguageOptions: (languagesSelector: LenguageSelectorItem[], selected: string) => {
+    languageOptions: LenguageSelectorItem[];
+};

package/dist/esm/src/components/organisms/LanguageSelector/useLanguageSelected.d.ts

@@ -0,0 +1,4 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export declare const useLanguageSelected: (languagesSelector: LenguageSelectorItem[], selected: string) => {
+    languageSelected: LenguageSelectorItem;
+};

package/dist/esm/src/components/organisms/LanguageSelector/useLanguagesSelector.d.ts

@@ -0,0 +1,4 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export declare const useLanguagesSelector: (languages: LenguageSelectorItem[]) => {
+    languagesSelector: LenguageSelectorItem[];
+};

package/dist/esm/src/components/organisms/LanguageSelectorMobile/LanguageSelectorMobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type LanguageSelectorProps } from '../LanguageSelector';
+import './LanguageSelectorMobile.scss';
+export declare const LanguageSelectorMobile: React.FC<LanguageSelectorProps>;

package/dist/esm/src/components/organisms/LanguageSelectorMobile/index.d.ts

@@ -0,0 +1 @@
+export * from './LanguageSelectorMobile';

package/dist/esm/src/components/organisms/index.d.ts

@@ -6,6 +6,8 @@ export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
 export * from './FaqGroup';
 export * from './GuidelinesContent';
+export * from './LanguageSelector';
+export * from './LanguageSelectorMobile';
 export * from './ListStepsGetForm';
 export * from './MobileBottomBar';
 export * from './TryOurFreeLegalBlogsContent';

package/dist/index.d.ts

@@ -294,6 +294,16 @@ interface MoreDocsItemProps {
 
 declare const MoreDocsItem: React$1.FC<MoreDocsItemProps>;
 
+interface NavMenuItemProps {
+    mainButton: ButtonProps;
+    items?: Array<{
+        key: string;
+        props: ButtonProps;
+    }>;
+}
+
+declare const NavMenuItem: React$1.FC<NavMenuItemProps>;
+
 interface PaypalButtonProps {
     onClickButton: () => void;
 }
@@ -998,6 +1008,34 @@ interface GuidelinesContentProps {
 
 declare const GuidelinesContent: FC<GuidelinesContentProps>;
 
+interface LenguageSelectorItem {
+    code: string;
+    url: string;
+    flag?: React.ReactNode;
+    name?: string;
+}
+
+interface LanguageSelectorProps {
+    languages: LenguageSelectorItem[];
+    selected: string;
+}
+
+declare const LanguageSelector: React$1.FC<LanguageSelectorProps>;
+
+declare const useLanguagesSelector: (languages: LenguageSelectorItem[]) => {
+    languagesSelector: LenguageSelectorItem[];
+};
+
+declare const useLanguageSelected: (languagesSelector: LenguageSelectorItem[], selected: string) => {
+    languageSelected: LenguageSelectorItem;
+};
+
+declare const useLanguageOptions: (languagesSelector: LenguageSelectorItem[], selected: string) => {
+    languageOptions: LenguageSelectorItem[];
+};
+
+declare const LanguageSelectorMobile: React$1.FC<LanguageSelectorProps>;
+
 interface ListStepsGetFormProps {
     steps: StepGetFormProps[];
 }
@@ -1219,4 +1257,4 @@ interface UseIsMobileOrTablePropsReturn {
 }
 declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 
-export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, Accordion, AccordionItem$1 as AccordionItem, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, MoreDocsDesktop, type MoreDocsDesktopProps, MoreDocsItem, type MoreDocsItemProps, MoreDocsMobile, type MoreDocsMobileProps, MoreDocsSection, type MoreDocsSectionProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PopularDocs, PopularDocsItem, type PopularDocsItemProps, type PopularDocsProps, PricingCard, type PricingCardProps, ProductCategory, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, TypeModulesList, type TypeModulesListProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useDispatchDataAccordionItem, useIntersectionObserver, useIsMobileOrTable, useStateDataAccordionItem };
+export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, Accordion, AccordionItem$1 as AccordionItem, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, LanguageSelector, LanguageSelectorMobile, type LanguageSelectorProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, type LenguageSelectorItem, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, MoreDocsDesktop, type MoreDocsDesktopProps, MoreDocsItem, type MoreDocsItemProps, MoreDocsMobile, type MoreDocsMobileProps, MoreDocsSection, type MoreDocsSectionProps, NavBarDropDown, type NavBarDropDownProps, NavMenuItem, type NavMenuItemProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PopularDocs, PopularDocsItem, type PopularDocsItemProps, type PopularDocsProps, PricingCard, type PricingCardProps, ProductCategory, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, TypeModulesList, type TypeModulesListProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useDispatchDataAccordionItem, useIntersectionObserver, useIsMobileOrTable, useLanguageOptions, useLanguageSelected, useLanguagesSelector, useStateDataAccordionItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.46.2",
+  "version": "2.46.4",
   "dependencies": {
     "@testing-library/jest-dom": "^6.1.4",
     "@tippyjs/react": "4.2.6",