@proyecto-viviana/solidaria-components 0.4.0 → 0.5.0

package/dist/ActionBar.d.ts.map

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

package/dist/ActionBar.js

@@ -1,7 +1,7 @@
 import { filterDOMProps, useRenderProps } from "./utils.js";
 import { className, createComponent, delegateEvents, effect, getNextElement, insert, mergeProps, runHydrationEvents, setAttribute, spread, style, template, use } from "solid-js/web";
 import { Show, createContext, createEffect, createMemo, splitProps, useContext } from "solid-js";
-import { announce, createToolbar } from "@proyecto-viviana/solidaria";
+import { announce } from "@proyecto-viviana/solidaria";
 //#region src/ActionBar.tsx
 /**
 * ActionBar component for solidaria-components
@@ -39,15 +39,6 @@ function ActionBar(props) {
 	]);
 	const selectedItemCount = () => local.selectedItemCount ?? 0;
 	const isOpen = () => selectedItemCount() !== 0;
-	const { toolbarProps } = createToolbar({
-		orientation: "horizontal",
-		get "aria-label"() {
-			return local["aria-label"] ?? (local["aria-labelledby"] ? void 0 : "Actions");
-		},
-		get "aria-labelledby"() {
-			return local["aria-labelledby"];
-		}
-	});
 	let wasOpen = false;
 	createEffect(() => {
 		const open = isOpen();
@@ -94,7 +85,7 @@ function ActionBar(props) {
 				get children() {
 					var _el$ = getNextElement(_tmpl$);
 					use((el) => assignRef(local.ref, el), _el$);
-					spread(_el$, mergeProps(filteredDOMProps, toolbarProps, {
+					spread(_el$, mergeProps(filteredDOMProps, {
 						get ["class"]() {
 							return renderProps.class();
 						},

package/dist/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","names":["JSX","ParentProps","Show","createContext","createMemo","createEffect","splitProps","useContext","announce","createToolbar","Key","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","RefLike","el","T","current","assignRef","ref","ActionBarRenderProps","isOpen","selectedItemCount","ActionBarProps","Omit","HTMLAttributes","HTMLDivElement","onClearSelection","onAction","key","children","Element","class","style","onKeyDown","EventHandlerUnion","KeyboardEvent","actionsAvailableMessage","ActionBarContextValue","ActionBarContext","useActionBarContext","ActionBar","props","local","domProps","toolbarProps","orientation","aria-label","undefined","aria-labelledby","wasOpen","open","message","handleKeyDown","e","EventHandler","defaultPrevented","preventDefault","stopPropagation","renderProps","defaultClassName","filteredDOMProps","Record","global","contextValue","_$createComponent","when","Provider","value","_el$","_$getNextElement","_tmpl$","_$use","_$spread","_$mergeProps","slot","data-open","_$insert","_$runHydrationEvents","ActionBarContainerProps","CSSProperties","ActionBarContainer","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_$className","t","_$style","ActionBarSelectionCountProps","ActionBarSelectionCount","ctx","text","count","_el$3","_tmpl$3","ActionBarClearButtonProps","ActionBarClearButton","_el$4","_tmpl$4","$$click","_v$3","_v$4","_$setAttribute","_$delegateEvents"],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/**\n * ActionBar component for solidaria-components\n *\n * Headless action bar that appears when items are selected in a collection.\n * Shows a selection count, clear button, and action buttons.\n *\n * No RAC headless equivalent — this is a thin component layer that ties\n * selection state to visibility and keyboard behavior.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  Show,\n  createContext,\n  createMemo,\n  createEffect,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { announce, createToolbar } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface ActionBarRenderProps {\n  /** Whether the action bar is visible. */\n  isOpen: boolean;\n  /** The number of selected items. */\n  selectedItemCount: number | \"all\";\n}\n\nexport interface ActionBarProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\">,\n    SlotProps {\n  /** The number of selected items. ActionBar is hidden when 0. @default 0 */\n  selectedItemCount?: number | \"all\";\n  /** Callback when the clear button is pressed. */\n  onClearSelection?: () => void;\n  /** Callback when an action is triggered. */\n  onAction?: (key: Key) => void;\n  /** The action buttons to display. */\n  children?: JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionBarRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionBarRenderProps>;\n  /** Accessible label for the action bar. @default 'Actions' */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the action bar. */\n  \"aria-labelledby\"?: string;\n  /** Optional keydown handler on the action bar element. */\n  onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;\n  /** Screen reader announcement when the action bar becomes available. */\n  actionsAvailableMessage?: string;\n  /** Ref for the underlying action bar element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface ActionBarContextValue {\n  selectedItemCount: () => number | \"all\";\n  onClearSelection?: () => void;\n  onAction?: (key: Key) => void;\n}\n\nexport const ActionBarContext = createContext<ActionBarContextValue | null>(null);\n\nexport function useActionBarContext(): ActionBarContextValue | null {\n  return useContext(ActionBarContext);\n}\n\nexport function ActionBar(props: ActionBarProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"selectedItemCount\",\n    \"onClearSelection\",\n    \"onAction\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"onKeyDown\",\n    \"actionsAvailableMessage\",\n    \"ref\",\n  ]);\n\n  const selectedItemCount = () => local.selectedItemCount ?? 0;\n  const isOpen = () => selectedItemCount() !== 0;\n\n  const { toolbarProps } = createToolbar({\n    orientation: \"horizontal\",\n    get \"aria-label\"() {\n      return local[\"aria-label\"] ?? (local[\"aria-labelledby\"] ? undefined : \"Actions\");\n    },\n    get \"aria-labelledby\"() {\n      return local[\"aria-labelledby\"];\n    },\n  });\n\n  let wasOpen = false;\n  createEffect(() => {\n    const open = isOpen();\n    if (open && !wasOpen) {\n      const message = local.actionsAvailableMessage ?? \"Actions available.\";\n      if (message) {\n        announce(message);\n      }\n    }\n    wasOpen = open;\n  });\n\n  const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (e) => {\n    const onKeyDown = local.onKeyDown as\n      | JSX.EventHandler<HTMLDivElement, KeyboardEvent>\n      | undefined;\n    onKeyDown?.(e);\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (e.key === \"Escape\" && isOpen()) {\n      e.preventDefault();\n      e.stopPropagation();\n      local.onClearSelection?.();\n    }\n  };\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionBar\",\n    },\n    () => ({\n      isOpen: isOpen(),\n      selectedItemCount: selectedItemCount(),\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue = createMemo<ActionBarContextValue>(() => ({\n    selectedItemCount,\n    onClearSelection: local.onClearSelection,\n    onAction: local.onAction,\n  }));\n\n  return (\n    <Show when={isOpen()}>\n      <ActionBarContext.Provider value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          {...toolbarProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={isOpen() || undefined}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext.Provider>\n    </Show>\n  );\n}\n\nexport interface ActionBarContainerProps extends ParentProps {\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\n/**\n * Container that positions a collection and its ActionBar.\n */\nexport function ActionBarContainer(props: ActionBarContainerProps): JSX.Element {\n  return (\n    <div\n      class={props.class ?? \"solidaria-ActionBarContainer\"}\n      style={{ position: \"relative\", ...props.style }}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nexport interface ActionBarSelectionCountProps {\n  class?: string;\n}\n\n/**\n * Displays the count of selected items.\n */\nexport function ActionBarSelectionCount(props: ActionBarSelectionCountProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  const text = () => {\n    if (!ctx) return \"\";\n    const count = ctx.selectedItemCount();\n    if (count === \"all\") return \"All selected\";\n    if (count === 0) return \"None selected\";\n    return `${count} selected`;\n  };\n\n  return <span class={props.class}>{text()}</span>;\n}\n\nexport interface ActionBarClearButtonProps {\n  class?: string;\n  children?: JSX.Element;\n  \"aria-label\"?: string;\n}\n\n/**\n * Button to clear the current selection.\n */\nexport function ActionBarClearButton(props: ActionBarClearButtonProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      class={props.class}\n      onClick={() => ctx?.onClearSelection?.()}\n    >\n      {props.children ?? \"\\u2715\"}\n    </button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActionBar.js","names":["JSX","ParentProps","Show","createContext","createMemo","createEffect","splitProps","useContext","announce","Key","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","RefLike","el","T","current","assignRef","ref","ActionBarRenderProps","isOpen","selectedItemCount","ActionBarProps","Omit","HTMLAttributes","HTMLDivElement","onClearSelection","onAction","key","children","Element","class","style","onKeyDown","EventHandlerUnion","KeyboardEvent","actionsAvailableMessage","ActionBarContextValue","ActionBarContext","useActionBarContext","ActionBar","props","local","domProps","wasOpen","open","message","handleKeyDown","e","EventHandler","defaultPrevented","preventDefault","stopPropagation","renderProps","undefined","defaultClassName","filteredDOMProps","Record","global","contextValue","_$createComponent","when","Provider","value","_el$","_$getNextElement","_tmpl$","_$use","_$spread","_$mergeProps","slot","data-open","_$insert","_$runHydrationEvents","ActionBarContainerProps","CSSProperties","ActionBarContainer","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_$className","t","_$style","ActionBarSelectionCountProps","ActionBarSelectionCount","ctx","text","count","_el$3","_tmpl$3","ActionBarClearButtonProps","ActionBarClearButton","_el$4","_tmpl$4","$$click","_v$3","_v$4","_$setAttribute","_$delegateEvents"],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/**\n * ActionBar component for solidaria-components\n *\n * Headless action bar that appears when items are selected in a collection.\n * Shows a selection count, clear button, and action buttons.\n *\n * No RAC headless equivalent — this is a thin component layer that ties\n * selection state to visibility and keyboard behavior.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  Show,\n  createContext,\n  createMemo,\n  createEffect,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { announce } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface ActionBarRenderProps {\n  /** Whether the action bar is visible. */\n  isOpen: boolean;\n  /** The number of selected items. */\n  selectedItemCount: number | \"all\";\n}\n\nexport interface ActionBarProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\">,\n    SlotProps {\n  /** The number of selected items. ActionBar is hidden when 0. @default 0 */\n  selectedItemCount?: number | \"all\";\n  /** Callback when the clear button is pressed. */\n  onClearSelection?: () => void;\n  /** Callback when an action is triggered. */\n  onAction?: (key: Key) => void;\n  /** The action buttons to display. */\n  children?: JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionBarRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionBarRenderProps>;\n  /** Accessible label for the action bar. @default 'Actions' */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the action bar. */\n  \"aria-labelledby\"?: string;\n  /** Optional keydown handler on the action bar element. */\n  onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;\n  /** Screen reader announcement when the action bar becomes available. */\n  actionsAvailableMessage?: string;\n  /** Ref for the underlying action bar element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface ActionBarContextValue {\n  selectedItemCount: () => number | \"all\";\n  onClearSelection?: () => void;\n  onAction?: (key: Key) => void;\n}\n\nexport const ActionBarContext = createContext<ActionBarContextValue | null>(null);\n\nexport function useActionBarContext(): ActionBarContextValue | null {\n  return useContext(ActionBarContext);\n}\n\nexport function ActionBar(props: ActionBarProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"selectedItemCount\",\n    \"onClearSelection\",\n    \"onAction\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"onKeyDown\",\n    \"actionsAvailableMessage\",\n    \"ref\",\n  ]);\n\n  const selectedItemCount = () => local.selectedItemCount ?? 0;\n  const isOpen = () => selectedItemCount() !== 0;\n\n  // Faithful to S2 `ActionBar` (ActionBar.tsx:192): the ROOT is a PLAIN\n  // container with NO `role` — S2 spreads only `keyboardProps` (an Escape\n  // handler that clears the selection) onto it. The single `toolbar` is the\n  // inner `ActionButtonGroup` (styled layer), NOT this root. Applying\n  // `createToolbar` here would (a) give the root a spurious `role=\"toolbar\"`\n  // S2 never renders and (b) nest the real action toolbar inside it, forcing\n  // its role to downgrade to `group`. So the root deliberately carries no\n  // toolbar props — `aria-label`/`aria-labelledby` are consumed by the inner\n  // ActionButtonGroup at the styled layer.\n  let wasOpen = false;\n  createEffect(() => {\n    const open = isOpen();\n    if (open && !wasOpen) {\n      const message = local.actionsAvailableMessage ?? \"Actions available.\";\n      if (message) {\n        announce(message);\n      }\n    }\n    wasOpen = open;\n  });\n\n  const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (e) => {\n    const onKeyDown = local.onKeyDown as\n      | JSX.EventHandler<HTMLDivElement, KeyboardEvent>\n      | undefined;\n    onKeyDown?.(e);\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (e.key === \"Escape\" && isOpen()) {\n      e.preventDefault();\n      e.stopPropagation();\n      local.onClearSelection?.();\n    }\n  };\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionBar\",\n    },\n    () => ({\n      isOpen: isOpen(),\n      selectedItemCount: selectedItemCount(),\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue = createMemo<ActionBarContextValue>(() => ({\n    selectedItemCount,\n    onClearSelection: local.onClearSelection,\n    onAction: local.onAction,\n  }));\n\n  return (\n    <Show when={isOpen()}>\n      <ActionBarContext.Provider value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={isOpen() || undefined}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext.Provider>\n    </Show>\n  );\n}\n\nexport interface ActionBarContainerProps extends ParentProps {\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\n/**\n * Container that positions a collection and its ActionBar.\n */\nexport function ActionBarContainer(props: ActionBarContainerProps): JSX.Element {\n  return (\n    <div\n      class={props.class ?? \"solidaria-ActionBarContainer\"}\n      style={{ position: \"relative\", ...props.style }}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nexport interface ActionBarSelectionCountProps {\n  class?: string;\n}\n\n/**\n * Displays the count of selected items.\n */\nexport function ActionBarSelectionCount(props: ActionBarSelectionCountProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  const text = () => {\n    if (!ctx) return \"\";\n    const count = ctx.selectedItemCount();\n    if (count === \"all\") return \"All selected\";\n    if (count === 0) return \"None selected\";\n    return `${count} selected`;\n  };\n\n  return <span class={props.class}>{text()}</span>;\n}\n\nexport interface ActionBarClearButtonProps {\n  class?: string;\n  children?: JSX.Element;\n  \"aria-label\"?: string;\n}\n\n/**\n * Button to clear the current selection.\n */\nexport function ActionBarClearButton(props: ActionBarClearButtonProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      class={props.class}\n      onClick={() => ctx?.onClearSelection?.()}\n    >\n      {props.children ?? \"\\u2715\"}\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/ActionBar.jsx

@@ -1,6 +1,6 @@
 import { filterDOMProps, useRenderProps } from "./utils.jsx";
 import { Show, createContext, createEffect, createMemo, splitProps, useContext } from "solid-js";
-import { announce, createToolbar } from "@proyecto-viviana/solidaria";
+import { announce } from "@proyecto-viviana/solidaria";
 //#region src/ActionBar.tsx
 /**
 * ActionBar component for solidaria-components
@@ -37,15 +37,6 @@ function ActionBar(props) {
 	]);
 	const selectedItemCount = () => local.selectedItemCount ?? 0;
 	const isOpen = () => selectedItemCount() !== 0;
-	const { toolbarProps } = createToolbar({
-		orientation: "horizontal",
-		get "aria-label"() {
-			return local["aria-label"] ?? (local["aria-labelledby"] ? void 0 : "Actions");
-		},
-		get "aria-labelledby"() {
-			return local["aria-labelledby"];
-		}
-	});
 	let wasOpen = false;
 	createEffect(() => {
 		const open = isOpen();
@@ -82,7 +73,7 @@ function ActionBar(props) {
 	}));
 	return <Show when={isOpen()}>
       <ActionBarContext.Provider value={contextValue()}>
-        <div {...filteredDOMProps()} {...toolbarProps} class={renderProps.class()} style={renderProps.style()} slot={local.slot} data-open={isOpen() || void 0} onKeyDown={handleKeyDown} ref={(el) => assignRef(local.ref, el)}>
+        <div {...filteredDOMProps()} class={renderProps.class()} style={renderProps.style()} slot={local.slot} data-open={isOpen() || void 0} onKeyDown={handleKeyDown} ref={(el) => assignRef(local.ref, el)}>
           {local.children}
         </div>
       </ActionBarContext.Provider>

package/dist/ActionBar.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.jsx","names":[],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/**\n * ActionBar component for solidaria-components\n *\n * Headless action bar that appears when items are selected in a collection.\n * Shows a selection count, clear button, and action buttons.\n *\n * No RAC headless equivalent — this is a thin component layer that ties\n * selection state to visibility and keyboard behavior.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  Show,\n  createContext,\n  createMemo,\n  createEffect,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { announce, createToolbar } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface ActionBarRenderProps {\n  /** Whether the action bar is visible. */\n  isOpen: boolean;\n  /** The number of selected items. */\n  selectedItemCount: number | \"all\";\n}\n\nexport interface ActionBarProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\">,\n    SlotProps {\n  /** The number of selected items. ActionBar is hidden when 0. @default 0 */\n  selectedItemCount?: number | \"all\";\n  /** Callback when the clear button is pressed. */\n  onClearSelection?: () => void;\n  /** Callback when an action is triggered. */\n  onAction?: (key: Key) => void;\n  /** The action buttons to display. */\n  children?: JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionBarRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionBarRenderProps>;\n  /** Accessible label for the action bar. @default 'Actions' */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the action bar. */\n  \"aria-labelledby\"?: string;\n  /** Optional keydown handler on the action bar element. */\n  onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;\n  /** Screen reader announcement when the action bar becomes available. */\n  actionsAvailableMessage?: string;\n  /** Ref for the underlying action bar element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface ActionBarContextValue {\n  selectedItemCount: () => number | \"all\";\n  onClearSelection?: () => void;\n  onAction?: (key: Key) => void;\n}\n\nexport const ActionBarContext = createContext<ActionBarContextValue | null>(null);\n\nexport function useActionBarContext(): ActionBarContextValue | null {\n  return useContext(ActionBarContext);\n}\n\nexport function ActionBar(props: ActionBarProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"selectedItemCount\",\n    \"onClearSelection\",\n    \"onAction\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"onKeyDown\",\n    \"actionsAvailableMessage\",\n    \"ref\",\n  ]);\n\n  const selectedItemCount = () => local.selectedItemCount ?? 0;\n  const isOpen = () => selectedItemCount() !== 0;\n\n  const { toolbarProps } = createToolbar({\n    orientation: \"horizontal\",\n    get \"aria-label\"() {\n      return local[\"aria-label\"] ?? (local[\"aria-labelledby\"] ? undefined : \"Actions\");\n    },\n    get \"aria-labelledby\"() {\n      return local[\"aria-labelledby\"];\n    },\n  });\n\n  let wasOpen = false;\n  createEffect(() => {\n    const open = isOpen();\n    if (open && !wasOpen) {\n      const message = local.actionsAvailableMessage ?? \"Actions available.\";\n      if (message) {\n        announce(message);\n      }\n    }\n    wasOpen = open;\n  });\n\n  const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (e) => {\n    const onKeyDown = local.onKeyDown as\n      | JSX.EventHandler<HTMLDivElement, KeyboardEvent>\n      | undefined;\n    onKeyDown?.(e);\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (e.key === \"Escape\" && isOpen()) {\n      e.preventDefault();\n      e.stopPropagation();\n      local.onClearSelection?.();\n    }\n  };\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionBar\",\n    },\n    () => ({\n      isOpen: isOpen(),\n      selectedItemCount: selectedItemCount(),\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue = createMemo<ActionBarContextValue>(() => ({\n    selectedItemCount,\n    onClearSelection: local.onClearSelection,\n    onAction: local.onAction,\n  }));\n\n  return (\n    <Show when={isOpen()}>\n      <ActionBarContext.Provider value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          {...toolbarProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={isOpen() || undefined}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext.Provider>\n    </Show>\n  );\n}\n\nexport interface ActionBarContainerProps extends ParentProps {\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\n/**\n * Container that positions a collection and its ActionBar.\n */\nexport function ActionBarContainer(props: ActionBarContainerProps): JSX.Element {\n  return (\n    <div\n      class={props.class ?? \"solidaria-ActionBarContainer\"}\n      style={{ position: \"relative\", ...props.style }}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nexport interface ActionBarSelectionCountProps {\n  class?: string;\n}\n\n/**\n * Displays the count of selected items.\n */\nexport function ActionBarSelectionCount(props: ActionBarSelectionCountProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  const text = () => {\n    if (!ctx) return \"\";\n    const count = ctx.selectedItemCount();\n    if (count === \"all\") return \"All selected\";\n    if (count === 0) return \"None selected\";\n    return `${count} selected`;\n  };\n\n  return <span class={props.class}>{text()}</span>;\n}\n\nexport interface ActionBarClearButtonProps {\n  class?: string;\n  children?: JSX.Element;\n  \"aria-label\"?: string;\n}\n\n/**\n * Button to clear the current selection.\n */\nexport function ActionBarClearButton(props: ActionBarClearButtonProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      class={props.class}\n      onClick={() => ctx?.onClearSelection?.()}\n    >\n      {props.children ?? \"\\u2715\"}\n    </button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActionBar.jsx","names":[],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/**\n * ActionBar component for solidaria-components\n *\n * Headless action bar that appears when items are selected in a collection.\n * Shows a selection count, clear button, and action buttons.\n *\n * No RAC headless equivalent — this is a thin component layer that ties\n * selection state to visibility and keyboard behavior.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  Show,\n  createContext,\n  createMemo,\n  createEffect,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { announce } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface ActionBarRenderProps {\n  /** Whether the action bar is visible. */\n  isOpen: boolean;\n  /** The number of selected items. */\n  selectedItemCount: number | \"all\";\n}\n\nexport interface ActionBarProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\">,\n    SlotProps {\n  /** The number of selected items. ActionBar is hidden when 0. @default 0 */\n  selectedItemCount?: number | \"all\";\n  /** Callback when the clear button is pressed. */\n  onClearSelection?: () => void;\n  /** Callback when an action is triggered. */\n  onAction?: (key: Key) => void;\n  /** The action buttons to display. */\n  children?: JSX.Element;\n  /** CSS class for the container. */\n  class?: ClassNameOrFunction<ActionBarRenderProps>;\n  /** Inline style for the container. */\n  style?: StyleOrFunction<ActionBarRenderProps>;\n  /** Accessible label for the action bar. @default 'Actions' */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the action bar. */\n  \"aria-labelledby\"?: string;\n  /** Optional keydown handler on the action bar element. */\n  onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;\n  /** Screen reader announcement when the action bar becomes available. */\n  actionsAvailableMessage?: string;\n  /** Ref for the underlying action bar element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface ActionBarContextValue {\n  selectedItemCount: () => number | \"all\";\n  onClearSelection?: () => void;\n  onAction?: (key: Key) => void;\n}\n\nexport const ActionBarContext = createContext<ActionBarContextValue | null>(null);\n\nexport function useActionBarContext(): ActionBarContextValue | null {\n  return useContext(ActionBarContext);\n}\n\nexport function ActionBar(props: ActionBarProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"selectedItemCount\",\n    \"onClearSelection\",\n    \"onAction\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"onKeyDown\",\n    \"actionsAvailableMessage\",\n    \"ref\",\n  ]);\n\n  const selectedItemCount = () => local.selectedItemCount ?? 0;\n  const isOpen = () => selectedItemCount() !== 0;\n\n  // Faithful to S2 `ActionBar` (ActionBar.tsx:192): the ROOT is a PLAIN\n  // container with NO `role` — S2 spreads only `keyboardProps` (an Escape\n  // handler that clears the selection) onto it. The single `toolbar` is the\n  // inner `ActionButtonGroup` (styled layer), NOT this root. Applying\n  // `createToolbar` here would (a) give the root a spurious `role=\"toolbar\"`\n  // S2 never renders and (b) nest the real action toolbar inside it, forcing\n  // its role to downgrade to `group`. So the root deliberately carries no\n  // toolbar props — `aria-label`/`aria-labelledby` are consumed by the inner\n  // ActionButtonGroup at the styled layer.\n  let wasOpen = false;\n  createEffect(() => {\n    const open = isOpen();\n    if (open && !wasOpen) {\n      const message = local.actionsAvailableMessage ?? \"Actions available.\";\n      if (message) {\n        announce(message);\n      }\n    }\n    wasOpen = open;\n  });\n\n  const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (e) => {\n    const onKeyDown = local.onKeyDown as\n      | JSX.EventHandler<HTMLDivElement, KeyboardEvent>\n      | undefined;\n    onKeyDown?.(e);\n    if (e.defaultPrevented) {\n      return;\n    }\n\n    if (e.key === \"Escape\" && isOpen()) {\n      e.preventDefault();\n      e.stopPropagation();\n      local.onClearSelection?.();\n    }\n  };\n\n  const renderProps = useRenderProps(\n    {\n      children: undefined,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ActionBar\",\n    },\n    () => ({\n      isOpen: isOpen(),\n      selectedItemCount: selectedItemCount(),\n    }),\n  );\n\n  const filteredDOMProps = createMemo(() =>\n    filterDOMProps(domProps as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue = createMemo<ActionBarContextValue>(() => ({\n    selectedItemCount,\n    onClearSelection: local.onClearSelection,\n    onAction: local.onAction,\n  }));\n\n  return (\n    <Show when={isOpen()}>\n      <ActionBarContext.Provider value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={isOpen() || undefined}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext.Provider>\n    </Show>\n  );\n}\n\nexport interface ActionBarContainerProps extends ParentProps {\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\n/**\n * Container that positions a collection and its ActionBar.\n */\nexport function ActionBarContainer(props: ActionBarContainerProps): JSX.Element {\n  return (\n    <div\n      class={props.class ?? \"solidaria-ActionBarContainer\"}\n      style={{ position: \"relative\", ...props.style }}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nexport interface ActionBarSelectionCountProps {\n  class?: string;\n}\n\n/**\n * Displays the count of selected items.\n */\nexport function ActionBarSelectionCount(props: ActionBarSelectionCountProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  const text = () => {\n    if (!ctx) return \"\";\n    const count = ctx.selectedItemCount();\n    if (count === \"all\") return \"All selected\";\n    if (count === 0) return \"None selected\";\n    return `${count} selected`;\n  };\n\n  return <span class={props.class}>{text()}</span>;\n}\n\nexport interface ActionBarClearButtonProps {\n  class?: string;\n  children?: JSX.Element;\n  \"aria-label\"?: string;\n}\n\n/**\n * Button to clear the current selection.\n */\nexport function ActionBarClearButton(props: ActionBarClearButtonProps): JSX.Element {\n  const ctx = useActionBarContext();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      class={props.class}\n      onClick={() => ctx?.onClearSelection?.()}\n    >\n      {props.children ?? \"\\u2715\"}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAgCA,SAAS,UAAa,KAAiB,IAAa;CAClD,IAAI,CAAC,KAAK;CACV,IAAI,OAAO,QAAQ,YACjB,IAAI,EAAE;MAEN,IAAI,UAAU;AAElB;AA2CA,MAAa,mBAAmB,cAA4C,IAAI;AAEhF,SAAgB,sBAAoD;CAClE,OAAO,WAAW,gBAAgB;AACpC;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,0BAA0B,MAAM,qBAAqB;CAC3D,MAAM,eAAe,kBAAkB,MAAM;CAW7C,IAAI,UAAU;CACd,mBAAmB;EACjB,MAAM,OAAO,OAAO;EACpB,IAAI,QAAQ,CAAC,SAAS;GACpB,MAAM,UAAU,MAAM,2BAA2B;GACjD,IAAI,SACF,SAAS,OAAO;EAEpB;EACA,UAAU;CACZ,CAAC;CAED,MAAM,iBAAuE,MAAM;EACjF,MAAM,YAAY,MAAM;EAGxB,YAAY,CAAC;EACb,IAAI,EAAE,kBACJ;EAGF,IAAI,EAAE,QAAQ,YAAY,OAAO,GAAG;GAClC,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,MAAM,mBAAmB;EAC3B;CACF;CAEA,MAAM,cAAc,eAClB;EACE,UAAU,KAAA;EACV,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,UACO;EACL,QAAQ,OAAO;EACf,mBAAmB,kBAAkB;CACvC,EACF;CAEA,MAAM,mBAAmB,iBACvB,eAAe,UAAqC,EAAE,QAAQ,KAAK,CAAC,CACtE;CAEA,MAAM,eAAe,kBAAyC;EAC5D;EACA,kBAAkB,MAAM;EACxB,UAAU,MAAM;CAClB,EAAE;CAEF,OACE,CAAC,KAAK,MAAM,OAAO,GAAG;MACpB,CAAC,iBAAiB,SAAS,OAAO,aAAa,GAAG;QAChD,CAAC,QACK,iBAAiB,GACrB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,MAAM,MACZ,WAAW,OAAO,KAAK,KAAA,GACvB,WAAW,eACX,MAAM,OAAO,UAAU,MAAM,KAAK,EAAE,GACrC;WACE,MAAM,SAAS;QAClB,EAAE,IAAI;MACR,EAAE,iBAAiB,SAAS;IAC9B,EAAE;AAEN;;;;AAUA,SAAgB,mBAAmB,OAA6C;CAC9E,OACE,CAAC,IACC,OAAO,MAAM,SAAS,gCACtB,OAAO;EAAE,UAAU;EAAY,GAAG,MAAM;CAAM,GAC/C;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;;AASA,SAAgB,wBAAwB,OAAkD;CACxF,MAAM,MAAM,oBAAoB;CAEhC,MAAM,aAAa;EACjB,IAAI,CAAC,KAAK,OAAO;EACjB,MAAM,QAAQ,IAAI,kBAAkB;EACpC,IAAI,UAAU,OAAO,OAAO;EAC5B,IAAI,UAAU,GAAG,OAAO;EACxB,OAAO,GAAG,MAAM;CAClB;CAEA,OAAO,CAAC,KAAK,OAAO,MAAM,QAAQ,KAAK,EAAE,EAAE;AAC7C;;;;AAWA,SAAgB,qBAAqB,OAA+C;CAClF,MAAM,MAAM,oBAAoB;CAEhC,OACE,CAAC,OACC,cACA,YAAY,MAAM,iBAAiB,mBACnC,OAAO,MAAM,OACb,eAAe,KAAK,mBAAmB,GACxC;OACE,MAAM,YAAY,IAAS;IAC9B,EAAE;AAEN"}

package/dist/ActionGroup.d.ts.map

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

package/dist/ActionGroup.js

@@ -151,7 +151,7 @@ function ActionGroupItemWrapper(props) {
 		isDisabled: isDisabled(),
 		isFocused: isFocused()
 	}));
-	const { ref: _ref, ...restButtonProps } = buttonProps;
+	const [, restButtonProps] = splitProps(buttonProps, ["ref"]);
 	return (() => {
 		var _el$2 = getNextElement(_tmpl$2);
 		spread(_el$2, mergeProps(restButtonProps, {

package/dist/ActionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.js","names":["JSX","ParentProps","createContext","createMemo","splitProps","useContext","For","createActionGroup","createActionGroupItem","AriaActionGroupProps","createListState","ListState","Key","SelectionMode","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","ActionGroupRenderProps","orientation","isDisabled","selectionMode","ActionGroupItemRenderProps","isSelected","isFocused","ActionGroupItem","id","label","key","ActionGroupProps","items","T","selectedKeys","Iterable","defaultSelectedKeys","onSelectionChange","keys","Set","onAction","disabledKeys","children","item","renderProps","Element","class","style","ActionGroupContextValue","state","ActionGroupContext","ActionGroupStateContext","ActionGroup","props","local","ariaGroupProps","domProps","getKey","getTextValue","getDisabled","groupAriaProps","aria-label","aria-labelledby","actionGroupProps","undefined","defaultClassName","filteredDOMProps","Record","global","_$createComponent","Provider","value","_el$","_$getNextElement","_tmpl$","_$use","el","HTMLDivElement","refFn","ref","HTMLElement","_$spread","_$mergeProps","slot","data-orientation","data-disabled","_$insert","each","ActionGroupItemWrapper","renderChild","rp","_$runHydrationEvents","ActionGroupItemWrapperProps","buttonProps","focusedKey","has","_ref","restButtonProps","_el$2","_tmpl$2","data-selected","data-focused","useActionGroupContext"],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/**\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 * No RAC equivalent exists — this bridges solidaria ARIA hooks\n * directly to a headless component.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n  For,\n} from \"solid-js\";\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 {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\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.Provider value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext.Provider 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={local.isDisabled || undefined}\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.Provider>\n    </ActionGroupContext.Provider>\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  const { ref: _ref, ...restButtonProps } = buttonProps as Record<string, unknown> & {\n    ref?: unknown;\n  };\n\n  return (\n    <button\n      {...restButtonProps}\n      data-selected={isSelected() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-focused={isFocused() || undefined}\n    >\n      {props.renderChild(props.item, renderProps())}\n    </button>\n  );\n}\n\nexport function useActionGroupContext(): ActionGroupContextValue | null {\n  return useContext(ActionGroupContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoGA,MAAaiD,qBAAqB/C,cAA8C,IAAI;AACpF,MAAagD,0BAA0BhD,cAAiD,IAAI;AAE5F,SAAgBiD,YACdC,OACa;CACb,MAAM,CAACC,OAAOC,gBAAgBC,YAAYnD,WACxCgD,OACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAM,GAER,CAAC,cAAc,iBAAiB,CAClC;CAEA,MAAMJ,QAAQtC,gBAAmB;EAC/B,IAAIqB,QAAQ;GACV,OAAOsB,MAAMtB;EACf;EACA,IAAIT,gBAAgB;GAClB,OAAO+B,MAAM/B,iBAAiB;EAChC;EACA,IAAIW,eAAe;GACjB,OAAOoB,MAAMpB;EACf;EACA,IAAIE,sBAAsB;GACxB,OAAOkB,MAAMlB;EACf;EACA,IAAIC,oBAAoB;GACtB,OAAOiB,MAAMjB;EACf;EACA,IAAII,eAAe;GACjB,OAAOa,MAAMb;EACf;EACAgB,SAASd,SAASA,KAAKf;EACvB8B,eAAef,SAASA,KAAKd;EAC7B8B,cAAchB,SAAS,CAAC,CAACA,KAAKrB;CAChC,CAAC;CAuBD,MAAM,EAAEyC,qBAAqBvD,kBAAkBoD;EApB7C,IAAI5B,QAAQ;GACV,OAAOsB,MAAMtB;EACf;EACA,IAAIV,aAAa;GACf,OAAOgC,MAAMhC;EACf;EACA,IAAID,cAAc;GAChB,OAAOiC,MAAMjC;EACf;EACA,IAAI,eAAe;GACjB,OAAOkC,eAAe;EACxB;EACA,IAAI,oBAAoB;GACtB,OAAOA,eAAe;EACxB;EACA,IAAIf,WAAW;GACb,OAAOc,MAAMd;EACf;CAG6CoB,GAAgBX,KAAqB;CAEpF,MAAM5B,oBAAoBiC,MAAMjC,eAAe;CAE/C,MAAMuB,cAAc1B,eAClB;EACEwB,UAAUsB,KAAAA;EACVlB,OAAOQ,MAAMR;EACbC,OAAOO,MAAMP;EACbkB,kBAAkB;CACpB,UACO;EACL5C,aAAaA,YAAY;EACzBC,YAAY,CAAC,CAACgC,MAAMhC;EACpBC,eAAgB+B,MAAM/B,iBAAiB;CACzC,EACF;CAEA,MAAM2C,mBAAmB9D,iBACvBe,eAAeqC,UAAqC,EAAEY,QAAQ,KAAK,CAAC,CACtE;CAEA,OAAAC,gBACGnB,mBAAmBoB,UAAQ;EAACC,OAAO,EAAStB,MAAoC;EAAC,IAAAP,WAAA;GAAA,OAAA2B,gBAC/ElB,wBAAwBmB,UAAQ;IAACC,OAAOtB;IAAmC,IAAAP,WAAA;KAAA,IAAA8B,OAAAC,eAAAC,MAAA;KAAAC,KAIlEC,OAAuB;MAC3B,MAAME,QAASf,iBAAyDgB;MACxED,QAAQF,EAAE;KACZ,GAACJ,IAAA;KAAAS,OAAAT,MAAAU,WALGhB,kBACAH,kBAAgB;MAAA,KAAA,WAAA;OAAA,OAKbnB,YAAYE,MAAM;MAAC;MAAA,IAC1BC,QAAK;OAAA,OAAEH,YAAYG,MAAM;MAAC;MAAA,IAC1BoC,OAAI;OAAA,OAAE7B,MAAM6B;MAAI;MAAA,KAAA,sBAAA;OAAA,OACE9D,YAAY;MAAC;MAAA,KAAA,mBAAA;OAAA,OAChBiC,MAAMhC,cAAc0C,KAAAA;MAAS;KAAA,CAAA,GAAA,OAAA,IAAA;KAAAsB,OAAAd,MAAAH,gBAE3C9D,KAAG;MAAA,IAACgF,OAAI;OAAA,OAAEjC,MAAMtB;MAAK;MAAAU,WAClBC,SAAI0B,gBACHmB,wBAAsB;OACf7C;OACCM;OAAmC,IAC1CwC,cAAW;QAAA,OACTnC,MAAMZ;OAGU;MAAA,CAAA;KAGrB,CAAA,CAAA;KAAAiD,mBAAA;KAAA,OAAAnB;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAMb;AAQA,SAASgB,uBAAuBnC,OAAiD;CAC/E,MAAM,EAAEwC,gBAAgBpF,sBACtB,EACE,IAAIqB,MAAM;EACR,OAAOuB,MAAMV,KAAKf;CACpB,EACF,GACAyB,MAAMJ,KACR;CAEA,MAAMvB,kBAAkB2B,MAAMJ,MAAM6C,WAAW,MAAMzC,MAAMV,KAAKf;CAChE,MAAMH,mBAAmB;EACvB,MAAMa,OAAOe,MAAMJ,MAAMf,aAAa;EACtC,OAAOI,SAAS,SAAUA,gBAAgBC,OAAOD,KAAKyD,IAAI1C,MAAMV,KAAKf,EAAE;CACzE;CACA,MAAMN,mBAAmB+B,MAAMJ,MAAM3B,WAAW+B,MAAMV,KAAKf,EAAE;CAE7D,MAAMgB,cAAcxC,kBAA8C;EAChEqB,YAAYA,WAAW;EACvBH,YAAYA,WAAW;EACvBI,WAAWA,UAAU;CACvB,EAAE;CAEF,MAAM,EAAEqD,KAAKiB,MAAM,GAAGC,oBAAoBJ;CAI1C,cAAA;EAAA,IAAAK,QAAAzB,eAAA0B,OAAA;EAAAlB,OAAAiB,OAAAhB,WAEQe,iBAAe;GAAA,KAAA,mBAAA;IAAA,OACJxE,WAAW,KAAKuC,KAAAA;GAAS;GAAA,KAAA,mBAAA;IAAA,OACzB1C,WAAW,KAAK0C,KAAAA;GAAS;GAAA,KAAA,kBAAA;IAAA,OAC1BtC,UAAU,KAAKsC,KAAAA;GAAS;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAsB,OAAAY,aAErC7C,MAAMoC,YAAYpC,MAAMV,MAAMC,YAAY,CAAC,CAAC;EAAA+C,mBAAA;EAAA,OAAAO;CAAA,EAAA,CAAA;AAGnD;AAEA,SAAgBI,wBAAwD;CACtE,OAAOhG,WAAW4C,kBAAkB;AACtC"}
+{"version":3,"file":"ActionGroup.js","names":["JSX","ParentProps","createContext","createMemo","splitProps","useContext","For","createActionGroup","createActionGroupItem","AriaActionGroupProps","createListState","ListState","Key","SelectionMode","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","ActionGroupRenderProps","orientation","isDisabled","selectionMode","ActionGroupItemRenderProps","isSelected","isFocused","ActionGroupItem","id","label","key","ActionGroupProps","items","T","selectedKeys","Iterable","defaultSelectedKeys","onSelectionChange","keys","Set","onAction","disabledKeys","children","item","renderProps","Element","class","style","ActionGroupContextValue","state","ActionGroupContext","ActionGroupStateContext","ActionGroup","props","local","ariaGroupProps","domProps","getKey","getTextValue","getDisabled","groupAriaProps","aria-label","aria-labelledby","actionGroupProps","undefined","defaultClassName","filteredDOMProps","Record","global","_$createComponent","Provider","value","_el$","_$getNextElement","_tmpl$","_$use","el","HTMLDivElement","refFn","ref","HTMLElement","_$spread","_$mergeProps","slot","data-orientation","data-disabled","_$insert","each","ActionGroupItemWrapper","renderChild","rp","_$runHydrationEvents","ActionGroupItemWrapperProps","buttonProps","focusedKey","has","restButtonProps","_el$2","_tmpl$2","data-selected","data-focused","useActionGroupContext"],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/**\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 * No RAC equivalent exists — this bridges solidaria ARIA hooks\n * directly to a headless component.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n  For,\n} from \"solid-js\";\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 {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\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.Provider value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext.Provider 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={local.isDisabled || undefined}\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.Provider>\n    </ActionGroupContext.Provider>\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={isSelected() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-focused={isFocused() || undefined}\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

@@ -115,7 +115,7 @@ function ActionGroupItemWrapper(props) {
 		isDisabled: isDisabled(),
 		isFocused: isFocused()
 	}));
-	const { ref: _ref, ...restButtonProps } = buttonProps;
+	const [, restButtonProps] = splitProps(buttonProps, ["ref"]);
 	return <button {...restButtonProps} data-selected={isSelected() || void 0} data-disabled={isDisabled() || void 0} data-focused={isFocused() || void 0}>
       {props.renderChild(props.item, renderProps())}
     </button>;

package/dist/ActionGroup.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.jsx","names":[],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/**\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 * No RAC equivalent exists — this bridges solidaria ARIA hooks\n * directly to a headless component.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n  For,\n} from \"solid-js\";\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 {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\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.Provider value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext.Provider 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={local.isDisabled || undefined}\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.Provider>\n    </ActionGroupContext.Provider>\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  const { ref: _ref, ...restButtonProps } = buttonProps as Record<string, unknown> & {\n    ref?: unknown;\n  };\n\n  return (\n    <button\n      {...restButtonProps}\n      data-selected={isSelected() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-focused={isFocused() || undefined}\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.jsx","names":[],"sources":["../src/ActionGroup.tsx"],"sourcesContent":["/**\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 * No RAC equivalent exists — this bridges solidaria ARIA hooks\n * directly to a headless component.\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n  For,\n} from \"solid-js\";\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 {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\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.Provider value={{ state: state as ListState<ActionGroupItem> }}>\n      <ActionGroupStateContext.Provider 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={local.isDisabled || undefined}\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.Provider>\n    </ActionGroupContext.Provider>\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={isSelected() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-focused={isFocused() || undefined}\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/Autocomplete.d.ts

@@ -8,7 +8,7 @@
  */
 import { type JSX, type ParentProps } from "solid-js";
 import { type AriaAutocompleteOptions, type AutocompleteInputProps, type CollectionOptions } from "@proyecto-viviana/solidaria";
-import { type AutocompleteState, type AutocompleteStateOptions } from "@proyecto-viviana/solid-stately";
+import { type AutocompleteState, type AutocompleteStateOptions, type CollectionNode } from "@proyecto-viviana/solid-stately";
 import { type SlotProps } from "./utils";
 export interface AutocompleteProps<T = unknown> extends Omit<AutocompleteStateOptions, "children">, Omit<AriaAutocompleteOptions<T>, "inputRef" | "collectionRef">, ParentProps, SlotProps {
 }
@@ -19,7 +19,7 @@ export interface AutocompleteContextValue {
 export interface AutocompleteCollectionContextValue {
     collectionProps: CollectionOptions;
     collectionRef: (el: HTMLElement) => void;
-    filter?: (textValue: string) => boolean;
+    filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;
 }
 export declare const AutocompleteContext: import("solid-js").Context<AutocompleteContextValue | null>;
 export declare const AutocompleteStateContext: import("solid-js").Context<AutocompleteState | null>;

package/dist/Autocomplete.d.ts.map

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

package/dist/Autocomplete.js

@@ -1,5 +1,5 @@
 import { createComponent } from "solid-js/web";
-import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
 import { createAutocomplete } from "@proyecto-viviana/solidaria";
 import { createAutocompleteState } from "@proyecto-viviana/solid-stately";
 //#region src/Autocomplete.tsx
@@ -83,23 +83,23 @@ function Autocomplete(props) {
 		"collectionAriaLabel"
 	]);
 	const state = createAutocompleteState(stateProps);
-	let inputRef;
-	let collectionRef;
+	const [inputRef, setInputRef] = createSignal();
+	const [collectionRef, setCollectionRef] = createSignal();
 	const autocomplete = createAutocomplete({
 		...ariaProps,
-		inputRef: () => inputRef,
-		collectionRef: () => collectionRef
+		inputRef,
+		collectionRef
 	}, state);
 	const inputContextValue = createMemo(() => ({
 		inputProps: autocomplete.inputProps,
 		inputRef: (el) => {
-			inputRef = el;
+			setInputRef(el);
 		}
 	}));
 	const collectionContextValue = createMemo(() => ({
 		collectionProps: autocomplete.collectionProps,
 		collectionRef: (el) => {
-			collectionRef = el;
+			setCollectionRef(el);
 		},
 		filter: autocomplete.filter
 	}));

package/dist/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","names":["JSX","ParentProps","createContext","useContext","createMemo","splitProps","createSignal","createAutocomplete","AriaAutocompleteOptions","AutocompleteInputProps","CollectionOptions","createAutocompleteState","AutocompleteState","AutocompleteStateOptions","SlotProps","AutocompleteProps","Omit","T","AutocompleteContextValue","inputProps","inputRef","el","HTMLInputElement","AutocompleteCollectionContextValue","collectionProps","collectionRef","HTMLElement","filter","textValue","AutocompleteContext","AutocompleteStateContext","AutocompleteCollectionContext","useAutocompleteInput","useAutocompleteState","useAutocompleteCollection","Autocomplete","props","Element","stateProps","ariaProps","local","state","autocomplete","inputContextValue","collectionContextValue","_$createComponent","Provider","value","children"],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/**\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 {\n  type JSX,\n  type ParentProps,\n  createContext,\n  useContext,\n  createMemo,\n  splitProps,\n  createSignal,\n} from \"solid-js\";\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} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./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?: (textValue: string) => 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  // Create refs\n  let inputRef: HTMLInputElement | undefined;\n  let collectionRef: HTMLElement | undefined;\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef: () => inputRef,\n      collectionRef: () => collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      inputRef = el;\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      collectionRef = el;\n    },\n    filter: autocomplete.filter,\n  }));\n\n  return (\n    <AutocompleteStateContext.Provider value={state}>\n      <AutocompleteContext.Provider value={inputContextValue()}>\n        <AutocompleteCollectionContext.Provider value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext.Provider>\n      </AutocompleteContext.Provider>\n    </AutocompleteStateContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiDA,MAAa6B,sBAAsB3B,cAA+C,IAAI;AACtF,MAAa4B,2BAA2B5B,cAAwC,IAAI;AACpF,MAAa6B,gCACX7B,cAAyD,IAAI;;;;;AAM/D,SAAgB8B,uBAAuB;CACrC,OAAO7B,WAAW0B,mBAAmB;AACvC;;;;AAKA,SAAgBI,uBAAuB;CACrC,OAAO9B,WAAW2B,wBAAwB;AAC5C;;;;;AAMA,SAAgBI,4BAA4B;CAC1C,OAAO/B,WAAW4B,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgBI,aAA0BC,OAA0C;CAClF,MAAM,CAACE,YAAYC,WAAWC,SAASnC,WACrC+B,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CAAqB,CAEzB;CAEA,MAAMK,QAAQ9B,wBAAwB2B,UAAU;CAGhD,IAAIlB;CACJ,IAAIK;CAGJ,MAAMiB,eAAenC,mBACnB;EACE,GAAGgC;EACHnB,gBAAgBA;EAChBK,qBAAqBA;CACvB,GACAgB,KACF;CAGA,MAAME,oBAAoBvC,kBAA4C;EACpEe,YAAYuB,aAAavB;EACzBC,WAAWC,OAAyB;GAClCD,WAAWC;EACb;CACF,EAAE;CAGF,MAAMuB,yBAAyBxC,kBAAsD;EACnFoB,iBAAiBkB,aAAalB;EAC9BC,gBAAgBJ,OAAoB;GAClCI,gBAAgBJ;EAClB;EACAM,QAAQe,aAAaf;CACvB,EAAE;CAEF,OAAAkB,gBACGf,yBAAyBgB,UAAQ;EAACC,OAAON;EAAK,IAAAO,WAAA;GAAA,OAAAH,gBAC5ChB,oBAAoBiB,UAAQ;IAAA,IAACC,QAAK;KAAA,OAAEJ,kBAAkB;IAAC;IAAA,IAAAK,WAAA;KAAA,OAAAH,gBACrDd,8BAA8Be,UAAQ;MAAA,IAACC,QAAK;OAAA,OAAEH,uBAAuB;MAAC;MAAA,IAAAI,WAAA;OAAA,OACpEZ,MAAMY;MAAQ;KAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB"}
+{"version":3,"file":"Autocomplete.js","names":["JSX","ParentProps","createContext","useContext","createMemo","splitProps","createSignal","createAutocomplete","AriaAutocompleteOptions","AutocompleteInputProps","CollectionOptions","createAutocompleteState","AutocompleteState","AutocompleteStateOptions","CollectionNode","SlotProps","AutocompleteProps","Omit","T","AutocompleteContextValue","inputProps","inputRef","el","HTMLInputElement","AutocompleteCollectionContextValue","collectionProps","collectionRef","HTMLElement","filter","nodeTextValue","node","AutocompleteContext","AutocompleteStateContext","AutocompleteCollectionContext","useAutocompleteInput","useAutocompleteState","useAutocompleteCollection","Autocomplete","props","Element","stateProps","ariaProps","local","state","setInputRef","setCollectionRef","autocomplete","inputContextValue","collectionContextValue","_$createComponent","Provider","value","children"],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/**\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 {\n  type JSX,\n  type ParentProps,\n  createContext,\n  useContext,\n  createMemo,\n  splitProps,\n  createSignal,\n} from \"solid-js\";\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\";\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.Provider value={state}>\n      <AutocompleteContext.Provider value={inputContextValue()}>\n        <AutocompleteCollectionContext.Provider value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext.Provider>\n      </AutocompleteContext.Provider>\n    </AutocompleteStateContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkDA,MAAa+B,sBAAsB7B,cAA+C,IAAI;AACtF,MAAa8B,2BAA2B9B,cAAwC,IAAI;AACpF,MAAa+B,gCACX/B,cAAyD,IAAI;;;;;AAM/D,SAAgBgC,uBAAuB;CACrC,OAAO/B,WAAW4B,mBAAmB;AACvC;;;;AAKA,SAAgBI,uBAAuB;CACrC,OAAOhC,WAAW6B,wBAAwB;AAC5C;;;;;AAMA,SAAgBI,4BAA4B;CAC1C,OAAOjC,WAAW8B,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgBI,aAA0BC,OAA0C;CAClF,MAAM,CAACE,YAAYC,WAAWC,SAASrC,WACrCiC,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CAAqB,CAEzB;CAEA,MAAMK,QAAQhC,wBAAwB6B,UAAU;CAKhD,MAAM,CAACnB,UAAUuB,eAAetC,aAA+B;CAC/D,MAAM,CAACoB,eAAemB,oBAAoBvC,aAA0B;CAGpE,MAAMwC,eAAevC,mBACnB;EACE,GAAGkC;EACHpB;EACAK;CACF,GACAiB,KACF;CAGA,MAAMI,oBAAoB3C,kBAA4C;EACpEgB,YAAY0B,aAAa1B;EACzBC,WAAWC,OAAyB;GAClCsB,YAAYtB,EAAE;EAChB;CACF,EAAE;CAGF,MAAM0B,yBAAyB5C,kBAAsD;EACnFqB,iBAAiBqB,aAAarB;EAC9BC,gBAAgBJ,OAAoB;GAClCuB,iBAAiBvB,EAAE;EACrB;EACAM,QAAQkB,aAAalB;CAGvB,EAAE;CAEF,OAAAqB,gBACGjB,yBAAyBkB,UAAQ;EAACC,OAAOR;EAAK,IAAAS,WAAA;GAAA,OAAAH,gBAC5ClB,oBAAoBmB,UAAQ;IAAA,IAACC,QAAK;KAAA,OAAEJ,kBAAkB;IAAC;IAAA,IAAAK,WAAA;KAAA,OAAAH,gBACrDhB,8BAA8BiB,UAAQ;MAAA,IAACC,QAAK;OAAA,OAAEH,uBAAuB;MAAC;MAAA,IAAAI,WAAA;OAAA,OACpEd,MAAMc;MAAQ;KAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB"}

package/dist/Autocomplete.jsx

@@ -1,4 +1,4 @@
-import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
 import { createAutocomplete } from "@proyecto-viviana/solidaria";
 import { createAutocompleteState } from "@proyecto-viviana/solid-stately";
 //#region src/Autocomplete.tsx
@@ -82,23 +82,23 @@ function Autocomplete(props) {
 		"collectionAriaLabel"
 	]);
 	const state = createAutocompleteState(stateProps);
-	let inputRef;
-	let collectionRef;
+	const [inputRef, setInputRef] = createSignal();
+	const [collectionRef, setCollectionRef] = createSignal();
 	const autocomplete = createAutocomplete({
 		...ariaProps,
-		inputRef: () => inputRef,
-		collectionRef: () => collectionRef
+		inputRef,
+		collectionRef
 	}, state);
 	const inputContextValue = createMemo(() => ({
 		inputProps: autocomplete.inputProps,
 		inputRef: (el) => {
-			inputRef = el;
+			setInputRef(el);
 		}
 	}));
 	const collectionContextValue = createMemo(() => ({
 		collectionProps: autocomplete.collectionProps,
 		collectionRef: (el) => {
-			collectionRef = el;
+			setCollectionRef(el);
 		},
 		filter: autocomplete.filter
 	}));

package/dist/Autocomplete.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.jsx","names":[],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/**\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 {\n  type JSX,\n  type ParentProps,\n  createContext,\n  useContext,\n  createMemo,\n  splitProps,\n  createSignal,\n} from \"solid-js\";\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} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./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?: (textValue: string) => 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  // Create refs\n  let inputRef: HTMLInputElement | undefined;\n  let collectionRef: HTMLElement | undefined;\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef: () => inputRef,\n      collectionRef: () => collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      inputRef = el;\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      collectionRef = el;\n    },\n    filter: autocomplete.filter,\n  }));\n\n  return (\n    <AutocompleteStateContext.Provider value={state}>\n      <AutocompleteContext.Provider value={inputContextValue()}>\n        <AutocompleteCollectionContext.Provider value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext.Provider>\n      </AutocompleteContext.Provider>\n    </AutocompleteStateContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiDA,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;CAGhD,IAAI;CACJ,IAAI;CAGJ,MAAM,eAAe,mBACnB;EACE,GAAG;EACH,gBAAgB;EAChB,qBAAqB;CACvB,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,WAAW;EACb;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,gBAAgB;EAClB;EACA,QAAQ,aAAa;CACvB,EAAE;CAEF,OACE,CAAC,yBAAyB,SAAS,OAAO,OAAO;MAC/C,CAAC,oBAAoB,SAAS,OAAO,kBAAkB,GAAG;QACxD,CAAC,8BAA8B,SAAS,OAAO,uBAAuB,GAAG;WACtE,MAAM,SAAS;QAClB,EAAE,8BAA8B,SAAS;MAC3C,EAAE,oBAAoB,SAAS;IACjC,EAAE,yBAAyB;AAE/B"}
+{"version":3,"file":"Autocomplete.jsx","names":[],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/**\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 {\n  type JSX,\n  type ParentProps,\n  createContext,\n  useContext,\n  createMemo,\n  splitProps,\n  createSignal,\n} from \"solid-js\";\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\";\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.Provider value={state}>\n      <AutocompleteContext.Provider value={inputContextValue()}>\n        <AutocompleteCollectionContext.Provider value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext.Provider>\n      </AutocompleteContext.Provider>\n    </AutocompleteStateContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkDA,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,SAAS,OAAO,OAAO;MAC/C,CAAC,oBAAoB,SAAS,OAAO,kBAAkB,GAAG;QACxD,CAAC,8BAA8B,SAAS,OAAO,uBAAuB,GAAG;WACtE,MAAM,SAAS;QAClB,EAAE,8BAA8B,SAAS;MAC3C,EAAE,oBAAoB,SAAS;IACjC,EAAE,yBAAyB;AAE/B"}

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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"}