@intlayer/design-system 2.0.12 → 3.0.0

package/dist/components/PressableSpan/PressableSpan.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { useRef, useState, useCallback, useEffect } from "react";
+import { cn } from "../../utils/cn.mjs";
+const DEFAULT_PRESS_DETECT_DURATION = 400;
+const PressableSpan = ({
+  children,
+  onPress: onSelect,
+  onClickOutside: onUnselect,
+  pressDuration = DEFAULT_PRESS_DETECT_DURATION,
+  isSelecting: isSelectingProp,
+  ...props
+}) => {
+  const divRef = useRef(null);
+  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);
+  const pressTimerRef = useRef(null);
+  const handleOnLongPress = () => {
+    setIsSelectingState(true);
+    onSelect();
+  };
+  const startPressTimer = () => {
+    pressTimerRef.current = setTimeout(() => {
+      handleOnLongPress();
+    }, pressDuration);
+  };
+  const clearPressTimer = () => {
+    if (pressTimerRef.current) {
+      clearTimeout(pressTimerRef.current);
+      pressTimerRef.current = null;
+    }
+  };
+  const handleMouseDown = () => {
+    clearPressTimer();
+    startPressTimer();
+  };
+  const handleMouseUp = () => {
+    clearPressTimer();
+  };
+  const handleClickOutside = useCallback(
+    (event) => {
+      if (divRef.current && !divRef.current.contains(event.target)) {
+        setIsSelectingState(false);
+        onUnselect?.();
+      }
+    },
+    [onUnselect]
+  );
+  useEffect(() => {
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [handleClickOutside]);
+  const handleOnClick = (e) => {
+    if (isSelectingState) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  const handleOnBlur = () => {
+    setIsSelectingState(false);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "span",
+    {
+      className: cn(
+        "inline cursor-pointer select-none rounded-md outline outline-2 outline-offset-4 outline-transparent transition-all delay-100 duration-200",
+        isSelectingProp ?? isSelectingState ? "outline-inherit" : "hover:outline-inherit"
+      ),
+      role: "button",
+      tabIndex: 0,
+      onKeyUp: () => null,
+      onClick: handleOnClick,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: handleMouseUp,
+      onTouchStart: handleMouseDown,
+      onTouchEnd: handleMouseUp,
+      onTouchCancel: handleMouseUp,
+      onBlur: handleOnBlur,
+      ref: divRef,
+      ...props,
+      children
+    }
+  );
+};
+export {
+  PressableSpan
+};
+//# sourceMappingURL=PressableSpan.mjs.map

package/dist/components/PressableSpan/PressableSpan.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableSpan.mjs","sources":["../../../src/components/PressableSpan/PressableSpan.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n  type FC,\n  type MouseEventHandler,\n  type HTMLAttributes,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 400;\n\ntype PressableDivProps = {\n  onPress: () => void;\n  onClickOutside?: () => void;\n  pressDuration?: number;\n  isSelecting?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const PressableSpan: FC<PressableDivProps> = ({\n  children,\n  onPress: onSelect,\n  onClickOutside: onUnselect,\n  pressDuration = DEFAULT_PRESS_DETECT_DURATION,\n  isSelecting: isSelectingProp,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleOnLongPress = () => {\n    setIsSelectingState(true);\n    onSelect();\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, pressDuration);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseUp = () => {\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsSelectingState(false);\n        onUnselect?.();\n      }\n    },\n    [onUnselect]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      // clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsSelectingState(false);\n  };\n\n  return (\n    <span\n      className={cn(\n        'inline cursor-pointer select-none rounded-md outline outline-2 outline-offset-4 outline-transparent transition-all delay-100 duration-200',\n        (isSelectingProp ?? isSelectingState)\n          ? 'outline-inherit'\n          : 'hover:outline-inherit'\n      )}\n      role=\"button\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      ref={divRef}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;AAaA,MAAM,gCAAgC;AAS/B,MAAM,gBAAuC,CAAC;AAAA,EACnD;AAAA,EACA,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACE,QAAA,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,eAAe;AAClE,QAAA,gBAAgB,OAA6C,IAAI;AAEvE,QAAM,oBAAoB,MAAM;AAC9B,wBAAoB,IAAI;AACf;EAAA;AAGX,QAAM,kBAAkB,MAAM;AACd,kBAAA,UAAU,WAAW,MAAM;AACrB;OACjB,aAAa;AAAA,EAAA;AAGlB,QAAM,kBAAkB,MAAM;AAC5B,QAAI,cAAc,SAAS;AACzB,mBAAa,cAAc,OAAO;AAClC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EAAA;AAGF,QAAM,kBAAkB,MAAM;AACZ;AACA;EAAA;AAGlB,QAAM,gBAAgB,MAAM;AACV;EAAA;AAIlB,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACjB,UAAA,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,4BAAoB,KAAK;AACZ;MACf;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGb,YAAU,MAAM;AAEL,aAAA,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AAEF,eAAA,oBAAoB,aAAa,kBAAkB;AAAA,IAAA;AAAA,EAE9D,GACC,CAAC,kBAAkB,CAAC;AAEjB,QAAA,gBAAmD,CAAC,MAAM;AAC9D,QAAI,kBAAkB;AACpB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EAAA;AAGF,QAAM,eAAe,MAAM;AAEzB,wBAAoB,KAAK;AAAA,EAAA;AAIzB,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACC,mBAAmB,mBAChB,oBACA;AAAA,MACN;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM;AAAA,MACf,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/PressableSpan/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_PressableSpan_PressableSpan = require("./PressableSpan.cjs");
+exports.PressableSpan = components_PressableSpan_PressableSpan.PressableSpan;
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,2 @@
+export * from './PressableSpan';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PressableSpan/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/PressableSpan/index.mjs

@@ -0,0 +1,5 @@
+import { PressableSpan } from "./PressableSpan.mjs";
+export {
+  PressableSpan
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/ProfileDropDown/index.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const components_Avatar_index = require("../Avatar/index.cjs");
+const components_Container_index = require("../Container/index.cjs");
+const components_DropDown_index = require("../DropDown/index.cjs");
+const DROPDOWN_IDENTIFIER = "profile";
+const ProfileDropDown = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_DropDown_index.DropDown, { identifier: DROPDOWN_IDENTIFIER, children: [
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DropDown_index.DropDown.Trigger, { identifier: DROPDOWN_IDENTIFIER, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Avatar_index.Avatar, { ...props }) }),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_DropDown_index.DropDown.Panel,
+    {
+      identifier: DROPDOWN_IDENTIFIER,
+      isFocusable: true,
+      isOverable: true,
+      align: "end",
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Container_index.Container, { className: "min-w-[100px] p-6", children })
+    }
+  )
+] });
+exports.ProfileDropDown = ProfileDropDown;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ProfileDropDown/index.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { type AvatarProps, Avatar } from '../Avatar';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\n\ntype ProfileDropDownProps = PropsWithChildren<AvatarProps>;\n\nconst DROPDOWN_IDENTIFIER = 'profile';\n\nexport const ProfileDropDown: FC<ProfileDropDownProps> = ({\n  children,\n  ...props\n}) => (\n  <DropDown identifier={DROPDOWN_IDENTIFIER}>\n    <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n      <Avatar {...props} />\n    </DropDown.Trigger>\n    <DropDown.Panel\n      identifier={DROPDOWN_IDENTIFIER}\n      isFocusable\n      isOverable\n      align=\"end\"\n    >\n      <Container className=\"min-w-[100px] p-6\">{children}</Container>\n    </DropDown.Panel>\n  </DropDown>\n);\n"],"names":["jsxs","DropDown","jsx","Avatar","Container"],"mappings":";;;;;;AAOA,MAAM,sBAAsB;AAErB,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA,KAACC,0BAAS,UAAA,EAAA,YAAY,qBACpB,UAAA;AAAA,EAACC,2BAAAA,kBAAAA,IAAAD,0BAAA,SAAS,SAAT,EAAiB,YAAY,qBAC5B,UAACC,2BAAAA,kBAAAA,IAAAC,wBAAAA,QAAA,EAAQ,GAAG,MAAA,CAAO,EACrB,CAAA;AAAA,EACAD,2BAAA,kBAAA;AAAA,IAACD,0BAAAA,SAAS;AAAA,IAAT;AAAA,MACC,YAAY;AAAA,MACZ,aAAW;AAAA,MACX,YAAU;AAAA,MACV,OAAM;AAAA,MAEN,UAACC,2BAAA,kBAAA,IAAAE,2BAAA,WAAA,EAAU,WAAU,qBAAqB,UAAS;AAAA,IAAA;AAAA,EACrD;AAAA,EACF,CAAA;;"}

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

@@ -4,3 +4,4 @@ import { AvatarProps } from '../Avatar';
 type ProfileDropDownProps = PropsWithChildren<AvatarProps>;
 export declare const ProfileDropDown: FC<ProfileDropDownProps>;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileDropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,WAAW,EAAU,MAAM,WAAW,CAAC;AAIrD,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAI3D,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiBpD,CAAC"}

package/dist/components/ProfileDropDown/index.mjs

@@ -0,0 +1,25 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { Avatar } from "../Avatar/index.mjs";
+import { Container } from "../Container/index.mjs";
+import { DropDown } from "../DropDown/index.mjs";
+const DROPDOWN_IDENTIFIER = "profile";
+const ProfileDropDown = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(DropDown, { identifier: DROPDOWN_IDENTIFIER, children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx(DropDown.Trigger, { identifier: DROPDOWN_IDENTIFIER, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar, { ...props }) }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropDown.Panel,
+    {
+      identifier: DROPDOWN_IDENTIFIER,
+      isFocusable: true,
+      isOverable: true,
+      align: "end",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { className: "min-w-[100px] p-6", children })
+    }
+  )
+] });
+export {
+  ProfileDropDown
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/ProfileDropDown/index.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { type AvatarProps, Avatar } from '../Avatar';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\n\ntype ProfileDropDownProps = PropsWithChildren<AvatarProps>;\n\nconst DROPDOWN_IDENTIFIER = 'profile';\n\nexport const ProfileDropDown: FC<ProfileDropDownProps> = ({\n  children,\n  ...props\n}) => (\n  <DropDown identifier={DROPDOWN_IDENTIFIER}>\n    <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n      <Avatar {...props} />\n    </DropDown.Trigger>\n    <DropDown.Panel\n      identifier={DROPDOWN_IDENTIFIER}\n      isFocusable\n      isOverable\n      align=\"end\"\n    >\n      <Container className=\"min-w-[100px] p-6\">{children}</Container>\n    </DropDown.Panel>\n  </DropDown>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;;AAOA,MAAM,sBAAsB;AAErB,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA,GAAG;AACL,MACEA,kCAAA,KAAC,UAAS,EAAA,YAAY,qBACpB,UAAA;AAAA,EAACC,kCAAAA,IAAA,SAAS,SAAT,EAAiB,YAAY,qBAC5B,UAACA,kCAAAA,IAAA,QAAA,EAAQ,GAAG,MAAA,CAAO,EACrB,CAAA;AAAA,EACAA,kCAAA;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC,YAAY;AAAA,MACZ,aAAW;AAAA,MACX,YAAU;AAAA,MACV,OAAM;AAAA,MAEN,UAACA,kCAAA,IAAA,WAAA,EAAU,WAAU,qBAAqB,UAAS;AAAA,IAAA;AAAA,EACrD;AAAA,EACF,CAAA;"}

package/dist/components/RightDrawer/RightDrawer.cjs

@@ -0,0 +1,89 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const hooks_useDevice = require("../../hooks/useDevice.cjs");
+const hooks_useScrollBlockage_index = require("../../hooks/useScrollBlockage/index.cjs");
+const utils_isElementAtTopAndNotCovered = require("../../utils/isElementAtTopAndNotCovered.cjs");
+const components_Container_index = require("../Container/index.cjs");
+const components_MaxWidthSmoother_index = require("../MaxWidthSmoother/index.cjs");
+const components_RightDrawer_useRightDrawerStore = require("./useRightDrawerStore.cjs");
+const RightDrawer = ({
+  title,
+  identifier,
+  children,
+  header,
+  closeOnOutsideClick = true,
+  backButton
+}) => {
+  const { isMobile } = hooks_useDevice.useDevice("md");
+  const panelRef = require$$0.useRef(null);
+  const childrenContainerRef = require$$0.useRef(null);
+  const { isOpen, close } = components_RightDrawer_useRightDrawerStore.useRightDrawerStore(identifier)();
+  hooks_useScrollBlockage_index.useScrollBlockage({
+    disableScroll: isOpen,
+    key: identifier ? "right_drawer" : "right_drawer_${identifier}"
+  });
+  require$$0.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (!panelRef.current) return;
+      const isClickAble = isOpen && closeOnOutsideClick;
+      const isClickOutside = !panelRef.current.contains(event.target);
+      const isAtTopAndVisible = utils_isElementAtTopAndNotCovered.isElementAtTopAndNotCovered(panelRef.current);
+      if (isClickAble && isClickOutside && isAtTopAndVisible) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [isOpen, close, closeOnOutsideClick]);
+  const handleSpareSpaceClick = (e) => {
+    if (e.target !== e.currentTarget) {
+      return;
+    }
+    if (isMobile) {
+      close();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "fixed right-0 top-0 z-50 flex h-full justify-end", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_MaxWidthSmoother_index.MaxWidthSmoother, { isHidden: !isOpen, align: "right", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    components_Container_index.Container,
+    {
+      className: "text-text dark:text-text-dark relative  flex h-screen w-screen flex-col md:w-[400px]",
+      ref: panelRef,
+      roundedSize: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 p-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: backButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+              "button",
+              {
+                className: "flex cursor-pointer flex-row items-center gap-1 text-left",
+                onClick: backButton.onBack,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ChevronLeft, {}),
+                  backButton?.text
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.X, { className: "ml-auto cursor-pointer", onClick: close })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("h2", { className: "flex items-center justify-center text-lg font-bold", children: title }),
+          header
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex h-full flex-col overflow-y-auto p-2", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "flex-1",
+            onClick: handleSpareSpaceClick,
+            ref: childrenContainerRef,
+            children
+          }
+        ) })
+      ]
+    }
+  ) }) });
+};
+exports.RightDrawer = RightDrawer;
+//# sourceMappingURL=RightDrawer.cjs.map

package/dist/components/RightDrawer/RightDrawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightDrawer.cjs","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["/* eslint-disable sonarjs/mouse-events-a11y */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  type FC,\n  useEffect,\n  useRef,\n  type MouseEventHandler,\n} from 'react';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { isElementAtTopAndNotCovered } from '../../utils/isElementAtTopAndNotCovered';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\ntype BackButtonProps = {\n  onBack: () => void;\n  text?: string;\n};\n\ntype RightDrawerProps = {\n  title?: ReactNode;\n  identifier: string;\n  children?: ReactNode;\n  header?: ReactNode;\n  closeOnOutsideClick?: boolean;\n  backButton?: BackButtonProps;\n};\n\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const { isOpen, close } = useRightDrawerStore(identifier)();\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? 'right_drawer' : 'right_drawer_${identifier}',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!panelRef.current) return;\n\n      // Check if drawer is open and click outside is enabled\n      const isClickAble = isOpen && closeOnOutsideClick;\n      // Check if click is outside the drawer panel\n      const isClickOutside = !panelRef.current.contains(event.target as Node);\n      // Check if event propagation has been stopped\n      const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n      if (isClickAble && isClickOutside && isAtTopAndVisible) {\n        close();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, close, closeOnOutsideClick]); // Make sure the effect runs only if isOpen or close changes\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      close();\n    }\n  };\n\n  return (\n    <div className=\"fixed right-0 top-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"text-text dark:text-text-dark relative  flex h-screen w-screen flex-col md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <button\n                    className=\"flex cursor-pointer flex-row items-center gap-1 text-left\"\n                    onClick={backButton.onBack}\n                  >\n                    <ChevronLeft />\n                    {backButton?.text}\n                  </button>\n                )}\n              </div>\n              <X className=\"ml-auto cursor-pointer\" onClick={close} />\n            </div>\n            <h2 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </h2>\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex-1\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"names":["useDevice","useRef","useRightDrawerStore","useScrollBlockage","useEffect","isElementAtTopAndNotCovered","jsx","MaxWidthSmoother","jsxs","Container","ChevronLeft","X"],"mappings":";;;;;;;;;;;;AAkCO,MAAM,cAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AACF,MAAM;AACJ,QAAM,EAAE,SAAA,IAAaA,gBAAA,UAAU,IAAI;AAC7B,QAAA,WAAWC,kBAAuB,IAAI;AACtC,QAAA,uBAAuBA,kBAAuB,IAAI;AACxD,QAAM,EAAE,QAAQ,MAAA,IAAUC,2CAAAA,oBAAoB,UAAU,EAAE;AAExCC,kDAAA;AAAA,IAChB,eAAe;AAAA,IACf,KAAK,aAAa,iBAAiB;AAAA,EAAA,CACpC;AAEDC,aAAAA,UAAU,MAAM;AACR,UAAA,qBAAqB,CAAC,UAAsB;AAC5C,UAAA,CAAC,SAAS,QAAS;AAGvB,YAAM,cAAc,UAAU;AAE9B,YAAM,iBAAiB,CAAC,SAAS,QAAQ,SAAS,MAAM,MAAc;AAEhE,YAAA,oBAAoBC,kCAAAA,4BAA4B,SAAS,OAAO;AAElE,UAAA,eAAe,kBAAkB,mBAAmB;AAChD;MACR;AAAA,IAAA;AAGO,aAAA,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EACxE,GAAA,CAAC,QAAQ,OAAO,mBAAmB,CAAC;AAEjC,QAAA,wBAA2D,CAAC,MAAM;AAElE,QAAA,EAAE,WAAW,EAAE,eAAe;AAChC;AAAA,IACF;AAEA,QAAI,UAAU;AACN;IACR;AAAA,EAAA;AAIA,SAAAC,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,2BAAA,kBAAA,IAACC,sDAAiB,UAAU,CAAC,QAAQ,OAAM,SACzC,UAAAC,2BAAA,kBAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK;AAAA,MACL,aAAY;AAAA,MAEZ,UAAA;AAAA,QAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAAF,2BAAAA,kBAAAA,IAAC,SACE,UACC,cAAAE,2BAAA,kBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,WAAW;AAAA,gBAEpB,UAAA;AAAA,kBAAAF,2BAAA,kBAAA,IAACI,YAAY,aAAA,EAAA;AAAA,kBACZ,YAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,GAGnB;AAAA,YACCJ,2BAAA,kBAAA,IAAAK,YAAA,GAAA,EAAE,WAAU,0BAAyB,SAAS,OAAO;AAAA,UAAA,GACxD;AAAA,UACCL,2BAAA,kBAAA,IAAA,MAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,UACC;AAAA,QAAA,GACH;AAAA,QAEAA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,4CACb,UAAAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS;AAAA,YACT,KAAK;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/components/RightDrawer/RightDrawer.d.ts

@@ -14,3 +14,4 @@ type RightDrawerProps = {
 };
 export declare const RightDrawer: FC<RightDrawerProps>;
 export {};
+//# sourceMappingURL=RightDrawer.d.ts.map

package/dist/components/RightDrawer/RightDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AAQf,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2F5C,CAAC"}

package/dist/components/RightDrawer/RightDrawer.mjs

@@ -0,0 +1,89 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { ChevronLeft, X } from "lucide-react";
+import { useRef, useEffect } from "react";
+import { useDevice } from "../../hooks/useDevice.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
+import { isElementAtTopAndNotCovered } from "../../utils/isElementAtTopAndNotCovered.mjs";
+import { Container } from "../Container/index.mjs";
+import { MaxWidthSmoother } from "../MaxWidthSmoother/index.mjs";
+import { useRightDrawerStore } from "./useRightDrawerStore.mjs";
+const RightDrawer = ({
+  title,
+  identifier,
+  children,
+  header,
+  closeOnOutsideClick = true,
+  backButton
+}) => {
+  const { isMobile } = useDevice("md");
+  const panelRef = useRef(null);
+  const childrenContainerRef = useRef(null);
+  const { isOpen, close } = useRightDrawerStore(identifier)();
+  useScrollBlockage({
+    disableScroll: isOpen,
+    key: identifier ? "right_drawer" : "right_drawer_${identifier}"
+  });
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (!panelRef.current) return;
+      const isClickAble = isOpen && closeOnOutsideClick;
+      const isClickOutside = !panelRef.current.contains(event.target);
+      const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);
+      if (isClickAble && isClickOutside && isAtTopAndVisible) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [isOpen, close, closeOnOutsideClick]);
+  const handleSpareSpaceClick = (e) => {
+    if (e.target !== e.currentTarget) {
+      return;
+    }
+    if (isMobile) {
+      close();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed right-0 top-0 z-50 flex h-full justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MaxWidthSmoother, { isHidden: !isOpen, align: "right", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Container,
+    {
+      className: "text-text dark:text-text-dark relative  flex h-screen w-screen flex-col md:w-[400px]",
+      ref: panelRef,
+      roundedSize: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 p-6", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: backButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                className: "flex cursor-pointer flex-row items-center gap-1 text-left",
+                onClick: backButton.onBack,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, {}),
+                  backButton?.text
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "ml-auto cursor-pointer", onClick: close })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "flex items-center justify-center text-lg font-bold", children: title }),
+          header
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full flex-col overflow-y-auto p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "flex-1",
+            onClick: handleSpareSpaceClick,
+            ref: childrenContainerRef,
+            children
+          }
+        ) })
+      ]
+    }
+  ) }) });
+};
+export {
+  RightDrawer
+};
+//# sourceMappingURL=RightDrawer.mjs.map

package/dist/components/RightDrawer/RightDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightDrawer.mjs","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["/* eslint-disable sonarjs/mouse-events-a11y */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  type FC,\n  useEffect,\n  useRef,\n  type MouseEventHandler,\n} from 'react';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { isElementAtTopAndNotCovered } from '../../utils/isElementAtTopAndNotCovered';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\ntype BackButtonProps = {\n  onBack: () => void;\n  text?: string;\n};\n\ntype RightDrawerProps = {\n  title?: ReactNode;\n  identifier: string;\n  children?: ReactNode;\n  header?: ReactNode;\n  closeOnOutsideClick?: boolean;\n  backButton?: BackButtonProps;\n};\n\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const { isOpen, close } = useRightDrawerStore(identifier)();\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? 'right_drawer' : 'right_drawer_${identifier}',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!panelRef.current) return;\n\n      // Check if drawer is open and click outside is enabled\n      const isClickAble = isOpen && closeOnOutsideClick;\n      // Check if click is outside the drawer panel\n      const isClickOutside = !panelRef.current.contains(event.target as Node);\n      // Check if event propagation has been stopped\n      const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n      if (isClickAble && isClickOutside && isAtTopAndVisible) {\n        close();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, close, closeOnOutsideClick]); // Make sure the effect runs only if isOpen or close changes\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      close();\n    }\n  };\n\n  return (\n    <div className=\"fixed right-0 top-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"text-text dark:text-text-dark relative  flex h-screen w-screen flex-col md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <button\n                    className=\"flex cursor-pointer flex-row items-center gap-1 text-left\"\n                    onClick={backButton.onBack}\n                  >\n                    <ChevronLeft />\n                    {backButton?.text}\n                  </button>\n                )}\n              </div>\n              <X className=\"ml-auto cursor-pointer\" onClick={close} />\n            </div>\n            <h2 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </h2>\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex-1\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;AAkCO,MAAM,cAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AACF,MAAM;AACJ,QAAM,EAAE,SAAA,IAAa,UAAU,IAAI;AAC7B,QAAA,WAAW,OAAuB,IAAI;AACtC,QAAA,uBAAuB,OAAuB,IAAI;AACxD,QAAM,EAAE,QAAQ,MAAA,IAAU,oBAAoB,UAAU,EAAE;AAExC,oBAAA;AAAA,IAChB,eAAe;AAAA,IACf,KAAK,aAAa,iBAAiB;AAAA,EAAA,CACpC;AAED,YAAU,MAAM;AACR,UAAA,qBAAqB,CAAC,UAAsB;AAC5C,UAAA,CAAC,SAAS,QAAS;AAGvB,YAAM,cAAc,UAAU;AAE9B,YAAM,iBAAiB,CAAC,SAAS,QAAQ,SAAS,MAAM,MAAc;AAEhE,YAAA,oBAAoB,4BAA4B,SAAS,OAAO;AAElE,UAAA,eAAe,kBAAkB,mBAAmB;AAChD;MACR;AAAA,IAAA;AAGO,aAAA,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EACxE,GAAA,CAAC,QAAQ,OAAO,mBAAmB,CAAC;AAEjC,QAAA,wBAA2D,CAAC,MAAM;AAElE,QAAA,EAAE,WAAW,EAAE,eAAe;AAChC;AAAA,IACF;AAEA,QAAI,UAAU;AACN;IACR;AAAA,EAAA;AAIA,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,kCAAA,IAAC,oBAAiB,UAAU,CAAC,QAAQ,OAAM,SACzC,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK;AAAA,MACL,aAAY;AAAA,MAEZ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAAD,kCAAAA,IAAC,SACE,UACC,cAAAC,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,WAAW;AAAA,gBAEpB,UAAA;AAAA,kBAAAD,kCAAA,IAAC,aAAY,EAAA;AAAA,kBACZ,YAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,GAGnB;AAAA,YACCA,kCAAA,IAAA,GAAA,EAAE,WAAU,0BAAyB,SAAS,OAAO;AAAA,UAAA,GACxD;AAAA,UACCA,kCAAA,IAAA,MAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,UACC;AAAA,QAAA,GACH;AAAA,QAEAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,4CACb,UAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS;AAAA,YACT,KAAK;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/RightDrawer/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_RightDrawer_RightDrawer = require("./RightDrawer.cjs");
+const components_RightDrawer_useRightDrawerStore = require("./useRightDrawerStore.cjs");
+exports.RightDrawer = components_RightDrawer_RightDrawer.RightDrawer;
+exports.createRightDrawerStore = components_RightDrawer_useRightDrawerStore.createRightDrawerStore;
+exports.useRightDrawerStore = components_RightDrawer_useRightDrawerStore.useRightDrawerStore;
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -1,2 +1,3 @@
 export * from './RightDrawer';
 export * from './useRightDrawerStore';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RightDrawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}

package/dist/components/RightDrawer/index.mjs

@@ -0,0 +1,8 @@
+import { RightDrawer } from "./RightDrawer.mjs";
+import { createRightDrawerStore, useRightDrawerStore } from "./useRightDrawerStore.mjs";
+export {
+  RightDrawer,
+  createRightDrawerStore,
+  useRightDrawerStore
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/RightDrawer/useRightDrawerStore.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const zustand = require("zustand");
+const createRightDrawerStore = () => zustand.create((set) => ({
+  isOpen: false,
+  open: () => set({ isOpen: true }),
+  close: () => set({ isOpen: false })
+}));
+const drawerStores = {};
+const useRightDrawerStore = (key) => {
+  if (!drawerStores[key]) {
+    drawerStores[key] = createRightDrawerStore();
+  }
+  return drawerStores[key];
+};
+exports.createRightDrawerStore = createRightDrawerStore;
+exports.useRightDrawerStore = useRightDrawerStore;
+//# sourceMappingURL=useRightDrawerStore.cjs.map

package/dist/components/RightDrawer/useRightDrawerStore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRightDrawerStore.cjs","sources":["../../../src/components/RightDrawer/useRightDrawerStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype RightDrawerStore = {\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n};\n\nexport const createRightDrawerStore = () =>\n  create<RightDrawerStore>((set) => ({\n    isOpen: false,\n    open: () => set({ isOpen: true }),\n    close: () => set({ isOpen: false }),\n  }));\n\nconst drawerStores: Record<\n  string,\n  ReturnType<typeof createRightDrawerStore>\n> = {};\n\nexport const useRightDrawerStore = (key: string) => {\n  // If a store doesn't exist for this key, create it.\n  if (!drawerStores[key]) {\n    drawerStores[key] = createRightDrawerStore();\n  }\n\n  // Return the store for the given key.\n  return drawerStores[key];\n};\n"],"names":["create"],"mappings":";;;AAQO,MAAM,yBAAyB,MACpCA,eAAyB,CAAC,SAAS;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM,MAAM,IAAI,EAAE,QAAQ,MAAM;AAAA,EAChC,OAAO,MAAM,IAAI,EAAE,QAAQ,OAAO;AACpC,EAAE;AAEJ,MAAM,eAGF,CAAA;AAES,MAAA,sBAAsB,CAAC,QAAgB;AAE9C,MAAA,CAAC,aAAa,GAAG,GAAG;AACT,iBAAA,GAAG,IAAI;EACtB;AAGA,SAAO,aAAa,GAAG;AACzB;;;"}

package/dist/components/RightDrawer/useRightDrawerStore.d.ts

@@ -6,3 +6,4 @@ type RightDrawerStore = {
 export declare const createRightDrawerStore: () => import('zustand').UseBoundStore<import('zustand').StoreApi<RightDrawerStore>>;
 export declare const useRightDrawerStore: (key: string) => import('zustand').UseBoundStore<import('zustand').StoreApi<RightDrawerStore>>;
 export {};
+//# sourceMappingURL=useRightDrawerStore.d.ts.map

package/dist/components/RightDrawer/useRightDrawerStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRightDrawerStore.d.ts","sourceRoot":"","sources":["../../../src/components/RightDrawer/useRightDrawerStore.ts"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qFAK9B,CAAC;AAON,eAAO,MAAM,mBAAmB,QAAS,MAAM,kFAQ9C,CAAC"}

package/dist/components/RightDrawer/useRightDrawerStore.mjs

@@ -0,0 +1,18 @@
+import { create } from "zustand";
+const createRightDrawerStore = () => create((set) => ({
+  isOpen: false,
+  open: () => set({ isOpen: true }),
+  close: () => set({ isOpen: false })
+}));
+const drawerStores = {};
+const useRightDrawerStore = (key) => {
+  if (!drawerStores[key]) {
+    drawerStores[key] = createRightDrawerStore();
+  }
+  return drawerStores[key];
+};
+export {
+  createRightDrawerStore,
+  useRightDrawerStore
+};
+//# sourceMappingURL=useRightDrawerStore.mjs.map

package/dist/components/RightDrawer/useRightDrawerStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRightDrawerStore.mjs","sources":["../../../src/components/RightDrawer/useRightDrawerStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype RightDrawerStore = {\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n};\n\nexport const createRightDrawerStore = () =>\n  create<RightDrawerStore>((set) => ({\n    isOpen: false,\n    open: () => set({ isOpen: true }),\n    close: () => set({ isOpen: false }),\n  }));\n\nconst drawerStores: Record<\n  string,\n  ReturnType<typeof createRightDrawerStore>\n> = {};\n\nexport const useRightDrawerStore = (key: string) => {\n  // If a store doesn't exist for this key, create it.\n  if (!drawerStores[key]) {\n    drawerStores[key] = createRightDrawerStore();\n  }\n\n  // Return the store for the given key.\n  return drawerStores[key];\n};\n"],"names":[],"mappings":";AAQO,MAAM,yBAAyB,MACpC,OAAyB,CAAC,SAAS;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM,MAAM,IAAI,EAAE,QAAQ,MAAM;AAAA,EAChC,OAAO,MAAM,IAAI,EAAE,QAAQ,OAAO;AACpC,EAAE;AAEJ,MAAM,eAGF,CAAA;AAES,MAAA,sBAAsB,CAAC,QAAgB;AAE9C,MAAA,CAAC,aAAa,GAAG,GAAG;AACT,iBAAA,GAAG,IAAI;EACtB;AAGA,SAAO,aAAa,GAAG;AACzB;"}