@npm_leadtech/legal-lib-components 7.85.3 → 7.85.4

package/dist/src/components/sections/TryNowSection/TryNowSection.styled.js

@@ -0,0 +1,190 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const TryNowSectionStyled = styled.section `
+  .guidelines-section-main {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    padding: 1.5rem;
+
+    @media ${device.laptop} {
+      flex-direction: row;
+      padding: 0;
+    }
+  }
+
+  .guidelines-section__texts {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 1rem;
+    margin-right: 0;
+    color: var(--neutral-neutral-1);
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.3px;
+
+    @media ${device['landscape-tablets']} {
+      margin-left: 2rem;
+      margin-bottom: 0;
+    }
+
+    &__title {
+      font-family: var(--font-sans);
+      margin-bottom: 2rem;
+      text-align: center;
+      font-weight: 700;
+      font-size: 1.75rem;
+      color: var(--neutral-neutral-1);
+      font-style: normal;
+      line-height: 32px;
+      letter-spacing: -0.3px;
+
+      @media ${device['landscape-tablets']} {
+        text-align: left;
+      }
+    }
+
+    &__body {
+      font-family: var(--font-sans);
+      font-size: 16px;
+      line-height: 22px;
+
+      a {
+        color: var(--primary-main-light-1);
+        font-weight: 400 !important;
+      }
+    }
+  }
+
+  .guidelines-section-detail {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin: 2rem 0 1rem 0;
+
+    @media ${device.laptop} {
+      flex-direction: row;
+    }
+
+    &__item {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      background: var(--others-white);
+      border-radius: var(--m-border-radius);
+      padding: 1.5rem;
+
+      &__image {
+        width: 100%;
+        border-radius: var(--m-border-radius);
+      }
+
+      &__title {
+        font-family: var(--font-sans);
+        font-style: normal;
+        font-weight: 700;
+        font-size: 18px;
+        line-height: 24px;
+        letter-spacing: -0.3px;
+        color: var(--neutral-neutral-1);
+        margin: 1.5rem 0 1rem 0;
+      }
+
+      ul {
+        list-style-type: disc;
+      }
+
+      ol {
+        list-style-type: decimal;
+      }
+
+      ul,
+      ol {
+        margin-left: 1rem;
+        margin-bottom: 1rem;
+
+        li {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  .guidelines-section-trial {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin: 2rem 0 1rem 0;
+
+    @media ${device.laptop} {
+      flex-direction: row;
+    }
+
+    &__texts {
+      flex-basis: 50%;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      color: var(--neutral-neutral-1);
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.3px;
+      margin-left: 0;
+
+      &__body {
+        font-family: var(--font-sans);
+        font-size: 16px;
+        line-height: 22px;
+        margin-bottom: 1.5rem;
+        a {
+          color: var(--primary-main-light-1);
+          font-weight: 400 !important;
+        }
+      }
+      .e-button {
+        height: auto;
+        align-self: flex-start;
+        margin-top: 2.5rem;
+      }
+
+      @media ${device.tablets} {
+        margin-left: 2rem;
+      }
+    }
+
+    &__item {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      background: var(--others-white);
+      border-radius: var(--m-border-radius);
+
+      @media ${device.tablets} {
+        padding: 1.5rem;
+        flex-direction: row;
+      }
+    }
+  }
+
+  .guidelines-section__image {
+    flex-basis: 50%;
+    margin-bottom: 2rem;
+
+    &.big-devices {
+      display: flex;
+    }
+    &.is-mobile {
+      display: flex;
+    }
+
+    @media ${device.mobile} {
+      &.big-devices {
+        display: flex;
+      }
+      &.is-mobile {
+        display: none;
+      }
+    }
+  }
+`;

package/dist/src/components/sections/TryNowSection/TryNowSectionProps.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TryNowSectionProps {
+    text: React.ReactNode;
+    buttonText: string;
+    buttonLink: string;
+    buttonDataQa: string;
+    image?: React.ReactNode;
+}

package/dist/src/components/sections/TryNowSection/TryNowSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/TryNowSection/index.d.ts

@@ -0,0 +1,2 @@
+export { TryNowSection } from './TryNowSection';
+export type { TryNowSectionProps } from './TryNowSectionProps';

package/dist/src/components/sections/TryNowSection/index.js

@@ -0,0 +1 @@
+export { TryNowSection } from './TryNowSection';

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSection.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type TryOurFreeLegalBlogsSectionProps } from './TryOurFreeLegalBlogsSectionProps.types';
+declare const TryOurFreeLegalBlogsSection: FC<TryOurFreeLegalBlogsSectionProps>;
+export default TryOurFreeLegalBlogsSection;

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSection.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TryOurFreeLegalBlogsContent } from '../../organisms/TryOurFreeLegalBlogsContent';
+import { TryOurFreeLegalBlogsSectionStyled } from './TryOurFreeLegalBlogsSection.styled';
+import classNames from 'classnames';
+const TryOurFreeLegalBlogsSection = ({ contentTryOurFreeLegalBlogs }) => {
+    const classTry = classNames({
+        default: contentTryOurFreeLegalBlogs.type === 'Default',
+        'wrapper wrapper--responsive our-mission': contentTryOurFreeLegalBlogs.type === 'Our Mission',
+        'wrapper wrapper--responsive our-mission-first-image': contentTryOurFreeLegalBlogs.type === 'Our Mission First Image',
+        'wrapper wrapper--responsive how-it-works': contentTryOurFreeLegalBlogs.type === 'How It Works',
+        'how-it-works-first-image': contentTryOurFreeLegalBlogs.type === 'How It Works First Image'
+    });
+    return (_jsx(TryOurFreeLegalBlogsSectionStyled, { className: `try-our-free-legal-blogs-section ${classTry}`, children: _jsx(TryOurFreeLegalBlogsContent, { title: contentTryOurFreeLegalBlogs.title, image: contentTryOurFreeLegalBlogs.image, type: contentTryOurFreeLegalBlogs.type, imageFirstOnMobile: contentTryOurFreeLegalBlogs.imageFirstOnMobile ?? false, children: contentTryOurFreeLegalBlogs.children }) }));
+};
+export default TryOurFreeLegalBlogsSection;

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSection.styled.d.ts

@@ -0,0 +1 @@
+export declare const TryOurFreeLegalBlogsSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSection.styled.js

@@ -0,0 +1,40 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const TryOurFreeLegalBlogsSectionStyled = styled.section `
+  display: flex;
+  flex-direction: column;
+
+  @media ${device['landscape-tablets']} {
+    flex-flow: row nowrap;
+  }
+
+  &.how-it-works-first-image {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    width: 100%;
+    padding: 2rem 1.5rem;
+    background-color: var(--neutral-neutral-6);
+
+    @media ${device.laptop} {
+      padding: 3rem 2rem;
+    }
+
+    @media ${device['desktop-xl']} {
+      padding: 3rem 0;
+    }
+
+    .try-our-free-legal-blogs-section-content--how-it-works-first-image {
+      max-width: 1200px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      align-self: stretch;
+
+      @media ${device['landscape-tablets']} {
+        flex-flow: row-reverse nowrap;
+      }
+    }
+  }
+`;

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSectionProps.types.d.ts

@@ -0,0 +1,4 @@
+import { type TryOurFreeLegalBlogsContentProps } from '../../organisms';
+export interface TryOurFreeLegalBlogsSectionProps {
+    contentTryOurFreeLegalBlogs: TryOurFreeLegalBlogsContentProps;
+}

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TryOurFreeLegalBlogsSection } from './TryOurFreeLegalBlogsSection';
+export { type TryOurFreeLegalBlogsSectionProps } from './TryOurFreeLegalBlogsSectionProps.types';

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/index.js

@@ -0,0 +1 @@
+export { default as TryOurFreeLegalBlogsSection } from './TryOurFreeLegalBlogsSection';

package/dist/src/components/sections/TryUsSection/TryUsSection.d.ts

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

package/dist/src/components/sections/TryUsSection/TryUsSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+import { TryUsSectionStyled } from './TryUsSection.styled';
+export const TryUsSection = ({ children, hasUserToken = false, cta }) => {
+    return (_jsxs(TryUsSectionStyled, { className: 'try-us-section', children: [children, !hasUserToken && _jsx(Button, { ...cta })] }));
+};

package/dist/src/components/sections/TryUsSection/TryUsSection.styled.d.ts

@@ -0,0 +1 @@
+export declare const TryUsSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/sections/TryUsSection/TryUsSection.styled.js

@@ -0,0 +1,23 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const TryUsSectionStyled = styled.section `
+  padding: 2rem;
+  text-align: center;
+  background-color: var(--neutral-neutral-6);
+  color: var(--neutral-neutral-1);
+
+  .m-richText {
+    max-width: 50rem;
+    margin: 0 auto;
+  }
+
+  .e-button {
+    display: inline-block;
+    margin-top: 1.5rem;
+    width: 100%;
+
+    @media ${device['landscape-tablets']} {
+      width: auto;
+    }
+  }
+`;

package/dist/src/components/sections/TryUsSection/TryUsSectionProps.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonProps } from '../../atoms';
+import { type ReactNode } from 'react';
+export interface TryUsSectionProps {
+    children?: ReactNode;
+    hasUserToken?: boolean;
+    cta: ButtonProps;
+}

package/dist/src/components/sections/TryUsSection/TryUsSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/TryUsSection/index.d.ts

@@ -0,0 +1,2 @@
+export { TryUsSection } from './TryUsSection';
+export type { TryUsSectionProps } from './TryUsSectionProps';

package/dist/src/components/sections/TryUsSection/index.js

@@ -0,0 +1 @@
+export { TryUsSection } from './TryUsSection';

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSection.d.ts

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

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RichTextStrapi } from '../../atoms';
+import { UnsubscribeSectionStyled } from './UnsubscribeSection.styled';
+export const UnsubscribeSection = ({ text }) => {
+    return (_jsx(UnsubscribeSectionStyled, { className: 'wrapper', children: _jsx("div", { className: 'unsubscribe', children: _jsx(RichTextStrapi, { ...text }) }) }));
+};

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSection.styled.d.ts

@@ -0,0 +1 @@
+export declare const UnsubscribeSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSection.styled.js

@@ -0,0 +1,63 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const UnsubscribeSectionStyled = styled.section `
+  .unsubscribe {
+    div:first-child {
+      background: var(--neutral-neutral-6);
+      display: flex;
+      flex-flow: row wrap;
+      margin-bottom: 4rem;
+      @media ${device['landscape-tablets']} {
+        margin: 0 3rem 3rem 3rem;
+      }
+    }
+
+    .m-richText p + h2 {
+      margin-top: 0;
+    }
+
+    h2 {
+      color: var(--neutral-neutral-1);
+      background: var(--others-white);
+      width: 100%;
+      font-size: 1.75rem;
+      padding: 2rem 1rem 1rem 1rem;
+
+      @media ${device['landscape-tablets']} {
+        font-size: 2rem;
+        padding: 2.7rem 0 1rem 0;
+      }
+    }
+
+    .m-richText h2 + p {
+      padding-top: 1.5rem;
+    }
+
+    .m-richText p {
+      padding: 0 2rem 1.5rem 2rem;
+      width: 100%;
+      margin: 0;
+
+      @media ${device.laptop} {
+        padding: 0 8rem 1.5rem 8rem;
+      }
+      @media ${device.laptop} {
+        padding: 0 15rem 1.5rem 15rem;
+      }
+    }
+
+    img {
+      max-width: 100%;
+      display: block;
+      margin: 0;
+    }
+
+    .image-preview {
+      margin: 0 auto;
+      padding: 0.5rem 0;
+      border: none;
+      width: auto;
+      height: auto;
+    }
+  }
+`;

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSectionProps.d.ts

@@ -0,0 +1,4 @@
+import { type RichTextStrapiProps } from '../../atoms';
+export interface UnsubscribeSectionProps {
+    text: RichTextStrapiProps;
+}

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/UnsubscribeSection/index.d.ts

@@ -0,0 +1,2 @@
+export { UnsubscribeSection } from './UnsubscribeSection';
+export { type UnsubscribeSectionProps } from './UnsubscribeSectionProps';

package/dist/src/components/sections/UnsubscribeSection/index.js

@@ -0,0 +1 @@
+export { UnsubscribeSection } from './UnsubscribeSection';

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type WhyLawDistrictSectionProps } from './WhyLawDistrictSectionProps.types';
+export declare const WhyLawDistrictSection: React.FC<WhyLawDistrictSectionProps>;
+export default WhyLawDistrictSection;

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Button } from '../../atoms/Button';
+import { WhyLawDistrictItems } from '../../atoms/WhyLawDistrictItems';
+import { WhyLawDistrictSectionStyled } from './WhyLawDistrictSection.styled';
+export const WhyLawDistrictSection = ({ title, items, userActive, link }) => {
+    if (items.length === 0)
+        return null;
+    const [isUserActive, setIsUserActive] = useState(false);
+    useEffect(() => {
+        setIsUserActive(userActive);
+    }, [userActive]);
+    return (_jsxs(WhyLawDistrictSectionStyled, { className: 'whySection', children: [_jsx("h2", { className: 'whySection__title serif --hero', children: title }), _jsx(WhyLawDistrictItems, { items: items }), !isUserActive && (_jsx(Button, { givenClass: 'whySection__button', label: link.cta, link: link.url, onClick: link.onClick, dataQa: link.dataQa, isExternal: true, hasNoFollow: true }))] }));
+};
+export default WhyLawDistrictSection;

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.d.ts

@@ -0,0 +1 @@
+export declare const WhyLawDistrictSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.js

@@ -0,0 +1,42 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const WhyLawDistrictSectionStyled = styled.section `
+  text-align: center;
+  background-color: var(--neutral-neutral-6);
+  width: 100%;
+  padding-top: 2.5rem;
+  padding-bottom: 2rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  display: flex;
+  flex-direction: column;
+
+  @media ${device['landscape-tablets']} {
+    padding-bottom: 0rem;
+    padding-left: 0rem;
+    padding-right: 0rem;
+    display: block;
+  }
+
+  .whySection {
+    &__title {
+      padding: 0 1.5rem;
+      @media ${device.laptop} {
+        padding: 0;
+      }
+    }
+
+    &__button {
+      display: flex;
+      justify-content: center;
+      width: 80%;
+      margin-bottom: 1rem;
+
+      @media ${device['landscape-tablets']} {
+        margin-bottom: 3.5rem;
+        display: inline-block;
+        width: auto;
+      }
+    }
+  }
+`;

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSectionProps.types.d.ts

@@ -0,0 +1,12 @@
+import { type WhyLawDistrictItem } from '../../atoms';
+export interface WhyLawDistrictSectionProps {
+    title: string;
+    items: WhyLawDistrictItem[];
+    userActive: boolean;
+    link: {
+        cta: string;
+        url: string;
+        onClick: () => void;
+        dataQa: string;
+    };
+}

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/WhyLawDistrictSection/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WhyLawDistrictSection } from './WhyLawDistrictSection';
+export { type WhyLawDistrictSectionProps } from './WhyLawDistrictSectionProps.types';

package/dist/src/components/sections/WhyLawDistrictSection/index.js

@@ -0,0 +1 @@
+export { default as WhyLawDistrictSection } from './WhyLawDistrictSection';

package/dist/src/components/sections/index.d.ts

@@ -0,0 +1,34 @@
+export * from './HeroSection';
+export * from './AsideMenuSection';
+export * from './AsSeeInSection';
+export * from './BenefitsRatafiaSection';
+export * from './BlogSection';
+export * from './CardBoxSection';
+export * from './ContactSection';
+export * from './ExpertsSection';
+export * from './FaqSection';
+export * from './Footer';
+export * from './FeaturesRatafiaSection';
+export * from './FunctionalityCardsSection';
+export * from './GuidelinesSection';
+export * from './HowGetYourFormsSection';
+export * from './JumbotronRatafiaSection';
+export * from './JumbotronSimplifiedSection';
+export * from './LawGeniusCardsSection';
+export * from './LegalSection';
+export * from './LawGeniusCardsSection';
+export * from './MidBannerRatafiaSection';
+export * from './MoreDocsSection';
+export * from './PeopleSayAboutUsSection';
+export * from './StepsRatafiaSection';
+export * from './TryItRatafiaSection';
+export * from './TryOurFreeLegalBlogsSection';
+export * from './TryUsSection';
+export * from './TryNowSection';
+export * from './UnsubscribeSection';
+export * from './WhyLawDistrictSection';
+export * from './LearnMoreSection';
+export * from './CardStorySection';
+export * from './Header';
+export * from './Footer';
+export * from './AppHeader';

package/dist/src/components/sections/index.js

@@ -0,0 +1,34 @@
+export * from './HeroSection';
+export * from './AsideMenuSection';
+export * from './AsSeeInSection';
+export * from './BenefitsRatafiaSection';
+export * from './BlogSection';
+export * from './CardBoxSection';
+export * from './ContactSection';
+export * from './ExpertsSection';
+export * from './FaqSection';
+export * from './Footer';
+export * from './FeaturesRatafiaSection';
+export * from './FunctionalityCardsSection';
+export * from './GuidelinesSection';
+export * from './HowGetYourFormsSection';
+export * from './JumbotronRatafiaSection';
+export * from './JumbotronSimplifiedSection';
+export * from './LawGeniusCardsSection';
+export * from './LegalSection';
+export * from './LawGeniusCardsSection';
+export * from './MidBannerRatafiaSection';
+export * from './MoreDocsSection';
+export * from './PeopleSayAboutUsSection';
+export * from './StepsRatafiaSection';
+export * from './TryItRatafiaSection';
+export * from './TryOurFreeLegalBlogsSection';
+export * from './TryUsSection';
+export * from './TryNowSection';
+export * from './UnsubscribeSection';
+export * from './WhyLawDistrictSection';
+export * from './LearnMoreSection';
+export * from './CardStorySection';
+export * from './Header';
+export * from './Footer';
+export * from './AppHeader';

package/dist/src/globalStyles/breakpoints.d.ts

@@ -0,0 +1,21 @@
+interface Size {
+    xxs: string;
+    xs: string;
+    sm: string;
+    tab: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+}
+export declare const size: Size;
+export declare const device: {
+    mobile: string;
+    'portrait-tablets': string;
+    'landscape-tablets': string;
+    tablets: string;
+    laptop: string;
+    desktop: string;
+    'desktop-xl': string;
+};
+export {};

package/dist/src/globalStyles/breakpoints.js

@@ -0,0 +1,19 @@
+export const size = {
+    xxs: '328px', // for very small screen mobile
+    xs: '575px', // for small screen mobile
+    sm: '720px', // for mobile screen
+    tab: '768px', // for tablets in portrait
+    md: '960px', // for tablets
+    lg: '1200px', // for laptops
+    xl: '1600px', // for desktop / monitors
+    xxl: '1920px' // for big screens
+};
+export const device = {
+    mobile: `(max-width: ${size.xs})`,
+    'portrait-tablets': `(min-width: ${size.xs})`,
+    'landscape-tablets': `(min-width: ${size.sm})`,
+    tablets: `(min-width: ${size.tab})`,
+    laptop: `(min-width: ${size.md})`,
+    desktop: `(min-width: ${size.lg})`,
+    'desktop-xl': `(min-width: ${size.xl})`
+};

package/dist/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useIntersectionObserver } from './useIntersectionObserver';
+export { useIsMobileOrTable } from './useIsMobileOrTable';