@koobiq/react-primitives 0.0.1-beta.3 → 0.0.1-beta.31

package/dist/behaviors/useToggle.d.ts

@@ -1,44 +1,316 @@
 import type { RefObject } from 'react';
-import type { ExtendableProps } from '@koobiq/react-core';
-import type { AriaToggleProps } from '@react-aria/toggle';
-export type UseToggleProps = ExtendableProps<{
-    /**
-     * If `true`, the component will indicate an error.
-     * @default false
-     * */
-    error?: boolean;
-    /**
-     * If `true`, the component is checked.
-     * @default false
-     * */
-    checked?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     * */
-    disabled?: boolean;
-    /**
-     * If `true`, the input element is required.
-     * @default false
-     * */
-    required?: boolean;
-    /** The default checked state. Use when the component is not controlled. */
-    defaultChecked?: boolean;
-    /** Callback fired when the state is changed. */
-    onChange?: (checked: boolean) => void;
-}, Omit<AriaToggleProps, 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isDisabled' | 'defaultSelected' | 'onChange'>>;
+import type { AriaSwitchProps } from '@react-aria/switch';
+export type UseToggleProps = AriaSwitchProps & {
+    isInvalid?: boolean;
+};
 export declare function useToggle(props: UseToggleProps, ref: RefObject<HTMLInputElement | null>): {
+    isSelected: boolean;
+    isPressed: boolean;
+    isDisabled: boolean;
+    isReadOnly: boolean;
     labelProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>;
-    inputProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    inputProps: {
+        'aria-invalid': boolean | undefined;
+        id?: string | undefined;
+        role?: import("react").AriaRole | undefined;
+        tabIndex?: number | undefined;
+        style?: import("react").CSSProperties | undefined;
+        className?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "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 | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | 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 | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "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;
+        children?: import("react").ReactNode | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLInputElement>) | undefined;
+        onCopyCapture?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLInputElement>) | undefined;
+        onCut?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLInputElement>) | undefined;
+        onCutCapture?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLInputElement>) | undefined;
+        onPaste?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLInputElement>) | undefined;
+        onPasteCapture?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLInputElement>) | undefined;
+        onCompositionEnd?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLInputElement>) | undefined;
+        onCompositionEndCapture?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLInputElement>) | undefined;
+        onCompositionStart?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLInputElement>) | undefined;
+        onCompositionStartCapture?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLInputElement>) | undefined;
+        onCompositionUpdate?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLInputElement>) | undefined;
+        onCompositionUpdateCapture?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLInputElement>) | undefined;
+        onFocus?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
+        onFocusCapture?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
+        onBlur?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
+        onBlurCapture?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
+        onChange?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").ChangeEventHandler<HTMLInputElement>) | undefined;
+        onChangeCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onBeforeInput?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onBeforeInputCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onInput?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onInputCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onReset?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onResetCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onSubmit?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onSubmitCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onInvalid?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onInvalidCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLInputElement>) | undefined;
+        onLoad?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onLoadCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onError?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onErrorCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onKeyDown?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLInputElement>) | undefined;
+        onKeyDownCapture?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLInputElement>) | undefined;
+        onKeyPress?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLInputElement>) | undefined;
+        onKeyPressCapture?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLInputElement>) | undefined;
+        onKeyUp?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLInputElement>) | undefined;
+        onKeyUpCapture?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLInputElement>) | undefined;
+        onAbort?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onAbortCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onCanPlay?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onCanPlayCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onCanPlayThrough?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onCanPlayThroughCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onDurationChange?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onDurationChangeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onEmptied?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onEmptiedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onEncrypted?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onEncryptedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onEnded?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onEndedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onLoadedData?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onLoadedDataCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onLoadedMetadata?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onLoadedMetadataCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onLoadStart?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onLoadStartCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onPause?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onPauseCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onPlay?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onPlayCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onPlaying?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onPlayingCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onProgress?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onProgressCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onRateChange?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onRateChangeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onResize?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onResizeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onSeeked?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onSeekedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onSeeking?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onSeekingCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onStalled?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onStalledCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onSuspend?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onSuspendCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onTimeUpdate?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onTimeUpdateCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onVolumeChange?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onVolumeChangeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onWaiting?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onWaitingCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onAuxClick?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onAuxClickCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onClick?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onClickCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onContextMenu?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onContextMenuCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onDoubleClick?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onDoubleClickCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onDrag?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragEnd?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragEndCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragEnter?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragEnterCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragExit?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragExitCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragLeave?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragLeaveCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragOver?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragOverCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragStart?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDragStartCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDrop?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onDropCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLInputElement>) | undefined;
+        onMouseDown?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseDownCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseEnter?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseLeave?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseMove?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseMoveCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseOut?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseOutCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseOver?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseOverCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseUp?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onMouseUpCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLInputElement>) | undefined;
+        onSelect?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onSelectCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLInputElement>) | undefined;
+        onTouchCancel?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onTouchCancelCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onTouchEnd?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onTouchEndCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onTouchMove?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onTouchMoveCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onTouchStart?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onTouchStartCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLInputElement>) | undefined;
+        onPointerDown?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerDownCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerMove?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerMoveCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerUp?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerUpCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerCancel?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerCancelCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerEnter?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerLeave?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerOver?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerOverCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerOut?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onPointerOutCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onGotPointerCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onGotPointerCaptureCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onLostPointerCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onLostPointerCaptureCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLInputElement>) | undefined;
+        onScroll?: (import("react").UIEventHandler<import("@react-types/shared").FocusableElement> & import("react").UIEventHandler<HTMLInputElement>) | undefined;
+        onScrollCapture?: (import("react").UIEventHandler<import("@react-types/shared").FocusableElement> & import("react").UIEventHandler<HTMLInputElement>) | undefined;
+        onWheel?: (import("react").WheelEventHandler<import("@react-types/shared").FocusableElement> & import("react").WheelEventHandler<HTMLInputElement>) | undefined;
+        onWheelCapture?: (import("react").WheelEventHandler<import("@react-types/shared").FocusableElement> & import("react").WheelEventHandler<HTMLInputElement>) | undefined;
+        onAnimationStart?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLInputElement>) | undefined;
+        onAnimationStartCapture?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLInputElement>) | undefined;
+        onAnimationEnd?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLInputElement>) | undefined;
+        onAnimationEndCapture?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLInputElement>) | undefined;
+        onAnimationIteration?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLInputElement>) | undefined;
+        onAnimationIterationCapture?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLInputElement>) | undefined;
+        onTransitionEnd?: (import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> & import("react").TransitionEventHandler<HTMLInputElement>) | undefined;
+        onTransitionEndCapture?: (import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> & import("react").TransitionEventHandler<HTMLInputElement>) | undefined;
+        accept?: string | undefined;
+        alt?: string | undefined;
+        autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        capture?: boolean | "user" | "environment" | undefined;
+        checked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined;
+        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        height?: number | string | undefined;
+        list?: string | undefined;
+        max?: number | string | undefined;
+        maxLength?: number | undefined;
+        min?: number | string | undefined;
+        minLength?: number | undefined;
+        multiple?: boolean | undefined;
+        name?: string | undefined;
+        pattern?: string | undefined;
+        placeholder?: string | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        size?: number | undefined;
+        src?: string | undefined;
+        step?: number | string | undefined;
+        type?: import("react").HTMLInputTypeAttribute | undefined;
+        value?: string | readonly string[] | number | undefined;
+        width?: number | string | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: boolean | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | 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;
+        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?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
         ref: RefObject<HTMLInputElement | null>;
     };
-    error: boolean;
-    pressed: boolean;
-    hovered: boolean;
-    focused: boolean;
-    checked: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    focusVisible: boolean;
+    isInvalid: boolean | undefined;
+    isHovered: boolean;
+    isFocused: boolean;
+    isFocusVisible: boolean;
 };
 export type UseToggleReturn = ReturnType<typeof useToggle>;

package/dist/behaviors/useToggle.js

@@ -1,51 +1,30 @@
 "use client";
-import { useToggleState, useHover, useFocusRing, mergeProps } from "@koobiq/react-core";
-import { useToggle as useToggle$1 } from "@react-aria/toggle";
+import { useHover, useFocusRing, mergeProps } from "@koobiq/react-core";
+import { useSwitch } from "@react-aria/switch";
+import { useToggleState } from "@react-stately/toggle";
 function useToggle(props, ref) {
-  const { error, checked, disabled, required, defaultChecked, onChange } = props;
-  const state = useToggleState({
-    isSelected: checked,
-    defaultSelected: defaultChecked,
-    onChange
-  });
+  const { isInvalid, isDisabled } = props;
+  const state = useToggleState(props);
   const { hoverProps, isHovered } = useHover({
-    isDisabled: disabled
+    isDisabled
   });
   const { focusProps, isFocused, isFocusVisible } = useFocusRing();
   const {
     labelProps: commonLabelProps,
     inputProps: commonInputProps,
-    isInvalid,
-    isDisabled,
-    isSelected,
-    isReadOnly,
-    isPressed,
     ...other
-  } = useToggle$1(
-    {
-      ...props,
-      isInvalid: error,
-      isDisabled: disabled,
-      isRequired: required
-    },
-    state,
-    ref
-  );
+  } = useSwitch(props, state, ref);
   const labelProps = mergeProps(hoverProps, commonLabelProps);
   const inputProps = mergeProps(focusProps, commonInputProps, {
     ref
   });
   return {
     labelProps,
-    inputProps,
-    error: isInvalid,
-    pressed: isPressed,
-    hovered: isHovered,
-    focused: isFocused,
-    checked: isSelected,
-    disabled: isDisabled,
-    readonly: isReadOnly,
-    focusVisible: isFocusVisible,
+    inputProps: { ...inputProps, "aria-invalid": isInvalid },
+    isInvalid,
+    isHovered,
+    isFocused,
+    isFocusVisible,
     ...other
   };
 }

package/dist/components/Button/Button.js

@@ -11,8 +11,8 @@ const Button = polymorphicForwardRef(
     const Tag = as || "button";
     const commonProps = useSlottedContext(props, ButtonContext, slot);
     const {
-      loading,
-      disabled,
+      isLoading,
+      isDisabled,
       value,
       name,
       form,
@@ -23,10 +23,10 @@ const Button = polymorphicForwardRef(
       formTarget
     } = commonProps;
     const domRef = useDOMRef(ref);
-    const { hovered, pressed, focused, focusVisible, buttonProps } = useButton(
+    const { isHovered, isPressed, isFocused, isFocusVisible, buttonProps } = useButton(
       {
         ...commonProps,
-        ...loading && {
+        ...(isLoading || isDisabled) && {
           onPress: void 0,
           onPressStart: void 0,
           onPressEnd: void 0,
@@ -37,18 +37,17 @@ const Button = polymorphicForwardRef(
           onClick: void 0,
           href: void 0
         },
-        disabled,
         elementType: as
       },
       domRef
     );
     const renderValues = {
-      hovered,
-      pressed,
-      focused,
-      focusVisible,
-      loading: loading || false,
-      disabled: disabled || false
+      isHovered,
+      isPressed,
+      isFocused,
+      isFocusVisible,
+      isLoading: isLoading || false,
+      isDisabled: isDisabled || false
     };
     const renderProps = useRenderProps({
       ...props,
@@ -69,9 +68,14 @@ const Button = polymorphicForwardRef(
         },
         ...buttonProps,
         ...renderProps,
+        "data-hovered": isHovered,
+        "data-pressed": isPressed,
+        "data-focused": isFocused,
+        "data-disabled": isDisabled,
+        "data-focus-visible": isFocusVisible,
         tabIndex: tabIndex || buttonProps.tabIndex,
-        "aria-disabled": loading ? "true" : buttonProps["aria-disabled"],
-        "aria-busy": loading,
+        "aria-disabled": isLoading ? "true" : buttonProps["aria-disabled"],
+        "aria-busy": isLoading,
         ref: domRef,
         children: renderProps.children
       }

package/dist/components/Button/ButtonContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from "react";
 const ButtonContext = createContext({});
 export {

package/dist/components/Button/types.d.ts

@@ -3,12 +3,12 @@ import type { HoverEvent } from '@react-types/shared';
 import type { ButtonOptions } from '../../types';
 import type { RenderProps } from '../../utils';
 export type ButtonRenderProps = {
-    hovered: boolean;
-    focused: boolean;
-    pressed: boolean;
-    loading: boolean;
-    disabled: boolean;
-    focusVisible: boolean;
+    isHovered: boolean;
+    isFocused: boolean;
+    isPressed: boolean;
+    isLoading: boolean;
+    isDisabled: boolean;
+    isFocusVisible: boolean;
 };
 export type ButtonBaseProps = ExtendableProps<RenderProps<ButtonRenderProps>, ButtonOptions & {
     /** Handler that is called when a hover interaction starts. */
@@ -39,5 +39,5 @@ export type ButtonBaseProps = ExtendableProps<RenderProps<ButtonRenderProps>, Bu
     formTarget?: string;
     tabIndex?: number;
     slot?: string;
-    loading?: boolean;
+    isLoading?: boolean;
 }>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("../..").UseCheckboxProps, keyof import("../../utils").RenderProps<import("./types").CheckboxRenderProps> | "inputRef"> & import("../../utils").RenderProps<import("./types").CheckboxRenderProps> & {
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("@react-aria/checkbox").AriaCheckboxProps, keyof import("../..").RenderProps<import("./types").CheckboxRenderProps> | "inputRef"> & import("../..").RenderProps<import("./types").CheckboxRenderProps> & {
     inputRef?: import("react").RefObject<HTMLInputElement | null>;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Checkbox/Checkbox.js

@@ -10,13 +10,15 @@ const Checkbox = forwardRef(
     const { children, inputRef } = props;
     const domRef = useDOMRef(inputRef);
     const {
-      hovered,
-      error,
-      checked,
-      focused,
-      pressed,
-      focusVisible,
-      indeterminate,
+      isHovered,
+      isInvalid,
+      isSelected,
+      isFocused,
+      isPressed,
+      isReadOnly,
+      isDisabled,
+      isFocusVisible,
+      isIndeterminate,
       labelProps,
       inputProps
     } = useCheckbox(
@@ -27,14 +29,14 @@ const Checkbox = forwardRef(
       domRef
     );
     const renderValues = {
-      hovered,
-      error,
-      checked,
-      focused,
-      pressed,
-      focusVisible,
-      indeterminate,
-      disabled: props.disabled || false
+      isHovered,
+      isInvalid,
+      isSelected,
+      isFocused,
+      isPressed,
+      isFocusVisible,
+      isIndeterminate,
+      isDisabled: props.isDisabled || false
     };
     const renderProps = useRenderProps({
       ...props,
@@ -42,10 +44,25 @@ const Checkbox = forwardRef(
     });
     const DOMProps = filterDOMProps(props);
     delete DOMProps.id;
-    return /* @__PURE__ */ jsxs("label", { ...mergeProps(DOMProps, labelProps, renderProps), ref, children: [
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("input", { ...inputProps, ref: domRef }) }),
-      renderProps.children
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        "data-hovered": isHovered,
+        "data-pressed": isPressed,
+        "data-focused": isFocused,
+        "data-invalid": isInvalid,
+        "data-selected": isSelected,
+        "data-disabled": isDisabled,
+        "data-read-only": isReadOnly,
+        "data-focus-visible": isFocusVisible,
+        ...mergeProps(DOMProps, labelProps, renderProps),
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(VisuallyHidden, { elementType: "span", children: /* @__PURE__ */ jsx("input", { ...inputProps, ref: domRef }) }),
+          renderProps.children
+        ]
+      }
+    );
   }
 );
 Checkbox.displayName = "Checkbox";