@intlayer/design-system 2.0.12 → 3.0.0

package/dist/hooks/useIntlayerAPI.d.ts

@@ -0,0 +1,59 @@
+export declare const useIntlayerAPI: () => {
+    organization: {
+        getOrganizations: (filters?: import('@intlayer/backend').GetOrganizationsParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetOrganizationsResult>;
+        getOrganization: (organizationId: import('@intlayer/backend').GetOrganizationParam["organizationId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetOrganizationResult>;
+        addOrganization: (organization: import('@intlayer/backend').AddOrganizationBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddOrganizationResult>;
+        addOrganizationMember: (body: import('@intlayer/backend').AddOrganizationMemberBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddOrganizationMemberResult>;
+        updateOrganization: (organization: import('@intlayer/backend').UpdateOrganizationBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateOrganizationResult>;
+        updateOrganizationMembers: (body: import('@intlayer/backend').UpdateOrganizationMembersBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateOrganizationMembersResult>;
+        deleteOrganization: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteOrganizationResult>;
+        selectOrganization: (organizationId: import('@intlayer/backend').SelectOrganizationParam["organizationId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').SelectOrganizationResult>;
+        unselectOrganization: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UnselectOrganizationResult>;
+    };
+    project: {
+        getProjects: (filters?: import('@intlayer/backend').GetProjectsParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetProjectsResult>;
+        addProject: (project: import('@intlayer/backend').AddProjectBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddProjectResult>;
+        updateProject: (project: import('@intlayer/backend').UpdateProjectBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateProjectResult>;
+        updateProjectMembers: (body: import('@intlayer/backend').UpdateProjectMembersBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateProjectMembersResult>;
+        deleteProject: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteProjectResult>;
+        selectProject: (projectId: import('@intlayer/backend').SelectProjectParam["projectId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').SelectProjectResult>;
+        unselectProject: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UnselectProjectResult>;
+        addNewAccessKey: (accessKey: import('@intlayer/backend').AddNewAccessKeyBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddNewAccessKeyResponse>;
+        deleteAccessKey: (clientId: import('@intlayer/backend').DeleteAccessKeyBody["clientId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteAccessKeyResponse>;
+        refreshAccessKey: (clientId: import('@intlayer/backend').RefreshAccessKeyBody["clientId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').RefreshAccessKeyResponse>;
+    };
+    user: {
+        createUser: (user: import('@intlayer/backend').CreateUserBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').CreateUserResult>;
+        getUsers: (filters?: import('@intlayer/backend').GetUsersParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUsersResult>;
+        getUserById: (userId: import('@intlayer/backend').GetUserByIdParams["userId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUserByIdResult>;
+        getUserByAccount: (providerAccountId: import('@intlayer/backend').GetUserByAccountParams["providerAccountId"], provider: import('@intlayer/backend').GetUserByAccountParams["provider"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUserByAccountResult>;
+        getUserByEmail: (email: import('@intlayer/backend').GetUserByEmailParams["email"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUserByEmailResult>;
+        updateUser: (user: import('@intlayer/backend').UpdateUserBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateUserResult>;
+        deleteUser: (userId: string, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateUserResult>;
+    };
+    auth: {
+        login: (user: import('@intlayer/backend').LoginBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').LoginResult>;
+        getLoginWithGitHubURL: (params: import('@intlayer/backend').GithubLoginQueryParams) => string;
+        getLoginWithGoogleURL: (params: import('@intlayer/backend').GoogleLoginQueryParams) => string;
+        register: (user: import('@intlayer/backend').RegisterBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').RegisterResult>;
+        logout: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<void>;
+        resetPassword: (params: import('@intlayer/backend').ResetPasswordParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').ResetPasswordResult>;
+        askResetPassword: (email: import('@intlayer/backend').AskResetPasswordBody["email"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AskResetPasswordResult>;
+        verifyEmail: ({ userId, secret }: import('@intlayer/backend').ValidEmailParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').ValidEmailResult>;
+        changePassword: (data: import('@intlayer/backend').UpdatePasswordBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdatePasswordResult>;
+        createSession: (data: import('@intlayer/backend').CreateSessionBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').CreateSessionResult>;
+        getSession: (sessionToken?: import('@intlayer/backend').GetSessionInformationQuery["session_token"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetSessionInformationResult>;
+        getCSRFToken: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').SetCSRFTokenResult>;
+        getOAuth2AccessToken: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetOAuth2TokenResult>;
+    };
+    dictionary: {
+        getDictionaries: (filters?: import('@intlayer/backend').GetDictionariesParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetDictionariesResult>;
+        getDictionariesKeys: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetDictionariesKeysResult>;
+        getDictionary: (dictionaryKey: import('@intlayer/backend').GetDictionaryParams["dictionaryKey"], version?: import('@intlayer/backend').GetDictionaryQuery["version"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetDictionaryResult>;
+        pushDictionaries: (dictionaries: import('@intlayer/backend').PushDictionariesBody["dictionaries"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').PushDictionariesResult>;
+        addDictionary: (dictionary: import('@intlayer/backend').AddDictionaryBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddDictionaryResult>;
+        updateDictionary: (dictionary: import('@intlayer/backend').UpdateDictionaryBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateDictionaryResult>;
+        deleteDictionary: (id: import('@intlayer/backend').DeleteDictionaryParam["dictionaryId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteDictionaryResult>;
+    };
+};
+//# sourceMappingURL=useIntlayerAPI.d.ts.map

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

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

package/dist/hooks/useIntlayerAPI.mjs

@@ -0,0 +1,27 @@
+import { useMemo } from "react";
+import { useAuth } from "../components/Auth/AuthProvider/index.mjs";
+import { getIntlayerAPI } from "../libs/intlayer-api/index.mjs";
+const useIntlayerAPI = () => {
+  const { csrfToken, oAuth2AccessToken } = useAuth();
+  const headers = useMemo(
+    () => oAuth2AccessToken?.accessToken ? {
+      Authorization: `Bearer ${oAuth2AccessToken.accessToken}`
+    } : void 0,
+    [oAuth2AccessToken?.accessToken]
+  );
+  const body = useMemo(
+    () => csrfToken ? { csrf_token: csrfToken } : void 0,
+    [csrfToken]
+  );
+  return useMemo(
+    () => getIntlayerAPI({
+      headers,
+      body
+    }),
+    [body, headers]
+  );
+};
+export {
+  useIntlayerAPI
+};
+//# sourceMappingURL=useIntlayerAPI.mjs.map

package/dist/hooks/useIntlayerAPI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/AuthProvider';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\n\nexport const useIntlayerAPI = () => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI({\n        headers,\n        body,\n      }),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,MAAM;AAClC,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EAAA;AAGjC,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EAAA;AAGL,SAAA;AAAA,IACL,MACE,eAAe;AAAA,MACb;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAAA;AAElB;"}

package/dist/hooks/useIsMounted.cjs

@@ -0,0 +1,13 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const useIsMounted = () => {
+  const [isMounted, setIsMounted] = require$$0.useState(false);
+  require$$0.useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+};
+exports.useIsMounted = useIsMounted;
+//# sourceMappingURL=useIsMounted.cjs.map

package/dist/hooks/useIsMounted.cjs.map

@@ -0,0 +1 @@
+{"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,oBAAS,KAAK;AAEhDC,aAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAE,CAAA;AAEE,SAAA;AACT;;"}

package/dist/hooks/useIsMounted.d.ts

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+"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

@@ -0,0 +1 @@
+{"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,CAAE,CAAA;AAEE,SAAA;AACT;"}

package/dist/hooks/useItemSelector.cjs

@@ -0,0 +1,89 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const selectorDefault = (option) => option?.getAttribute("aria-selected") === "true";
+const useItemSelector = (optionsRefs, selector = selectorDefault, isHoverable = false) => {
+  const [choiceIndicatorPosition, setChoiceIndicatorPosition] = require$$0.useState(null);
+  const [hoveredItem, setHoveredItem] = require$$0.useState(null);
+  const itemsLength = optionsRefs.current.length;
+  require$$0.useEffect(() => {
+    const calculatePosition = () => {
+      let targetElement = null;
+      if (hoveredItem) {
+        targetElement = hoveredItem;
+      } else {
+        targetElement = optionsRefs.current.find(selector) ?? null;
+      }
+      if (!targetElement) return;
+      const left = targetElement.offsetLeft;
+      const width = targetElement.offsetWidth;
+      setChoiceIndicatorPosition({
+        left,
+        width
+      });
+    };
+    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);
+        option?.addEventListener("mouseleave", handleMouseLeave);
+      });
+    }
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype PositionState = {\n  left: number;\n  width: 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<PositionState | 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) return;\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\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        option?.addEventListener('mouseleave', handleMouseLeave);\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":";;;;AASA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxDA,oBAA+B,IAAI;AAErC,QAAM,CAAC,aAAa,cAAc,IAAIA,oBAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExCC,aAAAA,UAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MACxD;AAEA,UAAI,CAAC,cAAe;AAEpB,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAGe;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAA;AAElC,gBAAA,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;AACkB;AAClB;AAAA,YACF;AAAA,UACF;AAAA,QAAA,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MACjC;AAAA,IAAA,CACD;AAGD,UAAM,kBAAoC,CAAA;AAEpC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B;MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IAAA;AAIrC,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IACzB;AAGM,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IAAA;AAGnD,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IAAA;AAGrB,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IACH;AAEA,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IAAA;AAAA,KAEF,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;;"}

package/dist/hooks/useItemSelector.d.ts

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

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

@@ -0,0 +1 @@
+{"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,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAKF,eAAO,MAAM,eAAe,gBACb,gBAAgB,CAAC,WAAW,EAAE,CAAC,aAClC,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;;CA2H1D,CAAC"}

package/dist/hooks/useItemSelector.mjs

@@ -0,0 +1,89 @@
+"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) return;
+      const left = targetElement.offsetLeft;
+      const width = targetElement.offsetWidth;
+      setChoiceIndicatorPosition({
+        left,
+        width
+      });
+    };
+    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);
+        option?.addEventListener("mouseleave", handleMouseLeave);
+      });
+    }
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"useItemSelector.mjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype PositionState = {\n  left: number;\n  width: 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<PositionState | 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) return;\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\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        option?.addEventListener('mouseleave', handleMouseLeave);\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":";;AASA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxD,SAA+B,IAAI;AAErC,QAAM,CAAC,aAAa,cAAc,IAAI,SAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExC,YAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MACxD;AAEA,UAAI,CAAC,cAAe;AAEpB,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAGe;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAA;AAElC,gBAAA,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;AACkB;AAClB;AAAA,YACF;AAAA,UACF;AAAA,QAAA,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MACjC;AAAA,IAAA,CACD;AAGD,UAAM,kBAAoC,CAAA;AAEpC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B;MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IAAA;AAIrC,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IACzB;AAGM,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IAAA;AAGnD,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IAAA;AAGrB,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IACH;AAEA,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IAAA;AAAA,KAEF,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;"}

package/dist/hooks/useScrollBlockage/index.cjs

@@ -0,0 +1,27 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const hooks_useGetElementOrWindow = require("../useGetElementOrWindow.cjs");
+const hooks_useScrollBlockage_useScrollBlockageStore = require("./useScrollBlockageStore.cjs");
+const useScrollBlockage = (props) => {
+  const {
+    disableScroll = false,
+    element,
+    key = "unnamed_blocker"
+  } = props ?? {};
+  const { isElementScrollBlocked, addBlockage, removeBlockage } = hooks_useScrollBlockage_useScrollBlockageStore.useScrollBlockageStore();
+  const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(element);
+  require$$0.useEffect(() => {
+    const el = element ?? window.document.body;
+    if (disableScroll) {
+      addBlockage(key, el);
+    } else {
+      removeBlockage(key, el);
+    }
+  }, [addBlockage, disableScroll, element, key, removeBlockage]);
+  const isScrollBlocked = containerElement ? isElementScrollBlocked(containerElement) : false;
+  return { isScrollBlocked };
+};
+exports.useScrollBlockage = useScrollBlockage;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore();\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":["useScrollBlockageStore","useGetElementOrWindow","useEffect"],"mappings":";;;;;;AAmBa,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EAAA,IACJ,SAAS,CAAA;AAEb,QAAM,EAAE,wBAAwB,aAAa,mBAC3CA,+CAAuB,uBAAA;AAEnB,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtDC,aAAAA,UAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IACxB;AAAA,EAAA,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;;"}

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

@@ -12,3 +12,4 @@ export declare const useScrollBlockage: (props?: useScrollBlockageProps | useScr
     isScrollBlocked: boolean;
 };
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScrollBlockage/index.tsx"],"names":[],"mappings":"AAOA,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,WACpB,sBAAsB,GAAG,8BAA8B;;CA4BhE,CAAC"}

package/dist/hooks/useScrollBlockage/index.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { useEffect } from "react";
+import { useGetElementOrWindow } from "../useGetElementOrWindow.mjs";
+import { useScrollBlockageStore } from "./useScrollBlockageStore.mjs";
+const useScrollBlockage = (props) => {
+  const {
+    disableScroll = false,
+    element,
+    key = "unnamed_blocker"
+  } = props ?? {};
+  const { isElementScrollBlocked, addBlockage, removeBlockage } = useScrollBlockageStore();
+  const containerElement = useGetElementOrWindow(element);
+  useEffect(() => {
+    const el = element ?? window.document.body;
+    if (disableScroll) {
+      addBlockage(key, el);
+    } else {
+      removeBlockage(key, el);
+    }
+  }, [addBlockage, disableScroll, element, key, removeBlockage]);
+  const isScrollBlocked = containerElement ? isElementScrollBlocked(containerElement) : false;
+  return { isScrollBlocked };
+};
+export {
+  useScrollBlockage
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore();\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":[],"mappings":";;;;AAmBa,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EAAA,IACJ,SAAS,CAAA;AAEb,QAAM,EAAE,wBAAwB,aAAa,mBAC3C,uBAAuB;AAEnB,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,YAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IACxB;AAAA,EAAA,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;"}

package/dist/hooks/useScrollBlockage/useScrollBlockageStore.cjs

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const zustand = require("zustand");
+const useScrollBlockageStore = zustand.create(
+  (set, get) => ({
+    scrollBlockers: [],
+    addBlockage: (blockerName, element) => set((state) => {
+      const scrollBlockers = state.scrollBlockers;
+      const blockersElement = scrollBlockers.find(
+        (blocker) => blocker.element === element
+      );
+      if (blockersElement) {
+        const isBlockerNameExist = blockersElement.blockers.includes(blockerName);
+        const newBlockers = isBlockerNameExist ? blockersElement.blockers : [...blockersElement.blockers, blockerName];
+        return {
+          scrollBlockers: scrollBlockers.map(
+            (blocker) => blocker.element === element ? { ...blocker, blockers: newBlockers } : blocker
+          )
+        };
+      }
+      element.style.overflowY = "hidden";
+      return {
+        scrollBlockers: [
+          ...scrollBlockers,
+          { element, blockers: [blockerName] }
+        ]
+      };
+    }),
+    removeBlockage: (blockerName, element) => set((state) => {
+      const scrollBlockers = state.scrollBlockers;
+      const blocker = scrollBlockers.find(
+        (blocker2) => blocker2.element === element
+      );
+      if (blocker) {
+        if (blocker.blockers.length > 1) {
+          return {
+            scrollBlockers: scrollBlockers.map(
+              (blocker2) => blocker2.element === element ? {
+                ...blocker2,
+                blockers: blocker2.blockers.filter(
+                  // eslint-disable-next-line sonarjs/no-nested-functions
+                  (b) => b !== blockerName
+                )
+              } : blocker2
+            )
+          };
+        }
+        element.style.overflowY = "auto";
+        return {
+          scrollBlockers: scrollBlockers.filter(
+            (blocker2) => blocker2.element !== element
+          )
+        };
+      }
+      return {
+        scrollBlockers
+      };
+    }),
+    isElementScrollBlocked: (element) => get().scrollBlockers.some((blocker) => blocker.element === element)
+  })
+);
+exports.useScrollBlockageStore = useScrollBlockageStore;
+//# sourceMappingURL=useScrollBlockageStore.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlockageStore.cjs","sources":["../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\ntype ScrollBlockageStore = {\n  scrollBlockers: Blocker[];\n  addBlockage: (blockerName: string, element: HTMLElement) => void;\n  removeBlockage: (blockerName: string, element: HTMLElement) => void;\n  isElementScrollBlocked: (element: HTMLElement) => boolean;\n};\n\nexport const useScrollBlockageStore = create<ScrollBlockageStore>(\n  (set, get) => ({\n    scrollBlockers: [],\n\n    addBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blockersElement = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blockersElement) {\n          const isBlockerNameExist =\n            blockersElement.blockers.includes(blockerName);\n\n          const newBlockers = isBlockerNameExist\n            ? blockersElement.blockers\n            : [...blockersElement.blockers, blockerName];\n\n          return {\n            scrollBlockers: scrollBlockers.map((blocker) =>\n              blocker.element === element\n                ? { ...blocker, blockers: newBlockers }\n                : blocker\n            ),\n          };\n        }\n\n        element.style.overflowY = 'hidden';\n        return {\n          scrollBlockers: [\n            ...scrollBlockers,\n            { element, blockers: [blockerName] },\n          ],\n        };\n      }),\n\n    removeBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blocker = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blocker) {\n          // if there are more than one blocker, remove the blockerName from the list\n          if (blocker.blockers.length > 1) {\n            return {\n              scrollBlockers: scrollBlockers.map((blocker) =>\n                blocker.element === element\n                  ? {\n                      ...blocker,\n                      blockers: blocker.blockers.filter(\n                        // eslint-disable-next-line sonarjs/no-nested-functions\n                        (b) => b !== blockerName\n                      ),\n                    }\n                  : blocker\n              ),\n            };\n          }\n\n          // if there is only one blocker, remove the full blocker element\n          element.style.overflowY = 'auto';\n          return {\n            scrollBlockers: scrollBlockers.filter(\n              (blocker) => blocker.element !== element\n            ),\n          };\n        }\n\n        return {\n          scrollBlockers,\n        };\n      }),\n\n    isElementScrollBlocked: (element: HTMLElement) =>\n      get().scrollBlockers.some((blocker) => blocker.element === element),\n  })\n);\n"],"names":["create","blocker"],"mappings":";;;AAcO,MAAM,yBAAyBA,QAAA;AAAA,EACpC,CAAC,KAAK,SAAS;AAAA,IACb,gBAAgB,CAAC;AAAA,IAEjB,aAAa,CAAC,aAAqB,YACjC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,kBAAkB,eAAe;AAAA,QACrC,CAAC,YAAY,QAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,iBAAiB;AACnB,cAAM,qBACJ,gBAAgB,SAAS,SAAS,WAAW;AAEzC,cAAA,cAAc,qBAChB,gBAAgB,WAChB,CAAC,GAAG,gBAAgB,UAAU,WAAW;AAEtC,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAAI,CAAC,YAClC,QAAQ,YAAY,UAChB,EAAE,GAAG,SAAS,UAAU,YAAA,IACxB;AAAA,UACN;AAAA,QAAA;AAAA,MAEJ;AAEA,cAAQ,MAAM,YAAY;AACnB,aAAA;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,EAAE,SAAS,UAAU,CAAC,WAAW,EAAE;AAAA,QACrC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,gBAAgB,CAAC,aAAqB,YACpC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,UAAU,eAAe;AAAA,QAC7B,CAACC,aAAYA,SAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,SAAS;AAEP,YAAA,QAAQ,SAAS,SAAS,GAAG;AACxB,iBAAA;AAAA,YACL,gBAAgB,eAAe;AAAA,cAAI,CAACA,aAClCA,SAAQ,YAAY,UAChB;AAAA,gBACE,GAAGA;AAAAA,gBACH,UAAUA,SAAQ,SAAS;AAAA;AAAA,kBAEzB,CAAC,MAAM,MAAM;AAAA,gBACf;AAAA,cAAA,IAEFA;AAAAA,YACN;AAAA,UAAA;AAAA,QAEJ;AAGA,gBAAQ,MAAM,YAAY;AACnB,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,UACnC;AAAA,QAAA;AAAA,MAEJ;AAEO,aAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,wBAAwB,CAAC,YACvB,IAAI,EAAE,eAAe,KAAK,CAAC,YAAY,QAAQ,YAAY,OAAO;AAAA,EAAA;AAExE;;"}

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

@@ -10,3 +10,4 @@ type ScrollBlockageStore = {
 };
 export declare const useScrollBlockageStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ScrollBlockageStore>>;
 export {};
+//# sourceMappingURL=useScrollBlockageStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlockageStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,EAAE,CAAC;IAC1B,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjE,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACpE,sBAAsB,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,sBAAsB,kFA+ElC,CAAC"}

package/dist/hooks/useScrollBlockage/useScrollBlockageStore.mjs

@@ -0,0 +1,63 @@
+import { create } from "zustand";
+const useScrollBlockageStore = create(
+  (set, get) => ({
+    scrollBlockers: [],
+    addBlockage: (blockerName, element) => set((state) => {
+      const scrollBlockers = state.scrollBlockers;
+      const blockersElement = scrollBlockers.find(
+        (blocker) => blocker.element === element
+      );
+      if (blockersElement) {
+        const isBlockerNameExist = blockersElement.blockers.includes(blockerName);
+        const newBlockers = isBlockerNameExist ? blockersElement.blockers : [...blockersElement.blockers, blockerName];
+        return {
+          scrollBlockers: scrollBlockers.map(
+            (blocker) => blocker.element === element ? { ...blocker, blockers: newBlockers } : blocker
+          )
+        };
+      }
+      element.style.overflowY = "hidden";
+      return {
+        scrollBlockers: [
+          ...scrollBlockers,
+          { element, blockers: [blockerName] }
+        ]
+      };
+    }),
+    removeBlockage: (blockerName, element) => set((state) => {
+      const scrollBlockers = state.scrollBlockers;
+      const blocker = scrollBlockers.find(
+        (blocker2) => blocker2.element === element
+      );
+      if (blocker) {
+        if (blocker.blockers.length > 1) {
+          return {
+            scrollBlockers: scrollBlockers.map(
+              (blocker2) => blocker2.element === element ? {
+                ...blocker2,
+                blockers: blocker2.blockers.filter(
+                  // eslint-disable-next-line sonarjs/no-nested-functions
+                  (b) => b !== blockerName
+                )
+              } : blocker2
+            )
+          };
+        }
+        element.style.overflowY = "auto";
+        return {
+          scrollBlockers: scrollBlockers.filter(
+            (blocker2) => blocker2.element !== element
+          )
+        };
+      }
+      return {
+        scrollBlockers
+      };
+    }),
+    isElementScrollBlocked: (element) => get().scrollBlockers.some((blocker) => blocker.element === element)
+  })
+);
+export {
+  useScrollBlockageStore
+};
+//# sourceMappingURL=useScrollBlockageStore.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlockageStore.mjs","sources":["../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\ntype ScrollBlockageStore = {\n  scrollBlockers: Blocker[];\n  addBlockage: (blockerName: string, element: HTMLElement) => void;\n  removeBlockage: (blockerName: string, element: HTMLElement) => void;\n  isElementScrollBlocked: (element: HTMLElement) => boolean;\n};\n\nexport const useScrollBlockageStore = create<ScrollBlockageStore>(\n  (set, get) => ({\n    scrollBlockers: [],\n\n    addBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blockersElement = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blockersElement) {\n          const isBlockerNameExist =\n            blockersElement.blockers.includes(blockerName);\n\n          const newBlockers = isBlockerNameExist\n            ? blockersElement.blockers\n            : [...blockersElement.blockers, blockerName];\n\n          return {\n            scrollBlockers: scrollBlockers.map((blocker) =>\n              blocker.element === element\n                ? { ...blocker, blockers: newBlockers }\n                : blocker\n            ),\n          };\n        }\n\n        element.style.overflowY = 'hidden';\n        return {\n          scrollBlockers: [\n            ...scrollBlockers,\n            { element, blockers: [blockerName] },\n          ],\n        };\n      }),\n\n    removeBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blocker = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blocker) {\n          // if there are more than one blocker, remove the blockerName from the list\n          if (blocker.blockers.length > 1) {\n            return {\n              scrollBlockers: scrollBlockers.map((blocker) =>\n                blocker.element === element\n                  ? {\n                      ...blocker,\n                      blockers: blocker.blockers.filter(\n                        // eslint-disable-next-line sonarjs/no-nested-functions\n                        (b) => b !== blockerName\n                      ),\n                    }\n                  : blocker\n              ),\n            };\n          }\n\n          // if there is only one blocker, remove the full blocker element\n          element.style.overflowY = 'auto';\n          return {\n            scrollBlockers: scrollBlockers.filter(\n              (blocker) => blocker.element !== element\n            ),\n          };\n        }\n\n        return {\n          scrollBlockers,\n        };\n      }),\n\n    isElementScrollBlocked: (element: HTMLElement) =>\n      get().scrollBlockers.some((blocker) => blocker.element === element),\n  })\n);\n"],"names":["blocker"],"mappings":";AAcO,MAAM,yBAAyB;AAAA,EACpC,CAAC,KAAK,SAAS;AAAA,IACb,gBAAgB,CAAC;AAAA,IAEjB,aAAa,CAAC,aAAqB,YACjC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,kBAAkB,eAAe;AAAA,QACrC,CAAC,YAAY,QAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,iBAAiB;AACnB,cAAM,qBACJ,gBAAgB,SAAS,SAAS,WAAW;AAEzC,cAAA,cAAc,qBAChB,gBAAgB,WAChB,CAAC,GAAG,gBAAgB,UAAU,WAAW;AAEtC,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAAI,CAAC,YAClC,QAAQ,YAAY,UAChB,EAAE,GAAG,SAAS,UAAU,YAAA,IACxB;AAAA,UACN;AAAA,QAAA;AAAA,MAEJ;AAEA,cAAQ,MAAM,YAAY;AACnB,aAAA;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,EAAE,SAAS,UAAU,CAAC,WAAW,EAAE;AAAA,QACrC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,gBAAgB,CAAC,aAAqB,YACpC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,UAAU,eAAe;AAAA,QAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,SAAS;AAEP,YAAA,QAAQ,SAAS,SAAS,GAAG;AACxB,iBAAA;AAAA,YACL,gBAAgB,eAAe;AAAA,cAAI,CAACA,aAClCA,SAAQ,YAAY,UAChB;AAAA,gBACE,GAAGA;AAAAA,gBACH,UAAUA,SAAQ,SAAS;AAAA;AAAA,kBAEzB,CAAC,MAAM,MAAM;AAAA,gBACf;AAAA,cAAA,IAEFA;AAAAA,YACN;AAAA,UAAA;AAAA,QAEJ;AAGA,gBAAQ,MAAM,YAAY;AACnB,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,UACnC;AAAA,QAAA;AAAA,MAEJ;AAEO,aAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,wBAAwB,CAAC,YACvB,IAAI,EAAE,eAAe,KAAK,CAAC,YAAY,QAAQ,YAAY,OAAO;AAAA,EAAA;AAExE;"}