@proyecto-viviana/solidaria-components 0.3.1 → 0.4.0

package/dist/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,GAAG,EAST,MAAM,UAAU,CAAC;AAElB,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAczE,MAAM,WAAW,sBAAsB;IACrC,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC,EAAE,SAAS;IAC9F,8CAA8C;IAC9C,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,gFAAgF;IAChF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACpD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IACpD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAChD,sCAAsC;IACtC,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,cAAc,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,YAAY,CAAC,EAAE,SAAS;IAC9D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,cAAc,CAAC,yBAAyB,CAAC,CAAC;IACrD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAC;IACvD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACnD,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,kBAAkB,4DAAsD,CAAC;AAEtF,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,+DAAyD,CAAC;AAO5F;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA6GtE;yBA7Ge,WAAW;;;AAgI3B;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAyJtE"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":"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"}

package/dist/Breadcrumbs.js

@@ -0,0 +1,334 @@
+import { filterDOMProps, useRenderProps } from "./utils.js";
+import { Dynamic, 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";
+//#region src/Breadcrumbs.tsx
+/**
+* Breadcrumbs component for solidaria-components
+*
+* A pre-wired headless breadcrumbs component that combines aria hooks.
+* Port of react-aria-components Breadcrumbs.
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<nav><ol style=display:flex;align-items:center;list-style:none;margin:0;padding:0>`), _tmpl$2 = /*#__PURE__*/ template(`<li style=display:flex;align-items:center>`);
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const BreadcrumbsContext = createContext(null);
+const BreadcrumbItemContext = createContext(null);
+function defaultItemKey(item, index) {
+	const maybeItem = item;
+	return maybeItem.key ?? maybeItem.id ?? index;
+}
+/**
+* Breadcrumbs show hierarchy and navigational context for a user's location within an application.
+*/
+function Breadcrumbs(props) {
+	const [local, ariaProps, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"items",
+		"getKey",
+		"isDisabled",
+		"onAction",
+		"ref"
+	], [
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-details"
+	]);
+	const isDisabled = () => local.isDisabled ?? false;
+	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);
+	let nextStaticIndex = 0;
+	const resetStaticItems = () => {
+		nextStaticIndex = 0;
+		setStaticItemCount(0);
+	};
+	const registerStaticItem = () => {
+		const index = nextStaticIndex;
+		nextStaticIndex += 1;
+		return index;
+	};
+	const { navProps } = createBreadcrumbs({
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get isDisabled() {
+			return isDisabled();
+		}
+	});
+	const renderValues = createMemo(() => ({ isDisabled: isDisabled() }));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Breadcrumbs"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	return createComponent(BreadcrumbsContext.Provider, {
+		get value() {
+			return {
+				isDisabled,
+				onAction: local.onAction,
+				registerStaticItem,
+				staticItemCount,
+				resetStaticItems,
+				setStaticItemCount
+			};
+		},
+		get children() {
+			var _el$ = getNextElement(_tmpl$), _el$2 = _el$.firstChild;
+			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;
+				}
+			}), false, true);
+			insert(_el$2, createComponent(Show, {
+				get when() {
+					return hasCollectionItems();
+				},
+				get fallback() {
+					return createComponent(StaticBreadcrumbItems, { get children() {
+						return local.children;
+					} });
+				},
+				get children() {
+					return createComponent(For, {
+						get each() {
+							return items();
+						},
+						children: (item, index) => {
+							const itemKey = getItemKey(item, index());
+							const isLast = () => index() === items().length - 1;
+							const renderItem = local.children;
+							return (() => {
+								var _el$3 = getNextElement(_tmpl$2);
+								insert(_el$3, createComponent(BreadcrumbItemContext.Provider, {
+									value: {
+										itemKey,
+										isLast
+									},
+									get children() {
+										return renderItem?.(item);
+									}
+								}));
+								return _el$3;
+							})();
+						}
+					});
+				}
+			}));
+			runHydrationEvents();
+			return _el$;
+		}
+	});
+}
+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);
+		return array;
+	});
+	return createComponent(For, {
+		get each() {
+			return childArray();
+		},
+		children: (child) => (() => {
+			var _el$4 = getNextElement(_tmpl$2);
+			insert(_el$4, child);
+			return _el$4;
+		})()
+	});
+}
+/**
+* A BreadcrumbItem represents an individual breadcrumb in the navigation trail.
+*/
+function BreadcrumbItem(props) {
+	const [local, ariaProps] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"isDisabled",
+		"ref"
+	]);
+	const context = useContext(BreadcrumbsContext);
+	const itemContext = useContext(BreadcrumbItemContext);
+	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);
+	const itemKey = () => itemContext?.itemKey ?? ariaProps.id ?? null;
+	const handlePress = (e) => {
+		ariaProps.onPress?.(e);
+		const key = itemKey();
+		if (key !== null && !isCurrent() && !isDisabled()) context?.onAction?.(key);
+	};
+	const { itemProps, isPressed } = createBreadcrumbItem({
+		get id() {
+			return ariaProps.id;
+		},
+		get isCurrent() {
+			return isCurrent();
+		},
+		get isDisabled() {
+			return isDisabled();
+		},
+		get href() {
+			return ariaProps.href;
+		},
+		get target() {
+			return ariaProps.target;
+		},
+		get rel() {
+			return ariaProps.rel;
+		},
+		get elementType() {
+			return ariaProps.elementType;
+		},
+		get onPress() {
+			return handlePress;
+		},
+		get onPressStart() {
+			return ariaProps.onPressStart;
+		},
+		get onPressEnd() {
+			return ariaProps.onPressEnd;
+		},
+		get onClick() {
+			return ariaProps.onClick;
+		},
+		get onFocus() {
+			return ariaProps.onFocus;
+		},
+		get onBlur() {
+			return ariaProps.onBlur;
+		},
+		get onFocusChange() {
+			return ariaProps.onFocusChange;
+		},
+		get onKeyDown() {
+			return ariaProps.onKeyDown;
+		},
+		get onKeyUp() {
+			return ariaProps.onKeyUp;
+		},
+		get autoFocus() {
+			return ariaProps.autoFocus;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get "aria-details"() {
+			return ariaProps["aria-details"];
+		},
+		get "aria-current"() {
+			return ariaProps["aria-current"];
+		}
+	});
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({ get isDisabled() {
+		return isDisabled();
+	} });
+	const mergedItemProps = createMemo(() => mergeProps$2(itemProps, focusProps, hoverProps));
+	const elementType = () => ariaProps.elementType ?? "a";
+	const renderValues = createMemo(() => ({
+		isCurrent: isCurrent(),
+		isDisabled: isDisabled(),
+		isPressed: isPressed(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isHovered: isHovered()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-BreadcrumbItem"
+	}, renderValues);
+	const mergedStyle = () => {
+		const userStyle = renderProps.style();
+		const baseStyle = {
+			display: "inline-flex",
+			"align-items": "center"
+		};
+		return userStyle ? {
+			...baseStyle,
+			...userStyle
+		} : baseStyle;
+	};
+	return createComponent(Dynamic, mergeProps({ get component() {
+		return elementType();
+	} }, mergedItemProps, {
+		ref: (element) => assignRef(local.ref, element),
+		get href() {
+			return memo(() => !!isCurrent())() ? void 0 : mergedItemProps().href;
+		},
+		get ["aria-current"]() {
+			return memo(() => !!isCurrent())() ? ariaProps["aria-current"] ?? "page" : void 0;
+		},
+		get ["aria-disabled"]() {
+			return isDisabled() || isCurrent() || void 0;
+		},
+		get ["class"]() {
+			return renderProps.class();
+		},
+		get style() {
+			return mergedStyle();
+		},
+		get ["data-current"]() {
+			return isCurrent() || void 0;
+		},
+		get ["data-disabled"]() {
+			return isDisabled() || void 0;
+		},
+		get ["data-pressed"]() {
+			return isPressed() || void 0;
+		},
+		get ["data-focused"]() {
+			return isFocused() || void 0;
+		},
+		get ["data-focus-visible"]() {
+			return isFocusVisible() || void 0;
+		},
+		get ["data-hovered"]() {
+			return isHovered() || void 0;
+		},
+		get children() {
+			return renderProps.renderChildren();
+		}
+	}));
+}
+Breadcrumbs.Item = BreadcrumbItem;
+//#endregion
+export { BreadcrumbItem, BreadcrumbItemContext, Breadcrumbs, BreadcrumbsContext };
+
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","names":["Accessor","JSX","createContext","createMemo","createSignal","children","resolveChildren","splitProps","useContext","For","Show","Dynamic","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$","_el$2","firstChild","_$use","element","_$spread","_$mergeProps","data-disabled","_$insert","when","fallback","StaticBreadcrumbItems","each","length","renderItem","_el$3","_tmpl$2","_$runHydrationEvents","context","staticChildren","childArray","array","toArray","child","_el$4","BreadcrumbItem","itemContext","staticIndex","handlePress","e","onPress","itemProps","href","target","rel","elementType","onPressStart","onPressEnd","onClick","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","autoFocus","aria-details","aria-current","focusProps","hoverProps","mergedItemProps","mergedStyle","userStyle","baseStyle","display","component","_$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 { Dynamic } from \"solid-js/web\";\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      <nav\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        <ol\n          style={{\n            display: \"flex\",\n            \"align-items\": \"center\",\n            \"list-style\": \"none\",\n            margin: 0,\n            padding: 0,\n          }}\n        >\n          <Show\n            when={hasCollectionItems()}\n            fallback={\n              <StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>\n            }\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      </nav>\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  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 { itemProps, isPressed } = 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 ariaProps.elementType;\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 { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  const mergedItemProps = createMemo(() =>\n    mergeProps(\n      itemProps as Record<string, unknown>,\n      focusProps as Record<string, unknown>,\n      hoverProps as Record<string, unknown>,\n    ),\n  );\n  const elementType = () => ariaProps.elementType ?? \"a\";\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    <Dynamic\n      component={elementType()}\n      {...mergedItemProps()}\n      ref={(element: HTMLElement) => assignRef(local.ref, element)}\n      href={isCurrent() ? undefined : (mergedItemProps() as { href?: string }).href}\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    </Dynamic>\n  );\n}\n\nBreadcrumbs.Item = BreadcrumbItem;\n"],"mappings":"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"}

package/dist/Breadcrumbs.jsx

@@ -0,0 +1,266 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { For, Show, children, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { Dynamic } from "solid-js/web";
+import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+//#region src/Breadcrumbs.tsx
+/**
+* Breadcrumbs component for solidaria-components
+*
+* A pre-wired headless breadcrumbs component that combines aria hooks.
+* Port of react-aria-components Breadcrumbs.
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const BreadcrumbsContext = createContext(null);
+const BreadcrumbItemContext = createContext(null);
+function defaultItemKey(item, index) {
+	const maybeItem = item;
+	return maybeItem.key ?? maybeItem.id ?? index;
+}
+/**
+* Breadcrumbs show hierarchy and navigational context for a user's location within an application.
+*/
+function Breadcrumbs(props) {
+	const [local, ariaProps, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"items",
+		"getKey",
+		"isDisabled",
+		"onAction",
+		"ref"
+	], [
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-details"
+	]);
+	const isDisabled = () => local.isDisabled ?? false;
+	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);
+	let nextStaticIndex = 0;
+	const resetStaticItems = () => {
+		nextStaticIndex = 0;
+		setStaticItemCount(0);
+	};
+	const registerStaticItem = () => {
+		const index = nextStaticIndex;
+		nextStaticIndex += 1;
+		return index;
+	};
+	const { navProps } = createBreadcrumbs({
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get isDisabled() {
+			return isDisabled();
+		}
+	});
+	const renderValues = createMemo(() => ({ isDisabled: isDisabled() }));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Breadcrumbs"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	return <BreadcrumbsContext.Provider value={{
+		isDisabled,
+		onAction: local.onAction,
+		registerStaticItem,
+		staticItemCount,
+		resetStaticItems,
+		setStaticItemCount
+	}}>
+      <nav {...navProps} {...domProps()} ref={(element) => assignRef(local.ref, element)} class={renderProps.class()} style={renderProps.style()} data-disabled={isDisabled() || void 0}>
+        <ol style={{
+		display: "flex",
+		"align-items": "center",
+		"list-style": "none",
+		margin: 0,
+		padding: 0
+	}}>
+          <Show when={hasCollectionItems()} fallback={<StaticBreadcrumbItems>{local.children}</StaticBreadcrumbItems>}>
+            <For each={items()}>
+              {(item, index) => {
+		const itemKey = getItemKey(item, index());
+		const isLast = () => index() === items().length - 1;
+		const renderItem = local.children;
+		return <li style={{
+			display: "flex",
+			"align-items": "center"
+		}}>
+                    <BreadcrumbItemContext.Provider value={{
+			itemKey,
+			isLast
+		}}>
+                      {renderItem?.(item)}
+                    </BreadcrumbItemContext.Provider>
+                  </li>;
+	}}
+            </For>
+          </Show>
+        </ol>
+      </nav>
+    </BreadcrumbsContext.Provider>;
+}
+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);
+		return array;
+	});
+	return <For each={childArray()}>
+      {(child) => <li style={{
+		display: "flex",
+		"align-items": "center"
+	}}>{child}</li>}
+    </For>;
+}
+/**
+* A BreadcrumbItem represents an individual breadcrumb in the navigation trail.
+*/
+function BreadcrumbItem(props) {
+	const [local, ariaProps] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"isDisabled",
+		"ref"
+	]);
+	const context = useContext(BreadcrumbsContext);
+	const itemContext = useContext(BreadcrumbItemContext);
+	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);
+	const itemKey = () => itemContext?.itemKey ?? ariaProps.id ?? null;
+	const handlePress = (e) => {
+		ariaProps.onPress?.(e);
+		const key = itemKey();
+		if (key !== null && !isCurrent() && !isDisabled()) context?.onAction?.(key);
+	};
+	const { itemProps, isPressed } = createBreadcrumbItem({
+		get id() {
+			return ariaProps.id;
+		},
+		get isCurrent() {
+			return isCurrent();
+		},
+		get isDisabled() {
+			return isDisabled();
+		},
+		get href() {
+			return ariaProps.href;
+		},
+		get target() {
+			return ariaProps.target;
+		},
+		get rel() {
+			return ariaProps.rel;
+		},
+		get elementType() {
+			return ariaProps.elementType;
+		},
+		get onPress() {
+			return handlePress;
+		},
+		get onPressStart() {
+			return ariaProps.onPressStart;
+		},
+		get onPressEnd() {
+			return ariaProps.onPressEnd;
+		},
+		get onClick() {
+			return ariaProps.onClick;
+		},
+		get onFocus() {
+			return ariaProps.onFocus;
+		},
+		get onBlur() {
+			return ariaProps.onBlur;
+		},
+		get onFocusChange() {
+			return ariaProps.onFocusChange;
+		},
+		get onKeyDown() {
+			return ariaProps.onKeyDown;
+		},
+		get onKeyUp() {
+			return ariaProps.onKeyUp;
+		},
+		get autoFocus() {
+			return ariaProps.autoFocus;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get "aria-details"() {
+			return ariaProps["aria-details"];
+		},
+		get "aria-current"() {
+			return ariaProps["aria-current"];
+		}
+	});
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({ get isDisabled() {
+		return isDisabled();
+	} });
+	const mergedItemProps = createMemo(() => mergeProps$1(itemProps, focusProps, hoverProps));
+	const elementType = () => ariaProps.elementType ?? "a";
+	const renderValues = createMemo(() => ({
+		isCurrent: isCurrent(),
+		isDisabled: isDisabled(),
+		isPressed: isPressed(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isHovered: isHovered()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-BreadcrumbItem"
+	}, renderValues);
+	const mergedStyle = () => {
+		const userStyle = renderProps.style();
+		const baseStyle = {
+			display: "inline-flex",
+			"align-items": "center"
+		};
+		return userStyle ? {
+			...baseStyle,
+			...userStyle
+		} : baseStyle;
+	};
+	return <Dynamic component={elementType()} {...mergedItemProps()} ref={(element) => assignRef(local.ref, element)} href={isCurrent() ? void 0 : mergedItemProps().href} aria-current={isCurrent() ? ariaProps["aria-current"] ?? "page" : void 0} aria-disabled={isDisabled() || isCurrent() || void 0} class={renderProps.class()} style={mergedStyle()} data-current={isCurrent() || void 0} data-disabled={isDisabled() || void 0} data-pressed={isPressed() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-hovered={isHovered() || void 0}>
+      {renderProps.renderChildren()}
+    </Dynamic>;
+}
+Breadcrumbs.Item = BreadcrumbItem;
+//#endregion
+export { BreadcrumbItem, BreadcrumbItemContext, Breadcrumbs, BreadcrumbsContext };
+
+//# sourceMappingURL=Breadcrumbs.jsx.map