@yamada-ui/react 2.2.2-dev-20260608072350 → 2.2.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["isRefObject"],"sources":["../../../../src/hooks/use-focus/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useRef } from \"react\"\nimport {\n  getActiveElement,\n  getDocument,\n  getFirstFocusableElement,\n  isRefObject,\n  isSafari,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useEventListener } from \"../use-event-listener\"\n\nexport interface UseFocusOnShowProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  preventScroll?: boolean\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\n/**\n * `useFocusOnShow` is a custom hook that focuses on the target element when it is shown.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-show\n */\nexport const useFocusOnShow = <Y extends HTMLElement>(\n  refOrEl: RefObject<null | Y> | Y,\n  {\n    focusTarget: focusRefOrEl,\n    preventScroll,\n    shouldFocus,\n    visible,\n  }: UseFocusOnShowProps = {\n    preventScroll: true,\n    shouldFocus: false,\n  },\n) => {\n  const trulyShouldFocus = shouldFocus && visible\n  const focused = useRef(false)\n\n  const getTarget = useCallback(() => {\n    return isRefObject(refOrEl) ? refOrEl.current : refOrEl\n  }, [refOrEl])\n\n  const getFocusTarget = useCallback(() => {\n    return isRefObject(focusRefOrEl) ? focusRefOrEl.current : focusRefOrEl\n  }, [focusRefOrEl])\n\n  const onFocus = useCallback(() => {\n    const target = getTarget()\n\n    if (!target || !trulyShouldFocus || focused.current) return\n    if (target.contains(document.activeElement as HTMLElement)) return\n\n    const focusTarget = getFocusTarget()\n\n    if (focusTarget) {\n      requestAnimationFrame(() => {\n        focusTarget.focus({ preventScroll })\n\n        focused.current = true\n      })\n    } else {\n      const firstFocusable = getFirstFocusableElement(target)\n\n      if (firstFocusable) {\n        requestAnimationFrame(() => {\n          firstFocusable.focus({ preventScroll })\n\n          focused.current = true\n        })\n      } else {\n        requestAnimationFrame(() => {\n          target.focus({ preventScroll })\n\n          focused.current = true\n        })\n      }\n    }\n  }, [getTarget, trulyShouldFocus, getFocusTarget, preventScroll])\n\n  useUpdateEffect(() => {\n    focused.current = !trulyShouldFocus\n  }, [trulyShouldFocus])\n\n  useUpdateEffect(() => {\n    requestAnimationFrame(onFocus)\n  }, [onFocus])\n\n  useEventListener(getTarget, \"transitionend\", onFocus)\n}\n\nexport interface UseFocusOnMouseDownProps {\n  ref: RefObject<HTMLElement | null>\n  elements?: (HTMLElement | null | RefObject<HTMLElement | null>)[]\n  enabled?: boolean\n}\n\n/**\n * `useFocusOnPointerDown` is a custom hook that focuses on the target element when it is clicked.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-pointer-down\n */\nexport const useFocusOnPointerDown = ({\n  ref,\n  elements,\n  enabled,\n}: UseFocusOnMouseDownProps) => {\n  useEventListener(\n    () => getDocument(ref.current),\n    \"pointerdown\",\n    (ev) => {\n      if (!isSafari() || !enabled) return\n      const target = ev.target as HTMLElement\n\n      const els = elements ?? [ref]\n\n      const validTarget = els.some((elOrRef) => {\n        const el = isRefObject(elOrRef) ? elOrRef.current : elOrRef\n\n        return el?.contains(target) || el === target\n      })\n\n      if (\n        getActiveElement(getDocument(ref.current)) !== target &&\n        validTarget\n      ) {\n        ev.preventDefault()\n\n        target.focus()\n      }\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,MAAa,kBACX,SACA,EACE,aAAa,cACb,eACA,aACA,YACuB;CACvB,eAAe;CACf,aAAa;AACf,MACG;CACH,MAAM,mBAAmB,eAAe;CACxC,MAAM,WAAA,GAAA,MAAA,QAAiB,KAAK;CAE5B,MAAM,aAAA,GAAA,MAAA,mBAA8B;EAClC,OAAOA,YAAAA,YAAY,OAAO,IAAI,QAAQ,UAAU;CAClD,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,kBAAA,GAAA,MAAA,mBAAmC;EACvC,OAAOA,YAAAA,YAAY,YAAY,IAAI,aAAa,UAAU;CAC5D,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,MAAM,SAAS,UAAU;EAEzB,IAAI,CAAC,UAAU,CAAC,oBAAoB,QAAQ,SAAS;EACrD,IAAI,OAAO,SAAS,SAAS,aAA4B,GAAG;EAE5D,MAAM,cAAc,eAAe;EAEnC,IAAI,aACF,4BAA4B;GAC1B,YAAY,MAAM,EAAE,cAAc,CAAC;GAEnC,QAAQ,UAAU;EACpB,CAAC;OACI;GACL,MAAM,kBAAA,GAAA,oBAAA,cAAA,0BAA0C,MAAM;GAEtD,IAAI,gBACF,4BAA4B;IAC1B,eAAe,MAAM,EAAE,cAAc,CAAC;IAEtC,QAAQ,UAAU;GACpB,CAAC;QAED,4BAA4B;IAC1B,OAAO,MAAM,EAAE,cAAc,CAAC;IAE9B,QAAQ,UAAU;GACpB,CAAC;EAEL;CACF,GAAG;EAAC;EAAW;EAAkB;EAAgB;CAAa,CAAC;CAE/D,eAAA,sBAAsB;EACpB,QAAQ,UAAU,CAAC;CACrB,GAAG,CAAC,gBAAgB,CAAC;CAErB,eAAA,sBAAsB;EACpB,sBAAsB,OAAO;CAC/B,GAAG,CAAC,OAAO,CAAC;CAEZ,uCAAA,iBAAiB,WAAW,iBAAiB,OAAO;AACtD;;;;;;AAaA,MAAa,yBAAyB,EACpC,KACA,UACA,cAC8B;CAC9B,uCAAA,wBAAA,GAAA,oBAAA,cAAA,aACoB,IAAI,OAAO,GAC7B,gBACC,OAAO;EACN,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,KAAK,CAAC,SAAS;EAC7B,MAAM,SAAS,GAAG;EAIlB,MAAM,eAFM,YAAY,CAAC,GAAG,GAEJ,MAAM,YAAY;GACxC,MAAM,KAAKA,YAAAA,YAAY,OAAO,IAAI,QAAQ,UAAU;GAEpD,OAAO,IAAI,SAAS,MAAM,KAAK,OAAO;EACxC,CAAC;EAED,KAAA,GAAA,oBAAA,cAAA,mBAAA,GAAA,oBAAA,cAAA,aAC+B,IAAI,OAAO,CAAC,MAAM,UAC/C,aACA;GACA,GAAG,eAAe;GAElB,OAAO,MAAM;EACf;CACF,CACF;AACF"}
+{"version":3,"file":"index.cjs","names":["isRefObject"],"sources":["../../../../src/hooks/use-focus/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useRef } from \"react\"\nimport {\n  getActiveElement,\n  getDocument,\n  getFirstFocusableElement,\n  isRefObject,\n  isSafari,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useEventListener } from \"../use-event-listener\"\n\nexport interface UseFocusOnShowProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  preventScroll?: boolean\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\n/**\n * `useFocusOnShow` is a custom hook that focuses on the target element when it is shown.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-show\n */\nexport const useFocusOnShow = <Y extends HTMLElement>(\n  refOrEl: RefObject<null | Y> | Y,\n  {\n    focusTarget: focusRefOrEl,\n    preventScroll,\n    shouldFocus,\n    visible,\n  }: UseFocusOnShowProps = {\n    preventScroll: true,\n    shouldFocus: false,\n  },\n) => {\n  const trulyShouldFocus = shouldFocus && visible\n  const focused = useRef(false)\n\n  const getTarget = useCallback(() => {\n    return isRefObject(refOrEl) ? refOrEl.current : refOrEl\n  }, [refOrEl])\n\n  const getFocusTarget = useCallback(() => {\n    return isRefObject(focusRefOrEl) ? focusRefOrEl.current : focusRefOrEl\n  }, [focusRefOrEl])\n\n  const onFocus = useCallback(() => {\n    const target = getTarget()\n\n    if (!target || !trulyShouldFocus || focused.current) return\n    if (target.contains(document.activeElement as HTMLElement)) return\n\n    const focusTarget = getFocusTarget()\n\n    if (focusTarget) {\n      requestAnimationFrame(() => {\n        focusTarget.focus({ preventScroll })\n\n        focused.current = true\n      })\n    } else {\n      const firstFocusable = getFirstFocusableElement(target)\n\n      if (firstFocusable) {\n        requestAnimationFrame(() => {\n          firstFocusable.focus({ preventScroll })\n\n          focused.current = true\n        })\n      } else {\n        requestAnimationFrame(() => {\n          target.focus({ preventScroll })\n\n          focused.current = true\n        })\n      }\n    }\n  }, [getTarget, trulyShouldFocus, getFocusTarget, preventScroll])\n\n  useUpdateEffect(() => {\n    focused.current = !trulyShouldFocus\n  }, [trulyShouldFocus])\n\n  useUpdateEffect(() => {\n    requestAnimationFrame(onFocus)\n  }, [onFocus])\n\n  useEventListener(getTarget, \"transitionend\", onFocus)\n}\n\nexport interface UseFocusOnMouseDownProps {\n  ref: RefObject<HTMLElement | null>\n  elements?: (HTMLElement | null | RefObject<HTMLElement | null>)[]\n  enabled?: boolean\n}\n\n/**\n * `useFocusOnPointerDown` is a custom hook that focuses on the target element when it is clicked.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-pointer-down\n */\nexport const useFocusOnPointerDown = ({\n  ref,\n  elements,\n  enabled,\n}: UseFocusOnMouseDownProps) => {\n  useEventListener(\n    () => getDocument(ref.current),\n    \"pointerdown\",\n    (ev) => {\n      if (!isSafari() || !enabled) return\n      const target = ev.target as HTMLElement\n\n      const els = elements ?? [ref]\n\n      const validTarget = els.some((elOrRef) => {\n        const el = isRefObject(elOrRef) ? elOrRef.current : elOrRef\n\n        return el?.contains(target) || el === target\n      })\n\n      if (\n        getActiveElement(getDocument(ref.current)) !== target &&\n        validTarget\n      ) {\n        ev.preventDefault()\n\n        target.focus()\n      }\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,MAAa,kBACX,SACA,EACE,aAAa,cACb,eACA,aACA,YACuB;CACvB,eAAe;CACf,aAAa;AACf,MACG;CACH,MAAM,mBAAmB,eAAe;CACxC,MAAM,WAAA,GAAA,MAAA,OAAA,CAAiB,KAAK;CAE5B,MAAM,aAAA,GAAA,MAAA,YAAA,OAA8B;EAClC,OAAOA,YAAAA,YAAY,OAAO,IAAI,QAAQ,UAAU;CAClD,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,kBAAA,GAAA,MAAA,YAAA,OAAmC;EACvC,OAAOA,YAAAA,YAAY,YAAY,IAAI,aAAa,UAAU;CAC5D,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,WAAA,GAAA,MAAA,YAAA,OAA4B;EAChC,MAAM,SAAS,UAAU;EAEzB,IAAI,CAAC,UAAU,CAAC,oBAAoB,QAAQ,SAAS;EACrD,IAAI,OAAO,SAAS,SAAS,aAA4B,GAAG;EAE5D,MAAM,cAAc,eAAe;EAEnC,IAAI,aACF,4BAA4B;GAC1B,YAAY,MAAM,EAAE,cAAc,CAAC;GAEnC,QAAQ,UAAU;EACpB,CAAC;OACI;GACL,MAAM,kBAAA,GAAA,oBAAA,cAAA,yBAAA,CAA0C,MAAM;GAEtD,IAAI,gBACF,4BAA4B;IAC1B,eAAe,MAAM,EAAE,cAAc,CAAC;IAEtC,QAAQ,UAAU;GACpB,CAAC;QAED,4BAA4B;IAC1B,OAAO,MAAM,EAAE,cAAc,CAAC;IAE9B,QAAQ,UAAU;GACpB,CAAC;EAEL;CACF,GAAG;EAAC;EAAW;EAAkB;EAAgB;CAAa,CAAC;CAE/D,eAAA,sBAAsB;EACpB,QAAQ,UAAU,CAAC;CACrB,GAAG,CAAC,gBAAgB,CAAC;CAErB,eAAA,sBAAsB;EACpB,sBAAsB,OAAO;CAC/B,GAAG,CAAC,OAAO,CAAC;CAEZ,uCAAA,iBAAiB,WAAW,iBAAiB,OAAO;AACtD;;;;;;AAaA,MAAa,yBAAyB,EACpC,KACA,UACA,cAC8B;CAC9B,uCAAA,wBAAA,GAAA,oBAAA,cAAA,YAAA,CACoB,IAAI,OAAO,GAC7B,gBACC,OAAO;EACN,IAAI,EAAA,GAAA,oBAAA,cAAA,SAAA,CAAU,KAAK,CAAC,SAAS;EAC7B,MAAM,SAAS,GAAG;EAIlB,MAAM,eAFM,YAAY,CAAC,GAAG,EAAA,CAEJ,MAAM,YAAY;GACxC,MAAM,KAAKA,YAAAA,YAAY,OAAO,IAAI,QAAQ,UAAU;GAEpD,OAAO,IAAI,SAAS,MAAM,KAAK,OAAO;EACxC,CAAC;EAED,KAAA,GAAA,oBAAA,cAAA,iBAAA,EAAA,GAAA,oBAAA,cAAA,YAAA,CAC+B,IAAI,OAAO,CAAC,MAAM,UAC/C,aACA;GACA,GAAG,eAAe;GAElB,OAAO,MAAM;EACf;CACF,CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-hover/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\n/**\n * `useHover` is a custom hook that detects whether the pointer has moved over or away from an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-hover\n */\nexport const useHover = <Y extends HTMLElement = HTMLDivElement>() => {\n  const [hovered, setHovered] = useState(false)\n  const ref = useRef<Y>(null)\n\n  const onMouseEnter = useCallback(() => setHovered(true), [])\n  const onMouseLeave = useCallback(() => setHovered(false), [])\n\n  useEffect(() => {\n    const el = ref.current\n\n    if (el) {\n      el.addEventListener(\"mouseenter\", onMouseEnter)\n      el.addEventListener(\"mouseleave\", onMouseLeave)\n\n      return () => {\n        el.removeEventListener(\"mouseenter\", onMouseEnter)\n        el.removeEventListener(\"mouseleave\", onMouseLeave)\n      }\n    }\n  }, [onMouseEnter, onMouseLeave])\n\n  return { ref, hovered }\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,iBAAyD;CACpE,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAC5C,MAAM,OAAA,GAAA,MAAA,QAAgB,IAAI;CAE1B,MAAM,gBAAA,GAAA,MAAA,mBAAiC,WAAW,IAAI,GAAG,CAAC,CAAC;CAC3D,MAAM,gBAAA,GAAA,MAAA,mBAAiC,WAAW,KAAK,GAAG,CAAC,CAAC;CAE5D,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,KAAK,IAAI;EAEf,IAAI,IAAI;GACN,GAAG,iBAAiB,cAAc,YAAY;GAC9C,GAAG,iBAAiB,cAAc,YAAY;GAE9C,aAAa;IACX,GAAG,oBAAoB,cAAc,YAAY;IACjD,GAAG,oBAAoB,cAAc,YAAY;GACnD;EACF;CACF,GAAG,CAAC,cAAc,YAAY,CAAC;CAE/B,OAAO;EAAE;EAAK;CAAQ;AACxB"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-hover/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\n/**\n * `useHover` is a custom hook that detects whether the pointer has moved over or away from an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-hover\n */\nexport const useHover = <Y extends HTMLElement = HTMLDivElement>() => {\n  const [hovered, setHovered] = useState(false)\n  const ref = useRef<Y>(null)\n\n  const onMouseEnter = useCallback(() => setHovered(true), [])\n  const onMouseLeave = useCallback(() => setHovered(false), [])\n\n  useEffect(() => {\n    const el = ref.current\n\n    if (el) {\n      el.addEventListener(\"mouseenter\", onMouseEnter)\n      el.addEventListener(\"mouseleave\", onMouseLeave)\n\n      return () => {\n        el.removeEventListener(\"mouseenter\", onMouseEnter)\n        el.removeEventListener(\"mouseleave\", onMouseLeave)\n      }\n    }\n  }, [onMouseEnter, onMouseLeave])\n\n  return { ref, hovered }\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,iBAAyD;CACpE,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAC5C,MAAM,OAAA,GAAA,MAAA,OAAA,CAAgB,IAAI;CAE1B,MAAM,gBAAA,GAAA,MAAA,YAAA,OAAiC,WAAW,IAAI,GAAG,CAAC,CAAC;CAC3D,MAAM,gBAAA,GAAA,MAAA,YAAA,OAAiC,WAAW,KAAK,GAAG,CAAC,CAAC;CAE5D,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,KAAK,IAAI;EAEf,IAAI,IAAI;GACN,GAAG,iBAAiB,cAAc,YAAY;GAC9C,GAAG,iBAAiB,cAAc,YAAY;GAE9C,aAAa;IACX,GAAG,oBAAoB,cAAc,YAAY;IACjD,GAAG,oBAAoB,cAAc,YAAY;GACnD;EACF;CACF,GAAG,CAAC,cAAc,YAAY,CAAC;CAE/B,OAAO;EAAE;EAAK;CAAQ;AACxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-idle/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nconst DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [\n  \"keypress\",\n  \"mousemove\",\n  \"touchmove\",\n  \"click\",\n  \"scroll\",\n]\n\nconst DEFAULT_OPTIONS = {\n  events: DEFAULT_EVENTS,\n  initialState: true,\n}\n\nexport interface IdleOptions {\n  events?: (keyof DocumentEventMap)[]\n  initialState?: boolean\n}\n\n/**\n * `useIdle` is a custom hook that detects whether the user has been idle for a certain amount of time in milliseconds.\n *\n * @see https://yamada-ui.com/docs/hooks/use-idle\n */\nexport const useIdle = (timeout: number, options?: IdleOptions) => {\n  const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }\n  const [idle, setIdle] = useState<boolean>(initialState)\n  const timeoutId = useRef<NodeJS.Timeout>(undefined)\n\n  useEffect(() => {\n    const handleEvent = () => {\n      setIdle(false)\n\n      if (timeoutId.current) clearTimeout(timeoutId.current)\n\n      timeoutId.current = setTimeout(() => setIdle(true), timeout)\n    }\n\n    events.forEach((event) => document.addEventListener(event, handleEvent))\n\n    return () => {\n      events.forEach((event) =>\n        document.removeEventListener(event, handleEvent),\n      )\n    }\n  }, [events, timeout])\n\n  return idle\n}\n"],"mappings":";;;;AAYA,MAAM,kBAAkB;CACtB,QAAQ;EARR;EACA;EACA;EACA;EACA;CAIqB;CACrB,cAAc;AAChB;;;;;;AAYA,MAAa,WAAW,SAAiB,YAA0B;CACjE,MAAM,EAAE,QAAQ,iBAAiB;EAAE,GAAG;EAAiB,GAAG;CAAQ;CAClE,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAA6B,YAAY;CACtD,MAAM,aAAA,GAAA,MAAA,QAAmC,KAAA,CAAS;CAElD,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,oBAAoB;GACxB,QAAQ,KAAK;GAEb,IAAI,UAAU,SAAS,aAAa,UAAU,OAAO;GAErD,UAAU,UAAU,iBAAiB,QAAQ,IAAI,GAAG,OAAO;EAC7D;EAEA,OAAO,SAAS,UAAU,SAAS,iBAAiB,OAAO,WAAW,CAAC;EAEvE,aAAa;GACX,OAAO,SAAS,UACd,SAAS,oBAAoB,OAAO,WAAW,CACjD;EACF;CACF,GAAG,CAAC,QAAQ,OAAO,CAAC;CAEpB,OAAO;AACT"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-idle/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nconst DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [\n  \"keypress\",\n  \"mousemove\",\n  \"touchmove\",\n  \"click\",\n  \"scroll\",\n]\n\nconst DEFAULT_OPTIONS = {\n  events: DEFAULT_EVENTS,\n  initialState: true,\n}\n\nexport interface IdleOptions {\n  events?: (keyof DocumentEventMap)[]\n  initialState?: boolean\n}\n\n/**\n * `useIdle` is a custom hook that detects whether the user has been idle for a certain amount of time in milliseconds.\n *\n * @see https://yamada-ui.com/docs/hooks/use-idle\n */\nexport const useIdle = (timeout: number, options?: IdleOptions) => {\n  const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }\n  const [idle, setIdle] = useState<boolean>(initialState)\n  const timeoutId = useRef<NodeJS.Timeout>(undefined)\n\n  useEffect(() => {\n    const handleEvent = () => {\n      setIdle(false)\n\n      if (timeoutId.current) clearTimeout(timeoutId.current)\n\n      timeoutId.current = setTimeout(() => setIdle(true), timeout)\n    }\n\n    events.forEach((event) => document.addEventListener(event, handleEvent))\n\n    return () => {\n      events.forEach((event) =>\n        document.removeEventListener(event, handleEvent),\n      )\n    }\n  }, [events, timeout])\n\n  return idle\n}\n"],"mappings":";;;;AAYA,MAAM,kBAAkB;CACtB,QAAQ;EARR;EACA;EACA;EACA;EACA;CAIqB;CACrB,cAAc;AAChB;;;;;;AAYA,MAAa,WAAW,SAAiB,YAA0B;CACjE,MAAM,EAAE,QAAQ,iBAAiB;EAAE,GAAG;EAAiB,GAAG;CAAQ;CAClE,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,SAAA,CAA6B,YAAY;CACtD,MAAM,aAAA,GAAA,MAAA,OAAA,CAAmC,KAAA,CAAS;CAElD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,oBAAoB;GACxB,QAAQ,KAAK;GAEb,IAAI,UAAU,SAAS,aAAa,UAAU,OAAO;GAErD,UAAU,UAAU,iBAAiB,QAAQ,IAAI,GAAG,OAAO;EAC7D;EAEA,OAAO,SAAS,UAAU,SAAS,iBAAiB,OAAO,WAAW,CAAC;EAEvE,aAAa;GACX,OAAO,SAAS,UACd,SAAS,oBAAoB,OAAO,WAAW,CACjD;EACF;CACF,GAAG,CAAC,QAAQ,OAAO,CAAC;CAEpB,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-interval/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\n/**\n * `useInterval` is a custom hook that runs a function at a specified interval.\n *\n * @see https://yamada-ui.com/docs/hooks/use-interval\n */\nexport const useInterval = (callback: () => void, delay: null | number) => {\n  const callbackRef = useCallbackRef(callback)\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (delay !== null) timeoutId = setInterval(callbackRef, delay)\n\n    return () => {\n      if (timeoutId) clearInterval(timeoutId)\n    }\n  }, [delay, callbackRef])\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,eAAe,UAAsB,UAAyB;CACzE,MAAM,cAAcA,YAAAA,eAAe,QAAQ;CAE3C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,YAAmC;EAEvC,IAAI,UAAU,MAAM,YAAY,YAAY,aAAa,KAAK;EAE9D,aAAa;GACX,IAAI,WAAW,cAAc,SAAS;EACxC;CACF,GAAG,CAAC,OAAO,WAAW,CAAC;AACzB"}
+{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-interval/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\n/**\n * `useInterval` is a custom hook that runs a function at a specified interval.\n *\n * @see https://yamada-ui.com/docs/hooks/use-interval\n */\nexport const useInterval = (callback: () => void, delay: null | number) => {\n  const callbackRef = useCallbackRef(callback)\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (delay !== null) timeoutId = setInterval(callbackRef, delay)\n\n    return () => {\n      if (timeoutId) clearInterval(timeoutId)\n    }\n  }, [delay, callbackRef])\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,eAAe,UAAsB,UAAyB;CACzE,MAAM,cAAcA,YAAAA,eAAe,QAAQ;CAE3C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,YAAmC;EAEvC,IAAI,UAAU,MAAM,YAAY,YAAY,aAAa,KAAK;EAE9D,aAAa;GACX,IAAI,WAAW,cAAc,SAAS;EACxC;CACF,GAAG,CAAC,OAAO,WAAW,CAAC;AACzB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-local-storage/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isFunction } from \"../../utils\"\nimport { useWindowEvent } from \"../use-window-event\"\n\nexport type StorageType = \"localStorage\" | \"sessionStorage\"\n\nexport interface StorageProps<Y> {\n  key: string\n  defaultValue?: Y\n  getInitialValueInEffect?: boolean\n  deserialize?: (value: string | undefined) => Y\n  serialize?: (value: Y) => string\n}\n\nconst serializeJSON = <Y>(value: Y, name: string) => {\n  try {\n    return JSON.stringify(value)\n  } catch {\n    throw new Error(`useLocalStorage ${name}: Failed to serialize the value`)\n  }\n}\n\nconst deserializeJSON = (value: string | undefined) => {\n  if (!value) return value\n\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\nexport const createStorage = <Y>(type: StorageType, name: string) => {\n  const eventName =\n    type === \"localStorage\" ? \"local-storage\" : \"session-storage\"\n\n  return ({\n    key,\n    defaultValue,\n    deserialize = deserializeJSON,\n    getInitialValueInEffect = true,\n    serialize = (value: Y) => serializeJSON(value, name),\n  }: StorageProps<Y>) => {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): Y => {\n        if (\n          typeof window === \"undefined\" ||\n          !(type in window) ||\n          (window[type] as null | Storage | undefined) == null ||\n          skipStorage\n        ) {\n          return (defaultValue ?? \"\") as Y\n        }\n\n        const storageValue = window[type].getItem(key)\n\n        return storageValue !== null\n          ? deserialize(storageValue)\n          : ((defaultValue ?? \"\") as Y)\n      },\n      [key, deserialize, defaultValue],\n    )\n\n    const [value, setValue] = useState<Y>(\n      readStorageValue(getInitialValueInEffect),\n    )\n\n    const setStorageValue = useCallback(\n      (valOrFn: ((prevState: Y) => Y) | Y) => {\n        if (isFunction(valOrFn)) {\n          setValue((current) => {\n            const result = valOrFn(current)\n\n            window[type].setItem(key, serialize(result))\n            window.dispatchEvent(\n              new CustomEvent(eventName, {\n                detail: { key, value: valOrFn(current) },\n              }),\n            )\n\n            return result\n          })\n        } else {\n          window[type].setItem(key, serialize(valOrFn))\n          window.dispatchEvent(\n            new CustomEvent(eventName, { detail: { key, value: valOrFn } }),\n          )\n\n          setValue(valOrFn)\n        }\n      },\n      [key, serialize],\n    )\n\n    const removeStorageValue = useCallback(() => {\n      window[type].removeItem(key)\n      setValue(defaultValue as Y)\n    }, [defaultValue, key])\n\n    useWindowEvent(\"storage\", (ev) => {\n      if (ev.storageArea === window[type] && ev.key === key)\n        setValue(deserialize(ev.newValue ?? undefined))\n    })\n\n    useWindowEvent(eventName, (ev) => {\n      if (ev.detail.key === key) setValue(ev.detail.value)\n    })\n\n    useEffect(() => {\n      if (defaultValue !== undefined && value === undefined)\n        setStorageValue(defaultValue)\n    }, [defaultValue, value, setStorageValue])\n\n    useEffect(() => {\n      if (getInitialValueInEffect) setValue(readStorageValue())\n    }, [getInitialValueInEffect, readStorageValue])\n\n    return [\n      value === undefined ? defaultValue : value,\n      setStorageValue,\n      removeStorageValue,\n    ] as const\n  }\n}\n\n/**\n * `useLocalStorage` is a custom hook for storing, updating, and retrieving values in local storage.\n *\n * @see https://yamada-ui.com/docs/hooks/use-local-storage\n */\nexport const useLocalStorage = <Y = string>(props: StorageProps<Y>) =>\n  createStorage<Y>(\"localStorage\", \"use-local-storage\")(props)\n"],"mappings":";;;;;;AAgBA,MAAM,iBAAoB,OAAU,SAAiB;CACnD,IAAI;EACF,OAAO,KAAK,UAAU,KAAK;CAC7B,QAAQ;EACN,MAAM,IAAI,MAAM,mBAAmB,KAAK,gCAAgC;CAC1E;AACF;AAEA,MAAM,mBAAmB,UAA8B;CACrD,IAAI,CAAC,OAAO,OAAO;CAEnB,IAAI;EACF,OAAO,KAAK,MAAM,KAAK;CACzB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,MAAa,iBAAoB,MAAmB,SAAiB;CACnE,MAAM,YACJ,SAAS,iBAAiB,kBAAkB;CAE9C,QAAQ,EACN,KACA,cACA,cAAc,iBACd,0BAA0B,MAC1B,aAAa,UAAa,cAAc,OAAO,IAAI,QAC9B;EACrB,MAAM,oBAAA,GAAA,MAAA,cACH,gBAA6B;GAC5B,IACE,OAAO,WAAW,eAClB,EAAE,QAAQ,WACT,OAAO,SAAwC,QAChD,aAEA,OAAQ,gBAAgB;GAG1B,MAAM,eAAe,OAAO,MAAM,QAAQ,GAAG;GAE7C,OAAO,iBAAiB,OACpB,YAAY,YAAY,IACtB,gBAAgB;EACxB,GACA;GAAC;GAAK;GAAa;EAAY,CACjC;EAEA,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,iBAAiB,uBAAuB,CAC1C;EAEA,MAAM,mBAAA,GAAA,MAAA,cACH,YAAuC;GACtC,KAAA,GAAA,oBAAA,cAAA,YAAe,OAAO,GACpB,UAAU,YAAY;IACpB,MAAM,SAAS,QAAQ,OAAO;IAE9B,OAAO,MAAM,QAAQ,KAAK,UAAU,MAAM,CAAC;IAC3C,OAAO,cACL,IAAI,YAAY,WAAW,EACzB,QAAQ;KAAE;KAAK,OAAO,QAAQ,OAAO;IAAE,EACzC,CAAC,CACH;IAEA,OAAO;GACT,CAAC;QACI;IACL,OAAO,MAAM,QAAQ,KAAK,UAAU,OAAO,CAAC;IAC5C,OAAO,cACL,IAAI,YAAY,WAAW,EAAE,QAAQ;KAAE;KAAK,OAAO;IAAQ,EAAE,CAAC,CAChE;IAEA,SAAS,OAAO;GAClB;EACF,GACA,CAAC,KAAK,SAAS,CACjB;EAEA,MAAM,sBAAA,GAAA,MAAA,mBAAuC;GAC3C,OAAO,MAAM,WAAW,GAAG;GAC3B,SAAS,YAAiB;EAC5B,GAAG,CAAC,cAAc,GAAG,CAAC;EAEtB,qCAAA,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,KAChD,SAAS,YAAY,GAAG,YAAY,KAAA,CAAS,CAAC;EAClD,CAAC;EAED,qCAAA,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,OAAO,QAAQ,KAAK,SAAS,GAAG,OAAO,KAAK;EACrD,CAAC;EAED,CAAA,GAAA,MAAA,iBAAgB;GACd,IAAI,iBAAiB,KAAA,KAAa,UAAU,KAAA,GAC1C,gBAAgB,YAAY;EAChC,GAAG;GAAC;GAAc;GAAO;EAAe,CAAC;EAEzC,CAAA,GAAA,MAAA,iBAAgB;GACd,IAAI,yBAAyB,SAAS,iBAAiB,CAAC;EAC1D,GAAG,CAAC,yBAAyB,gBAAgB,CAAC;EAE9C,OAAO;GACL,UAAU,KAAA,IAAY,eAAe;GACrC;GACA;EACF;CACF;AACF;;;;;;AAOA,MAAa,mBAA+B,UAC1C,cAAiB,gBAAgB,mBAAmB,EAAE,KAAK"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-local-storage/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isFunction } from \"../../utils\"\nimport { useWindowEvent } from \"../use-window-event\"\n\nexport type StorageType = \"localStorage\" | \"sessionStorage\"\n\nexport interface StorageProps<Y> {\n  key: string\n  defaultValue?: Y\n  getInitialValueInEffect?: boolean\n  deserialize?: (value: string | undefined) => Y\n  serialize?: (value: Y) => string\n}\n\nconst serializeJSON = <Y>(value: Y, name: string) => {\n  try {\n    return JSON.stringify(value)\n  } catch {\n    throw new Error(`useLocalStorage ${name}: Failed to serialize the value`)\n  }\n}\n\nconst deserializeJSON = (value: string | undefined) => {\n  if (!value) return value\n\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\nexport const createStorage = <Y>(type: StorageType, name: string) => {\n  const eventName =\n    type === \"localStorage\" ? \"local-storage\" : \"session-storage\"\n\n  return ({\n    key,\n    defaultValue,\n    deserialize = deserializeJSON,\n    getInitialValueInEffect = true,\n    serialize = (value: Y) => serializeJSON(value, name),\n  }: StorageProps<Y>) => {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): Y => {\n        if (\n          typeof window === \"undefined\" ||\n          !(type in window) ||\n          (window[type] as null | Storage | undefined) == null ||\n          skipStorage\n        ) {\n          return (defaultValue ?? \"\") as Y\n        }\n\n        const storageValue = window[type].getItem(key)\n\n        return storageValue !== null\n          ? deserialize(storageValue)\n          : ((defaultValue ?? \"\") as Y)\n      },\n      [key, deserialize, defaultValue],\n    )\n\n    const [value, setValue] = useState<Y>(\n      readStorageValue(getInitialValueInEffect),\n    )\n\n    const setStorageValue = useCallback(\n      (valOrFn: ((prevState: Y) => Y) | Y) => {\n        if (isFunction(valOrFn)) {\n          setValue((current) => {\n            const result = valOrFn(current)\n\n            window[type].setItem(key, serialize(result))\n            window.dispatchEvent(\n              new CustomEvent(eventName, {\n                detail: { key, value: valOrFn(current) },\n              }),\n            )\n\n            return result\n          })\n        } else {\n          window[type].setItem(key, serialize(valOrFn))\n          window.dispatchEvent(\n            new CustomEvent(eventName, { detail: { key, value: valOrFn } }),\n          )\n\n          setValue(valOrFn)\n        }\n      },\n      [key, serialize],\n    )\n\n    const removeStorageValue = useCallback(() => {\n      window[type].removeItem(key)\n      setValue(defaultValue as Y)\n    }, [defaultValue, key])\n\n    useWindowEvent(\"storage\", (ev) => {\n      if (ev.storageArea === window[type] && ev.key === key)\n        setValue(deserialize(ev.newValue ?? undefined))\n    })\n\n    useWindowEvent(eventName, (ev) => {\n      if (ev.detail.key === key) setValue(ev.detail.value)\n    })\n\n    useEffect(() => {\n      if (defaultValue !== undefined && value === undefined)\n        setStorageValue(defaultValue)\n    }, [defaultValue, value, setStorageValue])\n\n    useEffect(() => {\n      if (getInitialValueInEffect) setValue(readStorageValue())\n    }, [getInitialValueInEffect, readStorageValue])\n\n    return [\n      value === undefined ? defaultValue : value,\n      setStorageValue,\n      removeStorageValue,\n    ] as const\n  }\n}\n\n/**\n * `useLocalStorage` is a custom hook for storing, updating, and retrieving values in local storage.\n *\n * @see https://yamada-ui.com/docs/hooks/use-local-storage\n */\nexport const useLocalStorage = <Y = string>(props: StorageProps<Y>) =>\n  createStorage<Y>(\"localStorage\", \"use-local-storage\")(props)\n"],"mappings":";;;;;;AAgBA,MAAM,iBAAoB,OAAU,SAAiB;CACnD,IAAI;EACF,OAAO,KAAK,UAAU,KAAK;CAC7B,QAAQ;EACN,MAAM,IAAI,MAAM,mBAAmB,KAAK,gCAAgC;CAC1E;AACF;AAEA,MAAM,mBAAmB,UAA8B;CACrD,IAAI,CAAC,OAAO,OAAO;CAEnB,IAAI;EACF,OAAO,KAAK,MAAM,KAAK;CACzB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,MAAa,iBAAoB,MAAmB,SAAiB;CACnE,MAAM,YACJ,SAAS,iBAAiB,kBAAkB;CAE9C,QAAQ,EACN,KACA,cACA,cAAc,iBACd,0BAA0B,MAC1B,aAAa,UAAa,cAAc,OAAO,IAAI,QAC9B;EACrB,MAAM,oBAAA,GAAA,MAAA,YAAA,EACH,gBAA6B;GAC5B,IACE,OAAO,WAAW,eAClB,EAAE,QAAQ,WACT,OAAO,SAAwC,QAChD,aAEA,OAAQ,gBAAgB;GAG1B,MAAM,eAAe,OAAO,KAAK,CAAC,QAAQ,GAAG;GAE7C,OAAO,iBAAiB,OACpB,YAAY,YAAY,IACtB,gBAAgB;EACxB,GACA;GAAC;GAAK;GAAa;EAAY,CACjC;EAEA,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CACZ,iBAAiB,uBAAuB,CAC1C;EAEA,MAAM,mBAAA,GAAA,MAAA,YAAA,EACH,YAAuC;GACtC,KAAA,GAAA,oBAAA,cAAA,WAAA,CAAe,OAAO,GACpB,UAAU,YAAY;IACpB,MAAM,SAAS,QAAQ,OAAO;IAE9B,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,MAAM,CAAC;IAC3C,OAAO,cACL,IAAI,YAAY,WAAW,EACzB,QAAQ;KAAE;KAAK,OAAO,QAAQ,OAAO;IAAE,EACzC,CAAC,CACH;IAEA,OAAO;GACT,CAAC;QACI;IACL,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,OAAO,CAAC;IAC5C,OAAO,cACL,IAAI,YAAY,WAAW,EAAE,QAAQ;KAAE;KAAK,OAAO;IAAQ,EAAE,CAAC,CAChE;IAEA,SAAS,OAAO;GAClB;EACF,GACA,CAAC,KAAK,SAAS,CACjB;EAEA,MAAM,sBAAA,GAAA,MAAA,YAAA,OAAuC;GAC3C,OAAO,KAAK,CAAC,WAAW,GAAG;GAC3B,SAAS,YAAiB;EAC5B,GAAG,CAAC,cAAc,GAAG,CAAC;EAEtB,qCAAA,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,KAChD,SAAS,YAAY,GAAG,YAAY,KAAA,CAAS,CAAC;EAClD,CAAC;EAED,qCAAA,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,OAAO,QAAQ,KAAK,SAAS,GAAG,OAAO,KAAK;EACrD,CAAC;EAED,CAAA,GAAA,MAAA,UAAA,OAAgB;GACd,IAAI,iBAAiB,KAAA,KAAa,UAAU,KAAA,GAC1C,gBAAgB,YAAY;EAChC,GAAG;GAAC;GAAc;GAAO;EAAe,CAAC;EAEzC,CAAA,GAAA,MAAA,UAAA,OAAgB;GACd,IAAI,yBAAyB,SAAS,iBAAiB,CAAC;EAC1D,GAAG,CAAC,yBAAyB,gBAAgB,CAAC;EAE9C,OAAO;GACL,UAAU,KAAA,IAAY,eAAe;GACrC;GACA;EACF;CACF;AACF;;;;;;AAOA,MAAa,mBAA+B,UAC1C,cAAiB,gBAAgB,mBAAmB,CAAC,CAAC,KAAK"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEnvironment"],"sources":["../../../../src/hooks/use-media-query/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useSyncExternalStore } from \"react\"\nimport { useEnvironment } from \"../../core\"\n\n/**\n * `useMediaQuery` is a custom hook that detects whether it matches a media query.\n *\n * @see https://yamada-ui.com/docs/hooks/use-media-query\n */\nexport const useMediaQuery = (query: string, fallback = false): boolean => {\n  const { getWindow } = useEnvironment()\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const mql = getWindow()?.matchMedia(query)\n\n      mql?.addEventListener(\"change\", onStoreChange)\n\n      return () => {\n        mql?.removeEventListener(\"change\", onStoreChange)\n      }\n    },\n    [getWindow, query],\n  )\n\n  const getSnapshot = useCallback(() => {\n    return getWindow()?.matchMedia(query).matches ?? fallback\n  }, [getWindow, query, fallback])\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,iBAAiB,OAAe,WAAW,UAAmB;CACzE,MAAM,EAAE,cAAcA,6BAAAA,eAAe;CAErC,MAAM,aAAA,GAAA,MAAA,cACH,kBAA8B;EAC7B,MAAM,MAAM,UAAU,GAAG,WAAW,KAAK;EAEzC,KAAK,iBAAiB,UAAU,aAAa;EAE7C,aAAa;GACX,KAAK,oBAAoB,UAAU,aAAa;EAClD;CACF,GACA,CAAC,WAAW,KAAK,CACnB;CAEA,MAAM,eAAA,GAAA,MAAA,mBAAgC;EACpC,OAAO,UAAU,GAAG,WAAW,KAAK,EAAE,WAAW;CACnD,GAAG;EAAC;EAAW;EAAO;CAAQ,CAAC;CAE/B,QAAA,GAAA,MAAA,sBAA4B,WAAW,aAAa,WAAW;AACjE"}
+{"version":3,"file":"index.cjs","names":["useEnvironment"],"sources":["../../../../src/hooks/use-media-query/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useSyncExternalStore } from \"react\"\nimport { useEnvironment } from \"../../core\"\n\n/**\n * `useMediaQuery` is a custom hook that detects whether it matches a media query.\n *\n * @see https://yamada-ui.com/docs/hooks/use-media-query\n */\nexport const useMediaQuery = (query: string, fallback = false): boolean => {\n  const { getWindow } = useEnvironment()\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const mql = getWindow()?.matchMedia(query)\n\n      mql?.addEventListener(\"change\", onStoreChange)\n\n      return () => {\n        mql?.removeEventListener(\"change\", onStoreChange)\n      }\n    },\n    [getWindow, query],\n  )\n\n  const getSnapshot = useCallback(() => {\n    return getWindow()?.matchMedia(query).matches ?? fallback\n  }, [getWindow, query, fallback])\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,iBAAiB,OAAe,WAAW,UAAmB;CACzE,MAAM,EAAE,cAAcA,6BAAAA,eAAe;CAErC,MAAM,aAAA,GAAA,MAAA,YAAA,EACH,kBAA8B;EAC7B,MAAM,MAAM,UAAU,CAAC,EAAE,WAAW,KAAK;EAEzC,KAAK,iBAAiB,UAAU,aAAa;EAE7C,aAAa;GACX,KAAK,oBAAoB,UAAU,aAAa;EAClD;CACF,GACA,CAAC,WAAW,KAAK,CACnB;CAEA,MAAM,eAAA,GAAA,MAAA,YAAA,OAAgC;EACpC,OAAO,UAAU,CAAC,EAAE,WAAW,KAAK,CAAC,CAAC,WAAW;CACnD,GAAG;EAAC;EAAW;EAAO;CAAQ,CAAC;CAE/B,QAAA,GAAA,MAAA,qBAAA,CAA4B,WAAW,aAAa,WAAW;AACjE"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-mounted/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useSafeLayoutEffect } from \"../../utils\"\n\nexport interface UseMountedProps {\n  delay?: number\n  state?: boolean\n}\n\nexport function useMounted(props?: {\n  delay?: number\n  state?: false\n}): () => boolean\n\nexport function useMounted(props?: { delay?: number; state?: true }): boolean\n\nexport function useMounted({ delay = 0, state = false }: UseMountedProps = {}) {\n  const mountedRef = useRef(false)\n  const [mounted, setMounted] = useState(false)\n\n  useSafeLayoutEffect(() => {\n    mountedRef.current = true\n\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (state) {\n      if (delay > 0) {\n        timeoutId = setTimeout(() => setMounted(true), delay)\n      } else {\n        setMounted(true)\n      }\n    }\n\n    return () => {\n      mountedRef.current = false\n\n      if (state) setMounted(false)\n\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [delay, state])\n\n  if (state) {\n    return mounted\n  } else {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useCallback(() => mountedRef.current, [])\n  }\n}\n\nexport type UseMountedReturn = ReturnType<typeof useMounted>\n"],"mappings":";;;;;AAiBA,SAAgB,WAAW,EAAE,QAAQ,GAAG,QAAQ,UAA2B,CAAC,GAAG;CAC7E,MAAM,cAAA,GAAA,MAAA,QAAoB,KAAK;CAC/B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAE5C,eAAA,0BAA0B;EACxB,WAAW,UAAU;EAErB,IAAI,YAAmC;EAEvC,IAAI,OACF,IAAI,QAAQ,GACV,YAAY,iBAAiB,WAAW,IAAI,GAAG,KAAK;OAEpD,WAAW,IAAI;EAInB,aAAa;GACX,WAAW,UAAU;GAErB,IAAI,OAAO,WAAW,KAAK;GAE3B,IAAI,WAAW,aAAa,SAAS;EACvC;CACF,GAAG,CAAC,OAAO,KAAK,CAAC;CAEjB,IAAI,OACF,OAAO;MAGP,QAAA,GAAA,MAAA,mBAAyB,WAAW,SAAS,CAAC,CAAC;AAEnD"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-mounted/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useSafeLayoutEffect } from \"../../utils\"\n\nexport interface UseMountedProps {\n  delay?: number\n  state?: boolean\n}\n\nexport function useMounted(props?: {\n  delay?: number\n  state?: false\n}): () => boolean\n\nexport function useMounted(props?: { delay?: number; state?: true }): boolean\n\nexport function useMounted({ delay = 0, state = false }: UseMountedProps = {}) {\n  const mountedRef = useRef(false)\n  const [mounted, setMounted] = useState(false)\n\n  useSafeLayoutEffect(() => {\n    mountedRef.current = true\n\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (state) {\n      if (delay > 0) {\n        timeoutId = setTimeout(() => setMounted(true), delay)\n      } else {\n        setMounted(true)\n      }\n    }\n\n    return () => {\n      mountedRef.current = false\n\n      if (state) setMounted(false)\n\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [delay, state])\n\n  if (state) {\n    return mounted\n  } else {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useCallback(() => mountedRef.current, [])\n  }\n}\n\nexport type UseMountedReturn = ReturnType<typeof useMounted>\n"],"mappings":";;;;;AAiBA,SAAgB,WAAW,EAAE,QAAQ,GAAG,QAAQ,UAA2B,CAAC,GAAG;CAC7E,MAAM,cAAA,GAAA,MAAA,OAAA,CAAoB,KAAK;CAC/B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAE5C,eAAA,0BAA0B;EACxB,WAAW,UAAU;EAErB,IAAI,YAAmC;EAEvC,IAAI,OACF,IAAI,QAAQ,GACV,YAAY,iBAAiB,WAAW,IAAI,GAAG,KAAK;OAEpD,WAAW,IAAI;EAInB,aAAa;GACX,WAAW,UAAU;GAErB,IAAI,OAAO,WAAW,KAAK;GAE3B,IAAI,WAAW,aAAa,SAAS;EACvC;CACF,GAAG,CAAC,OAAO,KAAK,CAAC;CAEjB,IAAI,OACF,OAAO;MAGP,QAAA,GAAA,MAAA,YAAA,OAAyB,WAAW,SAAS,CAAC,CAAC;AAEnD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-online/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useSyncExternalStore } from \"react\"\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"online\", callback)\n  window.addEventListener(\"offline\", callback)\n\n  return () => {\n    window.removeEventListener(\"online\", callback)\n    window.removeEventListener(\"offline\", callback)\n  }\n}\n\nfunction getSnapshot() {\n  return window.navigator.onLine\n}\n\nexport interface UseOnlineProps {}\n\nexport function useOnline(\n  getServerSnapshot: () => boolean = () => true,\n): boolean {\n  const online = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n  return online\n}\n\nexport type UseOnlineReturn = ReturnType<typeof useOnline>\n"],"mappings":";;;;AAIA,SAAS,UAAU,UAAsB;CACvC,OAAO,iBAAiB,UAAU,QAAQ;CAC1C,OAAO,iBAAiB,WAAW,QAAQ;CAE3C,aAAa;EACX,OAAO,oBAAoB,UAAU,QAAQ;EAC7C,OAAO,oBAAoB,WAAW,QAAQ;CAChD;AACF;AAEA,SAAS,cAAc;CACrB,OAAO,OAAO,UAAU;AAC1B;AAIA,SAAgB,UACd,0BAAyC,MAChC;CAGT,QAAA,GAAA,MAAA,sBAFoC,WAAW,aAAa,iBAEhD;AACd"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-online/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useSyncExternalStore } from \"react\"\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"online\", callback)\n  window.addEventListener(\"offline\", callback)\n\n  return () => {\n    window.removeEventListener(\"online\", callback)\n    window.removeEventListener(\"offline\", callback)\n  }\n}\n\nfunction getSnapshot() {\n  return window.navigator.onLine\n}\n\nexport interface UseOnlineProps {}\n\nexport function useOnline(\n  getServerSnapshot: () => boolean = () => true,\n): boolean {\n  const online = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n  return online\n}\n\nexport type UseOnlineReturn = ReturnType<typeof useOnline>\n"],"mappings":";;;;AAIA,SAAS,UAAU,UAAsB;CACvC,OAAO,iBAAiB,UAAU,QAAQ;CAC1C,OAAO,iBAAiB,WAAW,QAAQ;CAE3C,aAAa;EACX,OAAO,oBAAoB,UAAU,QAAQ;EAC7C,OAAO,oBAAoB,WAAW,QAAQ;CAChD;AACF;AAEA,SAAS,cAAc;CACrB,OAAO,OAAO,UAAU;AAC1B;AAIA,SAAgB,UACd,0BAAyC,MAChC;CAGT,QAAA,GAAA,MAAA,qBAAA,CAFoC,WAAW,aAAa,iBAEhD;AACd"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-outside-click/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { getDocument, isArray, useCallbackRef } from \"../../utils\"\n\nexport interface UseOutsideClickProps {\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[]\n  enabled?: boolean\n  handler?: (ev: Event) => void\n}\n\n/**\n * `useOutsideClick` is a custom hook that detects click events outside of an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-outside-click\n */\nexport const useOutsideClick = ({\n  ref,\n  enabled = true,\n  handler,\n}: UseOutsideClickProps) => {\n  const handlerRef = useCallbackRef(handler)\n\n  const state = useRef({\n    ignoreEmulatedMouseEvents: false,\n    isPointerDown: false,\n  })\n\n  const onPointerDown = useCallback(\n    (ev: MouseEvent | TouchEvent) => {\n      if (isValidEvent(ev, ref)) state.current.isPointerDown = true\n    },\n    [ref],\n  )\n\n  const onMouseUp = useCallback(\n    (ev: MouseEvent) => {\n      if (state.current.ignoreEmulatedMouseEvents) {\n        state.current.ignoreEmulatedMouseEvents = false\n\n        return\n      }\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      state.current.ignoreEmulatedMouseEvents = true\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const doc = getDocument(isArray(ref) ? ref[0]?.current : ref.current)\n\n    doc.addEventListener(\"mousedown\", onPointerDown, true)\n    doc.addEventListener(\"mouseup\", onMouseUp, true)\n    doc.addEventListener(\"touchstart\", onPointerDown, true)\n    doc.addEventListener(\"touchend\", onTouchEnd, true)\n\n    return () => {\n      doc.removeEventListener(\"mousedown\", onPointerDown, true)\n      doc.removeEventListener(\"mouseup\", onMouseUp, true)\n      doc.removeEventListener(\"touchstart\", onPointerDown, true)\n      doc.removeEventListener(\"touchend\", onTouchEnd, true)\n    }\n  }, [\n    handler,\n    ref,\n    handlerRef,\n    state,\n    enabled,\n    onPointerDown,\n    onMouseUp,\n    onTouchEnd,\n  ])\n}\n\nconst isValidEvent = (\n  ev: MouseEvent | TouchEvent,\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n) => {\n  const target = ev.target as HTMLElement | null\n\n  if (\"button\" in ev && ev.button > 0) return false\n\n  if (target) if (!getDocument(target).contains(target)) return false\n\n  if (isArray(ref)) {\n    return !ref.some((ref) => ref.current?.contains(target))\n  } else {\n    return !ref.current?.contains(target)\n  }\n}\n"],"mappings":";;;;;;;;;;;AAiBA,MAAa,mBAAmB,EAC9B,KACA,UAAU,MACV,cAC0B;CAC1B,MAAM,aAAaA,YAAAA,eAAe,OAAO;CAEzC,MAAM,SAAA,GAAA,MAAA,QAAe;EACnB,2BAA2B;EAC3B,eAAe;CACjB,CAAC;CAED,MAAM,iBAAA,GAAA,MAAA,cACH,OAAgC;EAC/B,IAAI,aAAa,IAAI,GAAG,GAAG,MAAM,QAAQ,gBAAgB;CAC3D,GACA,CAAC,GAAG,CACN;CAEA,MAAM,aAAA,GAAA,MAAA,cACH,OAAmB;EAClB,IAAI,MAAM,QAAQ,2BAA2B;GAC3C,MAAM,QAAQ,4BAA4B;GAE1C;EACF;EAEA,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,GAAG,GAAG;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,EAAE;EACf;CACF,GACA;EAAC;EAAS;EAAY;CAAG,CAC3B;CAEA,MAAM,cAAA,GAAA,MAAA,cACH,OAAmB;EAClB,MAAM,QAAQ,4BAA4B;EAE1C,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,GAAG,GAAG;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,EAAE;EACf;CACF,GACA;EAAC;EAAS;EAAY;CAAG,CAC3B;CAEA,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,OAAA,GAAA,oBAAA,cAAA,cAAA,GAAA,oBAAA,cAAA,SAA0B,GAAG,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO;EAEpE,IAAI,iBAAiB,aAAa,eAAe,IAAI;EACrD,IAAI,iBAAiB,WAAW,WAAW,IAAI;EAC/C,IAAI,iBAAiB,cAAc,eAAe,IAAI;EACtD,IAAI,iBAAiB,YAAY,YAAY,IAAI;EAEjD,aAAa;GACX,IAAI,oBAAoB,aAAa,eAAe,IAAI;GACxD,IAAI,oBAAoB,WAAW,WAAW,IAAI;GAClD,IAAI,oBAAoB,cAAc,eAAe,IAAI;GACzD,IAAI,oBAAoB,YAAY,YAAY,IAAI;EACtD;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH;AAEA,MAAM,gBACJ,IACA,QACG;CACH,MAAM,SAAS,GAAG;CAElB,IAAI,YAAY,MAAM,GAAG,SAAS,GAAG,OAAO;CAE5C,IAAI;MAAY,EAAA,GAAA,oBAAA,cAAA,aAAa,MAAM,EAAE,SAAS,MAAM,GAAG,OAAO;CAAA;CAE9D,KAAA,GAAA,oBAAA,cAAA,SAAY,GAAG,GACb,OAAO,CAAC,IAAI,MAAM,QAAQ,IAAI,SAAS,SAAS,MAAM,CAAC;MAEvD,OAAO,CAAC,IAAI,SAAS,SAAS,MAAM;AAExC"}
+{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-outside-click/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { getDocument, isArray, useCallbackRef } from \"../../utils\"\n\nexport interface UseOutsideClickProps {\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[]\n  enabled?: boolean\n  handler?: (ev: Event) => void\n}\n\n/**\n * `useOutsideClick` is a custom hook that detects click events outside of an element.\n *\n * @see https://yamada-ui.com/docs/hooks/use-outside-click\n */\nexport const useOutsideClick = ({\n  ref,\n  enabled = true,\n  handler,\n}: UseOutsideClickProps) => {\n  const handlerRef = useCallbackRef(handler)\n\n  const state = useRef({\n    ignoreEmulatedMouseEvents: false,\n    isPointerDown: false,\n  })\n\n  const onPointerDown = useCallback(\n    (ev: MouseEvent | TouchEvent) => {\n      if (isValidEvent(ev, ref)) state.current.isPointerDown = true\n    },\n    [ref],\n  )\n\n  const onMouseUp = useCallback(\n    (ev: MouseEvent) => {\n      if (state.current.ignoreEmulatedMouseEvents) {\n        state.current.ignoreEmulatedMouseEvents = false\n\n        return\n      }\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      state.current.ignoreEmulatedMouseEvents = true\n\n      if (state.current.isPointerDown && handler && isValidEvent(ev, ref)) {\n        state.current.isPointerDown = false\n\n        handlerRef(ev)\n      }\n    },\n    [handler, handlerRef, ref],\n  )\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const doc = getDocument(isArray(ref) ? ref[0]?.current : ref.current)\n\n    doc.addEventListener(\"mousedown\", onPointerDown, true)\n    doc.addEventListener(\"mouseup\", onMouseUp, true)\n    doc.addEventListener(\"touchstart\", onPointerDown, true)\n    doc.addEventListener(\"touchend\", onTouchEnd, true)\n\n    return () => {\n      doc.removeEventListener(\"mousedown\", onPointerDown, true)\n      doc.removeEventListener(\"mouseup\", onMouseUp, true)\n      doc.removeEventListener(\"touchstart\", onPointerDown, true)\n      doc.removeEventListener(\"touchend\", onTouchEnd, true)\n    }\n  }, [\n    handler,\n    ref,\n    handlerRef,\n    state,\n    enabled,\n    onPointerDown,\n    onMouseUp,\n    onTouchEnd,\n  ])\n}\n\nconst isValidEvent = (\n  ev: MouseEvent | TouchEvent,\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n) => {\n  const target = ev.target as HTMLElement | null\n\n  if (\"button\" in ev && ev.button > 0) return false\n\n  if (target) if (!getDocument(target).contains(target)) return false\n\n  if (isArray(ref)) {\n    return !ref.some((ref) => ref.current?.contains(target))\n  } else {\n    return !ref.current?.contains(target)\n  }\n}\n"],"mappings":";;;;;;;;;;;AAiBA,MAAa,mBAAmB,EAC9B,KACA,UAAU,MACV,cAC0B;CAC1B,MAAM,aAAaA,YAAAA,eAAe,OAAO;CAEzC,MAAM,SAAA,GAAA,MAAA,OAAA,CAAe;EACnB,2BAA2B;EAC3B,eAAe;CACjB,CAAC;CAED,MAAM,iBAAA,GAAA,MAAA,YAAA,EACH,OAAgC;EAC/B,IAAI,aAAa,IAAI,GAAG,GAAG,MAAM,QAAQ,gBAAgB;CAC3D,GACA,CAAC,GAAG,CACN;CAEA,MAAM,aAAA,GAAA,MAAA,YAAA,EACH,OAAmB;EAClB,IAAI,MAAM,QAAQ,2BAA2B;GAC3C,MAAM,QAAQ,4BAA4B;GAE1C;EACF;EAEA,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,GAAG,GAAG;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,EAAE;EACf;CACF,GACA;EAAC;EAAS;EAAY;CAAG,CAC3B;CAEA,MAAM,cAAA,GAAA,MAAA,YAAA,EACH,OAAmB;EAClB,MAAM,QAAQ,4BAA4B;EAE1C,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,GAAG,GAAG;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,EAAE;EACf;CACF,GACA;EAAC;EAAS;EAAY;CAAG,CAC3B;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,OAAA,GAAA,oBAAA,cAAA,YAAA,EAAA,GAAA,oBAAA,cAAA,QAAA,CAA0B,GAAG,IAAI,IAAI,EAAE,EAAE,UAAU,IAAI,OAAO;EAEpE,IAAI,iBAAiB,aAAa,eAAe,IAAI;EACrD,IAAI,iBAAiB,WAAW,WAAW,IAAI;EAC/C,IAAI,iBAAiB,cAAc,eAAe,IAAI;EACtD,IAAI,iBAAiB,YAAY,YAAY,IAAI;EAEjD,aAAa;GACX,IAAI,oBAAoB,aAAa,eAAe,IAAI;GACxD,IAAI,oBAAoB,WAAW,WAAW,IAAI;GAClD,IAAI,oBAAoB,cAAc,eAAe,IAAI;GACzD,IAAI,oBAAoB,YAAY,YAAY,IAAI;EACtD;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH;AAEA,MAAM,gBACJ,IACA,QACG;CACH,MAAM,SAAS,GAAG;CAElB,IAAI,YAAY,MAAM,GAAG,SAAS,GAAG,OAAO;CAE5C,IAAI;MAAY,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,OAAO;CAAA;CAE9D,KAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,GAAG,GACb,OAAO,CAAC,IAAI,MAAM,QAAQ,IAAI,SAAS,SAAS,MAAM,CAAC;MAEvD,OAAO,CAAC,IAAI,SAAS,SAAS,MAAM;AAExC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef","mergeRefs"],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  DataAttributes,\n  HTMLAttributes,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport type { Point } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  handlerAll,\n  isMultiTouchEvent,\n  mergeRefs,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface PanEventProps {\n  threshold?: number\n  onEnd?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onMove?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onStart?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n}\n\ninterface Props<Y extends HTMLElement>\n  extends DataAttributes, HTMLAttributes<Y>, RefAttributes<Y> {}\n\nexport const usePanEvent = <Y extends HTMLElement>({\n  threshold = 3,\n  ...rest\n}: PanEventProps = {}): [\n  RefObject<null | Y>,\n  (props?: Props<Y>) => Props<Y>,\n] => {\n  const { getWindow } = useEnvironment()\n  const onStart = useCallbackRef(rest.onStart)\n  const onMove = useCallbackRef(rest.onMove)\n  const onEnd = useCallbackRef(rest.onEnd)\n  const latestPoint = useRef<null | Point>(null)\n  const unsubscribe = useRef<(() => void)[]>([])\n  const ref = useRef<Y>(null)\n\n  const cleanup = useCallback(() => {\n    unsubscribe.current.forEach((unsubscribe) => unsubscribe())\n\n    latestPoint.current = null\n    unsubscribe.current = []\n  }, [])\n\n  const shouldMove = useCallback(\n    (point: Point) => {\n      if (threshold === 0) return true\n      if (!latestPoint.current) return true\n\n      const distance = Math.sqrt(\n        Math.pow(point.x - latestPoint.current.x, 2) +\n          Math.pow(point.y - latestPoint.current.y, 2),\n      )\n\n      return distance >= threshold\n    },\n    [threshold],\n  )\n\n  useUnmountEffect(() => {\n    cleanup()\n  })\n\n  const getProps = useCallback(\n    (props: Props<Y> = {}) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, props.ref),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          const win = ev.nativeEvent.view ?? getWindow()\n\n          if (!win) return\n          if (isMultiTouchEvent(ev.nativeEvent)) return\n          if (!ref.current) return\n\n          ev.preventDefault()\n\n          const point = getEventPoint(ev.nativeEvent)\n          const rect = ref.current.getBoundingClientRect()\n\n          onStart(ev.nativeEvent, point, rect)\n\n          latestPoint.current = point\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointermove\", (ev) => {\n              if (!ref.current) return\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              if (!shouldMove(point)) return\n\n              latestPoint.current = point\n\n              onMove(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointerup\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointercancel\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n        }),\n      }\n    },\n    [cleanup, getWindow, onEnd, onMove, onStart, shouldMove],\n  )\n\n  return [ref, getProps] as const\n}\n\nexport type UsePanEventReturn = ReturnType<typeof usePanEvent>\n"],"mappings":";;;;;;;;AA+BA,MAAa,eAAsC,EACjD,YAAY,GACZ,GAAG,SACc,CAAC,MAGf;CACH,MAAM,EAAE,cAAcA,6BAAAA,eAAe;CACrC,MAAM,UAAUC,YAAAA,eAAe,KAAK,OAAO;CAC3C,MAAM,SAASA,YAAAA,eAAe,KAAK,MAAM;CACzC,MAAM,QAAQA,YAAAA,eAAe,KAAK,KAAK;CACvC,MAAM,eAAA,GAAA,MAAA,QAAmC,IAAI;CAC7C,MAAM,eAAA,GAAA,MAAA,QAAqC,CAAC,CAAC;CAC7C,MAAM,OAAA,GAAA,MAAA,QAAgB,IAAI;CAE1B,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,YAAY,QAAQ,SAAS,gBAAgB,YAAY,CAAC;EAE1D,YAAY,UAAU;EACtB,YAAY,UAAU,CAAC;CACzB,GAAG,CAAC,CAAC;CAEL,MAAM,cAAA,GAAA,MAAA,cACH,UAAiB;EAChB,IAAI,cAAc,GAAG,OAAO;EAC5B,IAAI,CAAC,YAAY,SAAS,OAAO;EAOjC,OALiB,KAAK,KACpB,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,CAAC,IACzC,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,CAAC,CAGjC,KAAK;CACrB,GACA,CAAC,SAAS,CACZ;CAEA,eAAA,uBAAuB;EACrB,QAAQ;CACV,CAAC;CAqED,OAAO,CAAC,MAAA,GAAA,MAAA,cAlEL,QAAkB,CAAC,MAAM;EACxB,OAAO;GACL,GAAG;GACH,KAAKC,YAAAA,UAAU,KAAK,MAAM,GAAG;GAC7B,gBAAA,GAAA,oBAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;IACrD,MAAM,MAAM,GAAG,YAAY,QAAQ,UAAU;IAE7C,IAAI,CAAC,KAAK;IACV,KAAA,GAAA,oBAAA,cAAA,mBAAsB,GAAG,WAAW,GAAG;IACvC,IAAI,CAAC,IAAI,SAAS;IAElB,GAAG,eAAe;IAElB,MAAM,SAAA,GAAA,oBAAA,cAAA,eAAsB,GAAG,WAAW;IAC1C,MAAM,OAAO,IAAI,QAAQ,sBAAsB;IAE/C,QAAQ,GAAG,aAAa,OAAO,IAAI;IAEnC,YAAY,UAAU;IAEtB,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,aACN,KAAK,gBAAgB,OAAO;KACtC,IAAI,CAAC,IAAI,SAAS;KAElB,MAAM,SAAA,GAAA,oBAAA,cAAA,eAAsB,EAAE;KAC9B,MAAM,OAAO,IAAI,QAAQ,sBAAsB;KAE/C,IAAI,CAAC,WAAW,KAAK,GAAG;KAExB,YAAY,UAAU;KAEtB,OAAO,IAAI,OAAO,IAAI;IACxB,CAAC,CACH;IAEA,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,aACN,KAAK,cAAc,OAAO;KACpC,IAAI,CAAC,IAAI,SAAS;KAElB,QAAQ;KAKR,MAAM,KAAA,GAAA,oBAAA,cAAA,eAHsB,EAGd,GAFD,IAAI,QAAQ,sBAEL,CAAC;IACvB,CAAC,CACH;IAEA,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,aACN,KAAK,kBAAkB,OAAO;KACxC,IAAI,CAAC,IAAI,SAAS;KAElB,QAAQ;KAKR,MAAM,KAAA,GAAA,oBAAA,cAAA,eAHsB,EAGd,GAFD,IAAI,QAAQ,sBAEL,CAAC;IACvB,CAAC,CACH;GACF,CAAC;EACH;CACF,GACA;EAAC;EAAS;EAAW;EAAO;EAAQ;EAAS;CAAU,CAGrC,CAAC;AACvB"}
+{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef","mergeRefs"],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  DataAttributes,\n  HTMLAttributes,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport type { Point } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  handlerAll,\n  isMultiTouchEvent,\n  mergeRefs,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface PanEventProps {\n  threshold?: number\n  onEnd?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onMove?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onStart?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n}\n\ninterface Props<Y extends HTMLElement>\n  extends DataAttributes, HTMLAttributes<Y>, RefAttributes<Y> {}\n\nexport const usePanEvent = <Y extends HTMLElement>({\n  threshold = 3,\n  ...rest\n}: PanEventProps = {}): [\n  RefObject<null | Y>,\n  (props?: Props<Y>) => Props<Y>,\n] => {\n  const { getWindow } = useEnvironment()\n  const onStart = useCallbackRef(rest.onStart)\n  const onMove = useCallbackRef(rest.onMove)\n  const onEnd = useCallbackRef(rest.onEnd)\n  const latestPoint = useRef<null | Point>(null)\n  const unsubscribe = useRef<(() => void)[]>([])\n  const ref = useRef<Y>(null)\n\n  const cleanup = useCallback(() => {\n    unsubscribe.current.forEach((unsubscribe) => unsubscribe())\n\n    latestPoint.current = null\n    unsubscribe.current = []\n  }, [])\n\n  const shouldMove = useCallback(\n    (point: Point) => {\n      if (threshold === 0) return true\n      if (!latestPoint.current) return true\n\n      const distance = Math.sqrt(\n        Math.pow(point.x - latestPoint.current.x, 2) +\n          Math.pow(point.y - latestPoint.current.y, 2),\n      )\n\n      return distance >= threshold\n    },\n    [threshold],\n  )\n\n  useUnmountEffect(() => {\n    cleanup()\n  })\n\n  const getProps = useCallback(\n    (props: Props<Y> = {}) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, props.ref),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          const win = ev.nativeEvent.view ?? getWindow()\n\n          if (!win) return\n          if (isMultiTouchEvent(ev.nativeEvent)) return\n          if (!ref.current) return\n\n          ev.preventDefault()\n\n          const point = getEventPoint(ev.nativeEvent)\n          const rect = ref.current.getBoundingClientRect()\n\n          onStart(ev.nativeEvent, point, rect)\n\n          latestPoint.current = point\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointermove\", (ev) => {\n              if (!ref.current) return\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              if (!shouldMove(point)) return\n\n              latestPoint.current = point\n\n              onMove(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointerup\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointercancel\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n        }),\n      }\n    },\n    [cleanup, getWindow, onEnd, onMove, onStart, shouldMove],\n  )\n\n  return [ref, getProps] as const\n}\n\nexport type UsePanEventReturn = ReturnType<typeof usePanEvent>\n"],"mappings":";;;;;;;;AA+BA,MAAa,eAAsC,EACjD,YAAY,GACZ,GAAG,SACc,CAAC,MAGf;CACH,MAAM,EAAE,cAAcA,6BAAAA,eAAe;CACrC,MAAM,UAAUC,YAAAA,eAAe,KAAK,OAAO;CAC3C,MAAM,SAASA,YAAAA,eAAe,KAAK,MAAM;CACzC,MAAM,QAAQA,YAAAA,eAAe,KAAK,KAAK;CACvC,MAAM,eAAA,GAAA,MAAA,OAAA,CAAmC,IAAI;CAC7C,MAAM,eAAA,GAAA,MAAA,OAAA,CAAqC,CAAC,CAAC;CAC7C,MAAM,OAAA,GAAA,MAAA,OAAA,CAAgB,IAAI;CAE1B,MAAM,WAAA,GAAA,MAAA,YAAA,OAA4B;EAChC,YAAY,QAAQ,SAAS,gBAAgB,YAAY,CAAC;EAE1D,YAAY,UAAU;EACtB,YAAY,UAAU,CAAC;CACzB,GAAG,CAAC,CAAC;CAEL,MAAM,cAAA,GAAA,MAAA,YAAA,EACH,UAAiB;EAChB,IAAI,cAAc,GAAG,OAAO;EAC5B,IAAI,CAAC,YAAY,SAAS,OAAO;EAOjC,OALiB,KAAK,KACpB,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,CAAC,IACzC,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,CAAC,CAGjC,KAAK;CACrB,GACA,CAAC,SAAS,CACZ;CAEA,eAAA,uBAAuB;EACrB,QAAQ;CACV,CAAC;CAqED,OAAO,CAAC,MAAA,GAAA,MAAA,YAAA,EAlEL,QAAkB,CAAC,MAAM;EACxB,OAAO;GACL,GAAG;GACH,KAAKC,YAAAA,UAAU,KAAK,MAAM,GAAG;GAC7B,gBAAA,GAAA,oBAAA,cAAA,WAAA,CAA0B,MAAM,gBAAgB,OAAO;IACrD,MAAM,MAAM,GAAG,YAAY,QAAQ,UAAU;IAE7C,IAAI,CAAC,KAAK;IACV,KAAA,GAAA,oBAAA,cAAA,kBAAA,CAAsB,GAAG,WAAW,GAAG;IACvC,IAAI,CAAC,IAAI,SAAS;IAElB,GAAG,eAAe;IAElB,MAAM,SAAA,GAAA,oBAAA,cAAA,cAAA,CAAsB,GAAG,WAAW;IAC1C,MAAM,OAAO,IAAI,QAAQ,sBAAsB;IAE/C,QAAQ,GAAG,aAAa,OAAO,IAAI;IAEnC,YAAY,UAAU;IAEtB,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,YAAA,CACN,KAAK,gBAAgB,OAAO;KACtC,IAAI,CAAC,IAAI,SAAS;KAElB,MAAM,SAAA,GAAA,oBAAA,cAAA,cAAA,CAAsB,EAAE;KAC9B,MAAM,OAAO,IAAI,QAAQ,sBAAsB;KAE/C,IAAI,CAAC,WAAW,KAAK,GAAG;KAExB,YAAY,UAAU;KAEtB,OAAO,IAAI,OAAO,IAAI;IACxB,CAAC,CACH;IAEA,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,YAAA,CACN,KAAK,cAAc,OAAO;KACpC,IAAI,CAAC,IAAI,SAAS;KAElB,QAAQ;KAKR,MAAM,KAAA,GAAA,oBAAA,cAAA,cAAA,CAHsB,EAGd,GAFD,IAAI,QAAQ,sBAEL,CAAC;IACvB,CAAC,CACH;IAEA,YAAY,QAAQ,MAAA,GAAA,oBAAA,cAAA,YAAA,CACN,KAAK,kBAAkB,OAAO;KACxC,IAAI,CAAC,IAAI,SAAS;KAElB,QAAQ;KAKR,MAAM,KAAA,GAAA,oBAAA,cAAA,cAAA,CAHsB,EAGd,GAFD,IAAI,QAAQ,sBAEL,CAAC;IACvB,CAAC,CACH;GACF,CAAC;EACH;CACF,GACA;EAAC;EAAS;EAAW;EAAO;EAAQ;EAAS;CAAU,CAGrC,CAAC;AACvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["autoUpdate","mergeRefs","useSplitProps"],"sources":["../../../../src/hooks/use-popper/index.ts"],"sourcesContent":["import type {\n  Placement as FloatingPlacement,\n  Middleware,\n  Platform,\n  Strategy,\n  UseFloatingOptions,\n  VirtualElement,\n} from \"@floating-ui/react-dom\"\nimport type { ComponentRef, Ref } from \"react\"\nimport type {\n  Direction,\n  DOMElement,\n  HTMLElementProps,\n  HTMLProps,\n} from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from \"@floating-ui/react-dom\"\nimport { useCallback, useMemo } from \"react\"\nimport { useSplitProps } from \"../../core\"\nimport { mergeRefs } from \"../../utils\"\n\nconst PLACEMENT_MAP: {\n  [key in Direction]: FloatingPlacement\n} = {\n  \"center-end\": \"right\",\n  \"center-end-end\": \"right-end\",\n  \"center-end-start\": \"right-start\",\n  \"center-start\": \"left\",\n  \"center-start-end\": \"left-end\",\n  \"center-start-start\": \"left-start\",\n  end: \"bottom\",\n  \"end-center\": \"bottom\",\n  \"end-end\": \"bottom-end\",\n  \"end-start\": \"bottom-start\",\n  start: \"top\",\n  \"start-center\": \"top\",\n  \"start-end\": \"top-end\",\n  \"start-start\": \"top-start\",\n}\n\ntype WhileElementsMounted = UseFloatingOptions[\"whileElementsMounted\"]\n\ntype Reference<Y extends DOMElement | VirtualElement = \"div\"> =\n  Y extends DOMElement ? ComponentRef<Y> : Y\n\nexport interface UsePopperProps<Y extends DOMElement | VirtualElement = \"div\"> {\n  /**\n   * If `true`, automatically updates the position of the floating element when necessary.\n   *\n   * @default true\n   */\n  autoUpdate?: boolean\n  /**\n   * Object containing the reference and floating elements.\n   */\n  elements?: {\n    floating?: HTMLElement | null\n    reference?: null | Reference<Y>\n  }\n  /**\n   * If `true`, the popper will change its placement and flip when it's about to overflow its boundary area.\n   *\n   * @default true\n   */\n  flip?: boolean\n  /**\n   * The distance or margin between the reference and popper.\n   * It is used internally to create an `offset` modifier.\n   *\n   * @default 8\n   */\n  gutter?: number\n  /**\n   * If `true`, the popper will match the width of the reference at all times.\n   * It's useful for `autocomplete`, `date-picker` and `select` patterns.\n   *\n   * @default false\n   */\n  matchWidth?: boolean\n  /**\n   * Array of middleware objects to modify the positioning or provide data for\n   * rendering.\n   */\n  middleware?: (false | Middleware | null | undefined)[]\n  /**\n   * The main and cross-axis offset to displace popper element from its reference element.\n   */\n  offset?: [number, number]\n  /**\n   * Whether the popper should be enabled.\n   *\n   * @default true\n   */\n  open?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'start'\n   */\n  placement?: Direction\n  /**\n   * Custom or extended platform object.\n   */\n  platform?: Platform\n  /**\n   * If `true`, will prevent the popper from being cut off and ensure it's visible within the boundary area.\n   *\n   * @default true\n   */\n  preventOverflow?: boolean\n  /**\n   * The CSS positioning strategy to use.\n   *\n   * @default 'absolute'\n   */\n  strategy?: Strategy\n  /**\n   * Whether to use `transform` for positioning instead of `top` and `left`\n   * (layout) in the `floatingStyles` object.\n   *\n   * @default true\n   */\n  transform?: boolean\n  /**\n   * A callback invoked when both the reference and floating elements are\n   * mounted, and cleaned up when either is unmounted. This is useful for\n   * setting up event listeners (e.g. pass `autoUpdate`).\n   */\n  whileElementsMounted?: (\n    reference: Reference<Y>,\n    floating: HTMLElement,\n    update: () => void,\n  ) => () => void\n}\n\nexport const usePopper = <\n  Y extends DOMElement | VirtualElement = \"div\",\n  M extends DOMElement = \"div\",\n>({\n  autoUpdate: autoUpdateProp = true,\n  elements,\n  flip: flipProp = true,\n  gutter = 8,\n  matchWidth,\n  middleware: middlewareProp,\n  offset: offsetProp,\n  open = true,\n  placement = \"start\",\n  platform,\n  preventOverflow = true,\n  strategy = \"absolute\",\n  transform = true,\n  whileElementsMounted: whileElementsMountedProp,\n}: UsePopperProps<Y> = {}) => {\n  const middleware = useMemo(() => {\n    const middleware: (false | Middleware | null | undefined)[] = []\n\n    if (offsetProp) {\n      const [mainAxis, crossAxis] = offsetProp\n\n      middleware.push(offset({ crossAxis, mainAxis }))\n    } else if (gutter) {\n      middleware.push(offset(gutter))\n    }\n\n    if (flipProp) middleware.push(flip())\n\n    if (preventOverflow) middleware.push(shift())\n\n    if (middlewareProp) middleware.push(...middlewareProp)\n\n    if (matchWidth)\n      middleware.push(\n        size({\n          apply({ elements, rects }) {\n            Object.assign(elements.floating.style, {\n              minWidth: `${rects.reference.width}px`,\n            })\n          },\n        }),\n      )\n\n    return middleware\n  }, [\n    flipProp,\n    gutter,\n    matchWidth,\n    middlewareProp,\n    offsetProp,\n    preventOverflow,\n  ])\n  const whileElementsMounted = useMemo(() => {\n    if (whileElementsMountedProp)\n      return whileElementsMountedProp as WhileElementsMounted\n\n    if (autoUpdateProp) return autoUpdate\n  }, [autoUpdateProp, whileElementsMountedProp])\n\n  const { floatingStyles, refs, ...rest } = useFloating<Reference<Y>>({\n    elements,\n    middleware,\n    open,\n    placement: PLACEMENT_MAP[placement],\n    platform,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  const getReferenceProps = useCallback(\n    <D extends DOMElement | VirtualElement = Y>(\n      props?: D extends DOMElement ? HTMLProps<D> : HTMLElementProps,\n    ) =>\n      ({\n        ...props,\n        ref: mergeRefs(props?.ref as Ref<any>, refs.setReference),\n      }) as D extends DOMElement ? HTMLProps<D> : HTMLElementProps,\n    [refs.setReference],\n  )\n\n  const getPopperProps = useCallback(\n    <H extends DOMElement = M>(props?: HTMLProps<H>) =>\n      ({\n        ...props,\n        ref: mergeRefs(props?.ref as Ref<any>, refs.setFloating),\n        style: {\n          ...props?.style,\n          minWidth: matchWidth ? undefined : \"max-content\",\n          ...floatingStyles,\n        },\n      }) as HTMLProps<H>,\n    [refs.setFloating, matchWidth, floatingStyles],\n  )\n\n  return {\n    ...rest,\n    refs,\n    getPopperProps,\n    getReferenceProps,\n  }\n}\n\nexport type UsePopperReturn = ReturnType<typeof usePopper>\n\nexport const popperProps: (keyof UsePopperProps)[] = [\n  \"autoUpdate\",\n  \"elements\",\n  \"flip\",\n  \"gutter\",\n  \"matchWidth\",\n  \"middleware\",\n  \"offset\",\n  \"open\",\n  \"placement\",\n  \"platform\",\n  \"preventOverflow\",\n  \"strategy\",\n  \"transform\",\n  \"whileElementsMounted\",\n]\n\nexport const usePopperProps = <\n  Y extends DOMElement | VirtualElement = \"div\",\n  M extends Dict = Dict,\n  D extends keyof UsePopperProps = keyof UsePopperProps,\n>(\n  props: M,\n  omitKeys?: D[],\n) => {\n  return useSplitProps(\n    props,\n    popperProps.filter((key) => !omitKeys?.includes(key as D)),\n  ) as unknown as [\n    keyof UsePopperProps extends D\n      ? UsePopperProps<Y>\n      : Omit<UsePopperProps<Y>, D>,\n    Omit<\n      M,\n      keyof UsePopperProps extends D\n        ? keyof UsePopperProps\n        : Exclude<keyof UsePopperProps, D>\n    >,\n  ]\n}\n"],"mappings":";;;;;;AA4BA,MAAM,gBAEF;CACF,cAAc;CACd,kBAAkB;CAClB,oBAAoB;CACpB,gBAAgB;CAChB,oBAAoB;CACpB,sBAAsB;CACtB,KAAK;CACL,cAAc;CACd,WAAW;CACX,aAAa;CACb,OAAO;CACP,gBAAgB;CAChB,aAAa;CACb,eAAe;AACjB;AAiGA,MAAa,aAGX,EACA,YAAY,iBAAiB,MAC7B,UACA,MAAM,WAAW,MACjB,SAAS,GACT,YACA,YAAY,gBACZ,QAAQ,YACR,OAAO,MACP,YAAY,SACZ,UACA,kBAAkB,MAClB,WAAW,YACX,YAAY,MACZ,sBAAsB,6BACD,CAAC,MAAM;CAC5B,MAAM,cAAA,GAAA,MAAA,eAA2B;EAC/B,MAAM,aAAwD,CAAC;EAE/D,IAAI,YAAY;GACd,MAAM,CAAC,UAAU,aAAa;GAE9B,WAAW,MAAA,GAAA,uBAAA,QAAY;IAAE;IAAW;GAAS,CAAC,CAAC;EACjD,OAAO,IAAI,QACT,WAAW,MAAA,GAAA,uBAAA,QAAY,MAAM,CAAC;EAGhC,IAAI,UAAU,WAAW,MAAA,GAAA,uBAAA,MAAU,CAAC;EAEpC,IAAI,iBAAiB,WAAW,MAAA,GAAA,uBAAA,OAAW,CAAC;EAE5C,IAAI,gBAAgB,WAAW,KAAK,GAAG,cAAc;EAErD,IAAI,YACF,WAAW,MAAA,GAAA,uBAAA,MACJ,EACH,MAAM,EAAE,UAAU,SAAS;GACzB,OAAO,OAAO,SAAS,SAAS,OAAO,EACrC,UAAU,GAAG,MAAM,UAAU,MAAM,IACrC,CAAC;EACH,EACF,CAAC,CACH;EAEF,OAAO;CACT,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,wBAAA,GAAA,MAAA,eAAqC;EACzC,IAAI,0BACF,OAAO;EAET,IAAI,gBAAgB,OAAOA,uBAAAA;CAC7B,GAAG,CAAC,gBAAgB,wBAAwB,CAAC;CAE7C,MAAM,EAAE,gBAAgB,MAAM,GAAG,UAAA,GAAA,uBAAA,aAAmC;EAClE;EACA;EACA;EACA,WAAW,cAAc;EACzB;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAA,GAAA,MAAA,cAEF,WAEC;EACC,GAAG;EACH,KAAKC,YAAAA,UAAU,OAAO,KAAiB,KAAK,YAAY;CAC1D,IACF,CAAC,KAAK,YAAY,CACpB;CAEA,MAAM,kBAAA,GAAA,MAAA,cACuB,WACxB;EACC,GAAG;EACH,KAAKA,YAAAA,UAAU,OAAO,KAAiB,KAAK,WAAW;EACvD,OAAO;GACL,GAAG,OAAO;GACV,UAAU,aAAa,KAAA,IAAY;GACnC,GAAG;EACL;CACF,IACF;EAAC,KAAK;EAAa;EAAY;CAAc,CAC/C;CAEA,OAAO;EACL,GAAG;EACH;EACA;EACA;CACF;AACF;AAIA,MAAa,cAAwC;CACnD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,kBAKX,OACA,aACG;CACH,OAAOC,cAAAA,cACL,OACA,YAAY,QAAQ,QAAQ,CAAC,UAAU,SAAS,GAAQ,CAAC,CAC3D;AAWF"}
+{"version":3,"file":"index.cjs","names":["autoUpdate","mergeRefs","useSplitProps"],"sources":["../../../../src/hooks/use-popper/index.ts"],"sourcesContent":["import type {\n  Placement as FloatingPlacement,\n  Middleware,\n  Platform,\n  Strategy,\n  UseFloatingOptions,\n  VirtualElement,\n} from \"@floating-ui/react-dom\"\nimport type { ComponentRef, Ref } from \"react\"\nimport type {\n  Direction,\n  DOMElement,\n  HTMLElementProps,\n  HTMLProps,\n} from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from \"@floating-ui/react-dom\"\nimport { useCallback, useMemo } from \"react\"\nimport { useSplitProps } from \"../../core\"\nimport { mergeRefs } from \"../../utils\"\n\nconst PLACEMENT_MAP: {\n  [key in Direction]: FloatingPlacement\n} = {\n  \"center-end\": \"right\",\n  \"center-end-end\": \"right-end\",\n  \"center-end-start\": \"right-start\",\n  \"center-start\": \"left\",\n  \"center-start-end\": \"left-end\",\n  \"center-start-start\": \"left-start\",\n  end: \"bottom\",\n  \"end-center\": \"bottom\",\n  \"end-end\": \"bottom-end\",\n  \"end-start\": \"bottom-start\",\n  start: \"top\",\n  \"start-center\": \"top\",\n  \"start-end\": \"top-end\",\n  \"start-start\": \"top-start\",\n}\n\ntype WhileElementsMounted = UseFloatingOptions[\"whileElementsMounted\"]\n\ntype Reference<Y extends DOMElement | VirtualElement = \"div\"> =\n  Y extends DOMElement ? ComponentRef<Y> : Y\n\nexport interface UsePopperProps<Y extends DOMElement | VirtualElement = \"div\"> {\n  /**\n   * If `true`, automatically updates the position of the floating element when necessary.\n   *\n   * @default true\n   */\n  autoUpdate?: boolean\n  /**\n   * Object containing the reference and floating elements.\n   */\n  elements?: {\n    floating?: HTMLElement | null\n    reference?: null | Reference<Y>\n  }\n  /**\n   * If `true`, the popper will change its placement and flip when it's about to overflow its boundary area.\n   *\n   * @default true\n   */\n  flip?: boolean\n  /**\n   * The distance or margin between the reference and popper.\n   * It is used internally to create an `offset` modifier.\n   *\n   * @default 8\n   */\n  gutter?: number\n  /**\n   * If `true`, the popper will match the width of the reference at all times.\n   * It's useful for `autocomplete`, `date-picker` and `select` patterns.\n   *\n   * @default false\n   */\n  matchWidth?: boolean\n  /**\n   * Array of middleware objects to modify the positioning or provide data for\n   * rendering.\n   */\n  middleware?: (false | Middleware | null | undefined)[]\n  /**\n   * The main and cross-axis offset to displace popper element from its reference element.\n   */\n  offset?: [number, number]\n  /**\n   * Whether the popper should be enabled.\n   *\n   * @default true\n   */\n  open?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'start'\n   */\n  placement?: Direction\n  /**\n   * Custom or extended platform object.\n   */\n  platform?: Platform\n  /**\n   * If `true`, will prevent the popper from being cut off and ensure it's visible within the boundary area.\n   *\n   * @default true\n   */\n  preventOverflow?: boolean\n  /**\n   * The CSS positioning strategy to use.\n   *\n   * @default 'absolute'\n   */\n  strategy?: Strategy\n  /**\n   * Whether to use `transform` for positioning instead of `top` and `left`\n   * (layout) in the `floatingStyles` object.\n   *\n   * @default true\n   */\n  transform?: boolean\n  /**\n   * A callback invoked when both the reference and floating elements are\n   * mounted, and cleaned up when either is unmounted. This is useful for\n   * setting up event listeners (e.g. pass `autoUpdate`).\n   */\n  whileElementsMounted?: (\n    reference: Reference<Y>,\n    floating: HTMLElement,\n    update: () => void,\n  ) => () => void\n}\n\nexport const usePopper = <\n  Y extends DOMElement | VirtualElement = \"div\",\n  M extends DOMElement = \"div\",\n>({\n  autoUpdate: autoUpdateProp = true,\n  elements,\n  flip: flipProp = true,\n  gutter = 8,\n  matchWidth,\n  middleware: middlewareProp,\n  offset: offsetProp,\n  open = true,\n  placement = \"start\",\n  platform,\n  preventOverflow = true,\n  strategy = \"absolute\",\n  transform = true,\n  whileElementsMounted: whileElementsMountedProp,\n}: UsePopperProps<Y> = {}) => {\n  const middleware = useMemo(() => {\n    const middleware: (false | Middleware | null | undefined)[] = []\n\n    if (offsetProp) {\n      const [mainAxis, crossAxis] = offsetProp\n\n      middleware.push(offset({ crossAxis, mainAxis }))\n    } else if (gutter) {\n      middleware.push(offset(gutter))\n    }\n\n    if (flipProp) middleware.push(flip())\n\n    if (preventOverflow) middleware.push(shift())\n\n    if (middlewareProp) middleware.push(...middlewareProp)\n\n    if (matchWidth)\n      middleware.push(\n        size({\n          apply({ elements, rects }) {\n            Object.assign(elements.floating.style, {\n              minWidth: `${rects.reference.width}px`,\n            })\n          },\n        }),\n      )\n\n    return middleware\n  }, [\n    flipProp,\n    gutter,\n    matchWidth,\n    middlewareProp,\n    offsetProp,\n    preventOverflow,\n  ])\n  const whileElementsMounted = useMemo(() => {\n    if (whileElementsMountedProp)\n      return whileElementsMountedProp as WhileElementsMounted\n\n    if (autoUpdateProp) return autoUpdate\n  }, [autoUpdateProp, whileElementsMountedProp])\n\n  const { floatingStyles, refs, ...rest } = useFloating<Reference<Y>>({\n    elements,\n    middleware,\n    open,\n    placement: PLACEMENT_MAP[placement],\n    platform,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  const getReferenceProps = useCallback(\n    <D extends DOMElement | VirtualElement = Y>(\n      props?: D extends DOMElement ? HTMLProps<D> : HTMLElementProps,\n    ) =>\n      ({\n        ...props,\n        ref: mergeRefs(props?.ref as Ref<any>, refs.setReference),\n      }) as D extends DOMElement ? HTMLProps<D> : HTMLElementProps,\n    [refs.setReference],\n  )\n\n  const getPopperProps = useCallback(\n    <H extends DOMElement = M>(props?: HTMLProps<H>) =>\n      ({\n        ...props,\n        ref: mergeRefs(props?.ref as Ref<any>, refs.setFloating),\n        style: {\n          ...props?.style,\n          minWidth: matchWidth ? undefined : \"max-content\",\n          ...floatingStyles,\n        },\n      }) as HTMLProps<H>,\n    [refs.setFloating, matchWidth, floatingStyles],\n  )\n\n  return {\n    ...rest,\n    refs,\n    getPopperProps,\n    getReferenceProps,\n  }\n}\n\nexport type UsePopperReturn = ReturnType<typeof usePopper>\n\nexport const popperProps: (keyof UsePopperProps)[] = [\n  \"autoUpdate\",\n  \"elements\",\n  \"flip\",\n  \"gutter\",\n  \"matchWidth\",\n  \"middleware\",\n  \"offset\",\n  \"open\",\n  \"placement\",\n  \"platform\",\n  \"preventOverflow\",\n  \"strategy\",\n  \"transform\",\n  \"whileElementsMounted\",\n]\n\nexport const usePopperProps = <\n  Y extends DOMElement | VirtualElement = \"div\",\n  M extends Dict = Dict,\n  D extends keyof UsePopperProps = keyof UsePopperProps,\n>(\n  props: M,\n  omitKeys?: D[],\n) => {\n  return useSplitProps(\n    props,\n    popperProps.filter((key) => !omitKeys?.includes(key as D)),\n  ) as unknown as [\n    keyof UsePopperProps extends D\n      ? UsePopperProps<Y>\n      : Omit<UsePopperProps<Y>, D>,\n    Omit<\n      M,\n      keyof UsePopperProps extends D\n        ? keyof UsePopperProps\n        : Exclude<keyof UsePopperProps, D>\n    >,\n  ]\n}\n"],"mappings":";;;;;;AA4BA,MAAM,gBAEF;CACF,cAAc;CACd,kBAAkB;CAClB,oBAAoB;CACpB,gBAAgB;CAChB,oBAAoB;CACpB,sBAAsB;CACtB,KAAK;CACL,cAAc;CACd,WAAW;CACX,aAAa;CACb,OAAO;CACP,gBAAgB;CAChB,aAAa;CACb,eAAe;AACjB;AAiGA,MAAa,aAGX,EACA,YAAY,iBAAiB,MAC7B,UACA,MAAM,WAAW,MACjB,SAAS,GACT,YACA,YAAY,gBACZ,QAAQ,YACR,OAAO,MACP,YAAY,SACZ,UACA,kBAAkB,MAClB,WAAW,YACX,YAAY,MACZ,sBAAsB,6BACD,CAAC,MAAM;CAC5B,MAAM,cAAA,GAAA,MAAA,QAAA,OAA2B;EAC/B,MAAM,aAAwD,CAAC;EAE/D,IAAI,YAAY;GACd,MAAM,CAAC,UAAU,aAAa;GAE9B,WAAW,MAAA,GAAA,uBAAA,OAAA,CAAY;IAAE;IAAW;GAAS,CAAC,CAAC;EACjD,OAAO,IAAI,QACT,WAAW,MAAA,GAAA,uBAAA,OAAA,CAAY,MAAM,CAAC;EAGhC,IAAI,UAAU,WAAW,MAAA,GAAA,uBAAA,KAAA,CAAU,CAAC;EAEpC,IAAI,iBAAiB,WAAW,MAAA,GAAA,uBAAA,MAAA,CAAW,CAAC;EAE5C,IAAI,gBAAgB,WAAW,KAAK,GAAG,cAAc;EAErD,IAAI,YACF,WAAW,MAAA,GAAA,uBAAA,KAAA,CACJ,EACH,MAAM,EAAE,UAAU,SAAS;GACzB,OAAO,OAAO,SAAS,SAAS,OAAO,EACrC,UAAU,GAAG,MAAM,UAAU,MAAM,IACrC,CAAC;EACH,EACF,CAAC,CACH;EAEF,OAAO;CACT,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,wBAAA,GAAA,MAAA,QAAA,OAAqC;EACzC,IAAI,0BACF,OAAO;EAET,IAAI,gBAAgB,OAAOA,uBAAAA;CAC7B,GAAG,CAAC,gBAAgB,wBAAwB,CAAC;CAE7C,MAAM,EAAE,gBAAgB,MAAM,GAAG,UAAA,GAAA,uBAAA,YAAA,CAAmC;EAClE;EACA;EACA;EACA,WAAW,cAAc;EACzB;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAA,GAAA,MAAA,YAAA,EAEF,WAEC;EACC,GAAG;EACH,KAAKC,YAAAA,UAAU,OAAO,KAAiB,KAAK,YAAY;CAC1D,IACF,CAAC,KAAK,YAAY,CACpB;CAEA,MAAM,kBAAA,GAAA,MAAA,YAAA,EACuB,WACxB;EACC,GAAG;EACH,KAAKA,YAAAA,UAAU,OAAO,KAAiB,KAAK,WAAW;EACvD,OAAO;GACL,GAAG,OAAO;GACV,UAAU,aAAa,KAAA,IAAY;GACnC,GAAG;EACL;CACF,IACF;EAAC,KAAK;EAAa;EAAY;CAAc,CAC/C;CAEA,OAAO;EACL,GAAG;EACH;EACA;EACA;CACF;AACF;AAIA,MAAa,cAAwC;CACnD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,kBAKX,OACA,aACG;CACH,OAAOC,cAAAA,cACL,OACA,YAAY,QAAQ,QAAQ,CAAC,UAAU,SAAS,GAAQ,CAAC,CAC3D;AAWF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-previous/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useRef } from \"react\"\n\n/**\n * `usePrevious` is a custom hook for obtaining the previous value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-previous\n */\nexport const usePrevious = <Y>(value: Y) => {\n  const ref = useRef<undefined | Y>(undefined)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,eAAkB,UAAa;CAC1C,MAAM,OAAA,GAAA,MAAA,QAA4B,KAAA,CAAS;CAE3C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,UAAU;CAChB,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO,IAAI;AACb"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-previous/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useRef } from \"react\"\n\n/**\n * `usePrevious` is a custom hook for obtaining the previous value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-previous\n */\nexport const usePrevious = <Y>(value: Y) => {\n  const ref = useRef<undefined | Y>(undefined)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,eAAkB,UAAa;CAC1C,MAAM,OAAA,GAAA,MAAA,OAAA,CAA4B,KAAA,CAAS;CAE3C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,UAAU;CAChB,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO,IAAI;AACb"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useBoolean"],"sources":["../../../../src/hooks/use-processing/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useUnmountEffect } from \"../../utils\"\nimport { useBoolean } from \"../use-boolean\"\n\n/**\n * `useProcessing` is a custom hook for handling processing states.\n *\n * @see https://yamada-ui.com/docs/hooks/use-processing\n */\nexport const useProcessing = (init?: boolean) => {\n  const [loading, { off, on }] = useBoolean(init)\n  const countRef = useRef<number>(0)\n\n  const start = useCallback(() => {\n    countRef.current += 1\n\n    on()\n  }, [on])\n\n  const finish = useCallback(() => {\n    countRef.current -= 1\n\n    if (countRef.current <= 0) off()\n  }, [off])\n\n  useUnmountEffect(() => {\n    countRef.current = 0\n  })\n\n  const controls = useMemo(\n    () => ({\n      finish,\n      loading,\n      start,\n    }),\n    [finish, loading, start],\n  )\n\n  return controls\n}\n\nexport type UseProcessingReturn = ReturnType<typeof useProcessing>\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,iBAAiB,SAAmB;CAC/C,MAAM,CAAC,SAAS,EAAE,KAAK,QAAQA,gCAAAA,WAAW,IAAI;CAC9C,MAAM,YAAA,GAAA,MAAA,QAA0B,CAAC;CAEjC,MAAM,SAAA,GAAA,MAAA,mBAA0B;EAC9B,SAAS,WAAW;EAEpB,GAAG;CACL,GAAG,CAAC,EAAE,CAAC;CAEP,MAAM,UAAA,GAAA,MAAA,mBAA2B;EAC/B,SAAS,WAAW;EAEpB,IAAI,SAAS,WAAW,GAAG,IAAI;CACjC,GAAG,CAAC,GAAG,CAAC;CAER,eAAA,uBAAuB;EACrB,SAAS,UAAU;CACrB,CAAC;CAWD,QAAA,GAAA,MAAA,gBARS;EACL;EACA;EACA;CACF,IACA;EAAC;EAAQ;EAAS;CAAK,CAGX;AAChB"}
+{"version":3,"file":"index.cjs","names":["useBoolean"],"sources":["../../../../src/hooks/use-processing/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useUnmountEffect } from \"../../utils\"\nimport { useBoolean } from \"../use-boolean\"\n\n/**\n * `useProcessing` is a custom hook for handling processing states.\n *\n * @see https://yamada-ui.com/docs/hooks/use-processing\n */\nexport const useProcessing = (init?: boolean) => {\n  const [loading, { off, on }] = useBoolean(init)\n  const countRef = useRef<number>(0)\n\n  const start = useCallback(() => {\n    countRef.current += 1\n\n    on()\n  }, [on])\n\n  const finish = useCallback(() => {\n    countRef.current -= 1\n\n    if (countRef.current <= 0) off()\n  }, [off])\n\n  useUnmountEffect(() => {\n    countRef.current = 0\n  })\n\n  const controls = useMemo(\n    () => ({\n      finish,\n      loading,\n      start,\n    }),\n    [finish, loading, start],\n  )\n\n  return controls\n}\n\nexport type UseProcessingReturn = ReturnType<typeof useProcessing>\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,iBAAiB,SAAmB;CAC/C,MAAM,CAAC,SAAS,EAAE,KAAK,QAAQA,gCAAAA,WAAW,IAAI;CAC9C,MAAM,YAAA,GAAA,MAAA,OAAA,CAA0B,CAAC;CAEjC,MAAM,SAAA,GAAA,MAAA,YAAA,OAA0B;EAC9B,SAAS,WAAW;EAEpB,GAAG;CACL,GAAG,CAAC,EAAE,CAAC;CAEP,MAAM,UAAA,GAAA,MAAA,YAAA,OAA2B;EAC/B,SAAS,WAAW;EAEpB,IAAI,SAAS,WAAW,GAAG,IAAI;CACjC,GAAG,CAAC,GAAG,CAAC;CAER,eAAA,uBAAuB;EACrB,SAAS,UAAU;CACrB,CAAC;CAWD,QAAA,GAAA,MAAA,QAAA,QARS;EACL;EACA;EACA;CACF,IACA;EAAC;EAAQ;EAAS;CAAK,CAGX;AAChB"}

package/dist/cjs/hooks/use-resize-observer/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"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/docs/hooks/use-resize-observer\n */\nexport const useResizeObserver = <Y extends HTMLElement = any>() => {\n  const id = useRef(0)\n  const ref = useRef<Y>(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 = <Y extends HTMLElement = any>() => {\n  const [ref, { height, width }] = useResizeObserver<Y>()\n\n  return { ref, height, width }\n}\n"],"mappings":";;;;;AAOA,MAAM,cAA4B;CAChC,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACP,GAAG;CACH,GAAG;AACL;;;;;;AAOA,MAAa,0BAAuD;CAClE,MAAM,MAAA,GAAA,MAAA,QAAY,CAAC;CACnB,MAAM,OAAA,GAAA,MAAA,QAAgB,IAAI;CAC1B,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAkC,WAAW;CAE1D,MAAM,YAAA,GAAA,MAAA,eAAyB;EAC7B,IAAI,EAAA,GAAA,oBAAA,cAAA,YAAY,GAAG,OAAO;EAE1B,OAAO,IAAI,gBAAgB,CAAC,WAAW;GACrC,IAAI,CAAC,OAAO;GAEZ,qBAAqB,GAAG,OAAO;GAE/B,GAAG,UAAU,4BAA4B;IACvC,IAAI,IAAI,SAAS,QAAQ,MAAM,WAAW;GAC5C,CAAC;EACH,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,IAAI,SAAS,UAAU,QAAQ,IAAI,OAAO;EAE9C,aAAa;GACX,UAAU,WAAW;GAErB,IAAI,GAAG,SAAS,qBAAqB,GAAG,OAAO;EACjD;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO,CAAC,KAAK,IAAI;AACnB;AAEA,MAAa,uBAAoD;CAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,WAAW,kBAAqB;CAEtD,OAAO;EAAE;EAAK;EAAQ;CAAM;AAC9B"}
+{"version":3,"file":"index.cjs","names":[],"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/docs/hooks/use-resize-observer\n */\nexport const useResizeObserver = <Y extends HTMLElement = any>() => {\n  const id = useRef(0)\n  const ref = useRef<Y>(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 = <Y extends HTMLElement = any>() => {\n  const [ref, { height, width }] = useResizeObserver<Y>()\n\n  return { ref, height, width }\n}\n"],"mappings":";;;;;AAOA,MAAM,cAA4B;CAChC,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACP,GAAG;CACH,GAAG;AACL;;;;;;AAOA,MAAa,0BAAuD;CAClE,MAAM,MAAA,GAAA,MAAA,OAAA,CAAY,CAAC;CACnB,MAAM,OAAA,GAAA,MAAA,OAAA,CAAgB,IAAI;CAC1B,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,SAAA,CAAkC,WAAW;CAE1D,MAAM,YAAA,GAAA,MAAA,QAAA,OAAyB;EAC7B,IAAI,EAAA,GAAA,oBAAA,cAAA,WAAA,CAAY,GAAG,OAAO;EAE1B,OAAO,IAAI,gBAAgB,CAAC,WAAW;GACrC,IAAI,CAAC,OAAO;GAEZ,qBAAqB,GAAG,OAAO;GAE/B,GAAG,UAAU,4BAA4B;IACvC,IAAI,IAAI,SAAS,QAAQ,MAAM,WAAW;GAC5C,CAAC;EACH,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,IAAI,SAAS,UAAU,QAAQ,IAAI,OAAO;EAE9C,aAAa;GACX,UAAU,WAAW;GAErB,IAAI,GAAG,SAAS,qBAAqB,GAAG,OAAO;EACjD;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO,CAAC,KAAK,IAAI;AACnB;AAEA,MAAa,uBAAoD;CAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,WAAW,kBAAqB;CAEtD,OAAO;EAAE;EAAK;EAAQ;CAAM;AAC9B"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-timeout/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\n/**\n * `useTimeout` is a custom hook that executes a function after a specified number of milliseconds.\n *\n * @see https://yamada-ui.com/docs/hooks/use-timeout\n */\nexport const useTimeout = (\n  callback: (...args: any[]) => void,\n  delay: null | number,\n) => {\n  const callbackRef = useCallbackRef(callback)\n\n  useEffect(() => {\n    if (delay == null) return undefined\n\n    let timeoutId: NodeJS.Timeout | null = null\n\n    timeoutId = setTimeout(callbackRef, delay)\n\n    return () => {\n      clearTimeout(timeoutId)\n    }\n  }, [delay, callbackRef])\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,cACX,UACA,UACG;CACH,MAAM,cAAcA,YAAAA,eAAe,QAAQ;CAE3C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,SAAS,MAAM,OAAO,KAAA;EAE1B,IAAI,YAAmC;EAEvC,YAAY,WAAW,aAAa,KAAK;EAEzC,aAAa;GACX,aAAa,SAAS;EACxB;CACF,GAAG,CAAC,OAAO,WAAW,CAAC;AACzB"}
+{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-timeout/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\n/**\n * `useTimeout` is a custom hook that executes a function after a specified number of milliseconds.\n *\n * @see https://yamada-ui.com/docs/hooks/use-timeout\n */\nexport const useTimeout = (\n  callback: (...args: any[]) => void,\n  delay: null | number,\n) => {\n  const callbackRef = useCallbackRef(callback)\n\n  useEffect(() => {\n    if (delay == null) return undefined\n\n    let timeoutId: NodeJS.Timeout | null = null\n\n    timeoutId = setTimeout(callbackRef, delay)\n\n    return () => {\n      clearTimeout(timeoutId)\n    }\n  }, [delay, callbackRef])\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,cACX,UACA,UACG;CACH,MAAM,cAAcA,YAAAA,eAAe,QAAQ;CAE3C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,SAAS,MAAM,OAAO,KAAA;EAE1B,IAAI,YAAmC;EAEvC,YAAY,WAAW,aAAa,KAAK;EAEzC,aAAa;GACX,aAAa,SAAS;EACxB;CACF,GAAG,CAAC,OAAO,WAAW,CAAC;AACzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useSystem","useBreakpoint","useColorMode","getBreakpointValue","getColorModeValue"],"sources":["../../../../src/hooks/use-value/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  Breakpoint,\n  ColorMode,\n  ColorModeArray,\n  ResponsiveObject,\n  System,\n} from \"../../core\"\nimport { useMemo } from \"react\"\nimport { getColorModeValue, useColorMode, useSystem } from \"../../core\"\nimport { isArray, isObject } from \"../../utils\"\nimport { getBreakpointValue, useBreakpoint } from \"../use-breakpoint\"\n\n/**\n * `useValue` is a custom hook that combines `useBreakpointValue` and `useColorModeValue`.\n *\n * @see https://yamada-ui.com/docs/hooks/use-value\n */\nexport const useValue = <Y>(\n  value: ColorModeArray<Y, false> | ResponsiveObject<Y, false> | Y,\n): Y => {\n  const system = useSystem()\n  const breakpoint = useBreakpoint()\n  const { colorMode } = useColorMode()\n\n  return useMemo(() => {\n    return getValue(value)(system, colorMode, breakpoint)\n  }, [value, system, colorMode, breakpoint])\n}\n\nexport const getValue =\n  <Y>(value: ColorModeArray<Y, false> | ResponsiveObject<Y, false> | Y) =>\n  (system: System, colorMode: ColorMode, breakpoint: Breakpoint): Y => {\n    if (isObject<ResponsiveObject<Y, false>>(value)) {\n      return getBreakpointValue(value)(system, breakpoint)\n    } else if (isArray<ColorModeArray<Y, false>>(value)) {\n      const [light, dark] = value\n\n      return getColorModeValue(light, dark)(colorMode)\n    } else {\n      return value\n    }\n  }\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,MAAa,YACX,UACM;CACN,MAAM,SAASA,wBAAAA,UAAU;CACzB,MAAM,aAAaC,uBAAAA,cAAc;CACjC,MAAM,EAAE,cAAcC,4BAAAA,aAAa;CAEnC,QAAA,GAAA,MAAA,eAAqB;EACnB,OAAO,SAAS,KAAK,EAAE,QAAQ,WAAW,UAAU;CACtD,GAAG;EAAC;EAAO;EAAQ;EAAW;CAAU,CAAC;AAC3C;AAEA,MAAa,YACP,WACH,QAAgB,WAAsB,eAA8B;CACnE,KAAA,GAAA,oBAAA,cAAA,UAAyC,KAAK,GAC5C,OAAOC,6BAAAA,mBAAmB,KAAK,EAAE,QAAQ,UAAU;MAC9C,KAAA,GAAA,oBAAA,cAAA,SAAsC,KAAK,GAAG;EACnD,MAAM,CAAC,OAAO,QAAQ;EAEtB,OAAOC,6BAAAA,kBAAkB,OAAO,IAAI,EAAE,SAAS;CACjD,OACE,OAAO;AAEX"}
+{"version":3,"file":"index.cjs","names":["useSystem","useBreakpoint","useColorMode","getBreakpointValue","getColorModeValue"],"sources":["../../../../src/hooks/use-value/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  Breakpoint,\n  ColorMode,\n  ColorModeArray,\n  ResponsiveObject,\n  System,\n} from \"../../core\"\nimport { useMemo } from \"react\"\nimport { getColorModeValue, useColorMode, useSystem } from \"../../core\"\nimport { isArray, isObject } from \"../../utils\"\nimport { getBreakpointValue, useBreakpoint } from \"../use-breakpoint\"\n\n/**\n * `useValue` is a custom hook that combines `useBreakpointValue` and `useColorModeValue`.\n *\n * @see https://yamada-ui.com/docs/hooks/use-value\n */\nexport const useValue = <Y>(\n  value: ColorModeArray<Y, false> | ResponsiveObject<Y, false> | Y,\n): Y => {\n  const system = useSystem()\n  const breakpoint = useBreakpoint()\n  const { colorMode } = useColorMode()\n\n  return useMemo(() => {\n    return getValue(value)(system, colorMode, breakpoint)\n  }, [value, system, colorMode, breakpoint])\n}\n\nexport const getValue =\n  <Y>(value: ColorModeArray<Y, false> | ResponsiveObject<Y, false> | Y) =>\n  (system: System, colorMode: ColorMode, breakpoint: Breakpoint): Y => {\n    if (isObject<ResponsiveObject<Y, false>>(value)) {\n      return getBreakpointValue(value)(system, breakpoint)\n    } else if (isArray<ColorModeArray<Y, false>>(value)) {\n      const [light, dark] = value\n\n      return getColorModeValue(light, dark)(colorMode)\n    } else {\n      return value\n    }\n  }\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,MAAa,YACX,UACM;CACN,MAAM,SAASA,wBAAAA,UAAU;CACzB,MAAM,aAAaC,uBAAAA,cAAc;CACjC,MAAM,EAAE,cAAcC,4BAAAA,aAAa;CAEnC,QAAA,GAAA,MAAA,QAAA,OAAqB;EACnB,OAAO,SAAS,KAAK,CAAC,CAAC,QAAQ,WAAW,UAAU;CACtD,GAAG;EAAC;EAAO;EAAQ;EAAW;CAAU,CAAC;AAC3C;AAEA,MAAa,YACP,WACH,QAAgB,WAAsB,eAA8B;CACnE,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAyC,KAAK,GAC5C,OAAOC,6BAAAA,mBAAmB,KAAK,CAAC,CAAC,QAAQ,UAAU;MAC9C,KAAA,GAAA,oBAAA,cAAA,QAAA,CAAsC,KAAK,GAAG;EACnD,MAAM,CAAC,OAAO,QAAQ;EAEtB,OAAOC,6BAAAA,kBAAkB,OAAO,IAAI,CAAC,CAAC,SAAS;CACjD,OACE,OAAO;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef"],"sources":["../../../../src/hooks/use-window-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { useCallbackRef } from \"../../utils\"\n\ntype Handler<E extends string> = E extends keyof WindowEventMap\n  ? (ev: WindowEventMap[E]) => void\n  : (ev: CustomEvent) => void\ntype Options = AddEventListenerOptions | boolean\n\n/**\n * `useWindowEvent` is a custom hook that assigns an event listener to `window`.\n *\n * @see https://yamada-ui.com/docs/hooks/use-window-event\n */\nexport const useWindowEvent = <E extends string>(\n  ev: E,\n  handler: Handler<E>,\n  options?: Options,\n) => {\n  const { getWindow } = useEnvironment()\n  const listener = useCallbackRef(\n    handler,\n  ) as unknown as EventListenerOrEventListenerObject\n\n  useEffect(() => {\n    getWindow()?.addEventListener(ev, listener, options)\n\n    return () => {\n      getWindow()?.removeEventListener(ev, listener, options)\n    }\n  }, [ev, listener, options, getWindow])\n}\n"],"mappings":";;;;;;;;;;;AAgBA,MAAa,kBACX,IACA,SACA,YACG;CACH,MAAM,EAAE,cAAcA,6BAAAA,eAAe;CACrC,MAAM,WAAWC,YAAAA,eACf,OACF;CAEA,CAAA,GAAA,MAAA,iBAAgB;EACd,UAAU,GAAG,iBAAiB,IAAI,UAAU,OAAO;EAEnD,aAAa;GACX,UAAU,GAAG,oBAAoB,IAAI,UAAU,OAAO;EACxD;CACF,GAAG;EAAC;EAAI;EAAU;EAAS;CAAS,CAAC;AACvC"}
+{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef"],"sources":["../../../../src/hooks/use-window-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { useCallbackRef } from \"../../utils\"\n\ntype Handler<E extends string> = E extends keyof WindowEventMap\n  ? (ev: WindowEventMap[E]) => void\n  : (ev: CustomEvent) => void\ntype Options = AddEventListenerOptions | boolean\n\n/**\n * `useWindowEvent` is a custom hook that assigns an event listener to `window`.\n *\n * @see https://yamada-ui.com/docs/hooks/use-window-event\n */\nexport const useWindowEvent = <E extends string>(\n  ev: E,\n  handler: Handler<E>,\n  options?: Options,\n) => {\n  const { getWindow } = useEnvironment()\n  const listener = useCallbackRef(\n    handler,\n  ) as unknown as EventListenerOrEventListenerObject\n\n  useEffect(() => {\n    getWindow()?.addEventListener(ev, listener, options)\n\n    return () => {\n      getWindow()?.removeEventListener(ev, listener, options)\n    }\n  }, [ev, listener, options, getWindow])\n}\n"],"mappings":";;;;;;;;;;;AAgBA,MAAa,kBACX,IACA,SACA,YACG;CACH,MAAM,EAAE,cAAcA,6BAAAA,eAAe;CACrC,MAAM,WAAWC,YAAAA,eACf,OACF;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,UAAU,CAAC,EAAE,iBAAiB,IAAI,UAAU,OAAO;EAEnD,aAAa;GACX,UAAU,CAAC,EAAE,oBAAoB,IAAI,UAAU,OAAO;EACxD;CACF,GAAG;EAAC;EAAI;EAAU;EAAS;CAAS,CAAC;AACvC"}

package/dist/cjs/index.cjs

@@ -791,6 +791,7 @@ const require_git_pull_request_draft_icon = require("./components/icon/icons/git
 const require_git_pull_request_icon = require("./components/icon/icons/git-pull-request-icon.cjs");
 const require_glass_water_icon = require("./components/icon/icons/glass-water-icon.cjs");
 const require_glasses_icon = require("./components/icon/icons/glasses-icon.cjs");
+const require_globe_check_icon = require("./components/icon/icons/globe-check-icon.cjs");
 const require_globe_icon = require("./components/icon/icons/globe-icon.cjs");
 const require_globe_lock_icon = require("./components/icon/icons/globe-lock-icon.cjs");
 const require_globe_off_icon = require("./components/icon/icons/globe-off-icon.cjs");
@@ -1168,6 +1169,7 @@ const require_panels_left_bottom_icon = require("./components/icon/icons/panels-
 const require_panels_right_bottom_icon = require("./components/icon/icons/panels-right-bottom-icon.cjs");
 const require_panels_top_left_icon = require("./components/icon/icons/panels-top-left-icon.cjs");
 const require_paperclip_icon = require("./components/icon/icons/paperclip-icon.cjs");
+const require_parasol_icon = require("./components/icon/icons/parasol-icon.cjs");
 const require_parentheses_icon = require("./components/icon/icons/parentheses-icon.cjs");
 const require_parking_meter_icon = require("./components/icon/icons/parking-meter-icon.cjs");
 const require_party_popper_icon = require("./components/icon/icons/party-popper-icon.cjs");
@@ -3239,6 +3241,7 @@ var src_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	GlassWaterIcon: () => require_glass_water_icon.GlassWaterIcon,
 	GlassesIcon: () => require_glasses_icon.GlassesIcon,
 	GlobalStyles: () => require_theme_provider.GlobalStyles,
+	GlobeCheckIcon: () => require_globe_check_icon.GlobeCheckIcon,
 	GlobeIcon: () => require_globe_icon.GlobeIcon,
 	GlobeLockIcon: () => require_globe_lock_icon.GlobeLockIcon,
 	GlobeOffIcon: () => require_globe_off_icon.GlobeOffIcon,
@@ -3752,6 +3755,7 @@ var src_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	PanelsRightBottomIcon: () => require_panels_right_bottom_icon.PanelsRightBottomIcon,
 	PanelsTopLeftIcon: () => require_panels_top_left_icon.PanelsTopLeftIcon,
 	PaperclipIcon: () => require_paperclip_icon.PaperclipIcon,
+	ParasolIcon: () => require_parasol_icon.ParasolIcon,
 	ParenthesesIcon: () => require_parentheses_icon.ParenthesesIcon,
 	ParkingMeterIcon: () => require_parking_meter_icon.ParkingMeterIcon,
 	PartyPopperIcon: () => require_party_popper_icon.PartyPopperIcon,
@@ -6436,6 +6440,7 @@ exports.GitPullRequestIcon = require_git_pull_request_icon.GitPullRequestIcon;
 exports.GlassWaterIcon = require_glass_water_icon.GlassWaterIcon;
 exports.GlassesIcon = require_glasses_icon.GlassesIcon;
 exports.GlobalStyles = require_theme_provider.GlobalStyles;
+exports.GlobeCheckIcon = require_globe_check_icon.GlobeCheckIcon;
 exports.GlobeIcon = require_globe_icon.GlobeIcon;
 exports.GlobeLockIcon = require_globe_lock_icon.GlobeLockIcon;
 exports.GlobeOffIcon = require_globe_off_icon.GlobeOffIcon;
@@ -7014,6 +7019,7 @@ exports.PanelsLeftBottomIcon = require_panels_left_bottom_icon.PanelsLeftBottomI
 exports.PanelsRightBottomIcon = require_panels_right_bottom_icon.PanelsRightBottomIcon;
 exports.PanelsTopLeftIcon = require_panels_top_left_icon.PanelsTopLeftIcon;
 exports.PaperclipIcon = require_paperclip_icon.PaperclipIcon;
+exports.ParasolIcon = require_parasol_icon.ParasolIcon;
 exports.ParenthesesIcon = require_parentheses_icon.ParenthesesIcon;
 exports.ParkingMeterIcon = require_parking_meter_icon.ParkingMeterIcon;
 exports.PartyPopperIcon = require_party_popper_icon.PartyPopperIcon;

package/dist/cjs/providers/i18n-provider/i18n-cache.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-cache.cjs","names":[],"sources":["../../../../src/providers/i18n-provider/i18n-cache.ts"],"sourcesContent":["interface FormatOptions<Y> {\n  options: Y extends Intl.NumberFormat\n    ? Intl.NumberFormatOptions\n    : Y extends Intl.DateTimeFormat\n      ? Intl.DateTimeFormatOptions\n      : Y extends Intl.RelativeTimeFormat\n        ? Intl.RelativeTimeFormatOptions\n        : Y extends Intl.ListFormat\n          ? Intl.ListFormatOptions\n          : Y extends Intl.PluralRules\n            ? Intl.PluralRulesOptions\n            : Y extends Intl.Collator\n              ? Intl.CollatorOptions\n              : never\n}\n\nexport const i18nCache = <Y extends abstract new (...args: any) => any>(\n  Instance: Y,\n) => {\n  const formatterCache = new Map<string, Y>()\n\n  return function create(\n    locale: string,\n    options?: FormatOptions<InstanceType<Y>>[\"options\"],\n  ): InstanceType<Y> {\n    const key =\n      locale +\n      (options\n        ? Object.entries(options)\n            .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n            .join()\n        : \"\")\n\n    if (formatterCache.has(key))\n      return formatterCache.get(key) as InstanceType<Y>\n\n    // @ts-expect-error\n    const formatter = new Instance(locale, options)\n\n    formatterCache.set(key, formatter)\n\n    return formatter as any\n  }\n}\n"],"mappings":";AAgBA,MAAa,aACX,aACG;CACH,MAAM,iCAAiB,IAAI,IAAe;CAE1C,OAAO,SAAS,OACd,QACA,SACiB;EACjB,MAAM,MACJ,UACC,UACG,OAAO,QAAQ,OAAO,EACnB,MAAM,GAAG,MAAO,EAAE,KAAK,EAAE,KAAK,KAAK,CAAE,EACrC,KAAK,IACR;EAEN,IAAI,eAAe,IAAI,GAAG,GACxB,OAAO,eAAe,IAAI,GAAG;EAG/B,MAAM,YAAY,IAAI,SAAS,QAAQ,OAAO;EAE9C,eAAe,IAAI,KAAK,SAAS;EAEjC,OAAO;CACT;AACF"}
+{"version":3,"file":"i18n-cache.cjs","names":[],"sources":["../../../../src/providers/i18n-provider/i18n-cache.ts"],"sourcesContent":["interface FormatOptions<Y> {\n  options: Y extends Intl.NumberFormat\n    ? Intl.NumberFormatOptions\n    : Y extends Intl.DateTimeFormat\n      ? Intl.DateTimeFormatOptions\n      : Y extends Intl.RelativeTimeFormat\n        ? Intl.RelativeTimeFormatOptions\n        : Y extends Intl.ListFormat\n          ? Intl.ListFormatOptions\n          : Y extends Intl.PluralRules\n            ? Intl.PluralRulesOptions\n            : Y extends Intl.Collator\n              ? Intl.CollatorOptions\n              : never\n}\n\nexport const i18nCache = <Y extends abstract new (...args: any) => any>(\n  Instance: Y,\n) => {\n  const formatterCache = new Map<string, Y>()\n\n  return function create(\n    locale: string,\n    options?: FormatOptions<InstanceType<Y>>[\"options\"],\n  ): InstanceType<Y> {\n    const key =\n      locale +\n      (options\n        ? Object.entries(options)\n            .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n            .join()\n        : \"\")\n\n    if (formatterCache.has(key))\n      return formatterCache.get(key) as InstanceType<Y>\n\n    // @ts-expect-error\n    const formatter = new Instance(locale, options)\n\n    formatterCache.set(key, formatter)\n\n    return formatter as any\n  }\n}\n"],"mappings":";AAgBA,MAAa,aACX,aACG;CACH,MAAM,iCAAiB,IAAI,IAAe;CAE1C,OAAO,SAAS,OACd,QACA,SACiB;EACjB,MAAM,MACJ,UACC,UACG,OAAO,QAAQ,OAAO,CAAC,CACpB,MAAM,GAAG,MAAO,EAAE,KAAK,EAAE,KAAK,KAAK,CAAE,CAAC,CACtC,KAAK,IACR;EAEN,IAAI,eAAe,IAAI,GAAG,GACxB,OAAO,eAAe,IAAI,GAAG;EAG/B,MAAM,YAAY,IAAI,SAAS,QAAQ,OAAO;EAE9C,eAAe,IAAI,KAAK,SAAS;EAEjC,OAAO;CACT;AACF"}

package/dist/cjs/providers/i18n-provider/i18n-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-provider.cjs","names":["DEFAULT_LOCALE","INTL","IntlMessageFormat"],"sources":["../../../../src/providers/i18n-provider/i18n-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Formats, Options } from \"intl-messageformat\"\nimport type { FC, ReactNode } from \"react\"\nimport type { TextDirection } from \"../../core\"\nimport type { AnyString, Dict, Path, Value } from \"../../utils\"\nimport type { IcuArgs } from \"./icu.types\"\nimport type { DefaultIntlData } from \"./intl\"\nimport IntlMessageFormat from \"intl-messageformat\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { DEFAULT_DIRECTION, DEFAULT_LOCALE } from \"../../core\"\nimport {\n  createdDom,\n  getMemoizedObject as get,\n  isEmptyObject,\n  isRtl,\n  isString,\n  isUndefined,\n  noop,\n  useUpdateEffect,\n} from \"../../utils\"\nimport INTL from \"./intl\"\n\nexport interface Language {\n  dir: TextDirection\n  locale: string\n}\n\nconst DEFAULT_LANGUAGE: Language = {\n  dir: DEFAULT_DIRECTION,\n  locale: DEFAULT_LOCALE,\n}\n\nexport const LOCALES = Object.keys(INTL) as readonly Locale[]\n\nexport function getLanguage(locale?: string, dir?: TextDirection): Language {\n  locale ??= createdDom() ? navigator.language : DEFAULT_LOCALE\n\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale])\n  } catch (_err) {\n    locale = DEFAULT_LOCALE\n  }\n\n  dir ??= isRtl(locale) ? \"rtl\" : \"ltr\"\n\n  return { dir, locale }\n}\n\ntype IntlData = DefaultIntlData\ntype IntlKey = keyof IntlData\ntype IntlPath = Path<IntlData>\n\nexport type Locale = keyof typeof INTL\n\ntype Translation<Y extends object = IntlData, M extends string = IntlPath> = <\n  D extends M,\n>(\n  path: D,\n  ...args: IcuArgs<Value<Y, D>> extends never\n    ? [replaceValues?: IcuArgs<Value<Y, D>, IntlPath | M>]\n    : [replaceValues: IcuArgs<Value<Y, D>, IntlPath | M>]\n) => string\n\ninterface I18nContext<\n  Y extends object = IntlData,\n  M extends string = IntlPath,\n> extends Language {\n  t: Translation<Y, M>\n  changeLanguage: (locale?: string, dir?: TextDirection) => void\n  getTranslation: (key?: IntlKey) => Translation<Y, M>\n}\n\nexport const I18nContext = createContext<I18nContext>({\n  ...DEFAULT_LANGUAGE,\n  changeLanguage: noop,\n  getTranslation: () => () => \"\",\n  t: () => \"\",\n})\n\nexport interface I18nProviderProps {\n  children?: ReactNode\n  /**\n   * The text direction to apply to the application.\n   *\n   * If not provided, the direction will be determined by the locale.\n   */\n  dir?: TextDirection\n  /**\n   * The formats to pass to the `intlMessageFormat` instance.\n   */\n  formats?: Formats\n  /**\n   * The internationalization messages to apply to the application.\n   *\n   * This prop expects a dictionary object where the keys are locale strings (e.g., \"en-US\").\n   */\n  intl?: Dict\n  /**\n   * The options to pass to the `intlMessageFormat` instance.\n   */\n  intlMessageFormatOptions?: Options\n  /**\n   * The locale to apply to the application.\n   *\n   * If not provided, the locale will be determined by the browser.\n   */\n  locale?: AnyString | Locale\n}\n\nexport const I18nProvider: FC<I18nProviderProps> = ({\n  children,\n  dir: forcedDir,\n  formats,\n  intl = INTL as Dict,\n  intlMessageFormatOptions,\n  locale: forcedLocale,\n}) => {\n  const [language, setLanguage] = useState(getLanguage(forcedLocale, forcedDir))\n  const controlled = !isUndefined(forcedLocale)\n  const { locale } = language\n\n  const messages = useMemo(() => intl[locale], [intl, locale])\n\n  const changeSystemLanguage = useCallback(() => {\n    setLanguage(getLanguage())\n  }, [])\n\n  const changeLanguage = useCallback((locale?: string, dir?: TextDirection) => {\n    setLanguage(getLanguage(locale, dir))\n  }, [])\n\n  const getValue = useCallback(\n    (path: number | string) => {\n      const value = get<string | undefined>(messages, path)\n\n      if (!isUndefined(value)) {\n        return value\n      } else {\n        path = path.toString().replace(/^[^.]+\\./g, \"\")\n\n        return get<string | undefined>(messages, path)\n      }\n    },\n    [messages],\n  )\n\n  const getTranslation = useCallback(\n    (key?: IntlKey) =>\n      <Y extends IntlPath>(\n        path: Y,\n        replaceValues?: IcuArgs<Value<IntlData, Y>, IntlPath>,\n      ) => {\n        const value = getValue(key ? `${key}.${path}` : path) ?? path\n\n        if (isUndefined(replaceValues)) return value\n\n        try {\n          const resolvedReplaceValues = Object.entries(replaceValues).reduce<{\n            [key: string]: any\n          }>((prev, [key, pathOrValue]) => {\n            if (isString(pathOrValue)) {\n              const resolvedPathOrValue = String(pathOrValue)\n              const value =\n                getValue(\n                  key ? `${key}.${resolvedPathOrValue}` : resolvedPathOrValue,\n                ) ?? resolvedPathOrValue\n\n              prev[key] = value\n            } else {\n              prev[key] = pathOrValue\n            }\n\n            return prev\n          }, {})\n\n          const message = new IntlMessageFormat(\n            value,\n            locale,\n            formats,\n            intlMessageFormatOptions,\n          )\n\n          return message.format(resolvedReplaceValues) as string\n        } catch (e) {\n          if (e instanceof Error) console.warn(e.message)\n\n          return value\n        }\n      },\n    [getValue, locale, formats, intlMessageFormatOptions],\n  )\n\n  const value = useMemo(() => {\n    const rest = { changeLanguage, getTranslation, t: getTranslation() }\n\n    return { ...language, ...rest }\n  }, [changeLanguage, getTranslation, language])\n\n  useEffect(() => {\n    if (controlled) return\n\n    window.addEventListener(\"languagechange\", changeSystemLanguage)\n\n    return () => {\n      window.removeEventListener(\"languagechange\", changeSystemLanguage)\n    }\n  }, [controlled, changeSystemLanguage])\n\n  useUpdateEffect(() => {\n    setLanguage(getLanguage(forcedLocale, forcedDir))\n  }, [forcedLocale, forcedDir])\n\n  return <I18nContext value={value}>{children}</I18nContext>\n}\n\nexport function useI18n(): I18nContext\n\nexport function useI18n<Y extends IntlKey>(\n  key: Y,\n): I18nContext<IntlData[Y], Path<IntlData[Y]>>\n\nexport function useI18n<Y extends IntlKey>(key?: Y) {\n  const context = useContext(I18nContext)\n\n  const translation = useCallback(\n    <M extends Path<IntlData[Y]>>(\n      path: M,\n      replaceValues?: IcuArgs<\n        Value<IntlData[Y], M>,\n        IntlPath | Path<IntlData[Y]>\n      >,\n    ) => context.getTranslation(key)(path as any, replaceValues as any),\n    [key, context],\n  )\n\n  if (isEmptyObject(context))\n    return {\n      ...DEFAULT_LANGUAGE,\n      changeLanguage: noop,\n      t: () => \"\",\n    }\n\n  if (key) {\n    return { ...context, t: translation }\n  } else {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;;AAmCA,MAAM,mBAA6B;CACjC,KAAA;CACA,QAAQA,iBAAAA;AACV;AAEA,MAAa,UAAU,OAAO,KAAKC,0CAAI;AAEvC,SAAgB,YAAY,QAAiB,KAA+B;CAC1E,YAAA,GAAA,oBAAA,cAAA,YAAsB,IAAI,UAAU,WAAWD,iBAAAA;CAE/C,IAAI;EACF,KAAK,eAAe,mBAAmB,CAAC,MAAM,CAAC;CACjD,SAAS,MAAM;EACb,SAASA,iBAAAA;CACX;CAEA,SAAA,GAAA,oBAAA,cAAA,OAAc,MAAM,IAAI,QAAQ;CAEhC,OAAO;EAAE;EAAK;CAAO;AACvB;AA0BA,MAAa,eAAA,GAAA,MAAA,eAAyC;CACpD,GAAG;CACH,gBAAA,oBAAA,cAAgB;CAChB,4BAA4B;CAC5B,SAAS;AACX,CAAC;AAgCD,MAAa,gBAAuC,EAClD,UACA,KAAK,WACL,SACA,OAAOC,4CACP,0BACA,QAAQ,mBACJ;CACJ,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,YAAY,cAAc,SAAS,CAAC;CAC7E,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,aAAa,YAAY;CAC5C,MAAM,EAAE,WAAW;CAEnB,MAAM,YAAA,GAAA,MAAA,eAAyB,KAAK,SAAS,CAAC,MAAM,MAAM,CAAC;CAE3D,MAAM,wBAAA,GAAA,MAAA,mBAAyC;EAC7C,YAAY,YAAY,CAAC;CAC3B,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAA,GAAA,MAAA,cAA8B,QAAiB,QAAwB;EAC3E,YAAY,YAAY,QAAQ,GAAG,CAAC;CACtC,GAAG,CAAC,CAAC;CAEL,MAAM,YAAA,GAAA,MAAA,cACH,SAA0B;EACzB,MAAM,SAAA,GAAA,oBAAA,cAAA,mBAAgC,UAAU,IAAI;EAEpD,IAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,KAAK,GACpB,OAAO;OACF;GACL,OAAO,KAAK,SAAS,EAAE,QAAQ,aAAa,EAAE;GAE9C,QAAA,GAAA,oBAAA,cAAA,mBAA+B,UAAU,IAAI;EAC/C;CACF,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,kBAAA,GAAA,MAAA,cACH,SAEG,MACA,kBACG;EACH,MAAM,QAAQ,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,IAAI,KAAK;EAEzD,KAAA,GAAA,oBAAA,cAAA,aAAgB,aAAa,GAAG,OAAO;EAEvC,IAAI;GACF,MAAM,wBAAwB,OAAO,QAAQ,aAAa,EAAE,QAExD,MAAM,CAAC,KAAK,iBAAiB;IAC/B,KAAA,GAAA,oBAAA,cAAA,UAAa,WAAW,GAAG;KACzB,MAAM,sBAAsB,OAAO,WAAW;KAM9C,KAAK,OAJH,SACE,MAAM,GAAG,IAAI,GAAG,wBAAwB,mBAC1C,KAAK;IAGT,OACE,KAAK,OAAO;IAGd,OAAO;GACT,GAAG,CAAC,CAAC;GASL,OAAO,IAPaC,mBAAAA,QAClB,OACA,QACA,SACA,wBAGW,EAAE,OAAO,qBAAqB;EAC7C,SAAS,GAAG;GACV,IAAI,aAAa,OAAO,QAAQ,KAAK,EAAE,OAAO;GAE9C,OAAO;EACT;CACF,GACF;EAAC;EAAU;EAAQ;EAAS;CAAwB,CACtD;CAEA,MAAM,SAAA,GAAA,MAAA,eAAsB;EAC1B,MAAM,OAAO;GAAE;GAAgB;GAAgB,GAAG,eAAe;EAAE;EAEnE,OAAO;GAAE,GAAG;GAAU,GAAG;EAAK;CAChC,GAAG;EAAC;EAAgB;EAAgB;CAAQ,CAAC;CAE7C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,YAAY;EAEhB,OAAO,iBAAiB,kBAAkB,oBAAoB;EAE9D,aAAa;GACX,OAAO,oBAAoB,kBAAkB,oBAAoB;EACnE;CACF,GAAG,CAAC,YAAY,oBAAoB,CAAC;CAErC,eAAA,sBAAsB;EACpB,YAAY,YAAY,cAAc,SAAS,CAAC;CAClD,GAAG,CAAC,cAAc,SAAS,CAAC;CAE5B,OAAO,iBAAA,GAAA,kBAAA,KAAC,aAAD;EAAoB;EAAQ;CAAsB,CAAA;AAC3D;AAQA,SAAgB,QAA2B,KAAS;CAClD,MAAM,WAAA,GAAA,MAAA,YAAqB,WAAW;CAEtC,MAAM,eAAA,GAAA,MAAA,cAEF,MACA,kBAIG,QAAQ,eAAe,GAAG,EAAE,MAAa,aAAoB,GAClE,CAAC,KAAK,OAAO,CACf;CAEA,KAAA,GAAA,oBAAA,cAAA,eAAkB,OAAO,GACvB,OAAO;EACL,GAAG;EACH,gBAAA,oBAAA,cAAgB;EAChB,SAAS;CACX;CAEF,IAAI,KACF,OAAO;EAAE,GAAG;EAAS,GAAG;CAAY;MAEpC,OAAO;AAEX"}
+{"version":3,"file":"i18n-provider.cjs","names":["DEFAULT_LOCALE","INTL","IntlMessageFormat"],"sources":["../../../../src/providers/i18n-provider/i18n-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Formats, Options } from \"intl-messageformat\"\nimport type { FC, ReactNode } from \"react\"\nimport type { TextDirection } from \"../../core\"\nimport type { AnyString, Dict, Path, Value } from \"../../utils\"\nimport type { IcuArgs } from \"./icu.types\"\nimport type { DefaultIntlData } from \"./intl\"\nimport IntlMessageFormat from \"intl-messageformat\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { DEFAULT_DIRECTION, DEFAULT_LOCALE } from \"../../core\"\nimport {\n  createdDom,\n  getMemoizedObject as get,\n  isEmptyObject,\n  isRtl,\n  isString,\n  isUndefined,\n  noop,\n  useUpdateEffect,\n} from \"../../utils\"\nimport INTL from \"./intl\"\n\nexport interface Language {\n  dir: TextDirection\n  locale: string\n}\n\nconst DEFAULT_LANGUAGE: Language = {\n  dir: DEFAULT_DIRECTION,\n  locale: DEFAULT_LOCALE,\n}\n\nexport const LOCALES = Object.keys(INTL) as readonly Locale[]\n\nexport function getLanguage(locale?: string, dir?: TextDirection): Language {\n  locale ??= createdDom() ? navigator.language : DEFAULT_LOCALE\n\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale])\n  } catch (_err) {\n    locale = DEFAULT_LOCALE\n  }\n\n  dir ??= isRtl(locale) ? \"rtl\" : \"ltr\"\n\n  return { dir, locale }\n}\n\ntype IntlData = DefaultIntlData\ntype IntlKey = keyof IntlData\ntype IntlPath = Path<IntlData>\n\nexport type Locale = keyof typeof INTL\n\ntype Translation<Y extends object = IntlData, M extends string = IntlPath> = <\n  D extends M,\n>(\n  path: D,\n  ...args: IcuArgs<Value<Y, D>> extends never\n    ? [replaceValues?: IcuArgs<Value<Y, D>, IntlPath | M>]\n    : [replaceValues: IcuArgs<Value<Y, D>, IntlPath | M>]\n) => string\n\ninterface I18nContext<\n  Y extends object = IntlData,\n  M extends string = IntlPath,\n> extends Language {\n  t: Translation<Y, M>\n  changeLanguage: (locale?: string, dir?: TextDirection) => void\n  getTranslation: (key?: IntlKey) => Translation<Y, M>\n}\n\nexport const I18nContext = createContext<I18nContext>({\n  ...DEFAULT_LANGUAGE,\n  changeLanguage: noop,\n  getTranslation: () => () => \"\",\n  t: () => \"\",\n})\n\nexport interface I18nProviderProps {\n  children?: ReactNode\n  /**\n   * The text direction to apply to the application.\n   *\n   * If not provided, the direction will be determined by the locale.\n   */\n  dir?: TextDirection\n  /**\n   * The formats to pass to the `intlMessageFormat` instance.\n   */\n  formats?: Formats\n  /**\n   * The internationalization messages to apply to the application.\n   *\n   * This prop expects a dictionary object where the keys are locale strings (e.g., \"en-US\").\n   */\n  intl?: Dict\n  /**\n   * The options to pass to the `intlMessageFormat` instance.\n   */\n  intlMessageFormatOptions?: Options\n  /**\n   * The locale to apply to the application.\n   *\n   * If not provided, the locale will be determined by the browser.\n   */\n  locale?: AnyString | Locale\n}\n\nexport const I18nProvider: FC<I18nProviderProps> = ({\n  children,\n  dir: forcedDir,\n  formats,\n  intl = INTL as Dict,\n  intlMessageFormatOptions,\n  locale: forcedLocale,\n}) => {\n  const [language, setLanguage] = useState(getLanguage(forcedLocale, forcedDir))\n  const controlled = !isUndefined(forcedLocale)\n  const { locale } = language\n\n  const messages = useMemo(() => intl[locale], [intl, locale])\n\n  const changeSystemLanguage = useCallback(() => {\n    setLanguage(getLanguage())\n  }, [])\n\n  const changeLanguage = useCallback((locale?: string, dir?: TextDirection) => {\n    setLanguage(getLanguage(locale, dir))\n  }, [])\n\n  const getValue = useCallback(\n    (path: number | string) => {\n      const value = get<string | undefined>(messages, path)\n\n      if (!isUndefined(value)) {\n        return value\n      } else {\n        path = path.toString().replace(/^[^.]+\\./g, \"\")\n\n        return get<string | undefined>(messages, path)\n      }\n    },\n    [messages],\n  )\n\n  const getTranslation = useCallback(\n    (key?: IntlKey) =>\n      <Y extends IntlPath>(\n        path: Y,\n        replaceValues?: IcuArgs<Value<IntlData, Y>, IntlPath>,\n      ) => {\n        const value = getValue(key ? `${key}.${path}` : path) ?? path\n\n        if (isUndefined(replaceValues)) return value\n\n        try {\n          const resolvedReplaceValues = Object.entries(replaceValues).reduce<{\n            [key: string]: any\n          }>((prev, [key, pathOrValue]) => {\n            if (isString(pathOrValue)) {\n              const resolvedPathOrValue = String(pathOrValue)\n              const value =\n                getValue(\n                  key ? `${key}.${resolvedPathOrValue}` : resolvedPathOrValue,\n                ) ?? resolvedPathOrValue\n\n              prev[key] = value\n            } else {\n              prev[key] = pathOrValue\n            }\n\n            return prev\n          }, {})\n\n          const message = new IntlMessageFormat(\n            value,\n            locale,\n            formats,\n            intlMessageFormatOptions,\n          )\n\n          return message.format(resolvedReplaceValues) as string\n        } catch (e) {\n          if (e instanceof Error) console.warn(e.message)\n\n          return value\n        }\n      },\n    [getValue, locale, formats, intlMessageFormatOptions],\n  )\n\n  const value = useMemo(() => {\n    const rest = { changeLanguage, getTranslation, t: getTranslation() }\n\n    return { ...language, ...rest }\n  }, [changeLanguage, getTranslation, language])\n\n  useEffect(() => {\n    if (controlled) return\n\n    window.addEventListener(\"languagechange\", changeSystemLanguage)\n\n    return () => {\n      window.removeEventListener(\"languagechange\", changeSystemLanguage)\n    }\n  }, [controlled, changeSystemLanguage])\n\n  useUpdateEffect(() => {\n    setLanguage(getLanguage(forcedLocale, forcedDir))\n  }, [forcedLocale, forcedDir])\n\n  return <I18nContext value={value}>{children}</I18nContext>\n}\n\nexport function useI18n(): I18nContext\n\nexport function useI18n<Y extends IntlKey>(\n  key: Y,\n): I18nContext<IntlData[Y], Path<IntlData[Y]>>\n\nexport function useI18n<Y extends IntlKey>(key?: Y) {\n  const context = useContext(I18nContext)\n\n  const translation = useCallback(\n    <M extends Path<IntlData[Y]>>(\n      path: M,\n      replaceValues?: IcuArgs<\n        Value<IntlData[Y], M>,\n        IntlPath | Path<IntlData[Y]>\n      >,\n    ) => context.getTranslation(key)(path as any, replaceValues as any),\n    [key, context],\n  )\n\n  if (isEmptyObject(context))\n    return {\n      ...DEFAULT_LANGUAGE,\n      changeLanguage: noop,\n      t: () => \"\",\n    }\n\n  if (key) {\n    return { ...context, t: translation }\n  } else {\n    return context\n  }\n}\n"],"mappings":";;;;;;;;;;;AAmCA,MAAM,mBAA6B;CACjC,KAAA;CACA,QAAQA,iBAAAA;AACV;AAEA,MAAa,UAAU,OAAO,KAAKC,0CAAI;AAEvC,SAAgB,YAAY,QAAiB,KAA+B;CAC1E,YAAA,GAAA,oBAAA,cAAA,WAAA,CAAsB,IAAI,UAAU,WAAWD,iBAAAA;CAE/C,IAAI;EACF,KAAK,eAAe,mBAAmB,CAAC,MAAM,CAAC;CACjD,SAAS,MAAM;EACb,SAASA,iBAAAA;CACX;CAEA,SAAA,GAAA,oBAAA,cAAA,MAAA,CAAc,MAAM,IAAI,QAAQ;CAEhC,OAAO;EAAE;EAAK;CAAO;AACvB;AA0BA,MAAa,eAAA,GAAA,MAAA,cAAA,CAAyC;CACpD,GAAG;CACH,gBAAA,oBAAA,cAAgB;CAChB,4BAA4B;CAC5B,SAAS;AACX,CAAC;AAgCD,MAAa,gBAAuC,EAClD,UACA,KAAK,WACL,SACA,OAAOC,4CACP,0BACA,QAAQ,mBACJ;CACJ,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,SAAA,CAAwB,YAAY,cAAc,SAAS,CAAC;CAC7E,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,YAAY;CAC5C,MAAM,EAAE,WAAW;CAEnB,MAAM,YAAA,GAAA,MAAA,QAAA,OAAyB,KAAK,SAAS,CAAC,MAAM,MAAM,CAAC;CAE3D,MAAM,wBAAA,GAAA,MAAA,YAAA,OAAyC;EAC7C,YAAY,YAAY,CAAC;CAC3B,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAA,GAAA,MAAA,YAAA,EAA8B,QAAiB,QAAwB;EAC3E,YAAY,YAAY,QAAQ,GAAG,CAAC;CACtC,GAAG,CAAC,CAAC;CAEL,MAAM,YAAA,GAAA,MAAA,YAAA,EACH,SAA0B;EACzB,MAAM,SAAA,GAAA,oBAAA,cAAA,kBAAA,CAAgC,UAAU,IAAI;EAEpD,IAAI,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,KAAK,GACpB,OAAO;OACF;GACL,OAAO,KAAK,SAAS,CAAC,CAAC,QAAQ,aAAa,EAAE;GAE9C,QAAA,GAAA,oBAAA,cAAA,kBAAA,CAA+B,UAAU,IAAI;EAC/C;CACF,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,kBAAA,GAAA,MAAA,YAAA,EACH,SAEG,MACA,kBACG;EACH,MAAM,QAAQ,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,IAAI,KAAK;EAEzD,KAAA,GAAA,oBAAA,cAAA,YAAA,CAAgB,aAAa,GAAG,OAAO;EAEvC,IAAI;GACF,MAAM,wBAAwB,OAAO,QAAQ,aAAa,CAAC,CAAC,QAExD,MAAM,CAAC,KAAK,iBAAiB;IAC/B,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,WAAW,GAAG;KACzB,MAAM,sBAAsB,OAAO,WAAW;KAM9C,KAAK,OAJH,SACE,MAAM,GAAG,IAAI,GAAG,wBAAwB,mBAC1C,KAAK;IAGT,OACE,KAAK,OAAO;IAGd,OAAO;GACT,GAAG,CAAC,CAAC;GASL,OAAO,IAPaC,mBAAAA,QAClB,OACA,QACA,SACA,wBAGW,CAAC,CAAC,OAAO,qBAAqB;EAC7C,SAAS,GAAG;GACV,IAAI,aAAa,OAAO,QAAQ,KAAK,EAAE,OAAO;GAE9C,OAAO;EACT;CACF,GACF;EAAC;EAAU;EAAQ;EAAS;CAAwB,CACtD;CAEA,MAAM,SAAA,GAAA,MAAA,QAAA,OAAsB;EAC1B,MAAM,OAAO;GAAE;GAAgB;GAAgB,GAAG,eAAe;EAAE;EAEnE,OAAO;GAAE,GAAG;GAAU,GAAG;EAAK;CAChC,GAAG;EAAC;EAAgB;EAAgB;CAAQ,CAAC;CAE7C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,YAAY;EAEhB,OAAO,iBAAiB,kBAAkB,oBAAoB;EAE9D,aAAa;GACX,OAAO,oBAAoB,kBAAkB,oBAAoB;EACnE;CACF,GAAG,CAAC,YAAY,oBAAoB,CAAC;CAErC,eAAA,sBAAsB;EACpB,YAAY,YAAY,cAAc,SAAS,CAAC;CAClD,GAAG,CAAC,cAAc,SAAS,CAAC;CAE5B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;EAAoB;EAAQ;CAAsB,CAAA;AAC3D;AAQA,SAAgB,QAA2B,KAAS;CAClD,MAAM,WAAA,GAAA,MAAA,WAAA,CAAqB,WAAW;CAEtC,MAAM,eAAA,GAAA,MAAA,YAAA,EAEF,MACA,kBAIG,QAAQ,eAAe,GAAG,CAAC,CAAC,MAAa,aAAoB,GAClE,CAAC,KAAK,OAAO,CACf;CAEA,KAAA,GAAA,oBAAA,cAAA,cAAA,CAAkB,OAAO,GACvB,OAAO;EACL,GAAG;EACH,gBAAA,oBAAA,cAAgB;EAChB,SAAS;CACX;CAEF,IAAI,KACF,OAAO;EAAE,GAAG;EAAS,GAAG;CAAY;MAEpC,OAAO;AAEX"}

package/dist/cjs/providers/ui-provider/ui-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  intl,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider dir={dir} intl={intl} locale={locale}>\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,eAAAA,QACT,QACA,KACA,MACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,KAACC,6BAAAA,qBAAD;EAAqB,OAAO;YAC1B,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,cAAD;GAAmB;GAAW;GAAc;aAC1C,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;cACrC,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;eAEP,iBAAA,GAAA,kBAAA,KAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;gBAEZ,iBAAA,GAAA,kBAAA,KAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;iBAC1B,iBAAA,GAAA,kBAAA,KAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAA,OAAyCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAA,OAAaN,eAAAA,QAAeK,QAAM;AACpC"}
+{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  intl,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider dir={dir} intl={intl} locale={locale}>\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,eAAAA,QACT,QACA,KACA,MACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EAAqB,OAAO;YAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,cAAD;GAAmB;GAAW;GAAc;aAC1C,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;cACrC,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;eAEP,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;gBAEZ,iBAAA,GAAA,kBAAA,IAAA,CAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;iBAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAA,MAAA,CAAyCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAA,MAAA,CAAaN,eAAAA,QAAeK,QAAM;AACpC"}

package/dist/cjs/theme/config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config.cjs","names":["defineConfig"],"sources":["../../../src/theme/config.ts"],"sourcesContent":["import { defineConfig } from \"../core\"\n\n/**\n * The default config of Yamada UI.\n *\n * @see https://yamada-ui.com/docs/theming/configuration/overview\n */\nexport const config = defineConfig({\n  css: { varPrefix: \"ui\" },\n  breakpoint: { direction: \"down\", identifier: \"@media screen\" },\n  defaultColorMode: \"light\",\n  defaultThemeScheme: \"base\",\n  notice: { duration: 5000 },\n  theme: { responsive: true },\n})\n"],"mappings":";;;;;;AAOA,MAAa,4CAASA,EAAAA,aAAa;CACjC,KAAK,EAAE,WAAW,KAAK;CACvB,YAAY;EAAE,WAAW;EAAQ,YAAY;CAAgB;CAC7D,kBAAkB;CAClB,oBAAoB;CACpB,QAAQ,EAAE,UAAU,IAAK;CACzB,OAAO,EAAE,YAAY,KAAK;AAC5B,CAAC"}
+{"version":3,"file":"config.cjs","names":["defineConfig"],"sources":["../../../src/theme/config.ts"],"sourcesContent":["import { defineConfig } from \"../core\"\n\n/**\n * The default config of Yamada UI.\n *\n * @see https://yamada-ui.com/docs/theming/configuration/overview\n */\nexport const config = defineConfig({\n  css: { varPrefix: \"ui\" },\n  breakpoint: { direction: \"down\", identifier: \"@media screen\" },\n  defaultColorMode: \"light\",\n  defaultThemeScheme: \"base\",\n  notice: { duration: 5000 },\n  theme: { responsive: true },\n})\n"],"mappings":";;;;;;AAOA,MAAa,4CAASA,CAAAA,CAAAA,aAAa;CACjC,KAAK,EAAE,WAAW,KAAK;CACvB,YAAY;EAAE,WAAW;EAAQ,YAAY;CAAgB;CAC7D,kBAAkB;CAClB,oBAAoB;CACpB,QAAQ,EAAE,UAAU,IAAK;CACzB,OAAO,EAAE,YAAY,KAAK;AAC5B,CAAC"}

package/dist/cjs/theme/semantic-tokens/color-schemes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-schemes.cjs","names":["defineSemanticTokens"],"sources":["../../../../src/theme/semantic-tokens/color-schemes.ts"],"sourcesContent":["import { defineSemanticTokens } from \"../../core\"\n\nexport const colorSchemes = defineSemanticTokens.colorSchemes({\n  danger: \"red\",\n  error: \"red\",\n  info: \"blue\",\n  link: \"blue\",\n  mono: [\"black\", \"white\"],\n  primary: [\"black\", \"white\"],\n  secondary: \"gray\",\n  success: \"green\",\n  warning: \"orange\",\n})\n"],"mappings":";AAEA,MAAa,qDAAeA,EAAAA,qBAAqB,aAAa;CAC5D,QAAQ;CACR,OAAO;CACP,MAAM;CACN,MAAM;CACN,MAAM,CAAC,SAAS,OAAO;CACvB,SAAS,CAAC,SAAS,OAAO;CAC1B,WAAW;CACX,SAAS;CACT,SAAS;AACX,CAAC"}
+{"version":3,"file":"color-schemes.cjs","names":["defineSemanticTokens"],"sources":["../../../../src/theme/semantic-tokens/color-schemes.ts"],"sourcesContent":["import { defineSemanticTokens } from \"../../core\"\n\nexport const colorSchemes = defineSemanticTokens.colorSchemes({\n  danger: \"red\",\n  error: \"red\",\n  info: \"blue\",\n  link: \"blue\",\n  mono: [\"black\", \"white\"],\n  primary: [\"black\", \"white\"],\n  secondary: \"gray\",\n  success: \"green\",\n  warning: \"orange\",\n})\n"],"mappings":";AAEA,MAAa,qDAAeA,CAAAA,CAAAA,qBAAqB,aAAa;CAC5D,QAAQ;CACR,OAAO;CACP,MAAM;CACN,MAAM;CACN,MAAM,CAAC,SAAS,OAAO;CACvB,SAAS,CAAC,SAAS,OAAO;CAC1B,WAAW;CACX,SAAS;CACT,SAAS;AACX,CAAC"}