@proyecto-viviana/solidaria-components 0.2.9 → 0.3.0

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

@@ -7,20 +7,23 @@
  * 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';
+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';
+    selectedItemCount: number | "all";
 }
-export interface ActionBarProps extends SlotProps {
-    /** The number of selected items. ActionBar is hidden when 0. */
-    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;
+    onClearSelection?: () => void;
     /** Callback when an action is triggered. */
     onAction?: (key: Key) => void;
     /** The action buttons to display. */
@@ -30,15 +33,19 @@ export interface ActionBarProps extends SlotProps {
     /** Inline style for the container. */
     style?: StyleOrFunction<ActionBarRenderProps>;
     /** Accessible label for the action bar. @default 'Actions' */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** Identifies the element (or elements) that labels the action bar. */
-    'aria-labelledby'?: string;
+    "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;
+    selectedItemCount: () => number | "all";
+    onClearSelection?: () => void;
     onAction?: (key: Key) => void;
 }
 export declare const ActionBarContext: import("solid-js").Context<ActionBarContextValue | null>;
@@ -62,10 +69,11 @@ export declare function ActionBarSelectionCount(props: ActionBarSelectionCountPr
 export interface ActionBarClearButtonProps {
     class?: string;
     children?: JSX.Element;
-    'aria-label'?: string;
+    "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

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../src/ActionBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAOjB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC;CACnC;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC;IAClC,iDAAiD;IACjD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,mCAAmC;IACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAClD,sCAAsC;IACtC,KAAK,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC9C,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;CAClE;AAMD,MAAM,WAAW,qBAAqB;IACpC,iBAAiB,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC;IACxC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,0DAAoD,CAAC;AAElF,wBAAgB,mBAAmB,IAAI,qBAAqB,GAAG,IAAI,CAElE;AAMD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAyF5D;AAMD,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAS9E;AAMD,MAAM,WAAW,4BAA4B;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CAYxF;AAMD,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAalF"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../src/ActionBar.tsx"],"names":[],"mappings":"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"}

package/dist/ActionGroup.d.ts

@@ -9,12 +9,12 @@
  * 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';
+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';
+    orientation: "horizontal" | "vertical";
     /** Whether the entire group is disabled. */
     isDisabled: boolean;
     /** The selection mode. */
@@ -40,19 +40,19 @@ export interface ActionGroupProps<T extends ActionGroupItem = ActionGroupItem> e
     /** The selection mode. @default 'none' */
     selectionMode?: SelectionMode;
     /** Orientation of the group. @default 'horizontal' */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: "horizontal" | "vertical";
     /** Whether the entire group is disabled. */
     isDisabled?: boolean;
     /** Accessible label. */
-    'aria-label'?: string;
+    "aria-label"?: string;
     /** Labelled-by id. */
-    'aria-labelledby'?: string;
+    "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;
+    onSelectionChange?: (keys: "all" | Set<Key>) => void;
     /** Handler called when an item action is triggered. */
     onAction?: (key: Key) => void;
     /** Keys of disabled items. */

package/dist/ActionGroup.d.ts.map

@@ -1 +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;AAMjB,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,CAC3E,SAAQ,SAAS;IACjB,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;AAMD,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;AAM9F,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EACrE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACzB,GAAG,CAAC,OAAO,CAmHb;AAiDD,wBAAgB,qBAAqB,IAAI,uBAAuB,GAAG,IAAI,CAEtE"}
+{"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

@@ -5,10 +5,10 @@
  * 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';
+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;
@@ -52,7 +52,7 @@ export declare const AlertContext: import("solid-js").Context<AlertContextValue
  * ```
  */
 export declare function Alert(props: AlertProps): JSX.Element;
-export interface AlertDismissButtonProps extends Omit<ButtonProps, 'onPress'> {
+export interface AlertDismissButtonProps extends Omit<ButtonProps, "onPress"> {
 }
 /**
  * A dismiss button for use inside an Alert.

package/dist/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,KAAK,GAAG,EAKT,MAAM,UAAU,CAAC;AAClB,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;AAMpD,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;AAMD,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;AAM1E;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA8DpD;AAMD,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"}
+{"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"}

package/dist/Breadcrumbs.d.ts

@@ -4,14 +4,17 @@
  * A pre-wired headless breadcrumbs component that combines aria hooks.
  * Port of react-aria-components Breadcrumbs.
  */
-import { type Accessor, type JSX } from 'solid-js';
-import { type AriaBreadcrumbsProps, type AriaBreadcrumbItemProps } from '@proyecto-viviana/solidaria';
-import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
+import { type Accessor, type JSX } from "solid-js";
+import { type AriaBreadcrumbsProps, type AriaBreadcrumbItemProps } from "@proyecto-viviana/solidaria";
+import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
+type RefLike<T> = ((el: T) => void) | {
+    current?: T | null;
+} | undefined;
 export interface BreadcrumbsRenderProps {
     /** Whether the breadcrumbs are disabled. */
     isDisabled: boolean;
 }
-export interface BreadcrumbsProps<T> extends Omit<AriaBreadcrumbsProps, 'isDisabled'>, SlotProps {
+export interface BreadcrumbsProps<T> extends Omit<AriaBreadcrumbsProps, "isDisabled">, SlotProps {
     /** The items to render in the breadcrumbs. */
     items?: T[];
     /** Function to get the key from an item. */
@@ -20,12 +23,14 @@ export interface BreadcrumbsProps<T> extends Omit<AriaBreadcrumbsProps, 'isDisab
     isDisabled?: boolean;
     /** Handler called when a breadcrumb item is activated. */
     onAction?: (key: string | number) => void;
-    /** The children of the component - render function for each item. */
-    children: (item: T) => JSX.Element;
+    /** The children of the component, or a render function for collection items. */
+    children?: JSX.Element | ((item: T) => JSX.Element);
     /** The CSS className for the element. */
     class?: ClassNameOrFunction<BreadcrumbsRenderProps>;
     /** The inline style for the element. */
     style?: StyleOrFunction<BreadcrumbsRenderProps>;
+    /** Ref for the navigation element. */
+    ref?: RefLike<HTMLElement>;
 }
 export interface BreadcrumbItemRenderProps {
     /** Whether this is the current/last item. */
@@ -41,7 +46,7 @@ export interface BreadcrumbItemRenderProps {
     /** Whether the item is hovered. */
     isHovered: boolean;
 }
-export interface BreadcrumbItemProps extends Omit<AriaBreadcrumbItemProps, 'isDisabled'>, SlotProps {
+export interface BreadcrumbItemProps extends Omit<AriaBreadcrumbItemProps, "isDisabled">, SlotProps {
     /** The children of the breadcrumb item. */
     children?: RenderChildren<BreadcrumbItemRenderProps>;
     /** The CSS className for the element. */
@@ -50,10 +55,16 @@ export interface BreadcrumbItemProps extends Omit<AriaBreadcrumbItemProps, 'isDi
     style?: StyleOrFunction<BreadcrumbItemRenderProps>;
     /** Whether this item is disabled. */
     isDisabled?: boolean;
+    /** Ref for the breadcrumb item element. */
+    ref?: RefLike<HTMLElement>;
 }
 interface BreadcrumbsContextValue {
     isDisabled: Accessor<boolean>;
     onAction?: (key: string | number) => void;
+    registerStaticItem?: () => number;
+    staticItemCount?: Accessor<number>;
+    resetStaticItems?: () => void;
+    setStaticItemCount?: (count: number) => void;
 }
 export declare const BreadcrumbsContext: import("solid-js").Context<BreadcrumbsContextValue | null>;
 interface BreadcrumbItemContextValue {

package/dist/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,GAAG,EAMT,MAAM,UAAU,CAAC;AAElB,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,sBAAsB;IACrC,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC,EAAE,SAAS;IAC9F,8CAA8C;IAC9C,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,qEAAqE;IACrE,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACnC,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IACpD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,cAAc,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,YAAY,CAAC,EAAE,SAAS;IACjG,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,cAAc,CAAC,yBAAyB,CAAC,CAAC;IACrD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAC;IACvD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACnD,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD,UAAU,uBAAuB;IAC/B,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,kBAAkB,4DAAsD,CAAC;AAEtF,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,+DAAyD,CAAC;AAW5F;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA0EtE;yBA1Ee,WAAW;;;AA4E3B;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAqJtE"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":"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"}