@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/hooks/useIsMounted.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMounted.cjs","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAIA,aAAAA,SAAS,KAAK;AAEhDC,eAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;;"}

package/dist/hooks/useIsMounted.d.ts

@@ -1,2 +0,0 @@
-export declare const useIsMounted: () => boolean;
-//# sourceMappingURL=useIsMounted.d.ts.map

package/dist/hooks/useIsMounted.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMounted.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsMounted.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,eAQxB,CAAC"}

package/dist/hooks/useIsMounted.mjs

@@ -1,13 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-const useIsMounted = () => {
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
-  return isMounted;
-};
-export {
-  useIsMounted
-};
-//# sourceMappingURL=useIsMounted.mjs.map

package/dist/hooks/useIsMounted.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMounted.mjs","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n};\n"],"names":[],"mappings":";;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;"}

package/dist/hooks/useItemSelector.cjs

@@ -1,102 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const selectorDefault = (option) => option?.getAttribute("aria-selected") === "true";
-const useItemSelector = (optionsRefs, selector = selectorDefault, isHoverable = false) => {
-  const [choiceIndicatorPosition, setChoiceIndicatorPosition] = ReactExports.useState(null);
-  const [hoveredItem, setHoveredItem] = ReactExports.useState(null);
-  const itemsLength = optionsRefs.current.length;
-  ReactExports.useEffect(() => {
-    const calculatePosition = () => {
-      let targetElement = null;
-      if (hoveredItem) {
-        targetElement = hoveredItem;
-      } else {
-        targetElement = optionsRefs.current.find(selector) ?? null;
-      }
-      if (!targetElement) {
-        setChoiceIndicatorPosition((prev) => ({
-          left: 0,
-          width: 0,
-          ...prev,
-          opacity: 0
-        }));
-        return;
-      }
-      const left = targetElement.offsetLeft;
-      const width = targetElement.offsetWidth;
-      setChoiceIndicatorPosition({
-        left,
-        width,
-        opacity: 1
-      });
-    };
-    calculatePosition();
-    window.addEventListener("resize", calculatePosition);
-    window.addEventListener("DOMContentLoaded", calculatePosition);
-    const mutationObservers = [];
-    optionsRefs.current.forEach((option) => {
-      if (option) {
-        const observer = new MutationObserver((mutations) => {
-          for (const mutation of mutations) {
-            if (mutation.type === "attributes" && mutation.attributeName === "aria-selected") {
-              calculatePosition();
-              break;
-            }
-          }
-        });
-        observer.observe(option, {
-          attributes: true,
-          attributeFilter: ["aria-selected"]
-        });
-        mutationObservers.push(observer);
-      }
-    });
-    const resizeObservers = [];
-    const observeSize = (element) => {
-      if (!element) return;
-      const resizeObserver = new ResizeObserver(() => {
-        calculatePosition();
-      });
-      resizeObserver.observe(element);
-      resizeObservers.push(resizeObserver);
-    };
-    const selectedItem = optionsRefs.current.find(selector) ?? null;
-    if (selectedItem) {
-      observeSize(selectedItem);
-    }
-    if (hoveredItem) {
-      observeSize(hoveredItem);
-    }
-    const handleMouseEnter = (event) => {
-      setHoveredItem(event.currentTarget);
-    };
-    const handleMouseLeave = () => {
-      setHoveredItem(null);
-    };
-    if (isHoverable) {
-      optionsRefs.current.forEach((option) => {
-        option?.addEventListener("mouseenter", handleMouseEnter, {
-          passive: true
-        });
-        option?.addEventListener("mouseleave", handleMouseLeave, {
-          passive: true
-        });
-      });
-    }
-    return () => {
-      window.removeEventListener("resize", calculatePosition);
-      window.removeEventListener("DOMContentLoaded", calculatePosition);
-      mutationObservers.forEach((observer) => observer.disconnect());
-      resizeObservers.forEach((observer) => observer.disconnect());
-      optionsRefs.current.forEach((option) => {
-        option?.removeEventListener("mouseenter", handleMouseEnter);
-        option?.removeEventListener("mouseleave", handleMouseLeave);
-      });
-    };
-  }, [optionsRefs, selector, hoveredItem, itemsLength]);
-  return { choiceIndicatorPosition };
-};
-exports.useItemSelector = useItemSelector;
-//# sourceMappingURL=useItemSelector.cjs.map

package/dist/hooks/useItemSelector.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n        return;\n      }\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter, {\n          passive: true,\n        });\n        option?.addEventListener('mouseleave', handleMouseLeave, {\n          passive: true,\n        });\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":["useState","useEffect"],"mappings":"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"}

package/dist/hooks/useItemSelector.d.ts

@@ -1,11 +0,0 @@
-import { MutableRefObject } from 'react';
-type StyleState = {
-    left: number;
-    width: number;
-    opacity: number;
-};
-export declare const useItemSelector: (optionsRefs: MutableRefObject<HTMLElement[]>, selector?: (option: HTMLElement, index: number) => boolean, isHoverable?: boolean) => {
-    choiceIndicatorPosition: StyleState | null;
-};
-export {};
-//# sourceMappingURL=useItemSelector.d.ts.map

package/dist/hooks/useItemSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useItemSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useItemSelector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEnE,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAKF,eAAO,MAAM,eAAe,GAC1B,aAAa,gBAAgB,CAAC,WAAW,EAAE,CAAC,EAC5C,WAAU,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,OAAyB,EAC3E,qBAAmB;;CAuIpB,CAAC"}

package/dist/hooks/useItemSelector.mjs

@@ -1,102 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-const selectorDefault = (option) => option?.getAttribute("aria-selected") === "true";
-const useItemSelector = (optionsRefs, selector = selectorDefault, isHoverable = false) => {
-  const [choiceIndicatorPosition, setChoiceIndicatorPosition] = useState(null);
-  const [hoveredItem, setHoveredItem] = useState(null);
-  const itemsLength = optionsRefs.current.length;
-  useEffect(() => {
-    const calculatePosition = () => {
-      let targetElement = null;
-      if (hoveredItem) {
-        targetElement = hoveredItem;
-      } else {
-        targetElement = optionsRefs.current.find(selector) ?? null;
-      }
-      if (!targetElement) {
-        setChoiceIndicatorPosition((prev) => ({
-          left: 0,
-          width: 0,
-          ...prev,
-          opacity: 0
-        }));
-        return;
-      }
-      const left = targetElement.offsetLeft;
-      const width = targetElement.offsetWidth;
-      setChoiceIndicatorPosition({
-        left,
-        width,
-        opacity: 1
-      });
-    };
-    calculatePosition();
-    window.addEventListener("resize", calculatePosition);
-    window.addEventListener("DOMContentLoaded", calculatePosition);
-    const mutationObservers = [];
-    optionsRefs.current.forEach((option) => {
-      if (option) {
-        const observer = new MutationObserver((mutations) => {
-          for (const mutation of mutations) {
-            if (mutation.type === "attributes" && mutation.attributeName === "aria-selected") {
-              calculatePosition();
-              break;
-            }
-          }
-        });
-        observer.observe(option, {
-          attributes: true,
-          attributeFilter: ["aria-selected"]
-        });
-        mutationObservers.push(observer);
-      }
-    });
-    const resizeObservers = [];
-    const observeSize = (element) => {
-      if (!element) return;
-      const resizeObserver = new ResizeObserver(() => {
-        calculatePosition();
-      });
-      resizeObserver.observe(element);
-      resizeObservers.push(resizeObserver);
-    };
-    const selectedItem = optionsRefs.current.find(selector) ?? null;
-    if (selectedItem) {
-      observeSize(selectedItem);
-    }
-    if (hoveredItem) {
-      observeSize(hoveredItem);
-    }
-    const handleMouseEnter = (event) => {
-      setHoveredItem(event.currentTarget);
-    };
-    const handleMouseLeave = () => {
-      setHoveredItem(null);
-    };
-    if (isHoverable) {
-      optionsRefs.current.forEach((option) => {
-        option?.addEventListener("mouseenter", handleMouseEnter, {
-          passive: true
-        });
-        option?.addEventListener("mouseleave", handleMouseLeave, {
-          passive: true
-        });
-      });
-    }
-    return () => {
-      window.removeEventListener("resize", calculatePosition);
-      window.removeEventListener("DOMContentLoaded", calculatePosition);
-      mutationObservers.forEach((observer) => observer.disconnect());
-      resizeObservers.forEach((observer) => observer.disconnect());
-      optionsRefs.current.forEach((option) => {
-        option?.removeEventListener("mouseenter", handleMouseEnter);
-        option?.removeEventListener("mouseleave", handleMouseLeave);
-      });
-    };
-  }, [optionsRefs, selector, hoveredItem, itemsLength]);
-  return { choiceIndicatorPosition };
-};
-export {
-  useItemSelector
-};
-//# sourceMappingURL=useItemSelector.mjs.map

package/dist/hooks/useItemSelector.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useItemSelector.mjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n        return;\n      }\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter, {\n          passive: true,\n        });\n        option?.addEventListener('mouseleave', handleMouseLeave, {\n          passive: true,\n        });\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":[],"mappings":";;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxD,SAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAI,SAA6B,IAAI;AAEvE,QAAM,cAAc,YAAY,QAAQ;AAExC,YAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACf,wBAAgB;AAAA,MAClB,OAAO;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MACxD;AAEA,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QAAA,EACT;AACF;AAAA,MACF;AAEA,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAE5B,iCAA2B;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAEA,sBAAA;AAGA,WAAO,iBAAiB,UAAU,iBAAiB;AACnD,WAAO,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAA;AAE9C,gBAAY,QAAQ,QAAQ,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,cAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,qBAAW,YAAY,WAAW;AAChC,gBACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACA,gCAAA;AACA;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MACjC;AAAA,IACF,CAAC;AAGD,UAAM,kBAAoC,CAAA;AAE1C,UAAM,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACd,YAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,0BAAA;AAAA,MACF,CAAC;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IACrC;AAGA,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IACzB;AAGA,UAAM,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IACnD;AAEA,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IACrB;AAEA,QAAI,aAAa;AACf,kBAAY,QAAQ,QAAQ,CAAC,WAAW;AACtC,gBAAQ,iBAAiB,cAAc,kBAAkB;AAAA,UACvD,SAAS;AAAA,QAAA,CACV;AACD,gBAAQ,iBAAiB,cAAc,kBAAkB;AAAA,UACvD,SAAS;AAAA,QAAA,CACV;AAAA,MACH,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AAEX,aAAO,oBAAoB,UAAU,iBAAiB;AACtD,aAAO,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG3D,kBAAY,QAAQ,QAAQ,CAAC,WAAW;AACtC,gBAAQ,oBAAoB,cAAc,gBAAgB;AAC1D,gBAAQ,oBAAoB,cAAc,gBAAgB;AAAA,MAC5D,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAA;AACX;"}

package/dist/hooks/useKeyboardDetector.cjs

@@ -1,29 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const useKeyboardDetector = () => {
-  const [windowHeight, setWindowHeight] = ReactExports.useState(null);
-  ReactExports.useEffect(() => {
-    const updateHeight = () => {
-      const isKeyboardOpen = Boolean(
-        window.visualViewport?.height && window.visualViewport.height < window.innerHeight - 100
-      );
-      if (isKeyboardOpen && window.visualViewport) {
-        setWindowHeight(window.visualViewport.height);
-      } else {
-        setWindowHeight(null);
-      }
-    };
-    window.visualViewport?.addEventListener("resize", updateHeight, {
-      passive: true
-    });
-    updateHeight();
-    return () => {
-      window.visualViewport?.removeEventListener("resize", updateHeight);
-    };
-  }, []);
-  return { windowHeight, isKeyboardOpen: windowHeight !== null };
-};
-exports.useKeyboardDetector = useKeyboardDetector;
-//# sourceMappingURL=useKeyboardDetector.cjs.map

package/dist/hooks/useKeyboardDetector.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardDetector.cjs","sources":["../../src/hooks/useKeyboardDetector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useKeyboardDetector = () => {\n  const [windowHeight, setWindowHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    const updateHeight = () => {\n      const isKeyboardOpen = Boolean(\n        window.visualViewport?.height &&\n          window.visualViewport.height < window.innerHeight - 100\n      );\n\n      if (isKeyboardOpen && window.visualViewport) {\n        setWindowHeight(window.visualViewport.height);\n      } else {\n        setWindowHeight(null);\n      }\n    };\n\n    // Listen for changes in visualViewport height\n    window.visualViewport?.addEventListener('resize', updateHeight, {\n      passive: true,\n    });\n    updateHeight(); // Set initial height\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', updateHeight);\n    };\n  }, []);\n\n  return { windowHeight, isKeyboardOpen: windowHeight !== null };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,sBAAsB,MAAM;AACvC,QAAM,CAAC,cAAc,eAAe,IAAIA,aAAAA,SAAwB,IAAI;AAEpEC,eAAAA,UAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,YAAM,iBAAiB;AAAA,QACrB,OAAO,gBAAgB,UACrB,OAAO,eAAe,SAAS,OAAO,cAAc;AAAA,MAAA;AAGxD,UAAI,kBAAkB,OAAO,gBAAgB;AAC3C,wBAAgB,OAAO,eAAe,MAAM;AAAA,MAC9C,OAAO;AACL,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAGA,WAAO,gBAAgB,iBAAiB,UAAU,cAAc;AAAA,MAC9D,SAAS;AAAA,IAAA,CACV;AACD,iBAAA;AAEA,WAAO,MAAM;AACX,aAAO,gBAAgB,oBAAoB,UAAU,YAAY;AAAA,IACnE;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,cAAc,gBAAgB,iBAAiB,KAAA;AAC1D;;"}

package/dist/hooks/useKeyboardDetector.d.ts

@@ -1,5 +0,0 @@
-export declare const useKeyboardDetector: () => {
-    windowHeight: number | null;
-    isKeyboardOpen: boolean;
-};
-//# sourceMappingURL=useKeyboardDetector.d.ts.map

package/dist/hooks/useKeyboardDetector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardDetector.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardDetector.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;CA6B/B,CAAC"}

package/dist/hooks/useKeyboardDetector.mjs

@@ -1,29 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-const useKeyboardDetector = () => {
-  const [windowHeight, setWindowHeight] = useState(null);
-  useEffect(() => {
-    const updateHeight = () => {
-      const isKeyboardOpen = Boolean(
-        window.visualViewport?.height && window.visualViewport.height < window.innerHeight - 100
-      );
-      if (isKeyboardOpen && window.visualViewport) {
-        setWindowHeight(window.visualViewport.height);
-      } else {
-        setWindowHeight(null);
-      }
-    };
-    window.visualViewport?.addEventListener("resize", updateHeight, {
-      passive: true
-    });
-    updateHeight();
-    return () => {
-      window.visualViewport?.removeEventListener("resize", updateHeight);
-    };
-  }, []);
-  return { windowHeight, isKeyboardOpen: windowHeight !== null };
-};
-export {
-  useKeyboardDetector
-};
-//# sourceMappingURL=useKeyboardDetector.mjs.map

package/dist/hooks/useKeyboardDetector.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardDetector.mjs","sources":["../../src/hooks/useKeyboardDetector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useKeyboardDetector = () => {\n  const [windowHeight, setWindowHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    const updateHeight = () => {\n      const isKeyboardOpen = Boolean(\n        window.visualViewport?.height &&\n          window.visualViewport.height < window.innerHeight - 100\n      );\n\n      if (isKeyboardOpen && window.visualViewport) {\n        setWindowHeight(window.visualViewport.height);\n      } else {\n        setWindowHeight(null);\n      }\n    };\n\n    // Listen for changes in visualViewport height\n    window.visualViewport?.addEventListener('resize', updateHeight, {\n      passive: true,\n    });\n    updateHeight(); // Set initial height\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', updateHeight);\n    };\n  }, []);\n\n  return { windowHeight, isKeyboardOpen: windowHeight !== null };\n};\n"],"names":[],"mappings":";;AAIO,MAAM,sBAAsB,MAAM;AACvC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,IAAI;AAEpE,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,YAAM,iBAAiB;AAAA,QACrB,OAAO,gBAAgB,UACrB,OAAO,eAAe,SAAS,OAAO,cAAc;AAAA,MAAA;AAGxD,UAAI,kBAAkB,OAAO,gBAAgB;AAC3C,wBAAgB,OAAO,eAAe,MAAM;AAAA,MAC9C,OAAO;AACL,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAGA,WAAO,gBAAgB,iBAAiB,UAAU,cAAc;AAAA,MAC9D,SAAS;AAAA,IAAA,CACV;AACD,iBAAA;AAEA,WAAO,MAAM;AACX,aAAO,gBAAgB,oBAAoB,UAAU,YAAY;AAAA,IACnE;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,cAAc,gBAAgB,iBAAiB,KAAA;AAC1D;"}

package/dist/hooks/usePersistedStore.cjs

@@ -1,56 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const usePersistedStore = (key, initialState) => {
-  const [state, setState] = ReactExports.useState(() => {
-    if (initialState !== void 0) {
-      const result = typeof initialState === "function" ? initialState() : initialState;
-      if (typeof window === "undefined") return result;
-      const persistedState = localStorage?.getItem(key);
-      if (persistedState) {
-        try {
-          return JSON.parse(persistedState);
-        } catch (e) {
-          console.error(e);
-        }
-      }
-      return result;
-    }
-    return void 0;
-  });
-  ReactExports.useEffect(() => {
-    const persistedState = localStorage?.getItem(key);
-    if (persistedState && state === void 0) {
-      try {
-        setState(JSON.parse(persistedState));
-      } catch (e) {
-        console.error(e);
-      }
-    } else if (initialState !== void 0 && state === void 0) {
-      setState(initialState);
-    }
-  }, [key, state]);
-  const setStateWrapper = ReactExports.useCallback(
-    (valueOrUpdater) => {
-      setState((prev) => {
-        const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
-        localStorage?.setItem(key, JSON.stringify(newValue));
-        return newValue;
-      });
-    },
-    [key, setState]
-  );
-  const loadState = ReactExports.useCallback(() => {
-    const savedState = localStorage?.getItem(key);
-    if (savedState) {
-      setState(JSON.parse(savedState));
-    }
-  }, [key, setState]);
-  return ReactExports.useMemo(
-    () => [state, setStateWrapper, loadState],
-    [state, setStateWrapper, loadState]
-  );
-};
-exports.usePersistedStore = usePersistedStore;
-//# sourceMappingURL=usePersistedStore.cjs.map

package/dist/hooks/usePersistedStore.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePersistedStore.cjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type Dispatch,\n  type SetStateAction,\n} from 'react';\n\nexport const usePersistedStore = <S>(\n  key: string,\n  initialState?: S | (() => S)\n): [S, Dispatch<SetStateAction<S>>, () => void] => {\n  const [state, setState] = useState<S>(() => {\n    // If you have an initial value on the client, send a message out immediately\n    if (initialState !== undefined) {\n      const result: S =\n        typeof initialState === 'function'\n          ? (initialState as () => S)()\n          : initialState;\n\n      if (typeof window === 'undefined') return result;\n\n      const persistedState = localStorage?.getItem(key);\n\n      if (persistedState) {\n        try {\n          return JSON.parse(persistedState);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n\n      return result;\n    }\n\n    return undefined as S;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialState !== undefined && state === undefined) {\n      setState(initialState);\n    }\n  }, [key, state]);\n\n  /**\n   * Allows setting state either directly or via a functional update.\n   * If passed a function, we merge/update based on the previous state.\n   */\n  const setStateWrapper: typeof setState = useCallback(\n    (valueOrUpdater: SetStateAction<S>) => {\n      setState((prev) => {\n        const newValue: S =\n          typeof valueOrUpdater === 'function'\n            ? (valueOrUpdater as (prevVal: S) => S)(prev)\n            : valueOrUpdater;\n\n        localStorage?.setItem(key, JSON.stringify(newValue));\n\n        return newValue;\n      });\n    },\n    [key, setState]\n  );\n\n  const loadState = useCallback(() => {\n    const savedState = localStorage?.getItem(key);\n    if (savedState) {\n      setState(JSON.parse(savedState));\n    }\n  }, [key, setState]);\n\n  return useMemo(\n    () => [state, setStateWrapper, loadState],\n    [state, setStateWrapper, loadState]\n  );\n};\n"],"names":["useState","useEffect","useCallback","useMemo"],"mappings":";;;;AAWO,MAAM,oBAAoB,CAC/B,KACA,iBACiD;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAIA,aAAAA,SAAY,MAAM;AAE1C,QAAI,iBAAiB,QAAW;AAC9B,YAAM,SACJ,OAAO,iBAAiB,aACnB,iBACD;AAEN,UAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,YAAM,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,UAAI,gBAAgB;AAClB,YAAI;AACF,iBAAO,KAAK,MAAM,cAAc;AAAA,QAClC,SAAS,GAAG;AACV,kBAAQ,MAAM,CAAC;AAAA,QACjB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,CAAC;AAEDC,eAAAA,UAAU,MAAM;AACd,UAAM,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,QAAI,kBAAkB,UAAU,QAAW;AACzC,UAAI;AACF,iBAAS,KAAK,MAAM,cAAc,CAAC;AAAA,MACrC,SAAS,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IACF,WAAW,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,CAAC;AAMf,QAAM,kBAAmCC,aAAAA;AAAAA,IACvC,CAAC,mBAAsC;AACrC,eAAS,CAAC,SAAS;AACjB,cAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,sBAAc,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAEnD,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAAA;AAGhB,QAAM,YAAYA,aAAAA,YAAY,MAAM;AAClC,UAAM,aAAa,cAAc,QAAQ,GAAG;AAC5C,QAAI,YAAY;AACd,eAAS,KAAK,MAAM,UAAU,CAAC;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AAElB,SAAOC,aAAAA;AAAAA,IACL,MAAM,CAAC,OAAO,iBAAiB,SAAS;AAAA,IACxC,CAAC,OAAO,iBAAiB,SAAS;AAAA,EAAA;AAEtC;;"}

package/dist/hooks/usePersistedStore.d.ts

@@ -1,3 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export declare const usePersistedStore: <S>(key: string, initialState?: S | (() => S)) => [S, Dispatch<SetStateAction<S>>, () => void];
-//# sourceMappingURL=usePersistedStore.d.ts.map

package/dist/hooks/usePersistedStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePersistedStore.d.ts","sourceRoot":"","sources":["../../src/hooks/usePersistedStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,iBAAiB,GAAI,CAAC,EACjC,KAAK,MAAM,EACX,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAC3B,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAwE7C,CAAC"}

package/dist/hooks/usePersistedStore.mjs

@@ -1,56 +0,0 @@
-"use client";
-import { useState, useEffect, useCallback, useMemo } from "react";
-const usePersistedStore = (key, initialState) => {
-  const [state, setState] = useState(() => {
-    if (initialState !== void 0) {
-      const result = typeof initialState === "function" ? initialState() : initialState;
-      if (typeof window === "undefined") return result;
-      const persistedState = localStorage?.getItem(key);
-      if (persistedState) {
-        try {
-          return JSON.parse(persistedState);
-        } catch (e) {
-          console.error(e);
-        }
-      }
-      return result;
-    }
-    return void 0;
-  });
-  useEffect(() => {
-    const persistedState = localStorage?.getItem(key);
-    if (persistedState && state === void 0) {
-      try {
-        setState(JSON.parse(persistedState));
-      } catch (e) {
-        console.error(e);
-      }
-    } else if (initialState !== void 0 && state === void 0) {
-      setState(initialState);
-    }
-  }, [key, state]);
-  const setStateWrapper = useCallback(
-    (valueOrUpdater) => {
-      setState((prev) => {
-        const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
-        localStorage?.setItem(key, JSON.stringify(newValue));
-        return newValue;
-      });
-    },
-    [key, setState]
-  );
-  const loadState = useCallback(() => {
-    const savedState = localStorage?.getItem(key);
-    if (savedState) {
-      setState(JSON.parse(savedState));
-    }
-  }, [key, setState]);
-  return useMemo(
-    () => [state, setStateWrapper, loadState],
-    [state, setStateWrapper, loadState]
-  );
-};
-export {
-  usePersistedStore
-};
-//# sourceMappingURL=usePersistedStore.mjs.map

package/dist/hooks/usePersistedStore.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePersistedStore.mjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type Dispatch,\n  type SetStateAction,\n} from 'react';\n\nexport const usePersistedStore = <S>(\n  key: string,\n  initialState?: S | (() => S)\n): [S, Dispatch<SetStateAction<S>>, () => void] => {\n  const [state, setState] = useState<S>(() => {\n    // If you have an initial value on the client, send a message out immediately\n    if (initialState !== undefined) {\n      const result: S =\n        typeof initialState === 'function'\n          ? (initialState as () => S)()\n          : initialState;\n\n      if (typeof window === 'undefined') return result;\n\n      const persistedState = localStorage?.getItem(key);\n\n      if (persistedState) {\n        try {\n          return JSON.parse(persistedState);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n\n      return result;\n    }\n\n    return undefined as S;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialState !== undefined && state === undefined) {\n      setState(initialState);\n    }\n  }, [key, state]);\n\n  /**\n   * Allows setting state either directly or via a functional update.\n   * If passed a function, we merge/update based on the previous state.\n   */\n  const setStateWrapper: typeof setState = useCallback(\n    (valueOrUpdater: SetStateAction<S>) => {\n      setState((prev) => {\n        const newValue: S =\n          typeof valueOrUpdater === 'function'\n            ? (valueOrUpdater as (prevVal: S) => S)(prev)\n            : valueOrUpdater;\n\n        localStorage?.setItem(key, JSON.stringify(newValue));\n\n        return newValue;\n      });\n    },\n    [key, setState]\n  );\n\n  const loadState = useCallback(() => {\n    const savedState = localStorage?.getItem(key);\n    if (savedState) {\n      setState(JSON.parse(savedState));\n    }\n  }, [key, setState]);\n\n  return useMemo(\n    () => [state, setStateWrapper, loadState],\n    [state, setStateWrapper, loadState]\n  );\n};\n"],"names":[],"mappings":";;AAWO,MAAM,oBAAoB,CAC/B,KACA,iBACiD;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM;AAE1C,QAAI,iBAAiB,QAAW;AAC9B,YAAM,SACJ,OAAO,iBAAiB,aACnB,iBACD;AAEN,UAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,YAAM,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,UAAI,gBAAgB;AAClB,YAAI;AACF,iBAAO,KAAK,MAAM,cAAc;AAAA,QAClC,SAAS,GAAG;AACV,kBAAQ,MAAM,CAAC;AAAA,QACjB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,CAAC;AAED,YAAU,MAAM;AACd,UAAM,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,QAAI,kBAAkB,UAAU,QAAW;AACzC,UAAI;AACF,iBAAS,KAAK,MAAM,cAAc,CAAC;AAAA,MACrC,SAAS,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IACF,WAAW,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,CAAC;AAMf,QAAM,kBAAmC;AAAA,IACvC,CAAC,mBAAsC;AACrC,eAAS,CAAC,SAAS;AACjB,cAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,sBAAc,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAEnD,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAAA;AAGhB,QAAM,YAAY,YAAY,MAAM;AAClC,UAAM,aAAa,cAAc,QAAQ,GAAG;AAC5C,QAAI,YAAY;AACd,eAAS,KAAK,MAAM,UAAU,CAAC;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AAElB,SAAO;AAAA,IACL,MAAM,CAAC,OAAO,iBAAiB,SAAS;AAAA,IACxC,CAAC,OAAO,iBAAiB,SAAS;AAAA,EAAA;AAEtC;"}

package/dist/hooks/useScreenWidth.cjs

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ReactExports = require("react");
-const useScreenWidth = () => {
-  const [screenWith, setScreenWith] = ReactExports.useState(0);
-  ReactExports.useEffect(() => {
-    const handleResize = () => {
-      setScreenWith(window.innerWidth);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize, { passive: true });
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  return { screenWith };
-};
-exports.useScreenWidth = useScreenWidth;
-//# sourceMappingURL=useScreenWidth.cjs.map

package/dist/hooks/useScreenWidth.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScreenWidth.cjs","sources":["../../src/hooks/useScreenWidth.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useScreenWidth = () => {\n  const [screenWith, setScreenWith] = useState(0);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setScreenWith(window.innerWidth);\n    };\n\n    handleResize();\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return { screenWith };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,iBAAiB,MAAM;AAClC,QAAM,CAAC,YAAY,aAAa,IAAIA,aAAAA,SAAS,CAAC;AAE9CC,eAAAA,UAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,oBAAc,OAAO,UAAU;AAAA,IACjC;AAEA,iBAAA;AAEA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AAEjE,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,WAAA;AACX;;"}

package/dist/hooks/useScreenWidth.d.ts

@@ -1,4 +0,0 @@
-export declare const useScreenWidth: () => {
-    screenWith: number;
-};
-//# sourceMappingURL=useScreenWidth.d.ts.map

package/dist/hooks/useScreenWidth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScreenWidth.d.ts","sourceRoot":"","sources":["../../src/hooks/useScreenWidth.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;CAgB1B,CAAC"}

package/dist/hooks/useScreenWidth.mjs

@@ -1,18 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-const useScreenWidth = () => {
-  const [screenWith, setScreenWith] = useState(0);
-  useEffect(() => {
-    const handleResize = () => {
-      setScreenWith(window.innerWidth);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize, { passive: true });
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  return { screenWith };
-};
-export {
-  useScreenWidth
-};
-//# sourceMappingURL=useScreenWidth.mjs.map

package/dist/hooks/useScreenWidth.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScreenWidth.mjs","sources":["../../src/hooks/useScreenWidth.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useScreenWidth = () => {\n  const [screenWith, setScreenWith] = useState(0);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setScreenWith(window.innerWidth);\n    };\n\n    handleResize();\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return { screenWith };\n};\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,MAAM;AAClC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAE9C,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,oBAAc,OAAO,UAAU;AAAA,IACjC;AAEA,iBAAA;AAEA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AAEjE,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,WAAA;AACX;"}

package/dist/hooks/useScrollBlockage/index.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("react");
-const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
-require("../useGetElementOrWindow.cjs");
-require("./useScrollBlockageStore.cjs");
-exports.useScrollBlockage = hooks_useScrollBlockage_index.useScrollBlockage;
-//# sourceMappingURL=index.cjs.map

package/dist/hooks/useScrollBlockage/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -1,15 +0,0 @@
-type useScrollBlockagePropsReadOnly = {
-    disableScroll: undefined;
-    key: undefined;
-    element?: HTMLElement;
-};
-type useScrollBlockageProps = {
-    disableScroll: boolean;
-    key: string;
-    element?: HTMLElement;
-};
-export declare const useScrollBlockage: (props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly) => {
-    isScrollBlocked: boolean;
-};
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useScrollBlockage/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScrollBlockage/index.tsx"],"names":[],"mappings":"AAQA,KAAK,8BAA8B,GAAG;IACpC,aAAa,EAAE,SAAS,CAAC;IACzB,GAAG,EAAE,SAAS,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,sBAAsB,GAAG,8BAA8B;;CAkChE,CAAC"}

package/dist/hooks/useScrollBlockage/index.mjs

@@ -1,8 +0,0 @@
-import "react";
-import { u } from "../../index-BCuMWKyy.js";
-import "../useGetElementOrWindow.mjs";
-import "./useScrollBlockageStore.mjs";
-export {
-  u as useScrollBlockage
-};
-//# sourceMappingURL=index.mjs.map

package/dist/hooks/useScrollBlockage/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}