@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/cjs/hooks/use-focus/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["isRefObject"],"sources":["../../../../src/hooks/use-focus/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useRef } from \"react\"\nimport {\n  getActiveElement,\n  getDocument,\n  getFirstFocusableElement,\n  isRefObject,\n  isSafari,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useEventListener } from \"../use-event-listener\"\n\nexport interface UseFocusOnShowProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  preventScroll?: boolean\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\n/**\n * `useFocusOnShow` is a custom hook that focuses on the target element when it is shown.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-show\n */\nexport const useFocusOnShow = <Y extends HTMLElement>(\n  refOrEl: RefObject<null | Y> | Y,\n  {\n    focusTarget: focusRefOrEl,\n    preventScroll,\n    shouldFocus,\n    visible,\n  }: UseFocusOnShowProps = {\n    preventScroll: true,\n    shouldFocus: false,\n  },\n) => {\n  const trulyShouldFocus = shouldFocus && visible\n  const focused = useRef(false)\n\n  const getTarget = useCallback(() => {\n    return isRefObject(refOrEl) ? refOrEl.current : refOrEl\n  }, [refOrEl])\n\n  const getFocusTarget = useCallback(() => {\n    return isRefObject(focusRefOrEl) ? focusRefOrEl.current : focusRefOrEl\n  }, [focusRefOrEl])\n\n  const onFocus = useCallback(() => {\n    const target = getTarget()\n\n    if (!target || !trulyShouldFocus || focused.current) return\n    if (target.contains(document.activeElement as HTMLElement)) return\n\n    const focusTarget = getFocusTarget()\n\n    if (focusTarget) {\n      requestAnimationFrame(() => {\n        focusTarget.focus({ preventScroll })\n\n        focused.current = true\n      })\n    } else {\n      const firstFocusable = getFirstFocusableElement(target)\n\n      if (firstFocusable) {\n        requestAnimationFrame(() => {\n          firstFocusable.focus({ preventScroll })\n\n          focused.current = true\n        })\n      } else {\n        requestAnimationFrame(() => {\n          target.focus({ preventScroll })\n\n          focused.current = true\n        })\n      }\n    }\n  }, [getTarget, trulyShouldFocus, getFocusTarget, preventScroll])\n\n  useUpdateEffect(() => {\n    focused.current = !trulyShouldFocus\n  }, [trulyShouldFocus])\n\n  useUpdateEffect(() => {\n    requestAnimationFrame(onFocus)\n  }, [onFocus])\n\n  useEventListener(getTarget, \"transitionend\", onFocus)\n}\n\nexport interface UseFocusOnMouseDownProps {\n  ref: RefObject<HTMLElement | null>\n  elements?: (HTMLElement | null | RefObject<HTMLElement | null>)[]\n  enabled?: boolean\n}\n\n/**\n * `useFocusOnPointerDown` is a custom hook that focuses on the target element when it is clicked.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-pointer-down\n */\nexport const useFocusOnPointerDown = ({\n  ref,\n  elements,\n  enabled,\n}: UseFocusOnMouseDownProps) => {\n  useEventListener(\n    () => getDocument(ref.current),\n    \"pointerdown\",\n    (ev) => {\n      if (!isSafari() || !enabled) return\n      const target = ev.target as HTMLElement\n\n      const els = elements ?? [ref]\n\n      const validTarget = els.some((elOrRef) => {\n        const el = isRefObject(elOrRef) ? elOrRef.current : elOrRef\n\n        return el?.contains(target) || el === target\n      })\n\n      if (\n        getActiveElement(getDocument(ref.current)) !== target &&\n        validTarget\n      ) {\n        ev.preventDefault()\n\n        target.focus()\n      }\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,MAAa,kBACX,SACA,EACE,aAAa,cACb,eACA,aACA,YACuB;CACvB,eAAe;CACf,aAAa;CACd,KACE;CACH,MAAM,mBAAmB,eAAe;CACxC,MAAM,4BAAiB,MAAM;CAE7B,MAAM,yCAA8B;AAClC,SAAOA,wBAAY,QAAQ,GAAG,QAAQ,UAAU;IAC/C,CAAC,QAAQ,CAAC;CAEb,MAAM,8CAAmC;AACvC,SAAOA,wBAAY,aAAa,GAAG,aAAa,UAAU;IACzD,CAAC,aAAa,CAAC;CAElB,MAAM,uCAA4B;EAChC,MAAM,SAAS,WAAW;AAE1B,MAAI,CAAC,UAAU,CAAC,oBAAoB,QAAQ,QAAS;AACrD,MAAI,OAAO,SAAS,SAAS,cAA6B,CAAE;EAE5D,MAAM,cAAc,gBAAgB;AAEpC,MAAI,YACF,6BAA4B;AAC1B,eAAY,MAAM,EAAE,eAAe,CAAC;AAEpC,WAAQ,UAAU;IAClB;OACG;GACL,MAAM,iFAA0C,OAAO;AAEvD,OAAI,eACF,6BAA4B;AAC1B,mBAAe,MAAM,EAAE,eAAe,CAAC;AAEvC,YAAQ,UAAU;KAClB;OAEF,6BAA4B;AAC1B,WAAO,MAAM,EAAE,eAAe,CAAC;AAE/B,YAAQ,UAAU;KAClB;;IAGL;EAAC;EAAW;EAAkB;EAAgB;EAAc,CAAC;AAEhE,sCAAsB;AACpB,UAAQ,UAAU,CAAC;IAClB,CAAC,iBAAiB,CAAC;AAEtB,sCAAsB;AACpB,wBAAsB,QAAQ;IAC7B,CAAC,QAAQ,CAAC;AAEb,yDAAiB,WAAW,iBAAiB,QAAQ;;;;;;;AAcvD,MAAa,yBAAyB,EACpC,KACA,UACA,cAC8B;AAC9B,kHACoB,IAAI,QAAQ,EAC9B,gBACC,OAAO;AACN,MAAI,kDAAW,IAAI,CAAC,QAAS;EAC7B,MAAM,SAAS,GAAG;EAIlB,MAAM,eAFM,YAAY,CAAC,IAAI,EAEL,MAAM,YAAY;GACxC,MAAM,KAAKA,wBAAY,QAAQ,GAAG,QAAQ,UAAU;AAEpD,UAAO,IAAI,SAAS,OAAO,IAAI,OAAO;IACtC;AAEF,iHAC+B,IAAI,QAAQ,CAAC,KAAK,UAC/C,aACA;AACA,MAAG,gBAAgB;AAEnB,UAAO,OAAO;;GAGnB"}
+{"version":3,"file":"index.cjs","names":["isRefObject"],"sources":["../../../../src/hooks/use-focus/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useRef } from \"react\"\nimport {\n  getActiveElement,\n  getDocument,\n  getFirstFocusableElement,\n  isRefObject,\n  isSafari,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useEventListener } from \"../use-event-listener\"\n\nexport interface UseFocusOnShowProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  preventScroll?: boolean\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\n/**\n * `useFocusOnShow` is a custom hook that focuses on the target element when it is shown.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-show\n */\nexport const useFocusOnShow = <Y extends HTMLElement>(\n  refOrEl: RefObject<null | Y> | Y,\n  {\n    focusTarget: focusRefOrEl,\n    preventScroll,\n    shouldFocus,\n    visible,\n  }: UseFocusOnShowProps = {\n    preventScroll: true,\n    shouldFocus: false,\n  },\n) => {\n  const trulyShouldFocus = shouldFocus && visible\n  const focused = useRef(false)\n\n  const getTarget = useCallback(() => {\n    return isRefObject(refOrEl) ? refOrEl.current : refOrEl\n  }, [refOrEl])\n\n  const getFocusTarget = useCallback(() => {\n    return isRefObject(focusRefOrEl) ? focusRefOrEl.current : focusRefOrEl\n  }, [focusRefOrEl])\n\n  const onFocus = useCallback(() => {\n    const target = getTarget()\n\n    if (!target || !trulyShouldFocus || focused.current) return\n    if (target.contains(document.activeElement as HTMLElement)) return\n\n    const focusTarget = getFocusTarget()\n\n    if (focusTarget) {\n      requestAnimationFrame(() => {\n        focusTarget.focus({ preventScroll })\n\n        focused.current = true\n      })\n    } else {\n      const firstFocusable = getFirstFocusableElement(target)\n\n      if (firstFocusable) {\n        requestAnimationFrame(() => {\n          firstFocusable.focus({ preventScroll })\n\n          focused.current = true\n        })\n      } else {\n        requestAnimationFrame(() => {\n          target.focus({ preventScroll })\n\n          focused.current = true\n        })\n      }\n    }\n  }, [getTarget, trulyShouldFocus, getFocusTarget, preventScroll])\n\n  useUpdateEffect(() => {\n    focused.current = !trulyShouldFocus\n  }, [trulyShouldFocus])\n\n  useUpdateEffect(() => {\n    requestAnimationFrame(onFocus)\n  }, [onFocus])\n\n  useEventListener(getTarget, \"transitionend\", onFocus)\n}\n\nexport interface UseFocusOnMouseDownProps {\n  ref: RefObject<HTMLElement | null>\n  elements?: (HTMLElement | null | RefObject<HTMLElement | null>)[]\n  enabled?: boolean\n}\n\n/**\n * `useFocusOnPointerDown` is a custom hook that focuses on the target element when it is clicked.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-pointer-down\n */\nexport const useFocusOnPointerDown = ({\n  ref,\n  elements,\n  enabled,\n}: UseFocusOnMouseDownProps) => {\n  useEventListener(\n    () => getDocument(ref.current),\n    \"pointerdown\",\n    (ev) => {\n      if (!isSafari() || !enabled) return\n      const target = ev.target as HTMLElement\n\n      const els = elements ?? [ref]\n\n      const validTarget = els.some((elOrRef) => {\n        const el = isRefObject(elOrRef) ? elOrRef.current : elOrRef\n\n        return el?.contains(target) || el === target\n      })\n\n      if (\n        getActiveElement(getDocument(ref.current)) !== target &&\n        validTarget\n      ) {\n        ev.preventDefault()\n\n        target.focus()\n      }\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAa,kBACX,SACA,EACE,aAAa,cACb,eACA,aACA,YACuB;CACvB,eAAe;CACf,aAAa;CACd,KACE;CACH,MAAM,mBAAmB,eAAe;CACxC,MAAM,WAAA,GAAA,MAAA,QAAiB,MAAM;CAE7B,MAAM,aAAA,GAAA,MAAA,mBAA8B;EAClC,OAAOA,YAAAA,YAAY,QAAQ,GAAG,QAAQ,UAAU;IAC/C,CAAC,QAAQ,CAAC;CAEb,MAAM,kBAAA,GAAA,MAAA,mBAAmC;EACvC,OAAOA,YAAAA,YAAY,aAAa,GAAG,aAAa,UAAU;IACzD,CAAC,aAAa,CAAC;CAElB,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,MAAM,SAAS,WAAW;EAE1B,IAAI,CAAC,UAAU,CAAC,oBAAoB,QAAQ,SAAS;EACrD,IAAI,OAAO,SAAS,SAAS,cAA6B,EAAE;EAE5D,MAAM,cAAc,gBAAgB;EAEpC,IAAI,aACF,4BAA4B;GAC1B,YAAY,MAAM,EAAE,eAAe,CAAC;GAEpC,QAAQ,UAAU;IAClB;OACG;GACL,MAAM,kBAAA,GAAA,oBAAA,cAAA,0BAA0C,OAAO;GAEvD,IAAI,gBACF,4BAA4B;IAC1B,eAAe,MAAM,EAAE,eAAe,CAAC;IAEvC,QAAQ,UAAU;KAClB;QAEF,4BAA4B;IAC1B,OAAO,MAAM,EAAE,eAAe,CAAC;IAE/B,QAAQ,UAAU;KAClB;;IAGL;EAAC;EAAW;EAAkB;EAAgB;EAAc,CAAC;CAEhE,eAAA,sBAAsB;EACpB,QAAQ,UAAU,CAAC;IAClB,CAAC,iBAAiB,CAAC;CAEtB,eAAA,sBAAsB;EACpB,sBAAsB,QAAQ;IAC7B,CAAC,QAAQ,CAAC;CAEb,uCAAA,iBAAiB,WAAW,iBAAiB,QAAQ;;;;;;;AAcvD,MAAa,yBAAyB,EACpC,KACA,UACA,cAC8B;CAC9B,uCAAA,wBAAA,GAAA,oBAAA,cAAA,aACoB,IAAI,QAAQ,EAC9B,gBACC,OAAO;EACN,IAAI,EAAA,GAAA,oBAAA,cAAA,WAAW,IAAI,CAAC,SAAS;EAC7B,MAAM,SAAS,GAAG;EAIlB,MAAM,eAFM,YAAY,CAAC,IAAI,EAEL,MAAM,YAAY;GACxC,MAAM,KAAKA,YAAAA,YAAY,QAAQ,GAAG,QAAQ,UAAU;GAEpD,OAAO,IAAI,SAAS,OAAO,IAAI,OAAO;IACtC;EAEF,KAAA,GAAA,oBAAA,cAAA,mBAAA,GAAA,oBAAA,cAAA,aAC+B,IAAI,QAAQ,CAAC,KAAK,UAC/C,aACA;GACA,GAAG,gBAAgB;GAEnB,OAAO,OAAO;;GAGnB"}

package/dist/cjs/hooks/use-hover/index.cjs

@@ -1,8 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
-
 //#region src/hooks/use-hover/index.ts
 /**
 * `useHover` is a custom hook that detects whether the pointer has moved over or away from an element.
@@ -30,7 +29,7 @@ const useHover = () => {
 		hovered
 	};
 };
-
 //#endregion
 exports.useHover = useHover;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-hover/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-hover/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\n/**\n * `useHover` is a custom hook that detects whether the pointer has moved over or away from an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-hover\n */\nexport const useHover = <Y extends HTMLElement = HTMLDivElement>() => {\n  const [hovered, setHovered] = useState(false)\n  const ref = useRef<Y>(null)\n\n  const onMouseEnter = useCallback(() => setHovered(true), [])\n  const onMouseLeave = useCallback(() => setHovered(false), [])\n\n  useEffect(() => {\n    const el = ref.current\n\n    if (el) {\n      el.addEventListener(\"mouseenter\", onMouseEnter)\n      el.addEventListener(\"mouseleave\", onMouseLeave)\n\n      return () => {\n        el.removeEventListener(\"mouseenter\", onMouseEnter)\n        el.removeEventListener(\"mouseleave\", onMouseLeave)\n      }\n    }\n  }, [onMouseEnter, onMouseLeave])\n\n  return { ref, hovered }\n}\n"],"mappings":";;;;;;;;;;;AASA,MAAa,iBAAyD;CACpE,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAC7C,MAAM,wBAAgB,KAAK;CAE3B,MAAM,4CAAiC,WAAW,KAAK,EAAE,EAAE,CAAC;CAC5D,MAAM,4CAAiC,WAAW,MAAM,EAAE,EAAE,CAAC;AAE7D,4BAAgB;EACd,MAAM,KAAK,IAAI;AAEf,MAAI,IAAI;AACN,MAAG,iBAAiB,cAAc,aAAa;AAC/C,MAAG,iBAAiB,cAAc,aAAa;AAE/C,gBAAa;AACX,OAAG,oBAAoB,cAAc,aAAa;AAClD,OAAG,oBAAoB,cAAc,aAAa;;;IAGrD,CAAC,cAAc,aAAa,CAAC;AAEhC,QAAO;EAAE;EAAK;EAAS"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-hover/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\n/**\n * `useHover` is a custom hook that detects whether the pointer has moved over or away from an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-hover\n */\nexport const useHover = <Y extends HTMLElement = HTMLDivElement>() => {\n  const [hovered, setHovered] = useState(false)\n  const ref = useRef<Y>(null)\n\n  const onMouseEnter = useCallback(() => setHovered(true), [])\n  const onMouseLeave = useCallback(() => setHovered(false), [])\n\n  useEffect(() => {\n    const el = ref.current\n\n    if (el) {\n      el.addEventListener(\"mouseenter\", onMouseEnter)\n      el.addEventListener(\"mouseleave\", onMouseLeave)\n\n      return () => {\n        el.removeEventListener(\"mouseenter\", onMouseEnter)\n        el.removeEventListener(\"mouseleave\", onMouseLeave)\n      }\n    }\n  }, [onMouseEnter, onMouseLeave])\n\n  return { ref, hovered }\n}\n"],"mappings":";;;;;;;;;;AASA,MAAa,iBAAyD;CACpE,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAC7C,MAAM,OAAA,GAAA,MAAA,QAAgB,KAAK;CAE3B,MAAM,gBAAA,GAAA,MAAA,mBAAiC,WAAW,KAAK,EAAE,EAAE,CAAC;CAC5D,MAAM,gBAAA,GAAA,MAAA,mBAAiC,WAAW,MAAM,EAAE,EAAE,CAAC;CAE7D,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,KAAK,IAAI;EAEf,IAAI,IAAI;GACN,GAAG,iBAAiB,cAAc,aAAa;GAC/C,GAAG,iBAAiB,cAAc,aAAa;GAE/C,aAAa;IACX,GAAG,oBAAoB,cAAc,aAAa;IAClD,GAAG,oBAAoB,cAAc,aAAa;;;IAGrD,CAAC,cAAc,aAAa,CAAC;CAEhC,OAAO;EAAE;EAAK;EAAS"}

package/dist/cjs/hooks/use-idle/index.cjs

@@ -1,8 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
-
 //#region src/hooks/use-idle/index.ts
 const DEFAULT_OPTIONS = {
 	events: [
@@ -39,7 +38,7 @@ const useIdle = (timeout, options) => {
 	}, [events, timeout]);
 	return idle;
 };
-
 //#endregion
 exports.useIdle = useIdle;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-idle/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-idle/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nconst DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [\n  \"keypress\",\n  \"mousemove\",\n  \"touchmove\",\n  \"click\",\n  \"scroll\",\n]\n\nconst DEFAULT_OPTIONS = {\n  events: DEFAULT_EVENTS,\n  initialState: true,\n}\n\nexport interface IdleOptions {\n  events?: (keyof DocumentEventMap)[]\n  initialState?: boolean\n}\n\n/**\n * `useIdle` is a custom hook that detects whether the user has been idle for a certain amount of time in milliseconds.\n *\n * @see https://yamada-ui.com/docs/hooks/use-idle\n */\nexport const useIdle = (timeout: number, options?: IdleOptions) => {\n  const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }\n  const [idle, setIdle] = useState<boolean>(initialState)\n  const timeoutId = useRef<NodeJS.Timeout>(undefined)\n\n  useEffect(() => {\n    const handleEvent = () => {\n      setIdle(false)\n\n      if (timeoutId.current) clearTimeout(timeoutId.current)\n\n      timeoutId.current = setTimeout(() => setIdle(true), timeout)\n    }\n\n    events.forEach((event) => document.addEventListener(event, handleEvent))\n\n    return () => {\n      events.forEach((event) =>\n        document.removeEventListener(event, handleEvent),\n      )\n    }\n  }, [events, timeout])\n\n  return idle\n}\n"],"mappings":";;;;;;AAYA,MAAM,kBAAkB;CACtB,QATiD;EACjD;EACA;EACA;EACA;EACA;EACD;CAIC,cAAc;CACf;;;;;;AAYD,MAAa,WAAW,SAAiB,YAA0B;CACjE,MAAM,EAAE,QAAQ,iBAAiB;EAAE,GAAG;EAAiB,GAAG;EAAS;CACnE,MAAM,CAAC,MAAM,+BAA6B,aAAa;CACvD,MAAM,8BAAmC,OAAU;AAEnD,4BAAgB;EACd,MAAM,oBAAoB;AACxB,WAAQ,MAAM;AAEd,OAAI,UAAU,QAAS,cAAa,UAAU,QAAQ;AAEtD,aAAU,UAAU,iBAAiB,QAAQ,KAAK,EAAE,QAAQ;;AAG9D,SAAO,SAAS,UAAU,SAAS,iBAAiB,OAAO,YAAY,CAAC;AAExE,eAAa;AACX,UAAO,SAAS,UACd,SAAS,oBAAoB,OAAO,YAAY,CACjD;;IAEF,CAAC,QAAQ,QAAQ,CAAC;AAErB,QAAO"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-idle/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nconst DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [\n  \"keypress\",\n  \"mousemove\",\n  \"touchmove\",\n  \"click\",\n  \"scroll\",\n]\n\nconst DEFAULT_OPTIONS = {\n  events: DEFAULT_EVENTS,\n  initialState: true,\n}\n\nexport interface IdleOptions {\n  events?: (keyof DocumentEventMap)[]\n  initialState?: boolean\n}\n\n/**\n * `useIdle` is a custom hook that detects whether the user has been idle for a certain amount of time in milliseconds.\n *\n * @see https://yamada-ui.com/docs/hooks/use-idle\n */\nexport const useIdle = (timeout: number, options?: IdleOptions) => {\n  const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }\n  const [idle, setIdle] = useState<boolean>(initialState)\n  const timeoutId = useRef<NodeJS.Timeout>(undefined)\n\n  useEffect(() => {\n    const handleEvent = () => {\n      setIdle(false)\n\n      if (timeoutId.current) clearTimeout(timeoutId.current)\n\n      timeoutId.current = setTimeout(() => setIdle(true), timeout)\n    }\n\n    events.forEach((event) => document.addEventListener(event, handleEvent))\n\n    return () => {\n      events.forEach((event) =>\n        document.removeEventListener(event, handleEvent),\n      )\n    }\n  }, [events, timeout])\n\n  return idle\n}\n"],"mappings":";;;;;AAYA,MAAM,kBAAkB;CACtB,QAAQ;EARR;EACA;EACA;EACA;EACA;EAIsB;CACtB,cAAc;CACf;;;;;;AAYD,MAAa,WAAW,SAAiB,YAA0B;CACjE,MAAM,EAAE,QAAQ,iBAAiB;EAAE,GAAG;EAAiB,GAAG;EAAS;CACnE,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAA6B,aAAa;CACvD,MAAM,aAAA,GAAA,MAAA,QAAmC,KAAA,EAAU;CAEnD,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,oBAAoB;GACxB,QAAQ,MAAM;GAEd,IAAI,UAAU,SAAS,aAAa,UAAU,QAAQ;GAEtD,UAAU,UAAU,iBAAiB,QAAQ,KAAK,EAAE,QAAQ;;EAG9D,OAAO,SAAS,UAAU,SAAS,iBAAiB,OAAO,YAAY,CAAC;EAExE,aAAa;GACX,OAAO,SAAS,UACd,SAAS,oBAAoB,OAAO,YAAY,CACjD;;IAEF,CAAC,QAAQ,QAAQ,CAAC;CAErB,OAAO"}

package/dist/cjs/hooks/use-interval/index.cjs

@@ -1,10 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-require('../../utils/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
 let react = require("react");
-
 //#region src/hooks/use-interval/index.ts
 /**
 * `useInterval` is a custom hook that runs a function at a specified interval.
@@ -21,7 +19,7 @@ const useInterval = (callback, delay) => {
 		};
 	}, [delay, callbackRef]);
 };
-
 //#endregion
 exports.useInterval = useInterval;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-interval/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useCallbackRef","timeoutId: NodeJS.Timeout | null"],"sources":["../../../../src/hooks/use-interval/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\n/**\n * `useInterval` is a custom hook that runs a function at a specified interval.\n *\n * @see https://yamada-ui.com/docs/hooks/use-interval\n */\nexport const useInterval = (callback: () => void, delay: null | number) => {\n  const callbackRef = useCallbackRef(callback)\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (delay !== null) timeoutId = setInterval(callbackRef, delay)\n\n    return () => {\n      if (timeoutId) clearInterval(timeoutId)\n    }\n  }, [delay, callbackRef])\n}\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,eAAe,UAAsB,UAAyB;CACzE,MAAM,cAAcA,2BAAe,SAAS;AAE5C,4BAAgB;EACd,IAAIC,YAAmC;AAEvC,MAAI,UAAU,KAAM,aAAY,YAAY,aAAa,MAAM;AAE/D,eAAa;AACX,OAAI,UAAW,eAAc,UAAU;;IAExC,CAAC,OAAO,YAAY,CAAC"}
+{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-interval/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\n/**\n * `useInterval` is a custom hook that runs a function at a specified interval.\n *\n * @see https://yamada-ui.com/docs/hooks/use-interval\n */\nexport const useInterval = (callback: () => void, delay: null | number) => {\n  const callbackRef = useCallbackRef(callback)\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (delay !== null) timeoutId = setInterval(callbackRef, delay)\n\n    return () => {\n      if (timeoutId) clearInterval(timeoutId)\n    }\n  }, [delay, callbackRef])\n}\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,eAAe,UAAsB,UAAyB;CACzE,MAAM,cAAcA,YAAAA,eAAe,SAAS;CAE5C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,YAAmC;EAEvC,IAAI,UAAU,MAAM,YAAY,YAAY,aAAa,MAAM;EAE/D,aAAa;GACX,IAAI,WAAW,cAAc,UAAU;;IAExC,CAAC,OAAO,YAAY,CAAC"}

package/dist/cjs/hooks/use-lazy-mount/index.cjs

@@ -1,8 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
-
 //#region src/hooks/use-lazy-mount/index.ts
 const useLazyMount = ({ children, lazy, lazyBehavior = "unmount", mounted }) => {
 	const beforeMounted = (0, react.useRef)(false);
@@ -17,7 +16,7 @@ const useLazyMount = ({ children, lazy, lazyBehavior = "unmount", mounted }) =>
 	if (lazyBehavior === "keepMounted" && beforeMounted.current) return children;
 	return null;
 };
-
 //#endregion
 exports.useLazyMount = useLazyMount;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-lazy-mount/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-lazy-mount/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport { useRef } from \"react\"\n\nexport type LazyBehavior = \"keepMounted\" | \"unmount\"\n\nexport interface UseLazyMountProps {\n  children?: ReactNode\n  /**\n   * If `true`, rendering of the content will be deferred until it is selected.\n   *\n   * @default false\n   */\n  lazy?: boolean\n  /**\n   * The lazy behavior of content when not active. Only works when `lazy={true}`.\n   *\n   * - `unmount`: The content is always unmounted.\n   * - `keepMounted`: The content is initially unmounted, but stays mounted when selected.\n   *\n   * @default 'unmount'\n   */\n  lazyBehavior?: LazyBehavior\n  /**\n   * If `true`, the content is mounted.\n   *\n   * @default false\n   */\n  mounted?: boolean\n}\n\nexport const useLazyMount = ({\n  children,\n  lazy,\n  lazyBehavior = \"unmount\",\n  mounted,\n}: UseLazyMountProps): ReactNode => {\n  const beforeMounted = useRef<boolean>(false)\n\n  if (!lazy) {\n    beforeMounted.current = false\n\n    return children\n  }\n\n  if (mounted) {\n    beforeMounted.current = true\n\n    return children\n  }\n\n  if (lazyBehavior === \"keepMounted\" && beforeMounted.current) return children\n\n  return null\n}\n"],"mappings":";;;;;;AAgCA,MAAa,gBAAgB,EAC3B,UACA,MACA,eAAe,WACf,cACkC;CAClC,MAAM,kCAAgC,MAAM;AAE5C,KAAI,CAAC,MAAM;AACT,gBAAc,UAAU;AAExB,SAAO;;AAGT,KAAI,SAAS;AACX,gBAAc,UAAU;AAExB,SAAO;;AAGT,KAAI,iBAAiB,iBAAiB,cAAc,QAAS,QAAO;AAEpE,QAAO"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-lazy-mount/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport { useRef } from \"react\"\n\nexport type LazyBehavior = \"keepMounted\" | \"unmount\"\n\nexport interface UseLazyMountProps {\n  children?: ReactNode\n  /**\n   * If `true`, rendering of the content will be deferred until it is selected.\n   *\n   * @default false\n   */\n  lazy?: boolean\n  /**\n   * The lazy behavior of content when not active. Only works when `lazy={true}`.\n   *\n   * - `unmount`: The content is always unmounted.\n   * - `keepMounted`: The content is initially unmounted, but stays mounted when selected.\n   *\n   * @default 'unmount'\n   */\n  lazyBehavior?: LazyBehavior\n  /**\n   * If `true`, the content is mounted.\n   *\n   * @default false\n   */\n  mounted?: boolean\n}\n\nexport const useLazyMount = ({\n  children,\n  lazy,\n  lazyBehavior = \"unmount\",\n  mounted,\n}: UseLazyMountProps): ReactNode => {\n  const beforeMounted = useRef<boolean>(false)\n\n  if (!lazy) {\n    beforeMounted.current = false\n\n    return children\n  }\n\n  if (mounted) {\n    beforeMounted.current = true\n\n    return children\n  }\n\n  if (lazyBehavior === \"keepMounted\" && beforeMounted.current) return children\n\n  return null\n}\n"],"mappings":";;;;;AAgCA,MAAa,gBAAgB,EAC3B,UACA,MACA,eAAe,WACf,cACkC;CAClC,MAAM,iBAAA,GAAA,MAAA,QAAgC,MAAM;CAE5C,IAAI,CAAC,MAAM;EACT,cAAc,UAAU;EAExB,OAAO;;CAGT,IAAI,SAAS;EACX,cAAc,UAAU;EAExB,OAAO;;CAGT,IAAI,iBAAiB,iBAAiB,cAAc,SAAS,OAAO;CAEpE,OAAO"}

package/dist/cjs/hooks/use-local-storage/index.cjs

@@ -1,10 +1,9 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_hooks_use_window_event_index = require('../use-window-event/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_hooks_use_window_event_index = require("../use-window-event/index.cjs");
 let react = require("react");
-
 //#region src/hooks/use-local-storage/index.ts
 const serializeJSON = (value, name) => {
 	try {
@@ -23,7 +22,7 @@ const deserializeJSON = (value) => {
 };
 const createStorage = (type, name) => {
 	const eventName = type === "localStorage" ? "local-storage" : "session-storage";
-	return ({ key, defaultValue, deserialize = deserializeJSON, getInitialValueInEffect = true, serialize = (value$1) => serializeJSON(value$1, name) }) => {
+	return ({ key, defaultValue, deserialize = deserializeJSON, getInitialValueInEffect = true, serialize = (value) => serializeJSON(value, name) }) => {
 		const readStorageValue = (0, react.useCallback)((skipStorage) => {
 			if (typeof window === "undefined" || !(type in window) || window[type] == null || skipStorage) return defaultValue ?? "";
 			const storageValue = window[type].getItem(key);
@@ -86,8 +85,8 @@ const createStorage = (type, name) => {
 * @see https://yamada-ui.com/docs/hooks/use-local-storage
 */
 const useLocalStorage = (props) => createStorage("localStorage", "use-local-storage")(props);
-
 //#endregion
 exports.createStorage = createStorage;
 exports.useLocalStorage = useLocalStorage;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-local-storage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["value"],"sources":["../../../../src/hooks/use-local-storage/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isFunction } from \"../../utils\"\nimport { useWindowEvent } from \"../use-window-event\"\n\nexport type StorageType = \"localStorage\" | \"sessionStorage\"\n\nexport interface StorageProps<Y> {\n  key: string\n  defaultValue?: Y\n  getInitialValueInEffect?: boolean\n  deserialize?: (value: string | undefined) => Y\n  serialize?: (value: Y) => string\n}\n\nconst serializeJSON = <Y>(value: Y, name: string) => {\n  try {\n    return JSON.stringify(value)\n  } catch {\n    throw new Error(`useLocalStorage ${name}: Failed to serialize the value`)\n  }\n}\n\nconst deserializeJSON = (value: string | undefined) => {\n  if (!value) return value\n\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\nexport const createStorage = <Y>(type: StorageType, name: string) => {\n  const eventName =\n    type === \"localStorage\" ? \"local-storage\" : \"session-storage\"\n\n  return ({\n    key,\n    defaultValue,\n    deserialize = deserializeJSON,\n    getInitialValueInEffect = true,\n    serialize = (value: Y) => serializeJSON(value, name),\n  }: StorageProps<Y>) => {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): Y => {\n        if (\n          typeof window === \"undefined\" ||\n          !(type in window) ||\n          (window[type] as null | Storage | undefined) == null ||\n          skipStorage\n        ) {\n          return (defaultValue ?? \"\") as Y\n        }\n\n        const storageValue = window[type].getItem(key)\n\n        return storageValue !== null\n          ? deserialize(storageValue)\n          : ((defaultValue ?? \"\") as Y)\n      },\n      [key, deserialize, defaultValue],\n    )\n\n    const [value, setValue] = useState<Y>(\n      readStorageValue(getInitialValueInEffect),\n    )\n\n    const setStorageValue = useCallback(\n      (valOrFn: ((prevState: Y) => Y) | Y) => {\n        if (isFunction(valOrFn)) {\n          setValue((current) => {\n            const result = valOrFn(current)\n\n            window[type].setItem(key, serialize(result))\n            window.dispatchEvent(\n              new CustomEvent(eventName, {\n                detail: { key, value: valOrFn(current) },\n              }),\n            )\n\n            return result\n          })\n        } else {\n          window[type].setItem(key, serialize(valOrFn))\n          window.dispatchEvent(\n            new CustomEvent(eventName, { detail: { key, value: valOrFn } }),\n          )\n\n          setValue(valOrFn)\n        }\n      },\n      [key, serialize],\n    )\n\n    const removeStorageValue = useCallback(() => {\n      window[type].removeItem(key)\n      setValue(defaultValue as Y)\n    }, [defaultValue, key])\n\n    useWindowEvent(\"storage\", (ev) => {\n      if (ev.storageArea === window[type] && ev.key === key)\n        setValue(deserialize(ev.newValue ?? undefined))\n    })\n\n    useWindowEvent(eventName, (ev) => {\n      if (ev.detail.key === key) setValue(ev.detail.value)\n    })\n\n    useEffect(() => {\n      if (defaultValue !== undefined && value === undefined)\n        setStorageValue(defaultValue)\n    }, [defaultValue, value, setStorageValue])\n\n    useEffect(() => {\n      if (getInitialValueInEffect) setValue(readStorageValue())\n    }, [getInitialValueInEffect, readStorageValue])\n\n    return [\n      value === undefined ? defaultValue : value,\n      setStorageValue,\n      removeStorageValue,\n    ] as const\n  }\n}\n\n/**\n * `useLocalStorage` is a custom hook for storing, updating, and retrieving values in local storage.\n *\n * @see https://yamada-ui.com/docs/hooks/use-local-storage\n */\nexport const useLocalStorage = <Y = string>(props: StorageProps<Y>) =>\n  createStorage<Y>(\"localStorage\", \"use-local-storage\")(props)\n"],"mappings":";;;;;;;;AAgBA,MAAM,iBAAoB,OAAU,SAAiB;AACnD,KAAI;AACF,SAAO,KAAK,UAAU,MAAM;SACtB;AACN,QAAM,IAAI,MAAM,mBAAmB,KAAK,iCAAiC;;;AAI7E,MAAM,mBAAmB,UAA8B;AACrD,KAAI,CAAC,MAAO,QAAO;AAEnB,KAAI;AACF,SAAO,KAAK,MAAM,MAAM;SAClB;AACN,SAAO;;;AAIX,MAAa,iBAAoB,MAAmB,SAAiB;CACnE,MAAM,YACJ,SAAS,iBAAiB,kBAAkB;AAE9C,SAAQ,EACN,KACA,cACA,cAAc,iBACd,0BAA0B,MAC1B,aAAa,YAAa,cAAcA,SAAO,KAAK,OAC/B;EACrB,MAAM,2CACH,gBAA6B;AAC5B,OACE,OAAO,WAAW,eAClB,EAAE,QAAQ,WACT,OAAO,SAAwC,QAChD,YAEA,QAAQ,gBAAgB;GAG1B,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AAE9C,UAAO,iBAAiB,OACpB,YAAY,aAAa,GACvB,gBAAgB;KAExB;GAAC;GAAK;GAAa;GAAa,CACjC;EAED,MAAM,CAAC,OAAO,gCACZ,iBAAiB,wBAAwB,CAC1C;EAED,MAAM,0CACH,YAAuC;AACtC,yDAAe,QAAQ,CACrB,WAAU,YAAY;IACpB,MAAM,SAAS,QAAQ,QAAQ;AAE/B,WAAO,MAAM,QAAQ,KAAK,UAAU,OAAO,CAAC;AAC5C,WAAO,cACL,IAAI,YAAY,WAAW,EACzB,QAAQ;KAAE;KAAK,OAAO,QAAQ,QAAQ;KAAE,EACzC,CAAC,CACH;AAED,WAAO;KACP;QACG;AACL,WAAO,MAAM,QAAQ,KAAK,UAAU,QAAQ,CAAC;AAC7C,WAAO,cACL,IAAI,YAAY,WAAW,EAAE,QAAQ;KAAE;KAAK,OAAO;KAAS,EAAE,CAAC,CAChE;AAED,aAAS,QAAQ;;KAGrB,CAAC,KAAK,UAAU,CACjB;EAED,MAAM,kDAAuC;AAC3C,UAAO,MAAM,WAAW,IAAI;AAC5B,YAAS,aAAkB;KAC1B,CAAC,cAAc,IAAI,CAAC;AAEvB,sDAAe,YAAY,OAAO;AAChC,OAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,IAChD,UAAS,YAAY,GAAG,YAAY,OAAU,CAAC;IACjD;AAEF,sDAAe,YAAY,OAAO;AAChC,OAAI,GAAG,OAAO,QAAQ,IAAK,UAAS,GAAG,OAAO,MAAM;IACpD;AAEF,6BAAgB;AACd,OAAI,iBAAiB,UAAa,UAAU,OAC1C,iBAAgB,aAAa;KAC9B;GAAC;GAAc;GAAO;GAAgB,CAAC;AAE1C,6BAAgB;AACd,OAAI,wBAAyB,UAAS,kBAAkB,CAAC;KACxD,CAAC,yBAAyB,iBAAiB,CAAC;AAE/C,SAAO;GACL,UAAU,SAAY,eAAe;GACrC;GACA;GACD;;;;;;;;AASL,MAAa,mBAA+B,UAC1C,cAAiB,gBAAgB,oBAAoB,CAAC,MAAM"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-local-storage/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isFunction } from \"../../utils\"\nimport { useWindowEvent } from \"../use-window-event\"\n\nexport type StorageType = \"localStorage\" | \"sessionStorage\"\n\nexport interface StorageProps<Y> {\n  key: string\n  defaultValue?: Y\n  getInitialValueInEffect?: boolean\n  deserialize?: (value: string | undefined) => Y\n  serialize?: (value: Y) => string\n}\n\nconst serializeJSON = <Y>(value: Y, name: string) => {\n  try {\n    return JSON.stringify(value)\n  } catch {\n    throw new Error(`useLocalStorage ${name}: Failed to serialize the value`)\n  }\n}\n\nconst deserializeJSON = (value: string | undefined) => {\n  if (!value) return value\n\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\nexport const createStorage = <Y>(type: StorageType, name: string) => {\n  const eventName =\n    type === \"localStorage\" ? \"local-storage\" : \"session-storage\"\n\n  return ({\n    key,\n    defaultValue,\n    deserialize = deserializeJSON,\n    getInitialValueInEffect = true,\n    serialize = (value: Y) => serializeJSON(value, name),\n  }: StorageProps<Y>) => {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): Y => {\n        if (\n          typeof window === \"undefined\" ||\n          !(type in window) ||\n          (window[type] as null | Storage | undefined) == null ||\n          skipStorage\n        ) {\n          return (defaultValue ?? \"\") as Y\n        }\n\n        const storageValue = window[type].getItem(key)\n\n        return storageValue !== null\n          ? deserialize(storageValue)\n          : ((defaultValue ?? \"\") as Y)\n      },\n      [key, deserialize, defaultValue],\n    )\n\n    const [value, setValue] = useState<Y>(\n      readStorageValue(getInitialValueInEffect),\n    )\n\n    const setStorageValue = useCallback(\n      (valOrFn: ((prevState: Y) => Y) | Y) => {\n        if (isFunction(valOrFn)) {\n          setValue((current) => {\n            const result = valOrFn(current)\n\n            window[type].setItem(key, serialize(result))\n            window.dispatchEvent(\n              new CustomEvent(eventName, {\n                detail: { key, value: valOrFn(current) },\n              }),\n            )\n\n            return result\n          })\n        } else {\n          window[type].setItem(key, serialize(valOrFn))\n          window.dispatchEvent(\n            new CustomEvent(eventName, { detail: { key, value: valOrFn } }),\n          )\n\n          setValue(valOrFn)\n        }\n      },\n      [key, serialize],\n    )\n\n    const removeStorageValue = useCallback(() => {\n      window[type].removeItem(key)\n      setValue(defaultValue as Y)\n    }, [defaultValue, key])\n\n    useWindowEvent(\"storage\", (ev) => {\n      if (ev.storageArea === window[type] && ev.key === key)\n        setValue(deserialize(ev.newValue ?? undefined))\n    })\n\n    useWindowEvent(eventName, (ev) => {\n      if (ev.detail.key === key) setValue(ev.detail.value)\n    })\n\n    useEffect(() => {\n      if (defaultValue !== undefined && value === undefined)\n        setStorageValue(defaultValue)\n    }, [defaultValue, value, setStorageValue])\n\n    useEffect(() => {\n      if (getInitialValueInEffect) setValue(readStorageValue())\n    }, [getInitialValueInEffect, readStorageValue])\n\n    return [\n      value === undefined ? defaultValue : value,\n      setStorageValue,\n      removeStorageValue,\n    ] as const\n  }\n}\n\n/**\n * `useLocalStorage` is a custom hook for storing, updating, and retrieving values in local storage.\n *\n * @see https://yamada-ui.com/docs/hooks/use-local-storage\n */\nexport const useLocalStorage = <Y = string>(props: StorageProps<Y>) =>\n  createStorage<Y>(\"localStorage\", \"use-local-storage\")(props)\n"],"mappings":";;;;;;;AAgBA,MAAM,iBAAoB,OAAU,SAAiB;CACnD,IAAI;EACF,OAAO,KAAK,UAAU,MAAM;SACtB;EACN,MAAM,IAAI,MAAM,mBAAmB,KAAK,iCAAiC;;;AAI7E,MAAM,mBAAmB,UAA8B;CACrD,IAAI,CAAC,OAAO,OAAO;CAEnB,IAAI;EACF,OAAO,KAAK,MAAM,MAAM;SAClB;EACN,OAAO;;;AAIX,MAAa,iBAAoB,MAAmB,SAAiB;CACnE,MAAM,YACJ,SAAS,iBAAiB,kBAAkB;CAE9C,QAAQ,EACN,KACA,cACA,cAAc,iBACd,0BAA0B,MAC1B,aAAa,UAAa,cAAc,OAAO,KAAK,OAC/B;EACrB,MAAM,oBAAA,GAAA,MAAA,cACH,gBAA6B;GAC5B,IACE,OAAO,WAAW,eAClB,EAAE,QAAQ,WACT,OAAO,SAAwC,QAChD,aAEA,OAAQ,gBAAgB;GAG1B,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;GAE9C,OAAO,iBAAiB,OACpB,YAAY,aAAa,GACvB,gBAAgB;KAExB;GAAC;GAAK;GAAa;GAAa,CACjC;EAED,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,iBAAiB,wBAAwB,CAC1C;EAED,MAAM,mBAAA,GAAA,MAAA,cACH,YAAuC;GACtC,KAAA,GAAA,oBAAA,cAAA,YAAe,QAAQ,EACrB,UAAU,YAAY;IACpB,MAAM,SAAS,QAAQ,QAAQ;IAE/B,OAAO,MAAM,QAAQ,KAAK,UAAU,OAAO,CAAC;IAC5C,OAAO,cACL,IAAI,YAAY,WAAW,EACzB,QAAQ;KAAE;KAAK,OAAO,QAAQ,QAAQ;KAAE,EACzC,CAAC,CACH;IAED,OAAO;KACP;QACG;IACL,OAAO,MAAM,QAAQ,KAAK,UAAU,QAAQ,CAAC;IAC7C,OAAO,cACL,IAAI,YAAY,WAAW,EAAE,QAAQ;KAAE;KAAK,OAAO;KAAS,EAAE,CAAC,CAChE;IAED,SAAS,QAAQ;;KAGrB,CAAC,KAAK,UAAU,CACjB;EAED,MAAM,sBAAA,GAAA,MAAA,mBAAuC;GAC3C,OAAO,MAAM,WAAW,IAAI;GAC5B,SAAS,aAAkB;KAC1B,CAAC,cAAc,IAAI,CAAC;EAEvB,qCAAA,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,KAChD,SAAS,YAAY,GAAG,YAAY,KAAA,EAAU,CAAC;IACjD;EAEF,qCAAA,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,OAAO,QAAQ,KAAK,SAAS,GAAG,OAAO,MAAM;IACpD;EAEF,CAAA,GAAA,MAAA,iBAAgB;GACd,IAAI,iBAAiB,KAAA,KAAa,UAAU,KAAA,GAC1C,gBAAgB,aAAa;KAC9B;GAAC;GAAc;GAAO;GAAgB,CAAC;EAE1C,CAAA,GAAA,MAAA,iBAAgB;GACd,IAAI,yBAAyB,SAAS,kBAAkB,CAAC;KACxD,CAAC,yBAAyB,iBAAiB,CAAC;EAE/C,OAAO;GACL,UAAU,KAAA,IAAY,eAAe;GACrC;GACA;GACD;;;;;;;;AASL,MAAa,mBAA+B,UAC1C,cAAiB,gBAAgB,oBAAoB,CAAC,MAAM"}

package/dist/cjs/hooks/use-media-query/index.cjs

@@ -1,10 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_environment_provider = require('../../core/system/environment-provider.cjs');
-require('../../core/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_environment_provider = require("../../core/system/environment-provider.cjs");
 let react = require("react");
-
 //#region src/hooks/use-media-query/index.ts
 /**
 * `useMediaQuery` is a custom hook that detects whether it matches a media query.
@@ -29,7 +27,7 @@ const useMediaQuery = (query, fallback = false) => {
 	]);
 	return (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 };
-
 //#endregion
 exports.useMediaQuery = useMediaQuery;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-media-query/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEnvironment"],"sources":["../../../../src/hooks/use-media-query/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useSyncExternalStore } from \"react\"\nimport { useEnvironment } from \"../../core\"\n\n/**\n * `useMediaQuery` is a custom hook that detects whether it matches a media query.\n *\n * @see https://yamada-ui.com/docs/hooks/use-media-query\n */\nexport const useMediaQuery = (query: string, fallback = false): boolean => {\n  const { getWindow } = useEnvironment()\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const mql = getWindow()?.matchMedia(query)\n\n      mql?.addEventListener(\"change\", onStoreChange)\n\n      return () => {\n        mql?.removeEventListener(\"change\", onStoreChange)\n      }\n    },\n    [getWindow, query],\n  )\n\n  const getSnapshot = useCallback(() => {\n    return getWindow()?.matchMedia(query).matches ?? fallback\n  }, [getWindow, query, fallback])\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,iBAAiB,OAAe,WAAW,UAAmB;CACzE,MAAM,EAAE,cAAcA,6CAAgB;CAEtC,MAAM,oCACH,kBAA8B;EAC7B,MAAM,MAAM,WAAW,EAAE,WAAW,MAAM;AAE1C,OAAK,iBAAiB,UAAU,cAAc;AAE9C,eAAa;AACX,QAAK,oBAAoB,UAAU,cAAc;;IAGrD,CAAC,WAAW,MAAM,CACnB;CAED,MAAM,2CAAgC;AACpC,SAAO,WAAW,EAAE,WAAW,MAAM,CAAC,WAAW;IAChD;EAAC;EAAW;EAAO;EAAS,CAAC;AAEhC,wCAA4B,WAAW,aAAa,YAAY"}
+{"version":3,"file":"index.cjs","names":["useEnvironment"],"sources":["../../../../src/hooks/use-media-query/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useSyncExternalStore } from \"react\"\nimport { useEnvironment } from \"../../core\"\n\n/**\n * `useMediaQuery` is a custom hook that detects whether it matches a media query.\n *\n * @see https://yamada-ui.com/docs/hooks/use-media-query\n */\nexport const useMediaQuery = (query: string, fallback = false): boolean => {\n  const { getWindow } = useEnvironment()\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const mql = getWindow()?.matchMedia(query)\n\n      mql?.addEventListener(\"change\", onStoreChange)\n\n      return () => {\n        mql?.removeEventListener(\"change\", onStoreChange)\n      }\n    },\n    [getWindow, query],\n  )\n\n  const getSnapshot = useCallback(() => {\n    return getWindow()?.matchMedia(query).matches ?? fallback\n  }, [getWindow, query, fallback])\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,iBAAiB,OAAe,WAAW,UAAmB;CACzE,MAAM,EAAE,cAAcA,6BAAAA,gBAAgB;CAEtC,MAAM,aAAA,GAAA,MAAA,cACH,kBAA8B;EAC7B,MAAM,MAAM,WAAW,EAAE,WAAW,MAAM;EAE1C,KAAK,iBAAiB,UAAU,cAAc;EAE9C,aAAa;GACX,KAAK,oBAAoB,UAAU,cAAc;;IAGrD,CAAC,WAAW,MAAM,CACnB;CAED,MAAM,eAAA,GAAA,MAAA,mBAAgC;EACpC,OAAO,WAAW,EAAE,WAAW,MAAM,CAAC,WAAW;IAChD;EAAC;EAAW;EAAO;EAAS,CAAC;CAEhC,QAAA,GAAA,MAAA,sBAA4B,WAAW,aAAa,YAAY"}

package/dist/cjs/hooks/use-mounted/index.cjs

@@ -1,10 +1,8 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_effect = require('../../utils/effect.cjs');
-require('../../utils/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_effect = require("../../utils/effect.cjs");
 let react = require("react");
-
 //#region src/hooks/use-mounted/index.ts
 function useMounted({ delay = 0, state = false } = {}) {
 	const mountedRef = (0, react.useRef)(false);
@@ -23,7 +21,7 @@ function useMounted({ delay = 0, state = false } = {}) {
 	if (state) return mounted;
 	else return (0, react.useCallback)(() => mountedRef.current, []);
 }
-
 //#endregion
 exports.useMounted = useMounted;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-mounted/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["timeoutId: NodeJS.Timeout | null"],"sources":["../../../../src/hooks/use-mounted/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useSafeLayoutEffect } from \"../../utils\"\n\nexport interface UseMountedProps {\n  delay?: number\n  state?: boolean\n}\n\nexport function useMounted(props?: {\n  delay?: number\n  state?: false\n}): () => boolean\n\nexport function useMounted(props?: { delay?: number; state?: true }): boolean\n\nexport function useMounted({ delay = 0, state = false }: UseMountedProps = {}) {\n  const mountedRef = useRef(false)\n  const [mounted, setMounted] = useState(false)\n\n  useSafeLayoutEffect(() => {\n    mountedRef.current = true\n\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (state) {\n      if (delay > 0) {\n        timeoutId = setTimeout(() => setMounted(true), delay)\n      } else {\n        setMounted(true)\n      }\n    }\n\n    return () => {\n      mountedRef.current = false\n\n      if (state) setMounted(false)\n\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [delay, state])\n\n  if (state) {\n    return mounted\n  } else {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useCallback(() => mountedRef.current, [])\n  }\n}\n\nexport type UseMountedReturn = ReturnType<typeof useMounted>\n"],"mappings":";;;;;;;;AAiBA,SAAgB,WAAW,EAAE,QAAQ,GAAG,QAAQ,UAA2B,EAAE,EAAE;CAC7E,MAAM,+BAAoB,MAAM;CAChC,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAE7C,0CAA0B;AACxB,aAAW,UAAU;EAErB,IAAIA,YAAmC;AAEvC,MAAI,MACF,KAAI,QAAQ,EACV,aAAY,iBAAiB,WAAW,KAAK,EAAE,MAAM;MAErD,YAAW,KAAK;AAIpB,eAAa;AACX,cAAW,UAAU;AAErB,OAAI,MAAO,YAAW,MAAM;AAE5B,OAAI,UAAW,cAAa,UAAU;;IAEvC,CAAC,OAAO,MAAM,CAAC;AAElB,KAAI,MACF,QAAO;KAGP,qCAAyB,WAAW,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-mounted/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useSafeLayoutEffect } from \"../../utils\"\n\nexport interface UseMountedProps {\n  delay?: number\n  state?: boolean\n}\n\nexport function useMounted(props?: {\n  delay?: number\n  state?: false\n}): () => boolean\n\nexport function useMounted(props?: { delay?: number; state?: true }): boolean\n\nexport function useMounted({ delay = 0, state = false }: UseMountedProps = {}) {\n  const mountedRef = useRef(false)\n  const [mounted, setMounted] = useState(false)\n\n  useSafeLayoutEffect(() => {\n    mountedRef.current = true\n\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (state) {\n      if (delay > 0) {\n        timeoutId = setTimeout(() => setMounted(true), delay)\n      } else {\n        setMounted(true)\n      }\n    }\n\n    return () => {\n      mountedRef.current = false\n\n      if (state) setMounted(false)\n\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [delay, state])\n\n  if (state) {\n    return mounted\n  } else {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useCallback(() => mountedRef.current, [])\n  }\n}\n\nexport type UseMountedReturn = ReturnType<typeof useMounted>\n"],"mappings":";;;;;;AAiBA,SAAgB,WAAW,EAAE,QAAQ,GAAG,QAAQ,UAA2B,EAAE,EAAE;CAC7E,MAAM,cAAA,GAAA,MAAA,QAAoB,MAAM;CAChC,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAE7C,eAAA,0BAA0B;EACxB,WAAW,UAAU;EAErB,IAAI,YAAmC;EAEvC,IAAI,OACF,IAAI,QAAQ,GACV,YAAY,iBAAiB,WAAW,KAAK,EAAE,MAAM;OAErD,WAAW,KAAK;EAIpB,aAAa;GACX,WAAW,UAAU;GAErB,IAAI,OAAO,WAAW,MAAM;GAE5B,IAAI,WAAW,aAAa,UAAU;;IAEvC,CAAC,OAAO,MAAM,CAAC;CAElB,IAAI,OACF,OAAO;MAGP,QAAA,GAAA,MAAA,mBAAyB,WAAW,SAAS,EAAE,CAAC"}

package/dist/cjs/hooks/use-online/index.cjs

@@ -1,8 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
-
 //#region src/hooks/use-online/index.ts
 function subscribe(callback) {
 	window.addEventListener("online", callback);
@@ -18,7 +17,7 @@ function getSnapshot() {
 function useOnline(getServerSnapshot = () => true) {
 	return (0, react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-
 //#endregion
 exports.useOnline = useOnline;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-online/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-online/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useSyncExternalStore } from \"react\"\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"online\", callback)\n  window.addEventListener(\"offline\", callback)\n\n  return () => {\n    window.removeEventListener(\"online\", callback)\n    window.removeEventListener(\"offline\", callback)\n  }\n}\n\nfunction getSnapshot() {\n  return window.navigator.onLine\n}\n\nexport interface UseOnlineProps {}\n\nexport function useOnline(\n  getServerSnapshot: () => boolean = () => true,\n): boolean {\n  const online = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n  return online\n}\n\nexport type UseOnlineReturn = ReturnType<typeof useOnline>\n"],"mappings":";;;;;;AAIA,SAAS,UAAU,UAAsB;AACvC,QAAO,iBAAiB,UAAU,SAAS;AAC3C,QAAO,iBAAiB,WAAW,SAAS;AAE5C,cAAa;AACX,SAAO,oBAAoB,UAAU,SAAS;AAC9C,SAAO,oBAAoB,WAAW,SAAS;;;AAInD,SAAS,cAAc;AACrB,QAAO,OAAO,UAAU;;AAK1B,SAAgB,UACd,0BAAyC,MAChC;AAGT,wCAFoC,WAAW,aAAa,kBAAkB"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-online/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useSyncExternalStore } from \"react\"\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"online\", callback)\n  window.addEventListener(\"offline\", callback)\n\n  return () => {\n    window.removeEventListener(\"online\", callback)\n    window.removeEventListener(\"offline\", callback)\n  }\n}\n\nfunction getSnapshot() {\n  return window.navigator.onLine\n}\n\nexport interface UseOnlineProps {}\n\nexport function useOnline(\n  getServerSnapshot: () => boolean = () => true,\n): boolean {\n  const online = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n  return online\n}\n\nexport type UseOnlineReturn = ReturnType<typeof useOnline>\n"],"mappings":";;;;;AAIA,SAAS,UAAU,UAAsB;CACvC,OAAO,iBAAiB,UAAU,SAAS;CAC3C,OAAO,iBAAiB,WAAW,SAAS;CAE5C,aAAa;EACX,OAAO,oBAAoB,UAAU,SAAS;EAC9C,OAAO,oBAAoB,WAAW,SAAS;;;AAInD,SAAS,cAAc;CACrB,OAAO,OAAO,UAAU;;AAK1B,SAAgB,UACd,0BAAyC,MAChC;CAGT,QAAA,GAAA,MAAA,sBAFoC,WAAW,aAAa,kBAE/C"}

package/dist/cjs/hooks/use-os/index.cjs

@@ -1,7 +1,6 @@
-const require_utils_index = require('../../utils/index.cjs');
-const require_environment_provider = require('../../core/system/environment-provider.cjs');
-require('../../core/index.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils_index = require("../../utils/index.cjs");
+const require_environment_provider = require("../../core/system/environment-provider.cjs");
 //#region src/hooks/use-os/index.ts
 const getOS = ({ navigator: { userAgent } }) => {
 	const macos = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i;
@@ -29,7 +28,7 @@ const useOS = () => {
 	if (!(0, require_utils_index.utils_exports.isUndefined)(win)) return getOS(win);
 	return "undetermined";
 };
-
 //#endregion
 exports.useOS = useOS;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-os/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEnvironment"],"sources":["../../../../src/hooks/use-os/index.ts"],"sourcesContent":["import { useEnvironment } from \"../../core\"\nimport { isUndefined } from \"../../utils\"\n\nexport type OS =\n  | \"android\"\n  | \"chromeos\"\n  | \"ios\"\n  | \"linux\"\n  | \"macos\"\n  | \"undetermined\"\n  | \"windows\"\n\nconst getOS = ({ navigator: { userAgent } }: Window): OS => {\n  const macos = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i\n  const windows = /(Win32)|(Win64)|(Windows)|(WinCE)/i\n  const ios = /(iPhone)|(iPad)|(iPod)/i\n  const android = /Android/i\n  const linux = /Linux/i\n  const chromeos = /CrOS/i\n\n  if (macos.test(userAgent)) return \"macos\"\n  if (ios.test(userAgent)) return \"ios\"\n  if (windows.test(userAgent)) return \"windows\"\n  if (android.test(userAgent)) return \"android\"\n  if (linux.test(userAgent)) return \"linux\"\n  if (chromeos.test(userAgent)) return \"chromeos\"\n\n  return \"undetermined\"\n}\n\n/**\n * `useOS` is a custom hook that returns the user's OS.\n *\n * @see https://yamada-ui.com/docs/hooks/use-os\n */\nexport const useOS = (): OS => {\n  const { getWindow } = useEnvironment()\n  const win = getWindow()\n\n  if (!isUndefined(win)) return getOS(win)\n\n  return \"undetermined\"\n}\n"],"mappings":";;;;;AAYA,MAAM,SAAS,EAAE,WAAW,EAAE,kBAA8B;CAC1D,MAAM,QAAQ;CACd,MAAM,UAAU;CAChB,MAAM,MAAM;CACZ,MAAM,UAAU;CAChB,MAAM,QAAQ;CACd,MAAM,WAAW;AAEjB,KAAI,MAAM,KAAK,UAAU,CAAE,QAAO;AAClC,KAAI,IAAI,KAAK,UAAU,CAAE,QAAO;AAChC,KAAI,QAAQ,KAAK,UAAU,CAAE,QAAO;AACpC,KAAI,QAAQ,KAAK,UAAU,CAAE,QAAO;AACpC,KAAI,MAAM,KAAK,UAAU,CAAE,QAAO;AAClC,KAAI,SAAS,KAAK,UAAU,CAAE,QAAO;AAErC,QAAO;;;;;;;AAQT,MAAa,cAAkB;CAC7B,MAAM,EAAE,cAAcA,6CAAgB;CACtC,MAAM,MAAM,WAAW;AAEvB,KAAI,oDAAa,IAAI,CAAE,QAAO,MAAM,IAAI;AAExC,QAAO"}
+{"version":3,"file":"index.cjs","names":["useEnvironment"],"sources":["../../../../src/hooks/use-os/index.ts"],"sourcesContent":["import { useEnvironment } from \"../../core\"\nimport { isUndefined } from \"../../utils\"\n\nexport type OS =\n  | \"android\"\n  | \"chromeos\"\n  | \"ios\"\n  | \"linux\"\n  | \"macos\"\n  | \"undetermined\"\n  | \"windows\"\n\nconst getOS = ({ navigator: { userAgent } }: Window): OS => {\n  const macos = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i\n  const windows = /(Win32)|(Win64)|(Windows)|(WinCE)/i\n  const ios = /(iPhone)|(iPad)|(iPod)/i\n  const android = /Android/i\n  const linux = /Linux/i\n  const chromeos = /CrOS/i\n\n  if (macos.test(userAgent)) return \"macos\"\n  if (ios.test(userAgent)) return \"ios\"\n  if (windows.test(userAgent)) return \"windows\"\n  if (android.test(userAgent)) return \"android\"\n  if (linux.test(userAgent)) return \"linux\"\n  if (chromeos.test(userAgent)) return \"chromeos\"\n\n  return \"undetermined\"\n}\n\n/**\n * `useOS` is a custom hook that returns the user's OS.\n *\n * @see https://yamada-ui.com/docs/hooks/use-os\n */\nexport const useOS = (): OS => {\n  const { getWindow } = useEnvironment()\n  const win = getWindow()\n\n  if (!isUndefined(win)) return getOS(win)\n\n  return \"undetermined\"\n}\n"],"mappings":";;;;AAYA,MAAM,SAAS,EAAE,WAAW,EAAE,kBAA8B;CAC1D,MAAM,QAAQ;CACd,MAAM,UAAU;CAChB,MAAM,MAAM;CACZ,MAAM,UAAU;CAChB,MAAM,QAAQ;CACd,MAAM,WAAW;CAEjB,IAAI,MAAM,KAAK,UAAU,EAAE,OAAO;CAClC,IAAI,IAAI,KAAK,UAAU,EAAE,OAAO;CAChC,IAAI,QAAQ,KAAK,UAAU,EAAE,OAAO;CACpC,IAAI,QAAQ,KAAK,UAAU,EAAE,OAAO;CACpC,IAAI,MAAM,KAAK,UAAU,EAAE,OAAO;CAClC,IAAI,SAAS,KAAK,UAAU,EAAE,OAAO;CAErC,OAAO;;;;;;;AAQT,MAAa,cAAkB;CAC7B,MAAM,EAAE,cAAcA,6BAAAA,gBAAgB;CACtC,MAAM,MAAM,WAAW;CAEvB,IAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,IAAI,EAAE,OAAO,MAAM,IAAI;CAExC,OAAO"}

package/dist/cjs/hooks/use-outside-click/index.cjs

@@ -1,10 +1,9 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
-
 //#region src/hooks/use-outside-click/index.ts
 /**
 * `useOutsideClick` is a custom hook that detects click events outside of an element.
@@ -75,10 +74,10 @@ const isValidEvent = (ev, ref) => {
 	if (target) {
 		if (!(0, require_utils_index.utils_exports.getDocument)(target).contains(target)) return false;
 	}
-	if ((0, require_utils_index.utils_exports.isArray)(ref)) return !ref.some((ref$1) => ref$1.current?.contains(target));
+	if ((0, require_utils_index.utils_exports.isArray)(ref)) return !ref.some((ref) => ref.current?.contains(target));
 	else return !ref.current?.contains(target);
 };
-
 //#endregion
 exports.useOutsideClick = useOutsideClick;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-outside-click/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useCallbackRef","ref"],"sources":["../../../../src/hooks/use-outside-click/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { getDocument, isArray, useCallbackRef } from \"../../utils\"\n\nexport interface UseOutsideClickProps {\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[]\n  enabled?: boolean\n  handler?: (ev: Event) => void\n}\n\n/**\n * `useOutsideClick` is a custom hook that detects click events outside of an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-outside-click\n */\nexport const useOutsideClick = ({\n  ref,\n  enabled = true,\n  handler,\n}: UseOutsideClickProps) => {\n  const handlerRef = useCallbackRef(handler)\n\n  const state = useRef({\n    ignoreEmulatedMouseEvents: false,\n    isPointerDown: false,\n  })\n\n  const onPointerDown = useCallback(\n    (ev: MouseEvent | TouchEvent) => {\n      if (isValidEvent(ev, ref)) state.current.isPointerDown = true\n    },\n    [ref],\n  )\n\n  const onMouseUp = useCallback(\n    (ev: MouseEvent) => {\n      if (state.current.ignoreEmulatedMouseEvents) {\n        state.current.ignoreEmulatedMouseEvents = false\n\n        return\n      }\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      state.current.ignoreEmulatedMouseEvents = true\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const doc = getDocument(isArray(ref) ? ref[0]?.current : ref.current)\n\n    doc.addEventListener(\"mousedown\", onPointerDown, true)\n    doc.addEventListener(\"mouseup\", onMouseUp, true)\n    doc.addEventListener(\"touchstart\", onPointerDown, true)\n    doc.addEventListener(\"touchend\", onTouchEnd, true)\n\n    return () => {\n      doc.removeEventListener(\"mousedown\", onPointerDown, true)\n      doc.removeEventListener(\"mouseup\", onMouseUp, true)\n      doc.removeEventListener(\"touchstart\", onPointerDown, true)\n      doc.removeEventListener(\"touchend\", onTouchEnd, true)\n    }\n  }, [\n    handler,\n    ref,\n    handlerRef,\n    state,\n    enabled,\n    onPointerDown,\n    onMouseUp,\n    onTouchEnd,\n  ])\n}\n\nconst isValidEvent = (\n  ev: MouseEvent | TouchEvent,\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n) => {\n  const target = ev.target as HTMLElement | null\n\n  if (\"button\" in ev && ev.button > 0) return false\n\n  if (target) if (!getDocument(target).contains(target)) return false\n\n  if (isArray(ref)) {\n    return !ref.some((ref) => ref.current?.contains(target))\n  } else {\n    return !ref.current?.contains(target)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,mBAAmB,EAC9B,KACA,UAAU,MACV,cAC0B;CAC1B,MAAM,aAAaA,2BAAe,QAAQ;CAE1C,MAAM,0BAAe;EACnB,2BAA2B;EAC3B,eAAe;EAChB,CAAC;CAEF,MAAM,wCACH,OAAgC;AAC/B,MAAI,aAAa,IAAI,IAAI,CAAE,OAAM,QAAQ,gBAAgB;IAE3D,CAAC,IAAI,CACN;CAED,MAAM,oCACH,OAAmB;AAClB,MAAI,MAAM,QAAQ,2BAA2B;AAC3C,SAAM,QAAQ,4BAA4B;AAE1C;;AAGF,MAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;AACnE,SAAM,QAAQ,gBAAgB;AAE9B,cAAW,GAAG;;IAGlB;EAAC;EAAS;EAAY;EAAI,CAC3B;CAED,MAAM,qCACH,OAAmB;AAClB,QAAM,QAAQ,4BAA4B;AAE1C,MAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;AACnE,SAAM,QAAQ,gBAAgB;AAE9B,cAAW,GAAG;;IAGlB;EAAC;EAAS;EAAY;EAAI,CAC3B;AAED,4BAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,wGAA0B,IAAI,GAAG,IAAI,IAAI,UAAU,IAAI,QAAQ;AAErE,MAAI,iBAAiB,aAAa,eAAe,KAAK;AACtD,MAAI,iBAAiB,WAAW,WAAW,KAAK;AAChD,MAAI,iBAAiB,cAAc,eAAe,KAAK;AACvD,MAAI,iBAAiB,YAAY,YAAY,KAAK;AAElD,eAAa;AACX,OAAI,oBAAoB,aAAa,eAAe,KAAK;AACzD,OAAI,oBAAoB,WAAW,WAAW,KAAK;AACnD,OAAI,oBAAoB,cAAc,eAAe,KAAK;AAC1D,OAAI,oBAAoB,YAAY,YAAY,KAAK;;IAEtD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;;AAGJ,MAAM,gBACJ,IACA,QACG;CACH,MAAM,SAAS,GAAG;AAElB,KAAI,YAAY,MAAM,GAAG,SAAS,EAAG,QAAO;AAE5C,KAAI,QAAQ;MAAI,oDAAa,OAAO,CAAC,SAAS,OAAO,CAAE,QAAO;;AAE9D,oDAAY,IAAI,CACd,QAAO,CAAC,IAAI,MAAM,UAAQC,MAAI,SAAS,SAAS,OAAO,CAAC;KAExD,QAAO,CAAC,IAAI,SAAS,SAAS,OAAO"}
+{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-outside-click/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { getDocument, isArray, useCallbackRef } from \"../../utils\"\n\nexport interface UseOutsideClickProps {\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[]\n  enabled?: boolean\n  handler?: (ev: Event) => void\n}\n\n/**\n * `useOutsideClick` is a custom hook that detects click events outside of an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-outside-click\n */\nexport const useOutsideClick = ({\n  ref,\n  enabled = true,\n  handler,\n}: UseOutsideClickProps) => {\n  const handlerRef = useCallbackRef(handler)\n\n  const state = useRef({\n    ignoreEmulatedMouseEvents: false,\n    isPointerDown: false,\n  })\n\n  const onPointerDown = useCallback(\n    (ev: MouseEvent | TouchEvent) => {\n      if (isValidEvent(ev, ref)) state.current.isPointerDown = true\n    },\n    [ref],\n  )\n\n  const onMouseUp = useCallback(\n    (ev: MouseEvent) => {\n      if (state.current.ignoreEmulatedMouseEvents) {\n        state.current.ignoreEmulatedMouseEvents = false\n\n        return\n      }\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      state.current.ignoreEmulatedMouseEvents = true\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const doc = getDocument(isArray(ref) ? ref[0]?.current : ref.current)\n\n    doc.addEventListener(\"mousedown\", onPointerDown, true)\n    doc.addEventListener(\"mouseup\", onMouseUp, true)\n    doc.addEventListener(\"touchstart\", onPointerDown, true)\n    doc.addEventListener(\"touchend\", onTouchEnd, true)\n\n    return () => {\n      doc.removeEventListener(\"mousedown\", onPointerDown, true)\n      doc.removeEventListener(\"mouseup\", onMouseUp, true)\n      doc.removeEventListener(\"touchstart\", onPointerDown, true)\n      doc.removeEventListener(\"touchend\", onTouchEnd, true)\n    }\n  }, [\n    handler,\n    ref,\n    handlerRef,\n    state,\n    enabled,\n    onPointerDown,\n    onMouseUp,\n    onTouchEnd,\n  ])\n}\n\nconst isValidEvent = (\n  ev: MouseEvent | TouchEvent,\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n) => {\n  const target = ev.target as HTMLElement | null\n\n  if (\"button\" in ev && ev.button > 0) return false\n\n  if (target) if (!getDocument(target).contains(target)) return false\n\n  if (isArray(ref)) {\n    return !ref.some((ref) => ref.current?.contains(target))\n  } else {\n    return !ref.current?.contains(target)\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,mBAAmB,EAC9B,KACA,UAAU,MACV,cAC0B;CAC1B,MAAM,aAAaA,YAAAA,eAAe,QAAQ;CAE1C,MAAM,SAAA,GAAA,MAAA,QAAe;EACnB,2BAA2B;EAC3B,eAAe;EAChB,CAAC;CAEF,MAAM,iBAAA,GAAA,MAAA,cACH,OAAgC;EAC/B,IAAI,aAAa,IAAI,IAAI,EAAE,MAAM,QAAQ,gBAAgB;IAE3D,CAAC,IAAI,CACN;CAED,MAAM,aAAA,GAAA,MAAA,cACH,OAAmB;EAClB,IAAI,MAAM,QAAQ,2BAA2B;GAC3C,MAAM,QAAQ,4BAA4B;GAE1C;;EAGF,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,GAAG;;IAGlB;EAAC;EAAS;EAAY;EAAI,CAC3B;CAED,MAAM,cAAA,GAAA,MAAA,cACH,OAAmB;EAClB,MAAM,QAAQ,4BAA4B;EAE1C,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,GAAG;;IAGlB;EAAC;EAAS;EAAY;EAAI,CAC3B;CAED,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,OAAA,GAAA,oBAAA,cAAA,cAAA,GAAA,oBAAA,cAAA,SAA0B,IAAI,GAAG,IAAI,IAAI,UAAU,IAAI,QAAQ;EAErE,IAAI,iBAAiB,aAAa,eAAe,KAAK;EACtD,IAAI,iBAAiB,WAAW,WAAW,KAAK;EAChD,IAAI,iBAAiB,cAAc,eAAe,KAAK;EACvD,IAAI,iBAAiB,YAAY,YAAY,KAAK;EAElD,aAAa;GACX,IAAI,oBAAoB,aAAa,eAAe,KAAK;GACzD,IAAI,oBAAoB,WAAW,WAAW,KAAK;GACnD,IAAI,oBAAoB,cAAc,eAAe,KAAK;GAC1D,IAAI,oBAAoB,YAAY,YAAY,KAAK;;IAEtD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;;AAGJ,MAAM,gBACJ,IACA,QACG;CACH,MAAM,SAAS,GAAG;CAElB,IAAI,YAAY,MAAM,GAAG,SAAS,GAAG,OAAO;CAE5C,IAAI;MAAY,EAAA,GAAA,oBAAA,cAAA,aAAa,OAAO,CAAC,SAAS,OAAO,EAAE,OAAO;;CAE9D,KAAA,GAAA,oBAAA,cAAA,SAAY,IAAI,EACd,OAAO,CAAC,IAAI,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,CAAC;MAExD,OAAO,CAAC,IAAI,SAAS,SAAS,OAAO"}

package/dist/cjs/hooks/use-pan-event/index.cjs

@@ -1,13 +1,11 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_effect = require('../../utils/effect.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_environment_provider = require('../../core/system/environment-provider.cjs');
-require('../../core/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_effect = require("../../utils/effect.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_environment_provider = require("../../core/system/environment-provider.cjs");
 let react = require("react");
-
 //#region src/hooks/use-pan-event/index.ts
 const usePanEvent = ({ threshold = 3, ...rest } = {}) => {
 	const { getWindow } = require_environment_provider.useEnvironment();
@@ -18,7 +16,7 @@ const usePanEvent = ({ threshold = 3, ...rest } = {}) => {
 	const unsubscribe = (0, react.useRef)([]);
 	const ref = (0, react.useRef)(null);
 	const cleanup = (0, react.useCallback)(() => {
-		unsubscribe.current.forEach((unsubscribe$1) => unsubscribe$1());
+		unsubscribe.current.forEach((unsubscribe) => unsubscribe());
 		latestPoint.current = null;
 		unsubscribe.current = [];
 	}, []);
@@ -44,23 +42,23 @@ const usePanEvent = ({ threshold = 3, ...rest } = {}) => {
 				const rect = ref.current.getBoundingClientRect();
 				onStart(ev.nativeEvent, point, rect);
 				latestPoint.current = point;
-				unsubscribe.current.push((0, require_utils_index.utils_exports.addDomEvent)(win, "pointermove", (ev$1) => {
+				unsubscribe.current.push((0, require_utils_index.utils_exports.addDomEvent)(win, "pointermove", (ev) => {
 					if (!ref.current) return;
-					const point$1 = (0, require_utils_index.utils_exports.getEventPoint)(ev$1);
-					const rect$1 = ref.current.getBoundingClientRect();
-					if (!shouldMove(point$1)) return;
-					latestPoint.current = point$1;
-					onMove(ev$1, point$1, rect$1);
+					const point = (0, require_utils_index.utils_exports.getEventPoint)(ev);
+					const rect = ref.current.getBoundingClientRect();
+					if (!shouldMove(point)) return;
+					latestPoint.current = point;
+					onMove(ev, point, rect);
 				}));
-				unsubscribe.current.push((0, require_utils_index.utils_exports.addDomEvent)(win, "pointerup", (ev$1) => {
+				unsubscribe.current.push((0, require_utils_index.utils_exports.addDomEvent)(win, "pointerup", (ev) => {
 					if (!ref.current) return;
 					cleanup();
-					onEnd(ev$1, (0, require_utils_index.utils_exports.getEventPoint)(ev$1), ref.current.getBoundingClientRect());
+					onEnd(ev, (0, require_utils_index.utils_exports.getEventPoint)(ev), ref.current.getBoundingClientRect());
 				}));
-				unsubscribe.current.push((0, require_utils_index.utils_exports.addDomEvent)(win, "pointercancel", (ev$1) => {
+				unsubscribe.current.push((0, require_utils_index.utils_exports.addDomEvent)(win, "pointercancel", (ev) => {
 					if (!ref.current) return;
 					cleanup();
-					onEnd(ev$1, (0, require_utils_index.utils_exports.getEventPoint)(ev$1), ref.current.getBoundingClientRect());
+					onEnd(ev, (0, require_utils_index.utils_exports.getEventPoint)(ev), ref.current.getBoundingClientRect());
 				}));
 			})
 		};
@@ -73,7 +71,7 @@ const usePanEvent = ({ threshold = 3, ...rest } = {}) => {
 		shouldMove
 	])];
 };
-
 //#endregion
 exports.usePanEvent = usePanEvent;
+
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/use-pan-event/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef","unsubscribe","mergeRefs","point","ev","rect"],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  DataAttributes,\n  HTMLAttributes,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport type { Point } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  handlerAll,\n  isMultiTouchEvent,\n  mergeRefs,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface PanEventProps {\n  threshold?: number\n  onEnd?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onMove?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onStart?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n}\n\ninterface Props<Y extends HTMLElement>\n  extends DataAttributes, HTMLAttributes<Y>, RefAttributes<Y> {}\n\nexport const usePanEvent = <Y extends HTMLElement>({\n  threshold = 3,\n  ...rest\n}: PanEventProps = {}): [\n  RefObject<null | Y>,\n  (props?: Props<Y>) => Props<Y>,\n] => {\n  const { getWindow } = useEnvironment()\n  const onStart = useCallbackRef(rest.onStart)\n  const onMove = useCallbackRef(rest.onMove)\n  const onEnd = useCallbackRef(rest.onEnd)\n  const latestPoint = useRef<null | Point>(null)\n  const unsubscribe = useRef<(() => void)[]>([])\n  const ref = useRef<Y>(null)\n\n  const cleanup = useCallback(() => {\n    unsubscribe.current.forEach((unsubscribe) => unsubscribe())\n\n    latestPoint.current = null\n    unsubscribe.current = []\n  }, [])\n\n  const shouldMove = useCallback(\n    (point: Point) => {\n      if (threshold === 0) return true\n      if (!latestPoint.current) return true\n\n      const distance = Math.sqrt(\n        Math.pow(point.x - latestPoint.current.x, 2) +\n          Math.pow(point.y - latestPoint.current.y, 2),\n      )\n\n      return distance >= threshold\n    },\n    [threshold],\n  )\n\n  useUnmountEffect(() => {\n    cleanup()\n  })\n\n  const getProps = useCallback(\n    (props: Props<Y> = {}) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, props.ref),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          const win = ev.nativeEvent.view ?? getWindow()\n\n          if (!win) return\n          if (isMultiTouchEvent(ev.nativeEvent)) return\n          if (!ref.current) return\n\n          ev.preventDefault()\n\n          const point = getEventPoint(ev.nativeEvent)\n          const rect = ref.current.getBoundingClientRect()\n\n          onStart(ev.nativeEvent, point, rect)\n\n          latestPoint.current = point\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointermove\", (ev) => {\n              if (!ref.current) return\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              if (!shouldMove(point)) return\n\n              latestPoint.current = point\n\n              onMove(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointerup\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointercancel\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n        }),\n      }\n    },\n    [cleanup, getWindow, onEnd, onMove, onStart, shouldMove],\n  )\n\n  return [ref, getProps] as const\n}\n\nexport type UsePanEventReturn = ReturnType<typeof usePanEvent>\n"],"mappings":";;;;;;;;;;;AA+BA,MAAa,eAAsC,EACjD,YAAY,GACZ,GAAG,SACc,EAAE,KAGhB;CACH,MAAM,EAAE,cAAcA,6CAAgB;CACtC,MAAM,UAAUC,2BAAe,KAAK,QAAQ;CAC5C,MAAM,SAASA,2BAAe,KAAK,OAAO;CAC1C,MAAM,QAAQA,2BAAe,KAAK,MAAM;CACxC,MAAM,gCAAmC,KAAK;CAC9C,MAAM,gCAAqC,EAAE,CAAC;CAC9C,MAAM,wBAAgB,KAAK;CAE3B,MAAM,uCAA4B;AAChC,cAAY,QAAQ,SAAS,kBAAgBC,eAAa,CAAC;AAE3D,cAAY,UAAU;AACtB,cAAY,UAAU,EAAE;IACvB,EAAE,CAAC;CAEN,MAAM,qCACH,UAAiB;AAChB,MAAI,cAAc,EAAG,QAAO;AAC5B,MAAI,CAAC,YAAY,QAAS,QAAO;AAOjC,SALiB,KAAK,KACpB,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,GAC1C,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,CAC/C,IAEkB;IAErB,CAAC,UAAU,CACZ;AAED,uCAAuB;AACrB,WAAS;GACT;AAqEF,QAAO,CAAC,6BAlEL,QAAkB,EAAE,KAAK;AACxB,SAAO;GACL,GAAG;GACH,KAAKC,sBAAU,KAAK,MAAM,IAAI;GAC9B,iEAA0B,MAAM,gBAAgB,OAAO;IACrD,MAAM,MAAM,GAAG,YAAY,QAAQ,WAAW;AAE9C,QAAI,CAAC,IAAK;AACV,iEAAsB,GAAG,YAAY,CAAE;AACvC,QAAI,CAAC,IAAI,QAAS;AAElB,OAAG,gBAAgB;IAEnB,MAAM,6DAAsB,GAAG,YAAY;IAC3C,MAAM,OAAO,IAAI,QAAQ,uBAAuB;AAEhD,YAAQ,GAAG,aAAa,OAAO,KAAK;AAEpC,gBAAY,UAAU;AAEtB,gBAAY,QAAQ,wDACN,KAAK,gBAAgB,SAAO;AACtC,SAAI,CAAC,IAAI,QAAS;KAElB,MAAMC,+DAAsBC,KAAG;KAC/B,MAAMC,SAAO,IAAI,QAAQ,uBAAuB;AAEhD,SAAI,CAAC,WAAWF,QAAM,CAAE;AAExB,iBAAY,UAAUA;AAEtB,YAAOC,MAAID,SAAOE,OAAK;MACvB,CACH;AAED,gBAAY,QAAQ,wDACN,KAAK,cAAc,SAAO;AACpC,SAAI,CAAC,IAAI,QAAS;AAElB,cAAS;AAKT,WAAMD,2DAHsBA,KAAG,EAClB,IAAI,QAAQ,uBAAuB,CAE1B;MACtB,CACH;AAED,gBAAY,QAAQ,wDACN,KAAK,kBAAkB,SAAO;AACxC,SAAI,CAAC,IAAI,QAAS;AAElB,cAAS;AAKT,WAAMA,2DAHsBA,KAAG,EAClB,IAAI,QAAQ,uBAAuB,CAE1B;MACtB,CACH;KACD;GACH;IAEH;EAAC;EAAS;EAAW;EAAO;EAAQ;EAAS;EAAW,CACzD,CAEqB"}
+{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef","mergeRefs"],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  DataAttributes,\n  HTMLAttributes,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport type { Point } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  handlerAll,\n  isMultiTouchEvent,\n  mergeRefs,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface PanEventProps {\n  threshold?: number\n  onEnd?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onMove?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onStart?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n}\n\ninterface Props<Y extends HTMLElement>\n  extends DataAttributes, HTMLAttributes<Y>, RefAttributes<Y> {}\n\nexport const usePanEvent = <Y extends HTMLElement>({\n  threshold = 3,\n  ...rest\n}: PanEventProps = {}): [\n  RefObject<null | Y>,\n  (props?: Props<Y>) => Props<Y>,\n] => {\n  const { getWindow } = useEnvironment()\n  const onStart = useCallbackRef(rest.onStart)\n  const onMove = useCallbackRef(rest.onMove)\n  const onEnd = useCallbackRef(rest.onEnd)\n  const latestPoint = useRef<null | Point>(null)\n  const unsubscribe = useRef<(() => void)[]>([])\n  const ref = useRef<Y>(null)\n\n  const cleanup = useCallback(() => {\n    unsubscribe.current.forEach((unsubscribe) => unsubscribe())\n\n    latestPoint.current = null\n    unsubscribe.current = []\n  }, [])\n\n  const shouldMove = useCallback(\n    (point: Point) => {\n      if (threshold === 0) return true\n      if (!latestPoint.current) return true\n\n      const distance = Math.sqrt(\n        Math.pow(point.x - latestPoint.current.x, 2) +\n          Math.pow(point.y - latestPoint.current.y, 2),\n      )\n\n      return distance >= threshold\n    },\n    [threshold],\n  )\n\n  useUnmountEffect(() => {\n    cleanup()\n  })\n\n  const getProps = useCallback(\n    (props: Props<Y> = {}) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, props.ref),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          const win = ev.nativeEvent.view ?? getWindow()\n\n          if (!win) return\n          if (isMultiTouchEvent(ev.nativeEvent)) return\n          if (!ref.current) return\n\n          ev.preventDefault()\n\n          const point = getEventPoint(ev.nativeEvent)\n          const rect = ref.current.getBoundingClientRect()\n\n          onStart(ev.nativeEvent, point, rect)\n\n          latestPoint.current = point\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointermove\", (ev) => {\n              if (!ref.current) return\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              if (!shouldMove(point)) return\n\n              latestPoint.current = point\n\n              onMove(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointerup\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointercancel\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n        }),\n      }\n    },\n    [cleanup, getWindow, onEnd, onMove, onStart, shouldMove],\n  )\n\n  return [ref, getProps] as const\n}\n\nexport type UsePanEventReturn = ReturnType<typeof usePanEvent>\n"],"mappings":";;;;;;;;;AA+BA,MAAa,eAAsC,EACjD,YAAY,GACZ,GAAG,SACc,EAAE,KAGhB;CACH,MAAM,EAAE,cAAcA,6BAAAA,gBAAgB;CACtC,MAAM,UAAUC,YAAAA,eAAe,KAAK,QAAQ;CAC5C,MAAM,SAASA,YAAAA,eAAe,KAAK,OAAO;CAC1C,MAAM,QAAQA,YAAAA,eAAe,KAAK,MAAM;CACxC,MAAM,eAAA,GAAA,MAAA,QAAmC,KAAK;CAC9C,MAAM,eAAA,GAAA,MAAA,QAAqC,EAAE,CAAC;CAC9C,MAAM,OAAA,GAAA,MAAA,QAAgB,KAAK;CAE3B,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,YAAY,QAAQ,SAAS,gBAAgB,aAAa,CAAC;EAE3D,YAAY,UAAU;EACtB,YAAY,UAAU,EAAE;IACvB,EAAE,CAAC;CAEN,MAAM,cAAA,GAAA,MAAA,cACH,UAAiB;EAChB,IAAI,cAAc,GAAG,OAAO;EAC5B,IAAI,CAAC,YAAY,SAAS,OAAO;EAOjC,OALiB,KAAK,KACpB,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,GAC1C,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,CAGjC,IAAI;IAErB,CAAC,UAAU,CACZ;CAED,eAAA,uBAAuB;EACrB,SAAS;GACT;CAqEF,OAAO,CAAC,MAAA,GAAA,MAAA,cAlEL,QAAkB,EAAE,KAAK;EACxB,OAAO;GACL,GAAG;GACH,KAAKC,YAAAA,UAAU,KAAK,MAAM,IAAI;GAC9B,gBAAA,GAAA,oBAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;IACrD,MAAM,MAAM,GAAG,YAAY,QAAQ,WAAW;IAE9C,IAAI,CAAC,KAAK;IACV,KAAA,GAAA,oBAAA,cAAA,mBAAsB,GAAG,YAAY,EAAE;IACvC,IAAI,CAAC,IAAI,SAAS;IAElB,GAAG,gBAAgB;IAEnB,MAAM,SAAA,GAAA,oBAAA,cAAA,eAAsB,GAAG,YAAY;IAC3C,MAAM,OAAO,IAAI,QAAQ,uBAAuB;IAEhD,QAAQ,GAAG,aAAa,OAAO,KAAK;IAEpC,YAAY,UAAU;IAEtB,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,aACN,KAAK,gBAAgB,OAAO;KACtC,IAAI,CAAC,IAAI,SAAS;KAElB,MAAM,SAAA,GAAA,oBAAA,cAAA,eAAsB,GAAG;KAC/B,MAAM,OAAO,IAAI,QAAQ,uBAAuB;KAEhD,IAAI,CAAC,WAAW,MAAM,EAAE;KAExB,YAAY,UAAU;KAEtB,OAAO,IAAI,OAAO,KAAK;MACvB,CACH;IAED,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,aACN,KAAK,cAAc,OAAO;KACpC,IAAI,CAAC,IAAI,SAAS;KAElB,SAAS;KAKT,MAAM,KAAA,GAAA,oBAAA,cAAA,eAHsB,GAGb,EAFF,IAAI,QAAQ,uBAEJ,CAAC;MACtB,CACH;IAED,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,aACN,KAAK,kBAAkB,OAAO;KACxC,IAAI,CAAC,IAAI,SAAS;KAElB,SAAS;KAKT,MAAM,KAAA,GAAA,oBAAA,cAAA,eAHsB,GAGb,EAFF,IAAI,QAAQ,uBAEJ,CAAC;MACtB,CACH;KACD;GACH;IAEH;EAAC;EAAS;EAAW;EAAO;EAAQ;EAAS;EAAW,CAGrC,CAAC"}

package/dist/cjs/hooks/use-popper/index.cjs

@@ -1,11 +1,9 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-require('../../utils/index.cjs');
-const require_props = require('../../core/components/props.cjs');
-require('../../core/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_props = require("../../core/components/props.cjs");
 let react = require("react");
 let _floating_ui_react_dom = require("@floating-ui/react-dom");
-
 //#region src/hooks/use-popper/index.ts
 const PLACEMENT_MAP = {
 	"center-end": "right",
@@ -25,21 +23,21 @@ const PLACEMENT_MAP = {
 };
 const usePopper = ({ autoUpdate: autoUpdateProp = true, elements, flip: flipProp = true, gutter = 8, matchWidth, middleware: middlewareProp, offset: offsetProp, open = true, placement = "start", platform, preventOverflow = true, strategy = "absolute", transform = true, whileElementsMounted: whileElementsMountedProp } = {}) => {
 	const middleware = (0, react.useMemo)(() => {
-		const middleware$1 = [];
+		const middleware = [];
 		if (offsetProp) {
 			const [mainAxis, crossAxis] = offsetProp;
-			middleware$1.push((0, _floating_ui_react_dom.offset)({
+			middleware.push((0, _floating_ui_react_dom.offset)({
 				crossAxis,
 				mainAxis
 			}));
-		} else if (gutter) middleware$1.push((0, _floating_ui_react_dom.offset)(gutter));
-		if (flipProp) middleware$1.push((0, _floating_ui_react_dom.flip)());
-		if (preventOverflow) middleware$1.push((0, _floating_ui_react_dom.shift)());
-		if (middlewareProp) middleware$1.push(...middlewareProp);
-		if (matchWidth) middleware$1.push((0, _floating_ui_react_dom.size)({ apply({ elements: elements$1, rects }) {
-			Object.assign(elements$1.floating.style, { minWidth: `${rects.reference.width}px` });
+		} else if (gutter) middleware.push((0, _floating_ui_react_dom.offset)(gutter));
+		if (flipProp) middleware.push((0, _floating_ui_react_dom.flip)());
+		if (preventOverflow) middleware.push((0, _floating_ui_react_dom.shift)());
+		if (middlewareProp) middleware.push(...middlewareProp);
+		if (matchWidth) middleware.push((0, _floating_ui_react_dom.size)({ apply({ elements, rects }) {
+			Object.assign(elements.floating.style, { minWidth: `${rects.reference.width}px` });
 		} }));
-		return middleware$1;
+		return middleware;
 	}, [
 		flipProp,
 		gutter,
@@ -105,9 +103,9 @@ const popperProps = [
 const usePopperProps = (props, omitKeys) => {
 	return require_props.useSplitProps(props, popperProps.filter((key) => !omitKeys?.includes(key)));
 };
-
 //#endregion
 exports.popperProps = popperProps;
 exports.usePopper = usePopper;
 exports.usePopperProps = usePopperProps;
+
 //# sourceMappingURL=index.cjs.map