@mrshmllw/smores-react 10.7.0-crumbs-feature-vite-bundling.2 → 10.7.0

package/dist/fontStyle.d.ts

@@ -1 +1 @@
-export declare const FontStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
+export declare const FontStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/dist/fontStyle.js

@@ -0,0 +1,35 @@
+import { createGlobalStyle } from 'styled-components';
+import { theme } from './theme';
+export const FontStyle = createGlobalStyle `
+  @font-face {
+    font-family: 'Circular';
+    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');
+    font-weight: ${theme.font.weight.normal};
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Circular';
+    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f066540b11e802f892996_CircularXXWeb-Medium.woff2') format('woff2');
+    font-weight: ${theme.font.weight.medium};
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Circular';
+    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665ddfa22dd5375ca6e_CircularXXWeb-Bold.woff2') format('woff2');
+    font-weight: ${theme.font.weight.bold};
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'MarshmallowYouth';
+    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');
+    font-weight: ${theme.font.weight.bold};
+    font-style: normal;
+  }
+`;
+//# sourceMappingURL=fontStyle.js.map

package/dist/fontStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../src/fontStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,iBAAiB,CAAA;;;;mBAIvB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;;;;;;mBAQxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;;mBAQtB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;CAGxC,CAAA","sourcesContent":["import { createGlobalStyle } from 'styled-components'\nimport { theme } from './theme'\n\nexport const FontStyle = createGlobalStyle`\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665430aaedf8cb0bbf3_CircularXXSub-RegularSubset.woff2') format('woff2');\n    font-weight: ${theme.font.weight.normal};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f066540b11e802f892996_CircularXXWeb-Medium.woff2') format('woff2');\n    font-weight: ${theme.font.weight.medium};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'Circular';\n    src: url('https://uploads-ssl.webflow.com/5baa461315ee32413d16236d/5f7f0665ddfa22dd5375ca6e_CircularXXWeb-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face {\n    font-family: 'MarshmallowYouth';\n    src: url('https://assets.marshmallow.com/fonts/MarshmallowYouth-Bold.woff2') format('woff2');\n    font-weight: ${theme.font.weight.bold};\n    font-style: normal;\n  }\n`\n"]}

package/dist/hooks/index.js

@@ -0,0 +1,6 @@
+export * from './useEventListener';
+export * from './useClickOutside';
+export * from './useScript';
+export * from './useTimeout';
+export * from './useBodyScrollLock';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA","sourcesContent":["export * from './useEventListener'\nexport * from './useClickOutside'\nexport * from './useScript'\nexport * from './useTimeout'\nexport * from './useBodyScrollLock'\n"]}

package/dist/hooks/useBodyScrollLock/index.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll, } from 'body-scroll-lock';
+const enhancedDisabeBodyScroll = (node) => {
+    disableBodyScroll(node, {
+        reserveScrollBarGap: true,
+        allowTouchMove: () => true,
+    });
+    document.body.style.top = `-${window.scrollY}px`;
+};
+export function useBodyScrollLock({ node, showModal, }) {
+    useEffect(() => {
+        return () => clearAllBodyScrollLocks();
+    }, []);
+    useEffect(() => {
+        if (node === null)
+            return;
+        if (showModal) {
+            enhancedDisabeBodyScroll(node);
+        }
+        else {
+            enableBodyScroll(node);
+        }
+    }, [node, showModal]);
+}
+//# sourceMappingURL=index.js.map

package/dist/hooks/useBodyScrollLock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useBodyScrollLock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,wBAAwB,GAAG,CAAC,IAA2B,EAAE,EAAE;IAC/D,iBAAiB,CAAC,IAAI,EAAE;QACtB,mBAAmB,EAAE,IAAI;QACzB,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;KAC3B,CAAC,CAAA;IAEF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC,OAAO,IAAI,CAAA;AAClD,CAAC,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,GAIV;IACC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAA;IACxC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,IAAI;YAAE,OAAM;QAEzB,IAAI,SAAS,EAAE,CAAC;YACd,wBAAwB,CAAC,IAAI,CAAC,CAAA;QAChC,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;AACvB,CAAC","sourcesContent":["import { useEffect } from 'react'\nimport {\n  clearAllBodyScrollLocks,\n  disableBodyScroll,\n  enableBodyScroll,\n} from 'body-scroll-lock'\n\nconst enhancedDisabeBodyScroll = (node: HTMLElement | Element) => {\n  disableBodyScroll(node, {\n    reserveScrollBarGap: true,\n    allowTouchMove: () => true,\n  })\n\n  document.body.style.top = `-${window.scrollY}px`\n}\n\nexport function useBodyScrollLock({\n  node,\n  showModal,\n}: {\n  node: HTMLDivElement | null\n  showModal: boolean\n}) {\n  useEffect(() => {\n    return () => clearAllBodyScrollLocks()\n  }, [])\n\n  useEffect(() => {\n    if (node === null) return\n\n    if (showModal) {\n      enhancedDisabeBodyScroll(node)\n    } else {\n      enableBodyScroll(node)\n    }\n  }, [node, showModal])\n}\n"]}

package/dist/hooks/useClickOutside/index.js

@@ -0,0 +1,24 @@
+import { useCallback, useRef } from 'react';
+import { useEventListener } from '../useEventListener';
+export const useOnClickOutside = ({ ref, callback, }) => {
+    const onClickOutsideListener = useCallback((event) => {
+        if (!ref?.current || ref?.current?.contains(event.target)) {
+            return;
+        }
+        callback(event);
+    }, [ref, callback]);
+    const documentRef = useRef(document.body);
+    useEventListener({
+        eventName: 'click',
+        ref: documentRef,
+        callback: onClickOutsideListener,
+        capture: true,
+    });
+    useEventListener({
+        eventName: 'touchend',
+        ref: documentRef,
+        callback: onClickOutsideListener,
+        capture: true,
+    });
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useClickOutside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,EACH,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,KAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,GAAG,EAAE,OAAO,IAAI,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YAClE,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EAED,CAAC,GAAG,EAAE,QAAQ,CAAC,CAChB,CAAA;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEzC,gBAAgB,CAAC;QACf,SAAS,EAAE,OAAO;QAClB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,sBAAsB;QAChC,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,gBAAgB,CAAC;QACf,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,sBAAsB;QAChC,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { RefObject, useCallback, useRef } from 'react'\nimport { GenericEventCallback } from '../../types'\nimport { useEventListener } from '../useEventListener'\n\nexport const useOnClickOutside = ({\n  ref,\n  callback,\n}: {\n  ref: RefObject<HTMLElement | null>\n  callback: GenericEventCallback\n}) => {\n  const onClickOutsideListener = useCallback(\n    (event: MouseEvent) => {\n      if (!ref?.current || ref?.current?.contains(event.target as Node)) {\n        return\n      }\n\n      callback(event)\n    },\n\n    [ref, callback],\n  )\n\n  const documentRef = useRef(document.body)\n\n  useEventListener({\n    eventName: 'click',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n\n  useEventListener({\n    eventName: 'touchend',\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true,\n  })\n}\n"]}

package/dist/hooks/useEventListener/index.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+export const useEventListener = ({ eventName, callback, ref, capture = false, }) => {
+    useEffect(() => {
+        const refElement = ref?.current;
+        if (!refElement)
+            return;
+        const listenerOptions = { capture };
+        refElement.addEventListener(eventName, callback, listenerOptions);
+        return () => {
+            refElement.removeEventListener(eventName, callback, listenerOptions);
+        };
+    }, [eventName, ref, callback, capture]);
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useEventListener/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useEventListener/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,OAAO,GAAG,KAAK,GAMhB,EAAQ,EAAE;IACT,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,EAAE,OAAO,CAAA;QAC/B,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,MAAM,eAAe,GAAG,EAAE,OAAO,EAAE,CAAA;QAEnC,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAA;QAEjE,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAA;QACtE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;AACzC,CAAC,CAAA","sourcesContent":["import { RefObject, useEffect } from 'react'\nimport { GenericEventCallback } from '../../types'\n\nexport const useEventListener = ({\n  eventName,\n  callback,\n  ref,\n  capture = false,\n}: {\n  eventName: keyof HTMLElementEventMap\n  callback: GenericEventCallback\n  ref: RefObject<HTMLElement | Document | null>\n  capture?: boolean\n}): void => {\n  useEffect(() => {\n    const refElement = ref?.current\n    if (!refElement) return\n    const listenerOptions = { capture }\n\n    refElement.addEventListener(eventName, callback, listenerOptions)\n\n    return () => {\n      refElement.removeEventListener(eventName, callback, listenerOptions)\n    }\n  }, [eventName, ref, callback, capture])\n}\n"]}

package/dist/hooks/useScript/index.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+export const useScript = ({ url, async = true, }) => {
+    useEffect(() => {
+        const script = document.createElement('script');
+        script.src = url;
+        script.async = async;
+        document.body.appendChild(script);
+        return () => {
+            document.body.removeChild(script);
+        };
+    }, [url]);
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useScript/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useScript/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,KAAK,GAAG,IAAI,GAIb,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAE/C,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QAChB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QAEjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AACX,CAAC,CAAA","sourcesContent":["import { useEffect } from 'react'\n\nexport const useScript = ({\n  url,\n  async = true,\n}: {\n  url: string\n  async?: boolean\n}) => {\n  useEffect(() => {\n    const script = document.createElement('script')\n\n    script.src = url\n    script.async = async\n\n    document.body.appendChild(script)\n\n    return () => {\n      document.body.removeChild(script)\n    }\n  }, [url])\n}\n"]}

package/dist/hooks/useTimeout/index.js

@@ -0,0 +1,12 @@
+import { useEffect, useRef } from 'react';
+export const useTimeout = (callback, delay) => {
+    const savedCallback = useRef(callback);
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        const id = setTimeout(() => savedCallback.current(), delay);
+        return () => clearTimeout(id);
+    }, [delay]);
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useTimeout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useTimeout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAoB,EAAE,KAAa,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useTimeout = (callback: () => void, delay: number) => {\n  const savedCallback = useRef(callback)\n\n  useEffect(() => {\n    savedCallback.current = callback\n  }, [callback])\n\n  useEffect(() => {\n    const id = setTimeout(() => savedCallback.current(), delay)\n    return () => clearTimeout(id)\n  }, [delay])\n}\n"]}