npm - @yamada-ui/react - Versions diffs - 2.2.1-dev-20260428160818 → 2.2.1-dev-20260428170353 - Mend

@yamada-ui/react 2.2.1-dev-20260428160818 → 2.2.1-dev-20260428170353

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

package/dist/cjs/components/carousel/use-carousel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-carousel.cjs","names":["createContext","useI18n","useControllableState","useIds","useBoolean","snapCount","total","index","getRootProps: PropGetter<\"section\">","mergeProps","getListProps: PropGetter","mergeRefs","getItemProps: RequiredPropGetter<\"div\", { index: number }>","indexProp","getPrevTriggerProps: PropGetter<\"button\">","getNextTriggerProps: PropGetter<\"button\">","getIndicatorsProps: PropGetter"],"sources":["../../../../src/components/carousel/use-carousel.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n EmblaCarouselType,\n EmblaOptionsType,\n EmblaPluginType,\n} from \"embla-carousel\"\nimport type { KeyboardEvent, RefObject } from \"react\"\nimport type {\n HTMLProps,\n Orientation,\n PropGetter,\n RequiredPropGetter,\n} from \"../../core\"\nimport useEmblaCarousel from \"embla-carousel-react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useBoolean } from \"../../hooks/use-boolean\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n assignRef,\n createContext,\n dataAttr,\n handlerAll,\n isFunction,\n mergeRefs,\n runKeyAction,\n useIds,\n useUpdateEffect,\n} from \"../../utils\"\n\ntype EmblaOptions = Required<EmblaOptionsType>\nexport type CarouselAlign = EmblaOptions[\"align\"]\nexport type CarouselContainScroll = EmblaOptions[\"containScroll\"]\nexport type CarouselInViewThreshold = EmblaOptions[\"inViewThreshold\"]\nexport type CarouselWatchDrag = EmblaOptions[\"watchDrag\"]\nexport type CarouselWatchResize = EmblaOptions[\"watchResize\"]\nexport type CarouselWatchSlides = EmblaOptions[\"watchSlides\"]\nexport type CarouselControl = EmblaCarouselType\nexport type CarouselPlugin = EmblaPluginType\n\nexport interface CarouselContext extends Omit<\n UseCarouselReturn,\n \"getRootProps\"\n> {}\n\nconst [CarouselContext, useCarouselContext] = createContext<CarouselContext>({\n name: \"CarouselContext\",\n})\n\nexport { CarouselContext, useCarouselContext }\n\nexport interface UseCarouselProps extends Omit<\n HTMLProps<\"section\">,\n \"onChange\"\n> {\n /*\n The alignment of the carousel.\n \n @default 'center'\n /\n align?: CarouselAlign\n /\n If `true`, the carousel will be autoplay.\n \n @default false\n /\n autoplay?: boolean\n /\n Clear leading and trailing empty space that causes excessive scrolling.\n * Use trimSnaps to only use snap points that trigger scrolling or keepSnaps to keep them.\n \n @default false\n /\n containScroll?: CarouselContainScroll\n /\n Ref of the resizable item callback.\n /\n controlRef?: RefObject<CarouselControl \| null>\n /\n The initial index of the carousel slide.\n \n @default 0\n /\n defaultIndex?: number\n /\n The number for the autoplay interval of the carousel.\n \n @default 4000\n /\n delay?: number\n /\n If `true`, momentum scrolling will be enabled.\n \n @default false\n /\n dragFree?: boolean\n /\n If `true`, carousel can be scrolled with mouse and touch interactions.\n \n @default true\n /\n draggable?: boolean\n /\n Set scroll duration when triggered by any of the API methods.\n * Higher numbers enables slower scrolling.\n * Drag interactions are not affected because duration is then determined by the drag force.\n \n @default 25\n /\n duration?: number\n /\n The index of the carousel slide.\n /\n index?: number\n /\n Choose a fraction representing the percentage portion of a slide that needs to be visible in order to be considered in view.\n \n @default 0\n /\n inViewThreshold?: CarouselInViewThreshold\n /\n If `true`, infinite looping.\n * Automatically falls back to false if slide content isn't enough to loop.\n \n @default true\n /\n loop?: boolean\n /\n The orientation of the carousel.\n \n @default 'horizontal'\n /\n orientation?: Orientation\n /\n Embla plugins to use.\n /\n plugins?: CarouselPlugin[]\n /\n If `true`, allow the carousel to skip scroll snaps if it's dragged vigorously.\n * Note that this option will be ignored if the dragFree option is set to true.\n \n @default false\n /\n skipSnaps?: boolean\n /\n The number of slides that should be scrolled with next or previous buttons.\n \n @default 1\n /\n slidesToScroll?: number\n /\n If `true`, autoplay will pause when the mouse entries over.\n \n @default true\n /\n stopMouseEnterAutoplay?: boolean\n /\n Enables for scrolling the carousel with mouse and touch interactions.\n * Set this to `false` to disable drag events or pass a custom callback to add your own drag logic.\n \n @default true\n /\n watchDrag?: CarouselWatchDrag\n /\n Embla automatically watches the container and slides for size changes and runs `reInit` when any size has changed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own resize logic.\n \n @default true\n /\n watchResize?: CarouselWatchResize\n /\n Embla automatically watches the container for added and/or removed slides and runs `reInit` if needed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own slides changed logic.\n \n @default true\n /\n watchSlides?: CarouselWatchSlides\n /\n The callback invoked when carousel slide selected.\n /\n onChange?: (index: number) => void\n /\n A callback that return the current scroll amount when the carousel is scrolled.\n /\n onScrollProgress?: (progress: number) => void\n}\n\nexport const useCarousel = ({\n id,\n align = \"center\",\n autoplay = false,\n containScroll = false,\n controlRef,\n defaultIndex = 0,\n delay = 4000,\n dragFree = false,\n draggable = true,\n duration = 25,\n index: indexProp,\n inViewThreshold = 0,\n loop = true,\n orientation = \"horizontal\",\n plugins = [],\n skipSnaps = false,\n slidesToScroll = 1,\n stopMouseEnterAutoplay = true,\n watchDrag = draggable,\n watchResize: watchResizeProp = true,\n watchSlides = true,\n onChange,\n onScrollProgress,\n ...rest\n}: UseCarouselProps = {}) => {\n const { t } = useI18n(\"carousel\")\n const [index, setIndex] = useControllableState({\n defaultValue: defaultIndex,\n value: indexProp,\n onChange,\n })\n const [rootId, listId] = useIds()\n const [hover, { off: onMouseLeave, on: onMouseEnter }] = useBoolean()\n const timeoutId = useRef<NodeJS.Timeout \| null>(null)\n const indicatorMapRef = useRef<Map<number, HTMLButtonElement \| null>>(\n new Map(),\n )\n const listRef = useRef<HTMLDivElement>(null)\n const horizontal = orientation === \"horizontal\"\n const axis = horizontal ? \"x\" : \"y\"\n const [snapCount, setSnapCount] = useState(0)\n const [total, setTotal] = useState(0)\n const watchResize = useCallback<Extract<CarouselWatchResize, Function>>(\n (methods, entries) => {\n const result = isFunction(watchResizeProp)\n ? watchResizeProp(methods, entries)\n : true\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n\n return result\n },\n [watchResizeProp],\n )\n const [carouselRef, carousel] = useEmblaCarousel(\n {\n align,\n axis,\n container: listRef.current,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n startIndex: defaultIndex,\n watchDrag,\n watchResize,\n watchSlides,\n },\n plugins,\n )\n\n id ??= rootId\n\n const onInit = useCallback((methods: CarouselControl) => {\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n }, [])\n\n const onScroll = useCallback(() => {\n if (!carousel) return\n\n const progress = Math.round(\n Math.max(0, Math.min(1, carousel.scrollProgress())) 100,\n )\n\n onScrollProgress?.(progress)\n }, [carousel, onScrollProgress])\n\n const onSelect = useCallback(() => {\n if (!carousel) return\n\n const index = carousel.selectedScrollSnap()\n\n setIndex(index)\n }, [carousel, setIndex])\n\n const onFocusIndicator = useCallback(\n (index: number) => {\n const el = indicatorMapRef.current.get(index)\n\n el?.focus()\n carousel?.scrollTo(index)\n },\n [carousel],\n )\n\n const onKeyDown = useCallback(\n (index: number) => (ev: KeyboardEvent<HTMLButtonElement>) => {\n const lastIndex = snapCount - 1\n\n runKeyAction(ev, {\n ArrowDown: () => {\n if (horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowLeft: () => {\n if (!horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n ArrowRight: () => {\n if (!horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowUp: () => {\n if (horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n End: () => {\n onFocusIndicator(lastIndex)\n },\n Home: () => {\n onFocusIndicator(0)\n },\n })\n },\n [snapCount, horizontal, onFocusIndicator],\n )\n\n assignRef(controlRef, carousel)\n\n useEffect(() => {\n if (carousel) {\n carousel.on(\"reInit\", onInit)\n carousel.on(\"select\", onSelect)\n carousel.on(\"scroll\", onScroll)\n\n onScroll()\n\n return () => {\n carousel.off(\"reInit\", onInit)\n carousel.off(\"select\", onSelect)\n carousel.off(\"scroll\", onScroll)\n }\n }\n }, [carousel, onInit, onScroll, onSelect])\n\n useEffect(() => {\n const stop = hover && stopMouseEnterAutoplay\n const last = !carousel?.canScrollNext()\n\n if (carousel && autoplay && !stop && !last) {\n timeoutId.current = setInterval(() => {\n carousel.scrollNext()\n }, delay)\n } else {\n if (timeoutId.current) clearInterval(timeoutId.current)\n\n timeoutId.current = null\n }\n\n return () => {\n if (timeoutId.current) clearInterval(timeoutId.current)\n }\n }, [autoplay, carousel, delay, hover, stopMouseEnterAutoplay])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n if (indexProp === undefined) return\n\n carousel.scrollTo(indexProp)\n }, [indexProp])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n carousel.reInit()\n }, [\n carousel,\n total,\n align,\n axis,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n ])\n\n const getRootProps: PropGetter<\"section\"> = useCallback(\n ({ ref, ...props } = {}) =>\n mergeProps(\n {\n id,\n \"aria-roledescription\": \"carousel\",\n \"data-orientation\": orientation,\n },\n rest,\n {\n ref,\n onMouseEnter,\n onMouseLeave,\n },\n props,\n )(),\n [id, onMouseEnter, onMouseLeave, rest, orientation],\n )\n\n const getListProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n id: listId,\n \"aria-live\": autoplay ? \"off\" : \"polite\",\n \"data-orientation\": orientation,\n ...props,\n ref: mergeRefs(ref, listRef, carouselRef),\n }),\n [autoplay, listId, orientation, carouselRef],\n )\n\n const getItemProps: RequiredPropGetter<\"div\", { index: number }> =\n useCallback(\n ({ index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n id: `${listId}-${indexProp}`,\n \"aria-label\": t(\"{page} of {total}\", { page, total }),\n \"aria-roledescription\": \"slide\",\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tabpanel\",\n ...props,\n }\n },\n [index, listId, total, orientation, t],\n )\n\n const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to previous slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollPrev(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollPrev()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to next slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollNext(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollNext()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getIndicatorsProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Slides\"),\n \"aria-orientation\": orientation,\n role: \"tablist\",\n ...props,\n }),\n [orientation, t],\n )\n\n const getIndicatorProps: RequiredPropGetter<\"button\", { index: number }> =\n useCallback(\n ({ ref, index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n type: \"button\" as const,\n \"aria-controls\": `${listId}-${indexProp}`,\n \"aria-label\": t(\"Go to {page} slide\", { page }),\n \"aria-selected\": selected,\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tab\",\n tabIndex: selected ? 0 : -1,\n ...props,\n ref: mergeRefs(ref, (node) => {\n indicatorMapRef.current.set(indexProp, node)\n }),\n onClick: handlerAll(props.onClick, () =>\n carousel?.scrollTo(indexProp),\n ),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown(indexProp)),\n }\n },\n [index, listId, t, orientation, onKeyDown, carousel],\n )\n\n return {\n carousel,\n index,\n setIndex,\n snapCount,\n total,\n getIndicatorProps,\n getIndicatorsProps,\n getItemProps,\n getListProps,\n getNextTriggerProps,\n getPrevTriggerProps,\n getRootProps,\n }\n}\n\nexport type UseCarouselReturn = ReturnType<typeof useCarousel>\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-carousel.cjs","names":["createContext","useI18n","useControllableState","useIds","useBoolean","snapCount","total","index","getRootProps: PropGetter<\"section\">","mergeProps","getListProps: PropGetter","mergeRefs","getItemProps: RequiredPropGetter<\"div\", { index: number }>","indexProp","getPrevTriggerProps: PropGetter<\"button\">","getNextTriggerProps: PropGetter<\"button\">","getIndicatorsProps: PropGetter"],"sources":["../../../../src/components/carousel/use-carousel.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n EmblaCarouselType,\n EmblaOptionsType,\n EmblaPluginType,\n} from \"embla-carousel\"\nimport type { KeyboardEvent, RefObject } from \"react\"\nimport useEmblaCarousel from \"embla-carousel-react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport {\n type HTMLProps,\n mergeProps,\n type Orientation,\n type PropGetter,\n type RequiredPropGetter,\n} from \"../../core\"\nimport { useBoolean } from \"../../hooks/use-boolean\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n assignRef,\n createContext,\n dataAttr,\n handlerAll,\n isFunction,\n mergeRefs,\n runKeyAction,\n useIds,\n useUpdateEffect,\n} from \"../../utils\"\n\ntype EmblaOptions = Required<EmblaOptionsType>\nexport type CarouselAlign = EmblaOptions[\"align\"]\nexport type CarouselContainScroll = EmblaOptions[\"containScroll\"]\nexport type CarouselInViewThreshold = EmblaOptions[\"inViewThreshold\"]\nexport type CarouselWatchDrag = EmblaOptions[\"watchDrag\"]\nexport type CarouselWatchResize = EmblaOptions[\"watchResize\"]\nexport type CarouselWatchSlides = EmblaOptions[\"watchSlides\"]\nexport type CarouselControl = EmblaCarouselType\nexport type CarouselPlugin = EmblaPluginType\n\nexport interface CarouselContext extends Omit<\n UseCarouselReturn,\n \"getRootProps\"\n> {}\n\nconst [CarouselContext, useCarouselContext] = createContext<CarouselContext>({\n name: \"CarouselContext\",\n})\n\nexport { CarouselContext, useCarouselContext }\n\nexport interface UseCarouselProps extends Omit<\n HTMLProps<\"section\">,\n \"onChange\"\n> {\n /*\n The alignment of the carousel.\n \n @default 'center'\n /\n align?: CarouselAlign\n /\n If `true`, the carousel will be autoplay.\n \n @default false\n /\n autoplay?: boolean\n /\n Clear leading and trailing empty space that causes excessive scrolling.\n * Use trimSnaps to only use snap points that trigger scrolling or keepSnaps to keep them.\n \n @default false\n /\n containScroll?: CarouselContainScroll\n /\n Ref of the resizable item callback.\n /\n controlRef?: RefObject<CarouselControl \| null>\n /\n The initial index of the carousel slide.\n \n @default 0\n /\n defaultIndex?: number\n /\n The number for the autoplay interval of the carousel.\n \n @default 4000\n /\n delay?: number\n /\n If `true`, momentum scrolling will be enabled.\n \n @default false\n /\n dragFree?: boolean\n /\n If `true`, carousel can be scrolled with mouse and touch interactions.\n \n @default true\n /\n draggable?: boolean\n /\n Set scroll duration when triggered by any of the API methods.\n * Higher numbers enables slower scrolling.\n * Drag interactions are not affected because duration is then determined by the drag force.\n \n @default 25\n /\n duration?: number\n /\n The index of the carousel slide.\n /\n index?: number\n /\n Choose a fraction representing the percentage portion of a slide that needs to be visible in order to be considered in view.\n \n @default 0\n /\n inViewThreshold?: CarouselInViewThreshold\n /\n If `true`, infinite looping.\n * Automatically falls back to false if slide content isn't enough to loop.\n \n @default true\n /\n loop?: boolean\n /\n The orientation of the carousel.\n \n @default 'horizontal'\n /\n orientation?: Orientation\n /\n Embla plugins to use.\n /\n plugins?: CarouselPlugin[]\n /\n If `true`, allow the carousel to skip scroll snaps if it's dragged vigorously.\n * Note that this option will be ignored if the dragFree option is set to true.\n \n @default false\n /\n skipSnaps?: boolean\n /\n The number of slides that should be scrolled with next or previous buttons.\n \n @default 1\n /\n slidesToScroll?: number\n /\n If `true`, autoplay will pause when the mouse entries over.\n \n @default true\n /\n stopMouseEnterAutoplay?: boolean\n /\n Enables for scrolling the carousel with mouse and touch interactions.\n * Set this to `false` to disable drag events or pass a custom callback to add your own drag logic.\n \n @default true\n /\n watchDrag?: CarouselWatchDrag\n /\n Embla automatically watches the container and slides for size changes and runs `reInit` when any size has changed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own resize logic.\n \n @default true\n /\n watchResize?: CarouselWatchResize\n /\n Embla automatically watches the container for added and/or removed slides and runs `reInit` if needed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own slides changed logic.\n \n @default true\n /\n watchSlides?: CarouselWatchSlides\n /\n The callback invoked when carousel slide selected.\n /\n onChange?: (index: number) => void\n /\n A callback that return the current scroll amount when the carousel is scrolled.\n /\n onScrollProgress?: (progress: number) => void\n}\n\nexport const useCarousel = ({\n id,\n align = \"center\",\n autoplay = false,\n containScroll = false,\n controlRef,\n defaultIndex = 0,\n delay = 4000,\n dragFree = false,\n draggable = true,\n duration = 25,\n index: indexProp,\n inViewThreshold = 0,\n loop = true,\n orientation = \"horizontal\",\n plugins = [],\n skipSnaps = false,\n slidesToScroll = 1,\n stopMouseEnterAutoplay = true,\n watchDrag = draggable,\n watchResize: watchResizeProp = true,\n watchSlides = true,\n onChange,\n onScrollProgress,\n ...rest\n}: UseCarouselProps = {}) => {\n const { t } = useI18n(\"carousel\")\n const [index, setIndex] = useControllableState({\n defaultValue: defaultIndex,\n value: indexProp,\n onChange,\n })\n const [rootId, listId] = useIds()\n const [hover, { off: onMouseLeave, on: onMouseEnter }] = useBoolean()\n const timeoutId = useRef<NodeJS.Timeout \| null>(null)\n const indicatorMapRef = useRef<Map<number, HTMLButtonElement \| null>>(\n new Map(),\n )\n const listRef = useRef<HTMLDivElement>(null)\n const horizontal = orientation === \"horizontal\"\n const axis = horizontal ? \"x\" : \"y\"\n const [snapCount, setSnapCount] = useState(0)\n const [total, setTotal] = useState(0)\n const watchResize = useCallback<Extract<CarouselWatchResize, Function>>(\n (methods, entries) => {\n const result = isFunction(watchResizeProp)\n ? watchResizeProp(methods, entries)\n : true\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n\n return result\n },\n [watchResizeProp],\n )\n const [carouselRef, carousel] = useEmblaCarousel(\n {\n align,\n axis,\n container: listRef.current,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n startIndex: defaultIndex,\n watchDrag,\n watchResize,\n watchSlides,\n },\n plugins,\n )\n\n id ??= rootId\n\n const onInit = useCallback((methods: CarouselControl) => {\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n }, [])\n\n const onScroll = useCallback(() => {\n if (!carousel) return\n\n const progress = Math.round(\n Math.max(0, Math.min(1, carousel.scrollProgress())) 100,\n )\n\n onScrollProgress?.(progress)\n }, [carousel, onScrollProgress])\n\n const onSelect = useCallback(() => {\n if (!carousel) return\n\n const index = carousel.selectedScrollSnap()\n\n setIndex(index)\n }, [carousel, setIndex])\n\n const onFocusIndicator = useCallback(\n (index: number) => {\n const el = indicatorMapRef.current.get(index)\n\n el?.focus()\n carousel?.scrollTo(index)\n },\n [carousel],\n )\n\n const onKeyDown = useCallback(\n (index: number) => (ev: KeyboardEvent<HTMLButtonElement>) => {\n const lastIndex = snapCount - 1\n\n runKeyAction(ev, {\n ArrowDown: () => {\n if (horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowLeft: () => {\n if (!horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n ArrowRight: () => {\n if (!horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowUp: () => {\n if (horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n End: () => {\n onFocusIndicator(lastIndex)\n },\n Home: () => {\n onFocusIndicator(0)\n },\n })\n },\n [snapCount, horizontal, onFocusIndicator],\n )\n\n assignRef(controlRef, carousel)\n\n useEffect(() => {\n if (carousel) {\n carousel.on(\"reInit\", onInit)\n carousel.on(\"select\", onSelect)\n carousel.on(\"scroll\", onScroll)\n\n onScroll()\n\n return () => {\n carousel.off(\"reInit\", onInit)\n carousel.off(\"select\", onSelect)\n carousel.off(\"scroll\", onScroll)\n }\n }\n }, [carousel, onInit, onScroll, onSelect])\n\n useEffect(() => {\n const stop = hover && stopMouseEnterAutoplay\n const last = !carousel?.canScrollNext()\n\n if (carousel && autoplay && !stop && !last) {\n timeoutId.current = setInterval(() => {\n carousel.scrollNext()\n }, delay)\n } else {\n if (timeoutId.current) clearInterval(timeoutId.current)\n\n timeoutId.current = null\n }\n\n return () => {\n if (timeoutId.current) clearInterval(timeoutId.current)\n }\n }, [autoplay, carousel, delay, hover, stopMouseEnterAutoplay])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n if (indexProp === undefined) return\n\n carousel.scrollTo(indexProp)\n }, [indexProp])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n carousel.reInit()\n }, [\n carousel,\n total,\n align,\n axis,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n ])\n\n const getRootProps: PropGetter<\"section\"> = useCallback(\n ({ ref, ...props } = {}) =>\n mergeProps(\n {\n id,\n \"aria-roledescription\": \"carousel\",\n \"data-orientation\": orientation,\n },\n rest,\n {\n ref,\n onMouseEnter,\n onMouseLeave,\n },\n props,\n )(),\n [id, onMouseEnter, onMouseLeave, rest, orientation],\n )\n\n const getListProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n id: listId,\n \"aria-live\": autoplay ? \"off\" : \"polite\",\n \"data-orientation\": orientation,\n ...props,\n ref: mergeRefs(ref, listRef, carouselRef),\n }),\n [autoplay, listId, orientation, carouselRef],\n )\n\n const getItemProps: RequiredPropGetter<\"div\", { index: number }> =\n useCallback(\n ({ index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n id: `${listId}-${indexProp}`,\n \"aria-label\": t(\"{page} of {total}\", { page, total }),\n \"aria-roledescription\": \"slide\",\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tabpanel\",\n ...props,\n }\n },\n [index, listId, total, orientation, t],\n )\n\n const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to previous slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollPrev(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollPrev()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to next slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollNext(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollNext()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getIndicatorsProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Slides\"),\n \"aria-orientation\": orientation,\n role: \"tablist\",\n ...props,\n }),\n [orientation, t],\n )\n\n const getIndicatorProps: RequiredPropGetter<\"button\", { index: number }> =\n useCallback(\n ({ ref, index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n type: \"button\" as const,\n \"aria-controls\": `${listId}-${indexProp}`,\n \"aria-label\": t(\"Go to {page} slide\", { page }),\n \"aria-selected\": selected,\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tab\",\n tabIndex: selected ? 0 : -1,\n ...props,\n ref: mergeRefs(ref, (node) => {\n indicatorMapRef.current.set(indexProp, node)\n }),\n onClick: handlerAll(props.onClick, () =>\n carousel?.scrollTo(indexProp),\n ),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown(indexProp)),\n }\n },\n [index, listId, t, orientation, onKeyDown, carousel],\n )\n\n return {\n carousel,\n index,\n setIndex,\n snapCount,\n total,\n getIndicatorProps,\n getIndicatorsProps,\n getItemProps,\n getListProps,\n getNextTriggerProps,\n getPrevTriggerProps,\n getRootProps,\n }\n}\n\nexport type UseCarouselReturn = ReturnType<typeof useCarousel>\n"],"mappings":"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"}

package/dist/cjs/components/tree/use-tree.cjs CHANGED Viewed

@@ -6,6 +6,8 @@ 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_props = require('../../core/components/props.cjs');
+require('../../core/index.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_hooks_use_descendants_index = require('../../hooks/use-descendants/index.cjs');
 const require_use_disclosure = require('../../hooks/use-disclosure/use-disclosure.cjs');
@@ -101,13 +103,11 @@ const useTree = ({ checkable = false, checkedValue: checkedValueProp, children,
 		expandedValue,
 		multiple,
 		selectedValue,
-		getRootProps: (0, react.useCallback)((props) => ({
+		getRootProps: (0, react.useCallback)((props) => require_props.mergeProps({
 			"aria-multiselectable": (0, require_utils_index.utils_exports.ariaAttr)(multiple || checkable),
 			children,
-			role: "tree",
-			...rest,
-			...props
-		}), [
+			role: "tree"
+		}, rest, props)(), [
 			multiple,
 			checkable,
 			rest,

package/dist/cjs/components/tree/use-tree.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-tree.cjs","names":["createDescendants","createContext","useControllableState","descendant","value","useIds","Children","level: number","value: string","useDisclosure","branchOpen: boolean[]","useAsyncCallback","selectedValue","parentTarget: string[]","children","indeterminate","getItemProps: PropGetter<\"li\">","mergeRefs","getGroupItemProps: PropGetter<\"li\">","getIndicatorProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/tree/use-tree.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n ChangeEvent,\n KeyboardEvent,\n MouseEvent,\n ReactNode,\n RefObject,\n SetStateAction,\n} from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Descendant, Descendants } from \"../../hooks/use-descendants\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UseCheckboxProps } from \"../checkbox\"\nimport { Children, useCallback, useRef, useState } from \"react\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport {\n ariaAttr,\n assignRef,\n createContext,\n cx,\n dataAttr,\n filterEmpty,\n handlerAll,\n isArray,\n isInputElement,\n isUndefined,\n match,\n mergeRefs,\n runKeyAction,\n setAttribute,\n useIds,\n useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface TreeControl {\n collapse: () => void\n expand: () => void\n}\n\ninterface TreeDescendantProps {\n expanded: boolean\n group: boolean\n id: string\n value: string\n query?: string\n}\n\nconst {\n DescendantsContext: TreeDescendantsContext,\n useDescendant: useTreeDescendant,\n useDescendants: useTreeDescendants,\n} = createDescendants<HTMLElement, TreeDescendantProps>()\n\nexport { TreeDescendantsContext, useTreeDescendant, useTreeDescendants }\n\ninterface TreeContext extends Omit<\n UseTreeReturn,\n \"descendants\" \| \"getRootProps\"\n> {}\n\nconst [TreeContext, useTreeContext] = createContext<TreeContext>({\n name: \"TreeContext\",\n})\n\nexport { TreeContext, useTreeContext }\n\ninterface TreeItemContext extends Pick<\n UseTreeItemReturn,\n \| \"branchOpen\"\n \| \"groupOpen\"\n \| \"level\"\n \| \"onGroupClose\"\n \| \"onGroupOpen\"\n \| \"onGroupToggle\"\n \| \"value\"\n> {}\n\nconst [TreeItemContext, useTreeItemContext] = createContext<TreeItemContext>({\n name: \"TreeItemContext\",\n strict: false,\n})\n\nexport { TreeItemContext, useTreeItemContext }\n\nexport interface UseTreeProps<\n Multiple extends boolean = false,\n> extends HTMLProps<\"ul\"> {\n /*\n If `true`, the tree will allow checkable items.\n \n @default false\n /\n checkable?: boolean\n /\n The checked value of the tree.\n /\n checkedValue?: string[]\n /\n Ref of the tree callbacks.\n /\n controlRef?: RefObject<null \| TreeControl>\n /\n The initial checked value of the tree.\n /\n defaultCheckedValue?: string[]\n /\n The initial expanded value of the tree.\n /\n defaultExpandedValue?: string[]\n /\n The initial selected value of the tree.\n /\n defaultSelectedValue?: Multiple extends true ? string[] : string\n /\n The expanded value of the tree.\n /\n expandedValue?: string[]\n /\n If `true`, the tree will allow multiple selection.\n \n @default false\n /\n multiple?: Multiple\n /\n The selected value of the tree.\n /\n selectedValue?: Multiple extends true ? string[] : string\n /\n The callback invoked when checked value changes.\n /\n onCheckedChange?: (value: string[]) => void\n /\n The callback invoked when expanded value changes.\n /\n onExpandedChange?: (value: string[]) => void\n /\n The callback invoked when selected value changes.\n /\n onSelectedChange?: (value: Multiple extends true ? string[] : string) => void\n}\n\nexport const useTree = <Multiple extends boolean = false>({\n checkable = false,\n checkedValue: checkedValueProp,\n children,\n controlRef,\n defaultCheckedValue = [],\n defaultExpandedValue = [],\n defaultSelectedValue,\n expandedValue: expandedValueProp,\n multiple,\n selectedValue: selectedValueProp,\n onCheckedChange: onCheckedChangeProp,\n onExpandedChange: onExpandedChangeProp,\n onSelectedChange: onSelectedChangeProp,\n ...rest\n}: UseTreeProps<Multiple> = {}) => {\n type MaybeSelectedValue = Multiple extends true ? string[] : string\n\n const [selectedValue, setSelectedValue] = useControllableState({\n defaultValue:\n defaultSelectedValue ?? ((multiple ? [] : \"\") as MaybeSelectedValue),\n value: selectedValueProp,\n onChange: onSelectedChangeProp,\n })\n const [checkedValue, onCheckedChange] = useControllableState({\n defaultValue: defaultCheckedValue,\n value: checkedValueProp,\n onChange: onCheckedChangeProp,\n })\n const [expandedValue, setExpandedValue] = useControllableState({\n defaultValue: defaultExpandedValue,\n value: expandedValueProp,\n onChange: onExpandedChangeProp,\n })\n const descendants = useTreeDescendants()\n const activeDescendant = useRef<Descendant<\n HTMLElement,\n TreeDescendantProps\n > \| null>(null)\n const searchRef = useRef<{ value: string; omitValue?: string }>({\n omitValue: undefined,\n value: \"\",\n })\n const timeoutRef = useRef<any>(null)\n\n const onExpandAll = useCallback(() => {\n const values = descendants.enabledValues()\n const group = values.filter(({ group }) => group)\n const value = group.map(({ value }) => value)\n\n setExpandedValue(value)\n }, [descendants, setExpandedValue])\n\n const onCollapseAll = useCallback(() => {\n setExpandedValue([])\n }, [setExpandedValue])\n\n const onActiveDescendant = useCallback(\n (\n descendant?: Descendant<HTMLElement, TreeDescendantProps>,\n shouldFocus = true,\n ) => {\n if (!descendant) return\n\n descendants.values().forEach(({ node }) => {\n node.tabIndex = -1\n })\n\n activeDescendant.current = descendant\n descendant.node.tabIndex = 0\n\n if (shouldFocus) descendant.node.focus()\n },\n [descendants],\n )\n\n const onSearch = useCallback(\n (value: string, omitValue: string) => {\n clearTimeout(timeoutRef.current)\n\n searchRef.current.value += value\n\n if (!searchRef.current.omitValue) searchRef.current.omitValue = omitValue\n\n timeoutRef.current = setTimeout(() => {\n searchRef.current = { omitValue: undefined, value: \"\" }\n }, 400)\n\n const values = descendants\n .enabledValues({ expanded: true })\n .filter(\n (descendant) =>\n !isUndefined(descendant.value) &&\n descendant.value !== searchRef.current.omitValue,\n )\n const descendant = values.find(({ query, value }) =>\n match(query ?? value, searchRef.current.value, \"startsWith\"),\n )\n\n if (descendant) onActiveDescendant(descendant)\n },\n [descendants, onActiveDescendant],\n )\n\n const onSelectedChange = useCallback(\n (value: SetStateAction<string \| string[]>) => {\n setSelectedValue(value as SetStateAction<MaybeSelectedValue>)\n },\n [setSelectedValue],\n )\n\n const onExpandedChange = useCallback(\n (value: string) => {\n setExpandedValue((prev) => {\n if (prev.includes(value)) {\n return prev.filter((prevValue) => prevValue !== value)\n } else {\n return [...prev, value]\n }\n })\n },\n [setExpandedValue],\n )\n\n useSafeLayoutEffect(() => {\n const value = isArray(selectedValue) ? selectedValue.at(0) : selectedValue\n const expandedDescendants = descendants.enabledValues({ expanded: true })\n\n if (value) {\n const descendant = expandedDescendants.find(\n (descendant) => value === descendant.value,\n )\n\n if (descendant) {\n onActiveDescendant(descendant, false)\n } else {\n onActiveDescendant(expandedDescendants.at(0), false)\n }\n } else {\n onActiveDescendant(expandedDescendants.at(0), false)\n }\n }, [children])\n\n assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n const getRootProps: PropGetter<\"ul\"> = useCallback(\n (props) => ({\n \"aria-multiselectable\": ariaAttr(multiple \|\| checkable),\n children,\n role: \"tree\",\n ...rest,\n ...props,\n }),\n [multiple, checkable, rest, children],\n )\n\n return {\n activeDescendant,\n checkable,\n checkedValue,\n descendants,\n expandedValue,\n multiple,\n selectedValue,\n getRootProps,\n onActiveDescendant,\n onCheckedChange,\n onCollapseAll,\n onExpandAll,\n onExpandedChange,\n onSearch,\n onSelectedChange,\n }\n}\n\nexport type UseTreeReturn = ReturnType<typeof useTree>\n\nconst getRootDescendant =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (value: string) => {\n const segments = value.split(\"/\")\n\n if (segments.length <= 1) return\n\n const rootValue = segments.at(0)\n\n return descendants.enabledValues().find(({ value }) => value === rootValue)\n }\n\nconst getParentDescendant =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (value: string) => {\n const segments = value.split(\"/\")\n\n if (segments.length <= 1) return\n\n const parentValue = segments.slice(0, -1).join(\"/\")\n\n return descendants\n .enabledValues()\n .find(({ value }) => value === parentValue)\n }\n\nconst getChildDescendants =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (value: string) => {\n const children = descendants\n .enabledValues()\n .filter((descendant) => descendant.value.startsWith(value + \"/\"))\n const values = children\n .map(({ value }) => value)\n .filter((value) => !isUndefined(value))\n\n return { children, values }\n }\n\nconst getParentValues = (value: string) => {\n const segments = value.split(\"/\")\n\n return segments\n .reduce<string[]>((prev, current) => {\n const prevValue = prev.at(-1)\n return prevValue ? [...prev, [prevValue, current].join(\"/\")] : [current]\n }, [])\n .toReversed()\n}\n\nconst getCheckbox = (node?: HTMLElement) => {\n const el = node?.querySelector(\"input[type='checkbox']\")\n\n return isInputElement(el) ? el : null\n}\n\nconst getAllChecked = (\n descendants: Descendant<HTMLElement, TreeDescendantProps>[],\n trulyValues?: string[],\n falsyValues?: string[],\n) => {\n const checked = descendants.map(({ node, value }) => {\n if (value && trulyValues?.includes(value)) return true\n if (value && falsyValues?.includes(value)) return false\n\n const checkbox = getCheckbox(node)\n\n return !!checkbox?.checked\n })\n\n const allChecked = !!checked.length && checked.every(Boolean)\n const indeterminate = checked.some(Boolean) && !allChecked\n\n return { allChecked, checked, indeterminate }\n}\n\nconst getRangeValues =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (start: string, end: string) => {\n const values = descendants.enabledValues()\n const [startIndex, endIndex] = [\n values.findIndex((descendant) => descendant.value === start),\n values.findIndex((descendant) => descendant.value === end),\n ].sort((a, b) => a - b)\n\n return values\n .slice(startIndex, endIndex! + 1)\n .map(({ value }) => value)\n .filter((value) => !isUndefined(value))\n .sort((a, b) => {\n if (a === start && b !== start) return -1\n if (a !== start && b === start) return 1\n\n return 0\n })\n }\n\nexport interface UseTreeItemProps\n extends HTMLProps<\"div\">, Omit<UseDisclosureProps, \"timing\"> {\n /\n If `true`, the tree item will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The query to search for in the tree item.\n /\n query?: string\n /\n The value of the item.\n /\n value?: string\n /\n If provided, the tree item will be rendered as an async tree item.\n */\n asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useTreeItem = ({\n asyncChildren,\n children: childrenProp,\n defaultOpen,\n disabled = false,\n open: openProp,\n query,\n value: valueProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n ...rest\n}: UseTreeItemProps = {}) => {\n const context = useTreeItemContext()\n const {\n activeDescendant,\n checkable,\n checkedValue,\n expandedValue,\n multiple,\n selectedValue,\n onActiveDescendant,\n onCheckedChange,\n onCollapseAll,\n onExpandAll,\n onExpandedChange,\n onSearch,\n onSelectedChange,\n } = useTreeContext()\n const [children, setChildren] = useState<ReactNode>(childrenProp)\n const [indeterminate, setIndeterminate] = useState(false)\n const [itemId, labelId, checkboxId] = useIds()\n const initialAsyncRef = useRef(false)\n const async = !!asyncChildren\n const group = async \|\| Children.count(children) > 0\n const level: number = (context?.level ?? 0) + 1\n const value: string = filterEmpty([context?.value, valueProp]).join(\"/\")\n const nested = !!context?.value\n const selected = isArray(selectedValue)\n ? !!value && selectedValue.includes(value)\n : !!value && selectedValue === value\n const checked = !!value && checkedValue.includes(value)\n const defaultExpanded = !!value && expandedValue.includes(value)\n const {\n open: groupOpen,\n onClose,\n onOpen,\n } = useDisclosure({\n defaultOpen: defaultOpen ?? defaultExpanded,\n open: openProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n })\n const branchOpen: boolean[] = nested\n ? [...context.branchOpen, groupOpen]\n : [groupOpen]\n const { descendants, register } = useTreeDescendant({\n id: itemId!,\n disabled,\n expanded: branchOpen.slice(0, -1).every(Boolean),\n group,\n query,\n value,\n })\n\n const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n const children = await asyncChildren?.()\n\n setChildren(children)\n }, [asyncChildren])\n\n const onSelect = useCallback(\n (\n ev: (\n \| Partial<KeyboardEvent<HTMLElement>>\n \| Partial<MouseEvent<HTMLElement>>\n ) & { value?: string } = {},\n ) => {\n const selectedValue = ev.value ?? value\n\n if (disabled \|\| !selectedValue) return\n\n if (multiple) {\n onSelectedChange((prev) => {\n if (!isArray(prev)) return prev\n\n if (ev.ctrlKey \|\| ev.metaKey) {\n if (prev.includes(selectedValue)) {\n return prev.filter((prevValue) => prevValue !== selectedValue)\n } else {\n return [...prev, selectedValue]\n }\n } else if (ev.shiftKey && prev[0]) {\n if (prev[0] === selectedValue) return prev\n\n return getRangeValues(descendants)(prev[0], selectedValue)\n } else {\n return [selectedValue]\n }\n })\n } else {\n onSelectedChange(selectedValue)\n }\n },\n [descendants, disabled, multiple, onSelectedChange, value],\n )\n\n const onGroupOpen = useCallback(() => {\n if (disabled \|\| !value) return\n\n if (async && !initialAsyncRef.current) {\n initialAsyncRef.current = true\n\n onGroupChildren()\n .then(() => {\n onOpen()\n onExpandedChange(value)\n })\n .catch(() => {\n initialAsyncRef.current = false\n })\n } else {\n onOpen()\n onExpandedChange(value)\n }\n }, [disabled, async, onGroupChildren, onOpen, onExpandedChange, value])\n\n const onGroupClose = useCallback(() => {\n if (disabled \|\| !value) return\n\n onClose()\n onExpandedChange(value)\n }, [disabled, onClose, onExpandedChange, value])\n\n const onGroupToggle = useCallback(() => {\n if (groupOpen) {\n onGroupClose()\n } else {\n onGroupOpen()\n }\n }, [groupOpen, onGroupClose, onGroupOpen])\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent<HTMLElement>) => {\n if (disabled \|\| !value) return\n\n runKeyAction(ev, {\n a: () => {\n if (!multiple \|\| !(ev.ctrlKey \|\| ev.metaKey)) return\n\n const values = descendants\n .enabledValues()\n .map(({ value }) => value)\n .filter((value) => !isUndefined(value))\n\n onSelectedChange(values)\n },\n ArrowDown: () => {\n if ((ev.ctrlKey \|\| ev.metaKey) && ev.shiftKey) {\n onExpandAll()\n } else {\n const descendant = descendants.enabledNextValue(\n activeDescendant.current,\n false,\n { expanded: true },\n )\n\n onActiveDescendant(descendant)\n\n if (descendant && ev.shiftKey && multiple)\n onSelect({ ctrlKey: true, value: descendant.value })\n }\n },\n ArrowLeft: () => {\n if (group && groupOpen) {\n onGroupClose()\n } else if (nested) {\n const descendant = getParentDescendant(descendants)(value)\n\n onActiveDescendant(descendant)\n }\n },\n ArrowRight: () => {\n if (!group) return\n\n if (groupOpen) {\n const descendant = descendants.enabledNextValue(\n activeDescendant.current,\n false,\n { expanded: true },\n )\n\n onActiveDescendant(descendant)\n } else {\n if (!groupLoading) onGroupOpen()\n }\n },\n ArrowUp: () => {\n if ((ev.ctrlKey \|\| ev.metaKey) && ev.shiftKey) {\n onCollapseAll()\n\n if (!nested) return\n\n const descendant = getRootDescendant(descendants)(value)\n\n onActiveDescendant(descendant)\n } else {\n const descendant = descendants.enabledPrevValue(\n activeDescendant.current,\n false,\n { expanded: true },\n )\n\n onActiveDescendant(descendant)\n\n if (descendant && ev.shiftKey && multiple)\n onSelect({ ctrlKey: true, value: descendant.value })\n }\n },\n End: () => {\n const descendant = descendants\n .enabledValues({ expanded: true })\n .at(-1)\n\n onActiveDescendant(descendant)\n },\n Enter: () => {\n if (group) onGroupToggle()\n\n onSelect(ev)\n },\n Home: () => {\n const descendant = descendants.enabledValues({ expanded: true }).at(0)\n\n onActiveDescendant(descendant)\n },\n Space: () => {\n if (group) onGroupToggle()\n\n onSelect(ev)\n },\n })\n\n if (ev.key.length !== 1) return\n if (ev.ctrlKey \|\| ev.metaKey \|\| ev.altKey) return\n\n ev.preventDefault()\n\n onSearch(ev.key, query ?? value)\n },\n [\n activeDescendant,\n descendants,\n disabled,\n group,\n groupLoading,\n groupOpen,\n multiple,\n nested,\n onActiveDescendant,\n onCollapseAll,\n onExpandAll,\n onGroupClose,\n onGroupOpen,\n onGroupToggle,\n onSearch,\n onSelect,\n onSelectedChange,\n query,\n value,\n ],\n )\n\n const onItemClick = useCallback(\n (ev: MouseEvent<HTMLLIElement>) => {\n ev.stopPropagation()\n\n if (disabled \|\| !value) return\n\n if (group && !groupLoading)\n if (!ev.ctrlKey && !ev.metaKey && !ev.shiftKey) onGroupToggle()\n\n onSelect(ev)\n },\n [disabled, group, groupLoading, onGroupToggle, onSelect, value],\n )\n\n const onCheckboxChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (disabled \|\| !value) return\n\n ev.stopPropagation()\n\n if (group) setIndeterminate(false)\n\n onCheckedChange((prev) => {\n const target = [value]\n\n if (group) {\n const { values } = getChildDescendants(descendants)(value)\n\n target.push(...values)\n }\n\n if (nested) {\n const parentValues = getParentValues(context.value)\n const parentTarget: string[] = []\n\n parentValues.forEach((parentValue) => {\n const { children } = getChildDescendants(descendants)(parentValue)\n const { allChecked } = getAllChecked(\n children,\n [...parentTarget, ...(ev.target.checked ? target : [])],\n !ev.target.checked ? target : [],\n )\n\n if (allChecked) parentTarget.push(parentValue)\n })\n\n if (!ev.target.checked) parentTarget.push(...parentValues)\n\n target.push(...parentTarget)\n }\n\n if (ev.target.checked) {\n return [...new Set([...prev, ...target])]\n } else {\n return prev.filter((prevValue) => !target.includes(prevValue))\n }\n })\n },\n [disabled, group, onCheckedChange, value, nested, descendants, context],\n )\n\n useSafeLayoutEffect(() => {\n if (defaultExpanded) {\n if (async && !initialAsyncRef.current) {\n initialAsyncRef.current = true\n\n onGroupChildren()\n .then(() => {\n onOpen()\n })\n .catch(() => {\n initialAsyncRef.current = false\n })\n } else {\n onOpen()\n }\n } else {\n onClose()\n }\n }, [async, defaultExpanded, onClose, onGroupChildren, onOpen])\n\n useSafeLayoutEffect(() => {\n if (!group \|\| !checkable) return\n\n const { children } = getChildDescendants(descendants)(value)\n const { indeterminate } = getAllChecked(children)\n\n setIndeterminate(indeterminate)\n }, [checkedValue])\n\n useSafeLayoutEffect(() => {\n if (!checkable) return\n\n const { node } = getParentDescendant(descendants)(value) ?? {}\n const checkbox = getCheckbox(node)\n\n if (!checkbox) return\n\n const cleanup = setAttribute(checkbox, \"aria-controls\", checkboxId)\n\n return cleanup\n }, [checkable, descendants])\n\n const getItemProps: PropGetter<\"li\"> = useCallback(\n ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n id: itemId,\n ref: mergeRefs(ref, register),\n \"aria-disabled\": ariaAttr(disabled),\n \"aria-labelledby\": cx(ariaLabelledby, labelId),\n \"aria-level\": level,\n \"aria-selected\": ariaAttr(selected),\n \"data-disabled\": dataAttr(disabled),\n role: \"treeitem\",\n tabIndex: -1,\n ...props,\n onClick: handlerAll(props.onClick, onItemClick),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [\n itemId,\n register,\n disabled,\n labelId,\n level,\n selected,\n onItemClick,\n onKeyDown,\n ],\n )\n\n const getGroupItemProps: PropGetter<\"li\"> = useCallback(\n (props = {}) => getItemProps({ \"aria-expanded\": groupOpen, ...props }),\n [getItemProps, groupOpen],\n )\n\n const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n (props) => ({\n \"aria-disabled\": ariaAttr(disabled),\n \"aria-expanded\": groupOpen,\n \"aria-hidden\": true,\n \"data-disabled\": dataAttr(disabled),\n \"data-loading\": dataAttr(groupLoading),\n \"data-selected\": dataAttr(selected),\n role: \"presentation\",\n ...props,\n }),\n [disabled, groupOpen, selected, groupLoading],\n )\n\n const getCheckboxProps: PropGetter<UseCheckboxProps> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n id: checkboxId,\n \"aria-labelledby\": cx(ariaLabelledby, labelId),\n \"data-selected\": dataAttr(selected),\n checked,\n disabled,\n indeterminate,\n tabIndex: -1,\n ...props,\n onChange: handlerAll(props.onChange, onCheckboxChange),\n }),\n [\n checkboxId,\n labelId,\n selected,\n checked,\n disabled,\n indeterminate,\n onCheckboxChange,\n ],\n )\n\n const getGroupProps: PropGetter<\"ul\"> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n \"aria-busy\": ariaAttr(groupLoading),\n \"aria-labelledby\": cx(ariaLabelledby, labelId),\n \"data-disabled\": dataAttr(disabled),\n role: \"group\",\n ...props,\n }),\n [labelId, disabled, groupLoading],\n )\n\n const getLabelProps: PropGetter<\"span\"> = useCallback(\n (props = {}) => ({ id: labelId, ...props }),\n [labelId],\n )\n\n return {\n branchOpen,\n checked,\n children,\n disabled,\n group,\n groupLoading,\n groupOpen,\n indeterminate,\n level,\n props: rest,\n selected,\n value,\n getCheckboxProps,\n getGroupItemProps,\n getGroupProps,\n getIndicatorProps,\n getItemProps,\n getLabelProps,\n onGroupClose,\n onGroupOpen,\n onGroupToggle,\n }\n}\n\nexport type UseTreeItemReturn = ReturnType<typeof useTreeItem>\n"],"mappings":";;;;;;;;;;;;;;;;AAmDA,MAAM,EACJ,oBAAoB,wBACpB,eAAe,mBACf,gBAAgB,uBACdA,uDAAqD;AASzD,MAAM,CAAC,aAAa,kBAAkBC,8BAA2B,EAC/D,MAAM,eACP,CAAC;AAeF,MAAM,CAAC,iBAAiB,sBAAsBA,8BAA+B;CAC3E,MAAM;CACN,QAAQ;CACT,CAAC;AA6DF,MAAa,WAA6C,EACxD,YAAY,OACZ,cAAc,kBACd,UACA,YACA,sBAAsB,EAAE,EACxB,uBAAuB,EAAE,EACzB,sBACA,eAAe,mBACf,UACA,eAAe,mBACf,iBAAiB,qBACjB,kBAAkB,sBAClB,kBAAkB,sBAClB,GAAG,SACuB,EAAE,KAAK;CAGjC,MAAM,CAAC,eAAe,oBAAoBC,gEAAqB;EAC7D,cACE,yBAA0B,WAAW,EAAE,GAAG;EAC5C,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,CAAC,cAAc,mBAAmBA,gEAAqB;EAC3D,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,CAAC,eAAe,oBAAoBA,gEAAqB;EAC7D,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,cAAc,oBAAoB;CACxC,MAAM,qCAGI,KAAK;CACf,MAAM,8BAA0D;EAC9D,WAAW;EACX,OAAO;EACR,CAAC;CACF,MAAM,+BAAyB,KAAK;CAEpC,MAAM,2CAAgC;AAKpC,mBAJe,YAAY,eAAe,CACrB,QAAQ,EAAE,YAAY,MAAM,CAC7B,KAAK,EAAE,YAAY,MAAM,CAEtB;IACtB,CAAC,aAAa,iBAAiB,CAAC;CAEnC,MAAM,6CAAkC;AACtC,mBAAiB,EAAE,CAAC;IACnB,CAAC,iBAAiB,CAAC;CAEtB,MAAM,6CAEF,YACA,cAAc,SACX;AACH,MAAI,CAAC,WAAY;AAEjB,cAAY,QAAQ,CAAC,SAAS,EAAE,WAAW;AACzC,QAAK,WAAW;IAChB;AAEF,mBAAiB,UAAU;AAC3B,aAAW,KAAK,WAAW;AAE3B,MAAI,YAAa,YAAW,KAAK,OAAO;IAE1C,CAAC,YAAY,CACd;CAED,MAAM,mCACH,OAAe,cAAsB;AACpC,eAAa,WAAW,QAAQ;AAEhC,YAAU,QAAQ,SAAS;AAE3B,MAAI,CAAC,UAAU,QAAQ,UAAW,WAAU,QAAQ,YAAY;AAEhE,aAAW,UAAU,iBAAiB;AACpC,aAAU,UAAU;IAAE,WAAW;IAAW,OAAO;IAAI;KACtD,IAAI;EASP,MAAM,aAPS,YACZ,cAAc,EAAE,UAAU,MAAM,CAAC,CACjC,QACE,iBACC,oDAAaC,aAAW,MAAM,IAC9BA,aAAW,UAAU,UAAU,QAAQ,UAC1C,CACuB,MAAM,EAAE,OAAO,kEACjC,SAASC,SAAO,UAAU,QAAQ,OAAO,aAAa,CAC7D;AAED,MAAI,WAAY,oBAAmB,WAAW;IAEhD,CAAC,aAAa,mBAAmB,CAClC;CAED,MAAM,2CACH,UAA6C;AAC5C,mBAAiB,MAA4C;IAE/D,CAAC,iBAAiB,CACnB;CAED,MAAM,2CACH,UAAkB;AACjB,oBAAkB,SAAS;AACzB,OAAI,KAAK,SAAS,MAAM,CACtB,QAAO,KAAK,QAAQ,cAAc,cAAc,MAAM;OAEtD,QAAO,CAAC,GAAG,MAAM,MAAM;IAEzB;IAEJ,CAAC,iBAAiB,CACnB;AAED,0CAA0B;EACxB,MAAM,uDAAgB,cAAc,GAAG,cAAc,GAAG,EAAE,GAAG;EAC7D,MAAM,sBAAsB,YAAY,cAAc,EAAE,UAAU,MAAM,CAAC;AAEzE,MAAI,OAAO;GACT,MAAM,aAAa,oBAAoB,MACpC,iBAAe,UAAUD,aAAW,MACtC;AAED,OAAI,WACF,oBAAmB,YAAY,MAAM;OAErC,oBAAmB,oBAAoB,GAAG,EAAE,EAAE,MAAM;QAGtD,oBAAmB,oBAAoB,GAAG,EAAE,EAAE,MAAM;IAErD,CAAC,SAAS,CAAC;AAEd,uBAAU,YAAY;EAAE,UAAU;EAAe,QAAQ;EAAa,CAAC;AAavE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,sCAlBC,WAAW;GACV,wEAAiC,YAAY,UAAU;GACvD;GACA,MAAM;GACN,GAAG;GACH,GAAG;GACJ,GACD;GAAC;GAAU;GAAW;GAAM;GAAS,CACtC;EAWC;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAKH,MAAM,qBACH,iBACA,UAAkB;CACjB,MAAM,WAAW,MAAM,MAAM,IAAI;AAEjC,KAAI,SAAS,UAAU,EAAG;CAE1B,MAAM,YAAY,SAAS,GAAG,EAAE;AAEhC,QAAO,YAAY,eAAe,CAAC,MAAM,EAAE,qBAAYC,YAAU,UAAU;;AAG/E,MAAM,uBACH,iBACA,UAAkB;CACjB,MAAM,WAAW,MAAM,MAAM,IAAI;AAEjC,KAAI,SAAS,UAAU,EAAG;CAE1B,MAAM,cAAc,SAAS,MAAM,GAAG,GAAG,CAAC,KAAK,IAAI;AAEnD,QAAO,YACJ,eAAe,CACf,MAAM,EAAE,qBAAYA,YAAU,YAAY;;AAGjD,MAAM,uBACH,iBACA,UAAkB;CACjB,MAAM,WAAW,YACd,eAAe,CACf,QAAQ,eAAe,WAAW,MAAM,WAAW,QAAQ,IAAI,CAAC;AAKnE,QAAO;EAAE;EAAU,QAJJ,SACZ,KAAK,EAAE,qBAAYA,QAAM,CACzB,QAAQ,YAAU,oDAAaA,QAAM,CAAC;EAEd;;AAG/B,MAAM,mBAAmB,UAAkB;AAGzC,QAFiB,MAAM,MAAM,IAAI,CAG9B,QAAkB,MAAM,YAAY;EACnC,MAAM,YAAY,KAAK,GAAG,GAAG;AAC7B,SAAO,YAAY,CAAC,GAAG,MAAM,CAAC,WAAW,QAAQ,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,QAAQ;IACvE,EAAE,CAAC,CACL,YAAY;;AAGjB,MAAM,eAAe,SAAuB;CAC1C,MAAM,KAAK,MAAM,cAAc,yBAAyB;AAExD,8DAAsB,GAAG,GAAG,KAAK;;AAGnC,MAAM,iBACJ,aACA,aACA,gBACG;CACH,MAAM,UAAU,YAAY,KAAK,EAAE,MAAM,YAAY;AACnD,MAAI,SAAS,aAAa,SAAS,MAAM,CAAE,QAAO;AAClD,MAAI,SAAS,aAAa,SAAS,MAAM,CAAE,QAAO;AAIlD,SAAO,CAAC,CAFS,YAAY,KAAK,EAEf;GACnB;CAEF,MAAM,aAAa,CAAC,CAAC,QAAQ,UAAU,QAAQ,MAAM,QAAQ;AAG7D,QAAO;EAAE;EAAY;EAAS,eAFR,QAAQ,KAAK,QAAQ,IAAI,CAAC;EAEH;;AAG/C,MAAM,kBACH,iBACA,OAAe,QAAgB;CAC9B,MAAM,SAAS,YAAY,eAAe;CAC1C,MAAM,CAAC,YAAY,YAAY,CAC7B,OAAO,WAAW,eAAe,WAAW,UAAU,MAAM,EAC5D,OAAO,WAAW,eAAe,WAAW,UAAU,IAAI,CAC3D,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE;AAEvB,QAAO,OACJ,MAAM,YAAY,WAAY,EAAE,CAChC,KAAK,EAAE,YAAY,MAAM,CACzB,QAAQ,UAAU,oDAAa,MAAM,CAAC,CACtC,MAAM,GAAG,MAAM;AACd,MAAI,MAAM,SAAS,MAAM,MAAO,QAAO;AACvC,MAAI,MAAM,SAAS,MAAM,MAAO,QAAO;AAEvC,SAAO;GACP;;AAyBR,MAAa,eAAe,EAC1B,eACA,UAAU,cACV,aACA,WAAW,OACX,MAAM,UACN,OACA,OAAO,WACP,SAAS,aACT,QAAQ,YACR,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,UAAU,oBAAoB;CACpC,MAAM,EACJ,kBACA,WACA,cACA,eACA,UACA,eACA,oBACA,iBACA,eACA,aACA,kBACA,UACA,qBACE,gBAAgB;CACpB,MAAM,CAAC,UAAU,mCAAmC,aAAa;CACjE,MAAM,CAAC,eAAe,wCAA6B,MAAM;CACzD,MAAM,CAAC,QAAQ,SAAS,cAAcC,oBAAQ;CAC9C,MAAM,oCAAyB,MAAM;CACrC,MAAM,QAAQ,CAAC,CAAC;CAChB,MAAM,QAAQ,SAASC,eAAS,MAAM,SAAS,GAAG;CAClD,MAAMC,SAAiB,SAAS,SAAS,KAAK;CAC9C,MAAMC,2DAA4B,CAAC,SAAS,OAAO,UAAU,CAAC,CAAC,KAAK,IAAI;CACxE,MAAM,SAAS,CAAC,CAAC,SAAS;CAC1B,MAAM,0DAAmB,cAAc,GACnC,CAAC,CAAC,SAAS,cAAc,SAAS,MAAM,GACxC,CAAC,CAAC,SAAS,kBAAkB;CACjC,MAAM,UAAU,CAAC,CAAC,SAAS,aAAa,SAAS,MAAM;CACvD,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,SAAS,MAAM;CAChE,MAAM,EACJ,MAAM,WACN,SACA,WACEC,qCAAc;EAChB,aAAa,eAAe;EAC5B,MAAM;EACN,SAAS;EACT,QAAQ;EACT,CAAC;CACF,MAAMC,aAAwB,SAC1B,CAAC,GAAG,QAAQ,YAAY,UAAU,GAClC,CAAC,UAAU;CACf,MAAM,EAAE,aAAa,aAAa,kBAAkB;EAClD,IAAI;EACJ;EACA,UAAU,WAAW,MAAM,GAAG,GAAG,CAAC,MAAM,QAAQ;EAChD;EACA;EACA;EACD,CAAC;CAEF,MAAM,CAAC,cAAc,mBAAmBC,wDAAiB,YAAY;AAGnE,cAFiB,MAAM,iBAAiB,CAEnB;IACpB,CAAC,cAAc,CAAC;CAEnB,MAAM,mCAEF,KAGyB,EAAE,KACxB;EACH,MAAMC,kBAAgB,GAAG,SAAS;AAElC,MAAI,YAAY,CAACA,gBAAe;AAEhC,MAAI,SACF,mBAAkB,SAAS;AACzB,OAAI,gDAAS,KAAK,CAAE,QAAO;AAE3B,OAAI,GAAG,WAAW,GAAG,QACnB,KAAI,KAAK,SAASA,gBAAc,CAC9B,QAAO,KAAK,QAAQ,cAAc,cAAcA,gBAAc;OAE9D,QAAO,CAAC,GAAG,MAAMA,gBAAc;YAExB,GAAG,YAAY,KAAK,IAAI;AACjC,QAAI,KAAK,OAAOA,gBAAe,QAAO;AAEtC,WAAO,eAAe,YAAY,CAAC,KAAK,IAAIA,gBAAc;SAE1D,QAAO,CAACA,gBAAc;IAExB;MAEF,kBAAiBA,gBAAc;IAGnC;EAAC;EAAa;EAAU;EAAU;EAAkB;EAAM,CAC3D;CAED,MAAM,2CAAgC;AACpC,MAAI,YAAY,CAAC,MAAO;AAExB,MAAI,SAAS,CAAC,gBAAgB,SAAS;AACrC,mBAAgB,UAAU;AAE1B,oBAAiB,CACd,WAAW;AACV,YAAQ;AACR,qBAAiB,MAAM;KACvB,CACD,YAAY;AACX,oBAAgB,UAAU;KAC1B;SACC;AACL,WAAQ;AACR,oBAAiB,MAAM;;IAExB;EAAC;EAAU;EAAO;EAAiB;EAAQ;EAAkB;EAAM,CAAC;CAEvE,MAAM,4CAAiC;AACrC,MAAI,YAAY,CAAC,MAAO;AAExB,WAAS;AACT,mBAAiB,MAAM;IACtB;EAAC;EAAU;EAAS;EAAkB;EAAM,CAAC;CAEhD,MAAM,6CAAkC;AACtC,MAAI,UACF,eAAc;MAEd,cAAa;IAEd;EAAC;EAAW;EAAc;EAAY,CAAC;CAE1C,MAAM,oCACH,OAAmC;AAClC,MAAI,YAAY,CAAC,MAAO;AAExB,2BAAa,IAAI;GACf,SAAS;AACP,QAAI,CAAC,YAAY,EAAE,GAAG,WAAW,GAAG,SAAU;AAO9C,qBALe,YACZ,eAAe,CACf,KAAK,EAAE,qBAAYR,QAAM,CACzB,QAAQ,YAAU,oDAAaA,QAAM,CAAC,CAEjB;;GAE1B,iBAAiB;AACf,SAAK,GAAG,WAAW,GAAG,YAAY,GAAG,SACnC,cAAa;SACR;KACL,MAAM,aAAa,YAAY,iBAC7B,iBAAiB,SACjB,OACA,EAAE,UAAU,MAAM,CACnB;AAED,wBAAmB,WAAW;AAE9B,SAAI,cAAc,GAAG,YAAY,SAC/B,UAAS;MAAE,SAAS;MAAM,OAAO,WAAW;MAAO,CAAC;;;GAG1D,iBAAiB;AACf,QAAI,SAAS,UACX,eAAc;aACL,OAGT,oBAFmB,oBAAoB,YAAY,CAAC,MAAM,CAE5B;;GAGlC,kBAAkB;AAChB,QAAI,CAAC,MAAO;AAEZ,QAAI,UAOF,oBANmB,YAAY,iBAC7B,iBAAiB,SACjB,OACA,EAAE,UAAU,MAAM,CACnB,CAE6B;aAE1B,CAAC,aAAc,cAAa;;GAGpC,eAAe;AACb,SAAK,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU;AAC7C,oBAAe;AAEf,SAAI,CAAC,OAAQ;AAIb,wBAFmB,kBAAkB,YAAY,CAAC,MAAM,CAE1B;WACzB;KACL,MAAM,aAAa,YAAY,iBAC7B,iBAAiB,SACjB,OACA,EAAE,UAAU,MAAM,CACnB;AAED,wBAAmB,WAAW;AAE9B,SAAI,cAAc,GAAG,YAAY,SAC/B,UAAS;MAAE,SAAS;MAAM,OAAO,WAAW;MAAO,CAAC;;;GAG1D,WAAW;AAKT,uBAJmB,YAChB,cAAc,EAAE,UAAU,MAAM,CAAC,CACjC,GAAG,GAAG,CAEqB;;GAEhC,aAAa;AACX,QAAI,MAAO,gBAAe;AAE1B,aAAS,GAAG;;GAEd,YAAY;AAGV,uBAFmB,YAAY,cAAc,EAAE,UAAU,MAAM,CAAC,CAAC,GAAG,EAAE,CAExC;;GAEhC,aAAa;AACX,QAAI,MAAO,gBAAe;AAE1B,aAAS,GAAG;;GAEf,CAAC;AAEF,MAAI,GAAG,IAAI,WAAW,EAAG;AACzB,MAAI,GAAG,WAAW,GAAG,WAAW,GAAG,OAAQ;AAE3C,KAAG,gBAAgB;AAEnB,WAAS,GAAG,KAAK,SAAS,MAAM;IAElC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,sCACH,OAAkC;AACjC,KAAG,iBAAiB;AAEpB,MAAI,YAAY,CAAC,MAAO;AAExB,MAAI,SAAS,CAAC,cACZ;OAAI,CAAC,GAAG,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,SAAU,gBAAe;;AAEjE,WAAS,GAAG;IAEd;EAAC;EAAU;EAAO;EAAc;EAAe;EAAU;EAAM,CAChE;CAED,MAAM,2CACH,OAAsC;AACrC,MAAI,YAAY,CAAC,MAAO;AAExB,KAAG,iBAAiB;AAEpB,MAAI,MAAO,kBAAiB,MAAM;AAElC,mBAAiB,SAAS;GACxB,MAAM,SAAS,CAAC,MAAM;AAEtB,OAAI,OAAO;IACT,MAAM,EAAE,WAAW,oBAAoB,YAAY,CAAC,MAAM;AAE1D,WAAO,KAAK,GAAG,OAAO;;AAGxB,OAAI,QAAQ;IACV,MAAM,eAAe,gBAAgB,QAAQ,MAAM;IACnD,MAAMS,eAAyB,EAAE;AAEjC,iBAAa,SAAS,gBAAgB;KACpC,MAAM,EAAE,yBAAa,oBAAoB,YAAY,CAAC,YAAY;KAClE,MAAM,EAAE,eAAe,cACrBC,YACA,CAAC,GAAG,cAAc,GAAI,GAAG,OAAO,UAAU,SAAS,EAAE,CAAE,EACvD,CAAC,GAAG,OAAO,UAAU,SAAS,EAAE,CACjC;AAED,SAAI,WAAY,cAAa,KAAK,YAAY;MAC9C;AAEF,QAAI,CAAC,GAAG,OAAO,QAAS,cAAa,KAAK,GAAG,aAAa;AAE1D,WAAO,KAAK,GAAG,aAAa;;AAG9B,OAAI,GAAG,OAAO,QACZ,QAAO,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;OAEzC,QAAO,KAAK,QAAQ,cAAc,CAAC,OAAO,SAAS,UAAU,CAAC;IAEhE;IAEJ;EAAC;EAAU;EAAO;EAAiB;EAAO;EAAQ;EAAa;EAAQ,CACxE;AAED,0CAA0B;AACxB,MAAI,gBACF,KAAI,SAAS,CAAC,gBAAgB,SAAS;AACrC,mBAAgB,UAAU;AAE1B,oBAAiB,CACd,WAAW;AACV,YAAQ;KACR,CACD,YAAY;AACX,oBAAgB,UAAU;KAC1B;QAEJ,SAAQ;MAGV,UAAS;IAEV;EAAC;EAAO;EAAiB;EAAS;EAAiB;EAAO,CAAC;AAE9D,0CAA0B;AACxB,MAAI,CAAC,SAAS,CAAC,UAAW;EAE1B,MAAM,EAAE,yBAAa,oBAAoB,YAAY,CAAC,MAAM;EAC5D,MAAM,EAAE,mCAAkB,cAAcA,WAAS;AAEjD,mBAAiBC,gBAAc;IAC9B,CAAC,aAAa,CAAC;AAElB,0CAA0B;AACxB,MAAI,CAAC,UAAW;EAEhB,MAAM,EAAE,SAAS,oBAAoB,YAAY,CAAC,MAAM,IAAI,EAAE;EAC9D,MAAM,WAAW,YAAY,KAAK;AAElC,MAAI,CAAC,SAAU;AAIf,6DAF6B,UAAU,iBAAiB,WAAW;IAGlE,CAAC,WAAW,YAAY,CAAC;CAE5B,MAAMC,uCACH,EAAE,KAAK,mBAAmB,gBAAgB,GAAG,UAAU,EAAE,MAAM;EAC9D,IAAI;EACJ,KAAKC,sBAAU,KAAK,SAAS;EAC7B,iEAA0B,SAAS;EACnC,6DAAsB,gBAAgB,QAAQ;EAC9C,cAAc;EACd,iEAA0B,SAAS;EACnC,iEAA0B,SAAS;EACnC,MAAM;EACN,UAAU;EACV,GAAG;EACH,2DAAoB,MAAM,SAAS,YAAY;EAC/C,6DAAsB,MAAM,WAAW,UAAU;EAClD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAMC,4CACH,QAAQ,EAAE,KAAK,aAAa;EAAE,iBAAiB;EAAW,GAAG;EAAO,CAAC,EACtE,CAAC,cAAc,UAAU,CAC1B;CAED,MAAMC,4CACH,WAAW;EACV,iEAA0B,SAAS;EACnC,iBAAiB;EACjB,eAAe;EACf,iEAA0B,SAAS;EACnC,gEAAyB,aAAa;EACtC,iEAA0B,SAAS;EACnC,MAAM;EACN,GAAG;EACJ,GACD;EAAC;EAAU;EAAW;EAAU;EAAa,CAC9C;AAyCD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA,0CAnDC,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,EAAE,MAAM;GACzD,IAAI;GACJ,6DAAsB,gBAAgB,QAAQ;GAC9C,iEAA0B,SAAS;GACnC;GACA;GACA;GACA,UAAU;GACV,GAAG;GACH,4DAAqB,MAAM,UAAU,iBAAiB;GACvD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAgCC;EACA,uCA9BC,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,EAAE,MAAM;GACzD,6DAAsB,aAAa;GACnC,6DAAsB,gBAAgB,QAAQ;GAC9C,iEAA0B,SAAS;GACnC,MAAM;GACN,GAAG;GACJ,GACD;GAAC;GAAS;GAAU;GAAa,CAClC;EAuBC;EACA;EACA,uCAtBC,QAAQ,EAAE,MAAM;GAAE,IAAI;GAAS,GAAG;GAAO,GAC1C,CAAC,QAAQ,CACV;EAqBC;EACA;EACA;EACD"}
1	+ {"version":3,"file":"use-tree.cjs","names":["createDescendants","createContext","useControllableState","descendant","value","mergeProps","useIds","Children","level: number","value: string","useDisclosure","branchOpen: boolean[]","useAsyncCallback","selectedValue","parentTarget: string[]","children","indeterminate","getItemProps: PropGetter<\"li\">","mergeRefs","getGroupItemProps: PropGetter<\"li\">","getIndicatorProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/tree/use-tree.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n ChangeEvent,\n KeyboardEvent,\n MouseEvent,\n ReactNode,\n RefObject,\n SetStateAction,\n} from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Descendant, Descendants } from \"../../hooks/use-descendants\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UseCheckboxProps } from \"../checkbox\"\nimport { Children, useCallback, useRef, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport {\n ariaAttr,\n assignRef,\n createContext,\n cx,\n dataAttr,\n filterEmpty,\n handlerAll,\n isArray,\n isInputElement,\n isUndefined,\n match,\n mergeRefs,\n runKeyAction,\n setAttribute,\n useIds,\n useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface TreeControl {\n collapse: () => void\n expand: () => void\n}\n\ninterface TreeDescendantProps {\n expanded: boolean\n group: boolean\n id: string\n value: string\n query?: string\n}\n\nconst {\n DescendantsContext: TreeDescendantsContext,\n useDescendant: useTreeDescendant,\n useDescendants: useTreeDescendants,\n} = createDescendants<HTMLElement, TreeDescendantProps>()\n\nexport { TreeDescendantsContext, useTreeDescendant, useTreeDescendants }\n\ninterface TreeContext extends Omit<\n UseTreeReturn,\n \"descendants\" \| \"getRootProps\"\n> {}\n\nconst [TreeContext, useTreeContext] = createContext<TreeContext>({\n name: \"TreeContext\",\n})\n\nexport { TreeContext, useTreeContext }\n\ninterface TreeItemContext extends Pick<\n UseTreeItemReturn,\n \| \"branchOpen\"\n \| \"groupOpen\"\n \| \"level\"\n \| \"onGroupClose\"\n \| \"onGroupOpen\"\n \| \"onGroupToggle\"\n \| \"value\"\n> {}\n\nconst [TreeItemContext, useTreeItemContext] = createContext<TreeItemContext>({\n name: \"TreeItemContext\",\n strict: false,\n})\n\nexport { TreeItemContext, useTreeItemContext }\n\nexport interface UseTreeProps<\n Multiple extends boolean = false,\n> extends HTMLProps<\"ul\"> {\n /*\n If `true`, the tree will allow checkable items.\n \n @default false\n /\n checkable?: boolean\n /\n The checked value of the tree.\n /\n checkedValue?: string[]\n /\n Ref of the tree callbacks.\n /\n controlRef?: RefObject<null \| TreeControl>\n /\n The initial checked value of the tree.\n /\n defaultCheckedValue?: string[]\n /\n The initial expanded value of the tree.\n /\n defaultExpandedValue?: string[]\n /\n The initial selected value of the tree.\n /\n defaultSelectedValue?: Multiple extends true ? string[] : string\n /\n The expanded value of the tree.\n /\n expandedValue?: string[]\n /\n If `true`, the tree will allow multiple selection.\n \n @default false\n /\n multiple?: Multiple\n /\n The selected value of the tree.\n /\n selectedValue?: Multiple extends true ? string[] : string\n /\n The callback invoked when checked value changes.\n /\n onCheckedChange?: (value: string[]) => void\n /\n The callback invoked when expanded value changes.\n /\n onExpandedChange?: (value: string[]) => void\n /\n The callback invoked when selected value changes.\n /\n onSelectedChange?: (value: Multiple extends true ? string[] : string) => void\n}\n\nexport const useTree = <Multiple extends boolean = false>({\n checkable = false,\n checkedValue: checkedValueProp,\n children,\n controlRef,\n defaultCheckedValue = [],\n defaultExpandedValue = [],\n defaultSelectedValue,\n expandedValue: expandedValueProp,\n multiple,\n selectedValue: selectedValueProp,\n onCheckedChange: onCheckedChangeProp,\n onExpandedChange: onExpandedChangeProp,\n onSelectedChange: onSelectedChangeProp,\n ...rest\n}: UseTreeProps<Multiple> = {}) => {\n type MaybeSelectedValue = Multiple extends true ? string[] : string\n\n const [selectedValue, setSelectedValue] = useControllableState({\n defaultValue:\n defaultSelectedValue ?? ((multiple ? [] : \"\") as MaybeSelectedValue),\n value: selectedValueProp,\n onChange: onSelectedChangeProp,\n })\n const [checkedValue, onCheckedChange] = useControllableState({\n defaultValue: defaultCheckedValue,\n value: checkedValueProp,\n onChange: onCheckedChangeProp,\n })\n const [expandedValue, setExpandedValue] = useControllableState({\n defaultValue: defaultExpandedValue,\n value: expandedValueProp,\n onChange: onExpandedChangeProp,\n })\n const descendants = useTreeDescendants()\n const activeDescendant = useRef<Descendant<\n HTMLElement,\n TreeDescendantProps\n > \| null>(null)\n const searchRef = useRef<{ value: string; omitValue?: string }>({\n omitValue: undefined,\n value: \"\",\n })\n const timeoutRef = useRef<any>(null)\n\n const onExpandAll = useCallback(() => {\n const values = descendants.enabledValues()\n const group = values.filter(({ group }) => group)\n const value = group.map(({ value }) => value)\n\n setExpandedValue(value)\n }, [descendants, setExpandedValue])\n\n const onCollapseAll = useCallback(() => {\n setExpandedValue([])\n }, [setExpandedValue])\n\n const onActiveDescendant = useCallback(\n (\n descendant?: Descendant<HTMLElement, TreeDescendantProps>,\n shouldFocus = true,\n ) => {\n if (!descendant) return\n\n descendants.values().forEach(({ node }) => {\n node.tabIndex = -1\n })\n\n activeDescendant.current = descendant\n descendant.node.tabIndex = 0\n\n if (shouldFocus) descendant.node.focus()\n },\n [descendants],\n )\n\n const onSearch = useCallback(\n (value: string, omitValue: string) => {\n clearTimeout(timeoutRef.current)\n\n searchRef.current.value += value\n\n if (!searchRef.current.omitValue) searchRef.current.omitValue = omitValue\n\n timeoutRef.current = setTimeout(() => {\n searchRef.current = { omitValue: undefined, value: \"\" }\n }, 400)\n\n const values = descendants\n .enabledValues({ expanded: true })\n .filter(\n (descendant) =>\n !isUndefined(descendant.value) &&\n descendant.value !== searchRef.current.omitValue,\n )\n const descendant = values.find(({ query, value }) =>\n match(query ?? value, searchRef.current.value, \"startsWith\"),\n )\n\n if (descendant) onActiveDescendant(descendant)\n },\n [descendants, onActiveDescendant],\n )\n\n const onSelectedChange = useCallback(\n (value: SetStateAction<string \| string[]>) => {\n setSelectedValue(value as SetStateAction<MaybeSelectedValue>)\n },\n [setSelectedValue],\n )\n\n const onExpandedChange = useCallback(\n (value: string) => {\n setExpandedValue((prev) => {\n if (prev.includes(value)) {\n return prev.filter((prevValue) => prevValue !== value)\n } else {\n return [...prev, value]\n }\n })\n },\n [setExpandedValue],\n )\n\n useSafeLayoutEffect(() => {\n const value = isArray(selectedValue) ? selectedValue.at(0) : selectedValue\n const expandedDescendants = descendants.enabledValues({ expanded: true })\n\n if (value) {\n const descendant = expandedDescendants.find(\n (descendant) => value === descendant.value,\n )\n\n if (descendant) {\n onActiveDescendant(descendant, false)\n } else {\n onActiveDescendant(expandedDescendants.at(0), false)\n }\n } else {\n onActiveDescendant(expandedDescendants.at(0), false)\n }\n }, [children])\n\n assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n const getRootProps: PropGetter<\"ul\"> = useCallback(\n (props) =>\n mergeProps(\n {\n \"aria-multiselectable\": ariaAttr(multiple \|\| checkable),\n children,\n role: \"tree\",\n },\n rest,\n props,\n )(),\n [multiple, checkable, rest, children],\n )\n\n return {\n activeDescendant,\n checkable,\n checkedValue,\n descendants,\n expandedValue,\n multiple,\n selectedValue,\n getRootProps,\n onActiveDescendant,\n onCheckedChange,\n onCollapseAll,\n onExpandAll,\n onExpandedChange,\n onSearch,\n onSelectedChange,\n }\n}\n\nexport type UseTreeReturn = ReturnType<typeof useTree>\n\nconst getRootDescendant =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (value: string) => {\n const segments = value.split(\"/\")\n\n if (segments.length <= 1) return\n\n const rootValue = segments.at(0)\n\n return descendants.enabledValues().find(({ value }) => value === rootValue)\n }\n\nconst getParentDescendant =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (value: string) => {\n const segments = value.split(\"/\")\n\n if (segments.length <= 1) return\n\n const parentValue = segments.slice(0, -1).join(\"/\")\n\n return descendants\n .enabledValues()\n .find(({ value }) => value === parentValue)\n }\n\nconst getChildDescendants =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (value: string) => {\n const children = descendants\n .enabledValues()\n .filter((descendant) => descendant.value.startsWith(value + \"/\"))\n const values = children\n .map(({ value }) => value)\n .filter((value) => !isUndefined(value))\n\n return { children, values }\n }\n\nconst getParentValues = (value: string) => {\n const segments = value.split(\"/\")\n\n return segments\n .reduce<string[]>((prev, current) => {\n const prevValue = prev.at(-1)\n return prevValue ? [...prev, [prevValue, current].join(\"/\")] : [current]\n }, [])\n .toReversed()\n}\n\nconst getCheckbox = (node?: HTMLElement) => {\n const el = node?.querySelector(\"input[type='checkbox']\")\n\n return isInputElement(el) ? el : null\n}\n\nconst getAllChecked = (\n descendants: Descendant<HTMLElement, TreeDescendantProps>[],\n trulyValues?: string[],\n falsyValues?: string[],\n) => {\n const checked = descendants.map(({ node, value }) => {\n if (value && trulyValues?.includes(value)) return true\n if (value && falsyValues?.includes(value)) return false\n\n const checkbox = getCheckbox(node)\n\n return !!checkbox?.checked\n })\n\n const allChecked = !!checked.length && checked.every(Boolean)\n const indeterminate = checked.some(Boolean) && !allChecked\n\n return { allChecked, checked, indeterminate }\n}\n\nconst getRangeValues =\n (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n (start: string, end: string) => {\n const values = descendants.enabledValues()\n const [startIndex, endIndex] = [\n values.findIndex((descendant) => descendant.value === start),\n values.findIndex((descendant) => descendant.value === end),\n ].sort((a, b) => a - b)\n\n return values\n .slice(startIndex, endIndex! + 1)\n .map(({ value }) => value)\n .filter((value) => !isUndefined(value))\n .sort((a, b) => {\n if (a === start && b !== start) return -1\n if (a !== start && b === start) return 1\n\n return 0\n })\n }\n\nexport interface UseTreeItemProps\n extends HTMLProps<\"div\">, Omit<UseDisclosureProps, \"timing\"> {\n /\n If `true`, the tree item will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The query to search for in the tree item.\n /\n query?: string\n /\n The value of the item.\n /\n value?: string\n /\n If provided, the tree item will be rendered as an async tree item.\n */\n asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useTreeItem = ({\n asyncChildren,\n children: childrenProp,\n defaultOpen,\n disabled = false,\n open: openProp,\n query,\n value: valueProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n ...rest\n}: UseTreeItemProps = {}) => {\n const context = useTreeItemContext()\n const {\n activeDescendant,\n checkable,\n checkedValue,\n expandedValue,\n multiple,\n selectedValue,\n onActiveDescendant,\n onCheckedChange,\n onCollapseAll,\n onExpandAll,\n onExpandedChange,\n onSearch,\n onSelectedChange,\n } = useTreeContext()\n const [children, setChildren] = useState<ReactNode>(childrenProp)\n const [indeterminate, setIndeterminate] = useState(false)\n const [itemId, labelId, checkboxId] = useIds()\n const initialAsyncRef = useRef(false)\n const async = !!asyncChildren\n const group = async \|\| Children.count(children) > 0\n const level: number = (context?.level ?? 0) + 1\n const value: string = filterEmpty([context?.value, valueProp]).join(\"/\")\n const nested = !!context?.value\n const selected = isArray(selectedValue)\n ? !!value && selectedValue.includes(value)\n : !!value && selectedValue === value\n const checked = !!value && checkedValue.includes(value)\n const defaultExpanded = !!value && expandedValue.includes(value)\n const {\n open: groupOpen,\n onClose,\n onOpen,\n } = useDisclosure({\n defaultOpen: defaultOpen ?? defaultExpanded,\n open: openProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n })\n const branchOpen: boolean[] = nested\n ? [...context.branchOpen, groupOpen]\n : [groupOpen]\n const { descendants, register } = useTreeDescendant({\n id: itemId!,\n disabled,\n expanded: branchOpen.slice(0, -1).every(Boolean),\n group,\n query,\n value,\n })\n\n const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n const children = await asyncChildren?.()\n\n setChildren(children)\n }, [asyncChildren])\n\n const onSelect = useCallback(\n (\n ev: (\n \| Partial<KeyboardEvent<HTMLElement>>\n \| Partial<MouseEvent<HTMLElement>>\n ) & { value?: string } = {},\n ) => {\n const selectedValue = ev.value ?? value\n\n if (disabled \|\| !selectedValue) return\n\n if (multiple) {\n onSelectedChange((prev) => {\n if (!isArray(prev)) return prev\n\n if (ev.ctrlKey \|\| ev.metaKey) {\n if (prev.includes(selectedValue)) {\n return prev.filter((prevValue) => prevValue !== selectedValue)\n } else {\n return [...prev, selectedValue]\n }\n } else if (ev.shiftKey && prev[0]) {\n if (prev[0] === selectedValue) return prev\n\n return getRangeValues(descendants)(prev[0], selectedValue)\n } else {\n return [selectedValue]\n }\n })\n } else {\n onSelectedChange(selectedValue)\n }\n },\n [descendants, disabled, multiple, onSelectedChange, value],\n )\n\n const onGroupOpen = useCallback(() => {\n if (disabled \|\| !value) return\n\n if (async && !initialAsyncRef.current) {\n initialAsyncRef.current = true\n\n onGroupChildren()\n .then(() => {\n onOpen()\n onExpandedChange(value)\n })\n .catch(() => {\n initialAsyncRef.current = false\n })\n } else {\n onOpen()\n onExpandedChange(value)\n }\n }, [disabled, async, onGroupChildren, onOpen, onExpandedChange, value])\n\n const onGroupClose = useCallback(() => {\n if (disabled \|\| !value) return\n\n onClose()\n onExpandedChange(value)\n }, [disabled, onClose, onExpandedChange, value])\n\n const onGroupToggle = useCallback(() => {\n if (groupOpen) {\n onGroupClose()\n } else {\n onGroupOpen()\n }\n }, [groupOpen, onGroupClose, onGroupOpen])\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent<HTMLElement>) => {\n if (disabled \|\| !value) return\n\n runKeyAction(ev, {\n a: () => {\n if (!multiple \|\| !(ev.ctrlKey \|\| ev.metaKey)) return\n\n const values = descendants\n .enabledValues()\n .map(({ value }) => value)\n .filter((value) => !isUndefined(value))\n\n onSelectedChange(values)\n },\n ArrowDown: () => {\n if ((ev.ctrlKey \|\| ev.metaKey) && ev.shiftKey) {\n onExpandAll()\n } else {\n const descendant = descendants.enabledNextValue(\n activeDescendant.current,\n false,\n { expanded: true },\n )\n\n onActiveDescendant(descendant)\n\n if (descendant && ev.shiftKey && multiple)\n onSelect({ ctrlKey: true, value: descendant.value })\n }\n },\n ArrowLeft: () => {\n if (group && groupOpen) {\n onGroupClose()\n } else if (nested) {\n const descendant = getParentDescendant(descendants)(value)\n\n onActiveDescendant(descendant)\n }\n },\n ArrowRight: () => {\n if (!group) return\n\n if (groupOpen) {\n const descendant = descendants.enabledNextValue(\n activeDescendant.current,\n false,\n { expanded: true },\n )\n\n onActiveDescendant(descendant)\n } else {\n if (!groupLoading) onGroupOpen()\n }\n },\n ArrowUp: () => {\n if ((ev.ctrlKey \|\| ev.metaKey) && ev.shiftKey) {\n onCollapseAll()\n\n if (!nested) return\n\n const descendant = getRootDescendant(descendants)(value)\n\n onActiveDescendant(descendant)\n } else {\n const descendant = descendants.enabledPrevValue(\n activeDescendant.current,\n false,\n { expanded: true },\n )\n\n onActiveDescendant(descendant)\n\n if (descendant && ev.shiftKey && multiple)\n onSelect({ ctrlKey: true, value: descendant.value })\n }\n },\n End: () => {\n const descendant = descendants\n .enabledValues({ expanded: true })\n .at(-1)\n\n onActiveDescendant(descendant)\n },\n Enter: () => {\n if (group) onGroupToggle()\n\n onSelect(ev)\n },\n Home: () => {\n const descendant = descendants.enabledValues({ expanded: true }).at(0)\n\n onActiveDescendant(descendant)\n },\n Space: () => {\n if (group) onGroupToggle()\n\n onSelect(ev)\n },\n })\n\n if (ev.key.length !== 1) return\n if (ev.ctrlKey \|\| ev.metaKey \|\| ev.altKey) return\n\n ev.preventDefault()\n\n onSearch(ev.key, query ?? value)\n },\n [\n activeDescendant,\n descendants,\n disabled,\n group,\n groupLoading,\n groupOpen,\n multiple,\n nested,\n onActiveDescendant,\n onCollapseAll,\n onExpandAll,\n onGroupClose,\n onGroupOpen,\n onGroupToggle,\n onSearch,\n onSelect,\n onSelectedChange,\n query,\n value,\n ],\n )\n\n const onItemClick = useCallback(\n (ev: MouseEvent<HTMLLIElement>) => {\n ev.stopPropagation()\n\n if (disabled \|\| !value) return\n\n if (group && !groupLoading)\n if (!ev.ctrlKey && !ev.metaKey && !ev.shiftKey) onGroupToggle()\n\n onSelect(ev)\n },\n [disabled, group, groupLoading, onGroupToggle, onSelect, value],\n )\n\n const onCheckboxChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (disabled \|\| !value) return\n\n ev.stopPropagation()\n\n if (group) setIndeterminate(false)\n\n onCheckedChange((prev) => {\n const target = [value]\n\n if (group) {\n const { values } = getChildDescendants(descendants)(value)\n\n target.push(...values)\n }\n\n if (nested) {\n const parentValues = getParentValues(context.value)\n const parentTarget: string[] = []\n\n parentValues.forEach((parentValue) => {\n const { children } = getChildDescendants(descendants)(parentValue)\n const { allChecked } = getAllChecked(\n children,\n [...parentTarget, ...(ev.target.checked ? target : [])],\n !ev.target.checked ? target : [],\n )\n\n if (allChecked) parentTarget.push(parentValue)\n })\n\n if (!ev.target.checked) parentTarget.push(...parentValues)\n\n target.push(...parentTarget)\n }\n\n if (ev.target.checked) {\n return [...new Set([...prev, ...target])]\n } else {\n return prev.filter((prevValue) => !target.includes(prevValue))\n }\n })\n },\n [disabled, group, onCheckedChange, value, nested, descendants, context],\n )\n\n useSafeLayoutEffect(() => {\n if (defaultExpanded) {\n if (async && !initialAsyncRef.current) {\n initialAsyncRef.current = true\n\n onGroupChildren()\n .then(() => {\n onOpen()\n })\n .catch(() => {\n initialAsyncRef.current = false\n })\n } else {\n onOpen()\n }\n } else {\n onClose()\n }\n }, [async, defaultExpanded, onClose, onGroupChildren, onOpen])\n\n useSafeLayoutEffect(() => {\n if (!group \|\| !checkable) return\n\n const { children } = getChildDescendants(descendants)(value)\n const { indeterminate } = getAllChecked(children)\n\n setIndeterminate(indeterminate)\n }, [checkedValue])\n\n useSafeLayoutEffect(() => {\n if (!checkable) return\n\n const { node } = getParentDescendant(descendants)(value) ?? {}\n const checkbox = getCheckbox(node)\n\n if (!checkbox) return\n\n const cleanup = setAttribute(checkbox, \"aria-controls\", checkboxId)\n\n return cleanup\n }, [checkable, descendants])\n\n const getItemProps: PropGetter<\"li\"> = useCallback(\n ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n id: itemId,\n ref: mergeRefs(ref, register),\n \"aria-disabled\": ariaAttr(disabled),\n \"aria-labelledby\": cx(ariaLabelledby, labelId),\n \"aria-level\": level,\n \"aria-selected\": ariaAttr(selected),\n \"data-disabled\": dataAttr(disabled),\n role: \"treeitem\",\n tabIndex: -1,\n ...props,\n onClick: handlerAll(props.onClick, onItemClick),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [\n itemId,\n register,\n disabled,\n labelId,\n level,\n selected,\n onItemClick,\n onKeyDown,\n ],\n )\n\n const getGroupItemProps: PropGetter<\"li\"> = useCallback(\n (props = {}) => getItemProps({ \"aria-expanded\": groupOpen, ...props }),\n [getItemProps, groupOpen],\n )\n\n const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n (props) => ({\n \"aria-disabled\": ariaAttr(disabled),\n \"aria-expanded\": groupOpen,\n \"aria-hidden\": true,\n \"data-disabled\": dataAttr(disabled),\n \"data-loading\": dataAttr(groupLoading),\n \"data-selected\": dataAttr(selected),\n role: \"presentation\",\n ...props,\n }),\n [disabled, groupOpen, selected, groupLoading],\n )\n\n const getCheckboxProps: PropGetter<UseCheckboxProps> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n id: checkboxId,\n \"aria-labelledby\": cx(ariaLabelledby, labelId),\n \"data-selected\": dataAttr(selected),\n checked,\n disabled,\n indeterminate,\n tabIndex: -1,\n ...props,\n onChange: handlerAll(props.onChange, onCheckboxChange),\n }),\n [\n checkboxId,\n labelId,\n selected,\n checked,\n disabled,\n indeterminate,\n onCheckboxChange,\n ],\n )\n\n const getGroupProps: PropGetter<\"ul\"> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n \"aria-busy\": ariaAttr(groupLoading),\n \"aria-labelledby\": cx(ariaLabelledby, labelId),\n \"data-disabled\": dataAttr(disabled),\n role: \"group\",\n ...props,\n }),\n [labelId, disabled, groupLoading],\n )\n\n const getLabelProps: PropGetter<\"span\"> = useCallback(\n (props = {}) => ({ id: labelId, ...props }),\n [labelId],\n )\n\n return {\n branchOpen,\n checked,\n children,\n disabled,\n group,\n groupLoading,\n groupOpen,\n indeterminate,\n level,\n props: rest,\n selected,\n value,\n getCheckboxProps,\n getGroupItemProps,\n getGroupProps,\n getIndicatorProps,\n getItemProps,\n getLabelProps,\n onGroupClose,\n onGroupOpen,\n onGroupToggle,\n }\n}\n\nexport type UseTreeItemReturn = ReturnType<typeof useTreeItem>\n"],"mappings":"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"}

package/dist/esm/components/carousel/use-carousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-carousel.js","names":["createContext","snapCount","total","index","getRootProps: PropGetter<\"section\">","getListProps: PropGetter","getItemProps: RequiredPropGetter<\"div\", { index: number }>","indexProp","getPrevTriggerProps: PropGetter<\"button\">","getNextTriggerProps: PropGetter<\"button\">","getIndicatorsProps: PropGetter"],"sources":["../../../../src/components/carousel/use-carousel.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n EmblaCarouselType,\n EmblaOptionsType,\n EmblaPluginType,\n} from \"embla-carousel\"\nimport type { KeyboardEvent, RefObject } from \"react\"\nimport type {\n HTMLProps,\n Orientation,\n PropGetter,\n RequiredPropGetter,\n} from \"../../core\"\nimport useEmblaCarousel from \"embla-carousel-react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useBoolean } from \"../../hooks/use-boolean\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n assignRef,\n createContext,\n dataAttr,\n handlerAll,\n isFunction,\n mergeRefs,\n runKeyAction,\n useIds,\n useUpdateEffect,\n} from \"../../utils\"\n\ntype EmblaOptions = Required<EmblaOptionsType>\nexport type CarouselAlign = EmblaOptions[\"align\"]\nexport type CarouselContainScroll = EmblaOptions[\"containScroll\"]\nexport type CarouselInViewThreshold = EmblaOptions[\"inViewThreshold\"]\nexport type CarouselWatchDrag = EmblaOptions[\"watchDrag\"]\nexport type CarouselWatchResize = EmblaOptions[\"watchResize\"]\nexport type CarouselWatchSlides = EmblaOptions[\"watchSlides\"]\nexport type CarouselControl = EmblaCarouselType\nexport type CarouselPlugin = EmblaPluginType\n\nexport interface CarouselContext extends Omit<\n UseCarouselReturn,\n \"getRootProps\"\n> {}\n\nconst [CarouselContext, useCarouselContext] = createContext<CarouselContext>({\n name: \"CarouselContext\",\n})\n\nexport { CarouselContext, useCarouselContext }\n\nexport interface UseCarouselProps extends Omit<\n HTMLProps<\"section\">,\n \"onChange\"\n> {\n /*\n The alignment of the carousel.\n \n @default 'center'\n /\n align?: CarouselAlign\n /\n If `true`, the carousel will be autoplay.\n \n @default false\n /\n autoplay?: boolean\n /\n Clear leading and trailing empty space that causes excessive scrolling.\n * Use trimSnaps to only use snap points that trigger scrolling or keepSnaps to keep them.\n \n @default false\n /\n containScroll?: CarouselContainScroll\n /\n Ref of the resizable item callback.\n /\n controlRef?: RefObject<CarouselControl \| null>\n /\n The initial index of the carousel slide.\n \n @default 0\n /\n defaultIndex?: number\n /\n The number for the autoplay interval of the carousel.\n \n @default 4000\n /\n delay?: number\n /\n If `true`, momentum scrolling will be enabled.\n \n @default false\n /\n dragFree?: boolean\n /\n If `true`, carousel can be scrolled with mouse and touch interactions.\n \n @default true\n /\n draggable?: boolean\n /\n Set scroll duration when triggered by any of the API methods.\n * Higher numbers enables slower scrolling.\n * Drag interactions are not affected because duration is then determined by the drag force.\n \n @default 25\n /\n duration?: number\n /\n The index of the carousel slide.\n /\n index?: number\n /\n Choose a fraction representing the percentage portion of a slide that needs to be visible in order to be considered in view.\n \n @default 0\n /\n inViewThreshold?: CarouselInViewThreshold\n /\n If `true`, infinite looping.\n * Automatically falls back to false if slide content isn't enough to loop.\n \n @default true\n /\n loop?: boolean\n /\n The orientation of the carousel.\n \n @default 'horizontal'\n /\n orientation?: Orientation\n /\n Embla plugins to use.\n /\n plugins?: CarouselPlugin[]\n /\n If `true`, allow the carousel to skip scroll snaps if it's dragged vigorously.\n * Note that this option will be ignored if the dragFree option is set to true.\n \n @default false\n /\n skipSnaps?: boolean\n /\n The number of slides that should be scrolled with next or previous buttons.\n \n @default 1\n /\n slidesToScroll?: number\n /\n If `true`, autoplay will pause when the mouse entries over.\n \n @default true\n /\n stopMouseEnterAutoplay?: boolean\n /\n Enables for scrolling the carousel with mouse and touch interactions.\n * Set this to `false` to disable drag events or pass a custom callback to add your own drag logic.\n \n @default true\n /\n watchDrag?: CarouselWatchDrag\n /\n Embla automatically watches the container and slides for size changes and runs `reInit` when any size has changed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own resize logic.\n \n @default true\n /\n watchResize?: CarouselWatchResize\n /\n Embla automatically watches the container for added and/or removed slides and runs `reInit` if needed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own slides changed logic.\n \n @default true\n /\n watchSlides?: CarouselWatchSlides\n /\n The callback invoked when carousel slide selected.\n /\n onChange?: (index: number) => void\n /\n A callback that return the current scroll amount when the carousel is scrolled.\n /\n onScrollProgress?: (progress: number) => void\n}\n\nexport const useCarousel = ({\n id,\n align = \"center\",\n autoplay = false,\n containScroll = false,\n controlRef,\n defaultIndex = 0,\n delay = 4000,\n dragFree = false,\n draggable = true,\n duration = 25,\n index: indexProp,\n inViewThreshold = 0,\n loop = true,\n orientation = \"horizontal\",\n plugins = [],\n skipSnaps = false,\n slidesToScroll = 1,\n stopMouseEnterAutoplay = true,\n watchDrag = draggable,\n watchResize: watchResizeProp = true,\n watchSlides = true,\n onChange,\n onScrollProgress,\n ...rest\n}: UseCarouselProps = {}) => {\n const { t } = useI18n(\"carousel\")\n const [index, setIndex] = useControllableState({\n defaultValue: defaultIndex,\n value: indexProp,\n onChange,\n })\n const [rootId, listId] = useIds()\n const [hover, { off: onMouseLeave, on: onMouseEnter }] = useBoolean()\n const timeoutId = useRef<NodeJS.Timeout \| null>(null)\n const indicatorMapRef = useRef<Map<number, HTMLButtonElement \| null>>(\n new Map(),\n )\n const listRef = useRef<HTMLDivElement>(null)\n const horizontal = orientation === \"horizontal\"\n const axis = horizontal ? \"x\" : \"y\"\n const [snapCount, setSnapCount] = useState(0)\n const [total, setTotal] = useState(0)\n const watchResize = useCallback<Extract<CarouselWatchResize, Function>>(\n (methods, entries) => {\n const result = isFunction(watchResizeProp)\n ? watchResizeProp(methods, entries)\n : true\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n\n return result\n },\n [watchResizeProp],\n )\n const [carouselRef, carousel] = useEmblaCarousel(\n {\n align,\n axis,\n container: listRef.current,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n startIndex: defaultIndex,\n watchDrag,\n watchResize,\n watchSlides,\n },\n plugins,\n )\n\n id ??= rootId\n\n const onInit = useCallback((methods: CarouselControl) => {\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n }, [])\n\n const onScroll = useCallback(() => {\n if (!carousel) return\n\n const progress = Math.round(\n Math.max(0, Math.min(1, carousel.scrollProgress())) 100,\n )\n\n onScrollProgress?.(progress)\n }, [carousel, onScrollProgress])\n\n const onSelect = useCallback(() => {\n if (!carousel) return\n\n const index = carousel.selectedScrollSnap()\n\n setIndex(index)\n }, [carousel, setIndex])\n\n const onFocusIndicator = useCallback(\n (index: number) => {\n const el = indicatorMapRef.current.get(index)\n\n el?.focus()\n carousel?.scrollTo(index)\n },\n [carousel],\n )\n\n const onKeyDown = useCallback(\n (index: number) => (ev: KeyboardEvent<HTMLButtonElement>) => {\n const lastIndex = snapCount - 1\n\n runKeyAction(ev, {\n ArrowDown: () => {\n if (horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowLeft: () => {\n if (!horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n ArrowRight: () => {\n if (!horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowUp: () => {\n if (horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n End: () => {\n onFocusIndicator(lastIndex)\n },\n Home: () => {\n onFocusIndicator(0)\n },\n })\n },\n [snapCount, horizontal, onFocusIndicator],\n )\n\n assignRef(controlRef, carousel)\n\n useEffect(() => {\n if (carousel) {\n carousel.on(\"reInit\", onInit)\n carousel.on(\"select\", onSelect)\n carousel.on(\"scroll\", onScroll)\n\n onScroll()\n\n return () => {\n carousel.off(\"reInit\", onInit)\n carousel.off(\"select\", onSelect)\n carousel.off(\"scroll\", onScroll)\n }\n }\n }, [carousel, onInit, onScroll, onSelect])\n\n useEffect(() => {\n const stop = hover && stopMouseEnterAutoplay\n const last = !carousel?.canScrollNext()\n\n if (carousel && autoplay && !stop && !last) {\n timeoutId.current = setInterval(() => {\n carousel.scrollNext()\n }, delay)\n } else {\n if (timeoutId.current) clearInterval(timeoutId.current)\n\n timeoutId.current = null\n }\n\n return () => {\n if (timeoutId.current) clearInterval(timeoutId.current)\n }\n }, [autoplay, carousel, delay, hover, stopMouseEnterAutoplay])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n if (indexProp === undefined) return\n\n carousel.scrollTo(indexProp)\n }, [indexProp])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n carousel.reInit()\n }, [\n carousel,\n total,\n align,\n axis,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n ])\n\n const getRootProps: PropGetter<\"section\"> = useCallback(\n ({ ref, ...props } = {}) =>\n mergeProps(\n {\n id,\n \"aria-roledescription\": \"carousel\",\n \"data-orientation\": orientation,\n },\n rest,\n {\n ref,\n onMouseEnter,\n onMouseLeave,\n },\n props,\n )(),\n [id, onMouseEnter, onMouseLeave, rest, orientation],\n )\n\n const getListProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n id: listId,\n \"aria-live\": autoplay ? \"off\" : \"polite\",\n \"data-orientation\": orientation,\n ...props,\n ref: mergeRefs(ref, listRef, carouselRef),\n }),\n [autoplay, listId, orientation, carouselRef],\n )\n\n const getItemProps: RequiredPropGetter<\"div\", { index: number }> =\n useCallback(\n ({ index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n id: `${listId}-${indexProp}`,\n \"aria-label\": t(\"{page} of {total}\", { page, total }),\n \"aria-roledescription\": \"slide\",\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tabpanel\",\n ...props,\n }\n },\n [index, listId, total, orientation, t],\n )\n\n const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to previous slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollPrev(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollPrev()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to next slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollNext(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollNext()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getIndicatorsProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Slides\"),\n \"aria-orientation\": orientation,\n role: \"tablist\",\n ...props,\n }),\n [orientation, t],\n )\n\n const getIndicatorProps: RequiredPropGetter<\"button\", { index: number }> =\n useCallback(\n ({ ref, index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n type: \"button\" as const,\n \"aria-controls\": `${listId}-${indexProp}`,\n \"aria-label\": t(\"Go to {page} slide\", { page }),\n \"aria-selected\": selected,\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tab\",\n tabIndex: selected ? 0 : -1,\n ...props,\n ref: mergeRefs(ref, (node) => {\n indicatorMapRef.current.set(indexProp, node)\n }),\n onClick: handlerAll(props.onClick, () =>\n carousel?.scrollTo(indexProp),\n ),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown(indexProp)),\n }\n },\n [index, listId, t, orientation, onKeyDown, carousel],\n )\n\n return {\n carousel,\n index,\n setIndex,\n snapCount,\n total,\n getIndicatorProps,\n getIndicatorsProps,\n getItemProps,\n getListProps,\n getNextTriggerProps,\n getPrevTriggerProps,\n getRootProps,\n }\n}\n\nexport type UseCarouselReturn = ReturnType<typeof useCarousel>\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-carousel.js","names":["createContext","snapCount","total","index","getRootProps: PropGetter<\"section\">","getListProps: PropGetter","getItemProps: RequiredPropGetter<\"div\", { index: number }>","indexProp","getPrevTriggerProps: PropGetter<\"button\">","getNextTriggerProps: PropGetter<\"button\">","getIndicatorsProps: PropGetter"],"sources":["../../../../src/components/carousel/use-carousel.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n EmblaCarouselType,\n EmblaOptionsType,\n EmblaPluginType,\n} from \"embla-carousel\"\nimport type { KeyboardEvent, RefObject } from \"react\"\nimport useEmblaCarousel from \"embla-carousel-react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport {\n type HTMLProps,\n mergeProps,\n type Orientation,\n type PropGetter,\n type RequiredPropGetter,\n} from \"../../core\"\nimport { useBoolean } from \"../../hooks/use-boolean\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n assignRef,\n createContext,\n dataAttr,\n handlerAll,\n isFunction,\n mergeRefs,\n runKeyAction,\n useIds,\n useUpdateEffect,\n} from \"../../utils\"\n\ntype EmblaOptions = Required<EmblaOptionsType>\nexport type CarouselAlign = EmblaOptions[\"align\"]\nexport type CarouselContainScroll = EmblaOptions[\"containScroll\"]\nexport type CarouselInViewThreshold = EmblaOptions[\"inViewThreshold\"]\nexport type CarouselWatchDrag = EmblaOptions[\"watchDrag\"]\nexport type CarouselWatchResize = EmblaOptions[\"watchResize\"]\nexport type CarouselWatchSlides = EmblaOptions[\"watchSlides\"]\nexport type CarouselControl = EmblaCarouselType\nexport type CarouselPlugin = EmblaPluginType\n\nexport interface CarouselContext extends Omit<\n UseCarouselReturn,\n \"getRootProps\"\n> {}\n\nconst [CarouselContext, useCarouselContext] = createContext<CarouselContext>({\n name: \"CarouselContext\",\n})\n\nexport { CarouselContext, useCarouselContext }\n\nexport interface UseCarouselProps extends Omit<\n HTMLProps<\"section\">,\n \"onChange\"\n> {\n /*\n The alignment of the carousel.\n \n @default 'center'\n /\n align?: CarouselAlign\n /\n If `true`, the carousel will be autoplay.\n \n @default false\n /\n autoplay?: boolean\n /\n Clear leading and trailing empty space that causes excessive scrolling.\n * Use trimSnaps to only use snap points that trigger scrolling or keepSnaps to keep them.\n \n @default false\n /\n containScroll?: CarouselContainScroll\n /\n Ref of the resizable item callback.\n /\n controlRef?: RefObject<CarouselControl \| null>\n /\n The initial index of the carousel slide.\n \n @default 0\n /\n defaultIndex?: number\n /\n The number for the autoplay interval of the carousel.\n \n @default 4000\n /\n delay?: number\n /\n If `true`, momentum scrolling will be enabled.\n \n @default false\n /\n dragFree?: boolean\n /\n If `true`, carousel can be scrolled with mouse and touch interactions.\n \n @default true\n /\n draggable?: boolean\n /\n Set scroll duration when triggered by any of the API methods.\n * Higher numbers enables slower scrolling.\n * Drag interactions are not affected because duration is then determined by the drag force.\n \n @default 25\n /\n duration?: number\n /\n The index of the carousel slide.\n /\n index?: number\n /\n Choose a fraction representing the percentage portion of a slide that needs to be visible in order to be considered in view.\n \n @default 0\n /\n inViewThreshold?: CarouselInViewThreshold\n /\n If `true`, infinite looping.\n * Automatically falls back to false if slide content isn't enough to loop.\n \n @default true\n /\n loop?: boolean\n /\n The orientation of the carousel.\n \n @default 'horizontal'\n /\n orientation?: Orientation\n /\n Embla plugins to use.\n /\n plugins?: CarouselPlugin[]\n /\n If `true`, allow the carousel to skip scroll snaps if it's dragged vigorously.\n * Note that this option will be ignored if the dragFree option is set to true.\n \n @default false\n /\n skipSnaps?: boolean\n /\n The number of slides that should be scrolled with next or previous buttons.\n \n @default 1\n /\n slidesToScroll?: number\n /\n If `true`, autoplay will pause when the mouse entries over.\n \n @default true\n /\n stopMouseEnterAutoplay?: boolean\n /\n Enables for scrolling the carousel with mouse and touch interactions.\n * Set this to `false` to disable drag events or pass a custom callback to add your own drag logic.\n \n @default true\n /\n watchDrag?: CarouselWatchDrag\n /\n Embla automatically watches the container and slides for size changes and runs `reInit` when any size has changed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own resize logic.\n \n @default true\n /\n watchResize?: CarouselWatchResize\n /\n Embla automatically watches the container for added and/or removed slides and runs `reInit` if needed.\n * Set this to `false` to disable this behaviour or pass a custom callback to add your own slides changed logic.\n \n @default true\n /\n watchSlides?: CarouselWatchSlides\n /\n The callback invoked when carousel slide selected.\n /\n onChange?: (index: number) => void\n /\n A callback that return the current scroll amount when the carousel is scrolled.\n /\n onScrollProgress?: (progress: number) => void\n}\n\nexport const useCarousel = ({\n id,\n align = \"center\",\n autoplay = false,\n containScroll = false,\n controlRef,\n defaultIndex = 0,\n delay = 4000,\n dragFree = false,\n draggable = true,\n duration = 25,\n index: indexProp,\n inViewThreshold = 0,\n loop = true,\n orientation = \"horizontal\",\n plugins = [],\n skipSnaps = false,\n slidesToScroll = 1,\n stopMouseEnterAutoplay = true,\n watchDrag = draggable,\n watchResize: watchResizeProp = true,\n watchSlides = true,\n onChange,\n onScrollProgress,\n ...rest\n}: UseCarouselProps = {}) => {\n const { t } = useI18n(\"carousel\")\n const [index, setIndex] = useControllableState({\n defaultValue: defaultIndex,\n value: indexProp,\n onChange,\n })\n const [rootId, listId] = useIds()\n const [hover, { off: onMouseLeave, on: onMouseEnter }] = useBoolean()\n const timeoutId = useRef<NodeJS.Timeout \| null>(null)\n const indicatorMapRef = useRef<Map<number, HTMLButtonElement \| null>>(\n new Map(),\n )\n const listRef = useRef<HTMLDivElement>(null)\n const horizontal = orientation === \"horizontal\"\n const axis = horizontal ? \"x\" : \"y\"\n const [snapCount, setSnapCount] = useState(0)\n const [total, setTotal] = useState(0)\n const watchResize = useCallback<Extract<CarouselWatchResize, Function>>(\n (methods, entries) => {\n const result = isFunction(watchResizeProp)\n ? watchResizeProp(methods, entries)\n : true\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n\n return result\n },\n [watchResizeProp],\n )\n const [carouselRef, carousel] = useEmblaCarousel(\n {\n align,\n axis,\n container: listRef.current,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n startIndex: defaultIndex,\n watchDrag,\n watchResize,\n watchSlides,\n },\n plugins,\n )\n\n id ??= rootId\n\n const onInit = useCallback((methods: CarouselControl) => {\n const snapCount = methods.scrollSnapList().length\n const total = methods.slideNodes().length\n\n setSnapCount(snapCount)\n setTotal(total)\n }, [])\n\n const onScroll = useCallback(() => {\n if (!carousel) return\n\n const progress = Math.round(\n Math.max(0, Math.min(1, carousel.scrollProgress())) 100,\n )\n\n onScrollProgress?.(progress)\n }, [carousel, onScrollProgress])\n\n const onSelect = useCallback(() => {\n if (!carousel) return\n\n const index = carousel.selectedScrollSnap()\n\n setIndex(index)\n }, [carousel, setIndex])\n\n const onFocusIndicator = useCallback(\n (index: number) => {\n const el = indicatorMapRef.current.get(index)\n\n el?.focus()\n carousel?.scrollTo(index)\n },\n [carousel],\n )\n\n const onKeyDown = useCallback(\n (index: number) => (ev: KeyboardEvent<HTMLButtonElement>) => {\n const lastIndex = snapCount - 1\n\n runKeyAction(ev, {\n ArrowDown: () => {\n if (horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowLeft: () => {\n if (!horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n ArrowRight: () => {\n if (!horizontal) return\n\n index = index === lastIndex ? 0 : index + 1\n\n onFocusIndicator(index)\n },\n ArrowUp: () => {\n if (horizontal) return\n\n index = index === 0 ? lastIndex : index - 1\n\n onFocusIndicator(index)\n },\n End: () => {\n onFocusIndicator(lastIndex)\n },\n Home: () => {\n onFocusIndicator(0)\n },\n })\n },\n [snapCount, horizontal, onFocusIndicator],\n )\n\n assignRef(controlRef, carousel)\n\n useEffect(() => {\n if (carousel) {\n carousel.on(\"reInit\", onInit)\n carousel.on(\"select\", onSelect)\n carousel.on(\"scroll\", onScroll)\n\n onScroll()\n\n return () => {\n carousel.off(\"reInit\", onInit)\n carousel.off(\"select\", onSelect)\n carousel.off(\"scroll\", onScroll)\n }\n }\n }, [carousel, onInit, onScroll, onSelect])\n\n useEffect(() => {\n const stop = hover && stopMouseEnterAutoplay\n const last = !carousel?.canScrollNext()\n\n if (carousel && autoplay && !stop && !last) {\n timeoutId.current = setInterval(() => {\n carousel.scrollNext()\n }, delay)\n } else {\n if (timeoutId.current) clearInterval(timeoutId.current)\n\n timeoutId.current = null\n }\n\n return () => {\n if (timeoutId.current) clearInterval(timeoutId.current)\n }\n }, [autoplay, carousel, delay, hover, stopMouseEnterAutoplay])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n if (indexProp === undefined) return\n\n carousel.scrollTo(indexProp)\n }, [indexProp])\n\n useUpdateEffect(() => {\n if (!carousel) return\n\n carousel.reInit()\n }, [\n carousel,\n total,\n align,\n axis,\n containScroll,\n dragFree,\n duration,\n inViewThreshold,\n loop,\n skipSnaps,\n slidesToScroll,\n ])\n\n const getRootProps: PropGetter<\"section\"> = useCallback(\n ({ ref, ...props } = {}) =>\n mergeProps(\n {\n id,\n \"aria-roledescription\": \"carousel\",\n \"data-orientation\": orientation,\n },\n rest,\n {\n ref,\n onMouseEnter,\n onMouseLeave,\n },\n props,\n )(),\n [id, onMouseEnter, onMouseLeave, rest, orientation],\n )\n\n const getListProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n id: listId,\n \"aria-live\": autoplay ? \"off\" : \"polite\",\n \"data-orientation\": orientation,\n ...props,\n ref: mergeRefs(ref, listRef, carouselRef),\n }),\n [autoplay, listId, orientation, carouselRef],\n )\n\n const getItemProps: RequiredPropGetter<\"div\", { index: number }> =\n useCallback(\n ({ index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n id: `${listId}-${indexProp}`,\n \"aria-label\": t(\"{page} of {total}\", { page, total }),\n \"aria-roledescription\": \"slide\",\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tabpanel\",\n ...props,\n }\n },\n [index, listId, total, orientation, t],\n )\n\n const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to previous slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollPrev(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollPrev()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": listId,\n \"aria-label\": t(\"Go to next slide\"),\n \"data-orientation\": orientation,\n disabled: !carousel?.canScrollNext(),\n ...props,\n onClick: handlerAll(props.onClick, () => carousel?.scrollNext()),\n }),\n [carousel, listId, orientation, t],\n )\n\n const getIndicatorsProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Slides\"),\n \"aria-orientation\": orientation,\n role: \"tablist\",\n ...props,\n }),\n [orientation, t],\n )\n\n const getIndicatorProps: RequiredPropGetter<\"button\", { index: number }> =\n useCallback(\n ({ ref, index: indexProp, ...props }) => {\n const page = indexProp + 1\n const selected = index === indexProp\n\n return {\n type: \"button\" as const,\n \"aria-controls\": `${listId}-${indexProp}`,\n \"aria-label\": t(\"Go to {page} slide\", { page }),\n \"aria-selected\": selected,\n \"data-index\": indexProp.toString(),\n \"data-orientation\": orientation,\n \"data-selected\": dataAttr(selected),\n role: \"tab\",\n tabIndex: selected ? 0 : -1,\n ...props,\n ref: mergeRefs(ref, (node) => {\n indicatorMapRef.current.set(indexProp, node)\n }),\n onClick: handlerAll(props.onClick, () =>\n carousel?.scrollTo(indexProp),\n ),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown(indexProp)),\n }\n },\n [index, listId, t, orientation, onKeyDown, carousel],\n )\n\n return {\n carousel,\n index,\n setIndex,\n snapCount,\n total,\n getIndicatorProps,\n getIndicatorsProps,\n getItemProps,\n getListProps,\n getNextTriggerProps,\n getPrevTriggerProps,\n getRootProps,\n }\n}\n\nexport type UseCarouselReturn = ReturnType<typeof useCarousel>\n"],"mappings":"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"}

package/dist/esm/components/tree/use-tree.js CHANGED Viewed

@@ -5,6 +5,8 @@ import { runKeyAction, useIds } from "../../utils/dom.js";
 import { useSafeLayoutEffect } from "../../utils/effect.js";
 import { assignRef, mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
+import { mergeProps } from "../../core/components/props.js";
+import "../../core/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { createDescendants } from "../../hooks/use-descendants/index.js";
 import { useDisclosure } from "../../hooks/use-disclosure/use-disclosure.js";
@@ -100,13 +102,11 @@ const useTree = ({ checkable = false, checkedValue: checkedValueProp, children,
 		expandedValue,
 		multiple,
 		selectedValue,
-		getRootProps: useCallback((props) => ({
+		getRootProps: useCallback((props) => mergeProps({
 			"aria-multiselectable": (0, utils_exports.ariaAttr)(multiple || checkable),
 			children,
-			role: "tree",
-			...rest,
-			...props
-		}), [
+			role: "tree"
+		}, rest, props)(), [
 			multiple,
 			checkable,
 			rest,