@proyecto-viviana/solidaria-components 0.4.1 → 0.5.0

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,5 +1,6 @@
 import { filterDOMProps, useRenderProps } from "./utils.js";
-import { Dynamic, createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+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";
 //#region src/Breadcrumbs.tsx
@@ -287,7 +288,7 @@ function BreadcrumbItem(props) {
 			...userStyle
 		} : baseStyle;
 	};
-	return createComponent(Dynamic, mergeProps({ get component() {
+	return createComponent(ElementTag, mergeProps({ get tag() {
 		return elementType();
 	} }, mergedItemProps, {
 		ref: (element) => assignRef(local.ref, element),

package/dist/Breadcrumbs.js.map

@@ -1 +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$","_$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","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      {/*\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={\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    </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    <Dynamic\n      component={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    </Dynamic>\n  );\n}\n\nBreadcrumbs.Item = BreadcrumbItem;\n"],"mappings":"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"}
+{"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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"}

package/dist/Breadcrumbs.jsx

@@ -1,6 +1,6 @@
 import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { ElementTag } from "./ElementTag.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
 /**
@@ -250,9 +250,9 @@ function BreadcrumbItem(props) {
 			...userStyle
 		} : baseStyle;
 	};
-	return <Dynamic component={elementType()} {...mergedItemProps()} ref={(element) => assignRef(local.ref, element)} 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}>
+	return <ElementTag tag={elementType()} {...mergedItemProps()} ref={(element) => assignRef(local.ref, element)} 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>;
+    </ElementTag>;
 }
 Breadcrumbs.Item = BreadcrumbItem;
 //#endregion

package/dist/Breadcrumbs.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.jsx","names":["resolveChildren","mergeProps"],"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      {/*\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={\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    </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    <Dynamic\n      component={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    </Dynamic>\n  );\n}\n\nBreadcrumbs.Item = BreadcrumbItem;\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.jsx","names":["resolveChildren","mergeProps"],"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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"}

package/dist/ElementTag.d.ts

@@ -0,0 +1,29 @@
+import { type JSX } from "solid-js";
+export interface ElementTagProps extends Record<string, unknown> {
+    /** The HTML tag name to render. */
+    tag: string;
+    children?: JSX.Element;
+}
+/**
+ * Renders a string tag as a *statically compiled* element.
+ *
+ * A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe
+ * anywhere that can render after hydration settles. Solid's `createDynamic`
+ * string branch calls `getNextElement()` with **no** `template` argument
+ * (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only
+ * reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is
+ * set — hydration finished, but `sharedConfig.context` still live — it falls
+ * through to `return template()` and throws `TypeError: template is not a
+ * function`. Any deferred child lands on exactly that path: a `<Show>` that
+ * flips, a Suspense resolution, a portal, a container that defers its children.
+ *
+ * Each branch below is real JSX, so the compiler emits a `template()` of its own
+ * and hands it to `getNextElement(template)` — which adopts the SSR node from the
+ * registry during hydration and clones the template afterwards. Both phases work.
+ *
+ * Props other than `tag` are spread through untouched, `children` included, so
+ * this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only
+ * `component` and spreads the rest onto the element).
+ */
+export declare function ElementTag(props: ElementTagProps): JSX.Element;
+//# sourceMappingURL=ElementTag.d.ts.map

package/dist/ElementTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementTag.d.ts","sourceRoot":"","sources":["../src/ElementTag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA0B,MAAM,UAAU,CAAC;AAG5D,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9D,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAqF9D"}

package/dist/ElementTag.js

@@ -0,0 +1,220 @@
+import { Dynamic, createComponent, getNextElement, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
+import { createMemo, splitProps } from "solid-js";
+//#region src/ElementTag.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`), _tmpl$2 = /*#__PURE__*/ template(`<a>`), _tmpl$3 = /*#__PURE__*/ template(`<p>`), _tmpl$4 = /*#__PURE__*/ template(`<label>`), _tmpl$5 = /*#__PURE__*/ template(`<strong>`), _tmpl$6 = /*#__PURE__*/ template(`<em>`), _tmpl$7 = /*#__PURE__*/ template(`<small>`), _tmpl$8 = /*#__PURE__*/ template(`<div>`), _tmpl$9 = /*#__PURE__*/ template(`<hr>`), _tmpl$0 = /*#__PURE__*/ template(`<li>`), _tmpl$1 = /*#__PURE__*/ template(`<ul>`), _tmpl$10 = /*#__PURE__*/ template(`<ol>`), _tmpl$11 = /*#__PURE__*/ template(`<figure>`), _tmpl$12 = /*#__PURE__*/ template(`<blockquote>`), _tmpl$13 = /*#__PURE__*/ template(`<address>`), _tmpl$14 = /*#__PURE__*/ template(`<h1>`), _tmpl$15 = /*#__PURE__*/ template(`<h2>`), _tmpl$16 = /*#__PURE__*/ template(`<h3>`), _tmpl$17 = /*#__PURE__*/ template(`<h4>`), _tmpl$18 = /*#__PURE__*/ template(`<h5>`), _tmpl$19 = /*#__PURE__*/ template(`<h6>`), _tmpl$20 = /*#__PURE__*/ template(`<main>`), _tmpl$21 = /*#__PURE__*/ template(`<nav>`), _tmpl$22 = /*#__PURE__*/ template(`<header>`), _tmpl$23 = /*#__PURE__*/ template(`<footer>`), _tmpl$24 = /*#__PURE__*/ template(`<aside>`), _tmpl$25 = /*#__PURE__*/ template(`<section>`), _tmpl$26 = /*#__PURE__*/ template(`<article>`), _tmpl$27 = /*#__PURE__*/ template(`<form>`), _tmpl$28 = /*#__PURE__*/ template(`<search>`);
+/**
+* Renders a string tag as a *statically compiled* element.
+*
+* A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe
+* anywhere that can render after hydration settles. Solid's `createDynamic`
+* string branch calls `getNextElement()` with **no** `template` argument
+* (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only
+* reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is
+* set — hydration finished, but `sharedConfig.context` still live — it falls
+* through to `return template()` and throws `TypeError: template is not a
+* function`. Any deferred child lands on exactly that path: a `<Show>` that
+* flips, a Suspense resolution, a portal, a container that defers its children.
+*
+* Each branch below is real JSX, so the compiler emits a `template()` of its own
+* and hands it to `getNextElement(template)` — which adopts the SSR node from the
+* registry during hydration and clones the template afterwards. Both phases work.
+*
+* Props other than `tag` are spread through untouched, `children` included, so
+* this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only
+* `component` and spreads the rest onto the element).
+*/
+function ElementTag(props) {
+	const [local, rest] = splitProps(props, ["tag"]);
+	const cached = createMemo(() => local.tag);
+	return createMemo(() => {
+		switch (cached()) {
+			case "span": return (() => {
+				var _el$ = getNextElement(_tmpl$);
+				spread(_el$, rest, false, false);
+				runHydrationEvents();
+				return _el$;
+			})();
+			case "a": return (() => {
+				var _el$2 = getNextElement(_tmpl$2);
+				spread(_el$2, rest, false, false);
+				runHydrationEvents();
+				return _el$2;
+			})();
+			case "p": return (() => {
+				var _el$3 = getNextElement(_tmpl$3);
+				spread(_el$3, rest, false, false);
+				runHydrationEvents();
+				return _el$3;
+			})();
+			case "label": return (() => {
+				var _el$4 = getNextElement(_tmpl$4);
+				spread(_el$4, rest, false, false);
+				runHydrationEvents();
+				return _el$4;
+			})();
+			case "strong": return (() => {
+				var _el$5 = getNextElement(_tmpl$5);
+				spread(_el$5, rest, false, false);
+				runHydrationEvents();
+				return _el$5;
+			})();
+			case "em": return (() => {
+				var _el$6 = getNextElement(_tmpl$6);
+				spread(_el$6, rest, false, false);
+				runHydrationEvents();
+				return _el$6;
+			})();
+			case "small": return (() => {
+				var _el$7 = getNextElement(_tmpl$7);
+				spread(_el$7, rest, false, false);
+				runHydrationEvents();
+				return _el$7;
+			})();
+			case "div": return (() => {
+				var _el$8 = getNextElement(_tmpl$8);
+				spread(_el$8, rest, false, false);
+				runHydrationEvents();
+				return _el$8;
+			})();
+			case "hr": return (() => {
+				var _el$9 = getNextElement(_tmpl$9);
+				spread(_el$9, rest, false, false);
+				runHydrationEvents();
+				return _el$9;
+			})();
+			case "li": return (() => {
+				var _el$0 = getNextElement(_tmpl$0);
+				spread(_el$0, rest, false, false);
+				runHydrationEvents();
+				return _el$0;
+			})();
+			case "ul": return (() => {
+				var _el$1 = getNextElement(_tmpl$1);
+				spread(_el$1, rest, false, false);
+				runHydrationEvents();
+				return _el$1;
+			})();
+			case "ol": return (() => {
+				var _el$10 = getNextElement(_tmpl$10);
+				spread(_el$10, rest, false, false);
+				runHydrationEvents();
+				return _el$10;
+			})();
+			case "figure": return (() => {
+				var _el$11 = getNextElement(_tmpl$11);
+				spread(_el$11, rest, false, false);
+				runHydrationEvents();
+				return _el$11;
+			})();
+			case "blockquote": return (() => {
+				var _el$12 = getNextElement(_tmpl$12);
+				spread(_el$12, rest, false, false);
+				runHydrationEvents();
+				return _el$12;
+			})();
+			case "address": return (() => {
+				var _el$13 = getNextElement(_tmpl$13);
+				spread(_el$13, rest, false, false);
+				runHydrationEvents();
+				return _el$13;
+			})();
+			case "h1": return (() => {
+				var _el$14 = getNextElement(_tmpl$14);
+				spread(_el$14, rest, false, false);
+				runHydrationEvents();
+				return _el$14;
+			})();
+			case "h2": return (() => {
+				var _el$15 = getNextElement(_tmpl$15);
+				spread(_el$15, rest, false, false);
+				runHydrationEvents();
+				return _el$15;
+			})();
+			case "h3": return (() => {
+				var _el$16 = getNextElement(_tmpl$16);
+				spread(_el$16, rest, false, false);
+				runHydrationEvents();
+				return _el$16;
+			})();
+			case "h4": return (() => {
+				var _el$17 = getNextElement(_tmpl$17);
+				spread(_el$17, rest, false, false);
+				runHydrationEvents();
+				return _el$17;
+			})();
+			case "h5": return (() => {
+				var _el$18 = getNextElement(_tmpl$18);
+				spread(_el$18, rest, false, false);
+				runHydrationEvents();
+				return _el$18;
+			})();
+			case "h6": return (() => {
+				var _el$19 = getNextElement(_tmpl$19);
+				spread(_el$19, rest, false, false);
+				runHydrationEvents();
+				return _el$19;
+			})();
+			case "main": return (() => {
+				var _el$20 = getNextElement(_tmpl$20);
+				spread(_el$20, rest, false, false);
+				runHydrationEvents();
+				return _el$20;
+			})();
+			case "nav": return (() => {
+				var _el$21 = getNextElement(_tmpl$21);
+				spread(_el$21, rest, false, false);
+				runHydrationEvents();
+				return _el$21;
+			})();
+			case "header": return (() => {
+				var _el$22 = getNextElement(_tmpl$22);
+				spread(_el$22, rest, false, false);
+				runHydrationEvents();
+				return _el$22;
+			})();
+			case "footer": return (() => {
+				var _el$23 = getNextElement(_tmpl$23);
+				spread(_el$23, rest, false, false);
+				runHydrationEvents();
+				return _el$23;
+			})();
+			case "aside": return (() => {
+				var _el$24 = getNextElement(_tmpl$24);
+				spread(_el$24, rest, false, false);
+				runHydrationEvents();
+				return _el$24;
+			})();
+			case "section": return (() => {
+				var _el$25 = getNextElement(_tmpl$25);
+				spread(_el$25, rest, false, false);
+				runHydrationEvents();
+				return _el$25;
+			})();
+			case "article": return (() => {
+				var _el$26 = getNextElement(_tmpl$26);
+				spread(_el$26, rest, false, false);
+				runHydrationEvents();
+				return _el$26;
+			})();
+			case "form": return (() => {
+				var _el$27 = getNextElement(_tmpl$27);
+				spread(_el$27, rest, false, false);
+				runHydrationEvents();
+				return _el$27;
+			})();
+			case "search": return (() => {
+				var _el$28 = getNextElement(_tmpl$28);
+				spread(_el$28, rest, false, false);
+				runHydrationEvents();
+				return _el$28;
+			})();
+			default: return createComponent(Dynamic, mergeProps({ get component() {
+				return local.tag;
+			} }, rest));
+		}
+	});
+}
+//#endregion
+export { ElementTag };
+
+//# sourceMappingURL=ElementTag.js.map

package/dist/ElementTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementTag.js","names":["JSX","createMemo","splitProps","Dynamic","ElementTagProps","Record","tag","children","Element","ElementTag","props","local","rest","cached","_el$","_$getNextElement","_tmpl$","_$spread","_$runHydrationEvents","_el$2","_tmpl$2","_el$3","_tmpl$3","_el$4","_tmpl$4","_el$5","_tmpl$5","_el$6","_tmpl$6","_el$7","_tmpl$7","_el$8","_tmpl$8","_el$9","_tmpl$9","_el$0","_tmpl$0","_el$1","_tmpl$1","_el$10","_tmpl$10","_el$11","_tmpl$11","_el$12","_tmpl$12","_el$13","_tmpl$13","_el$14","_tmpl$14","_el$15","_tmpl$15","_el$16","_tmpl$16","_el$17","_tmpl$17","_el$18","_tmpl$18","_el$19","_tmpl$19","_el$20","_tmpl$20","_el$21","_tmpl$21","_el$22","_tmpl$22","_el$23","_tmpl$23","_el$24","_tmpl$24","_el$25","_tmpl$25","_el$26","_tmpl$26","_el$27","_tmpl$27","_el$28","_tmpl$28","_$createComponent","_$mergeProps","component"],"sources":["../src/ElementTag.tsx"],"sourcesContent":["import { type JSX, createMemo, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport interface ElementTagProps extends Record<string, unknown> {\n  /** The HTML tag name to render. */\n  tag: string;\n  children?: JSX.Element;\n}\n\n/**\n * Renders a string tag as a *statically compiled* element.\n *\n * A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe\n * anywhere that can render after hydration settles. Solid's `createDynamic`\n * string branch calls `getNextElement()` with **no** `template` argument\n * (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only\n * reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is\n * set — hydration finished, but `sharedConfig.context` still live — it falls\n * through to `return template()` and throws `TypeError: template is not a\n * function`. Any deferred child lands on exactly that path: a `<Show>` that\n * flips, a Suspense resolution, a portal, a container that defers its children.\n *\n * Each branch below is real JSX, so the compiler emits a `template()` of its own\n * and hands it to `getNextElement(template)` — which adopts the SSR node from the\n * registry during hydration and clones the template afterwards. Both phases work.\n *\n * Props other than `tag` are spread through untouched, `children` included, so\n * this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only\n * `component` and spreads the rest onto the element).\n */\nexport function ElementTag(props: ElementTagProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"tag\"]);\n  // Two memos, layered exactly as `<Dynamic>` layers them, and for the same reason.\n  // Reading a single key off a merged-props proxy forces the dynamic spread behind\n  // it to evaluate (to settle key precedence), which subscribes the reader to every\n  // signal that spread touches. Absorbing that read in `cached` keeps it off the memo\n  // below: `cached` re-runs freely, but its *value* only moves when the tag really\n  // changes, so the element is rebuilt only then. Inline the read into the memo below\n  // instead and any prop change recreates the DOM node — blowing away focus, and\n  // looping where an ancestor counts the children it just rendered.\n  const cached = createMemo(() => local.tag);\n  return createMemo(() => {\n    switch (cached()) {\n      // Text / inline\n      case \"span\":\n        return <span {...rest} />;\n      case \"a\":\n        return <a {...rest} />;\n      case \"p\":\n        return <p {...rest} />;\n      case \"label\":\n        return <label {...rest} />;\n      case \"strong\":\n        return <strong {...rest} />;\n      case \"em\":\n        return <em {...rest} />;\n      case \"small\":\n        return <small {...rest} />;\n      // Flow\n      case \"div\":\n        return <div {...rest} />;\n      case \"hr\":\n        return <hr {...rest} />;\n      case \"li\":\n        return <li {...rest} />;\n      case \"ul\":\n        return <ul {...rest} />;\n      case \"ol\":\n        return <ol {...rest} />;\n      case \"figure\":\n        return <figure {...rest} />;\n      case \"blockquote\":\n        return <blockquote {...rest} />;\n      case \"address\":\n        return <address {...rest} />;\n      // Headings\n      case \"h1\":\n        return <h1 {...rest} />;\n      case \"h2\":\n        return <h2 {...rest} />;\n      case \"h3\":\n        return <h3 {...rest} />;\n      case \"h4\":\n        return <h4 {...rest} />;\n      case \"h5\":\n        return <h5 {...rest} />;\n      case \"h6\":\n        return <h6 {...rest} />;\n      // Landmarks\n      case \"main\":\n        return <main {...rest} />;\n      case \"nav\":\n        return <nav {...rest} />;\n      case \"header\":\n        return <header {...rest} />;\n      case \"footer\":\n        return <footer {...rest} />;\n      case \"aside\":\n        return <aside {...rest} />;\n      case \"section\":\n        return <section {...rest} />;\n      case \"article\":\n        return <article {...rest} />;\n      case \"form\":\n        return <form {...rest} />;\n      case \"search\":\n        return <search {...rest} />;\n      default:\n        // A tag no component in this package emits. Kept on `<Dynamic>` rather\n        // than hand-built so hydration still adopts the SSR node; it inherits\n        // the post-hydration caveat above, which is why every tag the library\n        // itself renders is listed explicitly.\n        return <Dynamic component={local.tag} {...rest} />;\n    }\n  }) as unknown as JSX.Element;\n}\n"],"mappings":"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"}

package/dist/ElementTag.jsx

@@ -0,0 +1,67 @@
+import { createMemo, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+//#region src/ElementTag.tsx
+/**
+* Renders a string tag as a *statically compiled* element.
+*
+* A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe
+* anywhere that can render after hydration settles. Solid's `createDynamic`
+* string branch calls `getNextElement()` with **no** `template` argument
+* (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only
+* reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is
+* set — hydration finished, but `sharedConfig.context` still live — it falls
+* through to `return template()` and throws `TypeError: template is not a
+* function`. Any deferred child lands on exactly that path: a `<Show>` that
+* flips, a Suspense resolution, a portal, a container that defers its children.
+*
+* Each branch below is real JSX, so the compiler emits a `template()` of its own
+* and hands it to `getNextElement(template)` — which adopts the SSR node from the
+* registry during hydration and clones the template afterwards. Both phases work.
+*
+* Props other than `tag` are spread through untouched, `children` included, so
+* this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only
+* `component` and spreads the rest onto the element).
+*/
+function ElementTag(props) {
+	const [local, rest] = splitProps(props, ["tag"]);
+	const cached = createMemo(() => local.tag);
+	return createMemo(() => {
+		switch (cached()) {
+			case "span": return <span {...rest} />;
+			case "a": return <a {...rest} />;
+			case "p": return <p {...rest} />;
+			case "label": return <label {...rest} />;
+			case "strong": return <strong {...rest} />;
+			case "em": return <em {...rest} />;
+			case "small": return <small {...rest} />;
+			case "div": return <div {...rest} />;
+			case "hr": return <hr {...rest} />;
+			case "li": return <li {...rest} />;
+			case "ul": return <ul {...rest} />;
+			case "ol": return <ol {...rest} />;
+			case "figure": return <figure {...rest} />;
+			case "blockquote": return <blockquote {...rest} />;
+			case "address": return <address {...rest} />;
+			case "h1": return <h1 {...rest} />;
+			case "h2": return <h2 {...rest} />;
+			case "h3": return <h3 {...rest} />;
+			case "h4": return <h4 {...rest} />;
+			case "h5": return <h5 {...rest} />;
+			case "h6": return <h6 {...rest} />;
+			case "main": return <main {...rest} />;
+			case "nav": return <nav {...rest} />;
+			case "header": return <header {...rest} />;
+			case "footer": return <footer {...rest} />;
+			case "aside": return <aside {...rest} />;
+			case "section": return <section {...rest} />;
+			case "article": return <article {...rest} />;
+			case "form": return <form {...rest} />;
+			case "search": return <search {...rest} />;
+			default: return <Dynamic component={local.tag} {...rest} />;
+		}
+	});
+}
+//#endregion
+export { ElementTag };
+
+//# sourceMappingURL=ElementTag.jsx.map