@proyecto-viviana/solid-stately 0.0.2 → 0.0.3

package/dist/index.d.ts

@@ -1,6 +1,263 @@
-export { createToggleState, type ToggleStateOptions, type ToggleState, } from './toggle';
-export { createTextFieldState, type TextFieldStateOptions, type TextFieldState, } from './textfield';
-export { createCheckboxGroupState, type CheckboxGroupProps, type CheckboxGroupState, } from './checkbox';
-export { createRadioGroupState, radioGroupSyncVersion, type RadioGroupProps, type RadioGroupState, } from './radio';
-export { createIsSSR, createId, canUseDOM } from './ssr';
-export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from './utils';
+import { Accessor } from 'solid-js';
+
+/**
+ * Reactivity utilities for Solid Stately
+ *
+ * Provides type-safe utilities for working with SolidJS reactivity patterns.
+ */
+
+/**
+ * A value that may be either a raw value or an accessor function.
+ * This is a common pattern in SolidJS for props that may be reactive.
+ */
+type MaybeAccessor<T> = T | Accessor<T>;
+/**
+ * Unwraps a MaybeAccessor to get the underlying value.
+ * If the input is a function, it calls it to get the value.
+ * Otherwise, it returns the value directly.
+ *
+ * @param value - The value or accessor to unwrap.
+ */
+declare function access<T>(value: MaybeAccessor<T>): T;
+/**
+ * A value that may be undefined or an accessor that returns the value or undefined.
+ */
+type MaybeAccessorValue<T> = T | undefined | Accessor<T | undefined>;
+/**
+ * Checks if a value is an accessor function.
+ */
+declare function isAccessor<T>(value: MaybeAccessor<T>): value is Accessor<T>;
+
+/**
+ * Toggle state for Solid Stately
+ *
+ * Provides state management for toggle components like checkboxes and switches.
+ *
+ * This is a 1:1 port of @react-stately/toggle's useToggleState.
+ */
+
+interface ToggleStateOptions {
+    /** Whether the element should be selected (controlled). */
+    isSelected?: boolean;
+    /** Whether the element should be selected by default (uncontrolled). */
+    defaultSelected?: boolean;
+    /** Handler that is called when the element's selection state changes. */
+    onChange?: (isSelected: boolean) => void;
+    /** Whether the element is read only. */
+    isReadOnly?: boolean;
+}
+interface ToggleState {
+    /** Whether the toggle is selected. */
+    readonly isSelected: Accessor<boolean>;
+    /** Whether the toggle is selected by default. */
+    readonly defaultSelected: boolean;
+    /** Updates selection state. */
+    setSelected(isSelected: boolean): void;
+    /** Toggle the selection state. */
+    toggle(): void;
+}
+/**
+ * Provides state management for toggle components like checkboxes and switches.
+ */
+declare function createToggleState(props?: MaybeAccessor<ToggleStateOptions>): ToggleState;
+
+/**
+ * TextField state for Solid Stately
+ *
+ * Provides state management for text input components.
+ *
+ * This is a port of @react-stately/utils's useControlledState pattern
+ * as used by @react-aria/textfield.
+ */
+
+interface TextFieldStateOptions {
+    /** The current value (controlled). */
+    value?: string;
+    /** The default value (uncontrolled). */
+    defaultValue?: string;
+    /** Handler that is called when the value changes. */
+    onChange?: (value: string) => void;
+}
+interface TextFieldState {
+    /** The current value of the text field. */
+    readonly value: Accessor<string>;
+    /** Sets the value of the text field. */
+    setValue(value: string): void;
+}
+/**
+ * Provides state management for text input components.
+ * Supports both controlled and uncontrolled modes.
+ */
+declare function createTextFieldState(props?: MaybeAccessor<TextFieldStateOptions>): TextFieldState;
+
+/**
+ * Checkbox group state for Solid Stately
+ *
+ * Provides state management for a checkbox group component.
+ * Provides a name for the group, and manages selection and focus state.
+ *
+ * This is a 1:1 port of @react-stately/checkbox's useCheckboxGroupState.
+ */
+
+interface CheckboxGroupProps {
+    /** The current selected values (controlled). */
+    value?: string[];
+    /** The default selected values (uncontrolled). */
+    defaultValue?: string[];
+    /** Handler that is called when the value changes. */
+    onChange?: (value: string[]) => void;
+    /** Whether the checkbox group is disabled. */
+    isDisabled?: boolean;
+    /** Whether the checkbox group is read only. */
+    isReadOnly?: boolean;
+    /** Whether the checkbox group is required. */
+    isRequired?: boolean;
+    /** Whether the checkbox group is invalid. */
+    isInvalid?: boolean;
+    /** The name of the checkbox group, used when submitting an HTML form. */
+    name?: string;
+    /** The form to associate the checkbox group with. */
+    form?: string;
+    /** The label for the checkbox group. */
+    label?: string;
+    /** Handler that is called when the checkbox group receives focus. */
+    onFocus?: (e: FocusEvent) => void;
+    /** Handler that is called when the checkbox group loses focus. */
+    onBlur?: (e: FocusEvent) => void;
+    /** Handler that is called when the checkbox group's focus status changes. */
+    onFocusChange?: (isFocused: boolean) => void;
+}
+interface CheckboxGroupState {
+    /** Current selected values. */
+    readonly value: Accessor<readonly string[]>;
+    /** Default selected values. */
+    readonly defaultValue: readonly string[];
+    /** Whether the checkbox group is disabled. */
+    readonly isDisabled: boolean;
+    /** Whether the checkbox group is read only. */
+    readonly isReadOnly: boolean;
+    /** Whether the checkbox group is invalid. */
+    readonly isInvalid: boolean;
+    /**
+     * Whether the checkboxes in the group are required.
+     * This changes to false once at least one item is selected.
+     */
+    readonly isRequired: Accessor<boolean>;
+    /** Returns whether the given value is selected. */
+    isSelected(value: string): boolean;
+    /** Sets the selected values. */
+    setValue(value: string[]): void;
+    /** Adds a value to the set of selected values. */
+    addValue(value: string): void;
+    /** Removes a value from the set of selected values. */
+    removeValue(value: string): void;
+    /** Toggles a value in the set of selected values. */
+    toggleValue(value: string): void;
+}
+/**
+ * Provides state management for a checkbox group component.
+ * Provides a name for the group, and manages selection and focus state.
+ */
+declare function createCheckboxGroupState(props?: MaybeAccessor<CheckboxGroupProps>): CheckboxGroupState;
+
+/**
+ * Radio group state for Solid Stately
+ *
+ * Provides state management for a radio group component.
+ * Provides a name for the group, and manages selection and focus state.
+ *
+ * This is a 1:1 port of @react-stately/radio's useRadioGroupState.
+ */
+
+interface RadioGroupProps {
+    /** The current selected value (controlled). */
+    value?: string | null;
+    /** The default selected value (uncontrolled). */
+    defaultValue?: string | null;
+    /** Handler that is called when the value changes. */
+    onChange?: (value: string) => void;
+    /** Whether the radio group is disabled. */
+    isDisabled?: boolean;
+    /** Whether the radio group is read only. */
+    isReadOnly?: boolean;
+    /** Whether the radio group is required. */
+    isRequired?: boolean;
+    /** Whether the radio group is invalid. */
+    isInvalid?: boolean;
+    /** The name of the radio group, used when submitting an HTML form. */
+    name?: string;
+    /** The form to associate the radio group with. */
+    form?: string;
+    /** The label for the radio group. */
+    label?: string;
+    /** Orientation of the radio group. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Handler that is called when the radio group receives focus. */
+    onFocus?: (e: FocusEvent) => void;
+    /** Handler that is called when the radio group loses focus. */
+    onBlur?: (e: FocusEvent) => void;
+    /** Handler that is called when the radio group's focus status changes. */
+    onFocusChange?: (isFocused: boolean) => void;
+}
+interface RadioGroupState {
+    /** The name for the group, used for native form submission. */
+    readonly name: string;
+    /** Whether the radio group is disabled. */
+    readonly isDisabled: boolean;
+    /** Whether the radio group is read only. */
+    readonly isReadOnly: boolean;
+    /** Whether the radio group is required. */
+    readonly isRequired: boolean;
+    /** Whether the radio group is invalid. */
+    readonly isInvalid: boolean;
+    /** The currently selected value. */
+    readonly selectedValue: Accessor<string | null>;
+    /** The default selected value. */
+    readonly defaultSelectedValue: string | null;
+    /** Sets the selected value. */
+    setSelectedValue(value: string | null): void;
+    /** The value of the last focused radio. */
+    readonly lastFocusedValue: Accessor<string | null>;
+    /** Sets the last focused value. */
+    setLastFocusedValue(value: string | null): void;
+}
+/**
+ * Internal WeakMap to store sync version accessors for each radio group state.
+ * This is used by createRadio to trigger DOM sync when native radio behavior
+ * causes the DOM checked state to desync from our reactive state.
+ *
+ * This is kept separate from RadioGroupState to maintain API parity with React-Stately.
+ * @internal
+ */
+declare const radioGroupSyncVersion: WeakMap<RadioGroupState, Accessor<number>>;
+/**
+ * Provides state management for a radio group component.
+ * Provides a name for the group, and manages selection and focus state.
+ */
+declare function createRadioGroupState(props?: MaybeAccessor<RadioGroupProps>): RadioGroupState;
+
+/**
+ * SSR utilities for Solid Stately
+ *
+ * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.
+ * These utilities provide a consistent API matching React-Stately's patterns.
+ */
+/**
+ * Returns whether the component is currently being server side rendered.
+ * Can be used to delay browser-specific rendering until after hydration.
+ */
+declare function createIsSSR(): boolean;
+/**
+ * Generate a unique ID that is stable across server and client.
+ * Uses SolidJS's built-in createUniqueId which handles SSR correctly.
+ *
+ * @param defaultId - Optional default ID to use instead of generating one.
+ */
+declare function createId(defaultId?: string): string;
+/**
+ * Check if we can use DOM APIs.
+ * This is useful for code that needs to run only in the browser.
+ */
+declare const canUseDOM: boolean;
+
+export { type CheckboxGroupProps, type CheckboxGroupState, type MaybeAccessor, type MaybeAccessorValue, type RadioGroupProps, type RadioGroupState, type TextFieldState, type TextFieldStateOptions, type ToggleState, type ToggleStateOptions, access, canUseDOM, createCheckboxGroupState, createId, createIsSSR, createRadioGroupState, createTextFieldState, createToggleState, isAccessor, radioGroupSyncVersion };

package/dist/index.js

@@ -1,11 +1,17 @@
-import { createSignal, createUniqueId, untrack } from "solid-js";
-import { isServer } from "solid-js/web";
+import { createSignal, createUniqueId, untrack } from 'solid-js';
+import { isServer } from 'solid-js/web';
+
+// src/toggle/createToggleState.ts
+
+// src/utils/reactivity.ts
 function access(value) {
   return typeof value === "function" ? value() : value;
 }
 function isAccessor(value) {
   return typeof value === "function";
 }
+
+// src/toggle/createToggleState.ts
 function createToggleState(props = {}) {
   const getProps = () => access(props);
   const initialProps = getProps();
@@ -17,7 +23,6 @@ function createToggleState(props = {}) {
     return isControlled() ? p.isSelected ?? false : internalSelected();
   };
   function setSelected(value) {
-    var _a;
     const p = getProps();
     if (p.isReadOnly) {
       return;
@@ -25,7 +30,7 @@ function createToggleState(props = {}) {
     if (!isControlled()) {
       setInternalSelected(value);
     }
-    (_a = p.onChange) == null ? void 0 : _a.call(p, value);
+    p.onChange?.(value);
   }
   function toggle() {
     const p = getProps();
@@ -52,12 +57,11 @@ function createTextFieldState(props = {}) {
     return isControlled() ? p.value ?? "" : internalValue();
   };
   function setValue(newValue) {
-    var _a;
     const p = getProps();
     if (!isControlled()) {
       setInternalValue(newValue);
     }
-    (_a = p.onChange) == null ? void 0 : _a.call(p, newValue);
+    p.onChange?.(newValue);
   }
   return {
     value,
@@ -82,7 +86,6 @@ function createCheckboxGroupState(props = {}) {
     return getProps().isInvalid ?? false;
   };
   function setValue(newValue) {
-    var _a;
     const p = getProps();
     if (p.isReadOnly || p.isDisabled) {
       return;
@@ -90,7 +93,7 @@ function createCheckboxGroupState(props = {}) {
     if (!isControlled()) {
       setInternalValue(newValue);
     }
-    (_a = p.onChange) == null ? void 0 : _a.call(p, newValue);
+    p.onChange?.(newValue);
   }
   function isSelected(checkValue) {
     return value().includes(checkValue);
@@ -156,8 +159,10 @@ function createId(defaultId) {
   }
   return `solid-stately-${createUniqueId()}`;
 }
-const canUseDOM = !isServer;
-const radioGroupSyncVersion = /* @__PURE__ */ new WeakMap();
+var canUseDOM = !isServer;
+
+// src/radio/createRadioGroupState.ts
+var radioGroupSyncVersion = /* @__PURE__ */ new WeakMap();
 function createRadioGroupState(props = {}) {
   const getProps = () => access(props);
   const initialProps = untrack(() => getProps());
@@ -179,7 +184,6 @@ function createRadioGroupState(props = {}) {
     return getProps().isInvalid ?? false;
   };
   function setSelectedValue(value) {
-    var _a;
     const p = getProps();
     if (p.isReadOnly || p.isDisabled) {
       return;
@@ -189,7 +193,7 @@ function createRadioGroupState(props = {}) {
       setInternalValue(value);
     }
     if (value != null) {
-      (_a = p.onChange) == null ? void 0 : _a.call(p, value);
+      p.onChange?.(value);
     }
   }
   function setLastFocusedValue(value) {
@@ -218,16 +222,5 @@ function createRadioGroupState(props = {}) {
   radioGroupSyncVersion.set(state, syncVersion);
   return state;
 }
-export {
-  access,
-  canUseDOM,
-  createCheckboxGroupState,
-  createId,
-  createIsSSR,
-  createRadioGroupState,
-  createTextFieldState,
-  createToggleState,
-  isAccessor,
-  radioGroupSyncVersion
-};
-//# sourceMappingURL=index.js.map
+
+export { access, canUseDOM, createCheckboxGroupState, createId, createIsSSR, createRadioGroupState, createTextFieldState, createToggleState, isAccessor, radioGroupSyncVersion };

package/dist/index.jsx

@@ -0,0 +1,247 @@
+// src/toggle/createToggleState.ts
+import { createSignal } from "solid-js";
+
+// src/utils/reactivity.ts
+function access(value) {
+  return typeof value === "function" ? value() : value;
+}
+function isAccessor(value) {
+  return typeof value === "function";
+}
+
+// src/toggle/createToggleState.ts
+function createToggleState(props = {}) {
+  const getProps = () => access(props);
+  const initialProps = getProps();
+  const initialSelected = initialProps.isSelected ?? initialProps.defaultSelected ?? false;
+  const [internalSelected, setInternalSelected] = createSignal(initialSelected);
+  const isControlled = () => getProps().isSelected !== void 0;
+  const isSelected = () => {
+    const p = getProps();
+    return isControlled() ? p.isSelected ?? false : internalSelected();
+  };
+  function setSelected(value) {
+    const p = getProps();
+    if (p.isReadOnly) {
+      return;
+    }
+    if (!isControlled()) {
+      setInternalSelected(value);
+    }
+    p.onChange?.(value);
+  }
+  function toggle() {
+    const p = getProps();
+    if (p.isReadOnly) {
+      return;
+    }
+    setSelected(!isSelected());
+  }
+  return {
+    isSelected,
+    defaultSelected: initialProps.defaultSelected ?? initialSelected,
+    setSelected,
+    toggle
+  };
+}
+
+// src/textfield/createTextFieldState.ts
+import { createSignal as createSignal2 } from "solid-js";
+function createTextFieldState(props = {}) {
+  const getProps = () => access(props);
+  const initialProps = getProps();
+  const initialValue = initialProps.value ?? initialProps.defaultValue ?? "";
+  const [internalValue, setInternalValue] = createSignal2(initialValue);
+  const isControlled = () => getProps().value !== void 0;
+  const value = () => {
+    const p = getProps();
+    return isControlled() ? p.value ?? "" : internalValue();
+  };
+  function setValue(newValue) {
+    const p = getProps();
+    if (!isControlled()) {
+      setInternalValue(newValue);
+    }
+    p.onChange?.(newValue);
+  }
+  return {
+    value,
+    setValue
+  };
+}
+
+// src/checkbox/createCheckboxGroupState.ts
+import { createSignal as createSignal3 } from "solid-js";
+function createCheckboxGroupState(props = {}) {
+  const getProps = () => access(props);
+  const initialProps = getProps();
+  const initialValue = initialProps.value ?? initialProps.defaultValue ?? [];
+  const [internalValue, setInternalValue] = createSignal3(initialValue);
+  const isControlled = () => getProps().value !== void 0;
+  const value = () => {
+    const p = getProps();
+    return isControlled() ? p.value ?? [] : internalValue();
+  };
+  const isRequired = () => {
+    const p = getProps();
+    return !!p.isRequired && value().length === 0;
+  };
+  const isInvalid = () => {
+    return getProps().isInvalid ?? false;
+  };
+  function setValue(newValue) {
+    const p = getProps();
+    if (p.isReadOnly || p.isDisabled) {
+      return;
+    }
+    if (!isControlled()) {
+      setInternalValue(newValue);
+    }
+    p.onChange?.(newValue);
+  }
+  function isSelected(checkValue) {
+    return value().includes(checkValue);
+  }
+  function addValue(addVal) {
+    const p = getProps();
+    if (p.isReadOnly || p.isDisabled) {
+      return;
+    }
+    const current = value();
+    if (!current.includes(addVal)) {
+      setValue([...current, addVal]);
+    }
+  }
+  function removeValue(removeVal) {
+    const p = getProps();
+    if (p.isReadOnly || p.isDisabled) {
+      return;
+    }
+    const current = value();
+    if (current.includes(removeVal)) {
+      setValue(current.filter((v) => v !== removeVal));
+    }
+  }
+  function toggleValue(toggleVal) {
+    const p = getProps();
+    if (p.isReadOnly || p.isDisabled) {
+      return;
+    }
+    const current = value();
+    if (current.includes(toggleVal)) {
+      setValue(current.filter((v) => v !== toggleVal));
+    } else {
+      setValue([...current, toggleVal]);
+    }
+  }
+  return {
+    value,
+    defaultValue: initialProps.defaultValue ?? initialValue,
+    get isDisabled() {
+      return getProps().isDisabled ?? false;
+    },
+    get isReadOnly() {
+      return getProps().isReadOnly ?? false;
+    },
+    get isInvalid() {
+      return isInvalid();
+    },
+    isRequired,
+    isSelected,
+    setValue,
+    addValue,
+    removeValue,
+    toggleValue
+  };
+}
+
+// src/radio/createRadioGroupState.ts
+import { createSignal as createSignal4, untrack } from "solid-js";
+
+// src/ssr/index.ts
+import { createUniqueId } from "solid-js";
+import { isServer } from "solid-js/web";
+function createIsSSR() {
+  return isServer;
+}
+function createId(defaultId) {
+  if (defaultId) {
+    return defaultId;
+  }
+  return `solid-stately-${createUniqueId()}`;
+}
+var canUseDOM = !isServer;
+
+// src/radio/createRadioGroupState.ts
+var radioGroupSyncVersion = /* @__PURE__ */ new WeakMap();
+function createRadioGroupState(props = {}) {
+  const getProps = () => access(props);
+  const initialProps = untrack(() => getProps());
+  const name = initialProps.name || `radio-group-${createId()}`;
+  const [internalValue, setInternalValue] = createSignal4(
+    initialProps.defaultValue ?? null
+  );
+  const [lastFocusedValue, setLastFocusedValueInternal] = createSignal4(null);
+  const [syncVersion, setSyncVersion] = createSignal4(0);
+  const isControlled = () => getProps().value !== void 0;
+  const selectedValue = () => {
+    const p = getProps();
+    if (p.value !== void 0) {
+      return p.value ?? null;
+    }
+    return internalValue();
+  };
+  const isInvalid = () => {
+    return getProps().isInvalid ?? false;
+  };
+  function setSelectedValue(value) {
+    const p = getProps();
+    if (p.isReadOnly || p.isDisabled) {
+      return;
+    }
+    setSyncVersion((v) => v + 1);
+    if (!isControlled()) {
+      setInternalValue(value);
+    }
+    if (value != null) {
+      p.onChange?.(value);
+    }
+  }
+  function setLastFocusedValue(value) {
+    setLastFocusedValueInternal(value);
+  }
+  const state = {
+    name,
+    selectedValue,
+    defaultSelectedValue: initialProps.defaultValue ?? null,
+    setSelectedValue,
+    lastFocusedValue,
+    setLastFocusedValue,
+    get isDisabled() {
+      return getProps().isDisabled ?? false;
+    },
+    get isReadOnly() {
+      return getProps().isReadOnly ?? false;
+    },
+    get isRequired() {
+      return getProps().isRequired ?? false;
+    },
+    get isInvalid() {
+      return isInvalid();
+    }
+  };
+  radioGroupSyncVersion.set(state, syncVersion);
+  return state;
+}
+export {
+  access,
+  canUseDOM,
+  createCheckboxGroupState,
+  createId,
+  createIsSSR,
+  createRadioGroupState,
+  createTextFieldState,
+  createToggleState,
+  isAccessor,
+  radioGroupSyncVersion
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proyecto-viviana/solid-stately",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A 1-1 SolidJS port of React Stately - headless state management for UI components",
   "type": "module",
   "main": "./dist/index.js",
@@ -8,7 +8,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "solid": "./src/index.ts",
+      "solid": "./dist/index.jsx",
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     }
@@ -19,15 +19,17 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "rimraf dist tsconfig.build.tsbuildinfo && vite build && tsc -p tsconfig.build.json",
-    "dev": "vite build --watch",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "prepublishOnly": "bun run build"
   },
   "peerDependencies": {
     "solid-js": "^1.9.0"
   },
   "devDependencies": {
-    "solid-js": "^1.9.10"
+    "esbuild-plugin-solid": "^0.6.0",
+    "solid-js": "^1.9.10",
+    "tsup": "^8.0.0"
   },
   "keywords": [
     "solid",

package/dist/checkbox/createCheckboxGroupState.d.ts

@@ -1,70 +0,0 @@
-/**
- * Checkbox group state for Solid Stately
- *
- * Provides state management for a checkbox group component.
- * Provides a name for the group, and manages selection and focus state.
- *
- * This is a 1:1 port of @react-stately/checkbox's useCheckboxGroupState.
- */
-import { Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-export interface CheckboxGroupProps {
-    /** The current selected values (controlled). */
-    value?: string[];
-    /** The default selected values (uncontrolled). */
-    defaultValue?: string[];
-    /** Handler that is called when the value changes. */
-    onChange?: (value: string[]) => void;
-    /** Whether the checkbox group is disabled. */
-    isDisabled?: boolean;
-    /** Whether the checkbox group is read only. */
-    isReadOnly?: boolean;
-    /** Whether the checkbox group is required. */
-    isRequired?: boolean;
-    /** Whether the checkbox group is invalid. */
-    isInvalid?: boolean;
-    /** The name of the checkbox group, used when submitting an HTML form. */
-    name?: string;
-    /** The form to associate the checkbox group with. */
-    form?: string;
-    /** The label for the checkbox group. */
-    label?: string;
-    /** Handler that is called when the checkbox group receives focus. */
-    onFocus?: (e: FocusEvent) => void;
-    /** Handler that is called when the checkbox group loses focus. */
-    onBlur?: (e: FocusEvent) => void;
-    /** Handler that is called when the checkbox group's focus status changes. */
-    onFocusChange?: (isFocused: boolean) => void;
-}
-export interface CheckboxGroupState {
-    /** Current selected values. */
-    readonly value: Accessor<readonly string[]>;
-    /** Default selected values. */
-    readonly defaultValue: readonly string[];
-    /** Whether the checkbox group is disabled. */
-    readonly isDisabled: boolean;
-    /** Whether the checkbox group is read only. */
-    readonly isReadOnly: boolean;
-    /** Whether the checkbox group is invalid. */
-    readonly isInvalid: boolean;
-    /**
-     * Whether the checkboxes in the group are required.
-     * This changes to false once at least one item is selected.
-     */
-    readonly isRequired: Accessor<boolean>;
-    /** Returns whether the given value is selected. */
-    isSelected(value: string): boolean;
-    /** Sets the selected values. */
-    setValue(value: string[]): void;
-    /** Adds a value to the set of selected values. */
-    addValue(value: string): void;
-    /** Removes a value from the set of selected values. */
-    removeValue(value: string): void;
-    /** Toggles a value in the set of selected values. */
-    toggleValue(value: string): void;
-}
-/**
- * Provides state management for a checkbox group component.
- * Provides a name for the group, and manages selection and focus state.
- */
-export declare function createCheckboxGroupState(props?: MaybeAccessor<CheckboxGroupProps>): CheckboxGroupState;

package/dist/checkbox/index.d.ts

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

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/utils/reactivity.ts","../src/toggle/createToggleState.ts","../src/textfield/createTextFieldState.ts","../src/checkbox/createCheckboxGroupState.ts","../src/ssr/index.ts","../src/radio/createRadioGroupState.ts"],"sourcesContent":["/**\n * Reactivity utilities for Solid Stately\n *\n * Provides type-safe utilities for working with SolidJS reactivity patterns.\n */\n\nimport { Accessor } from 'solid-js';\n\n/**\n * A value that may be either a raw value or an accessor function.\n * This is a common pattern in SolidJS for props that may be reactive.\n */\nexport type MaybeAccessor<T> = T | Accessor<T>;\n\n/**\n * Unwraps a MaybeAccessor to get the underlying value.\n * If the input is a function, it calls it to get the value.\n * Otherwise, it returns the value directly.\n *\n * @param value - The value or accessor to unwrap.\n */\nexport function access<T>(value: MaybeAccessor<T>): T {\n  return typeof value === 'function' ? (value as Accessor<T>)() : value;\n}\n\n/**\n * A value that may be undefined or an accessor that returns the value or undefined.\n */\nexport type MaybeAccessorValue<T> = T | undefined | Accessor<T | undefined>;\n\n/**\n * Checks if a value is an accessor function.\n */\nexport function isAccessor<T>(value: MaybeAccessor<T>): value is Accessor<T> {\n  return typeof value === 'function';\n}\n","/**\n * Toggle state for Solid Stately\n *\n * Provides state management for toggle components like checkboxes and switches.\n *\n * This is a 1:1 port of @react-stately/toggle's useToggleState.\n */\n\nimport { createSignal, Accessor } from 'solid-js';\nimport { type MaybeAccessor, access } from '../utils';\n\n// ============================================\n// TYPES\n// ============================================\n\nexport interface ToggleStateOptions {\n  /** Whether the element should be selected (controlled). */\n  isSelected?: boolean;\n  /** Whether the element should be selected by default (uncontrolled). */\n  defaultSelected?: boolean;\n  /** Handler that is called when the element's selection state changes. */\n  onChange?: (isSelected: boolean) => void;\n  /** Whether the element is read only. */\n  isReadOnly?: boolean;\n}\n\nexport interface ToggleState {\n  /** Whether the toggle is selected. */\n  readonly isSelected: Accessor<boolean>;\n  /** Whether the toggle is selected by default. */\n  readonly defaultSelected: boolean;\n  /** Updates selection state. */\n  setSelected(isSelected: boolean): void;\n  /** Toggle the selection state. */\n  toggle(): void;\n}\n\n// ============================================\n// IMPLEMENTATION\n// ============================================\n\n/**\n * Provides state management for toggle components like checkboxes and switches.\n */\nexport function createToggleState(props: MaybeAccessor<ToggleStateOptions> = {}): ToggleState {\n  const getProps = () => access(props);\n\n  // Get initial values\n  const initialProps = getProps();\n  const initialSelected = initialProps.isSelected ?? initialProps.defaultSelected ?? false;\n\n  // Create internal signal for uncontrolled mode\n  const [internalSelected, setInternalSelected] = createSignal(initialSelected);\n\n  // Determine if controlled\n  const isControlled = () => getProps().isSelected !== undefined;\n\n  // Get current selection state\n  const isSelected: Accessor<boolean> = () => {\n    const p = getProps();\n    return isControlled() ? (p.isSelected ?? false) : internalSelected();\n  };\n\n  // Update selection state\n  function setSelected(value: boolean): void {\n    const p = getProps();\n    if (p.isReadOnly) {\n      return;\n    }\n\n    if (!isControlled()) {\n      setInternalSelected(value);\n    }\n\n    p.onChange?.(value);\n  }\n\n  // Toggle selection state\n  function toggle(): void {\n    const p = getProps();\n    if (p.isReadOnly) {\n      return;\n    }\n\n    setSelected(!isSelected());\n  }\n\n  return {\n    isSelected,\n    defaultSelected: initialProps.defaultSelected ?? initialSelected,\n    setSelected,\n    toggle,\n  };\n}\n","/**\n * TextField state for Solid Stately\n *\n * Provides state management for text input components.\n *\n * This is a port of @react-stately/utils's useControlledState pattern\n * as used by @react-aria/textfield.\n */\n\nimport { createSignal, Accessor } from 'solid-js';\nimport { type MaybeAccessor, access } from '../utils';\n\n// ============================================\n// TYPES\n// ============================================\n\nexport interface TextFieldStateOptions {\n  /** The current value (controlled). */\n  value?: string;\n  /** The default value (uncontrolled). */\n  defaultValue?: string;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: string) => void;\n}\n\nexport interface TextFieldState {\n  /** The current value of the text field. */\n  readonly value: Accessor<string>;\n  /** Sets the value of the text field. */\n  setValue(value: string): void;\n}\n\n// ============================================\n// IMPLEMENTATION\n// ============================================\n\n/**\n * Provides state management for text input components.\n * Supports both controlled and uncontrolled modes.\n */\nexport function createTextFieldState(props: MaybeAccessor<TextFieldStateOptions> = {}): TextFieldState {\n  const getProps = () => access(props);\n\n  // Get initial value\n  const initialProps = getProps();\n  const initialValue = initialProps.value ?? initialProps.defaultValue ?? '';\n\n  // Create internal signal for uncontrolled mode\n  const [internalValue, setInternalValue] = createSignal(initialValue);\n\n  // Determine if controlled\n  const isControlled = () => getProps().value !== undefined;\n\n  // Get current value\n  const value: Accessor<string> = () => {\n    const p = getProps();\n    return isControlled() ? (p.value ?? '') : internalValue();\n  };\n\n  // Update value\n  function setValue(newValue: string): void {\n    const p = getProps();\n\n    if (!isControlled()) {\n      setInternalValue(newValue);\n    }\n\n    p.onChange?.(newValue);\n  }\n\n  return {\n    value,\n    setValue,\n  };\n}\n","/**\n * Checkbox group state for Solid Stately\n *\n * Provides state management for a checkbox group component.\n * Provides a name for the group, and manages selection and focus state.\n *\n * This is a 1:1 port of @react-stately/checkbox's useCheckboxGroupState.\n */\n\nimport { createSignal, Accessor } from 'solid-js';\nimport { type MaybeAccessor, access } from '../utils';\n\n// ============================================\n// TYPES\n// ============================================\n\nexport interface CheckboxGroupProps {\n  /** The current selected values (controlled). */\n  value?: string[];\n  /** The default selected values (uncontrolled). */\n  defaultValue?: string[];\n  /** Handler that is called when the value changes. */\n  onChange?: (value: string[]) => void;\n  /** Whether the checkbox group is disabled. */\n  isDisabled?: boolean;\n  /** Whether the checkbox group is read only. */\n  isReadOnly?: boolean;\n  /** Whether the checkbox group is required. */\n  isRequired?: boolean;\n  /** Whether the checkbox group is invalid. */\n  isInvalid?: boolean;\n  /** The name of the checkbox group, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the checkbox group with. */\n  form?: string;\n  /** The label for the checkbox group. */\n  label?: string;\n  /** Handler that is called when the checkbox group receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the checkbox group loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the checkbox group's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n}\n\nexport interface CheckboxGroupState {\n  /** Current selected values. */\n  readonly value: Accessor<readonly string[]>;\n  /** Default selected values. */\n  readonly defaultValue: readonly string[];\n  /** Whether the checkbox group is disabled. */\n  readonly isDisabled: boolean;\n  /** Whether the checkbox group is read only. */\n  readonly isReadOnly: boolean;\n  /** Whether the checkbox group is invalid. */\n  readonly isInvalid: boolean;\n  /**\n   * Whether the checkboxes in the group are required.\n   * This changes to false once at least one item is selected.\n   */\n  readonly isRequired: Accessor<boolean>;\n  /** Returns whether the given value is selected. */\n  isSelected(value: string): boolean;\n  /** Sets the selected values. */\n  setValue(value: string[]): void;\n  /** Adds a value to the set of selected values. */\n  addValue(value: string): void;\n  /** Removes a value from the set of selected values. */\n  removeValue(value: string): void;\n  /** Toggles a value in the set of selected values. */\n  toggleValue(value: string): void;\n}\n\n// ============================================\n// IMPLEMENTATION\n// ============================================\n\n/**\n * Provides state management for a checkbox group component.\n * Provides a name for the group, and manages selection and focus state.\n */\nexport function createCheckboxGroupState(\n  props: MaybeAccessor<CheckboxGroupProps> = {}\n): CheckboxGroupState {\n  const getProps = () => access(props);\n\n  // Get initial values\n  const initialProps = getProps();\n  const initialValue = initialProps.value ?? initialProps.defaultValue ?? [];\n\n  // Create internal signal for uncontrolled mode\n  const [internalValue, setInternalValue] = createSignal<readonly string[]>(initialValue);\n\n  // Determine if controlled\n  const isControlled = () => getProps().value !== undefined;\n\n  // Get current value\n  const value: Accessor<readonly string[]> = () => {\n    const p = getProps();\n    return isControlled() ? (p.value ?? []) : internalValue();\n  };\n\n  // Check if required (true if isRequired and no items selected)\n  const isRequired: Accessor<boolean> = () => {\n    const p = getProps();\n    return !!p.isRequired && value().length === 0;\n  };\n\n  // Check if invalid\n  const isInvalid = () => {\n    return getProps().isInvalid ?? false;\n  };\n\n  // Set value\n  function setValue(newValue: string[]): void {\n    const p = getProps();\n    if (p.isReadOnly || p.isDisabled) {\n      return;\n    }\n\n    if (!isControlled()) {\n      setInternalValue(newValue);\n    }\n\n    p.onChange?.(newValue);\n  }\n\n  // Check if value is selected\n  function isSelected(checkValue: string): boolean {\n    return value().includes(checkValue);\n  }\n\n  // Add value\n  function addValue(addVal: string): void {\n    const p = getProps();\n    if (p.isReadOnly || p.isDisabled) {\n      return;\n    }\n\n    const current = value();\n    if (!current.includes(addVal)) {\n      setValue([...current, addVal]);\n    }\n  }\n\n  // Remove value\n  function removeValue(removeVal: string): void {\n    const p = getProps();\n    if (p.isReadOnly || p.isDisabled) {\n      return;\n    }\n\n    const current = value();\n    if (current.includes(removeVal)) {\n      setValue(current.filter((v) => v !== removeVal));\n    }\n  }\n\n  // Toggle value\n  function toggleValue(toggleVal: string): void {\n    const p = getProps();\n    if (p.isReadOnly || p.isDisabled) {\n      return;\n    }\n\n    const current = value();\n    if (current.includes(toggleVal)) {\n      setValue(current.filter((v) => v !== toggleVal));\n    } else {\n      setValue([...current, toggleVal]);\n    }\n  }\n\n  return {\n    value,\n    defaultValue: initialProps.defaultValue ?? initialValue,\n    get isDisabled() {\n      return getProps().isDisabled ?? false;\n    },\n    get isReadOnly() {\n      return getProps().isReadOnly ?? false;\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    isRequired,\n    isSelected,\n    setValue,\n    addValue,\n    removeValue,\n    toggleValue,\n  };\n}\n","/**\n * SSR utilities for Solid Stately\n *\n * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.\n * These utilities provide a consistent API matching React-Stately's patterns.\n */\n\nimport { createUniqueId } from 'solid-js';\nimport { isServer } from 'solid-js/web';\n\n/**\n * Returns whether the component is currently being server side rendered.\n * Can be used to delay browser-specific rendering until after hydration.\n */\nexport function createIsSSR(): boolean {\n  return isServer;\n}\n\n/**\n * Generate a unique ID that is stable across server and client.\n * Uses SolidJS's built-in createUniqueId which handles SSR correctly.\n *\n * @param defaultId - Optional default ID to use instead of generating one.\n */\nexport function createId(defaultId?: string): string {\n  if (defaultId) {\n    return defaultId;\n  }\n  return `solid-stately-${createUniqueId()}`;\n}\n\n/**\n * Check if we can use DOM APIs.\n * This is useful for code that needs to run only in the browser.\n */\nexport const canUseDOM = !isServer;\n","/**\n * Radio group state for Solid Stately\n *\n * Provides state management for a radio group component.\n * Provides a name for the group, and manages selection and focus state.\n *\n * This is a 1:1 port of @react-stately/radio's useRadioGroupState.\n */\n\nimport { createSignal, Accessor, untrack } from 'solid-js';\nimport { type MaybeAccessor, access } from '../utils';\nimport { createId } from '../ssr';\n\n// ============================================\n// TYPES\n// ============================================\n\nexport interface RadioGroupProps {\n  /** The current selected value (controlled). */\n  value?: string | null;\n  /** The default selected value (uncontrolled). */\n  defaultValue?: string | null;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: string) => void;\n  /** Whether the radio group is disabled. */\n  isDisabled?: boolean;\n  /** Whether the radio group is read only. */\n  isReadOnly?: boolean;\n  /** Whether the radio group is required. */\n  isRequired?: boolean;\n  /** Whether the radio group is invalid. */\n  isInvalid?: boolean;\n  /** The name of the radio group, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the radio group with. */\n  form?: string;\n  /** The label for the radio group. */\n  label?: string;\n  /** Orientation of the radio group. */\n  orientation?: 'horizontal' | 'vertical';\n  /** Handler that is called when the radio group receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n}\n\nexport interface RadioGroupState {\n  /** The name for the group, used for native form submission. */\n  readonly name: string;\n\n  /** Whether the radio group is disabled. */\n  readonly isDisabled: boolean;\n\n  /** Whether the radio group is read only. */\n  readonly isReadOnly: boolean;\n\n  /** Whether the radio group is required. */\n  readonly isRequired: boolean;\n\n  /** Whether the radio group is invalid. */\n  readonly isInvalid: boolean;\n\n  /** The currently selected value. */\n  readonly selectedValue: Accessor<string | null>;\n\n  /** The default selected value. */\n  readonly defaultSelectedValue: string | null;\n\n  /** Sets the selected value. */\n  setSelectedValue(value: string | null): void;\n\n  /** The value of the last focused radio. */\n  readonly lastFocusedValue: Accessor<string | null>;\n\n  /** Sets the last focused value. */\n  setLastFocusedValue(value: string | null): void;\n}\n\n// ============================================\n// INTERNAL: SolidJS-specific sync mechanism\n// ============================================\n\n/**\n * Internal WeakMap to store sync version accessors for each radio group state.\n * This is used by createRadio to trigger DOM sync when native radio behavior\n * causes the DOM checked state to desync from our reactive state.\n *\n * This is kept separate from RadioGroupState to maintain API parity with React-Stately.\n * @internal\n */\nexport const radioGroupSyncVersion: WeakMap<RadioGroupState, Accessor<number>> = new WeakMap();\n\n// ============================================\n// IMPLEMENTATION\n// ============================================\n\n/**\n * Provides state management for a radio group component.\n * Provides a name for the group, and manages selection and focus state.\n */\nexport function createRadioGroupState(\n  props: MaybeAccessor<RadioGroupProps> = {}\n): RadioGroupState {\n  const getProps = () => access(props);\n\n  // Get initial props using untrack to avoid setting up dependencies\n  // This ensures we capture the initial defaultValue without reactivity issues\n  const initialProps = untrack(() => getProps());\n\n  // Generate name - preserved for backward compatibility\n  // React Aria now generates the name instead of stately\n  const name = initialProps.name || `radio-group-${createId()}`;\n\n  // Create internal signal for uncontrolled mode\n  // Initialize with defaultValue only (not value, which is for controlled mode)\n  const [internalValue, setInternalValue] = createSignal<string | null>(\n    initialProps.defaultValue ?? null\n  );\n  const [lastFocusedValue, setLastFocusedValueInternal] = createSignal<string | null>(null);\n\n  // SolidJS-specific: Version counter for triggering DOM sync across all radios\n  // This handles the case where native radio behavior causes DOM state to desync\n  // from our reactive state (e.g., clicking a radio unchecks siblings in the DOM)\n  const [syncVersion, setSyncVersion] = createSignal(0);\n\n  // Determine if controlled - must be reactive to handle dynamic props\n  const isControlled = () => getProps().value !== undefined;\n\n  // Get current value - reactive for both controlled and uncontrolled modes\n  const selectedValue: Accessor<string | null> = () => {\n    const p = getProps();\n    // In controlled mode, always read from props.value reactively\n    // In uncontrolled mode, read from internal signal\n    if (p.value !== undefined) {\n      return p.value ?? null;\n    }\n    return internalValue();\n  };\n\n  // Check if invalid\n  const isInvalid = () => {\n    return getProps().isInvalid ?? false;\n  };\n\n  // Set value\n  function setSelectedValue(value: string | null): void {\n    const p = getProps();\n    if (p.isReadOnly || p.isDisabled) {\n      return;\n    }\n\n    // Always increment syncVersion to trigger DOM sync across all radios\n    // This is crucial for SolidJS because:\n    // 1. Native radio behavior unchecks siblings when one is checked\n    // 2. In controlled mode, isSelected() may not change even though DOM changed\n    // 3. We need ALL radios to re-sync their checked state after any click\n    setSyncVersion((v) => v + 1);\n\n    if (!isControlled()) {\n      setInternalValue(value);\n    }\n\n    if (value != null) {\n      p.onChange?.(value);\n    }\n  }\n\n  // Set last focused value\n  function setLastFocusedValue(value: string | null): void {\n    setLastFocusedValueInternal(value);\n  }\n\n  const state: RadioGroupState = {\n    name,\n    selectedValue,\n    defaultSelectedValue: initialProps.defaultValue ?? null,\n    setSelectedValue,\n    lastFocusedValue,\n    setLastFocusedValue,\n    get isDisabled() {\n      return getProps().isDisabled ?? false;\n    },\n    get isReadOnly() {\n      return getProps().isReadOnly ?? false;\n    },\n    get isRequired() {\n      return getProps().isRequired ?? false;\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n  };\n\n  // Store syncVersion in internal WeakMap (not part of public API)\n  // This maintains API parity with React-Stately while supporting SolidJS's reactivity needs\n  radioGroupSyncVersion.set(state, syncVersion);\n\n  return state;\n}\n"],"names":[],"mappings":"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"}

package/dist/radio/createRadioGroupState.d.ts

@@ -1,76 +0,0 @@
-/**
- * Radio group state for Solid Stately
- *
- * Provides state management for a radio group component.
- * Provides a name for the group, and manages selection and focus state.
- *
- * This is a 1:1 port of @react-stately/radio's useRadioGroupState.
- */
-import { Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-export interface RadioGroupProps {
-    /** The current selected value (controlled). */
-    value?: string | null;
-    /** The default selected value (uncontrolled). */
-    defaultValue?: string | null;
-    /** Handler that is called when the value changes. */
-    onChange?: (value: string) => void;
-    /** Whether the radio group is disabled. */
-    isDisabled?: boolean;
-    /** Whether the radio group is read only. */
-    isReadOnly?: boolean;
-    /** Whether the radio group is required. */
-    isRequired?: boolean;
-    /** Whether the radio group is invalid. */
-    isInvalid?: boolean;
-    /** The name of the radio group, used when submitting an HTML form. */
-    name?: string;
-    /** The form to associate the radio group with. */
-    form?: string;
-    /** The label for the radio group. */
-    label?: string;
-    /** Orientation of the radio group. */
-    orientation?: 'horizontal' | 'vertical';
-    /** Handler that is called when the radio group receives focus. */
-    onFocus?: (e: FocusEvent) => void;
-    /** Handler that is called when the radio group loses focus. */
-    onBlur?: (e: FocusEvent) => void;
-    /** Handler that is called when the radio group's focus status changes. */
-    onFocusChange?: (isFocused: boolean) => void;
-}
-export interface RadioGroupState {
-    /** The name for the group, used for native form submission. */
-    readonly name: string;
-    /** Whether the radio group is disabled. */
-    readonly isDisabled: boolean;
-    /** Whether the radio group is read only. */
-    readonly isReadOnly: boolean;
-    /** Whether the radio group is required. */
-    readonly isRequired: boolean;
-    /** Whether the radio group is invalid. */
-    readonly isInvalid: boolean;
-    /** The currently selected value. */
-    readonly selectedValue: Accessor<string | null>;
-    /** The default selected value. */
-    readonly defaultSelectedValue: string | null;
-    /** Sets the selected value. */
-    setSelectedValue(value: string | null): void;
-    /** The value of the last focused radio. */
-    readonly lastFocusedValue: Accessor<string | null>;
-    /** Sets the last focused value. */
-    setLastFocusedValue(value: string | null): void;
-}
-/**
- * Internal WeakMap to store sync version accessors for each radio group state.
- * This is used by createRadio to trigger DOM sync when native radio behavior
- * causes the DOM checked state to desync from our reactive state.
- *
- * This is kept separate from RadioGroupState to maintain API parity with React-Stately.
- * @internal
- */
-export declare const radioGroupSyncVersion: WeakMap<RadioGroupState, Accessor<number>>;
-/**
- * Provides state management for a radio group component.
- * Provides a name for the group, and manages selection and focus state.
- */
-export declare function createRadioGroupState(props?: MaybeAccessor<RadioGroupProps>): RadioGroupState;

package/dist/radio/index.d.ts

@@ -1 +0,0 @@
-export { createRadioGroupState, radioGroupSyncVersion, type RadioGroupProps, type RadioGroupState, } from './createRadioGroupState';

package/dist/ssr/index.d.ts

@@ -1,23 +0,0 @@
-/**
- * SSR utilities for Solid Stately
- *
- * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.
- * These utilities provide a consistent API matching React-Stately's patterns.
- */
-/**
- * Returns whether the component is currently being server side rendered.
- * Can be used to delay browser-specific rendering until after hydration.
- */
-export declare function createIsSSR(): boolean;
-/**
- * Generate a unique ID that is stable across server and client.
- * Uses SolidJS's built-in createUniqueId which handles SSR correctly.
- *
- * @param defaultId - Optional default ID to use instead of generating one.
- */
-export declare function createId(defaultId?: string): string;
-/**
- * Check if we can use DOM APIs.
- * This is useful for code that needs to run only in the browser.
- */
-export declare const canUseDOM: boolean;

package/dist/textfield/createTextFieldState.d.ts

@@ -1,29 +0,0 @@
-/**
- * TextField state for Solid Stately
- *
- * Provides state management for text input components.
- *
- * This is a port of @react-stately/utils's useControlledState pattern
- * as used by @react-aria/textfield.
- */
-import { Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-export interface TextFieldStateOptions {
-    /** The current value (controlled). */
-    value?: string;
-    /** The default value (uncontrolled). */
-    defaultValue?: string;
-    /** Handler that is called when the value changes. */
-    onChange?: (value: string) => void;
-}
-export interface TextFieldState {
-    /** The current value of the text field. */
-    readonly value: Accessor<string>;
-    /** Sets the value of the text field. */
-    setValue(value: string): void;
-}
-/**
- * Provides state management for text input components.
- * Supports both controlled and uncontrolled modes.
- */
-export declare function createTextFieldState(props?: MaybeAccessor<TextFieldStateOptions>): TextFieldState;

package/dist/textfield/index.d.ts

@@ -1 +0,0 @@
-export { createTextFieldState, type TextFieldStateOptions, type TextFieldState, } from './createTextFieldState';

package/dist/toggle/createToggleState.d.ts

@@ -1,33 +0,0 @@
-/**
- * Toggle state for Solid Stately
- *
- * Provides state management for toggle components like checkboxes and switches.
- *
- * This is a 1:1 port of @react-stately/toggle's useToggleState.
- */
-import { Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-export interface ToggleStateOptions {
-    /** Whether the element should be selected (controlled). */
-    isSelected?: boolean;
-    /** Whether the element should be selected by default (uncontrolled). */
-    defaultSelected?: boolean;
-    /** Handler that is called when the element's selection state changes. */
-    onChange?: (isSelected: boolean) => void;
-    /** Whether the element is read only. */
-    isReadOnly?: boolean;
-}
-export interface ToggleState {
-    /** Whether the toggle is selected. */
-    readonly isSelected: Accessor<boolean>;
-    /** Whether the toggle is selected by default. */
-    readonly defaultSelected: boolean;
-    /** Updates selection state. */
-    setSelected(isSelected: boolean): void;
-    /** Toggle the selection state. */
-    toggle(): void;
-}
-/**
- * Provides state management for toggle components like checkboxes and switches.
- */
-export declare function createToggleState(props?: MaybeAccessor<ToggleStateOptions>): ToggleState;

package/dist/toggle/index.d.ts

@@ -1 +0,0 @@
-export { createToggleState, type ToggleStateOptions, type ToggleState, } from './createToggleState';

package/dist/utils/index.d.ts

@@ -1 +0,0 @@
-export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from './reactivity';

package/dist/utils/reactivity.d.ts

@@ -1,27 +0,0 @@
-/**
- * Reactivity utilities for Solid Stately
- *
- * Provides type-safe utilities for working with SolidJS reactivity patterns.
- */
-import { Accessor } from 'solid-js';
-/**
- * A value that may be either a raw value or an accessor function.
- * This is a common pattern in SolidJS for props that may be reactive.
- */
-export type MaybeAccessor<T> = T | Accessor<T>;
-/**
- * Unwraps a MaybeAccessor to get the underlying value.
- * If the input is a function, it calls it to get the value.
- * Otherwise, it returns the value directly.
- *
- * @param value - The value or accessor to unwrap.
- */
-export declare function access<T>(value: MaybeAccessor<T>): T;
-/**
- * A value that may be undefined or an accessor that returns the value or undefined.
- */
-export type MaybeAccessorValue<T> = T | undefined | Accessor<T | undefined>;
-/**
- * Checks if a value is an accessor function.
- */
-export declare function isAccessor<T>(value: MaybeAccessor<T>): value is Accessor<T>;