@ark-ui/react 0.7.3 → 0.8.0

package/select/use-select.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as select from '@zag-js/select';
 import { useId } from 'react';

package/slider/index.cjs

@@ -1,8 +1,10 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const slider = require('./slider.cjs');
+const sliderContext = require('./slider-context.cjs');
 const sliderControl = require('./slider-control.cjs');
 const sliderLabel = require('./slider-label.cjs');
 const sliderMarker = require('./slider-marker.cjs');
@@ -16,6 +18,7 @@ const slider$1 = require('@zag-js/slider');
 
 
 exports.Slider = slider.Slider;
+exports.useSliderContext = sliderContext.useSliderContext;
 exports.SliderControl = sliderControl.SliderControl;
 exports.SliderLabel = sliderLabel.SliderLabel;
 exports.SliderMarker = sliderMarker.SliderMarker;

package/slider/index.d.ts

@@ -1,4 +1,5 @@
 export { Slider, type SliderProps } from './slider';
+export { useSliderContext } from './slider-context';
 export { SliderControl, type SliderControlProps } from './slider-control';
 export { SliderLabel, type SliderLabelProps } from './slider-label';
 export { SliderMarker, type SliderMarkerProps } from './slider-marker';

package/slider/index.mjs

@@ -1,4 +1,6 @@
+'use client';
 export { Slider } from './slider.mjs';
+export { useSliderContext } from './slider-context.mjs';
 export { SliderControl } from './slider-control.mjs';
 export { SliderLabel } from './slider-label.mjs';
 export { SliderMarker } from './slider-marker.mjs';

package/slider/slider-context.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/slider/slider-context.d.ts

@@ -1,50 +1,11 @@
-import type { Provider, HTMLAttributes, DetailedHTMLProps, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes } from 'react';
+import type { PublicApi } from '@zag-js/slider';
+import type { Provider, HTMLAttributes, CSSProperties } from 'react';
 import { type UseSliderReturn } from './use-slider';
 export type SliderContext = UseSliderReturn;
-export declare const SliderProvider: Provider<{
-    isFocused: boolean;
-    isDragging: boolean;
-    value: number;
-    percent: number;
-    setValue(value: number): void;
-    getPercentValue: (percent: number) => number;
-    getValuePercent: (value: number) => number;
-    focus(): void;
-    increment(): void;
-    decrement(): void;
-    rootProps: HTMLAttributes<HTMLElement>;
-    labelProps: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
-    thumbProps: HTMLAttributes<HTMLElement>;
-    hiddenInputProps: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-    outputProps: DetailedHTMLProps<OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>;
-    trackProps: HTMLAttributes<HTMLElement>;
-    rangeProps: HTMLAttributes<HTMLElement>;
-    controlProps: HTMLAttributes<HTMLElement>;
-    markerGroupProps: HTMLAttributes<HTMLElement>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): HTMLAttributes<HTMLElement>;
-}>, useSliderContext: () => {
-    isFocused: boolean;
-    isDragging: boolean;
-    value: number;
-    percent: number;
-    setValue(value: number): void;
-    getPercentValue: (percent: number) => number;
-    getValuePercent: (value: number) => number;
-    focus(): void;
-    increment(): void;
-    decrement(): void;
-    rootProps: HTMLAttributes<HTMLElement>;
-    labelProps: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
-    thumbProps: HTMLAttributes<HTMLElement>;
-    hiddenInputProps: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-    outputProps: DetailedHTMLProps<OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>;
-    trackProps: HTMLAttributes<HTMLElement>;
-    rangeProps: HTMLAttributes<HTMLElement>;
-    controlProps: HTMLAttributes<HTMLElement>;
-    markerGroupProps: HTMLAttributes<HTMLElement>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): HTMLAttributes<HTMLElement>;
-};
+export declare const SliderProvider: Provider<PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>>, useSliderContext: () => PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>;

package/slider/slider-context.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { createContext } from '../create-context.mjs';
 
 const [SliderProvider, useSliderContext] = createContext({

package/slider/slider-control.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/slider/slider-control.d.ts

@@ -1,276 +1,5 @@
-import type { ForwardRefExoticComponent, ReactNode, CSSProperties, LegacyRef, Key, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler } from 'react';
-import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
 export type SliderControlProps = HTMLArkProps<'div'>;
-export declare const SliderControl: ForwardRefExoticComponent<{
-    children?: ReactNode;
-    slot?: string | undefined;
-    style?: CSSProperties | undefined;
-    title?: string | undefined;
-    asChild?: boolean | undefined;
-    ref?: LegacyRef<HTMLDivElement> | undefined;
-    className?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    key?: Key | null | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    role?: AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-    'aria-braillelabel'?: string | undefined;
-    'aria-brailleroledescription'?: string | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colindextext'?: string | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-description'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowindextext'?: string | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
-}>;
+export declare const SliderControl: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;

package/slider/slider-control.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { ark } from '../factory.mjs';

package/slider/slider-label.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });