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

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

@@ -1,9 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_use_breakpoint_value = require('./use-breakpoint-value.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_use_breakpoint_value = require("./use-breakpoint-value.cjs");
 let react = require("react");
-
 //#region src/hooks/use-breakpoint/use-breakpoint-state.ts
 /**
 * `useBreakpointState` is a custom hook that takes a responsive object as an initial state and returns a state corresponding to the current breakpoint.
@@ -13,7 +11,7 @@ let react = require("react");
 const useBreakpointState = (initialState) => {
 	return (0, react.useState)(require_use_breakpoint_value.useBreakpointValue(initialState));
 };
-
 //#endregion
 exports.useBreakpointState = useBreakpointState;
+
 //# sourceMappingURL=use-breakpoint-state.cjs.map

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;AAGH,4BAFcA,gDAAmB,aAAa,CAExB"}
+{"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,aAEZ,CAAC"}

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

@@ -1,9 +1,7 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_system_provider = require('../../core/system/system-provider.cjs');
-require('../../core/index.cjs');
-const require_use_breakpoint = require('./use-breakpoint.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_system_provider = require("../../core/system/system-provider.cjs");
+const require_use_breakpoint = require("./use-breakpoint.cjs");
 let react = require("react");
-
 //#region src/hooks/use-breakpoint/use-breakpoint-value.ts
 /**
 * `useBreakpointValue` is a custom hook that returns the value of the current breakpoint from the provided object.
@@ -30,8 +28,8 @@ const getBreakpointValue = (values = {}) => (system, breakpoint) => {
 	}
 	return values.base;
 };
-
 //#endregion
 exports.getBreakpointValue = getBreakpointValue;
 exports.useBreakpointValue = useBreakpointValue;
+
 //# sourceMappingURL=use-breakpoint-value.cjs.map

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,mCAAW;CAC1B,MAAM,aAAaC,sCAAe;AAElC,iCACQ,mBAAsB,OAAO,CAAC,QAAQ,WAAW,EACvD;EAAC;EAAQ;EAAQ;EAAW,CAC7B;;AAGH,MAAa,sBACP,SAAqC,EAAE,MAC1C,QAAgB,eAA8B;CAC7C,MAAM,cAAc,OAAO,YAAY;AAEvC,KAAI,CAAC,YAAY,OACf,SAAQ,KAAK,kDAAkD;CAGjE,MAAM,eAAe,YAAY,QAAQ,WAAW;AAEpD,MAAK,IAAI,IAAI,cAAc,IAAI,GAAG,KAAK;EACrC,MAAM,iBAAiB,YAAY;AAEnC,MAAI,kBAAkB,OAAO,eAAe,eAAe,CACzD,QAAO,OAAO;;AAIlB,QAAO,OAAO"}
+{"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,WAAW;CAC1B,MAAM,aAAaC,uBAAAA,eAAe;CAElC,QAAA,GAAA,MAAA,eACQ,mBAAsB,OAAO,CAAC,QAAQ,WAAW,EACvD;EAAC;EAAQ;EAAQ;EAAW,CAC7B;;AAGH,MAAa,sBACP,SAAqC,EAAE,MAC1C,QAAgB,eAA8B;CAC7C,MAAM,cAAc,OAAO,YAAY;CAEvC,IAAI,CAAC,YAAY,QACf,QAAQ,KAAK,kDAAkD;CAGjE,MAAM,eAAe,YAAY,QAAQ,WAAW;CAEpD,KAAK,IAAI,IAAI,cAAc,IAAI,GAAG,KAAK;EACrC,MAAM,iBAAiB,YAAY;EAEnC,IAAI,kBAAkB,OAAO,eAAe,eAAe,EACzD,OAAO,OAAO;;CAIlB,OAAO,OAAO"}

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

@@ -1,12 +1,9 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_environment_provider = require('../../core/system/environment-provider.cjs');
-const require_system_provider = require('../../core/system/system-provider.cjs');
-require('../../core/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_environment_provider = require("../../core/system/environment-provider.cjs");
+const require_system_provider = require("../../core/system/system-provider.cjs");
 let react = require("react");
-
 //#region src/hooks/use-breakpoint/use-breakpoint.ts
 /**
 * `useBreakpoint` is a custom hook that returns the current breakpoint.
@@ -92,7 +89,7 @@ const useBreakpoint = () => {
 	}, []);
 	return (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 };
-
 //#endregion
 exports.useBreakpoint = useBreakpoint;
+
 //# sourceMappingURL=use-breakpoint.cjs.map

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,qCAA0B,EAAE;CAClC,MAAM,EAAE,aAAa,WAAWA,mCAAW;CAC3C,MAAM,EAAE,cAAcC,6CAAgB;CACtC,MAAM,EACJ,cACA,YAAY,QACZ,aAAa,oBACX,OAAO,cAAc,EAAE;CAC3B,MAAM,eAAe,CAAC,CAAC;CAEvB,MAAM,mCAAwB;AAC5B,SAAO,YAAY,QAAQ,KACxB,EAAE,YAAY,MAAM,aAAa,WAAW;GAC3C,MAAM,cACJ,eAAe,kBACX,uBACA,GAAG,WAAW;AAGpB,UAAO;IACL;IACA;IACA;IACA,OANY,aAAa,QAAQ,aAAa,GAAG,IAAI;IAOtD;IAEJ;IACA,CAAC,aAAa,WAAW,CAAC;CAE7B,MAAM,aAAa,CAAC,CAAC,QAAQ;CAE7B,MAAM,wCACH,UAAmB;AAClB,yDAAgB,MAAM,EAAE;GACtB,MAAM,MAAM,WAAW;AAEvB,OAAI,gBAAgB,CAAC,WAAY,QAAO;AAExC,QAAK,MAAM,EAAE,YAAY,WAAW,QAGlC,MAFY,KAAK,WAAW,MAAM,GAEzB,QAAS,QAAO;QAG3B,MAAK,MAAM,EAAE,YAAY,MAAM,UAAU,QACvC,KAAI,cAAc,MAChB;QAAK,QAAQ,MAAM,MAAO,QAAO;aAE7B,UAAU,QAAQ,UAAW,QAAO;AAK9C,SAAO;IAET;EAAC;EAAW;EAAW;EAAc;EAAY;EAAQ,CAC1D;CAED,MAAM,kCAAmC,eAAe,CAAC;CAEzD,MAAM,oCACH,aAAyB;AACxB,MAAI,CAAC,gBAAgB,CAAC,YAAY;GAChC,MAAM,WAAW,QAAQ,KAAK,EAAE,YAAY,YAA0B;IACpE,MAAM,MAAM,WAAW,EAAE,WAAW,MAAM;IAE1C,MAAM,YAAY,MAA2B;AAC3C,SAAI,EAAE,QAAS,eAAc,UAAU;AAEvC,eAAU;;AAGZ,SAAK,iBAAiB,UAAU,SAAS;AAEzC,iBAAa;AACX,UAAK,oBAAoB,UAAU,SAAS;;KAE9C;AAEF,gBAAa;AACX,aAAS,SAAS,cAAc,WAAW,CAAC;;gEAEzB,EAAE;GACvB,MAAM,WAAW,IAAI,gBAAgB,CAAC,WAAW;AAC/C,QAAI,CAAC,MAAO;AAEZ,yBAAqB,iBAAiB,QAAQ;IAE9C,MAAM,EAAE,UAAU,MAAM;AAExB,kBAAc,UAAU,cAAc,MAAM;AAE5C,qBAAiB,UAAU,sBAAsB,SAAS;KAC1D;AAEF,OAAI,aAAa,QAAS,UAAS,QAAQ,aAAa,QAAQ;AAEhE,gBAAa;AACX,aAAS,YAAY;AAErB,QAAI,QAAQ,IAAI,aAAa,OAC3B,sBAAqB,iBAAiB,QAAQ;;QAGlD,0CAAO;IAGX;EAAC;EAAc;EAAe;EAAW;EAAc;EAAY;EAAQ,CAC5E;CAED,MAAM,2CAAgC;AACpC,SAAO,cAAc;IACpB,EAAE,CAAC;AAIN,wCAFwC,WAAW,aAAa,YAAY"}
+{"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,EAAE;CAClC,MAAM,EAAE,aAAa,WAAWA,wBAAAA,WAAW;CAC3C,MAAM,EAAE,cAAcC,6BAAAA,gBAAgB;CACtC,MAAM,EACJ,cACA,YAAY,QACZ,aAAa,oBACX,OAAO,cAAc,EAAE;CAC3B,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,GAAG,IAAI;IAOtD;IAEJ;IACA,CAAC,aAAa,WAAW,CAAC;CAE7B,MAAM,aAAa,CAAC,CAAC,QAAQ;CAE7B,MAAM,iBAAA,GAAA,MAAA,cACH,UAAmB;EAClB,KAAA,GAAA,oBAAA,cAAA,aAAgB,MAAM,EAAE;GACtB,MAAM,MAAM,WAAW;GAEvB,IAAI,gBAAgB,CAAC,YAAY,OAAO;GAExC,KAAK,MAAM,EAAE,YAAY,WAAW,SAGlC,KAFY,KAAK,WAAW,MAAM,GAEzB,SAAS,OAAO;SAG3B,KAAK,MAAM,EAAE,YAAY,MAAM,UAAU,SACvC,IAAI,cAAc;QACX,QAAQ,MAAM,OAAO,OAAO;SAEjC,IAAI,UAAU,QAAQ,WAAW,OAAO;EAK9C,OAAO;IAET;EAAC;EAAW;EAAW;EAAc;EAAY;EAAQ,CAC1D;CAED,MAAM,iBAAA,GAAA,MAAA,QAAmC,eAAe,CAAC;CAEzD,MAAM,aAAA,GAAA,MAAA,cACH,aAAyB;EACxB,IAAI,CAAC,gBAAgB,CAAC,YAAY;GAChC,MAAM,WAAW,QAAQ,KAAK,EAAE,YAAY,YAA0B;IACpE,MAAM,MAAM,WAAW,EAAE,WAAW,MAAM;IAE1C,MAAM,YAAY,MAA2B;KAC3C,IAAI,EAAE,SAAS,cAAc,UAAU;KAEvC,UAAU;;IAGZ,KAAK,iBAAiB,UAAU,SAAS;IAEzC,aAAa;KACX,KAAK,oBAAoB,UAAU,SAAS;;KAE9C;GAEF,aAAa;IACX,SAAS,SAAS,cAAc,WAAW,CAAC;;SAEzC,KAAA,GAAA,oBAAA,cAAA,aAAgB,EAAE;GACvB,MAAM,WAAW,IAAI,gBAAgB,CAAC,WAAW;IAC/C,IAAI,CAAC,OAAO;IAEZ,qBAAqB,iBAAiB,QAAQ;IAE9C,MAAM,EAAE,UAAU,MAAM;IAExB,cAAc,UAAU,cAAc,MAAM;IAE5C,iBAAiB,UAAU,sBAAsB,SAAS;KAC1D;GAEF,IAAI,aAAa,SAAS,SAAS,QAAQ,aAAa,QAAQ;GAEhE,aAAa;IACX,SAAS,YAAY;IAErB,IAAI,QAAQ,IAAI,aAAa,QAC3B,qBAAqB,iBAAiB,QAAQ;;SAGlD,OAAA,oBAAA,cAAO;IAGX;EAAC;EAAc;EAAe;EAAW;EAAc;EAAY;EAAQ,CAC5E;CAED,MAAM,eAAA,GAAA,MAAA,mBAAgC;EACpC,OAAO,cAAc;IACpB,EAAE,CAAC;CAIN,QAAA,GAAA,MAAA,sBAFwC,WAAW,aAAa,YAE/C"}

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

@@ -1,7 +1,5 @@
-const require_effect = require('../../utils/effect.cjs');
-require('../../utils/index.cjs');
-const require_use_breakpoint = require('./use-breakpoint.cjs');
-
+const require_effect = require("../../utils/effect.cjs");
+const require_use_breakpoint = require("./use-breakpoint.cjs");
 //#region src/hooks/use-breakpoint/use-update-breakpoint-effect.ts
 /**
 * `useUpdateBreakpointEffect` is a custom hook that skips the side effect on the initial render and executes a specific callback function when the breakpoint changes.
@@ -14,7 +12,7 @@ const useUpdateBreakpointEffect = (callback, deps) => {
 		callback(breakpoint);
 	}, [breakpoint, ...deps]);
 };
-
 //#endregion
 exports.useUpdateBreakpointEffect = useUpdateBreakpointEffect;
+
 //# sourceMappingURL=use-update-breakpoint-effect.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-update-breakpoint-effect.cjs","names":["useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-update-breakpoint-effect.ts"],"sourcesContent":["import type { DependencyList } from \"react\"\nimport type { Breakpoint } from \"../../core\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useUpdateBreakpointEffect` is a custom hook that skips the side effect on the initial render and executes a specific callback function when the breakpoint changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-update-breakpoint-effect\n */\nexport const useUpdateBreakpointEffect = (\n  callback: (breakpoint: Breakpoint) => void,\n  deps: DependencyList,\n) => {\n  const breakpoint = useBreakpoint()\n\n  useUpdateEffect(() => {\n    callback(breakpoint)\n  }, [breakpoint, ...deps])\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,6BACX,UACA,SACG;CACH,MAAM,aAAaA,sCAAe;AAElC,sCAAsB;AACpB,WAAS,WAAW;IACnB,CAAC,YAAY,GAAG,KAAK,CAAC"}
+{"version":3,"file":"use-update-breakpoint-effect.cjs","names":["useBreakpoint"],"sources":["../../../../src/hooks/use-breakpoint/use-update-breakpoint-effect.ts"],"sourcesContent":["import type { DependencyList } from \"react\"\nimport type { Breakpoint } from \"../../core\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { useBreakpoint } from \"./use-breakpoint\"\n\n/**\n * `useUpdateBreakpointEffect` is a custom hook that skips the side effect on the initial render and executes a specific callback function when the breakpoint changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-update-breakpoint-effect\n */\nexport const useUpdateBreakpointEffect = (\n  callback: (breakpoint: Breakpoint) => void,\n  deps: DependencyList,\n) => {\n  const breakpoint = useBreakpoint()\n\n  useUpdateEffect(() => {\n    callback(breakpoint)\n  }, [breakpoint, ...deps])\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,6BACX,UACA,SACG;CACH,MAAM,aAAaA,uBAAAA,eAAe;CAElC,eAAA,sBAAsB;EACpB,SAAS,WAAW;IACnB,CAAC,YAAY,GAAG,KAAK,CAAC"}

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

@@ -1,11 +1,10 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_hooks_use_event_listener_index = require('../use-event-listener/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_hooks_use_event_listener_index = require("../use-event-listener/index.cjs");
 let react = require("react");
-
 //#region src/hooks/use-clickable/index.ts
 const isValidElement = (ev) => {
 	const { isContentEditable, tagName } = ev.target;
@@ -162,7 +161,7 @@ const useClickable = ({ ref, clickOnEnter = true, clickOnSpace = true, disabled,
 		onMouseUp
 	};
 };
-
 //#endregion
 exports.useClickable = useClickable;
+
 //# sourceMappingURL=index.cjs.map

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":"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"}
+{"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

@@ -1,11 +1,10 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
 let copy_to_clipboard = require("copy-to-clipboard");
-copy_to_clipboard = require_rolldown_runtime.__toESM(copy_to_clipboard);
-
+copy_to_clipboard = require_runtime.__toESM(copy_to_clipboard, 1);
 //#region src/hooks/use-clipboard/index.ts
 /**
 * `useClipboard` is a custom hook that performs the operation of copying a value to the clipboard.
@@ -38,7 +37,7 @@ const useClipboard = (defaultValue = "", timeoutOrOptions = {}) => {
 		onCopy
 	};
 };
-
 //#endregion
 exports.useClipboard = useClipboard;
+
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["timeoutId: NodeJS.Timeout | null"],"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,EAAE,KAChD;CACH,MAAM,CAAC,QAAQ,iCAAsB,MAAM;CAE3C,MAAM,CAAC,OAAO,gCAAqB,aAAa;AAEhD,4BAAgB,SAAS,aAAa,EAAE,CAAC,aAAa,CAAC;CAEvD,MAAM,EAAE,UAAU,MAAM,GAAG,gEAAyB,iBAAiB,GACjE,EAAE,SAAS,kBAAkB,GAC7B;CAEJ,MAAM,iCACH,aAAmB;AAClB,MAAI,iDAAU,SAAS,CACrB,YAAW;MAEX,UAAS,SAAS;AAKpB,2CAFoB,UAAU,YAAY,CAEzB;IAEnB,CAAC,OAAO,YAAY,CACrB;AAED,4BAAgB;EACd,IAAIA,YAAmC;AAEvC,MAAI,OACF,aAAY,iBAAiB;AAC3B,aAAU,MAAM;KACf,QAAQ;AAEb,eAAa;AACX,OAAI,UAAW,cAAa,UAAU;;IAEvC,CAAC,SAAS,OAAO,CAAC;AAErB,QAAO;EACL;EACA;EACA;EACA;EACD"}
+{"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,EAAE,KAChD;CACH,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,MAAM;CAE3C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,aAAa;CAEhD,CAAA,GAAA,MAAA,iBAAgB,SAAS,aAAa,EAAE,CAAC,aAAa,CAAC;CAEvD,MAAM,EAAE,UAAU,MAAM,GAAG,iBAAA,GAAA,oBAAA,cAAA,UAAyB,iBAAiB,GACjE,EAAE,SAAS,kBAAkB,GAC7B;CAEJ,MAAM,UAAA,GAAA,MAAA,cACH,aAAmB;EAClB,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,SAAS,EACrB,WAAW;OAEX,SAAS,SAAS;EAKpB,WAAA,GAAA,kBAAA,SAFoB,UAAU,YAEd,CAAC;IAEnB,CAAC,OAAO,YAAY,CACrB;CAED,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,YAAmC;EAEvC,IAAI,QACF,YAAY,iBAAiB;GAC3B,UAAU,MAAM;KACf,QAAQ;EAEb,aAAa;GACX,IAAI,WAAW,aAAa,UAAU;;IAEvC,CAAC,SAAS,OAAO,CAAC;CAErB,OAAO;EACL;EACA;EACA;EACA;EACD"}

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

@@ -1,24 +1,20 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-const require_context = require('../../utils/context.cjs');
-const require_dom = require('../../utils/dom.cjs');
-const require_effect = require('../../utils/effect.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_environment_provider = require('../../core/system/environment-provider.cjs');
-require('../../core/index.cjs');
-const require_hooks_use_descendants_index = require('../use-descendants/index.cjs');
-const require_use_disclosure = require('../use-disclosure/use-disclosure.cjs');
-require('../use-disclosure/index.cjs');
-const require_use_popover = require('../../components/popover/use-popover.cjs');
-require('../../components/popover/index.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_context = require("../../utils/context.cjs");
+const require_dom = require("../../utils/dom.cjs");
+const require_effect = require("../../utils/effect.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_environment_provider = require("../../core/system/environment-provider.cjs");
+const require_hooks_use_descendants_index = require("../use-descendants/index.cjs");
+const require_use_disclosure = require("../use-disclosure/use-disclosure.cjs");
+const require_use_popover = require("../../components/popover/use-popover.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let scroll_into_view_if_needed = require("scroll-into-view-if-needed");
-scroll_into_view_if_needed = require_rolldown_runtime.__toESM(scroll_into_view_if_needed);
-
+scroll_into_view_if_needed = require_runtime.__toESM(scroll_into_view_if_needed);
 //#region src/hooks/use-combobox/index.tsx
 const createComboboxItem = (children, { Group, Label, Option }) => {
 	return require_children.getValidChildren(children).filter(({ type }) => require_children.isSomeElement(type, Option) || require_children.isSomeElement(type, Group)).map(({ type, props }) => {
@@ -31,9 +27,9 @@ const createComboboxItem = (children, { Group, Label, Option }) => {
 			const label = require_children.findChild(validChildren, Label);
 			return {
 				...props,
-				items: validChildren.filter(({ type: type$1 }) => require_children.isSomeElement(type$1, Option)).map(({ props: props$1 }) => ({
-					...props$1,
-					label: props$1.children
+				items: validChildren.filter(({ type }) => require_children.isSomeElement(type, Option)).map(({ props }) => ({
+					...props,
+					label: props.children
 				})),
 				label: label?.props.children ?? props.label
 			};
@@ -49,14 +45,14 @@ const createComboboxChildren = (items, { Empty, Group, Option }) => {
 				children: label
 			}, index);
 		} else if ("items" in item) {
-			const { items: items$1, label, ...rest } = item;
+			const { items, label, ...rest } = item;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Group, {
 				label,
 				...rest,
-				children: items$1.map(({ label: label$1, ...rest$1 }, index$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Option, {
-					...rest$1,
-					children: label$1
-				}, index$1))
+				children: items.map(({ label, ...rest }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Option, {
+					...rest,
+					children: label
+				}, index))
 			}, index);
 		} else {
 			const { label, ...rest } = item;
@@ -180,8 +176,8 @@ const useCombobox = (props = {}) => {
 	const onKeyDown = (0, react.useCallback)((ev) => {
 		if (disabled || require_dom.isComposing(ev)) return;
 		require_dom.runKeyAction(ev, {
-			ArrowDown: (ev$1) => {
-				ev$1.preventDefault();
+			ArrowDown: (ev) => {
+				ev.preventDefault();
 				if (!open) onOpenWithActiveDescendant(descendants.enabledFirstValue);
 				else if (activeDescendant.current) {
 					const descendant = descendants.enabledNextValue(activeDescendant.current);
@@ -193,8 +189,8 @@ const useCombobox = (props = {}) => {
 					onScrollIntoView(descendant);
 				}
 			},
-			ArrowUp: (ev$1) => {
-				ev$1.preventDefault();
+			ArrowUp: (ev) => {
+				ev.preventDefault();
 				if (!open) onOpenWithActiveDescendant(descendants.enabledLastValue, "end");
 				else if (activeDescendant.current) {
 					const descendant = descendants.enabledPrevValue(activeDescendant.current);
@@ -206,40 +202,40 @@ const useCombobox = (props = {}) => {
 					onScrollIntoView(descendant, "end");
 				}
 			},
-			End: (ev$1) => {
-				ev$1.preventDefault();
+			End: (ev) => {
+				ev.preventDefault();
 				if (!open) return;
 				const descendant = descendants.enabledLastValue();
 				onActiveDescendant(descendant);
 				onScrollIntoView(descendant, "end");
 			},
-			Enter: (ev$1) => {
+			Enter: (ev) => {
 				if (!open) {
 					if (!openOnEnter) return;
-					ev$1.preventDefault();
+					ev.preventDefault();
 					onOpenWithActiveDescendant(descendants.enabledFirstValue);
 				} else {
 					if (!activeDescendant.current) return;
-					ev$1.preventDefault();
+					ev.preventDefault();
 					const { closeOnSelect, value } = activeDescendant.current;
 					onSelect(value, closeOnSelect);
 				}
 			},
-			Home: (ev$1) => {
+			Home: (ev) => {
 				if (!open) return;
-				ev$1.preventDefault();
+				ev.preventDefault();
 				const descendant = descendants.enabledFirstValue();
 				onActiveDescendant(descendant);
 				onScrollIntoView(descendant);
 			},
-			Space: (ev$1) => {
+			Space: (ev) => {
 				if (!open) {
 					if (!openOnSpace) return;
-					ev$1.preventDefault();
+					ev.preventDefault();
 					onOpenWithActiveDescendant(descendants.enabledFirstValue);
 				} else {
 					if (!activeDescendant.current || !selectOnSpace) return;
-					ev$1.preventDefault();
+					ev.preventDefault();
 					const { closeOnSelect, value } = activeDescendant.current;
 					onSelect(value, closeOnSelect);
 				}
@@ -261,7 +257,7 @@ const useCombobox = (props = {}) => {
 		if (open) return;
 		activeDescendant.current = null;
 	}, [open]);
-	const getTriggerProps = (0, react.useCallback)(({ ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props$1 } = {}) => ({
+	const getTriggerProps = (0, react.useCallback)(({ ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props } = {}) => ({
 		"aria-controls": open ? contentId : void 0,
 		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(!interactive),
 		"aria-expanded": open,
@@ -273,10 +269,10 @@ const useCombobox = (props = {}) => {
 		role: "combobox",
 		tabIndex: interactive ? 0 : -1,
 		...rest,
-		...props$1,
+		...props,
 		ref: require_ref.mergeRefs(ref, rest.ref, triggerRef),
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props$1.onClick, rest.onClick, onClick),
-		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props$1.onKeyDown, rest.onKeyDown, onKeyDown)
+		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, rest.onClick, onClick),
+		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props.onKeyDown, rest.onKeyDown, onKeyDown)
 	}), [
 		open,
 		contentId,
@@ -294,16 +290,16 @@ const useCombobox = (props = {}) => {
 		descendants,
 		interactive,
 		open,
-		getContentProps: (0, react.useCallback)(({ ref, ...props$1 } = {}) => ({
+		getContentProps: (0, react.useCallback)(({ ref, ...props } = {}) => ({
 			id: contentId,
 			role: "listbox",
-			...props$1,
+			...props,
 			ref: require_ref.mergeRefs(ref, contentRef),
-			onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props$1.onKeyDown)
+			onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props.onKeyDown)
 		}), [contentId]),
-		getSeparatorProps: (0, react.useCallback)((props$1) => ({
+		getSeparatorProps: (0, react.useCallback)((props) => ({
 			role: "separator",
-			...props$1
+			...props
 		}), []),
 		getTriggerProps,
 		popoverProps: mergedPopoverProps,
@@ -406,7 +402,6 @@ const useComboboxItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": d
 		onClose
 	};
 };
-
 //#endregion
 exports.ComboboxContext = ComboboxContext;
 exports.ComboboxDescendantsContext = ComboboxDescendantsContext;
@@ -421,4 +416,5 @@ exports.useComboboxDescendants = useComboboxDescendants;
 exports.useComboboxGroup = useComboboxGroup;
 exports.useComboboxGroupContext = useComboboxGroupContext;
 exports.useComboboxItem = useComboboxItem;
+
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["getValidChildren","isSomeElement","findChild","type","props","items","rest","label","index","createDescendants","createContext","usePopoverProps","useEnvironment","useDisclosure","isComposing","getTriggerProps: PropGetter","mergeRefs","getItemProps: PropGetter"],"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 { 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      ref,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\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      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, triggerRef),\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      \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n      role: \"group\",\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    ({ ref, ...props } = {}) => ({\n      id,\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      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, itemRef, register),\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    ({ style, ...props } = {}) => ({\n      style: { opacity: selected ? 1 : 0, ...style },\n      ...props,\n    }),\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","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 { 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      ref,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\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      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, triggerRef),\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      \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n      role: \"group\",\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    ({ ref, ...props } = {}) => ({\n      id,\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      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, itemRef, register),\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    ({ style, ...props } = {}) => ({\n      style: { opacity: selected ? 1 : 0, ...style },\n      ...props,\n    }),\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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"}