@proyecto-viviana/solidaria-components 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,304 +1,71 @@
 # @proyecto-viviana/solidaria-components
 
-Pre-wired headless components for SolidJS - a port of [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html).
+SolidJS port of React Aria Components: unstyled, accessible components built on
+`@proyecto-viviana/solidaria` and `@proyecto-viviana/solid-stately`.
 
-## Installation
+This package is still part of a parity port. Do not treat export coverage as a
+production readiness guarantee.
+
+## Install
 
 ```bash
-bun add @proyecto-viviana/solidaria-components solid-js
+npm install @proyecto-viviana/solidaria-components solid-js
 ```
 
-## Overview
-
-solidaria-components provides ready-to-use headless components that combine state management and accessibility in one package. Unlike the lower-level hooks in solidaria, these components handle all the wiring for you while giving you full control over styling through render props and data attributes.
-
-## Available Components
-
-### Form Controls
-
-| Component | Description |
-|-----------|-------------|
-| Button | Accessible button with press states |
-| Checkbox, CheckboxGroup | Checkboxes with group support |
-| Radio, RadioGroup | Radio buttons |
-| ToggleSwitch | Toggle switch control |
-| TextField, Input, TextArea, Label | Text inputs with labels |
-| NumberField | Numeric input with inc/dec buttons |
-| SearchField | Search input with clear button |
-| Slider, SliderTrack, SliderThumb | Range slider |
-
-### Navigation
-
-| Component | Description |
-|-----------|-------------|
-| Tabs, TabList, Tab, TabPanel | Tabbed navigation |
-| Breadcrumbs, BreadcrumbItem | Breadcrumb navigation |
-| Link | Accessible link |
-| Landmark | ARIA landmark regions with F6 navigation |
-
-### Selection
-
-| Component | Description |
-|-----------|-------------|
-| Select, SelectTrigger, SelectValue, SelectListBox, SelectOption | Dropdown select |
-| Menu, MenuItem, MenuTrigger, MenuButton | Action menus |
-| ListBox, ListBoxOption | Selectable lists |
-
-### Feedback & Layout
-
-| Component | Description |
-|-----------|-------------|
-| ProgressBar | Progress indicator |
-| Separator | Visual divider |
-| VisuallyHidden | Screen reader only content |
-
 ## Usage
 
-### Render Props Pattern
-
-Components expose state through render props for full styling control:
-
 ```tsx
 import { Button } from "@proyecto-viviana/solidaria-components";
 
-function MyButton() {
-  return (
-    <Button onPress={() => console.log("pressed")}>
-      {({ isPressed, isHovered, isFocusVisible }) => (
-        <span
-          class={`btn ${isPressed() ? "pressed" : ""} ${isHovered() ? "hovered" : ""}`}
-        >
-          Click me
-        </span>
-      )}
-    </Button>
-  );
+export function SaveButton() {
+  return <Button onPress={() => save()}>Save</Button>;
 }
 ```
 
-### Data Attributes
-
-Components also expose state via data attributes for CSS styling:
+Components are headless. Style them with classes, data attributes, and render
+props.
 
 ```tsx
 import { Button } from "@proyecto-viviana/solidaria-components";
 
-function MyButton() {
-  return (
-    <Button class="my-button" onPress={() => {}}>
-      Click me
-    </Button>
-  );
-}
-```
-
-```css
-.my-button {
-  background: blue;
-}
-.my-button[data-pressed] {
-  background: darkblue;
-}
-.my-button[data-hovered] {
-  background: lightblue;
-}
-.my-button[data-focus-visible] {
-  outline: 2px solid white;
-}
-```
-
-### Checkbox Example
-
-```tsx
-import { Checkbox, CheckboxGroup } from "@proyecto-viviana/solidaria-components";
-
-function Preferences() {
-  return (
-    <CheckboxGroup>
-      {({ groupProps }) => (
-        <div {...groupProps}>
-          <Checkbox value="newsletter">
-            {({ inputProps, isSelected }) => (
-              <label>
-                <input {...inputProps} />
-                <span class={isSelected() ? "checked" : ""}>
-                  Subscribe to newsletter
-                </span>
-              </label>
-            )}
-          </Checkbox>
-          <Checkbox value="updates">
-            {({ inputProps, isSelected }) => (
-              <label>
-                <input {...inputProps} />
-                <span class={isSelected() ? "checked" : ""}>
-                  Receive updates
-                </span>
-              </label>
-            )}
-          </Checkbox>
-        </div>
-      )}
-    </CheckboxGroup>
-  );
-}
-```
-
-### Select Example
-
-```tsx
-import { Select, SelectTrigger, SelectValue, SelectListBox, SelectOption } from "@proyecto-viviana/solidaria-components";
-
-const countries = [
-  { key: "us", label: "United States" },
-  { key: "uk", label: "United Kingdom" },
-  { key: "ca", label: "Canada" },
-];
-
-function CountrySelect() {
-  return (
-    <Select items={countries} onSelectionChange={(key) => console.log(key)}>
-      <SelectTrigger>
-        <SelectValue placeholder="Select a country" />
-      </SelectTrigger>
-      <SelectListBox>
-        {(item) => (
-          <SelectOption key={item.key}>
-            {({ isSelected, isFocused }) => (
-              <span class={`option ${isSelected() ? "selected" : ""}`}>
-                {item.label}
-              </span>
-            )}
-          </SelectOption>
-        )}
-      </SelectListBox>
-    </Select>
-  );
-}
-```
-
-### Tabs Example
-
-```tsx
-import { Tabs, TabList, Tab, TabPanel } from "@proyecto-viviana/solidaria-components";
-
-const tabs = [
-  { id: "overview", label: "Overview", content: "Overview content here" },
-  { id: "features", label: "Features", content: "Features content here" },
-  { id: "pricing", label: "Pricing", content: "Pricing content here" },
-];
-
-function Navigation() {
+export function ToolbarButton() {
   return (
-    <Tabs items={tabs} defaultSelectedKey="overview">
-      <TabList>
-        {(item) => (
-          <Tab id={item.id}>
-            {({ isSelected }) => (
-              <span class={isSelected() ? "active" : ""}>{item.label}</span>
-            )}
-          </Tab>
-        )}
-      </TabList>
-      {tabs.map((tab) => (
-        <TabPanel key={tab.id}>{tab.content}</TabPanel>
-      ))}
-    </Tabs>
-  );
-}
-```
-
-### Slider Example
-
-```tsx
-import { Slider, SliderTrack, SliderThumb, SliderOutput } from "@proyecto-viviana/solidaria-components";
-
-function VolumeSlider() {
-  return (
-    <Slider defaultValue={50} minValue={0} maxValue={100}>
-      {({ value, getValuePercent }) => (
-        <>
-          <div class="label-row">
-            <span>Volume</span>
-            <SliderOutput />
-          </div>
-          <SliderTrack>
-            {({ isDragging }) => (
-              <div class={`track ${isDragging() ? "dragging" : ""}`}>
-                <div class="fill" style={{ width: `${getValuePercent() * 100}%` }} />
-                <SliderThumb>
-                  {({ isFocusVisible }) => (
-                    <div class={`thumb ${isFocusVisible() ? "focused" : ""}`} />
-                  )}
-                </SliderThumb>
-              </div>
-            )}
-          </SliderTrack>
-        </>
+    <Button class="button">
+      {({ isPressed, isFocusVisible }) => (
+        <span
+          data-pressed={isPressed() || undefined}
+          data-focus-visible={isFocusVisible() || undefined}
+        >
+          Save
+        </span>
       )}
-    </Slider>
+    </Button>
   );
 }
 ```
 
-## Context
+## Current Parity Evidence
 
-Components provide context for nested access:
+As of the 2026-05-12 local report:
 
-```tsx
-import { TabsStateContext } from "@proyecto-viviana/solidaria-components";
-
-function CustomTabIndicator() {
-  const state = useContext(TabsStateContext);
-  return <div>Selected: {state?.selectedKey()}</div>;
-}
-```
-
-## Styling Approaches
-
-### 1. Render Props (Most Control)
-
-```tsx
-<Button>
-  {({ isPressed, isHovered }) => (
-    <span style={{ background: isPressed() ? "red" : isHovered() ? "pink" : "blue" }}>
-      Click
-    </span>
-  )}
-</Button>
-```
-
-### 2. Data Attributes (CSS)
-
-```tsx
-<Button class="btn">Click</Button>
-```
-
-```css
-.btn[data-pressed] { background: red; }
-.btn[data-hovered] { background: pink; }
-```
+- `vp run guard:rac-export-gap` reports `0` missing React Aria Components named
+  exports.
+- `vp run guard:rac-parity` reports no missing required tracked symbols.
+- The package has extra Solid exports and aliases compared with upstream RAC.
+  Treat those as local API and document intentional additions in changesets.
 
-### 3. Class Functions
+The barrel in [`src/index.ts`](src/index.ts) is the source of truth for the
+current public surface. This README intentionally does not duplicate the full
+export list.
 
-```tsx
-<Button class={({ isPressed }) => isPressed() ? "pressed" : "normal"}>
-  Click
-</Button>
-```
+## Verification
 
-## TypeScript
-
-Full TypeScript support with exported types:
-
-```tsx
-import {
-  Button,
-  type ButtonProps,
-  type ButtonRenderProps,
-} from "@proyecto-viviana/solidaria-components";
+```bash
+vp run guard:rac-parity
+vp run guard:rac-export-gap
+vp run --filter @proyecto-viviana/solidaria-components build
+vp test run packages
 ```
 
-## License
-
-MIT
+When changing behavior, add focused tests under `test/` that use semantic
+queries and user-like interactions rather than implementation markers alone.

package/dist/ActionBar.d.ts

@@ -0,0 +1,79 @@
+/**
+ * ActionBar component for solidaria-components
+ *
+ * Headless action bar that appears when items are selected in a collection.
+ * Shows a selection count, clear button, and action buttons.
+ *
+ * No RAC headless equivalent — this is a thin component layer that ties
+ * selection state to visibility and keyboard behavior.
+ */
+import { type JSX, type ParentProps } from "solid-js";
+import type { Key } from "@proyecto-viviana/solid-stately";
+import { type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
+type RefLike<T> = ((el: T) => void) | {
+    current?: T | null;
+} | undefined;
+export interface ActionBarRenderProps {
+    /** Whether the action bar is visible. */
+    isOpen: boolean;
+    /** The number of selected items. */
+    selectedItemCount: number | "all";
+}
+export interface ActionBarProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children" | "ref" | "slot">, SlotProps {
+    /** The number of selected items. ActionBar is hidden when 0. @default 0 */
+    selectedItemCount?: number | "all";
+    /** Callback when the clear button is pressed. */
+    onClearSelection?: () => void;
+    /** Callback when an action is triggered. */
+    onAction?: (key: Key) => void;
+    /** The action buttons to display. */
+    children?: JSX.Element;
+    /** CSS class for the container. */
+    class?: ClassNameOrFunction<ActionBarRenderProps>;
+    /** Inline style for the container. */
+    style?: StyleOrFunction<ActionBarRenderProps>;
+    /** Accessible label for the action bar. @default 'Actions' */
+    "aria-label"?: string;
+    /** Identifies the element (or elements) that labels the action bar. */
+    "aria-labelledby"?: string;
+    /** Optional keydown handler on the action bar element. */
+    onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;
+    /** Screen reader announcement when the action bar becomes available. */
+    actionsAvailableMessage?: string;
+    /** Ref for the underlying action bar element. */
+    ref?: RefLike<HTMLDivElement>;
+}
+export interface ActionBarContextValue {
+    selectedItemCount: () => number | "all";
+    onClearSelection?: () => void;
+    onAction?: (key: Key) => void;
+}
+export declare const ActionBarContext: import("solid-js").Context<ActionBarContextValue | null>;
+export declare function useActionBarContext(): ActionBarContextValue | null;
+export declare function ActionBar(props: ActionBarProps): JSX.Element;
+export interface ActionBarContainerProps extends ParentProps {
+    class?: string;
+    style?: JSX.CSSProperties;
+}
+/**
+ * Container that positions a collection and its ActionBar.
+ */
+export declare function ActionBarContainer(props: ActionBarContainerProps): JSX.Element;
+export interface ActionBarSelectionCountProps {
+    class?: string;
+}
+/**
+ * Displays the count of selected items.
+ */
+export declare function ActionBarSelectionCount(props: ActionBarSelectionCountProps): JSX.Element;
+export interface ActionBarClearButtonProps {
+    class?: string;
+    children?: JSX.Element;
+    "aria-label"?: string;
+}
+/**
+ * Button to clear the current selection.
+ */
+export declare function ActionBarClearButton(props: ActionBarClearButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=ActionBar.d.ts.map

package/dist/ActionBar.d.ts.map

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

package/dist/ActionGroup.d.ts

@@ -0,0 +1,74 @@
+/**
+ * ActionGroup component for solidaria-components
+ *
+ * Pre-wired headless action group component that combines
+ * createListState + createActionGroup/createActionGroupItem.
+ * Provides proper dynamic roles (toolbar/radiogroup), keyboard
+ * navigation, and ARIA attributes.
+ *
+ * No RAC equivalent exists — this bridges solidaria ARIA hooks
+ * directly to a headless component.
+ */
+import { type JSX } from "solid-js";
+import { type ListState, type Key, type SelectionMode } from "@proyecto-viviana/solid-stately";
+import { type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
+export interface ActionGroupRenderProps {
+    /** The orientation of the action group. */
+    orientation: "horizontal" | "vertical";
+    /** Whether the entire group is disabled. */
+    isDisabled: boolean;
+    /** The selection mode. */
+    selectionMode: SelectionMode;
+}
+export interface ActionGroupItemRenderProps {
+    /** Whether the item is selected. */
+    isSelected: boolean;
+    /** Whether the item is disabled. */
+    isDisabled: boolean;
+    /** Whether the item is focused. */
+    isFocused: boolean;
+}
+export interface ActionGroupItem {
+    id: string;
+    label: string;
+    isDisabled?: boolean;
+    [key: string]: unknown;
+}
+export interface ActionGroupProps<T extends ActionGroupItem = ActionGroupItem> extends SlotProps {
+    /** The items in the action group. */
+    items: T[];
+    /** The selection mode. @default 'none' */
+    selectionMode?: SelectionMode;
+    /** Orientation of the group. @default 'horizontal' */
+    orientation?: "horizontal" | "vertical";
+    /** Whether the entire group is disabled. */
+    isDisabled?: boolean;
+    /** Accessible label. */
+    "aria-label"?: string;
+    /** Labelled-by id. */
+    "aria-labelledby"?: string;
+    /** Currently selected keys (controlled). */
+    selectedKeys?: Iterable<Key>;
+    /** Default selected keys (uncontrolled). */
+    defaultSelectedKeys?: Iterable<Key>;
+    /** Handler called when selection changes. */
+    onSelectionChange?: (keys: "all" | Set<Key>) => void;
+    /** Handler called when an item action is triggered. */
+    onAction?: (key: Key) => void;
+    /** Keys of disabled items. */
+    disabledKeys?: Iterable<Key>;
+    /** Render function for each item. */
+    children: (item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element;
+    /** CSS class for the container. */
+    class?: ClassNameOrFunction<ActionGroupRenderProps>;
+    /** Inline style for the container. */
+    style?: StyleOrFunction<ActionGroupRenderProps>;
+}
+export interface ActionGroupContextValue<T extends ActionGroupItem = ActionGroupItem> {
+    state: ListState<T>;
+}
+export declare const ActionGroupContext: import("solid-js").Context<ActionGroupContextValue<ActionGroupItem> | null>;
+export declare const ActionGroupStateContext: import("solid-js").Context<ListState<ActionGroupItem> | null>;
+export declare function ActionGroup<T extends ActionGroupItem = ActionGroupItem>(props: ActionGroupProps<T>): JSX.Element;
+export declare function useActionGroupContext(): ActionGroupContextValue | null;
+//# sourceMappingURL=ActionGroup.d.ts.map

package/dist/ActionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../src/ActionGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAMlB,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,aAAa,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,0BAA0B;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACzC,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,CAAE,SAAQ,SAAS;IAC9F,qCAAqC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,0CAA0C;IAC1C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,sDAAsD;IACtD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,qCAAqC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,0BAA0B,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5E,mCAAmC;IACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IACpD,sCAAsC;IACtC,KAAK,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IAClF,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,6EAAsD,CAAC;AACtF,eAAO,MAAM,uBAAuB,+DAAyD,CAAC;AAE9F,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EACrE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACzB,GAAG,CAAC,OAAO,CA0Hb;AA+CD,wBAAgB,qBAAqB,IAAI,uBAAuB,GAAG,IAAI,CAEtE"}

package/dist/Alert.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Alert component for solidaria-components
+ *
+ * Minimal headless Alert that owns ARIA semantics (role="alert")
+ * and provides render props for styling. The UI layer consumes this
+ * for styling/composition only.
+ */
+import { type JSX } from "solid-js";
+import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
+import { type ButtonProps } from "./Button";
+export type AlertVariant = "info" | "success" | "warning" | "error";
+export interface AlertRenderProps {
+    /** The variant of the alert. */
+    variant: AlertVariant;
+    /** Whether the alert can be dismissed. */
+    isDismissible: boolean;
+}
+export interface AlertProps extends SlotProps {
+    /** The variant of the alert. */
+    variant?: AlertVariant;
+    /** Whether the alert can be dismissed. */
+    isDismissible?: boolean;
+    /** Handler called when the alert is dismissed. */
+    onDismiss?: () => void;
+    /** The children of the component. A function may be provided to receive render props. */
+    children?: RenderChildren<AlertRenderProps>;
+    /** The CSS className for the element. */
+    class?: ClassNameOrFunction<AlertRenderProps>;
+    /** The inline style for the element. */
+    style?: StyleOrFunction<AlertRenderProps>;
+    /** The id of the element. */
+    id?: string;
+}
+export interface AlertContextValue {
+    variant: () => AlertVariant;
+    isDismissible: () => boolean;
+    onDismiss?: () => void;
+}
+export declare const AlertContext: import("solid-js").Context<AlertContextValue | null>;
+/**
+ * An alert displays a brief, important message in a way that
+ * attracts the user's attention without interrupting their task.
+ *
+ * This is a headless component that provides the ARIA `role="alert"`
+ * semantics and render props for styling.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="error" isDismissible onDismiss={() => setVisible(false)}>
+ *   {({ variant }) => <span>Something went wrong ({variant})</span>}
+ * </Alert>
+ * ```
+ */
+export declare function Alert(props: AlertProps): JSX.Element;
+export interface AlertDismissButtonProps extends Omit<ButtonProps, "onPress"> {
+}
+/**
+ * A dismiss button for use inside an Alert.
+ * Uses the headless Button for full keyboard/a11y support.
+ *
+ * @example
+ * ```tsx
+ * <Alert isDismissible onDismiss={handleDismiss}>
+ *   <span>Alert content</span>
+ *   <AlertDismissButton aria-label="Dismiss">X</AlertDismissButton>
+ * </Alert>
+ * ```
+ */
+export declare function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AACvF,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,0CAA0C;IAC1C,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,gCAAgC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC5C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAC1C,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,YAAY,CAAC;IAC5B,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,sDAAgD,CAAC;AAE1E;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA2DpD;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;CAAG;AAEhF;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAU9E"}

package/dist/Autocomplete.d.ts

@@ -6,11 +6,11 @@
  *
  * Port of react-aria-components/src/Autocomplete.tsx
  */
-import { type JSX, type ParentProps } from 'solid-js';
-import { type AriaAutocompleteOptions, type AutocompleteInputProps, type CollectionOptions } from '@proyecto-viviana/solidaria';
-import { type AutocompleteState, type AutocompleteStateOptions } from '@proyecto-viviana/solid-stately';
-import { type SlotProps } from './utils';
-export interface AutocompleteProps<T = unknown> extends Omit<AutocompleteStateOptions, 'children'>, Omit<AriaAutocompleteOptions<T>, 'inputRef' | 'collectionRef'>, ParentProps, SlotProps {
+import { type JSX, type ParentProps } from "solid-js";
+import { type AriaAutocompleteOptions, type AutocompleteInputProps, type CollectionOptions } from "@proyecto-viviana/solidaria";
+import { type AutocompleteState, type AutocompleteStateOptions } from "@proyecto-viviana/solid-stately";
+import { type SlotProps } from "./utils";
+export interface AutocompleteProps<T = unknown> extends Omit<AutocompleteStateOptions, "children">, Omit<AriaAutocompleteOptions<T>, "inputRef" | "collectionRef">, ParentProps, SlotProps {
 }
 export interface AutocompleteContextValue {
     inputProps: AutocompleteInputProps;

package/dist/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAA;AACjB,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,EAC9B,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAMxC,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO,CAC5C,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,EAChD,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC,EAC9D,WAAW,EACX,SAAS;CAAG;AAMhB,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,sBAAsB,CAAA;IAClC,QAAQ,EAAE,CAAC,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,WAAW,kCAAkC;IACjD,eAAe,EAAE,iBAAiB,CAAA;IAClC,aAAa,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;CACxC;AAED,eAAO,MAAM,mBAAmB,6DAAuD,CAAA;AACvF,eAAO,MAAM,wBAAwB,sDAAgD,CAAA;AACrF,eAAO,MAAM,6BAA6B,uEAAiE,CAAA;AAE3G;;;GAGG;AACH,wBAAgB,oBAAoB,oCAEnC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,6BAEnC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,8CAExC;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAkDlF"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,EAC9B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO,CAC5C,SACE,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,EAC1C,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC,EAC9D,WAAW,EACX,SAAS;CAAG;AAEhB,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,QAAQ,EAAE,CAAC,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kCAAkC;IACjD,eAAe,EAAE,iBAAiB,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,mBAAmB,6DAAuD,CAAC;AACxF,eAAO,MAAM,wBAAwB,sDAAgD,CAAC;AACtF,eAAO,MAAM,6BAA6B,uEACsB,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,oBAAoB,oCAEnC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,6BAEnC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,8CAExC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAuDlF"}