@proyecto-viviana/solid-stately 0.2.2 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proyecto-viviana/solid-stately",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A 1-1 SolidJS port of React Stately - headless state management for UI components",
   "type": "module",
   "main": "./dist/index.js",
@@ -9,18 +9,20 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "solid": "./dist/index.jsx",
+      "solid": "./src/index.ts",
+      "import": "./dist/index.js",
       "default": "./dist/index.js"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "deno task build",
+    "build": "tsup",
     "dev": "tsup --watch",
-    "prepublishOnly": "deno task build"
+    "prepublishOnly": "echo 'Use deno task release from root'"
   },
   "peerDependencies": {
     "solid-js": "^1.9.0"

package/src/autocomplete/createAutocompleteState.d.ts

@@ -0,0 +1,46 @@
+/**
+ * createAutocompleteState - State management for autocomplete components
+ *
+ * Based on @react-stately/autocomplete useAutocompleteState.
+ */
+import { type Accessor } from 'solid-js';
+export interface AutocompleteState {
+    /** The current value of the autocomplete input. */
+    inputValue: Accessor<string>;
+    /** Sets the value of the autocomplete input. */
+    setInputValue(value: string): void;
+    /** The id of the current aria-activedescendant of the autocomplete input. */
+    focusedNodeId: Accessor<string | null>;
+    /** Sets the id of the current aria-activedescendant of the autocomplete input. */
+    setFocusedNodeId(value: string | null): void;
+}
+export interface AutocompleteStateOptions {
+    /** The value of the autocomplete input (controlled). */
+    inputValue?: string;
+    /** The default value of the autocomplete input (uncontrolled). */
+    defaultInputValue?: string;
+    /** Handler that is called when the autocomplete input value changes. */
+    onInputChange?: (value: string) => void;
+}
+/**
+ * Provides state management for an autocomplete component.
+ *
+ * @example
+ * ```tsx
+ * const state = createAutocompleteState({
+ *   defaultInputValue: '',
+ *   onInputChange: (value) => console.log('Input changed:', value),
+ * });
+ *
+ * // Access current input value
+ * console.log(state.inputValue());
+ *
+ * // Update input value
+ * state.setInputValue('new value');
+ *
+ * // Track focused node for aria-activedescendant
+ * state.setFocusedNodeId('item-1');
+ * ```
+ */
+export declare function createAutocompleteState(props?: AutocompleteStateOptions): AutocompleteState;
+//# sourceMappingURL=createAutocompleteState.d.ts.map

package/src/autocomplete/createAutocompleteState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAutocompleteState.d.ts","sourceRoot":"","sources":["createAutocompleteState.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAA;AAMtD,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC5B,gDAAgD;IAChD,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,6EAA6E;IAC7E,aAAa,EAAE,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IACtC,kFAAkF;IAClF,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C;AAED,MAAM,WAAW,wBAAwB;IACvC,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,wEAAwE;IACxE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,GAAE,wBAA6B,GACnC,iBAAiB,CA+BnB"}

package/src/autocomplete/createAutocompleteState.ts

@@ -0,0 +1,90 @@
+/**
+ * createAutocompleteState - State management for autocomplete components
+ *
+ * Based on @react-stately/autocomplete useAutocompleteState.
+ */
+
+import { createSignal, type Accessor } from 'solid-js'
+
+// ============================================
+// TYPES
+// ============================================
+
+export interface AutocompleteState {
+  /** The current value of the autocomplete input. */
+  inputValue: Accessor<string>
+  /** Sets the value of the autocomplete input. */
+  setInputValue(value: string): void
+  /** The id of the current aria-activedescendant of the autocomplete input. */
+  focusedNodeId: Accessor<string | null>
+  /** Sets the id of the current aria-activedescendant of the autocomplete input. */
+  setFocusedNodeId(value: string | null): void
+}
+
+export interface AutocompleteStateOptions {
+  /** The value of the autocomplete input (controlled). */
+  inputValue?: string
+  /** The default value of the autocomplete input (uncontrolled). */
+  defaultInputValue?: string
+  /** Handler that is called when the autocomplete input value changes. */
+  onInputChange?: (value: string) => void
+}
+
+// ============================================
+// CREATE AUTOCOMPLETE STATE
+// ============================================
+
+/**
+ * Provides state management for an autocomplete component.
+ *
+ * @example
+ * ```tsx
+ * const state = createAutocompleteState({
+ *   defaultInputValue: '',
+ *   onInputChange: (value) => console.log('Input changed:', value),
+ * });
+ *
+ * // Access current input value
+ * console.log(state.inputValue());
+ *
+ * // Update input value
+ * state.setInputValue('new value');
+ *
+ * // Track focused node for aria-activedescendant
+ * state.setFocusedNodeId('item-1');
+ * ```
+ */
+export function createAutocompleteState(
+  props: AutocompleteStateOptions = {}
+): AutocompleteState {
+  const {
+    inputValue: controlledInputValue,
+    defaultInputValue = '',
+    onInputChange,
+  } = props
+
+  // Track focused node ID for aria-activedescendant
+  const [focusedNodeId, setFocusedNodeId] = createSignal<string | null>(null)
+
+  // Handle controlled vs uncontrolled input value
+  const isControlled = controlledInputValue !== undefined
+  const [uncontrolledValue, setUncontrolledValue] = createSignal(defaultInputValue)
+
+  const inputValue: Accessor<string> = () => {
+    return isControlled ? controlledInputValue : uncontrolledValue()
+  }
+
+  const setInputValue = (value: string) => {
+    if (!isControlled) {
+      setUncontrolledValue(value)
+    }
+    onInputChange?.(value)
+  }
+
+  return {
+    inputValue,
+    setInputValue,
+    focusedNodeId,
+    setFocusedNodeId,
+  }
+}

package/src/autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { createAutocompleteState, type AutocompleteState, type AutocompleteStateOptions, } from './createAutocompleteState';
+//# sourceMappingURL=index.d.ts.map

package/src/autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAA"}

package/src/autocomplete/index.ts

@@ -0,0 +1,5 @@
+export {
+  createAutocompleteState,
+  type AutocompleteState,
+  type AutocompleteStateOptions,
+} from './createAutocompleteState'

package/src/calendar/createCalendarState.d.ts

@@ -0,0 +1,130 @@
+/**
+ * CalendarState for Solid-Stately
+ *
+ * Provides state management for calendar components.
+ * Based on @react-stately/calendar useCalendarState
+ */
+import { type Accessor } from 'solid-js';
+import { type CalendarDate, type DateValue } from '@internationalized/date';
+import { type MaybeAccessor } from '../utils';
+export type ValidationState = 'valid' | 'invalid';
+export interface CalendarStateProps<T extends DateValue = DateValue> {
+    /** The current value (controlled). */
+    value?: MaybeAccessor<T | null>;
+    /** The default value (uncontrolled). */
+    defaultValue?: T | null;
+    /** Handler called when the value changes. */
+    onChange?: (value: T) => void;
+    /** The minimum allowed date. */
+    minValue?: MaybeAccessor<DateValue | undefined>;
+    /** The maximum allowed date. */
+    maxValue?: MaybeAccessor<DateValue | undefined>;
+    /** Whether the calendar is disabled. */
+    isDisabled?: MaybeAccessor<boolean>;
+    /** Whether the calendar is read-only. */
+    isReadOnly?: MaybeAccessor<boolean>;
+    /** Whether dates outside the visible range are automatically focused. */
+    autoFocus?: boolean;
+    /** The date that is focused when the calendar first mounts. */
+    focusedValue?: MaybeAccessor<DateValue | undefined>;
+    /** The default focused date (uncontrolled). */
+    defaultFocusedValue?: DateValue;
+    /** Handler called when the focused date changes. */
+    onFocusChange?: (date: CalendarDate) => void;
+    /** The locale to use for formatting. */
+    locale?: string;
+    /** Callback that is called for each date in the calendar to determine if it is unavailable. */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    /** The number of months to display at once. */
+    visibleMonths?: number;
+    /** Whether to automatically focus the calendar when it is mounted. */
+    autoFocusOnMount?: boolean;
+    /** Controls which days are disabled. */
+    isDateDisabled?: (date: DateValue) => boolean;
+    /** Validation state. */
+    validationState?: MaybeAccessor<ValidationState | undefined>;
+    /** Error message. */
+    errorMessage?: string;
+    /** The first day of the week (0 = Sunday, 1 = Monday, etc.). */
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+export interface CalendarState<T extends DateValue = DateValue> {
+    /** The currently selected date. */
+    value: Accessor<T | null>;
+    /** Sets the selected date. */
+    setValue: (value: T | null) => void;
+    /** The currently focused date. */
+    focusedDate: Accessor<CalendarDate>;
+    /** Sets the focused date. */
+    setFocusedDate: (date: CalendarDate) => void;
+    /** Whether the calendar is disabled. */
+    isDisabled: Accessor<boolean>;
+    /** Whether the calendar is read-only. */
+    isReadOnly: Accessor<boolean>;
+    /** The visible date range (first and last day of visible month(s)). */
+    visibleRange: Accessor<{
+        start: CalendarDate;
+        end: CalendarDate;
+    }>;
+    /** The timezone used for date calculations. */
+    timeZone: string;
+    /** The validation state. */
+    validationState: Accessor<ValidationState | undefined>;
+    /** Whether a date is selected. */
+    isSelected: (date: DateValue) => boolean;
+    /** Whether a date is focused. */
+    isCellFocused: (date: DateValue) => boolean;
+    /** Whether a date is unavailable. */
+    isCellUnavailable: (date: DateValue) => boolean;
+    /** Whether a date is disabled. */
+    isCellDisabled: (date: DateValue) => boolean;
+    /** Whether a date is outside the visible range. */
+    isOutsideVisibleRange: (date: DateValue) => boolean;
+    /** Whether a date is invalid. */
+    isInvalid: (date: DateValue) => boolean;
+    /** Moves focus to the previous page (month). */
+    focusPreviousPage: () => void;
+    /** Moves focus to the next page (month). */
+    focusNextPage: () => void;
+    /** Moves focus to the previous section (year). */
+    focusPreviousSection: () => void;
+    /** Moves focus to the next section (year). */
+    focusNextSection: () => void;
+    /** Moves focus to the previous day. */
+    focusPreviousDay: () => void;
+    /** Moves focus to the next day. */
+    focusNextDay: () => void;
+    /** Moves focus to the previous week. */
+    focusPreviousWeek: () => void;
+    /** Moves focus to the next week. */
+    focusNextWeek: () => void;
+    /** Moves focus to the start of the month. */
+    focusPageStart: () => void;
+    /** Moves focus to the end of the month. */
+    focusPageEnd: () => void;
+    /** Selects the focused date. */
+    selectFocusedDate: () => void;
+    /** Selects a specific date. */
+    selectDate: (date: CalendarDate) => void;
+    /** Whether focus is currently within the calendar. */
+    isFocused: Accessor<boolean>;
+    /** Sets whether focus is within the calendar. */
+    setFocused: (focused: boolean) => void;
+    /** Gets the dates for a week in the visible range. */
+    getDatesInWeek: (weekIndex: number, monthStartDate?: CalendarDate) => (CalendarDate | null)[];
+    /** Gets the number of weeks in a month. */
+    getWeeksInMonth: (date?: CalendarDate) => number;
+    /** The week day headers. */
+    weekDays: Accessor<string[]>;
+    /** The title for the calendar (formatted month and year). */
+    title: Accessor<string>;
+    /** The number of visible months. */
+    visibleMonths: number;
+    /** Whether the calendar is paginating (for animations). */
+    isPaginating: Accessor<boolean>;
+}
+/**
+ * Provides state management for a calendar component.
+ */
+export declare function createCalendarState<T extends DateValue = CalendarDate>(props?: CalendarStateProps<T>): CalendarState<T>;
+//# sourceMappingURL=createCalendarState.d.ts.map

package/src/calendar/createCalendarState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCalendarState.d.ts","sourceRoot":"","sources":["createCalendarState.ts"],"names":[],"mappings":"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"}