@sikka/hawa 0.30.25-next → 0.30.27-next

package/dist/hooks/index.mjs

@@ -1,346 +1,21 @@
 "use client";
 import {
-  useBreakpoint
-} from "../chunk-H7ZADF2Z.mjs";
+  reducer,
+  toast,
+  useClipboard,
+  useDialogCarousel,
+  useFocusWithin,
+  useIsomorphicEffect,
+  useMeasureDirty,
+  useMediaQuery,
+  useMultiStepDialog,
+  useTabs,
+  useToast,
+  useWindowSize
+} from "../chunk-R2SKHHDK.mjs";
 import {
-  useClipboard
-} from "../chunk-57SB6MBG.mjs";
-import "../chunk-4OOSUQZG.mjs";
-
-// hooks/useIsomorphicEffect.ts
-import { useEffect, useLayoutEffect } from "react";
-var useIsomorphicEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
-
-// hooks/useDiscloser.ts
-import { useState } from "react";
-
-// hooks/useHover.ts
-import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
-
-// hooks/useToast.ts
-import * as React3 from "react";
-var TOAST_LIMIT = 5;
-var TOAST_REMOVE_DELAY = 1e5;
-var count = 0;
-function genId() {
-  count = (count + 1) % Number.MAX_VALUE;
-  return count.toString();
-}
-var toastTimeouts = /* @__PURE__ */ new Map();
-var addToRemoveQueue = (toastId) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({ type: "REMOVE_TOAST", toastId });
-  }, TOAST_REMOVE_DELAY);
-  toastTimeouts.set(toastId, timeout);
-};
-var reducer = (state, action) => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map(
-          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
-        )
-      };
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast2) => {
-          addToRemoveQueue(toast2.id);
-        });
-      }
-      return {
-        ...state,
-        toasts: state.toasts.map(
-          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
-        )
-      };
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === void 0) {
-        return { ...state, toasts: [] };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId)
-      };
-  }
-};
-var listeners = [];
-var memoryState = { toasts: [] };
-function dispatch(action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-function toast({ ...props }) {
-  const id = genId();
-  const update = (props2) => dispatch({ type: "UPDATE_TOAST", toast: { ...props2, id } });
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open)
-          dismiss();
-      }
-    }
-  });
-  return { id, dismiss, update };
-}
-function useToast() {
-  const [state, setState] = React3.useState(memoryState);
-  React3.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
-  };
-}
-
-// hooks/useCarousel.ts
-import { useState as useState4, useRef as useRef2 } from "react";
-
-// hooks/useDialogCarousel.ts
-import { useEffect as useEffect4, useState as useState5 } from "react";
-import AutoHeight from "embla-carousel-auto-height";
-import useEmblaCarousel from "embla-carousel-react";
-var useDialogCarousel = (options) => {
-  const [emblaRef, emblaApi] = useEmblaCarousel(
-    { loop: false, watchDrag: false, startIndex: 0, ...options },
-    [AutoHeight({ destroyHeight: "fit", active: true })]
-  );
-  const [canScrollPrev, setCanScrollPrev] = useState5(false);
-  const checkCanScrollPrev = () => {
-    if (emblaApi) {
-      setCanScrollPrev(emblaApi.canScrollPrev());
-    }
-  };
-  const nextStep = () => {
-    if (emblaApi) {
-      console.log("going to NEXT \u{1F449}");
-      emblaApi.scrollNext();
-    }
-  };
-  const prevStep = () => {
-    if (emblaApi) {
-      console.log("going to BACK \u{1F448}");
-      emblaApi.scrollPrev();
-    }
-  };
-  useEffect4(() => {
-    checkCanScrollPrev();
-    emblaApi && emblaApi.on("select", checkCanScrollPrev);
-    return () => {
-      emblaApi && emblaApi.off("select", checkCanScrollPrev);
-    };
-  }, [emblaApi]);
-  return {
-    emblaRef,
-    emblaApi,
-    nextStep,
-    prevStep,
-    canScrollPrev
-  };
-};
-
-// hooks/useDialogSteps.ts
-import { useState as useState6, useEffect as useEffect5, useRef as useRef3 } from "react";
-var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
-  const [currentStep, setCurrentStep] = useState6(initialStep);
-  const [dialogHeight, setDialogHeight] = useState6(null);
-  const visibleStepRef = useRef3(null);
-  useEffect5(() => {
-    if (visibleStepRef.current) {
-      setDialogHeight(visibleStepRef.current.offsetHeight);
-    }
-  }, [currentStep, setOpenDialog]);
-  const handleNext = () => {
-    const currentIndex = stepIds.indexOf(currentStep);
-    if (currentIndex < stepIds.length - 1) {
-      setTimeout(() => {
-        setCurrentStep(stepIds[currentIndex + 1]);
-      }, 100);
-    }
-  };
-  const handleBack = () => {
-    const currentIndex = stepIds.indexOf(currentStep);
-    if (currentIndex > 0) {
-      setTimeout(() => {
-        setCurrentStep(stepIds[currentIndex - 1]);
-      }, 100);
-    }
-  };
-  return {
-    currentStep,
-    dialogHeight,
-    visibleStepRef,
-    handleNext,
-    handleBack
-  };
-};
-
-// hooks/useWindowSize.ts
-import { useEffect as useEffect6, useState as useState7 } from "react";
-var useWindowSize = () => {
-  const [windowSize, setWindowSize] = useState7({
-    width: void 0,
-    height: void 0
-  });
-  useEffect6(() => {
-    function handleResize() {
-      setWindowSize({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    }
-    window.addEventListener("resize", handleResize);
-    handleResize();
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  return windowSize;
-};
-
-// hooks/useFocusWithin.ts
-import { useRef as useRef4, useState as useState8, useEffect as useEffect7 } from "react";
-function containsRelatedTarget(event) {
-  if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
-    return event.currentTarget.contains(event.relatedTarget);
-  }
-  return false;
-}
-function useFocusWithin({
-  onBlur,
-  onFocus
-} = {}) {
-  const ref = useRef4(null);
-  const [focused, _setFocused] = useState8(false);
-  const focusedRef = useRef4(false);
-  const setFocused = (value) => {
-    _setFocused(value);
-    focusedRef.current = value;
-  };
-  const handleFocusIn = (event) => {
-    if (!focusedRef.current) {
-      setFocused(true);
-      onFocus == null ? void 0 : onFocus(event);
-    }
-  };
-  const handleFocusOut = (event) => {
-    if (focusedRef.current && !containsRelatedTarget(event)) {
-      setFocused(false);
-      onBlur == null ? void 0 : onBlur(event);
-    }
-  };
-  useEffect7(() => {
-    if (ref.current) {
-      ref.current.addEventListener("focusin", handleFocusIn);
-      ref.current.addEventListener("focusout", handleFocusOut);
-      return () => {
-        var _a, _b;
-        (_a = ref.current) == null ? void 0 : _a.removeEventListener("focusin", handleFocusIn);
-        (_b = ref.current) == null ? void 0 : _b.removeEventListener("focusout", handleFocusOut);
-      };
-    }
-    return void 0;
-  }, [handleFocusIn, handleFocusOut]);
-  return { ref, focused };
-}
-
-// hooks/useMediaQuery.ts
-import { useState as useState9, useEffect as useEffect8, useRef as useRef5 } from "react";
-function attachMediaListener(query, callback) {
-  try {
-    query.addEventListener("change", callback);
-    return () => query.removeEventListener("change", callback);
-  } catch (e) {
-    query.addListener(callback);
-    return () => query.removeListener(callback);
-  }
-}
-function getInitialValue(query, initialValue) {
-  if (typeof initialValue === "boolean") {
-    return initialValue;
-  }
-  if (typeof window !== "undefined" && "matchMedia" in window) {
-    return window.matchMedia(query).matches;
-  }
-  return false;
-}
-function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
-  getInitialValueInEffect: true
-}) {
-  const [matches, setMatches] = useState9(
-    getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
-  );
-  const queryRef = useRef5();
-  useEffect8(() => {
-    if ("matchMedia" in window) {
-      queryRef.current = window.matchMedia(query);
-      setMatches(queryRef.current.matches);
-      return attachMediaListener(
-        queryRef.current,
-        (event) => setMatches(event.matches)
-      );
-    }
-    return void 0;
-  }, [query]);
-  return matches;
-}
-
-// hooks/useScrollPosition.ts
-import { useState as useState10, useEffect as useEffect9 } from "react";
-
-// hooks/useTable.ts
-import { useState as useState11, useEffect as useEffect10 } from "react";
-
-// hooks/useTabs.ts
-import { useEffect as useEffect11, useState as useState12 } from "react";
-function useTabs(initialTab = "") {
-  const [activeTab, setActiveTab] = useState12(initialTab);
-  useEffect11(() => {
-    const handleHashChange = () => {
-      const hash = window.location.hash.substring(1);
-      setActiveTab(hash || initialTab);
-    };
-    window.addEventListener("hashchange", handleHashChange);
-    handleHashChange();
-    return () => {
-      window.removeEventListener("hashchange", handleHashChange);
-    };
-  }, [initialTab]);
-  const handleTabChange = (index) => {
-    setActiveTab(index);
-    window.location.hash = index;
-  };
-  return {
-    activeTab,
-    handleTabChange
-  };
-}
+  useBreakpoint
+} from "../chunk-UDCDD66A.mjs";
 export {
   reducer,
   toast,
@@ -349,6 +24,7 @@ export {
   useDialogCarousel,
   useFocusWithin,
   useIsomorphicEffect,
+  useMeasureDirty,
   useMediaQuery,
   useMultiStepDialog,
   useTabs,