mimir-ui-kit 1.10.0 → 1.10.2

package/dist/components/Tag/Tag.js

@@ -1,99 +1,54 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useId, useState, useRef, useEffect } from "react";
-import { ZERO_STEP, EStepsSize, EStepsPrimaryColor, ID_SEPARATOR, EStepsColorType, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
-import { Icon } from "../../icons/Icon.js";
-import '../../assets/Steps.css';const container = "_container_j31xr_2";
-const step = "_step_j31xr_6";
-const editable = "_editable_j31xr_9";
-const PRIMARY = "_PRIMARY_j31xr_12";
-const GRAY = "_GRAY_j31xr_12";
-const CITRINE = "_CITRINE_j31xr_15";
-const SAPPHIRE = "_SAPPHIRE_j31xr_18";
-const SECONDARY = "_SECONDARY_j31xr_21";
-const WHITE = "_WHITE_j31xr_21";
-const LIGHT_SAPPHIRE = "_LIGHT_SAPPHIRE_j31xr_24";
-const LIGHT_GRAY = "_LIGHT_GRAY_j31xr_27";
-const disabled = "_disabled_j31xr_27";
+import { forwardRef } from "react";
+import { ETagSize, ETagType } from "./constants.js";
+import '../../assets/Tag.css';const container = "_container_1f2sk_2";
+const disabled = "_disabled_1f2sk_24";
+const inner = "_inner_1f2sk_29";
+const M = "_M_1f2sk_37";
+const S = "_S_1f2sk_41";
+const XS = "_XS_1f2sk_49";
 const cls = {
   container,
-  step,
-  editable,
-  PRIMARY,
-  GRAY,
-  CITRINE,
-  SAPPHIRE,
-  SECONDARY,
-  WHITE,
-  LIGHT_SAPPHIRE,
-  LIGHT_GRAY,
-  disabled
+  disabled,
+  inner,
+  M,
+  S,
+  XS
 };
-const Steps = forwardRef(
+const Tag = forwardRef(
   (props, ref) => {
     const {
       rootClassName,
-      stepClassName,
-      quantity,
-      current = ZERO_STEP,
-      editable: editable2 = false,
-      size = EStepsSize.M,
-      onClick,
+      innerClassName,
+      children,
+      size = ETagSize.M,
       disabled: disabled2 = false,
-      primaryColor = EStepsPrimaryColor.CITRINE,
-      secondaryColor = EStepsPrimaryColor.GRAY
+      elementType = ETagType.BUTTON,
+      backgroundColor = "",
+      color = "",
+      outline = false,
+      ...otherProps
     } = props;
-    const idPrefix = useId();
-    const [step2, setStep] = useState(current);
-    const [hoveredStep, setHoveredStep] = useState(null);
-    const stepWasChangedRef = useRef(null);
-    useEffect(() => {
-      setStep(current);
-    }, [current]);
-    const handleClick = (idx) => {
-      const clickedStep = idx + DIFF_BETWEEN_STEP_AND_INDEX;
-      stepWasChangedRef.current = true;
-      setStep(clickedStep !== step2 ? clickedStep : ZERO_STEP);
-    };
-    useEffect(() => {
-      if (stepWasChangedRef.current === true) {
-        onClick && onClick(step2);
-        stepWasChangedRef.current = false;
-      }
-    }, [onClick, step2]);
-    const handleMouseEnter = (evt) => {
-      const hoveredIdx = Number(evt.currentTarget.id.split(ID_SEPARATOR)[1]);
-      setHoveredStep(hoveredIdx);
-    };
-    const handleMouseLeave = () => {
-      setHoveredStep(null);
-    };
-    const buttons = Array.from({ length: quantity }, (_, idx) => {
-      const isPrimary = idx + DIFF_BETWEEN_STEP_AND_INDEX <= (hoveredStep !== null ? hoveredStep + DIFF_BETWEEN_STEP_AND_INDEX : step2);
-      const isSecondary = idx + DIFF_BETWEEN_STEP_AND_INDEX > (hoveredStep !== null ? hoveredStep + DIFF_BETWEEN_STEP_AND_INDEX : step2);
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          id: `${idPrefix}${ID_SEPARATOR}${idx}`,
-          className: classNames(cls.step, cls[size], stepClassName, {
-            [cls.editable]: editable2 && !disabled2,
-            [cls.disabled]: disabled2 || !editable2 && idx + 1 > step2,
-            [cls[EStepsColorType.PRIMARY]]: isPrimary,
-            [cls[EStepsColorType.SECONDARY]]: isSecondary,
-            [cls[primaryColor]]: isPrimary,
-            [cls[secondaryColor]]: isSecondary
-          }),
-          onClick: () => handleClick(idx),
-          onMouseEnter: handleMouseEnter,
-          onMouseLeave: handleMouseLeave,
-          children: /* @__PURE__ */ jsx(Icon, { iconName: "Step", ...StepSize[size] })
+    const Element = elementType === ETagType.BUTTON ? ETagType.BUTTON : ETagType.DIV;
+    return /* @__PURE__ */ jsx(
+      Element,
+      {
+        className: classNames(cls.container, cls[size], rootClassName, {
+          [cls.disabled]: disabled2
+        }),
+        ref,
+        style: {
+          backgroundColor: outline ? "transparent" : backgroundColor,
+          borderColor: backgroundColor,
+          color: outline ? backgroundColor : color
         },
-        idx
-      );
-    });
-    return /* @__PURE__ */ jsx("div", { className: classNames(cls.container, rootClassName), ref, children: buttons });
+        ...otherProps,
+        children: /* @__PURE__ */ jsx("span", { className: classNames(cls.inner, innerClassName), children })
+      }
+    );
   }
 );
 export {
-  Steps
+  Tag
 };

package/dist/components/Tag/constants.d.ts

@@ -1,41 +1,9 @@
-export declare const ZERO_STEP = 0;
-export declare const DIFF_BETWEEN_STEP_AND_INDEX = 1;
-export declare const ID_SEPARATOR = "-//-";
-export declare enum EStepsSize {
+export declare enum ETagSize {
     XS = "XS",
     S = "S",
-    M = "M",
-    L = "L"
+    M = "M"
 }
-export declare const StepSize: {
-    XS: {
-        width: number;
-        height: number;
-    };
-    S: {
-        width: number;
-        height: number;
-    };
-    M: {
-        width: number;
-        height: number;
-    };
-    L: {
-        width: number;
-        height: number;
-    };
-};
-export declare enum EStepsColorType {
-    PRIMARY = "PRIMARY",
-    SECONDARY = "SECONDARY"
-}
-export declare enum EStepsPrimaryColor {
-    GRAY = "GRAY",
-    CITRINE = "CITRINE",
-    SAPPHIRE = "SAPPHIRE"
-}
-export declare enum EStepsSecondaryColor {
-    LIGHT_GRAY = "LIGHT_GRAY",
-    LIGHT_SAPPHIRE = "LIGHT_SAPPHIRE",
-    WHITE = "WHITE"
+export declare enum ETagType {
+    DIV = "div",
+    BUTTON = "button"
 }

package/dist/components/Tag/constants.js

@@ -1,55 +1,15 @@
-const ZERO_STEP = 0;
-const DIFF_BETWEEN_STEP_AND_INDEX = 1;
-const ID_SEPARATOR = "-//-";
-var EStepsSize = /* @__PURE__ */ ((EStepsSize2) => {
-  EStepsSize2["XS"] = "XS";
-  EStepsSize2["S"] = "S";
-  EStepsSize2["M"] = "M";
-  EStepsSize2["L"] = "L";
-  return EStepsSize2;
-})(EStepsSize || {});
-const StepSize = {
-  XS: {
-    width: 19,
-    height: 8
-  },
-  S: {
-    width: 36,
-    height: 12
-  },
-  M: {
-    width: 48,
-    height: 21
-  },
-  L: {
-    width: 64,
-    height: 28
-  }
-};
-var EStepsColorType = /* @__PURE__ */ ((EStepsColorType2) => {
-  EStepsColorType2["PRIMARY"] = "PRIMARY";
-  EStepsColorType2["SECONDARY"] = "SECONDARY";
-  return EStepsColorType2;
-})(EStepsColorType || {});
-var EStepsPrimaryColor = /* @__PURE__ */ ((EStepsPrimaryColor2) => {
-  EStepsPrimaryColor2["GRAY"] = "GRAY";
-  EStepsPrimaryColor2["CITRINE"] = "CITRINE";
-  EStepsPrimaryColor2["SAPPHIRE"] = "SAPPHIRE";
-  return EStepsPrimaryColor2;
-})(EStepsPrimaryColor || {});
-var EStepsSecondaryColor = /* @__PURE__ */ ((EStepsSecondaryColor2) => {
-  EStepsSecondaryColor2["LIGHT_GRAY"] = "LIGHT_GRAY";
-  EStepsSecondaryColor2["LIGHT_SAPPHIRE"] = "LIGHT_SAPPHIRE";
-  EStepsSecondaryColor2["WHITE"] = "WHITE";
-  return EStepsSecondaryColor2;
-})(EStepsSecondaryColor || {});
+var ETagSize = /* @__PURE__ */ ((ETagSize2) => {
+  ETagSize2["XS"] = "XS";
+  ETagSize2["S"] = "S";
+  ETagSize2["M"] = "M";
+  return ETagSize2;
+})(ETagSize || {});
+var ETagType = /* @__PURE__ */ ((ETagType2) => {
+  ETagType2["DIV"] = "div";
+  ETagType2["BUTTON"] = "button";
+  return ETagType2;
+})(ETagType || {});
 export {
-  DIFF_BETWEEN_STEP_AND_INDEX,
-  EStepsColorType,
-  EStepsPrimaryColor,
-  EStepsSecondaryColor,
-  EStepsSize,
-  ID_SEPARATOR,
-  StepSize,
-  ZERO_STEP
+  ETagSize,
+  ETagType
 };

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

@@ -1,3 +1,2 @@
-export { Steps } from './Tag';
-export { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from './constants';
-export type { TCommonStepsProps } from './types';
+export { Tag } from './Tag';
+export { ETagSize, ETagType } from './constants';

package/dist/components/Tag/index.js

@@ -1,8 +1,7 @@
-import { Steps } from "./Tag.js";
-import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./constants.js";
+import { Tag } from "./Tag.js";
+import { ETagSize, ETagType } from "./constants.js";
 export {
-  EStepsPrimaryColor,
-  EStepsSecondaryColor,
-  EStepsSize,
-  Steps
+  ETagSize,
+  ETagType,
+  Tag
 };

package/dist/components/Tag/types.d.ts

@@ -1,6 +0,0 @@
-import { EStepsSize } from './constants';
-
-export type TSize = `${EStepsSize}` | EStepsSize;
-export type TCommonStepsProps = {
-    size?: TSize;
-};

package/dist/components/Timer/Timer.d.ts

@@ -0,0 +1,24 @@
+type TProps = {
+    /**
+     *  число, которое представляет собой временную метку, указывающую время, когда истекает таймер.
+     * const timer = new Date().getTime() + 60000; => таймер на 1 минуту
+     */
+    expiryTimestamp: number;
+    /**
+     * необязательное свойство типа boolean, которое указывает, должен ли таймер начинаться автоматически при создании компонента.
+     */
+    autoStart?: boolean;
+    /**
+     * необязательная функция, которая вызывается, когда таймер истекает.
+     */
+    onTimerEnd?: () => void;
+    /**
+     * Дополнительный класс.
+     */
+    className?: string;
+};
+/**
+ *  Компонент Timer отображает таймер с отсчетом времени в минутах и секундах.
+ */
+export declare const Timer: ({ expiryTimestamp, autoStart, onTimerEnd, className }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Timer/Timer.js

@@ -0,0 +1,29 @@
+import { jsxs } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { useTimer } from "../../hooks/useTimer/index.js";
+import '../../assets/Timer.css';const timer = "_timer_llwad_3";
+const cls = {
+  timer
+};
+const Timer = ({
+  expiryTimestamp,
+  autoStart = false,
+  onTimerEnd,
+  className
+}) => {
+  const { minutes, seconds } = useTimer({
+    expiryTimestamp,
+    onExpire: onTimerEnd,
+    autoStart
+  });
+  const formattedMinutes = String(minutes).padStart(2, "0");
+  const formattedSeconds = String(seconds).padStart(2, "0");
+  return /* @__PURE__ */ jsxs("div", { className: classNames(cls.timer, className), children: [
+    formattedMinutes,
+    ":",
+    formattedSeconds
+  ] });
+};
+export {
+  Timer
+};

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

@@ -0,0 +1 @@
+export { Timer } from './Timer';

package/dist/components/Timer/index.js

@@ -0,0 +1,4 @@
+import { Timer } from "./Timer.js";
+export {
+  Timer
+};

package/dist/components/index.d.ts

@@ -6,12 +6,22 @@ export type { TInputPasswordProps } from './InputPassword';
 export { InputPhoneNumber, getMaskedInputPhoneValue, getUnmaskedInputValue } from './InputPhoneNumber';
 export { OtpInput } from './OtpInput';
 export { RadioGroup } from './RadioGroup';
-export type { TRadioOption } from './RadioGroup';
+export type { TRadioOption, TRadioGroupProps } from './RadioGroup';
+export { DatePicker } from './DatePicker';
+export type { TDatePickerProps, TDatePickerValue } from './DatePicker';
 export { MergedButton } from './MergedButton';
 export { EMergedButtonVariantRound } from './MergedButton';
 export type { TButtonPropsWithoutStyles } from './MergedButton';
 export { Image } from './Image';
 export { Loader } from './Loader';
 export { Slider } from './Slider';
+export { Drawer } from './Drawer';
+export { EDrawerPosition } from './Drawer';
 export { Steps, EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize, type TCommonStepsProps } from './Steps';
 export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
+export { SelectSearch, ESelectSearchSize } from './SelectSearch';
+export type { TSelectSearchItem, TSelectSearchProps } from './SelectSearch';
+export { Switch } from './Switch';
+export type { TSwitchProps } from './Switch';
+export { Tag, ETagSize, ETagType } from './Tag';
+export { Timer } from './Timer';

package/dist/components/index.js

@@ -7,27 +7,42 @@ import { InputPhoneNumber } from "./InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./InputPhoneNumber/utils.js";
 import { OtpInput } from "./OtpInput/OtpInput.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
+import { DatePicker } from "./DatePicker/DatePicker.js";
 import { MergedButton } from "./MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound } from "./MergedButton/constants.js";
 import { AppImage } from "./Image/Image.js";
 import { Loader } from "./Loader/Loader.js";
 import { Slider } from "./Slider/Slider.js";
+import { Drawer } from "./Drawer/Drawer.js";
+import { EDrawerPosition } from "./Drawer/constants.js";
 import { Steps } from "./Steps/Steps.js";
 import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./Steps/constants.js";
 import { Vote } from "./Vote/Vote.js";
 import { EVoteSize } from "./Vote/constants.js";
+import { SelectSearch } from "./SelectSearch/SelectSearch.js";
+import { ESelectSearchSize } from "./SelectSearch/constants.js";
+import { Switch } from "./Switch/Switch.js";
+import { Tag } from "./Tag/Tag.js";
+import { ETagSize, ETagType } from "./Tag/constants.js";
+import { Timer } from "./Timer/Timer.js";
 export {
   Button,
+  DatePicker,
+  Drawer,
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
   EButtonVariantRound,
+  EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMergedButtonVariantRound,
+  ESelectSearchSize,
   EStepsPrimaryColor,
   EStepsSecondaryColor,
   EStepsSize,
+  ETagSize,
+  ETagType,
   EVoteSize,
   AppImage as Image,
   Input,
@@ -37,8 +52,12 @@ export {
   MergedButton,
   OtpInput,
   RadioGroup,
+  SelectSearch,
   Slider,
   Steps,
+  Switch,
+  Tag,
+  Timer,
   Vote,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue

package/dist/focus-management-CFDo6ZSc.js

@@ -0,0 +1,91 @@
+import { useCallback } from "react";
+import { u as u$1, a as u$2 } from "./label-BXAcSLy0.js";
+function l(e, r) {
+  return e !== null && r !== null && typeof e == "object" && typeof r == "object" && "id" in e && "id" in r ? e.id === r.id : e === r;
+}
+function u(e = l) {
+  return useCallback((r, t) => {
+    if (typeof e == "string") {
+      let o = e;
+      return (r == null ? void 0 : r[o]) === (t == null ? void 0 : t[o]);
+    }
+    return e(r, t);
+  }, [e]);
+}
+let f = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), p = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var F = ((n) => (n[n.First = 1] = "First", n[n.Previous = 2] = "Previous", n[n.Next = 4] = "Next", n[n.Last = 8] = "Last", n[n.WrapAround = 16] = "WrapAround", n[n.NoScroll = 32] = "NoScroll", n[n.AutoFocus = 64] = "AutoFocus", n))(F || {}), T = ((o) => (o[o.Error = 0] = "Error", o[o.Overflow = 1] = "Overflow", o[o.Success = 2] = "Success", o[o.Underflow = 3] = "Underflow", o))(T || {}), y = ((t) => (t[t.Previous = -1] = "Previous", t[t.Next = 1] = "Next", t))(y || {});
+function b(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(f)).sort((r, t) => Math.sign((r.tabIndex || Number.MAX_SAFE_INTEGER) - (t.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+function S(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(p)).sort((r, t) => Math.sign((r.tabIndex || Number.MAX_SAFE_INTEGER) - (t.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var h = ((t) => (t[t.Strict = 0] = "Strict", t[t.Loose = 1] = "Loose", t))(h || {});
+function A(e, r = 0) {
+  var t;
+  return e === ((t = u$1(e)) == null ? void 0 : t.body) ? false : u$2(r, { [0]() {
+    return e.matches(f);
+  }, [1]() {
+    let u2 = e;
+    for (; u2 !== null; ) {
+      if (u2.matches(f)) return true;
+      u2 = u2.parentElement;
+    }
+    return false;
+  } });
+}
+var H = ((t) => (t[t.Keyboard = 0] = "Keyboard", t[t.Mouse = 1] = "Mouse", t))(H || {});
+typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e) => {
+  e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true), document.addEventListener("click", (e) => {
+  e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true));
+let w = ["textarea", "input"].join(",");
+function O(e) {
+  var r, t;
+  return (t = (r = e == null ? void 0 : e.matches) == null ? void 0 : r.call(e, w)) != null ? t : false;
+}
+function _(e, r = (t) => t) {
+  return e.slice().sort((t, u2) => {
+    let o = r(t), c = r(u2);
+    if (o === null || c === null) return 0;
+    let l2 = o.compareDocumentPosition(c);
+    return l2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : l2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function P(e, r, { sorted: t = true, relativeTo: u2 = null, skipElements: o = [] } = {}) {
+  let c = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e.ownerDocument, l2 = Array.isArray(e) ? t ? _(e) : e : r & 64 ? S(e) : b(e);
+  o.length > 0 && l2.length > 1 && (l2 = l2.filter((s) => !o.some((a) => a != null && "current" in a ? (a == null ? void 0 : a.current) === s : a === s))), u2 = u2 != null ? u2 : c.activeElement;
+  let n = (() => {
+    if (r & 5) return 1;
+    if (r & 10) return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), x = (() => {
+    if (r & 1) return 0;
+    if (r & 2) return Math.max(0, l2.indexOf(u2)) - 1;
+    if (r & 4) return Math.max(0, l2.indexOf(u2)) + 1;
+    if (r & 8) return l2.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), M = r & 32 ? { preventScroll: true } : {}, m = 0, d = l2.length, i;
+  do {
+    if (m >= d || m + d <= 0) return 0;
+    let s = x + m;
+    if (r & 16) s = (s + d) % d;
+    else {
+      if (s < 0) return 3;
+      if (s >= d) return 1;
+    }
+    i = l2[s], i == null || i.focus(M), m += n;
+  } while (i !== c.activeElement);
+  return r & 6 && O(i) && i.select(), 2;
+}
+export {
+  A,
+  F,
+  P,
+  T,
+  _,
+  f,
+  h,
+  u
+};

package/dist/hooks/index.d.ts

@@ -1 +1,4 @@
 export { useMediaQuery, EMediaQuery } from './useMediaQuery';
+export { useLockBodyScroll } from './useLockBodyScroll';
+export { useInterval } from './useInterval';
+export { useTimer } from './useTimer';

package/dist/hooks/index.js

@@ -1,6 +1,12 @@
 import { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "./useMediaQuery/constants.js";
+import { useLockBodyScroll } from "./useLockBodyScroll/useLockBodyScroll.js";
+import { useInterval } from "./useInterval/useInterval.js";
+import { useTimer } from "./useTimer/index.js";
 export {
   EMediaQuery,
-  useMediaQuery
+  useInterval,
+  useLockBodyScroll,
+  useMediaQuery,
+  useTimer
 };

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

@@ -0,0 +1 @@
+export { useClickOutside } from './useClickOutside';

package/dist/hooks/useClickOutside/index.js

@@ -0,0 +1,4 @@
+import { useClickOutside } from "./useClickOutside.js";
+export {
+  useClickOutside
+};

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -0,0 +1,7 @@
+type TUseClickOutside = {
+    isActive: boolean;
+    setActive: (p: boolean) => void;
+    className: string;
+};
+export declare function useClickOutside({ isActive, setActive, className }: TUseClickOutside): void;
+export {};

package/dist/hooks/useClickOutside/useClickOutside.js

@@ -0,0 +1,25 @@
+import { useEffect } from "react";
+function useClickOutside({
+  isActive,
+  setActive,
+  className
+}) {
+  useEffect(() => {
+    const handleClickOtside = (e) => {
+      if (e.target) {
+        if (!e.target.closest("." + className)) {
+          setActive(false);
+          window.removeEventListener("click", handleClickOtside, true);
+        }
+      }
+    };
+    if (isActive) {
+      window.addEventListener("click", handleClickOtside, true);
+    } else {
+      window.removeEventListener("click", handleClickOtside, true);
+    }
+  }, [isActive]);
+}
+export {
+  useClickOutside
+};

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

@@ -0,0 +1 @@
+export { useInterval } from './useInterval';

package/dist/hooks/useInterval/index.js

@@ -0,0 +1,4 @@
+import { useInterval } from "./useInterval.js";
+export {
+  useInterval
+};

package/dist/hooks/useInterval/useInterval.d.ts

@@ -0,0 +1 @@
+export declare function useInterval(callback: VoidFunction, delay: number | null): void;

package/dist/hooks/useInterval/useInterval.js

@@ -0,0 +1,17 @@
+import { useRef, useEffect } from "react";
+function useInterval(callback, delay) {
+  const callbackRef = useRef();
+  callbackRef.current = callback;
+  useEffect(() => {
+    if (!delay) {
+      return;
+    }
+    const interval = setInterval(() => {
+      callbackRef.current && callbackRef.current();
+    }, delay);
+    return () => clearInterval(interval);
+  }, [delay]);
+}
+export {
+  useInterval
+};

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

@@ -0,0 +1 @@
+export { useLockBodyScroll } from './useLockBodyScroll';

package/dist/hooks/useLockBodyScroll/index.js

@@ -0,0 +1,4 @@
+import { useLockBodyScroll } from "./useLockBodyScroll.js";
+export {
+  useLockBodyScroll
+};

package/dist/hooks/useLockBodyScroll/useLockBodyScroll.d.ts

@@ -0,0 +1,6 @@
+type TUseLockBodyScroll = {
+    on?: boolean;
+    paddingRight?: number;
+};
+export declare function useLockBodyScroll({ on, paddingRight }: TUseLockBodyScroll): void;
+export {};

package/dist/hooks/useLockBodyScroll/useLockBodyScroll.js

@@ -0,0 +1,20 @@
+import { useLayoutEffect } from "react";
+function useLockBodyScroll({ on, paddingRight }) {
+  useLayoutEffect(() => {
+    const hasVerticalScrollbar = document.documentElement.scrollHeight > document.documentElement.clientHeight;
+    if (!on || !hasVerticalScrollbar) return;
+    const originalStyle = window.getComputedStyle(document.body).overflow;
+    const originalPaddingStyle = window.getComputedStyle(
+      document.body
+    ).paddingRight;
+    document.body.style.overflow = "hidden";
+    document.body.style.paddingRight = `${paddingRight}px`;
+    return () => {
+      document.body.style.overflow = originalStyle;
+      document.body.style.paddingRight = originalPaddingStyle;
+    };
+  }, [on, paddingRight]);
+}
+export {
+  useLockBodyScroll
+};