@proyecto-viviana/solid-stately 0.2.1 → 0.2.3

package/src/table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AAEvF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,MAAM,EAAE,GAAG,CAAC;IACZ,gCAAgC;IAChC,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACrE,+CAA+C;IAC/C,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,yDAAyD;IACzD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACvC,sDAAsD;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAC9E,SAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC;IAC3D,4BAA4B;IAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,uBAAuB,EAAE,OAAO,CAAC;IAC1C,+CAA+C;IAC/C,QAAQ,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/C,8CAA8C;IAC9C,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACvD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CACrF,SAAQ,QAAQ;IAChB,4BAA4B;IAC5B,UAAU,EAAE,CAAC,CAAC;IACd,6BAA6B;IAC7B,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,mCAAmC;IACnC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,sBAAsB;IACtB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC/C,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACrC,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC5C,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,gEAAgE;IAChE,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,8BAA8B;IAC9B,GAAG,EAAE,GAAG,CAAC;IACT,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO;IACxC,2BAA2B;IAC3B,GAAG,EAAE,GAAG,CAAC;IACT,kCAAkC;IAClC,KAAK,EAAE,CAAC,CAAC;IACT,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oCAAoC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,OAAO;IACjD,0BAA0B;IAC1B,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,qCAAqC;IACrC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC/B,gDAAgD;IAChD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC;IAChE,4CAA4C;IAC5C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;CAChC"}

package/src/table/types.ts

@@ -0,0 +1,150 @@
+/**
+ * Table state types for Table components.
+ * Based on @react-stately/table and @react-types/table.
+ */
+
+import type { Key, FocusStrategy } from '../collections/types';
+import type { GridState, GridCollection, GridNode, GridNodeType } from '../grid/types';
+
+/**
+ * Sort direction for table columns.
+ */
+export type SortDirection = 'ascending' | 'descending';
+
+/**
+ * Describes which column to sort by and in what direction.
+ */
+export interface SortDescriptor {
+  /** The key of the column to sort by. */
+  column: Key;
+  /** The direction to sort by. */
+  direction: SortDirection;
+}
+
+/**
+ * Interface for sortable components.
+ */
+export interface Sortable {
+  /** The current sorted column and direction. */
+  sortDescriptor?: SortDescriptor;
+  /** Handler that is called when the sorted column or direction changes. */
+  onSortChange?: (descriptor: SortDescriptor) => void;
+}
+
+/**
+ * A collection of table rows and columns.
+ * Extends GridCollection with table-specific metadata.
+ */
+export interface TableCollection<T = unknown> extends GridCollection<T> {
+  /** A list of header row nodes in the table. */
+  readonly headerRows: GridNode<T>[];
+  /** A list of column nodes in the table. */
+  readonly columns: GridNode<T>[];
+  /** A set of column keys that serve as the row header. */
+  readonly rowHeaderColumnKeys: Set<Key>;
+  /** The node that makes up the header of the table. */
+  readonly head?: GridNode<T>;
+  /** The node that makes up the body of the table. */
+  readonly body: GridNode<T>;
+}
+
+/**
+ * State for a table component.
+ * Extends GridState with table-specific functionality.
+ */
+export interface TableState<T, C extends TableCollection<T> = TableCollection<T>>
+  extends Omit<GridState<T, GridCollection<T>>, 'collection'> {
+  /** The table collection. */
+  readonly collection: C;
+  /** Whether the row selection checkboxes should be displayed. */
+  readonly showSelectionCheckboxes: boolean;
+  /** The current sorted column and direction. */
+  readonly sortDescriptor: SortDescriptor | null;
+  /** Sort by the given column and direction. */
+  sort(columnKey: Key, direction?: SortDirection): void;
+}
+
+/**
+ * Options for creating table state.
+ */
+export interface TableStateOptions<T, C extends TableCollection<T> = TableCollection<T>>
+  extends Sortable {
+  /** The table collection. */
+  collection: C;
+  /** Keys of disabled rows. */
+  disabledKeys?: Iterable<Key>;
+  /** Focus mode: 'row' or 'cell'. */
+  focusMode?: 'row' | 'cell';
+  /** Selection mode. */
+  selectionMode?: 'none' | 'single' | 'multiple';
+  /** Selection behavior. */
+  selectionBehavior?: 'toggle' | 'replace';
+  /** Whether empty selection is disallowed. */
+  disallowEmptySelection?: boolean;
+  /** Currently selected keys (controlled). */
+  selectedKeys?: 'all' | Iterable<Key>;
+  /** Default selected keys (uncontrolled). */
+  defaultSelectedKeys?: 'all' | Iterable<Key>;
+  /** Handler for selection changes. */
+  onSelectionChange?: (keys: 'all' | Set<Key>) => void;
+  /** Whether the row selection checkboxes should be displayed. */
+  showSelectionCheckboxes?: boolean;
+}
+
+/**
+ * Column definition for building table collections.
+ */
+export interface ColumnDefinition<T = unknown> {
+  /** The key for the column. */
+  key: Key;
+  /** The display name or rendered content. */
+  name?: string;
+  /** Text value for accessibility. */
+  textValue?: string;
+  /** Whether this column is a row header. */
+  isRowHeader?: boolean;
+  /** Whether this column allows sorting. */
+  allowsSorting?: boolean;
+  /** Child columns (for column groups). */
+  children?: ColumnDefinition<T>[];
+  /** Width of the column. */
+  width?: number | string;
+  /** Minimum width of the column. */
+  minWidth?: number;
+  /** Maximum width of the column. */
+  maxWidth?: number;
+}
+
+/**
+ * Row definition for building table collections.
+ */
+export interface RowDefinition<T = unknown> {
+  /** The key for the row. */
+  key: Key;
+  /** The data value for the row. */
+  value: T;
+  /** Text value for accessibility/search. */
+  textValue?: string;
+  /** Whether this row has child rows (for tree tables). */
+  hasChildRows?: boolean;
+  /** Child rows (for tree tables). */
+  childRows?: RowDefinition<T>[];
+}
+
+/**
+ * Options for building a table collection.
+ */
+export interface TableCollectionOptions<T = unknown> {
+  /** Column definitions. */
+  columns: ColumnDefinition<T>[];
+  /** Row definitions or data items. */
+  rows: RowDefinition<T>[] | T[];
+  /** Function to get the key from a data item. */
+  getKey?: (item: T) => Key;
+  /** Function to get the text value from a data item. */
+  getTextValue?: (item: T, column: ColumnDefinition<T>) => string;
+  /** Whether to show selection checkboxes. */
+  showSelectionCheckboxes?: boolean;
+  /** Set of column keys that serve as row headers. */
+  rowHeaderColumnKeys?: Set<Key>;
+}

package/src/tabs/createTabListState.d.ts

@@ -0,0 +1,68 @@
+/**
+ * State management for tab components.
+ * Based on @react-stately/tabs.
+ */
+import { type Accessor } from 'solid-js';
+import { type MaybeAccessor } from '../utils';
+import type { Collection, CollectionNode, Key, FocusStrategy } from '../collections/types';
+export type KeyboardActivation = 'automatic' | 'manual';
+export type TabOrientation = 'horizontal' | 'vertical';
+export interface TabListStateProps<T = unknown> {
+    /** The items in the tab list. */
+    items?: T[];
+    /** Function to get a key from an item. */
+    getKey?: (item: T) => Key;
+    /** Function to get text value from an item. */
+    getTextValue?: (item: T) => string;
+    /** Function to check if an item is disabled. */
+    getDisabled?: (item: T) => boolean;
+    /** Keys of disabled tabs. */
+    disabledKeys?: Iterable<Key>;
+    /** The currently selected tab key (controlled). */
+    selectedKey?: Key | null;
+    /** The default selected tab key (uncontrolled). */
+    defaultSelectedKey?: Key;
+    /** Handler for tab selection changes. */
+    onSelectionChange?: (key: Key) => void;
+    /** Whether the entire tab list is disabled. */
+    isDisabled?: boolean;
+    /** Whether tabs are activated automatically on focus or manually. */
+    keyboardActivation?: KeyboardActivation;
+    /** The orientation of the tab list. */
+    orientation?: TabOrientation;
+}
+export interface TabListState<T = unknown> {
+    /** The collection of tabs. */
+    readonly collection: Accessor<Collection<T>>;
+    /** The currently selected tab key. */
+    readonly selectedKey: Accessor<Key | null>;
+    /** Set the selected tab key. */
+    setSelectedKey(key: Key): void;
+    /** The currently selected tab item. */
+    readonly selectedItem: Accessor<CollectionNode<T> | null>;
+    /** Whether the tab list is disabled. */
+    readonly isDisabled: Accessor<boolean>;
+    /** The keyboard activation mode. */
+    readonly keyboardActivation: Accessor<KeyboardActivation>;
+    /** The orientation of the tab list. */
+    readonly orientation: Accessor<TabOrientation>;
+    /** Whether a tab key is disabled. */
+    isKeyDisabled(key: Key): boolean;
+    /** The set of disabled keys. */
+    readonly disabledKeys: Accessor<Set<Key>>;
+    /** Whether the collection is focused. */
+    readonly isFocused: Accessor<boolean>;
+    /** Set the focused state. */
+    setFocused(isFocused: boolean): void;
+    /** The currently focused tab key. */
+    readonly focusedKey: Accessor<Key | null>;
+    /** Set the focused tab key. */
+    setFocusedKey(key: Key | null, childStrategy?: FocusStrategy): void;
+    /** The child focus strategy. */
+    readonly childFocusStrategy: Accessor<FocusStrategy | null>;
+}
+/**
+ * Creates state for a tab list component.
+ */
+export declare function createTabListState<T = unknown>(props: MaybeAccessor<TabListStateProps<T>>): TabListState<T>;
+//# sourceMappingURL=createTabListState.d.ts.map

package/src/tabs/createTabListState.d.ts.map

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

package/src/tabs/createTabListState.ts

@@ -0,0 +1,240 @@
+/**
+ * State management for tab components.
+ * Based on @react-stately/tabs.
+ */
+
+import { createSignal, type Accessor } from 'solid-js';
+import { access, type MaybeAccessor } from '../utils';
+import { ListCollection } from '../collections/ListCollection';
+import type {
+  Collection,
+  CollectionNode,
+  Key,
+  FocusStrategy,
+} from '../collections/types';
+
+export type KeyboardActivation = 'automatic' | 'manual';
+export type TabOrientation = 'horizontal' | 'vertical';
+
+export interface TabListStateProps<T = unknown> {
+  /** The items in the tab list. */
+  items?: T[];
+  /** Function to get a key from an item. */
+  getKey?: (item: T) => Key;
+  /** Function to get text value from an item. */
+  getTextValue?: (item: T) => string;
+  /** Function to check if an item is disabled. */
+  getDisabled?: (item: T) => boolean;
+  /** Keys of disabled tabs. */
+  disabledKeys?: Iterable<Key>;
+  /** The currently selected tab key (controlled). */
+  selectedKey?: Key | null;
+  /** The default selected tab key (uncontrolled). */
+  defaultSelectedKey?: Key;
+  /** Handler for tab selection changes. */
+  onSelectionChange?: (key: Key) => void;
+  /** Whether the entire tab list is disabled. */
+  isDisabled?: boolean;
+  /** Whether tabs are activated automatically on focus or manually. */
+  keyboardActivation?: KeyboardActivation;
+  /** The orientation of the tab list. */
+  orientation?: TabOrientation;
+}
+
+export interface TabListState<T = unknown> {
+  /** The collection of tabs. */
+  readonly collection: Accessor<Collection<T>>;
+  /** The currently selected tab key. */
+  readonly selectedKey: Accessor<Key | null>;
+  /** Set the selected tab key. */
+  setSelectedKey(key: Key): void;
+  /** The currently selected tab item. */
+  readonly selectedItem: Accessor<CollectionNode<T> | null>;
+  /** Whether the tab list is disabled. */
+  readonly isDisabled: Accessor<boolean>;
+  /** The keyboard activation mode. */
+  readonly keyboardActivation: Accessor<KeyboardActivation>;
+  /** The orientation of the tab list. */
+  readonly orientation: Accessor<TabOrientation>;
+  /** Whether a tab key is disabled. */
+  isKeyDisabled(key: Key): boolean;
+  /** The set of disabled keys. */
+  readonly disabledKeys: Accessor<Set<Key>>;
+  /** Whether the collection is focused. */
+  readonly isFocused: Accessor<boolean>;
+  /** Set the focused state. */
+  setFocused(isFocused: boolean): void;
+  /** The currently focused tab key. */
+  readonly focusedKey: Accessor<Key | null>;
+  /** Set the focused tab key. */
+  setFocusedKey(key: Key | null, childStrategy?: FocusStrategy): void;
+  /** The child focus strategy. */
+  readonly childFocusStrategy: Accessor<FocusStrategy | null>;
+}
+
+/**
+ * Creates state for a tab list component.
+ */
+export function createTabListState<T = unknown>(
+  props: MaybeAccessor<TabListStateProps<T>>
+): TabListState<T> {
+  const getProps = () => access(props);
+
+  // Build collection from items
+  const collection: Accessor<Collection<T>> = () => {
+    const p = getProps();
+    const items = p.items ?? [];
+
+    const nodes: CollectionNode<T>[] = items.map((item, index) => {
+      const key = p.getKey?.(item) ?? (item as any).key ?? (item as any).id ?? index;
+      const textValue =
+        p.getTextValue?.(item) ?? (item as any).textValue ?? (item as any).label ?? String(item);
+      const isDisabled = p.getDisabled?.(item) ?? (item as any).isDisabled ?? false;
+
+      return {
+        type: 'item' as const,
+        key,
+        value: item,
+        textValue,
+        rendered: null as any,
+        level: 0,
+        index,
+        parentKey: null,
+        hasChildNodes: false,
+        childNodes: [],
+        isDisabled,
+      };
+    });
+
+    return new ListCollection(nodes);
+  };
+
+  // Compute disabled keys
+  const disabledKeys: Accessor<Set<Key>> = () => {
+    const p = getProps();
+    const result = new Set<Key>(p.disabledKeys ?? []);
+
+    const coll = collection();
+    for (const node of coll) {
+      if (node.isDisabled) {
+        result.add(node.key);
+      }
+    }
+
+    return result;
+  };
+
+  // Check if a key is disabled
+  const isKeyDisabled = (key: Key): boolean => {
+    const p = getProps();
+    if (p.isDisabled) return true;
+    return disabledKeys().has(key);
+  };
+
+  // Find the first non-disabled key
+  const findFirstNonDisabledKey = (): Key | null => {
+    const coll = collection();
+    for (const node of coll) {
+      if (!isKeyDisabled(node.key)) {
+        return node.key;
+      }
+    }
+    return null;
+  };
+
+  // Get initial selected key
+  const getInitialSelectedKey = (): Key | null => {
+    const p = getProps();
+
+    // If controlled, use that value
+    if (p.selectedKey !== undefined) {
+      return p.selectedKey;
+    }
+
+    // If default provided and not disabled, use it
+    if (p.defaultSelectedKey !== undefined && !isKeyDisabled(p.defaultSelectedKey)) {
+      return p.defaultSelectedKey;
+    }
+
+    // Otherwise, select first non-disabled
+    return findFirstNonDisabledKey();
+  };
+
+  // Selection state
+  const [selectedKeyInternal, setSelectedKeyInternal] = createSignal<Key | null>(
+    getInitialSelectedKey()
+  );
+
+  // Compute actual selected key (controlled vs uncontrolled)
+  const selectedKey: Accessor<Key | null> = () => {
+    const p = getProps();
+    if (p.selectedKey !== undefined) {
+      return p.selectedKey;
+    }
+    return selectedKeyInternal();
+  };
+
+  const setSelectedKey = (key: Key) => {
+    // Don't select disabled keys
+    if (isKeyDisabled(key)) return;
+
+    const p = getProps();
+    // For uncontrolled mode, update internal state
+    if (p.selectedKey === undefined) {
+      setSelectedKeyInternal(key);
+    }
+
+    // Always call onChange
+    p.onSelectionChange?.(key);
+  };
+
+  // Get selected item
+  const selectedItem: Accessor<CollectionNode<T> | null> = () => {
+    const key = selectedKey();
+    if (key === null) return null;
+    return collection().getItem(key);
+  };
+
+  // Is disabled accessor
+  const isDisabled: Accessor<boolean> = () => getProps().isDisabled ?? false;
+
+  // Keyboard activation accessor
+  const keyboardActivation: Accessor<KeyboardActivation> = () =>
+    getProps().keyboardActivation ?? 'automatic';
+
+  // Orientation accessor
+  const orientation: Accessor<TabOrientation> = () =>
+    getProps().orientation ?? 'horizontal';
+
+  // Focus state
+  const [isFocused, setIsFocused] = createSignal(false);
+  const [focusedKey, setFocusedKeyInternal] = createSignal<Key | null>(null);
+  const [childFocusStrategy, setChildFocusStrategy] = createSignal<FocusStrategy | null>(null);
+
+  const setFocusedKey = (key: Key | null, childStrategy?: FocusStrategy) => {
+    setFocusedKeyInternal(key);
+    setChildFocusStrategy(childStrategy ?? null);
+
+    // In automatic mode, selecting follows focus
+    if (keyboardActivation() === 'automatic' && key !== null && !isKeyDisabled(key)) {
+      setSelectedKey(key);
+    }
+  };
+
+  return {
+    collection,
+    selectedKey,
+    setSelectedKey,
+    selectedItem,
+    isDisabled,
+    keyboardActivation,
+    orientation,
+    isKeyDisabled,
+    disabledKeys,
+    isFocused,
+    setFocused: setIsFocused,
+    focusedKey,
+    setFocusedKey,
+    childFocusStrategy,
+  };
+}

package/src/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { createTabListState, type TabListStateProps, type TabListState, type KeyboardActivation, type TabOrientation, } from './createTabListState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,sBAAsB,CAAC"}

package/src/tabs/index.ts

@@ -0,0 +1,7 @@
+export {
+  createTabListState,
+  type TabListStateProps,
+  type TabListState,
+  type KeyboardActivation,
+  type TabOrientation,
+} from './createTabListState';

package/src/textfield/createTextFieldState.d.ts

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

package/src/textfield/createTextFieldState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTextFieldState.d.ts","sourceRoot":"","sources":["createTextFieldState.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAgB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,UAAU,CAAC;AAMtD,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAMD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,GAAE,aAAa,CAAC,qBAAqB,CAAM,GAAG,cAAc,CAkCrG"}

package/src/textfield/createTextFieldState.ts

@@ -0,0 +1,75 @@
+/**
+ * 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 { createSignal, Accessor } from 'solid-js';
+import { type MaybeAccessor, access } from '../utils';
+
+// ============================================
+// TYPES
+// ============================================
+
+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;
+}
+
+// ============================================
+// IMPLEMENTATION
+// ============================================
+
+/**
+ * Provides state management for text input components.
+ * Supports both controlled and uncontrolled modes.
+ */
+export function createTextFieldState(props: MaybeAccessor<TextFieldStateOptions> = {}): TextFieldState {
+  const getProps = () => access(props);
+
+  // Get initial value
+  const initialProps = getProps();
+  const initialValue = initialProps.value ?? initialProps.defaultValue ?? '';
+
+  // Create internal signal for uncontrolled mode
+  const [internalValue, setInternalValue] = createSignal(initialValue);
+
+  // Determine if controlled
+  const isControlled = () => getProps().value !== undefined;
+
+  // Get current value
+  const value: Accessor<string> = () => {
+    const p = getProps();
+    return isControlled() ? (p.value ?? '') : internalValue();
+  };
+
+  // Update value
+  function setValue(newValue: string): void {
+    const p = getProps();
+
+    if (!isControlled()) {
+      setInternalValue(newValue);
+    }
+
+    p.onChange?.(newValue);
+  }
+
+  return {
+    value,
+    setValue,
+  };
+}

package/src/textfield/index.d.ts

@@ -0,0 +1,2 @@
+export { createTextFieldState, type TextFieldStateOptions, type TextFieldState, } from './createTextFieldState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAC"}

package/src/textfield/index.ts

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