@intlayer/design-system 5.5.9 → 5.5.11

package/dist/components/MarkDownRender/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0HtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC;CACjC,CAAC;AA+CF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8HtD,CAAC"}

package/dist/components/MarkDownRender/index.mjs

@@ -6,6 +6,31 @@ import { SectionScroller } from "../Headers/SectionScroller.mjs";
 import { Code } from "../IDE/Code.mjs";
 import { CodeProvider } from "../IDE/CodeContext.mjs";
 import { Link } from "../Link/Link.mjs";
+const stripFrontmatter = (markdown) => {
+  const lines = markdown.split(/\r?\n/);
+  const firstNonEmptyLine = lines.find((line) => line.trim() !== "");
+  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== "---") {
+    return markdown;
+  }
+  let inMetadataBlock = false;
+  let endOfMetadataIndex = -1;
+  for (let i = 0; i < lines.length; i++) {
+    const trimmedLine = lines[i].trim();
+    if (trimmedLine === "---") {
+      if (!inMetadataBlock) {
+        inMetadataBlock = true;
+        continue;
+      } else {
+        endOfMetadataIndex = i;
+        break;
+      }
+    }
+  }
+  if (endOfMetadataIndex > -1) {
+    return lines.slice(endOfMetadataIndex + 1).join("\n");
+  }
+  return markdown;
+};
 const MarkdownRenderer = ({
   children,
   isDarkMode,
@@ -13,6 +38,7 @@ const MarkdownRenderer = ({
   options
 }) => {
   const { overrides, ...restOptions } = options ?? {};
+  const cleanMarkdown = stripFrontmatter(children);
   return /* @__PURE__ */ jsx(CodeProvider, { children: /* @__PURE__ */ jsx(
     Markdown,
     {
@@ -75,7 +101,7 @@ const MarkdownRenderer = ({
             }
           ),
           pre: (props) => props.children,
-          table: ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-full overflow-scroll rounded", children: /* @__PURE__ */ jsx(
+          table: ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-full overflow-auto rounded", children: /* @__PURE__ */ jsx(
             "table",
             {
               className: cn(
@@ -123,7 +149,7 @@ const MarkdownRenderer = ({
         ] }),
         ...restOptions
       },
-      children: children ?? ""
+      children: cleanMarkdown ?? ""
     }
   ) });
 };

package/dist/components/MarkDownRender/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  options?: MarkdownToJSX.Options;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n  return (\n    <CodeProvider>\n      <Markdown\n        options={{\n          overrides: {\n            h1: (props) => <H1 isClickable={true} {...props} />,\n            h2: (props) => <H2 isClickable={true} {...props} />,\n            h3: (props) => <H3 isClickable={true} {...props} />,\n            h4: (props) => <H4 isClickable={true} {...props} />,\n\n            code: (props) =>\n              typeof props.className === 'undefined' ? (\n                <strong className=\"bg-card/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                  {props.children}\n                </strong>\n              ) : (\n                <Code\n                  isDarkMode={isDarkMode}\n                  language={props.className?.replace('lang-', '')}\n                  {...props}\n                />\n              ),\n\n            blockquote: ({ className, ...props }) => (\n              <blockquote\n                className={cn(\n                  'border-card text-neutral mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                  className\n                )}\n                {...props}\n              />\n            ),\n            ul: ({ className, ...props }) => (\n              <ul\n                className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n                {...props}\n              />\n            ),\n            ol: ({ className, ...props }) => (\n              <ol\n                className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n                {...props}\n              />\n            ),\n            li: ({ className, ...props }) => (\n              <li className={cn('list-disc', className)} {...props} />\n            ),\n            img: ({ className, ...props }) => (\n              <img\n                {...props}\n                loading=\"lazy\"\n                className={cn('max-w-full rounded-md', className)}\n                src={`${props.src}?raw=true`}\n              />\n            ),\n            a: (props) => (\n              <Link\n                color=\"neutral\"\n                isExternalLink={props.href?.startsWith('http')}\n                underlined={true}\n                locale={locale}\n                {...props}\n              />\n            ),\n            pre: (props) => props.children,\n            table: ({ className, ...props }) => (\n              <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n                <table\n                  className={cn(\n                    'max-w-full table-auto overflow-hidden text-left',\n                    className\n                  )}\n                  {...props}\n                />\n              </div>\n            ),\n            th: ({ className, ...props }) => (\n              <th\n                className={cn(\n                  'border-neutral bg-neutral/10 border-b p-4',\n                  className\n                )}\n                {...props}\n              />\n            ),\n            tr: ({ className, ...props }) => (\n              <tr\n                className={cn('hover:bg-neutral/10 hover:/10', className)}\n                {...props}\n              />\n            ),\n            td: ({ className, ...props }) => (\n              <td\n                className={cn('border-b border-neutral-500/50 p-4', className)}\n                {...props}\n              />\n            ),\n            ...overrides,\n          },\n          wrapper: ({ className, ...props }) => (\n            <>\n              <SectionScroller />\n              <div\n                className={cn('flex flex-col gap-8 p-10', className)}\n                {...props}\n              />\n            </>\n          ),\n          ...restOptions,\n        }}\n      >\n        {children ?? ''}\n      </Markdown>\n    </CodeProvider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  options?: MarkdownToJSX.Options;\n};\n\n/**\n * Removes frontmatter from markdown content\n * Frontmatter is the YAML metadata block at the beginning of markdown files\n * delimited by --- at the start and end\n */\nconst stripFrontmatter = (markdown: string): string => {\n  const lines = markdown.split(/\\r?\\n/);\n\n  // Check if the very first non-empty line is the metadata start delimiter\n  const firstNonEmptyLine = lines.find((line) => line.trim() !== '');\n\n  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== '---') {\n    // No frontmatter, return original content\n    return markdown;\n  }\n\n  let inMetadataBlock = false;\n  let endOfMetadataIndex = -1;\n\n  for (let i = 0; i < lines.length; i++) {\n    const trimmedLine = lines[i].trim();\n\n    // Toggle metadata block on encountering the delimiter\n    if (trimmedLine === '---') {\n      if (!inMetadataBlock) {\n        // Begin metadata block\n        inMetadataBlock = true;\n        continue;\n      } else {\n        // End of metadata block\n        endOfMetadataIndex = i;\n        break;\n      }\n    }\n  }\n\n  if (endOfMetadataIndex > -1) {\n    // Return content after the frontmatter\n    return lines.slice(endOfMetadataIndex + 1).join('\\n');\n  }\n\n  // If we couldn't find the end delimiter, return original content\n  return markdown;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n\n  // Strip frontmatter from the markdown content before rendering\n  const cleanMarkdown = stripFrontmatter(children);\n\n  return (\n    <CodeProvider>\n      <Markdown\n        options={{\n          overrides: {\n            h1: (props) => <H1 isClickable={true} {...props} />,\n            h2: (props) => <H2 isClickable={true} {...props} />,\n            h3: (props) => <H3 isClickable={true} {...props} />,\n            h4: (props) => <H4 isClickable={true} {...props} />,\n\n            code: (props) =>\n              typeof props.className === 'undefined' ? (\n                <strong className=\"bg-card/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                  {props.children}\n                </strong>\n              ) : (\n                <Code\n                  isDarkMode={isDarkMode}\n                  language={props.className?.replace('lang-', '')}\n                  {...props}\n                />\n              ),\n\n            blockquote: ({ className, ...props }) => (\n              <blockquote\n                className={cn(\n                  'border-card text-neutral mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                  className\n                )}\n                {...props}\n              />\n            ),\n            ul: ({ className, ...props }) => (\n              <ul\n                className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n                {...props}\n              />\n            ),\n            ol: ({ className, ...props }) => (\n              <ol\n                className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n                {...props}\n              />\n            ),\n            li: ({ className, ...props }) => (\n              <li className={cn('list-disc', className)} {...props} />\n            ),\n            img: ({ className, ...props }) => (\n              <img\n                {...props}\n                loading=\"lazy\"\n                className={cn('max-w-full rounded-md', className)}\n                src={`${props.src}?raw=true`}\n              />\n            ),\n            a: (props) => (\n              <Link\n                color=\"neutral\"\n                isExternalLink={props.href?.startsWith('http')}\n                underlined={true}\n                locale={locale}\n                {...props}\n              />\n            ),\n            pre: (props) => props.children,\n            table: ({ className, ...props }) => (\n              <div className=\"grid w-full max-w-full overflow-auto rounded\">\n                <table\n                  className={cn(\n                    'max-w-full table-auto overflow-hidden text-left',\n                    className\n                  )}\n                  {...props}\n                />\n              </div>\n            ),\n            th: ({ className, ...props }) => (\n              <th\n                className={cn(\n                  'border-neutral bg-neutral/10 border-b p-4',\n                  className\n                )}\n                {...props}\n              />\n            ),\n            tr: ({ className, ...props }) => (\n              <tr\n                className={cn('hover:bg-neutral/10 hover:/10', className)}\n                {...props}\n              />\n            ),\n            td: ({ className, ...props }) => (\n              <td\n                className={cn('border-b border-neutral-500/50 p-4', className)}\n                {...props}\n              />\n            ),\n            ...overrides,\n          },\n          wrapper: ({ className, ...props }) => (\n            <>\n              <SectionScroller />\n              <div\n                className={cn('flex flex-col gap-8 p-10', className)}\n                {...props}\n              />\n            </>\n          ),\n          ...restOptions,\n        }}\n      >\n        {cleanMarkdown ?? ''}\n      </Markdown>\n    </CodeProvider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Modal/Modal.cjs

@@ -6,15 +6,15 @@ const classVarianceAuthority = require("class-variance-authority");
 const framerMotion = require("framer-motion");
 const lucideReact = require("lucide-react");
 const reactDom = require("react-dom");
-require("react");
-const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("react");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
+const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
+const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Button_Button = require("../Button/Button.cjs");
 const components_Container_index = require("../Container/index.cjs");

package/dist/components/Modal/Modal.mjs

@@ -4,15 +4,15 @@ import { cva } from "class-variance-authority";
 import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { createPortal } from "react-dom";
-import "react";
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "react";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";

package/dist/components/Navbar/MobileNavbar.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const framerMotion = require("framer-motion");
 const ReactExports = require("react");
-const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
-const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
+const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
+const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");
 const components_Navbar_Burger = require("./Burger.cjs");

package/dist/components/Navbar/MobileNavbar.mjs

@@ -2,14 +2,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { useState, useRef } from "react";
-import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
-import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
+import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
+import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { Burger } from "./Burger.mjs";

package/dist/components/Navbar/index.cjs

@@ -2,16 +2,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const hooks_useDevice = require("../../hooks/useDevice.cjs");
-require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("react");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
+const hooks_useDevice = require("../../hooks/useDevice.cjs");
 require("deepmerge");
+const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_Navbar_DesktopNavbar = require("./DesktopNavbar.cjs");
 const components_Navbar_MobileNavbar = require("./MobileNavbar.cjs");
 const Navbar = ({

package/dist/components/Navbar/index.mjs

@@ -1,15 +1,15 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
-import { useDevice } from "../../hooks/useDevice.mjs";
-import "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import { useIsMounted } from "../../hooks/useIsMounted.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "react";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
+import { useDevice } from "../../hooks/useDevice.mjs";
 import "deepmerge";
+import { useIsMounted } from "../../hooks/useIsMounted.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { DesktopNavbar } from "./DesktopNavbar.mjs";
 import { MobileNavbar } from "./MobileNavbar.mjs";
 const Navbar = ({

package/dist/components/SwitchSelector/index.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 const classVarianceAuthority = require("class-variance-authority");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
-const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
 require("deepmerge");
+const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const defaultChoices = [
   { content: "Off", value: false },

package/dist/components/SwitchSelector/index.mjs

@@ -2,14 +2,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, createElement } from "react";
 import { cva } from "class-variance-authority";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
-import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import "deepmerge";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { cn } from "../../utils/cn.mjs";
 const defaultChoices = [
   { content: "Off", value: false },

package/dist/components/TabSelector/TabSelector.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const classVarianceAuthority = require("class-variance-authority");
 const ReactExports = require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
-const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
 require("deepmerge");
+const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const tabSelectorVariant = classVarianceAuthority.cva(
   "relative flex size-full flex-row items-center gap-2",

package/dist/components/TabSelector/TabSelector.mjs

@@ -2,14 +2,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { useRef, cloneElement } from "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
-import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import "deepmerge";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { cn } from "../../utils/cn.mjs";
 const tabSelectorVariant = cva(
   "relative flex size-full flex-row items-center gap-2",

package/dist/components/TextArea/AutoSizeTextArea.cjs

@@ -46,7 +46,7 @@ const AutoSizedTextArea = ({
       ref: setRef,
       onChange: handleChange,
       className: utils_cn.cn(
-        "overflow-y-scroll",
+        "overflow-y-auto",
         autoSize ? "resize-none" : "",
         className
       ),

package/dist/components/TextArea/AutoSizeTextArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSizeTextArea.cjs","sources":["../../../src/components/TextArea/AutoSizeTextArea.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ChangeEventHandler,\n  type FC,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { type TextAreaProps, TextArea } from './TextArea';\n\nexport type AutoSizedTextAreaProps = TextAreaProps & {\n  autoSize?: boolean;\n  maxRows?: number;\n};\n\nconst LINE_HEIGHT = 24; // px\nconst LINE_PADDING = 12; // px\n\nexport const AutoSizedTextArea: FC<AutoSizedTextAreaProps> = ({\n  className,\n  autoSize = true,\n  onChange,\n  maxRows = 999,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const adjustHeight = () => {\n    const textAreaEl = textAreaRef.current;\n\n    if (!textAreaEl || !autoSize) return;\n\n    const textAreaStyle = textAreaEl.style;\n\n    // Reset height to get accurate scrollHeight\n    textAreaStyle.height = 'auto';\n    const scrollHeight = textAreaEl.scrollHeight;\n    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;\n    const minHeight = LINE_HEIGHT + LINE_PADDING;\n\n    // Set the new height\n    textAreaStyle.height =\n      Math.max(Math.min(scrollHeight, maxHeight), minHeight) + 'px';\n  };\n\n  useEffect(() => {\n    adjustHeight();\n  }, [props.value, props.defaultValue, adjustHeight]);\n\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n    onChange?.(e);\n    adjustHeight();\n  };\n\n  const setRef = (el: HTMLTextAreaElement | null) => {\n    textAreaRef.current = el;\n    if (el) {\n      adjustHeight();\n    }\n  };\n\n  return (\n    <TextArea\n      ref={setRef}\n      onChange={handleChange}\n      className={cn(\n        'overflow-y-scroll',\n        autoSize ? 'resize-none' : '',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":["useRef","useImperativeHandle","useEffect","jsx","TextArea","cn"],"mappings":";;;;;;;AAiBA,MAAM,cAAc;AACpB,MAAM,eAAe;AAEd,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAcA,oBAAmC,IAAI;AAEvCC,eAAAA,oBAAA,KAAK,MAAM,YAAY,OAAQ;AAEnD,QAAM,eAAe,MAAM;AACzB,UAAM,aAAa,YAAY;AAE3B,QAAA,CAAC,cAAc,CAAC,SAAU;AAE9B,UAAM,gBAAgB,WAAW;AAGjC,kBAAc,SAAS;AACvB,UAAM,eAAe,WAAW;AAC1B,UAAA,YAAY,cAAc,UAAU;AAC1C,UAAM,YAAY,cAAc;AAGlB,kBAAA,SACZ,KAAK,IAAI,KAAK,IAAI,cAAc,SAAS,GAAG,SAAS,IAAI;AAAA,EAC7D;AAEAC,eAAAA,UAAU,MAAM;AACD,iBAAA;AAAA,EAAA,GACZ,CAAC,MAAM,OAAO,MAAM,cAAc,YAAY,CAAC;AAE5C,QAAA,eAAwD,CAAC,MAAM;AACnE,eAAW,CAAC;AACC,iBAAA;AAAA,EACf;AAEM,QAAA,SAAS,CAAC,OAAmC;AACjD,gBAAY,UAAU;AACtB,QAAI,IAAI;AACO,mBAAA;AAAA,IAAA;AAAA,EAEjB;AAGE,SAAAC,2BAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,WAAW,gBAAgB;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;;"}
+{"version":3,"file":"AutoSizeTextArea.cjs","sources":["../../../src/components/TextArea/AutoSizeTextArea.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ChangeEventHandler,\n  type FC,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { type TextAreaProps, TextArea } from './TextArea';\n\nexport type AutoSizedTextAreaProps = TextAreaProps & {\n  autoSize?: boolean;\n  maxRows?: number;\n};\n\nconst LINE_HEIGHT = 24; // px\nconst LINE_PADDING = 12; // px\n\nexport const AutoSizedTextArea: FC<AutoSizedTextAreaProps> = ({\n  className,\n  autoSize = true,\n  onChange,\n  maxRows = 999,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const adjustHeight = () => {\n    const textAreaEl = textAreaRef.current;\n\n    if (!textAreaEl || !autoSize) return;\n\n    const textAreaStyle = textAreaEl.style;\n\n    // Reset height to get accurate scrollHeight\n    textAreaStyle.height = 'auto';\n    const scrollHeight = textAreaEl.scrollHeight;\n    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;\n    const minHeight = LINE_HEIGHT + LINE_PADDING;\n\n    // Set the new height\n    textAreaStyle.height =\n      Math.max(Math.min(scrollHeight, maxHeight), minHeight) + 'px';\n  };\n\n  useEffect(() => {\n    adjustHeight();\n  }, [props.value, props.defaultValue, adjustHeight]);\n\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n    onChange?.(e);\n    adjustHeight();\n  };\n\n  const setRef = (el: HTMLTextAreaElement | null) => {\n    textAreaRef.current = el;\n    if (el) {\n      adjustHeight();\n    }\n  };\n\n  return (\n    <TextArea\n      ref={setRef}\n      onChange={handleChange}\n      className={cn(\n        'overflow-y-auto',\n        autoSize ? 'resize-none' : '',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":["useRef","useImperativeHandle","useEffect","jsx","TextArea","cn"],"mappings":";;;;;;;AAiBA,MAAM,cAAc;AACpB,MAAM,eAAe;AAEd,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAcA,oBAAmC,IAAI;AAEvCC,eAAAA,oBAAA,KAAK,MAAM,YAAY,OAAQ;AAEnD,QAAM,eAAe,MAAM;AACzB,UAAM,aAAa,YAAY;AAE3B,QAAA,CAAC,cAAc,CAAC,SAAU;AAE9B,UAAM,gBAAgB,WAAW;AAGjC,kBAAc,SAAS;AACvB,UAAM,eAAe,WAAW;AAC1B,UAAA,YAAY,cAAc,UAAU;AAC1C,UAAM,YAAY,cAAc;AAGlB,kBAAA,SACZ,KAAK,IAAI,KAAK,IAAI,cAAc,SAAS,GAAG,SAAS,IAAI;AAAA,EAC7D;AAEAC,eAAAA,UAAU,MAAM;AACD,iBAAA;AAAA,EAAA,GACZ,CAAC,MAAM,OAAO,MAAM,cAAc,YAAY,CAAC;AAE5C,QAAA,eAAwD,CAAC,MAAM;AACnE,eAAW,CAAC;AACC,iBAAA;AAAA,EACf;AAEM,QAAA,SAAS,CAAC,OAAmC;AACjD,gBAAY,UAAU;AACtB,QAAI,IAAI;AACO,mBAAA;AAAA,IAAA;AAAA,EAEjB;AAGE,SAAAC,2BAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,WAAW,gBAAgB;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;;"}

package/dist/components/TextArea/AutoSizeTextArea.mjs

@@ -44,7 +44,7 @@ const AutoSizedTextArea = ({
       ref: setRef,
       onChange: handleChange,
       className: cn(
-        "overflow-y-scroll",
+        "overflow-y-auto",
         autoSize ? "resize-none" : "",
         className
       ),

package/dist/components/TextArea/AutoSizeTextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSizeTextArea.mjs","sources":["../../../src/components/TextArea/AutoSizeTextArea.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ChangeEventHandler,\n  type FC,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { type TextAreaProps, TextArea } from './TextArea';\n\nexport type AutoSizedTextAreaProps = TextAreaProps & {\n  autoSize?: boolean;\n  maxRows?: number;\n};\n\nconst LINE_HEIGHT = 24; // px\nconst LINE_PADDING = 12; // px\n\nexport const AutoSizedTextArea: FC<AutoSizedTextAreaProps> = ({\n  className,\n  autoSize = true,\n  onChange,\n  maxRows = 999,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const adjustHeight = () => {\n    const textAreaEl = textAreaRef.current;\n\n    if (!textAreaEl || !autoSize) return;\n\n    const textAreaStyle = textAreaEl.style;\n\n    // Reset height to get accurate scrollHeight\n    textAreaStyle.height = 'auto';\n    const scrollHeight = textAreaEl.scrollHeight;\n    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;\n    const minHeight = LINE_HEIGHT + LINE_PADDING;\n\n    // Set the new height\n    textAreaStyle.height =\n      Math.max(Math.min(scrollHeight, maxHeight), minHeight) + 'px';\n  };\n\n  useEffect(() => {\n    adjustHeight();\n  }, [props.value, props.defaultValue, adjustHeight]);\n\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n    onChange?.(e);\n    adjustHeight();\n  };\n\n  const setRef = (el: HTMLTextAreaElement | null) => {\n    textAreaRef.current = el;\n    if (el) {\n      adjustHeight();\n    }\n  };\n\n  return (\n    <TextArea\n      ref={setRef}\n      onChange={handleChange}\n      className={cn(\n        'overflow-y-scroll',\n        autoSize ? 'resize-none' : '',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAiBA,MAAM,cAAc;AACpB,MAAM,eAAe;AAEd,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAc,OAAmC,IAAI;AAEvC,sBAAA,KAAK,MAAM,YAAY,OAAQ;AAEnD,QAAM,eAAe,MAAM;AACzB,UAAM,aAAa,YAAY;AAE3B,QAAA,CAAC,cAAc,CAAC,SAAU;AAE9B,UAAM,gBAAgB,WAAW;AAGjC,kBAAc,SAAS;AACvB,UAAM,eAAe,WAAW;AAC1B,UAAA,YAAY,cAAc,UAAU;AAC1C,UAAM,YAAY,cAAc;AAGlB,kBAAA,SACZ,KAAK,IAAI,KAAK,IAAI,cAAc,SAAS,GAAG,SAAS,IAAI;AAAA,EAC7D;AAEA,YAAU,MAAM;AACD,iBAAA;AAAA,EAAA,GACZ,CAAC,MAAM,OAAO,MAAM,cAAc,YAAY,CAAC;AAE5C,QAAA,eAAwD,CAAC,MAAM;AACnE,eAAW,CAAC;AACC,iBAAA;AAAA,EACf;AAEM,QAAA,SAAS,CAAC,OAAmC;AACjD,gBAAY,UAAU;AACtB,QAAI,IAAI;AACO,mBAAA;AAAA,IAAA;AAAA,EAEjB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,WAAW,gBAAgB;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"AutoSizeTextArea.mjs","sources":["../../../src/components/TextArea/AutoSizeTextArea.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ChangeEventHandler,\n  type FC,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { type TextAreaProps, TextArea } from './TextArea';\n\nexport type AutoSizedTextAreaProps = TextAreaProps & {\n  autoSize?: boolean;\n  maxRows?: number;\n};\n\nconst LINE_HEIGHT = 24; // px\nconst LINE_PADDING = 12; // px\n\nexport const AutoSizedTextArea: FC<AutoSizedTextAreaProps> = ({\n  className,\n  autoSize = true,\n  onChange,\n  maxRows = 999,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const adjustHeight = () => {\n    const textAreaEl = textAreaRef.current;\n\n    if (!textAreaEl || !autoSize) return;\n\n    const textAreaStyle = textAreaEl.style;\n\n    // Reset height to get accurate scrollHeight\n    textAreaStyle.height = 'auto';\n    const scrollHeight = textAreaEl.scrollHeight;\n    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;\n    const minHeight = LINE_HEIGHT + LINE_PADDING;\n\n    // Set the new height\n    textAreaStyle.height =\n      Math.max(Math.min(scrollHeight, maxHeight), minHeight) + 'px';\n  };\n\n  useEffect(() => {\n    adjustHeight();\n  }, [props.value, props.defaultValue, adjustHeight]);\n\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n    onChange?.(e);\n    adjustHeight();\n  };\n\n  const setRef = (el: HTMLTextAreaElement | null) => {\n    textAreaRef.current = el;\n    if (el) {\n      adjustHeight();\n    }\n  };\n\n  return (\n    <TextArea\n      ref={setRef}\n      onChange={handleChange}\n      className={cn(\n        'overflow-y-auto',\n        autoSize ? 'resize-none' : '',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAiBA,MAAM,cAAc;AACpB,MAAM,eAAe;AAEd,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAc,OAAmC,IAAI;AAEvC,sBAAA,KAAK,MAAM,YAAY,OAAQ;AAEnD,QAAM,eAAe,MAAM;AACzB,UAAM,aAAa,YAAY;AAE3B,QAAA,CAAC,cAAc,CAAC,SAAU;AAE9B,UAAM,gBAAgB,WAAW;AAGjC,kBAAc,SAAS;AACvB,UAAM,eAAe,WAAW;AAC1B,UAAA,YAAY,cAAc,UAAU;AAC1C,UAAM,YAAY,cAAc;AAGlB,kBAAA,SACZ,KAAK,IAAI,KAAK,IAAI,cAAc,SAAS,GAAG,SAAS,IAAI;AAAA,EAC7D;AAEA,YAAU,MAAM;AACD,iBAAA;AAAA,EAAA,GACZ,CAAC,MAAM,OAAO,MAAM,cAAc,YAAY,CAAC;AAE5C,QAAA,eAAwD,CAAC,MAAM;AACnE,eAAW,CAAC;AACC,iBAAA;AAAA,EACf;AAEM,QAAA,SAAS,CAAC,OAAmC;AACjD,gBAAY,UAAU;AACtB,QAAI,IAAI;AACO,mBAAA;AAAA,IAAA;AAAA,EAEjB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,WAAW,gBAAgB;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/TextArea/AutocompleteTextArea.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const editorReact = require("@intlayer/editor-react");
 const ReactExports = require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../hooks/intlayerAPIHooks.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("deepmerge");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_TextArea_AutoSizeTextArea = require("./AutoSizeTextArea.cjs");
 const useDebounce = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = ReactExports.useState(value);

package/dist/components/TextArea/AutocompleteTextArea.mjs

@@ -2,10 +2,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useConfiguration } from "@intlayer/editor-react";
 import { useState, useEffect } from "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useAutocomplete } from "../../hooks/intlayerAPIHooks.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "deepmerge";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { AutoSizedTextArea } from "./AutoSizeTextArea.mjs";
 const useDebounce = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = useState(value);

package/dist/hooks/index.cjs

@@ -1,31 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const hooks_useDevice = require("./useDevice.cjs");
-const hooks_useGetElementOrWindow = require("./useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_index = require("../index-BYzBot7l.cjs");
-const hooks_useIsMounted = require("./useIsMounted.cjs");
-const hooks_useScrollDetection = require("./useScrollDetection.cjs");
+const hooks_intlayerAPIHooks = require("./intlayerAPIHooks.cjs");
 const hooks_useAsync_useAsync = require("./useAsync/useAsync.cjs");
 const hooks_useAsync_useAsyncStateStore = require("./useAsync/useAsyncStateStore.cjs");
-const hooks_intlayerAPIHooks = require("./intlayerAPIHooks.cjs");
-const hooks_useItemSelector = require("./useItemSelector.cjs");
+const hooks_useDevice = require("./useDevice.cjs");
 const hooks_useGetAllDictionaries = require("./useGetAllDictionaries.cjs");
-const hooks_usePersistedStore = require("./usePersistedStore.cjs");
+const hooks_useGetElementOrWindow = require("./useGetElementOrWindow.cjs");
 const hooks_useIsDarkMode = require("./useIsDarkMode.cjs");
+const hooks_useIsMounted = require("./useIsMounted.cjs");
+const hooks_useItemSelector = require("./useItemSelector.cjs");
 const hooks_useKeyboardDetector = require("./useKeyboardDetector.cjs");
-exports.calculateIsMobile = hooks_useDevice.calculateIsMobile;
-exports.checkIsIphoneOrSafariDevice = hooks_useDevice.checkIsIphoneOrSafariDevice;
-exports.checkIsMobileScreen = hooks_useDevice.checkIsMobileScreen;
-exports.checkIsMobileUserAgent = hooks_useDevice.checkIsMobileUserAgent;
-exports.getBreakpointFromSize = hooks_useDevice.getBreakpointFromSize;
-exports.useDevice = hooks_useDevice.useDevice;
-exports.useGetElementOrWindow = hooks_useGetElementOrWindow.useGetElementOrWindow;
-exports.useScrollBlockage = hooks_useScrollBlockage_index.useScrollBlockage;
-exports.useIsMounted = hooks_useIsMounted.useIsMounted;
-exports.useScrollDetection = hooks_useScrollDetection.useScrollDetection;
-exports.useAsync = hooks_useAsync_useAsync.useAsync;
-exports.AsyncStateProvider = hooks_useAsync_useAsyncStateStore.AsyncStateProvider;
-exports.useAsyncState = hooks_useAsync_useAsyncStateStore.useAsyncState;
+const hooks_usePersistedStore = require("./usePersistedStore.cjs");
+const hooks_useScreenWidth = require("./useScreenWidth.cjs");
+const hooks_useScrollBlockage_index = require("../index-BYzBot7l.cjs");
+const hooks_useScrollDetection = require("./useScrollDetection.cjs");
 exports.useAddDictionary = hooks_intlayerAPIHooks.useAddDictionary;
 exports.useAddNewAccessKey = hooks_intlayerAPIHooks.useAddNewAccessKey;
 exports.useAddOrganization = hooks_intlayerAPIHooks.useAddOrganization;
@@ -84,9 +72,23 @@ exports.useUpdateTag = hooks_intlayerAPIHooks.useUpdateTag;
 exports.useUpdateUser = hooks_intlayerAPIHooks.useUpdateUser;
 exports.useVerifyEmail = hooks_intlayerAPIHooks.useVerifyEmail;
 exports.useWriteDictionary = hooks_intlayerAPIHooks.useWriteDictionary;
-exports.useItemSelector = hooks_useItemSelector.useItemSelector;
+exports.useAsync = hooks_useAsync_useAsync.useAsync;
+exports.AsyncStateProvider = hooks_useAsync_useAsyncStateStore.AsyncStateProvider;
+exports.useAsyncState = hooks_useAsync_useAsyncStateStore.useAsyncState;
+exports.calculateIsMobile = hooks_useDevice.calculateIsMobile;
+exports.checkIsIphoneOrSafariDevice = hooks_useDevice.checkIsIphoneOrSafariDevice;
+exports.checkIsMobileScreen = hooks_useDevice.checkIsMobileScreen;
+exports.checkIsMobileUserAgent = hooks_useDevice.checkIsMobileUserAgent;
+exports.getBreakpointFromSize = hooks_useDevice.getBreakpointFromSize;
+exports.useDevice = hooks_useDevice.useDevice;
 exports.useGetAllDictionaries = hooks_useGetAllDictionaries.useGetAllDictionaries;
-exports.usePersistedStore = hooks_usePersistedStore.usePersistedStore;
+exports.useGetElementOrWindow = hooks_useGetElementOrWindow.useGetElementOrWindow;
 exports.useIsDarkMode = hooks_useIsDarkMode.useIsDarkMode;
+exports.useIsMounted = hooks_useIsMounted.useIsMounted;
+exports.useItemSelector = hooks_useItemSelector.useItemSelector;
 exports.useKeyboardDetector = hooks_useKeyboardDetector.useKeyboardDetector;
+exports.usePersistedStore = hooks_usePersistedStore.usePersistedStore;
+exports.useScreenWidth = hooks_useScreenWidth.useScreenWidth;
+exports.useScrollBlockage = hooks_useScrollBlockage_index.useScrollBlockage;
+exports.useScrollDetection = hooks_useScrollDetection.useScrollDetection;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

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

package/dist/hooks/index.d.ts

@@ -1,13 +1,14 @@
+export * from './intlayerAPIHooks';
+export * from './useAsync';
 export * from './useDevice';
+export * from './useGetAllDictionaries';
 export * from './useGetElementOrWindow';
-export * from './useScrollBlockage';
+export * from './useIsDarkMode';
 export * from './useIsMounted';
-export * from './useScrollDetection';
-export * from './useAsync';
-export * from './intlayerAPIHooks';
 export * from './useItemSelector';
-export * from './useGetAllDictionaries';
-export * from './usePersistedStore';
-export * from './useIsDarkMode';
 export * from './useKeyboardDetector';
+export * from './usePersistedStore';
+export * from './useScreenWidth';
+export * from './useScrollBlockage';
+export * from './useScrollDetection';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/dist/hooks/index.mjs

@@ -1,16 +1,17 @@
-import { calculateIsMobile, checkIsIphoneOrSafariDevice, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
-import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
-import { u } from "../index-BCuMWKyy.js";
-import { useIsMounted } from "./useIsMounted.mjs";
-import { useScrollDetection } from "./useScrollDetection.mjs";
+import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddProject, useAddTag, useAskDocQuestion, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useCancelSubscription, useChangePassword, useCheckIfUserHasPassword, useCreateUser, useDefineNewPassword, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeleteProject, useDeleteTag, useDeleteUser, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetEditorDictionaries, useGetNewsletterStatus, useGetOrganizations, useGetPricing, useGetProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUsers, useLogin, useLogout, usePushDictionaries, useRefreshAccessKey, useRegister, useSearchDoc, useSelectOrganization, useSelectProject, useSubscribeToNewsletter, useTranslateJSONDeclaration, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateProject, useUpdateProjectMembers, useUpdateTag, useUpdateUser, useVerifyEmail, useWriteDictionary } from "./intlayerAPIHooks.mjs";
 import { useAsync } from "./useAsync/useAsync.mjs";
 import { AsyncStateProvider, useAsyncState } from "./useAsync/useAsyncStateStore.mjs";
-import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddProject, useAddTag, useAskDocQuestion, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useCancelSubscription, useChangePassword, useCheckIfUserHasPassword, useCreateUser, useDefineNewPassword, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeleteProject, useDeleteTag, useDeleteUser, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetEditorDictionaries, useGetNewsletterStatus, useGetOrganizations, useGetPricing, useGetProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUsers, useLogin, useLogout, usePushDictionaries, useRefreshAccessKey, useRegister, useSearchDoc, useSelectOrganization, useSelectProject, useSubscribeToNewsletter, useTranslateJSONDeclaration, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateProject, useUpdateProjectMembers, useUpdateTag, useUpdateUser, useVerifyEmail, useWriteDictionary } from "./intlayerAPIHooks.mjs";
-import { useItemSelector } from "./useItemSelector.mjs";
+import { calculateIsMobile, checkIsIphoneOrSafariDevice, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
 import { useGetAllDictionaries } from "./useGetAllDictionaries.mjs";
-import { usePersistedStore } from "./usePersistedStore.mjs";
+import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
 import { useIsDarkMode } from "./useIsDarkMode.mjs";
+import { useIsMounted } from "./useIsMounted.mjs";
+import { useItemSelector } from "./useItemSelector.mjs";
 import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
+import { usePersistedStore } from "./usePersistedStore.mjs";
+import { useScreenWidth } from "./useScreenWidth.mjs";
+import { u } from "../index-BCuMWKyy.js";
+import { useScrollDetection } from "./useScrollDetection.mjs";
 export {
   AsyncStateProvider,
   calculateIsMobile,
@@ -69,6 +70,7 @@ export {
   usePushDictionaries,
   useRefreshAccessKey,
   useRegister,
+  useScreenWidth,
   u as useScrollBlockage,
   useScrollDetection,
   useSearchDoc,

package/dist/hooks/index.mjs.map

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

package/dist/hooks/useAsync/useAsync.cjs

@@ -56,7 +56,12 @@ const useAsync = (key, asyncFunction, options) => {
     const promise = (async () => {
       setQueryState(keyWithArgs2, { isLoading: true });
       let response = null;
-      await asyncFunction(...args2).then((result) => {
+      try {
+        const asyncResult = asyncFunction(...args2);
+        if (!asyncResult || typeof asyncResult.then !== "function") {
+          throw new Error("asyncFunction must return a Promise");
+        }
+        const result = await asyncResult;
         response = result;
         setQueryState(keyWithArgs2, {
           data: result,
@@ -82,14 +87,14 @@ const useAsync = (key, asyncFunction, options) => {
         if (storeEnabled) {
           localStorage.setItem(keyWithArgs2, JSON.stringify(result));
         }
-      }).catch((error2) => {
+      } catch (error2) {
         console.error({ error: error2 });
         const msg = error2 instanceof Error ? error2.message : String(error2);
         makeQueryInError(keyWithArgs2, msg);
-        onError?.(error2.message);
-      }).finally(() => {
+        onError?.(msg);
+      } finally {
         pendingPromises.delete(keyWithArgs2);
-      });
+      }
       return response;
     })();
     pendingPromises.set(keyWithArgs2, promise);
@@ -161,7 +166,6 @@ const useAsync = (key, asyncFunction, options) => {
     if (!isEnabled || !enabled) return;
     if (!isRetryEnabled) return;
     if (isRetryLimitReached) return;
-    if (!(cacheEnabled || storeEnabled)) return;
     if (isLoading) return;
     if (isSuccess) return;
     const timeout = setTimeout(() => {
@@ -174,8 +178,6 @@ const useAsync = (key, asyncFunction, options) => {
     retryLimit,
     enabled,
     retryTime,
-    cacheEnabled,
-    storeEnabled,
     isSuccess,
     isLoading,
     fetch
@@ -185,7 +187,6 @@ const useAsync = (key, asyncFunction, options) => {
     if (!isEnabled || !enabled) return;
     if (isLoading) return;
     if (!isSuccess || !fetchedDateTime) return;
-    if (!(cacheEnabled || storeEnabled)) return;
     const timeout = setTimeout(() => {
       fetch(...storedArgsRef.current);
     }, revalidateTime);
@@ -193,8 +194,6 @@ const useAsync = (key, asyncFunction, options) => {
   }, [
     revalidationEnabled,
     revalidateTime,
-    cacheEnabled,
-    storeEnabled,
     isSuccess,
     fetchedDateTime,
     isLoading,