@npm_leadtech/legal-lib-components 7.82.52 → 7.83.0

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

@@ -1,18 +1,22 @@
-export * from './AboutUsSection';
+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';
@@ -20,7 +24,11 @@ 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.ts

@@ -1,18 +1,22 @@
-export * from './AboutUsSection'
+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'
@@ -20,7 +24,11 @@ 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/animations.scss

@@ -55,9 +55,14 @@
 }
 
 .background-ratafia-animation {
-  background: radial-gradient(90.31% 103.09% at 74.2% -62.04%, rgba(7, 128, 128, 0.3) 0%, #062f3c 100%),
-    radial-gradient(80.63% 44.37% at 73.54% 70.76%, #078080 0%, #052a37 100%),
-    radial-gradient(92.19% 33.51% at 0% 0%, #078080 0%, #042b39 100%), #032a38;
+  background: radial-gradient(
+      90.31% 103.09% at 74.2% -62.04%,
+      var(--primary-main-dark-2) 0%,
+      var(--primary-main-dark-1) 100%
+    ),
+    radial-gradient(80.63% 44.37% at 73.54% 70.76%, var(--primary-main) 0%, var(--primary-main-dark-2) 100%),
+    radial-gradient(92.19% 33.51% at 0% 0%, var(--primary-main) 0%, var(--primary-main-dark-1) 100%),
+    var(--primary-main-dark-2);
   background-blend-mode: lighten, lighten, lighten, normal;
   background-size: 150% 150%;
   animation: gradientAnimation 4s ease infinite;

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

@@ -2,6 +2,7 @@ interface Size {
     xxs: string;
     xs: string;
     sm: string;
+    tab: string;
     md: string;
     lg: string;
     xl: string;
@@ -12,6 +13,7 @@ export declare const device: {
     mobile: string;
     'portrait-tablets': string;
     'landscape-tablets': string;
+    tablets: string;
     laptop: string;
     desktop: string;
     'desktop-xl': string;

package/dist/src/globalStyles/breakpoints.js

@@ -2,6 +2,7 @@ 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
@@ -11,6 +12,7 @@ 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/globalStyles/breakpoints.ts

@@ -2,6 +2,7 @@ interface Size {
   xxs: string
   xs: string
   sm: string
+  tab: string
   md: string
   lg: string
   xl: string
@@ -12,6 +13,7 @@ export const size: 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
@@ -22,6 +24,7 @@ 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/globalStyles/themes.scss

@@ -20,9 +20,7 @@ html {
 
   --snackbar-reminder-bg: #f2bd6a;
   --snackbar-reminder-border: #cd9a4c;
-}
 
-html {
   --primary-main-light-6: #eff7f5;
   --primary-main-light-5: #e4f8f3;
   --primary-main-light-4: #c0f7e8;
@@ -54,9 +52,12 @@ html {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='districtlaws'] {
+html[data-theme='secondaryorange'] {
   --primary-main-light-6: #fff5ee;
   --primary-main-light-5: #ffe1cc;
   --primary-main-light-4: #ffc59b;
@@ -88,9 +89,12 @@ html[data-theme='districtlaws'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistricts'] {
+html[data-theme='secondaryblue'] {
   --primary-main-light-6: #f9f9ff;
   --primary-main-light-5: #eceeff;
   --primary-main-light-4: #c3c9ff;
@@ -122,9 +126,12 @@ html[data-theme='lawdistricts'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrict'] {
+html[data-theme='primarygreen'] {
   --primary-main-light-6: #eff7f5;
   --primary-main-light-5: #e4f8f3;
   --primary-main-light-4: #c0f7e8;
@@ -156,9 +163,12 @@ html[data-theme='lawdistrict'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrict'] {
+html[data-theme='primarygreen'] {
   .document-status {
     &.--in-progress {
       background-color: var(--secondary-main-light-4);
@@ -184,7 +194,7 @@ html[data-theme='lawdistrict'] {
   }
 }
 
-html[data-theme='lawsdistrict'] {
+html[data-theme='secondarypurple'] {
   --primary-main-light-6: #f9f5ff;
   --primary-main-light-5: #e3d1ff;
   --primary-main-light-4: #b68aff;
@@ -216,9 +226,12 @@ html[data-theme='lawsdistrict'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrictinfo'] {
+html[data-theme='secondarygreen'] {
   --primary-main-light-6: #f1fff7;
   --primary-main-light-5: #d5ffe6;
   --primary-main-light-4: #6affa5;
@@ -250,9 +263,12 @@ html[data-theme='lawdistrictinfo'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='uslawdistrict'] {
+html[data-theme='secondarybrown'] {
   --primary-main-light-6: #fffbf2;
   --primary-main-light-5: #fff6e5;
   --primary-main-light-4: #ffe6b7;
@@ -284,9 +300,12 @@ html[data-theme='uslawdistrict'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrictonline'] {
+html[data-theme='secondaryyellow'] {
   --primary-main-light-6: #f9ffea;
   --primary-main-light-5: #f0ffc4;
   --primary-main-light-4: #e6ff9f;
@@ -318,4 +337,62 @@ html[data-theme='lawdistrictonline'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
+}
+
+html[data-theme='primaryblue'] {
+  --button: #1039f5;
+  --button-secondary: #1039f5;
+  --button-hover: #3970ff;
+  --button-tertiary: #3970ff;
+  --button-2: #07144b;
+  --button-4: #07144b;
+  --button-2-hover: #163399;
+  --button-4-hover: #163399;
+  --snackbar-success-color: #163399;
+  --button-4-color: #e9f5ff;
+  --button-secondary-hover: #d7ecff;
+  --feeback-success: #d7ecff;
+  --button-tertiary-hover: #b7daff;
+  --snackbar-success-bg: #8bc1ff;
+  --snackbar-success-border: #5e99ff;
+  --snackbar-reminder-bg: #f98116;
+  --snackbar-reminder-border: #ea660c;
+
+  --primary-main-light-6: #e9f5ff;
+  --primary-main-light-5: #d7ecff;
+  --primary-main-light-4: #b7daff;
+  --primary-main-light-3: #8bc1ff;
+  --primary-main-light-2: #5e99ff;
+  --primary-main-light-1: #1039f5;
+  --primary-main: #3970ff;
+  --primary-main-dark-1: #163399;
+  --primary-main-dark-1-rgb: 2, 55, 74;
+  --primary-main-dark-2: #07144b;
+  --secondary-main-light-5: #fff6ed;
+  --secondary-main-light-4: #fff0d5;
+  --secondary-main-light-3: #fedcaa;
+  --secondary-main-light-2: #fdc374;
+  --secondary-main-light-1: #fb9e3c;
+  --secondary-main: #f98116;
+  --secondary-main-dark-1: #ea660c;
+  --secondary-main-dark-2: #d3530d;
+  --neutral-main: #1f2532;
+  --neutral-neutral-1: #2f3a4b;
+  --neutral-neutral-2: #496080;
+  --neutral-neutral-3: #b5babd;
+  --neutral-neutral-4: #d2d9e5;
+  --neutral-neutral-5: #ebeef3;
+  --neutral-neutral-6: #f5f7fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #ffffff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+
+  --font-main: 'Poppins', sans-serif;
+  --font-secondary: 'Poppins', sans-serif;
 }

package/dist/src/globalStyles/variablesCss.scss

@@ -14,3 +14,20 @@ html {
 
   --global-gap: 1rem;
 }
+
+html[data-theme='primaryblue'] {
+  --font-sans: 'Poppins', sans-serif;
+  --font-serif: 'Poppins', serif;
+
+  --s-border-radius: 0.25rem;
+  --m-border-radius: 0.5rem;
+  --l-border-radius: 1rem;
+
+  --box-shadow-small: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  --box-shadow-medium: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  --box-shadow-menu: 0 0.25rem 0.5rem -0.5rem rgba(var(--primary-main-dark-1-rgb), 0.2);
+  --box-shadow-tippy-box: 0 0.25rem 0.5rem 0.25rem rgba(var(--primary-main-dark-1-rgb), 0.2);
+  --box-shadow-container: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+
+  --global-gap: 1rem;
+}

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

@@ -1,5 +1,7 @@
-import { type LegacyRef } from 'react';
-export declare function useIntersectionObserver({ options, defaultIntersecting }: {
-    options?: {} | undefined;
-    defaultIntersecting?: boolean | undefined;
-}): [LegacyRef<HTMLDivElement> | undefined, boolean];
+import { RefObject } from 'react';
+interface UseIntersectionObserverParams {
+    options?: IntersectionObserverInit;
+    defaultIntersecting?: boolean;
+}
+export declare function useIntersectionObserver<T extends HTMLElement>({ options, defaultIntersecting }?: UseIntersectionObserverParams): [RefObject<T | null>, boolean];
+export {};

package/dist/src/hooks/useIntersectionObserver.js

@@ -1,21 +1,19 @@
 import { useEffect, useRef, useState } from 'react';
-export function useIntersectionObserver({ options = {}, defaultIntersecting = false }) {
+export function useIntersectionObserver({ options = {}, defaultIntersecting = false } = {}) {
     const [isIntersecting, setIsIntersecting] = useState(defaultIntersecting);
     const elementRef = useRef(null);
     useEffect(() => {
         const currentElement = elementRef.current;
+        if (!currentElement)
+            return;
         const observer = new IntersectionObserver((entries) => {
             entries.forEach((entry) => {
                 setIsIntersecting(entry.isIntersecting);
             });
         }, options);
-        if (currentElement != null) {
-            observer.observe(currentElement);
-        }
+        observer.observe(currentElement);
         return () => {
-            if (currentElement != null) {
-                observer.unobserve(currentElement);
-            }
+            observer.disconnect();
         };
     }, [options]);
     return [elementRef, isIntersecting];

package/dist/src/hooks/useIntersectionObserver.tsx

@@ -1,14 +1,20 @@
-import { type LegacyRef, useEffect, useRef, useState } from 'react'
+import { RefObject, useEffect, useRef, useState } from 'react'
 
-export function useIntersectionObserver({
+interface UseIntersectionObserverParams {
+  options?: IntersectionObserverInit
+  defaultIntersecting?: boolean
+}
+
+export function useIntersectionObserver<T extends HTMLElement>({
   options = {},
   defaultIntersecting = false
-}): [LegacyRef<HTMLDivElement> | undefined, boolean] {
+}: UseIntersectionObserverParams = {}): [RefObject<T | null>, boolean] {
   const [isIntersecting, setIsIntersecting] = useState(defaultIntersecting)
-  const elementRef = useRef<HTMLDivElement>(null)
+  const elementRef = useRef<T>(null)
 
   useEffect(() => {
     const currentElement = elementRef.current
+    if (!currentElement) return
 
     const observer = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
@@ -16,14 +22,10 @@ export function useIntersectionObserver({
       })
     }, options)
 
-    if (currentElement != null) {
-      observer.observe(currentElement)
-    }
+    observer.observe(currentElement)
 
     return () => {
-      if (currentElement != null) {
-        observer.unobserve(currentElement)
-      }
+      observer.disconnect()
     }
   }, [options])
 

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type SearchBarProps } from '../components/molecules/SearchBar/SearchBarProps.types';
+interface SearchFunctionProps extends SearchBarProps {
+    onClose?: () => void;
+}
+export declare const useSearchFunction: (props: SearchFunctionProps) => {
+    results: React.JSX.Element[];
+    searchFunction: (text: string) => void;
+};
+export {};

package/dist/src/hooks/useSearchFunction.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export const useSearchFunction = (props) => {
+    const [results, setResults] = useState([]);
+    const searchFunction = (text) => {
+        const { products, searchBarTexts, routes, handleResultClick, onClose } = props;
+        const searchTerm = text.toLowerCase();
+        const productsFiltered = products.filter((item) => item.linkText.toLowerCase().includes(searchTerm));
+        const newResults = productsFiltered
+            .map((item) => {
+            const product = item.linkText;
+            const preMatch = product.slice(0, product.toLowerCase().indexOf(searchTerm));
+            const match = product.slice(product.toLowerCase().indexOf(searchTerm), preMatch.length + searchTerm.length);
+            const postMatch = product.slice(product.toLowerCase().indexOf(searchTerm) + searchTerm.length, product.length);
+            const link = item.categoryUrl ? `${item.categoryUrl}/${item.slug}` : item.slug;
+            return (_jsx("li", { className: 'dropdown_input__item', children: _jsxs("a", { href: routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link), className: 'dropdown_input__link', onClick: (e) => {
+                        e.preventDefault();
+                        handleResultClick(product, routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link));
+                        if (onClose)
+                            onClose();
+                    }, title: product, children: [preMatch, _jsx("strong", { className: 'dropdown_input__link__emphasis', children: match }), postMatch] }) }, item.linkText));
+        })
+            .slice(0, 9);
+        newResults.push(_jsx("li", { className: 'dropdown_input__item', children: _jsx("a", { className: 'dropdown_input__link--all', title: searchBarTexts.title, href: routes.LEGAL_DOCUMENTS, onClick: onClose, children: searchBarTexts.title }) }, searchBarTexts.title));
+        setResults(newResults);
+    };
+    return { results, searchFunction };
+};

package/dist/src/hooks/useSearchFunction.tsx

@@ -0,0 +1,63 @@
+import React, { useState } from 'react'
+import { type SearchBarProps } from '../components/molecules/SearchBar/SearchBarProps.types'
+
+interface SearchFunctionProps extends SearchBarProps {
+  onClose?: () => void
+}
+
+export const useSearchFunction = (props: SearchFunctionProps) => {
+  const [results, setResults] = useState<React.JSX.Element[]>([])
+
+  const searchFunction = (text: string): void => {
+    const { products, searchBarTexts, routes, handleResultClick, onClose } = props
+    const searchTerm = text.toLowerCase()
+
+    const productsFiltered = products.filter((item) => item.linkText.toLowerCase().includes(searchTerm))
+
+    const newResults = productsFiltered
+      .map((item) => {
+        const product = item.linkText
+        const preMatch = product.slice(0, product.toLowerCase().indexOf(searchTerm))
+        const match = product.slice(product.toLowerCase().indexOf(searchTerm), preMatch.length + searchTerm.length)
+        const postMatch = product.slice(product.toLowerCase().indexOf(searchTerm) + searchTerm.length, product.length)
+        const link = item.categoryUrl ? `${item.categoryUrl}/${item.slug}` : item.slug
+
+        return (
+          <li key={item.linkText} className='dropdown_input__item'>
+            <a
+              href={routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link)}
+              className='dropdown_input__link'
+              onClick={(e) => {
+                e.preventDefault()
+                handleResultClick(product, routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link))
+                if (onClose) onClose()
+              }}
+              title={product}
+            >
+              {preMatch}
+              <strong className='dropdown_input__link__emphasis'>{match}</strong>
+              {postMatch}
+            </a>
+          </li>
+        )
+      })
+      .slice(0, 9)
+
+    newResults.push(
+      <li key={searchBarTexts.title} className='dropdown_input__item'>
+        <a
+          className='dropdown_input__link--all'
+          title={searchBarTexts.title}
+          href={routes.LEGAL_DOCUMENTS}
+          onClick={onClose}
+        >
+          {searchBarTexts.title}
+        </a>
+      </li>
+    )
+
+    setResults(newResults)
+  }
+
+  return { results, searchFunction }
+}

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

@@ -0,0 +1,6 @@
+interface Size {
+    width: number | null;
+    height: number | null;
+}
+export declare const useWindowSize: () => Size;
+export {};

package/dist/src/hooks/useWindowSize.js

@@ -0,0 +1,43 @@
+import { useEffect, useState } from 'react';
+const getSize = () => {
+    if (typeof window !== 'undefined') {
+        return {
+            width: window.innerWidth,
+            height: window.innerHeight
+        };
+    }
+    else if (typeof document !== 'undefined') {
+        if (typeof document.documentElement !== 'undefined') {
+            return {
+                width: document.documentElement.clientWidth,
+                height: document.documentElement.clientHeight
+            };
+        }
+        else {
+            return {
+                width: document.body.clientWidth,
+                height: document.body.clientHeight
+            };
+        }
+    }
+};
+export const useWindowSize = () => {
+    const [size, setSize] = useState({
+        width: null,
+        height: null
+    });
+    const resizeListener = () => {
+        const newSize = getSize();
+        if (newSize) {
+            setSize(newSize);
+        }
+    };
+    useEffect(() => {
+        resizeListener();
+        window.addEventListener('resize', resizeListener);
+        return () => {
+            window.removeEventListener('resize', resizeListener);
+        };
+    }, []);
+    return size;
+};

package/dist/src/hooks/useWindowSize.tsx

@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react'
+
+interface Size {
+  width: number | null
+  height: number | null
+}
+
+const getSize = (): Size | undefined => {
+  if (typeof window !== 'undefined') {
+    return {
+      width: window.innerWidth,
+      height: window.innerHeight
+    }
+  } else if (typeof document !== 'undefined') {
+    if (typeof document.documentElement !== 'undefined') {
+      return {
+        width: document.documentElement.clientWidth,
+        height: document.documentElement.clientHeight
+      }
+    } else {
+      return {
+        width: document.body.clientWidth,
+        height: document.body.clientHeight
+      }
+    }
+  }
+}
+
+export const useWindowSize = (): Size => {
+  const [size, setSize] = useState<Size>({
+    width: null,
+    height: null
+  })
+
+  const resizeListener = (): void => {
+    const newSize = getSize()
+    if (newSize) {
+      setSize(newSize)
+    }
+  }
+
+  useEffect(() => {
+    resizeListener()
+    window.addEventListener('resize', resizeListener)
+    return () => {
+      window.removeEventListener('resize', resizeListener)
+    }
+  }, [])
+
+  return size
+}

package/dist/src/utils/throttle.d.ts

@@ -0,0 +1 @@
+export declare function throttle<T extends (...args: unknown[]) => unknown>(func: T, limit: number): (this: ThisParameterType<T>, ...args: Parameters<T>) => void;

package/dist/src/utils/throttle.js

@@ -0,0 +1,10 @@
+export function throttle(func, limit) {
+    let inThrottle;
+    return function (...args) {
+        if (!inThrottle) {
+            func.apply(this, args);
+            inThrottle = true;
+            setTimeout(() => (inThrottle = false), limit);
+        }
+    };
+}

package/dist/src/utils/throttle.ts

@@ -0,0 +1,11 @@
+export function throttle<T extends (...args: unknown[]) => unknown>(func: T, limit: number) {
+  let inThrottle: boolean | undefined
+
+  return function (this: ThisParameterType<T>, ...args: Parameters<T>): void {
+    if (!inThrottle) {
+      func.apply(this, args)
+      inThrottle = true
+      setTimeout(() => (inThrottle = false), limit)
+    }
+  }
+}