@proyecto-viviana/solidaria 0.1.0 → 0.1.2

package/dist/select/createHiddenSelect.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Provides a hidden native select element for form integration.
+ * Based on @react-aria/select useHiddenSelect.
+ */
+import { type JSX, type Accessor } from 'solid-js';
+import { type MaybeAccessor } from '../utils/reactivity';
+import type { SelectState, FormValidationState } from '@proyecto-viviana/solid-stately';
+export type ValidationBehavior = 'aria' | 'native';
+export interface AriaHiddenSelectProps<T> {
+    /** The state object for the select. */
+    state: SelectState<T>;
+    /** The name attribute for the hidden select. */
+    name?: string;
+    /** Whether the select is disabled. */
+    isDisabled?: boolean;
+    /** Whether the select is required. */
+    isRequired?: boolean;
+    /** Describes the type of autocomplete functionality the select should provide. */
+    autoComplete?: string;
+    /** The `form` attribute to associate the select with a form by ID. */
+    form?: string;
+    /** Validation behavior: 'aria' for realtime, 'native' for on submit. */
+    validationBehavior?: ValidationBehavior;
+    /** A ref to the trigger element for focus on validation error. */
+    triggerRef?: Accessor<HTMLElement | null>;
+    /** Form validation state (optional, for native validation). */
+    validationState?: FormValidationState;
+}
+export interface HiddenSelectAria {
+    /** Props for the container element. */
+    containerProps: JSX.HTMLAttributes<HTMLDivElement>;
+    /** Props for the hidden select element. */
+    selectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
+    /** Props for the hidden input element (for form submission). */
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+}
+/**
+ * Provides the accessibility implementation for a hidden select.
+ * This is used for native form submission and accessibility on mobile devices.
+ */
+export declare function createHiddenSelect<T>(props: MaybeAccessor<AriaHiddenSelectProps<T>>): HiddenSelectAria;
+export interface HiddenSelectProps<T> {
+    /** The state object for the select. */
+    state: SelectState<T>;
+    /** The name attribute for the hidden select. */
+    name?: string;
+    /** Whether the select is disabled. */
+    isDisabled?: boolean;
+    /** Whether the select is required. */
+    isRequired?: boolean;
+    /** A ref to the trigger element. */
+    triggerRef?: () => HTMLElement | null;
+    /** Label for the select. */
+    label?: string;
+    /** Describes the type of autocomplete functionality the select should provide. */
+    autoComplete?: string;
+    /** The `form` attribute to associate the select with a form by ID. */
+    form?: string;
+    /** Validation behavior: 'aria' for realtime, 'native' for on submit. */
+    validationBehavior?: ValidationBehavior;
+    /** Form validation state (optional, for native validation). */
+    validationState?: FormValidationState;
+}
+/**
+ * A component that renders a hidden native select for form submission.
+ * This is useful on mobile devices where native select behavior is preferred.
+ */
+export declare function HiddenSelect<T>(props: HiddenSelectProps<T>): JSX.Element;
+//# sourceMappingURL=createHiddenSelect.d.ts.map

package/dist/select/createHiddenSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createHiddenSelect.d.ts","sourceRoot":"","sources":["../../src/select/createHiddenSelect.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,QAAQ,EAAgC,MAAM,UAAU,CAAC;AACjF,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAO,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAE7F,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,uCAAuC;IACvC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,kEAAkE;IAClE,UAAU,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,mBAAmB,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACnD,2CAA2C;IAC3C,WAAW,EAAE,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACzD,gEAAgE;IAChE,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CACvD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,KAAK,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAC7C,gBAAgB,CA0GlB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,uCAAuC;IACvC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACtC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,+DAA+D;IAC/D,eAAe,CAAC,EAAE,mBAAmB,CAAC;CACvC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAmDxE"}

package/dist/select/createSelect.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Provides the behavior and accessibility implementation for a select component.
+ * A select displays a collapsible list of options and allows a user to select one of them.
+ * Based on @react-aria/select useSelect.
+ */
+import { type JSX, type Accessor } from 'solid-js';
+import { type MaybeAccessor } from '../utils/reactivity';
+import type { SelectState, CollectionNode } from '@proyecto-viviana/solid-stately';
+export interface AriaSelectProps {
+    /** An ID for the select. */
+    id?: string;
+    /** Whether the select is disabled. */
+    isDisabled?: boolean;
+    /** Whether the select is required. */
+    isRequired?: boolean;
+    /** The label for the select. */
+    label?: JSX.Element;
+    /** An accessible label for the select when no visible label is provided. */
+    'aria-label'?: string;
+    /** The ID of an element that labels the select. */
+    'aria-labelledby'?: string;
+    /** The ID of an element that describes the select. */
+    'aria-describedby'?: string;
+    /** Placeholder text when no option is selected. */
+    placeholder?: string;
+    /** Whether the select should be auto-focused. */
+    autoFocus?: boolean;
+    /** Handler called when focus moves to the select. */
+    onFocus?: (e: FocusEvent) => void;
+    /** Handler called when focus moves away from the select. */
+    onBlur?: (e: FocusEvent) => void;
+    /** Handler called when the focus state changes. */
+    onFocusChange?: (isFocused: boolean) => void;
+    /** The name of the select, used when submitting an HTML form. */
+    name?: string;
+    /** Whether type-to-select is disabled. @default false */
+    disallowTypeAhead?: boolean;
+}
+export interface SelectAria<T> {
+    /** Props for the label element. */
+    labelProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the trigger button element. */
+    triggerProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the value display element. */
+    valueProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the listbox/menu popup. */
+    menuProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the description element, if any. */
+    descriptionProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the error message element, if any. */
+    errorMessageProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Whether the select is currently focused. */
+    isFocused: Accessor<boolean>;
+    /** Whether the select has keyboard focus. */
+    isFocusVisible: Accessor<boolean>;
+    /** Whether the select is currently open. */
+    isOpen: Accessor<boolean>;
+    /** The currently selected item. */
+    selectedItem: Accessor<CollectionNode<T> | null>;
+}
+interface SelectData {
+    id: string;
+}
+export declare function getSelectData(state: SelectState): SelectData | undefined;
+/**
+ * Provides the behavior and accessibility implementation for a select component.
+ */
+export declare function createSelect<T>(props: MaybeAccessor<AriaSelectProps>, state: SelectState<T>, _ref?: () => HTMLElement | null): SelectAria<T>;
+export {};
+//# sourceMappingURL=createSelect.d.ts.map

package/dist/select/createSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelect.d.ts","sourceRoot":"","sources":["../../src/select/createSelect.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,QAAQ,EAA2B,MAAM,UAAU,CAAC;AAQ5E,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,4CAA4C;IAC5C,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C,2CAA2C;IAC3C,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,wCAAwC;IACxC,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC3C,iDAAiD;IACjD,gBAAgB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,mDAAmD;IACnD,iBAAiB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,+CAA+C;IAC/C,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,cAAc,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClC,4CAA4C;IAC5C,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,mCAAmC;IACnC,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CAClD;AAKD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CAExE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,IAAI,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAC9B,UAAU,CAAC,CAAC,CAAC,CAiTf"}

package/dist/select/index.d.ts

@@ -0,0 +1,3 @@
+export { createSelect, getSelectData, type AriaSelectProps, type SelectAria, } from './createSelect';
+export { createHiddenSelect, HiddenSelect, type AriaHiddenSelectProps, type HiddenSelectAria, type HiddenSelectProps, } from './createHiddenSelect.jsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC"}

package/dist/selection/createTypeSelect.d.ts

@@ -0,0 +1,43 @@
+/**
+ * createTypeSelect - Handles typeahead interactions with collections.
+ * Based on @react-aria/selection useTypeSelect.
+ *
+ * Allows users to navigate to items by typing characters that match
+ * item text values. Supports multi-character search with debouncing.
+ */
+import type { JSX, Accessor } from 'solid-js';
+import type { Key, Collection } from '@proyecto-viviana/solid-stately';
+export interface TypeSelectOptions<T> {
+    /** The collection to search through. */
+    collection: Accessor<Collection<T>>;
+    /** The currently focused key. */
+    focusedKey: Accessor<Key | null>;
+    /** Callback to set the focused key when a match is found. */
+    onFocusedKeyChange: (key: Key) => void;
+    /** Callback when an item is focused by typing. */
+    onTypeSelect?: (key: Key) => void;
+    /** Function to check if a key is disabled. */
+    isKeyDisabled?: (key: Key) => boolean;
+    /** Whether type-to-select is disabled. */
+    isDisabled?: boolean;
+}
+export interface TypeSelectAria {
+    /** Props to spread on the collection element. */
+    typeSelectProps: JSX.HTMLAttributes<HTMLElement>;
+}
+/**
+ * Creates typeahead/type-to-select functionality for a collection.
+ *
+ * @example
+ * ```tsx
+ * const { typeSelectProps } = createTypeSelect({
+ *   collection: () => state.collection(),
+ *   focusedKey: () => state.focusedKey(),
+ *   onFocusedKeyChange: (key) => state.setFocusedKey(key),
+ * });
+ *
+ * return <ul {...mergeProps(listBoxProps, typeSelectProps)}>...</ul>;
+ * ```
+ */
+export declare function createTypeSelect<T>(options: TypeSelectOptions<T>): TypeSelectAria;
+//# sourceMappingURL=createTypeSelect.d.ts.map

package/dist/selection/createTypeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTypeSelect.d.ts","sourceRoot":"","sources":["../../src/selection/createTypeSelect.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAkB,MAAM,iCAAiC,CAAC;AAOvF,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,wCAAwC;IACxC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,iCAAiC;IACjC,UAAU,EAAE,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACjC,6DAA6D;IAC7D,kBAAkB,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;IACtC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,eAAe,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAClD;AA4ED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,cAAc,CA4EjF"}

package/dist/selection/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Selection utilities for managing typeahead and keyboard navigation
+ * in collection components.
+ */
+export { createTypeSelect, type TypeSelectOptions, type TypeSelectAria } from './createTypeSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/selection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/selection/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/separator/createSeparator.d.ts

@@ -0,0 +1,38 @@
+/**
+ * createSeparator - SolidJS implementation of React Aria's useSeparator
+ *
+ * A separator is a visual divider between two groups of content,
+ * e.g. groups of menu items or sections of a page.
+ */
+import type { JSX } from 'solid-js';
+import { type MaybeAccessor } from '../utils';
+export type Orientation = 'horizontal' | 'vertical';
+export interface AriaSeparatorProps {
+    /**
+     * The orientation of the separator.
+     * @default 'horizontal'
+     */
+    orientation?: Orientation;
+    /**
+     * The HTML element type that will be used to render the separator.
+     * @default 'hr'
+     */
+    elementType?: string;
+    /** An accessibility label for the separator. */
+    'aria-label'?: string;
+    /** Identifies the element(s) that labels the separator. */
+    'aria-labelledby'?: string;
+    /** The element's unique identifier. */
+    id?: string;
+}
+export interface SeparatorAria {
+    /** Props for the separator element. */
+    separatorProps: JSX.HTMLAttributes<HTMLElement>;
+}
+/**
+ * Provides the accessibility implementation for a separator.
+ * A separator is a visual divider between two groups of content,
+ * e.g. groups of menu items or sections of a page.
+ */
+export declare function createSeparator(props?: MaybeAccessor<AriaSeparatorProps>): SeparatorAria;
+//# sourceMappingURL=createSeparator.d.ts.map

package/dist/separator/createSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSeparator.d.ts","sourceRoot":"","sources":["../../src/separator/createSeparator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAOtD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CACjD;AAMD;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAC5C,aAAa,CA6Bf"}

package/dist/separator/index.d.ts

@@ -0,0 +1,2 @@
+export { createSeparator, type AriaSeparatorProps, type SeparatorAria, type Orientation, } from './createSeparator';
+//# sourceMappingURL=index.d.ts.map

package/dist/separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/separator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,WAAW,GACjB,MAAM,mBAAmB,CAAC"}

package/dist/slider/createSlider.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Provides the behavior and accessibility implementation for a slider component.
+ * A slider allows users to select a value from a range.
+ * Based on @react-aria/slider useSlider.
+ */
+import { type JSX } from 'solid-js';
+import { type MaybeAccessor } from '../utils/reactivity';
+import type { SliderState, SliderOrientation } from '@proyecto-viviana/solid-stately';
+export interface AriaSliderProps {
+    /** An ID for the slider. */
+    id?: string;
+    /** Whether the slider is disabled. */
+    isDisabled?: boolean;
+    /** The label for the slider. */
+    label?: JSX.Element;
+    /** An accessible label for the slider when no visible label is provided. */
+    'aria-label'?: string;
+    /** The ID of an element that labels the slider. */
+    'aria-labelledby'?: string;
+    /** The ID of an element that describes the slider. */
+    'aria-describedby'?: string;
+    /** The orientation of the slider. */
+    orientation?: SliderOrientation;
+}
+export interface SliderAria {
+    /** Props for the label element. */
+    labelProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the root group element. */
+    groupProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the track element. */
+    trackProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the thumb element. */
+    thumbProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the hidden input element. */
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+    /** Props for the output element (showing current value). */
+    outputProps: JSX.HTMLAttributes<HTMLElement>;
+}
+/**
+ * Provides the behavior and accessibility implementation for a slider.
+ */
+export declare function createSlider(props: MaybeAccessor<AriaSliderProps>, state: SliderState, trackRef?: () => HTMLElement | null): SliderAria;
+//# sourceMappingURL=createSlider.d.ts.map

package/dist/slider/createSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSlider.d.ts","sourceRoot":"","sources":["../../src/slider/createSlider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAsB,MAAM,UAAU,CAAC;AAMxD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEtF,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qCAAqC;IACrC,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,wCAAwC;IACxC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,0CAA0C;IAC1C,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,4DAA4D;IAC5D,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,KAAK,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAClC,UAAU,CAsSZ"}

package/dist/slider/index.d.ts

@@ -0,0 +1,3 @@
+export { createSlider } from './createSlider';
+export type { AriaSliderProps, SliderAria } from './createSlider';
+//# sourceMappingURL=index.d.ts.map

package/dist/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/ssr/index.d.ts

@@ -0,0 +1,221 @@
+/**
+ * SSR utilities for Solidaria
+ *
+ * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.
+ * These utilities provide a consistent API matching React-Aria's patterns
+ * with additional features for hydration management.
+ */
+import { type Accessor, type JSX, type ParentProps } from 'solid-js';
+export interface SSRProviderProps extends ParentProps {
+}
+export interface SSRContextValue {
+    /** Whether currently rendering on the server. */
+    isSSR: boolean;
+    /** Prefix for generated IDs, allowing nested providers. */
+    prefix: string;
+}
+/**
+ * Returns whether the component is currently being server side rendered.
+ * Can be used to delay browser-specific rendering until after hydration.
+ *
+ * Note: This returns a static boolean. For reactive hydration detection,
+ * use `createHydrationState()`.
+ */
+export declare function createIsSSR(): boolean;
+/**
+ * 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;
+/**
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * function TextField(props) {
+ *   const inputId = createId(props.id);
+ *   return (
+ *     <>
+ *       <label for={inputId}>{props.label}</label>
+ *       <input id={inputId} />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export declare function createId(defaultId?: string): string;
+/**
+ * Provides SSR context to the component tree.
+ *
+ * While SolidJS handles most SSR scenarios automatically, this provider
+ * can be useful for:
+ * - Nested ID prefixes to avoid collisions in micro-frontends
+ * - Explicit hydration boundary markers
+ * - Testing SSR behavior
+ *
+ * @example
+ * ```tsx
+ * // Root of your app
+ * <SSRProvider>
+ *   <App />
+ * </SSRProvider>
+ *
+ * // With custom prefix for micro-frontend
+ * <SSRProvider prefix="widget">
+ *   <Widget />
+ * </SSRProvider>
+ * ```
+ */
+export declare function SSRProvider(props: SSRProviderProps & {
+    prefix?: string;
+}): JSX.Element;
+/**
+ * Tracks whether the component is currently hydrating.
+ *
+ * During server-side rendering, this returns `true`. After hydration
+ * completes on the client, it switches to `false`. This is useful for
+ * components that need to show different content during hydration.
+ *
+ * @example
+ * ```tsx
+ * function ClientOnlyComponent() {
+ *   const isHydrating = createHydrationState();
+ *
+ *   return (
+ *     <Show when={!isHydrating()} fallback={<LoadingPlaceholder />}>
+ *       <InteractiveWidget />
+ *     </Show>
+ *   );
+ * }
+ * ```
+ */
+export declare function createHydrationState(): Accessor<boolean>;
+/**
+ * Hook that returns `true` during SSR and initial hydration.
+ * Use this to delay browser-specific code until hydration is complete.
+ *
+ * Unlike `createIsSSR()` which is static, this updates reactively
+ * after hydration completes.
+ *
+ * @example
+ * ```tsx
+ * function BrowserOnlyFeature() {
+ *   const isSSR = useIsSSR();
+ *
+ *   createEffect(() => {
+ *     if (!isSSR()) {
+ *       // Safe to access browser APIs here
+ *       window.localStorage.getItem('key');
+ *     }
+ *   });
+ *
+ *   return <Show when={!isSSR()}>...</Show>;
+ * }
+ * ```
+ */
+export declare function useIsSSR(): Accessor<boolean>;
+/**
+ * Creates an effect that only runs on the client after hydration.
+ * This is a convenience wrapper that ensures browser-specific code
+ * doesn't run during SSR.
+ *
+ * @param fn - The effect function to run
+ *
+ * @example
+ * ```tsx
+ * function Analytics() {
+ *   createBrowserEffect(() => {
+ *     // Safe to access window, document, localStorage, etc.
+ *     window.analytics.track('page_view');
+ *   });
+ *
+ *   return null;
+ * }
+ * ```
+ */
+export declare function createBrowserEffect(fn: () => void | (() => void)): void;
+/**
+ * Creates a value that is computed only on the client.
+ * On the server, returns the fallback value.
+ *
+ * @param fn - Function to compute the value on the client
+ * @param fallback - Value to return during SSR
+ *
+ * @example
+ * ```tsx
+ * function WindowSize() {
+ *   const width = createBrowserValue(
+ *     () => window.innerWidth,
+ *     0
+ *   );
+ *
+ *   return <span>Width: {width()}</span>;
+ * }
+ * ```
+ */
+export declare function createBrowserValue<T>(fn: () => T, fallback: T): Accessor<T>;
+/**
+ * Returns the window object if available, or undefined during SSR.
+ * Useful for accessing browser globals safely.
+ *
+ * @example
+ * ```tsx
+ * const win = getWindow();
+ * if (win) {
+ *   win.addEventListener('resize', handler);
+ * }
+ * ```
+ */
+export declare function getWindow(): Window | undefined;
+/**
+ * Returns the document object if available, or undefined during SSR.
+ * Useful for accessing document safely.
+ *
+ * @example
+ * ```tsx
+ * const doc = getDocument();
+ * if (doc) {
+ *   doc.addEventListener('keydown', handler);
+ * }
+ * ```
+ */
+export declare function getDocument(): Document | undefined;
+/**
+ * Returns the owner document of an element, with SSR safety.
+ *
+ * @param el - The element to get the owner document from
+ */
+export declare function getOwnerDocument(el: Element | null | undefined): Document | undefined;
+/**
+ * Returns the owner window of an element, with SSR safety.
+ *
+ * @param el - The element to get the owner window from
+ */
+export declare function getOwnerWindow(el: Element | null | undefined): Window | undefined;
+/**
+ * Gets the appropriate container for portals, with SSR safety.
+ * Returns the specified container, or document.body on the client,
+ * or undefined during SSR.
+ *
+ * @param container - Optional custom container element
+ *
+ * @example
+ * ```tsx
+ * function Modal(props) {
+ *   const container = getPortalContainer(props.container);
+ *
+ *   return (
+ *     <Show when={container}>
+ *       <Portal mount={container}>
+ *         {props.children}
+ *       </Portal>
+ *     </Show>
+ *   );
+ * }
+ * ```
+ */
+export declare function getPortalContainer(container?: Element): Element | undefined;
+//# sourceMappingURL=index.d.ts.map

package/dist/ssr/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ssr/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,GAAG,EACR,KAAK,WAAW,EASjB,MAAM,UAAU,CAAC;AAOlB,MAAM,WAAW,gBAAiB,SAAQ,WAAW;CAAG;AAExD,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,MAAM,EAAE,MAAM,CAAC;CAChB;AAeD;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAY,CAAC;AAEnC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAOnD;AAMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAiBtF;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,IAAI,QAAQ,CAAC,OAAO,CAAC,CAcxD;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAE5C;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAWvE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,EAAE,EAAE,MAAM,CAAC,EACX,QAAQ,EAAE,CAAC,GACV,QAAQ,CAAC,CAAC,CAAC,CAYb;AAMD;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,IAAI,MAAM,GAAG,SAAS,CAK9C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,IAAI,QAAQ,GAAG,SAAS,CAKlD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAErF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEjF;AAMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAK3E"}

package/dist/switch/createSwitch.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Switch hook for Solidaria
+ *
+ * Provides the behavior and accessibility implementation for a switch component.
+ * A switch is similar to a checkbox, but represents on/off values as opposed to selection.
+ *
+ * This is a 1:1 port of @react-aria/switch's useSwitch hook.
+ */
+import { JSX, Accessor } from 'solid-js';
+import { type AriaToggleProps } from '../toggle/createToggle';
+import { type ToggleState } from '@proyecto-viviana/solid-stately';
+import { type MaybeAccessor } from '../utils/reactivity';
+export interface AriaSwitchProps extends AriaToggleProps {
+}
+export interface SwitchAria {
+    /** Props for the label wrapper element. */
+    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
+    /** Props for the input element. */
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+    /** Whether the switch is selected. */
+    isSelected: Accessor<boolean>;
+    /** Whether the switch is in a pressed state. */
+    isPressed: Accessor<boolean>;
+    /** Whether the switch is disabled. */
+    isDisabled: boolean;
+    /** Whether the switch is read only. */
+    isReadOnly: boolean;
+}
+/**
+ * Provides the behavior and accessibility implementation for a switch component.
+ * A switch is similar to a checkbox, but represents on/off values as opposed to selection.
+ */
+export declare function createSwitch(props: MaybeAccessor<AriaSwitchProps>, state: ToggleState, ref: () => HTMLInputElement | null): SwitchAria;
+//# sourceMappingURL=createSwitch.d.ts.map

package/dist/switch/createSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSwitch.d.ts","sourceRoot":"","sources":["../../src/switch/createSwitch.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMzD,MAAM,WAAW,eAAgB,SAAQ,eAAe;CAEvD;AAED,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,sCAAsC;IACtC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B,gDAAgD;IAChD,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;CACrB;AAMD;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,MAAM,gBAAgB,GAAG,IAAI,GACjC,UAAU,CAoBZ"}

package/dist/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { createSwitch, type AriaSwitchProps, type SwitchAria } from './createSwitch';
+//# sourceMappingURL=index.d.ts.map

package/dist/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/table/createTable.d.ts

@@ -0,0 +1,24 @@
+/**
+ * createTable - Provides accessibility for a table component.
+ * Based on @react-aria/table/useTable.
+ */
+import { type Accessor } from 'solid-js';
+import type { TableState, TableCollection, Key } from '@proyecto-viviana/solid-stately';
+import type { AriaTableProps, TableAria } from './types';
+/**
+ * Get the table metadata for child components.
+ */
+export declare function getTableData<T>(state: TableState<T, TableCollection<T>>): {
+    tableId: string;
+    actions: {
+        onRowAction?: (key: Key) => void;
+        onCellAction?: (key: Key) => void;
+    };
+    shouldSelectOnPressUp?: boolean;
+    focusMode?: "row" | "cell";
+} | undefined;
+/**
+ * Creates accessibility props for a table component.
+ */
+export declare function createTable<T extends object>(props: Accessor<AriaTableProps>, state: Accessor<TableState<T, TableCollection<T>>>, ref: Accessor<HTMLTableElement | null>): TableAria;
+//# sourceMappingURL=createTable.d.ts.map

package/dist/table/createTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTable.d.ts","sourceRoot":"","sources":["../../src/table/createTable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,EAAY,MAAM,iCAAiC,CAAC;AAClG,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAezD;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;aAV3D,MAAM;aACN;QAAE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;QAAC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;KAAE;4BACxD,OAAO;gBACnB,KAAK,GAAG,MAAM;cAS7B;AAgCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAC1C,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,EAC/B,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,GAAG,EAAE,QAAQ,CAAC,gBAAgB,GAAG,IAAI,CAAC,GACrC,SAAS,CAycX"}

package/dist/table/createTableCell.d.ts

@@ -0,0 +1,12 @@
+/**
+ * createTableCell - Provides accessibility for a table cell.
+ * Based on @react-aria/table/useTableCell.
+ */
+import { type Accessor } from 'solid-js';
+import type { TableState, TableCollection } from '@proyecto-viviana/solid-stately';
+import type { AriaTableCellProps, TableCellAria } from './types';
+/**
+ * Creates accessibility props for a table cell.
+ */
+export declare function createTableCell<T extends object>(props: Accessor<AriaTableCellProps>, state: Accessor<TableState<T, TableCollection<T>>>, _ref: Accessor<HTMLTableCellElement | null>): TableCellAria;
+//# sourceMappingURL=createTableCell.d.ts.map

package/dist/table/createTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableCell.d.ts","sourceRoot":"","sources":["../../src/table/createTableCell.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGjE;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACnC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,IAAI,EAAE,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAC,GAC1C,aAAa,CAgIf"}