@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/breadcrumbs.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.jsx","names":["Breadcrumbs","HeadlessBreadcrumbs","HeadlessBreadcrumbItemContext","MenuTrigger","Menu","MenuItem","ChevronIcon","HeadlessBreadcrumbItem","BreadcrumbItem"],"sources":["../../src/icon/s2wf-icons/FolderBreadcrumbIcon.tsx","../../src/breadcrumbs/s2-breadcrumbs-styles.ts","../../src/breadcrumbs/index.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction FolderBreadcrumbIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"m16.75,5h-5.96387c-.21777,0-.42383-.09375-.56641-.25879l-1.7041-1.96387c-.42676-.49414-1.0459-.77734-1.7002-.77734h-3.56543c-1.24023,0-2.25,1.00977-2.25,2.25v10.5c0,1.24023,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00977,2.25-2.25v-7.5c0-1.24023-1.00977-2.25-2.25-2.25ZM3.25,3.5h3.56543c.21777,0,.42383.09375.56641.25879l1.07703,1.24121H2.5v-.75c0-.41309.33691-.75.75-.75Zm14.25,11.25c0,.41309-.33691.75-.75.75H3.25c-.41309,0-.75-.33691-.75-.75V6.5h14.25c.41309,0,.75.33691.75.75v7.5Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n      <path\n        d=\"m10,13.65039c-.19238,0-.38379-.07324-.53027-.21973l-3-3c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l2.46973,2.46973,2.46973-2.46973c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-3,3c-.14648.14648-.33789.21973-.53027.21973Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nexport type FolderBreadcrumbIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const FolderBreadcrumbIcon = createIcon(FolderBreadcrumbIconSvg);\nexport default FolderBreadcrumbIcon;\n","import { baseColor, focusRing, size as s2Size, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  controlSize,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport type S2BreadcrumbsSize = \"M\" | \"L\";\n\nexport const wrapperStyles = style<{ size: S2BreadcrumbsSize; isDisabled?: boolean }>(\n  {\n    position: \"relative\",\n    display: \"flex\",\n    justifyContent: \"start\",\n    listStyleType: \"none\",\n    flexWrap: \"nowrap\",\n    flexGrow: 1,\n    flexShrink: 0,\n    flexBasis: 0,\n    height: controlSize(),\n    gap: {\n      size: {\n        M: s2Size(6),\n        L: s2Size(9),\n      },\n    },\n    padding: 0,\n    transition: \"default\",\n    marginTop: 0,\n    marginBottom: 0,\n    marginStart: {\n      size: {\n        M: s2Size(6),\n        L: s2Size(9),\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nexport const breadcrumbStyles = style<{\n  size?: S2BreadcrumbsSize;\n  isDisabled?: boolean;\n  isCurrent?: boolean;\n  isMenu?: boolean;\n  isHovered?: boolean;\n  isFocusVisible?: boolean;\n  isFocused?: boolean;\n  isPressed?: boolean;\n}>({\n  ...focusRing(),\n  display: {\n    default: \"block\",\n    isMenu: \"flex\",\n  },\n  alignItems: {\n    isMenu: \"center\",\n  },\n  justifyContent: {\n    isMenu: \"start\",\n  },\n  height: {\n    isMenu: controlSize(),\n  },\n  transition: \"default\",\n  position: \"relative\",\n  flexShrink: 0,\n  borderStyle: \"none\",\n  /* A breadcrumb item is a nav row, so it takes the `row` corner (6px) rather than\n   * `sm` (4px, spectrum-theme.ts:630) — a value the register's radius ladder does not\n   * draw. The row-shaped siblings already spell this: tabs/index.tsx:336,\n   * steplist:68, tree:273/370/477, gridlist:642/686, table:1041. Visible chrome, not\n   * dead geometry — it shapes the hover fill and the focus-ring corner. */\n  borderRadius: \"row\",\n  font: controlFont(),\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isDisabled: baseColor(\"neutral-subdued\"),\n    isCurrent: baseColor(\"neutral\"),\n    forcedColors: {\n      default: \"LinkText\",\n      isDisabled: \"GrayText\",\n      isCurrent: \"GrayText\",\n    },\n  },\n  marginStart: {\n    isMenu: s2Size(-6),\n  },\n  textDecoration: {\n    default: \"none\",\n    isHovered: \"underline\",\n    isFocusVisible: \"underline\",\n    isDisabled: \"none\",\n  },\n  cursor: {\n    default: \"pointer\",\n    isDisabled: \"default\",\n    isCurrent: \"default\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: \"Highlight\",\n  },\n  disableTapHighlight: true,\n});\n\nexport const currentStyles = style<{ size: S2BreadcrumbsSize }>({\n  font: controlFont(),\n  fontWeight: \"bold\",\n  color: {\n    default: \"neutral\",\n    forcedColors: \"ButtonText\",\n  },\n});\n\nexport const chevronStyles = style<{ direction?: \"ltr\" | \"rtl\"; isMenu?: boolean }>({\n  scale: {\n    direction: {\n      rtl: -1,\n    },\n  },\n  marginStart: {\n    default: \"text-to-visual\",\n    isMenu: 0,\n  },\n  color: {\n    default: \"neutral\",\n    forcedColors: {\n      default: \"LinkText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n","import {\n  type Accessor,\n  For,\n  type JSX,\n  Show,\n  createContext,\n  createEffect,\n  createMemo,\n  createRoot,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n  untrack,\n  useContext,\n} from \"solid-js\";\nimport {\n  BreadcrumbItem as HeadlessBreadcrumbItem,\n  BreadcrumbItemContext as HeadlessBreadcrumbItemContext,\n  Breadcrumbs as HeadlessBreadcrumbs,\n  type BreadcrumbItemProps as HeadlessBreadcrumbItemProps,\n  type BreadcrumbItemRenderProps,\n  type BreadcrumbsProps as HeadlessBreadcrumbsProps,\n  type BreadcrumbsRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter, useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { mergeStyles } from \"../style/runtime\";\nimport { useProviderProps } from \"../provider\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { ActionButton } from \"../button/ActionButton\";\nimport { Menu, MenuItem, MenuTrigger, Text } from \"../Menu\";\nimport ChevronIcon from \"../icon/ui-icons/Chevron\";\nimport FolderBreadcrumbIcon from \"../icon/s2wf-icons/FolderBreadcrumbIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport {\n  breadcrumbStyles,\n  chevronStyles,\n  currentStyles,\n  wrapperStyles,\n  type S2BreadcrumbsSize,\n} from \"./s2-breadcrumbs-styles\";\n\nconst MAX_VISIBLE_ITEMS = 4;\n\nexport type { S2BreadcrumbsSize };\nexport type BreadcrumbsSize = S2BreadcrumbsSize | \"sm\" | \"md\" | \"lg\";\nexport type BreadcrumbsVariant = \"default\" | \"subtle\";\n\nexport interface BreadcrumbsProps<T> extends Omit<\n  HeadlessBreadcrumbsProps<T>,\n  \"class\" | \"style\" | \"ref\" | \"children\"\n> {\n  /** The children of the Breadcrumbs. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** The size of the Breadcrumbs. @default 'M' */\n  size?: BreadcrumbsSize;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Legacy visual variant alias. Kept for source compatibility; S2 Breadcrumbs has no variant. */\n  variant?: BreadcrumbsVariant;\n  /** Legacy separator toggle. Kept for source compatibility. */\n  showSeparator?: boolean;\n  /** Ref for the navigation element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface BreadcrumbProps extends Omit<\n  HeadlessBreadcrumbItemProps,\n  \"class\" | \"style\" | \"ref\" | \"children\"\n> {\n  /** The children of the breadcrumb item. */\n  children?: JSX.Element | ((renderProps: BreadcrumbItemRenderProps) => JSX.Element);\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Ref for the breadcrumb item element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport type BreadcrumbItemProps = BreadcrumbProps;\n\ntype CollapsedBreadcrumbEntry<T> =\n  | {\n      kind: \"item\";\n      item: T;\n      index: number;\n    }\n  | {\n      kind: \"menu\";\n    };\n\ntype InternalBreadcrumbsContextValue = {\n  size: Accessor<S2BreadcrumbsSize>;\n  isDisabled: Accessor<boolean>;\n  showSeparator: Accessor<boolean>;\n};\n\nconst defaultInternalBreadcrumbsContext: InternalBreadcrumbsContextValue = {\n  size: () => \"M\",\n  isDisabled: () => false,\n  showSeparator: () => true,\n};\n\nexport const BreadcrumbsContext = createContext<SpectrumContextValue<BreadcrumbsProps<any>>>(null);\nconst InternalBreadcrumbsContext = createContext<InternalBreadcrumbsContextValue>(\n  defaultInternalBreadcrumbsContext,\n);\n\nfunction normalizeSize(size?: BreadcrumbsSize): S2BreadcrumbsSize {\n  switch (size) {\n    case \"lg\":\n    case \"L\":\n      return \"L\";\n    case \"sm\":\n    case \"md\":\n    case \"M\":\n    default:\n      return \"M\";\n  }\n}\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\nfunction itemLabel(item: unknown): string {\n  if (typeof item === \"string\" || typeof item === \"number\") {\n    return String(item);\n  }\n\n  const maybeItem = item as {\n    label?: string;\n    name?: string;\n    title?: string;\n    textValue?: string;\n    key?: string | number;\n    id?: string | number;\n  };\n  return (\n    maybeItem.textValue ??\n    maybeItem.label ??\n    maybeItem.name ??\n    maybeItem.title ??\n    String(maybeItem.key ?? maybeItem.id ?? \"\")\n  );\n}\n\nfunction canMeasureOverflow(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  const userAgent = window.navigator?.userAgent?.toLowerCase() ?? \"\";\n  return !userAgent.includes(\"jsdom\") && !userAgent.includes(\"happy-dom\");\n}\n\nfunction fallbackVisibleTailCount(itemCount: number): number {\n  return itemCount > MAX_VISIBLE_ITEMS ? MAX_VISIBLE_ITEMS - 2 : itemCount;\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  if (typeof window === \"undefined\") {\n    return renderBreadcrumbs(props, () => {});\n  }\n\n  return createRoot((disposeRoot) => renderBreadcrumbs(props, disposeRoot));\n}\n\nfunction renderBreadcrumbs<T>(props: BreadcrumbsProps<T>, disposeRoot: () => void): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(BreadcrumbsContext), props.slot);\n  const mergedProps = mergeProps(\n    { size: \"M\" as const, showSeparator: true },\n    providerProps,\n    contextProps ?? {},\n    props,\n  );\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"items\",\n    \"getKey\",\n    \"onAction\",\n    \"isDisabled\",\n    \"ref\",\n    \"variant\",\n    \"showSeparator\",\n  ]);\n\n  const size = () => normalizeSize(local.size);\n  const isDisabled = () => local.isDisabled ?? false;\n  const showSeparator = () => local.showSeparator !== false;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n    props.ref,\n  );\n  let rootElement: HTMLElement | undefined;\n  let measurementElement: HTMLElement | undefined;\n  let measurementMenuButton: HTMLElement | undefined;\n  let resizeObserver: ResizeObserver | undefined;\n  let mutationObserver: MutationObserver | undefined;\n  let connectionObserver: MutationObserver | undefined;\n  const observedResizeTargets = new WeakSet<Element>();\n  const observedMutationTargets = new WeakSet<Element>();\n  let retryOverflowUpdateTimeout: number | undefined;\n  const initialOverflowUpdateTimeouts: number[] = [];\n  const measurementId = `rsp-breadcrumbs-${Math.random().toString(36).slice(2)}`;\n  const [canMeasure, setCanMeasure] = createSignal(canMeasureOverflow());\n  const [visibleTailCount, setVisibleTailCount] = createSignal(MAX_VISIBLE_ITEMS - 2);\n  let cleanupOverflowObservers = () => {};\n  let hasDisposedRoot = false;\n  let hasCleanedOverflowObservers = false;\n\n  const getClassName = (renderProps: BreadcrumbsRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      wrapperStyles(\n        {\n          size: size(),\n          isDisabled: renderProps.isDisabled,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const allItems = createMemo(() => local.items ?? []);\n  const scheduleOverflowRetry = () => {\n    if (\n      hasDisposedRoot ||\n      typeof window === \"undefined\" ||\n      retryOverflowUpdateTimeout !== undefined\n    ) {\n      return;\n    }\n\n    retryOverflowUpdateTimeout = window.setTimeout(() => {\n      retryOverflowUpdateTimeout = undefined;\n      updateOverflow();\n    }, 16);\n  };\n  const updateOverflow = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    const items = local.items ?? [];\n    if (items.length === 0) {\n      setVisibleTailCount(0);\n      return;\n    }\n\n    if (!canMeasure()) {\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const measureRoot =\n      measurementElement ??\n      (typeof document !== \"undefined\"\n        ? (document.querySelector(\n            `[data-rsp-breadcrumbs-measure-id=\"${measurementId}\"]`,\n          ) as HTMLElement | null)\n        : undefined);\n    const visibleContainer =\n      measureRoot?.previousElementSibling instanceof HTMLElement\n        ? measureRoot.previousElementSibling\n        : undefined;\n    const container = visibleContainer ?? rootElement;\n    if (measureRoot && measurementElement !== measureRoot) {\n      measurementElement = measureRoot;\n    }\n    if (container && rootElement !== container) {\n      rootElement = container;\n      assignRefs(container);\n    }\n    observeOverflowTargets();\n    if (!measureRoot || !container || typeof window === \"undefined\") {\n      scheduleOverflowRetry();\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const hiddenItems = Array.from(\n      measureRoot.querySelectorAll(\"[data-hidden-breadcrumb]\"),\n    ).filter((element): element is HTMLElement => element instanceof HTMLElement);\n    const folder =\n      measurementMenuButton ??\n      (measureRoot.querySelector(\"[data-hidden-breadcrumb-menu-button]\") as HTMLElement | null);\n    if (hiddenItems.length <= 0 || !folder) {\n      scheduleOverflowRetry();\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const containerWidth = container.offsetWidth || container.getBoundingClientRect().width;\n    const containerGap = Number.parseFloat(window.getComputedStyle(container).gap || \"0\") || 0;\n    const folderGap =\n      Number.parseFloat(window.getComputedStyle(folder).marginInlineStart || \"0\") || 0;\n    const widths = hiddenItems.map((breadcrumb) => breadcrumb.offsetWidth + 1);\n    const totalWidth = widths.reduce((sum, width) => sum + width, 0);\n\n    if (\n      totalWidth <= containerWidth - items.length * containerGap &&\n      items.length <= MAX_VISIBLE_ITEMS\n    ) {\n      setVisibleTailCount(items.length);\n      return;\n    }\n\n    const firstWidth = widths.shift() ?? 0;\n    let availableWidth =\n      containerWidth - firstWidth - folderGap - folder.offsetWidth - containerGap;\n    let nextVisibleTailCount = 0;\n    const maxTailCount = MAX_VISIBLE_ITEMS - 2;\n\n    for (const width of widths.reverse()) {\n      availableWidth -= width;\n      if (availableWidth <= 0) {\n        break;\n      }\n      availableWidth -= containerGap;\n      nextVisibleTailCount += 1;\n    }\n\n    const nextTailCount = Math.max(1, Math.min(maxTailCount, nextVisibleTailCount));\n    setVisibleTailCount(nextTailCount);\n  };\n  const queueOverflowUpdate = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    queueMicrotask(updateOverflow);\n    if (typeof requestAnimationFrame !== \"undefined\") {\n      requestAnimationFrame(updateOverflow);\n    }\n    if (typeof window !== \"undefined\") {\n      window.setTimeout(updateOverflow, 0);\n    }\n  };\n  const disposeBreadcrumbsRoot = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    hasDisposedRoot = true;\n    cleanupOverflowObservers();\n    disposeRoot();\n  };\n  const cleanupIfDisconnected = () => {\n    if (rootElement?.isConnected || measurementElement?.isConnected) {\n      return;\n    }\n\n    disposeBreadcrumbsRoot();\n  };\n  const observeOverflowTargets = () => {\n    if (hasDisposedRoot || !rootElement || (!resizeObserver && !mutationObserver)) {\n      return;\n    }\n\n    const observeElement = (element: HTMLElement, options: { mutations?: boolean } = {}) => {\n      if (resizeObserver && !observedResizeTargets.has(element)) {\n        resizeObserver.observe(element);\n        observedResizeTargets.add(element);\n      }\n\n      if (\n        options.mutations !== false &&\n        mutationObserver &&\n        !observedMutationTargets.has(element)\n      ) {\n        mutationObserver.observe(element, {\n          attributes: true,\n          attributeFilter: [\"class\", \"style\"],\n        });\n        observedMutationTargets.add(element);\n      }\n    };\n\n    let element: HTMLElement | null = rootElement;\n    while (element && element !== document.body) {\n      observeElement(element);\n      element = element.parentElement;\n    }\n\n    if (measurementElement) {\n      observeElement(measurementElement, { mutations: false });\n      if (measurementElement.parentElement) {\n        observeElement(measurementElement.parentElement);\n      }\n    }\n  };\n  const setRootElement = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    rootElement = element;\n    assignRefs(element);\n    observeOverflowTargets();\n    queueOverflowUpdate();\n  };\n  const setMeasurementElement = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    measurementElement = element;\n    const previousElement = element.previousElementSibling;\n    if (previousElement instanceof HTMLElement) {\n      rootElement = previousElement;\n      assignRefs(previousElement);\n      observeOverflowTargets();\n    }\n    queueOverflowUpdate();\n  };\n  const setMeasurementMenuButton = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    measurementMenuButton = element;\n    queueOverflowUpdate();\n  };\n\n  createEffect(() => {\n    allItems().length;\n    canMeasure();\n    size();\n    isDisabled();\n    queueOverflowUpdate();\n  });\n\n  onMount(() => {\n    const nextCanMeasure = canMeasureOverflow();\n    setCanMeasure(nextCanMeasure);\n\n    const safeUpdate = () => {\n      if (rootElement && !rootElement.isConnected) {\n        cleanupIfDisconnected();\n        return;\n      }\n\n      updateOverflow();\n    };\n    const safeQueueUpdate = () => {\n      if (rootElement && !rootElement.isConnected) {\n        cleanupIfDisconnected();\n        return;\n      }\n\n      queueOverflowUpdate();\n    };\n    resizeObserver =\n      nextCanMeasure && typeof ResizeObserver !== \"undefined\"\n        ? new ResizeObserver(safeQueueUpdate)\n        : undefined;\n    mutationObserver =\n      nextCanMeasure && typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(safeQueueUpdate)\n        : undefined;\n\n    observeOverflowTargets();\n    safeUpdate();\n    window.addEventListener(\"resize\", safeUpdate);\n    if (typeof requestAnimationFrame !== \"undefined\") {\n      requestAnimationFrame(() => {\n        safeUpdate();\n        requestAnimationFrame(safeUpdate);\n      });\n    }\n    for (const delay of [16, 50, 100, 250]) {\n      initialOverflowUpdateTimeouts.push(window.setTimeout(safeUpdate, delay));\n    }\n    document.fonts?.ready.then(() => {\n      if (!hasDisposedRoot) {\n        safeUpdate();\n      }\n    });\n    connectionObserver =\n      typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(cleanupIfDisconnected)\n        : undefined;\n    connectionObserver?.observe(document.body, { childList: true, subtree: true });\n    cleanupOverflowObservers = () => {\n      if (hasCleanedOverflowObservers) {\n        return;\n      }\n\n      hasCleanedOverflowObservers = true;\n      window.removeEventListener(\"resize\", safeUpdate);\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n      connectionObserver?.disconnect();\n      for (const timeout of initialOverflowUpdateTimeouts) {\n        window.clearTimeout(timeout);\n      }\n      if (retryOverflowUpdateTimeout !== undefined) {\n        window.clearTimeout(retryOverflowUpdateTimeout);\n      }\n    };\n  });\n  onCleanup(() => cleanupOverflowObservers());\n\n  const shouldCollapse = createMemo(() => {\n    const items = allItems();\n    if (items.length <= 2) {\n      return false;\n    }\n    const wantsCollapse =\n      items.length > MAX_VISIBLE_ITEMS || (canMeasure() && visibleTailCount() < items.length);\n    if (!wantsCollapse) {\n      return false;\n    }\n    // Only collapse when the overflow menu would actually hold an item. When the\n    // path shrinks (e.g. an overflow menu entry is chosen), `visibleTailCount` can\n    // trail the new, smaller collection for a frame — `sliceIndex` then lands at 1\n    // and the menu slice `[1, sliceIndex)` is empty. Upstream S2 renders that empty\n    // menu for a single frame and re-measures (React batches the state settle); our\n    // fine-grained overflow observers instead turn the transient into a\n    // collapse⇄expand feedback loop that pins the renderer thread. Gating on a\n    // non-empty menu yields the identical settled layout without the transient.\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n    return sliceIndex > 1;\n  });\n  createEffect(() => {\n    shouldCollapse();\n    queueOverflowUpdate();\n  });\n  const collapsedCollection = createMemo<CollapsedBreadcrumbEntry<T>[]>(() => {\n    const items = allItems();\n    if (!shouldCollapse()) {\n      return [];\n    }\n\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n\n    return [\n      { kind: \"item\", item: items[0] as T, index: 0 },\n      { kind: \"menu\" },\n      ...items.slice(sliceIndex).map((item, index) => ({\n        kind: \"item\" as const,\n        item,\n        index: sliceIndex + index,\n      })),\n    ];\n  });\n  const collapsedItems = createMemo(() => {\n    const items = allItems();\n    if (!shouldCollapse()) {\n      return [];\n    }\n\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n    return items.slice(1, sliceIndex);\n  });\n\n  const renderDynamicItem = (item: T | undefined) => {\n    if (item === undefined) {\n      return null;\n    }\n\n    const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n    return renderItem?.(item);\n  };\n\n  return (\n    <InternalBreadcrumbsContext.Provider value={{ size, isDisabled, showSeparator }}>\n      <Show\n        when={shouldCollapse()}\n        fallback={\n          <HeadlessBreadcrumbs\n            {...headlessProps}\n            items={local.items}\n            getKey={local.getKey}\n            onAction={local.onAction}\n            isDisabled={local.isDisabled}\n            ref={setRootElement}\n            class={getClassName}\n            style={() => mergedUnsafeStyle() ?? {}}\n            children={local.children as any}\n          />\n        }\n      >\n        <HeadlessBreadcrumbs\n          {...headlessProps}\n          items={collapsedCollection()}\n          getKey={(entry) =>\n            entry.kind === \"menu\"\n              ? \"__breadcrumb-menu\"\n              : (local.getKey?.(entry.item) ?? defaultItemKey(entry.item, entry.index))\n          }\n          onAction={local.onAction}\n          isDisabled={local.isDisabled}\n          ref={setRootElement}\n          class={getClassName}\n          style={() => mergedUnsafeStyle() ?? {}}\n          children={(entry) =>\n            entry.kind === \"menu\" ? (\n              <BreadcrumbMenu\n                items={collapsedItems()}\n                getKey={(item, index) =>\n                  local.getKey?.(item as T) ?? defaultItemKey(item, index + 1)\n                }\n                getLabel={itemLabel}\n                onAction={local.onAction}\n              />\n            ) : (\n              renderDynamicItem(entry.item)\n            )\n          }\n        />\n      </Show>\n      <Show when={allItems().length > 0 && canMeasure()}>\n        {/*\n          Hidden measurement copy. Faithful to upstream S2 `HiddenBreadcrumbs`\n          (react-spectrum/packages/@react-spectrum/s2/src/Breadcrumbs.tsx): a FLAT\n          projection of the items — plain `[data-hidden-breadcrumb]` divs — NOT a\n          second live Breadcrumbs collection. Rendering a second `<HeadlessBreadcrumbs>`\n          here span a synchronous reactive cycle between the two collections that pinned\n          the renderer thread. Each item still gets a BreadcrumbItemContext so the styled\n          Breadcrumb resolves isCurrent/isLast exactly as in the visible list.\n        */}\n        <div\n          ref={setMeasurementElement}\n          aria-hidden=\"true\"\n          data-rsp-breadcrumbs-measure=\"\"\n          data-rsp-breadcrumbs-measure-id={measurementId}\n          style={{\n            position: \"absolute\",\n            inset: \"0\",\n            display: \"flex\",\n            \"align-items\": \"center\",\n            visibility: \"hidden\",\n            overflow: \"hidden\",\n            opacity: 0,\n            \"pointer-events\": \"none\",\n          }}\n        >\n          <For each={allItems()}>\n            {(item, index) => {\n              const isLast = () => index() === allItems().length - 1;\n              const itemKey = () =>\n                local.getKey?.(item) ?? defaultItemKey(item, index());\n              return (\n                <div data-hidden-breadcrumb style={{ display: \"inline-flex\", \"align-items\": \"center\" }}>\n                  <HeadlessBreadcrumbItemContext.Provider\n                    value={{ get itemKey() { return itemKey(); }, isLast }}\n                  >\n                    {renderDynamicItem(item)}\n                  </HeadlessBreadcrumbItemContext.Provider>\n                </div>\n              );\n            }}\n          </For>\n          <ActionButton\n            ref={setMeasurementMenuButton}\n            data-hidden-breadcrumb-menu-button=\"\"\n            isQuiet\n            aria-label=\"More items\"\n          >\n            <FolderBreadcrumbIcon />\n          </ActionButton>\n        </div>\n      </Show>\n    </InternalBreadcrumbsContext.Provider>\n  );\n}\n\nfunction BreadcrumbMenu<T>(props: {\n  items: T[];\n  getKey: (item: T, index: number) => string | number;\n  getLabel: (item: T) => string;\n  onAction?: (key: string | number) => void;\n}): JSX.Element {\n  const locale = useLocale();\n  const context = useContext(InternalBreadcrumbsContext) ?? defaultInternalBreadcrumbsContext;\n  const formatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const label = () => formatter().format(\"breadcrumbs.more\");\n\n  return (\n    <span\n      class={breadcrumbStyles({\n        size: context.size(),\n        isDisabled: context.isDisabled(),\n        isMenu: true,\n      })}\n      data-rsp-breadcrumb-menu=\"\"\n    >\n      <MenuTrigger>\n        <ActionButton isDisabled={context.isDisabled()} isQuiet aria-label={label()}>\n          <FolderBreadcrumbIcon />\n        </ActionButton>\n        <Menu\n          items={props.items}\n          // Menu invokes onAction(key, value); Breadcrumbs' contract is key-only\n          // (matching upstream), so drop the leaked item value.\n          onAction={(key) => props.onAction?.(key)}\n          size={context.size()}\n          aria-label={label()}\n        >\n          {(item) => (\n            <MenuItem id={props.getKey(item, props.items.indexOf(item))}>\n              <Text slot=\"label\">{props.getLabel(item)}</Text>\n            </MenuItem>\n          )}\n        </Menu>\n      </MenuTrigger>\n      <ChevronIcon\n        size={context.size()}\n        class={chevronStyles({ direction: locale().direction, isMenu: true })}\n      />\n    </span>\n  );\n}\n\n/**\n * An individual Breadcrumb for Breadcrumbs.\n */\nexport function Breadcrumb(props: BreadcrumbProps): JSX.Element {\n  const context = useContext(InternalBreadcrumbsContext) ?? defaultInternalBreadcrumbsContext;\n  const locale = useLocale();\n  const providerProps = useProviderProps(props);\n  const mergedProps = mergeProps(providerProps, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const assignRefs = mergeContextRefs(props.ref);\n  const mergedStyles = () => mergeContextStyles(undefined, local.styles);\n  const size = () => context.size();\n  const [isCurrent, setIsCurrent] = createSignal(false);\n\n  const syncRenderProps = (renderProps: BreadcrumbItemRenderProps) => {\n    untrack(() => {\n      if (isCurrent() !== renderProps.isCurrent) {\n        setIsCurrent(renderProps.isCurrent);\n      }\n    });\n  };\n\n  const getClassName = (renderProps: BreadcrumbItemRenderProps): string => {\n    syncRenderProps(renderProps);\n\n    return [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        breadcrumbStyles({\n          size: size(),\n          isDisabled: renderProps.isDisabled || context.isDisabled(),\n          isCurrent: renderProps.isCurrent,\n          isHovered: renderProps.isHovered,\n          isFocusVisible: renderProps.isFocusVisible,\n          isFocused: renderProps.isFocused,\n          isPressed: renderProps.isPressed,\n        }),\n        renderProps.isCurrent ? currentStyles({ size: size() }) : undefined,\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  const getStyle = (renderProps: BreadcrumbItemRenderProps): JSX.CSSProperties => ({\n    ...(local.UNSAFE_style ?? {}),\n    display: \"block\",\n    \"clip-path\": renderProps.isFocusVisible ? \"none\" : \"margin-box\",\n  });\n\n  const renderChildren = (renderProps: BreadcrumbItemRenderProps): JSX.Element => {\n    syncRenderProps(renderProps);\n\n    const content =\n      typeof local.children === \"function\" ? local.children(renderProps) : local.children;\n\n    return content;\n  };\n\n  return (\n    <span style={{ display: \"contents\" }}>\n      <HeadlessBreadcrumbItem\n        {...headlessProps}\n        elementType={isCurrent() ? \"div\" : headlessProps.elementType}\n        ref={(node: HTMLElement) => assignRefs(node)}\n        isDisabled={headlessProps.isDisabled || context.isDisabled()}\n        class={getClassName}\n        style={getStyle}\n        children={renderChildren}\n      />\n      <Show when={context.showSeparator() && !isCurrent()}>\n        <ChevronIcon size=\"M\" class={chevronStyles({ direction: locale().direction })} />\n      </Show>\n    </span>\n  );\n}\n\nexport const BreadcrumbItem = Breadcrumb;\nexport const Item = Breadcrumb;\n\nBreadcrumbs.Item = Breadcrumb;\n"],"mappings":"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"}
+{"version":3,"file":"breadcrumbs.jsx","names":["Breadcrumbs","mergeProps","HeadlessBreadcrumbs","HeadlessBreadcrumbItemContext","MenuTrigger","Menu","MenuItem","Text","ChevronIcon","HeadlessBreadcrumbItem","BreadcrumbItem"],"sources":["../../src/icon/s2wf-icons/FolderBreadcrumbIcon.tsx","../../src/breadcrumbs/s2-breadcrumbs-styles.ts","../../src/breadcrumbs/index.tsx"],"sourcesContent":["/*\n * Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: @react-spectrum/s2@1.7.0/icons/FolderBreadcrumb.mjs\n// Generator input: @react-spectrum/s2@1.7.0/icons/FolderBreadcrumb.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createIcon } from \"../spectrum-icon\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nfunction FolderBreadcrumbIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M16.75 5h-5.964c-.218 0-.424-.094-.566-.259L8.516 2.777C8.089 2.283 7.47 2 6.816 2H3.25C2.01 2 1 3.01 1 4.25v10.5C1 15.99 2.01 17 3.25 17h13.5c1.24 0 2.25-1.01 2.25-2.25v-7.5C19 6.01 17.99 5 16.75 5M3.25 3.5h3.565c.218 0 .424.094.567.259L8.459 5H2.5v-.75c0-.413.337-.75.75-.75M17.5 14.75c0 .413-.337.75-.75.75H3.25c-.413 0-.75-.337-.75-.75V6.5h14.25c.413 0 .75.337.75.75z\"\n      />\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M10 13.65c-.192 0-.384-.073-.53-.22l-3-3c-.293-.292-.293-.767 0-1.06s.767-.293 1.06 0L10 11.84l2.47-2.47c.293-.293.767-.293 1.06 0s.293.768 0 1.06l-3 3c-.146.147-.338.22-.53.22\"\n      />\n    </svg>\n  );\n}\n\nexport type FolderBreadcrumbIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const FolderBreadcrumbIcon = createIcon(FolderBreadcrumbIconSvg);\nexport default FolderBreadcrumbIcon;\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Breadcrumbs.tsx\n\n// Port of packages/@react-spectrum/s2/src/Breadcrumbs.tsx.\n\nimport { baseColor, focusRing, size as s2Size, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  controlSize,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport type S2BreadcrumbsSize = \"M\" | \"L\";\n\nexport const wrapperStyles = style<{ size: S2BreadcrumbsSize; isDisabled?: boolean }>(\n  {\n    position: \"relative\",\n    display: \"flex\",\n    justifyContent: \"start\",\n    listStyleType: \"none\",\n    flexWrap: \"nowrap\",\n    flexGrow: 1,\n    flexShrink: 0,\n    flexBasis: 0,\n    height: controlSize(),\n    gap: {\n      size: {\n        M: s2Size(6),\n        L: s2Size(9),\n      },\n    },\n    padding: 0,\n    transition: \"default\",\n    marginTop: 0,\n    marginBottom: 0,\n    marginStart: {\n      size: {\n        M: s2Size(6),\n        L: s2Size(9),\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nexport const breadcrumbStyles = style<{\n  size?: S2BreadcrumbsSize;\n  isDisabled?: boolean;\n  isCurrent?: boolean;\n  isMenu?: boolean;\n  isHovered?: boolean;\n  isFocusVisible?: boolean;\n  isFocused?: boolean;\n  isPressed?: boolean;\n}>({\n  ...focusRing(),\n  display: {\n    default: \"block\",\n    isMenu: \"flex\",\n  },\n  alignItems: {\n    isMenu: \"center\",\n  },\n  justifyContent: {\n    isMenu: \"start\",\n  },\n  height: {\n    isMenu: controlSize(),\n  },\n  transition: \"default\",\n  position: \"relative\",\n  flexShrink: 0,\n  borderStyle: \"none\",\n  /* A breadcrumb item is a nav row, so it takes the `row` corner (6px) rather than\n   * `sm` (4px, spectrum-theme.ts:630) — a value the register's radius ladder does not\n   * draw. The row-shaped siblings already spell this: tabs/index.tsx:336,\n   * steplist:68, tree:273/370/477, gridlist:642/686, table:1041. Visible chrome, not\n   * dead geometry — it shapes the hover fill and the focus-ring corner. */\n  borderRadius: \"row\",\n  font: controlFont(),\n  /* Glasselated: breadcrumbs are the register's command-bar path — a cwd line, so\n   * mono 11.5 with the structure channel on the walkable segments and the plain\n   * primary ink on the leaf. `font` above still owns the ramp; these follow it so\n   * the shorthand cannot clobber them. */\n  fontFamily: \"code\",\n  fontSize: \"[11.5px]\",\n  color: {\n    default: \"[var(--status-info)]\",\n    isDisabled: \"disabled\",\n    isCurrent: \"neutral\",\n    forcedColors: {\n      default: \"LinkText\",\n      isDisabled: \"GrayText\",\n      isCurrent: \"GrayText\",\n    },\n  },\n  marginStart: {\n    isMenu: s2Size(-6),\n  },\n  textDecoration: {\n    default: \"none\",\n    isHovered: \"underline\",\n    isFocusVisible: \"underline\",\n    isDisabled: \"none\",\n  },\n  cursor: {\n    default: \"pointer\",\n    isDisabled: \"default\",\n    isCurrent: \"default\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: \"Highlight\",\n  },\n  disableTapHighlight: true,\n});\n\nexport const currentStyles = style<{ size: S2BreadcrumbsSize }>({\n  font: controlFont(),\n  fontFamily: \"code\",\n  fontSize: \"[11.5px]\",\n  fontWeight: \"bold\",\n  color: {\n    default: \"neutral\",\n    forcedColors: \"ButtonText\",\n  },\n});\n\n/* Glasselated: the path separator is a literal \"/\" in the muted ink, not a chevron —\n * the register writes breadcrumbs as a shell path (`~/projects/viviana`). The\n * overflow MENU keeps its chevron: that one is a disclosure affordance, not a\n * separator. */\nexport const separatorStyles = style({\n  fontFamily: \"code\",\n  fontSize: \"[11.5px]\",\n  lineHeight: \"[1.2]\",\n  alignSelf: \"center\",\n  flexShrink: 0,\n  color: {\n    default: \"[var(--text-tertiary)]\",\n    forcedColors: \"GrayText\",\n  },\n  userSelect: \"none\",\n});\n\nexport const chevronStyles = style<{ direction?: \"ltr\" | \"rtl\"; isMenu?: boolean }>({\n  scale: {\n    direction: {\n      rtl: -1,\n    },\n  },\n  marginStart: {\n    default: \"text-to-visual\",\n    isMenu: 0,\n  },\n  color: {\n    default: \"neutral\",\n    forcedColors: {\n      default: \"LinkText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Breadcrumbs.tsx\n\n// Port of packages/@react-spectrum/s2/src/Breadcrumbs.tsx.\nimport {\n  For,\n  Show,\n  createContext,\n  createEffect,\n  createMemo,\n  createRoot,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  onSettled,\n  untrack,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  BreadcrumbItem as HeadlessBreadcrumbItem,\n  BreadcrumbItemContext as HeadlessBreadcrumbItemContext,\n  Breadcrumbs as HeadlessBreadcrumbs,\n  type BreadcrumbItemProps as HeadlessBreadcrumbItemProps,\n  type BreadcrumbItemRenderProps,\n  type BreadcrumbsProps as HeadlessBreadcrumbsProps,\n  type BreadcrumbsRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { mergeProps, createStringFormatter, useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { mergeStyles } from \"../style/runtime\";\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { ActionButton } from \"../button/ActionButton\";\nimport { Menu, MenuItem, MenuTrigger, Text } from \"../Menu\";\nimport ChevronIcon from \"../icon/ui-icons/Chevron\";\nimport FolderBreadcrumbIcon from \"../icon/s2wf-icons/FolderBreadcrumbIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  breadcrumbStyles,\n  chevronStyles,\n  separatorStyles,\n  currentStyles,\n  wrapperStyles,\n  type S2BreadcrumbsSize,\n} from \"./s2-breadcrumbs-styles\";\n\nconst MAX_VISIBLE_ITEMS = 4;\n\nexport type { S2BreadcrumbsSize };\nexport type BreadcrumbsSize = S2BreadcrumbsSize | \"sm\" | \"md\" | \"lg\";\nexport type BreadcrumbsVariant = \"default\" | \"subtle\";\n\nexport interface BreadcrumbsProps<T> extends Omit<\n  HeadlessBreadcrumbsProps<T>,\n  \"class\" | \"style\" | \"ref\" | \"children\"\n> {\n  /** The children of the Breadcrumbs. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** The size of the Breadcrumbs. @default 'M' */\n  size?: BreadcrumbsSize;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Legacy visual variant alias. Kept for source compatibility; S2 Breadcrumbs has no variant. */\n  variant?: BreadcrumbsVariant;\n  /** Legacy separator toggle. Kept for source compatibility. */\n  showSeparator?: boolean;\n  /** Ref for the navigation element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface BreadcrumbProps extends Omit<\n  HeadlessBreadcrumbItemProps,\n  \"class\" | \"style\" | \"ref\" | \"children\"\n> {\n  /** The children of the breadcrumb item. */\n  children?: JSX.Element | ((renderProps: BreadcrumbItemRenderProps) => JSX.Element);\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Ref for the breadcrumb item element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport type BreadcrumbItemProps = BreadcrumbProps;\n\ntype CollapsedBreadcrumbEntry<T> =\n  | {\n      kind: \"item\";\n      item: T;\n      index: number;\n    }\n  | {\n      kind: \"menu\";\n    };\n\ntype InternalBreadcrumbsContextValue = {\n  size: Accessor<S2BreadcrumbsSize>;\n  isDisabled: Accessor<boolean>;\n  showSeparator: Accessor<boolean>;\n};\n\nconst defaultInternalBreadcrumbsContext: InternalBreadcrumbsContextValue = {\n  size: () => \"M\",\n  isDisabled: () => false,\n  showSeparator: () => true,\n};\n\nexport const BreadcrumbsContext = createContext<SpectrumContextValue<BreadcrumbsProps<any>>>(null);\nconst InternalBreadcrumbsContext = createContext<InternalBreadcrumbsContextValue>(\n  defaultInternalBreadcrumbsContext,\n);\n\nfunction normalizeSize(size?: BreadcrumbsSize): S2BreadcrumbsSize {\n  switch (size) {\n    case \"lg\":\n    case \"L\":\n      return \"L\";\n    case \"sm\":\n    case \"md\":\n    case \"M\":\n    default:\n      return \"M\";\n  }\n}\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\nfunction itemLabel(item: unknown): string {\n  if (typeof item === \"string\" || typeof item === \"number\") {\n    return String(item);\n  }\n\n  const maybeItem = item as {\n    label?: string;\n    name?: string;\n    title?: string;\n    textValue?: string;\n    key?: string | number;\n    id?: string | number;\n  };\n  return (\n    maybeItem.textValue ??\n    maybeItem.label ??\n    maybeItem.name ??\n    maybeItem.title ??\n    String(maybeItem.key ?? maybeItem.id ?? \"\")\n  );\n}\n\nfunction canMeasureOverflow(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  const userAgent = window.navigator?.userAgent?.toLowerCase() ?? \"\";\n  return !userAgent.includes(\"jsdom\") && !userAgent.includes(\"happy-dom\");\n}\n\nfunction fallbackVisibleTailCount(itemCount: number): number {\n  return itemCount > MAX_VISIBLE_ITEMS ? MAX_VISIBLE_ITEMS - 2 : itemCount;\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  return createRoot((disposeRoot) => renderBreadcrumbs(props, disposeRoot));\n}\n\nfunction renderBreadcrumbs<T>(props: BreadcrumbsProps<T>, disposeRoot: () => void): JSX.Element {\n  const providerProps = useProviderProps(props) as BreadcrumbsProps<T> & ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(BreadcrumbsContext), props.slot);\n  const mergedProps = mergeProps<BreadcrumbsProps<T>>(\n    { size: \"M\" as const, showSeparator: true },\n    flags,\n    contextProps ?? {},\n    props,\n  );\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"items\",\n    \"getKey\",\n    \"onAction\",\n    \"isDisabled\",\n    \"ref\",\n    \"variant\",\n    \"showSeparator\",\n  ]);\n\n  const size = () => normalizeSize(local.size);\n  const isDisabled = () => local.isDisabled ?? false;\n  const showSeparator = () => local.showSeparator !== false;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n    props.ref,\n  );\n  let rootElement: HTMLElement | undefined;\n  let measurementElement: HTMLElement | undefined;\n  let measurementMenuButton: HTMLElement | undefined;\n  let resizeObserver: ResizeObserver | undefined;\n  let mutationObserver: MutationObserver | undefined;\n  let connectionObserver: MutationObserver | undefined;\n  const observedResizeTargets = new WeakSet<Element>();\n  const observedMutationTargets = new WeakSet<Element>();\n  let retryOverflowUpdateTimeout: number | undefined;\n  const initialOverflowUpdateTimeouts: number[] = [];\n  const measurementId = `rsp-breadcrumbs-${createUniqueId()}`;\n  // Starts false on both sides, and `onSettled` below reads the environment after\n  // commit. Seeding it from `canMeasureOverflow()` read `window`, so the client's\n  // first render carried the hidden measurement copy the server cannot emit, and the\n  // copy's first `ElementTag` asked for a hydration key that does not exist (#545).\n  // This diverges from upstream S2 on purpose. It renders `HiddenBreadcrumbs`\n  // unconditionally (@react-spectrum/s2 1.7.0 `src/Breadcrumbs.tsx:542`) and measures\n  // in a layout effect (`:527`), so the hidden copy is in its server HTML and in its\n  // first client render alike, and React reconciles the two. Solid hydrates the\n  // server's DOM by key, so a node only one side renders throws — we render this copy\n  // on neither side until after commit. Upstream also seeds fully expanded\n  // (`useState(collection.size)`, `:452`) where `visibleTailCount` below starts at\n  // `MAX_VISIBLE_ITEMS - 2`. Do not \"restore\" either to upstream's shape.\n  const [canMeasure, setCanMeasure] = createSignal(false);\n  const [visibleTailCount, setVisibleTailCount] = createSignal(MAX_VISIBLE_ITEMS - 2);\n  let cleanupOverflowObservers = () => {};\n  let hasDisposedRoot = false;\n  let hasCleanedOverflowObservers = false;\n\n  const getClassName = (renderProps: BreadcrumbsRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      wrapperStyles(\n        {\n          size: size(),\n          isDisabled: renderProps.isDisabled,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const allItems = createMemo(() => local.items ?? []);\n  const scheduleOverflowRetry = () => {\n    if (\n      hasDisposedRoot ||\n      typeof window === \"undefined\" ||\n      retryOverflowUpdateTimeout !== undefined\n    ) {\n      return;\n    }\n\n    retryOverflowUpdateTimeout = window.setTimeout(() => {\n      retryOverflowUpdateTimeout = undefined;\n      updateOverflow();\n    }, 16);\n  };\n  const updateOverflow = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    const items = local.items ?? [];\n    if (items.length === 0) {\n      setVisibleTailCount(0);\n      return;\n    }\n\n    if (!canMeasure()) {\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const measureRoot =\n      measurementElement ??\n      (typeof document !== \"undefined\"\n        ? (document.querySelector(\n            `[data-rsp-breadcrumbs-measure-id=\"${measurementId}\"]`,\n          ) as HTMLElement | null)\n        : undefined);\n    const visibleContainer =\n      measureRoot?.previousElementSibling instanceof HTMLElement\n        ? measureRoot.previousElementSibling\n        : undefined;\n    const container = visibleContainer ?? rootElement;\n    if (measureRoot && measurementElement !== measureRoot) {\n      measurementElement = measureRoot;\n    }\n    if (container && rootElement !== container) {\n      rootElement = container;\n      assignRefs(container);\n    }\n    observeOverflowTargets();\n    if (!measureRoot || !container || typeof window === \"undefined\") {\n      scheduleOverflowRetry();\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const hiddenItems = Array.from(measureRoot.querySelectorAll(\"[data-hidden-breadcrumb]\")).filter(\n      (element): element is HTMLElement => element instanceof HTMLElement,\n    );\n    const folder =\n      measurementMenuButton ??\n      (measureRoot.querySelector(\"[data-hidden-breadcrumb-menu-button]\") as HTMLElement | null);\n    if (hiddenItems.length <= 0 || !folder) {\n      scheduleOverflowRetry();\n      setVisibleTailCount(fallbackVisibleTailCount(items.length));\n      return;\n    }\n\n    const containerWidth = container.offsetWidth || container.getBoundingClientRect().width;\n    const containerGap = Number.parseFloat(window.getComputedStyle(container).gap || \"0\") || 0;\n    const folderGap =\n      Number.parseFloat(window.getComputedStyle(folder).marginInlineStart || \"0\") || 0;\n    const widths = hiddenItems.map((breadcrumb) => breadcrumb.offsetWidth + 1);\n    const totalWidth = widths.reduce((sum, width) => sum + width, 0);\n\n    if (\n      totalWidth <= containerWidth - items.length * containerGap &&\n      items.length <= MAX_VISIBLE_ITEMS\n    ) {\n      setVisibleTailCount(items.length);\n      return;\n    }\n\n    const firstWidth = widths.shift() ?? 0;\n    let availableWidth =\n      containerWidth - firstWidth - folderGap - folder.offsetWidth - containerGap;\n    let nextVisibleTailCount = 0;\n    const maxTailCount = MAX_VISIBLE_ITEMS - 2;\n\n    for (const width of widths.reverse()) {\n      availableWidth -= width;\n      if (availableWidth <= 0) {\n        break;\n      }\n      availableWidth -= containerGap;\n      nextVisibleTailCount += 1;\n    }\n\n    const nextTailCount = Math.max(1, Math.min(maxTailCount, nextVisibleTailCount));\n    setVisibleTailCount(nextTailCount);\n  };\n  const queueOverflowUpdate = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    queueMicrotask(updateOverflow);\n    if (typeof requestAnimationFrame !== \"undefined\") {\n      requestAnimationFrame(updateOverflow);\n    }\n    if (typeof window !== \"undefined\") {\n      window.setTimeout(updateOverflow, 0);\n    }\n  };\n  const disposeBreadcrumbsRoot = () => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    hasDisposedRoot = true;\n    cleanupOverflowObservers();\n    disposeRoot();\n  };\n  const cleanupIfDisconnected = () => {\n    if (rootElement?.isConnected || measurementElement?.isConnected) {\n      return;\n    }\n\n    disposeBreadcrumbsRoot();\n  };\n  const observeOverflowTargets = () => {\n    if (hasDisposedRoot || !rootElement || (!resizeObserver && !mutationObserver)) {\n      return;\n    }\n\n    const observeElement = (element: HTMLElement, options: { mutations?: boolean } = {}) => {\n      if (resizeObserver && !observedResizeTargets.has(element)) {\n        resizeObserver.observe(element);\n        observedResizeTargets.add(element);\n      }\n\n      if (\n        options.mutations !== false &&\n        mutationObserver &&\n        !observedMutationTargets.has(element)\n      ) {\n        mutationObserver.observe(element, {\n          attributes: true,\n          attributeFilter: [\"class\", \"style\"],\n        });\n        observedMutationTargets.add(element);\n      }\n    };\n\n    let element: HTMLElement | null = rootElement;\n    while (element && element !== document.body) {\n      observeElement(element);\n      element = element.parentElement;\n    }\n\n    if (measurementElement) {\n      observeElement(measurementElement, { mutations: false });\n      if (measurementElement.parentElement) {\n        observeElement(measurementElement.parentElement);\n      }\n    }\n  };\n  const setRootElement = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    rootElement = element;\n    assignRefs(element);\n    observeOverflowTargets();\n    queueOverflowUpdate();\n  };\n  const setMeasurementElement = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    measurementElement = element;\n    const previousElement = element.previousElementSibling;\n    if (previousElement instanceof HTMLElement) {\n      rootElement = previousElement;\n      assignRefs(previousElement);\n      observeOverflowTargets();\n    }\n    queueOverflowUpdate();\n  };\n  const setMeasurementMenuButton = (element: HTMLElement) => {\n    if (hasDisposedRoot) {\n      return;\n    }\n\n    measurementMenuButton = element;\n    queueOverflowUpdate();\n  };\n\n  createTrackedEffect(() => {\n    allItems().length;\n    canMeasure();\n    size();\n    isDisabled();\n    queueOverflowUpdate();\n  });\n\n  onSettled(() => {\n    const nextCanMeasure = canMeasureOverflow();\n    setCanMeasure(nextCanMeasure);\n\n    const safeUpdate = () => {\n      if (rootElement && !rootElement.isConnected) {\n        cleanupIfDisconnected();\n        return;\n      }\n\n      updateOverflow();\n    };\n    const safeQueueUpdate = () => {\n      if (rootElement && !rootElement.isConnected) {\n        cleanupIfDisconnected();\n        return;\n      }\n\n      queueOverflowUpdate();\n    };\n    resizeObserver =\n      nextCanMeasure && typeof ResizeObserver !== \"undefined\"\n        ? new ResizeObserver(safeQueueUpdate)\n        : undefined;\n    mutationObserver =\n      nextCanMeasure && typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(safeQueueUpdate)\n        : undefined;\n\n    observeOverflowTargets();\n    safeUpdate();\n    window.addEventListener(\"resize\", safeUpdate);\n    if (typeof requestAnimationFrame !== \"undefined\") {\n      requestAnimationFrame(() => {\n        safeUpdate();\n        requestAnimationFrame(safeUpdate);\n      });\n    }\n    for (const delay of [16, 50, 100, 250]) {\n      initialOverflowUpdateTimeouts.push(window.setTimeout(safeUpdate, delay));\n    }\n    void document.fonts?.ready.then(() => {\n      if (!hasDisposedRoot) {\n        safeUpdate();\n      }\n    });\n    connectionObserver =\n      typeof MutationObserver !== \"undefined\"\n        ? new MutationObserver(cleanupIfDisconnected)\n        : undefined;\n    connectionObserver?.observe(document.body, { childList: true, subtree: true });\n    cleanupOverflowObservers = () => {\n      if (hasCleanedOverflowObservers) {\n        return;\n      }\n\n      hasCleanedOverflowObservers = true;\n      window.removeEventListener(\"resize\", safeUpdate);\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n      connectionObserver?.disconnect();\n      for (const timeout of initialOverflowUpdateTimeouts) {\n        window.clearTimeout(timeout);\n      }\n      if (retryOverflowUpdateTimeout !== undefined) {\n        window.clearTimeout(retryOverflowUpdateTimeout);\n      }\n    };\n  });\n  onCleanup(() => cleanupOverflowObservers());\n\n  const shouldCollapse = createMemo(() => {\n    const items = allItems();\n    if (items.length <= 2) {\n      return false;\n    }\n    const wantsCollapse =\n      items.length > MAX_VISIBLE_ITEMS || (canMeasure() && visibleTailCount() < items.length);\n    if (!wantsCollapse) {\n      return false;\n    }\n    // Only collapse when the overflow menu would actually hold an item. When the\n    // path shrinks (e.g. an overflow menu entry is chosen), `visibleTailCount` can\n    // trail the new, smaller collection for a frame — `sliceIndex` then lands at 1\n    // and the menu slice `[1, sliceIndex)` is empty. Upstream S2 renders that empty\n    // menu for a single frame and re-measures (React batches the state settle); our\n    // fine-grained overflow observers instead turn the transient into a\n    // collapse⇄expand feedback loop that pins the renderer thread. Gating on a\n    // non-empty menu yields the identical settled layout without the transient.\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n    return sliceIndex > 1;\n  });\n  createTrackedEffect(() => {\n    shouldCollapse();\n    queueOverflowUpdate();\n  });\n  const collapsedCollection = createMemo<CollapsedBreadcrumbEntry<T>[]>(() => {\n    const items = allItems();\n    if (!shouldCollapse()) {\n      return [];\n    }\n\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n\n    return [\n      { kind: \"item\", item: items[0] as T, index: 0 },\n      { kind: \"menu\" },\n      ...items.slice(sliceIndex).map((item, index) => ({\n        kind: \"item\" as const,\n        item,\n        index: sliceIndex + index,\n      })),\n    ];\n  });\n  const collapsedItems = createMemo(() => {\n    const items = allItems();\n    if (!shouldCollapse()) {\n      return [];\n    }\n\n    const tailCount = Math.min(visibleTailCount(), items.length);\n    const sliceIndex = Math.max(1, items.length - tailCount);\n    return items.slice(1, sliceIndex);\n  });\n\n  const renderDynamicItem = (item: T | undefined) => {\n    if (item === undefined) {\n      return null;\n    }\n\n    const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n    return renderItem?.(item);\n  };\n\n  return (\n    <InternalBreadcrumbsContext value={{ size, isDisabled, showSeparator }}>\n      <Show\n        when={shouldCollapse()}\n        fallback={\n          <HeadlessBreadcrumbs\n            {...headlessProps}\n            items={local.items}\n            getKey={local.getKey}\n            onAction={local.onAction}\n            isDisabled={local.isDisabled}\n            ref={setRootElement}\n            class={getClassName}\n            style={() => mergedUnsafeStyle() ?? {}}\n            children={local.children as any}\n          />\n        }\n      >\n        <HeadlessBreadcrumbs\n          {...headlessProps}\n          items={collapsedCollection()}\n          getKey={(entry) =>\n            entry.kind === \"menu\"\n              ? \"__breadcrumb-menu\"\n              : (local.getKey?.(entry.item) ?? defaultItemKey(entry.item, entry.index))\n          }\n          onAction={local.onAction}\n          isDisabled={local.isDisabled}\n          ref={setRootElement}\n          class={getClassName}\n          style={() => mergedUnsafeStyle() ?? {}}\n          children={(entry) =>\n            entry.kind === \"menu\" ? (\n              <BreadcrumbMenu\n                items={collapsedItems()}\n                getKey={(item, index) =>\n                  local.getKey?.(item as T) ?? defaultItemKey(item, index + 1)\n                }\n                getLabel={itemLabel}\n                onAction={local.onAction}\n              />\n            ) : (\n              renderDynamicItem(entry.item)\n            )\n          }\n        />\n      </Show>\n      <Show when={allItems().length > 0 && canMeasure()}>\n        {/*\n          Hidden measurement copy. Faithful to upstream S2 `HiddenBreadcrumbs`\n          (react-spectrum/packages/@react-spectrum/s2/src/Breadcrumbs.tsx): a FLAT\n          projection of the items — plain `[data-hidden-breadcrumb]` divs — NOT a\n          second live Breadcrumbs collection. Rendering a second `<HeadlessBreadcrumbs>`\n          here span a synchronous reactive cycle between the two collections that pinned\n          the renderer thread. Each item still gets a BreadcrumbItemContext so the styled\n          Breadcrumb resolves isCurrent/isLast exactly as in the visible list.\n        */}\n        <div\n          ref={setMeasurementElement}\n          aria-hidden=\"true\"\n          data-rsp-breadcrumbs-measure=\"\"\n          data-rsp-breadcrumbs-measure-id={measurementId}\n          style={{\n            position: \"absolute\",\n            inset: \"0\",\n            display: \"flex\",\n            \"align-items\": \"center\",\n            visibility: \"hidden\",\n            overflow: \"hidden\",\n            opacity: 0,\n            \"pointer-events\": \"none\",\n          }}\n        >\n          <For each={allItems()}>\n            {(item, index) => {\n              const isLast = () => index() === allItems().length - 1;\n              const itemKey = () => local.getKey?.(item) ?? defaultItemKey(item, index());\n              return (\n                <div\n                  data-hidden-breadcrumb\n                  style={{ display: \"inline-flex\", \"align-items\": \"center\" }}\n                >\n                  <HeadlessBreadcrumbItemContext\n                    value={{\n                      get itemKey() {\n                        return itemKey();\n                      },\n                      isLast,\n                    }}\n                  >\n                    {renderDynamicItem(item)}\n                  </HeadlessBreadcrumbItemContext>\n                </div>\n              );\n            }}\n          </For>\n          <ActionButton\n            ref={setMeasurementMenuButton}\n            data-hidden-breadcrumb-menu-button=\"\"\n            isQuiet\n            aria-label=\"More items\"\n          >\n            <FolderBreadcrumbIcon />\n          </ActionButton>\n        </div>\n      </Show>\n    </InternalBreadcrumbsContext>\n  );\n}\n\nfunction BreadcrumbMenu<T>(props: {\n  items: T[];\n  getKey: (item: T, index: number) => string | number;\n  getLabel: (item: T) => string;\n  onAction?: (key: string | number) => void;\n}): JSX.Element {\n  const locale = useLocale();\n  const context = useContext(InternalBreadcrumbsContext) ?? defaultInternalBreadcrumbsContext;\n  const formatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const label = () => formatter().format(\"breadcrumbs.more\");\n\n  return (\n    <span\n      class={breadcrumbStyles({\n        size: context.size(),\n        isDisabled: context.isDisabled(),\n        isMenu: true,\n      })}\n      data-rsp-breadcrumb-menu=\"\"\n    >\n      <MenuTrigger>\n        <ActionButton isDisabled={context.isDisabled()} isQuiet aria-label={label()}>\n          <FolderBreadcrumbIcon />\n        </ActionButton>\n        <Menu\n          items={props.items}\n          // Menu invokes onAction(key, value); Breadcrumbs' contract is key-only\n          // (matching upstream), so drop the leaked item value.\n          onAction={(key) => props.onAction?.(key)}\n          size={context.size()}\n          aria-label={label()}\n        >\n          {(item) => (\n            <MenuItem id={props.getKey(item, props.items.indexOf(item))}>\n              <Text slot=\"label\">{props.getLabel(item)}</Text>\n            </MenuItem>\n          )}\n        </Menu>\n      </MenuTrigger>\n      <ChevronIcon\n        size={context.size()}\n        class={chevronStyles({ direction: locale().direction, isMenu: true })}\n      />\n    </span>\n  );\n}\n\n/**\n * An individual Breadcrumb for Breadcrumbs.\n */\nexport function Breadcrumb(props: BreadcrumbProps): JSX.Element {\n  const context = useContext(InternalBreadcrumbsContext) ?? defaultInternalBreadcrumbsContext;\n  const providerProps = useProviderProps(props) as BreadcrumbProps & ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const mergedProps = mergeProps<BreadcrumbProps>(flags, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const assignRefs = mergeContextRefs(props.ref);\n  const mergedStyles = () => mergeContextStyles(undefined, local.styles);\n  const size = () => context.size();\n  const itemContext = useContext(HeadlessBreadcrumbItemContext);\n  // Hydration reads the initial signal snapshot before render-prop writes settle.\n  const [isCurrent, setIsCurrent] = createSignal(\n    headlessProps.isCurrent ?? itemContext?.isLast() ?? false,\n    { ownedWrite: true },\n  );\n\n  const syncRenderProps = (renderProps: BreadcrumbItemRenderProps) => {\n    untrack(() => {\n      if (isCurrent() !== renderProps.isCurrent) {\n        setIsCurrent(renderProps.isCurrent);\n      }\n    });\n  };\n\n  const getClassName = (renderProps: BreadcrumbItemRenderProps): string => {\n    syncRenderProps(renderProps);\n\n    return [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        breadcrumbStyles({\n          size: size(),\n          isDisabled: renderProps.isDisabled || context.isDisabled(),\n          isCurrent: renderProps.isCurrent,\n          isHovered: renderProps.isHovered,\n          isFocusVisible: renderProps.isFocusVisible,\n          isFocused: renderProps.isFocused,\n          isPressed: renderProps.isPressed,\n        }),\n        renderProps.isCurrent ? currentStyles({ size: size() }) : undefined,\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  const getStyle = (renderProps: BreadcrumbItemRenderProps): JSX.CSSProperties => ({\n    ...(local.UNSAFE_style ?? {}),\n    display: \"block\",\n    \"clip-path\": renderProps.isFocusVisible ? \"none\" : \"margin-box\",\n  });\n\n  const renderChildren = (renderProps: BreadcrumbItemRenderProps): JSX.Element => {\n    syncRenderProps(renderProps);\n\n    const rawChildren = local.children;\n    const content = typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n\n    return content;\n  };\n\n  return (\n    <span style={{ display: \"contents\" }}>\n      <HeadlessBreadcrumbItem\n        {...headlessProps}\n        elementType={isCurrent() ? \"div\" : headlessProps.elementType}\n        ref={(node: HTMLElement) => assignRefs(node)}\n        isDisabled={headlessProps.isDisabled || context.isDisabled()}\n        class={getClassName}\n        style={getStyle}\n        children={renderChildren}\n      />\n      <Show when={context.showSeparator() && !isCurrent()}>\n        <span aria-hidden=\"true\" data-rsp-slot=\"separator\" class={separatorStyles}>\n          {\"/\"}\n        </span>\n      </Show>\n    </span>\n  );\n}\n\nexport const BreadcrumbItem = Breadcrumb;\nexport const Item = Breadcrumb;\n\nBreadcrumbs.Item = Breadcrumb;\n"],"mappings":"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"}