@yamada-ui/react 2.2.2-dev-20260525160901 → 2.2.2-dev-20260609113509

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useMounted"],"sources":["../../../../src/hooks/use-async/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useMounted } from \"../use-mounted\"\n\nexport type FunctionReturningPromise = (...args: any[]) => Promise<any>\n\n/**\n * `useAsync` is a custom hook that executes an asynchronous function and tracks its state.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async\n */\nexport function useAsync<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n) {\n  const [state, callback] = useAsyncFunc(func, deps, { loading: true })\n\n  useEffect(() => {\n    callback()\n  }, [callback])\n\n  return state\n}\n\nexport type AsyncState<Y> =\n  | {\n      error: Error\n      loading: false\n      value?: undefined\n    }\n  | {\n      loading: boolean\n      error?: undefined\n      value?: undefined\n    }\n  | {\n      loading: false\n      value: Y\n      error?: undefined\n    }\n  | {\n      loading: true\n      error?: Error | undefined\n      value?: Y\n    }\n\nexport type PromiseType<P extends Promise<any>> =\n  P extends Promise<infer Y> ? Y : never\n\ntype StateFromFunctionReturningPromise<Y extends FunctionReturningPromise> =\n  AsyncState<PromiseType<ReturnType<Y>>>\n\nexport type AsyncFnReturn<\n  Y extends FunctionReturningPromise = FunctionReturningPromise,\n> = [StateFromFunctionReturningPromise<Y>, Y]\n\nexport function useAsyncFunc<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n  initialState: StateFromFunctionReturningPromise<Y> = { loading: false },\n): AsyncFnReturn<Y> {\n  const lastCallId = useRef(0)\n  const mounted = useMounted()\n  const [state, setState] =\n    useState<StateFromFunctionReturningPromise<Y>>(initialState)\n\n  const callback = useCallback(\n    (...args: Parameters<Y>): ReturnType<Y> => {\n      const callId = ++lastCallId.current\n\n      if (!state.loading)\n        setState((prevState) => ({ ...prevState, loading: true }))\n\n      return func(...args).then(\n        (value) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ loading: false, value })\n\n          return value\n        },\n        (error) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ error, loading: false })\n\n          return error\n        },\n      ) as ReturnType<Y>\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    deps,\n  )\n\n  return [state, callback as unknown as Y]\n}\n\nexport type AsyncStateRetry<Y> = AsyncState<Y> & {\n  retry(): void\n}\n\nexport function useAsyncRetry<Y>(\n  func: () => Promise<Y>,\n  deps: DependencyList = [],\n) {\n  const [attempt, setAttempt] = useState<number>(0)\n  const state = useAsync(func, [...deps, attempt])\n\n  const stateLoading = state.loading\n\n  const retry = useCallback(() => {\n    if (stateLoading) return\n\n    setAttempt((currentAttempt) => currentAttempt + 1)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [...deps, stateLoading])\n\n  return { ...state, retry }\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,SACd,MACA,OAAuB,CAAC,GACxB;CACA,MAAM,CAAC,OAAO,YAAY,aAAa,MAAM,MAAM,EAAE,SAAS,KAAK,CAAC;CAEpE,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS;CACX,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO;AACT;AAkCA,SAAgB,aACd,MACA,OAAuB,CAAC,GACxB,eAAqD,EAAE,SAAS,MAAM,GACpD;CAClB,MAAM,cAAA,GAAA,MAAA,QAAoB,CAAC;CAC3B,MAAM,UAAUA,gCAAAA,WAAW;CAC3B,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACmC,YAAY;CA4B7D,OAAO,CAAC,QAAA,GAAA,MAAA,cAzBL,GAAG,SAAuC;EACzC,MAAM,SAAS,EAAE,WAAW;EAE5B,IAAI,CAAC,MAAM,SACT,UAAU,eAAe;GAAE,GAAG;GAAW,SAAS;EAAK,EAAE;EAE3D,OAAO,KAAK,GAAG,IAAI,EAAE,MAClB,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE,SAAS;IAAO;GAAM,CAAC;GAEpC,OAAO;EACT,IACC,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE;IAAO,SAAS;GAAM,CAAC;GAEpC,OAAO;EACT,CACF;CACF,GAEA,IAGoB,CAAiB;AACzC;AAMA,SAAgB,cACd,MACA,OAAuB,CAAC,GACxB;CACA,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAA+B,CAAC;CAChD,MAAM,QAAQ,SAAS,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;CAE/C,MAAM,eAAe,MAAM;CAE3B,MAAM,SAAA,GAAA,MAAA,mBAA0B;EAC9B,IAAI,cAAc;EAElB,YAAY,mBAAmB,iBAAiB,CAAC;CAEnD,GAAG,CAAC,GAAG,MAAM,YAAY,CAAC;CAE1B,OAAO;EAAE,GAAG;EAAO;CAAM;AAC3B"}
+{"version":3,"file":"index.cjs","names":["useMounted"],"sources":["../../../../src/hooks/use-async/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useMounted } from \"../use-mounted\"\n\nexport type FunctionReturningPromise = (...args: any[]) => Promise<any>\n\n/**\n * `useAsync` is a custom hook that executes an asynchronous function and tracks its state.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async\n */\nexport function useAsync<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n) {\n  const [state, callback] = useAsyncFunc(func, deps, { loading: true })\n\n  useEffect(() => {\n    callback()\n  }, [callback])\n\n  return state\n}\n\nexport type AsyncState<Y> =\n  | {\n      error: Error\n      loading: false\n      value?: undefined\n    }\n  | {\n      loading: boolean\n      error?: undefined\n      value?: undefined\n    }\n  | {\n      loading: false\n      value: Y\n      error?: undefined\n    }\n  | {\n      loading: true\n      error?: Error | undefined\n      value?: Y\n    }\n\nexport type PromiseType<P extends Promise<any>> =\n  P extends Promise<infer Y> ? Y : never\n\ntype StateFromFunctionReturningPromise<Y extends FunctionReturningPromise> =\n  AsyncState<PromiseType<ReturnType<Y>>>\n\nexport type AsyncFnReturn<\n  Y extends FunctionReturningPromise = FunctionReturningPromise,\n> = [StateFromFunctionReturningPromise<Y>, Y]\n\nexport function useAsyncFunc<Y extends FunctionReturningPromise>(\n  func: Y,\n  deps: DependencyList = [],\n  initialState: StateFromFunctionReturningPromise<Y> = { loading: false },\n): AsyncFnReturn<Y> {\n  const lastCallId = useRef(0)\n  const mounted = useMounted()\n  const [state, setState] =\n    useState<StateFromFunctionReturningPromise<Y>>(initialState)\n\n  const callback = useCallback(\n    (...args: Parameters<Y>): ReturnType<Y> => {\n      const callId = ++lastCallId.current\n\n      if (!state.loading)\n        setState((prevState) => ({ ...prevState, loading: true }))\n\n      return func(...args).then(\n        (value) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ loading: false, value })\n\n          return value\n        },\n        (error) => {\n          if (mounted() && callId === lastCallId.current)\n            setState({ error, loading: false })\n\n          return error\n        },\n      ) as ReturnType<Y>\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    deps,\n  )\n\n  return [state, callback as unknown as Y]\n}\n\nexport type AsyncStateRetry<Y> = AsyncState<Y> & {\n  retry(): void\n}\n\nexport function useAsyncRetry<Y>(\n  func: () => Promise<Y>,\n  deps: DependencyList = [],\n) {\n  const [attempt, setAttempt] = useState<number>(0)\n  const state = useAsync(func, [...deps, attempt])\n\n  const stateLoading = state.loading\n\n  const retry = useCallback(() => {\n    if (stateLoading) return\n\n    setAttempt((currentAttempt) => currentAttempt + 1)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [...deps, stateLoading])\n\n  return { ...state, retry }\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,SACd,MACA,OAAuB,CAAC,GACxB;CACA,MAAM,CAAC,OAAO,YAAY,aAAa,MAAM,MAAM,EAAE,SAAS,KAAK,CAAC;CAEpE,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,SAAS;CACX,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO;AACT;AAkCA,SAAgB,aACd,MACA,OAAuB,CAAC,GACxB,eAAqD,EAAE,SAAS,MAAM,GACpD;CAClB,MAAM,cAAA,GAAA,MAAA,OAAA,CAAoB,CAAC;CAC3B,MAAM,UAAUA,gCAAAA,WAAW;CAC3B,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CACmC,YAAY;CA4B7D,OAAO,CAAC,QAAA,GAAA,MAAA,YAAA,EAzBL,GAAG,SAAuC;EACzC,MAAM,SAAS,EAAE,WAAW;EAE5B,IAAI,CAAC,MAAM,SACT,UAAU,eAAe;GAAE,GAAG;GAAW,SAAS;EAAK,EAAE;EAE3D,OAAO,KAAK,GAAG,IAAI,CAAC,CAAC,MAClB,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE,SAAS;IAAO;GAAM,CAAC;GAEpC,OAAO;EACT,IACC,UAAU;GACT,IAAI,QAAQ,KAAK,WAAW,WAAW,SACrC,SAAS;IAAE;IAAO,SAAS;GAAM,CAAC;GAEpC,OAAO;EACT,CACF;CACF,GAEA,IAGoB,CAAiB;AACzC;AAMA,SAAgB,cACd,MACA,OAAuB,CAAC,GACxB;CACA,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAA+B,CAAC;CAChD,MAAM,QAAQ,SAAS,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;CAE/C,MAAM,eAAe,MAAM;CAE3B,MAAM,SAAA,GAAA,MAAA,YAAA,OAA0B;EAC9B,IAAI,cAAc;EAElB,YAAY,mBAAmB,iBAAiB,CAAC;CAEnD,GAAG,CAAC,GAAG,MAAM,YAAY,CAAC;CAE1B,OAAO;EAAE,GAAG;EAAO;CAAM;AAC3B"}

package/dist/cjs/hooks/use-async-callback/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useLoading","useProcessing","useCallbackRef"],"sources":["../../../../src/hooks/use-async-callback/index.ts"],"sourcesContent":["import type { DependencyList } from \"react\"\nimport type { Loading } from \"../../components/loading\"\nimport { useCallback, useMemo } from \"react\"\nimport { useLoading } from \"../../components/loading\"\nimport { useCallbackRef } from \"../../utils/ref\"\nimport { useProcessing } from \"../use-processing\"\n\ntype Callback = (...args: any[]) => any\n\nexport interface UseAsyncCallbackOptions {\n  /**\n   * The method to use for loading.\n   * If `false`, the loading will not be shown.\n   */\n  loading?: false | Loading.Method\n  /**\n   * The options to pass to the loading component.\n   */\n  loadingOptions?: Loading.Options\n  /**\n   * If `false`, the processing will not change.\n   *\n   * @default true\n   */\n  processing?: boolean\n}\n\n/**\n * `useAsyncCallback` is a custom hook used to manage async callbacks.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async-callback\n */\nexport const useAsyncCallback = <Y extends Callback>(\n  callback: Y,\n  deps: DependencyList,\n  {\n    loading: method = false,\n    loadingOptions,\n    processing: shouldProcessing = true,\n  }: UseAsyncCallbackOptions = {},\n): UseAsyncCallbackReturn<Y> => {\n  const context = useLoading()\n  const { finish, loading, start } = useProcessing()\n  const shouldLoading = !!method\n  const callbackRef = useCallbackRef(callback, deps)\n\n  const asyncCallback = useCallback(\n    async (...args: Parameters<Y>) => {\n      try {\n        if (shouldProcessing) start()\n        if (shouldLoading) context[method].start(loadingOptions)\n\n        return await callbackRef(...args)\n      } finally {\n        if (shouldProcessing) finish()\n        if (shouldLoading) context[method].finish()\n      }\n    },\n    [\n      callbackRef,\n      shouldProcessing,\n      shouldLoading,\n      context,\n      method,\n      loadingOptions,\n      start,\n      finish,\n    ],\n  )\n\n  const control = useMemo(() => ({ finish, start }), [finish, start])\n\n  return [loading, asyncCallback, control]\n}\n\nexport type UseAsyncCallbackReturn<Y extends Callback> = [\n  loading: boolean,\n  callback: (...args: Parameters<Y>) => Promise<Awaited<ReturnType<Y>>>,\n  control: { finish: () => void; start: () => void },\n]\n"],"mappings":";;;;;;;;;;;AAgCA,MAAa,oBACX,UACA,MACA,EACE,SAAS,SAAS,OAClB,gBACA,YAAY,mBAAmB,SACJ,CAAC,MACA;CAC9B,MAAM,UAAUA,yBAAAA,WAAW;CAC3B,MAAM,EAAE,QAAQ,SAAS,UAAUC,mCAAAA,cAAc;CACjD,MAAM,gBAAgB,CAAC,CAAC;CACxB,MAAM,cAAcC,YAAAA,eAAe,UAAU,IAAI;CA4BjD,OAAO;EAAC;yBAzBN,OAAO,GAAG,SAAwB;GAChC,IAAI;IACF,IAAI,kBAAkB,MAAM;IAC5B,IAAI,eAAe,QAAQ,QAAQ,MAAM,cAAc;IAEvD,OAAO,MAAM,YAAY,GAAG,IAAI;GAClC,UAAU;IACR,IAAI,kBAAkB,OAAO;IAC7B,IAAI,eAAe,QAAQ,QAAQ,OAAO;GAC5C;EACF,GACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAK2B;4BAFE;GAAE;GAAQ;EAAM,IAAI,CAAC,QAAQ,KAAK,CAE3B;CAAC;AACzC"}
+{"version":3,"file":"index.cjs","names":["useLoading","useProcessing","useCallbackRef"],"sources":["../../../../src/hooks/use-async-callback/index.ts"],"sourcesContent":["import type { DependencyList } from \"react\"\nimport type { Loading } from \"../../components/loading\"\nimport { useCallback, useMemo } from \"react\"\nimport { useLoading } from \"../../components/loading\"\nimport { useCallbackRef } from \"../../utils/ref\"\nimport { useProcessing } from \"../use-processing\"\n\ntype Callback = (...args: any[]) => any\n\nexport interface UseAsyncCallbackOptions {\n  /**\n   * The method to use for loading.\n   * If `false`, the loading will not be shown.\n   */\n  loading?: false | Loading.Method\n  /**\n   * The options to pass to the loading component.\n   */\n  loadingOptions?: Loading.Options\n  /**\n   * If `false`, the processing will not change.\n   *\n   * @default true\n   */\n  processing?: boolean\n}\n\n/**\n * `useAsyncCallback` is a custom hook used to manage async callbacks.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async-callback\n */\nexport const useAsyncCallback = <Y extends Callback>(\n  callback: Y,\n  deps: DependencyList,\n  {\n    loading: method = false,\n    loadingOptions,\n    processing: shouldProcessing = true,\n  }: UseAsyncCallbackOptions = {},\n): UseAsyncCallbackReturn<Y> => {\n  const context = useLoading()\n  const { finish, loading, start } = useProcessing()\n  const shouldLoading = !!method\n  const callbackRef = useCallbackRef(callback, deps)\n\n  const asyncCallback = useCallback(\n    async (...args: Parameters<Y>) => {\n      try {\n        if (shouldProcessing) start()\n        if (shouldLoading) context[method].start(loadingOptions)\n\n        return await callbackRef(...args)\n      } finally {\n        if (shouldProcessing) finish()\n        if (shouldLoading) context[method].finish()\n      }\n    },\n    [\n      callbackRef,\n      shouldProcessing,\n      shouldLoading,\n      context,\n      method,\n      loadingOptions,\n      start,\n      finish,\n    ],\n  )\n\n  const control = useMemo(() => ({ finish, start }), [finish, start])\n\n  return [loading, asyncCallback, control]\n}\n\nexport type UseAsyncCallbackReturn<Y extends Callback> = [\n  loading: boolean,\n  callback: (...args: Parameters<Y>) => Promise<Awaited<ReturnType<Y>>>,\n  control: { finish: () => void; start: () => void },\n]\n"],"mappings":";;;;;;;;;;;AAgCA,MAAa,oBACX,UACA,MACA,EACE,SAAS,SAAS,OAClB,gBACA,YAAY,mBAAmB,SACJ,CAAC,MACA;CAC9B,MAAM,UAAUA,yBAAAA,WAAW;CAC3B,MAAM,EAAE,QAAQ,SAAS,UAAUC,mCAAAA,cAAc;CACjD,MAAM,gBAAgB,CAAC,CAAC;CACxB,MAAM,cAAcC,YAAAA,eAAe,UAAU,IAAI;CA4BjD,OAAO;EAAC;yBAzBN,OAAO,GAAG,SAAwB;GAChC,IAAI;IACF,IAAI,kBAAkB,MAAM;IAC5B,IAAI,eAAe,QAAQ,OAAO,CAAC,MAAM,cAAc;IAEvD,OAAO,MAAM,YAAY,GAAG,IAAI;GAClC,UAAU;IACR,IAAI,kBAAkB,OAAO;IAC7B,IAAI,eAAe,QAAQ,OAAO,CAAC,OAAO;GAC5C;EACF,GACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAK2B;4BAFE;GAAE;GAAQ;EAAM,IAAI,CAAC,QAAQ,KAAK,CAE3B;CAAC;AACzC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-boolean/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\n\n/**\n * `useBoolean` is a custom hook used to manage boolean values using `on`, `off`, and `toggle` functions.\n *\n * @see https://yamada-ui.com/docs/hooks/use-boolean\n */\nexport const useBoolean = (init = false): UseBooleanReturn => {\n  const [flg, setFlg] = useState<boolean>(init)\n\n  const on = useCallback(() => setFlg(true), [])\n\n  const off = useCallback(() => setFlg(false), [])\n\n  const toggle = useCallback(() => setFlg((prev) => !prev), [])\n\n  return [flg, { off, toggle, on }]\n}\n\nexport type UseBooleanReturn = [\n  flg: boolean,\n  setFlg: { off: () => void; on: () => void; toggle: () => void },\n]\n"],"mappings":";;;;;;;;;AASA,MAAa,cAAc,OAAO,UAA4B;CAC5D,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,UAA4B,IAAI;CAE5C,MAAM,MAAA,GAAA,MAAA,mBAAuB,OAAO,IAAI,GAAG,CAAC,CAAC;CAM7C,OAAO,CAAC,KAAK;EAAE,MAAA,GAAA,MAAA,mBAJe,OAAO,KAAK,GAAG,CAAC,CAI7B;EAAG,SAAA,GAAA,MAAA,mBAFa,QAAQ,SAAS,CAAC,IAAI,GAAG,CAAC,CAElC;EAAG;CAAG,CAAC;AAClC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-boolean/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\n\n/**\n * `useBoolean` is a custom hook used to manage boolean values using `on`, `off`, and `toggle` functions.\n *\n * @see https://yamada-ui.com/docs/hooks/use-boolean\n */\nexport const useBoolean = (init = false): UseBooleanReturn => {\n  const [flg, setFlg] = useState<boolean>(init)\n\n  const on = useCallback(() => setFlg(true), [])\n\n  const off = useCallback(() => setFlg(false), [])\n\n  const toggle = useCallback(() => setFlg((prev) => !prev), [])\n\n  return [flg, { off, toggle, on }]\n}\n\nexport type UseBooleanReturn = [\n  flg: boolean,\n  setFlg: { off: () => void; on: () => void; toggle: () => void },\n]\n"],"mappings":";;;;;;;;;AASA,MAAa,cAAc,OAAO,UAA4B;CAC5D,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,SAAA,CAA4B,IAAI;CAE5C,MAAM,MAAA,GAAA,MAAA,YAAA,OAAuB,OAAO,IAAI,GAAG,CAAC,CAAC;CAM7C,OAAO,CAAC,KAAK;EAAE,MAAA,GAAA,MAAA,YAAA,OAJe,OAAO,KAAK,GAAG,CAAC,CAI7B;EAAG,SAAA,GAAA,MAAA,YAAA,OAFa,QAAQ,SAAS,CAAC,IAAI,GAAG,CAAC,CAElC;EAAG;CAAG,CAAC;AAClC"}

package/dist/cjs/hooks/use-breakpoint/use-breakpoint-effect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint-effect.cjs","names":["useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-effect.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport type { Breakpoint } from \"../../core\"\nimport { useEffect } from \"react\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useBreakpointEffect` is a custom hook that executes a specific callback function when the breakpoint changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-effect\n */\nexport const useBreakpointEffect = (\n  callback: (breakpoint: Breakpoint) => void,\n  deps: DependencyList,\n) => {\n  const breakpoint = useBreakpoint()\n\n  useEffect(() => {\n    callback(breakpoint)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [breakpoint, ...deps])\n}\n"],"mappings":";;;;;;;;;AAYA,MAAa,uBACX,UACA,SACG;CACH,MAAM,aAAaA,uBAAAA,cAAc;CAEjC,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,UAAU;CAErB,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC;AAC1B"}
+{"version":3,"file":"use-breakpoint-effect.cjs","names":["useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-effect.ts"],"sourcesContent":["\"use client\"\n\nimport type { DependencyList } from \"react\"\nimport type { Breakpoint } from \"../../core\"\nimport { useEffect } from \"react\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useBreakpointEffect` is a custom hook that executes a specific callback function when the breakpoint changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-effect\n */\nexport const useBreakpointEffect = (\n  callback: (breakpoint: Breakpoint) => void,\n  deps: DependencyList,\n) => {\n  const breakpoint = useBreakpoint()\n\n  useEffect(() => {\n    callback(breakpoint)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [breakpoint, ...deps])\n}\n"],"mappings":";;;;;;;;;AAYA,MAAa,uBACX,UACA,SACG;CACH,MAAM,aAAaA,uBAAAA,cAAc;CAEjC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,SAAS,UAAU;CAErB,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC;AAC1B"}

package/dist/cjs/hooks/use-breakpoint/use-breakpoint-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint-state.cjs","names":["useBreakpointValue"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-state.ts"],"sourcesContent":["\"use client\"\n\nimport type { ResponsiveObject } from \"../../core\"\nimport { useState } from \"react\"\nimport { useBreakpointValue } from \"./use-breakpoint-value\"\n\n/**\n * `useBreakpointState` is a custom hook that takes a responsive object as an initial state and returns a state corresponding to the current breakpoint.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-state\n */\nexport const useBreakpointState = <Y>(\n  initialState: ResponsiveObject<Y, false>,\n) => {\n  const state = useBreakpointValue(initialState)\n\n  return useState(state)\n}\n"],"mappings":";;;;;;;;;AAWA,MAAa,sBACX,iBACG;CAGH,QAAA,GAAA,MAAA,UAFcA,6BAAAA,mBAAmB,YAEb,CAAC;AACvB"}
+{"version":3,"file":"use-breakpoint-state.cjs","names":["useBreakpointValue"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-state.ts"],"sourcesContent":["\"use client\"\n\nimport type { ResponsiveObject } from \"../../core\"\nimport { useState } from \"react\"\nimport { useBreakpointValue } from \"./use-breakpoint-value\"\n\n/**\n * `useBreakpointState` is a custom hook that takes a responsive object as an initial state and returns a state corresponding to the current breakpoint.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-state\n */\nexport const useBreakpointState = <Y>(\n  initialState: ResponsiveObject<Y, false>,\n) => {\n  const state = useBreakpointValue(initialState)\n\n  return useState(state)\n}\n"],"mappings":";;;;;;;;;AAWA,MAAa,sBACX,iBACG;CAGH,QAAA,GAAA,MAAA,SAAA,CAFcA,6BAAAA,mBAAmB,YAEb,CAAC;AACvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint-value.cjs","names":["useSystem","useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-value.ts"],"sourcesContent":["import type { Breakpoint, ResponsiveObject, System } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { useSystem } from \"../../core\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useBreakpointValue` is a custom hook that returns the value of the current breakpoint from the provided object.\n * This hook monitors changes in the window size and returns the appropriate value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-value\n */\nexport const useBreakpointValue = <Y>(\n  values: ResponsiveObject<Y, false>,\n): Y => {\n  const system = useSystem()\n  const breakpoint = useBreakpoint()\n\n  return useMemo(\n    () => getBreakpointValue<Y>(values)(system, breakpoint),\n    [values, system, breakpoint],\n  )\n}\n\nexport const getBreakpointValue =\n  <Y>(values: ResponsiveObject<Y, false> = {}) =>\n  (system: System, breakpoint: Breakpoint): Y => {\n    const breakpoints = system.breakpoints.keys\n\n    if (!breakpoints.length) {\n      console.warn(\"getBreakpointValue: `breakpoints` is undefined.\")\n    }\n\n    const currentIndex = breakpoints.indexOf(breakpoint)\n\n    for (let i = currentIndex; 0 < i; i--) {\n      const nextBreakpoint = breakpoints[i]\n\n      if (nextBreakpoint && values.hasOwnProperty(nextBreakpoint)) {\n        return values[nextBreakpoint] as Y\n      }\n    }\n\n    return values.base as Y\n  }\n"],"mappings":";;;;;;;;;;AAWA,MAAa,sBACX,WACM;CACN,MAAM,SAASA,wBAAAA,UAAU;CACzB,MAAM,aAAaC,uBAAAA,cAAc;CAEjC,QAAA,GAAA,MAAA,eACQ,mBAAsB,MAAM,EAAE,QAAQ,UAAU,GACtD;EAAC;EAAQ;EAAQ;CAAU,CAC7B;AACF;AAEA,MAAa,sBACP,SAAqC,CAAC,OACzC,QAAgB,eAA8B;CAC7C,MAAM,cAAc,OAAO,YAAY;CAEvC,IAAI,CAAC,YAAY,QACf,QAAQ,KAAK,iDAAiD;CAGhE,MAAM,eAAe,YAAY,QAAQ,UAAU;CAEnD,KAAK,IAAI,IAAI,cAAc,IAAI,GAAG,KAAK;EACrC,MAAM,iBAAiB,YAAY;EAEnC,IAAI,kBAAkB,OAAO,eAAe,cAAc,GACxD,OAAO,OAAO;CAElB;CAEA,OAAO,OAAO;AAChB"}
+{"version":3,"file":"use-breakpoint-value.cjs","names":["useSystem","useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint-value.ts"],"sourcesContent":["import type { Breakpoint, ResponsiveObject, System } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { useSystem } from \"../../core\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useBreakpointValue` is a custom hook that returns the value of the current breakpoint from the provided object.\n * This hook monitors changes in the window size and returns the appropriate value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint-value\n */\nexport const useBreakpointValue = <Y>(\n  values: ResponsiveObject<Y, false>,\n): Y => {\n  const system = useSystem()\n  const breakpoint = useBreakpoint()\n\n  return useMemo(\n    () => getBreakpointValue<Y>(values)(system, breakpoint),\n    [values, system, breakpoint],\n  )\n}\n\nexport const getBreakpointValue =\n  <Y>(values: ResponsiveObject<Y, false> = {}) =>\n  (system: System, breakpoint: Breakpoint): Y => {\n    const breakpoints = system.breakpoints.keys\n\n    if (!breakpoints.length) {\n      console.warn(\"getBreakpointValue: `breakpoints` is undefined.\")\n    }\n\n    const currentIndex = breakpoints.indexOf(breakpoint)\n\n    for (let i = currentIndex; 0 < i; i--) {\n      const nextBreakpoint = breakpoints[i]\n\n      if (nextBreakpoint && values.hasOwnProperty(nextBreakpoint)) {\n        return values[nextBreakpoint] as Y\n      }\n    }\n\n    return values.base as Y\n  }\n"],"mappings":";;;;;;;;;;AAWA,MAAa,sBACX,WACM;CACN,MAAM,SAASA,wBAAAA,UAAU;CACzB,MAAM,aAAaC,uBAAAA,cAAc;CAEjC,QAAA,GAAA,MAAA,QAAA,OACQ,mBAAsB,MAAM,CAAC,CAAC,QAAQ,UAAU,GACtD;EAAC;EAAQ;EAAQ;CAAU,CAC7B;AACF;AAEA,MAAa,sBACP,SAAqC,CAAC,OACzC,QAAgB,eAA8B;CAC7C,MAAM,cAAc,OAAO,YAAY;CAEvC,IAAI,CAAC,YAAY,QACf,QAAQ,KAAK,iDAAiD;CAGhE,MAAM,eAAe,YAAY,QAAQ,UAAU;CAEnD,KAAK,IAAI,IAAI,cAAc,IAAI,GAAG,KAAK;EACrC,MAAM,iBAAiB,YAAY;EAEnC,IAAI,kBAAkB,OAAO,eAAe,cAAc,GACxD,OAAO,OAAO;CAElB;CAEA,OAAO,OAAO;AAChB"}

package/dist/cjs/hooks/use-breakpoint/use-breakpoint.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint.cjs","names":["useSystem","useEnvironment"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint.ts"],"sourcesContent":["\"use client\"\n\nimport type { Breakpoint } from \"../../core\"\nimport { useCallback, useMemo, useRef, useSyncExternalStore } from \"react\"\nimport { useEnvironment, useSystem } from \"../../core\"\nimport { createdDom, isUndefined, noop } from \"../../utils\"\n\n/**\n * `useBreakpoint` is a custom hook that returns the current breakpoint.\n * This hook monitors changes in the window size and returns the appropriate value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint\n */\nexport const useBreakpoint = () => {\n  const animationFrameId = useRef(0)\n  const { breakpoints, config } = useSystem()\n  const { getWindow } = useEnvironment()\n  const {\n    containerRef,\n    direction = \"down\",\n    identifier = \"@media screen\",\n  } = config.breakpoint ?? {}\n  const hasContainer = !!containerRef\n\n  const queries = useMemo(() => {\n    return breakpoints.queries.map(\n      ({ breakpoint, maxW, minMaxQuery, minW }) => {\n        const searchValue =\n          identifier === \"@media screen\"\n            ? \"@media screen and \"\n            : `${identifier} `\n        const query = minMaxQuery?.replace(searchValue, \"\") ?? \"\"\n\n        return {\n          breakpoint,\n          maxW,\n          minW,\n          query,\n        }\n      },\n    )\n  }, [breakpoints, identifier])\n\n  const hasQueries = !!queries.length\n\n  const getBreakpoint = useCallback(\n    (width?: number) => {\n      if (isUndefined(width)) {\n        const win = getWindow()\n\n        if (hasContainer || !hasQueries) return \"base\"\n\n        for (const { breakpoint, query } of queries) {\n          const mql = win?.matchMedia(query)\n\n          if (mql?.matches) return breakpoint\n        }\n      } else {\n        for (const { breakpoint, maxW, minW } of queries) {\n          if (direction !== \"up\") {\n            if ((minW ?? 0) <= width) return breakpoint\n          } else {\n            if (width <= (maxW ?? Infinity)) return breakpoint\n          }\n        }\n      }\n\n      return \"base\"\n    },\n    [direction, getWindow, hasContainer, hasQueries, queries],\n  )\n\n  const breakpointRef = useRef<Breakpoint>(getBreakpoint())\n\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      if (!hasContainer || !hasQueries) {\n        const observer = queries.map(({ breakpoint, query }): (() => void) => {\n          const mql = getWindow()?.matchMedia(query)\n\n          const onChange = (e: MediaQueryListEvent) => {\n            if (e.matches) breakpointRef.current = breakpoint\n\n            listener()\n          }\n\n          mql?.addEventListener(\"change\", onChange)\n\n          return () => {\n            mql?.removeEventListener(\"change\", onChange)\n          }\n        })\n\n        return () => {\n          observer.forEach((unobserve) => unobserve())\n        }\n      } else if (createdDom()) {\n        const observer = new ResizeObserver(([entry]) => {\n          if (!entry) return\n\n          cancelAnimationFrame(animationFrameId.current)\n\n          const { width } = entry.contentRect\n\n          breakpointRef.current = getBreakpoint(width)\n\n          animationFrameId.current = requestAnimationFrame(listener)\n        })\n\n        if (containerRef.current) observer.observe(containerRef.current)\n\n        return () => {\n          observer.disconnect()\n\n          if (process.env.NODE_ENV !== \"test\")\n            cancelAnimationFrame(animationFrameId.current)\n        }\n      } else {\n        return noop\n      }\n    },\n    [containerRef, getBreakpoint, getWindow, hasContainer, hasQueries, queries],\n  )\n\n  const getSnapshot = useCallback(() => {\n    return breakpointRef.current\n  }, [])\n\n  const breakpoint = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  return breakpoint\n}\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,sBAAsB;CACjC,MAAM,oBAAA,GAAA,MAAA,QAA0B,CAAC;CACjC,MAAM,EAAE,aAAa,WAAWA,wBAAAA,UAAU;CAC1C,MAAM,EAAE,cAAcC,6BAAAA,eAAe;CACrC,MAAM,EACJ,cACA,YAAY,QACZ,aAAa,oBACX,OAAO,cAAc,CAAC;CAC1B,MAAM,eAAe,CAAC,CAAC;CAEvB,MAAM,WAAA,GAAA,MAAA,eAAwB;EAC5B,OAAO,YAAY,QAAQ,KACxB,EAAE,YAAY,MAAM,aAAa,WAAW;GAC3C,MAAM,cACJ,eAAe,kBACX,uBACA,GAAG,WAAW;GAGpB,OAAO;IACL;IACA;IACA;IACA,OANY,aAAa,QAAQ,aAAa,EAAE,KAAK;GAOvD;EACF,CACF;CACF,GAAG,CAAC,aAAa,UAAU,CAAC;CAE5B,MAAM,aAAa,CAAC,CAAC,QAAQ;CAE7B,MAAM,iBAAA,GAAA,MAAA,cACH,UAAmB;EAClB,KAAA,GAAA,oBAAA,cAAA,aAAgB,KAAK,GAAG;GACtB,MAAM,MAAM,UAAU;GAEtB,IAAI,gBAAgB,CAAC,YAAY,OAAO;GAExC,KAAK,MAAM,EAAE,YAAY,WAAW,SAGlC,KAFY,KAAK,WAAW,KAAK,IAExB,SAAS,OAAO;EAE7B,OACE,KAAK,MAAM,EAAE,YAAY,MAAM,UAAU,SACvC,IAAI,cAAc;QACX,QAAQ,MAAM,OAAO,OAAO;EAAA,OAEjC,IAAI,UAAU,QAAQ,WAAW,OAAO;EAK9C,OAAO;CACT,GACA;EAAC;EAAW;EAAW;EAAc;EAAY;CAAO,CAC1D;CAEA,MAAM,iBAAA,GAAA,MAAA,QAAmC,cAAc,CAAC;CAExD,MAAM,aAAA,GAAA,MAAA,cACH,aAAyB;EACxB,IAAI,CAAC,gBAAgB,CAAC,YAAY;GAChC,MAAM,WAAW,QAAQ,KAAK,EAAE,YAAY,YAA0B;IACpE,MAAM,MAAM,UAAU,GAAG,WAAW,KAAK;IAEzC,MAAM,YAAY,MAA2B;KAC3C,IAAI,EAAE,SAAS,cAAc,UAAU;KAEvC,SAAS;IACX;IAEA,KAAK,iBAAiB,UAAU,QAAQ;IAExC,aAAa;KACX,KAAK,oBAAoB,UAAU,QAAQ;IAC7C;GACF,CAAC;GAED,aAAa;IACX,SAAS,SAAS,cAAc,UAAU,CAAC;GAC7C;EACF,OAAO,KAAA,GAAA,oBAAA,cAAA,YAAe,GAAG;GACvB,MAAM,WAAW,IAAI,gBAAgB,CAAC,WAAW;IAC/C,IAAI,CAAC,OAAO;IAEZ,qBAAqB,iBAAiB,OAAO;IAE7C,MAAM,EAAE,UAAU,MAAM;IAExB,cAAc,UAAU,cAAc,KAAK;IAE3C,iBAAiB,UAAU,sBAAsB,QAAQ;GAC3D,CAAC;GAED,IAAI,aAAa,SAAS,SAAS,QAAQ,aAAa,OAAO;GAE/D,aAAa;IACX,SAAS,WAAW;IAEpB,IAAI,QAAQ,IAAI,aAAa,QAC3B,qBAAqB,iBAAiB,OAAO;GACjD;EACF,OACE,OAAA,oBAAA,cAAO;CAEX,GACA;EAAC;EAAc;EAAe;EAAW;EAAc;EAAY;CAAO,CAC5E;CAEA,MAAM,eAAA,GAAA,MAAA,mBAAgC;EACpC,OAAO,cAAc;CACvB,GAAG,CAAC,CAAC;CAIL,QAAA,GAAA,MAAA,sBAFwC,WAAW,aAAa,WAEhD;AAClB"}
+{"version":3,"file":"use-breakpoint.cjs","names":["useSystem","useEnvironment"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint.ts"],"sourcesContent":["\"use client\"\n\nimport type { Breakpoint } from \"../../core\"\nimport { useCallback, useMemo, useRef, useSyncExternalStore } from \"react\"\nimport { useEnvironment, useSystem } from \"../../core\"\nimport { createdDom, isUndefined, noop } from \"../../utils\"\n\n/**\n * `useBreakpoint` is a custom hook that returns the current breakpoint.\n * This hook monitors changes in the window size and returns the appropriate value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-breakpoint\n */\nexport const useBreakpoint = () => {\n  const animationFrameId = useRef(0)\n  const { breakpoints, config } = useSystem()\n  const { getWindow } = useEnvironment()\n  const {\n    containerRef,\n    direction = \"down\",\n    identifier = \"@media screen\",\n  } = config.breakpoint ?? {}\n  const hasContainer = !!containerRef\n\n  const queries = useMemo(() => {\n    return breakpoints.queries.map(\n      ({ breakpoint, maxW, minMaxQuery, minW }) => {\n        const searchValue =\n          identifier === \"@media screen\"\n            ? \"@media screen and \"\n            : `${identifier} `\n        const query = minMaxQuery?.replace(searchValue, \"\") ?? \"\"\n\n        return {\n          breakpoint,\n          maxW,\n          minW,\n          query,\n        }\n      },\n    )\n  }, [breakpoints, identifier])\n\n  const hasQueries = !!queries.length\n\n  const getBreakpoint = useCallback(\n    (width?: number) => {\n      if (isUndefined(width)) {\n        const win = getWindow()\n\n        if (hasContainer || !hasQueries) return \"base\"\n\n        for (const { breakpoint, query } of queries) {\n          const mql = win?.matchMedia(query)\n\n          if (mql?.matches) return breakpoint\n        }\n      } else {\n        for (const { breakpoint, maxW, minW } of queries) {\n          if (direction !== \"up\") {\n            if ((minW ?? 0) <= width) return breakpoint\n          } else {\n            if (width <= (maxW ?? Infinity)) return breakpoint\n          }\n        }\n      }\n\n      return \"base\"\n    },\n    [direction, getWindow, hasContainer, hasQueries, queries],\n  )\n\n  const breakpointRef = useRef<Breakpoint>(getBreakpoint())\n\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      if (!hasContainer || !hasQueries) {\n        const observer = queries.map(({ breakpoint, query }): (() => void) => {\n          const mql = getWindow()?.matchMedia(query)\n\n          const onChange = (e: MediaQueryListEvent) => {\n            if (e.matches) breakpointRef.current = breakpoint\n\n            listener()\n          }\n\n          mql?.addEventListener(\"change\", onChange)\n\n          return () => {\n            mql?.removeEventListener(\"change\", onChange)\n          }\n        })\n\n        return () => {\n          observer.forEach((unobserve) => unobserve())\n        }\n      } else if (createdDom()) {\n        const observer = new ResizeObserver(([entry]) => {\n          if (!entry) return\n\n          cancelAnimationFrame(animationFrameId.current)\n\n          const { width } = entry.contentRect\n\n          breakpointRef.current = getBreakpoint(width)\n\n          animationFrameId.current = requestAnimationFrame(listener)\n        })\n\n        if (containerRef.current) observer.observe(containerRef.current)\n\n        return () => {\n          observer.disconnect()\n\n          if (process.env.NODE_ENV !== \"test\")\n            cancelAnimationFrame(animationFrameId.current)\n        }\n      } else {\n        return noop\n      }\n    },\n    [containerRef, getBreakpoint, getWindow, hasContainer, hasQueries, queries],\n  )\n\n  const getSnapshot = useCallback(() => {\n    return breakpointRef.current\n  }, [])\n\n  const breakpoint = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  return breakpoint\n}\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,sBAAsB;CACjC,MAAM,oBAAA,GAAA,MAAA,OAAA,CAA0B,CAAC;CACjC,MAAM,EAAE,aAAa,WAAWA,wBAAAA,UAAU;CAC1C,MAAM,EAAE,cAAcC,6BAAAA,eAAe;CACrC,MAAM,EACJ,cACA,YAAY,QACZ,aAAa,oBACX,OAAO,cAAc,CAAC;CAC1B,MAAM,eAAe,CAAC,CAAC;CAEvB,MAAM,WAAA,GAAA,MAAA,QAAA,OAAwB;EAC5B,OAAO,YAAY,QAAQ,KACxB,EAAE,YAAY,MAAM,aAAa,WAAW;GAC3C,MAAM,cACJ,eAAe,kBACX,uBACA,GAAG,WAAW;GAGpB,OAAO;IACL;IACA;IACA;IACA,OANY,aAAa,QAAQ,aAAa,EAAE,KAAK;GAOvD;EACF,CACF;CACF,GAAG,CAAC,aAAa,UAAU,CAAC;CAE5B,MAAM,aAAa,CAAC,CAAC,QAAQ;CAE7B,MAAM,iBAAA,GAAA,MAAA,YAAA,EACH,UAAmB;EAClB,KAAA,GAAA,oBAAA,cAAA,YAAA,CAAgB,KAAK,GAAG;GACtB,MAAM,MAAM,UAAU;GAEtB,IAAI,gBAAgB,CAAC,YAAY,OAAO;GAExC,KAAK,MAAM,EAAE,YAAY,WAAW,SAGlC,KAFY,KAAK,WAAW,KAAK,CAAC,GAEzB,SAAS,OAAO;EAE7B,OACE,KAAK,MAAM,EAAE,YAAY,MAAM,UAAU,SACvC,IAAI,cAAc;QACX,QAAQ,MAAM,OAAO,OAAO;EAAA,OAEjC,IAAI,UAAU,QAAQ,WAAW,OAAO;EAK9C,OAAO;CACT,GACA;EAAC;EAAW;EAAW;EAAc;EAAY;CAAO,CAC1D;CAEA,MAAM,iBAAA,GAAA,MAAA,OAAA,CAAmC,cAAc,CAAC;CAExD,MAAM,aAAA,GAAA,MAAA,YAAA,EACH,aAAyB;EACxB,IAAI,CAAC,gBAAgB,CAAC,YAAY;GAChC,MAAM,WAAW,QAAQ,KAAK,EAAE,YAAY,YAA0B;IACpE,MAAM,MAAM,UAAU,CAAC,EAAE,WAAW,KAAK;IAEzC,MAAM,YAAY,MAA2B;KAC3C,IAAI,EAAE,SAAS,cAAc,UAAU;KAEvC,SAAS;IACX;IAEA,KAAK,iBAAiB,UAAU,QAAQ;IAExC,aAAa;KACX,KAAK,oBAAoB,UAAU,QAAQ;IAC7C;GACF,CAAC;GAED,aAAa;IACX,SAAS,SAAS,cAAc,UAAU,CAAC;GAC7C;EACF,OAAO,KAAA,GAAA,oBAAA,cAAA,WAAA,CAAe,GAAG;GACvB,MAAM,WAAW,IAAI,gBAAgB,CAAC,WAAW;IAC/C,IAAI,CAAC,OAAO;IAEZ,qBAAqB,iBAAiB,OAAO;IAE7C,MAAM,EAAE,UAAU,MAAM;IAExB,cAAc,UAAU,cAAc,KAAK;IAE3C,iBAAiB,UAAU,sBAAsB,QAAQ;GAC3D,CAAC;GAED,IAAI,aAAa,SAAS,SAAS,QAAQ,aAAa,OAAO;GAE/D,aAAa;IACX,SAAS,WAAW;IAEpB,IAAI,QAAQ,IAAI,aAAa,QAC3B,qBAAqB,iBAAiB,OAAO;GACjD;EACF,OACE,OAAA,oBAAA,cAAO;CAEX,GACA;EAAC;EAAc;EAAe;EAAW;EAAc;EAAY;CAAO,CAC5E;CAEA,MAAM,eAAA,GAAA,MAAA,YAAA,OAAgC;EACpC,OAAO,cAAc;CACvB,GAAG,CAAC,CAAC;CAIL,QAAA,GAAA,MAAA,qBAAA,CAFwC,WAAW,aAAa,WAEhD;AAClB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEventListeners","mergeRefs"],"sources":["../../../../src/hooks/use-clickable/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from \"react\"\nimport type { StyledProps } from \"../../core\"\nimport { useCallback, useState } from \"react\"\nimport { dataAttr, isTouchDevice, mergeRefs } from \"../../utils\"\nimport { useEventListeners } from \"../use-event-listener\"\n\ntype Props<Y extends HTMLElement = HTMLElement> = Omit<\n  HTMLAttributes<Y>,\n  \"ref\" | \"size\" | keyof StyledProps\n>\n\nexport type UseClickableProps<\n  Y extends HTMLElement = HTMLElement,\n  M extends Props<Y> = Props<Y>,\n> = M & {\n  /**\n   * Whether or not trigger click on pressing `Enter`.\n   *\n   * @default true\n   */\n  clickOnEnter?: boolean\n  /**\n   * Whether or not trigger click on pressing `Space`.\n   *\n   * @default true\n   */\n  clickOnSpace?: boolean\n  /**\n   * If `true`, the element will be disabled. It will set the `disabled` HTML attribute.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Disable the touch device behavior.\n   *\n   * @default true\n   */\n  disableTouchBehavior?: boolean\n  /**\n   * If `true` and isDisabled, the element will have only `aria-disabled` set to `true`.\n   *\n   * @default false\n   */\n  focusable?: boolean\n  /**\n   * Whether or not to focus the element when it is clicked.\n   * If `true`, the element will receive focus upon click.\n   *\n   * @default true\n   */\n  focusOnClick?: boolean\n  /**\n   * The ref for the element.\n   */\n  ref?: Ref<Y>\n}\n\nconst isValidElement = (\n  ev: KeyboardEvent | KeyboardEvent[\"nativeEvent\"],\n): boolean => {\n  const { isContentEditable, tagName } = ev.target as HTMLElement\n\n  return tagName !== \"INPUT\" && tagName !== \"TEXTAREA\" && !isContentEditable\n}\n\nexport const useClickable = <\n  Y extends HTMLElement = HTMLElement,\n  M extends Props<Y> = Props<Y>,\n>(\n  {\n    ref,\n    clickOnEnter = true,\n    clickOnSpace = true,\n    disabled,\n    disableTouchBehavior = true,\n    focusable,\n    focusOnClick = true,\n    tabIndex: tabIndexProp,\n    onClick: onClickProp,\n    onKeyDown: onKeyDownProp,\n    onKeyUp: onKeyUpProp,\n    onMouseDown: onMouseDownProp,\n    onMouseLeave: onMouseLeaveProp,\n    onMouseOver: onMouseOverProp,\n    onMouseUp: onMouseUpProp,\n    ...props\n  }: UseClickableProps<Y, M> = {} as UseClickableProps<Y, M>,\n) => {\n  const [button, setButton] = useState<boolean>(true)\n  const [pressed, setPressed] = useState<boolean>(false)\n\n  const listeners = useEventListeners()\n\n  const tabIndex = button ? tabIndexProp : tabIndexProp || 0\n  const trulyDisabled = disabled && !focusable\n\n  const refCb = (node: any) => {\n    if (!node) return\n\n    if (node.tagName !== \"BUTTON\") setButton(false)\n  }\n\n  const onClick = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (disabled) {\n        ev.stopPropagation()\n        ev.preventDefault()\n\n        return\n      }\n\n      if (focusOnClick) ev.currentTarget.focus()\n      onClickProp?.(ev)\n    },\n    [disabled, focusOnClick, onClickProp],\n  )\n\n  const onDocumentKeyUp = useCallback(\n    (ev: globalThis.KeyboardEvent) => {\n      if (pressed && isValidElement(ev)) {\n        ev.preventDefault()\n        ev.stopPropagation()\n\n        setPressed(false)\n\n        listeners.remove(document, \"keyup\", onDocumentKeyUp, false)\n      }\n    },\n    [pressed, listeners],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<Y>) => {\n      onKeyDownProp?.(ev)\n\n      if (disabled || ev.defaultPrevented || ev.metaKey) return\n\n      if (!isValidElement(ev.nativeEvent) || button) return\n\n      if (clickOnSpace && ev.key === \" \") {\n        ev.preventDefault()\n        setPressed(true)\n      }\n\n      if (clickOnEnter && ev.key === \"Enter\") {\n        ev.preventDefault()\n        ev.currentTarget.click()\n      }\n\n      listeners.add(document, \"keyup\", onDocumentKeyUp, false)\n    },\n    [\n      disabled,\n      button,\n      onKeyDownProp,\n      clickOnEnter,\n      clickOnSpace,\n      listeners,\n      onDocumentKeyUp,\n    ],\n  )\n\n  const onKeyUp = useCallback(\n    (ev: KeyboardEvent<Y>) => {\n      onKeyUpProp?.(ev)\n\n      if (disabled || ev.defaultPrevented || ev.metaKey) return\n\n      if (!isValidElement(ev.nativeEvent) || button) return\n\n      if (clickOnSpace && ev.key === \" \") {\n        ev.preventDefault()\n        setPressed(false)\n\n        ev.currentTarget.click()\n      }\n    },\n    [clickOnSpace, button, disabled, onKeyUpProp],\n  )\n\n  const onDocumentMouseUp = useCallback(\n    (ev: globalThis.MouseEvent) => {\n      if (ev.button !== 0) return\n\n      setPressed(false)\n\n      listeners.remove(document, \"mouseup\", onDocumentMouseUp, false)\n    },\n    [listeners],\n  )\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (ev.button !== 0) return\n\n      if (disabled) {\n        ev.stopPropagation()\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!button) setPressed(true)\n\n      if (focusOnClick) ev.currentTarget.focus({ preventScroll: true })\n\n      listeners.add(document, \"mouseup\", onDocumentMouseUp, false)\n\n      onMouseDownProp?.(ev)\n    },\n    [\n      disabled,\n      button,\n      onMouseDownProp,\n      listeners,\n      onDocumentMouseUp,\n      focusOnClick,\n    ],\n  )\n\n  const onMouseUp = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (ev.button !== 0) return\n\n      if (!button) setPressed(false)\n\n      onMouseUpProp?.(ev)\n    },\n    [onMouseUpProp, button],\n  )\n\n  const onMouseOver = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (disableTouchBehavior && isTouchDevice()) return\n\n      onMouseOverProp?.(ev)\n    },\n    [disabled, onMouseOverProp, disableTouchBehavior],\n  )\n\n  const onMouseLeave = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (pressed) {\n        ev.preventDefault()\n\n        setPressed(false)\n      }\n\n      if (disableTouchBehavior && isTouchDevice()) return\n\n      onMouseLeaveProp?.(ev)\n    },\n    [pressed, onMouseLeaveProp, disableTouchBehavior],\n  )\n\n  if (button) {\n    return {\n      ...props,\n      ref: mergeRefs(ref, refCb),\n      type: \"button\" as const,\n      \"aria-disabled\": trulyDisabled ? undefined : disabled,\n      disabled: trulyDisabled,\n      onClick: onClick,\n      onKeyDown: onKeyDownProp,\n      onKeyUp: onKeyUpProp,\n      onMouseDown: onMouseDownProp,\n      onMouseLeave: onMouseLeaveProp,\n      onMouseOver: onMouseOverProp,\n      onMouseUp: onMouseUpProp,\n    }\n  } else {\n    return {\n      ...props,\n      ref: mergeRefs(ref, refCb),\n      \"aria-disabled\": disabled ? (\"true\" as const) : undefined,\n      \"data-active\": dataAttr(pressed),\n      role: \"button\",\n      tabIndex: trulyDisabled ? undefined : tabIndex,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseLeave,\n      onMouseOver,\n      onMouseUp,\n    }\n  }\n}\n\nexport type UseClickableReturn = ReturnType<typeof useClickable>\n"],"mappings":";;;;;;;AA4DA,MAAM,kBACJ,OACY;CACZ,MAAM,EAAE,mBAAmB,YAAY,GAAG;CAE1C,OAAO,YAAY,WAAW,YAAY,cAAc,CAAC;AAC3D;AAEA,MAAa,gBAIX,EACE,KACA,eAAe,MACf,eAAe,MACf,UACA,uBAAuB,MACvB,WACA,eAAe,MACf,UAAU,cACV,SAAS,aACT,WAAW,eACX,SAAS,aACT,aAAa,iBACb,cAAc,kBACd,aAAa,iBACb,WAAW,eACX,GAAG,UACwB,CAAC,MAC3B;CACH,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAA+B,IAAI;CAClD,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAgC,KAAK;CAErD,MAAM,YAAYA,uCAAAA,kBAAkB;CAEpC,MAAM,WAAW,SAAS,eAAe,gBAAgB;CACzD,MAAM,gBAAgB,YAAY,CAAC;CAEnC,MAAM,SAAS,SAAc;EAC3B,IAAI,CAAC,MAAM;EAEX,IAAI,KAAK,YAAY,UAAU,UAAU,KAAK;CAChD;CAEA,MAAM,WAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,UAAU;GACZ,GAAG,gBAAgB;GACnB,GAAG,eAAe;GAElB;EACF;EAEA,IAAI,cAAc,GAAG,cAAc,MAAM;EACzC,cAAc,EAAE;CAClB,GACA;EAAC;EAAU;EAAc;CAAW,CACtC;CAEA,MAAM,mBAAA,GAAA,MAAA,cACH,OAAiC;EAChC,IAAI,WAAW,eAAe,EAAE,GAAG;GACjC,GAAG,eAAe;GAClB,GAAG,gBAAgB;GAEnB,WAAW,KAAK;GAEhB,UAAU,OAAO,UAAU,SAAS,iBAAiB,KAAK;EAC5D;CACF,GACA,CAAC,SAAS,SAAS,CACrB;CAEA,MAAM,aAAA,GAAA,MAAA,cACH,OAAyB;EACxB,gBAAgB,EAAE;EAElB,IAAI,YAAY,GAAG,oBAAoB,GAAG,SAAS;EAEnD,IAAI,CAAC,eAAe,GAAG,WAAW,KAAK,QAAQ;EAE/C,IAAI,gBAAgB,GAAG,QAAQ,KAAK;GAClC,GAAG,eAAe;GAClB,WAAW,IAAI;EACjB;EAEA,IAAI,gBAAgB,GAAG,QAAQ,SAAS;GACtC,GAAG,eAAe;GAClB,GAAG,cAAc,MAAM;EACzB;EAEA,UAAU,IAAI,UAAU,SAAS,iBAAiB,KAAK;CACzD,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,WAAA,GAAA,MAAA,cACH,OAAyB;EACxB,cAAc,EAAE;EAEhB,IAAI,YAAY,GAAG,oBAAoB,GAAG,SAAS;EAEnD,IAAI,CAAC,eAAe,GAAG,WAAW,KAAK,QAAQ;EAE/C,IAAI,gBAAgB,GAAG,QAAQ,KAAK;GAClC,GAAG,eAAe;GAClB,WAAW,KAAK;GAEhB,GAAG,cAAc,MAAM;EACzB;CACF,GACA;EAAC;EAAc;EAAQ;EAAU;CAAW,CAC9C;CAEA,MAAM,qBAAA,GAAA,MAAA,cACH,OAA8B;EAC7B,IAAI,GAAG,WAAW,GAAG;EAErB,WAAW,KAAK;EAEhB,UAAU,OAAO,UAAU,WAAW,mBAAmB,KAAK;CAChE,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,eAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,GAAG,WAAW,GAAG;EAErB,IAAI,UAAU;GACZ,GAAG,gBAAgB;GACnB,GAAG,eAAe;GAElB;EACF;EAEA,IAAI,CAAC,QAAQ,WAAW,IAAI;EAE5B,IAAI,cAAc,GAAG,cAAc,MAAM,EAAE,eAAe,KAAK,CAAC;EAEhE,UAAU,IAAI,UAAU,WAAW,mBAAmB,KAAK;EAE3D,kBAAkB,EAAE;CACtB,GACA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,aAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,GAAG,WAAW,GAAG;EAErB,IAAI,CAAC,QAAQ,WAAW,KAAK;EAE7B,gBAAgB,EAAE;CACpB,GACA,CAAC,eAAe,MAAM,CACxB;CAEA,MAAM,eAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,UAAU;GACZ,GAAG,eAAe;GAElB;EACF;EAEA,IAAI,yBAAA,GAAA,oBAAA,cAAA,eAAsC,GAAG;EAE7C,kBAAkB,EAAE;CACtB,GACA;EAAC;EAAU;EAAiB;CAAoB,CAClD;CAEA,MAAM,gBAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,SAAS;GACX,GAAG,eAAe;GAElB,WAAW,KAAK;EAClB;EAEA,IAAI,yBAAA,GAAA,oBAAA,cAAA,eAAsC,GAAG;EAE7C,mBAAmB,EAAE;CACvB,GACA;EAAC;EAAS;EAAkB;CAAoB,CAClD;CAEA,IAAI,QACF,OAAO;EACL,GAAG;EACH,KAAKC,YAAAA,UAAU,KAAK,KAAK;EACzB,MAAM;EACN,iBAAiB,gBAAgB,KAAA,IAAY;EAC7C,UAAU;EACD;EACT,WAAW;EACX,SAAS;EACT,aAAa;EACb,cAAc;EACd,aAAa;EACb,WAAW;CACb;MAEA,OAAO;EACL,GAAG;EACH,KAAKA,YAAAA,UAAU,KAAK,KAAK;EACzB,iBAAiB,WAAY,SAAmB,KAAA;EAChD,gBAAA,GAAA,oBAAA,cAAA,UAAwB,OAAO;EAC/B,MAAM;EACN,UAAU,gBAAgB,KAAA,IAAY;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AAEJ"}
+{"version":3,"file":"index.cjs","names":["useEventListeners","mergeRefs"],"sources":["../../../../src/hooks/use-clickable/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from \"react\"\nimport type { StyledProps } from \"../../core\"\nimport { useCallback, useState } from \"react\"\nimport { dataAttr, isTouchDevice, mergeRefs } from \"../../utils\"\nimport { useEventListeners } from \"../use-event-listener\"\n\ntype Props<Y extends HTMLElement = HTMLElement> = Omit<\n  HTMLAttributes<Y>,\n  \"ref\" | \"size\" | keyof StyledProps\n>\n\nexport type UseClickableProps<\n  Y extends HTMLElement = HTMLElement,\n  M extends Props<Y> = Props<Y>,\n> = M & {\n  /**\n   * Whether or not trigger click on pressing `Enter`.\n   *\n   * @default true\n   */\n  clickOnEnter?: boolean\n  /**\n   * Whether or not trigger click on pressing `Space`.\n   *\n   * @default true\n   */\n  clickOnSpace?: boolean\n  /**\n   * If `true`, the element will be disabled. It will set the `disabled` HTML attribute.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Disable the touch device behavior.\n   *\n   * @default true\n   */\n  disableTouchBehavior?: boolean\n  /**\n   * If `true` and isDisabled, the element will have only `aria-disabled` set to `true`.\n   *\n   * @default false\n   */\n  focusable?: boolean\n  /**\n   * Whether or not to focus the element when it is clicked.\n   * If `true`, the element will receive focus upon click.\n   *\n   * @default true\n   */\n  focusOnClick?: boolean\n  /**\n   * The ref for the element.\n   */\n  ref?: Ref<Y>\n}\n\nconst isValidElement = (\n  ev: KeyboardEvent | KeyboardEvent[\"nativeEvent\"],\n): boolean => {\n  const { isContentEditable, tagName } = ev.target as HTMLElement\n\n  return tagName !== \"INPUT\" && tagName !== \"TEXTAREA\" && !isContentEditable\n}\n\nexport const useClickable = <\n  Y extends HTMLElement = HTMLElement,\n  M extends Props<Y> = Props<Y>,\n>(\n  {\n    ref,\n    clickOnEnter = true,\n    clickOnSpace = true,\n    disabled,\n    disableTouchBehavior = true,\n    focusable,\n    focusOnClick = true,\n    tabIndex: tabIndexProp,\n    onClick: onClickProp,\n    onKeyDown: onKeyDownProp,\n    onKeyUp: onKeyUpProp,\n    onMouseDown: onMouseDownProp,\n    onMouseLeave: onMouseLeaveProp,\n    onMouseOver: onMouseOverProp,\n    onMouseUp: onMouseUpProp,\n    ...props\n  }: UseClickableProps<Y, M> = {} as UseClickableProps<Y, M>,\n) => {\n  const [button, setButton] = useState<boolean>(true)\n  const [pressed, setPressed] = useState<boolean>(false)\n\n  const listeners = useEventListeners()\n\n  const tabIndex = button ? tabIndexProp : tabIndexProp || 0\n  const trulyDisabled = disabled && !focusable\n\n  const refCb = (node: any) => {\n    if (!node) return\n\n    if (node.tagName !== \"BUTTON\") setButton(false)\n  }\n\n  const onClick = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (disabled) {\n        ev.stopPropagation()\n        ev.preventDefault()\n\n        return\n      }\n\n      if (focusOnClick) ev.currentTarget.focus()\n      onClickProp?.(ev)\n    },\n    [disabled, focusOnClick, onClickProp],\n  )\n\n  const onDocumentKeyUp = useCallback(\n    (ev: globalThis.KeyboardEvent) => {\n      if (pressed && isValidElement(ev)) {\n        ev.preventDefault()\n        ev.stopPropagation()\n\n        setPressed(false)\n\n        listeners.remove(document, \"keyup\", onDocumentKeyUp, false)\n      }\n    },\n    [pressed, listeners],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<Y>) => {\n      onKeyDownProp?.(ev)\n\n      if (disabled || ev.defaultPrevented || ev.metaKey) return\n\n      if (!isValidElement(ev.nativeEvent) || button) return\n\n      if (clickOnSpace && ev.key === \" \") {\n        ev.preventDefault()\n        setPressed(true)\n      }\n\n      if (clickOnEnter && ev.key === \"Enter\") {\n        ev.preventDefault()\n        ev.currentTarget.click()\n      }\n\n      listeners.add(document, \"keyup\", onDocumentKeyUp, false)\n    },\n    [\n      disabled,\n      button,\n      onKeyDownProp,\n      clickOnEnter,\n      clickOnSpace,\n      listeners,\n      onDocumentKeyUp,\n    ],\n  )\n\n  const onKeyUp = useCallback(\n    (ev: KeyboardEvent<Y>) => {\n      onKeyUpProp?.(ev)\n\n      if (disabled || ev.defaultPrevented || ev.metaKey) return\n\n      if (!isValidElement(ev.nativeEvent) || button) return\n\n      if (clickOnSpace && ev.key === \" \") {\n        ev.preventDefault()\n        setPressed(false)\n\n        ev.currentTarget.click()\n      }\n    },\n    [clickOnSpace, button, disabled, onKeyUpProp],\n  )\n\n  const onDocumentMouseUp = useCallback(\n    (ev: globalThis.MouseEvent) => {\n      if (ev.button !== 0) return\n\n      setPressed(false)\n\n      listeners.remove(document, \"mouseup\", onDocumentMouseUp, false)\n    },\n    [listeners],\n  )\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (ev.button !== 0) return\n\n      if (disabled) {\n        ev.stopPropagation()\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!button) setPressed(true)\n\n      if (focusOnClick) ev.currentTarget.focus({ preventScroll: true })\n\n      listeners.add(document, \"mouseup\", onDocumentMouseUp, false)\n\n      onMouseDownProp?.(ev)\n    },\n    [\n      disabled,\n      button,\n      onMouseDownProp,\n      listeners,\n      onDocumentMouseUp,\n      focusOnClick,\n    ],\n  )\n\n  const onMouseUp = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (ev.button !== 0) return\n\n      if (!button) setPressed(false)\n\n      onMouseUpProp?.(ev)\n    },\n    [onMouseUpProp, button],\n  )\n\n  const onMouseOver = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (disableTouchBehavior && isTouchDevice()) return\n\n      onMouseOverProp?.(ev)\n    },\n    [disabled, onMouseOverProp, disableTouchBehavior],\n  )\n\n  const onMouseLeave = useCallback(\n    (ev: MouseEvent<Y>) => {\n      if (pressed) {\n        ev.preventDefault()\n\n        setPressed(false)\n      }\n\n      if (disableTouchBehavior && isTouchDevice()) return\n\n      onMouseLeaveProp?.(ev)\n    },\n    [pressed, onMouseLeaveProp, disableTouchBehavior],\n  )\n\n  if (button) {\n    return {\n      ...props,\n      ref: mergeRefs(ref, refCb),\n      type: \"button\" as const,\n      \"aria-disabled\": trulyDisabled ? undefined : disabled,\n      disabled: trulyDisabled,\n      onClick: onClick,\n      onKeyDown: onKeyDownProp,\n      onKeyUp: onKeyUpProp,\n      onMouseDown: onMouseDownProp,\n      onMouseLeave: onMouseLeaveProp,\n      onMouseOver: onMouseOverProp,\n      onMouseUp: onMouseUpProp,\n    }\n  } else {\n    return {\n      ...props,\n      ref: mergeRefs(ref, refCb),\n      \"aria-disabled\": disabled ? (\"true\" as const) : undefined,\n      \"data-active\": dataAttr(pressed),\n      role: \"button\",\n      tabIndex: trulyDisabled ? undefined : tabIndex,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseLeave,\n      onMouseOver,\n      onMouseUp,\n    }\n  }\n}\n\nexport type UseClickableReturn = ReturnType<typeof useClickable>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-clipboard/index.ts"],"sourcesContent":["\"use client\"\n\nimport copy from \"copy-to-clipboard\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isNumber, isString } from \"../../utils\"\n\nexport interface UseClipboardOptions {\n  format?: string\n  timeout?: number\n}\n\n/**\n * `useClipboard` is a custom hook that performs the operation of copying a value to the clipboard.\n *\n * @see https://yamada-ui.com/docs/hooks/use-clipboard\n */\nexport const useClipboard = (\n  defaultValue = \"\",\n  timeoutOrOptions: number | UseClipboardOptions = {},\n) => {\n  const [copied, setCopied] = useState(false)\n\n  const [value, setValue] = useState(defaultValue)\n\n  useEffect(() => setValue(defaultValue), [defaultValue])\n\n  const { timeout = 1500, ...copyOptions } = isNumber(timeoutOrOptions)\n    ? { timeout: timeoutOrOptions }\n    : timeoutOrOptions\n\n  const onCopy = useCallback(\n    (newValue?: any) => {\n      if (!isString(newValue)) {\n        newValue = value\n      } else {\n        setValue(newValue)\n      }\n\n      const copied = copy(newValue, copyOptions)\n\n      setCopied(copied)\n    },\n    [value, copyOptions],\n  )\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (copied)\n      timeoutId = setTimeout(() => {\n        setCopied(false)\n      }, timeout)\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [timeout, copied])\n\n  return {\n    copied,\n    setValue,\n    value,\n    onCopy,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,gBACX,eAAe,IACf,mBAAiD,CAAC,MAC/C;CACH,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,KAAK;CAE1C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,YAAY;CAE/C,CAAA,GAAA,MAAA,iBAAgB,SAAS,YAAY,GAAG,CAAC,YAAY,CAAC;CAEtD,MAAM,EAAE,UAAU,MAAM,GAAG,iBAAA,GAAA,oBAAA,cAAA,UAAyB,gBAAgB,IAChE,EAAE,SAAS,iBAAiB,IAC5B;CAEJ,MAAM,UAAA,GAAA,MAAA,cACH,aAAmB;EAClB,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,QAAQ,GACpB,WAAW;OAEX,SAAS,QAAQ;EAKnB,WAAA,GAAA,kBAAA,SAFoB,UAAU,WAEf,CAAC;CAClB,GACA,CAAC,OAAO,WAAW,CACrB;CAEA,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,YAAmC;EAEvC,IAAI,QACF,YAAY,iBAAiB;GAC3B,UAAU,KAAK;EACjB,GAAG,OAAO;EAEZ,aAAa;GACX,IAAI,WAAW,aAAa,SAAS;EACvC;CACF,GAAG,CAAC,SAAS,MAAM,CAAC;CAEpB,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/hooks/use-clipboard/index.ts"],"sourcesContent":["\"use client\"\n\nimport copy from \"copy-to-clipboard\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isNumber, isString } from \"../../utils\"\n\nexport interface UseClipboardOptions {\n  format?: string\n  timeout?: number\n}\n\n/**\n * `useClipboard` is a custom hook that performs the operation of copying a value to the clipboard.\n *\n * @see https://yamada-ui.com/docs/hooks/use-clipboard\n */\nexport const useClipboard = (\n  defaultValue = \"\",\n  timeoutOrOptions: number | UseClipboardOptions = {},\n) => {\n  const [copied, setCopied] = useState(false)\n\n  const [value, setValue] = useState(defaultValue)\n\n  useEffect(() => setValue(defaultValue), [defaultValue])\n\n  const { timeout = 1500, ...copyOptions } = isNumber(timeoutOrOptions)\n    ? { timeout: timeoutOrOptions }\n    : timeoutOrOptions\n\n  const onCopy = useCallback(\n    (newValue?: any) => {\n      if (!isString(newValue)) {\n        newValue = value\n      } else {\n        setValue(newValue)\n      }\n\n      const copied = copy(newValue, copyOptions)\n\n      setCopied(copied)\n    },\n    [value, copyOptions],\n  )\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null\n\n    if (copied)\n      timeoutId = setTimeout(() => {\n        setCopied(false)\n      }, timeout)\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [timeout, copied])\n\n  return {\n    copied,\n    setValue,\n    value,\n    onCopy,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,gBACX,eAAe,IACf,mBAAiD,CAAC,MAC/C;CACH,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAsB,KAAK;CAE1C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CAAqB,YAAY;CAE/C,CAAA,GAAA,MAAA,UAAA,OAAgB,SAAS,YAAY,GAAG,CAAC,YAAY,CAAC;CAEtD,MAAM,EAAE,UAAU,MAAM,GAAG,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAyB,gBAAgB,IAChE,EAAE,SAAS,iBAAiB,IAC5B;CAEJ,MAAM,UAAA,GAAA,MAAA,YAAA,EACH,aAAmB;EAClB,IAAI,EAAA,GAAA,oBAAA,cAAA,SAAA,CAAU,QAAQ,GACpB,WAAW;OAEX,SAAS,QAAQ;EAKnB,WAAA,GAAA,kBAAA,QAAA,CAFoB,UAAU,WAEf,CAAC;CAClB,GACA,CAAC,OAAO,WAAW,CACrB;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,YAAmC;EAEvC,IAAI,QACF,YAAY,iBAAiB;GAC3B,UAAU,KAAK;EACjB,GAAG,OAAO;EAEZ,aAAa;GACX,IAAI,WAAW,aAAa,SAAS;EACvC;CACF,GAAG,CAAC,SAAS,MAAM,CAAC;CAEpB,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["getValidChildren","isSomeElement","findChild","createDescendants","createContext","usePopoverProps","useEnvironment","useDisclosure","isComposing","mergeProps","mergeRefs"],"sources":["../../../../src/hooks/use-combobox/index.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type { UsePopoverProps } from \"../../components/popover\"\nimport type { HTMLProps, PropGetter, SimpleDirection } from \"../../core\"\nimport type { Descendant } from \"../use-descendants\"\nimport type { UseDisclosureProps } from \"../use-disclosure\"\nimport { useCallback, useId, useMemo, useRef } from \"react\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { usePopoverProps } from \"../../components/popover\"\nimport { mergeProps, useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  findChild,\n  getValidChildren,\n  handlerAll,\n  isComposing,\n  isSomeElement,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { createDescendants } from \"../use-descendants\"\nimport { useDisclosure } from \"../use-disclosure\"\n\ninterface ComboboxSharedItem extends Omit<HTMLProps, \"children\" | \"value\"> {\n  label: ReactNode\n}\n\nexport interface ComboboxItemWithValue extends ComboboxSharedItem {\n  query?: string\n  value?: string\n}\n\nexport interface ComboboxItemWithItems extends ComboboxSharedItem {\n  items: ComboboxItemWithValue[]\n}\n\nexport type ComboboxItem = ComboboxItemWithItems | ComboboxItemWithValue\n\nexport interface CreateComboboxItemOptions {\n  Group: JSXElementConstructor<any>\n  Label: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n}\n\nexport const createComboboxItem = (\n  children: ReactNode,\n  { Group, Label, Option }: CreateComboboxItemOptions,\n) => {\n  const validChildren = getValidChildren(children)\n\n  return validChildren\n    .filter(\n      ({ type }) => isSomeElement(type, Option) || isSomeElement(type, Group),\n    )\n    .map(({ type, props }) => {\n      if (isSomeElement(type, Option)) {\n        return { ...props, label: props.children }\n      } else {\n        const validChildren = getValidChildren(props.children)\n        const label = findChild(validChildren, Label)\n\n        return {\n          ...props,\n          items: validChildren\n            .filter(({ type }) => isSomeElement(type, Option))\n            .map(({ props }) => ({ ...props, label: props.children })),\n          label: label?.props.children ?? props.label,\n        }\n      }\n    })\n}\n\nexport interface CreateComboboxChildrenOptions {\n  Group: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n  Empty?: JSXElementConstructor<any>\n}\n\nexport const createComboboxChildren = (\n  items: ComboboxItem[],\n  { Empty, Group, Option }: CreateComboboxChildrenOptions,\n) => {\n  return items.map((item, index) => {\n    if (\"data-empty\" in item && Empty) {\n      const { label, ...rest } = item\n\n      return (\n        <Empty key={index} {...rest}>\n          {label}\n        </Empty>\n      )\n    } else if (\"items\" in item) {\n      const { items, label, ...rest } = item\n\n      return (\n        <Group key={index} label={label} {...rest}>\n          {items.map(({ label, ...rest }, index) => (\n            <Option key={index} {...rest}>\n              {label}\n            </Option>\n          ))}\n        </Group>\n      )\n    } else {\n      const { label, ...rest } = item\n\n      return (\n        <Option key={index} {...rest}>\n          {label}\n        </Option>\n      )\n    }\n  })\n}\n\nexport interface ComboboxDescendantProps {\n  id: string\n  closeOnSelect?: boolean\n  value?: string\n}\nexport type ComboboxDescendant = Descendant<\n  HTMLDivElement,\n  ComboboxDescendantProps\n>\n\nconst {\n  DescendantsContext: ComboboxDescendantsContext,\n  useDescendant: useComboboxDescendant,\n  useDescendantRegister: useComboboxDescendantRegister,\n  useDescendants: useComboboxDescendants,\n} = createDescendants<HTMLDivElement, ComboboxDescendantProps>()\n\nexport {\n  ComboboxDescendantsContext,\n  useComboboxDescendant,\n  useComboboxDescendantRegister,\n  useComboboxDescendants,\n}\n\ninterface ComboboxContext extends Pick<\n  UseComboboxReturn,\n  \"onActiveDescendant\" | \"onClose\" | \"onSelect\"\n> {}\n\nconst [ComboboxContext, useComboboxContext] = createContext<ComboboxContext>({\n  name: \"ComboboxContext\",\n})\n\ninterface ComboboxGroupContext extends Pick<\n  UseComboboxGroupReturn,\n  \"getLabelProps\"\n> {}\n\nconst [ComboboxGroupContext, useComboboxGroupContext] =\n  createContext<ComboboxGroupContext>({\n    name: \"ComboboxGroupContext\",\n  })\n\nexport {\n  ComboboxContext,\n  ComboboxGroupContext,\n  useComboboxContext,\n  useComboboxGroupContext,\n}\n\nexport interface UseComboboxProps\n  extends\n    Omit<HTMLProps, \"onChange\">,\n    Omit<UseDisclosureProps, \"timing\">,\n    Omit<\n      UsePopoverProps,\n      \"autoFocus\" | \"initialFocusRef\" | \"modal\" | \"transform\" | \"updateRef\"\n    > {\n  /**\n   * If `true`, the list element will be closed when value is selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the combobox will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The value to focus on when the combobox is opened.\n   */\n  initialFocusValue?: string\n  /**\n   * If `true`, the combobox will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * If `true`, the combobox will be opened when enter is pressed.\n   *\n   * @default true\n   */\n  openOnEnter?: boolean\n  /**\n   * If `true`, the combobox will be opened when space is pressed.\n   *\n   * @default true\n   */\n  openOnSpace?: boolean\n  /**\n   * If `true`, the combobox will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The `ref` of the element that should receive focus when selected.\n   */\n  selectFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the item will be selected when space is pressed.\n   *\n   * @default true\n   */\n  selectOnSpace?: boolean\n  /**\n   * The callback invoked when value is selected.\n   */\n  onChange?: (value: string) => void\n}\n\nexport const useCombobox = (props: UseComboboxProps = {}) => {\n  const [\n    { matchWidth = true, ...popoverProps },\n    {\n      \"aria-label\": ariaLabelProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      closeOnSelect: closeOnSelectProp = true,\n      defaultOpen,\n      disabled,\n      initialFocusValue,\n      open: openProp,\n      openOnClick = true,\n      openOnEnter = true,\n      openOnSpace = true,\n      readOnly,\n      selectFocusRef,\n      selectOnSpace = true,\n      onChange: onChangeProp,\n      onClose: onCloseProp,\n      onOpen: onOpenProp,\n      ...rest\n    },\n  ] = usePopoverProps(props, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n    \"openOnClick\",\n  ])\n  const { getWindow } = useEnvironment()\n  const interactive = !(readOnly || disabled)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const contentId = useId()\n  const descendants = useComboboxDescendants()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const activeDescendant = useRef<ComboboxDescendant | null>(null)\n  const mergedPopoverProps = useMemo<UsePopoverProps>(\n    () => ({\n      autoFocus: false,\n      matchWidth,\n      openOnClick: false,\n      ...popoverProps,\n      disabled: !interactive,\n      open,\n      onClose,\n      onOpen,\n    }),\n    [interactive, matchWidth, onClose, onOpen, open, popoverProps],\n  )\n\n  const onSelect = useCallback(\n    (value?: string, closeOnSelect = closeOnSelectProp) => {\n      const ref = selectFocusRef ?? triggerRef\n\n      ref.current?.focus()\n\n      if (!interactive || isUndefined(value)) return\n\n      onChangeProp?.(value)\n\n      if (!closeOnSelect) return\n\n      onClose()\n    },\n    [closeOnSelectProp, interactive, onChangeProp, onClose, selectFocusRef],\n  )\n\n  const onScrollIntoView = useCallback(\n    (descendant?: ComboboxDescendant, block: SimpleDirection = \"start\") => {\n      if (!contentRef.current || !descendant) return\n\n      const style = getWindow()?.getComputedStyle(contentRef.current)\n      const padding =\n        block === \"start\" ? style?.paddingBlockStart : style?.paddingBlockEnd\n      const value = parseInt(padding ?? \"0px\")\n\n      scrollIntoView(descendant.node, {\n        behavior: (actions) =>\n          actions.forEach(({ el, top }) => {\n            el.scrollTop = block === \"start\" ? top - value : top + value\n          }),\n        block,\n        boundary: contentRef.current,\n        inline: \"nearest\",\n        scrollMode: \"if-needed\",\n      })\n    },\n    [getWindow],\n  )\n\n  const onActiveDescendant = useCallback(\n    (descendant?: ComboboxDescendant) => {\n      if (!triggerRef.current || !descendant || disabled) return\n\n      triggerRef.current.setAttribute(\"aria-activedescendant\", descendant.id)\n\n      activeDescendant.current = descendant\n\n      descendants.active(descendant)\n    },\n    [descendants, disabled],\n  )\n\n  const onOpenWithActiveDescendant = useCallback(\n    (\n      getFallbackDescendant: () => ComboboxDescendant | undefined,\n      block: SimpleDirection = \"start\",\n    ) => {\n      onOpen()\n\n      setTimeout(() => {\n        if (!initialFocusValue) {\n          const descendant = getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        } else {\n          const values = descendants.values()\n          const descendant =\n            values.find(({ value }) => initialFocusValue === value) ??\n            getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        }\n      })\n    },\n    [\n      descendants,\n      initialFocusValue,\n      onActiveDescendant,\n      onOpen,\n      onScrollIntoView,\n    ],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n\n      if (!open) {\n        if (openOnClick)\n          onOpenWithActiveDescendant(descendants.enabledFirstValue)\n      } else {\n        onClose()\n      }\n    },\n    [\n      descendants,\n      disabled,\n      onClose,\n      onOpenWithActiveDescendant,\n      open,\n      openOnClick,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowDown: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledNextValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"start\" : \"end\",\n              )\n            } else {\n              const descendant = descendants.enabledFirstValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant)\n            }\n          },\n          ArrowUp: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledLastValue, \"end\")\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledPrevValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"end\" : \"start\",\n              )\n            } else {\n              const descendant = descendants.enabledLastValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant, \"end\")\n            }\n          },\n          End: (ev) => {\n            ev.preventDefault()\n\n            if (!open) return\n\n            const descendant = descendants.enabledLastValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant, \"end\")\n          },\n          Enter: (ev) => {\n            if (!open) {\n              if (!openOnEnter) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n          Home: (ev) => {\n            if (!open) return\n\n            ev.preventDefault()\n\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant)\n          },\n          Space: (ev) => {\n            if (!open) {\n              if (!openOnSpace) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current || !selectOnSpace) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      disabled,\n      open,\n      onOpenWithActiveDescendant,\n      descendants,\n      onActiveDescendant,\n      onScrollIntoView,\n      openOnEnter,\n      onSelect,\n      openOnSpace,\n      selectOnSpace,\n    ],\n  )\n\n  useUpdateEffect(() => {\n    if (open) return\n\n    activeDescendant.current = null\n  }, [open])\n\n  const getTriggerProps: PropGetter = useCallback(\n    ({\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\n      ...mergeProps(\n        {\n          ref: triggerRef,\n          \"aria-controls\": open ? contentId : undefined,\n          \"aria-disabled\": ariaAttr(!interactive),\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"listbox\",\n          \"aria-label\": ariaLabel || ariaLabelProp,\n          \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n          \"data-disabled\": dataAttr(disabled),\n          \"data-readonly\": dataAttr(readOnly),\n          role: \"combobox\",\n          tabIndex: interactive ? 0 : -1,\n        },\n        rest,\n        props,\n      )({ mergeEvent: false }),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onKeyDown: handlerAll(props.onKeyDown, rest.onKeyDown, onKeyDown),\n    }),\n    [\n      open,\n      contentId,\n      interactive,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      ariaLabelProp,\n      rest,\n      onClick,\n      onKeyDown,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      role: \"listbox\",\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onKeyDown: handlerAll(props.onKeyDown),\n    }),\n    [contentId],\n  )\n\n  const getSeparatorProps: PropGetter = useCallback(\n    (props) => ({ role: \"separator\", ...props }),\n    [],\n  )\n\n  return {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps: mergedPopoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onScrollIntoView,\n    onSelect,\n  }\n}\n\nexport type UseComboboxReturn = ReturnType<typeof useCombobox>\n\nexport interface UseComboboxGroupProps extends HTMLProps {}\n\nexport const useComboboxGroup = ({\n  \"aria-labelledby\": ariaLabelledbyProp,\n  ...rest\n}: UseComboboxGroupProps = {}) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      mergeProps(\n        {\n          \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [ariaLabelledbyProp, labelId, rest],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props) => ({ id: labelId, role: \"presentation\", ...props }),\n    [labelId],\n  )\n\n  return { getGroupProps, getLabelProps }\n}\n\nexport type UseComboboxGroupReturn = ReturnType<typeof useComboboxGroup>\n\nexport interface UseComboboxItemProps extends HTMLProps {\n  /**\n   * If `true`, the item will be closed when selected.\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the item will be selected.\n   */\n  selected?: boolean\n  /**\n   * The value of the item.\n   */\n  value?: string\n}\n\nexport const useComboboxItem = ({\n  id,\n  \"aria-disabled\": ariaDisabled,\n  \"data-disabled\": dataDisabled,\n  closeOnSelect,\n  disabled = false,\n  selected = false,\n  value,\n  ...rest\n}: UseComboboxItemProps = {}) => {\n  const uuid = useId()\n  const itemRef = useRef<HTMLDivElement>(null)\n  const { onActiveDescendant, onClose, onSelect } = useComboboxContext()\n\n  id ??= uuid\n\n  const { descendants, register } = useComboboxDescendant({\n    id,\n    closeOnSelect,\n    disabled,\n    value,\n  })\n\n  const onActive = useCallback(() => {\n    if (disabled) return\n\n    const current = descendants.value(itemRef.current)\n\n    onActiveDescendant(current)\n  }, [descendants, disabled, onActiveDescendant])\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      ev.preventDefault()\n\n      if (disabled) return\n\n      onSelect(value, closeOnSelect)\n    },\n    [closeOnSelect, disabled, onSelect, value],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...mergeProps(\n        {\n          id,\n          ref: itemRef,\n          \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n          \"aria-selected\": selected,\n          \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n          \"data-selected\": dataAttr(selected),\n          \"data-value\": value,\n          role: \"option\",\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        { ref: register },\n      )({ mergeEvent: false }),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onMouseMove: handlerAll(props.onMouseMove, rest.onMouseMove, onActive),\n    }),\n    [\n      id,\n      ariaDisabled,\n      disabled,\n      selected,\n      dataDisabled,\n      value,\n      rest,\n      register,\n      onClick,\n      onActive,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps({ style: { opacity: selected ? 1 : 0 } }, props)(),\n    [selected],\n  )\n\n  return {\n    descendants,\n    disabled,\n    selected,\n    getIndicatorProps,\n    getItemProps,\n    onActiveDescendant,\n    onClose,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":["getValidChildren","isSomeElement","findChild","createDescendants","createContext","usePopoverProps","useEnvironment","useDisclosure","isComposing","mergeProps","mergeRefs"],"sources":["../../../../src/hooks/use-combobox/index.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type { UsePopoverProps } from \"../../components/popover\"\nimport type { HTMLProps, PropGetter, SimpleDirection } from \"../../core\"\nimport type { Descendant } from \"../use-descendants\"\nimport type { UseDisclosureProps } from \"../use-disclosure\"\nimport { useCallback, useId, useMemo, useRef } from \"react\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { usePopoverProps } from \"../../components/popover\"\nimport { mergeProps, useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  findChild,\n  getValidChildren,\n  handlerAll,\n  isComposing,\n  isSomeElement,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { createDescendants } from \"../use-descendants\"\nimport { useDisclosure } from \"../use-disclosure\"\n\ninterface ComboboxSharedItem extends Omit<HTMLProps, \"children\" | \"value\"> {\n  label: ReactNode\n}\n\nexport interface ComboboxItemWithValue extends ComboboxSharedItem {\n  query?: string\n  value?: string\n}\n\nexport interface ComboboxItemWithItems extends ComboboxSharedItem {\n  items: ComboboxItemWithValue[]\n}\n\nexport type ComboboxItem = ComboboxItemWithItems | ComboboxItemWithValue\n\nexport interface CreateComboboxItemOptions {\n  Group: JSXElementConstructor<any>\n  Label: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n}\n\nexport const createComboboxItem = (\n  children: ReactNode,\n  { Group, Label, Option }: CreateComboboxItemOptions,\n) => {\n  const validChildren = getValidChildren(children)\n\n  return validChildren\n    .filter(\n      ({ type }) => isSomeElement(type, Option) || isSomeElement(type, Group),\n    )\n    .map(({ type, props }) => {\n      if (isSomeElement(type, Option)) {\n        return { ...props, label: props.children }\n      } else {\n        const validChildren = getValidChildren(props.children)\n        const label = findChild(validChildren, Label)\n\n        return {\n          ...props,\n          items: validChildren\n            .filter(({ type }) => isSomeElement(type, Option))\n            .map(({ props }) => ({ ...props, label: props.children })),\n          label: label?.props.children ?? props.label,\n        }\n      }\n    })\n}\n\nexport interface CreateComboboxChildrenOptions {\n  Group: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n  Empty?: JSXElementConstructor<any>\n}\n\nexport const createComboboxChildren = (\n  items: ComboboxItem[],\n  { Empty, Group, Option }: CreateComboboxChildrenOptions,\n) => {\n  return items.map((item, index) => {\n    if (\"data-empty\" in item && Empty) {\n      const { label, ...rest } = item\n\n      return (\n        <Empty key={index} {...rest}>\n          {label}\n        </Empty>\n      )\n    } else if (\"items\" in item) {\n      const { items, label, ...rest } = item\n\n      return (\n        <Group key={index} label={label} {...rest}>\n          {items.map(({ label, ...rest }, index) => (\n            <Option key={index} {...rest}>\n              {label}\n            </Option>\n          ))}\n        </Group>\n      )\n    } else {\n      const { label, ...rest } = item\n\n      return (\n        <Option key={index} {...rest}>\n          {label}\n        </Option>\n      )\n    }\n  })\n}\n\nexport interface ComboboxDescendantProps {\n  id: string\n  closeOnSelect?: boolean\n  value?: string\n}\nexport type ComboboxDescendant = Descendant<\n  HTMLDivElement,\n  ComboboxDescendantProps\n>\n\nconst {\n  DescendantsContext: ComboboxDescendantsContext,\n  useDescendant: useComboboxDescendant,\n  useDescendantRegister: useComboboxDescendantRegister,\n  useDescendants: useComboboxDescendants,\n} = createDescendants<HTMLDivElement, ComboboxDescendantProps>()\n\nexport {\n  ComboboxDescendantsContext,\n  useComboboxDescendant,\n  useComboboxDescendantRegister,\n  useComboboxDescendants,\n}\n\ninterface ComboboxContext extends Pick<\n  UseComboboxReturn,\n  \"onActiveDescendant\" | \"onClose\" | \"onSelect\"\n> {}\n\nconst [ComboboxContext, useComboboxContext] = createContext<ComboboxContext>({\n  name: \"ComboboxContext\",\n})\n\ninterface ComboboxGroupContext extends Pick<\n  UseComboboxGroupReturn,\n  \"getLabelProps\"\n> {}\n\nconst [ComboboxGroupContext, useComboboxGroupContext] =\n  createContext<ComboboxGroupContext>({\n    name: \"ComboboxGroupContext\",\n  })\n\nexport {\n  ComboboxContext,\n  ComboboxGroupContext,\n  useComboboxContext,\n  useComboboxGroupContext,\n}\n\nexport interface UseComboboxProps\n  extends\n    Omit<HTMLProps, \"onChange\">,\n    Omit<UseDisclosureProps, \"timing\">,\n    Omit<\n      UsePopoverProps,\n      \"autoFocus\" | \"initialFocusRef\" | \"modal\" | \"transform\" | \"updateRef\"\n    > {\n  /**\n   * If `true`, the list element will be closed when value is selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the combobox will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The value to focus on when the combobox is opened.\n   */\n  initialFocusValue?: string\n  /**\n   * If `true`, the combobox will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * If `true`, the combobox will be opened when enter is pressed.\n   *\n   * @default true\n   */\n  openOnEnter?: boolean\n  /**\n   * If `true`, the combobox will be opened when space is pressed.\n   *\n   * @default true\n   */\n  openOnSpace?: boolean\n  /**\n   * If `true`, the combobox will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The `ref` of the element that should receive focus when selected.\n   */\n  selectFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the item will be selected when space is pressed.\n   *\n   * @default true\n   */\n  selectOnSpace?: boolean\n  /**\n   * The callback invoked when value is selected.\n   */\n  onChange?: (value: string) => void\n}\n\nexport const useCombobox = (props: UseComboboxProps = {}) => {\n  const [\n    { matchWidth = true, ...popoverProps },\n    {\n      \"aria-label\": ariaLabelProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      closeOnSelect: closeOnSelectProp = true,\n      defaultOpen,\n      disabled,\n      initialFocusValue,\n      open: openProp,\n      openOnClick = true,\n      openOnEnter = true,\n      openOnSpace = true,\n      readOnly,\n      selectFocusRef,\n      selectOnSpace = true,\n      onChange: onChangeProp,\n      onClose: onCloseProp,\n      onOpen: onOpenProp,\n      ...rest\n    },\n  ] = usePopoverProps(props, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n    \"openOnClick\",\n  ])\n  const { getWindow } = useEnvironment()\n  const interactive = !(readOnly || disabled)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const contentId = useId()\n  const descendants = useComboboxDescendants()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const activeDescendant = useRef<ComboboxDescendant | null>(null)\n  const mergedPopoverProps = useMemo<UsePopoverProps>(\n    () => ({\n      autoFocus: false,\n      matchWidth,\n      openOnClick: false,\n      ...popoverProps,\n      disabled: !interactive,\n      open,\n      onClose,\n      onOpen,\n    }),\n    [interactive, matchWidth, onClose, onOpen, open, popoverProps],\n  )\n\n  const onSelect = useCallback(\n    (value?: string, closeOnSelect = closeOnSelectProp) => {\n      const ref = selectFocusRef ?? triggerRef\n\n      ref.current?.focus()\n\n      if (!interactive || isUndefined(value)) return\n\n      onChangeProp?.(value)\n\n      if (!closeOnSelect) return\n\n      onClose()\n    },\n    [closeOnSelectProp, interactive, onChangeProp, onClose, selectFocusRef],\n  )\n\n  const onScrollIntoView = useCallback(\n    (descendant?: ComboboxDescendant, block: SimpleDirection = \"start\") => {\n      if (!contentRef.current || !descendant) return\n\n      const style = getWindow()?.getComputedStyle(contentRef.current)\n      const padding =\n        block === \"start\" ? style?.paddingBlockStart : style?.paddingBlockEnd\n      const value = parseInt(padding ?? \"0px\")\n\n      scrollIntoView(descendant.node, {\n        behavior: (actions) =>\n          actions.forEach(({ el, top }) => {\n            el.scrollTop = block === \"start\" ? top - value : top + value\n          }),\n        block,\n        boundary: contentRef.current,\n        inline: \"nearest\",\n        scrollMode: \"if-needed\",\n      })\n    },\n    [getWindow],\n  )\n\n  const onActiveDescendant = useCallback(\n    (descendant?: ComboboxDescendant) => {\n      if (!triggerRef.current || !descendant || disabled) return\n\n      triggerRef.current.setAttribute(\"aria-activedescendant\", descendant.id)\n\n      activeDescendant.current = descendant\n\n      descendants.active(descendant)\n    },\n    [descendants, disabled],\n  )\n\n  const onOpenWithActiveDescendant = useCallback(\n    (\n      getFallbackDescendant: () => ComboboxDescendant | undefined,\n      block: SimpleDirection = \"start\",\n    ) => {\n      onOpen()\n\n      setTimeout(() => {\n        if (!initialFocusValue) {\n          const descendant = getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        } else {\n          const values = descendants.values()\n          const descendant =\n            values.find(({ value }) => initialFocusValue === value) ??\n            getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        }\n      })\n    },\n    [\n      descendants,\n      initialFocusValue,\n      onActiveDescendant,\n      onOpen,\n      onScrollIntoView,\n    ],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n\n      if (!open) {\n        if (openOnClick)\n          onOpenWithActiveDescendant(descendants.enabledFirstValue)\n      } else {\n        onClose()\n      }\n    },\n    [\n      descendants,\n      disabled,\n      onClose,\n      onOpenWithActiveDescendant,\n      open,\n      openOnClick,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowDown: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledNextValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"start\" : \"end\",\n              )\n            } else {\n              const descendant = descendants.enabledFirstValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant)\n            }\n          },\n          ArrowUp: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledLastValue, \"end\")\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledPrevValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"end\" : \"start\",\n              )\n            } else {\n              const descendant = descendants.enabledLastValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant, \"end\")\n            }\n          },\n          End: (ev) => {\n            ev.preventDefault()\n\n            if (!open) return\n\n            const descendant = descendants.enabledLastValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant, \"end\")\n          },\n          Enter: (ev) => {\n            if (!open) {\n              if (!openOnEnter) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n          Home: (ev) => {\n            if (!open) return\n\n            ev.preventDefault()\n\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant)\n          },\n          Space: (ev) => {\n            if (!open) {\n              if (!openOnSpace) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current || !selectOnSpace) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      disabled,\n      open,\n      onOpenWithActiveDescendant,\n      descendants,\n      onActiveDescendant,\n      onScrollIntoView,\n      openOnEnter,\n      onSelect,\n      openOnSpace,\n      selectOnSpace,\n    ],\n  )\n\n  useUpdateEffect(() => {\n    if (open) return\n\n    activeDescendant.current = null\n  }, [open])\n\n  const getTriggerProps: PropGetter = useCallback(\n    ({\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\n      ...mergeProps(\n        {\n          ref: triggerRef,\n          \"aria-controls\": open ? contentId : undefined,\n          \"aria-disabled\": ariaAttr(!interactive),\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"listbox\",\n          \"aria-label\": ariaLabel || ariaLabelProp,\n          \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n          \"data-disabled\": dataAttr(disabled),\n          \"data-readonly\": dataAttr(readOnly),\n          role: \"combobox\",\n          tabIndex: interactive ? 0 : -1,\n        },\n        rest,\n        props,\n      )({ mergeEvent: false }),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onKeyDown: handlerAll(props.onKeyDown, rest.onKeyDown, onKeyDown),\n    }),\n    [\n      open,\n      contentId,\n      interactive,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      ariaLabelProp,\n      rest,\n      onClick,\n      onKeyDown,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      role: \"listbox\",\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onKeyDown: handlerAll(props.onKeyDown),\n    }),\n    [contentId],\n  )\n\n  const getSeparatorProps: PropGetter = useCallback(\n    (props) => ({ role: \"separator\", ...props }),\n    [],\n  )\n\n  return {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps: mergedPopoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onScrollIntoView,\n    onSelect,\n  }\n}\n\nexport type UseComboboxReturn = ReturnType<typeof useCombobox>\n\nexport interface UseComboboxGroupProps extends HTMLProps {}\n\nexport const useComboboxGroup = ({\n  \"aria-labelledby\": ariaLabelledbyProp,\n  ...rest\n}: UseComboboxGroupProps = {}) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      mergeProps(\n        {\n          \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [ariaLabelledbyProp, labelId, rest],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props) => ({ id: labelId, role: \"presentation\", ...props }),\n    [labelId],\n  )\n\n  return { getGroupProps, getLabelProps }\n}\n\nexport type UseComboboxGroupReturn = ReturnType<typeof useComboboxGroup>\n\nexport interface UseComboboxItemProps extends HTMLProps {\n  /**\n   * If `true`, the item will be closed when selected.\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the item will be selected.\n   */\n  selected?: boolean\n  /**\n   * The value of the item.\n   */\n  value?: string\n}\n\nexport const useComboboxItem = ({\n  id,\n  \"aria-disabled\": ariaDisabled,\n  \"data-disabled\": dataDisabled,\n  closeOnSelect,\n  disabled = false,\n  selected = false,\n  value,\n  ...rest\n}: UseComboboxItemProps = {}) => {\n  const uuid = useId()\n  const itemRef = useRef<HTMLDivElement>(null)\n  const { onActiveDescendant, onClose, onSelect } = useComboboxContext()\n\n  id ??= uuid\n\n  const { descendants, register } = useComboboxDescendant({\n    id,\n    closeOnSelect,\n    disabled,\n    value,\n  })\n\n  const onActive = useCallback(() => {\n    if (disabled) return\n\n    const current = descendants.value(itemRef.current)\n\n    onActiveDescendant(current)\n  }, [descendants, disabled, onActiveDescendant])\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      ev.preventDefault()\n\n      if (disabled) return\n\n      onSelect(value, closeOnSelect)\n    },\n    [closeOnSelect, disabled, onSelect, value],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...mergeProps(\n        {\n          id,\n          ref: itemRef,\n          \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n          \"aria-selected\": selected,\n          \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n          \"data-selected\": dataAttr(selected),\n          \"data-value\": value,\n          role: \"option\",\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        { ref: register },\n      )({ mergeEvent: false }),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onMouseMove: handlerAll(props.onMouseMove, rest.onMouseMove, onActive),\n    }),\n    [\n      id,\n      ariaDisabled,\n      disabled,\n      selected,\n      dataDisabled,\n      value,\n      rest,\n      register,\n      onClick,\n      onActive,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps({ style: { opacity: selected ? 1 : 0 } }, props)(),\n    [selected],\n  )\n\n  return {\n    descendants,\n    disabled,\n    selected,\n    getIndicatorProps,\n    getItemProps,\n    onActiveDescendant,\n    onClose,\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/use-controllable-state/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-controllable-state/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n} from \"react\"\nimport { useState } from \"react\"\nimport {\n  isBoolean,\n  isNull,\n  isUndefined,\n  runIfFn,\n  useCallbackRef,\n} from \"../../utils\"\n\ninterface UseControllableStateMethods<Y> {\n  onChange?: (value: Y) => void\n  onUpdate?: (prev: Y, next: Y) => boolean\n}\n\nexport interface UseControllableStateProps<\n  Y,\n> extends UseControllableStateMethods<Y> {\n  defaultValue?: (() => Y) | Y\n  value?: Y\n}\n\nexport function useControllableState<Y>(\n  props: UseControllableStateMethods<Y> & {\n    value: Y\n    defaultValue?: (() => Y) | Y\n  },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n  props: UseControllableStateMethods<Y> & {\n    defaultValue: (() => Y) | Y\n    value?: Y\n  },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n  props: UseControllableStateProps<Y>,\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>({\n  defaultValue: defaultValueProp,\n  value,\n  onChange: onChangeProp,\n  onUpdate: onUpdateProp = (prev, next) => prev !== next,\n}: UseControllableStateProps<Y>) {\n  const onChange = useCallbackRef(onChangeProp)\n  const onUpdate = useCallbackRef(onUpdateProp)\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const controlled = !isUndefined(value)\n  const currentValue = (controlled ? value : defaultValue) as Y\n\n  const setValue = useCallbackRef(\n    (next: SetStateAction<Y>) => {\n      const nextValue = runIfFn(next, currentValue)\n\n      if (!onUpdate(currentValue, nextValue)) return\n\n      if (!controlled || isUndefined(nextValue) || isNull(nextValue))\n        setDefaultValue(nextValue)\n\n      onChange(nextValue)\n    },\n    [controlled, currentValue, onChange, onUpdate],\n  )\n\n  return [currentValue, setValue]\n}\n\nfunction isHTMLInputElement(el: HTMLElement): el is HTMLInputElement {\n  return el instanceof HTMLInputElement\n}\n\ninterface UseControllableEventStateMethods<\n  Y extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n> {\n  onChange?: ChangeEventHandler<Y>\n}\n\nexport interface UseControllableEventStateProps<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n> extends UseControllableEventStateMethods<M> {\n  defaultValue?: (() => Y) | Y\n  value?: Y\n}\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>(\n  props: UseControllableEventStateMethods<M> & {\n    value: Y\n    defaultValue?: (() => Y) | Y\n  },\n): [Y, ChangeEventHandler<M>]\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>(\n  props: UseControllableEventStateMethods<M> & {\n    defaultValue: (() => Y) | Y\n    value?: Y\n  },\n): [Y, ChangeEventHandler<M>]\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>(props: UseControllableEventStateProps<Y, M>): [Y, ChangeEventHandler<M>]\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>({\n  defaultValue: defaultValueProp,\n  value,\n  onChange: onChangeProp,\n}: UseControllableEventStateProps<Y, M>) {\n  const onChange = useCallbackRef(onChangeProp)\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const controlled = !isUndefined(value)\n  const currentValue = (controlled ? value : defaultValue) as Y\n  const boolean = isBoolean(currentValue)\n\n  const setValue = useCallbackRef(\n    (ev: ChangeEvent<M>) => {\n      const value =\n        boolean && isHTMLInputElement(ev.target)\n          ? (ev.target.checked as Y)\n          : (ev.target.value as Y)\n\n      if (!controlled || isUndefined(value) || isNull(value)) {\n        setDefaultValue(value)\n      }\n\n      onChange(ev)\n    },\n    [controlled, currentValue, onChange],\n  )\n\n  return [currentValue, setValue]\n}\n"],"mappings":";;;;;;AA+CA,SAAgB,qBAAwB,EACtC,cAAc,kBACd,OACA,UAAU,cACV,UAAU,gBAAgB,MAAM,SAAS,SAAS,QACnB;CAC/B,MAAM,WAAWA,YAAAA,eAAe,YAAY;CAC5C,MAAM,WAAWA,YAAAA,eAAe,YAAY;CAC5C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,gBAAgB;CACjE,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,aAAa,KAAK;CACrC,MAAM,eAAgB,aAAa,QAAQ;CAgB3C,OAAO,CAAC,cAdSA,YAAAA,gBACd,SAA4B;EAC3B,MAAM,aAAA,GAAA,oBAAA,cAAA,SAAoB,MAAM,YAAY;EAE5C,IAAI,CAAC,SAAS,cAAc,SAAS,GAAG;EAExC,IAAI,CAAC,eAAA,GAAA,oBAAA,cAAA,aAA0B,SAAS,MAAA,GAAA,oBAAA,cAAA,QAAY,SAAS,GAC3D,gBAAgB,SAAS;EAE3B,SAAS,SAAS;CACpB,GACA;EAAC;EAAY;EAAc;EAAU;CAAQ,CAGlB,CAAC;AAChC;AAEA,SAAS,mBAAmB,IAAyC;CACnE,OAAO,cAAc;AACvB;AAyCA,SAAgB,0BAGd,EACA,cAAc,kBACd,OACA,UAAU,gBAC6B;CACvC,MAAM,WAAWA,YAAAA,eAAe,YAAY;CAC5C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,gBAAgB;CACjE,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,aAAa,KAAK;CACrC,MAAM,eAAgB,aAAa,QAAQ;CAC3C,MAAM,WAAA,GAAA,oBAAA,cAAA,WAAoB,YAAY;CAkBtC,OAAO,CAAC,cAhBSA,YAAAA,gBACd,OAAuB;EACtB,MAAM,QACJ,WAAW,mBAAmB,GAAG,MAAM,IAClC,GAAG,OAAO,UACV,GAAG,OAAO;EAEjB,IAAI,CAAC,eAAA,GAAA,oBAAA,cAAA,aAA0B,KAAK,MAAA,GAAA,oBAAA,cAAA,QAAY,KAAK,GACnD,gBAAgB,KAAK;EAGvB,SAAS,EAAE;CACb,GACA;EAAC;EAAY;EAAc;CAAQ,CAGR,CAAC;AAChC"}
+{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-controllable-state/index.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n} from \"react\"\nimport { useState } from \"react\"\nimport {\n  isBoolean,\n  isNull,\n  isUndefined,\n  runIfFn,\n  useCallbackRef,\n} from \"../../utils\"\n\ninterface UseControllableStateMethods<Y> {\n  onChange?: (value: Y) => void\n  onUpdate?: (prev: Y, next: Y) => boolean\n}\n\nexport interface UseControllableStateProps<\n  Y,\n> extends UseControllableStateMethods<Y> {\n  defaultValue?: (() => Y) | Y\n  value?: Y\n}\n\nexport function useControllableState<Y>(\n  props: UseControllableStateMethods<Y> & {\n    value: Y\n    defaultValue?: (() => Y) | Y\n  },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n  props: UseControllableStateMethods<Y> & {\n    defaultValue: (() => Y) | Y\n    value?: Y\n  },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n  props: UseControllableStateProps<Y>,\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>({\n  defaultValue: defaultValueProp,\n  value,\n  onChange: onChangeProp,\n  onUpdate: onUpdateProp = (prev, next) => prev !== next,\n}: UseControllableStateProps<Y>) {\n  const onChange = useCallbackRef(onChangeProp)\n  const onUpdate = useCallbackRef(onUpdateProp)\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const controlled = !isUndefined(value)\n  const currentValue = (controlled ? value : defaultValue) as Y\n\n  const setValue = useCallbackRef(\n    (next: SetStateAction<Y>) => {\n      const nextValue = runIfFn(next, currentValue)\n\n      if (!onUpdate(currentValue, nextValue)) return\n\n      if (!controlled || isUndefined(nextValue) || isNull(nextValue))\n        setDefaultValue(nextValue)\n\n      onChange(nextValue)\n    },\n    [controlled, currentValue, onChange, onUpdate],\n  )\n\n  return [currentValue, setValue]\n}\n\nfunction isHTMLInputElement(el: HTMLElement): el is HTMLInputElement {\n  return el instanceof HTMLInputElement\n}\n\ninterface UseControllableEventStateMethods<\n  Y extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n> {\n  onChange?: ChangeEventHandler<Y>\n}\n\nexport interface UseControllableEventStateProps<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n> extends UseControllableEventStateMethods<M> {\n  defaultValue?: (() => Y) | Y\n  value?: Y\n}\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>(\n  props: UseControllableEventStateMethods<M> & {\n    value: Y\n    defaultValue?: (() => Y) | Y\n  },\n): [Y, ChangeEventHandler<M>]\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>(\n  props: UseControllableEventStateMethods<M> & {\n    defaultValue: (() => Y) | Y\n    value?: Y\n  },\n): [Y, ChangeEventHandler<M>]\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>(props: UseControllableEventStateProps<Y, M>): [Y, ChangeEventHandler<M>]\n\nexport function useControllableEventState<\n  Y extends boolean | number | string,\n  M extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,\n>({\n  defaultValue: defaultValueProp,\n  value,\n  onChange: onChangeProp,\n}: UseControllableEventStateProps<Y, M>) {\n  const onChange = useCallbackRef(onChangeProp)\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const controlled = !isUndefined(value)\n  const currentValue = (controlled ? value : defaultValue) as Y\n  const boolean = isBoolean(currentValue)\n\n  const setValue = useCallbackRef(\n    (ev: ChangeEvent<M>) => {\n      const value =\n        boolean && isHTMLInputElement(ev.target)\n          ? (ev.target.checked as Y)\n          : (ev.target.value as Y)\n\n      if (!controlled || isUndefined(value) || isNull(value)) {\n        setDefaultValue(value)\n      }\n\n      onChange(ev)\n    },\n    [controlled, currentValue, onChange],\n  )\n\n  return [currentValue, setValue]\n}\n"],"mappings":";;;;;;AA+CA,SAAgB,qBAAwB,EACtC,cAAc,kBACd,OACA,UAAU,cACV,UAAU,gBAAgB,MAAM,SAAS,SAAS,QACnB;CAC/B,MAAM,WAAWA,YAAAA,eAAe,YAAY;CAC5C,MAAM,WAAWA,YAAAA,eAAe,YAAY;CAC5C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,SAAA,CAA4B,gBAAgB;CACjE,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,KAAK;CACrC,MAAM,eAAgB,aAAa,QAAQ;CAgB3C,OAAO,CAAC,cAdSA,YAAAA,gBACd,SAA4B;EAC3B,MAAM,aAAA,GAAA,oBAAA,cAAA,QAAA,CAAoB,MAAM,YAAY;EAE5C,IAAI,CAAC,SAAS,cAAc,SAAS,GAAG;EAExC,IAAI,CAAC,eAAA,GAAA,oBAAA,cAAA,YAAA,CAA0B,SAAS,MAAA,GAAA,oBAAA,cAAA,OAAA,CAAY,SAAS,GAC3D,gBAAgB,SAAS;EAE3B,SAAS,SAAS;CACpB,GACA;EAAC;EAAY;EAAc;EAAU;CAAQ,CAGlB,CAAC;AAChC;AAEA,SAAS,mBAAmB,IAAyC;CACnE,OAAO,cAAc;AACvB;AAyCA,SAAgB,0BAGd,EACA,cAAc,kBACd,OACA,UAAU,gBAC6B;CACvC,MAAM,WAAWA,YAAAA,eAAe,YAAY;CAC5C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,SAAA,CAA4B,gBAAgB;CACjE,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,KAAK;CACrC,MAAM,eAAgB,aAAa,QAAQ;CAC3C,MAAM,WAAA,GAAA,oBAAA,cAAA,UAAA,CAAoB,YAAY;CAkBtC,OAAO,CAAC,cAhBSA,YAAAA,gBACd,OAAuB;EACtB,MAAM,QACJ,WAAW,mBAAmB,GAAG,MAAM,IAClC,GAAG,OAAO,UACV,GAAG,OAAO;EAEjB,IAAI,CAAC,eAAA,GAAA,oBAAA,cAAA,YAAA,CAA0B,KAAK,MAAA,GAAA,oBAAA,cAAA,OAAA,CAAY,KAAK,GACnD,gBAAgB,KAAK;EAGvB,SAAS,EAAE;CACb,GACA;EAAC;EAAY;EAAc;CAAQ,CAGR,CAAC;AAChC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-counter/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\nimport {\n  clampNumber,\n  countDecimal,\n  toPrecision,\n  useCallbackRef,\n} from \"../../utils\"\n\nconst parse = (value: number | string): number =>\n  parseFloat(value.toString().replace(/[^\\w.-]+/g, \"\"))\n\nconst getCountDecimal = (value: number, step: number): number =>\n  Math.max(countDecimal(step), countDecimal(value))\n\nconst casting = (\n  value: number | string,\n  step: number,\n  precision?: number,\n): string | undefined => {\n  value = parse(value)\n\n  return !Number.isNaN(value)\n    ? toPrecision(value, precision ?? getCountDecimal(value, step))\n    : undefined\n}\n\nexport interface UseCounterProps {\n  /**\n   * The initial value of the counter.\n   * Should be less than `max` and greater than `min`.\n   */\n  defaultValue?: number | string\n  /**\n   * This controls the value update behavior in general.\n   *\n   * - If `true` and you use the stepper or up/down arrow keys,\n   * the value will not exceed the `max` or go lower than `min`.\n   *\n   * - If `false`, the value will be allowed to go out of range.\n   *\n   * @default true\n   */\n  keepWithinRange?: boolean\n  /**\n   * The maximum value of the counter\n   *\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number\n  /**\n   * The minimum value of the counter\n   *\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number\n  /**\n   * The number of decimal points used to round the value.\n   */\n  precision?: number\n  /**\n   * The step used to increment or decrement the value.\n   *\n   * @default 1\n   */\n  step?: number\n  /**\n   * The value of the counter.\n   * Should be less than `max` and greater than `min`.\n   */\n  value?: number | string\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (valueAsString: string, valueAsNumber: number) => void\n}\n\n/**\n * `useCounter` is a custom hook that returns the current counter value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-counter\n */\nexport const useCounter = ({\n  keepWithinRange = true,\n  max: maxValue = Number.MAX_SAFE_INTEGER,\n  min: minValue = Number.MIN_SAFE_INTEGER,\n  step: stepProp = 1,\n  ...props\n}: UseCounterProps = {}) => {\n  const onChange = useCallbackRef(props.onChange)\n\n  const [defaultValue, setValue] = useState<number | string>(() => {\n    if (props.defaultValue == null) return \"\"\n\n    return casting(props.defaultValue, stepProp, props.precision) ?? \"\"\n  })\n\n  const isControlled = typeof props.value !== \"undefined\"\n  const value = isControlled ? (props.value as number | string) : defaultValue\n\n  const countDecimal = getCountDecimal(parse(value), stepProp)\n\n  const precision = props.precision ?? countDecimal\n\n  const update = useCallback(\n    (next: number | string) => {\n      if (next === value) return\n\n      if (!isControlled) setValue(next.toString())\n\n      onChange(next.toString(), parse(next))\n    },\n    [onChange, isControlled, value],\n  )\n\n  const clamp = useCallback(\n    (value: number) => {\n      let nextValue = value\n\n      if (keepWithinRange)\n        nextValue = clampNumber(nextValue, minValue, maxValue)\n\n      return toPrecision(nextValue, precision)\n    },\n    [precision, keepWithinRange, maxValue, minValue],\n  )\n\n  const increment = useCallback(\n    (step = stepProp) => {\n      let next: number | string\n\n      if (value === \"\") {\n        next = parse(step)\n      } else {\n        next = parse(value) + step\n      }\n\n      next = clamp(next)\n\n      update(next)\n    },\n    [clamp, stepProp, update, value],\n  )\n\n  const decrement = useCallback(\n    (step = stepProp) => {\n      let next: number | string\n\n      if (value === \"\") {\n        next = parse(-step)\n      } else {\n        next = parse(value) - step\n      }\n\n      next = clamp(next)\n\n      update(next)\n    },\n    [clamp, stepProp, update, value],\n  )\n\n  const reset = useCallback(() => {\n    let next: number | string\n\n    if (props.defaultValue == null) {\n      next = \"\"\n    } else {\n      next = casting(props.defaultValue, stepProp, props.precision) ?? minValue\n    }\n\n    update(next)\n  }, [props.defaultValue, props.precision, stepProp, update, minValue])\n\n  const cast = useCallback(\n    (value: number | string) => {\n      const nextValue = casting(value, stepProp, precision) ?? minValue\n\n      update(nextValue)\n    },\n    [precision, stepProp, update, minValue],\n  )\n\n  const valueAsNumber = parse(value)\n\n  const out = valueAsNumber < minValue || maxValue < valueAsNumber\n  const max = valueAsNumber === maxValue\n  const min = valueAsNumber === minValue\n\n  return {\n    cast,\n    clamp,\n    decrement,\n    increment,\n    max,\n    min,\n    out,\n    precision,\n    reset,\n    setValue,\n    step: stepProp,\n    update,\n    value,\n    valueAsNumber,\n  }\n}\n\nexport type UseCounterReturn = ReturnType<typeof useCounter>\n"],"mappings":";;;;;;AAUA,MAAM,SAAS,UACb,WAAW,MAAM,SAAS,EAAE,QAAQ,aAAa,EAAE,CAAC;AAEtD,MAAM,mBAAmB,OAAe,SACtC,KAAK,KAAA,GAAA,oBAAA,cAAA,cAAiB,IAAI,IAAA,GAAA,oBAAA,cAAA,cAAgB,KAAK,CAAC;AAElD,MAAM,WACJ,OACA,MACA,cACuB;CACvB,QAAQ,MAAM,KAAK;CAEnB,OAAO,CAAC,OAAO,MAAM,KAAK,KAAA,GAAA,oBAAA,cAAA,aACV,OAAO,aAAa,gBAAgB,OAAO,IAAI,CAAC,IAC5D,KAAA;AACN;;;;;;AAyDA,MAAa,cAAc,EACzB,kBAAkB,MAClB,KAAK,WAAW,OAAO,kBACvB,KAAK,WAAW,OAAO,kBACvB,MAAM,WAAW,GACjB,GAAG,UACgB,CAAC,MAAM;CAC1B,MAAM,WAAWA,YAAAA,eAAe,MAAM,QAAQ;CAE9C,MAAM,CAAC,cAAc,aAAA,GAAA,MAAA,gBAA4C;EAC/D,IAAI,MAAM,gBAAgB,MAAM,OAAO;EAEvC,OAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,SAAS,KAAK;CACnE,CAAC;CAED,MAAM,eAAe,OAAO,MAAM,UAAU;CAC5C,MAAM,QAAQ,eAAgB,MAAM,QAA4B;CAEhE,MAAM,eAAe,gBAAgB,MAAM,KAAK,GAAG,QAAQ;CAE3D,MAAM,YAAY,MAAM,aAAa;CAErC,MAAM,UAAA,GAAA,MAAA,cACH,SAA0B;EACzB,IAAI,SAAS,OAAO;EAEpB,IAAI,CAAC,cAAc,SAAS,KAAK,SAAS,CAAC;EAE3C,SAAS,KAAK,SAAS,GAAG,MAAM,IAAI,CAAC;CACvC,GACA;EAAC;EAAU;EAAc;CAAK,CAChC;CAEA,MAAM,SAAA,GAAA,MAAA,cACH,UAAkB;EACjB,IAAI,YAAY;EAEhB,IAAI,iBACF,aAAA,GAAA,oBAAA,cAAA,aAAwB,WAAW,UAAU,QAAQ;EAEvD,QAAA,GAAA,oBAAA,cAAA,aAAmB,WAAW,SAAS;CACzC,GACA;EAAC;EAAW;EAAiB;EAAU;CAAQ,CACjD;CAEA,MAAM,aAAA,GAAA,MAAA,cACH,OAAO,aAAa;EACnB,IAAI;EAEJ,IAAI,UAAU,IACZ,OAAO,MAAM,IAAI;OAEjB,OAAO,MAAM,KAAK,IAAI;EAGxB,OAAO,MAAM,IAAI;EAEjB,OAAO,IAAI;CACb,GACA;EAAC;EAAO;EAAU;EAAQ;CAAK,CACjC;CAEA,MAAM,aAAA,GAAA,MAAA,cACH,OAAO,aAAa;EACnB,IAAI;EAEJ,IAAI,UAAU,IACZ,OAAO,MAAM,CAAC,IAAI;OAElB,OAAO,MAAM,KAAK,IAAI;EAGxB,OAAO,MAAM,IAAI;EAEjB,OAAO,IAAI;CACb,GACA;EAAC;EAAO;EAAU;EAAQ;CAAK,CACjC;CAEA,MAAM,SAAA,GAAA,MAAA,mBAA0B;EAC9B,IAAI;EAEJ,IAAI,MAAM,gBAAgB,MACxB,OAAO;OAEP,OAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,SAAS,KAAK;EAGnE,OAAO,IAAI;CACb,GAAG;EAAC,MAAM;EAAc,MAAM;EAAW;EAAU;EAAQ;CAAQ,CAAC;CAEpE,MAAM,QAAA,GAAA,MAAA,cACH,UAA2B;EAG1B,OAFkB,QAAQ,OAAO,UAAU,SAAS,KAAK,QAEzC;CAClB,GACA;EAAC;EAAW;EAAU;EAAQ;CAAQ,CACxC;CAEA,MAAM,gBAAgB,MAAM,KAAK;CAMjC,OAAO;EACL;EACA;EACA;EACA;EACA,KARU,kBAAkB;EAS5B,KARU,kBAAkB;EAS5B,KAXU,gBAAgB,YAAY,WAAW;EAYjD;EACA;EACA;EACA,MAAM;EACN;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"index.cjs","names":["useCallbackRef"],"sources":["../../../../src/hooks/use-counter/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\nimport {\n  clampNumber,\n  countDecimal,\n  toPrecision,\n  useCallbackRef,\n} from \"../../utils\"\n\nconst parse = (value: number | string): number =>\n  parseFloat(value.toString().replace(/[^\\w.-]+/g, \"\"))\n\nconst getCountDecimal = (value: number, step: number): number =>\n  Math.max(countDecimal(step), countDecimal(value))\n\nconst casting = (\n  value: number | string,\n  step: number,\n  precision?: number,\n): string | undefined => {\n  value = parse(value)\n\n  return !Number.isNaN(value)\n    ? toPrecision(value, precision ?? getCountDecimal(value, step))\n    : undefined\n}\n\nexport interface UseCounterProps {\n  /**\n   * The initial value of the counter.\n   * Should be less than `max` and greater than `min`.\n   */\n  defaultValue?: number | string\n  /**\n   * This controls the value update behavior in general.\n   *\n   * - If `true` and you use the stepper or up/down arrow keys,\n   * the value will not exceed the `max` or go lower than `min`.\n   *\n   * - If `false`, the value will be allowed to go out of range.\n   *\n   * @default true\n   */\n  keepWithinRange?: boolean\n  /**\n   * The maximum value of the counter\n   *\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number\n  /**\n   * The minimum value of the counter\n   *\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number\n  /**\n   * The number of decimal points used to round the value.\n   */\n  precision?: number\n  /**\n   * The step used to increment or decrement the value.\n   *\n   * @default 1\n   */\n  step?: number\n  /**\n   * The value of the counter.\n   * Should be less than `max` and greater than `min`.\n   */\n  value?: number | string\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (valueAsString: string, valueAsNumber: number) => void\n}\n\n/**\n * `useCounter` is a custom hook that returns the current counter value.\n *\n * @see https://yamada-ui.com/docs/hooks/use-counter\n */\nexport const useCounter = ({\n  keepWithinRange = true,\n  max: maxValue = Number.MAX_SAFE_INTEGER,\n  min: minValue = Number.MIN_SAFE_INTEGER,\n  step: stepProp = 1,\n  ...props\n}: UseCounterProps = {}) => {\n  const onChange = useCallbackRef(props.onChange)\n\n  const [defaultValue, setValue] = useState<number | string>(() => {\n    if (props.defaultValue == null) return \"\"\n\n    return casting(props.defaultValue, stepProp, props.precision) ?? \"\"\n  })\n\n  const isControlled = typeof props.value !== \"undefined\"\n  const value = isControlled ? (props.value as number | string) : defaultValue\n\n  const countDecimal = getCountDecimal(parse(value), stepProp)\n\n  const precision = props.precision ?? countDecimal\n\n  const update = useCallback(\n    (next: number | string) => {\n      if (next === value) return\n\n      if (!isControlled) setValue(next.toString())\n\n      onChange(next.toString(), parse(next))\n    },\n    [onChange, isControlled, value],\n  )\n\n  const clamp = useCallback(\n    (value: number) => {\n      let nextValue = value\n\n      if (keepWithinRange)\n        nextValue = clampNumber(nextValue, minValue, maxValue)\n\n      return toPrecision(nextValue, precision)\n    },\n    [precision, keepWithinRange, maxValue, minValue],\n  )\n\n  const increment = useCallback(\n    (step = stepProp) => {\n      let next: number | string\n\n      if (value === \"\") {\n        next = parse(step)\n      } else {\n        next = parse(value) + step\n      }\n\n      next = clamp(next)\n\n      update(next)\n    },\n    [clamp, stepProp, update, value],\n  )\n\n  const decrement = useCallback(\n    (step = stepProp) => {\n      let next: number | string\n\n      if (value === \"\") {\n        next = parse(-step)\n      } else {\n        next = parse(value) - step\n      }\n\n      next = clamp(next)\n\n      update(next)\n    },\n    [clamp, stepProp, update, value],\n  )\n\n  const reset = useCallback(() => {\n    let next: number | string\n\n    if (props.defaultValue == null) {\n      next = \"\"\n    } else {\n      next = casting(props.defaultValue, stepProp, props.precision) ?? minValue\n    }\n\n    update(next)\n  }, [props.defaultValue, props.precision, stepProp, update, minValue])\n\n  const cast = useCallback(\n    (value: number | string) => {\n      const nextValue = casting(value, stepProp, precision) ?? minValue\n\n      update(nextValue)\n    },\n    [precision, stepProp, update, minValue],\n  )\n\n  const valueAsNumber = parse(value)\n\n  const out = valueAsNumber < minValue || maxValue < valueAsNumber\n  const max = valueAsNumber === maxValue\n  const min = valueAsNumber === minValue\n\n  return {\n    cast,\n    clamp,\n    decrement,\n    increment,\n    max,\n    min,\n    out,\n    precision,\n    reset,\n    setValue,\n    step: stepProp,\n    update,\n    value,\n    valueAsNumber,\n  }\n}\n\nexport type UseCounterReturn = ReturnType<typeof useCounter>\n"],"mappings":";;;;;;AAUA,MAAM,SAAS,UACb,WAAW,MAAM,SAAS,CAAC,CAAC,QAAQ,aAAa,EAAE,CAAC;AAEtD,MAAM,mBAAmB,OAAe,SACtC,KAAK,KAAA,GAAA,oBAAA,cAAA,aAAA,CAAiB,IAAI,IAAA,GAAA,oBAAA,cAAA,aAAA,CAAgB,KAAK,CAAC;AAElD,MAAM,WACJ,OACA,MACA,cACuB;CACvB,QAAQ,MAAM,KAAK;CAEnB,OAAO,CAAC,OAAO,MAAM,KAAK,KAAA,GAAA,oBAAA,cAAA,YAAA,CACV,OAAO,aAAa,gBAAgB,OAAO,IAAI,CAAC,IAC5D,KAAA;AACN;;;;;;AAyDA,MAAa,cAAc,EACzB,kBAAkB,MAClB,KAAK,WAAW,OAAO,kBACvB,KAAK,WAAW,OAAO,kBACvB,MAAM,WAAW,GACjB,GAAG,UACgB,CAAC,MAAM;CAC1B,MAAM,WAAWA,YAAAA,eAAe,MAAM,QAAQ;CAE9C,MAAM,CAAC,cAAc,aAAA,GAAA,MAAA,SAAA,OAA4C;EAC/D,IAAI,MAAM,gBAAgB,MAAM,OAAO;EAEvC,OAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,SAAS,KAAK;CACnE,CAAC;CAED,MAAM,eAAe,OAAO,MAAM,UAAU;CAC5C,MAAM,QAAQ,eAAgB,MAAM,QAA4B;CAEhE,MAAM,eAAe,gBAAgB,MAAM,KAAK,GAAG,QAAQ;CAE3D,MAAM,YAAY,MAAM,aAAa;CAErC,MAAM,UAAA,GAAA,MAAA,YAAA,EACH,SAA0B;EACzB,IAAI,SAAS,OAAO;EAEpB,IAAI,CAAC,cAAc,SAAS,KAAK,SAAS,CAAC;EAE3C,SAAS,KAAK,SAAS,GAAG,MAAM,IAAI,CAAC;CACvC,GACA;EAAC;EAAU;EAAc;CAAK,CAChC;CAEA,MAAM,SAAA,GAAA,MAAA,YAAA,EACH,UAAkB;EACjB,IAAI,YAAY;EAEhB,IAAI,iBACF,aAAA,GAAA,oBAAA,cAAA,YAAA,CAAwB,WAAW,UAAU,QAAQ;EAEvD,QAAA,GAAA,oBAAA,cAAA,YAAA,CAAmB,WAAW,SAAS;CACzC,GACA;EAAC;EAAW;EAAiB;EAAU;CAAQ,CACjD;CAEA,MAAM,aAAA,GAAA,MAAA,YAAA,EACH,OAAO,aAAa;EACnB,IAAI;EAEJ,IAAI,UAAU,IACZ,OAAO,MAAM,IAAI;OAEjB,OAAO,MAAM,KAAK,IAAI;EAGxB,OAAO,MAAM,IAAI;EAEjB,OAAO,IAAI;CACb,GACA;EAAC;EAAO;EAAU;EAAQ;CAAK,CACjC;CAEA,MAAM,aAAA,GAAA,MAAA,YAAA,EACH,OAAO,aAAa;EACnB,IAAI;EAEJ,IAAI,UAAU,IACZ,OAAO,MAAM,CAAC,IAAI;OAElB,OAAO,MAAM,KAAK,IAAI;EAGxB,OAAO,MAAM,IAAI;EAEjB,OAAO,IAAI;CACb,GACA;EAAC;EAAO;EAAU;EAAQ;CAAK,CACjC;CAEA,MAAM,SAAA,GAAA,MAAA,YAAA,OAA0B;EAC9B,IAAI;EAEJ,IAAI,MAAM,gBAAgB,MACxB,OAAO;OAEP,OAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,SAAS,KAAK;EAGnE,OAAO,IAAI;CACb,GAAG;EAAC,MAAM;EAAc,MAAM;EAAW;EAAU;EAAQ;CAAQ,CAAC;CAEpE,MAAM,QAAA,GAAA,MAAA,YAAA,EACH,UAA2B;EAG1B,OAFkB,QAAQ,OAAO,UAAU,SAAS,KAAK,QAEzC;CAClB,GACA;EAAC;EAAW;EAAU;EAAQ;CAAQ,CACxC;CAEA,MAAM,gBAAgB,MAAM,KAAK;CAMjC,OAAO;EACL;EACA;EACA;EACA;EACA,KARU,kBAAkB;EAS5B,KARU,kBAAkB;EAS5B,KAXU,gBAAgB,YAAY,WAAW;EAYjD;EACA;EACA;EACA,MAAM;EACN;EACA;EACA;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["createContext","mergeRefs"],"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.cjs","names":["createContext","mergeRefs"],"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/cjs/hooks/use-disclosure/use-disclosure.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-disclosure.cjs","names":["useCallbackRef"],"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,wBAAA,GAAA,MAAA,UAAyC,WAAW;CAE7E,MAAM,aAAA,GAAA,MAAA,QAAmB,UAAU,OAAO;CAC1C,MAAM,aAAaA,YAAAA,eAAe,UAAU;CAC5C,MAAM,cAAcA,YAAAA,eAAe,WAAW;CAE9C,MAAM,aAAa,mBAAmB,KAAA;CACtC,MAAM,OAAO,mBAAmB,KAAA,IAAY,iBAAiB;CAE7D,MAAM,UAAA,GAAA,MAAA,aACJ,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,WAAA,GAAA,MAAA,aACJ,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,WAAA,GAAA,MAAA,aATA,OAAO,UACL,CAAC,OAAO,MAAM,OAAO,KAAU,IAAI,MAAM,QAAQ,KAAU,GAC7D;GAAC;GAAM;GAAQ;EAAO,CAOf;CACT;AACF"}
+{"version":3,"file":"use-disclosure.cjs","names":["useCallbackRef"],"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,wBAAA,GAAA,MAAA,SAAA,CAAyC,WAAW;CAE7E,MAAM,aAAA,GAAA,MAAA,OAAA,CAAmB,UAAU,OAAO;CAC1C,MAAM,aAAaA,YAAAA,eAAe,UAAU;CAC5C,MAAM,cAAcA,YAAAA,eAAe,WAAW;CAE9C,MAAM,aAAa,mBAAmB,KAAA;CACtC,MAAM,OAAO,mBAAmB,KAAA,IAAY,iBAAiB;CAE7D,MAAM,UAAA,GAAA,MAAA,YAAA,CACJ,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,WAAA,GAAA,MAAA,YAAA,CACJ,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,WAAA,GAAA,MAAA,YAAA,CATA,OAAO,UACL,CAAC,OAAO,MAAM,OAAO,KAAU,IAAI,MAAM,QAAQ,KAAU,GAC7D;GAAC;GAAM;GAAQ;EAAO,CAOf;CACT;AACF"}

package/dist/cjs/hooks/use-disclosure/use-promise-disclosure.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-promise-disclosure.cjs","names":["useDisclosure"],"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,aACEA,uBAAAA,cAA8B,IAAI;CAEtC,MAAM,aAAA,GAAA,MAAA,QAAyD,KAAA,CAAS;CACxE,MAAM,cAAA,GAAA,MAAA,QAAA,oBAAA,cAAoB,IAAgC;CAE1D,MAAM,UAAA,GAAA,MAAA,aACJ,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,UAAA,GAAA,MAAA,aAVA,OAAO,UAAa;GAClB,UAAU,UAAU,KAAK;GAEzB,MAAM,gBAAgB,KAAK;EAC7B,GACA,CAAC,iBAAiB,KAAK,CAKjB;EACN;EACA,WAAW,WAAW;EACtB;CACF;AACF"}
+{"version":3,"file":"use-promise-disclosure.cjs","names":["useDisclosure"],"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,aACEA,uBAAAA,cAA8B,IAAI;CAEtC,MAAM,aAAA,GAAA,MAAA,OAAA,CAAyD,KAAA,CAAS;CACxE,MAAM,cAAA,GAAA,MAAA,OAAA,CAAA,oBAAA,cAAoB,IAAgC;CAE1D,MAAM,UAAA,GAAA,MAAA,YAAA,CACJ,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,UAAA,GAAA,MAAA,YAAA,CAVA,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/cjs/hooks/use-event-listener/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef"],"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,gBAAgBA,6BAAAA,eAAe;CACvC,MAAM,WAAWC,YAAAA,eAAe,OAAO;CAEvC,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,MAAA,GAAA,oBAAA,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,oBAAA,cAAA,YAFsB,MAAM,IAAI,OAAO,IAAK,UAAU,WAElD,oBACF,IACA,UACA,OACF;CACF;AACF;AAEA,MAAa,0BAA0B;CACrC,MAAM,aAAA,GAAA,MAAA,wBAAmB,IAAI,IAAI,CAAC;CAClC,MAAM,mBAAmB,UAAU;CAEnC,MAAM,OAAA,GAAA,MAAA,cAEF,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,UAAA,GAAA,MAAA,cAEF,IACA,IACA,UACA,YACG;EACH,GAAG,oBACD,IACA,UACA,OACF;EAEA,UAAU,QAAQ,OAAO,QAAQ;CACnC,GACA,CAAC,CACH;CAEA,CAAA,GAAA,MAAA,uBACc;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"}
+{"version":3,"file":"index.cjs","names":["useEnvironment","useCallbackRef"],"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,gBAAgBA,6BAAAA,eAAe;CACvC,MAAM,WAAWC,YAAAA,eAAe,OAAO;CAEvC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,MAAA,GAAA,oBAAA,cAAA,WAAA,CAAgB,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,oBAAA,cAAA,WAAA,CAFsB,MAAM,IAAI,OAAO,IAAK,UAAU,SAAA,EAElD,oBACF,IACA,UACA,OACF;CACF;AACF;AAEA,MAAa,0BAA0B;CACrC,MAAM,aAAA,GAAA,MAAA,OAAA,iBAAmB,IAAI,IAAI,CAAC;CAClC,MAAM,mBAAmB,UAAU;CAEnC,MAAM,OAAA,GAAA,MAAA,YAAA,EAEF,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,UAAA,GAAA,MAAA,YAAA,EAEF,IACA,IACA,UACA,YACG;EACH,GAAG,oBACD,IACA,UACA,OACF;EAEA,UAAU,QAAQ,OAAO,QAAQ;CACnC,GACA,CAAC,CACH;CAEA,CAAA,GAAA,MAAA,UAAA,aACc;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/cjs/hooks/use-eye-dropper/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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,iBAAA,GAAA,MAAA,UAAyB,KAAK;CAEhD,eAAA,0BAA0B;EACxB,aAAa,OAAO,WAAW,eAAe,gBAAgB,MAAM;CACtE,GAAG,CAAC,CAAC;CAiBL,OAAO;EAAE;EAAW,SAAA,GAAA,MAAA,aAdlB,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"}
+{"version":3,"file":"index.cjs","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,iBAAA,GAAA,MAAA,SAAA,CAAyB,KAAK;CAEhD,eAAA,0BAA0B;EACxB,aAAa,OAAO,WAAW,eAAe,gBAAgB,MAAM;CACtE,GAAG,CAAC,CAAC;CAiBL,OAAO;EAAE;EAAW,SAAA,GAAA,MAAA,YAAA,CAdlB,OACE,UAA6B,CAAC,MACY;GAC1C,IAAI,WAGF,OAAO,IAFiB,OAAe,WAEvB,CAAC,CAAC,KAAK,OAAO;GAGhC,OAAO,QAAQ,QAAQ,KAAA,CAAS;EAClC,GACA,CAAC,SAAS,CAGa;CAAE;AAC7B"}

package/dist/cjs/hooks/use-field-sizing/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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,OAAA,GAAA,MAAA,QAAgB,IAAI;CAC1B,MAAM,WAAA,GAAA,MAAA,QAAkC,IAAI;CAC5C,MAAM,QAAA,GAAA,MAAA,eAEF,iBAAA,GAAA,kBAAA,KAAC,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,CAAA,GAAA,MAAA,iBAAgB;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"}
+{"version":3,"file":"index.cjs","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,OAAA,GAAA,MAAA,OAAA,CAAgB,IAAI;CAC1B,MAAM,WAAA,GAAA,MAAA,OAAA,CAAkC,IAAI;CAC5C,MAAM,QAAA,GAAA,MAAA,QAAA,OAEF,iBAAA,GAAA,kBAAA,IAAA,CAAC,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,CAAA,GAAA,MAAA,UAAA,OAAgB;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"}