@proyecto-viviana/solidaria-components 0.7.0-rc.0 → 0.7.0-rc.1

package/README.md

@@ -1,40 +1,39 @@
 # @proyecto-viviana/solidaria-components
 
-SolidJS port of React Aria Components: unstyled, accessible components built on
-`@proyecto-viviana/solidaria` and `@proyecto-viviana/solid-stately`.
+A Solid port of Adobe's React Aria Components: accessible components with no
+styling. Each one ships the markup, the ARIA, and the interaction; you supply
+every class.
 
-This package is still part of a parity port. Do not treat export coverage as a
-production readiness guarantee.
+Use this when you want to own the look completely. If you want components that
+already look like something, use a styled sibling instead.
 
 ## Install
 
+Requires **Solid 2**. `solid-js` and `@solidjs/web` are peer dependencies, at
+`>=2.0.0-rc.9 <3`.
+
 ```bash
-npm install @proyecto-viviana/solidaria-components solid-js
+npm install @proyecto-viviana/solidaria-components@rc solid-js@next @solidjs/web@next
 ```
 
-## Usage
+The release candidate is on the `rc` tag. The `latest` tag is the Solid 1
+line.
 
-```tsx
-import { Button } from "@proyecto-viviana/solidaria-components";
+## Example
 
-export function SaveButton() {
-  return <Button onPress={() => save()}>Save</Button>;
-}
-```
-
-Components are headless. Style them with classes, data attributes, and render
-props.
+Style with classes, data attributes, or a render-prop child. Render-prop
+fields are plain booleans, not accessors — read `isPressed`, do not call it.
 
 ```tsx
 import { Button } from "@proyecto-viviana/solidaria-components";
 
-export function ToolbarButton() {
+export function SaveButton(props: { onSave: () => void }) {
   return (
-    <Button class="button">
-      {({ isPressed, isFocusVisible }) => (
+    <Button class="button" onPress={props.onSave}>
+      {(render) => (
         <span
-          data-pressed={isPressed() || undefined}
-          data-focus-visible={isFocusVisible() || undefined}
+          data-pressed={render.isPressed || undefined}
+          data-focus-visible={render.isFocusVisible || undefined}
         >
           Save
         </span>
@@ -44,25 +43,52 @@ export function ToolbarButton() {
 }
 ```
 
-## Current Parity Evidence
+## In the chain
+
+```text
+solid-stately
+      ↓
+solidaria
+      ↓
+solidaria-components   ← you are here
+      ↓
+solid-spectrum · @proyecto-viviana/ui · kumo · geist
+```
+
+It depends on `@proyecto-viviana/solidaria` and
+`@proyecto-viviana/solid-stately`. Every styled package in the family is built
+on this one.
 
-Do not copy guard counts into this file. `guard:rac-export-gap` allows only
-ticketed pending RAC names (`scripts/rac-export-gap-pending.json`). Unlisted
-missing names fail. Extra Solid exports are local API; document intentional
-additions in changesets.
+## Status
 
-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.
+Published, and part of a port that is not finished. An export is a floor, not
+proof that a component matches upstream.
+[`src/index.ts`](src/index.ts) is the only source of truth for the public
+surface — this file does not list exports, and no README carries a count.
 
-## Verification
+What this release candidate is known to get wrong is listed under
+[known gaps](https://github.com/proyecto-viviana/ui#known-gaps-in-this-release-candidate).
+
+## Evidence
 
 ```bash
 vp run guard:rac-parity
 vp run guard:rac-export-gap
 vp run --filter @proyecto-viviana/solidaria-components build
-vp test run packages
+vp run test:run
 ```
 
-When changing behavior, add focused tests under `test/` that use semantic
-queries and user-like interactions rather than implementation markers alone.
+`guard:rac-export-gap` allows only the ticketed pending upstream names in
+`scripts/rac-export-gap-pending.json`; an unlisted missing name fails. Extra
+Solid exports are our own API and are declared in a changeset. What "ported"
+means here is [the evidence bar](https://github.com/proyecto-viviana/ui/blob/main/.claude/current/certification.md).
+
+## Links
+
+- Documentation: <https://ui.proyectoviviana.org>
+- Repository: <https://github.com/proyecto-viviana/ui>
+
+## License
+
+MIT AND Apache-2.0. Our work is MIT; the port of Adobe's React Aria Components
+keeps Apache-2.0. Both licenses and the project `NOTICE` ship in this package.

package/dist/ActionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../src/ActionGroup.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAMxC,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,aAAa,EACnB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAIf,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;AAiDD,wBAAgB,qBAAqB,IAAI,uBAAuB,GAAG,IAAI,CAEtE"}
+{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../src/ActionGroup.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAMxC,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,aAAa,EACnB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAIf,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;AAiDD,wBAAgB,qBAAqB,IAAI,uBAAuB,GAAG,IAAI,CAEtE"}

package/dist/ActionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.js","names":["<ActionGroupContext value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>\n    </ActionGroupContext>","value={{ state: state as ListState<ActionGroupItem> }}","<ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>","value={state as ListState<ActionGroupItem>}","ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}","<For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>","<ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />","state={state as ListState<ActionGroupItem>}","<div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>","{props.renderChild(props.item, renderProps())}","<button\n      {...restButtonProps}\n      data-selected={dataAttr(isSelected())}\n      data-disabled={dataAttr(isDisabled())}\n      data-focused={dataAttr(isFocused())}\n    >\n      {props.renderChild(props.item, renderProps())}\n    </button>"],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroup.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroupItem.ts\n\n/**\n * ActionGroup component for solidaria-components\n *\n * Pre-wired headless action group component that combines\n * createListState + createActionGroup/createActionGroupItem.\n * Provides proper dynamic roles (toolbar/radiogroup), keyboard\n * navigation, and ARIA attributes.\n *\n * Based on packages/react-aria/src/actiongroup/useActionGroup.ts and\n * packages/react-aria/src/actiongroup/useActionGroupItem.ts. React Aria\n * Components has no ActionGroup component, so this file wires the two hooks.\n */\n\nimport { createContext, createMemo, useContext, For } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createActionGroup,\n  createActionGroupItem,\n  type AriaActionGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createListState,\n  type ListState,\n  type Key,\n  type SelectionMode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\nexport interface ActionGroupRenderProps {\n  /** The orientation of the action group. */\n  orientation: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled: boolean;\n  /** The selection mode. */\n  selectionMode: SelectionMode;\n}\n\nexport interface ActionGroupItemRenderProps {\n  /** Whether the item is selected. */\n  isSelected: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n  /** Whether the item is focused. */\n  isFocused: boolean;\n}\n\nexport interface ActionGroupItem {\n  id: string;\n  label: string;\n  isDisabled?: boolean;\n  [key: string]: unknown;\n}\n\nexport interface ActionGroupProps<T extends ActionGroupItem = ActionGroupItem> extends SlotProps {\n  /** The items in the action group. */\n  items: T[];\n  /** The selection mode. @default 'none' */\n  selectionMode?: SelectionMode;\n  /** Orientation of the group. @default 'horizontal' */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled?: boolean;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n  /** Currently selected keys (controlled). */\n  selectedKeys?: Iterable<Key>;\n  /** Default selected keys (uncontrolled). */\n  defaultSelectedKeys?: Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (keys: \"all\" | Set<Key>) => void;\n  /** Handler called when an item action is triggered. */\n  onAction?: (key: Key) => void;\n  /** Keys of disabled items. */\n  disabledKeys?: Iterable<Key>;\n  /** Render function for each item. */\n  children: (item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionGroupRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionGroupRenderProps>;\n}\n\nexport interface ActionGroupContextValue<T extends ActionGroupItem = ActionGroupItem> {\n  state: ListState<T>;\n}\n\nexport const ActionGroupContext = createContext<ActionGroupContextValue | null>(null);\nexport const ActionGroupStateContext = createContext<ListState<ActionGroupItem> | null>(null);\n\nexport function ActionGroup<T extends ActionGroupItem = ActionGroupItem>(\n  props: ActionGroupProps<T>,\n): JSX.Element {\n  const [local, ariaGroupProps, domProps] = splitProps(\n    props,\n    [\n      \"items\",\n      \"selectionMode\",\n      \"orientation\",\n      \"isDisabled\",\n      \"selectedKeys\",\n      \"defaultSelectedKeys\",\n      \"onSelectionChange\",\n      \"onAction\",\n      \"disabledKeys\",\n      \"children\",\n      \"class\",\n      \"style\",\n      \"slot\",\n    ],\n    [\"aria-label\", \"aria-labelledby\"],\n  );\n\n  const state = createListState<T>({\n    get items() {\n      return local.items;\n    },\n    get selectionMode() {\n      return local.selectionMode ?? \"none\";\n    },\n    get selectedKeys() {\n      return local.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return local.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return local.onSelectionChange;\n    },\n    get disabledKeys() {\n      return local.disabledKeys;\n    },\n    getKey: (item) => item.id,\n    getTextValue: (item) => item.label,\n    getDisabled: (item) => !!item.isDisabled,\n  });\n\n  const groupAriaProps: AriaActionGroupProps<T> = {\n    get items() {\n      return local.items;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get orientation() {\n      return local.orientation;\n    },\n    get \"aria-label\"() {\n      return ariaGroupProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaGroupProps[\"aria-labelledby\"];\n    },\n    get onAction() {\n      return local.onAction;\n    },\n  };\n\n  const { actionGroupProps } = createActionGroup(groupAriaProps, state as ListState<T>);\n\n  const orientation = () => local.orientation ?? \"horizontal\";\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionGroup\",\n    },\n    () => ({\n      orientation: orientation(),\n      isDisabled: !!local.isDisabled,\n      selectionMode: (local.selectionMode ?? \"none\") as SelectionMode,\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  return (\n    <ActionGroupContext value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>\n    </ActionGroupContext>\n  );\n}\n\ninterface ActionGroupItemWrapperProps {\n  item: ActionGroupItem;\n  state: ListState<ActionGroupItem>;\n  renderChild: (item: ActionGroupItem, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n}\n\nfunction ActionGroupItemWrapper(props: ActionGroupItemWrapperProps): JSX.Element {\n  const { buttonProps } = createActionGroupItem(\n    {\n      get key() {\n        return props.item.id;\n      },\n    },\n    props.state,\n  );\n\n  const isFocused = () => props.state.focusedKey() === props.item.id;\n  const isSelected = () => {\n    const keys = props.state.selectedKeys();\n    return keys === \"all\" || (keys instanceof Set && keys.has(props.item.id));\n  };\n  const isDisabled = () => props.state.isDisabled(props.item.id);\n\n  const renderProps = createMemo<ActionGroupItemRenderProps>(() => ({\n    isSelected: isSelected(),\n    isDisabled: isDisabled(),\n    isFocused: isFocused(),\n  }));\n\n  // splitProps (not object destructuring) so the reactive getters on buttonProps\n  // — tabIndex (roving stop), onFocus (sets the focused key), role, aria-checked\n  // — stay live. A rest-spread `{ ref, ...rest }` would FREEZE them at their\n  // first-render values, pinning the roving tabIndex and killing focus tracking.\n  const [, restButtonProps] = splitProps(buttonProps, [\"ref\"]);\n\n  return (\n    <button\n      {...restButtonProps}\n      data-selected={dataAttr(isSelected())}\n      data-disabled={dataAttr(isDisabled())}\n      data-focused={dataAttr(isFocused())}\n    >\n      {props.renderChild(props.item, renderProps())}\n    </button>\n  );\n}\n\nexport function useActionGroupContext(): ActionGroupContextValue | null {\n  return useContext(ActionGroupContext);\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActionGroup.js","names":["<ActionGroupContext value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>\n    </ActionGroupContext>","value={{ state: state as ListState<ActionGroupItem> }}","<ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>","value={state as ListState<ActionGroupItem>}","ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}","<For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>","<ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />","state={state as ListState<ActionGroupItem>}","<div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>","{props.renderChild(props.item, renderProps())}","<button\n      {...restButtonProps}\n      data-selected={dataAttr(isSelected())}\n      data-disabled={dataAttr(isDisabled())}\n      data-focused={dataAttr(isFocused())}\n    >\n      {props.renderChild(props.item, renderProps())}\n    </button>"],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroup.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroupItem.ts\n\n/**\n * ActionGroup component for solidaria-components\n *\n * Pre-wired headless action group component that combines\n * createListState + createActionGroup/createActionGroupItem.\n * Provides proper dynamic roles (toolbar/radiogroup), keyboard\n * navigation, and ARIA attributes.\n *\n * Based on packages/react-aria/src/actiongroup/useActionGroup.ts and\n * packages/react-aria/src/actiongroup/useActionGroupItem.ts. React Aria\n * Components has no ActionGroup component, so this file wires the two hooks.\n */\n\nimport { createContext, createMemo, useContext, For } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createActionGroup,\n  createActionGroupItem,\n  type AriaActionGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createListState,\n  type ListState,\n  type Key,\n  type SelectionMode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\nexport interface ActionGroupRenderProps {\n  /** The orientation of the action group. */\n  orientation: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled: boolean;\n  /** The selection mode. */\n  selectionMode: SelectionMode;\n}\n\nexport interface ActionGroupItemRenderProps {\n  /** Whether the item is selected. */\n  isSelected: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n  /** Whether the item is focused. */\n  isFocused: boolean;\n}\n\nexport interface ActionGroupItem {\n  id: string;\n  label: string;\n  isDisabled?: boolean;\n  [key: string]: unknown;\n}\n\nexport interface ActionGroupProps<T extends ActionGroupItem = ActionGroupItem> extends SlotProps {\n  /** The items in the action group. */\n  items: T[];\n  /** The selection mode. @default 'none' */\n  selectionMode?: SelectionMode;\n  /** Orientation of the group. @default 'horizontal' */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled?: boolean;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n  /** Currently selected keys (controlled). */\n  selectedKeys?: Iterable<Key>;\n  /** Default selected keys (uncontrolled). */\n  defaultSelectedKeys?: Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (keys: \"all\" | Set<Key>) => void;\n  /** Handler called when an item action is triggered. */\n  onAction?: (key: Key) => void;\n  /** Keys of disabled items. */\n  disabledKeys?: Iterable<Key>;\n  /** Render function for each item. */\n  children: (item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionGroupRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionGroupRenderProps>;\n}\n\nexport interface ActionGroupContextValue<T extends ActionGroupItem = ActionGroupItem> {\n  state: ListState<T>;\n}\n\nexport const ActionGroupContext = createContext<ActionGroupContextValue | null>(null);\nexport const ActionGroupStateContext = createContext<ListState<ActionGroupItem> | null>(null);\n\nexport function ActionGroup<T extends ActionGroupItem = ActionGroupItem>(\n  props: ActionGroupProps<T>,\n): JSX.Element {\n  const [local, ariaGroupProps, domProps] = splitProps(\n    props,\n    [\n      \"items\",\n      \"selectionMode\",\n      \"orientation\",\n      \"isDisabled\",\n      \"selectedKeys\",\n      \"defaultSelectedKeys\",\n      \"onSelectionChange\",\n      \"onAction\",\n      \"disabledKeys\",\n      \"children\",\n      \"class\",\n      \"style\",\n      \"slot\",\n    ],\n    [\"aria-label\", \"aria-labelledby\"],\n  );\n\n  const state = createListState<T>({\n    get items() {\n      return local.items;\n    },\n    get selectionMode() {\n      return local.selectionMode ?? \"none\";\n    },\n    get selectedKeys() {\n      return local.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return local.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return local.onSelectionChange;\n    },\n    get disabledKeys() {\n      return local.disabledKeys;\n    },\n    getKey: (item) => item.id,\n    getTextValue: (item) => item.label,\n    getDisabled: (item) => !!item.isDisabled,\n  });\n\n  const groupAriaProps: AriaActionGroupProps<T> = {\n    get items() {\n      return local.items;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get orientation() {\n      return local.orientation;\n    },\n    get \"aria-label\"() {\n      return ariaGroupProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaGroupProps[\"aria-labelledby\"];\n    },\n    get onAction() {\n      return local.onAction;\n    },\n  };\n\n  const { actionGroupProps } = createActionGroup(groupAriaProps, state as ListState<T>);\n\n  const orientation = () => local.orientation ?? \"horizontal\";\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionGroup\",\n    },\n    () => ({\n      orientation: orientation(),\n      isDisabled: !!local.isDisabled,\n      selectionMode: (local.selectionMode ?? \"none\") as SelectionMode,\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  return (\n    <ActionGroupContext value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>\n    </ActionGroupContext>\n  );\n}\n\ninterface ActionGroupItemWrapperProps {\n  item: ActionGroupItem;\n  state: ListState<ActionGroupItem>;\n  renderChild: (item: ActionGroupItem, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n}\n\nfunction ActionGroupItemWrapper(props: ActionGroupItemWrapperProps): JSX.Element {\n  const { buttonProps } = createActionGroupItem(\n    {\n      get key() {\n        return props.item.id;\n      },\n    },\n    props.state,\n  );\n\n  const isFocused = () => props.state.focusedKey() === props.item.id;\n  const isSelected = () => {\n    const keys = props.state.selectedKeys();\n    return keys === \"all\" || (keys instanceof Set && keys.has(props.item.id));\n  };\n  const isDisabled = () => props.state.isDisabled(props.item.id);\n\n  const renderProps = createMemo<ActionGroupItemRenderProps>(() => ({\n    isSelected: isSelected(),\n    isDisabled: isDisabled(),\n    isFocused: isFocused(),\n  }));\n\n  // splitProps (not object destructuring) so the reactive getters on buttonProps\n  // — tabIndex (roving stop), onFocus (sets the focused key), role, aria-checked\n  // — stay live. A rest-spread `{ ref, ...rest }` would FREEZE them at their\n  // first-render values, pinning the roving tabIndex and killing focus tracking.\n  const [, restButtonProps] = splitProps(buttonProps, [\"ref\"]);\n\n  return (\n    <button\n      {...restButtonProps}\n      data-selected={dataAttr(isSelected())}\n      data-disabled={dataAttr(isDisabled())}\n      data-focused={dataAttr(isFocused())}\n    >\n      {props.renderChild(props.item, renderProps())}\n    </button>\n  );\n}\n\nexport function useActionGroupContext(): ActionGroupContextValue | null {\n  return useContext(ActionGroupContext);\n}\n"],"mappings":"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"}

package/dist/ActionGroup.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.jsx","names":[],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroup.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroupItem.ts\n\n/**\n * ActionGroup component for solidaria-components\n *\n * Pre-wired headless action group component that combines\n * createListState + createActionGroup/createActionGroupItem.\n * Provides proper dynamic roles (toolbar/radiogroup), keyboard\n * navigation, and ARIA attributes.\n *\n * Based on packages/react-aria/src/actiongroup/useActionGroup.ts and\n * packages/react-aria/src/actiongroup/useActionGroupItem.ts. React Aria\n * Components has no ActionGroup component, so this file wires the two hooks.\n */\n\nimport { createContext, createMemo, useContext, For } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createActionGroup,\n  createActionGroupItem,\n  type AriaActionGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createListState,\n  type ListState,\n  type Key,\n  type SelectionMode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\nexport interface ActionGroupRenderProps {\n  /** The orientation of the action group. */\n  orientation: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled: boolean;\n  /** The selection mode. */\n  selectionMode: SelectionMode;\n}\n\nexport interface ActionGroupItemRenderProps {\n  /** Whether the item is selected. */\n  isSelected: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n  /** Whether the item is focused. */\n  isFocused: boolean;\n}\n\nexport interface ActionGroupItem {\n  id: string;\n  label: string;\n  isDisabled?: boolean;\n  [key: string]: unknown;\n}\n\nexport interface ActionGroupProps<T extends ActionGroupItem = ActionGroupItem> extends SlotProps {\n  /** The items in the action group. */\n  items: T[];\n  /** The selection mode. @default 'none' */\n  selectionMode?: SelectionMode;\n  /** Orientation of the group. @default 'horizontal' */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled?: boolean;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n  /** Currently selected keys (controlled). */\n  selectedKeys?: Iterable<Key>;\n  /** Default selected keys (uncontrolled). */\n  defaultSelectedKeys?: Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (keys: \"all\" | Set<Key>) => void;\n  /** Handler called when an item action is triggered. */\n  onAction?: (key: Key) => void;\n  /** Keys of disabled items. */\n  disabledKeys?: Iterable<Key>;\n  /** Render function for each item. */\n  children: (item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionGroupRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionGroupRenderProps>;\n}\n\nexport interface ActionGroupContextValue<T extends ActionGroupItem = ActionGroupItem> {\n  state: ListState<T>;\n}\n\nexport const ActionGroupContext = createContext<ActionGroupContextValue | null>(null);\nexport const ActionGroupStateContext = createContext<ListState<ActionGroupItem> | null>(null);\n\nexport function ActionGroup<T extends ActionGroupItem = ActionGroupItem>(\n  props: ActionGroupProps<T>,\n): JSX.Element {\n  const [local, ariaGroupProps, domProps] = splitProps(\n    props,\n    [\n      \"items\",\n      \"selectionMode\",\n      \"orientation\",\n      \"isDisabled\",\n      \"selectedKeys\",\n      \"defaultSelectedKeys\",\n      \"onSelectionChange\",\n      \"onAction\",\n      \"disabledKeys\",\n      \"children\",\n      \"class\",\n      \"style\",\n      \"slot\",\n    ],\n    [\"aria-label\", \"aria-labelledby\"],\n  );\n\n  const state = createListState<T>({\n    get items() {\n      return local.items;\n    },\n    get selectionMode() {\n      return local.selectionMode ?? \"none\";\n    },\n    get selectedKeys() {\n      return local.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return local.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return local.onSelectionChange;\n    },\n    get disabledKeys() {\n      return local.disabledKeys;\n    },\n    getKey: (item) => item.id,\n    getTextValue: (item) => item.label,\n    getDisabled: (item) => !!item.isDisabled,\n  });\n\n  const groupAriaProps: AriaActionGroupProps<T> = {\n    get items() {\n      return local.items;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get orientation() {\n      return local.orientation;\n    },\n    get \"aria-label\"() {\n      return ariaGroupProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaGroupProps[\"aria-labelledby\"];\n    },\n    get onAction() {\n      return local.onAction;\n    },\n  };\n\n  const { actionGroupProps } = createActionGroup(groupAriaProps, state as ListState<T>);\n\n  const orientation = () => local.orientation ?? \"horizontal\";\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionGroup\",\n    },\n    () => ({\n      orientation: orientation(),\n      isDisabled: !!local.isDisabled,\n      selectionMode: (local.selectionMode ?? \"none\") as SelectionMode,\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  return (\n    <ActionGroupContext value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>\n    </ActionGroupContext>\n  );\n}\n\ninterface ActionGroupItemWrapperProps {\n  item: ActionGroupItem;\n  state: ListState<ActionGroupItem>;\n  renderChild: (item: ActionGroupItem, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n}\n\nfunction ActionGroupItemWrapper(props: ActionGroupItemWrapperProps): JSX.Element {\n  const { buttonProps } = createActionGroupItem(\n    {\n      get key() {\n        return props.item.id;\n      },\n    },\n    props.state,\n  );\n\n  const isFocused = () => props.state.focusedKey() === props.item.id;\n  const isSelected = () => {\n    const keys = props.state.selectedKeys();\n    return keys === \"all\" || (keys instanceof Set && keys.has(props.item.id));\n  };\n  const isDisabled = () => props.state.isDisabled(props.item.id);\n\n  const renderProps = createMemo<ActionGroupItemRenderProps>(() => ({\n    isSelected: isSelected(),\n    isDisabled: isDisabled(),\n    isFocused: isFocused(),\n  }));\n\n  // splitProps (not object destructuring) so the reactive getters on buttonProps\n  // — tabIndex (roving stop), onFocus (sets the focused key), role, aria-checked\n  // — stay live. A rest-spread `{ ref, ...rest }` would FREEZE them at their\n  // first-render values, pinning the roving tabIndex and killing focus tracking.\n  const [, restButtonProps] = splitProps(buttonProps, [\"ref\"]);\n\n  return (\n    <button\n      {...restButtonProps}\n      data-selected={dataAttr(isSelected())}\n      data-disabled={dataAttr(isDisabled())}\n      data-focused={dataAttr(isFocused())}\n    >\n      {props.renderChild(props.item, renderProps())}\n    </button>\n  );\n}\n\nexport function useActionGroupContext(): ActionGroupContextValue | null {\n  return useContext(ActionGroupContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA,MAAa,qBAAqB,cAA8C,IAAI;AACpF,MAAa,0BAA0B,cAAiD,IAAI;AAE5F,SAAgB,YACd,OACa;CACb,MAAM,CAAC,OAAO,gBAAgB,YAAY,WACxC,OACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,GACA,CAAC,cAAc,iBAAiB,CAClC;CAEA,MAAM,QAAQ,gBAAmB;EAC/B,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,IAAI,gBAAgB;GAClB,OAAO,MAAM,iBAAiB;EAChC;EACA,IAAI,eAAe;GACjB,OAAO,MAAM;EACf;EACA,IAAI,sBAAsB;GACxB,OAAO,MAAM;EACf;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;EACA,IAAI,eAAe;GACjB,OAAO,MAAM;EACf;EACA,SAAS,SAAS,KAAK;EACvB,eAAe,SAAS,KAAK;EAC7B,cAAc,SAAS,CAAC,CAAC,KAAK;CAChC,CAAC;CAuBD,MAAM,EAAE,qBAAqB,kBAAkB;EApB7C,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,IAAI,aAAa;GACf,OAAO,MAAM;EACf;EACA,IAAI,cAAc;GAChB,OAAO,MAAM;EACf;EACA,IAAI,eAAe;GACjB,OAAO,eAAe;EACxB;EACA,IAAI,oBAAoB;GACtB,OAAO,eAAe;EACxB;EACA,IAAI,WAAW;GACb,OAAO,MAAM;EACf;CAG0D,GAAG,KAAqB;CAEpF,MAAM,oBAAoB,MAAM,eAAe;CAE/C,MAAM,cAAc,eAClB;EACE,UAAU,KAAA;EACV,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,UACO;EACL,aAAa,YAAY;EACzB,YAAY,CAAC,CAAC,MAAM;EACpB,eAAgB,MAAM,iBAAiB;CACzC,EACF;CAEA,MAAM,mBAAmB,iBACvB,eAAe,UAAqC,EAAE,QAAQ,KAAK,CAAC,CACtE;CAEA,OACE,CAAC,mBAAmB,OAAO,EAAS,MAAoC,GAAG;MACzE,CAAC,wBAAwB,OAAO,OAAqC;QACnE,CAAC,QACK,iBAAiB,OACjB,kBACJ,MAAM,OAAuB;EAC3B,MAAM,QAAS,iBAAyD;EACxE,QAAQ,EAAE;CACZ,GACA,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,MAAM,MACZ,kBAAkB,YAAY,GAC9B,eAAe,SAAS,MAAM,UAAU,GACzC;UACC,CAAC,IAAI,MAAM,MAAM,OAAO;cACpB,SACA,CAAC,uBACC,MAAM,MACN,OAAO,OACP,aACE,MAAM,aAMV;UACJ,EAAE,IAAI;QACR,EAAE,IAAI;MACR,EAAE,wBAAwB;IAC5B,EAAE;AAEN;AAQA,SAAS,uBAAuB,OAAiD;CAC/E,MAAM,EAAE,gBAAgB,sBACtB,EACE,IAAI,MAAM;EACR,OAAO,MAAM,KAAK;CACpB,EACF,GACA,MAAM,KACR;CAEA,MAAM,kBAAkB,MAAM,MAAM,WAAW,MAAM,MAAM,KAAK;CAChE,MAAM,mBAAmB;EACvB,MAAM,OAAO,MAAM,MAAM,aAAa;EACtC,OAAO,SAAS,SAAU,gBAAgB,OAAO,KAAK,IAAI,MAAM,KAAK,EAAE;CACzE;CACA,MAAM,mBAAmB,MAAM,MAAM,WAAW,MAAM,KAAK,EAAE;CAE7D,MAAM,cAAc,kBAA8C;EAChE,YAAY,WAAW;EACvB,YAAY,WAAW;EACvB,WAAW,UAAU;CACvB,EAAE;CAMF,MAAM,GAAG,mBAAmB,WAAW,aAAa,CAAC,KAAK,CAAC;CAE3D,OACE,CAAC,WACK,iBACJ,eAAe,SAAS,WAAW,CAAC,GACpC,eAAe,SAAS,WAAW,CAAC,GACpC,cAAc,SAAS,UAAU,CAAC,GACnC;OACE,MAAM,YAAY,MAAM,MAAM,YAAY,CAAC,EAAE;IAChD,EAAE;AAEN;AAEA,SAAgB,wBAAwD;CACtE,OAAO,WAAW,kBAAkB;AACtC"}
+{"version":3,"file":"ActionGroup.jsx","names":[],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroup.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/actiongroup/useActionGroupItem.ts\n\n/**\n * ActionGroup component for solidaria-components\n *\n * Pre-wired headless action group component that combines\n * createListState + createActionGroup/createActionGroupItem.\n * Provides proper dynamic roles (toolbar/radiogroup), keyboard\n * navigation, and ARIA attributes.\n *\n * Based on packages/react-aria/src/actiongroup/useActionGroup.ts and\n * packages/react-aria/src/actiongroup/useActionGroupItem.ts. React Aria\n * Components has no ActionGroup component, so this file wires the two hooks.\n */\n\nimport { createContext, createMemo, useContext, For } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createActionGroup,\n  createActionGroupItem,\n  type AriaActionGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createListState,\n  type ListState,\n  type Key,\n  type SelectionMode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\nexport interface ActionGroupRenderProps {\n  /** The orientation of the action group. */\n  orientation: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled: boolean;\n  /** The selection mode. */\n  selectionMode: SelectionMode;\n}\n\nexport interface ActionGroupItemRenderProps {\n  /** Whether the item is selected. */\n  isSelected: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n  /** Whether the item is focused. */\n  isFocused: boolean;\n}\n\nexport interface ActionGroupItem {\n  id: string;\n  label: string;\n  isDisabled?: boolean;\n  [key: string]: unknown;\n}\n\nexport interface ActionGroupProps<T extends ActionGroupItem = ActionGroupItem> extends SlotProps {\n  /** The items in the action group. */\n  items: T[];\n  /** The selection mode. @default 'none' */\n  selectionMode?: SelectionMode;\n  /** Orientation of the group. @default 'horizontal' */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Whether the entire group is disabled. */\n  isDisabled?: boolean;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n  /** Currently selected keys (controlled). */\n  selectedKeys?: Iterable<Key>;\n  /** Default selected keys (uncontrolled). */\n  defaultSelectedKeys?: Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (keys: \"all\" | Set<Key>) => void;\n  /** Handler called when an item action is triggered. */\n  onAction?: (key: Key) => void;\n  /** Keys of disabled items. */\n  disabledKeys?: Iterable<Key>;\n  /** Render function for each item. */\n  children: (item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionGroupRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionGroupRenderProps>;\n}\n\nexport interface ActionGroupContextValue<T extends ActionGroupItem = ActionGroupItem> {\n  state: ListState<T>;\n}\n\nexport const ActionGroupContext = createContext<ActionGroupContextValue | null>(null);\nexport const ActionGroupStateContext = createContext<ListState<ActionGroupItem> | null>(null);\n\nexport function ActionGroup<T extends ActionGroupItem = ActionGroupItem>(\n  props: ActionGroupProps<T>,\n): JSX.Element {\n  const [local, ariaGroupProps, domProps] = splitProps(\n    props,\n    [\n      \"items\",\n      \"selectionMode\",\n      \"orientation\",\n      \"isDisabled\",\n      \"selectedKeys\",\n      \"defaultSelectedKeys\",\n      \"onSelectionChange\",\n      \"onAction\",\n      \"disabledKeys\",\n      \"children\",\n      \"class\",\n      \"style\",\n      \"slot\",\n    ],\n    [\"aria-label\", \"aria-labelledby\"],\n  );\n\n  const state = createListState<T>({\n    get items() {\n      return local.items;\n    },\n    get selectionMode() {\n      return local.selectionMode ?? \"none\";\n    },\n    get selectedKeys() {\n      return local.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return local.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return local.onSelectionChange;\n    },\n    get disabledKeys() {\n      return local.disabledKeys;\n    },\n    getKey: (item) => item.id,\n    getTextValue: (item) => item.label,\n    getDisabled: (item) => !!item.isDisabled,\n  });\n\n  const groupAriaProps: AriaActionGroupProps<T> = {\n    get items() {\n      return local.items;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get orientation() {\n      return local.orientation;\n    },\n    get \"aria-label\"() {\n      return ariaGroupProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaGroupProps[\"aria-labelledby\"];\n    },\n    get onAction() {\n      return local.onAction;\n    },\n  };\n\n  const { actionGroupProps } = createActionGroup(groupAriaProps, state as ListState<T>);\n\n  const orientation = () => local.orientation ?? \"horizontal\";\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionGroup\",\n    },\n    () => ({\n      orientation: orientation(),\n      isDisabled: !!local.isDisabled,\n      selectionMode: (local.selectionMode ?? \"none\") as SelectionMode,\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  return (\n    <ActionGroupContext value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext value={state as ListState<ActionGroupItem>}>\n        <div\n          {...filteredDOMProps()}\n          {...actionGroupProps}\n          ref={(el: HTMLDivElement) => {\n            const refFn = (actionGroupProps as { ref?: (el: HTMLElement) => void }).ref;\n            refFn?.(el);\n          }}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-orientation={orientation()}\n          data-disabled={dataAttr(local.isDisabled)}\n        >\n          <For each={local.items}>\n            {(item) => (\n              <ActionGroupItemWrapper\n                item={item}\n                state={state as ListState<ActionGroupItem>}\n                renderChild={\n                  local.children as (\n                    item: ActionGroupItem,\n                    rp: ActionGroupItemRenderProps,\n                  ) => JSX.Element\n                }\n              />\n            )}\n          </For>\n        </div>\n      </ActionGroupStateContext>\n    </ActionGroupContext>\n  );\n}\n\ninterface ActionGroupItemWrapperProps {\n  item: ActionGroupItem;\n  state: ListState<ActionGroupItem>;\n  renderChild: (item: ActionGroupItem, renderProps: ActionGroupItemRenderProps) => JSX.Element;\n}\n\nfunction ActionGroupItemWrapper(props: ActionGroupItemWrapperProps): JSX.Element {\n  const { buttonProps } = createActionGroupItem(\n    {\n      get key() {\n        return props.item.id;\n      },\n    },\n    props.state,\n  );\n\n  const isFocused = () => props.state.focusedKey() === props.item.id;\n  const isSelected = () => {\n    const keys = props.state.selectedKeys();\n    return keys === \"all\" || (keys instanceof Set && keys.has(props.item.id));\n  };\n  const isDisabled = () => props.state.isDisabled(props.item.id);\n\n  const renderProps = createMemo<ActionGroupItemRenderProps>(() => ({\n    isSelected: isSelected(),\n    isDisabled: isDisabled(),\n    isFocused: isFocused(),\n  }));\n\n  // splitProps (not object destructuring) so the reactive getters on buttonProps\n  // — tabIndex (roving stop), onFocus (sets the focused key), role, aria-checked\n  // — stay live. A rest-spread `{ ref, ...rest }` would FREEZE them at their\n  // first-render values, pinning the roving tabIndex and killing focus tracking.\n  const [, restButtonProps] = splitProps(buttonProps, [\"ref\"]);\n\n  return (\n    <button\n      {...restButtonProps}\n      data-selected={dataAttr(isSelected())}\n      data-disabled={dataAttr(isDisabled())}\n      data-focused={dataAttr(isFocused())}\n    >\n      {props.renderChild(props.item, renderProps())}\n    </button>\n  );\n}\n\nexport function useActionGroupContext(): ActionGroupContextValue | null {\n  return useContext(ActionGroupContext);\n}\n"],"mappings":"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"}

package/dist/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAGpD,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"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAIf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAGpD,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,CAyDpD;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/Alert.js

@@ -1,6 +1,6 @@
-import { dataAttr, filterDOMProps } from "./utils.js";
+import { dataAttr, evaluateRenderChildren, filterDOMProps } from "./utils.js";
 import { Button } from "./Button.js";
-import { createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, scope, spread, template } from "@solidjs/web";
+import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, scope, spread, template } from "@solidjs/web";
 import { createContext, createMemo, useContext } from "solid-js";
 import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Alert.tsx
@@ -79,14 +79,9 @@ function Alert(props) {
 					return dataAttr(isDismissible());
 				}
 			}], true);
-			insert(_el$, scope((() => {
-				var _c$ = memo(() => {
-					return typeof local.children === "function";
-				});
-				return () => {
-					return _c$() ? local.children(renderValues()) : local.children;
-				};
-			})()));
+			insert(_el$, scope(() => {
+				return evaluateRenderChildren(local.children, renderValues());
+			}));
 			runHydrationEvents();
 			return _el$;
 		}

package/dist/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["<AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext>","value={contextValue}","role=\"alert\"","{typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}","<div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>","<Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />","onPress={() => context?.onDismiss?.()}"],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Alert counterpart.\n */\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAwDA,MAAa,eAAe,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAEpC,MAAM,eAAe,kBAAoC;EACvD,SAAS,QAAQ;EACjB,eAAe,cAAc;CAC/B,EAAE;CAMF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,OAAO,OAAO,QAAQ,aAAa,IAAI,aAAa,CAAC,IAAK,OAAO;CACnE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,MAAM;EAChB,OAAO,OAAO,MAAM,aAAa,EAAE,aAAa,CAAC,IAAI;CACvD,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAM,eAAkC;EACtC;EACA;EACA,WAAW,MAAM;CACnB;CAIA,OACEA,gBAAAA,cAAAA;EAAcC,OAAO;EAArB,IAAA,WAAA;GACE,IAAA,OAAA,eAAA,MAWK;GAVC,OAAA,MAAA,CAAA,UAAA;IACJC,MAAAA;IACA,IAAA,UAAA;KAAO,OAAA,cAAc;IAAC;IACtB,IAAA,QAAA;KAAO,OAAA,cAAc;IAAC;IACtB,IAAA,iBAAA;KAAc,OAAA,QAAQ;IAAC;IACvB,IAAA,qBAAA;KAAkB,OAAA,SAAS,cAAc,CAAC;IAAC;;GAN7C,OAAA,MAQEC,aAAAA;;KAAC,OAAA,OAAO,MAAM,aAAa;IAET,CAAA;IAFlB,aAAA;KAEkB,OAAA,IAAA,IADb,MAAM,SAAsD,aAAa,CAAC,IAC3E,MAAM;IAAQ;GAAC,EAAA,CAAD,CAAA,CACf;GAXL,mBAWK;GAZP,OACEC;EAYY;;AAElB;;;;;;;;;;;;;AAgBA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,UAAU,WAAW,YAAY;CAEvC,OACEC,gBAAAA,QAAAA,WACM,OADN;EAEE,IAAA,eAAA;GAAY,OAAA,MAAM,iBAAiB;EAAS;EAC5CC,eAAe,SAAS,YAAY;CACrC,CAAA,CAAA;AAEL"}
+{"version":3,"file":"Alert.js","names":["<AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {evaluateRenderChildren(local.children, renderValues())}\n      </div>\n    </AlertContext>","value={contextValue}","role=\"alert\"","{evaluateRenderChildren(local.children, renderValues())}","<div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {evaluateRenderChildren(local.children, renderValues())}\n      </div>","<Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />","onPress={() => context?.onDismiss?.()}"],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Alert counterpart.\n */\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n  dataAttr,\n  evaluateRenderChildren,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {evaluateRenderChildren(local.children, renderValues())}\n      </div>\n    </AlertContext>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAyDA,MAAa,eAAe,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAEpC,MAAM,eAAe,kBAAoC;EACvD,SAAS,QAAQ;EACjB,eAAe,cAAc;CAC/B,EAAE;CAMF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,OAAO,OAAO,QAAQ,aAAa,IAAI,aAAa,CAAC,IAAK,OAAO;CACnE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,MAAM;EAChB,OAAO,OAAO,MAAM,aAAa,EAAE,aAAa,CAAC,IAAI;CACvD,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAM,eAAkC;EACtC;EACA;EACA,WAAW,MAAM;CACnB;CAIA,OACEA,gBAAAA,cAAAA;EAAcC,OAAO;EAArB,IAAA,WAAA;GACE,IAAA,OAAA,eAAA,MASK;GARC,OAAA,MAAA,CAAA,UAAA;IACJC,MAAAA;IACA,IAAA,UAAA;KAAO,OAAA,cAAc;IAAC;IACtB,IAAA,QAAA;KAAO,OAAA,cAAc;IAAC;IACtB,IAAA,iBAAA;KAAc,OAAA,QAAQ;IAAC;IACvB,IAAA,qBAAA;KAAkB,OAAA,SAAS,cAAc,CAAC;IAAC;;GAN7C,OAAA,MAQEC,YAAAA;IAAC,OAAA,uBAAuB,MAAM,UAAU,aAAa,CAAC;GAAC,CAAA,CACpD;GATL,mBASK;GAVP,OACEC;EAUY;;AAElB;;;;;;;;;;;;;AAgBA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,UAAU,WAAW,YAAY;CAEvC,OACEC,gBAAAA,QAAAA,WACM,OADN;EAEE,IAAA,eAAA;GAAY,OAAA,MAAM,iBAAiB;EAAS;EAC5CC,eAAe,SAAS,YAAY;CACrC,CAAA,CAAA;AAEL"}

package/dist/Alert.jsx

@@ -1,4 +1,4 @@
-import { dataAttr, filterDOMProps } from "./utils.jsx";
+import { dataAttr, evaluateRenderChildren, filterDOMProps } from "./utils.jsx";
 import { Button } from "./Button.jsx";
 import { createContext, createMemo, useContext } from "solid-js";
 import { splitProps } from "@proyecto-viviana/solidaria/utils";
@@ -60,7 +60,7 @@ function Alert(props) {
 	};
 	return <AlertContext value={contextValue}>
       <div {...domProps()} role="alert" class={computedClass()} style={computedStyle()} data-variant={variant()} data-dismissible={dataAttr(isDismissible())}>
-        {typeof local.children === "function" ? local.children(renderValues()) : local.children}
+        {evaluateRenderChildren(local.children, renderValues())}
       </div>
     </AlertContext>;
 }

package/dist/Alert.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.jsx","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Alert counterpart.\n */\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwDA,MAAa,eAAe,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAEpC,MAAM,eAAe,kBAAoC;EACvD,SAAS,QAAQ;EACjB,eAAe,cAAc;CAC/B,EAAE;CAMF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,OAAO,OAAO,QAAQ,aAAa,IAAI,aAAa,CAAC,IAAK,OAAO;CACnE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,MAAM;EAChB,OAAO,OAAO,MAAM,aAAa,EAAE,aAAa,CAAC,IAAI;CACvD,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAM,eAAkC;EACtC;EACA;EACA,WAAW,MAAM;CACnB;CAIA,OACE,CAAC,aAAa,OAAO,cAAc;MACjC,CAAC,QACK,SAAS,GACb,aACA,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,cAAc,QAAQ,GACtB,kBAAkB,SAAS,cAAc,CAAC,GAC3C;SACE,OAAO,MAAM,aAAa,aACtB,MAAM,SAAsD,aAAa,CAAC,IAC3E,MAAM,SAAS;MACrB,EAAE,IAAI;IACR,EAAE;AAEN;;;;;;;;;;;;;AAgBA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,UAAU,WAAW,YAAY;CAEvC,OACE,CAAC,WACK,OACJ,YAAY,MAAM,iBAAiB,WACnC,eAAe,SAAS,YAAY;AAG1C"}
+{"version":3,"file":"Alert.jsx","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Alert counterpart.\n */\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n  dataAttr,\n  evaluateRenderChildren,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {evaluateRenderChildren(local.children, renderValues())}\n      </div>\n    </AlertContext>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAyDA,MAAa,eAAe,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAEpC,MAAM,eAAe,kBAAoC;EACvD,SAAS,QAAQ;EACjB,eAAe,cAAc;CAC/B,EAAE;CAMF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,OAAO,OAAO,QAAQ,aAAa,IAAI,aAAa,CAAC,IAAK,OAAO;CACnE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,MAAM;EAChB,OAAO,OAAO,MAAM,aAAa,EAAE,aAAa,CAAC,IAAI;CACvD,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAM,eAAkC;EACtC;EACA;EACA,WAAW,MAAM;CACnB;CAIA,OACE,CAAC,aAAa,OAAO,cAAc;MACjC,CAAC,QACK,SAAS,GACb,aACA,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,cAAc,QAAQ,GACtB,kBAAkB,SAAS,cAAc,CAAC,GAC3C;SACE,uBAAuB,MAAM,UAAU,aAAa,CAAC,EAAE;MAC1D,EAAE,IAAI;IACR,EAAE;AAEN;;;;;;;;;;;;;AAgBA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,UAAU,WAAW,YAAY;CAEvC,OACE,CAAC,WACK,OACJ,YAAY,MAAM,iBAAiB,WACnC,eAAe,SAAS,YAAY;AAG1C"}

package/dist/Autocomplete.js

@@ -84,7 +84,7 @@ function useAutocompleteCollection() {
 * ```
 */
 function Autocomplete(props) {
-	const [stateProps, ariaProps, local] = splitProps(props, [
+	const [stateProps, ariaProps] = splitProps(props, [
 		"inputValue",
 		"defaultInputValue",
 		"onInputChange"

package/dist/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","names":["<AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>","value={state}","<AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>","<AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>"],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Autocomplete.tsx\n\n/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport { createContext, useContext, createMemo, createSignal } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps, local] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,sBAAsB,cAA+C,IAAI;AACtF,MAAa,2BAA2B,cAAwC,IAAI;AACpF,MAAa,gCACX,cAAyD,IAAI;;;;;AAM/D,SAAgB,uBAAuB;CACrC,OAAO,WAAW,mBAAmB;AACvC;;;;AAKA,SAAgB,uBAAuB;CACrC,OAAO,WAAW,wBAAwB;AAC5C;;;;;AAMA,SAAgB,4BAA4B;CAC1C,OAAO,WAAW,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAA0B,OAA0C;CAClF,MAAM,CAAC,YAAY,WAAW,SAAS,WACrC,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,wBAAwB,UAAU;CAKhD,MAAM,CAAC,UAAU,eAAe,aAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,aAA0B;CAGpE,MAAM,eAAe,mBACnB;EACE,GAAG;EACH;EACA;CACF,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,YAAY,EAAE;EAChB;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,iBAAiB,EAAE;EACrB;EACA,QAAQ,aAAa;CAGvB,EAAE;CAEF,OACEA,gBAAAA,0BAAAA;EAA0BC,OAAO;EAAjC,IAAA,WAAA;GACEC,OAAAA,gBAAAA,qBAAAA;IAAqB,IAAA,QAAA;KAAO,OAAA,kBAAkB;IAAC;IAA/C,IAAA,WAAA;KACEC,OAAAA,gBAAAA,+BAAAA;MAA+B,IAAA,QAAA;OAAO,OAAA,uBAAuB;MAAC;MAA9D,IAAA,WAAA;OACG,OAAA,MAAM;MACsB;;IACZ;;EACG;;AAE9B"}
+{"version":3,"file":"Autocomplete.js","names":["<AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>","value={state}","<AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>","<AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>"],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Autocomplete.tsx\n\n/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport { createContext, useContext, createMemo, createSignal } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,sBAAsB,cAA+C,IAAI;AACtF,MAAa,2BAA2B,cAAwC,IAAI;AACpF,MAAa,gCACX,cAAyD,IAAI;;;;;AAM/D,SAAgB,uBAAuB;CACrC,OAAO,WAAW,mBAAmB;AACvC;;;;AAKA,SAAgB,uBAAuB;CACrC,OAAO,WAAW,wBAAwB;AAC5C;;;;;AAMA,SAAgB,4BAA4B;CAC1C,OAAO,WAAW,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAA0B,OAA0C;CAClF,MAAM,CAAC,YAAY,aAAa,WAC9B,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,wBAAwB,UAAU;CAKhD,MAAM,CAAC,UAAU,eAAe,aAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,aAA0B;CAGpE,MAAM,eAAe,mBACnB;EACE,GAAG;EACH;EACA;CACF,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,YAAY,EAAE;EAChB;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,iBAAiB,EAAE;EACrB;EACA,QAAQ,aAAa;CAGvB,EAAE;CAEF,OACEA,gBAAAA,0BAAAA;EAA0BC,OAAO;EAAjC,IAAA,WAAA;GACEC,OAAAA,gBAAAA,qBAAAA;IAAqB,IAAA,QAAA;KAAO,OAAA,kBAAkB;IAAC;IAA/C,IAAA,WAAA;KACEC,OAAAA,gBAAAA,+BAAAA;MAA+B,IAAA,QAAA;OAAO,OAAA,uBAAuB;MAAC;MAA9D,IAAA,WAAA;OACG,OAAA,MAAM;MACsB;;IACZ;;EACG;;AAE9B"}

package/dist/Autocomplete.jsx

@@ -83,7 +83,7 @@ function useAutocompleteCollection() {
 * ```
 */
 function Autocomplete(props) {
-	const [stateProps, ariaProps, local] = splitProps(props, [
+	const [stateProps, ariaProps] = splitProps(props, [
 		"inputValue",
 		"defaultInputValue",
 		"onInputChange"

package/dist/Autocomplete.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.jsx","names":[],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Autocomplete.tsx\n\n/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport { createContext, useContext, createMemo, createSignal } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps, local] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,sBAAsB,cAA+C,IAAI;AACtF,MAAa,2BAA2B,cAAwC,IAAI;AACpF,MAAa,gCACX,cAAyD,IAAI;;;;;AAM/D,SAAgB,uBAAuB;CACrC,OAAO,WAAW,mBAAmB;AACvC;;;;AAKA,SAAgB,uBAAuB;CACrC,OAAO,WAAW,wBAAwB;AAC5C;;;;;AAMA,SAAgB,4BAA4B;CAC1C,OAAO,WAAW,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAA0B,OAA0C;CAClF,MAAM,CAAC,YAAY,WAAW,SAAS,WACrC,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,wBAAwB,UAAU;CAKhD,MAAM,CAAC,UAAU,eAAe,aAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,aAA0B;CAGpE,MAAM,eAAe,mBACnB;EACE,GAAG;EACH;EACA;CACF,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,YAAY,EAAE;EAChB;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,iBAAiB,EAAE;EACrB;EACA,QAAQ,aAAa;CAGvB,EAAE;CAEF,OACE,CAAC,yBAAyB,OAAO,OAAO;MACtC,CAAC,oBAAoB,OAAO,kBAAkB,GAAG;QAC/C,CAAC,8BAA8B,OAAO,uBAAuB,GAAG;WAC7D,MAAM,SAAS;QAClB,EAAE,8BAA8B;MAClC,EAAE,oBAAoB;IACxB,EAAE;AAEN"}
+{"version":3,"file":"Autocomplete.jsx","names":[],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Autocomplete.tsx\n\n/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport { createContext, useContext, createMemo, createSignal } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,sBAAsB,cAA+C,IAAI;AACtF,MAAa,2BAA2B,cAAwC,IAAI;AACpF,MAAa,gCACX,cAAyD,IAAI;;;;;AAM/D,SAAgB,uBAAuB;CACrC,OAAO,WAAW,mBAAmB;AACvC;;;;AAKA,SAAgB,uBAAuB;CACrC,OAAO,WAAW,wBAAwB;AAC5C;;;;;AAMA,SAAgB,4BAA4B;CAC1C,OAAO,WAAW,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAA0B,OAA0C;CAClF,MAAM,CAAC,YAAY,aAAa,WAC9B,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,wBAAwB,UAAU;CAKhD,MAAM,CAAC,UAAU,eAAe,aAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,aAA0B;CAGpE,MAAM,eAAe,mBACnB;EACE,GAAG;EACH;EACA;CACF,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,YAAY,EAAE;EAChB;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,iBAAiB,EAAE;EACrB;EACA,QAAQ,aAAa;CAGvB,EAAE;CAEF,OACE,CAAC,yBAAyB,OAAO,OAAO;MACtC,CAAC,oBAAoB,OAAO,kBAAkB,GAAG;QAC/C,CAAC,8BAA8B,OAAO,uBAAuB,GAAG;WAC7D,MAAM,SAAS;QAClB,EAAE,8BAA8B;MAClC,EAAE,oBAAoB;IACxB,EAAE;AAEN"}

package/dist/Breadcrumbs.d.ts

@@ -1,5 +1,11 @@
-import type { Accessor } from "solid-js";
-import type { JSX } from "@solidjs/web";
+/**
+ * Breadcrumbs component for solidaria-components
+ *
+ * A pre-wired headless breadcrumbs component that combines aria hooks.
+ * Port of react-aria-components Breadcrumbs.
+ */
+import { type Accessor } from "solid-js";
+import { type JSX } from "@solidjs/web";
 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) | {

package/dist/Breadcrumbs.d.ts.map

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