@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createContext"],"sources":["../../../../src/hooks/use-descendants/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefCallback } from \"react\"\nimport { useRef } from \"react\"\nimport {\n  createContext,\n  isNumber,\n  isTruthyDataAttr,\n  mergeRefs,\n  runIfFn,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nconst sortNodes = (nodes: Node[]) =>\n  nodes.sort((a, b) => {\n    const compare = a.compareDocumentPosition(b)\n\n    if (\n      compare & Node.DOCUMENT_POSITION_FOLLOWING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINED_BY\n    )\n      return -1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_PRECEDING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINS\n    )\n      return 1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_DISCONNECTED ||\n      compare & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC\n    ) {\n      console.warn(\"Cannot sort the given nodes.\")\n      return 0\n    } else {\n      return 0\n    }\n  })\n\nconst getNextIndex = (current: number, max: number, loop: boolean) => {\n  let next = current + 1\n\n  if (loop && next >= max) next = 0\n\n  return next\n}\n\nconst getPrevIndex = (current: number, max: number, loop: boolean) => {\n  let next = current - 1\n\n  if (loop && next < 0) next = max\n\n  return next\n}\n\nconst isMatch =\n  <Y extends HTMLElement = HTMLElement, M = {}>(props?: Partial<M>) =>\n  (descendant: Descendant<Y, M>) =>\n    Object.entries(props ?? {}).every(\n      ([key, value]) => descendant[key as keyof Descendant<Y, M>] === value,\n    )\n\nexport type DescendantProps<Y extends HTMLElement = HTMLElement, M = {}> = M & {\n  disabled?: ((node: Y) => boolean) | boolean\n}\n\nexport type Descendant<\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n> = DescendantProps<Y, M> & {\n  index: number\n  node: Y\n  recurred?: boolean\n}\n\nconst descendantManager = <Y extends HTMLElement = HTMLElement, M = {}>() => {\n  const descendants = new Map<Y, Descendant<Y, M>>()\n\n  const setIndexes = (next: Node[]) => {\n    descendants.forEach((descendant) => {\n      const index = next.indexOf(descendant.node)\n\n      descendant.index = index\n      descendant.node.dataset.index = descendant.index.toString()\n    })\n  }\n\n  const set = (node: null | Y, props?: DescendantProps<Y, M>) => {\n    if (!node) return\n\n    if (descendants.has(node)) {\n      const descendant = descendants.get(node)!\n\n      descendants.set(node, {\n        ...descendant,\n        ...props,\n        index: descendant.index,\n        node: descendant.node,\n      })\n    } else {\n      const keys = Array.from(descendants.keys()).concat(node)\n      const sorted = sortNodes(keys)\n\n      const descendant = { ...props, index: -1, node } as Descendant<Y, M>\n\n      descendants.set(node, descendant)\n\n      setIndexes(sorted)\n    }\n  }\n\n  const destroy = () => descendants.clear()\n\n  const register = (props?: DescendantProps<Y, M>): RefCallback<Y> => {\n    return (node: null | Y) => set(node, props)\n  }\n\n  const unregister = (node?: null | Y) => {\n    if (node == null) return\n\n    descendants.delete(node)\n\n    const sorted = sortNodes(Array.from(descendants.keys()))\n\n    setIndexes(sorted)\n  }\n\n  const count = (props?: Partial<M>) => values(props).length\n\n  const enabledCount = (props?: Partial<M>) => enabledValues(props).length\n\n  const active = (\n    target?: Descendant<Y, M> | null | Y,\n    options?: FocusOptions,\n  ) => {\n    if (!target) return\n\n    if (!(target instanceof Node)) target = target.node\n\n    if (isTruthyDataAttr(target.dataset.activedescendant)) return\n\n    const descendants = values()\n\n    descendants.forEach(({ node }) => {\n      delete node.dataset.activedescendant\n    })\n\n    target.dataset.activedescendant = \"\"\n\n    if (options) target.focus(options)\n  }\n\n  const indexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return descendants.get(target)?.index ?? -1\n    } else {\n      return descendants.get(target.node)?.index ?? -1\n    }\n  }\n\n  const enabledIndexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return enabledValues().findIndex(({ node }) => node.isSameNode(target))\n    } else {\n      return enabledValues().findIndex(({ node }) =>\n        node.isSameNode(target.node),\n      )\n    }\n  }\n\n  const values = (props?: Partial<M>) =>\n    Array.from(descendants.values())\n      .filter(isMatch(props))\n      .sort((a, b) => a.index - b.index)\n\n  const enabledValues = (props?: Partial<M>) =>\n    values(props).filter(({ disabled, node }) => !runIfFn(disabled, node))\n\n  const value = (indexOrNode: null | number | Y) => {\n    if (!count() || indexOrNode == null) return undefined\n\n    return isNumber(indexOrNode)\n      ? values()[indexOrNode]\n      : descendants.get(indexOrNode)\n  }\n\n  const enabledValue = (indexOrNode: null | number | Y) => {\n    if (!enabledCount() || indexOrNode == null) return undefined\n\n    return enabledValues()[\n      isNumber(indexOrNode) ? indexOrNode : enabledIndexOf(indexOrNode)\n    ]\n  }\n\n  const firstValue = (props?: Partial<M>) => values(props).at(0)\n\n  const enabledFirstValue = (props?: Partial<M>) => enabledValues(props).at(0)\n\n  const lastValue = (props?: Partial<M>) => values(props).at(-1)\n\n  const enabledLastValue = (props?: Partial<M>) => enabledValues(props).at(-1)\n\n  const prevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const prevIndex = getPrevIndex(currentIndex, filtered.length - 1, loop)\n\n    return filtered[prevIndex]\n  }\n\n  const enabledPrevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index--\n\n      if (index < 0) {\n        if (!loop) return\n\n        index = count() - 1\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  const nextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const nextIndex = getNextIndex(currentIndex, filtered.length, loop)\n\n    return filtered[nextIndex]\n  }\n\n  const enabledNextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index++\n\n      if (index >= count()) {\n        if (!loop) return\n\n        index = 0\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  return {\n    active,\n    count,\n    destroy,\n    enabledCount,\n    enabledFirstValue,\n    enabledIndexOf,\n    enabledLastValue,\n    enabledNextValue,\n    enabledPrevValue,\n    enabledValue,\n    enabledValues,\n    firstValue,\n    indexOf,\n    lastValue,\n    nextValue,\n    prevValue,\n    register,\n    unregister,\n    value,\n    values,\n  }\n}\n\nexport type Descendants<Y extends HTMLElement, M = {}> = ReturnType<\n  typeof descendantManager<Y, M>\n>\n\nexport type CreateDescendantRegister<Y extends HTMLElement, M = {}> = (\n  props?: DescendantProps<Y, M>,\n) => RefCallback<Y>\n\n/**\n * `useDescendants` is a custom hook that manages descendants.\n *\n * @see https://yamada-ui.com/docs/hooks/use-descendants\n */\nexport const createDescendants = <\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n>() => {\n  const [DescendantsContext, useDescendantsContext] = createContext<\n    Descendants<Y, M>\n  >({\n    name: \"DescendantsContext\",\n  })\n\n  const useDescendantRegister = (descendants?: Descendants<Y, M>) => {\n    const ref = useRef<Y>(null)\n\n    useSafeLayoutEffect(() => {\n      return () => {\n        if (ref.current) descendants?.unregister(ref.current)\n      }\n    }, [])\n\n    return (props?: DescendantProps<Y, M>): RefCallback<Y> =>\n      mergeRefs(ref, descendants?.register(props))\n  }\n\n  const useDescendants = () => {\n    const descendants = useRef(descendantManager<Y, M>())\n\n    useSafeLayoutEffect(() => {\n      return () => descendants.current.destroy()\n    })\n\n    return descendants.current\n  }\n\n  const useDescendant = (props?: DescendantProps<Y, M>) => {\n    const descendants = useDescendantsContext()\n    const createRegister = useDescendantRegister(descendants)\n\n    return {\n      descendants,\n      register: createRegister(props),\n    }\n  }\n\n  return {\n    DescendantsContext,\n    useDescendant,\n    useDescendantRegister,\n    useDescendants,\n    useDescendantsContext,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["createContext"],"sources":["../../../../src/hooks/use-descendants/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefCallback } from \"react\"\nimport { useRef } from \"react\"\nimport {\n  createContext,\n  isNumber,\n  isTruthyDataAttr,\n  mergeRefs,\n  runIfFn,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nconst sortNodes = (nodes: Node[]) =>\n  nodes.sort((a, b) => {\n    const compare = a.compareDocumentPosition(b)\n\n    if (\n      compare & Node.DOCUMENT_POSITION_FOLLOWING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINED_BY\n    )\n      return -1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_PRECEDING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINS\n    )\n      return 1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_DISCONNECTED ||\n      compare & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC\n    ) {\n      console.warn(\"Cannot sort the given nodes.\")\n      return 0\n    } else {\n      return 0\n    }\n  })\n\nconst getNextIndex = (current: number, max: number, loop: boolean) => {\n  let next = current + 1\n\n  if (loop && next >= max) next = 0\n\n  return next\n}\n\nconst getPrevIndex = (current: number, max: number, loop: boolean) => {\n  let next = current - 1\n\n  if (loop && next < 0) next = max\n\n  return next\n}\n\nconst isMatch =\n  <Y extends HTMLElement = HTMLElement, M = {}>(props?: Partial<M>) =>\n  (descendant: Descendant<Y, M>) =>\n    Object.entries(props ?? {}).every(\n      ([key, value]) => descendant[key as keyof Descendant<Y, M>] === value,\n    )\n\nexport type DescendantProps<Y extends HTMLElement = HTMLElement, M = {}> = M & {\n  disabled?: ((node: Y) => boolean) | boolean\n}\n\nexport type Descendant<\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n> = DescendantProps<Y, M> & {\n  index: number\n  node: Y\n  recurred?: boolean\n}\n\nconst descendantManager = <Y extends HTMLElement = HTMLElement, M = {}>() => {\n  const descendants = new Map<Y, Descendant<Y, M>>()\n\n  const setIndexes = (next: Node[]) => {\n    descendants.forEach((descendant) => {\n      const index = next.indexOf(descendant.node)\n\n      descendant.index = index\n      descendant.node.dataset.index = descendant.index.toString()\n    })\n  }\n\n  const set = (node: null | Y, props?: DescendantProps<Y, M>) => {\n    if (!node) return\n\n    if (descendants.has(node)) {\n      const descendant = descendants.get(node)!\n\n      descendants.set(node, {\n        ...descendant,\n        ...props,\n        index: descendant.index,\n        node: descendant.node,\n      })\n    } else {\n      const keys = Array.from(descendants.keys()).concat(node)\n      const sorted = sortNodes(keys)\n\n      const descendant = { ...props, index: -1, node } as Descendant<Y, M>\n\n      descendants.set(node, descendant)\n\n      setIndexes(sorted)\n    }\n  }\n\n  const destroy = () => descendants.clear()\n\n  const register = (props?: DescendantProps<Y, M>): RefCallback<Y> => {\n    return (node: null | Y) => set(node, props)\n  }\n\n  const unregister = (node?: null | Y) => {\n    if (node == null) return\n\n    descendants.delete(node)\n\n    const sorted = sortNodes(Array.from(descendants.keys()))\n\n    setIndexes(sorted)\n  }\n\n  const count = (props?: Partial<M>) => values(props).length\n\n  const enabledCount = (props?: Partial<M>) => enabledValues(props).length\n\n  const active = (\n    target?: Descendant<Y, M> | null | Y,\n    options?: FocusOptions,\n  ) => {\n    if (!target) return\n\n    if (!(target instanceof Node)) target = target.node\n\n    if (isTruthyDataAttr(target.dataset.activedescendant)) return\n\n    const descendants = values()\n\n    descendants.forEach(({ node }) => {\n      delete node.dataset.activedescendant\n    })\n\n    target.dataset.activedescendant = \"\"\n\n    if (options) target.focus(options)\n  }\n\n  const indexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return descendants.get(target)?.index ?? -1\n    } else {\n      return descendants.get(target.node)?.index ?? -1\n    }\n  }\n\n  const enabledIndexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return enabledValues().findIndex(({ node }) => node.isSameNode(target))\n    } else {\n      return enabledValues().findIndex(({ node }) =>\n        node.isSameNode(target.node),\n      )\n    }\n  }\n\n  const values = (props?: Partial<M>) =>\n    Array.from(descendants.values())\n      .filter(isMatch(props))\n      .sort((a, b) => a.index - b.index)\n\n  const enabledValues = (props?: Partial<M>) =>\n    values(props).filter(({ disabled, node }) => !runIfFn(disabled, node))\n\n  const value = (indexOrNode: null | number | Y) => {\n    if (!count() || indexOrNode == null) return undefined\n\n    return isNumber(indexOrNode)\n      ? values()[indexOrNode]\n      : descendants.get(indexOrNode)\n  }\n\n  const enabledValue = (indexOrNode: null | number | Y) => {\n    if (!enabledCount() || indexOrNode == null) return undefined\n\n    return enabledValues()[\n      isNumber(indexOrNode) ? indexOrNode : enabledIndexOf(indexOrNode)\n    ]\n  }\n\n  const firstValue = (props?: Partial<M>) => values(props).at(0)\n\n  const enabledFirstValue = (props?: Partial<M>) => enabledValues(props).at(0)\n\n  const lastValue = (props?: Partial<M>) => values(props).at(-1)\n\n  const enabledLastValue = (props?: Partial<M>) => enabledValues(props).at(-1)\n\n  const prevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const prevIndex = getPrevIndex(currentIndex, filtered.length - 1, loop)\n\n    return filtered[prevIndex]\n  }\n\n  const enabledPrevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index--\n\n      if (index < 0) {\n        if (!loop) return\n\n        index = count() - 1\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  const nextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const nextIndex = getNextIndex(currentIndex, filtered.length, loop)\n\n    return filtered[nextIndex]\n  }\n\n  const enabledNextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index++\n\n      if (index >= count()) {\n        if (!loop) return\n\n        index = 0\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  return {\n    active,\n    count,\n    destroy,\n    enabledCount,\n    enabledFirstValue,\n    enabledIndexOf,\n    enabledLastValue,\n    enabledNextValue,\n    enabledPrevValue,\n    enabledValue,\n    enabledValues,\n    firstValue,\n    indexOf,\n    lastValue,\n    nextValue,\n    prevValue,\n    register,\n    unregister,\n    value,\n    values,\n  }\n}\n\nexport type Descendants<Y extends HTMLElement, M = {}> = ReturnType<\n  typeof descendantManager<Y, M>\n>\n\nexport type CreateDescendantRegister<Y extends HTMLElement, M = {}> = (\n  props?: DescendantProps<Y, M>,\n) => RefCallback<Y>\n\n/**\n * `useDescendants` is a custom hook that manages descendants.\n *\n * @see https://yamada-ui.com/docs/hooks/use-descendants\n */\nexport const createDescendants = <\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n>() => {\n  const [DescendantsContext, useDescendantsContext] = createContext<\n    Descendants<Y, M>\n  >({\n    name: \"DescendantsContext\",\n  })\n\n  const useDescendantRegister = (descendants?: Descendants<Y, M>) => {\n    const ref = useRef<Y>(null)\n\n    useSafeLayoutEffect(() => {\n      return () => {\n        if (ref.current) descendants?.unregister(ref.current)\n      }\n    }, [])\n\n    return (props?: DescendantProps<Y, M>): RefCallback<Y> =>\n      mergeRefs(ref, descendants?.register(props))\n  }\n\n  const useDescendants = () => {\n    const descendants = useRef(descendantManager<Y, M>())\n\n    useSafeLayoutEffect(() => {\n      return () => descendants.current.destroy()\n    })\n\n    return descendants.current\n  }\n\n  const useDescendant = (props?: DescendantProps<Y, M>) => {\n    const descendants = useDescendantsContext()\n    const createRegister = useDescendantRegister(descendants)\n\n    return {\n      descendants,\n      register: createRegister(props),\n    }\n  }\n\n  return {\n    DescendantsContext,\n    useDescendant,\n    useDescendantRegister,\n    useDescendants,\n    useDescendantsContext,\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-disclosure.js","names":[],"sources":["../../../../src/hooks/use-disclosure/use-disclosure.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\nexport type DisclosureCallback<Y, M> = [Y] extends [never]\n  ? () => M\n  : undefined extends Y\n    ? (value?: Y) => M\n    : (value: Y) => M\n\nexport interface UseDisclosureProps<\n  Y = never,\n  M = never,\n  D = Promise<void> | void,\n  H = Promise<void> | void,\n> {\n  /**\n   * If `true`, the element will be initially opened.\n   */\n  defaultOpen?: boolean\n  /**\n   * If `true`, the element will be opened.\n   */\n  open?: boolean\n  /**\n   * The timing of the open and close.\n   *\n   * @default 'after'\n   */\n  timing?: \"after\" | \"before\"\n  /**\n   * Callback invoked to close the element.\n   */\n  onClose?: DisclosureCallback<M, H>\n  /**\n   * Callback invoked to open the element.\n   */\n  onOpen?: DisclosureCallback<Y, D>\n}\n\n/**\n * `useDisclosure` is a custom hook that helps handle common open/close or toggle scenarios.\n * It can be used to control components such as `Modal`, `Dialog`, `Drawer`, etc.\n *\n * @see https://yamada-ui.com/docs/hooks/use-disclosure\n */\nexport const useDisclosure = <\n  Y = never,\n  M = never,\n  D = Promise<void> | void,\n  H = Promise<void> | void,\n>({\n  defaultOpen = false,\n  open: controlledOpen,\n  timing,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UseDisclosureProps<Y, M, D, H> = {}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState<boolean>(defaultOpen)\n\n  const timingRef = useRef(timing ?? \"after\")\n  const handleOpen = useCallbackRef(onOpenProp)\n  const handleClose = useCallbackRef(onCloseProp)\n\n  const controlled = controlledOpen !== undefined\n  const open = controlledOpen !== undefined ? controlledOpen : uncontrolledOpen\n\n  const onOpen = useCallback(\n    async (value: Y) => {\n      if (timingRef.current === \"before\") await handleOpen(value)\n\n      if (!controlled) setUncontrolledOpen(true)\n\n      if (timingRef.current === \"after\") await handleOpen(value)\n    },\n    [controlled, handleOpen, timingRef],\n  ) as DisclosureCallback<Y, D>\n\n  const onClose = useCallback(\n    async (value: M) => {\n      if (timingRef.current === \"before\") await handleClose(value)\n\n      if (!controlled) setUncontrolledOpen(false)\n\n      if (timingRef.current === \"after\") await handleClose(value)\n    },\n    [controlled, handleClose, timingRef],\n  ) as DisclosureCallback<M, H>\n\n  const onToggle = useCallback(\n    async (value: M | Y) =>\n      !open ? await onOpen(value as Y) : await onClose(value as M),\n    [open, onOpen, onClose],\n  ) as DisclosureCallback<M, H> | DisclosureCallback<Y, D>\n\n  return {\n    open,\n    onClose,\n    onOpen,\n    onToggle,\n  }\n}\n\nexport type UseDisclosureReturn<\n  Y = never,\n  M = never,\n  D = Promise<void> | void,\n  H = Promise<void> | void,\n> = ReturnType<typeof useDisclosure<Y, M, D, H>>\n"],"mappings":";;;;;;;;;;AA+CA,MAAa,iBAKX,EACA,cAAc,OACd,MAAM,gBACN,QACA,SAAS,aACT,QAAQ,eAC0B,EAAE,KAAK;CACzC,MAAM,CAAC,kBAAkB,uBAAuB,SAAkB,YAAY;CAE9E,MAAM,YAAY,OAAO,UAAU,QAAQ;CAC3C,MAAM,aAAa,eAAe,WAAW;CAC7C,MAAM,cAAc,eAAe,YAAY;CAE/C,MAAM,aAAa,mBAAmB,KAAA;CACtC,MAAM,OAAO,mBAAmB,KAAA,IAAY,iBAAiB;CAE7D,MAAM,SAAS,YACb,OAAO,UAAa;EAClB,IAAI,UAAU,YAAY,UAAU,MAAM,WAAW,MAAM;EAE3D,IAAI,CAAC,YAAY,oBAAoB,KAAK;EAE1C,IAAI,UAAU,YAAY,SAAS,MAAM,WAAW,MAAM;IAE5D;EAAC;EAAY;EAAY;EAAU,CACpC;CAED,MAAM,UAAU,YACd,OAAO,UAAa;EAClB,IAAI,UAAU,YAAY,UAAU,MAAM,YAAY,MAAM;EAE5D,IAAI,CAAC,YAAY,oBAAoB,MAAM;EAE3C,IAAI,UAAU,YAAY,SAAS,MAAM,YAAY,MAAM;IAE7D;EAAC;EAAY;EAAa;EAAU,CACrC;CAQD,OAAO;EACL;EACA;EACA;EACA,UAVe,YACf,OAAO,UACL,CAAC,OAAO,MAAM,OAAO,MAAW,GAAG,MAAM,QAAQ,MAAW,EAC9D;GAAC;GAAM;GAAQ;GAAQ,CAOf;EACT"}
+{"version":3,"file":"use-disclosure.js","names":[],"sources":["../../../../src/hooks/use-disclosure/use-disclosure.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useCallbackRef } from \"../../utils\"\n\nexport type DisclosureCallback<Y, M> = [Y] extends [never]\n  ? () => M\n  : undefined extends Y\n    ? (value?: Y) => M\n    : (value: Y) => M\n\nexport interface UseDisclosureProps<\n  Y = never,\n  M = never,\n  D = Promise<void> | void,\n  H = Promise<void> | void,\n> {\n  /**\n   * If `true`, the element will be initially opened.\n   */\n  defaultOpen?: boolean\n  /**\n   * If `true`, the element will be opened.\n   */\n  open?: boolean\n  /**\n   * The timing of the open and close.\n   *\n   * @default 'after'\n   */\n  timing?: \"after\" | \"before\"\n  /**\n   * Callback invoked to close the element.\n   */\n  onClose?: DisclosureCallback<M, H>\n  /**\n   * Callback invoked to open the element.\n   */\n  onOpen?: DisclosureCallback<Y, D>\n}\n\n/**\n * `useDisclosure` is a custom hook that helps handle common open/close or toggle scenarios.\n * It can be used to control components such as `Modal`, `Dialog`, `Drawer`, etc.\n *\n * @see https://yamada-ui.com/docs/hooks/use-disclosure\n */\nexport const useDisclosure = <\n  Y = never,\n  M = never,\n  D = Promise<void> | void,\n  H = Promise<void> | void,\n>({\n  defaultOpen = false,\n  open: controlledOpen,\n  timing,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UseDisclosureProps<Y, M, D, H> = {}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState<boolean>(defaultOpen)\n\n  const timingRef = useRef(timing ?? \"after\")\n  const handleOpen = useCallbackRef(onOpenProp)\n  const handleClose = useCallbackRef(onCloseProp)\n\n  const controlled = controlledOpen !== undefined\n  const open = controlledOpen !== undefined ? controlledOpen : uncontrolledOpen\n\n  const onOpen = useCallback(\n    async (value: Y) => {\n      if (timingRef.current === \"before\") await handleOpen(value)\n\n      if (!controlled) setUncontrolledOpen(true)\n\n      if (timingRef.current === \"after\") await handleOpen(value)\n    },\n    [controlled, handleOpen, timingRef],\n  ) as DisclosureCallback<Y, D>\n\n  const onClose = useCallback(\n    async (value: M) => {\n      if (timingRef.current === \"before\") await handleClose(value)\n\n      if (!controlled) setUncontrolledOpen(false)\n\n      if (timingRef.current === \"after\") await handleClose(value)\n    },\n    [controlled, handleClose, timingRef],\n  ) as DisclosureCallback<M, H>\n\n  const onToggle = useCallback(\n    async (value: M | Y) =>\n      !open ? await onOpen(value as Y) : await onClose(value as M),\n    [open, onOpen, onClose],\n  ) as DisclosureCallback<M, H> | DisclosureCallback<Y, D>\n\n  return {\n    open,\n    onClose,\n    onOpen,\n    onToggle,\n  }\n}\n\nexport type UseDisclosureReturn<\n  Y = never,\n  M = never,\n  D = Promise<void> | void,\n  H = Promise<void> | void,\n> = ReturnType<typeof useDisclosure<Y, M, D, H>>\n"],"mappings":";;;;;;;;;;AA+CA,MAAa,iBAKX,EACA,cAAc,OACd,MAAM,gBACN,QACA,SAAS,aACT,QAAQ,eAC0B,CAAC,MAAM;CACzC,MAAM,CAAC,kBAAkB,uBAAuB,SAAkB,WAAW;CAE7E,MAAM,YAAY,OAAO,UAAU,OAAO;CAC1C,MAAM,aAAa,eAAe,UAAU;CAC5C,MAAM,cAAc,eAAe,WAAW;CAE9C,MAAM,aAAa,mBAAmB,KAAA;CACtC,MAAM,OAAO,mBAAmB,KAAA,IAAY,iBAAiB;CAE7D,MAAM,SAAS,YACb,OAAO,UAAa;EAClB,IAAI,UAAU,YAAY,UAAU,MAAM,WAAW,KAAK;EAE1D,IAAI,CAAC,YAAY,oBAAoB,IAAI;EAEzC,IAAI,UAAU,YAAY,SAAS,MAAM,WAAW,KAAK;CAC3D,GACA;EAAC;EAAY;EAAY;CAAS,CACpC;CAEA,MAAM,UAAU,YACd,OAAO,UAAa;EAClB,IAAI,UAAU,YAAY,UAAU,MAAM,YAAY,KAAK;EAE3D,IAAI,CAAC,YAAY,oBAAoB,KAAK;EAE1C,IAAI,UAAU,YAAY,SAAS,MAAM,YAAY,KAAK;CAC5D,GACA;EAAC;EAAY;EAAa;CAAS,CACrC;CAQA,OAAO;EACL;EACA;EACA;EACA,UAVe,YACf,OAAO,UACL,CAAC,OAAO,MAAM,OAAO,KAAU,IAAI,MAAM,QAAQ,KAAU,GAC7D;GAAC;GAAM;GAAQ;EAAO,CAOf;CACT;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-promise-disclosure.js","names":["noop"],"sources":["../../../../src/hooks/use-disclosure/use-promise-disclosure.ts"],"sourcesContent":["\"use client\"\n\nimport type { DisclosureCallback, UseDisclosureProps } from \"./use-disclosure\"\nimport { useCallback, useRef } from \"react\"\nimport { noop } from \"../../utils\"\nimport { useDisclosure } from \"./use-disclosure\"\n\nexport interface UsePromiseDisclosureProps<\n  Y = never,\n  M = never,\n  D = never,\n  H = Promise<void> | void,\n  R = Promise<void> | void,\n> extends UseDisclosureProps<M, D | Y, H, R> {\n  disableCloseOnSuccess?: boolean\n  error?: unknown\n}\n\n/**\n * `usePromiseDisclosure` is a custom hook that helps handle common open/close or toggle scenarios with promises.\n * It can be used to control components such as `Modal`, `Dialog`, `Drawer`, etc.\n *\n * @see https://yamada-ui.com/docs/hooks/use-promise-disclosure\n */\nexport const usePromiseDisclosure = <\n  Y = never,\n  M = never,\n  D = never,\n  H = Promise<void> | void,\n  R = Promise<void> | void,\n>({\n  disableCloseOnSuccess = false,\n  error,\n  ...rest\n}: UsePromiseDisclosureProps<Y, M, D, H, R> = {}) => {\n  const {\n    open,\n    onClose: onInternalClose,\n    onOpen: onInternalOpen,\n    onToggle,\n  } = useDisclosure<M, D | Y, H, R>(rest)\n\n  const rejectRef = useRef<((reason?: any) => void) | undefined>(undefined)\n  const resolveRef = useRef(noop as DisclosureCallback<Y, R>)\n\n  const onOpen = useCallback(\n    async (value: M) => {\n      const promise = new Promise<Y>((resolve, reject) => {\n        resolveRef.current = (async (value: Y) => {\n          rejectRef.current = undefined\n\n          resolve(value)\n\n          if (!disableCloseOnSuccess) await onInternalClose(value)\n        }) as DisclosureCallback<Y, R>\n\n        rejectRef.current = reject\n      })\n\n      await onInternalOpen(value)\n\n      return await promise\n    },\n    [onInternalOpen, onInternalClose, disableCloseOnSuccess],\n  ) as DisclosureCallback<M, [Y] extends [never] ? Promise<void> : Promise<Y>>\n\n  const onClose = useCallback(\n    async (value: D) => {\n      rejectRef.current?.(error)\n\n      await onInternalClose(value)\n    },\n    [onInternalClose, error],\n  ) as DisclosureCallback<D, R>\n\n  return {\n    open,\n    onClose,\n    onOpen,\n    onSuccess: resolveRef.current,\n    onToggle,\n  }\n}\n\nexport type UsePromiseDisclosureReturn<\n  Y = never,\n  M = never,\n  D = never,\n  H = Promise<void> | void,\n  R = Promise<void> | void,\n> = ReturnType<typeof usePromiseDisclosure<Y, M, D, H, R>>\n"],"mappings":";;;;;;;;;;;AAwBA,MAAa,wBAMX,EACA,wBAAwB,OACxB,OACA,GAAG,SACyC,EAAE,KAAK;CACnD,MAAM,EACJ,MACA,SAAS,iBACT,QAAQ,gBACR,aACE,cAA8B,KAAK;CAEvC,MAAM,YAAY,OAA6C,KAAA,EAAU;CACzE,MAAM,aAAa,OAAOA,cAAAA,KAAiC;CAE3D,MAAM,SAAS,YACb,OAAO,UAAa;EAClB,MAAM,UAAU,IAAI,SAAY,SAAS,WAAW;GAClD,WAAW,WAAW,OAAO,UAAa;IACxC,UAAU,UAAU,KAAA;IAEpB,QAAQ,MAAM;IAEd,IAAI,CAAC,uBAAuB,MAAM,gBAAgB,MAAM;;GAG1D,UAAU,UAAU;IACpB;EAEF,MAAM,eAAe,MAAM;EAE3B,OAAO,MAAM;IAEf;EAAC;EAAgB;EAAiB;EAAsB,CACzD;CAWD,OAAO;EACL;EACA,SAXc,YACd,OAAO,UAAa;GAClB,UAAU,UAAU,MAAM;GAE1B,MAAM,gBAAgB,MAAM;KAE9B,CAAC,iBAAiB,MAAM,CAKjB;EACP;EACA,WAAW,WAAW;EACtB;EACD"}
+{"version":3,"file":"use-promise-disclosure.js","names":["noop"],"sources":["../../../../src/hooks/use-disclosure/use-promise-disclosure.ts"],"sourcesContent":["\"use client\"\n\nimport type { DisclosureCallback, UseDisclosureProps } from \"./use-disclosure\"\nimport { useCallback, useRef } from \"react\"\nimport { noop } from \"../../utils\"\nimport { useDisclosure } from \"./use-disclosure\"\n\nexport interface UsePromiseDisclosureProps<\n  Y = never,\n  M = never,\n  D = never,\n  H = Promise<void> | void,\n  R = Promise<void> | void,\n> extends UseDisclosureProps<M, D | Y, H, R> {\n  disableCloseOnSuccess?: boolean\n  error?: unknown\n}\n\n/**\n * `usePromiseDisclosure` is a custom hook that helps handle common open/close or toggle scenarios with promises.\n * It can be used to control components such as `Modal`, `Dialog`, `Drawer`, etc.\n *\n * @see https://yamada-ui.com/docs/hooks/use-promise-disclosure\n */\nexport const usePromiseDisclosure = <\n  Y = never,\n  M = never,\n  D = never,\n  H = Promise<void> | void,\n  R = Promise<void> | void,\n>({\n  disableCloseOnSuccess = false,\n  error,\n  ...rest\n}: UsePromiseDisclosureProps<Y, M, D, H, R> = {}) => {\n  const {\n    open,\n    onClose: onInternalClose,\n    onOpen: onInternalOpen,\n    onToggle,\n  } = useDisclosure<M, D | Y, H, R>(rest)\n\n  const rejectRef = useRef<((reason?: any) => void) | undefined>(undefined)\n  const resolveRef = useRef(noop as DisclosureCallback<Y, R>)\n\n  const onOpen = useCallback(\n    async (value: M) => {\n      const promise = new Promise<Y>((resolve, reject) => {\n        resolveRef.current = (async (value: Y) => {\n          rejectRef.current = undefined\n\n          resolve(value)\n\n          if (!disableCloseOnSuccess) await onInternalClose(value)\n        }) as DisclosureCallback<Y, R>\n\n        rejectRef.current = reject\n      })\n\n      await onInternalOpen(value)\n\n      return await promise\n    },\n    [onInternalOpen, onInternalClose, disableCloseOnSuccess],\n  ) as DisclosureCallback<M, [Y] extends [never] ? Promise<void> : Promise<Y>>\n\n  const onClose = useCallback(\n    async (value: D) => {\n      rejectRef.current?.(error)\n\n      await onInternalClose(value)\n    },\n    [onInternalClose, error],\n  ) as DisclosureCallback<D, R>\n\n  return {\n    open,\n    onClose,\n    onOpen,\n    onSuccess: resolveRef.current,\n    onToggle,\n  }\n}\n\nexport type UsePromiseDisclosureReturn<\n  Y = never,\n  M = never,\n  D = never,\n  H = Promise<void> | void,\n  R = Promise<void> | void,\n> = ReturnType<typeof usePromiseDisclosure<Y, M, D, H, R>>\n"],"mappings":";;;;;;;;;;;AAwBA,MAAa,wBAMX,EACA,wBAAwB,OACxB,OACA,GAAG,SACyC,CAAC,MAAM;CACnD,MAAM,EACJ,MACA,SAAS,iBACT,QAAQ,gBACR,aACE,cAA8B,IAAI;CAEtC,MAAM,YAAY,OAA6C,KAAA,CAAS;CACxE,MAAM,aAAa,OAAOA,cAAAA,IAAgC;CAE1D,MAAM,SAAS,YACb,OAAO,UAAa;EAClB,MAAM,UAAU,IAAI,SAAY,SAAS,WAAW;GAClD,WAAW,WAAW,OAAO,UAAa;IACxC,UAAU,UAAU,KAAA;IAEpB,QAAQ,KAAK;IAEb,IAAI,CAAC,uBAAuB,MAAM,gBAAgB,KAAK;GACzD;GAEA,UAAU,UAAU;EACtB,CAAC;EAED,MAAM,eAAe,KAAK;EAE1B,OAAO,MAAM;CACf,GACA;EAAC;EAAgB;EAAiB;CAAqB,CACzD;CAWA,OAAO;EACL;EACA,SAXc,YACd,OAAO,UAAa;GAClB,UAAU,UAAU,KAAK;GAEzB,MAAM,gBAAgB,KAAK;EAC7B,GACA,CAAC,iBAAiB,KAAK,CAKjB;EACN;EACA,WAAW,WAAW;EACtB;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-event-listener/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { EventMap, EventType } from \"../../utils\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { isFunction, useCallbackRef } from \"../../utils\"\n\nexport const useEventListener = <Y extends EventType>(\n  target: (() => EventTarget | null) | EventTarget | null | undefined,\n  ev: Y,\n  handler: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) => {\n  const { getDocument } = useEnvironment()\n  const listener = useCallbackRef(handler)\n\n  useEffect(() => {\n    const el = isFunction(target) ? target() : (target ?? getDocument())\n\n    if (!el) return\n\n    el.addEventListener(\n      ev,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n\n    return () => {\n      el.removeEventListener(\n        ev,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    }\n  }, [ev, target, options, listener, handler, getDocument])\n\n  return () => {\n    const el = isFunction(target) ? target() : (target ?? document)\n\n    el?.removeEventListener(\n      ev,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport const useEventListeners = () => {\n  const listeners = useRef(new Map())\n  const currentListeners = listeners.current\n\n  const add = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      ev: Y,\n      listener: (ev: EventMap[Y]) => void,\n      options?: AddEventListenerOptions | boolean,\n    ) => {\n      listeners.current.set(listener, { el, ev, options })\n\n      el.addEventListener(\n        ev,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    },\n    [],\n  )\n\n  const remove = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      ev: Y,\n      listener: (ev: EventMap[Y]) => void,\n      options?: boolean | EventListenerOptions,\n    ) => {\n      el.removeEventListener(\n        ev,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n\n      listeners.current.delete(listener)\n    },\n    [],\n  )\n\n  useEffect(\n    () => () => {\n      currentListeners.forEach(({ el, ev, options }, key) =>\n        remove(el, ev, key, options),\n      )\n    },\n    [remove, currentListeners],\n  )\n\n  return { add, remove }\n}\n"],"mappings":";;;;;;AAOA,MAAa,oBACX,QACA,IACA,SACA,YACG;CACH,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,WAAW,eAAe,QAAQ;CAExC,gBAAgB;EACd,MAAM,MAAA,GAAA,cAAA,YAAgB,OAAO,GAAG,QAAQ,GAAI,UAAU,aAAa;EAEnE,IAAI,CAAC,IAAI;EAET,GAAG,iBACD,IACA,UACA,QACD;EAED,aAAa;GACX,GAAG,oBACD,IACA,UACA,QACD;;IAEF;EAAC;EAAI;EAAQ;EAAS;EAAU;EAAS;EAAY,CAAC;CAEzD,aAAa;EAGX,EAAA,GAAA,cAAA,YAFsB,OAAO,GAAG,QAAQ,GAAI,UAAU,WAElD,oBACF,IACA,UACA,QACD;;;AAIL,MAAa,0BAA0B;CACrC,MAAM,YAAY,uBAAO,IAAI,KAAK,CAAC;CACnC,MAAM,mBAAmB,UAAU;CAEnC,MAAM,MAAM,aAER,IACA,IACA,UACA,YACG;EACH,UAAU,QAAQ,IAAI,UAAU;GAAE;GAAI;GAAI;GAAS,CAAC;EAEpD,GAAG,iBACD,IACA,UACA,QACD;IAEH,EAAE,CACH;CAED,MAAM,SAAS,aAEX,IACA,IACA,UACA,YACG;EACH,GAAG,oBACD,IACA,UACA,QACD;EAED,UAAU,QAAQ,OAAO,SAAS;IAEpC,EAAE,CACH;CAED,sBACc;EACV,iBAAiB,SAAS,EAAE,IAAI,IAAI,WAAW,QAC7C,OAAO,IAAI,IAAI,KAAK,QAAQ,CAC7B;IAEH,CAAC,QAAQ,iBAAiB,CAC3B;CAED,OAAO;EAAE;EAAK;EAAQ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-event-listener/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { EventMap, EventType } from \"../../utils\"\nimport { useCallback, useEffect, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { isFunction, useCallbackRef } from \"../../utils\"\n\nexport const useEventListener = <Y extends EventType>(\n  target: (() => EventTarget | null) | EventTarget | null | undefined,\n  ev: Y,\n  handler: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) => {\n  const { getDocument } = useEnvironment()\n  const listener = useCallbackRef(handler)\n\n  useEffect(() => {\n    const el = isFunction(target) ? target() : (target ?? getDocument())\n\n    if (!el) return\n\n    el.addEventListener(\n      ev,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n\n    return () => {\n      el.removeEventListener(\n        ev,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    }\n  }, [ev, target, options, listener, handler, getDocument])\n\n  return () => {\n    const el = isFunction(target) ? target() : (target ?? document)\n\n    el?.removeEventListener(\n      ev,\n      listener as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport const useEventListeners = () => {\n  const listeners = useRef(new Map())\n  const currentListeners = listeners.current\n\n  const add = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      ev: Y,\n      listener: (ev: EventMap[Y]) => void,\n      options?: AddEventListenerOptions | boolean,\n    ) => {\n      listeners.current.set(listener, { el, ev, options })\n\n      el.addEventListener(\n        ev,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n    },\n    [],\n  )\n\n  const remove = useCallback(\n    <Y extends EventType>(\n      el: EventTarget,\n      ev: Y,\n      listener: (ev: EventMap[Y]) => void,\n      options?: boolean | EventListenerOptions,\n    ) => {\n      el.removeEventListener(\n        ev,\n        listener as EventListenerOrEventListenerObject,\n        options,\n      )\n\n      listeners.current.delete(listener)\n    },\n    [],\n  )\n\n  useEffect(\n    () => () => {\n      currentListeners.forEach(({ el, ev, options }, key) =>\n        remove(el, ev, key, options),\n      )\n    },\n    [remove, currentListeners],\n  )\n\n  return { add, remove }\n}\n"],"mappings":";;;;;;AAOA,MAAa,oBACX,QACA,IACA,SACA,YACG;CACH,MAAM,EAAE,gBAAgB,eAAe;CACvC,MAAM,WAAW,eAAe,OAAO;CAEvC,gBAAgB;EACd,MAAM,MAAA,GAAA,cAAA,YAAgB,MAAM,IAAI,OAAO,IAAK,UAAU,YAAY;EAElE,IAAI,CAAC,IAAI;EAET,GAAG,iBACD,IACA,UACA,OACF;EAEA,aAAa;GACX,GAAG,oBACD,IACA,UACA,OACF;EACF;CACF,GAAG;EAAC;EAAI;EAAQ;EAAS;EAAU;EAAS;CAAW,CAAC;CAExD,aAAa;EAGX,EAAA,GAAA,cAAA,YAFsB,MAAM,IAAI,OAAO,IAAK,UAAU,WAElD,oBACF,IACA,UACA,OACF;CACF;AACF;AAEA,MAAa,0BAA0B;CACrC,MAAM,YAAY,uBAAO,IAAI,IAAI,CAAC;CAClC,MAAM,mBAAmB,UAAU;CAEnC,MAAM,MAAM,aAER,IACA,IACA,UACA,YACG;EACH,UAAU,QAAQ,IAAI,UAAU;GAAE;GAAI;GAAI;EAAQ,CAAC;EAEnD,GAAG,iBACD,IACA,UACA,OACF;CACF,GACA,CAAC,CACH;CAEA,MAAM,SAAS,aAEX,IACA,IACA,UACA,YACG;EACH,GAAG,oBACD,IACA,UACA,OACF;EAEA,UAAU,QAAQ,OAAO,QAAQ;CACnC,GACA,CAAC,CACH;CAEA,sBACc;EACV,iBAAiB,SAAS,EAAE,IAAI,IAAI,WAAW,QAC7C,OAAO,IAAI,IAAI,KAAK,OAAO,CAC7B;CACF,GACA,CAAC,QAAQ,gBAAgB,CAC3B;CAEA,OAAO;EAAE;EAAK;CAAO;AACvB"}

package/dist/esm/hooks/use-eye-dropper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-eye-dropper/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\nimport { useSafeLayoutEffect } from \"../../utils\"\n\ninterface EyeDropperOptions {\n  signal?: AbortSignal\n}\n\nexport interface EyeDropperReturn {\n  sRGBHex: string\n}\n\n/**\n * `useEyeDropper` is a custom hook that opens the eye dropper tool and returns the color value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-eye-dropper\n */\nexport const useEyeDropper = () => {\n  const [supported, setSupported] = useState(false)\n\n  useSafeLayoutEffect(() => {\n    setSupported(typeof window !== \"undefined\" && \"EyeDropper\" in window)\n  }, [])\n\n  const onOpen = useCallback(\n    async (\n      options: EyeDropperOptions = {},\n    ): Promise<EyeDropperReturn | undefined> => {\n      if (supported) {\n        const eyeDropper = new (window as any).EyeDropper()\n\n        return eyeDropper.open(options)\n      }\n\n      return Promise.resolve(undefined)\n    },\n    [supported],\n  )\n\n  return { supported, onOpen }\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAa,sBAAsB;CACjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,0BAA0B;EACxB,aAAa,OAAO,WAAW,eAAe,gBAAgB,OAAO;IACpE,EAAE,CAAC;CAiBN,OAAO;EAAE;EAAW,QAfL,YACb,OACE,UAA6B,EAAE,KACW;GAC1C,IAAI,WAGF,OAAO,IAFiB,OAAe,YAEtB,CAAC,KAAK,QAAQ;GAGjC,OAAO,QAAQ,QAAQ,KAAA,EAAU;KAEnC,CAAC,UAAU,CAGa;EAAE"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-eye-dropper/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\nimport { useSafeLayoutEffect } from \"../../utils\"\n\ninterface EyeDropperOptions {\n  signal?: AbortSignal\n}\n\nexport interface EyeDropperReturn {\n  sRGBHex: string\n}\n\n/**\n * `useEyeDropper` is a custom hook that opens the eye dropper tool and returns the color value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-eye-dropper\n */\nexport const useEyeDropper = () => {\n  const [supported, setSupported] = useState(false)\n\n  useSafeLayoutEffect(() => {\n    setSupported(typeof window !== \"undefined\" && \"EyeDropper\" in window)\n  }, [])\n\n  const onOpen = useCallback(\n    async (\n      options: EyeDropperOptions = {},\n    ): Promise<EyeDropperReturn | undefined> => {\n      if (supported) {\n        const eyeDropper = new (window as any).EyeDropper()\n\n        return eyeDropper.open(options)\n      }\n\n      return Promise.resolve(undefined)\n    },\n    [supported],\n  )\n\n  return { supported, onOpen }\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAa,sBAAsB;CACjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,0BAA0B;EACxB,aAAa,OAAO,WAAW,eAAe,gBAAgB,MAAM;CACtE,GAAG,CAAC,CAAC;CAiBL,OAAO;EAAE;EAAW,QAfL,YACb,OACE,UAA6B,CAAC,MACY;GAC1C,IAAI,WAGF,OAAO,IAFiB,OAAe,WAEvB,EAAE,KAAK,OAAO;GAGhC,OAAO,QAAQ,QAAQ,KAAA,CAAS;EAClC,GACA,CAAC,SAAS,CAGa;CAAE;AAC7B"}

package/dist/esm/hooks/use-field-sizing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-field-sizing/index.tsx"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useMemo, useRef } from \"react\"\n\nexport interface UseFieldSizingProps {\n  value?: string\n}\n\nexport const useFieldSizing = <Y extends HTMLElement>({\n  value = \"\",\n}: UseFieldSizingProps) => {\n  const ref = useRef<Y>(null)\n  const textRef = useRef<HTMLSpanElement>(null)\n  const text = useMemo(\n    () => (\n      <span\n        ref={textRef}\n        style={{\n          opacity: 0,\n          overflow: \"hidden\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          zIndex: -1,\n        }}\n        aria-hidden\n      >\n        {value}\n      </span>\n    ),\n    [value],\n  )\n\n  useEffect(() => {\n    if (!textRef.current) return\n\n    const { width } = textRef.current.getBoundingClientRect()\n\n    if (ref.current) ref.current.style.width = `${width}px`\n  }, [value])\n\n  return { ref, text }\n}\n\nexport type UseFieldSizingReturn = ReturnType<typeof useFieldSizing>\n"],"mappings":";;;;AAQA,MAAa,kBAAyC,EACpD,QAAQ,SACiB;CACzB,MAAM,MAAM,OAAU,KAAK;CAC3B,MAAM,UAAU,OAAwB,KAAK;CAC7C,MAAM,OAAO,cAET,oBAAC,QAAD;EACE,KAAK;EACL,OAAO;GACL,SAAS;GACT,UAAU;GACV,UAAU;GACV,YAAY;GACZ,QAAQ;GACT;EACD,eAAA;YAEC;EACI,CAAA,EAET,CAAC,MAAM,CACR;CAED,gBAAgB;EACd,IAAI,CAAC,QAAQ,SAAS;EAEtB,MAAM,EAAE,UAAU,QAAQ,QAAQ,uBAAuB;EAEzD,IAAI,IAAI,SAAS,IAAI,QAAQ,MAAM,QAAQ,GAAG,MAAM;IACnD,CAAC,MAAM,CAAC;CAEX,OAAO;EAAE;EAAK;EAAM"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-field-sizing/index.tsx"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useMemo, useRef } from \"react\"\n\nexport interface UseFieldSizingProps {\n  value?: string\n}\n\nexport const useFieldSizing = <Y extends HTMLElement>({\n  value = \"\",\n}: UseFieldSizingProps) => {\n  const ref = useRef<Y>(null)\n  const textRef = useRef<HTMLSpanElement>(null)\n  const text = useMemo(\n    () => (\n      <span\n        ref={textRef}\n        style={{\n          opacity: 0,\n          overflow: \"hidden\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          zIndex: -1,\n        }}\n        aria-hidden\n      >\n        {value}\n      </span>\n    ),\n    [value],\n  )\n\n  useEffect(() => {\n    if (!textRef.current) return\n\n    const { width } = textRef.current.getBoundingClientRect()\n\n    if (ref.current) ref.current.style.width = `${width}px`\n  }, [value])\n\n  return { ref, text }\n}\n\nexport type UseFieldSizingReturn = ReturnType<typeof useFieldSizing>\n"],"mappings":";;;;AAQA,MAAa,kBAAyC,EACpD,QAAQ,SACiB;CACzB,MAAM,MAAM,OAAU,IAAI;CAC1B,MAAM,UAAU,OAAwB,IAAI;CAC5C,MAAM,OAAO,cAET,oBAAC,QAAD;EACE,KAAK;EACL,OAAO;GACL,SAAS;GACT,UAAU;GACV,UAAU;GACV,YAAY;GACZ,QAAQ;EACV;EACA,eAAA;YAEC;CACG,CAAA,GAER,CAAC,KAAK,CACR;CAEA,gBAAgB;EACd,IAAI,CAAC,QAAQ,SAAS;EAEtB,MAAM,EAAE,UAAU,QAAQ,QAAQ,sBAAsB;EAExD,IAAI,IAAI,SAAS,IAAI,QAAQ,MAAM,QAAQ,GAAG,MAAM;CACtD,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO;EAAE;EAAK;CAAK;AACrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-focus/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport { useCallback, useRef } from \"react\"\nimport {\n  getActiveElement,\n  getDocument,\n  getFirstFocusableElement,\n  isRefObject,\n  isSafari,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useEventListener } from \"../use-event-listener\"\n\nexport interface UseFocusOnShowProps {\n  focusTarget?: HTMLElement | null | RefObject<HTMLElement | null>\n  preventScroll?: boolean\n  shouldFocus?: boolean\n  visible?: boolean\n}\n\n/**\n * `useFocusOnShow` is a custom hook that focuses on the target element when it is shown.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-show\n */\nexport const useFocusOnShow = <Y extends HTMLElement>(\n  refOrEl: RefObject<null | Y> | Y,\n  {\n    focusTarget: focusRefOrEl,\n    preventScroll,\n    shouldFocus,\n    visible,\n  }: UseFocusOnShowProps = {\n    preventScroll: true,\n    shouldFocus: false,\n  },\n) => {\n  const trulyShouldFocus = shouldFocus && visible\n  const focused = useRef(false)\n\n  const getTarget = useCallback(() => {\n    return isRefObject(refOrEl) ? refOrEl.current : refOrEl\n  }, [refOrEl])\n\n  const getFocusTarget = useCallback(() => {\n    return isRefObject(focusRefOrEl) ? focusRefOrEl.current : focusRefOrEl\n  }, [focusRefOrEl])\n\n  const onFocus = useCallback(() => {\n    const target = getTarget()\n\n    if (!target || !trulyShouldFocus || focused.current) return\n    if (target.contains(document.activeElement as HTMLElement)) return\n\n    const focusTarget = getFocusTarget()\n\n    if (focusTarget) {\n      requestAnimationFrame(() => {\n        focusTarget.focus({ preventScroll })\n\n        focused.current = true\n      })\n    } else {\n      const firstFocusable = getFirstFocusableElement(target)\n\n      if (firstFocusable) {\n        requestAnimationFrame(() => {\n          firstFocusable.focus({ preventScroll })\n\n          focused.current = true\n        })\n      } else {\n        requestAnimationFrame(() => {\n          target.focus({ preventScroll })\n\n          focused.current = true\n        })\n      }\n    }\n  }, [getTarget, trulyShouldFocus, getFocusTarget, preventScroll])\n\n  useUpdateEffect(() => {\n    focused.current = !trulyShouldFocus\n  }, [trulyShouldFocus])\n\n  useUpdateEffect(() => {\n    requestAnimationFrame(onFocus)\n  }, [onFocus])\n\n  useEventListener(getTarget, \"transitionend\", onFocus)\n}\n\nexport interface UseFocusOnMouseDownProps {\n  ref: RefObject<HTMLElement | null>\n  elements?: (HTMLElement | null | RefObject<HTMLElement | null>)[]\n  enabled?: boolean\n}\n\n/**\n * `useFocusOnPointerDown` is a custom hook that focuses on the target element when it is clicked.\n *\n * @see https://yamada-ui.com/docs/hooks/use-focus-on-pointer-down\n */\nexport const useFocusOnPointerDown = ({\n  ref,\n  elements,\n  enabled,\n}: UseFocusOnMouseDownProps) => {\n  useEventListener(\n    () => getDocument(ref.current),\n    \"pointerdown\",\n    (ev) => {\n      if (!isSafari() || !enabled) return\n      const target = ev.target as HTMLElement\n\n      const els = elements ?? [ref]\n\n      const validTarget = els.some((elOrRef) => {\n        const el = isRefObject(elOrRef) ? elOrRef.current : elOrRef\n\n        return el?.contains(target) || el === target\n      })\n\n      if (\n        getActiveElement(getDocument(ref.current)) !== target &&\n        validTarget\n      ) {\n        ev.preventDefault()\n\n        target.focus()\n      }\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,MAAa,kBACX,SACA,EACE,aAAa,cACb,eACA,aACA,YACuB;CACvB,eAAe;CACf,aAAa;CACd,KACE;CACH,MAAM,mBAAmB,eAAe;CACxC,MAAM,UAAU,OAAO,MAAM;CAE7B,MAAM,YAAY,kBAAkB;EAClC,OAAO,YAAY,QAAQ,GAAG,QAAQ,UAAU;IAC/C,CAAC,QAAQ,CAAC;CAEb,MAAM,iBAAiB,kBAAkB;EACvC,OAAO,YAAY,aAAa,GAAG,aAAa,UAAU;IACzD,CAAC,aAAa,CAAC;CAElB,MAAM,UAAU,kBAAkB;EAChC,MAAM,SAAS,WAAW;EAE1B,IAAI,CAAC,UAAU,CAAC,oBAAoB,QAAQ,SAAS;EACrD,IAAI,OAAO,SAAS,SAAS,cAA6B,EAAE;EAE5D,MAAM,cAAc,gBAAgB;EAEpC,IAAI,aACF,4BAA4B;GAC1B,YAAY,MAAM,EAAE,eAAe,CAAC;GAEpC,QAAQ,UAAU;IAClB;OACG;GACL,MAAM,kBAAA,GAAA,cAAA,0BAA0C,OAAO;GAEvD,IAAI,gBACF,4BAA4B;IAC1B,eAAe,MAAM,EAAE,eAAe,CAAC;IAEvC,QAAQ,UAAU;KAClB;QAEF,4BAA4B;IAC1B,OAAO,MAAM,EAAE,eAAe,CAAC;IAE/B,QAAQ,UAAU;KAClB;;IAGL;EAAC;EAAW;EAAkB;EAAgB;EAAc,CAAC;CAEhE,sBAAsB;EACpB,QAAQ,UAAU,CAAC;IAClB,CAAC,iBAAiB,CAAC;CAEtB,sBAAsB;EACpB,sBAAsB,QAAQ;IAC7B,CAAC,QAAQ,CAAC;CAEb,iBAAiB,WAAW,iBAAiB,QAAQ;;;;;;;AAcvD,MAAa,yBAAyB,EACpC,KACA,UACA,cAC8B;CAC9B,wBAAA,GAAA,cAAA,aACoB,IAAI,QAAQ,EAC9B,gBACC,OAAO;EACN,IAAI,EAAA,GAAA,cAAA,WAAW,IAAI,CAAC,SAAS;EAC7B,MAAM,SAAS,GAAG;EAIlB,MAAM,eAFM,YAAY,CAAC,IAAI,EAEL,MAAM,YAAY;GACxC,MAAM,KAAK,YAAY,QAAQ,GAAG,QAAQ,UAAU;GAEpD,OAAO,IAAI,SAAS,OAAO,IAAI,OAAO;IACtC;EAEF,KAAA,GAAA,cAAA,mBAAA,GAAA,cAAA,aAC+B,IAAI,QAAQ,CAAC,KAAK,UAC/C,aACA;GACA,GAAG,gBAAgB;GAEnB,OAAO,OAAO;;GAGnB"}
+{"version":3,"file":"index.js","names":[],"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,UAAU,OAAO,KAAK;CAE5B,MAAM,YAAY,kBAAkB;EAClC,OAAO,YAAY,OAAO,IAAI,QAAQ,UAAU;CAClD,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,iBAAiB,kBAAkB;EACvC,OAAO,YAAY,YAAY,IAAI,aAAa,UAAU;CAC5D,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,UAAU,kBAAkB;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,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,sBAAsB;EACpB,QAAQ,UAAU,CAAC;CACrB,GAAG,CAAC,gBAAgB,CAAC;CAErB,sBAAsB;EACpB,sBAAsB,OAAO;CAC/B,GAAG,CAAC,OAAO,CAAC;CAEZ,iBAAiB,WAAW,iBAAiB,OAAO;AACtD;;;;;;AAaA,MAAa,yBAAyB,EACpC,KACA,UACA,cAC8B;CAC9B,wBAAA,GAAA,cAAA,aACoB,IAAI,OAAO,GAC7B,gBACC,OAAO;EACN,IAAI,EAAA,GAAA,cAAA,UAAU,KAAK,CAAC,SAAS;EAC7B,MAAM,SAAS,GAAG;EAIlB,MAAM,eAFM,YAAY,CAAC,GAAG,GAEJ,MAAM,YAAY;GACxC,MAAM,KAAK,YAAY,OAAO,IAAI,QAAQ,UAAU;GAEpD,OAAO,IAAI,SAAS,MAAM,KAAK,OAAO;EACxC,CAAC;EAED,KAAA,GAAA,cAAA,mBAAA,GAAA,cAAA,aAC+B,IAAI,OAAO,CAAC,MAAM,UAC/C,aACA;GACA,GAAG,eAAe;GAElB,OAAO,MAAM;EACf;CACF,CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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,cAAc,SAAS,MAAM;CAC7C,MAAM,MAAM,OAAU,KAAK;CAE3B,MAAM,eAAe,kBAAkB,WAAW,KAAK,EAAE,EAAE,CAAC;CAC5D,MAAM,eAAe,kBAAkB,WAAW,MAAM,EAAE,EAAE,CAAC;CAE7D,gBAAgB;EACd,MAAM,KAAK,IAAI;EAEf,IAAI,IAAI;GACN,GAAG,iBAAiB,cAAc,aAAa;GAC/C,GAAG,iBAAiB,cAAc,aAAa;GAE/C,aAAa;IACX,GAAG,oBAAoB,cAAc,aAAa;IAClD,GAAG,oBAAoB,cAAc,aAAa;;;IAGrD,CAAC,cAAc,aAAa,CAAC;CAEhC,OAAO;EAAE;EAAK;EAAS"}
+{"version":3,"file":"index.js","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,cAAc,SAAS,KAAK;CAC5C,MAAM,MAAM,OAAU,IAAI;CAE1B,MAAM,eAAe,kBAAkB,WAAW,IAAI,GAAG,CAAC,CAAC;CAC3D,MAAM,eAAe,kBAAkB,WAAW,KAAK,GAAG,CAAC,CAAC;CAE5D,gBAAgB;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/esm/hooks/use-idle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-idle/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nconst DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [\n  \"keypress\",\n  \"mousemove\",\n  \"touchmove\",\n  \"click\",\n  \"scroll\",\n]\n\nconst DEFAULT_OPTIONS = {\n  events: DEFAULT_EVENTS,\n  initialState: true,\n}\n\nexport interface IdleOptions {\n  events?: (keyof DocumentEventMap)[]\n  initialState?: boolean\n}\n\n/**\n * `useIdle` is a custom hook that detects whether the user has been idle for a certain amount of time in milliseconds.\n *\n * @see https://yamada-ui.com/docs/hooks/use-idle\n */\nexport const useIdle = (timeout: number, options?: IdleOptions) => {\n  const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }\n  const [idle, setIdle] = useState<boolean>(initialState)\n  const timeoutId = useRef<NodeJS.Timeout>(undefined)\n\n  useEffect(() => {\n    const handleEvent = () => {\n      setIdle(false)\n\n      if (timeoutId.current) clearTimeout(timeoutId.current)\n\n      timeoutId.current = setTimeout(() => setIdle(true), timeout)\n    }\n\n    events.forEach((event) => document.addEventListener(event, handleEvent))\n\n    return () => {\n      events.forEach((event) =>\n        document.removeEventListener(event, handleEvent),\n      )\n    }\n  }, [events, timeout])\n\n  return idle\n}\n"],"mappings":";;;AAYA,MAAM,kBAAkB;CACtB,QAAQ;EARR;EACA;EACA;EACA;EACA;EAIsB;CACtB,cAAc;CACf;;;;;;AAYD,MAAa,WAAW,SAAiB,YAA0B;CACjE,MAAM,EAAE,QAAQ,iBAAiB;EAAE,GAAG;EAAiB,GAAG;EAAS;CACnE,MAAM,CAAC,MAAM,WAAW,SAAkB,aAAa;CACvD,MAAM,YAAY,OAAuB,KAAA,EAAU;CAEnD,gBAAgB;EACd,MAAM,oBAAoB;GACxB,QAAQ,MAAM;GAEd,IAAI,UAAU,SAAS,aAAa,UAAU,QAAQ;GAEtD,UAAU,UAAU,iBAAiB,QAAQ,KAAK,EAAE,QAAQ;;EAG9D,OAAO,SAAS,UAAU,SAAS,iBAAiB,OAAO,YAAY,CAAC;EAExE,aAAa;GACX,OAAO,SAAS,UACd,SAAS,oBAAoB,OAAO,YAAY,CACjD;;IAEF,CAAC,QAAQ,QAAQ,CAAC;CAErB,OAAO"}
+{"version":3,"file":"index.js","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,WAAW,SAAkB,YAAY;CACtD,MAAM,YAAY,OAAuB,KAAA,CAAS;CAElD,gBAAgB;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/esm/hooks/use-interval/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,cAAc,eAAe,SAAS;CAE5C,gBAAgB;EACd,IAAI,YAAmC;EAEvC,IAAI,UAAU,MAAM,YAAY,YAAY,aAAa,MAAM;EAE/D,aAAa;GACX,IAAI,WAAW,cAAc,UAAU;;IAExC,CAAC,OAAO,YAAY,CAAC"}
+{"version":3,"file":"index.js","names":[],"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,cAAc,eAAe,QAAQ;CAE3C,gBAAgB;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/esm/hooks/use-lazy-mount/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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,gBAAgB,OAAgB,MAAM;CAE5C,IAAI,CAAC,MAAM;EACT,cAAc,UAAU;EAExB,OAAO;;CAGT,IAAI,SAAS;EACX,cAAc,UAAU;EAExB,OAAO;;CAGT,IAAI,iBAAiB,iBAAiB,cAAc,SAAS,OAAO;CAEpE,OAAO"}
+{"version":3,"file":"index.js","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,gBAAgB,OAAgB,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/esm/hooks/use-local-storage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-local-storage/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isFunction } from \"../../utils\"\nimport { useWindowEvent } from \"../use-window-event\"\n\nexport type StorageType = \"localStorage\" | \"sessionStorage\"\n\nexport interface StorageProps<Y> {\n  key: string\n  defaultValue?: Y\n  getInitialValueInEffect?: boolean\n  deserialize?: (value: string | undefined) => Y\n  serialize?: (value: Y) => string\n}\n\nconst serializeJSON = <Y>(value: Y, name: string) => {\n  try {\n    return JSON.stringify(value)\n  } catch {\n    throw new Error(`useLocalStorage ${name}: Failed to serialize the value`)\n  }\n}\n\nconst deserializeJSON = (value: string | undefined) => {\n  if (!value) return value\n\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\nexport const createStorage = <Y>(type: StorageType, name: string) => {\n  const eventName =\n    type === \"localStorage\" ? \"local-storage\" : \"session-storage\"\n\n  return ({\n    key,\n    defaultValue,\n    deserialize = deserializeJSON,\n    getInitialValueInEffect = true,\n    serialize = (value: Y) => serializeJSON(value, name),\n  }: StorageProps<Y>) => {\n    const readStorageValue = useCallback(\n      (skipStorage?: boolean): Y => {\n        if (\n          typeof window === \"undefined\" ||\n          !(type in window) ||\n          (window[type] as null | Storage | undefined) == null ||\n          skipStorage\n        ) {\n          return (defaultValue ?? \"\") as Y\n        }\n\n        const storageValue = window[type].getItem(key)\n\n        return storageValue !== null\n          ? deserialize(storageValue)\n          : ((defaultValue ?? \"\") as Y)\n      },\n      [key, deserialize, defaultValue],\n    )\n\n    const [value, setValue] = useState<Y>(\n      readStorageValue(getInitialValueInEffect),\n    )\n\n    const setStorageValue = useCallback(\n      (valOrFn: ((prevState: Y) => Y) | Y) => {\n        if (isFunction(valOrFn)) {\n          setValue((current) => {\n            const result = valOrFn(current)\n\n            window[type].setItem(key, serialize(result))\n            window.dispatchEvent(\n              new CustomEvent(eventName, {\n                detail: { key, value: valOrFn(current) },\n              }),\n            )\n\n            return result\n          })\n        } else {\n          window[type].setItem(key, serialize(valOrFn))\n          window.dispatchEvent(\n            new CustomEvent(eventName, { detail: { key, value: valOrFn } }),\n          )\n\n          setValue(valOrFn)\n        }\n      },\n      [key, serialize],\n    )\n\n    const removeStorageValue = useCallback(() => {\n      window[type].removeItem(key)\n      setValue(defaultValue as Y)\n    }, [defaultValue, key])\n\n    useWindowEvent(\"storage\", (ev) => {\n      if (ev.storageArea === window[type] && ev.key === key)\n        setValue(deserialize(ev.newValue ?? undefined))\n    })\n\n    useWindowEvent(eventName, (ev) => {\n      if (ev.detail.key === key) setValue(ev.detail.value)\n    })\n\n    useEffect(() => {\n      if (defaultValue !== undefined && value === undefined)\n        setStorageValue(defaultValue)\n    }, [defaultValue, value, setStorageValue])\n\n    useEffect(() => {\n      if (getInitialValueInEffect) setValue(readStorageValue())\n    }, [getInitialValueInEffect, readStorageValue])\n\n    return [\n      value === undefined ? defaultValue : value,\n      setStorageValue,\n      removeStorageValue,\n    ] as const\n  }\n}\n\n/**\n * `useLocalStorage` is a custom hook for storing, updating, and retrieving values in local storage.\n *\n * @see https://yamada-ui.com/docs/hooks/use-local-storage\n */\nexport const useLocalStorage = <Y = string>(props: StorageProps<Y>) =>\n  createStorage<Y>(\"localStorage\", \"use-local-storage\")(props)\n"],"mappings":";;;;;AAgBA,MAAM,iBAAoB,OAAU,SAAiB;CACnD,IAAI;EACF,OAAO,KAAK,UAAU,MAAM;SACtB;EACN,MAAM,IAAI,MAAM,mBAAmB,KAAK,iCAAiC;;;AAI7E,MAAM,mBAAmB,UAA8B;CACrD,IAAI,CAAC,OAAO,OAAO;CAEnB,IAAI;EACF,OAAO,KAAK,MAAM,MAAM;SAClB;EACN,OAAO;;;AAIX,MAAa,iBAAoB,MAAmB,SAAiB;CACnE,MAAM,YACJ,SAAS,iBAAiB,kBAAkB;CAE9C,QAAQ,EACN,KACA,cACA,cAAc,iBACd,0BAA0B,MAC1B,aAAa,UAAa,cAAc,OAAO,KAAK,OAC/B;EACrB,MAAM,mBAAmB,aACtB,gBAA6B;GAC5B,IACE,OAAO,WAAW,eAClB,EAAE,QAAQ,WACT,OAAO,SAAwC,QAChD,aAEA,OAAQ,gBAAgB;GAG1B,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;GAE9C,OAAO,iBAAiB,OACpB,YAAY,aAAa,GACvB,gBAAgB;KAExB;GAAC;GAAK;GAAa;GAAa,CACjC;EAED,MAAM,CAAC,OAAO,YAAY,SACxB,iBAAiB,wBAAwB,CAC1C;EAED,MAAM,kBAAkB,aACrB,YAAuC;GACtC,KAAA,GAAA,cAAA,YAAe,QAAQ,EACrB,UAAU,YAAY;IACpB,MAAM,SAAS,QAAQ,QAAQ;IAE/B,OAAO,MAAM,QAAQ,KAAK,UAAU,OAAO,CAAC;IAC5C,OAAO,cACL,IAAI,YAAY,WAAW,EACzB,QAAQ;KAAE;KAAK,OAAO,QAAQ,QAAQ;KAAE,EACzC,CAAC,CACH;IAED,OAAO;KACP;QACG;IACL,OAAO,MAAM,QAAQ,KAAK,UAAU,QAAQ,CAAC;IAC7C,OAAO,cACL,IAAI,YAAY,WAAW,EAAE,QAAQ;KAAE;KAAK,OAAO;KAAS,EAAE,CAAC,CAChE;IAED,SAAS,QAAQ;;KAGrB,CAAC,KAAK,UAAU,CACjB;EAED,MAAM,qBAAqB,kBAAkB;GAC3C,OAAO,MAAM,WAAW,IAAI;GAC5B,SAAS,aAAkB;KAC1B,CAAC,cAAc,IAAI,CAAC;EAEvB,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,KAChD,SAAS,YAAY,GAAG,YAAY,KAAA,EAAU,CAAC;IACjD;EAEF,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,OAAO,QAAQ,KAAK,SAAS,GAAG,OAAO,MAAM;IACpD;EAEF,gBAAgB;GACd,IAAI,iBAAiB,KAAA,KAAa,UAAU,KAAA,GAC1C,gBAAgB,aAAa;KAC9B;GAAC;GAAc;GAAO;GAAgB,CAAC;EAE1C,gBAAgB;GACd,IAAI,yBAAyB,SAAS,kBAAkB,CAAC;KACxD,CAAC,yBAAyB,iBAAiB,CAAC;EAE/C,OAAO;GACL,UAAU,KAAA,IAAY,eAAe;GACrC;GACA;GACD;;;;;;;;AASL,MAAa,mBAA+B,UAC1C,cAAiB,gBAAgB,oBAAoB,CAAC,MAAM"}
+{"version":3,"file":"index.js","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,mBAAmB,aACtB,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,YAAY,SACxB,iBAAiB,uBAAuB,CAC1C;EAEA,MAAM,kBAAkB,aACrB,YAAuC;GACtC,KAAA,GAAA,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,qBAAqB,kBAAkB;GAC3C,OAAO,MAAM,WAAW,GAAG;GAC3B,SAAS,YAAiB;EAC5B,GAAG,CAAC,cAAc,GAAG,CAAC;EAEtB,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,gBAAgB,OAAO,SAAS,GAAG,QAAQ,KAChD,SAAS,YAAY,GAAG,YAAY,KAAA,CAAS,CAAC;EAClD,CAAC;EAED,eAAe,YAAY,OAAO;GAChC,IAAI,GAAG,OAAO,QAAQ,KAAK,SAAS,GAAG,OAAO,KAAK;EACrD,CAAC;EAED,gBAAgB;GACd,IAAI,iBAAiB,KAAA,KAAa,UAAU,KAAA,GAC1C,gBAAgB,YAAY;EAChC,GAAG;GAAC;GAAc;GAAO;EAAe,CAAC;EAEzC,gBAAgB;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"}

package/dist/esm/hooks/use-media-query/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,cAAc,gBAAgB;CAEtC,MAAM,YAAY,aACf,kBAA8B;EAC7B,MAAM,MAAM,WAAW,EAAE,WAAW,MAAM;EAE1C,KAAK,iBAAiB,UAAU,cAAc;EAE9C,aAAa;GACX,KAAK,oBAAoB,UAAU,cAAc;;IAGrD,CAAC,WAAW,MAAM,CACnB;CAED,MAAM,cAAc,kBAAkB;EACpC,OAAO,WAAW,EAAE,WAAW,MAAM,CAAC,WAAW;IAChD;EAAC;EAAW;EAAO;EAAS,CAAC;CAEhC,OAAO,qBAAqB,WAAW,aAAa,YAAY"}
+{"version":3,"file":"index.js","names":[],"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,cAAc,eAAe;CAErC,MAAM,YAAY,aACf,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,cAAc,kBAAkB;EACpC,OAAO,UAAU,GAAG,WAAW,KAAK,EAAE,WAAW;CACnD,GAAG;EAAC;EAAW;EAAO;CAAQ,CAAC;CAE/B,OAAO,qBAAqB,WAAW,aAAa,WAAW;AACjE"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-mounted/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useSafeLayoutEffect } from \"../../utils\"\n\nexport interface UseMountedProps {\n  delay?: number\n  state?: boolean\n}\n\nexport function useMounted(props?: {\n  delay?: number\n  state?: false\n}): () => boolean\n\nexport function useMounted(props?: { delay?: number; state?: true }): boolean\n\nexport function useMounted({ delay = 0, state = false }: UseMountedProps = {}) {\n  const mountedRef = useRef(false)\n  const [mounted, setMounted] = useState(false)\n\n  useSafeLayoutEffect(() => {\n    mountedRef.current = true\n\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (state) {\n      if (delay > 0) {\n        timeoutId = setTimeout(() => setMounted(true), delay)\n      } else {\n        setMounted(true)\n      }\n    }\n\n    return () => {\n      mountedRef.current = false\n\n      if (state) setMounted(false)\n\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [delay, state])\n\n  if (state) {\n    return mounted\n  } else {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useCallback(() => mountedRef.current, [])\n  }\n}\n\nexport type UseMountedReturn = ReturnType<typeof useMounted>\n"],"mappings":";;;;AAiBA,SAAgB,WAAW,EAAE,QAAQ,GAAG,QAAQ,UAA2B,EAAE,EAAE;CAC7E,MAAM,aAAa,OAAO,MAAM;CAChC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,0BAA0B;EACxB,WAAW,UAAU;EAErB,IAAI,YAAmC;EAEvC,IAAI,OACF,IAAI,QAAQ,GACV,YAAY,iBAAiB,WAAW,KAAK,EAAE,MAAM;OAErD,WAAW,KAAK;EAIpB,aAAa;GACX,WAAW,UAAU;GAErB,IAAI,OAAO,WAAW,MAAM;GAE5B,IAAI,WAAW,aAAa,UAAU;;IAEvC,CAAC,OAAO,MAAM,CAAC;CAElB,IAAI,OACF,OAAO;MAGP,OAAO,kBAAkB,WAAW,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.js","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,aAAa,OAAO,KAAK;CAC/B,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,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,OAAO,kBAAkB,WAAW,SAAS,CAAC,CAAC;AAEnD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-online/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useSyncExternalStore } from \"react\"\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"online\", callback)\n  window.addEventListener(\"offline\", callback)\n\n  return () => {\n    window.removeEventListener(\"online\", callback)\n    window.removeEventListener(\"offline\", callback)\n  }\n}\n\nfunction getSnapshot() {\n  return window.navigator.onLine\n}\n\nexport interface UseOnlineProps {}\n\nexport function useOnline(\n  getServerSnapshot: () => boolean = () => true,\n): boolean {\n  const online = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n  return online\n}\n\nexport type UseOnlineReturn = ReturnType<typeof useOnline>\n"],"mappings":";;;AAIA,SAAS,UAAU,UAAsB;CACvC,OAAO,iBAAiB,UAAU,SAAS;CAC3C,OAAO,iBAAiB,WAAW,SAAS;CAE5C,aAAa;EACX,OAAO,oBAAoB,UAAU,SAAS;EAC9C,OAAO,oBAAoB,WAAW,SAAS;;;AAInD,SAAS,cAAc;CACrB,OAAO,OAAO,UAAU;;AAK1B,SAAgB,UACd,0BAAyC,MAChC;CAGT,OAFe,qBAAqB,WAAW,aAAa,kBAE/C"}
+{"version":3,"file":"index.js","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,OAFe,qBAAqB,WAAW,aAAa,iBAEhD;AACd"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,aAAa,eAAe,QAAQ;CAE1C,MAAM,QAAQ,OAAO;EACnB,2BAA2B;EAC3B,eAAe;EAChB,CAAC;CAEF,MAAM,gBAAgB,aACnB,OAAgC;EAC/B,IAAI,aAAa,IAAI,IAAI,EAAE,MAAM,QAAQ,gBAAgB;IAE3D,CAAC,IAAI,CACN;CAED,MAAM,YAAY,aACf,OAAmB;EAClB,IAAI,MAAM,QAAQ,2BAA2B;GAC3C,MAAM,QAAQ,4BAA4B;GAE1C;;EAGF,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,GAAG;;IAGlB;EAAC;EAAS;EAAY;EAAI,CAC3B;CAED,MAAM,aAAa,aAChB,OAAmB;EAClB,MAAM,QAAQ,4BAA4B;EAE1C,IAAI,MAAM,QAAQ,iBAAiB,WAAW,aAAa,IAAI,IAAI,EAAE;GACnE,MAAM,QAAQ,gBAAgB;GAE9B,WAAW,GAAG;;IAGlB;EAAC;EAAS;EAAY;EAAI,CAC3B;CAED,gBAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,OAAA,GAAA,cAAA,cAAA,GAAA,cAAA,SAA0B,IAAI,GAAG,IAAI,IAAI,UAAU,IAAI,QAAQ;EAErE,IAAI,iBAAiB,aAAa,eAAe,KAAK;EACtD,IAAI,iBAAiB,WAAW,WAAW,KAAK;EAChD,IAAI,iBAAiB,cAAc,eAAe,KAAK;EACvD,IAAI,iBAAiB,YAAY,YAAY,KAAK;EAElD,aAAa;GACX,IAAI,oBAAoB,aAAa,eAAe,KAAK;GACzD,IAAI,oBAAoB,WAAW,WAAW,KAAK;GACnD,IAAI,oBAAoB,cAAc,eAAe,KAAK;GAC1D,IAAI,oBAAoB,YAAY,YAAY,KAAK;;IAEtD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;;AAGJ,MAAM,gBACJ,IACA,QACG;CACH,MAAM,SAAS,GAAG;CAElB,IAAI,YAAY,MAAM,GAAG,SAAS,GAAG,OAAO;CAE5C,IAAI;MAAY,EAAA,GAAA,cAAA,aAAa,OAAO,CAAC,SAAS,OAAO,EAAE,OAAO;;CAE9D,KAAA,GAAA,cAAA,SAAY,IAAI,EACd,OAAO,CAAC,IAAI,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,CAAC;MAExD,OAAO,CAAC,IAAI,SAAS,SAAS,OAAO"}
+{"version":3,"file":"index.js","names":[],"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,aAAa,eAAe,OAAO;CAEzC,MAAM,QAAQ,OAAO;EACnB,2BAA2B;EAC3B,eAAe;CACjB,CAAC;CAED,MAAM,gBAAgB,aACnB,OAAgC;EAC/B,IAAI,aAAa,IAAI,GAAG,GAAG,MAAM,QAAQ,gBAAgB;CAC3D,GACA,CAAC,GAAG,CACN;CAEA,MAAM,YAAY,aACf,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,aAAa,aAChB,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,gBAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,OAAA,GAAA,cAAA,cAAA,GAAA,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,cAAA,aAAa,MAAM,EAAE,SAAS,MAAM,GAAG,OAAO;CAAA;CAE9D,KAAA,GAAA,cAAA,SAAY,GAAG,GACb,OAAO,CAAC,IAAI,MAAM,QAAQ,IAAI,SAAS,SAAS,MAAM,CAAC;MAEvD,OAAO,CAAC,IAAI,SAAS,SAAS,MAAM;AAExC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/use-pan-event/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  DataAttributes,\n  HTMLAttributes,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport type { Point } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  addDomEvent,\n  getEventPoint,\n  handlerAll,\n  isMultiTouchEvent,\n  mergeRefs,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface PanEventProps {\n  threshold?: number\n  onEnd?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onMove?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n  onStart?: (ev: PointerEvent, point: Point, rect: DOMRect) => void\n}\n\ninterface Props<Y extends HTMLElement>\n  extends DataAttributes, HTMLAttributes<Y>, RefAttributes<Y> {}\n\nexport const usePanEvent = <Y extends HTMLElement>({\n  threshold = 3,\n  ...rest\n}: PanEventProps = {}): [\n  RefObject<null | Y>,\n  (props?: Props<Y>) => Props<Y>,\n] => {\n  const { getWindow } = useEnvironment()\n  const onStart = useCallbackRef(rest.onStart)\n  const onMove = useCallbackRef(rest.onMove)\n  const onEnd = useCallbackRef(rest.onEnd)\n  const latestPoint = useRef<null | Point>(null)\n  const unsubscribe = useRef<(() => void)[]>([])\n  const ref = useRef<Y>(null)\n\n  const cleanup = useCallback(() => {\n    unsubscribe.current.forEach((unsubscribe) => unsubscribe())\n\n    latestPoint.current = null\n    unsubscribe.current = []\n  }, [])\n\n  const shouldMove = useCallback(\n    (point: Point) => {\n      if (threshold === 0) return true\n      if (!latestPoint.current) return true\n\n      const distance = Math.sqrt(\n        Math.pow(point.x - latestPoint.current.x, 2) +\n          Math.pow(point.y - latestPoint.current.y, 2),\n      )\n\n      return distance >= threshold\n    },\n    [threshold],\n  )\n\n  useUnmountEffect(() => {\n    cleanup()\n  })\n\n  const getProps = useCallback(\n    (props: Props<Y> = {}) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, props.ref),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          const win = ev.nativeEvent.view ?? getWindow()\n\n          if (!win) return\n          if (isMultiTouchEvent(ev.nativeEvent)) return\n          if (!ref.current) return\n\n          ev.preventDefault()\n\n          const point = getEventPoint(ev.nativeEvent)\n          const rect = ref.current.getBoundingClientRect()\n\n          onStart(ev.nativeEvent, point, rect)\n\n          latestPoint.current = point\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointermove\", (ev) => {\n              if (!ref.current) return\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              if (!shouldMove(point)) return\n\n              latestPoint.current = point\n\n              onMove(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointerup\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n\n          unsubscribe.current.push(\n            addDomEvent(win, \"pointercancel\", (ev) => {\n              if (!ref.current) return\n\n              cleanup()\n\n              const point = getEventPoint(ev)\n              const rect = ref.current.getBoundingClientRect()\n\n              onEnd(ev, point, rect)\n            }),\n          )\n        }),\n      }\n    },\n    [cleanup, getWindow, onEnd, onMove, onStart, shouldMove],\n  )\n\n  return [ref, getProps] as const\n}\n\nexport type UsePanEventReturn = ReturnType<typeof usePanEvent>\n"],"mappings":";;;;;;;AA+BA,MAAa,eAAsC,EACjD,YAAY,GACZ,GAAG,SACc,EAAE,KAGhB;CACH,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,UAAU,eAAe,KAAK,QAAQ;CAC5C,MAAM,SAAS,eAAe,KAAK,OAAO;CAC1C,MAAM,QAAQ,eAAe,KAAK,MAAM;CACxC,MAAM,cAAc,OAAqB,KAAK;CAC9C,MAAM,cAAc,OAAuB,EAAE,CAAC;CAC9C,MAAM,MAAM,OAAU,KAAK;CAE3B,MAAM,UAAU,kBAAkB;EAChC,YAAY,QAAQ,SAAS,gBAAgB,aAAa,CAAC;EAE3D,YAAY,UAAU;EACtB,YAAY,UAAU,EAAE;IACvB,EAAE,CAAC;CAEN,MAAM,aAAa,aAChB,UAAiB;EAChB,IAAI,cAAc,GAAG,OAAO;EAC5B,IAAI,CAAC,YAAY,SAAS,OAAO;EAOjC,OALiB,KAAK,KACpB,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,GAC1C,KAAK,IAAI,MAAM,IAAI,YAAY,QAAQ,GAAG,EAAE,CAGjC,IAAI;IAErB,CAAC,UAAU,CACZ;CAED,uBAAuB;EACrB,SAAS;GACT;CAqEF,OAAO,CAAC,KAnES,aACd,QAAkB,EAAE,KAAK;EACxB,OAAO;GACL,GAAG;GACH,KAAK,UAAU,KAAK,MAAM,IAAI;GAC9B,gBAAA,GAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;IACrD,MAAM,MAAM,GAAG,YAAY,QAAQ,WAAW;IAE9C,IAAI,CAAC,KAAK;IACV,KAAA,GAAA,cAAA,mBAAsB,GAAG,YAAY,EAAE;IACvC,IAAI,CAAC,IAAI,SAAS;IAElB,GAAG,gBAAgB;IAEnB,MAAM,SAAA,GAAA,cAAA,eAAsB,GAAG,YAAY;IAC3C,MAAM,OAAO,IAAI,QAAQ,uBAAuB;IAEhD,QAAQ,GAAG,aAAa,OAAO,KAAK;IAEpC,YAAY,UAAU;IAEtB,YAAY,QAAQ,MAAA,GAAA,cAAA,aACN,KAAK,gBAAgB,OAAO;KACtC,IAAI,CAAC,IAAI,SAAS;KAElB,MAAM,SAAA,GAAA,cAAA,eAAsB,GAAG;KAC/B,MAAM,OAAO,IAAI,QAAQ,uBAAuB;KAEhD,IAAI,CAAC,WAAW,MAAM,EAAE;KAExB,YAAY,UAAU;KAEtB,OAAO,IAAI,OAAO,KAAK;MACvB,CACH;IAED,YAAY,QAAQ,MAAA,GAAA,cAAA,aACN,KAAK,cAAc,OAAO;KACpC,IAAI,CAAC,IAAI,SAAS;KAElB,SAAS;KAKT,MAAM,KAAA,GAAA,cAAA,eAHsB,GAGb,EAFF,IAAI,QAAQ,uBAEJ,CAAC;MACtB,CACH;IAED,YAAY,QAAQ,MAAA,GAAA,cAAA,aACN,KAAK,kBAAkB,OAAO;KACxC,IAAI,CAAC,IAAI,SAAS;KAElB,SAAS;KAKT,MAAM,KAAA,GAAA,cAAA,eAHsB,GAGb,EAFF,IAAI,QAAQ,uBAEJ,CAAC;MACtB,CACH;KACD;GACH;IAEH;EAAC;EAAS;EAAW;EAAO;EAAQ;EAAS;EAAW,CAGrC,CAAC"}
+{"version":3,"file":"index.js","names":[],"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,cAAc,eAAe;CACrC,MAAM,UAAU,eAAe,KAAK,OAAO;CAC3C,MAAM,SAAS,eAAe,KAAK,MAAM;CACzC,MAAM,QAAQ,eAAe,KAAK,KAAK;CACvC,MAAM,cAAc,OAAqB,IAAI;CAC7C,MAAM,cAAc,OAAuB,CAAC,CAAC;CAC7C,MAAM,MAAM,OAAU,IAAI;CAE1B,MAAM,UAAU,kBAAkB;EAChC,YAAY,QAAQ,SAAS,gBAAgB,YAAY,CAAC;EAE1D,YAAY,UAAU;EACtB,YAAY,UAAU,CAAC;CACzB,GAAG,CAAC,CAAC;CAEL,MAAM,aAAa,aAChB,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,uBAAuB;EACrB,QAAQ;CACV,CAAC;CAqED,OAAO,CAAC,KAnES,aACd,QAAkB,CAAC,MAAM;EACxB,OAAO;GACL,GAAG;GACH,KAAK,UAAU,KAAK,MAAM,GAAG;GAC7B,gBAAA,GAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;IACrD,MAAM,MAAM,GAAG,YAAY,QAAQ,UAAU;IAE7C,IAAI,CAAC,KAAK;IACV,KAAA,GAAA,cAAA,mBAAsB,GAAG,WAAW,GAAG;IACvC,IAAI,CAAC,IAAI,SAAS;IAElB,GAAG,eAAe;IAElB,MAAM,SAAA,GAAA,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,cAAA,aACN,KAAK,gBAAgB,OAAO;KACtC,IAAI,CAAC,IAAI,SAAS;KAElB,MAAM,SAAA,GAAA,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,cAAA,aACN,KAAK,cAAc,OAAO;KACpC,IAAI,CAAC,IAAI,SAAS;KAElB,QAAQ;KAKR,MAAM,KAAA,GAAA,cAAA,eAHsB,EAGd,GAFD,IAAI,QAAQ,sBAEL,CAAC;IACvB,CAAC,CACH;IAEA,YAAY,QAAQ,MAAA,GAAA,cAAA,aACN,KAAK,kBAAkB,OAAO;KACxC,IAAI,CAAC,IAAI,SAAS;KAElB,QAAQ;KAKR,MAAM,KAAA,GAAA,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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;CAChB;AAiGD,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,EAAE,KAAK;CAC5B,MAAM,aAAa,cAAc;EAC/B,MAAM,aAAwD,EAAE;EAEhE,IAAI,YAAY;GACd,MAAM,CAAC,UAAU,aAAa;GAE9B,WAAW,KAAK,OAAO;IAAE;IAAW;IAAU,CAAC,CAAC;SAC3C,IAAI,QACT,WAAW,KAAK,OAAO,OAAO,CAAC;EAGjC,IAAI,UAAU,WAAW,KAAK,MAAM,CAAC;EAErC,IAAI,iBAAiB,WAAW,KAAK,OAAO,CAAC;EAE7C,IAAI,gBAAgB,WAAW,KAAK,GAAG,eAAe;EAEtD,IAAI,YACF,WAAW,KACT,KAAK,EACH,MAAM,EAAE,UAAU,SAAS;GACzB,OAAO,OAAO,SAAS,SAAS,OAAO,EACrC,UAAU,GAAG,MAAM,UAAU,MAAM,KACpC,CAAC;KAEL,CAAC,CACH;EAEH,OAAO;IACN;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,uBAAuB,cAAc;EACzC,IAAI,0BACF,OAAO;EAET,IAAI,gBAAgB,OAAO;IAC1B,CAAC,gBAAgB,yBAAyB,CAAC;CAE9C,MAAM,EAAE,gBAAgB,MAAM,GAAG,SAAS,YAA0B;EAClE;EACA;EACA;EACA,WAAW,cAAc;EACzB;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,oBAAoB,aAEtB,WAEC;EACC,GAAG;EACH,KAAK,UAAU,OAAO,KAAiB,KAAK,aAAa;EAC1D,GACH,CAAC,KAAK,aAAa,CACpB;CAED,MAAM,iBAAiB,aACM,WACxB;EACC,GAAG;EACH,KAAK,UAAU,OAAO,KAAiB,KAAK,YAAY;EACxD,OAAO;GACL,GAAG,OAAO;GACV,UAAU,aAAa,KAAA,IAAY;GACnC,GAAG;GACJ;EACF,GACH;EAAC,KAAK;EAAa;EAAY;EAAe,CAC/C;CAED,OAAO;EACL,GAAG;EACH;EACA;EACA;EACD;;AAKH,MAAa,cAAwC;CACnD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,kBAKX,OACA,aACG;CACH,OAAO,cACL,OACA,YAAY,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAS,CAAC,CAC3D"}
+{"version":3,"file":"index.js","names":[],"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,aAAa,cAAc;EAC/B,MAAM,aAAwD,CAAC;EAE/D,IAAI,YAAY;GACd,MAAM,CAAC,UAAU,aAAa;GAE9B,WAAW,KAAK,OAAO;IAAE;IAAW;GAAS,CAAC,CAAC;EACjD,OAAO,IAAI,QACT,WAAW,KAAK,OAAO,MAAM,CAAC;EAGhC,IAAI,UAAU,WAAW,KAAK,KAAK,CAAC;EAEpC,IAAI,iBAAiB,WAAW,KAAK,MAAM,CAAC;EAE5C,IAAI,gBAAgB,WAAW,KAAK,GAAG,cAAc;EAErD,IAAI,YACF,WAAW,KACT,KAAK,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,uBAAuB,cAAc;EACzC,IAAI,0BACF,OAAO;EAET,IAAI,gBAAgB,OAAO;CAC7B,GAAG,CAAC,gBAAgB,wBAAwB,CAAC;CAE7C,MAAM,EAAE,gBAAgB,MAAM,GAAG,SAAS,YAA0B;EAClE;EACA;EACA;EACA,WAAW,cAAc;EACzB;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,oBAAoB,aAEtB,WAEC;EACC,GAAG;EACH,KAAK,UAAU,OAAO,KAAiB,KAAK,YAAY;CAC1D,IACF,CAAC,KAAK,YAAY,CACpB;CAEA,MAAM,iBAAiB,aACM,WACxB;EACC,GAAG;EACH,KAAK,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,OAAO,cACL,OACA,YAAY,QAAQ,QAAQ,CAAC,UAAU,SAAS,GAAQ,CAAC,CAC3D;AAWF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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,MAAM,OAAsB,KAAA,EAAU;CAE5C,gBAAgB;EACd,IAAI,UAAU;IACb,CAAC,MAAM,CAAC;CAEX,OAAO,IAAI"}
+{"version":3,"file":"index.js","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,MAAM,OAAsB,KAAA,CAAS;CAE3C,gBAAgB;EACd,IAAI,UAAU;CAChB,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO,IAAI;AACb"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,QAAQ,WAAW,KAAK;CAC/C,MAAM,WAAW,OAAe,EAAE;CAElC,MAAM,QAAQ,kBAAkB;EAC9B,SAAS,WAAW;EAEpB,IAAI;IACH,CAAC,GAAG,CAAC;CAER,MAAM,SAAS,kBAAkB;EAC/B,SAAS,WAAW;EAEpB,IAAI,SAAS,WAAW,GAAG,KAAK;IAC/B,CAAC,IAAI,CAAC;CAET,uBAAuB;EACrB,SAAS,UAAU;GACnB;CAWF,OATiB,eACR;EACL;EACA;EACA;EACD,GACD;EAAC;EAAQ;EAAS;EAAM,CAGX"}
+{"version":3,"file":"index.js","names":[],"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,QAAQ,WAAW,IAAI;CAC9C,MAAM,WAAW,OAAe,CAAC;CAEjC,MAAM,QAAQ,kBAAkB;EAC9B,SAAS,WAAW;EAEpB,GAAG;CACL,GAAG,CAAC,EAAE,CAAC;CAEP,MAAM,SAAS,kBAAkB;EAC/B,SAAS,WAAW;EAEpB,IAAI,SAAS,WAAW,GAAG,IAAI;CACjC,GAAG,CAAC,GAAG,CAAC;CAER,uBAAuB;EACrB,SAAS,UAAU;CACrB,CAAC;CAWD,OATiB,eACR;EACL;EACA;EACA;CACF,IACA;EAAC;EAAQ;EAAS;CAAK,CAGX;AAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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;CACJ;;;;;;AAOD,MAAa,0BAAuD;CAClE,MAAM,KAAK,OAAO,EAAE;CACpB,MAAM,MAAM,OAAU,KAAK;CAC3B,MAAM,CAAC,MAAM,WAAW,SAAuB,YAAY;CAE3D,MAAM,WAAW,cAAc;EAC7B,IAAI,EAAA,GAAA,cAAA,aAAa,EAAE,OAAO;EAE1B,OAAO,IAAI,gBAAgB,CAAC,WAAW;GACrC,IAAI,CAAC,OAAO;GAEZ,qBAAqB,GAAG,QAAQ;GAEhC,GAAG,UAAU,4BAA4B;IACvC,IAAI,IAAI,SAAS,QAAQ,MAAM,YAAY;KAC3C;IACF;IACD,EAAE,CAAC;CAEN,gBAAgB;EACd,IAAI,IAAI,SAAS,UAAU,QAAQ,IAAI,QAAQ;EAE/C,aAAa;GACX,UAAU,YAAY;GAEtB,IAAI,GAAG,SAAS,qBAAqB,GAAG,QAAQ;;IAEjD,CAAC,SAAS,CAAC;CAEd,OAAO,CAAC,KAAK,KAAK;;AAGpB,MAAa,uBAAoD;CAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,WAAW,mBAAsB;CAEvD,OAAO;EAAE;EAAK;EAAQ;EAAO"}
+{"version":3,"file":"index.js","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,KAAK,OAAO,CAAC;CACnB,MAAM,MAAM,OAAU,IAAI;CAC1B,MAAM,CAAC,MAAM,WAAW,SAAuB,WAAW;CAE1D,MAAM,WAAW,cAAc;EAC7B,IAAI,EAAA,GAAA,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,gBAAgB;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/esm/hooks/use-timeout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,cAAc,eAAe,SAAS;CAE5C,gBAAgB;EACd,IAAI,SAAS,MAAM,OAAO,KAAA;EAE1B,IAAI,YAAmC;EAEvC,YAAY,WAAW,aAAa,MAAM;EAE1C,aAAa;GACX,aAAa,UAAU;;IAExB,CAAC,OAAO,YAAY,CAAC"}
+{"version":3,"file":"index.js","names":[],"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,cAAc,eAAe,QAAQ;CAE3C,gBAAgB;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/esm/hooks/use-value/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAClC,MAAM,EAAE,cAAc,cAAc;CAEpC,OAAO,cAAc;EACnB,OAAO,SAAS,MAAM,CAAC,QAAQ,WAAW,WAAW;IACpD;EAAC;EAAO;EAAQ;EAAW;EAAW,CAAC;;AAG5C,MAAa,YACP,WACH,QAAgB,WAAsB,eAA8B;CACnE,KAAA,GAAA,cAAA,UAAyC,MAAM,EAC7C,OAAO,mBAAmB,MAAM,CAAC,QAAQ,WAAW;MAC/C,KAAA,GAAA,cAAA,SAAsC,MAAM,EAAE;EACnD,MAAM,CAAC,OAAO,QAAQ;EAEtB,OAAO,kBAAkB,OAAO,KAAK,CAAC,UAAU;QAEhD,OAAO"}
+{"version":3,"file":"index.js","names":[],"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,SAAS,UAAU;CACzB,MAAM,aAAa,cAAc;CACjC,MAAM,EAAE,cAAc,aAAa;CAEnC,OAAO,cAAc;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,cAAA,UAAyC,KAAK,GAC5C,OAAO,mBAAmB,KAAK,EAAE,QAAQ,UAAU;MAC9C,KAAA,GAAA,cAAA,SAAsC,KAAK,GAAG;EACnD,MAAM,CAAC,OAAO,QAAQ;EAEtB,OAAO,kBAAkB,OAAO,IAAI,EAAE,SAAS;CACjD,OACE,OAAO;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,cAAc,gBAAgB;CACtC,MAAM,WAAW,eACf,QACD;CAED,gBAAgB;EACd,WAAW,EAAE,iBAAiB,IAAI,UAAU,QAAQ;EAEpD,aAAa;GACX,WAAW,EAAE,oBAAoB,IAAI,UAAU,QAAQ;;IAExD;EAAC;EAAI;EAAU;EAAS;EAAU,CAAC"}
+{"version":3,"file":"index.js","names":[],"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,cAAc,eAAe;CACrC,MAAM,WAAW,eACf,OACF;CAEA,gBAAgB;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"}