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

package/dist/Autocomplete.jsx.map

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

package/dist/Breadcrumbs.d.ts

@@ -4,7 +4,8 @@
  * A pre-wired headless breadcrumbs component that combines aria hooks.
  * Port of react-aria-components Breadcrumbs.
  */
-import { type Accessor, type JSX } from "solid-js";
+import { type Accessor } from "solid-js";
+import { type JSX } from "@solidjs/web";
 import { type AriaBreadcrumbsProps, type AriaBreadcrumbItemProps } from "@proyecto-viviana/solidaria";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 type RefLike<T> = ((el: T) => void) | {

package/dist/Breadcrumbs.d.ts.map

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

package/dist/Breadcrumbs.js

@@ -1,8 +1,22 @@
-import { filterDOMProps, useRenderProps } from "./utils.js";
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Breadcrumbs.tsx
+import { attrTrue, dataAttr, filterDOMProps, useRenderProps } from "./utils.js";
 import { ElementTag } from "./ElementTag.js";
-import { createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
-import { For, Show, children, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
-import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
+import { handleLinkClick, useRouter } from "./RouterProvider.js";
+import { createComponent, getNextElement, insert, isServer, memo, mergeProps, ref, renderToString, runHydrationEvents, spread, template } from "@solidjs/web";
+import { For, Show, createContext, createMemo, createSignal, createUniqueId, useContext } from "solid-js";
+import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Breadcrumbs.tsx
 /**
 * Breadcrumbs component for solidaria-components
@@ -10,12 +24,22 @@ import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover,
 * A pre-wired headless breadcrumbs component that combines aria hooks.
 * Port of react-aria-components Breadcrumbs.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<ol>`), _tmpl$2 = /*#__PURE__*/ template(`<li style=display:flex;align-items:center>`);
-function assignRef(ref, el) {
+var _tmpl$ = /* @__PURE__ */ template(`<ol>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<li style=display:flex;align-items:center>`);
+function assignRef$1(ref, el) {
 	if (!ref) return;
 	if (typeof ref === "function") ref(el);
 	else ref.current = el;
 }
+function omitOnClick(raw) {
+	const rest = {};
+	for (const key of Object.keys(raw)) {
+		if (key === "onClick") continue;
+		const desc = Object.getOwnPropertyDescriptor(raw, key);
+		if (desc) Object.defineProperty(rest, key, desc);
+	}
+	return rest;
+}
 const BreadcrumbsContext = createContext(null);
 const BreadcrumbItemContext = createContext(null);
 function defaultItemKey(item, index) {
@@ -46,11 +70,44 @@ function Breadcrumbs(props) {
 	const items = () => local.items ?? [];
 	const hasCollectionItems = () => local.items !== void 0;
 	const getItemKey = (item, index) => local.getKey?.(item) ?? defaultItemKey(item, index);
-	const [staticItemCount, setStaticItemCount] = createSignal(0);
+	const breadcrumbsId = createUniqueId();
+	let serverStaticCount = 0;
+	if (isServer && !hasCollectionItems()) {
+		let probeIndex = 0;
+		renderToString(() => createComponent(BreadcrumbsContext, {
+			value: {
+				isDisabled,
+				registerStaticItem: () => probeIndex++,
+				staticItemCount: () => 0,
+				resetStaticItems: () => {
+					probeIndex = 0;
+				},
+				setStaticItemCount: () => {}
+			},
+			get children() {
+				return local.children;
+			}
+		}));
+		serverStaticCount = probeIndex;
+	}
+	let clientInitialCount = 0;
+	if (!isServer && !hasCollectionItems() && typeof document !== "undefined") {
+		const el = document.querySelector(`[data-rsp-breadcrumbs-id="${breadcrumbsId}"]`);
+		if (el) {
+			const countAttr = el.getAttribute("data-rsp-breadcrumbs-count");
+			if (countAttr) clientInitialCount = parseInt(countAttr, 10) || 0;
+		}
+	}
+	const [clientStaticCount, setClientStaticCount] = createSignal(clientInitialCount, { ownedWrite: true });
+	const staticItemCount = () => isServer ? serverStaticCount : clientStaticCount();
 	let nextStaticIndex = 0;
 	const resetStaticItems = () => {
 		nextStaticIndex = 0;
-		setStaticItemCount(0);
+		if (!isServer) setClientStaticCount(0);
+	};
+	const setStaticItemCount = (count) => {
+		if (isServer) serverStaticCount = count;
+		else setClientStaticCount(count);
 	};
 	const registerStaticItem = () => {
 		const index = nextStaticIndex;
@@ -78,7 +135,7 @@ function Breadcrumbs(props) {
 		defaultClassName: "solidaria-Breadcrumbs"
 	}, renderValues);
 	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
-	return createComponent(BreadcrumbsContext.Provider, {
+	return createComponent(BreadcrumbsContext, {
 		get value() {
 			return {
 				isDisabled,
@@ -91,18 +148,28 @@ function Breadcrumbs(props) {
 		},
 		get children() {
 			var _el$ = getNextElement(_tmpl$);
-			use((element) => assignRef(local.ref, element), _el$);
-			spread(_el$, mergeProps(navProps, domProps, {
-				get ["class"]() {
-					return renderProps.class();
-				},
-				get style() {
-					return renderProps.style();
-				},
-				get ["data-disabled"]() {
-					return isDisabled() || void 0;
+			ref(() => {
+				return (element) => assignRef$1(local.ref, element);
+			}, _el$);
+			spread(_el$, [
+				navProps,
+				domProps,
+				{
+					get "data-rsp-breadcrumbs-id"() {
+						return !hasCollectionItems() ? breadcrumbsId : void 0;
+					},
+					"data-rsp-breadcrumbs-count": serverStaticCount > 0 ? serverStaticCount : void 0,
+					get "class"() {
+						return renderProps.class();
+					},
+					get style() {
+						return renderProps.style();
+					},
+					get "data-disabled"() {
+						return dataAttr(isDisabled());
+					}
 				}
-			}), false, true);
+			], true);
 			insert(_el$, createComponent(Show, {
 				get when() {
 					return hasCollectionItems();
@@ -121,19 +188,17 @@ function Breadcrumbs(props) {
 							const itemKey = getItemKey(item, index());
 							const isLast = () => index() === items().length - 1;
 							const renderItem = local.children;
-							return (() => {
-								var _el$2 = getNextElement(_tmpl$2);
-								insert(_el$2, createComponent(BreadcrumbItemContext.Provider, {
-									value: {
-										itemKey,
-										isLast
-									},
-									get children() {
-										return renderItem?.(item);
-									}
-								}));
-								return _el$2;
-							})();
+							var _el$2 = getNextElement(_tmpl$2);
+							insert(_el$2, createComponent(BreadcrumbItemContext, {
+								value: {
+									itemKey,
+									isLast
+								},
+								get children() {
+									return renderItem?.(item);
+								}
+							}));
+							return _el$2;
 						}
 					});
 				}
@@ -143,22 +208,41 @@ function Breadcrumbs(props) {
 		}
 	});
 }
+function walkStaticChildren(children) {
+	const result = [];
+	function walk(node) {
+		if (node == null || typeof node === "boolean") return;
+		if (Array.isArray(node)) {
+			for (const item of node) walk(item);
+			return;
+		}
+		if (typeof node === "function" && node.length === 0) {
+			walk(node());
+			return;
+		}
+		result.push(node);
+	}
+	walk(children);
+	return result;
+}
 function StaticBreadcrumbItems(props) {
 	const context = useContext(BreadcrumbsContext);
-	const staticChildren = children(() => props.children);
 	const childArray = createMemo(() => {
 		context?.resetStaticItems?.();
-		const array = staticChildren.toArray();
-		context?.setStaticItemCount?.(array.length);
+		const array = walkStaticChildren(props.children);
+		if (!isServer) context?.setStaticItemCount?.(array.length);
 		return array;
 	});
+	const indices = createMemo(() => Array.from({ length: childArray().length }, (_, i) => i));
 	return createComponent(For, {
 		get each() {
-			return childArray();
+			return indices();
 		},
-		children: (child) => (() => {
+		children: (index) => (() => {
 			var _el$3 = getNextElement(_tmpl$2);
-			insert(_el$3, child);
+			insert(_el$3, () => {
+				return childArray()[index];
+			});
 			return _el$3;
 		})()
 	});
@@ -176,6 +260,7 @@ function BreadcrumbItem(props) {
 	]);
 	const context = useContext(BreadcrumbsContext);
 	const itemContext = useContext(BreadcrumbItemContext);
+	const router = useRouter();
 	const staticIndex = itemContext ? null : context?.registerStaticItem?.();
 	const isDisabled = () => local.isDisabled ?? context?.isDisabled() ?? false;
 	const isCurrent = () => ariaProps.isCurrent ?? itemContext?.isLast() ?? (staticIndex !== null && staticIndex !== void 0 && context?.staticItemCount !== void 0 && staticIndex === context.staticItemCount() - 1);
@@ -260,7 +345,13 @@ function BreadcrumbItem(props) {
 	const { isHovered, hoverProps } = createHover({ get isDisabled() {
 		return isDisabled();
 	} });
-	const mergedItemProps = createMemo(() => mergeProps$2(itemAria.itemProps, focusProps, hoverProps));
+	const mergedItemProps = createMemo(() => mergeProps$1(itemAria.itemProps, focusProps, hoverProps));
+	const onItemClick = (event) => {
+		const click = mergedItemProps().onClick;
+		click?.(event);
+		handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);
+	};
+	const itemDomProps = createMemo(() => mergeProps$1(omitOnClick(mergedItemProps()), { onClick: onItemClick }));
 	const renderValues = createMemo(() => ({
 		isCurrent: isCurrent(),
 		isDisabled: isDisabled(),
@@ -290,37 +381,39 @@ function BreadcrumbItem(props) {
 	};
 	return createComponent(ElementTag, mergeProps({ get tag() {
 		return elementType();
-	} }, mergedItemProps, {
-		ref: (element) => assignRef(local.ref, element),
-		get ["aria-current"]() {
-			return memo(() => !!isCurrent())() ? ariaProps["aria-current"] ?? "page" : void 0;
+	} }, itemDomProps, {
+		ref: (element) => assignRef$1(local.ref, element),
+		get "aria-current"() {
+			return memo(() => {
+				return !!isCurrent();
+			})() ? ariaProps["aria-current"] ?? "page" : void 0;
 		},
-		get ["aria-disabled"]() {
-			return isDisabled() || isCurrent() || void 0;
+		get "aria-disabled"() {
+			return attrTrue(isDisabled() || isCurrent());
 		},
-		get ["class"]() {
+		get "class"() {
 			return renderProps.class();
 		},
 		get style() {
 			return mergedStyle();
 		},
-		get ["data-current"]() {
-			return isCurrent() || void 0;
+		get "data-current"() {
+			return dataAttr(isCurrent());
 		},
-		get ["data-disabled"]() {
-			return isDisabled() || void 0;
+		get "data-disabled"() {
+			return dataAttr(isDisabled());
 		},
-		get ["data-pressed"]() {
-			return isPressed() || void 0;
+		get "data-pressed"() {
+			return dataAttr(isPressed());
 		},
-		get ["data-focused"]() {
-			return isFocused() || void 0;
+		get "data-focused"() {
+			return dataAttr(isFocused());
 		},
-		get ["data-focus-visible"]() {
-			return isFocusVisible() || void 0;
+		get "data-focus-visible"() {
+			return dataAttr(isFocusVisible());
 		},
-		get ["data-hovered"]() {
-			return isHovered() || void 0;
+		get "data-hovered"() {
+			return dataAttr(isHovered());
 		},
 		get children() {
 			return renderProps.renderChildren();

package/dist/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["Accessor","JSX","createContext","createMemo","createSignal","children","resolveChildren","splitProps","useContext","For","Show","ElementTag","createBreadcrumbs","createBreadcrumbItem","createFocusRing","createHover","mergeProps","AriaBreadcrumbsProps","AriaBreadcrumbItemProps","PressEvent","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","RefLike","el","T","current","assignRef","ref","BreadcrumbsRenderProps","isDisabled","BreadcrumbsProps","Omit","items","getKey","item","onAction","key","Element","class","style","HTMLElement","BreadcrumbItemRenderProps","isCurrent","isPressed","isFocused","isFocusVisible","isHovered","BreadcrumbItemProps","BreadcrumbsContextValue","registerStaticItem","staticItemCount","resetStaticItems","setStaticItemCount","count","BreadcrumbsContext","BreadcrumbItemContextValue","itemKey","isLast","BreadcrumbItemContext","defaultItemKey","index","maybeItem","id","Breadcrumbs","props","local","ariaProps","rest","hasCollectionItems","undefined","getItemKey","nextStaticIndex","navProps","aria-label","aria-labelledby","aria-describedby","renderValues","renderProps","defaultClassName","domProps","Record","global","_$createComponent","Provider","value","_el$","_$getNextElement","_tmpl$","_$use","element","_$spread","_$mergeProps","data-disabled","_$insert","when","fallback","StaticBreadcrumbItems","each","length","renderItem","_el$2","_tmpl$2","_$runHydrationEvents","context","staticChildren","childArray","array","toArray","child","_el$3","BreadcrumbItem","itemContext","staticIndex","elementType","href","linkElementType","handlePress","e","onPress","itemAria","target","rel","onPressStart","onPressEnd","onClick","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","autoFocus","aria-details","aria-current","focusProps","hoverProps","mergedItemProps","itemProps","mergedStyle","userStyle","baseStyle","display","tag","_$memo","aria-disabled","data-current","data-pressed","data-focused","data-focus-visible","data-hovered","renderChildren","Item"],"sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["/**\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  type Accessor,\n  type JSX,\n  createContext,\n  createMemo,\n  createSignal,\n  children as resolveChildren,\n  splitProps,\n  useContext,\n  For,\n  Show,\n} from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\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 {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\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 [staticItemCount, setStaticItemCount] = createSignal(0);\n  let nextStaticIndex = 0;\n  const resetStaticItems = () => {\n    nextStaticIndex = 0;\n    setStaticItemCount(0);\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      class: local.class,\n      style: local.style,\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.Provider\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        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={isDisabled() || undefined}\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.Provider value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext.Provider>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>\n    </BreadcrumbsContext.Provider>\n  );\n}\n\nfunction StaticBreadcrumbItems(props: { children?: JSX.Element }): JSX.Element {\n  const context = useContext(BreadcrumbsContext);\n  const staticChildren = resolveChildren(() => props.children);\n  const childArray = createMemo(() => {\n    context?.resetStaticItems?.();\n    const array = staticChildren.toArray();\n    context?.setStaticItemCount?.(array.length);\n    return array;\n  });\n\n  return (\n    <For each={childArray()}>\n      {(child) => <li style={{ display: \"flex\", \"align-items\": \"center\" }}>{child}</li>}\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 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\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      class: local.class,\n      style: local.style,\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      {...mergedItemProps()}\n      ref={(element: HTMLElement) => assignRef(local.ref, element)}\n      aria-current={isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined}\n      aria-disabled={isDisabled() || isCurrent() || undefined}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-current={isCurrent() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-pressed={isPressed() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\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"],"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      class: local.class,\n      style: local.style,\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      class: local.class,\n      style: local.style,\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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"}