[pull] main from chakra-ui:main

.changeset/use-download-hook.md

@@ -0,0 +1,9 @@
+---
+'@ark-ui/react': patch
+'@ark-ui/solid': patch
+'@ark-ui/svelte': patch
+'@ark-ui/vue': patch
+---
+
+- **DownloadTrigger**: Extract the download logic into a `useDownload` hook. The `DownloadTrigger` component now simply
+  consumes this hook, making the browser-download behavior reusable outside of the trigger component.

packages/react/src/components/accordion/accordion-context.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ReactNode } from 'react'
 import { type UseAccordionContext, useAccordionContext } from './use-accordion-context'
 

packages/react/src/components/accordion/accordion-item-content.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { createSplitProps } from '../../utils/create-split-props'

packages/react/src/components/accordion/accordion-item-context.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ReactNode } from 'react'
 import { type UseAccordionItemContext, useAccordionItemContext } from './use-accordion-item-context'
 

packages/react/src/components/accordion/accordion-item-indicator.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/accordion/accordion-item-trigger.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { useCollapsibleContext } from '../collapsible'

packages/react/src/components/accordion/accordion-item.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ItemProps } from '@zag-js/accordion'
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'

packages/react/src/components/accordion/accordion-root-provider.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { createSplitProps } from '../../utils/create-split-props'

packages/react/src/components/accordion/accordion-root.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import type { Assign } from '../../types'

packages/react/src/components/accordion/accordion.anatomy.ts

@@ -1 +1,3 @@
+'use client'
+
 export { anatomy as accordionAnatomy } from '@zag-js/accordion'

packages/react/src/components/accordion/use-accordion-context.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { createContext } from '../../utils/create-context'
 import type { UseAccordionReturn } from './use-accordion'
 

packages/react/src/components/accordion/use-accordion-item-context.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ItemState } from '@zag-js/accordion'
 import { createContext } from '../../utils/create-context'
 

packages/react/src/components/accordion/use-accordion-item-props-context.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ItemProps } from '@zag-js/accordion'
 import { createContext } from '../../utils/create-context'
 

packages/react/src/components/accordion/use-accordion.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import * as accordion from '@zag-js/accordion'
 import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react'
 import { useId } from 'react'

packages/react/src/components/angle-slider/angle-slider-context.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ReactNode } from 'react'
 import { type UseAngleSliderContext, useAngleSliderContext } from './use-angle-slider-context'
 

packages/react/src/components/angle-slider/angle-slider-control.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/angle-slider/angle-slider-hidden-input.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/angle-slider/angle-slider-label.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/angle-slider/angle-slider-marker-group.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/angle-slider/angle-slider-marker.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { MarkerProps } from '@zag-js/angle-slider'
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'

packages/react/src/components/angle-slider/angle-slider-root-provider.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { createSplitProps } from '../../utils/create-split-props'

packages/react/src/components/angle-slider/angle-slider-root.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import type { Assign } from '../../types'

packages/react/src/components/angle-slider/angle-slider-thumb.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/angle-slider/angle-slider-value-text.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'
 import { useAngleSliderContext } from './use-angle-slider-context'

packages/react/src/components/angle-slider/angle-slider.anatomy.tsx

@@ -1 +1,3 @@
+'use client'
+
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider'

packages/react/src/components/angle-slider/use-angle-slider-context.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { createContext } from '../../utils/create-context'
 import type { UseAngleSliderReturn } from './use-angle-slider'
 

packages/react/src/components/angle-slider/use-angle-slider.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import * as angleSlider from '@zag-js/angle-slider'
 import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react'
 import { useId } from 'react'

packages/react/src/components/avatar/avatar-context.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ReactNode } from 'react'
 import { type UseAvatarContext, useAvatarContext } from './use-avatar-context'
 

packages/react/src/components/avatar/avatar-fallback.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/avatar/avatar-image.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/avatar/avatar-root-provider.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { createSplitProps } from '../../utils/create-split-props'

packages/react/src/components/avatar/avatar-root.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { createSplitProps } from '../../utils/create-split-props'

packages/react/src/components/avatar/avatar.anatomy.ts

@@ -1 +1,3 @@
+'use client'
+
 export { anatomy as avatarAnatomy } from '@zag-js/avatar'

packages/react/src/components/avatar/use-avatar-context.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { createContext } from '../../utils/create-context'
 import type { UseAvatarReturn } from './use-avatar'
 

packages/react/src/components/avatar/use-avatar.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import * as avatar from '@zag-js/avatar'
 import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react'
 import { useId } from 'react'

packages/react/src/components/carousel/carousel-autoplay-indicator.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'
 import { carouselAnatomy } from './carousel.anatomy'

packages/react/src/components/carousel/carousel-autoplay-trigger.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/carousel/carousel-context.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ReactNode } from 'react'
 import { type UseCarouselContext, useCarouselContext } from './use-carousel-context'
 

packages/react/src/components/carousel/carousel-control.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/carousel/carousel-indicator-group.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/carousel/carousel-indicator.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { IndicatorProps } from '@zag-js/carousel'
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'

packages/react/src/components/carousel/carousel-item-group.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/carousel/carousel-item.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ItemProps } from '@zag-js/carousel'
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'

packages/react/src/components/carousel/carousel-next-trigger.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/carousel/carousel-prev-trigger.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/carousel/carousel-progress-text.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { forwardRef, useMemo } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'
 import { carouselAnatomy } from './carousel.anatomy'

packages/react/src/components/carousel/carousel-root-provider.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { createSplitProps } from '../../utils/create-split-props'

packages/react/src/components/carousel/carousel-root.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { createSplitProps } from '../../utils/create-split-props'

packages/react/src/components/carousel/carousel.anatomy.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { anatomy } from '@zag-js/carousel'
 
 export const carouselAnatomy = anatomy.extendWith('progressText', 'autoplayIndicator')

packages/react/src/components/carousel/use-carousel-context.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { createContext } from '../../utils/create-context'
 import type { UseCarouselReturn } from './use-carousel'
 

packages/react/src/components/carousel/use-carousel.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import * as carousel from '@zag-js/carousel'
 import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react'
 import { useId } from 'react'

packages/react/src/components/checkbox/checkbox-context.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { ReactNode } from 'react'
 import { type UseCheckboxContext, useCheckboxContext } from './use-checkbox-context'
 

packages/react/src/components/checkbox/checkbox-control.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { mergeProps } from '@zag-js/react'
 import { forwardRef } from 'react'
 import { type HTMLProps, type PolymorphicProps, ark } from '../factory'

packages/react/src/components/checkbox/checkbox-group-provider.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { forwardRef } from 'react'
 import type { Assign } from '../../types'
 import { createSplitProps } from '../../utils/create-split-props'