@proyecto-viviana/solidaria-components 0.7.0-rc.2 → 0.7.0-rc.4

package/dist/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","names":["<Show when={isOpen()}>\n      <ActionBarContext value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>\n    </Show>","<ActionBarContext value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>","ref={(el) => assignRef(local.ref, el)}","onKeyDown={handleKeyDown}","{local.children}","<div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>","{props.children}","style={{ position: \"relative\", ...props.style }}","<div\n      class={props.class ?? \"solidaria-ActionBarContainer\"}\n      style={{ position: \"relative\", ...props.style }}\n    >\n      {props.children}\n    </div>","{text()}","<span class={props.class}>{text()}</span>","class={props.class}","<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>"],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionBar.tsx\n\n/**\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 * Based on packages/@react-spectrum/s2/src/ActionBar.tsx and\n * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx.\n * The Solid port keeps the S2 action-bar structure and the Spectrum\n * ActionBarContainer ownership model. It exposes the selection count and clear\n * action as separate headless primitives.\n */\n\nimport { Show, createContext, createMemo, createEffect, useContext } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { announce } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\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  // Hoist the JSX getter: `selectedItemCount={count()}` compiles as a memo\n  // created on first read, and createTrackedEffect forbids primitives.\n  const selectedItemCount = createMemo(() => 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    () => ({ open: isOpen(), message: local.actionsAvailableMessage }),\n    ({ open, message }) => {\n      if (open && !wasOpen && message) {\n        announce(message);\n      }\n      wasOpen = open;\n    },\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      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\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 value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>\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":["<Show when={isOpen()}>\n      <ActionBarContext value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>\n    </Show>","<ActionBarContext value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>","ref={(el) => assignRef(local.ref, el)}","onKeyDown={handleKeyDown}","{local.children}","<div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>","{props.children}","style={{ position: \"relative\", ...props.style }}","<div\n      class={props.class ?? \"solidaria-ActionBarContainer\"}\n      style={{ position: \"relative\", ...props.style }}\n    >\n      {props.children}\n    </div>","{text()}","<span class={props.class}>{text()}</span>","class={props.class}","<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>","assignRef","_$createComponent","_$getNextElement","_$scope","_$readShallow","_$setAttribute","_$delegateEvents"],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionBar.tsx\n\n/**\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 * Based on packages/@react-spectrum/s2/src/ActionBar.tsx and\n * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx.\n * The Solid port keeps the S2 action-bar structure and the Spectrum\n * ActionBarContainer ownership model. It exposes the selection count and clear\n * action as separate headless primitives.\n */\n\nimport { Show, createContext, createMemo, createEffect, useContext } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { announce } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\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  // Hoist the JSX getter: `selectedItemCount={count()}` compiles as a memo\n  // created on first read, and createTrackedEffect forbids primitives.\n  const selectedItemCount = createMemo(() => 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    () => ({ open: isOpen(), message: local.actionsAvailableMessage }),\n    ({ open, message }) => {\n      if (open && !wasOpen && message) {\n        announce(message);\n      }\n      wasOpen = open;\n    },\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      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\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 value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>\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.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.jsx","names":["assignRef"],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionBar.tsx\n\n/**\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 * Based on packages/@react-spectrum/s2/src/ActionBar.tsx and\n * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx.\n * The Solid port keeps the S2 action-bar structure and the Spectrum\n * ActionBarContainer ownership model. It exposes the selection count and clear\n * action as separate headless primitives.\n */\n\nimport { Show, createContext, createMemo, createEffect, useContext } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { announce } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\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  // Hoist the JSX getter: `selectedItemCount={count()}` compiles as a memo\n  // created on first read, and createTrackedEffect forbids primitives.\n  const selectedItemCount = createMemo(() => 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    () => ({ open: isOpen(), message: local.actionsAvailableMessage }),\n    ({ open, message }) => {\n      if (open && !wasOpen && message) {\n        announce(message);\n      }\n      wasOpen = open;\n    },\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      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\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 value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAASA,YAAa,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;CAID,MAAM,oBAAoB,iBAAiB,MAAM,qBAAqB,CAAC;CACvE,MAAM,eAAe,kBAAkB,MAAM;CAW7C,IAAI,UAAU;CACd,oBACS;EAAE,MAAM,OAAO;EAAG,SAAS,MAAM;CAAwB,KAC/D,EAAE,MAAM,cAAc;EACrB,IAAI,QAAQ,CAAC,WAAW,SACtB,SAAS,OAAO;EAElB,UAAU;CACZ,CACF;CAEA,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,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,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,OAAO,aAAa,GAAG;QACvC,CAAC,QACK,iBAAiB,GACrB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,MAAM,MACZ,WAAW,SAAS,OAAO,CAAC,GAC5B,WAAW,eACX,MAAM,OAAOA,YAAU,MAAM,KAAK,EAAE,GACrC;WACE,MAAM,SAAS;QAClB,EAAE,IAAI;MACR,EAAE,iBAAiB;IACrB,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"}
+{"version":3,"file":"ActionBar.jsx","names":["assignRef"],"sources":["../src/ActionBar.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionBar.tsx\n\n/**\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 * Based on packages/@react-spectrum/s2/src/ActionBar.tsx and\n * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx.\n * The Solid port keeps the S2 action-bar structure and the Spectrum\n * ActionBarContainer ownership model. It exposes the selection count and clear\n * action as separate headless primitives.\n */\n\nimport { Show, createContext, createMemo, createEffect, useContext } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { announce } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\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  // Hoist the JSX getter: `selectedItemCount={count()}` compiles as a memo\n  // created on first read, and createTrackedEffect forbids primitives.\n  const selectedItemCount = createMemo(() => 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    () => ({ open: isOpen(), message: local.actionsAvailableMessage }),\n    ({ open, message }) => {\n      if (open && !wasOpen && message) {\n        announce(message);\n      }\n      wasOpen = open;\n    },\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      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\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 value={contextValue()}>\n        <div\n          {...filteredDOMProps()}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          slot={local.slot}\n          data-open={dataAttr(isOpen())}\n          onKeyDown={handleKeyDown}\n          ref={(el) => assignRef(local.ref, el)}\n        >\n          {local.children}\n        </div>\n      </ActionBarContext>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAASA,YAAa,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;CAID,MAAM,oBAAoB,iBAAiB,MAAM,qBAAqB,CAAC;CACvE,MAAM,eAAe,kBAAkB,MAAM;CAW7C,IAAI,UAAU;CACd,oBACS;EAAE,MAAM,OAAO;EAAG,SAAS,MAAM;CAAwB,KAC/D,EAAE,MAAM,cAAc;EACrB,IAAI,QAAQ,CAAC,WAAW,SACtB,SAAS,OAAO;EAElB,UAAU;CACZ,CACF;CAEA,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,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,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,OAAO,aAAa,GAAG;QACvC,CAAC,IACC,IAAI,iBAAiB,CAAC,EACtB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,MAAM,MACZ,WAAW,SAAS,OAAO,CAAC,GAC5B,WAAW,eACX,MAAM,OAAOA,YAAU,MAAM,KAAK,EAAE,GACrC;WACE,MAAM,SAAS;QAClB,EAAE,IAAI;MACR,EAAE,iBAAiB;IACrB,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.js.map

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

package/dist/ActionGroup.jsx.map

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

package/dist/Alert.js.map

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

package/dist/Alert.jsx.map

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

package/dist/Autocomplete.js.map

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

package/dist/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["<BreadcrumbsContext\n        value={{\n          isDisabled,\n          registerStaticItem: () => probeIndex++,\n          staticItemCount: () => 0,\n          resetStaticItems: () => {\n            probeIndex = 0;\n          },\n          setStaticItemCount: () => {},\n        }}\n      >\n        {local.children as JSX.Element}\n      </BreadcrumbsContext>","value={{\n          isDisabled,\n          registerStaticItem: () => probeIndex++,\n          staticItemCount: () => 0,\n          resetStaticItems: () => {\n            probeIndex = 0;\n          },\n          setStaticItemCount: () => {},\n        }}","<BreadcrumbsContext\n      value={{\n        isDisabled,\n        onAction: local.onAction,\n        registerStaticItem,\n        staticItemCount,\n        resetStaticItems,\n        setStaticItemCount,\n      }}\n    >\n      {/*\n        Faithful to react-aria-components Breadcrumbs: the accessible name (navProps'\n        aria-label) sits directly on the <ol> (role=\"list\"), with NO wrapping <nav>\n        landmark (react-spectrum/packages/react-aria-components/src/Breadcrumbs.tsx\n        renders `<dom.ol {...mergeProps(DOMProps, navProps)} style={props.style}>`).\n        The <ol> carries ONLY the consumer's class/style — no hard-coded inline\n        layout reset. An inline reset would beat the styled layer's class (inline\n        wins over class), which is exactly what broke S2 parity: the solid-spectrum\n        `wrapperStyles` class supplies display:flex / list-style:none / padding:0 /\n        marginStart and deliberately leaves align-items at its `normal` default, so\n        a hard-coded inline `align-items:center` + `margin:0` clobbered the\n        wrapper's margin and diverged from S2 (whose <ol> has neither).\n      */}\n      <ol\n        {...navProps}\n        {...domProps()}\n        data-rsp-breadcrumbs-id={!hasCollectionItems() ? breadcrumbsId : undefined}\n        data-rsp-breadcrumbs-count={serverStaticCount > 0 ? serverStaticCount : undefined}\n        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        <Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>\n    </BreadcrumbsContext>","ref={(element) => assignRef(local.ref, element)}","<Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>","<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>","<For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>","<BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>","value={{ itemKey, isLast }}","<li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>","<ol\n        {...navProps}\n        {...domProps()}\n        data-rsp-breadcrumbs-id={!hasCollectionItems() ? breadcrumbsId : undefined}\n        data-rsp-breadcrumbs-count={serverStaticCount > 0 ? serverStaticCount : undefined}\n        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        <Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>","<For each={indices()}>\n      {(index) => (\n        <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n          {childArray()[index] as JSX.Element}\n        </li>\n      )}\n    </For>","<ElementTag\n      tag={elementType()}\n      {...itemDomProps()}\n      ref={(element: HTMLElement) => assignRef(local.ref, element)}\n      aria-current={isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined}\n      aria-disabled={attrTrue(isDisabled() || isCurrent())}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-current={dataAttr(isCurrent())}\n      data-disabled={dataAttr(isDisabled())}\n      data-pressed={dataAttr(isPressed())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>","ref={(element: HTMLElement) => assignRef(local.ref, element)}","isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined"],"sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Breadcrumbs.tsx\n\n/**\n * Breadcrumbs component for solidaria-components\n *\n * A pre-wired headless breadcrumbs component that combines aria hooks.\n * Port of react-aria-components Breadcrumbs.\n */\n\nimport {\n  createContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  useContext,\n  For,\n  Show,\n  type Accessor,\n} from \"solid-js\";\nimport { isServer, renderToString, type JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"./ElementTag\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\nimport {\n  createBreadcrumbs,\n  createBreadcrumbItem,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaBreadcrumbsProps,\n  type AriaBreadcrumbItemProps,\n  type PressEvent,\n} from \"@proyecto-viviana/solidaria\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  attrTrue,\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) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nfunction omitOnClick(raw: Record<string, unknown>): Record<string, unknown> {\n  const rest: Record<string, unknown> = {};\n  for (const key of Object.keys(raw)) {\n    if (key === \"onClick\") continue;\n    const desc = Object.getOwnPropertyDescriptor(raw, key);\n    if (desc) {\n      Object.defineProperty(rest, key, desc);\n    }\n  }\n  return rest;\n}\n\nexport interface BreadcrumbsRenderProps {\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled: boolean;\n}\n\nexport interface BreadcrumbsProps<T> extends Omit<AriaBreadcrumbsProps, \"isDisabled\">, SlotProps {\n  /** The items to render in the breadcrumbs. */\n  items?: T[];\n  /** Function to get the key from an item. */\n  getKey?: (item: T) => string | number;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n  /** Handler called when a breadcrumb item is activated. */\n  onAction?: (key: string | number) => void;\n  /** The children of the component, or a render function for collection items. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<BreadcrumbsRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<BreadcrumbsRenderProps>;\n  /** Ref for the navigation element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface BreadcrumbItemRenderProps {\n  /** Whether this is the current/last item. */\n  isCurrent: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n  /** Whether the item is pressed. */\n  isPressed: boolean;\n  /** Whether the item is focused. */\n  isFocused: boolean;\n  /** Whether the item has visible focus ring. */\n  isFocusVisible: boolean;\n  /** Whether the item is hovered. */\n  isHovered: boolean;\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<AriaBreadcrumbItemProps, \"isDisabled\">, SlotProps {\n  /** The children of the breadcrumb item. */\n  children?: RenderChildren<BreadcrumbItemRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<BreadcrumbItemRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<BreadcrumbItemRenderProps>;\n  /** Whether this item is disabled. */\n  isDisabled?: boolean;\n  /** Ref for the breadcrumb item element. */\n  ref?: RefLike<HTMLElement>;\n}\n\ninterface BreadcrumbsContextValue {\n  isDisabled: Accessor<boolean>;\n  onAction?: (key: string | number) => void;\n  registerStaticItem?: () => number;\n  staticItemCount?: Accessor<number>;\n  resetStaticItems?: () => void;\n  setStaticItemCount?: (count: number) => void;\n}\n\nexport const BreadcrumbsContext = createContext<BreadcrumbsContextValue | null>(null);\n\ninterface BreadcrumbItemContextValue {\n  itemKey: string | number | null;\n  isLast: Accessor<boolean>;\n}\n\nexport const BreadcrumbItemContext = createContext<BreadcrumbItemContextValue | null>(null);\n\nfunction defaultItemKey(item: unknown, index: number): string | number {\n  const maybeItem = item as { key?: string | number; id?: string | number };\n  return maybeItem.key ?? maybeItem.id ?? index;\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user's location within an application.\n */\nexport function Breadcrumbs<T>(props: BreadcrumbsProps<T>): JSX.Element {\n  const [local, ariaProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"items\", \"getKey\", \"isDisabled\", \"onAction\", \"ref\"],\n    [\"aria-label\", \"aria-labelledby\", \"aria-describedby\", \"aria-details\"],\n  );\n\n  const isDisabled = () => local.isDisabled ?? false;\n  const items = () => local.items ?? [];\n  const hasCollectionItems = () => local.items !== undefined;\n  const getItemKey = (item: T, index: number): string | number =>\n    local.getKey?.(item) ?? defaultItemKey(item, index);\n  const breadcrumbsId = createUniqueId();\n  let serverStaticCount = 0;\n  if (isServer && !hasCollectionItems()) {\n    let probeIndex = 0;\n    renderToString(() => (\n      <BreadcrumbsContext\n        value={{\n          isDisabled,\n          registerStaticItem: () => probeIndex++,\n          staticItemCount: () => 0,\n          resetStaticItems: () => {\n            probeIndex = 0;\n          },\n          setStaticItemCount: () => {},\n        }}\n      >\n        {local.children as JSX.Element}\n      </BreadcrumbsContext>\n    ));\n    serverStaticCount = probeIndex;\n  }\n  let clientInitialCount = 0;\n  if (!isServer && !hasCollectionItems() && typeof document !== \"undefined\") {\n    const el = document.querySelector(`[data-rsp-breadcrumbs-id=\"${breadcrumbsId}\"]`);\n    if (el) {\n      const countAttr = el.getAttribute(\"data-rsp-breadcrumbs-count\");\n      if (countAttr) {\n        clientInitialCount = parseInt(countAttr, 10) || 0;\n      }\n    }\n  }\n  const [clientStaticCount, setClientStaticCount] = createSignal(clientInitialCount, {\n    ownedWrite: true,\n  });\n  const staticItemCount = () => (isServer ? serverStaticCount : clientStaticCount());\n  let nextStaticIndex = 0;\n  const resetStaticItems = () => {\n    nextStaticIndex = 0;\n    if (!isServer) {\n      setClientStaticCount(0);\n    }\n  };\n  const setStaticItemCount = (count: number) => {\n    if (isServer) {\n      serverStaticCount = count;\n    } else {\n      setClientStaticCount(count);\n    }\n  };\n  const registerStaticItem = () => {\n    const index = nextStaticIndex;\n    nextStaticIndex += 1;\n    return index;\n  };\n\n  const { navProps } = createBreadcrumbs({\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const renderValues = createMemo<BreadcrumbsRenderProps>(() => ({\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\n      defaultClassName: \"solidaria-Breadcrumbs\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n  return (\n    <BreadcrumbsContext\n      value={{\n        isDisabled,\n        onAction: local.onAction,\n        registerStaticItem,\n        staticItemCount,\n        resetStaticItems,\n        setStaticItemCount,\n      }}\n    >\n      {/*\n        Faithful to react-aria-components Breadcrumbs: the accessible name (navProps'\n        aria-label) sits directly on the <ol> (role=\"list\"), with NO wrapping <nav>\n        landmark (react-spectrum/packages/react-aria-components/src/Breadcrumbs.tsx\n        renders `<dom.ol {...mergeProps(DOMProps, navProps)} style={props.style}>`).\n        The <ol> carries ONLY the consumer's class/style — no hard-coded inline\n        layout reset. An inline reset would beat the styled layer's class (inline\n        wins over class), which is exactly what broke S2 parity: the solid-spectrum\n        `wrapperStyles` class supplies display:flex / list-style:none / padding:0 /\n        marginStart and deliberately leaves align-items at its `normal` default, so\n        a hard-coded inline `align-items:center` + `margin:0` clobbered the\n        wrapper's margin and diverged from S2 (whose <ol> has neither).\n      */}\n      <ol\n        {...navProps}\n        {...domProps()}\n        data-rsp-breadcrumbs-id={!hasCollectionItems() ? breadcrumbsId : undefined}\n        data-rsp-breadcrumbs-count={serverStaticCount > 0 ? serverStaticCount : undefined}\n        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        <Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>\n    </BreadcrumbsContext>\n  );\n}\n\nfunction walkStaticChildren(children: unknown): unknown[] {\n  const result: unknown[] = [];\n  function walk(node: unknown): void {\n    if (node == null || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      for (const item of node) {\n        walk(item);\n      }\n      return;\n    }\n    if (typeof node === \"function\" && (node as Function).length === 0) {\n      walk((node as () => unknown)());\n      return;\n    }\n    result.push(node);\n  }\n  walk(children);\n  return result;\n}\n\nfunction StaticBreadcrumbItems(props: { children?: JSX.Element }): JSX.Element {\n  const context = useContext(BreadcrumbsContext);\n  const childArray = createMemo(() => {\n    context?.resetStaticItems?.();\n    const array = walkStaticChildren(props.children);\n    if (!isServer) {\n      context?.setStaticItemCount?.(array.length);\n    }\n    return array;\n  });\n\n  const indices = createMemo(() => Array.from({ length: childArray().length }, (_, i) => i));\n\n  return (\n    <For each={indices()}>\n      {(index) => (\n        <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n          {childArray()[index] as JSX.Element}\n        </li>\n      )}\n    </For>\n  );\n}\n\n/**\n * A BreadcrumbItem represents an individual breadcrumb in the navigation trail.\n */\nexport function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"isDisabled\", \"ref\"]);\n\n  const context = useContext(BreadcrumbsContext);\n  const itemContext = useContext(BreadcrumbItemContext);\n  const router = useRouter();\n  const staticIndex = itemContext ? null : context?.registerStaticItem?.();\n  const isDisabled = () => local.isDisabled ?? context?.isDisabled() ?? false;\n  const isCurrent = () =>\n    ariaProps.isCurrent ??\n    itemContext?.isLast() ??\n    (staticIndex !== null &&\n      staticIndex !== undefined &&\n      context?.staticItemCount !== undefined &&\n      staticIndex === context.staticItemCount() - 1);\n  const itemKey = () => itemContext?.itemKey ?? ariaProps.id ?? null;\n\n  // Mirror react-aria-components' Link: render an <a> only when there is an\n  // href on an enabled, non-current item; otherwise fall back to a <span\n  // role=\"link\"> (via createLink). A styled layer may force the element type\n  // (S2 renders the current item as a plain <div>), which takes precedence.\n  const elementType = () =>\n    ariaProps.elementType ?? (ariaProps.href && !isDisabled() && !isCurrent() ? \"a\" : \"span\");\n  // The current breadcrumb is the current page and is non-interactive: S2\n  // renders it as a plain element with no link role. createLink only omits\n  // role=\"link\" for an <a>, so treat the current item as an \"a\" purely for the\n  // role decision while still rendering the resolved element type above.\n  const linkElementType = () => (isCurrent() ? \"a\" : elementType());\n\n  const handlePress = (e: PressEvent) => {\n    ariaProps.onPress?.(e);\n    const key = itemKey();\n    if (key !== null && !isCurrent() && !isDisabled()) {\n      context?.onAction?.(key);\n    }\n  };\n\n  const itemAria = createBreadcrumbItem({\n    get id() {\n      return ariaProps.id;\n    },\n    get isCurrent() {\n      return isCurrent();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get href() {\n      return ariaProps.href;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get elementType() {\n      return linkElementType();\n    },\n    get onPress() {\n      return handlePress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n  });\n\n  const isPressed = itemAria.isPressed;\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  // Read itemAria.itemProps fresh inside the memo (do NOT destructure it above):\n  // the reactive getter re-runs createBreadcrumbItem → createLink each time this\n  // memo re-evaluates, so role/tabIndex track elementType once isCurrent settles.\n  const mergedItemProps = createMemo(() =>\n    mergeProps(\n      itemAria.itemProps as Record<string, unknown>,\n      focusProps as Record<string, unknown>,\n      hoverProps as Record<string, unknown>,\n    ),\n  );\n  // createLink does not call handleLinkClick.\n  const onItemClick = (event: MouseEvent) => {\n    const click = (mergedItemProps() as { onClick?: (event: MouseEvent) => void }).onClick;\n    click?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n  const itemDomProps = createMemo(() =>\n    mergeProps(omitOnClick(mergedItemProps() as Record<string, unknown>), {\n      onClick: onItemClick,\n    }),\n  );\n\n  const renderValues = createMemo<BreadcrumbItemRenderProps>(() => ({\n    isCurrent: isCurrent(),\n    isDisabled: isDisabled(),\n    isPressed: isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\n      defaultClassName: \"solidaria-BreadcrumbItem\",\n    },\n    renderValues,\n  );\n\n  const mergedStyle = () => {\n    const userStyle = renderProps.style();\n    const baseStyle = { display: \"inline-flex\", \"align-items\": \"center\" };\n    return userStyle ? { ...baseStyle, ...userStyle } : baseStyle;\n  };\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      {...itemDomProps()}\n      ref={(element: HTMLElement) => assignRef(local.ref, element)}\n      aria-current={isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined}\n      aria-disabled={attrTrue(isDisabled() || isCurrent())}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-current={dataAttr(isCurrent())}\n      data-disabled={dataAttr(isDisabled())}\n      data-pressed={dataAttr(isPressed())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>\n  );\n}\n\nBreadcrumbs.Item = BreadcrumbItem;\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["<BreadcrumbsContext\n        value={{\n          isDisabled,\n          registerStaticItem: () => probeIndex++,\n          staticItemCount: () => 0,\n          resetStaticItems: () => {\n            probeIndex = 0;\n          },\n          setStaticItemCount: () => {},\n        }}\n      >\n        {local.children as JSX.Element}\n      </BreadcrumbsContext>","value={{\n          isDisabled,\n          registerStaticItem: () => probeIndex++,\n          staticItemCount: () => 0,\n          resetStaticItems: () => {\n            probeIndex = 0;\n          },\n          setStaticItemCount: () => {},\n        }}","<BreadcrumbsContext\n      value={{\n        isDisabled,\n        onAction: local.onAction,\n        registerStaticItem,\n        staticItemCount,\n        resetStaticItems,\n        setStaticItemCount,\n      }}\n    >\n      {/*\n        Faithful to react-aria-components Breadcrumbs: the accessible name (navProps'\n        aria-label) sits directly on the <ol> (role=\"list\"), with NO wrapping <nav>\n        landmark (react-spectrum/packages/react-aria-components/src/Breadcrumbs.tsx\n        renders `<dom.ol {...mergeProps(DOMProps, navProps)} style={props.style}>`).\n        The <ol> carries ONLY the consumer's class/style — no hard-coded inline\n        layout reset. An inline reset would beat the styled layer's class (inline\n        wins over class), which is exactly what broke S2 parity: the solid-spectrum\n        `wrapperStyles` class supplies display:flex / list-style:none / padding:0 /\n        marginStart and deliberately leaves align-items at its `normal` default, so\n        a hard-coded inline `align-items:center` + `margin:0` clobbered the\n        wrapper's margin and diverged from S2 (whose <ol> has neither).\n      */}\n      <ol\n        {...navProps}\n        {...domProps()}\n        data-rsp-breadcrumbs-id={!hasCollectionItems() ? breadcrumbsId : undefined}\n        data-rsp-breadcrumbs-count={serverStaticCount > 0 ? serverStaticCount : undefined}\n        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        <Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>\n    </BreadcrumbsContext>","ref={(element) => assignRef(local.ref, element)}","<Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>","<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>","<For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>","<BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>","value={{ itemKey, isLast }}","<li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>","<ol\n        {...navProps}\n        {...domProps()}\n        data-rsp-breadcrumbs-id={!hasCollectionItems() ? breadcrumbsId : undefined}\n        data-rsp-breadcrumbs-count={serverStaticCount > 0 ? serverStaticCount : undefined}\n        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        <Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>","<For each={indices()}>\n      {(index) => (\n        <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n          {childArray()[index] as JSX.Element}\n        </li>\n      )}\n    </For>","<ElementTag\n      tag={elementType()}\n      {...itemDomProps()}\n      ref={(element: HTMLElement) => assignRef(local.ref, element)}\n      aria-current={isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined}\n      aria-disabled={attrTrue(isDisabled() || isCurrent())}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-current={dataAttr(isCurrent())}\n      data-disabled={dataAttr(isDisabled())}\n      data-pressed={dataAttr(isPressed())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>","ref={(element: HTMLElement) => assignRef(local.ref, element)}","isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined","assignRef","_$createComponent","_$getNextElement","mergeProps","_$mergeProps","_$memo"],"sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Breadcrumbs.tsx\n\n/**\n * Breadcrumbs component for solidaria-components\n *\n * A pre-wired headless breadcrumbs component that combines aria hooks.\n * Port of react-aria-components Breadcrumbs.\n */\n\nimport {\n  createContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  useContext,\n  For,\n  Show,\n  type Accessor,\n} from \"solid-js\";\nimport { isServer, renderToString, type JSX } from \"@solidjs/web\";\nimport { ElementTag } from \"./ElementTag\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\nimport {\n  createBreadcrumbs,\n  createBreadcrumbItem,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaBreadcrumbsProps,\n  type AriaBreadcrumbItemProps,\n  type PressEvent,\n} from \"@proyecto-viviana/solidaria\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  attrTrue,\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) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nfunction omitOnClick(raw: Record<string, unknown>): Record<string, unknown> {\n  const rest: Record<string, unknown> = {};\n  for (const key of Object.keys(raw)) {\n    if (key === \"onClick\") continue;\n    const desc = Object.getOwnPropertyDescriptor(raw, key);\n    if (desc) {\n      Object.defineProperty(rest, key, desc);\n    }\n  }\n  return rest;\n}\n\nexport interface BreadcrumbsRenderProps {\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled: boolean;\n}\n\nexport interface BreadcrumbsProps<T> extends Omit<AriaBreadcrumbsProps, \"isDisabled\">, SlotProps {\n  /** The items to render in the breadcrumbs. */\n  items?: T[];\n  /** Function to get the key from an item. */\n  getKey?: (item: T) => string | number;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n  /** Handler called when a breadcrumb item is activated. */\n  onAction?: (key: string | number) => void;\n  /** The children of the component, or a render function for collection items. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<BreadcrumbsRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<BreadcrumbsRenderProps>;\n  /** Ref for the navigation element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface BreadcrumbItemRenderProps {\n  /** Whether this is the current/last item. */\n  isCurrent: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n  /** Whether the item is pressed. */\n  isPressed: boolean;\n  /** Whether the item is focused. */\n  isFocused: boolean;\n  /** Whether the item has visible focus ring. */\n  isFocusVisible: boolean;\n  /** Whether the item is hovered. */\n  isHovered: boolean;\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<AriaBreadcrumbItemProps, \"isDisabled\">, SlotProps {\n  /** The children of the breadcrumb item. */\n  children?: RenderChildren<BreadcrumbItemRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<BreadcrumbItemRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<BreadcrumbItemRenderProps>;\n  /** Whether this item is disabled. */\n  isDisabled?: boolean;\n  /** Ref for the breadcrumb item element. */\n  ref?: RefLike<HTMLElement>;\n}\n\ninterface BreadcrumbsContextValue {\n  isDisabled: Accessor<boolean>;\n  onAction?: (key: string | number) => void;\n  registerStaticItem?: () => number;\n  staticItemCount?: Accessor<number>;\n  resetStaticItems?: () => void;\n  setStaticItemCount?: (count: number) => void;\n}\n\nexport const BreadcrumbsContext = createContext<BreadcrumbsContextValue | null>(null);\n\ninterface BreadcrumbItemContextValue {\n  itemKey: string | number | null;\n  isLast: Accessor<boolean>;\n}\n\nexport const BreadcrumbItemContext = createContext<BreadcrumbItemContextValue | null>(null);\n\nfunction defaultItemKey(item: unknown, index: number): string | number {\n  const maybeItem = item as { key?: string | number; id?: string | number };\n  return maybeItem.key ?? maybeItem.id ?? index;\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user's location within an application.\n */\nexport function Breadcrumbs<T>(props: BreadcrumbsProps<T>): JSX.Element {\n  const [local, ariaProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"items\", \"getKey\", \"isDisabled\", \"onAction\", \"ref\"],\n    [\"aria-label\", \"aria-labelledby\", \"aria-describedby\", \"aria-details\"],\n  );\n\n  const isDisabled = () => local.isDisabled ?? false;\n  const items = () => local.items ?? [];\n  const hasCollectionItems = () => local.items !== undefined;\n  const getItemKey = (item: T, index: number): string | number =>\n    local.getKey?.(item) ?? defaultItemKey(item, index);\n  const breadcrumbsId = createUniqueId();\n  let serverStaticCount = 0;\n  if (isServer && !hasCollectionItems()) {\n    let probeIndex = 0;\n    renderToString(() => (\n      <BreadcrumbsContext\n        value={{\n          isDisabled,\n          registerStaticItem: () => probeIndex++,\n          staticItemCount: () => 0,\n          resetStaticItems: () => {\n            probeIndex = 0;\n          },\n          setStaticItemCount: () => {},\n        }}\n      >\n        {local.children as JSX.Element}\n      </BreadcrumbsContext>\n    ));\n    serverStaticCount = probeIndex;\n  }\n  let clientInitialCount = 0;\n  if (!isServer && !hasCollectionItems() && typeof document !== \"undefined\") {\n    const el = document.querySelector(`[data-rsp-breadcrumbs-id=\"${breadcrumbsId}\"]`);\n    if (el) {\n      const countAttr = el.getAttribute(\"data-rsp-breadcrumbs-count\");\n      if (countAttr) {\n        clientInitialCount = parseInt(countAttr, 10) || 0;\n      }\n    }\n  }\n  const [clientStaticCount, setClientStaticCount] = createSignal(clientInitialCount, {\n    ownedWrite: true,\n  });\n  const staticItemCount = () => (isServer ? serverStaticCount : clientStaticCount());\n  let nextStaticIndex = 0;\n  const resetStaticItems = () => {\n    nextStaticIndex = 0;\n    if (!isServer) {\n      setClientStaticCount(0);\n    }\n  };\n  const setStaticItemCount = (count: number) => {\n    if (isServer) {\n      serverStaticCount = count;\n    } else {\n      setClientStaticCount(count);\n    }\n  };\n  const registerStaticItem = () => {\n    const index = nextStaticIndex;\n    nextStaticIndex += 1;\n    return index;\n  };\n\n  const { navProps } = createBreadcrumbs({\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const renderValues = createMemo<BreadcrumbsRenderProps>(() => ({\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\n      defaultClassName: \"solidaria-Breadcrumbs\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n  return (\n    <BreadcrumbsContext\n      value={{\n        isDisabled,\n        onAction: local.onAction,\n        registerStaticItem,\n        staticItemCount,\n        resetStaticItems,\n        setStaticItemCount,\n      }}\n    >\n      {/*\n        Faithful to react-aria-components Breadcrumbs: the accessible name (navProps'\n        aria-label) sits directly on the <ol> (role=\"list\"), with NO wrapping <nav>\n        landmark (react-spectrum/packages/react-aria-components/src/Breadcrumbs.tsx\n        renders `<dom.ol {...mergeProps(DOMProps, navProps)} style={props.style}>`).\n        The <ol> carries ONLY the consumer's class/style — no hard-coded inline\n        layout reset. An inline reset would beat the styled layer's class (inline\n        wins over class), which is exactly what broke S2 parity: the solid-spectrum\n        `wrapperStyles` class supplies display:flex / list-style:none / padding:0 /\n        marginStart and deliberately leaves align-items at its `normal` default, so\n        a hard-coded inline `align-items:center` + `margin:0` clobbered the\n        wrapper's margin and diverged from S2 (whose <ol> has neither).\n      */}\n      <ol\n        {...navProps}\n        {...domProps()}\n        data-rsp-breadcrumbs-id={!hasCollectionItems() ? breadcrumbsId : undefined}\n        data-rsp-breadcrumbs-count={serverStaticCount > 0 ? serverStaticCount : undefined}\n        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        <Show\n          when={hasCollectionItems()}\n          fallback={<StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>}\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>\n    </BreadcrumbsContext>\n  );\n}\n\nfunction walkStaticChildren(children: unknown): unknown[] {\n  const result: unknown[] = [];\n  function walk(node: unknown): void {\n    if (node == null || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      for (const item of node) {\n        walk(item);\n      }\n      return;\n    }\n    if (typeof node === \"function\" && (node as Function).length === 0) {\n      walk((node as () => unknown)());\n      return;\n    }\n    result.push(node);\n  }\n  walk(children);\n  return result;\n}\n\nfunction StaticBreadcrumbItems(props: { children?: JSX.Element }): JSX.Element {\n  const context = useContext(BreadcrumbsContext);\n  const childArray = createMemo(() => {\n    context?.resetStaticItems?.();\n    const array = walkStaticChildren(props.children);\n    if (!isServer) {\n      context?.setStaticItemCount?.(array.length);\n    }\n    return array;\n  });\n\n  const indices = createMemo(() => Array.from({ length: childArray().length }, (_, i) => i));\n\n  return (\n    <For each={indices()}>\n      {(index) => (\n        <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n          {childArray()[index] as JSX.Element}\n        </li>\n      )}\n    </For>\n  );\n}\n\n/**\n * A BreadcrumbItem represents an individual breadcrumb in the navigation trail.\n */\nexport function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"isDisabled\", \"ref\"]);\n\n  const context = useContext(BreadcrumbsContext);\n  const itemContext = useContext(BreadcrumbItemContext);\n  const router = useRouter();\n  const staticIndex = itemContext ? null : context?.registerStaticItem?.();\n  const isDisabled = () => local.isDisabled ?? context?.isDisabled() ?? false;\n  const isCurrent = () =>\n    ariaProps.isCurrent ??\n    itemContext?.isLast() ??\n    (staticIndex !== null &&\n      staticIndex !== undefined &&\n      context?.staticItemCount !== undefined &&\n      staticIndex === context.staticItemCount() - 1);\n  const itemKey = () => itemContext?.itemKey ?? ariaProps.id ?? null;\n\n  // Mirror react-aria-components' Link: render an <a> only when there is an\n  // href on an enabled, non-current item; otherwise fall back to a <span\n  // role=\"link\"> (via createLink). A styled layer may force the element type\n  // (S2 renders the current item as a plain <div>), which takes precedence.\n  const elementType = () =>\n    ariaProps.elementType ?? (ariaProps.href && !isDisabled() && !isCurrent() ? \"a\" : \"span\");\n  // The current breadcrumb is the current page and is non-interactive: S2\n  // renders it as a plain element with no link role. createLink only omits\n  // role=\"link\" for an <a>, so treat the current item as an \"a\" purely for the\n  // role decision while still rendering the resolved element type above.\n  const linkElementType = () => (isCurrent() ? \"a\" : elementType());\n\n  const handlePress = (e: PressEvent) => {\n    ariaProps.onPress?.(e);\n    const key = itemKey();\n    if (key !== null && !isCurrent() && !isDisabled()) {\n      context?.onAction?.(key);\n    }\n  };\n\n  const itemAria = createBreadcrumbItem({\n    get id() {\n      return ariaProps.id;\n    },\n    get isCurrent() {\n      return isCurrent();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get href() {\n      return ariaProps.href;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get elementType() {\n      return linkElementType();\n    },\n    get onPress() {\n      return handlePress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n  });\n\n  const isPressed = itemAria.isPressed;\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  // Read itemAria.itemProps fresh inside the memo (do NOT destructure it above):\n  // the reactive getter re-runs createBreadcrumbItem → createLink each time this\n  // memo re-evaluates, so role/tabIndex track elementType once isCurrent settles.\n  const mergedItemProps = createMemo(() =>\n    mergeProps(\n      itemAria.itemProps as Record<string, unknown>,\n      focusProps as Record<string, unknown>,\n      hoverProps as Record<string, unknown>,\n    ),\n  );\n  // createLink does not call handleLinkClick.\n  const onItemClick = (event: MouseEvent) => {\n    const click = (mergedItemProps() as { onClick?: (event: MouseEvent) => void }).onClick;\n    click?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n  const itemDomProps = createMemo(() =>\n    mergeProps(omitOnClick(mergedItemProps() as Record<string, unknown>), {\n      onClick: onItemClick,\n    }),\n  );\n\n  const renderValues = createMemo<BreadcrumbItemRenderProps>(() => ({\n    isCurrent: isCurrent(),\n    isDisabled: isDisabled(),\n    isPressed: isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      get class() {\n        return local.class;\n      },\n      get style() {\n        return local.style;\n      },\n      defaultClassName: \"solidaria-BreadcrumbItem\",\n    },\n    renderValues,\n  );\n\n  const mergedStyle = () => {\n    const userStyle = renderProps.style();\n    const baseStyle = { display: \"inline-flex\", \"align-items\": \"center\" };\n    return userStyle ? { ...baseStyle, ...userStyle } : baseStyle;\n  };\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      {...itemDomProps()}\n      ref={(element: HTMLElement) => assignRef(local.ref, element)}\n      aria-current={isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined}\n      aria-disabled={attrTrue(isDisabled() || isCurrent())}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-current={dataAttr(isCurrent())}\n      data-disabled={dataAttr(isDisabled())}\n      data-pressed={dataAttr(isPressed())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>\n  );\n}\n\nBreadcrumbs.Item = BreadcrumbItem;\n"],"mappings":"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"}