@proyecto-viviana/solid-stately 0.2.2 → 0.2.3

package/src/toast/createToastState.d.ts

@@ -0,0 +1,118 @@
+/**
+ * Toast state management for SolidJS
+ * Based on @react-stately/toast useToastState
+ */
+import { type Accessor } from 'solid-js';
+export interface ToastOptions {
+    /** A timeout to automatically close the toast, in milliseconds. */
+    timeout?: number;
+    /** The priority of the toast relative to other toasts. */
+    priority?: number;
+    /** Handler called when the toast is closed. */
+    onClose?: () => void;
+}
+export interface QueuedToast<T> {
+    /** The content of the toast. */
+    content: T;
+    /** A unique key for the toast. */
+    key: string;
+    /** The timer for the toast. */
+    timer: Timer | null;
+    /** Whether the toast should be animated. */
+    animation?: 'entering' | 'exiting' | 'queued';
+    /** The priority of the toast. */
+    priority: number;
+    /** Handler called when the toast is closed. */
+    onClose?: () => void;
+    /** The timeout for the toast. */
+    timeout?: number;
+}
+export interface ToastQueueOptions {
+    /** The maximum number of toasts to display at once. */
+    maxVisibleToasts?: number;
+    /** Whether toasts should stack (true) or queue (false). */
+    hasExitAnimation?: boolean;
+}
+export interface ToastStateProps<T> {
+    /** The toast queue to use. */
+    queue: ToastQueue<T>;
+}
+export interface ToastState<T> {
+    /** The currently visible toasts. */
+    visibleToasts: Accessor<QueuedToast<T>[]>;
+    /** Adds a toast to the queue. */
+    add: (content: T, options?: ToastOptions) => string;
+    /** Closes a toast by key. */
+    close: (key: string) => void;
+    /** Pauses all toast timers. */
+    pauseAll: () => void;
+    /** Resumes all toast timers. */
+    resumeAll: () => void;
+}
+/**
+ * A Timer that supports pause and resume.
+ */
+export declare class Timer {
+    private timerId;
+    private startTime;
+    private remaining;
+    private callback;
+    constructor(callback: () => void, delay: number);
+    pause(): void;
+    resume(): void;
+    reset(delay: number): void;
+    cancel(): void;
+}
+type SubscribeCallback<T> = (toasts: QueuedToast<T>[]) => void;
+/**
+ * A queue that manages toast notifications.
+ * Can be created once and shared across the app (singleton pattern).
+ */
+export declare class ToastQueue<T> {
+    private queue;
+    private subscriptions;
+    private maxVisibleToasts;
+    private hasExitAnimation;
+    private keyCounter;
+    constructor(options?: ToastQueueOptions);
+    /**
+     * Subscribe to queue changes.
+     */
+    subscribe(callback: SubscribeCallback<T>): () => void;
+    /**
+     * Add a toast to the queue.
+     */
+    add(content: T, options?: ToastOptions): string;
+    /**
+     * Close a toast by key.
+     */
+    close(key: string): void;
+    /**
+     * Remove a toast after exit animation completes.
+     */
+    remove(key: string): void;
+    /**
+     * Pause all toast timers.
+     */
+    pauseAll(): void;
+    /**
+     * Resume all toast timers.
+     */
+    resumeAll(): void;
+    private updateVisibility;
+    private notify;
+}
+/**
+ * Creates reactive toast state from a ToastQueue.
+ * Use this hook to subscribe to toast changes in your component.
+ */
+export declare function createToastState<T>(props: ToastStateProps<T>): ToastState<T>;
+/**
+ * Creates a new ToastQueue and returns reactive state.
+ * Use this if you don't need a global queue.
+ */
+export declare function createToastQueue<T>(options?: ToastQueueOptions): ToastState<T> & {
+    queue: ToastQueue<T>;
+};
+export {};
+//# sourceMappingURL=createToastState.d.ts.map

package/src/toast/createToastState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createToastState.d.ts","sourceRoot":"","sources":["createToastState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMlE,MAAM,WAAW,YAAY;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,gCAAgC;IAChC,OAAO,EAAE,CAAC,CAAC;IACX,kCAAkC;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC9C,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,8BAA8B;IAC9B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACtB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,oCAAoC;IACpC,aAAa,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1C,iCAAiC;IACjC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IACpD,6BAA6B;IAC7B,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD;;GAEG;AACH,qBAAa,KAAK;IAChB,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAa;gBAEjB,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM;IAM/C,KAAK;IASL,MAAM;IAWN,KAAK,CAAC,KAAK,EAAE,MAAM;IAMnB,MAAM;CAMP;AAMD,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;AAE/D;;;GAGG;AACH,qBAAa,UAAU,CAAC,CAAC;IACvB,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,aAAa,CAAmC;IACxD,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,UAAU,CAAK;gBAEX,OAAO,GAAE,iBAAsB;IAK3C;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI;IAOrD;;OAEG;IACH,GAAG,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM;IAsCnD;;OAEG;IACH,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAkBxB;;OAEG;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAWzB;;OAEG;IACH,QAAQ,IAAI,IAAI;IAMhB;;OAEG;IACH,SAAS,IAAI,IAAI;IAMjB,OAAO,CAAC,gBAAgB;IAyBxB,OAAO,CAAC,MAAM;CAMf;AAMD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAmB5E;AAMD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;CAAE,CAIzG"}

package/src/toast/createToastState.ts

@@ -0,0 +1,316 @@
+/**
+ * Toast state management for SolidJS
+ * Based on @react-stately/toast useToastState
+ */
+
+import { createSignal, onCleanup, type Accessor } from 'solid-js';
+
+// ============================================
+// TYPES
+// ============================================
+
+export interface ToastOptions {
+  /** A timeout to automatically close the toast, in milliseconds. */
+  timeout?: number;
+  /** The priority of the toast relative to other toasts. */
+  priority?: number;
+  /** Handler called when the toast is closed. */
+  onClose?: () => void;
+}
+
+export interface QueuedToast<T> {
+  /** The content of the toast. */
+  content: T;
+  /** A unique key for the toast. */
+  key: string;
+  /** The timer for the toast. */
+  timer: Timer | null;
+  /** Whether the toast should be animated. */
+  animation?: 'entering' | 'exiting' | 'queued';
+  /** The priority of the toast. */
+  priority: number;
+  /** Handler called when the toast is closed. */
+  onClose?: () => void;
+  /** The timeout for the toast. */
+  timeout?: number;
+}
+
+export interface ToastQueueOptions {
+  /** The maximum number of toasts to display at once. */
+  maxVisibleToasts?: number;
+  /** Whether toasts should stack (true) or queue (false). */
+  hasExitAnimation?: boolean;
+}
+
+export interface ToastStateProps<T> {
+  /** The toast queue to use. */
+  queue: ToastQueue<T>;
+}
+
+export interface ToastState<T> {
+  /** The currently visible toasts. */
+  visibleToasts: Accessor<QueuedToast<T>[]>;
+  /** Adds a toast to the queue. */
+  add: (content: T, options?: ToastOptions) => string;
+  /** Closes a toast by key. */
+  close: (key: string) => void;
+  /** Pauses all toast timers. */
+  pauseAll: () => void;
+  /** Resumes all toast timers. */
+  resumeAll: () => void;
+}
+
+// ============================================
+// TIMER CLASS
+// ============================================
+
+/**
+ * A Timer that supports pause and resume.
+ */
+export class Timer {
+  private timerId: number | null = null;
+  private startTime: number = 0;
+  private remaining: number;
+  private callback: () => void;
+
+  constructor(callback: () => void, delay: number) {
+    this.callback = callback;
+    this.remaining = delay;
+    this.resume();
+  }
+
+  pause() {
+    if (this.timerId === null) {
+      return;
+    }
+    clearTimeout(this.timerId);
+    this.timerId = null;
+    this.remaining -= Date.now() - this.startTime;
+  }
+
+  resume() {
+    if (this.timerId !== null) {
+      return;
+    }
+    this.startTime = Date.now();
+    this.timerId = window.setTimeout(() => {
+      this.timerId = null;
+      this.callback();
+    }, this.remaining);
+  }
+
+  reset(delay: number) {
+    this.pause();
+    this.remaining = delay;
+    this.resume();
+  }
+
+  cancel() {
+    if (this.timerId !== null) {
+      clearTimeout(this.timerId);
+      this.timerId = null;
+    }
+  }
+}
+
+// ============================================
+// TOAST QUEUE CLASS
+// ============================================
+
+type SubscribeCallback<T> = (toasts: QueuedToast<T>[]) => void;
+
+/**
+ * A queue that manages toast notifications.
+ * Can be created once and shared across the app (singleton pattern).
+ */
+export class ToastQueue<T> {
+  private queue: QueuedToast<T>[] = [];
+  private subscriptions = new Set<SubscribeCallback<T>>();
+  private maxVisibleToasts: number;
+  private hasExitAnimation: boolean;
+  private keyCounter = 0;
+
+  constructor(options: ToastQueueOptions = {}) {
+    this.maxVisibleToasts = options.maxVisibleToasts ?? 5;
+    this.hasExitAnimation = options.hasExitAnimation ?? false;
+  }
+
+  /**
+   * Subscribe to queue changes.
+   */
+  subscribe(callback: SubscribeCallback<T>): () => void {
+    this.subscriptions.add(callback);
+    return () => {
+      this.subscriptions.delete(callback);
+    };
+  }
+
+  /**
+   * Add a toast to the queue.
+   */
+  add(content: T, options: ToastOptions = {}): string {
+    const key = String(this.keyCounter++);
+
+    const toast: QueuedToast<T> = {
+      content,
+      key,
+      timer: null,
+      priority: options.priority ?? 0,
+      onClose: options.onClose,
+      timeout: options.timeout,
+      animation: 'entering',
+    };
+
+    // Find insertion point based on priority
+    let low = 0;
+    let high = this.queue.length;
+    while (low < high) {
+      const mid = Math.floor((low + high) / 2);
+      if (toast.priority > this.queue[mid].priority) {
+        high = mid;
+      } else {
+        low = mid + 1;
+      }
+    }
+
+    // Insert at the correct position
+    this.queue = [
+      ...this.queue.slice(0, low),
+      toast,
+      ...this.queue.slice(low),
+    ];
+
+    // Start timer for visible toasts
+    this.updateVisibility();
+
+    return key;
+  }
+
+  /**
+   * Close a toast by key.
+   */
+  close(key: string): void {
+    const toast = this.queue.find((t) => t.key === key);
+    if (!toast) return;
+
+    // Cancel any existing timer
+    toast.timer?.cancel();
+    toast.timer = null;
+
+    if (this.hasExitAnimation && toast.animation !== 'queued') {
+      // Mark as exiting for animation
+      toast.animation = 'exiting';
+      this.notify();
+    } else {
+      // Remove immediately
+      this.remove(key);
+    }
+  }
+
+  /**
+   * Remove a toast after exit animation completes.
+   */
+  remove(key: string): void {
+    const toast = this.queue.find((t) => t.key === key);
+    if (toast) {
+      toast.onClose?.();
+      toast.timer?.cancel();
+    }
+
+    this.queue = this.queue.filter((t) => t.key !== key);
+    this.updateVisibility();
+  }
+
+  /**
+   * Pause all toast timers.
+   */
+  pauseAll(): void {
+    for (const toast of this.queue) {
+      toast.timer?.pause();
+    }
+  }
+
+  /**
+   * Resume all toast timers.
+   */
+  resumeAll(): void {
+    for (const toast of this.queue) {
+      toast.timer?.resume();
+    }
+  }
+
+  private updateVisibility(): void {
+    // Mark toasts as visible or queued based on maxVisibleToasts
+    const visibleCount = this.queue.filter(
+      (t) => t.animation !== 'queued' && t.animation !== 'exiting'
+    ).length;
+
+    let promoted = 0;
+    for (const toast of this.queue) {
+      if (toast.animation === 'queued' && visibleCount + promoted < this.maxVisibleToasts) {
+        toast.animation = 'entering';
+        promoted++;
+      }
+      if (toast.animation === 'queued') continue;
+
+      // Start timer for visible toasts
+      if (toast.timeout != null && toast.timer === null && toast.animation !== 'exiting') {
+        toast.timer = new Timer(() => {
+          this.close(toast.key);
+        }, toast.timeout);
+      }
+    }
+
+    this.notify();
+  }
+
+  private notify(): void {
+    const toasts = [...this.queue];
+    for (const callback of this.subscriptions) {
+      callback(toasts);
+    }
+  }
+}
+
+// ============================================
+// HOOK
+// ============================================
+
+/**
+ * Creates reactive toast state from a ToastQueue.
+ * Use this hook to subscribe to toast changes in your component.
+ */
+export function createToastState<T>(props: ToastStateProps<T>): ToastState<T> {
+  const [visibleToasts, setVisibleToasts] = createSignal<QueuedToast<T>[]>([]);
+
+  // Subscribe to queue changes
+  const unsubscribe = props.queue.subscribe((toasts) => {
+    setVisibleToasts(toasts);
+  });
+
+  onCleanup(() => {
+    unsubscribe();
+  });
+
+  return {
+    visibleToasts,
+    add: (content, options) => props.queue.add(content, options),
+    close: (key) => props.queue.close(key),
+    pauseAll: () => props.queue.pauseAll(),
+    resumeAll: () => props.queue.resumeAll(),
+  };
+}
+
+// ============================================
+// CONVENIENCE HOOKS
+// ============================================
+
+/**
+ * Creates a new ToastQueue and returns reactive state.
+ * Use this if you don't need a global queue.
+ */
+export function createToastQueue<T>(options?: ToastQueueOptions): ToastState<T> & { queue: ToastQueue<T> } {
+  const queue = new ToastQueue<T>(options);
+  const state = createToastState({ queue });
+  return { ...state, queue };
+}

package/src/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { createToastState, createToastQueue, ToastQueue, Timer, type ToastOptions, type QueuedToast, type ToastQueueOptions, type ToastStateProps, type ToastState, } from './createToastState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,KAAK,EACL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC"}

package/src/toast/index.ts

@@ -0,0 +1,11 @@
+export {
+  createToastState,
+  createToastQueue,
+  ToastQueue,
+  Timer,
+  type ToastOptions,
+  type QueuedToast,
+  type ToastQueueOptions,
+  type ToastStateProps,
+  type ToastState,
+} from './createToastState';

package/src/toggle/createToggleState.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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;
+//# sourceMappingURL=createToggleState.d.ts.map

package/src/toggle/createToggleState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createToggleState.d.ts","sourceRoot":"","sources":["createToggleState.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAgB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,UAAU,CAAC;AAMtD,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvC,iDAAiD;IACjD,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC,kCAAkC;IAClC,MAAM,IAAI,IAAI,CAAC;CAChB;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAAG,WAAW,CAiD5F"}

package/src/toggle/createToggleState.ts

@@ -0,0 +1,94 @@
+/**
+ * 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 { createSignal, Accessor } from 'solid-js';
+import { type MaybeAccessor, access } from '../utils';
+
+// ============================================
+// TYPES
+// ============================================
+
+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;
+}
+
+// ============================================
+// IMPLEMENTATION
+// ============================================
+
+/**
+ * Provides state management for toggle components like checkboxes and switches.
+ */
+export function createToggleState(props: MaybeAccessor<ToggleStateOptions> = {}): ToggleState {
+  const getProps = () => access(props);
+
+  // Get initial values
+  const initialProps = getProps();
+  const initialSelected = initialProps.isSelected ?? initialProps.defaultSelected ?? false;
+
+  // Create internal signal for uncontrolled mode
+  const [internalSelected, setInternalSelected] = createSignal(initialSelected);
+
+  // Determine if controlled
+  const isControlled = () => getProps().isSelected !== undefined;
+
+  // Get current selection state
+  const isSelected: Accessor<boolean> = () => {
+    const p = getProps();
+    return isControlled() ? (p.isSelected ?? false) : internalSelected();
+  };
+
+  // Update selection state
+  function setSelected(value: boolean): void {
+    const p = getProps();
+    if (p.isReadOnly) {
+      return;
+    }
+
+    if (!isControlled()) {
+      setInternalSelected(value);
+    }
+
+    p.onChange?.(value);
+  }
+
+  // Toggle selection state
+  function toggle(): void {
+    const p = getProps();
+    if (p.isReadOnly) {
+      return;
+    }
+
+    setSelected(!isSelected());
+  }
+
+  return {
+    isSelected,
+    defaultSelected: initialProps.defaultSelected ?? initialSelected,
+    setSelected,
+    toggle,
+  };
+}

package/src/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { createToggleState, type ToggleStateOptions, type ToggleState, } from './createToggleState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,kBAAkB,EACvB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC"}

package/src/toggle/index.ts

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

package/src/tooltip/createTooltipTriggerState.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Manages state for a tooltip trigger.
+ * Based on @react-stately/tooltip useTooltipTriggerState.
+ *
+ * Tracks whether the tooltip is open, and provides methods to toggle this state.
+ * Ensures only one tooltip is open at a time and controls the delay for showing a tooltip.
+ */
+import { type Accessor } from 'solid-js';
+import { type OverlayTriggerProps } from '../overlays';
+export interface TooltipTriggerProps extends OverlayTriggerProps {
+    /** The delay time in milliseconds for the tooltip to show up. */
+    delay?: number;
+    /** The delay time in milliseconds for the tooltip to close. */
+    closeDelay?: number;
+}
+export interface TooltipTriggerState {
+    /** Whether the tooltip is currently showing. */
+    readonly isOpen: Accessor<boolean>;
+    /**
+     * Shows the tooltip. By default, the tooltip becomes visible after a delay
+     * depending on a global warmup timer. The `immediate` option shows the
+     * tooltip immediately instead.
+     */
+    open(immediate?: boolean): void;
+    /** Hides the tooltip. */
+    close(immediate?: boolean): void;
+}
+/**
+ * Resets the global tooltip state. Useful for testing.
+ * @internal
+ */
+export declare function resetTooltipState(): void;
+/**
+ * Manages state for a tooltip trigger. Tracks whether the tooltip is open, and provides
+ * methods to toggle this state. Ensures only one tooltip is open at a time and controls
+ * the delay for showing a tooltip.
+ */
+export declare function createTooltipTriggerState(props?: TooltipTriggerProps): TooltipTriggerState;
+//# sourceMappingURL=createTooltipTriggerState.d.ts.map

package/src/tooltip/createTooltipTriggerState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTooltipTriggerState.d.ts","sourceRoot":"","sources":["createTooltipTriggerState.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAA6B,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOlF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnC;;;;OAIG;IACH,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,yBAAyB;IACzB,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAClC;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAYxC;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,GAAE,mBAAwB,GAC9B,mBAAmB,CAkHrB"}