@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

package/dist/esm/hooks/use-disclosure/use-promise-disclosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-promise-disclosure.js","names":["noop","args"],"sources":["../../../../src/hooks/use-disclosure/use-promise-disclosure.ts"],"sourcesContent":["\"use client\"\n\nimport type { UseDisclosureProps } from \"./use-disclosure\"\nimport { useCallback, useRef } from \"react\"\nimport { noop } from \"../../utils\"\nimport { useDisclosure } from \"./use-disclosure\"\n\nexport interface UsePromiseDisclosureProps<\n  Y extends (...args: any[]) => Promise<void> | void = () => void,\n  M extends (...args: any[]) => Promise<void> | void = () => void,\n> extends UseDisclosureProps<Y, M> {\n  disableCloseOnSuccess?: boolean\n  error?: unknown\n}\n\n/**\n * `usePromiseDisclosure` is a custom hook that helps handle common open/close or toggle scenarios with promises.\n * It can be used to control components such as `Modal`, `Dialog`, `Drawer`, etc.\n *\n * @see https://yamada-ui.com/hooks/use-promise-disclosure\n */\nexport const usePromiseDisclosure = <\n  Y extends (...args: any[]) => Promise<void> | void = () => void,\n  M extends (...args: any[]) => Promise<void> | void = () => void,\n>({\n  disableCloseOnSuccess = false,\n  error,\n  ...rest\n}: UsePromiseDisclosureProps<Y, M> = {}) => {\n  const {\n    open,\n    onClose: onInternalClose,\n    onOpen: onInternalOpen,\n    onToggle,\n  } = useDisclosure<Y, M>(rest)\n\n  const rejectRef = useRef<((reason?: any) => void) | undefined>(undefined)\n  const resolveRef = useRef<M>(noop as M)\n\n  const onOpen = useCallback(\n    async (...args: Parameters<Y>) => {\n      const promise = new Promise<void>((resolve, reject) => {\n        resolveRef.current = (async (...args: Parameters<M>) => {\n          rejectRef.current = undefined\n\n          resolve()\n\n          if (!disableCloseOnSuccess) await onInternalClose(...args)\n        }) as M\n\n        rejectRef.current = reject\n      })\n\n      await onInternalOpen(...args)\n\n      await promise\n    },\n    [onInternalOpen, onInternalClose, disableCloseOnSuccess],\n  )\n\n  const onClose = useCallback(\n    async (...args: Parameters<M>) => {\n      rejectRef.current?.(error)\n\n      await onInternalClose(...args)\n    },\n    [onInternalClose, error],\n  ) as M\n\n  return {\n    open,\n    onClose,\n    onOpen,\n    onSuccess: resolveRef.current,\n    onToggle,\n  }\n}\n\nexport type UsePromiseDisclosureReturn = ReturnType<typeof usePromiseDisclosure>\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAa,uBAAuB,CAGlC,EACA,wBAAwB,OACxB,MACA,GAAG,MAC6B,GAAG,CAAE,MAAK;CAC1C,MAAM,EACJ,MACA,SAAS,iBACT,QAAQ,gBACR,UACD,GAAG,cAAoB,KAAK;CAE7B,MAAM,YAAY,cAAuD;CACzE,MAAM,aAAa,OAAUA,mBAAU;CAEvC,MAAM,SAAS,YACb,OAAO,GAAG,SAAwB;EAChC,MAAM,UAAU,IAAI,QAAc,CAAC,SAAS,WAAW;AACrD,cAAW,UAAW,OAAO,GAAGC,WAAwB;AACtD,cAAU;AAEV,aAAS;AAET,SAAK,sBAAuB,OAAM,gBAAgB,GAAGA,OAAK;GAC3D;AAED,aAAU,UAAU;EACrB;AAED,QAAM,eAAe,GAAG,KAAK;AAE7B,QAAM;CACP,GACD;EAAC;EAAgB;EAAiB;CAAsB,EACzD;CAED,MAAM,UAAU,YACd,OAAO,GAAG,SAAwB;AAChC,YAAU,UAAU,MAAM;AAE1B,QAAM,gBAAgB,GAAG,KAAK;CAC/B,GACD,CAAC,iBAAiB,KAAM,EACzB;AAED,QAAO;EACL;EACA;EACA;EACA,WAAW,WAAW;EACtB;CACD;AACF"}
+{"version":3,"file":"use-promise-disclosure.js","names":["args"],"sources":["../../../../src/hooks/use-disclosure/use-promise-disclosure.ts"],"sourcesContent":["\"use client\"\n\nimport type { UseDisclosureProps } from \"./use-disclosure\"\nimport { useCallback, useRef } from \"react\"\nimport { noop } from \"../../utils\"\nimport { useDisclosure } from \"./use-disclosure\"\n\nexport interface UsePromiseDisclosureProps<\n  Y extends (...args: any[]) => Promise<void> | void = () => void,\n  M extends (...args: any[]) => Promise<void> | void = () => void,\n> extends UseDisclosureProps<Y, M> {\n  disableCloseOnSuccess?: boolean\n  error?: unknown\n}\n\n/**\n * `usePromiseDisclosure` is a custom hook that helps handle common open/close or toggle scenarios with promises.\n * It can be used to control components such as `Modal`, `Dialog`, `Drawer`, etc.\n *\n * @see https://yamada-ui.com/hooks/use-promise-disclosure\n */\nexport const usePromiseDisclosure = <\n  Y extends (...args: any[]) => Promise<void> | void = () => void,\n  M extends (...args: any[]) => Promise<void> | void = () => void,\n>({\n  disableCloseOnSuccess = false,\n  error,\n  ...rest\n}: UsePromiseDisclosureProps<Y, M> = {}) => {\n  const {\n    open,\n    onClose: onInternalClose,\n    onOpen: onInternalOpen,\n    onToggle,\n  } = useDisclosure<Y, M>(rest)\n\n  const rejectRef = useRef<((reason?: any) => void) | undefined>(undefined)\n  const resolveRef = useRef<M>(noop as M)\n\n  const onOpen = useCallback(\n    async (...args: Parameters<Y>) => {\n      const promise = new Promise<void>((resolve, reject) => {\n        resolveRef.current = (async (...args: Parameters<M>) => {\n          rejectRef.current = undefined\n\n          resolve()\n\n          if (!disableCloseOnSuccess) await onInternalClose(...args)\n        }) as M\n\n        rejectRef.current = reject\n      })\n\n      await onInternalOpen(...args)\n\n      await promise\n    },\n    [onInternalOpen, onInternalClose, disableCloseOnSuccess],\n  )\n\n  const onClose = useCallback(\n    async (...args: Parameters<M>) => {\n      rejectRef.current?.(error)\n\n      await onInternalClose(...args)\n    },\n    [onInternalClose, error],\n  ) as M\n\n  return {\n    open,\n    onClose,\n    onOpen,\n    onSuccess: resolveRef.current,\n    onToggle,\n  }\n}\n\nexport type UsePromiseDisclosureReturn = ReturnType<typeof usePromiseDisclosure>\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAa,uBAAuB,CAGlC,EACA,wBAAwB,OACxB,MACA,GAAG,MAC6B,GAAG,CAAE,MAAK;CAC1C,MAAM,EACJ,MACA,SAAS,iBACT,QAAQ,gBACR,UACD,GAAG,cAAoB,KAAK;CAE7B,MAAM,YAAY,cAAuD;CACzE,MAAM,aAAa,OAAU,KAAU;CAEvC,MAAM,SAAS,YACb,OAAO,GAAG,SAAwB;EAChC,MAAM,UAAU,IAAI,QAAc,CAAC,SAAS,WAAW;AACrD,cAAW,UAAW,OAAO,GAAGA,WAAwB;AACtD,cAAU;AAEV,aAAS;AAET,SAAK,sBAAuB,OAAM,gBAAgB,GAAGA,OAAK;GAC3D;AAED,aAAU,UAAU;EACrB;AAED,QAAM,eAAe,GAAG,KAAK;AAE7B,QAAM;CACP,GACD;EAAC;EAAgB;EAAiB;CAAsB,EACzD;CAED,MAAM,UAAU,YACd,OAAO,GAAG,SAAwB;AAChC,YAAU,UAAU,MAAM;AAE1B,QAAM,gBAAgB,GAAG,KAAK;CAC/B,GACD,CAAC,iBAAiB,KAAM,EACzB;AAED,QAAO;EACL;EACA;EACA;EACA,WAAW,WAAW;EACtB;CACD;AACF"}

package/dist/esm/hooks/use-event-listener/index.js

@@ -2,14 +2,14 @@
 
 
 import { useCallbackRef } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { isFunction } from "../../utils/common/assertion.js";
 import { useCallback, useEffect, useRef } from "react";
 
 //#region src/hooks/use-event-listener/index.ts
 const useEventListener = (target, event, handler, options) => {
 	const listener = useCallbackRef(handler);
 	useEffect(() => {
-		const el = (0, utils_exports.isFunction)(target) ? target() : target ?? document;
+		const el = isFunction(target) ? target() : target ?? document;
 		if (!el) return;
 		el.addEventListener(event, listener, options);
 		return () => {
@@ -23,7 +23,7 @@ const useEventListener = (target, event, handler, options) => {
 		handler
 	]);
 	return () => {
-		const el = (0, utils_exports.isFunction)(target) ? target() : target ?? document;
+		const el = isFunction(target) ? target() : target ?? document;
 		el?.removeEventListener(event, listener, options);
 	};
 };

package/dist/esm/hooks/use-event-listener/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["target: (() => EventTarget | null) | EventTarget | null | undefined","event: Y","handler: (ev: EventMap[Y]) => void","options?: AddEventListenerOptions | boolean","el: EventTarget","listener: any","options: AddEventListenerOptions | boolean","options: boolean | EventListenerOptions"],"sources":["../../../../src/hooks/use-event-listener/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { EventMap, EventType } from \"../../utils\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { isFunction, useCallbackRef } from \"../../utils\"\n\nexport const useEventListener = <Y extends EventType>(\n  target: (() => EventTarget | null) | EventTarget | null | undefined,\n  event: Y,\n  handler: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) => {\n  const listener = useCallbackRef(handler)\n\n  useEffect(() => {\n    const el = isFunction(target) ? target() : (target ?? document)\n\n    if (!el) return\n\n    el.addEventListener(\n      event,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n\n    return () => {\n      el.removeEventListener(\n        event,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    }\n  }, [event, target, options, listener, handler])\n\n  return () => {\n    const el = isFunction(target) ? target() : (target ?? document)\n\n    el?.removeEventListener(\n      event,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport const useEventListeners = () => {\n  const listeners = useRef(new Map())\n  const currentListeners = listeners.current\n\n  const add = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      event: Y,\n      listener: any,\n      options: AddEventListenerOptions | boolean,\n    ) => {\n      listeners.current.set(listener, { el, event, options })\n\n      el.addEventListener(\n        event,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    },\n    [],\n  )\n\n  const remove = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      event: Y,\n      listener: any,\n      options: boolean | EventListenerOptions,\n    ) => {\n      el.removeEventListener(\n        event,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n\n      listeners.current.delete(listener)\n    },\n    [],\n  )\n\n  useEffect(\n    () => () => {\n      currentListeners.forEach(({ el, event, options }, key) =>\n        remove(el, event, key, options),\n      )\n    },\n    [remove, currentListeners],\n  )\n\n  return { add, remove }\n}\n"],"mappings":";;;;;;;;AAMA,MAAa,mBAAmB,CAC9BA,QACAC,OACAC,SACAC,YACG;CACH,MAAM,WAAW,eAAe,QAAQ;AAExC,WAAU,MAAM;EACd,MAAM,KAAK,8BAAW,OAAO,GAAG,QAAQ,GAAI,UAAU;AAEtD,OAAK,GAAI;AAET,KAAG,iBACD,OACA,UACA,QACD;AAED,SAAO,MAAM;AACX,MAAG,oBACD,OACA,UACA,QACD;EACF;CACF,GAAE;EAAC;EAAO;EAAQ;EAAS;EAAU;CAAQ,EAAC;AAE/C,QAAO,MAAM;EACX,MAAM,KAAK,8BAAW,OAAO,GAAG,QAAQ,GAAI,UAAU;AAEtD,MAAI,oBACF,OACA,UACA,QACD;CACF;AACF;AAED,MAAa,oBAAoB,MAAM;CACrC,MAAM,YAAY,uBAAO,IAAI,MAAM;CACnC,MAAM,mBAAmB,UAAU;CAEnC,MAAM,MAAM,YACV,CACEC,IACAH,OACAI,UACAC,YACG;AACH,YAAU,QAAQ,IAAI,UAAU;GAAE;GAAI;GAAO;EAAS,EAAC;AAEvD,KAAG,iBACD,OACA,UACA,QACD;CACF,GACD,CAAE,EACH;CAED,MAAM,SAAS,YACb,CACEF,IACAH,OACAI,UACAE,YACG;AACH,KAAG,oBACD,OACA,UACA,QACD;AAED,YAAU,QAAQ,OAAO,SAAS;CACnC,GACD,CAAE,EACH;AAED,WACE,MAAM,MAAM;AACV,mBAAiB,QAAQ,CAAC,EAAE,IAAI,OAAO,SAAS,EAAE,QAChD,OAAO,IAAI,OAAO,KAAK,QAAQ,CAChC;CACF,GACD,CAAC,QAAQ,gBAAiB,EAC3B;AAED,QAAO;EAAE;EAAK;CAAQ;AACvB"}
+{"version":3,"file":"index.js","names":["target: (() => EventTarget | null) | EventTarget | null | undefined","event: Y","handler: (ev: EventMap[Y]) => void","options?: AddEventListenerOptions | boolean","el: EventTarget","listener: any","options: AddEventListenerOptions | boolean","options: boolean | EventListenerOptions"],"sources":["../../../../src/hooks/use-event-listener/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { EventMap, EventType } from \"../../utils\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { isFunction, useCallbackRef } from \"../../utils\"\n\nexport const useEventListener = <Y extends EventType>(\n  target: (() => EventTarget | null) | EventTarget | null | undefined,\n  event: Y,\n  handler: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) => {\n  const listener = useCallbackRef(handler)\n\n  useEffect(() => {\n    const el = isFunction(target) ? target() : (target ?? document)\n\n    if (!el) return\n\n    el.addEventListener(\n      event,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n\n    return () => {\n      el.removeEventListener(\n        event,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    }\n  }, [event, target, options, listener, handler])\n\n  return () => {\n    const el = isFunction(target) ? target() : (target ?? document)\n\n    el?.removeEventListener(\n      event,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport const useEventListeners = () => {\n  const listeners = useRef(new Map())\n  const currentListeners = listeners.current\n\n  const add = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      event: Y,\n      listener: any,\n      options: AddEventListenerOptions | boolean,\n    ) => {\n      listeners.current.set(listener, { el, event, options })\n\n      el.addEventListener(\n        event,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    },\n    [],\n  )\n\n  const remove = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      event: Y,\n      listener: any,\n      options: boolean | EventListenerOptions,\n    ) => {\n      el.removeEventListener(\n        event,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n\n      listeners.current.delete(listener)\n    },\n    [],\n  )\n\n  useEffect(\n    () => () => {\n      currentListeners.forEach(({ el, event, options }, key) =>\n        remove(el, event, key, options),\n      )\n    },\n    [remove, currentListeners],\n  )\n\n  return { add, remove }\n}\n"],"mappings":";;;;;;;;AAMA,MAAa,mBAAmB,CAC9BA,QACAC,OACAC,SACAC,YACG;CACH,MAAM,WAAW,eAAe,QAAQ;AAExC,WAAU,MAAM;EACd,MAAM,KAAK,WAAW,OAAO,GAAG,QAAQ,GAAI,UAAU;AAEtD,OAAK,GAAI;AAET,KAAG,iBACD,OACA,UACA,QACD;AAED,SAAO,MAAM;AACX,MAAG,oBACD,OACA,UACA,QACD;EACF;CACF,GAAE;EAAC;EAAO;EAAQ;EAAS;EAAU;CAAQ,EAAC;AAE/C,QAAO,MAAM;EACX,MAAM,KAAK,WAAW,OAAO,GAAG,QAAQ,GAAI,UAAU;AAEtD,MAAI,oBACF,OACA,UACA,QACD;CACF;AACF;AAED,MAAa,oBAAoB,MAAM;CACrC,MAAM,YAAY,uBAAO,IAAI,MAAM;CACnC,MAAM,mBAAmB,UAAU;CAEnC,MAAM,MAAM,YACV,CACEC,IACAH,OACAI,UACAC,YACG;AACH,YAAU,QAAQ,IAAI,UAAU;GAAE;GAAI;GAAO;EAAS,EAAC;AAEvD,KAAG,iBACD,OACA,UACA,QACD;CACF,GACD,CAAE,EACH;CAED,MAAM,SAAS,YACb,CACEF,IACAH,OACAI,UACAE,YACG;AACH,KAAG,oBACD,OACA,UACA,QACD;AAED,YAAU,QAAQ,OAAO,SAAS;CACnC,GACD,CAAE,EACH;AAED,WACE,MAAM,MAAM;AACV,mBAAiB,QAAQ,CAAC,EAAE,IAAI,OAAO,SAAS,EAAE,QAChD,OAAO,IAAI,OAAO,KAAK,QAAQ,CAChC;CACF,GACD,CAAC,QAAQ,gBAAiB,EAC3B;AAED,QAAO;EAAE;EAAK;CAAQ;AACvB"}

package/dist/esm/hooks/use-focus/index.js

@@ -3,17 +3,17 @@
 
 import { useSafeLayoutEffect, useUpdateEffect } from "../../utils/effect.js";
 import { isRefObject } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { getActiveElement, getDocument, getFocusableElements, isSafari, isTabbableElement } from "../../utils/common/dom.js";
 import { useEventListener } from "../use-event-listener/index.js";
 import { useCallback, useRef } from "react";
 
 //#region src/hooks/use-focus/index.ts
 const preventReturnFocus = (el) => {
 	if (!el) return false;
-	const activeElement = (0, utils_exports.getActiveElement)((0, utils_exports.getDocument)(el));
+	const activeElement = getActiveElement(getDocument(el));
 	if (!activeElement) return false;
 	if (el.contains(activeElement)) return false;
-	if ((0, utils_exports.isTabbableElement)(activeElement)) return true;
+	if (isTabbableElement(activeElement)) return true;
 	return false;
 };
 const useFocusOnHide = (refOrEl, { focusTarget: focusRefOrEl, shouldFocus, visible }) => {
@@ -50,7 +50,7 @@ const useFocusOnShow = (refOrEl, { focusTarget: focusRefOrEl, preventScroll, sho
 			focusTarget.focus({ preventScroll });
 		});
 		else {
-			const tabbableEls = (0, utils_exports.getFocusableElements)(target);
+			const tabbableEls = getFocusableElements(target);
 			if (tabbableEls.length > 0) requestAnimationFrame(() => {
 				tabbableEls[0]?.focus({ preventScroll });
 			});
@@ -72,15 +72,15 @@ const useFocusOnShow = (refOrEl, { focusTarget: focusRefOrEl, preventScroll, sho
 	useEventListener(target, "transitionend", onFocus);
 };
 const useFocusOnPointerDown = ({ ref, elements, enabled }) => {
-	useEventListener(() => (0, utils_exports.getDocument)(ref.current), "pointerdown", (ev) => {
-		if (!(0, utils_exports.isSafari)() || !enabled) return;
+	useEventListener(() => getDocument(ref.current), "pointerdown", (ev) => {
+		if (!isSafari() || !enabled) return;
 		const target = ev.target;
 		const els = elements ?? [ref];
 		const validTarget = els.some((elOrRef) => {
 			const el = isRefObject(elOrRef) ? elOrRef.current : elOrRef;
 			return el?.contains(target) || el === target;
 		});
-		if ((0, utils_exports.getActiveElement)((0, utils_exports.getDocument)(ref.current)) !== target && validTarget) {
+		if (getActiveElement(getDocument(ref.current)) !== target && validTarget) {
 			ev.preventDefault();
 			target.focus();
 		}

package/dist/esm/hooks/use-focus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["el: HTMLElement | null","refOrEl: RefObject<null | T> | T"],"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  getFocusableElements,\n  isRefObject,\n  isSafari,\n  isTabbableElement,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useEventListener } from \"../use-event-listener\"\n\nexport interface UseFocusOnHideProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\nconst preventReturnFocus = (el: HTMLElement | null) => {\n  if (!el) return false\n\n  const activeElement = getActiveElement(getDocument(el))\n\n  if (!activeElement) return false\n  if (el.contains(activeElement)) return false\n  if (isTabbableElement(activeElement)) return true\n\n  return false\n}\n\nexport const useFocusOnHide = <T extends HTMLElement>(\n  refOrEl: RefObject<null | T> | T,\n  { focusTarget: focusRefOrEl, shouldFocus, visible }: UseFocusOnHideProps,\n) => {\n  const trulyShouldFocus = shouldFocus && !visible\n\n  useUpdateEffect(() => {\n    const target = isRefObject(refOrEl) ? refOrEl.current : refOrEl\n    const focusTarget = isRefObject(focusRefOrEl)\n      ? focusRefOrEl.current\n      : focusRefOrEl\n\n    if (!trulyShouldFocus) return\n\n    if (preventReturnFocus(target)) return\n\n    const el = focusTarget ?? target\n\n    if (el)\n      requestAnimationFrame(() => {\n        el.focus()\n      })\n  }, [trulyShouldFocus])\n}\n\nexport interface UseFocusOnShowProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  preventScroll?: boolean\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\nexport const useFocusOnShow = <T extends HTMLElement>(\n  refOrEl: RefObject<null | T> | T,\n  {\n    focusTarget: focusRefOrEl,\n    preventScroll,\n    shouldFocus,\n    visible,\n  }: UseFocusOnShowProps = {\n    preventScroll: true,\n    shouldFocus: false,\n  },\n) => {\n  const target = isRefObject(refOrEl) ? refOrEl.current : refOrEl\n  const trulyShouldFocus = shouldFocus && visible\n  const trulyShouldFocusRef = useRef(trulyShouldFocus)\n  const lastVisibleRef = useRef(visible)\n\n  useSafeLayoutEffect(() => {\n    if (!lastVisibleRef.current && visible)\n      trulyShouldFocusRef.current = trulyShouldFocus\n\n    lastVisibleRef.current = visible\n  }, [visible, trulyShouldFocus])\n\n  const onFocus = useCallback(() => {\n    if (!visible || !target || !trulyShouldFocusRef.current) return\n\n    trulyShouldFocusRef.current = false\n\n    if (target.contains(document.activeElement as HTMLElement)) return\n\n    const focusTarget = isRefObject(focusRefOrEl)\n      ? focusRefOrEl.current\n      : focusRefOrEl\n\n    if (focusTarget) {\n      requestAnimationFrame(() => {\n        focusTarget.focus({ preventScroll })\n      })\n    } else {\n      const tabbableEls = getFocusableElements(target)\n\n      if (tabbableEls.length > 0) {\n        requestAnimationFrame(() => {\n          tabbableEls[0]?.focus({ preventScroll })\n        })\n      } else {\n        requestAnimationFrame(() => {\n          target.focus({ preventScroll })\n        })\n      }\n    }\n  }, [visible, target, focusRefOrEl, preventScroll])\n\n  useUpdateEffect(() => {\n    requestAnimationFrame(() => {\n      onFocus()\n    })\n  }, [onFocus])\n\n  useEventListener(target, \"transitionend\", onFocus)\n}\n\nexport interface UseFocusOnMouseDownProps {\n  ref: RefObject<HTMLElement | null>\n  elements?: (HTMLElement | null | RefObject<HTMLElement | null>)[]\n  enabled?: boolean\n}\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":";;;;;;;;;;AAsBA,MAAM,qBAAqB,CAACA,OAA2B;AACrD,MAAK,GAAI,QAAO;CAEhB,MAAM,gBAAgB,oCAAiB,+BAAY,GAAG,CAAC;AAEvD,MAAK,cAAe,QAAO;AAC3B,KAAI,GAAG,SAAS,cAAc,CAAE,QAAO;AACvC,KAAI,qCAAkB,cAAc,CAAE,QAAO;AAE7C,QAAO;AACR;AAED,MAAa,iBAAiB,CAC5BC,SACA,EAAE,aAAa,cAAc,aAAa,SAA8B,KACrE;CACH,MAAM,mBAAmB,gBAAgB;AAEzC,iBAAgB,MAAM;EACpB,MAAM,SAAS,YAAY,QAAQ,GAAG,QAAQ,UAAU;EACxD,MAAM,cAAc,YAAY,aAAa,GACzC,aAAa,UACb;AAEJ,OAAK,iBAAkB;AAEvB,MAAI,mBAAmB,OAAO,CAAE;EAEhC,MAAM,KAAK,eAAe;AAE1B,MAAI,GACF,uBAAsB,MAAM;AAC1B,MAAG,OAAO;EACX,EAAC;CACL,GAAE,CAAC,gBAAiB,EAAC;AACvB;AASD,MAAa,iBAAiB,CAC5BA,SACA,EACE,aAAa,cACb,eACA,aACA,SACoB,GAAG;CACvB,eAAe;CACf,aAAa;AACd,MACE;CACH,MAAM,SAAS,YAAY,QAAQ,GAAG,QAAQ,UAAU;CACxD,MAAM,mBAAmB,eAAe;CACxC,MAAM,sBAAsB,OAAO,iBAAiB;CACpD,MAAM,iBAAiB,OAAO,QAAQ;AAEtC,qBAAoB,MAAM;AACxB,OAAK,eAAe,WAAW,QAC7B,qBAAoB,UAAU;AAEhC,iBAAe,UAAU;CAC1B,GAAE,CAAC,SAAS,gBAAiB,EAAC;CAE/B,MAAM,UAAU,YAAY,MAAM;AAChC,OAAK,YAAY,WAAW,oBAAoB,QAAS;AAEzD,sBAAoB,UAAU;AAE9B,MAAI,OAAO,SAAS,SAAS,cAA6B,CAAE;EAE5D,MAAM,cAAc,YAAY,aAAa,GACzC,aAAa,UACb;AAEJ,MAAI,YACF,uBAAsB,MAAM;AAC1B,eAAY,MAAM,EAAE,cAAe,EAAC;EACrC,EAAC;OACG;GACL,MAAM,cAAc,wCAAqB,OAAO;AAEhD,OAAI,YAAY,SAAS,EACvB,uBAAsB,MAAM;AAC1B,gBAAY,IAAI,MAAM,EAAE,cAAe,EAAC;GACzC,EAAC;OAEF,uBAAsB,MAAM;AAC1B,WAAO,MAAM,EAAE,cAAe,EAAC;GAChC,EAAC;EAEL;CACF,GAAE;EAAC;EAAS;EAAQ;EAAc;CAAc,EAAC;AAElD,iBAAgB,MAAM;AACpB,wBAAsB,MAAM;AAC1B,YAAS;EACV,EAAC;CACH,GAAE,CAAC,OAAQ,EAAC;AAEb,kBAAiB,QAAQ,iBAAiB,QAAQ;AACnD;AAQD,MAAa,wBAAwB,CAAC,EACpC,KACA,UACA,SACyB,KAAK;AAC9B,kBACE,MAAM,+BAAY,IAAI,QAAQ,EAC9B,eACA,CAAC,OAAO;AACN,OAAK,6BAAU,KAAK,QAAS;EAC7B,MAAM,SAAS,GAAG;EAElB,MAAM,MAAM,YAAY,CAAC,GAAI;EAE7B,MAAM,cAAc,IAAI,KAAK,CAAC,YAAY;GACxC,MAAM,KAAK,YAAY,QAAQ,GAAG,QAAQ,UAAU;AAEpD,UAAO,IAAI,SAAS,OAAO,IAAI,OAAO;EACvC,EAAC;AAEF,MACE,oCAAiB,+BAAY,IAAI,QAAQ,CAAC,KAAK,UAC/C,aACA;AACA,MAAG,gBAAgB;AAEnB,UAAO,OAAO;EACf;CACF,EACF;AACF"}
+{"version":3,"file":"index.js","names":["el: HTMLElement | null","refOrEl: RefObject<null | T> | T"],"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  getFocusableElements,\n  isRefObject,\n  isSafari,\n  isTabbableElement,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useEventListener } from \"../use-event-listener\"\n\nexport interface UseFocusOnHideProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\nconst preventReturnFocus = (el: HTMLElement | null) => {\n  if (!el) return false\n\n  const activeElement = getActiveElement(getDocument(el))\n\n  if (!activeElement) return false\n  if (el.contains(activeElement)) return false\n  if (isTabbableElement(activeElement)) return true\n\n  return false\n}\n\nexport const useFocusOnHide = <T extends HTMLElement>(\n  refOrEl: RefObject<null | T> | T,\n  { focusTarget: focusRefOrEl, shouldFocus, visible }: UseFocusOnHideProps,\n) => {\n  const trulyShouldFocus = shouldFocus && !visible\n\n  useUpdateEffect(() => {\n    const target = isRefObject(refOrEl) ? refOrEl.current : refOrEl\n    const focusTarget = isRefObject(focusRefOrEl)\n      ? focusRefOrEl.current\n      : focusRefOrEl\n\n    if (!trulyShouldFocus) return\n\n    if (preventReturnFocus(target)) return\n\n    const el = focusTarget ?? target\n\n    if (el)\n      requestAnimationFrame(() => {\n        el.focus()\n      })\n  }, [trulyShouldFocus])\n}\n\nexport interface UseFocusOnShowProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  preventScroll?: boolean\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\nexport const useFocusOnShow = <T extends HTMLElement>(\n  refOrEl: RefObject<null | T> | T,\n  {\n    focusTarget: focusRefOrEl,\n    preventScroll,\n    shouldFocus,\n    visible,\n  }: UseFocusOnShowProps = {\n    preventScroll: true,\n    shouldFocus: false,\n  },\n) => {\n  const target = isRefObject(refOrEl) ? refOrEl.current : refOrEl\n  const trulyShouldFocus = shouldFocus && visible\n  const trulyShouldFocusRef = useRef(trulyShouldFocus)\n  const lastVisibleRef = useRef(visible)\n\n  useSafeLayoutEffect(() => {\n    if (!lastVisibleRef.current && visible)\n      trulyShouldFocusRef.current = trulyShouldFocus\n\n    lastVisibleRef.current = visible\n  }, [visible, trulyShouldFocus])\n\n  const onFocus = useCallback(() => {\n    if (!visible || !target || !trulyShouldFocusRef.current) return\n\n    trulyShouldFocusRef.current = false\n\n    if (target.contains(document.activeElement as HTMLElement)) return\n\n    const focusTarget = isRefObject(focusRefOrEl)\n      ? focusRefOrEl.current\n      : focusRefOrEl\n\n    if (focusTarget) {\n      requestAnimationFrame(() => {\n        focusTarget.focus({ preventScroll })\n      })\n    } else {\n      const tabbableEls = getFocusableElements(target)\n\n      if (tabbableEls.length > 0) {\n        requestAnimationFrame(() => {\n          tabbableEls[0]?.focus({ preventScroll })\n        })\n      } else {\n        requestAnimationFrame(() => {\n          target.focus({ preventScroll })\n        })\n      }\n    }\n  }, [visible, target, focusRefOrEl, preventScroll])\n\n  useUpdateEffect(() => {\n    requestAnimationFrame(() => {\n      onFocus()\n    })\n  }, [onFocus])\n\n  useEventListener(target, \"transitionend\", onFocus)\n}\n\nexport interface UseFocusOnMouseDownProps {\n  ref: RefObject<HTMLElement | null>\n  elements?: (HTMLElement | null | RefObject<HTMLElement | null>)[]\n  enabled?: boolean\n}\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":";;;;;;;;;;AAsBA,MAAM,qBAAqB,CAACA,OAA2B;AACrD,MAAK,GAAI,QAAO;CAEhB,MAAM,gBAAgB,iBAAiB,YAAY,GAAG,CAAC;AAEvD,MAAK,cAAe,QAAO;AAC3B,KAAI,GAAG,SAAS,cAAc,CAAE,QAAO;AACvC,KAAI,kBAAkB,cAAc,CAAE,QAAO;AAE7C,QAAO;AACR;AAED,MAAa,iBAAiB,CAC5BC,SACA,EAAE,aAAa,cAAc,aAAa,SAA8B,KACrE;CACH,MAAM,mBAAmB,gBAAgB;AAEzC,iBAAgB,MAAM;EACpB,MAAM,SAAS,YAAY,QAAQ,GAAG,QAAQ,UAAU;EACxD,MAAM,cAAc,YAAY,aAAa,GACzC,aAAa,UACb;AAEJ,OAAK,iBAAkB;AAEvB,MAAI,mBAAmB,OAAO,CAAE;EAEhC,MAAM,KAAK,eAAe;AAE1B,MAAI,GACF,uBAAsB,MAAM;AAC1B,MAAG,OAAO;EACX,EAAC;CACL,GAAE,CAAC,gBAAiB,EAAC;AACvB;AASD,MAAa,iBAAiB,CAC5BA,SACA,EACE,aAAa,cACb,eACA,aACA,SACoB,GAAG;CACvB,eAAe;CACf,aAAa;AACd,MACE;CACH,MAAM,SAAS,YAAY,QAAQ,GAAG,QAAQ,UAAU;CACxD,MAAM,mBAAmB,eAAe;CACxC,MAAM,sBAAsB,OAAO,iBAAiB;CACpD,MAAM,iBAAiB,OAAO,QAAQ;AAEtC,qBAAoB,MAAM;AACxB,OAAK,eAAe,WAAW,QAC7B,qBAAoB,UAAU;AAEhC,iBAAe,UAAU;CAC1B,GAAE,CAAC,SAAS,gBAAiB,EAAC;CAE/B,MAAM,UAAU,YAAY,MAAM;AAChC,OAAK,YAAY,WAAW,oBAAoB,QAAS;AAEzD,sBAAoB,UAAU;AAE9B,MAAI,OAAO,SAAS,SAAS,cAA6B,CAAE;EAE5D,MAAM,cAAc,YAAY,aAAa,GACzC,aAAa,UACb;AAEJ,MAAI,YACF,uBAAsB,MAAM;AAC1B,eAAY,MAAM,EAAE,cAAe,EAAC;EACrC,EAAC;OACG;GACL,MAAM,cAAc,qBAAqB,OAAO;AAEhD,OAAI,YAAY,SAAS,EACvB,uBAAsB,MAAM;AAC1B,gBAAY,IAAI,MAAM,EAAE,cAAe,EAAC;GACzC,EAAC;OAEF,uBAAsB,MAAM;AAC1B,WAAO,MAAM,EAAE,cAAe,EAAC;GAChC,EAAC;EAEL;CACF,GAAE;EAAC;EAAS;EAAQ;EAAc;CAAc,EAAC;AAElD,iBAAgB,MAAM;AACpB,wBAAsB,MAAM;AAC1B,YAAS;EACV,EAAC;CACH,GAAE,CAAC,OAAQ,EAAC;AAEb,kBAAiB,QAAQ,iBAAiB,QAAQ;AACnD;AAQD,MAAa,wBAAwB,CAAC,EACpC,KACA,UACA,SACyB,KAAK;AAC9B,kBACE,MAAM,YAAY,IAAI,QAAQ,EAC9B,eACA,CAAC,OAAO;AACN,OAAK,UAAU,KAAK,QAAS;EAC7B,MAAM,SAAS,GAAG;EAElB,MAAM,MAAM,YAAY,CAAC,GAAI;EAE7B,MAAM,cAAc,IAAI,KAAK,CAAC,YAAY;GACxC,MAAM,KAAK,YAAY,QAAQ,GAAG,QAAQ,UAAU;AAEpD,UAAO,IAAI,SAAS,OAAO,IAAI,OAAO;EACvC,EAAC;AAEF,MACE,iBAAiB,YAAY,IAAI,QAAQ,CAAC,KAAK,UAC/C,aACA;AACA,MAAG,gBAAgB;AAEnB,UAAO,OAAO;EACf;CACF,EACF;AACF"}

package/dist/esm/hooks/use-focus-visible/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import { utils_exports } from "../../utils/index.js";
+import { isMac } from "../../utils/common/dom.js";
 import { useEffect, useState } from "react";
 
 //#region src/hooks/use-focus-visible/index.ts
@@ -12,7 +12,7 @@ let hasBlurredWindowRecently = false;
 const handlers = /* @__PURE__ */ new Set();
 const trigger = (modality$1, ev) => handlers.forEach((handler) => handler(modality$1, ev));
 const onValid = (e) => {
-	return !(e.metaKey || !(0, utils_exports.isMac)() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+	return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 };
 const onKeyboard = (ev) => {
 	hasEventBeforeFocus = true;

package/dist/esm/hooks/use-focus-visible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["modality: Modality | null","modality: Modality","ev: HandlerEvent | null","modality","e: KeyboardEvent","ev: KeyboardEvent","ev: MouseEvent | PointerEvent","ev: MouseEvent","ev: FocusEvent","func: FocusVisibleCallback","options?: TrackFocusVisibleOptions"],"sources":["../../../../src/hooks/use-focus-visible/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport { isMac } from \"../../utils\"\n\ntype Modality = \"keyboard\" | \"pointer\" | \"virtual\"\ntype HandlerEvent = FocusEvent | KeyboardEvent | MouseEvent | PointerEvent\ntype Handler = (modality: Modality, e: HandlerEvent | null) => void\ntype FocusVisibleCallback = (isFocusVisible: boolean) => void\n\nlet hasSetup = false\nlet modality: Modality | null = null\nlet hasEventBeforeFocus = false\nlet hasBlurredWindowRecently = false\n\nconst handlers = new Set<Handler>()\n\nconst trigger = (modality: Modality, ev: HandlerEvent | null) =>\n  handlers.forEach((handler) => handler(modality, ev))\n\nconst onValid = (e: KeyboardEvent) => {\n  return !(\n    e.metaKey ||\n    (!isMac() && e.altKey) ||\n    e.ctrlKey ||\n    e.key === \"Control\" ||\n    e.key === \"Shift\" ||\n    e.key === \"Meta\"\n  )\n}\n\nconst onKeyboard = (ev: KeyboardEvent) => {\n  hasEventBeforeFocus = true\n\n  if (onValid(ev)) {\n    modality = \"keyboard\"\n\n    trigger(\"keyboard\", ev)\n  }\n}\n\nconst onPointer = (ev: MouseEvent | PointerEvent) => {\n  modality = \"pointer\"\n\n  if (\n    ev.type === \"mousedown\" ||\n    ev.type === \"pointerdown\" ||\n    ev.type === \"pointerup\"\n  ) {\n    hasEventBeforeFocus = true\n\n    const target = ev.composedPath()[0] ?? ev.target\n\n    if ((target as HTMLElement).matches(\":focus-visible\")) return\n\n    trigger(\"pointer\", ev)\n  }\n}\n\nconst isVirtualClick = (ev: MouseEvent | PointerEvent): boolean => {\n  if ((ev as any).mozInputSource === 0 && ev.isTrusted) return true\n\n  return ev.detail === 0 && !(ev as PointerEvent).pointerType\n}\n\nconst onClick = (ev: MouseEvent) => {\n  if (!isVirtualClick(ev)) return\n\n  hasEventBeforeFocus = true\n\n  modality = \"virtual\"\n}\n\nconst onFocus = (ev: FocusEvent) => {\n  if (ev.target === window || ev.target === document) return\n\n  if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {\n    modality = \"virtual\"\n\n    trigger(\"virtual\", ev)\n  }\n\n  hasEventBeforeFocus = false\n  hasBlurredWindowRecently = false\n}\n\nconst onBlur = () => {\n  hasEventBeforeFocus = false\n  hasBlurredWindowRecently = true\n}\n\nconst isFocusVisible = () => modality !== \"pointer\"\n\nconst setGlobalFocusEvents = () => {\n  if (typeof window === \"undefined\" || hasSetup) return\n\n  const { focus } = HTMLElement.prototype\n\n  if (process.env.NODE_ENV !== \"test\") {\n    Object.defineProperties(HTMLElement.prototype, {\n      focus: {\n        configurable: false,\n        value: function customFocus(...args: [FocusOptions]) {\n          hasEventBeforeFocus = true\n\n          if (this) focus.apply(this, args)\n        },\n        writable: false,\n      },\n    })\n  }\n\n  document.addEventListener(\"keydown\", onKeyboard, true)\n  document.addEventListener(\"keyup\", onKeyboard, true)\n  document.addEventListener(\"click\", onClick, true)\n\n  window.addEventListener(\"focus\", onFocus, true)\n  window.addEventListener(\"blur\", onBlur, false)\n\n  if (typeof PointerEvent !== \"undefined\") {\n    document.addEventListener(\"pointerdown\", onPointer, true)\n    document.addEventListener(\"pointermove\", onPointer, true)\n    document.addEventListener(\"pointerup\", onPointer, true)\n  } else {\n    document.addEventListener(\"mousedown\", onPointer, true)\n    document.addEventListener(\"mousemove\", onPointer, true)\n    document.addEventListener(\"mouseup\", onPointer, true)\n  }\n\n  hasSetup = true\n}\n\ninterface TrackFocusVisibleOptions {\n  force?: boolean\n}\n\nexport const trackFocusVisible = (\n  func: FocusVisibleCallback,\n  { force }: TrackFocusVisibleOptions = {},\n) => {\n  if (force) hasSetup = false\n\n  setGlobalFocusEvents()\n\n  func(isFocusVisible())\n\n  const handler = () => func(isFocusVisible())\n\n  handlers.add(handler)\n\n  return () => {\n    handlers.delete(handler)\n  }\n}\n\nexport const useFocusVisible = (options?: TrackFocusVisibleOptions) => {\n  const [focusVisible, setFocusVisible] = useState(false)\n  const [focus, setFocus] = useState(false)\n\n  useEffect(() => {\n    return trackFocusVisible(setFocusVisible, options)\n  }, [options])\n\n  return {\n    focusVisible: focusVisible && focus,\n    onBlur: () => setFocus(false),\n    onFocus: () => setFocus(true),\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["modality: Modality | null","modality: Modality","ev: HandlerEvent | null","modality","e: KeyboardEvent","ev: KeyboardEvent","ev: MouseEvent | PointerEvent","ev: MouseEvent","ev: FocusEvent","func: FocusVisibleCallback","options?: TrackFocusVisibleOptions"],"sources":["../../../../src/hooks/use-focus-visible/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport { isMac } from \"../../utils\"\n\ntype Modality = \"keyboard\" | \"pointer\" | \"virtual\"\ntype HandlerEvent = FocusEvent | KeyboardEvent | MouseEvent | PointerEvent\ntype Handler = (modality: Modality, e: HandlerEvent | null) => void\ntype FocusVisibleCallback = (isFocusVisible: boolean) => void\n\nlet hasSetup = false\nlet modality: Modality | null = null\nlet hasEventBeforeFocus = false\nlet hasBlurredWindowRecently = false\n\nconst handlers = new Set<Handler>()\n\nconst trigger = (modality: Modality, ev: HandlerEvent | null) =>\n  handlers.forEach((handler) => handler(modality, ev))\n\nconst onValid = (e: KeyboardEvent) => {\n  return !(\n    e.metaKey ||\n    (!isMac() && e.altKey) ||\n    e.ctrlKey ||\n    e.key === \"Control\" ||\n    e.key === \"Shift\" ||\n    e.key === \"Meta\"\n  )\n}\n\nconst onKeyboard = (ev: KeyboardEvent) => {\n  hasEventBeforeFocus = true\n\n  if (onValid(ev)) {\n    modality = \"keyboard\"\n\n    trigger(\"keyboard\", ev)\n  }\n}\n\nconst onPointer = (ev: MouseEvent | PointerEvent) => {\n  modality = \"pointer\"\n\n  if (\n    ev.type === \"mousedown\" ||\n    ev.type === \"pointerdown\" ||\n    ev.type === \"pointerup\"\n  ) {\n    hasEventBeforeFocus = true\n\n    const target = ev.composedPath()[0] ?? ev.target\n\n    if ((target as HTMLElement).matches(\":focus-visible\")) return\n\n    trigger(\"pointer\", ev)\n  }\n}\n\nconst isVirtualClick = (ev: MouseEvent | PointerEvent): boolean => {\n  if ((ev as any).mozInputSource === 0 && ev.isTrusted) return true\n\n  return ev.detail === 0 && !(ev as PointerEvent).pointerType\n}\n\nconst onClick = (ev: MouseEvent) => {\n  if (!isVirtualClick(ev)) return\n\n  hasEventBeforeFocus = true\n\n  modality = \"virtual\"\n}\n\nconst onFocus = (ev: FocusEvent) => {\n  if (ev.target === window || ev.target === document) return\n\n  if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {\n    modality = \"virtual\"\n\n    trigger(\"virtual\", ev)\n  }\n\n  hasEventBeforeFocus = false\n  hasBlurredWindowRecently = false\n}\n\nconst onBlur = () => {\n  hasEventBeforeFocus = false\n  hasBlurredWindowRecently = true\n}\n\nconst isFocusVisible = () => modality !== \"pointer\"\n\nconst setGlobalFocusEvents = () => {\n  if (typeof window === \"undefined\" || hasSetup) return\n\n  const { focus } = HTMLElement.prototype\n\n  if (process.env.NODE_ENV !== \"test\") {\n    Object.defineProperties(HTMLElement.prototype, {\n      focus: {\n        configurable: false,\n        value: function customFocus(...args: [FocusOptions]) {\n          hasEventBeforeFocus = true\n\n          if (this) focus.apply(this, args)\n        },\n        writable: false,\n      },\n    })\n  }\n\n  document.addEventListener(\"keydown\", onKeyboard, true)\n  document.addEventListener(\"keyup\", onKeyboard, true)\n  document.addEventListener(\"click\", onClick, true)\n\n  window.addEventListener(\"focus\", onFocus, true)\n  window.addEventListener(\"blur\", onBlur, false)\n\n  if (typeof PointerEvent !== \"undefined\") {\n    document.addEventListener(\"pointerdown\", onPointer, true)\n    document.addEventListener(\"pointermove\", onPointer, true)\n    document.addEventListener(\"pointerup\", onPointer, true)\n  } else {\n    document.addEventListener(\"mousedown\", onPointer, true)\n    document.addEventListener(\"mousemove\", onPointer, true)\n    document.addEventListener(\"mouseup\", onPointer, true)\n  }\n\n  hasSetup = true\n}\n\ninterface TrackFocusVisibleOptions {\n  force?: boolean\n}\n\nexport const trackFocusVisible = (\n  func: FocusVisibleCallback,\n  { force }: TrackFocusVisibleOptions = {},\n) => {\n  if (force) hasSetup = false\n\n  setGlobalFocusEvents()\n\n  func(isFocusVisible())\n\n  const handler = () => func(isFocusVisible())\n\n  handlers.add(handler)\n\n  return () => {\n    handlers.delete(handler)\n  }\n}\n\nexport const useFocusVisible = (options?: TrackFocusVisibleOptions) => {\n  const [focusVisible, setFocusVisible] = useState(false)\n  const [focus, setFocus] = useState(false)\n\n  useEffect(() => {\n    return trackFocusVisible(setFocusVisible, options)\n  }, [options])\n\n  return {\n    focusVisible: focusVisible && focus,\n    onBlur: () => setFocus(false),\n    onFocus: () => setFocus(true),\n  }\n}\n"],"mappings":"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"}

package/dist/esm/hooks/use-local-storage/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import { utils_exports } from "../../utils/index.js";
+import { isFunction } from "../../utils/common/assertion.js";
 import { useWindowEvent } from "../use-window-event/index.js";
 import { useCallback, useEffect, useState } from "react";
 
@@ -35,7 +35,7 @@ const createStorage = (type, name) => {
 		]);
 		const [value, setValue] = useState(readStorageValue(getInitialValueInEffect));
 		const setStorageValue = useCallback((valOrFn) => {
-			if ((0, utils_exports.isFunction)(valOrFn)) setValue((current) => {
+			if (isFunction(valOrFn)) setValue((current) => {
 				const result = valOrFn(current);
 				window[type].setItem(key, serialize(result));
 				window.dispatchEvent(new CustomEvent(eventName, { detail: {

package/dist/esm/hooks/use-local-storage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["value: T","name: string","value: string | undefined","type: StorageType","value","skipStorage?: boolean","valOrFn: ((prevState: T) => T) | T","props: StorageProps<T>"],"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<T> {\n  key: string\n  defaultValue?: T\n  deserialize?: (value: string | undefined) => T\n  getInitialValueInEffect?: boolean\n  serialize?: (value: T) => string\n}\n\nconst serializeJSON = <T>(value: T, 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 = <T>(type: StorageType, name: string) => {\n  const eventName =\n    type === \"localStorage\" ? \"local-storage\" : \"session-storage\"\n\n  return ({\n    key,\n    defaultValue = undefined,\n    deserialize = deserializeJSON,\n    getInitialValueInEffect = true,\n    serialize = (value: T) => serializeJSON(value, name),\n  }: StorageProps<T>) => {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): T => {\n        if (\n          typeof window === \"undefined\" ||\n          !(type in window) ||\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          window[type] == null ||\n          skipStorage\n        ) {\n          return (defaultValue ?? \"\") as T\n        }\n\n        const storageValue = window[type].getItem(key)\n\n        return storageValue !== null\n          ? deserialize(storageValue)\n          : ((defaultValue ?? \"\") as T)\n      },\n      [key, deserialize, defaultValue],\n    )\n\n    const [value, setValue] = useState<T>(\n      readStorageValue(getInitialValueInEffect),\n    )\n\n    const setStorageValue = useCallback(\n      (valOrFn: ((prevState: T) => T) | T) => {\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 T)\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/hooks/use-local-storage\n */\nexport const useLocalStorage = <T = string>(props: StorageProps<T>) =>\n  createStorage<T>(\"localStorage\", \"use-local-storage\")(props)\n"],"mappings":";;;;;;;;AAgBA,MAAM,gBAAgB,CAAIA,OAAUC,SAAiB;AACnD,KAAI;AACF,SAAO,KAAK,UAAU,MAAM;CAC7B,QAAO;AACN,QAAM,IAAI,OAAO,kBAAkB,KAAK;CACzC;AACF;AAED,MAAM,kBAAkB,CAACC,UAA8B;AACrD,MAAK,MAAO,QAAO;AAEnB,KAAI;AACF,SAAO,KAAK,MAAM,MAAM;CACzB,QAAO;AACN,SAAO;CACR;AACF;AAED,MAAa,gBAAgB,CAAIC,MAAmBF,SAAiB;CACnE,MAAM,YACJ,SAAS,iBAAiB,kBAAkB;AAE9C,QAAO,CAAC,EACN,KACA,uBACA,cAAc,iBACd,0BAA0B,MAC1B,YAAY,CAACD,YAAa,cAAcI,SAAO,KAAK,EACpC,KAAK;EACrB,MAAM,mBAAmB,YACvB,CAACC,gBAA6B;AAC5B,cACS,WAAW,iBAChB,QAAQ,WAEV,OAAO,SAAS,QAChB,YAEA,QAAQ,gBAAgB;GAG1B,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AAE9C,UAAO,iBAAiB,OACpB,YAAY,aAAa,GACvB,gBAAgB;EACvB,GACD;GAAC;GAAK;GAAa;EAAa,EACjC;EAED,MAAM,CAAC,OAAO,SAAS,GAAG,SACxB,iBAAiB,wBAAwB,CAC1C;EAED,MAAM,kBAAkB,YACtB,CAACC,YAAuC;AACtC,OAAI,8BAAW,QAAQ,CACrB,UAAS,CAAC,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;IAAE,EACzC,GACF;AAED,WAAO;GACR,EAAC;QACG;AACL,WAAO,MAAM,QAAQ,KAAK,UAAU,QAAQ,CAAC;AAC7C,WAAO,cACL,IAAI,YAAY,WAAW,EAAE,QAAQ;KAAE;KAAK,OAAO;IAAS,EAAE,GAC/D;AAED,aAAS,QAAQ;GAClB;EACF,GACD,CAAC,KAAK,SAAU,EACjB;EAED,MAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAO,MAAM,WAAW,IAAI;AAC5B,YAAS,aAAkB;EAC5B,GAAE,CAAC,cAAc,GAAI,EAAC;AAEvB,iBAAe,WAAW,CAAC,OAAO;AAChC,OAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,IAChD,UAAS,YAAY,GAAG,mBAAsB,CAAC;EAClD,EAAC;AAEF,iBAAe,WAAW,CAAC,OAAO;AAChC,OAAI,GAAG,OAAO,QAAQ,IAAK,UAAS,GAAG,OAAO,MAAM;EACrD,EAAC;AAEF,YAAU,MAAM;AACd,OAAI,2BAA8B,iBAChC,iBAAgB,aAAa;EAChC,GAAE;GAAC;GAAc;GAAO;EAAgB,EAAC;AAE1C,YAAU,MAAM;AACd,OAAI,wBAAyB,UAAS,kBAAkB,CAAC;EAC1D,GAAE,CAAC,yBAAyB,gBAAiB,EAAC;AAE/C,SAAO;GACL,mBAAsB,eAAe;GACrC;GACA;EACD;CACF;AACF;;;;;;AAOD,MAAa,kBAAkB,CAAaC,UAC1C,cAAiB,gBAAgB,oBAAoB,CAAC,MAAM"}
+{"version":3,"file":"index.js","names":["value: T","name: string","value: string | undefined","type: StorageType","value","skipStorage?: boolean","valOrFn: ((prevState: T) => T) | T","props: StorageProps<T>"],"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<T> {\n  key: string\n  defaultValue?: T\n  deserialize?: (value: string | undefined) => T\n  getInitialValueInEffect?: boolean\n  serialize?: (value: T) => string\n}\n\nconst serializeJSON = <T>(value: T, 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 = <T>(type: StorageType, name: string) => {\n  const eventName =\n    type === \"localStorage\" ? \"local-storage\" : \"session-storage\"\n\n  return ({\n    key,\n    defaultValue = undefined,\n    deserialize = deserializeJSON,\n    getInitialValueInEffect = true,\n    serialize = (value: T) => serializeJSON(value, name),\n  }: StorageProps<T>) => {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): T => {\n        if (\n          typeof window === \"undefined\" ||\n          !(type in window) ||\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          window[type] == null ||\n          skipStorage\n        ) {\n          return (defaultValue ?? \"\") as T\n        }\n\n        const storageValue = window[type].getItem(key)\n\n        return storageValue !== null\n          ? deserialize(storageValue)\n          : ((defaultValue ?? \"\") as T)\n      },\n      [key, deserialize, defaultValue],\n    )\n\n    const [value, setValue] = useState<T>(\n      readStorageValue(getInitialValueInEffect),\n    )\n\n    const setStorageValue = useCallback(\n      (valOrFn: ((prevState: T) => T) | T) => {\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 T)\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/hooks/use-local-storage\n */\nexport const useLocalStorage = <T = string>(props: StorageProps<T>) =>\n  createStorage<T>(\"localStorage\", \"use-local-storage\")(props)\n"],"mappings":";;;;;;;;AAgBA,MAAM,gBAAgB,CAAIA,OAAUC,SAAiB;AACnD,KAAI;AACF,SAAO,KAAK,UAAU,MAAM;CAC7B,QAAO;AACN,QAAM,IAAI,OAAO,kBAAkB,KAAK;CACzC;AACF;AAED,MAAM,kBAAkB,CAACC,UAA8B;AACrD,MAAK,MAAO,QAAO;AAEnB,KAAI;AACF,SAAO,KAAK,MAAM,MAAM;CACzB,QAAO;AACN,SAAO;CACR;AACF;AAED,MAAa,gBAAgB,CAAIC,MAAmBF,SAAiB;CACnE,MAAM,YACJ,SAAS,iBAAiB,kBAAkB;AAE9C,QAAO,CAAC,EACN,KACA,uBACA,cAAc,iBACd,0BAA0B,MAC1B,YAAY,CAACD,YAAa,cAAcI,SAAO,KAAK,EACpC,KAAK;EACrB,MAAM,mBAAmB,YACvB,CAACC,gBAA6B;AAC5B,cACS,WAAW,iBAChB,QAAQ,WAEV,OAAO,SAAS,QAChB,YAEA,QAAQ,gBAAgB;GAG1B,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AAE9C,UAAO,iBAAiB,OACpB,YAAY,aAAa,GACvB,gBAAgB;EACvB,GACD;GAAC;GAAK;GAAa;EAAa,EACjC;EAED,MAAM,CAAC,OAAO,SAAS,GAAG,SACxB,iBAAiB,wBAAwB,CAC1C;EAED,MAAM,kBAAkB,YACtB,CAACC,YAAuC;AACtC,OAAI,WAAW,QAAQ,CACrB,UAAS,CAAC,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;IAAE,EACzC,GACF;AAED,WAAO;GACR,EAAC;QACG;AACL,WAAO,MAAM,QAAQ,KAAK,UAAU,QAAQ,CAAC;AAC7C,WAAO,cACL,IAAI,YAAY,WAAW,EAAE,QAAQ;KAAE;KAAK,OAAO;IAAS,EAAE,GAC/D;AAED,aAAS,QAAQ;GAClB;EACF,GACD,CAAC,KAAK,SAAU,EACjB;EAED,MAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAO,MAAM,WAAW,IAAI;AAC5B,YAAS,aAAkB;EAC5B,GAAE,CAAC,cAAc,GAAI,EAAC;AAEvB,iBAAe,WAAW,CAAC,OAAO;AAChC,OAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,IAChD,UAAS,YAAY,GAAG,mBAAsB,CAAC;EAClD,EAAC;AAEF,iBAAe,WAAW,CAAC,OAAO;AAChC,OAAI,GAAG,OAAO,QAAQ,IAAK,UAAS,GAAG,OAAO,MAAM;EACrD,EAAC;AAEF,YAAU,MAAM;AACd,OAAI,2BAA8B,iBAChC,iBAAgB,aAAa;EAChC,GAAE;GAAC;GAAc;GAAO;EAAgB,EAAC;AAE1C,YAAU,MAAM;AACd,OAAI,wBAAyB,UAAS,kBAAkB,CAAC;EAC1D,GAAE,CAAC,yBAAyB,gBAAiB,EAAC;AAE/C,SAAO;GACL,mBAAsB,eAAe;GACrC;GACA;EACD;CACF;AACF;;;;;;AAOD,MAAa,kBAAkB,CAAaC,UAC1C,cAAiB,gBAAgB,oBAAoB,CAAC,MAAM"}

package/dist/esm/hooks/use-os/index.js

@@ -1,4 +1,4 @@
-import { utils_exports } from "../../utils/index.js";
+import { isUndefined } from "../../utils/common/assertion.js";
 
 //#region src/hooks/use-os/index.ts
 const getOS = () => {
@@ -23,7 +23,7 @@ const getOS = () => {
 * @see https://yamada-ui.com/hooks/use-os
 */
 const useOS = () => {
-	if (!(0, utils_exports.isUndefined)(window)) return getOS();
+	if (!isUndefined(window)) return getOS();
 	return "undetermined";
 };
 

package/dist/esm/hooks/use-os/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-os/index.ts"],"sourcesContent":["import { isUndefined } from \"../../utils\"\n\nexport type OS =\n  | \"android\"\n  | \"chromeos\"\n  | \"ios\"\n  | \"linux\"\n  | \"macos\"\n  | \"undetermined\"\n  | \"windows\"\n\nconst getOS = (): OS => {\n  const { userAgent } = window.navigator\n\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/hooks/use-os\n */\nexport const useOS = (): OS => {\n  if (!isUndefined(window)) return getOS()\n\n  return \"undetermined\"\n}\n"],"mappings":";;;AAWA,MAAM,QAAQ,MAAU;CACtB,MAAM,EAAE,WAAW,GAAG,OAAO;CAE7B,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;AACR;;;;;;AAOD,MAAa,QAAQ,MAAU;AAC7B,MAAK,+BAAY,OAAO,CAAE,QAAO,OAAO;AAExC,QAAO;AACR"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-os/index.ts"],"sourcesContent":["import { isUndefined } from \"../../utils\"\n\nexport type OS =\n  | \"android\"\n  | \"chromeos\"\n  | \"ios\"\n  | \"linux\"\n  | \"macos\"\n  | \"undetermined\"\n  | \"windows\"\n\nconst getOS = (): OS => {\n  const { userAgent } = window.navigator\n\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/hooks/use-os\n */\nexport const useOS = (): OS => {\n  if (!isUndefined(window)) return getOS()\n\n  return \"undetermined\"\n}\n"],"mappings":";;;AAWA,MAAM,QAAQ,MAAU;CACtB,MAAM,EAAE,WAAW,GAAG,OAAO;CAE7B,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;AACR;;;;;;AAOD,MAAa,QAAQ,MAAU;AAC7B,MAAK,YAAY,OAAO,CAAE,QAAO,OAAO;AAExC,QAAO;AACR"}

package/dist/esm/hooks/use-outside-click/index.js

@@ -2,7 +2,7 @@
 
 
 import { useCallbackRef } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { getDocument } from "../../utils/common/dom.js";
 import { useCallback, useEffect, useRef } from "react";
 
 //#region src/hooks/use-outside-click/index.ts
@@ -47,7 +47,7 @@ const useOutsideClick = ({ ref, enabled = true, handler }) => {
 	]);
 	useEffect(() => {
 		if (!enabled) return;
-		const doc = (0, utils_exports.getDocument)(ref.current);
+		const doc = getDocument(ref.current);
 		doc.addEventListener("mousedown", onPointerDown, true);
 		doc.addEventListener("mouseup", onMouseUp, true);
 		doc.addEventListener("touchstart", onPointerDown, true);
@@ -73,7 +73,7 @@ const isValidEvent = (ev, ref) => {
 	const target = ev.target;
 	if ("button" in ev && ev.button > 0) return false;
 	if (target) {
-		if (!(0, utils_exports.getDocument)(target).contains(target)) return false;
+		if (!getDocument(target).contains(target)) return false;
 	}
 	return !ref.current?.contains(target);
 };

package/dist/esm/hooks/use-outside-click/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ev: MouseEvent | TouchEvent","ev: MouseEvent","ev: TouchEvent","ref: RefObject<HTMLElement | null>"],"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, useCallbackRef } from \"../../utils\"\n\nexport interface UseOutsideClickProps {\n  ref: React.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/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(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>,\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  return !ref.current?.contains(target)\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,kBAAkB,CAAC,EAC9B,KACA,UAAU,MACV,SACqB,KAAK;CAC1B,MAAM,aAAa,eAAe,QAAQ;CAE1C,MAAM,QAAQ,OAAO;EACnB,2BAA2B;EAC3B,eAAe;CAChB,EAAC;CAEF,MAAM,gBAAgB,YACpB,CAACA,OAAgC;AAC/B,MAAI,aAAa,IAAI,IAAI,CAAE,OAAM,QAAQ,gBAAgB;CAC1D,GACD,CAAC,GAAI,EACN;CAED,MAAM,YAAY,YAChB,CAACC,OAAmB;AAClB,MAAI,MAAM,QAAQ,2BAA2B;AAC3C,SAAM,QAAQ,4BAA4B;AAE1C;EACD;AAED,MAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;AACnE,SAAM,QAAQ,gBAAgB;AAE9B,cAAW,GAAG;EACf;CACF,GACD;EAAC;EAAS;EAAY;CAAI,EAC3B;CAED,MAAM,aAAa,YACjB,CAACC,OAAmB;AAClB,QAAM,QAAQ,4BAA4B;AAE1C,MAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;AACnE,SAAM,QAAQ,gBAAgB;AAE9B,cAAW,GAAG;EACf;CACF,GACD;EAAC;EAAS;EAAY;CAAI,EAC3B;AAED,WAAU,MAAM;AACd,OAAK,QAAS;EAEd,MAAM,MAAM,+BAAY,IAAI,QAAQ;AAEpC,MAAI,iBAAiB,aAAa,eAAe,KAAK;AACtD,MAAI,iBAAiB,WAAW,WAAW,KAAK;AAChD,MAAI,iBAAiB,cAAc,eAAe,KAAK;AACvD,MAAI,iBAAiB,YAAY,YAAY,KAAK;AAElD,SAAO,MAAM;AACX,OAAI,oBAAoB,aAAa,eAAe,KAAK;AACzD,OAAI,oBAAoB,WAAW,WAAW,KAAK;AACnD,OAAI,oBAAoB,cAAc,eAAe,KAAK;AAC1D,OAAI,oBAAoB,YAAY,YAAY,KAAK;EACtD;CACF,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;AACH;AAED,MAAM,eAAe,CACnBF,IACAG,QACG;CACH,MAAM,SAAS,GAAG;AAElB,KAAI,YAAY,MAAM,GAAG,SAAS,EAAG,QAAO;AAE5C,KAAI,QAAQ;OAAK,+BAAY,OAAO,CAAC,SAAS,OAAO,CAAE,QAAO;CAAK;AAEnE,SAAQ,IAAI,SAAS,SAAS,OAAO;AACtC"}
+{"version":3,"file":"index.js","names":["ev: MouseEvent | TouchEvent","ev: MouseEvent","ev: TouchEvent","ref: RefObject<HTMLElement | null>"],"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, useCallbackRef } from \"../../utils\"\n\nexport interface UseOutsideClickProps {\n  ref: React.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/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(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>,\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  return !ref.current?.contains(target)\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,kBAAkB,CAAC,EAC9B,KACA,UAAU,MACV,SACqB,KAAK;CAC1B,MAAM,aAAa,eAAe,QAAQ;CAE1C,MAAM,QAAQ,OAAO;EACnB,2BAA2B;EAC3B,eAAe;CAChB,EAAC;CAEF,MAAM,gBAAgB,YACpB,CAACA,OAAgC;AAC/B,MAAI,aAAa,IAAI,IAAI,CAAE,OAAM,QAAQ,gBAAgB;CAC1D,GACD,CAAC,GAAI,EACN;CAED,MAAM,YAAY,YAChB,CAACC,OAAmB;AAClB,MAAI,MAAM,QAAQ,2BAA2B;AAC3C,SAAM,QAAQ,4BAA4B;AAE1C;EACD;AAED,MAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;AACnE,SAAM,QAAQ,gBAAgB;AAE9B,cAAW,GAAG;EACf;CACF,GACD;EAAC;EAAS;EAAY;CAAI,EAC3B;CAED,MAAM,aAAa,YACjB,CAACC,OAAmB;AAClB,QAAM,QAAQ,4BAA4B;AAE1C,MAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;AACnE,SAAM,QAAQ,gBAAgB;AAE9B,cAAW,GAAG;EACf;CACF,GACD;EAAC;EAAS;EAAY;CAAI,EAC3B;AAED,WAAU,MAAM;AACd,OAAK,QAAS;EAEd,MAAM,MAAM,YAAY,IAAI,QAAQ;AAEpC,MAAI,iBAAiB,aAAa,eAAe,KAAK;AACtD,MAAI,iBAAiB,WAAW,WAAW,KAAK;AAChD,MAAI,iBAAiB,cAAc,eAAe,KAAK;AACvD,MAAI,iBAAiB,YAAY,YAAY,KAAK;AAElD,SAAO,MAAM;AACX,OAAI,oBAAoB,aAAa,eAAe,KAAK;AACzD,OAAI,oBAAoB,WAAW,WAAW,KAAK;AACnD,OAAI,oBAAoB,cAAc,eAAe,KAAK;AAC1D,OAAI,oBAAoB,YAAY,YAAY,KAAK;EACtD;CACF,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;AACH;AAED,MAAM,eAAe,CACnBF,IACAG,QACG;CACH,MAAM,SAAS,GAAG;AAElB,KAAI,YAAY,MAAM,GAAG,SAAS,EAAG,QAAO;AAE5C,KAAI,QAAQ;OAAK,YAAY,OAAO,CAAC,SAAS,OAAO,CAAE,QAAO;CAAK;AAEnE,SAAQ,IAAI,SAAS,SAAS,OAAO;AACtC"}

package/dist/esm/hooks/use-pan-event/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import { utils_exports } from "../../utils/index.js";
+import { addDomEvent, getEventPoint, isMouseEvent, isMultiTouchEvent } from "../../utils/common/event.js";
 import { useLatestRef } from "../use-latest-ref/index.js";
 import { useEffect, useRef } from "react";
 import sync, { cancelSync, getFrameData } from "framesync";
@@ -50,18 +50,18 @@ const getVelocity = (history, timeDelta) => {
 };
 const filter = (cb) => {
 	return function(ev) {
-		const isMouse = (0, utils_exports.isMouseEvent)(ev);
+		const isMouse = isMouseEvent(ev);
 		if (!isMouse || ev.button === 0) cb(ev);
 	};
 };
 const wrap = (cb, filterPrimary = false) => {
 	function listener(ev) {
-		return cb(ev, { point: (0, utils_exports.getEventPoint)(ev) });
+		return cb(ev, { point: getEventPoint(ev) });
 	}
 	const fn = filterPrimary ? filter(listener) : listener;
 	return fn;
 };
-const addPointerEvent = (target, type, cb, options) => (0, utils_exports.addDomEvent)(target, type, wrap(cb, type === "pointerdown"), options);
+const addPointerEvent = (target, type, cb, options) => addDomEvent(target, type, wrap(cb, type === "pointerdown"), options);
 const pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
 const distance1D = (a, b) => Math.abs(a - b);
 const isPoint = (point) => "x" in point && "y" in point;
@@ -75,9 +75,9 @@ const distance = (a, b) => {
 	return 0;
 };
 const panEvent = (ev, handlers, threshold = 3) => {
-	if ((0, utils_exports.isMultiTouchEvent)(ev)) return;
+	if (isMultiTouchEvent(ev)) return;
 	const win = ev.view ?? window;
-	const info = { point: (0, utils_exports.getEventPoint)(ev) };
+	const info = { point: getEventPoint(ev) };
 	const { timestamp } = getFrameData();
 	const { onEnd, onMove, onSessionEnd, onSessionStart, onStart } = handlers;
 	const history = [{

package/dist/esm/hooks/use-pan-event/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["a: Point","b?: Point","info: PointerEventInfo","history: PanEventHistory","v: number","history: TimestampedPoint[]","timeDelta: number","timestampedPoint: TimestampedPoint | undefined","cb: EventListener","ev: Event","cb: PointerEventListener","ev: any","target: EventTarget","type: \"pointercancel\" | \"pointerdown\" | \"pointermove\" | \"pointerup\"","options?: AddEventListenerOptions","v: Y","a: number","b: number","point: any","a: Y","b: Y","ev: AnyPointerEvent","handlers: Partial<PanEventHandlers>","startEvent: AnyPointerEvent | null","lastEvent: AnyPointerEvent | null","lastEventInfo: null | PointerEventInfo","info","ev","newHandlers: Partial<PanEventHandlers>","ref: RefObject<HTMLElement | null>"],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { AnyPointerEvent, Point } from \"../../utils\"\nimport sync, { cancelSync, getFrameData } from \"framesync\"\nimport { useEffect, useRef } from \"react\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  isMouseEvent,\n  isMultiTouchEvent,\n} from \"../../utils\"\nimport { useLatestRef } from \"../use-latest-ref\"\n\ninterface PointerEventInfo {\n  point: Point\n}\n\ninterface PanEventInfo {\n  delta: Point\n  offset: Point\n  point: Point\n  velocity: Point\n}\n\ntype PanEventHandler = (ev: AnyPointerEvent, info: PanEventInfo) => void\ntype PointerEventListener = (\n  ev: AnyPointerEvent,\n  info: PointerEventInfo,\n) => void\n\ninterface TimestampedPoint extends Point {\n  timestamp: number\n}\n\ntype PanEventHistory = TimestampedPoint[]\n\ninterface PanEventHandlers {\n  onEnd: PanEventHandler\n  onMove: PanEventHandler\n  onSessionEnd: PanEventHandler\n  onSessionStart: PanEventHandler\n  onStart: PanEventHandler\n}\n\nconst subtract = (a: Point, b?: Point): Point => ({\n  x: a.x - (b?.x ?? 0),\n  y: a.y - (b?.y ?? 0),\n})\n\nconst getPanInfo = (\n  info: PointerEventInfo,\n  history: PanEventHistory,\n): PanEventInfo => ({\n  delta: subtract(info.point, history[history.length - 1]),\n  offset: subtract(info.point, history[0]),\n  point: info.point,\n  velocity: getVelocity(history, 0.1),\n})\n\nconst toMilliseconds = (v: number) => v * 1000\n\nconst getVelocity = (history: TimestampedPoint[], timeDelta: number): Point => {\n  if (history.length < 2) return { x: 0, y: 0 }\n\n  let i = history.length - 1\n  let timestampedPoint: TimestampedPoint | undefined = undefined\n\n  const lastPoint = history[history.length - 1]\n\n  while (i >= 0) {\n    timestampedPoint = history[i]\n\n    if (\n      lastPoint &&\n      timestampedPoint &&\n      lastPoint.timestamp - timestampedPoint.timestamp >\n        toMilliseconds(timeDelta)\n    ) {\n      break\n    }\n\n    i--\n  }\n\n  if (!lastPoint || !timestampedPoint) return { x: 0, y: 0 }\n\n  const time = (lastPoint.timestamp - timestampedPoint.timestamp) / 1000\n\n  if (time === 0) return { x: 0, y: 0 }\n\n  const currentVelocity = {\n    x: (lastPoint.x - timestampedPoint.x) / time,\n    y: (lastPoint.y - timestampedPoint.y) / time,\n  }\n\n  if (currentVelocity.x === Infinity) currentVelocity.x = 0\n\n  if (currentVelocity.y === Infinity) currentVelocity.y = 0\n\n  return currentVelocity\n}\n\nconst filter = (cb: EventListener): EventListener => {\n  return function (ev: Event) {\n    const isMouse = isMouseEvent(ev)\n\n    if (!isMouse || ev.button === 0) cb(ev)\n  }\n}\n\nconst wrap = (\n  cb: PointerEventListener,\n  filterPrimary = false,\n): EventListener => {\n  function listener(ev: any) {\n    return cb(ev, { point: getEventPoint(ev) })\n  }\n\n  const fn = filterPrimary ? filter(listener) : listener\n\n  return fn as EventListener\n}\n\nconst addPointerEvent = (\n  target: EventTarget,\n  type: \"pointercancel\" | \"pointerdown\" | \"pointermove\" | \"pointerup\",\n  cb: PointerEventListener,\n  options?: AddEventListenerOptions,\n) => addDomEvent(target, type, wrap(cb, type === \"pointerdown\"), options)\n\nconst pipe =\n  <Y>(...fns: ((a: Y) => Y)[]) =>\n  (v: Y) =>\n    fns.reduce((a, b) => b(a), v)\n\nconst distance1D = (a: number, b: number) => Math.abs(a - b)\n\nconst isPoint = (point: any): point is { x: number; y: number } =>\n  \"x\" in point && \"y\" in point\n\nconst distance = <Y extends number | Point>(a: Y, b: Y) => {\n  if (typeof a === \"number\" && typeof b === \"number\") return distance1D(a, b)\n\n  if (isPoint(a) && isPoint(b)) {\n    const xDelta = distance1D(a.x, b.x)\n    const yDelta = distance1D(a.y, b.y)\n\n    return Math.sqrt(xDelta ** 2 + yDelta ** 2)\n  }\n\n  return 0\n}\n\nconst panEvent = (\n  ev: AnyPointerEvent,\n  handlers: Partial<PanEventHandlers>,\n  threshold = 3,\n) => {\n  if (isMultiTouchEvent(ev)) return\n\n  const win = ev.view ?? window\n  const info = { point: getEventPoint(ev) }\n  const { timestamp } = getFrameData()\n  const { onEnd, onMove, onSessionEnd, onSessionStart, onStart } = handlers\n\n  const history: PanEventHistory = [{ ...info.point, timestamp }]\n\n  let startEvent: AnyPointerEvent | null = null\n  let lastEvent: AnyPointerEvent | null = null\n  let lastEventInfo: null | PointerEventInfo = null\n\n  ev.stopPropagation()\n  ev.preventDefault()\n\n  onSessionStart?.(ev, getPanInfo(info, history))\n\n  const updatePoint = () => {\n    if (!(lastEvent && lastEventInfo)) return\n\n    const info = getPanInfo(lastEventInfo, history)\n\n    const isPanStarted = startEvent !== null\n\n    const isDistancePastThreshold =\n      distance(info.offset, { x: 0, y: 0 }) >= threshold\n\n    if (!isPanStarted && !isDistancePastThreshold) return\n\n    const { timestamp } = getFrameData()\n\n    history.push({ ...info.point, timestamp })\n\n    if (!isPanStarted) {\n      onStart?.(lastEvent, info)\n\n      startEvent = lastEvent\n    }\n\n    onMove?.(lastEvent, info)\n  }\n\n  const onPointerMove = (ev: AnyPointerEvent, info: PointerEventInfo) => {\n    lastEvent = ev\n    lastEventInfo = info\n\n    sync.update(updatePoint, true)\n  }\n\n  const onPointerUp = (ev: AnyPointerEvent, info: PointerEventInfo) => {\n    const panInfo = getPanInfo(info, history)\n\n    onSessionEnd?.(ev, panInfo)\n\n    end()\n\n    if (!onEnd || !startEvent) return\n\n    onEnd(ev, panInfo)\n  }\n\n  const updateHandlers = (newHandlers: Partial<PanEventHandlers>) => {\n    handlers = newHandlers\n  }\n\n  let removeListeners = pipe(\n    addPointerEvent(win, \"pointermove\", onPointerMove),\n    addPointerEvent(win, \"pointerup\", onPointerUp),\n    addPointerEvent(win, \"pointercancel\", onPointerUp),\n  )\n\n  const end = () => {\n    removeListeners()\n\n    cancelSync.update(updatePoint)\n  }\n\n  return {\n    end,\n    updateHandlers,\n  }\n}\n\ntype PanEvent = ReturnType<typeof panEvent>\n\nexport interface UsePanEventProps {\n  threshold?: number\n  onEnd?: PanEventHandler\n  onMove?: PanEventHandler\n  onSessionEnd?: PanEventHandler\n  onSessionStart?: PanEventHandler\n  onStart?: PanEventHandler\n}\n\nexport const usePanEvent = (\n  ref: RefObject<HTMLElement | null>,\n  {\n    threshold,\n    onEnd,\n    onMove,\n    onSessionEnd,\n    onSessionStart,\n    onStart,\n  }: UsePanEventProps,\n) => {\n  const hasPanEvents =\n    !!onMove || !!onStart || !!onEnd || !!onSessionStart || !!onSessionEnd\n\n  const panSession = useRef<null | PanEvent>(null)\n\n  const handlersRef = useLatestRef<Partial<PanEventHandlers>>({\n    onEnd: (ev, info) => {\n      panSession.current = null\n\n      onEnd?.(ev, info)\n    },\n    onMove,\n    onSessionEnd,\n    onSessionStart,\n    onStart,\n  })\n\n  useEffect(() => {\n    panSession.current?.updateHandlers(handlersRef.current)\n  })\n\n  useEffect(() => {\n    const node = ref.current\n\n    if (!node || !hasPanEvents) return\n\n    const onPointerDown = (ev: AnyPointerEvent) => {\n      panSession.current = panEvent(ev, handlersRef.current, threshold)\n    }\n\n    return addPointerEvent(node, \"pointerdown\", onPointerDown)\n  }, [ref, hasPanEvents, handlersRef, threshold])\n\n  useEffect(() => {\n    return () => {\n      panSession.current?.end()\n      panSession.current = null\n    }\n  }, [])\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["a: Point","b?: Point","info: PointerEventInfo","history: PanEventHistory","v: number","history: TimestampedPoint[]","timeDelta: number","timestampedPoint: TimestampedPoint | undefined","cb: EventListener","ev: Event","cb: PointerEventListener","ev: any","target: EventTarget","type: \"pointercancel\" | \"pointerdown\" | \"pointermove\" | \"pointerup\"","options?: AddEventListenerOptions","v: Y","a: number","b: number","point: any","a: Y","b: Y","ev: AnyPointerEvent","handlers: Partial<PanEventHandlers>","startEvent: AnyPointerEvent | null","lastEvent: AnyPointerEvent | null","lastEventInfo: null | PointerEventInfo","info","ev","newHandlers: Partial<PanEventHandlers>","ref: RefObject<HTMLElement | null>"],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { AnyPointerEvent, Point } from \"../../utils\"\nimport sync, { cancelSync, getFrameData } from \"framesync\"\nimport { useEffect, useRef } from \"react\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  isMouseEvent,\n  isMultiTouchEvent,\n} from \"../../utils\"\nimport { useLatestRef } from \"../use-latest-ref\"\n\ninterface PointerEventInfo {\n  point: Point\n}\n\ninterface PanEventInfo {\n  delta: Point\n  offset: Point\n  point: Point\n  velocity: Point\n}\n\ntype PanEventHandler = (ev: AnyPointerEvent, info: PanEventInfo) => void\ntype PointerEventListener = (\n  ev: AnyPointerEvent,\n  info: PointerEventInfo,\n) => void\n\ninterface TimestampedPoint extends Point {\n  timestamp: number\n}\n\ntype PanEventHistory = TimestampedPoint[]\n\ninterface PanEventHandlers {\n  onEnd: PanEventHandler\n  onMove: PanEventHandler\n  onSessionEnd: PanEventHandler\n  onSessionStart: PanEventHandler\n  onStart: PanEventHandler\n}\n\nconst subtract = (a: Point, b?: Point): Point => ({\n  x: a.x - (b?.x ?? 0),\n  y: a.y - (b?.y ?? 0),\n})\n\nconst getPanInfo = (\n  info: PointerEventInfo,\n  history: PanEventHistory,\n): PanEventInfo => ({\n  delta: subtract(info.point, history[history.length - 1]),\n  offset: subtract(info.point, history[0]),\n  point: info.point,\n  velocity: getVelocity(history, 0.1),\n})\n\nconst toMilliseconds = (v: number) => v * 1000\n\nconst getVelocity = (history: TimestampedPoint[], timeDelta: number): Point => {\n  if (history.length < 2) return { x: 0, y: 0 }\n\n  let i = history.length - 1\n  let timestampedPoint: TimestampedPoint | undefined = undefined\n\n  const lastPoint = history[history.length - 1]\n\n  while (i >= 0) {\n    timestampedPoint = history[i]\n\n    if (\n      lastPoint &&\n      timestampedPoint &&\n      lastPoint.timestamp - timestampedPoint.timestamp >\n        toMilliseconds(timeDelta)\n    ) {\n      break\n    }\n\n    i--\n  }\n\n  if (!lastPoint || !timestampedPoint) return { x: 0, y: 0 }\n\n  const time = (lastPoint.timestamp - timestampedPoint.timestamp) / 1000\n\n  if (time === 0) return { x: 0, y: 0 }\n\n  const currentVelocity = {\n    x: (lastPoint.x - timestampedPoint.x) / time,\n    y: (lastPoint.y - timestampedPoint.y) / time,\n  }\n\n  if (currentVelocity.x === Infinity) currentVelocity.x = 0\n\n  if (currentVelocity.y === Infinity) currentVelocity.y = 0\n\n  return currentVelocity\n}\n\nconst filter = (cb: EventListener): EventListener => {\n  return function (ev: Event) {\n    const isMouse = isMouseEvent(ev)\n\n    if (!isMouse || ev.button === 0) cb(ev)\n  }\n}\n\nconst wrap = (\n  cb: PointerEventListener,\n  filterPrimary = false,\n): EventListener => {\n  function listener(ev: any) {\n    return cb(ev, { point: getEventPoint(ev) })\n  }\n\n  const fn = filterPrimary ? filter(listener) : listener\n\n  return fn as EventListener\n}\n\nconst addPointerEvent = (\n  target: EventTarget,\n  type: \"pointercancel\" | \"pointerdown\" | \"pointermove\" | \"pointerup\",\n  cb: PointerEventListener,\n  options?: AddEventListenerOptions,\n) => addDomEvent(target, type, wrap(cb, type === \"pointerdown\"), options)\n\nconst pipe =\n  <Y>(...fns: ((a: Y) => Y)[]) =>\n  (v: Y) =>\n    fns.reduce((a, b) => b(a), v)\n\nconst distance1D = (a: number, b: number) => Math.abs(a - b)\n\nconst isPoint = (point: any): point is { x: number; y: number } =>\n  \"x\" in point && \"y\" in point\n\nconst distance = <Y extends number | Point>(a: Y, b: Y) => {\n  if (typeof a === \"number\" && typeof b === \"number\") return distance1D(a, b)\n\n  if (isPoint(a) && isPoint(b)) {\n    const xDelta = distance1D(a.x, b.x)\n    const yDelta = distance1D(a.y, b.y)\n\n    return Math.sqrt(xDelta ** 2 + yDelta ** 2)\n  }\n\n  return 0\n}\n\nconst panEvent = (\n  ev: AnyPointerEvent,\n  handlers: Partial<PanEventHandlers>,\n  threshold = 3,\n) => {\n  if (isMultiTouchEvent(ev)) return\n\n  const win = ev.view ?? window\n  const info = { point: getEventPoint(ev) }\n  const { timestamp } = getFrameData()\n  const { onEnd, onMove, onSessionEnd, onSessionStart, onStart } = handlers\n\n  const history: PanEventHistory = [{ ...info.point, timestamp }]\n\n  let startEvent: AnyPointerEvent | null = null\n  let lastEvent: AnyPointerEvent | null = null\n  let lastEventInfo: null | PointerEventInfo = null\n\n  ev.stopPropagation()\n  ev.preventDefault()\n\n  onSessionStart?.(ev, getPanInfo(info, history))\n\n  const updatePoint = () => {\n    if (!(lastEvent && lastEventInfo)) return\n\n    const info = getPanInfo(lastEventInfo, history)\n\n    const isPanStarted = startEvent !== null\n\n    const isDistancePastThreshold =\n      distance(info.offset, { x: 0, y: 0 }) >= threshold\n\n    if (!isPanStarted && !isDistancePastThreshold) return\n\n    const { timestamp } = getFrameData()\n\n    history.push({ ...info.point, timestamp })\n\n    if (!isPanStarted) {\n      onStart?.(lastEvent, info)\n\n      startEvent = lastEvent\n    }\n\n    onMove?.(lastEvent, info)\n  }\n\n  const onPointerMove = (ev: AnyPointerEvent, info: PointerEventInfo) => {\n    lastEvent = ev\n    lastEventInfo = info\n\n    sync.update(updatePoint, true)\n  }\n\n  const onPointerUp = (ev: AnyPointerEvent, info: PointerEventInfo) => {\n    const panInfo = getPanInfo(info, history)\n\n    onSessionEnd?.(ev, panInfo)\n\n    end()\n\n    if (!onEnd || !startEvent) return\n\n    onEnd(ev, panInfo)\n  }\n\n  const updateHandlers = (newHandlers: Partial<PanEventHandlers>) => {\n    handlers = newHandlers\n  }\n\n  let removeListeners = pipe(\n    addPointerEvent(win, \"pointermove\", onPointerMove),\n    addPointerEvent(win, \"pointerup\", onPointerUp),\n    addPointerEvent(win, \"pointercancel\", onPointerUp),\n  )\n\n  const end = () => {\n    removeListeners()\n\n    cancelSync.update(updatePoint)\n  }\n\n  return {\n    end,\n    updateHandlers,\n  }\n}\n\ntype PanEvent = ReturnType<typeof panEvent>\n\nexport interface UsePanEventProps {\n  threshold?: number\n  onEnd?: PanEventHandler\n  onMove?: PanEventHandler\n  onSessionEnd?: PanEventHandler\n  onSessionStart?: PanEventHandler\n  onStart?: PanEventHandler\n}\n\nexport const usePanEvent = (\n  ref: RefObject<HTMLElement | null>,\n  {\n    threshold,\n    onEnd,\n    onMove,\n    onSessionEnd,\n    onSessionStart,\n    onStart,\n  }: UsePanEventProps,\n) => {\n  const hasPanEvents =\n    !!onMove || !!onStart || !!onEnd || !!onSessionStart || !!onSessionEnd\n\n  const panSession = useRef<null | PanEvent>(null)\n\n  const handlersRef = useLatestRef<Partial<PanEventHandlers>>({\n    onEnd: (ev, info) => {\n      panSession.current = null\n\n      onEnd?.(ev, info)\n    },\n    onMove,\n    onSessionEnd,\n    onSessionStart,\n    onStart,\n  })\n\n  useEffect(() => {\n    panSession.current?.updateHandlers(handlersRef.current)\n  })\n\n  useEffect(() => {\n    const node = ref.current\n\n    if (!node || !hasPanEvents) return\n\n    const onPointerDown = (ev: AnyPointerEvent) => {\n      panSession.current = panEvent(ev, handlersRef.current, threshold)\n    }\n\n    return addPointerEvent(node, \"pointerdown\", onPointerDown)\n  }, [ref, hasPanEvents, handlersRef, threshold])\n\n  useEffect(() => {\n    return () => {\n      panSession.current?.end()\n      panSession.current = null\n    }\n  }, [])\n}\n"],"mappings":"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"}

package/dist/esm/hooks/use-resize-observer/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import { utils_exports } from "../../utils/index.js";
+import { createdDom } from "../../utils/common/dom.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 
 //#region src/hooks/use-resize-observer/index.ts
@@ -25,7 +25,7 @@ const useResizeObserver = () => {
 	const ref = useRef(null);
 	const [rect, setRect] = useState(defaultRect);
 	const observer = useMemo(() => {
-		if (!(0, utils_exports.createdDom)()) return null;
+		if (!createdDom()) return null;
 		return new ResizeObserver(([entry]) => {
 			if (!entry) return;
 			cancelAnimationFrame(id.current);

package/dist/esm/hooks/use-resize-observer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["defaultRect: ObserverRect"],"sources":["../../../../src/hooks/use-resize-observer/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useMemo, useRef, useState } from \"react\"\nimport { createdDom } from \"../../utils\"\n\nexport interface ObserverRect extends Omit<DOMRectReadOnly, \"toJSON\"> {}\n\nconst defaultRect: ObserverRect = {\n  bottom: 0,\n  height: 0,\n  left: 0,\n  right: 0,\n  top: 0,\n  width: 0,\n  x: 0,\n  y: 0,\n}\n\n/**\n * `useResizeObserver` is a custom hook that tracks changes in the size and position of an element.\n *\n * @see https://yamada-ui.com/hooks/use-resize-observer\n */\nexport const useResizeObserver = <T extends HTMLElement = any>() => {\n  const id = useRef(0)\n  const ref = useRef<T>(null)\n  const [rect, setRect] = useState<ObserverRect>(defaultRect)\n\n  const observer = useMemo(() => {\n    if (!createdDom()) return null\n\n    return new ResizeObserver(([entry]) => {\n      if (!entry) return\n\n      cancelAnimationFrame(id.current)\n\n      id.current = requestAnimationFrame(() => {\n        if (ref.current) setRect(entry.contentRect)\n      })\n    })\n  }, [])\n\n  useEffect(() => {\n    if (ref.current) observer?.observe(ref.current)\n\n    return () => {\n      observer?.disconnect()\n\n      if (id.current) cancelAnimationFrame(id.current)\n    }\n  }, [observer])\n\n  return [ref, rect] as const\n}\n\nexport const useElementSize = <T extends HTMLElement = any>() => {\n  const [ref, { height, width }] = useResizeObserver<T>()\n\n  return { ref, height, width }\n}\n"],"mappings":";;;;;;;AAOA,MAAMA,cAA4B;CAChC,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACP,GAAG;CACH,GAAG;AACJ;;;;;;AAOD,MAAa,oBAAoB,MAAmC;CAClE,MAAM,KAAK,OAAO,EAAE;CACpB,MAAM,MAAM,OAAU,KAAK;CAC3B,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAuB,YAAY;CAE3D,MAAM,WAAW,QAAQ,MAAM;AAC7B,OAAK,+BAAY,CAAE,QAAO;AAE1B,SAAO,IAAI,eAAe,CAAC,CAAC,MAAM,KAAK;AACrC,QAAK,MAAO;AAEZ,wBAAqB,GAAG,QAAQ;AAEhC,MAAG,UAAU,sBAAsB,MAAM;AACvC,QAAI,IAAI,QAAS,SAAQ,MAAM,YAAY;GAC5C,EAAC;EACH;CACF,GAAE,CAAE,EAAC;AAEN,WAAU,MAAM;AACd,MAAI,IAAI,QAAS,WAAU,QAAQ,IAAI,QAAQ;AAE/C,SAAO,MAAM;AACX,aAAU,YAAY;AAEtB,OAAI,GAAG,QAAS,sBAAqB,GAAG,QAAQ;EACjD;CACF,GAAE,CAAC,QAAS,EAAC;AAEd,QAAO,CAAC,KAAK,IAAK;AACnB;AAED,MAAa,iBAAiB,MAAmC;CAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,mBAAsB;AAEvD,QAAO;EAAE;EAAK;EAAQ;CAAO;AAC9B"}
+{"version":3,"file":"index.js","names":["defaultRect: ObserverRect"],"sources":["../../../../src/hooks/use-resize-observer/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useMemo, useRef, useState } from \"react\"\nimport { createdDom } from \"../../utils\"\n\nexport interface ObserverRect extends Omit<DOMRectReadOnly, \"toJSON\"> {}\n\nconst defaultRect: ObserverRect = {\n  bottom: 0,\n  height: 0,\n  left: 0,\n  right: 0,\n  top: 0,\n  width: 0,\n  x: 0,\n  y: 0,\n}\n\n/**\n * `useResizeObserver` is a custom hook that tracks changes in the size and position of an element.\n *\n * @see https://yamada-ui.com/hooks/use-resize-observer\n */\nexport const useResizeObserver = <T extends HTMLElement = any>() => {\n  const id = useRef(0)\n  const ref = useRef<T>(null)\n  const [rect, setRect] = useState<ObserverRect>(defaultRect)\n\n  const observer = useMemo(() => {\n    if (!createdDom()) return null\n\n    return new ResizeObserver(([entry]) => {\n      if (!entry) return\n\n      cancelAnimationFrame(id.current)\n\n      id.current = requestAnimationFrame(() => {\n        if (ref.current) setRect(entry.contentRect)\n      })\n    })\n  }, [])\n\n  useEffect(() => {\n    if (ref.current) observer?.observe(ref.current)\n\n    return () => {\n      observer?.disconnect()\n\n      if (id.current) cancelAnimationFrame(id.current)\n    }\n  }, [observer])\n\n  return [ref, rect] as const\n}\n\nexport const useElementSize = <T extends HTMLElement = any>() => {\n  const [ref, { height, width }] = useResizeObserver<T>()\n\n  return { ref, height, width }\n}\n"],"mappings":";;;;;;;AAOA,MAAMA,cAA4B;CAChC,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACP,GAAG;CACH,GAAG;AACJ;;;;;;AAOD,MAAa,oBAAoB,MAAmC;CAClE,MAAM,KAAK,OAAO,EAAE;CACpB,MAAM,MAAM,OAAU,KAAK;CAC3B,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAuB,YAAY;CAE3D,MAAM,WAAW,QAAQ,MAAM;AAC7B,OAAK,YAAY,CAAE,QAAO;AAE1B,SAAO,IAAI,eAAe,CAAC,CAAC,MAAM,KAAK;AACrC,QAAK,MAAO;AAEZ,wBAAqB,GAAG,QAAQ;AAEhC,MAAG,UAAU,sBAAsB,MAAM;AACvC,QAAI,IAAI,QAAS,SAAQ,MAAM,YAAY;GAC5C,EAAC;EACH;CACF,GAAE,CAAE,EAAC;AAEN,WAAU,MAAM;AACd,MAAI,IAAI,QAAS,WAAU,QAAQ,IAAI,QAAQ;AAE/C,SAAO,MAAM;AACX,aAAU,YAAY;AAEtB,OAAI,GAAG,QAAS,sBAAqB,GAAG,QAAQ;EACjD;CACF,GAAE,CAAC,QAAS,EAAC;AAEd,QAAO,CAAC,KAAK,IAAK;AACnB;AAED,MAAa,iBAAiB,MAAmC;CAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,mBAAsB;AAEvD,QAAO;EAAE;EAAK;EAAQ;CAAO;AAC9B"}

package/dist/esm/hooks/use-size/index.js

@@ -3,7 +3,7 @@
 
 import { useSafeLayoutEffect } from "../../utils/effect.js";
 import { isRefObject } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { isArray } from "../../utils/common/assertion.js";
 import { useState } from "react";
 
 //#region src/hooks/use-size/index.ts
@@ -18,13 +18,13 @@ const trackElementSize = (el, cb) => {
 	});
 	const win = el.ownerDocument.defaultView ?? window;
 	const observer = new win.ResizeObserver((entries) => {
-		if (!(0, utils_exports.isArray)(entries) || !entries.length) return;
+		if (!isArray(entries) || !entries.length) return;
 		const [entry] = entries;
 		let width;
 		let height;
 		if (entry && "borderBoxSize" in entry) {
 			const borderSizeEntry = entry.borderBoxSize;
-			const borderSize = (0, utils_exports.isArray)(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+			const borderSize = isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
 			width = borderSize.inlineSize;
 			height = borderSize.blockSize;
 		} else {

package/dist/esm/hooks/use-size/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["el: HTMLElement | null","cb: (size: Size | undefined) => void","width: number","height: number","el: HTMLElement | null | undefined","cb: () => void","sizes","count","refOrEl: React.RefObject<T> | T"],"sources":["../../../../src/hooks/use-size/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { isArray, isRefObject, useSafeLayoutEffect } from \"../../utils\"\n\ninterface Size {\n  height: number\n  width: number\n}\n\nexport const trackElementSize = (\n  el: HTMLElement | null,\n  cb: (size: Size | undefined) => void,\n) => {\n  if (!el) {\n    cb(undefined)\n\n    return\n  }\n\n  cb({ height: el.offsetHeight, width: el.offsetWidth })\n\n  const win = el.ownerDocument.defaultView ?? window\n\n  const observer = new win.ResizeObserver((entries) => {\n    if (!isArray(entries) || !entries.length) return\n\n    const [entry] = entries\n    let width: number\n    let height: number\n\n    if (entry && \"borderBoxSize\" in entry) {\n      const borderSizeEntry = entry.borderBoxSize\n      const borderSize = isArray(borderSizeEntry)\n        ? borderSizeEntry[0]\n        : borderSizeEntry\n\n      width = borderSize.inlineSize\n      height = borderSize.blockSize\n    } else {\n      width = el.offsetWidth\n      height = el.offsetHeight\n    }\n\n    cb({ height, width })\n  })\n\n  observer.observe(el, { box: \"border-box\" })\n\n  return () => observer.unobserve(el)\n}\n\nconst trackMutation = (el: HTMLElement | null | undefined, cb: () => void) => {\n  if (!el?.parentElement) return\n\n  const win = el.ownerDocument.defaultView ?? window\n\n  const observer = new win.MutationObserver(() => {\n    cb()\n  })\n\n  observer.observe(el.parentElement, { childList: true })\n\n  return () => {\n    observer.disconnect()\n  }\n}\n\nexport const useSizes = <T extends HTMLElement | null>({\n  getNodes,\n  observeMutation = true,\n}: {\n  getNodes: () => T[]\n  observeMutation?: boolean\n}) => {\n  const [sizes, setSizes] = useState<Size[]>([])\n  const [count, setCount] = useState(0)\n\n  useSafeLayoutEffect(() => {\n    const elements = getNodes()\n\n    const cleanups = elements.map((element, index) =>\n      trackElementSize(element, (size) => {\n        setSizes((sizes) => {\n          return [\n            ...sizes.slice(0, index),\n            size,\n            ...sizes.slice(index + 1),\n          ] as Size[]\n        })\n      }),\n    )\n\n    if (observeMutation) {\n      const firstNode = elements[0]\n\n      cleanups.push(\n        trackMutation(firstNode, () => {\n          setCount((count) => count + 1)\n        }),\n      )\n    }\n\n    return () => {\n      cleanups.forEach((cleanup) => {\n        cleanup?.()\n      })\n    }\n  }, [count])\n\n  return sizes as (Size | undefined)[]\n}\n\nexport const useSize = <T extends HTMLElement | null>(\n  refOrEl: React.RefObject<T> | T,\n) => {\n  const [size] = useSizes({\n    getNodes: () => {\n      const node = isRefObject(refOrEl) ? refOrEl.current : refOrEl\n\n      return [node]\n    },\n\n    observeMutation: false,\n  })\n\n  return size as Size | undefined\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,mBAAmB,CAC9BA,IACAC,OACG;AACH,MAAK,IAAI;AACP,YAAa;AAEb;CACD;AAED,IAAG;EAAE,QAAQ,GAAG;EAAc,OAAO,GAAG;CAAa,EAAC;CAEtD,MAAM,MAAM,GAAG,cAAc,eAAe;CAE5C,MAAM,WAAW,IAAI,IAAI,eAAe,CAAC,YAAY;AACnD,OAAK,2BAAQ,QAAQ,KAAK,QAAQ,OAAQ;EAE1C,MAAM,CAAC,MAAM,GAAG;EAChB,IAAIC;EACJ,IAAIC;AAEJ,MAAI,SAAS,mBAAmB,OAAO;GACrC,MAAM,kBAAkB,MAAM;GAC9B,MAAM,aAAa,2BAAQ,gBAAgB,GACvC,gBAAgB,KAChB;AAEJ,WAAQ,WAAW;AACnB,YAAS,WAAW;EACrB,OAAM;AACL,WAAQ,GAAG;AACX,YAAS,GAAG;EACb;AAED,KAAG;GAAE;GAAQ;EAAO,EAAC;CACtB;AAED,UAAS,QAAQ,IAAI,EAAE,KAAK,aAAc,EAAC;AAE3C,QAAO,MAAM,SAAS,UAAU,GAAG;AACpC;AAED,MAAM,gBAAgB,CAACC,IAAoCC,OAAmB;AAC5E,MAAK,IAAI,cAAe;CAExB,MAAM,MAAM,GAAG,cAAc,eAAe;CAE5C,MAAM,WAAW,IAAI,IAAI,iBAAiB,MAAM;AAC9C,MAAI;CACL;AAED,UAAS,QAAQ,GAAG,eAAe,EAAE,WAAW,KAAM,EAAC;AAEvD,QAAO,MAAM;AACX,WAAS,YAAY;CACtB;AACF;AAED,MAAa,WAAW,CAA+B,EACrD,UACA,kBAAkB,MAInB,KAAK;CACJ,MAAM,CAAC,OAAO,SAAS,GAAG,SAAiB,CAAE,EAAC;CAC9C,MAAM,CAAC,OAAO,SAAS,GAAG,SAAS,EAAE;AAErC,qBAAoB,MAAM;EACxB,MAAM,WAAW,UAAU;EAE3B,MAAM,WAAW,SAAS,IAAI,CAAC,SAAS,UACtC,iBAAiB,SAAS,CAAC,SAAS;AAClC,YAAS,CAACC,YAAU;AAClB,WAAO;KACL,GAAG,QAAM,MAAM,GAAG,MAAM;KACxB;KACA,GAAG,QAAM,MAAM,QAAQ,EAAE;IAC1B;GACF,EAAC;EACH,EAAC,CACH;AAED,MAAI,iBAAiB;GACnB,MAAM,YAAY,SAAS;AAE3B,YAAS,KACP,cAAc,WAAW,MAAM;AAC7B,aAAS,CAACC,YAAUA,UAAQ,EAAE;GAC/B,EAAC,CACH;EACF;AAED,SAAO,MAAM;AACX,YAAS,QAAQ,CAAC,YAAY;AAC5B,eAAW;GACZ,EAAC;EACH;CACF,GAAE,CAAC,KAAM,EAAC;AAEX,QAAO;AACR;AAED,MAAa,UAAU,CACrBC,YACG;CACH,MAAM,CAAC,KAAK,GAAG,SAAS;EACtB,UAAU,MAAM;GACd,MAAM,OAAO,YAAY,QAAQ,GAAG,QAAQ,UAAU;AAEtD,UAAO,CAAC,IAAK;EACd;EAED,iBAAiB;CAClB,EAAC;AAEF,QAAO;AACR"}
+{"version":3,"file":"index.js","names":["el: HTMLElement | null","cb: (size: Size | undefined) => void","width: number","height: number","el: HTMLElement | null | undefined","cb: () => void","sizes","count","refOrEl: React.RefObject<T> | T"],"sources":["../../../../src/hooks/use-size/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { isArray, isRefObject, useSafeLayoutEffect } from \"../../utils\"\n\ninterface Size {\n  height: number\n  width: number\n}\n\nexport const trackElementSize = (\n  el: HTMLElement | null,\n  cb: (size: Size | undefined) => void,\n) => {\n  if (!el) {\n    cb(undefined)\n\n    return\n  }\n\n  cb({ height: el.offsetHeight, width: el.offsetWidth })\n\n  const win = el.ownerDocument.defaultView ?? window\n\n  const observer = new win.ResizeObserver((entries) => {\n    if (!isArray(entries) || !entries.length) return\n\n    const [entry] = entries\n    let width: number\n    let height: number\n\n    if (entry && \"borderBoxSize\" in entry) {\n      const borderSizeEntry = entry.borderBoxSize\n      const borderSize = isArray(borderSizeEntry)\n        ? borderSizeEntry[0]\n        : borderSizeEntry\n\n      width = borderSize.inlineSize\n      height = borderSize.blockSize\n    } else {\n      width = el.offsetWidth\n      height = el.offsetHeight\n    }\n\n    cb({ height, width })\n  })\n\n  observer.observe(el, { box: \"border-box\" })\n\n  return () => observer.unobserve(el)\n}\n\nconst trackMutation = (el: HTMLElement | null | undefined, cb: () => void) => {\n  if (!el?.parentElement) return\n\n  const win = el.ownerDocument.defaultView ?? window\n\n  const observer = new win.MutationObserver(() => {\n    cb()\n  })\n\n  observer.observe(el.parentElement, { childList: true })\n\n  return () => {\n    observer.disconnect()\n  }\n}\n\nexport const useSizes = <T extends HTMLElement | null>({\n  getNodes,\n  observeMutation = true,\n}: {\n  getNodes: () => T[]\n  observeMutation?: boolean\n}) => {\n  const [sizes, setSizes] = useState<Size[]>([])\n  const [count, setCount] = useState(0)\n\n  useSafeLayoutEffect(() => {\n    const elements = getNodes()\n\n    const cleanups = elements.map((element, index) =>\n      trackElementSize(element, (size) => {\n        setSizes((sizes) => {\n          return [\n            ...sizes.slice(0, index),\n            size,\n            ...sizes.slice(index + 1),\n          ] as Size[]\n        })\n      }),\n    )\n\n    if (observeMutation) {\n      const firstNode = elements[0]\n\n      cleanups.push(\n        trackMutation(firstNode, () => {\n          setCount((count) => count + 1)\n        }),\n      )\n    }\n\n    return () => {\n      cleanups.forEach((cleanup) => {\n        cleanup?.()\n      })\n    }\n  }, [count])\n\n  return sizes as (Size | undefined)[]\n}\n\nexport const useSize = <T extends HTMLElement | null>(\n  refOrEl: React.RefObject<T> | T,\n) => {\n  const [size] = useSizes({\n    getNodes: () => {\n      const node = isRefObject(refOrEl) ? refOrEl.current : refOrEl\n\n      return [node]\n    },\n\n    observeMutation: false,\n  })\n\n  return size as Size | undefined\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,mBAAmB,CAC9BA,IACAC,OACG;AACH,MAAK,IAAI;AACP,YAAa;AAEb;CACD;AAED,IAAG;EAAE,QAAQ,GAAG;EAAc,OAAO,GAAG;CAAa,EAAC;CAEtD,MAAM,MAAM,GAAG,cAAc,eAAe;CAE5C,MAAM,WAAW,IAAI,IAAI,eAAe,CAAC,YAAY;AACnD,OAAK,QAAQ,QAAQ,KAAK,QAAQ,OAAQ;EAE1C,MAAM,CAAC,MAAM,GAAG;EAChB,IAAIC;EACJ,IAAIC;AAEJ,MAAI,SAAS,mBAAmB,OAAO;GACrC,MAAM,kBAAkB,MAAM;GAC9B,MAAM,aAAa,QAAQ,gBAAgB,GACvC,gBAAgB,KAChB;AAEJ,WAAQ,WAAW;AACnB,YAAS,WAAW;EACrB,OAAM;AACL,WAAQ,GAAG;AACX,YAAS,GAAG;EACb;AAED,KAAG;GAAE;GAAQ;EAAO,EAAC;CACtB;AAED,UAAS,QAAQ,IAAI,EAAE,KAAK,aAAc,EAAC;AAE3C,QAAO,MAAM,SAAS,UAAU,GAAG;AACpC;AAED,MAAM,gBAAgB,CAACC,IAAoCC,OAAmB;AAC5E,MAAK,IAAI,cAAe;CAExB,MAAM,MAAM,GAAG,cAAc,eAAe;CAE5C,MAAM,WAAW,IAAI,IAAI,iBAAiB,MAAM;AAC9C,MAAI;CACL;AAED,UAAS,QAAQ,GAAG,eAAe,EAAE,WAAW,KAAM,EAAC;AAEvD,QAAO,MAAM;AACX,WAAS,YAAY;CACtB;AACF;AAED,MAAa,WAAW,CAA+B,EACrD,UACA,kBAAkB,MAInB,KAAK;CACJ,MAAM,CAAC,OAAO,SAAS,GAAG,SAAiB,CAAE,EAAC;CAC9C,MAAM,CAAC,OAAO,SAAS,GAAG,SAAS,EAAE;AAErC,qBAAoB,MAAM;EACxB,MAAM,WAAW,UAAU;EAE3B,MAAM,WAAW,SAAS,IAAI,CAAC,SAAS,UACtC,iBAAiB,SAAS,CAAC,SAAS;AAClC,YAAS,CAACC,YAAU;AAClB,WAAO;KACL,GAAG,QAAM,MAAM,GAAG,MAAM;KACxB;KACA,GAAG,QAAM,MAAM,QAAQ,EAAE;IAC1B;GACF,EAAC;EACH,EAAC,CACH;AAED,MAAI,iBAAiB;GACnB,MAAM,YAAY,SAAS;AAE3B,YAAS,KACP,cAAc,WAAW,MAAM;AAC7B,aAAS,CAACC,YAAUA,UAAQ,EAAE;GAC/B,EAAC,CACH;EACF;AAED,SAAO,MAAM;AACX,YAAS,QAAQ,CAAC,YAAY;AAC5B,eAAW;GACZ,EAAC;EACH;CACF,GAAE,CAAC,KAAM,EAAC;AAEX,QAAO;AACR;AAED,MAAa,UAAU,CACrBC,YACG;CACH,MAAM,CAAC,KAAK,GAAG,SAAS;EACtB,UAAU,MAAM;GACd,MAAM,OAAO,YAAY,QAAQ,GAAG,QAAQ,UAAU;AAEtD,UAAO,CAAC,IAAK;EACd;EAED,iBAAiB;CAClB,EAAC;AAEF,QAAO;AACR"}

package/dist/esm/hooks/use-token/index.js

@@ -1,4 +1,5 @@
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isUndefined } from "../../utils/common/assertion.js";
+import { getMemoizedObject } from "../../utils/common/object.js";
 import { useTheme } from "../../core/system/theme-provider.js";
 import { useColorMode } from "../../core/system/color-mode-provider.js";
 import { useMemo } from "react";
@@ -22,19 +23,19 @@ const useToken = (name, path) => {
 const getToken = (name, path) => (theme, colorMode) => {
 	if (name === "layerStyles") name = "styles.layerStyles";
 	if (name === "textStyles") name = "styles.textStyles";
-	let value = (0, utils_exports.getMemoizedObject)(theme, `${name}.${path}`);
-	if (!(0, utils_exports.isUndefined)(value)) if ((0, utils_exports.isArray)(value)) {
+	let value = getMemoizedObject(theme, `${name}.${path}`);
+	if (!isUndefined(value)) if (isArray(value)) {
 		const [lightValue, darkValue] = value;
 		return colorMode !== "dark" ? lightValue : darkValue;
 	} else return value;
 	else {
-		value = (0, utils_exports.getMemoizedObject)(theme, `semantics.${name}.${path}`);
-		if ((0, utils_exports.isArray)(value)) value = [(0, utils_exports.getMemoizedObject)(theme, `${name}.${value[0]}`, value[0]), (0, utils_exports.getMemoizedObject)(theme, `${name}.${value[1]}`, value[1])];
-		else value = (0, utils_exports.getMemoizedObject)(theme, `${name}.${value}`) ?? value;
-		if ((0, utils_exports.isArray)(value)) {
+		value = getMemoizedObject(theme, `semantics.${name}.${path}`);
+		if (isArray(value)) value = [getMemoizedObject(theme, `${name}.${value[0]}`, value[0]), getMemoizedObject(theme, `${name}.${value[1]}`, value[1])];
+		else value = getMemoizedObject(theme, `${name}.${value}`) ?? value;
+		if (isArray(value)) {
 			const [lightValue, darkValue] = value;
 			value = colorMode !== "dark" ? lightValue : darkValue;
-			if ((0, utils_exports.isArray)(value)) {
+			if (isArray(value)) {
 				const [lightValue$1, darkValue$1] = value;
 				return colorMode !== "dark" ? lightValue$1 : darkValue$1;
 			} else return value;

package/dist/esm/hooks/use-token/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["name: M","path: number | ThemeTokens[M] | undefined","theme: StyledTheme","colorMode?: ColorMode","lightValue","darkValue"],"sources":["../../../../src/hooks/use-token/index.ts"],"sourcesContent":["import type { ColorMode, StyledTheme, ThemeTokens } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { useColorMode, useTheme } from \"../../core\"\nimport { getMemoizedObject as get, isArray, isUndefined } from \"../../utils\"\n\ntype OmittedTheme = Omit<ThemeTokens, \"colorSchemes\" | \"themeSchemes\">\n\n/**\n * `useToken` is a custom hook for retrieving tokens from the theme.\n *\n * @see https://yamada-ui.com/hooks/use-token\n */\nexport const useToken = <\n  Y extends number | string = string,\n  M extends keyof OmittedTheme = keyof OmittedTheme,\n>(\n  name: M,\n  path: number | ThemeTokens[M] | undefined,\n) => {\n  const { theme } = useTheme()\n  const { colorMode } = useColorMode()\n\n  return useMemo(\n    () => getToken<Y, M>(name, path)(theme, colorMode),\n    [name, path, theme, colorMode],\n  )\n}\n\nexport const getToken =\n  <\n    Y extends number | string = string,\n    M extends keyof OmittedTheme = keyof OmittedTheme,\n  >(\n    name: M,\n    path: number | ThemeTokens[M] | undefined,\n  ) =>\n  (theme: StyledTheme, colorMode?: ColorMode) => {\n    if (name === \"layerStyles\") name = \"styles.layerStyles\" as M\n    if (name === \"textStyles\") name = \"styles.textStyles\" as M\n\n    let value = get<[Y, Y] | undefined | Y>(theme, `${name}.${path}`)\n\n    if (!isUndefined(value)) {\n      if (isArray(value)) {\n        const [lightValue, darkValue] = value\n\n        return colorMode !== \"dark\" ? lightValue : darkValue\n      } else {\n        return value\n      }\n    } else {\n      value = get<[Y, Y] | undefined | Y>(theme, `semantics.${name}.${path}`)\n\n      if (isArray(value)) {\n        value = [\n          get<Y>(theme, `${name}.${value[0]}`, value[0]),\n          get<Y>(theme, `${name}.${value[1]}`, value[1]),\n        ]\n      } else {\n        value = get<undefined | Y>(theme, `${name}.${value}`) ?? value\n      }\n\n      if (isArray(value)) {\n        const [lightValue, darkValue] = value\n\n        value = colorMode !== \"dark\" ? lightValue : darkValue\n\n        if (isArray(value)) {\n          const [lightValue, darkValue] = value as unknown as [Y, Y]\n\n          return colorMode !== \"dark\" ? lightValue : darkValue\n        } else {\n          return value\n        }\n      } else {\n        return value\n      }\n    }\n  }\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,WAAW,CAItBA,MACAC,SACG;CACH,MAAM,EAAE,OAAO,GAAG,UAAU;CAC5B,MAAM,EAAE,WAAW,GAAG,cAAc;AAEpC,QAAO,QACL,MAAM,SAAe,MAAM,KAAK,CAAC,OAAO,UAAU,EAClD;EAAC;EAAM;EAAM;EAAO;CAAU,EAC/B;AACF;AAED,MAAa,WACX,CAIED,MACAC,SAEF,CAACC,OAAoBC,cAA0B;AAC7C,KAAI,SAAS,cAAe,QAAO;AACnC,KAAI,SAAS,aAAc,QAAO;CAElC,IAAI,QAAQ,qCAA4B,UAAU,KAAK,GAAG,OAAO;AAEjE,MAAK,+BAAY,MAAM,CACrB,KAAI,2BAAQ,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,SAAO,cAAc,SAAS,aAAa;CAC5C,MACC,QAAO;MAEJ;AACL,UAAQ,qCAA4B,QAAQ,YAAY,KAAK,GAAG,OAAO;AAEvE,MAAI,2BAAQ,MAAM,CAChB,SAAQ,CACN,qCAAO,UAAU,KAAK,GAAG,MAAM,MAAM,MAAM,GAAG,EAC9C,qCAAO,UAAU,KAAK,GAAG,MAAM,MAAM,MAAM,GAAG,AAC/C;MAED,SAAQ,qCAAmB,UAAU,KAAK,GAAG,QAAQ,IAAI;AAG3D,MAAI,2BAAQ,MAAM,EAAE;GAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,WAAQ,cAAc,SAAS,aAAa;AAE5C,OAAI,2BAAQ,MAAM,EAAE;IAClB,MAAM,CAACC,cAAYC,YAAU,GAAG;AAEhC,WAAO,cAAc,SAASD,eAAaC;GAC5C,MACC,QAAO;EAEV,MACC,QAAO;CAEV;AACF"}
+{"version":3,"file":"index.js","names":["name: M","path: number | ThemeTokens[M] | undefined","theme: StyledTheme","colorMode?: ColorMode","lightValue","darkValue"],"sources":["../../../../src/hooks/use-token/index.ts"],"sourcesContent":["import type { ColorMode, StyledTheme, ThemeTokens } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { useColorMode, useTheme } from \"../../core\"\nimport { getMemoizedObject as get, isArray, isUndefined } from \"../../utils\"\n\ntype OmittedTheme = Omit<ThemeTokens, \"colorSchemes\" | \"themeSchemes\">\n\n/**\n * `useToken` is a custom hook for retrieving tokens from the theme.\n *\n * @see https://yamada-ui.com/hooks/use-token\n */\nexport const useToken = <\n  Y extends number | string = string,\n  M extends keyof OmittedTheme = keyof OmittedTheme,\n>(\n  name: M,\n  path: number | ThemeTokens[M] | undefined,\n) => {\n  const { theme } = useTheme()\n  const { colorMode } = useColorMode()\n\n  return useMemo(\n    () => getToken<Y, M>(name, path)(theme, colorMode),\n    [name, path, theme, colorMode],\n  )\n}\n\nexport const getToken =\n  <\n    Y extends number | string = string,\n    M extends keyof OmittedTheme = keyof OmittedTheme,\n  >(\n    name: M,\n    path: number | ThemeTokens[M] | undefined,\n  ) =>\n  (theme: StyledTheme, colorMode?: ColorMode) => {\n    if (name === \"layerStyles\") name = \"styles.layerStyles\" as M\n    if (name === \"textStyles\") name = \"styles.textStyles\" as M\n\n    let value = get<[Y, Y] | undefined | Y>(theme, `${name}.${path}`)\n\n    if (!isUndefined(value)) {\n      if (isArray(value)) {\n        const [lightValue, darkValue] = value\n\n        return colorMode !== \"dark\" ? lightValue : darkValue\n      } else {\n        return value\n      }\n    } else {\n      value = get<[Y, Y] | undefined | Y>(theme, `semantics.${name}.${path}`)\n\n      if (isArray(value)) {\n        value = [\n          get<Y>(theme, `${name}.${value[0]}`, value[0]),\n          get<Y>(theme, `${name}.${value[1]}`, value[1]),\n        ]\n      } else {\n        value = get<undefined | Y>(theme, `${name}.${value}`) ?? value\n      }\n\n      if (isArray(value)) {\n        const [lightValue, darkValue] = value\n\n        value = colorMode !== \"dark\" ? lightValue : darkValue\n\n        if (isArray(value)) {\n          const [lightValue, darkValue] = value as unknown as [Y, Y]\n\n          return colorMode !== \"dark\" ? lightValue : darkValue\n        } else {\n          return value\n        }\n      } else {\n        return value\n      }\n    }\n  }\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,WAAW,CAItBA,MACAC,SACG;CACH,MAAM,EAAE,OAAO,GAAG,UAAU;CAC5B,MAAM,EAAE,WAAW,GAAG,cAAc;AAEpC,QAAO,QACL,MAAM,SAAe,MAAM,KAAK,CAAC,OAAO,UAAU,EAClD;EAAC;EAAM;EAAM;EAAO;CAAU,EAC/B;AACF;AAED,MAAa,WACX,CAIED,MACAC,SAEF,CAACC,OAAoBC,cAA0B;AAC7C,KAAI,SAAS,cAAe,QAAO;AACnC,KAAI,SAAS,aAAc,QAAO;CAElC,IAAI,QAAQ,kBAA4B,UAAU,KAAK,GAAG,OAAO;AAEjE,MAAK,YAAY,MAAM,CACrB,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,SAAO,cAAc,SAAS,aAAa;CAC5C,MACC,QAAO;MAEJ;AACL,UAAQ,kBAA4B,QAAQ,YAAY,KAAK,GAAG,OAAO;AAEvE,MAAI,QAAQ,MAAM,CAChB,SAAQ,CACN,kBAAO,UAAU,KAAK,GAAG,MAAM,MAAM,MAAM,GAAG,EAC9C,kBAAO,UAAU,KAAK,GAAG,MAAM,MAAM,MAAM,GAAG,AAC/C;MAED,SAAQ,kBAAmB,UAAU,KAAK,GAAG,QAAQ,IAAI;AAG3D,MAAI,QAAQ,MAAM,EAAE;GAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,WAAQ,cAAc,SAAS,aAAa;AAE5C,OAAI,QAAQ,MAAM,EAAE;IAClB,MAAM,CAACC,cAAYC,YAAU,GAAG;AAEhC,WAAO,cAAc,SAASD,eAAaC;GAC5C,MACC,QAAO;EAEV,MACC,QAAO;CAEV;AACF"}

package/dist/esm/hooks/use-value/index.js

@@ -1,4 +1,4 @@
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isObject } from "../../utils/common/assertion.js";
 import { useSystem } from "../../core/system/system-provider.js";
 import { useColorMode } from "../../core/system/color-mode-provider.js";
 import { getColorModeValue } from "../../core/system/use-color-mode-value.js";
@@ -26,8 +26,8 @@ const useValue = (value) => {
 	]);
 };
 const getValue = (value) => (system, colorMode, breakpoint) => {
-	if ((0, utils_exports.isObject)(value)) return getBreakpointValue(value)(system, breakpoint);
-	else if ((0, utils_exports.isArray)(value)) {
+	if (isObject(value)) return getBreakpointValue(value)(system, breakpoint);
+	else if (isArray(value)) {
 		const [light, dark] = value;
 		return getColorModeValue(light, dark)(colorMode);
 	} else return value;