@ark-ui/react 0.3.0 → 0.4.0

package/README.md

@@ -19,6 +19,7 @@ At the moment, `@ark-ui/react`offers the following components:
 - [Checkbox](https://ark-ui.com/docs/react/components/checkbox)
 - [Color Picker](https://ark-ui.com/docs/react/components/color-picker)
 - [Combobox](https://ark-ui.com/docs/react/components/combobox)
+- [Date Picker](https://ark-ui.com/docs/react/components/date-picker)
 - [Dialog](https://ark-ui.com/docs/react/components/dialog)
 - [Editable](https://ark-ui.com/docs/react/components/editable)
 - [Hover Card](https://ark-ui.com/docs/react/components/hover-card)

package/dist/accordion/accordion-content.d.ts

@@ -31,11 +31,14 @@ export declare const AccordionContent: ForwardRefExoticComponent<{
     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;
@@ -101,7 +104,7 @@ export declare const AccordionContent: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/accordion/accordion-context.d.ts

@@ -1,4 +1,4 @@
-import type { ItemProps } from '@zag-js/accordion/dist/accordion.types';
+import type { ItemProps, ItemState } from '@zag-js/accordion/dist/accordion.types';
 import type { Provider, HTMLAttributes, DetailedHTMLProps, ButtonHTMLAttributes } from 'react';
 import { type UseAccordionReturn } from './use-accordion';
 export type AccordionContext = UseAccordionReturn;
@@ -10,11 +10,7 @@ export declare const AccordionProvider: Provider<{
     focusedValue: string | null;
     value: string | string[] | null;
     setValue: (value: string | string[]) => void;
-    getItemState: (props: ItemProps) => {
-        isOpen: boolean;
-        isFocused: boolean;
-        isDisabled: boolean;
-    };
+    getItemState: (props: ItemProps) => ItemState;
 }>, useAccordionContext: () => {
     rootProps: HTMLAttributes<HTMLElement>;
     getItemProps(props: ItemProps): HTMLAttributes<HTMLElement>;
@@ -23,9 +19,5 @@ export declare const AccordionProvider: Provider<{
     focusedValue: string | null;
     value: string | string[] | null;
     setValue: (value: string | string[]) => void;
-    getItemState: (props: ItemProps) => {
-        isOpen: boolean;
-        isFocused: boolean;
-        isDisabled: boolean;
-    };
+    getItemState: (props: ItemProps) => ItemState;
 };

package/dist/accordion/accordion-icon.d.ts

@@ -31,11 +31,14 @@ export declare const AccordionIcon: ForwardRefExoticComponent<{
     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;
@@ -101,7 +104,7 @@ export declare const AccordionIcon: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/accordion/accordion-item.d.ts

@@ -36,11 +36,14 @@ export declare const AccordionItem: ForwardRefExoticComponent<{
     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;
@@ -106,7 +109,7 @@ export declare const AccordionItem: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/accordion/accordion-trigger.d.ts

@@ -40,11 +40,14 @@ export declare const AccordionTrigger: ForwardRefExoticComponent<{
     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;
@@ -110,7 +113,7 @@ export declare const AccordionTrigger: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLButtonElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;

package/dist/accordion/accordion.d.ts

@@ -30,11 +30,14 @@ export declare const Accordion: ForwardRefExoticComponent<{
     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;
@@ -100,7 +103,7 @@ export declare const Accordion: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/accordion/use-accordion.d.ts

@@ -1,4 +1,3 @@
-import type { ItemProps } from '@zag-js/accordion/dist/accordion.types';
 import type { HTMLAttributes, DetailedHTMLProps, ButtonHTMLAttributes } from 'react';
 import * as accordion from '@zag-js/accordion';
 import { type Optional } from '../types';
@@ -8,15 +7,11 @@ export type UseAccordionProps = Optional<accordion.Context, 'id'> & {
 export type UseAccordionReturn = ReturnType<typeof useAccordion>;
 export declare const useAccordion: (props: UseAccordionProps) => {
     rootProps: HTMLAttributes<HTMLElement>;
-    getItemProps(props: ItemProps): HTMLAttributes<HTMLElement>;
-    getContentProps(props: ItemProps): HTMLAttributes<HTMLElement>;
-    getTriggerProps(props: ItemProps): DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    getItemProps(props: accordion.ItemProps): HTMLAttributes<HTMLElement>;
+    getContentProps(props: accordion.ItemProps): HTMLAttributes<HTMLElement>;
+    getTriggerProps(props: accordion.ItemProps): DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
     focusedValue: string | null;
     value: string | string[] | null;
     setValue: (value: string | string[]) => void;
-    getItemState: (props: ItemProps) => {
-        isOpen: boolean;
-        isFocused: boolean;
-        isDisabled: boolean;
-    };
+    getItemState: (props: accordion.ItemProps) => accordion.ItemState;
 };

package/dist/carousel/carousel-control.d.ts

@@ -31,11 +31,14 @@ export declare const CarouselControl: ForwardRefExoticComponent<{
     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;
@@ -101,7 +104,7 @@ export declare const CarouselControl: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/carousel/carousel-next-slide-trigger.d.ts

@@ -40,11 +40,14 @@ export declare const CarouselNextSlideTrigger: ForwardRefExoticComponent<{
     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;
@@ -110,7 +113,7 @@ export declare const CarouselNextSlideTrigger: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLButtonElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;

package/dist/carousel/carousel-prev-slide-trigger.d.ts

@@ -40,11 +40,14 @@ export declare const CarouselPrevSlideTrigger: ForwardRefExoticComponent<{
     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;
@@ -110,7 +113,7 @@ export declare const CarouselPrevSlideTrigger: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLButtonElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;

package/dist/carousel/carousel-slide-group.d.ts

@@ -31,11 +31,14 @@ export declare const CarouselSlideGroup: ForwardRefExoticComponent<{
     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;
@@ -101,7 +104,7 @@ export declare const CarouselSlideGroup: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/carousel/carousel-slide.d.ts

@@ -33,11 +33,14 @@ export declare const CarouselSlide: ForwardRefExoticComponent<{
     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;
@@ -103,7 +106,7 @@ export declare const CarouselSlide: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/carousel/carousel-viewport.d.ts

@@ -31,11 +31,14 @@ export declare const CarouselViewport: ForwardRefExoticComponent<{
     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;
@@ -101,7 +104,7 @@ export declare const CarouselViewport: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/carousel/carousel.d.ts

@@ -34,11 +34,14 @@ export declare const Carousel: ForwardRefExoticComponent<{
     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;
@@ -104,7 +107,7 @@ export declare const Carousel: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/checkbox/checkbox-context.d.ts

@@ -1,15 +1,15 @@
+import type { CheckedState } from '@zag-js/checkbox/dist/checkbox.types';
 import type { Provider, DetailedHTMLProps, LabelHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from 'react';
 import { type UseCheckboxReturn } from './use-checkbox';
 export type CheckboxContext = UseCheckboxReturn;
 export declare const CheckboxProvider: Provider<{
     isChecked: boolean;
     isDisabled: boolean | undefined;
-    isIndeterminate: boolean | undefined;
-    isFocused: boolean;
-    isReadOnly: boolean | undefined;
-    view: string;
-    setChecked(checked: boolean): void;
-    setIndeterminate(indeterminate: boolean): void;
+    isIndeterminate: boolean;
+    isFocused: boolean | undefined;
+    checkedState: CheckedState;
+    setChecked(checked: CheckedState): void;
+    toggleChecked(): void;
     rootProps: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
     labelProps: HTMLAttributes<HTMLElement>;
     controlProps: HTMLAttributes<HTMLElement>;
@@ -17,12 +17,11 @@ export declare const CheckboxProvider: Provider<{
 }>, useCheckboxContext: () => {
     isChecked: boolean;
     isDisabled: boolean | undefined;
-    isIndeterminate: boolean | undefined;
-    isFocused: boolean;
-    isReadOnly: boolean | undefined;
-    view: string;
-    setChecked(checked: boolean): void;
-    setIndeterminate(indeterminate: boolean): void;
+    isIndeterminate: boolean;
+    isFocused: boolean | undefined;
+    checkedState: CheckedState;
+    setChecked(checked: CheckedState): void;
+    toggleChecked(): void;
     rootProps: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
     labelProps: HTMLAttributes<HTMLElement>;
     controlProps: HTMLAttributes<HTMLElement>;

package/dist/checkbox/checkbox-control.d.ts

@@ -31,11 +31,14 @@ export declare const CheckboxControl: ForwardRefExoticComponent<{
     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;
@@ -101,7 +104,7 @@ export declare const CheckboxControl: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/checkbox/checkbox-input.d.ts

@@ -51,11 +51,14 @@ export declare const CheckboxInput: ForwardRefExoticComponent<{
     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;
@@ -121,7 +124,7 @@ export declare const CheckboxInput: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLInputElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -287,13 +290,13 @@ export declare const CheckboxInput: ForwardRefExoticComponent<{
     onTransitionEndCapture?: TransitionEventHandler<HTMLInputElement> | undefined;
     type?: HTMLInputTypeAttribute | undefined;
     step?: string | number | undefined;
-    readOnly?: boolean | undefined;
     required?: boolean | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     enterKeyHint?: "search" | "send" | "enter" | "done" | "go" | "next" | "previous" | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
+    readOnly?: boolean | undefined;
     size?: number | undefined;
     width?: string | number | undefined;
 }>;

package/dist/checkbox/checkbox-label.d.ts

@@ -31,11 +31,14 @@ export declare const CheckboxLabel: ForwardRefExoticComponent<{
     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;
@@ -101,7 +104,7 @@ export declare const CheckboxLabel: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLSpanElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLSpanElement> | undefined;

package/dist/checkbox/checkbox.cjs

@@ -15,22 +15,16 @@ const Checkbox = forwardRef.forwardRef((props, ref) => {
   const [useCheckboxProps, { children, ...labelProps }] = createSplitProps.createSplitProps()(
     props,
     [
-      "aria-describedby",
-      "aria-label",
-      "aria-labelledby",
       "checked",
       "dir",
       "disabled",
-      "focusable",
       "form",
       "getRootNode",
       "id",
       "ids",
-      "indeterminate",
       "invalid",
       "name",
       "onChange",
-      "readOnly",
       "required",
       "value"
     ]

package/dist/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+import type { CheckedState } from '@zag-js/checkbox/dist/checkbox.types';
 import type { ForwardRefExoticComponent, CSSProperties, LegacyRef, Key, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, type ReactNode } from 'react';
 import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
@@ -35,11 +36,14 @@ export declare const Checkbox: ForwardRefExoticComponent<{
     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;
@@ -66,6 +70,7 @@ export declare const Checkbox: ForwardRefExoticComponent<{
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -77,6 +82,8 @@ export declare const Checkbox: ForwardRefExoticComponent<{
     '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;
@@ -102,7 +109,7 @@ export declare const Checkbox: ForwardRefExoticComponent<{
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: ClipboardEventHandler<HTMLLabelElement> | undefined;
     onCopyCapture?: ClipboardEventHandler<HTMLLabelElement> | undefined;
@@ -266,17 +273,14 @@ export declare const Checkbox: ForwardRefExoticComponent<{
     onTransitionEnd?: TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEndCapture?: TransitionEventHandler<HTMLLabelElement> | undefined;
     name?: string | undefined;
-    value?: string | number | undefined;
+    value?: string | undefined;
     form?: string | undefined;
     disabled?: boolean | undefined;
-    checked?: boolean | undefined;
+    checked?: CheckedState | undefined;
     dir?: "ltr" | "rtl" | undefined;
     id?: string | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
     onChange?: ((details: {
-        checked: boolean | "indeterminate";
+        checked: CheckedState;
     }) => void) | undefined;
     getRootNode?: (() => Node | ShadowRoot | Document) | undefined;
     ids?: Partial<{
@@ -285,9 +289,6 @@ export declare const Checkbox: ForwardRefExoticComponent<{
         control: string;
         label: string;
     }> | undefined;
-    indeterminate?: boolean | undefined;
-    focusable?: boolean | undefined;
-    readOnly?: boolean | undefined;
     invalid?: boolean | undefined;
     required?: boolean | undefined;
     children: ReactNode | ((pages: CheckboxContext) => ReactNode);

package/dist/checkbox/checkbox.mjs

@@ -11,22 +11,16 @@ const Checkbox = forwardRef((props, ref) => {
   const [useCheckboxProps, { children, ...labelProps }] = createSplitProps()(
     props,
     [
-      "aria-describedby",
-      "aria-label",
-      "aria-labelledby",
       "checked",
       "dir",
       "disabled",
-      "focusable",
       "form",
       "getRootNode",
       "id",
       "ids",
-      "indeterminate",
       "invalid",
       "name",
       "onChange",
-      "readOnly",
       "required",
       "value"
     ]

package/dist/checkbox/index.d.ts

@@ -1,3 +1,4 @@
+export type { CheckedState } from '@zag-js/checkbox/dist/checkbox.types';
 export { Checkbox, type CheckboxProps } from './checkbox';
 export { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
 export { CheckboxInput, type CheckboxInputProps } from './checkbox-input';

package/dist/checkbox/use-checkbox.d.ts

@@ -1,4 +1,5 @@
 import type { DetailedHTMLProps, LabelHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from 'react';
+import type { CheckedState } from '@zag-js/checkbox/dist/checkbox.types';
 import * as checkbox from '@zag-js/checkbox';
 import { type Optional } from '../types';
 export type UseCheckboxProps = Optional<checkbox.Context, 'id'>;
@@ -6,12 +7,11 @@ export type UseCheckboxReturn = ReturnType<typeof useCheckbox>;
 export declare const useCheckbox: (props: UseCheckboxProps) => {
     isChecked: boolean;
     isDisabled: boolean | undefined;
-    isIndeterminate: boolean | undefined;
-    isFocused: boolean;
-    isReadOnly: boolean | undefined;
-    view: string;
-    setChecked(checked: boolean): void;
-    setIndeterminate(indeterminate: boolean): void;
+    isIndeterminate: boolean;
+    isFocused: boolean | undefined;
+    checkedState: CheckedState;
+    setChecked(checked: CheckedState): void;
+    toggleChecked(): void;
     rootProps: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
     labelProps: HTMLAttributes<HTMLElement>;
     controlProps: HTMLAttributes<HTMLElement>;