@intlayer/design-system 5.3.13 → 5.4.0

package/dist/.vite/manifest.json

@@ -1220,6 +1220,10 @@
     "src": "src/components/DropDown/index.tsx",
     "isEntry": true,
     "imports": [
+      "src/hooks/useDevice.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/components/Toaster/Toast.tsx",
       "src/utils/cn.ts",
       "src/components/MaxHeightSmoother/index.tsx"
     ]
@@ -1572,6 +1576,15 @@
       "src/utils/cn.ts"
     ]
   },
+  "src/components/HeightResizer/index.tsx": {
+    "file": "components/HeightResizer/index.cjs",
+    "name": "components/HeightResizer/index",
+    "src": "src/components/HeightResizer/index.tsx",
+    "isEntry": true,
+    "imports": [
+      "src/utils/cn.ts"
+    ]
+  },
   "src/components/IDE/Code.tsx": {
     "file": "components/IDE/Code.cjs",
     "name": "components/IDE/Code",
@@ -2429,51 +2442,7 @@
     "src": "src/components/index.ts",
     "isEntry": true,
     "imports": [
-      "src/components/MaxHeightSmoother/index.tsx",
-      "src/components/MaxWidthSmoother/index.tsx",
-      "src/components/RightDrawer/RightDrawer.tsx",
-      "src/components/RightDrawer/useRightDrawerStore.ts",
-      "src/components/PressableSpan/PressableSpan.tsx",
-      "src/components/ContentSelector/ContentSelector.tsx",
-      "src/components/DictionaryEditor/DictionaryEditor.tsx",
-      "src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx",
-      "src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx",
-      "src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx",
-      "src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.tsx",
-      "src/components/DropDown/index.tsx",
-      "src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx",
-      "src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx",
-      "src/components/ThemeSwitcherDropDown/types.ts",
-      "src/components/Button/Button.tsx",
-      "src/components/Container/index.tsx",
-      "src/components/Footer/index.tsx",
-      "src/components/Navbar/index.tsx",
-      "src/components/ProfileDropDown/index.tsx",
-      "src/components/Avatar/index.tsx",
-      "src/components/Logo/index.tsx",
-      "src/components/IDE/Code.tsx",
-      "src/components/IDE/IDE.tsx",
-      "src/components/IDE/FileList.tsx",
-      "src/components/Popover/index.tsx",
-      "src/components/MarkDownRender/index.tsx",
-      "src/components/Headers/index.tsx",
-      "src/components/Loader/index.tsx",
-      "src/components/WithResizer/index.tsx",
-      "src/components/SwitchSelector/index.tsx",
-      "src/components/Modal/Modal.tsx",
-      "src/components/Breadcrumb/index.tsx",
-      "src/components/Flags/Flag.tsx",
-      "src/components/InformationTag/index.tsx",
-      "src/components/Form/FormBase.tsx",
-      "src/components/Form/FormField.tsx",
-      "_Form-DJrUK3mm.cjs",
-      "src/components/Label/index.tsx",
-      "src/components/Input/Input.tsx",
-      "src/components/Input/InputPassword.tsx",
-      "src/components/Input/Checkbox.tsx",
-      "src/components/TextArea/AutoSizeTextArea.tsx",
-      "src/components/TextArea/TextArea.tsx",
-      "src/components/TextArea/AutocompleteTextArea.tsx",
+      "src/components/Accordion/Accordion.tsx",
       "src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx",
       "src/components/Auth/SignInForm/SignInForm.tsx",
       "src/components/Auth/SignInForm/useSignInSchema.ts",
@@ -2491,28 +2460,73 @@
       "src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx",
       "src/components/Auth/DefineNewPasswordForm/DefineNewPasswordForm.tsx",
       "src/components/Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.ts",
-      "src/components/Toaster/Toast.tsx",
-      "src/components/Toaster/useToast.tsx",
-      "src/components/Toaster/Toaster.tsx",
-      "src/components/Link/Link.tsx",
-      "src/components/TabSelector/TabSelector.tsx",
+      "src/components/Avatar/index.tsx",
       "src/components/Badge/index.tsx",
-      "src/components/Select/Multiselect.tsx",
-      "src/components/Select/Select.tsx",
+      "src/components/Breadcrumb/index.tsx",
+      "src/components/Button/Button.tsx",
+      "src/components/ClickOutsideDiv/index.tsx",
       "src/components/Command/index.tsx",
-      "src/components/Pattern/GridPattern.tsx",
-      "src/components/Pattern/DotPattern.tsx",
-      "src/components/Pattern/SpotLight.tsx",
+      "src/components/Container/index.tsx",
+      "src/components/ContentSelector/ContentSelector.tsx",
       "src/components/CopyToClipboard/index.tsx",
+      "src/components/DictionaryEditor/DictionaryEditor.tsx",
+      "src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx",
+      "src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx",
+      "src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx",
+      "src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.tsx",
+      "src/components/DropDown/index.tsx",
       "src/components/EditableField/EditableFieldInput.tsx",
       "src/components/EditableField/EditableFieldTextArea.tsx",
-      "src/components/Tag/index.tsx",
-      "src/components/Accordion/Accordion.tsx",
-      "src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx",
+      "src/components/Flags/Flag.tsx",
+      "src/components/Footer/index.tsx",
+      "src/components/Form/FormBase.tsx",
+      "src/components/Form/FormField.tsx",
+      "_Form-DJrUK3mm.cjs",
+      "src/components/Headers/index.tsx",
+      "src/components/HeightResizer/index.tsx",
+      "src/components/IDE/Code.tsx",
+      "src/components/IDE/IDE.tsx",
+      "src/components/IDE/FileList.tsx",
+      "src/components/InformationTag/index.tsx",
+      "src/components/Input/Input.tsx",
+      "src/components/Input/InputPassword.tsx",
+      "src/components/Input/Checkbox.tsx",
+      "src/components/KeyboardScreenAdapter/index.tsx",
+      "src/components/Label/index.tsx",
+      "src/components/Link/Link.tsx",
+      "src/components/Loader/index.tsx",
       "src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.tsx",
       "src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx",
-      "src/components/ClickOutsideDiv/index.tsx",
-      "src/components/KeyboardScreenAdapter/index.tsx"
+      "src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx",
+      "src/components/Logo/index.tsx",
+      "src/components/MarkDownRender/index.tsx",
+      "src/components/MaxHeightSmoother/index.tsx",
+      "src/components/MaxWidthSmoother/index.tsx",
+      "src/components/Modal/Modal.tsx",
+      "src/components/Navbar/index.tsx",
+      "src/components/Pattern/GridPattern.tsx",
+      "src/components/Pattern/DotPattern.tsx",
+      "src/components/Pattern/SpotLight.tsx",
+      "src/components/Popover/index.tsx",
+      "src/components/PressableSpan/PressableSpan.tsx",
+      "src/components/ProfileDropDown/index.tsx",
+      "src/components/RightDrawer/RightDrawer.tsx",
+      "src/components/RightDrawer/useRightDrawerStore.ts",
+      "src/components/Select/Multiselect.tsx",
+      "src/components/Select/Select.tsx",
+      "src/components/SwitchSelector/index.tsx",
+      "src/components/TabSelector/TabSelector.tsx",
+      "src/components/Tag/index.tsx",
+      "src/components/TextArea/AutoSizeTextArea.tsx",
+      "src/components/TextArea/TextArea.tsx",
+      "src/components/TextArea/AutocompleteTextArea.tsx",
+      "src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx",
+      "src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx",
+      "src/components/ThemeSwitcherDropDown/types.ts",
+      "src/components/Toaster/Toast.tsx",
+      "src/components/Toaster/useToast.tsx",
+      "src/components/Toaster/Toaster.tsx",
+      "src/components/WithResizer/index.tsx"
     ]
   },
   "src/hooks/index.ts": {

package/dist/components/Button/Button.d.ts

@@ -3,8 +3,8 @@ import { LucideIcon } from 'lucide-react';
 import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from 'react';
 declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
-    color?: "text" | "error" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom" | null | undefined;
-    variant?: "default" | "link" | "none" | "input" | "outline" | "invisible-link" | "hoverable" | null | undefined;
+    color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom" | null | undefined;
+    variant?: "default" | "link" | "none" | "outline" | "invisible-link" | "hoverable" | "input" | null | undefined;
     textAlign?: "left" | "right" | "center" | null | undefined;
     isFullWidth?: boolean | null | undefined;
     hasIconLeft?: boolean | null | undefined;

package/dist/components/ClickOutsideDiv/index.cjs

@@ -15,7 +15,7 @@ const ClickOutsideDiv = ({
         onClickOutSide();
       }
     };
-    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("mousedown", handleClick, { passive: true });
     return () => {
       document.removeEventListener("mousedown", handleClick);
     };

package/dist/components/ClickOutsideDiv/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type HTMLAttributes,\n  type FC,\n  type PropsWithChildren,\n  useRef,\n  useEffect,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick);\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":["useRef","useEffect"],"mappings":";;;;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAASA,oBAAuB,IAAI;AAE1CC,eAAAA,UAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGS,aAAA,iBAAiB,aAAa,WAAW;AAGlD,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,wCACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useEffect,\n  useRef,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick, { passive: true });\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":["useRef","useEffect"],"mappings":";;;;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAASA,oBAAuB,IAAI;AAE1CC,eAAAA,UAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGA,aAAS,iBAAiB,aAAa,aAAa,EAAE,SAAS,MAAM;AAGrE,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,wCACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;;"}

package/dist/components/ClickOutsideDiv/index.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, FC, PropsWithChildren } from 'react';
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
 export type ClickOutsideDivProps = PropsWithChildren<{
     onClickOutSide: () => void;
 }> & HTMLAttributes<HTMLDivElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC,GACA,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6BpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC,GACA,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6BpD,CAAC"}

package/dist/components/ClickOutsideDiv/index.mjs

@@ -13,7 +13,7 @@ const ClickOutsideDiv = ({
         onClickOutSide();
       }
     };
-    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("mousedown", handleClick, { passive: true });
     return () => {
       document.removeEventListener("mousedown", handleClick);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type HTMLAttributes,\n  type FC,\n  type PropsWithChildren,\n  useRef,\n  useEffect,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick);\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAAS,OAAuB,IAAI;AAE1C,YAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGS,aAAA,iBAAiB,aAAa,WAAW;AAGlD,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,6BACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useEffect,\n  useRef,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  onClickOutSide: () => void; // note: changed return type to `void`\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    };\n\n    // Attach the event listener\n    document.addEventListener('mousedown', handleClick, { passive: true });\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, [onClickOutSide]);\n\n  return (\n    <div ref={divRef} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,SAAS,OAAuB,IAAI;AAE1C,YAAU,MAAM;AACR,UAAA,cAAc,CAAC,UAAsB;AAErC,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACrD,uBAAA;AAAA,MAAA;AAAA,IAEnB;AAGA,aAAS,iBAAiB,aAAa,aAAa,EAAE,SAAS,MAAM;AAGrE,WAAO,MAAM;AACF,eAAA,oBAAoB,aAAa,WAAW;AAAA,IACvD;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAEnB,6BACG,OAAI,EAAA,KAAK,QAAS,GAAG,OACnB,UACH;AAEJ;"}

package/dist/components/Container/index.d.ts

@@ -4,9 +4,9 @@ declare const containerVariants: (props?: ({
     roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
     transparency?: "none" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
     padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    separator?: "x" | "y" | "without" | "both" | null | undefined;
+    separator?: "x" | "y" | "both" | "without" | null | undefined;
     border?: "none" | "with" | null | undefined;
-    borderColor?: "text" | "error" | "primary" | "secondary" | "neutral" | "success" | "warning" | null | undefined;
+    borderColor?: "text" | "primary" | "secondary" | "neutral" | "error" | "success" | "warning" | null | undefined;
     background?: "none" | "hoverable" | "with" | null | undefined;
     gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/DropDown/index.cjs

@@ -1,6 +1,15 @@
 "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");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
+require("@intlayer/editor-react");
+require("@intlayer/api");
+require("@intlayer/config/built");
+require("../Toaster/Toast.cjs");
+require("deepmerge");
 const utils_cn = require("../../utils/cn.cjs");
 const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");
 const DropDown = ({
@@ -29,6 +38,13 @@ const Trigger = ({
   {
     className: utils_cn.cn("w-full cursor-pointer", className),
     "aria-label": `Open panel ${identifier}`,
+    onClick: (e) => {
+      const isIOS = hooks_useDevice.checkIsIphoneOrSafariDevice();
+      if (isIOS) {
+        e.currentTarget.focus({ preventScroll: true });
+      }
+    },
+    onBlur: (e) => e.currentTarget.blur(),
     ...props,
     children
   }

package/dist/components/DropDown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n  identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n  Trigger: FC<TriggerProps>;\n  Panel: FC<PanelProps>;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n *   <DropDown.Trigger>\n *     Open dropdown\n *   </DropDown.Trigger>\n *\n *   <DropDown.Panel identifier=\"dropdown\">\n *     <div>Content</div>\n *   </DropDown.Panel>\n * </DropDown>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nexport const DropDown: DropDownType = ({\n  children,\n  className,\n  identifier,\n  ...props\n}) => (\n  <div\n    className={cn(`group/dropdown relative flex`, className)}\n    aria-label={`DropDown ${identifier}`}\n    id={`unrollable-panel-button-${identifier}`}\n    aria-haspopup\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TriggerProps = HTMLAttributes<HTMLButtonElement> & {\n  identifier: string;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n *   <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nconst Trigger: FC<TriggerProps> = ({\n  children,\n  identifier,\n  className,\n  ...props\n}) => (\n  <button\n    className={cn('w-full cursor-pointer', className)}\n    aria-label={`Open panel ${identifier}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  isFocusable?: boolean;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  identifier: string;\n  align?: 'start' | 'end';\n};\n\n/**\n * Component that opens a dropdown menu when the trigger is clicked.\n *\n * Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n *   <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n  children,\n  isHidden = undefined,\n  isOverable = false,\n  isFocusable = false,\n  align = 'start',\n  identifier,\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n      align === 'start' && 'left-0',\n      align === 'end' && 'right-0',\n      className\n    )}\n    aria-hidden={isHidden}\n    role=\"region\"\n    aria-labelledby={`unrollable-panel-button-${identifier}`}\n    id={`unrollable-panel-${identifier}`}\n  >\n    <MaxHeightSmoother\n      isHidden={isHidden}\n      className={cn(\n        'overflow-x-visible',\n        isHidden !== false ? 'invisible' : 'visible',\n        isOverable &&\n          'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n        isFocusable &&\n          'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n      )}\n      {...props}\n    >\n      {children}\n    </MaxHeightSmoother>\n  </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":["jsx","cn","MaxHeightSmoother"],"mappings":";;;;;AA+BO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAG,GAAA,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACED,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,yBAAyB,SAAS;AAAA,IAChD,cAAY,cAAc,UAAU;AAAA,IACnC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAqBF,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACED,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA,UAAU,WAAW;AAAA,MACrB,UAAU,SAAS;AAAA,MACnB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAAD,2BAAA;AAAA,MAACE,mCAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWD,SAAA;AAAA,UACT;AAAA,UACA,aAAa,QAAQ,cAAc;AAAA,UACnC,cACE;AAAA,UACF,eACE;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { checkIsIphoneOrSafariDevice } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n  identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n  Trigger: FC<TriggerProps>;\n  Panel: FC<PanelProps>;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n *   <DropDown.Trigger>\n *     Open dropdown\n *   </DropDown.Trigger>\n *\n *   <DropDown.Panel identifier=\"dropdown\">\n *     <div>Content</div>\n *   </DropDown.Panel>\n * </DropDown>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nexport const DropDown: DropDownType = ({\n  children,\n  className,\n  identifier,\n  ...props\n}) => (\n  <div\n    className={cn(`group/dropdown relative flex`, className)}\n    aria-label={`DropDown ${identifier}`}\n    id={`unrollable-panel-button-${identifier}`}\n    aria-haspopup\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TriggerProps = HTMLAttributes<HTMLButtonElement> & {\n  identifier: string;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n *   <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nconst Trigger: FC<TriggerProps> = ({\n  children,\n  identifier,\n  className,\n  ...props\n}) => (\n  <button\n    className={cn('w-full cursor-pointer', className)}\n    aria-label={`Open panel ${identifier}`}\n    onClick={(e) => {\n      const isIOS = checkIsIphoneOrSafariDevice();\n      if (isIOS) {\n        (e.currentTarget as HTMLButtonElement).focus({ preventScroll: true });\n      }\n    }}\n    onBlur={(e) => (e.currentTarget as HTMLButtonElement).blur()}\n    {...props}\n  >\n    {children}\n  </button>\n);\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  isFocusable?: boolean;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  identifier: string;\n  align?: 'start' | 'end';\n};\n\n/**\n * Component that opens a dropdown menu when the trigger is clicked.\n *\n * Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n *   <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n  children,\n  isHidden = undefined,\n  isOverable = false,\n  isFocusable = false,\n  align = 'start',\n  identifier,\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n      align === 'start' && 'left-0',\n      align === 'end' && 'right-0',\n      className\n    )}\n    aria-hidden={isHidden}\n    role=\"region\"\n    aria-labelledby={`unrollable-panel-button-${identifier}`}\n    id={`unrollable-panel-${identifier}`}\n  >\n    <MaxHeightSmoother\n      isHidden={isHidden}\n      className={cn(\n        'overflow-x-visible',\n        isHidden !== false ? 'invisible' : 'visible',\n        isOverable &&\n          'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n        isFocusable &&\n          'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n      )}\n      {...props}\n    >\n      {children}\n    </MaxHeightSmoother>\n  </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":["jsx","cn","checkIsIphoneOrSafariDevice","MaxHeightSmoother"],"mappings":";;;;;;;;;;;;;;AAgCO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAG,GAAA,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACED,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,yBAAyB,SAAS;AAAA,IAChD,cAAY,cAAc,UAAU;AAAA,IACpC,SAAS,CAAC,MAAM;AACd,YAAM,QAAQC,gBAAAA,4BAA4B;AAC1C,UAAI,OAAO;AACR,UAAE,cAAoC,MAAM,EAAE,eAAe,MAAM;AAAA,MAAA;AAAA,IAExE;AAAA,IACA,QAAQ,CAAC,MAAO,EAAE,cAAoC,KAAK;AAAA,IAC1D,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAqBF,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEF,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA,UAAU,WAAW;AAAA,MACrB,UAAU,SAAS;AAAA,MACnB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAAD,2BAAA;AAAA,MAACG,mCAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWF,SAAA;AAAA,UACT;AAAA,UACA,aAAa,QAAQ,cAAc;AAAA,UACnC,cACE;AAAA,UACF,eACE;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIhD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG;IAC7C,OAAO,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC1B,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,EAAE,YAetB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC7D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AA6BF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG;IAC7C,OAAO,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC1B,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,EAAE,YAetB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC7D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAoCF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB,CAAC"}

package/dist/components/DropDown/index.mjs

@@ -1,4 +1,13 @@
 import { jsx } from "react/jsx-runtime";
+import { checkIsIphoneOrSafariDevice } from "../../hooks/useDevice.mjs";
+import "react";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "@intlayer/editor-react";
+import "@intlayer/api";
+import "@intlayer/config/built";
+import "../Toaster/Toast.mjs";
+import "deepmerge";
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 const DropDown = ({
@@ -27,6 +36,13 @@ const Trigger = ({
   {
     className: cn("w-full cursor-pointer", className),
     "aria-label": `Open panel ${identifier}`,
+    onClick: (e) => {
+      const isIOS = checkIsIphoneOrSafariDevice();
+      if (isIOS) {
+        e.currentTarget.focus({ preventScroll: true });
+      }
+    },
+    onBlur: (e) => e.currentTarget.blur(),
     ...props,
     children
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n  identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n  Trigger: FC<TriggerProps>;\n  Panel: FC<PanelProps>;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n *   <DropDown.Trigger>\n *     Open dropdown\n *   </DropDown.Trigger>\n *\n *   <DropDown.Panel identifier=\"dropdown\">\n *     <div>Content</div>\n *   </DropDown.Panel>\n * </DropDown>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nexport const DropDown: DropDownType = ({\n  children,\n  className,\n  identifier,\n  ...props\n}) => (\n  <div\n    className={cn(`group/dropdown relative flex`, className)}\n    aria-label={`DropDown ${identifier}`}\n    id={`unrollable-panel-button-${identifier}`}\n    aria-haspopup\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TriggerProps = HTMLAttributes<HTMLButtonElement> & {\n  identifier: string;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n *   <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nconst Trigger: FC<TriggerProps> = ({\n  children,\n  identifier,\n  className,\n  ...props\n}) => (\n  <button\n    className={cn('w-full cursor-pointer', className)}\n    aria-label={`Open panel ${identifier}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  isFocusable?: boolean;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  identifier: string;\n  align?: 'start' | 'end';\n};\n\n/**\n * Component that opens a dropdown menu when the trigger is clicked.\n *\n * Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n *   <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n  children,\n  isHidden = undefined,\n  isOverable = false,\n  isFocusable = false,\n  align = 'start',\n  identifier,\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n      align === 'start' && 'left-0',\n      align === 'end' && 'right-0',\n      className\n    )}\n    aria-hidden={isHidden}\n    role=\"region\"\n    aria-labelledby={`unrollable-panel-button-${identifier}`}\n    id={`unrollable-panel-${identifier}`}\n  >\n    <MaxHeightSmoother\n      isHidden={isHidden}\n      className={cn(\n        'overflow-x-visible',\n        isHidden !== false ? 'invisible' : 'visible',\n        isOverable &&\n          'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n        isFocusable &&\n          'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n      )}\n      {...props}\n    >\n      {children}\n    </MaxHeightSmoother>\n  </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":[],"mappings":";;;AA+BO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAChD,cAAY,cAAc,UAAU;AAAA,IACnC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAqBF,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,UAAU,WAAW;AAAA,MACrB,UAAU,SAAS;AAAA,MACnB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,aAAa,QAAQ,cAAc;AAAA,UACnC,cACE;AAAA,UACF,eACE;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { checkIsIphoneOrSafariDevice } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n  identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n  Trigger: FC<TriggerProps>;\n  Panel: FC<PanelProps>;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n *   <DropDown.Trigger>\n *     Open dropdown\n *   </DropDown.Trigger>\n *\n *   <DropDown.Panel identifier=\"dropdown\">\n *     <div>Content</div>\n *   </DropDown.Panel>\n * </DropDown>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nexport const DropDown: DropDownType = ({\n  children,\n  className,\n  identifier,\n  ...props\n}) => (\n  <div\n    className={cn(`group/dropdown relative flex`, className)}\n    aria-label={`DropDown ${identifier}`}\n    id={`unrollable-panel-button-${identifier}`}\n    aria-haspopup\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TriggerProps = HTMLAttributes<HTMLButtonElement> & {\n  identifier: string;\n};\n\n/**\n * Trigger allowing to open a dropdown menu.\n *\n * Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n *   <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n *\n * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nconst Trigger: FC<TriggerProps> = ({\n  children,\n  identifier,\n  className,\n  ...props\n}) => (\n  <button\n    className={cn('w-full cursor-pointer', className)}\n    aria-label={`Open panel ${identifier}`}\n    onClick={(e) => {\n      const isIOS = checkIsIphoneOrSafariDevice();\n      if (isIOS) {\n        (e.currentTarget as HTMLButtonElement).focus({ preventScroll: true });\n      }\n    }}\n    onBlur={(e) => (e.currentTarget as HTMLButtonElement).blur()}\n    {...props}\n  >\n    {children}\n  </button>\n);\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  isFocusable?: boolean;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  identifier: string;\n  align?: 'start' | 'end';\n};\n\n/**\n * Component that opens a dropdown menu when the trigger is clicked.\n *\n * Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n *   <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n  children,\n  isHidden = undefined,\n  isOverable = false,\n  isFocusable = false,\n  align = 'start',\n  identifier,\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n      align === 'start' && 'left-0',\n      align === 'end' && 'right-0',\n      className\n    )}\n    aria-hidden={isHidden}\n    role=\"region\"\n    aria-labelledby={`unrollable-panel-button-${identifier}`}\n    id={`unrollable-panel-${identifier}`}\n  >\n    <MaxHeightSmoother\n      isHidden={isHidden}\n      className={cn(\n        'overflow-x-visible',\n        isHidden !== false ? 'invisible' : 'visible',\n        isOverable &&\n          'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n        isFocusable &&\n          'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n      )}\n      {...props}\n    >\n      {children}\n    </MaxHeightSmoother>\n  </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":[],"mappings":";;;;;;;;;;;;AAgCO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAChD,cAAY,cAAc,UAAU;AAAA,IACpC,SAAS,CAAC,MAAM;AACd,YAAM,QAAQ,4BAA4B;AAC1C,UAAI,OAAO;AACR,UAAE,cAAoC,MAAM,EAAE,eAAe,MAAM;AAAA,MAAA;AAAA,IAExE;AAAA,IACA,QAAQ,CAAC,MAAO,EAAE,cAAoC,KAAK;AAAA,IAC1D,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAqBF,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,UAAU,WAAW;AAAA,MACrB,UAAU,SAAS;AAAA,MACnB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,aAAa,QAAQ,cAAc;AAAA,UACnC,cACE;AAAA,UACF,eACE;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;"}

package/dist/components/Headers/SectionScroller.cjs

@@ -15,7 +15,7 @@ const SectionScroller = () => {
   };
   ReactExports.useEffect(() => {
     setHash(window.location.hash.slice(1));
-    window.addEventListener("hashchange", onHashChange);
+    window.addEventListener("hashchange", onHashChange, { passive: true });
     return () => window.removeEventListener("hashchange", onHashChange);
   }, []);
   ReactExports.useEffect(() => {

package/dist/components/Headers/SectionScroller.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionScroller.cjs","sources":["../../../src/components/Headers/SectionScroller.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nconst scrollToHash = (id: string) => {\n  const element = document.getElementById(id);\n  const offset = 150;\n  const y =\n    (element?.getBoundingClientRect()?.top ?? 0) + window.scrollY - offset;\n\n  window.scrollTo({ top: y, behavior: 'smooth' });\n};\n\nexport const SectionScroller = () => {\n  const [hash, setHash] = useState<string>();\n\n  const onHashChange = () => {\n    setHash(window.location.hash.slice(1));\n  };\n\n  useEffect(() => {\n    setHash(window.location.hash.slice(1));\n\n    window.addEventListener('hashchange', onHashChange);\n    return () => window.removeEventListener('hashchange', onHashChange);\n  }, []);\n\n  useEffect(() => {\n    if (hash) {\n      scrollToHash(hash);\n    }\n  }, [hash]);\n\n  return null;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIA,MAAM,eAAe,CAAC,OAAe;AAC7B,QAAA,UAAU,SAAS,eAAe,EAAE;AAC1C,QAAM,SAAS;AACf,QAAM,KACH,SAAS,sBAAA,GAAyB,OAAO,KAAK,OAAO,UAAU;AAElE,SAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAChD;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,MAAM,OAAO,IAAIA,sBAAiB;AAEzC,QAAM,eAAe,MAAM;AACzB,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAAA,EACvC;AAEAC,eAAAA,UAAU,MAAM;AACd,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAE9B,WAAA,iBAAiB,cAAc,YAAY;AAClD,WAAO,MAAM,OAAO,oBAAoB,cAAc,YAAY;AAAA,EACpE,GAAG,EAAE;AAELA,eAAAA,UAAU,MAAM;AACd,QAAI,MAAM;AACR,mBAAa,IAAI;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,IAAI,CAAC;AAEF,SAAA;AACT;;"}
+{"version":3,"file":"SectionScroller.cjs","sources":["../../../src/components/Headers/SectionScroller.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nconst scrollToHash = (id: string) => {\n  const element = document.getElementById(id);\n  const offset = 150;\n  const y =\n    (element?.getBoundingClientRect()?.top ?? 0) + window.scrollY - offset;\n\n  window.scrollTo({ top: y, behavior: 'smooth' });\n};\n\nexport const SectionScroller = () => {\n  const [hash, setHash] = useState<string>();\n\n  const onHashChange = () => {\n    setHash(window.location.hash.slice(1));\n  };\n\n  useEffect(() => {\n    setHash(window.location.hash.slice(1));\n\n    window.addEventListener('hashchange', onHashChange, { passive: true });\n    return () => window.removeEventListener('hashchange', onHashChange);\n  }, []);\n\n  useEffect(() => {\n    if (hash) {\n      scrollToHash(hash);\n    }\n  }, [hash]);\n\n  return null;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIA,MAAM,eAAe,CAAC,OAAe;AAC7B,QAAA,UAAU,SAAS,eAAe,EAAE;AAC1C,QAAM,SAAS;AACf,QAAM,KACH,SAAS,sBAAA,GAAyB,OAAO,KAAK,OAAO,UAAU;AAElE,SAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAChD;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,MAAM,OAAO,IAAIA,sBAAiB;AAEzC,QAAM,eAAe,MAAM;AACzB,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAAA,EACvC;AAEAC,eAAAA,UAAU,MAAM;AACd,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAErC,WAAO,iBAAiB,cAAc,cAAc,EAAE,SAAS,MAAM;AACrE,WAAO,MAAM,OAAO,oBAAoB,cAAc,YAAY;AAAA,EACpE,GAAG,EAAE;AAELA,eAAAA,UAAU,MAAM;AACd,QAAI,MAAM;AACR,mBAAa,IAAI;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,IAAI,CAAC;AAEF,SAAA;AACT;;"}

package/dist/components/Headers/SectionScroller.mjs

@@ -13,7 +13,7 @@ const SectionScroller = () => {
   };
   useEffect(() => {
     setHash(window.location.hash.slice(1));
-    window.addEventListener("hashchange", onHashChange);
+    window.addEventListener("hashchange", onHashChange, { passive: true });
     return () => window.removeEventListener("hashchange", onHashChange);
   }, []);
   useEffect(() => {

package/dist/components/Headers/SectionScroller.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionScroller.mjs","sources":["../../../src/components/Headers/SectionScroller.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nconst scrollToHash = (id: string) => {\n  const element = document.getElementById(id);\n  const offset = 150;\n  const y =\n    (element?.getBoundingClientRect()?.top ?? 0) + window.scrollY - offset;\n\n  window.scrollTo({ top: y, behavior: 'smooth' });\n};\n\nexport const SectionScroller = () => {\n  const [hash, setHash] = useState<string>();\n\n  const onHashChange = () => {\n    setHash(window.location.hash.slice(1));\n  };\n\n  useEffect(() => {\n    setHash(window.location.hash.slice(1));\n\n    window.addEventListener('hashchange', onHashChange);\n    return () => window.removeEventListener('hashchange', onHashChange);\n  }, []);\n\n  useEffect(() => {\n    if (hash) {\n      scrollToHash(hash);\n    }\n  }, [hash]);\n\n  return null;\n};\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,CAAC,OAAe;AAC7B,QAAA,UAAU,SAAS,eAAe,EAAE;AAC1C,QAAM,SAAS;AACf,QAAM,KACH,SAAS,sBAAA,GAAyB,OAAO,KAAK,OAAO,UAAU;AAElE,SAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAChD;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB;AAEzC,QAAM,eAAe,MAAM;AACzB,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAAA,EACvC;AAEA,YAAU,MAAM;AACd,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAE9B,WAAA,iBAAiB,cAAc,YAAY;AAClD,WAAO,MAAM,OAAO,oBAAoB,cAAc,YAAY;AAAA,EACpE,GAAG,EAAE;AAEL,YAAU,MAAM;AACd,QAAI,MAAM;AACR,mBAAa,IAAI;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,IAAI,CAAC;AAEF,SAAA;AACT;"}
+{"version":3,"file":"SectionScroller.mjs","sources":["../../../src/components/Headers/SectionScroller.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nconst scrollToHash = (id: string) => {\n  const element = document.getElementById(id);\n  const offset = 150;\n  const y =\n    (element?.getBoundingClientRect()?.top ?? 0) + window.scrollY - offset;\n\n  window.scrollTo({ top: y, behavior: 'smooth' });\n};\n\nexport const SectionScroller = () => {\n  const [hash, setHash] = useState<string>();\n\n  const onHashChange = () => {\n    setHash(window.location.hash.slice(1));\n  };\n\n  useEffect(() => {\n    setHash(window.location.hash.slice(1));\n\n    window.addEventListener('hashchange', onHashChange, { passive: true });\n    return () => window.removeEventListener('hashchange', onHashChange);\n  }, []);\n\n  useEffect(() => {\n    if (hash) {\n      scrollToHash(hash);\n    }\n  }, [hash]);\n\n  return null;\n};\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,CAAC,OAAe;AAC7B,QAAA,UAAU,SAAS,eAAe,EAAE;AAC1C,QAAM,SAAS;AACf,QAAM,KACH,SAAS,sBAAA,GAAyB,OAAO,KAAK,OAAO,UAAU;AAElE,SAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAChD;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB;AAEzC,QAAM,eAAe,MAAM;AACzB,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAAA,EACvC;AAEA,YAAU,MAAM;AACd,YAAQ,OAAO,SAAS,KAAK,MAAM,CAAC,CAAC;AAErC,WAAO,iBAAiB,cAAc,cAAc,EAAE,SAAS,MAAM;AACrE,WAAO,MAAM,OAAO,oBAAoB,cAAc,YAAY;AAAA,EACpE,GAAG,EAAE;AAEL,YAAU,MAAM;AACd,QAAI,MAAM;AACR,mBAAa,IAAI;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,IAAI,CAAC;AAEF,SAAA;AACT;"}

package/dist/components/HeightResizer/index.cjs

@@ -0,0 +1,96 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ReactExports = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const HeightResizer = ({
+  initialHeight,
+  maxHeight,
+  minHeight = 0,
+  children,
+  className,
+  ...props
+}) => {
+  const containerRef = ReactExports.useRef(null);
+  const [height, setHeight] = ReactExports.useState(initialHeight);
+  const [isResizing, setIsResizing] = ReactExports.useState(false);
+  const startResizing = ReactExports.useCallback(
+    (mouseDownEvent) => {
+      setIsResizing(true);
+      mouseDownEvent.preventDefault();
+    },
+    []
+  );
+  const stopResizing = ReactExports.useCallback(() => {
+    setIsResizing(false);
+  }, []);
+  const resize = ReactExports.useCallback(
+    (mouseMoveEvent) => {
+      const container = containerRef.current;
+      if (isResizing && container && parent) {
+        const { height: containerHeight, top: containerTop } = container.getBoundingClientRect();
+        let clientY = 0;
+        if (mouseMoveEvent instanceof MouseEvent) {
+          clientY = mouseMoveEvent.clientY;
+        } else if (mouseMoveEvent instanceof TouchEvent) {
+          clientY = mouseMoveEvent.touches[0].clientY;
+        }
+        const resizeDifference = clientY - containerTop;
+        const newHeight = containerHeight - resizeDifference;
+        const correctedHeight = Math.max(newHeight, 0);
+        setHeight(correctedHeight);
+      }
+    },
+    [isResizing]
+  );
+  ReactExports.useEffect(() => {
+    window.addEventListener("mousemove", resize, { passive: true });
+    window.addEventListener("mouseup", stopResizing);
+    window.addEventListener("touchmove", resize, { passive: true });
+    window.addEventListener("touchend", stopResizing);
+    return () => {
+      window.removeEventListener("mousemove", resize);
+      window.removeEventListener("mouseup", stopResizing);
+      window.removeEventListener("touchmove", resize);
+      window.removeEventListener("touchend", stopResizing);
+    };
+  }, [resize, stopResizing]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        minHeight && `max-w-[${maxHeight}px]`,
+        maxHeight && `min-w-[${minHeight}px]`,
+        "relative h-full w-full max-h-[80%] cursor-ns-resize border-t-[2px] border-neutral-200 transition dark:border-neutral-950",
+        'before:absolute before:top-0 before:z-10 before:left-1/2 before:block before:w-10 before:h-2 before:-translate-y-1/2 before:-translate-x-1/2 before:transform before:cursor-ns-resize before:rounded-full before:bg-neutral-200 before:transition before:content-[""] dark:before:bg-neutral-950',
+        "active:border-neutral-400 active:before:bg-neutral-400 dark:active:border-neutral-600 active:dark:before:bg-neutral-600",
+        className
+      ),
+      style: {
+        height: `${height}px`
+      },
+      ref: containerRef,
+      onMouseDown: startResizing,
+      onTouchStart: startResizing,
+      "aria-valuemin": minHeight,
+      "aria-valuemax": maxHeight,
+      "aria-valuenow": height,
+      "aria-label": "Resizable component",
+      role: "slider",
+      tabIndex: 0,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute left-0 top-0 size-full cursor-default overflow-hidden",
+          onMouseDown: (e) => e.stopPropagation(),
+          onTouchStart: (e) => e.stopPropagation(),
+          children
+        }
+      )
+    }
+  );
+};
+exports.HeightResizer = HeightResizer;
+//# sourceMappingURL=index.cjs.map

package/dist/components/HeightResizer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/HeightResizer/index.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  DetailedHTMLProps,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\ntype HeightResizerProps = {\n  initialHeight: number;\n  maxHeight?: number;\n  minHeight?: number;\n} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nexport const HeightResizer: FC<PropsWithChildren<HeightResizerProps>> = ({\n  initialHeight,\n  maxHeight,\n  minHeight = 0,\n  children,\n  className,\n  ...props\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState(initialHeight);\n  const [isResizing, setIsResizing] = useState(false);\n\n  // Handler to start resizing\n  const startResizing = useCallback(\n    (\n      mouseDownEvent:\n        | React.MouseEvent<HTMLDivElement>\n        | React.TouchEvent<HTMLDivElement>\n    ) => {\n      setIsResizing(true);\n      mouseDownEvent.preventDefault();\n    },\n    []\n  );\n\n  // Handler to stop resizing\n  const stopResizing = useCallback(() => {\n    setIsResizing(false);\n  }, []);\n\n  // Handler to resize the div\n  const resize = useCallback(\n    (mouseMoveEvent: MouseEvent | TouchEvent) => {\n      const container = containerRef.current;\n      if (isResizing && container && parent) {\n        const { height: containerHeight, top: containerTop } =\n          container.getBoundingClientRect();\n\n        let clientY = 0;\n        if (mouseMoveEvent instanceof MouseEvent) {\n          clientY = mouseMoveEvent.clientY;\n        } else if (mouseMoveEvent instanceof TouchEvent) {\n          clientY = mouseMoveEvent.touches[0].clientY;\n        }\n\n        const resizeDifference = clientY - containerTop;\n        const newHeight = containerHeight - resizeDifference;\n        const correctedHeight = Math.max(newHeight, 0);\n\n        setHeight(correctedHeight);\n      }\n    },\n    [isResizing]\n  );\n\n  // Add event listeners for mouse move and mouse up\n  useEffect(() => {\n    window.addEventListener('mousemove', resize, { passive: true });\n    window.addEventListener('mouseup', stopResizing);\n    window.addEventListener('touchmove', resize, { passive: true });\n    window.addEventListener('touchend', stopResizing);\n\n    return () => {\n      window.removeEventListener('mousemove', resize);\n      window.removeEventListener('mouseup', stopResizing);\n      window.removeEventListener('touchmove', resize);\n      window.removeEventListener('touchend', stopResizing);\n    };\n  }, [resize, stopResizing]);\n\n  return (\n    <div\n      className={cn(\n        minHeight && `max-w-[${maxHeight}px]`,\n        maxHeight && `min-w-[${minHeight}px]`,\n        'relative h-full w-full max-h-[80%] cursor-ns-resize border-t-[2px] border-neutral-200 transition dark:border-neutral-950',\n        'before:absolute before:top-0 before:z-10 before:left-1/2 before:block before:w-10 before:h-2 before:-translate-y-1/2 before:-translate-x-1/2 before:transform before:cursor-ns-resize before:rounded-full before:bg-neutral-200 before:transition before:content-[\"\"] dark:before:bg-neutral-950',\n        'active:border-neutral-400 active:before:bg-neutral-400 dark:active:border-neutral-600 active:dark:before:bg-neutral-600',\n        className\n      )}\n      style={{\n        height: `${height}px`,\n      }}\n      ref={containerRef}\n      onMouseDown={startResizing}\n      onTouchStart={startResizing}\n      aria-valuemin={minHeight}\n      aria-valuemax={maxHeight}\n      aria-valuenow={height}\n      aria-label=\"Resizable component\"\n      role=\"slider\"\n      tabIndex={0}\n      {...props}\n    >\n      <div\n        className=\"absolute left-0 top-0 size-full cursor-default overflow-hidden\"\n        onMouseDown={(e) => e.stopPropagation()}\n        onTouchStart={(e) => e.stopPropagation()}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["useRef","useState","useCallback","useEffect","jsx","cn"],"mappings":";;;;;;AAoBO,MAAM,gBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,eAAeA,oBAAuB,IAAI;AAChD,QAAM,CAAC,QAAQ,SAAS,IAAIC,aAAAA,SAAS,aAAa;AAClD,QAAM,CAAC,YAAY,aAAa,IAAIA,aAAAA,SAAS,KAAK;AAGlD,QAAM,gBAAgBC,aAAA;AAAA,IACpB,CACE,mBAGG;AACH,oBAAc,IAAI;AAClB,qBAAe,eAAe;AAAA,IAChC;AAAA,IACA,CAAA;AAAA,EACF;AAGM,QAAA,eAAeA,aAAAA,YAAY,MAAM;AACrC,kBAAc,KAAK;AAAA,EACrB,GAAG,EAAE;AAGL,QAAM,SAASA,aAAA;AAAA,IACb,CAAC,mBAA4C;AAC3C,YAAM,YAAY,aAAa;AAC3B,UAAA,cAAc,aAAa,QAAQ;AACrC,cAAM,EAAE,QAAQ,iBAAiB,KAAK,aAAa,IACjD,UAAU,sBAAsB;AAElC,YAAI,UAAU;AACd,YAAI,0BAA0B,YAAY;AACxC,oBAAU,eAAe;AAAA,QAAA,WAChB,0BAA0B,YAAY;AACrC,oBAAA,eAAe,QAAQ,CAAC,EAAE;AAAA,QAAA;AAGtC,cAAM,mBAAmB,UAAU;AACnC,cAAM,YAAY,kBAAkB;AACpC,cAAM,kBAAkB,KAAK,IAAI,WAAW,CAAC;AAE7C,kBAAU,eAAe;AAAA,MAAA;AAAA,IAE7B;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAGAC,eAAAA,UAAU,MAAM;AACd,WAAO,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM;AACvD,WAAA,iBAAiB,WAAW,YAAY;AAC/C,WAAO,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM;AACvD,WAAA,iBAAiB,YAAY,YAAY;AAEhD,WAAO,MAAM;AACJ,aAAA,oBAAoB,aAAa,MAAM;AACvC,aAAA,oBAAoB,WAAW,YAAY;AAC3C,aAAA,oBAAoB,aAAa,MAAM;AACvC,aAAA,oBAAoB,YAAY,YAAY;AAAA,IACrD;AAAA,EAAA,GACC,CAAC,QAAQ,YAAY,CAAC;AAGvB,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT,aAAa,UAAU,SAAS;AAAA,QAChC,aAAa,UAAU,SAAS;AAAA,QAChC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,QAAQ,GAAG,MAAM;AAAA,MACnB;AAAA,MACA,KAAK;AAAA,MACL,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAAD,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAa,CAAC,MAAM,EAAE,gBAAgB;AAAA,UACtC,cAAc,CAAC,MAAM,EAAE,gBAAgB;AAAA,UAEtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;;"}

package/dist/components/HeightResizer/index.d.ts

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, HTMLAttributes, FC, PropsWithChildren } from 'react';
+type HeightResizerProps = {
+    initialHeight: number;
+    maxHeight?: number;
+    minHeight?: number;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const HeightResizer: FC<PropsWithChildren<HeightResizerProps>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeightResizer/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EACZ,iBAAiB,EACjB,cAAc,EAKd,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;AAEtE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAuGnE,CAAC"}