@proyecto-viviana/solidaria 0.2.5 → 0.3.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Proyecto Viviana contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,264 +1,59 @@
 # @proyecto-viviana/solidaria
 
-A SolidJS port of [React Aria](https://react-spectrum.adobe.com/react-aria/) - accessible UI primitives and ARIA patterns.
+SolidJS port of React Aria hooks and accessibility behavior primitives.
 
-## Installation
+This package is the behavior layer below `solidaria-components`. It provides
+hooks such as `createButton`, `createPress`, `createListBox`, `createSelect`,
+`createDatePicker`, `createCalendar`, `createTable`, and drag-and-drop helpers.
+
+## Install
 
 ```bash
-bun add @proyecto-viviana/solidaria @proyecto-viviana/solid-stately solid-js
+npm install @proyecto-viviana/solidaria @proyecto-viviana/solid-stately solid-js
 ```
 
-## Overview
-
-solidaria provides accessibility hooks that implement WAI-ARIA patterns for UI components. Each hook returns props objects that you spread onto your elements to make them accessible.
-
-## Available Hooks
-
-### Button & Interactions
-
-| Hook | Description |
-|------|-------------|
-| createButton | Button with press handling |
-| createToggleButton | Toggle button with pressed state |
-| createPress | Low-level press event handling |
-| createHover | Hover event handling |
-| createFocusRing | Focus ring visibility |
-| createFocusable | Focus management utilities |
-
-### Form Controls
-
-| Hook | Description |
-|------|-------------|
-| createCheckbox | Checkbox with indeterminate support |
-| createCheckboxGroup | Checkbox group with shared state |
-| createRadio | Radio button |
-| createRadioGroup | Radio button group |
-| createSwitch | Toggle switch |
-| createTextField | Text input with label association |
-| createNumberField | Numeric input with increment/decrement |
-| createSearchField | Search input with clear button |
-| createSlider | Range slider with thumb and track |
-
-### Navigation
-
-| Hook | Description |
-|------|-------------|
-| createLink | Accessible link |
-| createBreadcrumbs | Breadcrumb navigation |
-| createBreadcrumbItem | Individual breadcrumb |
-| createTabList | Tab list container |
-| createTab | Individual tab |
-| createTabPanel | Tab panel content |
-| createLandmark | ARIA landmark regions with F6 navigation |
-
-### Selection Components
-
-| Hook | Description |
-|------|-------------|
-| createListBox | Listbox with keyboard navigation |
-| createOption | Listbox option |
-| createMenu | Menu with keyboard navigation |
-| createMenuItem | Menu item |
-| createMenuTrigger | Menu trigger button |
-| createSelect | Select dropdown |
-
-### Overlays
-
-| Hook | Description |
-|------|-------------|
-| createOverlayTrigger | Trigger for overlays |
-| createOverlay | Overlay dismiss behavior |
-| createModal | Modal dialog with focus trapping |
-| createPreventScroll | Scroll lock for overlays |
-| createInteractOutside | Click outside detection |
-
-### Feedback
-
-| Hook | Description |
-|------|-------------|
-| createProgressBar | Progress bar with live region |
-| createSeparator | Visual separator |
-
-### Labels & Fields
-
-| Hook | Description |
-|------|-------------|
-| createLabel | Label/input association |
-| createField | Field with label, description, error |
-
-### Accessibility
-
-| Hook/Function | Description |
-|---------------|-------------|
-| createVisuallyHidden | Visually hide content for screen readers |
-| announce | Announce messages to screen readers |
-| clearAnnouncer | Clear pending announcements |
-| destroyAnnouncer | Remove live announcer from DOM |
-| createLandmark | ARIA landmark regions with F6 navigation |
-| createFormValidation | Form validation with native HTML integration |
-| createInteractionModality | Track keyboard/pointer/virtual interaction |
-
-### Grid & Table
-
-| Hook | Description |
-|------|-------------|
-| createGrid | Grid with keyboard navigation |
-| createTable | Table with sorting, selection |
-| createGridList | Single-column grid list |
-
-### Tree
-
-| Hook | Description |
-|------|-------------|
-| createTree | Tree with expand/collapse |
-| createTreeItem | Tree item with nested children |
-
-### Color
-
-| Hook | Description |
-|------|-------------|
-| createColorSlider | Color channel slider |
-| createColorArea | 2D color picker area |
-| createColorWheel | Circular hue wheel |
-| createColorField | Color text input |
-| createColorSwatch | Color preview swatch |
-
-### Drag & Drop
-
-| Hook | Description |
-|------|-------------|
-| createDrag | Draggable element |
-| createDrop | Drop target |
-| createDraggableCollection | Collection-level drag |
-| createDroppableCollection | Collection-level drop |
-
-### i18n / Internationalization
-
-| Hook/Utility | Description |
-|--------------|-------------|
-| I18nProvider | Locale context provider |
-| useLocale | Get current locale and direction |
-| createDefaultLocale | Browser locale with change detection |
-| isRTL | RTL language detection |
-| createNumberFormatter | Localized number formatting |
-| createDateFormatter | Localized date formatting |
-| createCollator | Locale-aware string sorting |
-| createFilter | Locale-aware string filtering |
-
-### SSR / Server-Side Rendering
-
-| Hook/Utility | Description |
-|--------------|-------------|
-| SSRProvider | SSR context provider with prefix support |
-| createIsSSR | Check if currently rendering on server |
-| useIsSSR | Reactive SSR/hydration state hook |
-| createHydrationState | Track hydration completion |
-| createBrowserEffect | Effect that only runs on client |
-| createBrowserValue | Computed value only on client |
-| getWindow | Safe window access |
-| getDocument | Safe document access |
-| getPortalContainer | Get container for portals |
-
-### Focus Management
-
-| Hook/Utility | Description |
-|--------------|-------------|
-| FocusScope | Focus containment and restoration |
-| useFocusManager | Programmatic focus navigation |
-| createFocusRestore | Save and restore focus with retry |
-| pushFocusStack / popFocusStack | Cross-scope focus tracking |
-| createVirtualFocus | Virtual focus for large collections |
-| createAutoFocus | Priority-based auto-focus queue |
-
-### Test Utilities
-
-| Utility | Description |
-|---------|-------------|
-| setupUser | Configure userEvent for testing |
-| pointerMap | Pointer map for mouse/touch/pen |
-| createPointerEvent | Create pointer events for tests |
-| press / hover / tabTo | High-level interaction helpers |
-| getAriaRole / isAriaDisabled / etc. | ARIA attribute querying |
-| getFocusableElements | Query focusable elements |
-| waitForFocus | Wait for focus changes |
-| createButtonTester / etc. | Component-specific testers |
-| setupTestEnvironment | Install jsdom polyfills |
-
-### Utilities
-
-| Utility | Description |
-|---------|-------------|
-| mergeProps | Merge multiple prop objects |
-| filterDOMProps | Filter out non-DOM props |
-| createId | Generate unique IDs (SSR-safe) |
-
-## Usage Example
+## Usage
 
 ```tsx
 import { createButton } from "@proyecto-viviana/solidaria";
 
-function Button(props) {
-  let ref;
+export function Button(props) {
+  let ref!: HTMLButtonElement;
   const { buttonProps, isPressed } = createButton(props, () => ref);
 
   return (
-    <button
-      {...buttonProps}
-      ref={ref}
-      class={isPressed() ? "pressed" : ""}
-    >
+    <button {...buttonProps} ref={ref} data-pressed={isPressed() || undefined}>
       {props.children}
     </button>
   );
 }
-
-// Usage
-<Button onPress={() => console.log("Pressed!")}>Click me</Button>
 ```
 
-## Key Concepts
+Most hooks return prop objects and reactive state accessors. Spread the returned
+props onto the exact element that owns the ARIA role or interaction.
 
-### Props Spreading
+## Public Surface
 
-All hooks return prop objects that should be spread onto elements:
+The source of truth is [`src/index.ts`](src/index.ts). Keep README examples
+small; use tests and the barrel for the actual export inventory.
 
-```tsx
-const { buttonProps } = createButton(props, ref);
-return <button {...buttonProps}>Click me</button>;
-```
+Major areas currently covered:
 
-### Ref Pattern
+- interactions: press, hover, focus, long press, move, keyboard;
+- labels and fields;
+- overlays, modal behavior, popovers, and focus scope;
+- buttons, toggles, links, forms, and validation;
+- collection widgets: listbox, menu, select, combo box, grid, table, tree;
+- date, time, calendar, and date picker primitives;
+- color, drag-and-drop, landmarks, i18n, SSR, and visually hidden utilities.
 
-Most hooks require a ref accessor to access the DOM element:
+## Verification
 
-```tsx
-let ref;
-const { inputProps } = createTextField(props, () => ref);
-return <input {...inputProps} ref={ref} />;
-```
-
-### Event Handling
-
-solidaria uses onPress instead of onClick for better cross-platform support:
-
-```tsx
-<Button onPress={() => console.log("Pressed!")}>
-  Works with click, touch, and keyboard
-</Button>
-```
-
-## TypeScript
-
-All hooks are fully typed:
-
-```tsx
-import {
-  createButton,
-  type AriaButtonProps,
-  type ButtonAria,
-} from "@proyecto-viviana/solidaria";
+```bash
+vp run --filter @proyecto-viviana/solidaria build
+vp test run packages
+vp run guard:rac-export-gap
 ```
 
-## License
-
-MIT
+Behavior changes need tests that assert ARIA attributes, focus movement,
+keyboard behavior, and user-visible event semantics.

package/dist/actiongroup/createActionGroup.d.ts

@@ -0,0 +1,29 @@
+import { type JSX, type Accessor } from "solid-js";
+import type { Orientation } from "../toolbar";
+import type { Key, ListState } from "@proyecto-viviana/solid-stately";
+export interface AriaActionGroupProps<T = unknown> {
+    /** List items (optional, parity with React Aria prop shape). */
+    items?: T[];
+    /** Whether the whole action group is disabled. */
+    isDisabled?: boolean;
+    /** Group orientation. */
+    orientation?: Orientation;
+    /** Accessible label. */
+    "aria-label"?: string;
+    /** Labelled-by id. */
+    "aria-labelledby"?: string;
+    /** Handler called when an item action is triggered. */
+    onAction?: (key: Key) => void;
+}
+export interface ActionGroupAria {
+    actionGroupProps: JSX.HTMLAttributes<HTMLElement>;
+}
+export interface AriaActionGroupItemProps {
+    key: Key;
+}
+export interface ActionGroupItemAria {
+    buttonProps: JSX.HTMLAttributes<HTMLElement>;
+}
+export declare function createActionGroup<T>(props: AriaActionGroupProps<T>, state: ListState<T>, _ref?: Accessor<HTMLElement | null>): ActionGroupAria;
+export declare function createActionGroupItem<T>(props: AriaActionGroupItemProps, state: ListState<T>): ActionGroupItemAria;
+//# sourceMappingURL=createActionGroup.d.ts.map

package/dist/actiongroup/createActionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createActionGroup.d.ts","sourceRoot":"","sources":["../../src/actiongroup/createActionGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAW9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEtE,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,OAAO;IAC/C,gEAAgE;IAChE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,GAAG,CAAC;CACV;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAC9C;AA2BD,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAC9B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EACnB,IAAI,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,GAClC,eAAe,CAmLjB;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,KAAK,EAAE,wBAAwB,EAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAClB,mBAAmB,CA+ErB"}

package/dist/actiongroup/index.d.ts

@@ -0,0 +1,2 @@
+export { createActionGroup, createActionGroupItem, type AriaActionGroupProps, type ActionGroupAria, type AriaActionGroupItemProps, type ActionGroupItemAria, } from "./createActionGroup";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actiongroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAC"}

package/dist/autocomplete/createAutocomplete.d.ts

@@ -6,13 +6,13 @@
  *
  * Based on @react-aria/autocomplete useAutocomplete.
  */
-import { type Accessor } from 'solid-js';
-import { type AutocompleteState } from '@proyecto-viviana/solid-stately';
+import { type Accessor } from "solid-js";
+import { type AutocompleteState } from "@proyecto-viviana/solid-stately";
 export interface CollectionOptions {
     /** The id of the collection element. */
     id?: string;
     /** Accessible label for the collection. */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** Whether the collection items should use virtual focus instead of being focused directly. */
     shouldUseVirtualFocus: boolean;
     /** Whether typeahead is disabled. */
@@ -30,25 +30,29 @@ export interface AutocompleteInputProps {
     /** Handler for blur events. */
     onBlur: (e: FocusEvent) => void;
     /** The id of the currently focused item for aria-activedescendant. */
-    'aria-activedescendant': Accessor<string | undefined>;
+    "aria-activedescendant": Accessor<string | undefined>;
     /** The id of the controlled collection. */
-    'aria-controls': string;
+    "aria-controls": string;
     /** Autocomplete type. */
-    'aria-autocomplete': 'list' | 'none' | 'inline' | 'both';
+    "aria-autocomplete": "list" | "none" | "inline" | "both";
     /** Enter key hint for mobile keyboards. */
-    enterKeyHint: 'go';
+    enterKeyHint: "go";
     /** Disable autocorrect. */
-    autoCorrect: 'off';
+    autoCorrect: "off";
     /** Disable spell check. */
-    spellCheck: 'false';
+    spellCheck: "false";
     /** Disable browser autocomplete. */
-    autoComplete: 'off';
+    autoComplete: "off";
 }
-export interface AriaAutocompleteOptions<T = unknown> {
+export interface AriaAutocompleteOptions<_T = unknown> {
     /** Ref accessor for the input element. */
     inputRef: Accessor<HTMLInputElement | undefined>;
     /** Ref accessor for the collection element. */
     collectionRef: Accessor<HTMLElement | undefined>;
+    /** Optional id override for the controlled collection element. */
+    collectionId?: string;
+    /** Optional accessible name for the controlled collection element. */
+    collectionAriaLabel?: string;
     /**
      * An optional filter function used to determine if an option should be included.
      * @param textValue - The text value of the item
@@ -66,7 +70,7 @@ export interface AriaAutocompleteOptions<T = unknown> {
      */
     disableVirtualFocus?: boolean;
 }
-export interface AutocompleteAria<T = unknown> {
+export interface AutocompleteAria<_T = unknown> {
     /** Props for the autocomplete input element. */
     inputProps: AutocompleteInputProps;
     /** Props for the collection (ListBox/Menu). */

package/dist/autocomplete/createAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAutocomplete.d.ts","sourceRoot":"","sources":["../../src/autocomplete/createAutocomplete.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMxE,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+FAA+F;IAC/F,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qCAAqC;IACrC,iBAAiB,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,sBAAsB;IACrC,2BAA2B;IAC3B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,8BAA8B;IAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;IACrC,gCAAgC;IAChC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAChC,+BAA+B;IAC/B,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAC/B,sEAAsE;IACtE,uBAAuB,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrD,2CAA2C;IAC3C,eAAe,EAAE,MAAM,CAAA;IACvB,yBAAyB;IACzB,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD,2CAA2C;IAC3C,YAAY,EAAE,IAAI,CAAA;IAClB,2BAA2B;IAC3B,WAAW,EAAE,KAAK,CAAA;IAClB,2BAA2B;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB,oCAAoC;IACpC,YAAY,EAAE,KAAK,CAAA;CACpB;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,OAAO;IAClD,0CAA0C;IAC1C,QAAQ,EAAE,QAAQ,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAA;IAChD,+CAA+C;IAC/C,aAAa,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IAChD;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3D;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,gDAAgD;IAChD,UAAU,EAAE,sBAAsB,CAAA;IAClC,+CAA+C;IAC/C,eAAe,EAAE,iBAAiB,CAAA;IAClC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;CACxC;AAOD,eAAO,MAAM,wBAAwB,uBAAuB,CAAA;AAC5D,eAAO,MAAM,8BAA8B,4BAA4B,CAAA;AAMvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAC5C,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EACjC,KAAK,EAAE,iBAAiB,GACvB,gBAAgB,CAAC,CAAC,CAAC,CA4MrB"}
+{"version":3,"file":"createAutocomplete.d.ts","sourceRoot":"","sources":["../../src/autocomplete/createAutocomplete.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAyC,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEhF,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACrC,2BAA2B;IAC3B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8BAA8B;IAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,gCAAgC;IAChC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,+BAA+B;IAC/B,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAChC,sEAAsE;IACtE,uBAAuB,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACtD,2CAA2C;IAC3C,eAAe,EAAE,MAAM,CAAC;IACxB,yBAAyB;IACzB,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACzD,2CAA2C;IAC3C,YAAY,EAAE,IAAI,CAAC;IACnB,2BAA2B;IAC3B,WAAW,EAAE,KAAK,CAAC;IACnB,2BAA2B;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,YAAY,EAAE,KAAK,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB,CAAC,EAAE,GAAG,OAAO;IACnD,0CAA0C;IAC1C,QAAQ,EAAE,QAAQ,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IACjD,+CAA+C;IAC/C,aAAa,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACjD,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5D;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB,CAAC,EAAE,GAAG,OAAO;IAC5C,gDAAgD;IAChD,UAAU,EAAE,sBAAsB,CAAC;IACnC,+CAA+C;IAC/C,eAAe,EAAE,iBAAiB,CAAC;IACnC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CACzC;AAmBD,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,8BAA8B,4BAA4B,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAC5C,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EACjC,KAAK,EAAE,iBAAiB,GACvB,gBAAgB,CAAC,CAAC,CAAC,CA+MrB"}

package/dist/autocomplete/index.d.ts

@@ -1,2 +1,2 @@
-export { createAutocomplete, AUTOCOMPLETE_FOCUS_EVENT, AUTOCOMPLETE_CLEAR_FOCUS_EVENT, type AriaAutocompleteOptions, type AutocompleteAria, type AutocompleteInputProps, type CollectionOptions, } from './createAutocomplete';
+export { createAutocomplete, AUTOCOMPLETE_FOCUS_EVENT, AUTOCOMPLETE_CLEAR_FOCUS_EVENT, type AriaAutocompleteOptions, type AutocompleteAria, type AutocompleteInputProps, type CollectionOptions, } from "./createAutocomplete";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,8BAA8B,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,8BAA8B,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC"}

package/dist/breadcrumbs/createBreadcrumbs.d.ts

@@ -4,15 +4,17 @@
  * Provides accessibility implementation for breadcrumb navigation.
  * Port of @react-aria/breadcrumbs.
  */
-import { type AriaLinkProps, type LinkAria } from '../link';
-import { type MaybeAccessor } from '../utils/reactivity';
+import { type AriaLinkProps, type LinkAria } from "../link";
+import { type MaybeAccessor } from "../utils/reactivity";
 export interface AriaBreadcrumbsProps {
     /** Provides a label for the breadcrumbs navigation. */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** Identifies the element (or elements) that labels the breadcrumbs. */
-    'aria-labelledby'?: string;
+    "aria-labelledby"?: string;
     /** Identifies the element (or elements) that describes the breadcrumbs. */
-    'aria-describedby'?: string;
+    "aria-describedby"?: string;
+    /** Identifies the element (or elements) that provide a detailed description. */
+    "aria-details"?: string;
     /** Whether the breadcrumbs are disabled. */
     isDisabled?: boolean;
 }
@@ -20,11 +22,13 @@ export interface BreadcrumbsAria {
     /** Props for the breadcrumbs nav element. */
     navProps: Record<string, unknown>;
 }
-export interface AriaBreadcrumbItemProps extends Omit<AriaLinkProps, 'aria-current'> {
+export interface AriaBreadcrumbItemProps extends Omit<AriaLinkProps, "aria-current"> {
+    /** The DOM id for the breadcrumb item. */
+    id?: string;
     /** Whether this is the current/last item in the breadcrumb trail. */
     isCurrent?: boolean;
     /** The type of current location for aria-current. @default 'page' */
-    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | boolean;
+    "aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean;
     /** The HTML element type. @default 'a' */
     elementType?: string;
 }

package/dist/breadcrumbs/createBreadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createBreadcrumbs.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/createBreadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxE,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,qBAAqB,CAAC;AAMjE,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAClF,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC1E,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,aAAa,CAAC,oBAAoB,CAAM,GAC9C,eAAe,CAsBjB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,aAAa,CAAC,uBAAuB,CAAM,GACjD,kBAAkB,CA+GpB"}
+{"version":3,"file":"createBreadcrumbs.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/createBreadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxE,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAClF,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC1E,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,aAAa,CAAC,oBAAoB,CAAM,GAC9C,eAAe,CAoBjB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,aAAa,CAAC,uBAAuB,CAAM,GACjD,kBAAkB,CAuGpB"}

package/dist/breadcrumbs/index.d.ts

@@ -1,2 +1,2 @@
-export { createBreadcrumbs, createBreadcrumbItem, type AriaBreadcrumbsProps, type BreadcrumbsAria, type AriaBreadcrumbItemProps, type BreadcrumbItemAria, } from './createBreadcrumbs';
+export { createBreadcrumbs, createBreadcrumbItem, type AriaBreadcrumbsProps, type BreadcrumbsAria, type AriaBreadcrumbItemProps, type BreadcrumbItemAria, } from "./createBreadcrumbs";
 //# sourceMappingURL=index.d.ts.map

package/dist/button/createButton.d.ts

@@ -1,4 +1,4 @@
-import type { AriaButtonProps, ButtonAria } from './types';
+import type { AriaButtonProps, ButtonAria } from "./types";
 /**
  * Provides the behavior and accessibility implementation for a button component.
  * Handles press interactions across mouse, touch, keyboard and screen readers.

package/dist/button/createButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createButton.d.ts","sourceRoot":"","sources":["../../src/button/createButton.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAS3D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,KAAK,GAAE,eAAoB,GAAG,UAAU,CAsGpE"}
+{"version":3,"file":"createButton.d.ts","sourceRoot":"","sources":["../../src/button/createButton.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAS3D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,KAAK,GAAE,eAAoB,GAAG,UAAU,CAmIpE"}

package/dist/button/createToggleButton.d.ts

@@ -1,6 +1,6 @@
-import { Accessor } from 'solid-js';
-import type { AriaButtonProps, ButtonAria } from './types';
-export interface AriaToggleButtonProps extends Omit<AriaButtonProps, 'aria-pressed'> {
+import { Accessor } from "solid-js";
+import type { AriaButtonProps, ButtonAria } from "./types";
+export interface AriaToggleButtonProps extends Omit<AriaButtonProps, "aria-pressed"> {
     /** Whether the button is selected (controlled). */
     isSelected?: Accessor<boolean> | boolean;
     /** Handler called when the button's selection state changes. */

package/dist/button/createToggleButtonGroup.d.ts

@@ -0,0 +1,32 @@
+import type { JSX } from "solid-js";
+import type { Key, ToggleGroupProps, ToggleGroupState } from "@proyecto-viviana/solid-stately";
+import { type Orientation } from "../toolbar";
+import { type AriaToggleButtonProps, type ToggleButtonAria } from "./createToggleButton";
+export interface AriaToggleButtonGroupProps extends ToggleGroupProps {
+    /**
+     * The orientation of the toggle button group.
+     * @default 'horizontal'
+     */
+    orientation?: Orientation;
+    /** Accessible label. */
+    "aria-label"?: string;
+    /** Labelled-by id. */
+    "aria-labelledby"?: string;
+}
+export interface ToggleButtonGroupAria {
+    /** Props for the group container. */
+    groupProps: JSX.HTMLAttributes<HTMLElement>;
+}
+export interface AriaToggleButtonGroupItemProps extends Omit<AriaToggleButtonProps, "children"> {
+    /** Key used in the group selection state. */
+    id: Key;
+}
+/**
+ * Provides ARIA behavior for a toggle button group container.
+ */
+export declare function createToggleButtonGroup(props: AriaToggleButtonGroupProps, state: ToggleGroupState): ToggleButtonGroupAria;
+/**
+ * Provides ARIA behavior for an item within a toggle button group.
+ */
+export declare function createToggleButtonGroupItem(props: AriaToggleButtonGroupItemProps, state: ToggleGroupState): ToggleButtonAria;
+//# sourceMappingURL=createToggleButtonGroup.d.ts.map

package/dist/button/createToggleButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../src/button/createToggleButtonGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC/F,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAE7D,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,qCAAqC;IACrC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,8BAA+B,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC;IAC7F,6CAA6C;IAC7C,EAAE,EAAE,GAAG,CAAC;CACT;AASD;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,0BAA0B,EACjC,KAAK,EAAE,gBAAgB,GACtB,qBAAqB,CAuBvB;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,8BAA8B,EACrC,KAAK,EAAE,gBAAgB,GACtB,gBAAgB,CA4ClB"}

package/dist/button/index.d.ts

@@ -1,5 +1,7 @@
-export { createButton } from './createButton';
-export { createToggleButton } from './createToggleButton';
-export type { AriaButtonProps, ButtonAria } from './types';
-export type { AriaToggleButtonProps, ToggleButtonAria } from './createToggleButton';
+export { createButton } from "./createButton";
+export { createToggleButton } from "./createToggleButton";
+export { createToggleButtonGroup, createToggleButtonGroupItem } from "./createToggleButtonGroup";
+export type { AriaButtonProps, ButtonAria } from "./types";
+export type { AriaToggleButtonProps, ToggleButtonAria } from "./createToggleButton";
+export type { AriaToggleButtonGroupProps, ToggleButtonGroupAria, AriaToggleButtonGroupItemProps, } from "./createToggleButtonGroup";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACjG,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,YAAY,EACV,0BAA0B,EAC1B,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,2BAA2B,CAAC"}

package/dist/button/types.d.ts

@@ -1,6 +1,8 @@
-import { Accessor } from 'solid-js';
-import { PressEvent } from '../interactions';
+import { Accessor } from "solid-js";
+import { PressEvent } from "../interactions";
 export interface AriaButtonProps {
+    /** The element's unique identifier. */
+    id?: string | number;
     /** Whether the button is disabled. */
     isDisabled?: Accessor<boolean> | boolean;
     /** Handler called when the press is released over the target. */
@@ -29,7 +31,7 @@ export interface AriaButtonProps {
     /** Whether the element should receive focus on render. */
     autoFocus?: boolean;
     /** The HTML element type to use for the button. */
-    elementType?: 'button' | 'a' | 'div' | 'input' | 'span';
+    elementType?: "button" | "a" | "div" | "input" | "span";
     /** The URL to link to (for anchor elements). */
     href?: string;
     /** The target for the link (for anchor elements). */
@@ -37,23 +39,27 @@ export interface AriaButtonProps {
     /** The rel attribute for the link (for anchor elements). */
     rel?: string;
     /** The type attribute for button elements. */
-    type?: 'button' | 'submit' | 'reset';
+    type?: "button" | "submit" | "reset";
     /** Whether the button is in a pressed state (controlled). */
-    'aria-pressed'?: boolean | 'true' | 'false' | 'mixed';
+    "aria-pressed"?: boolean | "true" | "false" | "mixed";
     /** Whether the button has a popup. */
-    'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog' | 'true' | 'false';
+    "aria-haspopup"?: boolean | "menu" | "listbox" | "tree" | "grid" | "dialog" | "true" | "false";
     /** Whether the popup is expanded. */
-    'aria-expanded'?: boolean | 'true' | 'false';
+    "aria-expanded"?: boolean | "true" | "false";
     /** The accessible label for the button. */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** The id of the element that labels the button. */
-    'aria-labelledby'?: string;
+    "aria-labelledby"?: string;
     /** The id of the element that describes the button. */
-    'aria-describedby'?: string;
+    "aria-describedby"?: string;
+    /** The id of the element that provides detailed, extended description for the button. */
+    "aria-details"?: string;
     /** Identifies the element (or elements) whose contents or presence are controlled by the button. */
-    'aria-controls'?: string;
+    "aria-controls"?: string;
     /** Indicates the current "pressed" state of toggle buttons. */
-    'aria-current'?: boolean | 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+    "aria-current"?: boolean | "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    /** Indicates that the button is perceivable but disabled. */
+    "aria-disabled"?: boolean | "true" | "false";
     /** Additional attributes for form buttons. */
     form?: string;
     formAction?: string;