@ark-ui/react 0.7.1 → 0.7.2

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 (36) hide show
  1. package/CHANGELOG.md +14 -10
  2. package/README.md +1 -0
  3. package/accordion/accordion-context.d.ts +1 -1
  4. package/carousel/carousel.anatomy.d.ts +1 -1
  5. package/color-picker/color-picker-area.d.ts +280 -0
  6. package/color-picker/color-picker-channel-slider-track.d.ts +281 -0
  7. package/color-picker/color-picker-context.d.ts +44 -0
  8. package/color-picker/color-picker-swatch.d.ts +289 -0
  9. package/color-picker/color-picker.anatomy.d.ts +1 -1
  10. package/color-picker/use-color-picker.d.ts +28 -0
  11. package/combobox/combobox-context.d.ts +1 -1
  12. package/combobox/combobox.d.ts +332 -0
  13. package/combobox/use-combobox.d.ts +2 -3
  14. package/date-picker/date-picker-context.d.ts +256 -0
  15. package/date-picker/date-picker-day-cell.d.ts +281 -0
  16. package/date-picker/date-picker.anatomy.d.ts +1 -1
  17. package/date-picker/use-date-picker.d.ts +132 -0
  18. package/editable/editable.d.ts +326 -0
  19. package/hover-card/hover-card-context.d.ts +25 -0
  20. package/hover-card/use-hover-card.d.ts +16 -0
  21. package/package.json +42 -41
  22. package/pagination/pagination.anatomy.d.ts +3 -3
  23. package/popover/popover-context.d.ts +35 -0
  24. package/popover/use-popover.d.ts +28 -0
  25. package/rating-group/rating-context.d.ts +1 -2
  26. package/rating-group/rating-group-context.d.ts +1 -1
  27. package/segment-group/segment-group.anatomy.d.ts +1 -1
  28. package/select/select-context.d.ts +2 -1
  29. package/splitter/splitter-context.d.ts +2 -1
  30. package/tabs/tabs-context.d.ts +1 -1
  31. package/tabs/use-tabs.d.ts +1 -2
  32. package/tags-input/tags-input.d.ts +359 -0
  33. package/toast/toast-item-context.d.ts +1 -1
  34. package/toast/toast.d.ts +1 -1
  35. package/tooltip/tooltip-context.d.ts +35 -0
  36. package/tooltip/use-tooltip.d.ts +21 -0
@@ -0,0 +1,281 @@
1
+ import type { ForwardRefExoticComponent, ReactNode, CSSProperties, LegacyRef, Key, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler } from 'react';
2
+ import type { DateValue, Offset, DayCellProps } from '@zag-js/date-picker';
3
+ import { type HTMLArkProps } from '../factory';
4
+ import type { Assign } from '../types';
5
+ export type DatePickerDayCellProps = Assign<HTMLArkProps<'div'>, DayCellProps>;
6
+ export declare const DatePickerDayCell: ForwardRefExoticComponent<{
7
+ children?: ReactNode;
8
+ slot?: string | undefined;
9
+ style?: CSSProperties | undefined;
10
+ title?: string | undefined;
11
+ asChild?: boolean | undefined;
12
+ ref?: LegacyRef<HTMLDivElement> | undefined;
13
+ className?: string | undefined;
14
+ defaultChecked?: boolean | undefined;
15
+ defaultValue?: string | number | readonly string[] | undefined;
16
+ suppressContentEditableWarning?: boolean | undefined;
17
+ suppressHydrationWarning?: boolean | undefined;
18
+ accessKey?: string | undefined;
19
+ autoFocus?: boolean | undefined;
20
+ key?: Key | null | undefined;
21
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
22
+ contextMenu?: string | undefined;
23
+ dir?: string | undefined;
24
+ draggable?: (boolean | "true" | "false") | undefined;
25
+ hidden?: boolean | undefined;
26
+ id?: string | undefined;
27
+ lang?: string | undefined;
28
+ nonce?: string | undefined;
29
+ placeholder?: string | undefined;
30
+ spellCheck?: (boolean | "true" | "false") | undefined;
31
+ tabIndex?: number | undefined;
32
+ translate?: "no" | "yes" | undefined;
33
+ radioGroup?: string | undefined;
34
+ role?: AriaRole | undefined;
35
+ about?: string | undefined;
36
+ content?: string | undefined;
37
+ datatype?: string | undefined;
38
+ inlist?: any;
39
+ prefix?: string | undefined;
40
+ property?: string | undefined;
41
+ rel?: string | undefined;
42
+ resource?: string | undefined;
43
+ rev?: string | undefined;
44
+ typeof?: string | undefined;
45
+ vocab?: string | undefined;
46
+ autoCapitalize?: string | undefined;
47
+ autoCorrect?: string | undefined;
48
+ autoSave?: string | undefined;
49
+ color?: string | undefined;
50
+ itemProp?: string | undefined;
51
+ itemScope?: boolean | undefined;
52
+ itemType?: string | undefined;
53
+ itemID?: string | undefined;
54
+ itemRef?: string | undefined;
55
+ results?: number | undefined;
56
+ security?: string | undefined;
57
+ unselectable?: "on" | "off" | undefined;
58
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
+ is?: string | undefined;
60
+ 'aria-activedescendant'?: string | undefined;
61
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
62
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
63
+ 'aria-braillelabel'?: string | undefined;
64
+ 'aria-brailleroledescription'?: string | undefined;
65
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
66
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
67
+ 'aria-colcount'?: number | undefined;
68
+ 'aria-colindex'?: number | undefined;
69
+ 'aria-colindextext'?: string | undefined;
70
+ 'aria-colspan'?: number | undefined;
71
+ 'aria-controls'?: string | undefined;
72
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
73
+ 'aria-describedby'?: string | undefined;
74
+ 'aria-description'?: string | undefined;
75
+ 'aria-details'?: string | undefined;
76
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
77
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
78
+ 'aria-errormessage'?: string | undefined;
79
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
80
+ 'aria-flowto'?: string | undefined;
81
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
82
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
83
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
84
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
85
+ 'aria-keyshortcuts'?: string | undefined;
86
+ 'aria-label'?: string | undefined;
87
+ 'aria-labelledby'?: string | undefined;
88
+ 'aria-level'?: number | undefined;
89
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
90
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
91
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
92
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
93
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
94
+ 'aria-owns'?: string | undefined;
95
+ 'aria-placeholder'?: string | undefined;
96
+ 'aria-posinset'?: number | undefined;
97
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
98
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
99
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
100
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
101
+ 'aria-roledescription'?: string | undefined;
102
+ 'aria-rowcount'?: number | undefined;
103
+ 'aria-rowindex'?: number | undefined;
104
+ 'aria-rowindextext'?: string | undefined;
105
+ 'aria-rowspan'?: number | undefined;
106
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
107
+ 'aria-setsize'?: number | undefined;
108
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
109
+ 'aria-valuemax'?: number | undefined;
110
+ 'aria-valuemin'?: number | undefined;
111
+ 'aria-valuenow'?: number | undefined;
112
+ 'aria-valuetext'?: string | undefined;
113
+ dangerouslySetInnerHTML?: {
114
+ __html: string | TrustedHTML;
115
+ } | undefined;
116
+ onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
117
+ onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
118
+ onCut?: ClipboardEventHandler<HTMLDivElement> | undefined;
119
+ onCutCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
120
+ onPaste?: ClipboardEventHandler<HTMLDivElement> | undefined;
121
+ onPasteCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
122
+ onCompositionEnd?: CompositionEventHandler<HTMLDivElement> | undefined;
123
+ onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
124
+ onCompositionStart?: CompositionEventHandler<HTMLDivElement> | undefined;
125
+ onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
126
+ onCompositionUpdate?: CompositionEventHandler<HTMLDivElement> | undefined;
127
+ onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
128
+ onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
129
+ onFocusCapture?: FocusEventHandler<HTMLDivElement> | undefined;
130
+ onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
131
+ onBlurCapture?: FocusEventHandler<HTMLDivElement> | undefined;
132
+ onChange?: FormEventHandler<HTMLDivElement> | undefined;
133
+ onChangeCapture?: FormEventHandler<HTMLDivElement> | undefined;
134
+ onBeforeInput?: FormEventHandler<HTMLDivElement> | undefined;
135
+ onBeforeInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
136
+ onInput?: FormEventHandler<HTMLDivElement> | undefined;
137
+ onInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
138
+ onReset?: FormEventHandler<HTMLDivElement> | undefined;
139
+ onResetCapture?: FormEventHandler<HTMLDivElement> | undefined;
140
+ onSubmit?: FormEventHandler<HTMLDivElement> | undefined;
141
+ onSubmitCapture?: FormEventHandler<HTMLDivElement> | undefined;
142
+ onInvalid?: FormEventHandler<HTMLDivElement> | undefined;
143
+ onInvalidCapture?: FormEventHandler<HTMLDivElement> | undefined;
144
+ onLoad?: ReactEventHandler<HTMLDivElement> | undefined;
145
+ onLoadCapture?: ReactEventHandler<HTMLDivElement> | undefined;
146
+ onError?: ReactEventHandler<HTMLDivElement> | undefined;
147
+ onErrorCapture?: ReactEventHandler<HTMLDivElement> | undefined;
148
+ onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
149
+ onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
150
+ onKeyPress?: KeyboardEventHandler<HTMLDivElement> | undefined;
151
+ onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
152
+ onKeyUp?: KeyboardEventHandler<HTMLDivElement> | undefined;
153
+ onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
154
+ onAbort?: ReactEventHandler<HTMLDivElement> | undefined;
155
+ onAbortCapture?: ReactEventHandler<HTMLDivElement> | undefined;
156
+ onCanPlay?: ReactEventHandler<HTMLDivElement> | undefined;
157
+ onCanPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
158
+ onCanPlayThrough?: ReactEventHandler<HTMLDivElement> | undefined;
159
+ onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement> | undefined;
160
+ onDurationChange?: ReactEventHandler<HTMLDivElement> | undefined;
161
+ onDurationChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
162
+ onEmptied?: ReactEventHandler<HTMLDivElement> | undefined;
163
+ onEmptiedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
164
+ onEncrypted?: ReactEventHandler<HTMLDivElement> | undefined;
165
+ onEncryptedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
166
+ onEnded?: ReactEventHandler<HTMLDivElement> | undefined;
167
+ onEndedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
168
+ onLoadedData?: ReactEventHandler<HTMLDivElement> | undefined;
169
+ onLoadedDataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
170
+ onLoadedMetadata?: ReactEventHandler<HTMLDivElement> | undefined;
171
+ onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
172
+ onLoadStart?: ReactEventHandler<HTMLDivElement> | undefined;
173
+ onLoadStartCapture?: ReactEventHandler<HTMLDivElement> | undefined;
174
+ onPause?: ReactEventHandler<HTMLDivElement> | undefined;
175
+ onPauseCapture?: ReactEventHandler<HTMLDivElement> | undefined;
176
+ onPlay?: ReactEventHandler<HTMLDivElement> | undefined;
177
+ onPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
178
+ onPlaying?: ReactEventHandler<HTMLDivElement> | undefined;
179
+ onPlayingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
180
+ onProgress?: ReactEventHandler<HTMLDivElement> | undefined;
181
+ onProgressCapture?: ReactEventHandler<HTMLDivElement> | undefined;
182
+ onRateChange?: ReactEventHandler<HTMLDivElement> | undefined;
183
+ onRateChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
184
+ onResize?: ReactEventHandler<HTMLDivElement> | undefined;
185
+ onResizeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
186
+ onSeeked?: ReactEventHandler<HTMLDivElement> | undefined;
187
+ onSeekedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
188
+ onSeeking?: ReactEventHandler<HTMLDivElement> | undefined;
189
+ onSeekingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
190
+ onStalled?: ReactEventHandler<HTMLDivElement> | undefined;
191
+ onStalledCapture?: ReactEventHandler<HTMLDivElement> | undefined;
192
+ onSuspend?: ReactEventHandler<HTMLDivElement> | undefined;
193
+ onSuspendCapture?: ReactEventHandler<HTMLDivElement> | undefined;
194
+ onTimeUpdate?: ReactEventHandler<HTMLDivElement> | undefined;
195
+ onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement> | undefined;
196
+ onVolumeChange?: ReactEventHandler<HTMLDivElement> | undefined;
197
+ onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
198
+ onWaiting?: ReactEventHandler<HTMLDivElement> | undefined;
199
+ onWaitingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
200
+ onAuxClick?: MouseEventHandler<HTMLDivElement> | undefined;
201
+ onAuxClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
202
+ onClick?: MouseEventHandler<HTMLDivElement> | undefined;
203
+ onClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
204
+ onContextMenu?: MouseEventHandler<HTMLDivElement> | undefined;
205
+ onContextMenuCapture?: MouseEventHandler<HTMLDivElement> | undefined;
206
+ onDoubleClick?: MouseEventHandler<HTMLDivElement> | undefined;
207
+ onDoubleClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
208
+ onDrag?: DragEventHandler<HTMLDivElement> | undefined;
209
+ onDragCapture?: DragEventHandler<HTMLDivElement> | undefined;
210
+ onDragEnd?: DragEventHandler<HTMLDivElement> | undefined;
211
+ onDragEndCapture?: DragEventHandler<HTMLDivElement> | undefined;
212
+ onDragEnter?: DragEventHandler<HTMLDivElement> | undefined;
213
+ onDragEnterCapture?: DragEventHandler<HTMLDivElement> | undefined;
214
+ onDragExit?: DragEventHandler<HTMLDivElement> | undefined;
215
+ onDragExitCapture?: DragEventHandler<HTMLDivElement> | undefined;
216
+ onDragLeave?: DragEventHandler<HTMLDivElement> | undefined;
217
+ onDragLeaveCapture?: DragEventHandler<HTMLDivElement> | undefined;
218
+ onDragOver?: DragEventHandler<HTMLDivElement> | undefined;
219
+ onDragOverCapture?: DragEventHandler<HTMLDivElement> | undefined;
220
+ onDragStart?: DragEventHandler<HTMLDivElement> | undefined;
221
+ onDragStartCapture?: DragEventHandler<HTMLDivElement> | undefined;
222
+ onDrop?: DragEventHandler<HTMLDivElement> | undefined;
223
+ onDropCapture?: DragEventHandler<HTMLDivElement> | undefined;
224
+ onMouseDown?: MouseEventHandler<HTMLDivElement> | undefined;
225
+ onMouseDownCapture?: MouseEventHandler<HTMLDivElement> | undefined;
226
+ onMouseEnter?: MouseEventHandler<HTMLDivElement> | undefined;
227
+ onMouseLeave?: MouseEventHandler<HTMLDivElement> | undefined;
228
+ onMouseMove?: MouseEventHandler<HTMLDivElement> | undefined;
229
+ onMouseMoveCapture?: MouseEventHandler<HTMLDivElement> | undefined;
230
+ onMouseOut?: MouseEventHandler<HTMLDivElement> | undefined;
231
+ onMouseOutCapture?: MouseEventHandler<HTMLDivElement> | undefined;
232
+ onMouseOver?: MouseEventHandler<HTMLDivElement> | undefined;
233
+ onMouseOverCapture?: MouseEventHandler<HTMLDivElement> | undefined;
234
+ onMouseUp?: MouseEventHandler<HTMLDivElement> | undefined;
235
+ onMouseUpCapture?: MouseEventHandler<HTMLDivElement> | undefined;
236
+ onSelect?: ReactEventHandler<HTMLDivElement> | undefined;
237
+ onSelectCapture?: ReactEventHandler<HTMLDivElement> | undefined;
238
+ onTouchCancel?: TouchEventHandler<HTMLDivElement> | undefined;
239
+ onTouchCancelCapture?: TouchEventHandler<HTMLDivElement> | undefined;
240
+ onTouchEnd?: TouchEventHandler<HTMLDivElement> | undefined;
241
+ onTouchEndCapture?: TouchEventHandler<HTMLDivElement> | undefined;
242
+ onTouchMove?: TouchEventHandler<HTMLDivElement> | undefined;
243
+ onTouchMoveCapture?: TouchEventHandler<HTMLDivElement> | undefined;
244
+ onTouchStart?: TouchEventHandler<HTMLDivElement> | undefined;
245
+ onTouchStartCapture?: TouchEventHandler<HTMLDivElement> | undefined;
246
+ onPointerDown?: PointerEventHandler<HTMLDivElement> | undefined;
247
+ onPointerDownCapture?: PointerEventHandler<HTMLDivElement> | undefined;
248
+ onPointerMove?: PointerEventHandler<HTMLDivElement> | undefined;
249
+ onPointerMoveCapture?: PointerEventHandler<HTMLDivElement> | undefined;
250
+ onPointerUp?: PointerEventHandler<HTMLDivElement> | undefined;
251
+ onPointerUpCapture?: PointerEventHandler<HTMLDivElement> | undefined;
252
+ onPointerCancel?: PointerEventHandler<HTMLDivElement> | undefined;
253
+ onPointerCancelCapture?: PointerEventHandler<HTMLDivElement> | undefined;
254
+ onPointerEnter?: PointerEventHandler<HTMLDivElement> | undefined;
255
+ onPointerEnterCapture?: PointerEventHandler<HTMLDivElement> | undefined;
256
+ onPointerLeave?: PointerEventHandler<HTMLDivElement> | undefined;
257
+ onPointerLeaveCapture?: PointerEventHandler<HTMLDivElement> | undefined;
258
+ onPointerOver?: PointerEventHandler<HTMLDivElement> | undefined;
259
+ onPointerOverCapture?: PointerEventHandler<HTMLDivElement> | undefined;
260
+ onPointerOut?: PointerEventHandler<HTMLDivElement> | undefined;
261
+ onPointerOutCapture?: PointerEventHandler<HTMLDivElement> | undefined;
262
+ onGotPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
263
+ onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
264
+ onLostPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
265
+ onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
266
+ onScroll?: UIEventHandler<HTMLDivElement> | undefined;
267
+ onScrollCapture?: UIEventHandler<HTMLDivElement> | undefined;
268
+ onWheel?: WheelEventHandler<HTMLDivElement> | undefined;
269
+ onWheelCapture?: WheelEventHandler<HTMLDivElement> | undefined;
270
+ onAnimationStart?: AnimationEventHandler<HTMLDivElement> | undefined;
271
+ onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
272
+ onAnimationEnd?: AnimationEventHandler<HTMLDivElement> | undefined;
273
+ onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
274
+ onAnimationIteration?: AnimationEventHandler<HTMLDivElement> | undefined;
275
+ onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
276
+ onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
277
+ onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
278
+ value: DateValue;
279
+ disabled?: boolean | undefined;
280
+ offset?: Offset | undefined;
281
+ }>;
@@ -1,3 +1,3 @@
1
- import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy/dist/create-anatomy';
1
+ import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
2
2
  export declare const datePickerAnatomy: AnatomyInstance<"header" | "input" | "label" | "grid" | "row" | "content" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader">;
3
3
  export declare const parts: Record<"header" | "input" | "label" | "grid" | "row" | "content" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader", AnatomyPart>;
@@ -0,0 +1,132 @@
1
+ import type { HTMLAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes } from 'react';
2
+ import type { matchView } from '@zag-js/date-picker/dist/date-picker.utils';
3
+ import * as datePicker from '@zag-js/date-picker';
4
+ import type { Optional } from '../types';
5
+ export type UseDatePickerProps = Optional<datePicker.Context, 'id'>;
6
+ export type UseDatePickerReturn = ReturnType<typeof useDatePicker>;
7
+ export declare const useDatePicker: (props: UseDatePickerProps) => {
8
+ isFocused: boolean;
9
+ isOpen: boolean | undefined;
10
+ view: datePicker.DateView;
11
+ matchView: typeof matchView;
12
+ getDaysInWeek(weekIndex: number, from?: datePicker.DateValue | undefined): datePicker.DateValue[];
13
+ getOffset(months: number): {
14
+ amount: number;
15
+ visibleRange: {
16
+ start: datePicker.CalendarDate | datePicker.CalendarDateTime | datePicker.ZonedDateTime;
17
+ end: datePicker.CalendarDate | datePicker.CalendarDateTime | datePicker.ZonedDateTime;
18
+ };
19
+ weeks: datePicker.DateValue[][];
20
+ };
21
+ getMonthDays(from?: datePicker.DateValue | undefined): datePicker.DateValue[][];
22
+ isUnavailable(date: datePicker.DateValue): boolean;
23
+ readonly weeks: datePicker.DateValue[][];
24
+ weekDays: {
25
+ value: datePicker.CalendarDate | datePicker.CalendarDateTime | datePicker.ZonedDateTime;
26
+ short: string;
27
+ long: string;
28
+ narrow: string;
29
+ }[];
30
+ visibleRangeText: {
31
+ start: string;
32
+ end: string;
33
+ formatted: string;
34
+ };
35
+ value: datePicker.DateValue[];
36
+ valueAsDate: Date[];
37
+ valueAsString: string[];
38
+ focusedValue: datePicker.DateValue;
39
+ focusedValueAsDate: Date;
40
+ focusedValueAsString: string;
41
+ selectToday(): void;
42
+ setValue(values: datePicker.CalendarDate[]): void;
43
+ setFocusedValue(value: datePicker.CalendarDate): void;
44
+ clearValue(): void;
45
+ open(): void;
46
+ close(): void;
47
+ focusMonth(month: number): void;
48
+ focusYear(year: number): void;
49
+ visibleRange: {
50
+ start: datePicker.DateValue;
51
+ end: datePicker.DateValue;
52
+ };
53
+ getYears(): {
54
+ label: string;
55
+ value: number;
56
+ }[];
57
+ getYearsGrid(props?: {
58
+ columns?: number | undefined;
59
+ } | undefined): {
60
+ label: string;
61
+ value: number;
62
+ }[][];
63
+ getDecade(): {
64
+ start: number | undefined;
65
+ end: number | undefined;
66
+ };
67
+ getMonths(props?: {
68
+ format?: "short" | "long" | undefined;
69
+ } | undefined): {
70
+ label: string;
71
+ value: number;
72
+ }[];
73
+ getMonthsGrid(props?: {
74
+ columns?: number | undefined;
75
+ format?: "short" | "long" | undefined;
76
+ } | undefined): {
77
+ label: string;
78
+ value: number;
79
+ }[][];
80
+ format(value: datePicker.CalendarDate, opts?: Intl.DateTimeFormatOptions | undefined): string;
81
+ setView(view: datePicker.DateView): void;
82
+ goToNext(): void;
83
+ goToPrev(): void;
84
+ controlProps: HTMLAttributes<HTMLElement>;
85
+ contentProps: HTMLAttributes<HTMLElement>;
86
+ getGridProps(props?: datePicker.GridProps | undefined): HTMLAttributes<HTMLElement>;
87
+ getDayCellState(props: datePicker.DayCellProps): {
88
+ isInvalid: boolean;
89
+ isDisabled: boolean;
90
+ isSelected: boolean;
91
+ isUnavailable: boolean;
92
+ isOutsideRange: boolean;
93
+ isInRange: boolean;
94
+ isFirstInRange: boolean;
95
+ isLastInRange: boolean;
96
+ isToday: boolean;
97
+ isWeekend: boolean;
98
+ formattedDate: string;
99
+ readonly isFocused: boolean;
100
+ readonly ariaLabel: string;
101
+ readonly isSelectable: boolean;
102
+ };
103
+ getDayCellProps(props: datePicker.DayCellProps): HTMLAttributes<HTMLElement>;
104
+ getDayCellTriggerProps(props: datePicker.DayCellProps): HTMLAttributes<HTMLElement>;
105
+ getMonthCellState(props: datePicker.CellProps): {
106
+ isFocused: boolean;
107
+ isSelectable: boolean;
108
+ isSelected: boolean;
109
+ valueText: string;
110
+ readonly isDisabled: boolean;
111
+ };
112
+ getMonthCellProps(props: datePicker.CellProps): HTMLAttributes<HTMLElement>;
113
+ getMonthCellTriggerProps(props: datePicker.CellProps): HTMLAttributes<HTMLElement>;
114
+ getYearCellState(props: datePicker.CellProps): {
115
+ isFocused: boolean;
116
+ isSelectable: boolean;
117
+ isSelected: boolean;
118
+ valueText: string;
119
+ readonly isDisabled: boolean;
120
+ };
121
+ getYearCellProps(props: datePicker.CellProps): HTMLAttributes<HTMLElement>;
122
+ getYearCellTriggerProps(props: datePicker.CellProps): HTMLAttributes<HTMLElement>;
123
+ getNextTriggerProps(props?: datePicker.ViewProps | undefined): DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
124
+ getPrevTriggerProps(props?: datePicker.ViewProps | undefined): DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
125
+ getHeaderProps(props?: datePicker.ViewProps | undefined): HTMLAttributes<HTMLElement>;
126
+ clearTriggerProps: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
127
+ triggerProps: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
128
+ getViewTriggerProps(props?: datePicker.ViewProps | undefined): DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
129
+ inputProps: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
130
+ monthSelectProps: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
131
+ yearSelectProps: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
132
+ };