@ark-ui/react 4.5.0 → 4.7.0

package/dist/components/qr-code/qr-code-download-trigger.d.ts

@@ -0,0 +1,8 @@
+import { DownloadTriggerProps } from '@zag-js/qr-code';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps {
+}
+export interface QrCodeDownloadTriggerProps extends HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps {
+}
+export declare const QrCodeDownloadTrigger: ForwardRefExoticComponent<QrCodeDownloadTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/qr-code/qr-code-download-trigger.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useQrCodeContext } from './use-qr-code-context.js';
+
+const QrCodeDownloadTrigger = forwardRef(
+  (props, ref) => {
+    const [downloadTriggerProps, localProps] = createSplitProps()(props, [
+      "fileName",
+      "mimeType",
+      "quality"
+    ]);
+    const qrCode = useQrCodeContext();
+    const mergedProps = mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+QrCodeDownloadTrigger.displayName = "QrCodeDownloadTrigger";
+
+export { QrCodeDownloadTrigger };

package/dist/components/qr-code/qr-code-root.cjs

@@ -13,9 +13,11 @@ const useQrCodeContext = require('./use-qr-code-context.cjs');
 
 const QrCodeRoot = react.forwardRef((props, ref) => {
   const [qrcodeProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "defaultValue",
     "encoding",
     "id",
     "ids",
+    "onValueChange",
     "value"
   ]);
   const qrCode = useQrCode.useQrCode(qrcodeProps);

package/dist/components/qr-code/qr-code-root.d.cts

@@ -1,8 +1,9 @@
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseQrCodeProps } from './use-qr-code';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps {
 }
-export interface QrCodeRootProps extends HTMLProps<'div'>, QrCodeRootBaseProps {
+export interface QrCodeRootProps extends Assign<HTMLProps<'div'>, QrCodeRootBaseProps> {
 }
 export declare const QrCodeRoot: ForwardRefExoticComponent<QrCodeRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/qr-code/qr-code-root.d.ts

@@ -1,8 +1,9 @@
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseQrCodeProps } from './use-qr-code';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps {
 }
-export interface QrCodeRootProps extends HTMLProps<'div'>, QrCodeRootBaseProps {
+export interface QrCodeRootProps extends Assign<HTMLProps<'div'>, QrCodeRootBaseProps> {
 }
 export declare const QrCodeRoot: ForwardRefExoticComponent<QrCodeRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/qr-code/qr-code-root.js

@@ -9,9 +9,11 @@ import { QrCodeProvider } from './use-qr-code-context.js';
 
 const QrCodeRoot = forwardRef((props, ref) => {
   const [qrcodeProps, localProps] = createSplitProps()(props, [
+    "defaultValue",
     "encoding",
     "id",
     "ids",
+    "onValueChange",
     "value"
   ]);
   const qrCode = useQrCode(qrcodeProps);

package/dist/components/qr-code/qr-code.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const qrCodeContext = require('./qr-code-context.cjs');
+const qrCodeDownloadTrigger = require('./qr-code-download-trigger.cjs');
 const qrCodeFrame = require('./qr-code-frame.cjs');
 const qrCodeOverlay = require('./qr-code-overlay.cjs');
 const qrCodePattern = require('./qr-code-pattern.cjs');
@@ -12,6 +13,7 @@ const qrCodeRootProvider = require('./qr-code-root-provider.cjs');
 
 
 exports.Context = qrCodeContext.QrCodeContext;
+exports.DownloadTrigger = qrCodeDownloadTrigger.QrCodeDownloadTrigger;
 exports.Frame = qrCodeFrame.QrCodeFrame;
 exports.Overlay = qrCodeOverlay.QrCodeOverlay;
 exports.Pattern = qrCodePattern.QrCodePattern;

package/dist/components/qr-code/qr-code.d.cts

@@ -1,7 +1,8 @@
 export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, } from '@zag-js/qr-code';
 export { QrCodeContext as Context, type QrCodeContextProps as ContextProps, } from './qr-code-context';
-export { QrCodeFrame as Frame, type QrCodeFrameProps as FrameProps, type QrCodeFrameBaseProps as FrameBaseProps, } from './qr-code-frame';
-export { QrCodeOverlay as Overlay, type QrCodeOverlayProps as OverlayProps, type QrCodeOverlayBaseProps as OverlayBaseProps, } from './qr-code-overlay';
-export { QrCodePattern as Pattern, type QrCodePatternProps as PatternProps, type QrCodePatternBaseProps as PatternBaseProps, } from './qr-code-pattern';
-export { QrCodeRoot as Root, type QrCodeRootProps as RootProps, type QrCodeRootBaseProps as RootBaseProps, } from './qr-code-root';
-export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderProps as RootProviderProps, type QrCodeRootProviderBaseProps as RootProviderBaseProps, } from './qr-code-root-provider';
+export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, } from './qr-code-download-trigger';
+export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, } from './qr-code-frame';
+export { QrCodeOverlay as Overlay, type QrCodeOverlayBaseProps as OverlayBaseProps, type QrCodeOverlayProps as OverlayProps, } from './qr-code-overlay';
+export { QrCodePattern as Pattern, type QrCodePatternBaseProps as PatternBaseProps, type QrCodePatternProps as PatternProps, } from './qr-code-pattern';
+export { QrCodeRoot as Root, type QrCodeRootBaseProps as RootBaseProps, type QrCodeRootProps as RootProps, } from './qr-code-root';
+export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderBaseProps as RootProviderBaseProps, type QrCodeRootProviderProps as RootProviderProps, } from './qr-code-root-provider';

package/dist/components/qr-code/qr-code.d.ts

@@ -1,7 +1,8 @@
 export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, } from '@zag-js/qr-code';
 export { QrCodeContext as Context, type QrCodeContextProps as ContextProps, } from './qr-code-context';
-export { QrCodeFrame as Frame, type QrCodeFrameProps as FrameProps, type QrCodeFrameBaseProps as FrameBaseProps, } from './qr-code-frame';
-export { QrCodeOverlay as Overlay, type QrCodeOverlayProps as OverlayProps, type QrCodeOverlayBaseProps as OverlayBaseProps, } from './qr-code-overlay';
-export { QrCodePattern as Pattern, type QrCodePatternProps as PatternProps, type QrCodePatternBaseProps as PatternBaseProps, } from './qr-code-pattern';
-export { QrCodeRoot as Root, type QrCodeRootProps as RootProps, type QrCodeRootBaseProps as RootBaseProps, } from './qr-code-root';
-export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderProps as RootProviderProps, type QrCodeRootProviderBaseProps as RootProviderBaseProps, } from './qr-code-root-provider';
+export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, } from './qr-code-download-trigger';
+export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, } from './qr-code-frame';
+export { QrCodeOverlay as Overlay, type QrCodeOverlayBaseProps as OverlayBaseProps, type QrCodeOverlayProps as OverlayProps, } from './qr-code-overlay';
+export { QrCodePattern as Pattern, type QrCodePatternBaseProps as PatternBaseProps, type QrCodePatternProps as PatternProps, } from './qr-code-pattern';
+export { QrCodeRoot as Root, type QrCodeRootBaseProps as RootBaseProps, type QrCodeRootProps as RootProps, } from './qr-code-root';
+export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderBaseProps as RootProviderBaseProps, type QrCodeRootProviderProps as RootProviderProps, } from './qr-code-root-provider';

package/dist/components/qr-code/qr-code.js

@@ -1,4 +1,5 @@
 export { QrCodeContext as Context } from './qr-code-context.js';
+export { QrCodeDownloadTrigger as DownloadTrigger } from './qr-code-download-trigger.js';
 export { QrCodeFrame as Frame } from './qr-code-frame.js';
 export { QrCodeOverlay as Overlay } from './qr-code-overlay.js';
 export { QrCodePattern as Pattern } from './qr-code-pattern.js';

package/dist/components/qr-code/use-qr-code.cjs

@@ -8,6 +8,7 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -31,13 +32,20 @@ const qrcode__namespace = /*#__PURE__*/_interopNamespaceDefault(qrcode);
 const useQrCode = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const context = {
+  const initialContext = {
     id: react.useId(),
     dir,
+    value: props.defaultValue,
     getRootNode,
+    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
     ...props
   };
-  const [state, send] = react$1.useMachine(qrcode__namespace.machine(context), { context });
+  const context = {
+    ...initialContext,
+    value: props.value,
+    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true })
+  };
+  const [state, send] = react$1.useMachine(qrcode__namespace.machine(initialContext), { context });
   return qrcode__namespace.connect(state, send, react$1.normalizeProps);
 };
 

package/dist/components/qr-code/use-qr-code.d.cts

@@ -2,6 +2,11 @@ import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as qrcode from '@zag-js/qr-code';
 export interface UseQrCodeProps extends Optional<Omit<qrcode.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the qr code when it is first rendered.
+     * Use when you do not need to control the state of the qr code.
+     */
+    defaultValue?: qrcode.Context['value'];
 }
 export interface UseQrCodeReturn extends qrcode.Api<PropTypes> {
 }

package/dist/components/qr-code/use-qr-code.d.ts

@@ -2,6 +2,11 @@ import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as qrcode from '@zag-js/qr-code';
 export interface UseQrCodeProps extends Optional<Omit<qrcode.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the qr code when it is first rendered.
+     * Use when you do not need to control the state of the qr code.
+     */
+    defaultValue?: qrcode.Context['value'];
 }
 export interface UseQrCodeReturn extends qrcode.Api<PropTypes> {
 }

package/dist/components/qr-code/use-qr-code.js

@@ -4,17 +4,25 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useEvent } from '../../utils/use-event.js';
 
 const useQrCode = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const context = {
+  const initialContext = {
     id: useId(),
     dir,
+    value: props.defaultValue,
     getRootNode,
+    onValueChange: useEvent(props.onValueChange, { sync: true }),
     ...props
   };
-  const [state, send] = useMachine(qrcode.machine(context), { context });
+  const context = {
+    ...initialContext,
+    value: props.value,
+    onValueChange: useEvent(props.onValueChange, { sync: true })
+  };
+  const [state, send] = useMachine(qrcode.machine(initialContext), { context });
   return qrcode.connect(state, send, normalizeProps);
 };
 

package/dist/components/segment-group/segment-group.anatomy.d.cts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/tabs/tab-content.cjs

@@ -9,6 +9,7 @@ const react = require('react');
 const composeRefs = require('../../utils/compose-refs.cjs');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
+const useDebounce = require('../../utils/use-debounce.cjs');
 const factory = require('../factory.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
@@ -20,7 +21,7 @@ const TabContent = react.forwardRef((props, ref) => {
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
   const presence = usePresence.usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value,
+    present: useDebounce.useDebounce(tabs.value === props.value, 0),
     immediate: true
   });
   const mergedProps = react$1.mergeProps(

package/dist/components/tabs/tab-content.js

@@ -5,6 +5,7 @@ import { forwardRef } from 'react';
 import { composeRefs } from '../../utils/compose-refs.js';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
+import { useDebounce } from '../../utils/use-debounce.js';
 import { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
@@ -16,7 +17,7 @@ const TabContent = forwardRef((props, ref) => {
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value,
+    present: useDebounce(tabs.value === props.value, 0),
     immediate: true
   });
   const mergedProps = mergeProps(

package/dist/components/tabs/tabs-root.cjs

@@ -22,6 +22,7 @@ const TabsRoot = react.forwardRef((props, ref) => {
     "id",
     "ids",
     "loopFocus",
+    "navigate",
     "onFocusChange",
     "onValueChange",
     "orientation",

package/dist/components/tabs/tabs-root.js

@@ -18,6 +18,7 @@ const TabsRoot = forwardRef((props, ref) => {
     "id",
     "ids",
     "loopFocus",
+    "navigate",
     "onFocusChange",
     "onValueChange",
     "orientation",

package/dist/components/timer/index.cjs

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const timerActionTrigger = require('./timer-action-trigger.cjs');
+const timerArea = require('./timer-area.cjs');
 const timerContext = require('./timer-context.cjs');
-const timerItem = require('./timer-item.cjs');
 const timerControl = require('./timer-control.cjs');
-const timerArea = require('./timer-area.cjs');
+const timerItem = require('./timer-item.cjs');
 const timerRoot = require('./timer-root.cjs');
 const timerRootProvider = require('./timer-root-provider.cjs');
 const timerSeparator = require('./timer-separator.cjs');
@@ -18,10 +18,10 @@ const timer = require('@zag-js/timer');
 
 
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.TimerArea = timerArea.TimerArea;
 exports.TimerContext = timerContext.TimerContext;
-exports.TimerItem = timerItem.TimerItem;
 exports.TimerControl = timerControl.TimerControl;
-exports.TimerArea = timerArea.TimerArea;
+exports.TimerItem = timerItem.TimerItem;
 exports.TimerRoot = timerRoot.TimerRoot;
 exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
 exports.TimerSeparator = timerSeparator.TimerSeparator;

package/dist/components/timer/index.d.cts

@@ -1,8 +1,8 @@
 export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
+export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
 export { TimerContext, type TimerContextProps } from './timer-context';
-export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
-export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
+export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root';
 export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider';
 export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator';

package/dist/components/timer/index.d.ts

@@ -1,8 +1,8 @@
 export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
+export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
 export { TimerContext, type TimerContextProps } from './timer-context';
-export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
-export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
+export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root';
 export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider';
 export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator';

package/dist/components/timer/index.js

@@ -1,8 +1,8 @@
 export { TimerActionTrigger } from './timer-action-trigger.js';
+export { TimerArea } from './timer-area.js';
 export { TimerContext } from './timer-context.js';
-export { TimerItem } from './timer-item.js';
 export { TimerControl } from './timer-control.js';
-export { TimerArea } from './timer-area.js';
+export { TimerItem } from './timer-item.js';
 export { TimerRoot } from './timer-root.js';
 export { TimerRootProvider } from './timer-root-provider.js';
 export { TimerSeparator } from './timer-separator.js';

package/dist/components/tree-view/tree-view-root-provider.d.cts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';

package/dist/components/tree-view/tree-view-root-provider.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';

package/dist/components/tree-view/tree-view-root.d.cts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';

package/dist/components/tree-view/tree-view-root.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import { TreeNode } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';

package/dist/index.cjs

@@ -22,6 +22,7 @@ const avatarRootProvider = require('./components/avatar/avatar-root-provider.cjs
 const useAvatar = require('./components/avatar/use-avatar.cjs');
 const useAvatarContext = require('./components/avatar/use-avatar-context.cjs');
 const avatar$1 = require('./components/avatar/avatar.cjs');
+const carouselAutoplayTrigger = require('./components/carousel/carousel-autoplay-trigger.cjs');
 const carouselContext = require('./components/carousel/carousel-context.cjs');
 const carouselControl = require('./components/carousel/carousel-control.cjs');
 const carouselIndicator = require('./components/carousel/carousel-indicator.cjs');
@@ -32,11 +33,9 @@ const carouselNextTrigger = require('./components/carousel/carousel-next-trigger
 const carouselPrevTrigger = require('./components/carousel/carousel-prev-trigger.cjs');
 const carouselRoot = require('./components/carousel/carousel-root.cjs');
 const carouselRootProvider = require('./components/carousel/carousel-root-provider.cjs');
-const carouselViewport = require('./components/carousel/carousel-viewport.cjs');
-const carousel_anatomy = require('./components/carousel/carousel.anatomy.cjs');
 const useCarousel = require('./components/carousel/use-carousel.cjs');
 const useCarouselContext = require('./components/carousel/use-carousel-context.cjs');
-const carousel = require('./components/carousel/carousel.cjs');
+const carousel$1 = require('./components/carousel/carousel.cjs');
 const checkboxContext = require('./components/checkbox/checkbox-context.cjs');
 const checkboxControl = require('./components/checkbox/checkbox-control.cjs');
 const checkboxGroup = require('./components/checkbox/checkbox-group.cjs');
@@ -60,6 +59,7 @@ const clipboardLabel = require('./components/clipboard/clipboard-label.cjs');
 const clipboardRoot = require('./components/clipboard/clipboard-root.cjs');
 const clipboardRootProvider = require('./components/clipboard/clipboard-root-provider.cjs');
 const clipboardTrigger = require('./components/clipboard/clipboard-trigger.cjs');
+const clipboardValueText = require('./components/clipboard/clipboard-value-text.cjs');
 const useClipboard = require('./components/clipboard/use-clipboard.cjs');
 const useClipboardContext = require('./components/clipboard/use-clipboard-context.cjs');
 const clipboard$1 = require('./components/clipboard/clipboard.cjs');
@@ -337,6 +337,7 @@ const useProgress = require('./components/progress/use-progress.cjs');
 const useProgressContext = require('./components/progress/use-progress-context.cjs');
 const progress$1 = require('./components/progress/progress.cjs');
 const qrCodeContext = require('./components/qr-code/qr-code-context.cjs');
+const qrCodeDownloadTrigger = require('./components/qr-code/qr-code-download-trigger.cjs');
 const qrCodeFrame = require('./components/qr-code/qr-code-frame.cjs');
 const qrCodeOverlay = require('./components/qr-code/qr-code-overlay.cjs');
 const qrCodePattern = require('./components/qr-code/qr-code-pattern.cjs');
@@ -519,10 +520,10 @@ const useTimePicker = require('./components/time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./components/time-picker/use-time-picker-context.cjs');
 const timePicker$1 = require('./components/time-picker/time-picker.cjs');
 const timerActionTrigger = require('./components/timer/timer-action-trigger.cjs');
+const timerArea = require('./components/timer/timer-area.cjs');
 const timerContext = require('./components/timer/timer-context.cjs');
-const timerItem = require('./components/timer/timer-item.cjs');
 const timerControl = require('./components/timer/timer-control.cjs');
-const timerArea = require('./components/timer/timer-area.cjs');
+const timerItem = require('./components/timer/timer-item.cjs');
 const timerRoot = require('./components/timer/timer-root.cjs');
 const timerRootProvider = require('./components/timer/timer-root-provider.cjs');
 const timerSeparator = require('./components/timer/timer-separator.cjs');
@@ -589,6 +590,7 @@ const localeProvider = require('./providers/locale/locale-provider.cjs');
 const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
 const accordion = require('@zag-js/accordion');
 const avatar = require('@zag-js/avatar');
+const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
 const combobox = require('@zag-js/combobox');
@@ -642,6 +644,7 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
 exports.useAvatar = useAvatar.useAvatar;
 exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.Avatar = avatar$1;
+exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
 exports.CarouselContext = carouselContext.CarouselContext;
 exports.CarouselControl = carouselControl.CarouselControl;
 exports.CarouselIndicator = carouselIndicator.CarouselIndicator;
@@ -652,11 +655,9 @@ exports.CarouselNextTrigger = carouselNextTrigger.CarouselNextTrigger;
 exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselRootProvider = carouselRootProvider.CarouselRootProvider;
-exports.CarouselViewport = carouselViewport.CarouselViewport;
-exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.Carousel = carousel;
+exports.Carousel = carousel$1;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
@@ -680,6 +681,7 @@ exports.ClipboardLabel = clipboardLabel.ClipboardLabel;
 exports.ClipboardRoot = clipboardRoot.ClipboardRoot;
 exports.ClipboardRootProvider = clipboardRootProvider.ClipboardRootProvider;
 exports.ClipboardTrigger = clipboardTrigger.ClipboardTrigger;
+exports.ClipboardValueText = clipboardValueText.ClipboardValueText;
 exports.useClipboard = useClipboard.useClipboard;
 exports.useClipboardContext = useClipboardContext.useClipboardContext;
 exports.Clipboard = clipboard$1;
@@ -967,6 +969,7 @@ exports.useProgress = useProgress.useProgress;
 exports.useProgressContext = useProgressContext.useProgressContext;
 exports.Progress = progress$1;
 exports.QrCodeContext = qrCodeContext.QrCodeContext;
+exports.QrCodeDownloadTrigger = qrCodeDownloadTrigger.QrCodeDownloadTrigger;
 exports.QrCodeFrame = qrCodeFrame.QrCodeFrame;
 exports.QrCodeOverlay = qrCodeOverlay.QrCodeOverlay;
 exports.QrCodePattern = qrCodePattern.QrCodePattern;
@@ -1152,10 +1155,10 @@ exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker$1;
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.TimerArea = timerArea.TimerArea;
 exports.TimerContext = timerContext.TimerContext;
-exports.TimerItem = timerItem.TimerItem;
 exports.TimerControl = timerControl.TimerControl;
-exports.TimerArea = timerArea.TimerArea;
+exports.TimerItem = timerItem.TimerItem;
 exports.TimerRoot = timerRoot.TimerRoot;
 exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
 exports.TimerSeparator = timerSeparator.TimerSeparator;
@@ -1228,6 +1231,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
+Object.defineProperty(exports, "carouselAnatomy", {
+	enumerable: true,
+	get: () => carousel.anatomy
+});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard.anatomy

package/dist/index.js

@@ -20,6 +20,7 @@ export { useAvatar } from './components/avatar/use-avatar.js';
 export { useAvatarContext } from './components/avatar/use-avatar-context.js';
 import * as avatar from './components/avatar/avatar.js';
 export { avatar as Avatar };
+export { CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.js';
 export { CarouselContext } from './components/carousel/carousel-context.js';
 export { CarouselControl } from './components/carousel/carousel-control.js';
 export { CarouselIndicator } from './components/carousel/carousel-indicator.js';
@@ -30,8 +31,6 @@ export { CarouselNextTrigger } from './components/carousel/carousel-next-trigger
 export { CarouselPrevTrigger } from './components/carousel/carousel-prev-trigger.js';
 export { CarouselRoot } from './components/carousel/carousel-root.js';
 export { CarouselRootProvider } from './components/carousel/carousel-root-provider.js';
-export { CarouselViewport } from './components/carousel/carousel-viewport.js';
-export { carouselAnatomy } from './components/carousel/carousel.anatomy.js';
 export { useCarousel } from './components/carousel/use-carousel.js';
 export { useCarouselContext } from './components/carousel/use-carousel-context.js';
 import * as carousel from './components/carousel/carousel.js';
@@ -60,6 +59,7 @@ export { ClipboardLabel } from './components/clipboard/clipboard-label.js';
 export { ClipboardRoot } from './components/clipboard/clipboard-root.js';
 export { ClipboardRootProvider } from './components/clipboard/clipboard-root-provider.js';
 export { ClipboardTrigger } from './components/clipboard/clipboard-trigger.js';
+export { ClipboardValueText } from './components/clipboard/clipboard-value-text.js';
 export { useClipboard } from './components/clipboard/use-clipboard.js';
 export { useClipboardContext } from './components/clipboard/use-clipboard-context.js';
 import * as clipboard from './components/clipboard/clipboard.js';
@@ -355,6 +355,7 @@ export { useProgressContext } from './components/progress/use-progress-context.j
 import * as progress from './components/progress/progress.js';
 export { progress as Progress };
 export { QrCodeContext } from './components/qr-code/qr-code-context.js';
+export { QrCodeDownloadTrigger } from './components/qr-code/qr-code-download-trigger.js';
 export { QrCodeFrame } from './components/qr-code/qr-code-frame.js';
 export { QrCodeOverlay } from './components/qr-code/qr-code-overlay.js';
 export { QrCodePattern } from './components/qr-code/qr-code-pattern.js';
@@ -550,10 +551,10 @@ export { useTimePickerContext } from './components/time-picker/use-time-picker-c
 import * as timePicker from './components/time-picker/time-picker.js';
 export { timePicker as TimePicker };
 export { TimerActionTrigger } from './components/timer/timer-action-trigger.js';
+export { TimerArea } from './components/timer/timer-area.js';
 export { TimerContext } from './components/timer/timer-context.js';
-export { TimerItem } from './components/timer/timer-item.js';
 export { TimerControl } from './components/timer/timer-control.js';
-export { TimerArea } from './components/timer/timer-area.js';
+export { TimerItem } from './components/timer/timer-item.js';
 export { TimerRoot } from './components/timer/timer-root.js';
 export { TimerRootProvider } from './components/timer/timer-root-provider.js';
 export { TimerSeparator } from './components/timer/timer-separator.js';
@@ -626,6 +627,7 @@ export { LocaleProvider } from './providers/locale/locale-provider.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export { anatomy as comboboxAnatomy } from '@zag-js/combobox';