@janbox/storefront-ui 1.0.15 → 1.0.16

package/dist/hooks/use-countdown-timer.js

@@ -1,80 +1,85 @@
-import { useRef, useState } from 'react';
-import dayjs from 'dayjs';
-import { useDeepCompareEffect } from './use-deep-compare-effect';
+import { useRef, useState } from "react";
+import dayjs from "dayjs";
+import { useDeepCompareEffect } from "./use-deep-compare-effect/index.js";
 const getTimeDiff = (end, omit) => {
-    const now = dayjs();
-    const target = dayjs(end);
-    const totalSeconds = target.diff(now, 'second');
-    const totalMinutes = target.diff(now, 'minute');
-    const totalHours = target.diff(now, 'hour');
-    const totalDays = target.diff(now, 'day');
-    const totalWeeks = target.diff(now, 'week');
-    const totalMonths = target.diff(now, 'month');
-    const totalYears = target.diff(now, 'year');
-    let temp = now;
-    const years = Math.max(target.diff(temp, 'year'), 0);
-    if (!omit.years) {
-        temp = temp.add(years, 'year');
-    }
-    const months = Math.max(target.diff(temp, 'month'), 0);
-    if (!omit.months) {
-        temp = temp.add(months, 'month');
-    }
-    const weeks = Math.max(target.diff(temp, 'week'), 0);
-    if (!omit.weeks) {
-        temp = temp.add(weeks, 'week');
-    }
-    const days = Math.max(target.diff(temp, 'day'), 0);
-    if (!omit.days) {
-        temp = temp.add(days, 'day');
-    }
-    const hours = Math.max(target.diff(temp, 'hour'), 0);
-    if (!omit.hours) {
-        temp = temp.add(hours, 'hour');
-    }
-    const minutes = Math.max(target.diff(temp, 'minute'), 0);
-    if (!omit.minutes) {
-        temp = temp.add(minutes, 'minute');
+  const now = dayjs();
+  const target = dayjs(end);
+  const totalSeconds = target.diff(now, "second");
+  const totalMinutes = target.diff(now, "minute");
+  const totalHours = target.diff(now, "hour");
+  const totalDays = target.diff(now, "day");
+  const totalWeeks = target.diff(now, "week");
+  const totalMonths = target.diff(now, "month");
+  const totalYears = target.diff(now, "year");
+  let temp = now;
+  const years = Math.max(target.diff(temp, "year"), 0);
+  if (!omit.years) {
+    temp = temp.add(years, "year");
+  }
+  const months = Math.max(target.diff(temp, "month"), 0);
+  if (!omit.months) {
+    temp = temp.add(months, "month");
+  }
+  const weeks = Math.max(target.diff(temp, "week"), 0);
+  if (!omit.weeks) {
+    temp = temp.add(weeks, "week");
+  }
+  const days = Math.max(target.diff(temp, "day"), 0);
+  if (!omit.days) {
+    temp = temp.add(days, "day");
+  }
+  const hours = Math.max(target.diff(temp, "hour"), 0);
+  if (!omit.hours) {
+    temp = temp.add(hours, "hour");
+  }
+  const minutes = Math.max(target.diff(temp, "minute"), 0);
+  if (!omit.minutes) {
+    temp = temp.add(minutes, "minute");
+  }
+  const seconds = Math.max(target.diff(temp, "second"), 0);
+  return {
+    years,
+    months,
+    weeks,
+    days,
+    hours,
+    minutes,
+    seconds,
+    isFinished: totalSeconds <= 0,
+    totalSeconds,
+    totalMinutes,
+    totalHours,
+    totalDays,
+    totalWeeks,
+    totalMonths,
+    totalYears
+  };
+};
+const useCountdownTimer = ({ date = /* @__PURE__ */ new Date(), onFinish, omit = {} }) => {
+  const finishFn = useRef(onFinish);
+  const [timeDiff, setTimeDiff] = useState(getTimeDiff(dayjs(date).toDate(), omit));
+  finishFn.current = onFinish;
+  useDeepCompareEffect(() => {
+    var _a;
+    const diff = getTimeDiff(date, omit);
+    setTimeDiff(diff);
+    if (diff.isFinished) {
+      (_a = finishFn.current) == null ? void 0 : _a.call(finishFn);
+      return;
     }
-    const seconds = Math.max(target.diff(temp, 'second'), 0);
-    return {
-        years,
-        months,
-        weeks,
-        days,
-        hours,
-        minutes,
-        seconds,
-        isFinished: totalSeconds <= 0,
-        totalSeconds,
-        totalMinutes,
-        totalHours,
-        totalDays,
-        totalWeeks,
-        totalMonths,
-        totalYears,
-    };
+    const interval = setInterval(() => {
+      var _a2;
+      const diff2 = getTimeDiff(date, omit);
+      setTimeDiff(diff2);
+      if (diff2.isFinished) {
+        (_a2 = finishFn.current) == null ? void 0 : _a2.call(finishFn);
+        clearInterval(interval);
+      }
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [date, omit]);
+  return timeDiff;
 };
-export const useCountdownTimer = ({ date = new Date(), onFinish, omit = {} }) => {
-    const finishFn = useRef(onFinish);
-    const [timeDiff, setTimeDiff] = useState(getTimeDiff(dayjs(date).toDate(), omit));
-    finishFn.current = onFinish;
-    useDeepCompareEffect(() => {
-        const diff = getTimeDiff(date, omit);
-        setTimeDiff(diff);
-        if (diff.isFinished) {
-            finishFn.current?.();
-            return;
-        }
-        const interval = setInterval(() => {
-            const diff = getTimeDiff(date, omit);
-            setTimeDiff(diff);
-            if (diff.isFinished) {
-                finishFn.current?.();
-                clearInterval(interval);
-            }
-        }, 1000);
-        return () => clearInterval(interval);
-    }, [date, omit]);
-    return timeDiff;
+export {
+  useCountdownTimer
 };

package/dist/hooks/use-deep-compare-effect/index.d.ts

@@ -1,2 +1,3 @@
-import { DependencyList, EffectCallback } from "react";
+import { DependencyList, EffectCallback } from 'react';
 export declare const useDeepCompareEffect: (effect: EffectCallback, deps: DependencyList) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-deep-compare-effect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-deep-compare-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAc1E,eAAO,MAAM,oBAAoB,WACvB,cAAc,QAChB,cAAc,SAGrB,CAAC"}

package/dist/hooks/use-deep-compare-effect/index.js

@@ -1,12 +1,15 @@
 import { useEffect, useRef } from "react";
 import { isEqual } from "lodash-es";
 function useDeepCompareMemoize(deps) {
-    const ref = useRef(deps);
-    if (!isEqual(deps, ref.current)) {
-        ref.current = deps;
-    }
-    return ref.current;
+  const ref = useRef(deps);
+  if (!isEqual(deps, ref.current)) {
+    ref.current = deps;
+  }
+  return ref.current;
 }
-export const useDeepCompareEffect = (effect, deps) => {
-    useEffect(effect, useDeepCompareMemoize(deps));
+const useDeepCompareEffect = (effect, deps) => {
+  useEffect(effect, useDeepCompareMemoize(deps));
+};
+export {
+  useDeepCompareEffect
 };

package/dist/hooks/use-first-mount-state/index.d.ts

@@ -1 +1,2 @@
 export declare function useFirstMountState(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-first-mount-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-first-mount-state/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,YAUjC"}

package/dist/hooks/use-first-mount-state/index.js

@@ -1,9 +1,12 @@
 import { useRef } from "react";
-export function useFirstMountState() {
-    const isFirst = useRef(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
-    return isFirst.current;
+function useFirstMountState() {
+  const isFirst = useRef(true);
+  if (isFirst.current) {
+    isFirst.current = false;
+    return true;
+  }
+  return isFirst.current;
 }
+export {
+  useFirstMountState
+};

package/dist/hooks/use-hover-line-effect/index.d.ts

@@ -9,3 +9,4 @@ export declare const useHoverLineEffect: (options?: UseHoverLineEffectOptions) =
     style: React.CSSProperties;
 };
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-hover-line-effect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-hover-line-effect/index.ts"],"names":[],"mappings":"AAMA,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAAa,yBAAyB;;WAYpD,KAAK,CAAC,aAAa;CAGnC,CAAC"}

package/dist/hooks/use-hover-line-effect/index.js

@@ -1,18 +1,19 @@
-import { useMemo } from 'react';
-import { isNumber } from 'lodash-es';
-import classes from './use-hover-line-effect.module.scss';
-export const useHoverLineEffect = (options = {}) => {
-    const { color = 'currentColor', duration = 300, height = 1, enabled = true } = options;
-    return useMemo(() => {
-        return {
-            className: enabled ? classes.hover_line_effect : '',
-            style: (enabled
-                ? {
-                    '--hover-line-color': color,
-                    '--hover-line-duration': `${duration}ms`,
-                    '--hover-line-height': isNumber(height) ? `${height}px` : height,
-                }
-                : {}),
-        };
-    }, [color, duration, enabled, height]);
+import { useMemo } from "react";
+import { isNumber } from "lodash-es";
+import classes from "./use-hover-line-effect.module.scss.js";
+const useHoverLineEffect = (options = {}) => {
+  const { color = "currentColor", duration = 300, height = 1, enabled = true } = options;
+  return useMemo(() => {
+    return {
+      className: enabled ? classes.hover_line_effect : "",
+      style: enabled ? {
+        "--hover-line-color": color,
+        "--hover-line-duration": `${duration}ms`,
+        "--hover-line-height": isNumber(height) ? `${height}px` : height
+      } : {}
+    };
+  }, [color, duration, enabled, height]);
+};
+export {
+  useHoverLineEffect
 };

package/dist/hooks/use-hover-line-effect/use-hover-line-effect.module.scss.js

@@ -0,0 +1,8 @@
+const hover_line_effect = "_hover_line_effect_dv0bz_1";
+const classes = {
+  hover_line_effect
+};
+export {
+  classes as default,
+  hover_line_effect
+};

package/dist/hooks/use-is-hydrated/index.d.ts

@@ -1 +1,2 @@
 export declare function useIsHydrated(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-is-hydrated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-is-hydrated/index.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,YAQ5B"}

package/dist/hooks/use-is-hydrated/index.js

@@ -1,9 +1,11 @@
-// Example using a custom hook approach
-import { useState, useEffect } from 'react';
-export function useIsHydrated() {
-    const [isHydrated, setIsHydrated] = useState(false);
-    useEffect(() => {
-        setIsHydrated(true);
-    }, []);
-    return isHydrated;
+import { useState, useEffect } from "react";
+function useIsHydrated() {
+  const [isHydrated, setIsHydrated] = useState(false);
+  useEffect(() => {
+    setIsHydrated(true);
+  }, []);
+  return isHydrated;
 }
+export {
+  useIsHydrated
+};

package/dist/hooks/use-query-params.d.ts

@@ -17,3 +17,4 @@ export declare function useQueryParams<T extends Record<string, any>>(config: Qu
     setQueryParams: (newParams: Partial<T>, navigateOpts?: NavigateOptions) => void;
 };
 export {};
+//# sourceMappingURL=use-query-params.d.ts.map

package/dist/hooks/use-query-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-query-params.d.ts","sourceRoot":"","sources":["../../src/hooks/use-query-params.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAmB,MAAM,cAAc,CAAC;AAIhE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAEnD,KAAK,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI;IAC9B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;KACzD,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACzC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1D,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC5B,mBAAmB,GAAE,OAAO,CAAC,eAAe,CAAM;;gCAwBpC,OAAO,CAAC,CAAC,CAAC,iBAAgB,eAAe;EAgCxD"}

package/dist/hooks/use-query-params.js

@@ -1,46 +1,53 @@
-import { useCallback, useMemo, useRef } from 'react';
-import { isNil, isPlainObject, set } from 'lodash-es';
-import { useSearchParams } from 'react-router';
-import { simplifyQueryParams } from '../utils/query-params';
-/**
- * Hook để lấy và parse query parameters từ URL
- * @param config Cấu hình cho việc transform và giá trị mặc định
- * @returns [queryParams, setQueryParams] - Tuple chứa giá trị parsed và hàm update
- */
-export function useQueryParams(config, defaultNavigateOpts = {}) {
-    const [searchParams, setSearchParams] = useSearchParams();
-    const defaultNavigateOptsRef = useRef(defaultNavigateOpts);
-    defaultNavigateOptsRef.current = defaultNavigateOpts;
-    const queryParams = useMemo(() => {
-        const result = {};
-        Object.keys(config).forEach((key) => {
-            const paramConfig = config[key];
-            if (isPlainObject(paramConfig) && 'parser' in paramConfig) {
-                set(result, key, paramConfig.parser(searchParams.get(key)));
-                return;
+import { useRef, useMemo, useCallback } from "react";
+import { isPlainObject, set, isNil } from "lodash-es";
+import { useSearchParams } from "react-router";
+import { simplifyQueryParams } from "../utils/query-params.js";
+function useQueryParams(config, defaultNavigateOpts = {}) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const defaultNavigateOptsRef = useRef(defaultNavigateOpts);
+  defaultNavigateOptsRef.current = defaultNavigateOpts;
+  const queryParams = useMemo(() => {
+    const result = {};
+    Object.keys(config).forEach((key) => {
+      const paramConfig = config[key];
+      if (isPlainObject(paramConfig) && "parser" in paramConfig) {
+        set(result, key, paramConfig.parser(searchParams.get(key)));
+        return;
+      }
+      set(result, key, paramConfig);
+    });
+    return result;
+  }, [searchParams, config]);
+  const setQueryParams = useCallback(
+    (newParams, navigateOpts = {}) => {
+      setSearchParams(
+        (prev) => {
+          const simplifyParams = simplifyQueryParams(newParams);
+          Object.keys(newParams).forEach((key) => {
+            const value = simplifyParams[key];
+            if (isNil(value)) {
+              return prev.delete(key);
             }
-            set(result, key, paramConfig);
-        });
-        return result;
-    }, [searchParams, config]);
-    const setQueryParams = useCallback((newParams, navigateOpts = {}) => {
-        setSearchParams((prev) => {
-            const simplifyParams = simplifyQueryParams(newParams);
-            Object.keys(newParams).forEach((key) => {
-                const value = simplifyParams[key];
-                if (isNil(value)) {
-                    return prev.delete(key);
-                }
-                return prev.set(key, value);
-            });
-            return prev;
-        }, {
-            ...defaultNavigateOptsRef.current,
-            ...navigateOpts,
-        });
-    }, [setSearchParams]);
-    return useMemo(() => ({
-        queryParams,
-        setQueryParams,
-    }), [queryParams, setQueryParams]);
+            return prev.set(key, value);
+          });
+          return prev;
+        },
+        {
+          ...defaultNavigateOptsRef.current,
+          ...navigateOpts
+        }
+      );
+    },
+    [setSearchParams]
+  );
+  return useMemo(
+    () => ({
+      queryParams,
+      setQueryParams
+    }),
+    [queryParams, setQueryParams]
+  );
 }
+export {
+  useQueryParams
+};

package/dist/hooks/use-ripple-effect/index.d.ts

@@ -30,3 +30,4 @@ export declare const useRippleEffect: (ref: RefObject<HTMLElement | null>, { ena
     className: string;
 };
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-ripple-effect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-ripple-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAmC,MAAM,OAAO,CAAC;AAI/E,KAAK,sBAAsB,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,eAAe,QACrB,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,2DAO/B,sBAAsB;;CAwE1B,CAAC"}

package/dist/hooks/use-ripple-effect/index.js

@@ -1,52 +1,69 @@
-import { useCallback, useEffect, useMemo } from 'react';
-import classes from './use-ripple-effect.module.scss';
-export const useRippleEffect = (ref, { enabled = true, color = 'currentColor', duration = 400, opacity = 0.2, sizeMultiplier = 1, } = {}) => {
-    const createRippleCircle = useCallback((event) => {
-        const { currentTarget, clientX, clientY } = event;
-        const { clientHeight, clientWidth } = currentTarget;
-        const { left: offsetLeft, top: offsetTop } = currentTarget.getBoundingClientRect();
-        const circleLeft = clientX - offsetLeft;
-        const circleTop = clientY - offsetTop;
-        const circleRight = offsetLeft + clientWidth - clientX;
-        const circleBottom = offsetTop + clientHeight - clientY;
-        const radius = Math.max(circleLeft, circleTop, circleRight, circleBottom) * sizeMultiplier;
-        const circle = document.createElement('div');
-        circle.style.width = circle.style.height = `${radius * 2}px`;
-        circle.style.left = `${circleLeft - radius}px`;
-        circle.style.top = `${circleTop - radius}px`;
-        circle.classList.add(classes.ripple_effect__circle);
-        circle.style.setProperty('--ripple-color', color);
-        circle.style.setProperty('--ripple-duration', `${duration}ms`);
-        circle.style.setProperty('--ripple-opacity', opacity.toString());
-        return circle;
-    }, [color, duration, opacity, sizeMultiplier]);
-    const start = useCallback((event) => {
-        if (!enabled)
-            return;
-        const circle = createRippleCircle(event);
-        const handleAnimationEnd = (ev) => {
-            if (!ev.target)
-                return;
-            ev.target.remove();
-        };
-        circle.addEventListener('animationend', handleAnimationEnd);
-        ref.current?.appendChild(circle);
-    }, [createRippleCircle, enabled, ref]);
-    useEffect(() => {
-        if (!enabled)
-            return;
-        const targetElement = ref.current;
-        const handleClick = (e) => {
-            start(e);
-        };
-        targetElement?.addEventListener('click', handleClick);
-        return () => {
-            targetElement?.removeEventListener('click', handleClick);
-            // Cleanup any remaining ripple circles
-            Array.from(targetElement?.getElementsByClassName(classes.ripple_effect__circle) ?? []).forEach((circle) => circle.remove());
-        };
-    }, [start, enabled, ref]);
-    return useMemo(() => ({
-        className: classes.ripple_effect,
-    }), []);
+import { useCallback, useEffect, useMemo } from "react";
+import classes from "./use-ripple-effect.module.scss.js";
+const useRippleEffect = (ref, {
+  enabled = true,
+  color = "currentColor",
+  duration = 400,
+  opacity = 0.2,
+  sizeMultiplier = 1
+} = {}) => {
+  const createRippleCircle = useCallback(
+    (event) => {
+      const { currentTarget, clientX, clientY } = event;
+      const { clientHeight, clientWidth } = currentTarget;
+      const { left: offsetLeft, top: offsetTop } = currentTarget.getBoundingClientRect();
+      const circleLeft = clientX - offsetLeft;
+      const circleTop = clientY - offsetTop;
+      const circleRight = offsetLeft + clientWidth - clientX;
+      const circleBottom = offsetTop + clientHeight - clientY;
+      const radius = Math.max(circleLeft, circleTop, circleRight, circleBottom) * sizeMultiplier;
+      const circle = document.createElement("div");
+      circle.style.width = circle.style.height = `${radius * 2}px`;
+      circle.style.left = `${circleLeft - radius}px`;
+      circle.style.top = `${circleTop - radius}px`;
+      circle.classList.add(classes.ripple_effect__circle);
+      circle.style.setProperty("--ripple-color", color);
+      circle.style.setProperty("--ripple-duration", `${duration}ms`);
+      circle.style.setProperty("--ripple-opacity", opacity.toString());
+      return circle;
+    },
+    [color, duration, opacity, sizeMultiplier]
+  );
+  const start = useCallback(
+    (event) => {
+      var _a;
+      if (!enabled) return;
+      const circle = createRippleCircle(event);
+      const handleAnimationEnd = (ev) => {
+        if (!ev.target) return;
+        ev.target.remove();
+      };
+      circle.addEventListener("animationend", handleAnimationEnd);
+      (_a = ref.current) == null ? void 0 : _a.appendChild(circle);
+    },
+    [createRippleCircle, enabled, ref]
+  );
+  useEffect(() => {
+    if (!enabled) return;
+    const targetElement = ref.current;
+    const handleClick = (e) => {
+      start(e);
+    };
+    targetElement == null ? void 0 : targetElement.addEventListener("click", handleClick);
+    return () => {
+      targetElement == null ? void 0 : targetElement.removeEventListener("click", handleClick);
+      Array.from((targetElement == null ? void 0 : targetElement.getElementsByClassName(classes.ripple_effect__circle)) ?? []).forEach(
+        (circle) => circle.remove()
+      );
+    };
+  }, [start, enabled, ref]);
+  return useMemo(
+    () => ({
+      className: classes.ripple_effect
+    }),
+    []
+  );
+};
+export {
+  useRippleEffect
 };

package/dist/hooks/use-ripple-effect/use-ripple-effect.module.scss.js

@@ -0,0 +1,11 @@
+const ripple_effect = "_ripple_effect_1jvqm_7";
+const ripple_effect__circle = "_ripple_effect__circle_1jvqm_12";
+const classes = {
+  ripple_effect,
+  ripple_effect__circle
+};
+export {
+  classes as default,
+  ripple_effect,
+  ripple_effect__circle
+};

package/dist/hooks/use-toggle/index.d.ts

@@ -1,2 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
 export declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAExE,wBAAgB,SAAS,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAQ1G"}

package/dist/hooks/use-toggle/index.js

@@ -1,8 +1,11 @@
-import { useCallback, useState } from 'react';
-export function useToggle(defaultValue) {
-    const [value, setValue] = useState(!!defaultValue);
-    const toggle = useCallback(() => {
-        setValue((x) => !x);
-    }, []);
-    return [value, toggle, setValue];
+import { useState, useCallback } from "react";
+function useToggle(defaultValue) {
+  const [value, setValue] = useState(!!defaultValue);
+  const toggle = useCallback(() => {
+    setValue((x) => !x);
+  }, []);
+  return [value, toggle, setValue];
 }
+export {
+  useToggle
+};

package/dist/hooks/use-update-effect/index.d.ts

@@ -1,2 +1,3 @@
 import { DependencyList, EffectCallback } from 'react';
 export declare const useUpdateEffect: (effect: EffectCallback, deps: DependencyList) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-update-effect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-update-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAGlE,eAAO,MAAM,eAAe,WAAY,cAAc,QAAQ,cAAc,SAQ3E,CAAC"}

package/dist/hooks/use-update-effect/index.js

@@ -1,10 +1,13 @@
-import { useEffect } from 'react';
-import { useFirstMountState } from '../use-first-mount-state';
-export const useUpdateEffect = (effect, deps) => {
-    const isFirstMount = useFirstMountState();
-    useEffect(() => {
-        if (!isFirstMount) {
-            return effect();
-        }
-    }, deps);
+import { useEffect } from "react";
+import { useFirstMountState } from "../use-first-mount-state/index.js";
+const useUpdateEffect = (effect, deps) => {
+  const isFirstMount = useFirstMountState();
+  useEffect(() => {
+    if (!isFirstMount) {
+      return effect();
+    }
+  }, deps);
+};
+export {
+  useUpdateEffect
 };

package/dist/hooks/use-window-screen/index.d.ts

@@ -4,3 +4,4 @@ export declare const useWindowScreen: () => {
     isSmallerThan: (target: Screen) => boolean;
     isLargerThan: (target: Screen) => boolean;
 };
+//# sourceMappingURL=index.d.ts.map