@omnitron-dev/prism 0.1.3 → 0.3.0

package/dist/{chunk-E3XANPTO.js → chunk-S6SEGBX6.js}

@@ -1,11 +1,6 @@
-import { useIsClient } from './chunk-WC2WM2JD.js';
-import { PRESET_NAMES } from './chunk-DXXZ3ITR.js';
+import { useIsClient } from './chunk-BZOL7GMU.js';
+import { PRESET_NAMES } from './chunk-ZTATTUH7.js';
 import { useLayoutEffect, useEffect, useState, useRef, useCallback, useMemo, useSyncExternalStore } from 'react';
-import Popover from '@mui/material/Popover';
-import { styled, alpha } from '@mui/material/styles';
-import { listClasses } from '@mui/material/List';
-import { menuItemClasses } from '@mui/material/MenuItem';
-import { jsxs, jsx } from 'react/jsx-runtime';
 
 function useAsync(asyncFn, options = {}) {
   const { initialData = null, immediate = false, onSuccess, onError } = options;
@@ -416,187 +411,6 @@ function usePopoverHover(inputRef) {
     setOpen
   };
 }
-var POPOVER_DISTANCE = 0.75;
-function calculateAnchorOrigin(arrow = "top-right") {
-  const configs = {
-    "top-left": {
-      paperStyles: { ml: -POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "bottom", horizontal: "left" },
-      transformOrigin: { vertical: "top", horizontal: "left" }
-    },
-    "top-center": {
-      paperStyles: void 0,
-      anchorOrigin: { vertical: "bottom", horizontal: "center" },
-      transformOrigin: { vertical: "top", horizontal: "center" }
-    },
-    "top-right": {
-      paperStyles: { ml: POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "bottom", horizontal: "right" },
-      transformOrigin: { vertical: "top", horizontal: "right" }
-    },
-    "bottom-left": {
-      paperStyles: { ml: -POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "top", horizontal: "left" },
-      transformOrigin: { vertical: "bottom", horizontal: "left" }
-    },
-    "bottom-center": {
-      paperStyles: void 0,
-      anchorOrigin: { vertical: "top", horizontal: "center" },
-      transformOrigin: { vertical: "bottom", horizontal: "center" }
-    },
-    "bottom-right": {
-      paperStyles: { ml: POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "top", horizontal: "right" },
-      transformOrigin: { vertical: "bottom", horizontal: "right" }
-    },
-    "left-top": {
-      paperStyles: { mt: -POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "top", horizontal: "right" },
-      transformOrigin: { vertical: "top", horizontal: "left" }
-    },
-    "left-center": {
-      paperStyles: void 0,
-      anchorOrigin: { vertical: "center", horizontal: "right" },
-      transformOrigin: { vertical: "center", horizontal: "left" }
-    },
-    "left-bottom": {
-      paperStyles: { mt: POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "bottom", horizontal: "right" },
-      transformOrigin: { vertical: "bottom", horizontal: "left" }
-    },
-    "right-top": {
-      paperStyles: { mt: -POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "top", horizontal: "left" },
-      transformOrigin: { vertical: "top", horizontal: "right" }
-    },
-    "right-center": {
-      paperStyles: void 0,
-      anchorOrigin: { vertical: "center", horizontal: "left" },
-      transformOrigin: { vertical: "center", horizontal: "right" }
-    },
-    "right-bottom": {
-      paperStyles: { mt: POPOVER_DISTANCE },
-      anchorOrigin: { vertical: "bottom", horizontal: "left" },
-      transformOrigin: { vertical: "bottom", horizontal: "right" }
-    }
-  };
-  return configs[arrow] || configs["top-right"];
-}
-var Arrow = styled("span", {
-  shouldForwardProp: (prop) => prop !== "ownerState"
-})(({ theme, ownerState }) => {
-  const { size, offset, placement } = ownerState;
-  const directions = {
-    top: { top: 0, rotate: "135deg", translate: "0 -50%" },
-    bottom: { bottom: 0, rotate: "-45deg", translate: "0 50%" },
-    left: { left: 0, rotate: "45deg", translate: "-50% 0" },
-    right: { right: 0, rotate: "-135deg", translate: "50% 0" }
-  };
-  const getDirection = () => {
-    if (placement.startsWith("top-")) return directions.top;
-    if (placement.startsWith("bottom-")) return directions.bottom;
-    if (placement.startsWith("left-")) return directions.left;
-    if (placement.startsWith("right-")) return directions.right;
-    return {};
-  };
-  const getPosition = () => {
-    if (placement.endsWith("-left")) return { left: offset };
-    if (placement.endsWith("-right")) return { right: offset };
-    if (placement.endsWith("-top")) return { top: offset };
-    if (placement.endsWith("-bottom")) return { bottom: offset };
-    if (placement.endsWith("-center")) {
-      if (placement.startsWith("top-") || placement.startsWith("bottom-")) {
-        return { left: 0, right: 0, margin: "auto" };
-      }
-      return { top: 0, bottom: 0, margin: "auto" };
-    }
-    return {};
-  };
-  return {
-    width: size,
-    height: size,
-    position: "absolute",
-    borderBottomLeftRadius: size / 4,
-    clipPath: "polygon(0% 0%, 100% 100%, 0% 100%)",
-    backgroundColor: theme.palette.background.paper,
-    border: `solid 1px ${alpha(theme.palette.grey[500], 0.12)}`,
-    ...getDirection(),
-    ...getPosition()
-  };
-});
-function CustomPopover({
-  open,
-  onClose,
-  children,
-  anchorEl,
-  arrow,
-  minWidth = 140,
-  slotProps,
-  ...other
-}) {
-  const arrowSize = arrow?.size ?? 14;
-  const arrowOffset = arrow?.offset ?? 17;
-  const arrowPlacement = arrow?.placement ?? "top-right";
-  const hideArrow = arrow?.hide ?? false;
-  const { paperStyles, anchorOrigin, transformOrigin } = calculateAnchorOrigin(arrowPlacement);
-  const isOpen = Boolean(open);
-  return /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      open: isOpen,
-      anchorEl,
-      onClose,
-      anchorOrigin,
-      transformOrigin,
-      slotProps: {
-        ...slotProps,
-        paper: {
-          ...typeof slotProps?.paper === "object" ? slotProps.paper : {},
-          sx: [
-            paperStyles,
-            {
-              overflow: "inherit",
-              [`& .${listClasses.root}`]: { minWidth },
-              [`& .${menuItemClasses.root}`]: { gap: 2 }
-            },
-            ...typeof slotProps?.paper === "object" && slotProps.paper && "sx" in slotProps.paper ? Array.isArray(slotProps.paper.sx) ? slotProps.paper.sx : [slotProps.paper.sx] : []
-          ]
-        }
-      },
-      ...other,
-      children: [
-        !hideArrow && /* @__PURE__ */ jsx(
-          Arrow,
-          {
-            ownerState: {
-              size: arrowSize,
-              offset: arrowOffset,
-              placement: arrowPlacement
-            },
-            sx: arrow?.sx
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-function usePopover() {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const onOpen = useCallback((event) => {
-    setAnchorEl(event.currentTarget);
-  }, []);
-  const onClose = useCallback(() => {
-    setAnchorEl(null);
-  }, []);
-  return {
-    open: Boolean(anchorEl),
-    anchorEl,
-    onOpen,
-    onClose,
-    setAnchorEl
-  };
-}
 
 // src/utils/cookies.ts
 function cookiesAvailable() {
@@ -824,18 +638,15 @@ function useCountdownSeconds(initialSeconds) {
   useEffect(() => {
     if (!isCounting) return void 0;
     const intervalId = setInterval(() => {
-      setValue((prev) => {
-        if (prev <= 1) {
-          setIsCounting(false);
-          return 0;
-        }
-        return prev - 1;
-      });
+      setValue((prev) => Math.max(0, prev - 1));
     }, 1e3);
     return () => {
       clearInterval(intervalId);
     };
   }, [isCounting]);
+  useEffect(() => {
+    if (value === 0) setIsCounting(false);
+  }, [value]);
   return useMemo(
     () => ({
       value,
@@ -869,16 +680,20 @@ function useCountdownDate(targetDate, placeholder = "- -") {
     minutes: placeholder,
     seconds: placeholder
   });
+  const targetMs = targetDate.getTime();
   const handleUpdate = useCallback(() => {
     const now = /* @__PURE__ */ new Date();
-    const { days, hours, minutes, seconds } = calculateTimeDifference(targetDate, now);
-    setValue({
+    const { days, hours, minutes, seconds } = calculateTimeDifference(new Date(targetMs), now);
+    const next = {
       days: formatTime(days),
       hours: formatTime(hours),
       minutes: formatTime(minutes),
       seconds: formatTime(seconds)
-    });
-  }, [targetDate]);
+    };
+    setValue(
+      (prev) => prev.days === next.days && prev.hours === next.hours && prev.minutes === next.minutes && prev.seconds === next.seconds ? prev : next
+    );
+  }, [targetMs]);
   useEffect(() => {
     handleUpdate();
     const interval = setInterval(handleUpdate, 1e3);
@@ -1448,7 +1263,7 @@ function useIntersectionObserver(options = {}) {
       isIntersecting: entry?.isIntersecting ?? false,
       disconnect
     }),
-    [entry, disconnect]
+    [ref, entry, disconnect]
   );
 }
 function isInputElement(element) {
@@ -2147,6 +1962,14 @@ function useInfiniteScroll(fetchFn, options = {}) {
     isEmpty: true,
     totalCount: void 0
   });
+  const fetchFnRef = useRef(fetchFn);
+  fetchFnRef.current = fetchFn;
+  const onSuccessRef = useRef(onSuccess);
+  onSuccessRef.current = onSuccess;
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  const observerOptionsRef = useRef(observerOptions);
+  observerOptionsRef.current = observerOptions;
   const fetchIdRef = useRef(0);
   const cursorRef = useRef(initialCursor);
   const observerRef = useRef(null);
@@ -2173,7 +1996,7 @@ function useInfiniteScroll(fetchFn, options = {}) {
           error: void 0
         }));
         try {
-          const page = await fetchFn({ cursor, pageSize });
+          const page = await fetchFnRef.current({ cursor, pageSize });
           if (fetchIdRef.current !== currentId || !isMountedRef.current) return;
           setState((prev) => {
             const newPages = isRefresh ? [page] : [...prev.pages, page];
@@ -2190,7 +2013,7 @@ function useInfiniteScroll(fetchFn, options = {}) {
             };
           });
           cursorRef.current = page.pageInfo.endCursor;
-          await onSuccess?.(page);
+          await onSuccessRef.current?.(page);
         } catch (err) {
           if (fetchIdRef.current !== currentId || !isMountedRef.current) return;
           const error = err;
@@ -2207,12 +2030,12 @@ function useInfiniteScroll(fetchFn, options = {}) {
             isLoading: false,
             isFetchingMore: false
           }));
-          await onError?.(error);
+          await onErrorRef.current?.(error);
         }
       };
       return executeWithRetry(0);
     },
-    [fetchFn, pageSize, onSuccess, onError, retry, retryDelay]
+    [pageSize, retry, retryDelay]
   );
   const fetchNextPage = useCallback(async () => {
     if (state.isFetchingMore || state.isLoading || !state.hasNextPage) return;
@@ -2286,10 +2109,10 @@ function useInfiniteScroll(fetchFn, options = {}) {
         if (entries[0]?.isIntersecting) {
           fetchNextPage();
         }
-      }, observerOptions);
+      }, observerOptionsRef.current);
       observerRef.current.observe(element);
     },
-    [fetchNextPage, observerOptions]
+    [fetchNextPage]
   );
   useEffect(() => {
     fetchPage(initialCursor, true);
@@ -2314,6 +2137,6 @@ function useInfiniteScroll(fetchFn, options = {}) {
   };
 }
 
-export { CustomPopover, cookiesAvailable, getCookie, removeCookie, setCookie, useArray, useAsync, useAsyncFn, useBackToTop, useBreakpoint, useBreakpointChecks, useClientRect, useConfigFromQuery, useCookies, useCountdownDate, useCountdownSeconds, useDoubleClick, useEnterKey, useEscapeKey, useFocusTrap, useImageDimensions, useInfiniteScroll, useIntersectionObserver, useIsomorphicLayoutEffect, useKeyboardShortcut, useLazyQuery, useMultipleImageDimensions, useMutation, useOnlineStatus, usePasswordVisibility, usePopover, usePopoverHover, useResponsiveQuery, useScrollLock, useScrollOffsetTop, useScrollPosition, useScrollToTop, useSessionStorage, useThrottle, useThrottleCallback, useUpdateEffect, useUpdateLayoutEffect, useWindowSize };
-//# sourceMappingURL=chunk-E3XANPTO.js.map
-//# sourceMappingURL=chunk-E3XANPTO.js.map
+export { cookiesAvailable, getCookie, removeCookie, setCookie, useArray, useAsync, useAsyncFn, useBackToTop, useBreakpoint, useBreakpointChecks, useClientRect, useConfigFromQuery, useCookies, useCountdownDate, useCountdownSeconds, useDoubleClick, useEnterKey, useEscapeKey, useFocusTrap, useImageDimensions, useInfiniteScroll, useIntersectionObserver, useIsomorphicLayoutEffect, useKeyboardShortcut, useLazyQuery, useMultipleImageDimensions, useMutation, useOnlineStatus, usePasswordVisibility, usePopoverHover, useResponsiveQuery, useScrollLock, useScrollOffsetTop, useScrollPosition, useScrollToTop, useSessionStorage, useThrottle, useThrottleCallback, useUpdateEffect, useUpdateLayoutEffect, useWindowSize };
+//# sourceMappingURL=chunk-S6SEGBX6.js.map
+//# sourceMappingURL=chunk-S6SEGBX6.js.map