@proyecto-viviana/solid-stately 0.2.7 → 0.3.0

package/dist/calendar/createTimeFieldState.d.ts

@@ -4,12 +4,13 @@
  * Provides state management for time field components with segment-based editing.
  * Based on @react-stately/datepicker useTimeFieldState
  */
-import { type Accessor } from 'solid-js';
-import { type Time, type CalendarDateTime, type ZonedDateTime } from '@internationalized/date';
-import { type MaybeAccessor } from '../utils';
-import type { ValidationState } from './createCalendarState';
+import { type Accessor } from "solid-js";
+import { type Time, type CalendarDateTime, type ZonedDateTime, type DateValue } from "@internationalized/date";
+import { type MaybeAccessor } from "../utils";
+import type { ValidationState } from "./createCalendarState";
+import { type ValidationBehavior, type ValidationFunction, type ValidationResult } from "../form";
 export type TimeValue = Time | CalendarDateTime | ZonedDateTime;
-export type TimeSegmentType = 'hour' | 'minute' | 'second' | 'dayPeriod' | 'literal';
+export type TimeSegmentType = "hour" | "minute" | "second" | "dayPeriod" | "literal";
 export interface TimeSegment {
     /** The type of segment. */
     type: TimeSegmentType;
@@ -45,20 +46,36 @@ export interface TimeFieldStateProps<T extends TimeValue = Time> {
     isReadOnly?: MaybeAccessor<boolean>;
     /** Whether the field is required. */
     isRequired?: MaybeAccessor<boolean>;
+    /** Whether the value is invalid (controlled). */
+    isInvalid?: boolean;
     /** The locale to use for formatting. */
     locale?: string;
     /** The granularity (hour, minute, second). */
-    granularity?: 'hour' | 'minute' | 'second';
+    granularity?: "hour" | "minute" | "second";
     /** Whether to show 12 or 24 hour format. */
     hourCycle?: 12 | 24;
+    /** Whether to force leading zeroes in the hour segment. */
+    shouldForceLeadingZeros?: boolean;
     /** Validation state. */
     validationState?: MaybeAccessor<ValidationState | undefined>;
+    /** Validation behavior mode. */
+    validationBehavior?: ValidationBehavior;
+    /** Custom validation function. */
+    validate?: ValidationFunction<T>;
+    /** Description text. */
+    description?: string;
+    /** Error message. */
+    errorMessage?: string;
     /** The placeholder value. */
     placeholderValue?: T;
+    /** Whether dates outside the min/max range are unavailable. Added for API consistency. */
+    isDateUnavailable?: (date: DateValue) => boolean;
 }
 export interface TimeFieldState<T extends TimeValue = Time> {
     /** The current value. */
     value: Accessor<T | null>;
+    /** The default value. */
+    defaultValue: T | null;
     /** Sets the value. */
     setValue: (value: T | null) => void;
     /** The segments that make up the time. */
@@ -80,9 +97,19 @@ export interface TimeFieldState<T extends TimeValue = Time> {
     /** The validation state. */
     validationState: Accessor<ValidationState | undefined>;
     /** The granularity. */
-    granularity: 'hour' | 'minute' | 'second';
+    granularity: "hour" | "minute" | "second";
     /** Whether the value is invalid. */
     isInvalid: Accessor<boolean>;
+    /** Realtime validation results, including native and custom constraints. */
+    realtimeValidation: Accessor<ValidationResult>;
+    /** Currently displayed validation results. */
+    displayValidation: Accessor<ValidationResult>;
+    /** Updates the current validation result. */
+    updateValidation: (result: ValidationResult) => void;
+    /** Resets displayed validation to valid. */
+    resetValidation: () => void;
+    /** Commits realtime validation to displayed validation. */
+    commitValidation: () => void;
     /** The locale. */
     locale: string;
     /** The hour cycle. */

package/dist/calendar/index.d.ts

@@ -1,6 +1,7 @@
-export { createCalendarState, type CalendarStateProps, type CalendarState, type ValidationState, } from './createCalendarState';
-export { createRangeCalendarState, type RangeCalendarStateProps, type RangeCalendarState, type DateRange, type RangeValue, } from './createRangeCalendarState';
-export { createDateFieldState, type DateFieldStateProps, type DateFieldState, type DateSegment, type DateSegmentType, } from './createDateFieldState';
-export { createTimeFieldState, type TimeFieldStateProps, type TimeFieldState, type TimeSegment, type TimeSegmentType, type TimeValue, } from './createTimeFieldState';
-export type { CalendarDate, CalendarDateTime, ZonedDateTime, DateValue, Time, } from '@internationalized/date';
-export { today, now, getLocalTimeZone, parseDate, parseDateTime, parseTime, parseAbsolute, parseAbsoluteToLocal, parseZonedDateTime, toCalendarDate, toCalendarDateTime, toZoned, toTime, CalendarDate as CalendarDateClass, CalendarDateTime as CalendarDateTimeClass, ZonedDateTime as ZonedDateTimeClass, Time as TimeClass, DateFormatter, isSameDay, isSameMonth, isSameYear, isToday, isWeekend, startOfMonth, endOfMonth, startOfWeek, endOfWeek, startOfYear, endOfYear, getWeeksInMonth, getDayOfWeek, minDate, maxDate, } from '@internationalized/date';
+export { createCalendarState, type CalendarStateProps, type CalendarState, type ValidationState, type CalendarPageBehavior, type CalendarSelectionAlignment, type CalendarDayOfWeek, } from "./createCalendarState";
+export { createRangeCalendarState, type RangeCalendarStateProps, type RangeCalendarState, type DateRange, type RangeValue, } from "./createRangeCalendarState";
+export { createDateFieldState, type DateFieldStateProps, type DateFieldState, type DateSegment, type DateSegmentType, } from "./createDateFieldState";
+export { createTimeFieldState, type TimeFieldStateProps, type TimeFieldState, type TimeSegment, type TimeSegmentType, type TimeValue, } from "./createTimeFieldState";
+export { createDatePickerState, type DatePickerStateOptions, type DatePickerState, } from "./createDatePickerState";
+export type { CalendarDate, CalendarDateTime, ZonedDateTime, DateValue, Time, Calendar, CalendarIdentifier, AnyCalendarDate, } from "@internationalized/date";
+export { createCalendar, GregorianCalendar, today, now, getLocalTimeZone, parseDate, parseDateTime, parseTime, parseAbsolute, parseAbsoluteToLocal, parseZonedDateTime, toCalendarDate, toCalendarDateTime, toZoned, toTime, CalendarDate as CalendarDateClass, CalendarDateTime as CalendarDateTimeClass, ZonedDateTime as ZonedDateTimeClass, Time as TimeClass, DateFormatter, isSameDay, isSameMonth, isSameYear, isToday, isWeekend, startOfMonth, endOfMonth, startOfWeek, endOfWeek, startOfYear, endOfYear, getWeeksInMonth, getDayOfWeek, toCalendar, minDate, maxDate, } from "@internationalized/date";

package/dist/checkbox/createCheckboxGroupState.d.ts

@@ -6,9 +6,9 @@
  *
  * This is a 1:1 port of @react-stately/checkbox's useCheckboxGroupState.
  */
-import { Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-import { type FormValidationState, type ValidationFunction, type ValidationResult } from '../form';
+import { Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
+import { type FormValidationState, type ValidationFunction, type ValidationResult } from "../form";
 export interface CheckboxGroupProps {
     /** The current selected values (controlled). */
     value?: string[];
@@ -37,13 +37,13 @@ export interface CheckboxGroupProps {
     /** Handler that is called when the checkbox group's focus status changes. */
     onFocusChange?: (isFocused: boolean) => void;
     /** Backward-compatible controlled validation state. */
-    validationState?: 'valid' | 'invalid';
+    validationState?: "valid" | "invalid";
     /** Custom validation function. */
     validate?: ValidationFunction<readonly string[]>;
     /** Validation behavior for the checkbox group. */
-    validationBehavior?: 'aria' | 'native';
+    validationBehavior?: "aria" | "native";
 }
-export interface CheckboxGroupState extends Pick<FormValidationState, 'realtimeValidation' | 'displayValidation' | 'updateValidation' | 'resetValidation' | 'commitValidation'> {
+export interface CheckboxGroupState extends Pick<FormValidationState, "realtimeValidation" | "displayValidation" | "updateValidation" | "resetValidation" | "commitValidation"> {
     /** Current selected values. */
     readonly value: Accessor<readonly string[]>;
     /** Default selected values. */

package/dist/checkbox/index.d.ts

@@ -1 +1 @@
-export { createCheckboxGroupState, type CheckboxGroupProps, type CheckboxGroupState, } from './createCheckboxGroupState';
+export { createCheckboxGroupState, type CheckboxGroupProps, type CheckboxGroupState, } from "./createCheckboxGroupState";

package/dist/collections/ListCollection.d.ts

@@ -2,7 +2,7 @@
  * A simple list collection implementation.
  * Provides a Collection interface over an array of nodes.
  */
-import type { Collection, CollectionNode, Key } from './types';
+import type { Collection, CollectionNode, Key } from "./types";
 /**
  * A basic implementation of Collection for list-based components.
  */

package/dist/collections/createListState.d.ts

@@ -3,10 +3,10 @@
  * Combines collection and selection state.
  * Based on @react-stately/list.
  */
-import { type Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-import { type SelectionState } from './createSelectionState';
-import type { Collection, CollectionNode, DisabledBehavior, FocusStrategy, Key, SelectionBehavior, SelectionMode } from './types';
+import { type Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
+import { type SelectionState } from "./createSelectionState";
+import type { Collection, CollectionNode, DisabledBehavior, FocusStrategy, Key, SelectionBehavior, SelectionMode } from "./types";
 export interface ListStateProps<T = unknown> {
     /** The items in the list (for dynamic rendering). */
     items?: T[];
@@ -27,11 +27,11 @@ export interface ListStateProps<T = unknown> {
     /** Whether empty selection is disallowed. */
     disallowEmptySelection?: boolean;
     /** Currently selected keys (controlled). */
-    selectedKeys?: 'all' | Iterable<Key>;
+    selectedKeys?: "all" | Iterable<Key>;
     /** Default selected keys (uncontrolled). */
-    defaultSelectedKeys?: 'all' | Iterable<Key>;
+    defaultSelectedKeys?: "all" | Iterable<Key>;
     /** Handler for selection changes. */
-    onSelectionChange?: (keys: 'all' | Set<Key>) => void;
+    onSelectionChange?: (keys: "all" | Set<Key>) => void;
     /** Whether to allow duplicate selection events. */
     allowDuplicateSelectionEvents?: boolean;
 }
@@ -56,7 +56,7 @@ export declare function createListState<T = unknown>(props: MaybeAccessor<ListSt
 /**
  * Props for single selection list state.
  */
-export interface SingleSelectListStateProps<T = unknown> extends Omit<ListStateProps<T>, 'selectionMode' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'> {
+export interface SingleSelectListStateProps<T = unknown> extends Omit<ListStateProps<T>, "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange"> {
     /** The currently selected key (controlled). */
     selectedKey?: Key | null;
     /** The default selected key (uncontrolled). */

package/dist/collections/createMenuState.d.ts

@@ -2,10 +2,10 @@
  * State management for menu components.
  * Based on @react-stately/menu.
  */
-import { type MaybeAccessor } from '../utils';
-import { type ListState, type ListStateProps } from './createListState';
-import type { Key } from './types';
-export interface MenuStateProps<T = unknown> extends Omit<ListStateProps<T>, 'selectionMode' | 'disallowEmptySelection'> {
+import { type MaybeAccessor } from "../utils";
+import { type ListState, type ListStateProps } from "./createListState";
+import type { Key } from "./types";
+export interface MenuStateProps<T = unknown> extends ListStateProps<T> {
     /** Handler called when an item is activated (pressed). */
     onAction?: (key: Key) => void;
     /** Handler called when the menu should close. */
@@ -38,12 +38,12 @@ export interface MenuTriggerState {
     /** Toggle the menu. */
     toggle(): void;
     /** Focus strategy for when the menu opens. */
-    readonly focusStrategy: () => 'first' | 'last' | null;
+    readonly focusStrategy: () => "first" | "last" | null;
     /** Set the focus strategy. */
-    setFocusStrategy(strategy: 'first' | 'last' | null): void;
+    setFocusStrategy(strategy: "first" | "last" | null): void;
 }
 /**
  * Creates state for a menu trigger (button that opens a menu).
  * This is essentially the same as overlay trigger state but with focus strategy.
  */
-export { createOverlayTriggerState as createMenuTriggerState } from '../overlays';
+export { createOverlayTriggerState as createMenuTriggerState } from "../overlays";

package/dist/collections/createSelectionState.d.ts

@@ -2,9 +2,9 @@
  * Selection state management for collections.
  * Based on @react-stately/selection.
  */
-import { type Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-import type { Collection, DisabledBehavior, Key, Selection, SelectionBehavior, SelectionMode } from './types';
+import { type Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
+import type { Collection, DisabledBehavior, Key, Selection, SelectionBehavior, SelectionMode } from "./types";
 export interface SelectionStateProps {
     /** The selection mode. */
     selectionMode?: SelectionMode;
@@ -13,9 +13,9 @@ export interface SelectionStateProps {
     /** Whether empty selection is disallowed. */
     disallowEmptySelection?: boolean;
     /** Currently selected keys (controlled). */
-    selectedKeys?: 'all' | Iterable<Key>;
+    selectedKeys?: "all" | Iterable<Key>;
     /** Default selected keys (uncontrolled). */
-    defaultSelectedKeys?: 'all' | Iterable<Key>;
+    defaultSelectedKeys?: "all" | Iterable<Key>;
     /** Handler for selection changes. */
     onSelectionChange?: (keys: Selection) => void;
     /** Keys of disabled items. */

package/dist/collections/index.d.ts

@@ -1,5 +1,5 @@
-export type { Key, SelectionMode, SelectionBehavior, Selection, FocusStrategy, DisabledBehavior, CollectionNode, Collection, ItemProps, SectionProps, CollectionBase, SingleSelection, MultipleSelection, } from './types';
-export { ListCollection, createListCollection } from './ListCollection';
-export { createSelectionState, type SelectionStateProps, type SelectionState, } from './createSelectionState';
-export { createListState, createSingleSelectListState, type ListStateProps, type ListState, type SingleSelectListStateProps, type SingleSelectListState, } from './createListState';
-export { createMenuState, createMenuTriggerState, type MenuStateProps, type MenuState, type MenuTriggerStateProps, type MenuTriggerState, } from './createMenuState';
+export type { Key, SelectionMode, SelectionBehavior, Selection, FocusStrategy, DisabledBehavior, CollectionNode, Collection, ItemProps, SectionProps, CollectionBase, SingleSelection, MultipleSelection, } from "./types";
+export { ListCollection, createListCollection } from "./ListCollection";
+export { createSelectionState, type SelectionStateProps, type SelectionState, } from "./createSelectionState";
+export { createListState, createSingleSelectListState, type ListStateProps, type ListState, type SingleSelectListStateProps, type SingleSelectListState, } from "./createListState";
+export { createMenuState, createMenuTriggerState, type MenuStateProps, type MenuState, type MenuTriggerStateProps, type MenuTriggerState, } from "./createMenuState";

package/dist/collections/types.d.ts

@@ -2,25 +2,25 @@
  * Core types for collection state management.
  * Simplified from @react-stately/collections for SolidJS.
  */
-import type { JSX } from 'solid-js';
+import type { JSX } from "solid-js";
 /** A unique identifier for an item in a collection. */
 export type Key = string | number;
 /** The type of selection allowed in a collection. */
-export type SelectionMode = 'none' | 'single' | 'multiple';
+export type SelectionMode = "none" | "single" | "multiple";
 /** How selection behaves when clicking on items. */
-export type SelectionBehavior = 'toggle' | 'replace';
+export type SelectionBehavior = "toggle" | "replace";
 /** Represents the current selection state. */
-export type Selection = 'all' | Set<Key>;
+export type Selection = "all" | Set<Key>;
 /** Strategy for focusing first or last item. */
-export type FocusStrategy = 'first' | 'last';
+export type FocusStrategy = "first" | "last";
 /** Whether disabled keys affect selection, actions, or both. */
-export type DisabledBehavior = 'selection' | 'all';
+export type DisabledBehavior = "selection" | "all";
 /**
  * Represents a node in a collection (item or section).
  */
 export interface CollectionNode<T = unknown> {
     /** The type of node: 'item' or 'section'. */
-    type: 'item' | 'section';
+    type: "item" | "section";
     /** A unique key for the node. */
     key: Key;
     /** The original value/data for this node. */
@@ -42,7 +42,7 @@ export interface CollectionNode<T = unknown> {
     /** Whether this item is disabled. */
     isDisabled?: boolean;
     /** ARIA label for this node. */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** Additional props for the node. */
     props?: Record<string, unknown>;
 }
@@ -95,7 +95,7 @@ export interface ItemProps<T = unknown> {
     /** The rendered content of the item. */
     children?: JSX.Element;
     /** ARIA label for the item. */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** The original value for dynamic collections. */
     value?: T;
 }
@@ -108,7 +108,7 @@ export interface SectionProps<T = unknown> {
     /** The section header/title. */
     title?: JSX.Element;
     /** ARIA label for the section. */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** The items in this section. */
     children?: JSX.Element;
     /** Items for dynamic rendering. */
@@ -147,9 +147,9 @@ export interface MultipleSelection {
     /** Whether empty selection is allowed. */
     disallowEmptySelection?: boolean;
     /** The currently selected keys (controlled). */
-    selectedKeys?: 'all' | Iterable<Key>;
+    selectedKeys?: "all" | Iterable<Key>;
     /** The default selected keys (uncontrolled). */
-    defaultSelectedKeys?: 'all' | Iterable<Key>;
+    defaultSelectedKeys?: "all" | Iterable<Key>;
     /** Handler called when selection changes. */
     onSelectionChange?: (keys: Selection) => void;
     /** Keys of disabled items. */

package/dist/color/Color.d.ts

@@ -4,7 +4,7 @@
  *
  * Provides color manipulation, conversion, and formatting.
  */
-import type { Color } from './types';
+import type { Color } from "./types";
 /**
  * Parse a color string into a Color object.
  */

package/dist/color/createColorAreaState.d.ts

@@ -2,8 +2,8 @@
  * ColorArea state management.
  * Based on @react-stately/color useColorAreaState.
  */
-import { type Accessor } from 'solid-js';
-import type { Color, ColorChannel } from './types';
+import { type Accessor } from "solid-js";
+import type { Color, ColorChannel, ColorSpace } from "./types";
 export interface ColorAreaStateOptions {
     /** The current color value (controlled). */
     value?: Color | string;
@@ -17,6 +17,8 @@ export interface ColorAreaStateOptions {
     xChannel?: ColorChannel;
     /** The color channel for the Y axis. */
     yChannel?: ColorChannel;
+    /** The color space to use for the color area. */
+    colorSpace?: ColorSpace;
     /** Whether the area is disabled. */
     isDisabled?: boolean;
 }

package/dist/color/createColorFieldState.d.ts

@@ -1,52 +1,78 @@
 /**
  * ColorField state management.
- * Based on @react-stately/color useColorFieldState.
+ * Based on @react-stately/color useColorFieldState and useColorChannelFieldState.
  */
-import { type Accessor } from 'solid-js';
-import type { Color, ColorChannel, ColorFormat } from './types';
+import { type Accessor } from "solid-js";
+import type { Color, ColorChannel, ColorFormat, ColorSpace } from "./types";
 export interface ColorFieldStateOptions {
     /** The current color value (controlled). */
     value?: Color | string | null;
     /** The default color value (uncontrolled). */
-    defaultValue?: Color | string;
+    defaultValue?: Color | string | null;
     /** Handler called when the color changes. */
     onChange?: (color: Color | null) => void;
     /** The color channel to edit (for single channel mode). */
     channel?: ColorChannel;
-    /** The color format for parsing/displaying. */
+    /** The color space to use for channel mode. */
+    colorSpace?: ColorSpace;
+    /** The color format for parsing/displaying in hex mode. */
     colorFormat?: ColorFormat;
+    /** Locale used to format channel values. */
+    locale?: string;
     /** Whether the field is disabled. */
     isDisabled?: boolean;
     /** Whether the field is read-only. */
     isReadOnly?: boolean;
+    /** Whether the field is invalid. */
+    isInvalid?: boolean;
+    /** Whether the field is required. */
+    isRequired?: boolean;
 }
 export interface ColorFieldState {
-    /** The current color value (null if invalid). */
+    /** The current color value (null if empty). */
     readonly value: Color | null;
+    /** The color used for channel calculations. */
+    readonly colorValue: Color;
     /** The current input text. */
     readonly inputValue: string;
+    /** The numeric value exposed by channel fields. */
+    readonly numberValue: number;
+    /** The channel minimum value after formatting normalization. */
+    readonly minValue: number;
+    /** The channel maximum value after formatting normalization. */
+    readonly maxValue: number;
+    /** The channel keyboard step after formatting normalization. */
+    readonly step: number;
+    /** The channel page step after formatting normalization. */
+    readonly pageSize: number;
+    /** Number formatter options for channel fields. */
+    readonly formatOptions: Intl.NumberFormatOptions;
     /** Whether the input is invalid. */
     readonly isInvalid: boolean;
     /** Whether the field is disabled. */
     readonly isDisabled: boolean;
     /** Whether the field is read-only. */
     readonly isReadOnly: boolean;
+    /** Whether the field is required. */
+    readonly isRequired: boolean;
     /** The color channel being edited (if single channel mode). */
     readonly channel: ColorChannel | undefined;
     /** Set the input text value. */
     setInputValue(value: string): void;
+    /** Set the color value. */
+    setColorValue(value: Color | null): void;
     /** Commit the current input value. */
     commit(): void;
-    /** Increment the color channel value. */
+    /** Increment the color value. */
     increment(): void;
-    /** Decrement the color channel value. */
+    /** Decrement the color value. */
     decrement(): void;
-    /** Increment by page size. */
+    /** Increment by page size or to the maximum. */
     incrementToMax(): void;
-    /** Decrement to minimum. */
+    /** Decrement by page size or to the minimum. */
     decrementToMin(): void;
-    /** Validate the current input. */
-    validate(): boolean;
+    /** Validate the current input or a candidate input. */
+    validate(value?: string): boolean;
 }
 /**
  * Creates state for a color field (text input for color values).

package/dist/color/createColorSliderState.d.ts

@@ -2,8 +2,9 @@
  * ColorSlider state management.
  * Based on @react-stately/color useColorSliderState.
  */
-import { type Accessor } from 'solid-js';
-import type { Color, ColorChannel } from './types';
+import { type Accessor } from "solid-js";
+import type { Color, ColorChannel, ColorSpace } from "./types";
+export type ColorSliderOrientation = "horizontal" | "vertical";
 export interface ColorSliderStateOptions {
     /** The current color value (controlled). */
     value?: Color | string;
@@ -15,6 +16,10 @@ export interface ColorSliderStateOptions {
     onChangeEnd?: (color: Color) => void;
     /** The color channel this slider controls. */
     channel: ColorChannel;
+    /** The color space to use for channel values. */
+    colorSpace?: ColorSpace;
+    /** The slider orientation. */
+    orientation?: ColorSliderOrientation;
     /** Whether the slider is disabled. */
     isDisabled?: boolean;
     /** The locale for formatting. */
@@ -27,6 +32,8 @@ export interface ColorSliderState {
     readonly isDragging: boolean;
     /** The color channel being controlled. */
     readonly channel: ColorChannel;
+    /** The slider orientation. */
+    readonly orientation: ColorSliderOrientation;
     /** The step value for the channel. */
     readonly step: number;
     /** The page step value for the channel. */

package/dist/color/createColorWheelState.d.ts

@@ -2,8 +2,8 @@
  * ColorWheel state management.
  * Based on @react-stately/color useColorWheelState.
  */
-import { type Accessor } from 'solid-js';
-import type { Color } from './types';
+import { type Accessor } from "solid-js";
+import type { Color } from "./types";
 export interface ColorWheelStateOptions {
     /** The current color value (controlled). */
     value?: Color | string;
@@ -19,6 +19,8 @@ export interface ColorWheelStateOptions {
 export interface ColorWheelState {
     /** The current color value. */
     readonly value: Color;
+    /** The initial color value. */
+    readonly defaultValue: Color;
     /** Whether the wheel is being dragged. */
     readonly isDragging: boolean;
     /** Whether the wheel is disabled. */
@@ -29,12 +31,21 @@ export interface ColorWheelState {
     readonly pageStep: number;
     /** Get the current hue value (0-360). */
     getHue(): number;
+    /** Set the full color value. */
+    setValue(value: Color | string): void;
     /** Set the hue value. */
     setHue(value: number): void;
     /** Set hue from an angle in radians. */
     setHueFromAngle(angle: number): void;
+    /** Set hue from a point relative to the wheel center. */
+    setHueFromPoint(x: number, y: number, radius: number): void;
     /** Get the thumb angle in radians (0 = right, increases counterclockwise). */
     getThumbAngle(): number;
+    /** Get the thumb position relative to the wheel center. */
+    getThumbPosition(radius: number): {
+        x: number;
+        y: number;
+    };
     /** Increment hue value. */
     increment(stepSize?: number): void;
     /** Decrement hue value. */

package/dist/color/getColorChannels.d.ts

@@ -3,7 +3,7 @@
  *
  * Returns the three channels for a given color space.
  */
-import type { ColorChannel, ColorSpace } from './types';
+import type { ColorChannel, ColorSpace } from "./types";
 /**
  * Returns the color channels for a given color space.
  *

package/dist/color/index.d.ts

@@ -1,9 +1,9 @@
 /**
  * Color state management exports.
  */
-export type { Color, ColorFormat, ColorSpace, ColorChannel, ColorChannelRange, ColorAxes, } from './types';
-export { parseColor, normalizeColor, createRGBColor, createHSLColor, createHSBColor, } from './Color';
-export { createColorSliderState, type ColorSliderStateOptions, type ColorSliderState, } from './createColorSliderState';
-export { createColorAreaState, type ColorAreaStateOptions, type ColorAreaState, } from './createColorAreaState';
-export { createColorWheelState, type ColorWheelStateOptions, type ColorWheelState, } from './createColorWheelState';
-export { createColorFieldState, type ColorFieldStateOptions, type ColorFieldState, } from './createColorFieldState';
+export type { Color, ColorFormat, ColorSpace, ColorChannel, ColorChannelRange, ColorAxes, } from "./types";
+export { parseColor, normalizeColor, createRGBColor, createHSLColor, createHSBColor, } from "./Color";
+export { createColorSliderState, type ColorSliderStateOptions, type ColorSliderState, } from "./createColorSliderState";
+export { createColorAreaState, type ColorAreaStateOptions, type ColorAreaState, } from "./createColorAreaState";
+export { createColorWheelState, type ColorWheelStateOptions, type ColorWheelState, } from "./createColorWheelState";
+export { createColorFieldState, type ColorFieldStateOptions, type ColorFieldState, } from "./createColorFieldState";

package/dist/color/types.d.ts

@@ -5,15 +5,15 @@
 /**
  * Supported color formats.
  */
-export type ColorFormat = 'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsb' | 'hsba';
+export type ColorFormat = "hex" | "hexa" | "rgb" | "rgba" | "hsl" | "hsla" | "hsb" | "hsba";
 /**
  * Color spaces.
  */
-export type ColorSpace = 'rgb' | 'hsl' | 'hsb';
+export type ColorSpace = "rgb" | "hsl" | "hsb";
 /**
  * Color channels.
  */
-export type ColorChannel = 'hue' | 'saturation' | 'brightness' | 'lightness' | 'red' | 'green' | 'blue' | 'alpha';
+export type ColorChannel = "hue" | "saturation" | "brightness" | "lightness" | "red" | "green" | "blue" | "alpha";
 /**
  * Range for a color channel.
  */
@@ -45,7 +45,7 @@ export interface Color {
     /** Convert to a different format. */
     toFormat(format: ColorFormat): Color;
     /** Convert to a CSS string. */
-    toString(format?: ColorFormat | 'css'): string;
+    toString(format?: ColorFormat | "css"): string;
     /** Clone this color. */
     clone(): Color;
     /** Get the hex value as an integer. */