@proyecto-viviana/solid-stately 0.2.7 → 0.3.0

package/src/color/index.d.ts

@@ -1,10 +1,39 @@
 /**
  * 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';
-//# sourceMappingURL=index.d.ts.map
+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";
+//# sourceMappingURL=index.d.ts.map

package/src/color/index.ts

@@ -2,7 +2,6 @@
  * Color state management exports.
  */
 
-// Types
 export type {
   Color,
   ColorFormat,
@@ -10,38 +9,36 @@ export type {
   ColorChannel,
   ColorChannelRange,
   ColorAxes,
-} from './types';
+} from "./types";
 
-// Color class and utilities
 export {
   parseColor,
   normalizeColor,
   createRGBColor,
   createHSLColor,
   createHSBColor,
-} from './Color';
+} from "./Color";
 
-// State hooks
 export {
   createColorSliderState,
   type ColorSliderStateOptions,
   type ColorSliderState,
-} from './createColorSliderState';
+} from "./createColorSliderState";
 
 export {
   createColorAreaState,
   type ColorAreaStateOptions,
   type ColorAreaState,
-} from './createColorAreaState';
+} from "./createColorAreaState";
 
 export {
   createColorWheelState,
   type ColorWheelStateOptions,
   type ColorWheelState,
-} from './createColorWheelState';
+} from "./createColorWheelState";
 
 export {
   createColorFieldState,
   type ColorFieldStateOptions,
   type ColorFieldState,
-} from './createColorFieldState';
+} from "./createColorFieldState";

package/src/color/types.d.ts

@@ -5,102 +5,107 @@
 /**
  * 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.
  */
 export interface ColorChannelRange {
-    /** Minimum value. */
-    minValue: number;
-    /** Maximum value. */
-    maxValue: number;
-    /** Step for keyboard increment. */
-    step: number;
-    /** Page step for larger increments. */
-    pageSize: number;
+  /** Minimum value. */
+  minValue: number;
+  /** Maximum value. */
+  maxValue: number;
+  /** Step for keyboard increment. */
+  step: number;
+  /** Page step for larger increments. */
+  pageSize: number;
 }
 /**
  * Color axes for a color space.
  */
 export interface ColorAxes {
-    /** X-axis channel. */
-    xChannel: ColorChannel;
-    /** Y-axis channel. */
-    yChannel: ColorChannel;
-    /** Z-axis channel (the one not on x or y). */
-    zChannel: ColorChannel;
+  /** X-axis channel. */
+  xChannel: ColorChannel;
+  /** Y-axis channel. */
+  yChannel: ColorChannel;
+  /** Z-axis channel (the one not on x or y). */
+  zChannel: ColorChannel;
 }
 /**
  * Color interface representing a color value.
  */
 export interface Color {
-    /** Convert to a different format. */
-    toFormat(format: ColorFormat): Color;
-    /** Convert to a CSS string. */
-    toString(format?: ColorFormat | 'css'): string;
-    /** Clone this color. */
-    clone(): Color;
-    /** Get the hex value as an integer. */
-    toHexInt(): number;
-    /** Get the value of a specific channel. */
-    getChannelValue(channel: ColorChannel): number;
-    /** Create a new color with a channel value changed. */
-    withChannelValue(channel: ColorChannel, value: number): Color;
-    /** Get the range for a channel. */
-    getChannelRange(channel: ColorChannel): ColorChannelRange;
-    /** Get the localized name of a channel. */
-    getChannelName(channel: ColorChannel, locale: string): string;
-    /** Get the format options for a channel. */
-    getChannelFormatOptions(channel: ColorChannel): Intl.NumberFormatOptions;
-    /** Format the value of a channel. */
-    formatChannelValue(channel: ColorChannel, locale: string): string;
-    /** Get the color space. */
-    getColorSpace(): ColorSpace;
-    /** Get the axes for a color space. */
-    getColorSpaceAxes(xyChannels?: {
-        xChannel?: ColorChannel;
-        yChannel?: ColorChannel;
-    }): ColorAxes;
-    /** Get all channels for this color space. */
-    getColorChannels(): [ColorChannel, ColorChannel, ColorChannel];
-    /** Get a human-readable color name. */
-    getColorName(locale: string): string;
-    /** Get the hue name (e.g., "red", "blue"). */
-    getHueName(locale: string): string;
+  /** Convert to a different format. */
+  toFormat(format: ColorFormat): Color;
+  /** Convert to a CSS string. */
+  toString(format?: ColorFormat | "css"): string;
+  /** Clone this color. */
+  clone(): Color;
+  /** Get the hex value as an integer. */
+  toHexInt(): number;
+  /** Get the value of a specific channel. */
+  getChannelValue(channel: ColorChannel): number;
+  /** Create a new color with a channel value changed. */
+  withChannelValue(channel: ColorChannel, value: number): Color;
+  /** Get the range for a channel. */
+  getChannelRange(channel: ColorChannel): ColorChannelRange;
+  /** Get the localized name of a channel. */
+  getChannelName(channel: ColorChannel, locale: string): string;
+  /** Get the format options for a channel. */
+  getChannelFormatOptions(channel: ColorChannel): Intl.NumberFormatOptions;
+  /** Format the value of a channel. */
+  formatChannelValue(channel: ColorChannel, locale: string): string;
+  /** Get the color space. */
+  getColorSpace(): ColorSpace;
+  /** Get the axes for a color space. */
+  getColorSpaceAxes(xyChannels?: { xChannel?: ColorChannel; yChannel?: ColorChannel }): ColorAxes;
+  /** Get all channels for this color space. */
+  getColorChannels(): [ColorChannel, ColorChannel, ColorChannel];
+  /** Get a human-readable color name. */
+  getColorName(locale: string): string;
+  /** Get the hue name (e.g., "red", "blue"). */
+  getHueName(locale: string): string;
 }
 /**
  * RGB color value.
  */
 export interface RGBColor {
-    red: number;
-    green: number;
-    blue: number;
-    alpha: number;
+  red: number;
+  green: number;
+  blue: number;
+  alpha: number;
 }
 /**
  * HSL color value.
  */
 export interface HSLColor {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    alpha: number;
+  hue: number;
+  saturation: number;
+  lightness: number;
+  alpha: number;
 }
 /**
  * HSB color value.
  */
 export interface HSBColor {
-    hue: number;
-    saturation: number;
-    brightness: number;
-    alpha: number;
+  hue: number;
+  saturation: number;
+  brightness: number;
+  alpha: number;
 }
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/src/color/types.ts

@@ -6,33 +6,25 @@
 /**
  * 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';
+  | "hue"
+  | "saturation"
+  | "brightness"
+  | "lightness"
+  | "red"
+  | "green"
+  | "blue"
+  | "alpha";
 
 /**
  * Range for a color channel.
@@ -67,7 +59,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. */

package/src/combobox/createComboBoxState.d.ts

@@ -5,113 +5,113 @@
  * ComboBox combines a text input with a dropdown list, allowing users to
  * either type to filter options or select from a list.
  */
-import { type Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-import type { Key, CollectionNode, Collection, FocusStrategy } from '../collections/types';
-export type MenuTriggerAction = 'focus' | 'input' | 'manual';
-export type { FocusStrategy } from '../collections/types';
+import { type Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
+import type { Key, CollectionNode, Collection, FocusStrategy } from "../collections/types";
+export type MenuTriggerAction = "focus" | "input" | "manual";
+export type { FocusStrategy } from "../collections/types";
 export type FilterFn = (textValue: string, inputValue: string) => boolean;
 export interface ComboBoxStateProps<T = unknown> {
-    /** The items to display in the combobox dropdown. */
-    items: T[];
-    /** Default items when uncontrolled. */
-    defaultItems?: T[];
-    /** Function to get the key for an item. */
-    getKey?: (item: T) => Key;
-    /** Function to get the text value for an item. */
-    getTextValue?: (item: T) => string;
-    /** Function to check if an item is disabled. */
-    getDisabled?: (item: T) => boolean;
-    /** Keys of disabled items. */
-    disabledKeys?: Iterable<Key>;
-    /** The currently selected key (controlled). */
-    selectedKey?: Key | null;
-    /** The default selected key (uncontrolled). */
-    defaultSelectedKey?: Key | null;
-    /** Handler called when the selection changes. */
-    onSelectionChange?: (key: Key | null) => void;
-    /** The current input value (controlled). */
-    inputValue?: string;
-    /** The default input value (uncontrolled). */
-    defaultInputValue?: string;
-    /** Handler called when the input value changes. */
-    onInputChange?: (value: string) => void;
-    /** Whether the combobox is open (controlled). */
-    isOpen?: boolean;
-    /** Whether the combobox is open by default (uncontrolled). */
-    defaultOpen?: boolean;
-    /** Handler called when the open state changes. */
-    onOpenChange?: (isOpen: boolean, trigger?: MenuTriggerAction) => void;
-    /** Whether the combobox is disabled. */
-    isDisabled?: boolean;
-    /** Whether the combobox is read-only. */
-    isReadOnly?: boolean;
-    /** Whether the combobox is required. */
-    isRequired?: boolean;
-    /** The filter function to use when filtering items. */
-    defaultFilter?: FilterFn;
-    /** Whether to allow the menu to open when there are no items. */
-    allowsEmptyCollection?: boolean;
-    /** Whether to allow custom values that don't match any option. */
-    allowsCustomValue?: boolean;
-    /** What triggers the menu to open. */
-    menuTrigger?: MenuTriggerAction;
-    /** Whether to close the menu on blur. */
-    shouldCloseOnBlur?: boolean;
+  /** The items to display in the combobox dropdown. */
+  items?: T[];
+  /** Default items when uncontrolled. */
+  defaultItems?: T[];
+  /** Function to get the key for an item. */
+  getKey?: (item: T) => Key;
+  /** Function to get the text value for an item. */
+  getTextValue?: (item: T) => string;
+  /** Function to check if an item is disabled. */
+  getDisabled?: (item: T) => boolean;
+  /** Keys of disabled items. */
+  disabledKeys?: Iterable<Key>;
+  /** The currently selected key (controlled). */
+  selectedKey?: Key | null;
+  /** The default selected key (uncontrolled). */
+  defaultSelectedKey?: Key | null;
+  /** Handler called when the selection changes. */
+  onSelectionChange?: (key: Key | null) => void;
+  /** The current input value (controlled). */
+  inputValue?: string;
+  /** The default input value (uncontrolled). */
+  defaultInputValue?: string;
+  /** Handler called when the input value changes. */
+  onInputChange?: (value: string) => void;
+  /** Whether the combobox is open (controlled). */
+  isOpen?: boolean;
+  /** Whether the combobox is open by default (uncontrolled). */
+  defaultOpen?: boolean;
+  /** Handler called when the open state changes. */
+  onOpenChange?: (isOpen: boolean, trigger?: MenuTriggerAction) => void;
+  /** Whether the combobox is disabled. */
+  isDisabled?: boolean;
+  /** Whether the combobox is read-only. */
+  isReadOnly?: boolean;
+  /** Whether the combobox is required. */
+  isRequired?: boolean;
+  /** The filter function to use when filtering items. */
+  defaultFilter?: FilterFn;
+  /** Whether to allow the menu to open when there are no items. */
+  allowsEmptyCollection?: boolean;
+  /** Whether to allow custom values that don't match any option. */
+  allowsCustomValue?: boolean;
+  /** What triggers the menu to open. */
+  menuTrigger?: MenuTriggerAction;
+  /** Whether to close the menu on blur. */
+  shouldCloseOnBlur?: boolean;
 }
 export interface ComboBoxState<T = unknown> {
-    /** The collection of items (may be filtered). */
-    readonly collection: Accessor<Collection<T>>;
-    /** Whether the combobox dropdown is open. */
-    readonly isOpen: Accessor<boolean>;
-    /** Open the combobox dropdown. */
-    open(focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction): void;
-    /** Close the combobox dropdown. */
-    close(): void;
-    /** Toggle the combobox dropdown. */
-    toggle(focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction): void;
-    /** The currently selected key. */
-    readonly selectedKey: Accessor<Key | null>;
-    /** The default selected key. */
-    readonly defaultSelectedKey: Key | null;
-    /** The currently selected item. */
-    readonly selectedItem: Accessor<CollectionNode<T> | null>;
-    /** Set the selected key. */
-    setSelectedKey(key: Key | null): void;
-    /** The current input value. */
-    readonly inputValue: Accessor<string>;
-    /** The default input value. */
-    readonly defaultInputValue: string;
-    /** Set the input value. */
-    setInputValue(value: string): void;
-    /** The currently focused key in the list. */
-    readonly focusedKey: Accessor<Key | null>;
-    /** Set the focused key. */
-    setFocusedKey(key: Key | null): void;
-    /** Whether the combobox input has focus. */
-    readonly isFocused: Accessor<boolean>;
-    /** Set whether the combobox has focus. */
-    setFocused(isFocused: boolean): void;
-    /** The focus strategy to use when opening. */
-    readonly focusStrategy: Accessor<FocusStrategy | null>;
-    /** Commit the current selection (select focused item or custom value). */
-    commit(): void;
-    /** Revert input to the selected item's text and close menu. */
-    revert(): void;
-    /** Whether a specific key is disabled. */
-    isKeyDisabled(key: Key): boolean;
-    /** Select a key and close the menu (for ListState compatibility). */
-    select(key: Key): void;
-    /** The selection mode (always 'single' for combobox). */
-    readonly selectionMode: Accessor<'single'>;
-    /** Check if a key is selected. */
-    isSelected(key: Key): boolean;
-    /** Whether the combobox is disabled. */
-    readonly isDisabled: boolean;
-    /** Whether the combobox is read-only. */
-    readonly isReadOnly: boolean;
-    /** Whether the combobox is required. */
-    readonly isRequired: boolean;
+  /** The collection of items (may be filtered). */
+  readonly collection: Accessor<Collection<T>>;
+  /** Whether the combobox dropdown is open. */
+  readonly isOpen: Accessor<boolean>;
+  /** Open the combobox dropdown. */
+  open(focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction): void;
+  /** Close the combobox dropdown. */
+  close(): void;
+  /** Toggle the combobox dropdown. */
+  toggle(focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction): void;
+  /** The currently selected key. */
+  readonly selectedKey: Accessor<Key | null>;
+  /** The default selected key. */
+  readonly defaultSelectedKey: Key | null;
+  /** The currently selected item. */
+  readonly selectedItem: Accessor<CollectionNode<T> | null>;
+  /** Set the selected key. */
+  setSelectedKey(key: Key | null): void;
+  /** The current input value. */
+  readonly inputValue: Accessor<string>;
+  /** The default input value. */
+  readonly defaultInputValue: string;
+  /** Set the input value. */
+  setInputValue(value: string): void;
+  /** The currently focused key in the list. */
+  readonly focusedKey: Accessor<Key | null>;
+  /** Set the focused key. */
+  setFocusedKey(key: Key | null): void;
+  /** Whether the combobox input has focus. */
+  readonly isFocused: Accessor<boolean>;
+  /** Set whether the combobox has focus. */
+  setFocused(isFocused: boolean): void;
+  /** The focus strategy to use when opening. */
+  readonly focusStrategy: Accessor<FocusStrategy | null>;
+  /** Commit the current selection (select focused item or custom value). */
+  commit(): void;
+  /** Revert input to the selected item's text and close menu. */
+  revert(): void;
+  /** Whether a specific key is disabled. */
+  isKeyDisabled(key: Key): boolean;
+  /** Select a key and close the menu (for ListState compatibility). */
+  select(key: Key): void;
+  /** The selection mode (always 'single' for combobox). */
+  readonly selectionMode: Accessor<"single">;
+  /** Check if a key is selected. */
+  isSelected(key: Key): boolean;
+  /** Whether the combobox is disabled. */
+  readonly isDisabled: boolean;
+  /** Whether the combobox is read-only. */
+  readonly isReadOnly: boolean;
+  /** Whether the combobox is required. */
+  readonly isRequired: boolean;
 }
 /**
  * Default filter function that does case-insensitive "contains" matching.
@@ -121,5 +121,7 @@ export declare const defaultContainsFilter: FilterFn;
  * Creates state for a combobox component.
  * Combines list state with input value management and filtering.
  */
-export declare function createComboBoxState<T = unknown>(props: MaybeAccessor<ComboBoxStateProps<T>>): ComboBoxState<T>;
-//# sourceMappingURL=createComboBoxState.d.ts.map
+export declare function createComboBoxState<T = unknown>(
+  props: MaybeAccessor<ComboBoxStateProps<T>>,
+): ComboBoxState<T>;
+//# sourceMappingURL=createComboBoxState.d.ts.map