@nori-ui/core 0.0.5 → 1.0.2

package/dist/chunk-LVWNMQGR.js

@@ -0,0 +1,1106 @@
+import { Popover } from './chunk-YNKKEO2A.js';
+import { useTranslation } from './chunk-RFW5SRZA.js';
+import { Slot } from './chunk-ZIBNLXIV.js';
+import { px } from './chunk-5A2QOOVN.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, isValidElement, useState, useRef, useCallback, useMemo, useEffect, Children, Fragment, useContext } from 'react';
+import { Platform, View, Text, Pressable, ScrollView } from 'react-native';
+import { jsx, jsxs } from 'nativewind/jsx-runtime';
+
+var BreadcrumbContext = createContext(null);
+var useBreadcrumbContext = /* @__PURE__ */ __name((label) => {
+  const ctx = useContext(BreadcrumbContext);
+  if (!ctx) {
+    throw new Error(`<${label}> must be rendered inside a <Breadcrumb>.`);
+  }
+  return ctx;
+}, "useBreadcrumbContext");
+var DEFAULT_ITEMS_BEFORE = 1;
+var DEFAULT_ITEMS_AFTER = 1;
+var COMPOUND_KIND_KEY = "__nori_breadcrumb_kind__";
+function tagComponent(component, kind) {
+  component[COMPOUND_KIND_KEY] = kind;
+  return component;
+}
+__name(tagComponent, "tagComponent");
+function getCompoundKind(node) {
+  if (!isValidElement(node)) {
+    return void 0;
+  }
+  const type = node.type;
+  const tagged = type?.[COMPOUND_KIND_KEY];
+  return tagged === "item" || tagged === "separator" ? tagged : void 0;
+}
+__name(getCompoundKind, "getCompoundKind");
+var DefaultChevron = /* @__PURE__ */ __name(({ dir }) => {
+  const colors = useThemeColors();
+  const flipped = dir === "rtl";
+  if (Platform.OS === "web") {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: colors.semantic.text.muted,
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        style: { transform: flipped ? "scaleX(-1)" : void 0, flexShrink: 0 },
+        children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: {
+        fontSize: 14,
+        lineHeight: 20,
+        color: colors.semantic.text.muted,
+        transform: flipped ? [{ scaleX: -1 }] : void 0
+      },
+      children: "\u203A"
+    }
+  );
+}, "DefaultChevron");
+var SeparatorText = /* @__PURE__ */ __name(({ children }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: {
+        fontSize: px(colors.fontSize.sm),
+        lineHeight: px(colors.fontSize.md) * 1.4,
+        color: colors.semantic.text.muted,
+        fontFamily: colors.fontFamily.body,
+        paddingHorizontal: 2
+      },
+      children
+    }
+  );
+}, "SeparatorText");
+function renderSeparator(separator, ctx) {
+  if (separator === void 0) {
+    return /* @__PURE__ */ jsx(DefaultChevron, { dir: ctx.dir });
+  }
+  if (typeof separator === "function") {
+    return separator(ctx);
+  }
+  if (typeof separator === "string") {
+    return /* @__PURE__ */ jsx(SeparatorText, { children: separator });
+  }
+  return separator;
+}
+__name(renderSeparator, "renderSeparator");
+function useOverflowFit({
+  enabled,
+  itemCount,
+  itemsBeforeCollapse,
+  itemsAfterCollapse
+}) {
+  const [containerWidth, setContainerWidth] = useState(null);
+  const itemWidthsRef = useRef(/* @__PURE__ */ new Map());
+  const ellipsisWidthRef = useRef(0);
+  const separatorWidthRef = useRef(0);
+  const [widthsTick, setWidthsTick] = useState(0);
+  const onContainerLayout = useCallback((event) => {
+    const w = event.nativeEvent.layout.width;
+    setContainerWidth((prev) => prev !== null && Math.abs(prev - w) < 0.5 ? prev : w);
+  }, []);
+  const onItemLayout = useCallback(
+    (index) => (event) => {
+      const w = event.nativeEvent.layout.width;
+      const prev = itemWidthsRef.current.get(index);
+      if (prev === void 0 || Math.abs(prev - w) >= 0.5) {
+        itemWidthsRef.current.set(index, w);
+        setWidthsTick((t) => t + 1);
+      }
+    },
+    []
+  );
+  const onEllipsisLayout = useCallback((event) => {
+    const w = event.nativeEvent.layout.width;
+    if (Math.abs(ellipsisWidthRef.current - w) >= 0.5) {
+      ellipsisWidthRef.current = w;
+      setWidthsTick((t) => t + 1);
+    }
+  }, []);
+  const onSeparatorLayout = useCallback((event) => {
+    const w = event.nativeEvent.layout.width;
+    if (Math.abs(separatorWidthRef.current - w) >= 0.5) {
+      separatorWidthRef.current = w;
+      setWidthsTick((t) => t + 1);
+    }
+  }, []);
+  const visibleIndices = useMemo(() => {
+    const all = /* @__PURE__ */ new Set();
+    for (let i = 0; i < itemCount; i += 1) {
+      all.add(i);
+    }
+    if (!enabled || containerWidth === null || itemCount === 0) {
+      return all;
+    }
+    const widths = itemWidthsRef.current;
+    if (widths.size < itemCount) {
+      return all;
+    }
+    const sep = separatorWidthRef.current;
+    const ell = ellipsisWidthRef.current;
+    let total = 0;
+    for (let i = 0; i < itemCount; i += 1) {
+      total += widths.get(i) ?? 0;
+    }
+    total += sep * Math.max(0, itemCount - 1);
+    if (total <= containerWidth) {
+      return all;
+    }
+    const before = Math.max(0, Math.min(itemsBeforeCollapse, itemCount));
+    const after = Math.max(0, Math.min(itemsAfterCollapse, itemCount - before));
+    const anchorIndices = /* @__PURE__ */ new Set();
+    for (let i = 0; i < before; i += 1) {
+      anchorIndices.add(i);
+    }
+    for (let i = itemCount - after; i < itemCount; i += 1) {
+      anchorIndices.add(i);
+    }
+    let used = 0;
+    for (const idx of anchorIndices) {
+      used += widths.get(idx) ?? 0;
+    }
+    used += ell;
+    const sepCount = Math.max(0, anchorIndices.size + 1 - 1);
+    used += sep * sepCount;
+    if (used > containerWidth) {
+      const beforeIdx = [];
+      for (let i = 0; i < before; i += 1) {
+        beforeIdx.push(i);
+      }
+      const afterIdx = [];
+      for (let i = itemCount - after; i < itemCount; i += 1) {
+        afterIdx.push(i);
+      }
+      const minBefore = before > 0 ? 1 : 0;
+      const minAfter = after > 0 ? 1 : 0;
+      while (used > containerWidth && (beforeIdx.length > minBefore || afterIdx.length > minAfter)) {
+        if (beforeIdx.length > minBefore) {
+          const dropped = beforeIdx.pop();
+          if (dropped !== void 0) {
+            used -= (widths.get(dropped) ?? 0) + sep;
+            anchorIndices.delete(dropped);
+          }
+        }
+        if (used <= containerWidth) {
+          break;
+        }
+        if (afterIdx.length > minAfter) {
+          const dropped = afterIdx.shift();
+          if (dropped !== void 0) {
+            used -= (widths.get(dropped) ?? 0) + sep;
+            anchorIndices.delete(dropped);
+          }
+        }
+      }
+      return anchorIndices;
+    }
+    let leftCursor = before;
+    let rightCursor = itemCount - after - 1;
+    while (leftCursor <= rightCursor) {
+      const w = widths.get(leftCursor) ?? 0;
+      if (used + w + sep <= containerWidth) {
+        anchorIndices.add(leftCursor);
+        used += w + sep;
+        leftCursor += 1;
+      } else {
+        break;
+      }
+      if (leftCursor > rightCursor) {
+        break;
+      }
+      const w2 = widths.get(rightCursor) ?? 0;
+      if (used + w2 + sep <= containerWidth) {
+        anchorIndices.add(rightCursor);
+        used += w2 + sep;
+        rightCursor -= 1;
+      } else {
+        break;
+      }
+    }
+    return anchorIndices;
+  }, [containerWidth, itemCount, itemsBeforeCollapse, itemsAfterCollapse, enabled, widthsTick]);
+  const ready = !enabled || containerWidth !== null && itemWidthsRef.current.size >= itemCount;
+  return {
+    visibleIndices,
+    ready,
+    onContainerLayout,
+    onItemLayout,
+    onEllipsisLayout,
+    onSeparatorLayout
+  };
+}
+__name(useOverflowFit, "useOverflowFit");
+function applyCountCollapse(items, maxItems, before, after) {
+  if (!maxItems || items.length <= maxItems) {
+    return { visible: items, hidden: [], collapseAt: -1 };
+  }
+  const beforeArr = items.slice(0, Math.max(0, Math.min(before, items.length)));
+  const afterArr = after > 0 ? items.slice(Math.max(beforeArr.length, items.length - after)) : [];
+  const hidden = items.slice(beforeArr.length, items.length - afterArr.length);
+  const visible = [...beforeArr, ...afterArr];
+  return { visible, hidden, collapseAt: beforeArr.length };
+}
+__name(applyCountCollapse, "applyCountCollapse");
+function getBreadcrumbJsonLd(items) {
+  const elements = items.map((it, idx) => {
+    const name = typeof it.label === "string" ? it.label : void 0;
+    if (!name) {
+      return null;
+    }
+    const entry = {
+      "@type": "ListItem",
+      position: idx + 1,
+      name
+    };
+    if (it.href) {
+      entry.item = it.href;
+    }
+    return entry;
+  }).filter((x) => x !== null);
+  return JSON.stringify({
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: elements
+  });
+}
+__name(getBreadcrumbJsonLd, "getBreadcrumbJsonLd");
+function useBreadcrumbJsonLdInjection(items, enabled) {
+  useEffect(() => {
+    if (!enabled || Platform.OS !== "web" || typeof document === "undefined") {
+      return;
+    }
+    const json = getBreadcrumbJsonLd(items);
+    if (!json.includes('"itemListElement":[{')) {
+      return;
+    }
+    const script = document.createElement("script");
+    script.type = "application/ld+json";
+    script.textContent = json;
+    script.setAttribute("data-nori-breadcrumb", "true");
+    document.head.appendChild(script);
+    return () => {
+      if (script.parentNode === document.head) {
+        document.head.removeChild(script);
+      }
+    };
+  }, [items, enabled]);
+}
+__name(useBreadcrumbJsonLdInjection, "useBreadcrumbJsonLdInjection");
+function truncateString(input, max) {
+  if (max <= 0 || input.length <= max) {
+    return input;
+  }
+  if (max <= 1) {
+    return "\u2026";
+  }
+  return `${input.slice(0, max - 1)}\u2026`;
+}
+__name(truncateString, "truncateString");
+var BreadcrumbRoot = /* @__PURE__ */ __name(({
+  items,
+  separator,
+  maxItems,
+  itemsBeforeCollapse = DEFAULT_ITEMS_BEFORE,
+  itemsAfterCollapse = DEFAULT_ITEMS_AFTER,
+  collapseOnOverflow,
+  expandBehavior,
+  expandLabel,
+  ellipsisLabel,
+  currentPageLabel,
+  siblingMenuLabel,
+  ariaLabel,
+  schemaOrg,
+  dir = "ltr",
+  maxLabelLength = 0,
+  children,
+  className,
+  testID
+}) => {
+  const { t } = useTranslation();
+  const colors = useThemeColors();
+  const resolvedAriaLabel = ariaLabel ?? t("breadcrumb.ariaLabel", { defaultValue: "Breadcrumb" });
+  const resolvedExpandLabel = expandLabel ?? t("breadcrumb.expandLabel", { defaultValue: "Show full path" });
+  const resolvedEllipsisLabel = ellipsisLabel ?? t("breadcrumb.ellipsisLabel", { defaultValue: "More" });
+  const resolvedCurrentPageLabel = currentPageLabel ?? t("breadcrumb.currentPageLabel", { defaultValue: "Current page" });
+  const resolvedSiblingMenuLabel = siblingMenuLabel ?? t("breadcrumb.siblingMenuLabel", { defaultValue: "Open sibling pages" });
+  const resolvedExpandBehavior = expandBehavior ?? (Platform.OS === "web" ? "inline" : "menu");
+  if (items && items.length > 0) {
+    return /* @__PURE__ */ jsx(
+      BreadcrumbItemsRenderer,
+      {
+        items,
+        separator,
+        maxItems,
+        itemsBeforeCollapse,
+        itemsAfterCollapse,
+        collapseOnOverflow: collapseOnOverflow ?? true,
+        expandBehavior: resolvedExpandBehavior,
+        expandLabel: resolvedExpandLabel,
+        ellipsisLabel: resolvedEllipsisLabel,
+        currentPageLabel: resolvedCurrentPageLabel,
+        siblingMenuLabel: resolvedSiblingMenuLabel,
+        ariaLabel: resolvedAriaLabel,
+        schemaOrg,
+        dir,
+        maxLabelLength,
+        ...className !== void 0 ? { className } : {},
+        ...testID !== void 0 ? { testID } : {}
+      }
+    );
+  }
+  const ctxValue = {
+    separator: separator ?? "",
+    dir,
+    currentPageLabel: resolvedCurrentPageLabel,
+    siblingMenuLabel: resolvedSiblingMenuLabel,
+    maxLabelLength
+  };
+  return /* @__PURE__ */ jsx(BreadcrumbContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      role: "navigation",
+      "aria-label": resolvedAriaLabel,
+      accessible: true,
+      accessibilityLabel: resolvedAriaLabel,
+      className: cn("flex-row items-center", className),
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        direction: dir,
+        fontFamily: colors.fontFamily.body
+      },
+      children
+    }
+  ) });
+}, "BreadcrumbRoot");
+var BreadcrumbItemsRenderer = /* @__PURE__ */ __name(({
+  items,
+  separator,
+  maxItems,
+  itemsBeforeCollapse,
+  itemsAfterCollapse,
+  collapseOnOverflow,
+  expandBehavior,
+  expandLabel,
+  ellipsisLabel,
+  currentPageLabel,
+  siblingMenuLabel,
+  ariaLabel,
+  schemaOrg,
+  dir,
+  maxLabelLength,
+  className,
+  testID
+}) => {
+  const [inlineExpanded, setInlineExpanded] = useState(false);
+  const normalizedItems = useMemo(() => {
+    if (items.length === 0) {
+      return items;
+    }
+    const anyCurrent = items.some((it) => it.current);
+    if (anyCurrent) {
+      return items;
+    }
+    const last = items[items.length - 1];
+    if (!last) {
+      return items;
+    }
+    const out = [...items];
+    out[out.length - 1] = { ...last, current: true };
+    return out;
+  }, [items]);
+  useBreadcrumbJsonLdInjection(normalizedItems, schemaOrg !== false);
+  const countCollapse = useMemo(
+    () => applyCountCollapse(
+      normalizedItems,
+      inlineExpanded ? void 0 : maxItems,
+      itemsBeforeCollapse,
+      itemsAfterCollapse
+    ),
+    [normalizedItems, maxItems, itemsBeforeCollapse, itemsAfterCollapse, inlineExpanded]
+  );
+  const widthFit = useOverflowFit({
+    enabled: collapseOnOverflow && expandBehavior !== "scroll" && !inlineExpanded,
+    itemCount: countCollapse.visible.length,
+    itemsBeforeCollapse,
+    itemsAfterCollapse
+  });
+  const widthHiddenItems = useMemo(() => {
+    if (!collapseOnOverflow || expandBehavior === "scroll" || inlineExpanded) {
+      return [];
+    }
+    return countCollapse.visible.filter((_, idx) => !widthFit.visibleIndices.has(idx));
+  }, [collapseOnOverflow, expandBehavior, inlineExpanded, countCollapse.visible, widthFit.visibleIndices]);
+  const allHiddenItems = useMemo(() => {
+    if (inlineExpanded) {
+      return [];
+    }
+    return [...countCollapse.hidden, ...widthHiddenItems];
+  }, [countCollapse.hidden, widthHiddenItems, inlineExpanded]);
+  const visibleItemsForRender = useMemo(() => {
+    if (inlineExpanded) {
+      return normalizedItems;
+    }
+    return countCollapse.visible.filter(
+      (_, idx) => collapseOnOverflow && expandBehavior !== "scroll" ? widthFit.visibleIndices.has(idx) : true
+    );
+  }, [
+    countCollapse.visible,
+    widthFit.visibleIndices,
+    collapseOnOverflow,
+    expandBehavior,
+    inlineExpanded,
+    normalizedItems
+  ]);
+  const ellipsisInsertAt = useMemo(() => {
+    if (inlineExpanded || allHiddenItems.length === 0) {
+      return -1;
+    }
+    return Math.min(itemsBeforeCollapse, visibleItemsForRender.length);
+  }, [allHiddenItems.length, inlineExpanded, visibleItemsForRender.length, itemsBeforeCollapse]);
+  const renderedCells = [];
+  const measurementCells = [];
+  visibleItemsForRender.forEach((item, idx) => {
+    if (idx === ellipsisInsertAt && allHiddenItems.length > 0) {
+      renderedCells.push(
+        /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          BreadcrumbEllipsisInternal,
+          {
+            ellipsisLabel,
+            expandLabel,
+            expandBehavior,
+            hiddenItems: allHiddenItems,
+            onExpandInline: () => setInlineExpanded(true)
+          }
+        ) }, "__ellipsis__")
+      );
+      renderedCells.push(
+        /* @__PURE__ */ jsx(Fragment, { children: renderSeparator(separator, {
+          fromIndex: idx - 1,
+          visibleCount: visibleItemsForRender.length + 1,
+          dir
+        }) }, "__sep_ellipsis__")
+      );
+    }
+    const itemKey = item.key ?? `item-${normalizedItems.indexOf(item)}`;
+    renderedCells.push(
+      /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        BreadcrumbItemRenderer,
+        {
+          item,
+          currentPageLabel,
+          siblingMenuLabel,
+          maxLabelLength
+        }
+      ) }, itemKey)
+    );
+    const isLast = idx === visibleItemsForRender.length - 1;
+    if (!isLast) {
+      renderedCells.push(
+        /* @__PURE__ */ jsx(Fragment, { children: renderSeparator(separator, {
+          fromIndex: idx,
+          visibleCount: visibleItemsForRender.length,
+          dir
+        }) }, `sep-${itemKey}`)
+      );
+    }
+  });
+  if (collapseOnOverflow && expandBehavior !== "scroll") {
+    countCollapse.visible.forEach((item, idx) => {
+      const itemKey = item.key ?? `m-${idx}`;
+      measurementCells.push(
+        /* @__PURE__ */ jsx(View, { onLayout: widthFit.onItemLayout(idx), children: /* @__PURE__ */ jsx(
+          BreadcrumbItemRenderer,
+          {
+            item,
+            currentPageLabel,
+            siblingMenuLabel,
+            maxLabelLength
+          }
+        ) }, itemKey)
+      );
+    });
+    measurementCells.push(
+      /* @__PURE__ */ jsx(View, { onLayout: widthFit.onSeparatorLayout, children: renderSeparator(separator, {
+        fromIndex: 0,
+        visibleCount: countCollapse.visible.length,
+        dir
+      }) }, "__m_sep__")
+    );
+    measurementCells.push(
+      /* @__PURE__ */ jsx(View, { onLayout: widthFit.onEllipsisLayout, children: /* @__PURE__ */ jsx(
+        BreadcrumbEllipsisInternal,
+        {
+          ellipsisLabel,
+          expandLabel,
+          expandBehavior: "none",
+          hiddenItems: [],
+          onExpandInline: () => void 0
+        }
+      ) }, "__m_ellipsis__")
+    );
+  }
+  const list = /* @__PURE__ */ jsx(
+    View,
+    {
+      role: "list",
+      accessibilityRole: "list",
+      className: cn("flex-row items-center"),
+      style: { flexDirection: "row", alignItems: "center", flexShrink: 1, minWidth: 0 },
+      children: renderedCells
+    }
+  );
+  const wrapperStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    direction: dir,
+    flexShrink: 1,
+    minWidth: 0,
+    ...collapseOnOverflow && expandBehavior !== "scroll" ? { width: "100%" } : null,
+    // `overflow: 'hidden'` keeps the visible row from blowing past
+    // its container before the first measurement settles. Without
+    // it, native renders the natural-width row briefly on the first
+    // paint, even though the JS layout reports the correct measured
+    // width on the very next tick.
+    ...collapseOnOverflow ? { overflow: "hidden" } : null
+  };
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      role: "navigation",
+      "aria-label": ariaLabel,
+      accessible: true,
+      accessibilityLabel: ariaLabel,
+      className: cn("flex-row items-center", className),
+      style: wrapperStyle,
+      onLayout: collapseOnOverflow && expandBehavior !== "scroll" ? widthFit.onContainerLayout : void 0,
+      children: [
+        expandBehavior === "scroll" ? /* @__PURE__ */ jsx(
+          ScrollView,
+          {
+            horizontal: true,
+            showsHorizontalScrollIndicator: false,
+            contentContainerStyle: { flexDirection: "row", alignItems: "center" },
+            style: { flexGrow: 1 },
+            children: list
+          }
+        ) : list,
+        collapseOnOverflow && expandBehavior !== "scroll" ? /* @__PURE__ */ jsx(
+          View,
+          {
+            "aria-hidden": true,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: {
+              position: "absolute",
+              opacity: 0,
+              flexDirection: "row",
+              alignItems: "center",
+              left: -99999,
+              top: 0,
+              // `pointerEvents` lives on the style object now —
+              // the prop form is deprecated in RN 0.71+ / RN-Web
+              // 0.20+ and emits a runtime warning every render.
+              pointerEvents: "none"
+            },
+            children: measurementCells
+          }
+        ) : null
+      ]
+    }
+  );
+}, "BreadcrumbItemsRenderer");
+var BreadcrumbItemRenderer = /* @__PURE__ */ __name(({ item, currentPageLabel, siblingMenuLabel, maxLabelLength }) => {
+  const colors = useThemeColors();
+  const Icon = item.icon;
+  const isLink = !item.current && (item.href !== void 0 || item.onSelect !== void 0);
+  const effectiveMax = item.maxLabelLength ?? maxLabelLength;
+  const renderLabel = /* @__PURE__ */ __name(() => {
+    if (item.loading) {
+      return /* @__PURE__ */ jsx(
+        View,
+        {
+          style: {
+            backgroundColor: colors.semantic.background.subtle,
+            borderRadius: px(colors.radius.sm),
+            height: px(colors.fontSize.sm),
+            width: 64
+          }
+        }
+      );
+    }
+    if (typeof item.label === "string" || typeof item.label === "number") {
+      const text = String(item.label);
+      const truncated = effectiveMax > 0 ? truncateString(text, effectiveMax) : text;
+      return /* @__PURE__ */ jsx(
+        Text,
+        {
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          style: {
+            fontFamily: colors.fontFamily.body,
+            fontSize: px(colors.fontSize.sm),
+            color: item.current ? colors.semantic.text.default : colors.semantic.text.muted,
+            fontWeight: item.current ? colors.fontWeight.semibold : colors.fontWeight.regular
+          },
+          children: truncated
+        }
+      );
+    }
+    return item.label;
+  }, "renderLabel");
+  const inner = /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: px(colors.spacing["1"])
+      },
+      children: [
+        Icon ? /* @__PURE__ */ jsx(Icon, { size: 14, color: item.current ? colors.semantic.text.default : colors.semantic.text.muted }) : null,
+        renderLabel()
+      ]
+    }
+  );
+  if (item.current) {
+    return /* @__PURE__ */ jsxs(
+      View,
+      {
+        role: "listitem",
+        accessibilityRole: "text",
+        style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 },
+        children: [
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              style: {
+                position: "absolute",
+                width: 1,
+                height: 1,
+                overflow: "hidden",
+                opacity: 0
+              },
+              children: [
+                currentPageLabel,
+                ":",
+                " "
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(View, { "aria-current": "page", children: inner })
+        ]
+      }
+    );
+  }
+  if (item.siblings && item.siblings.length > 0) {
+    return /* @__PURE__ */ jsxs(View, { role: "listitem", style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 }, children: [
+      /* @__PURE__ */ jsx(BreadcrumbInteractive, { item, children: inner }),
+      /* @__PURE__ */ jsx(BreadcrumbSiblingMenu, { item, siblingMenuLabel })
+    ] });
+  }
+  if (isLink) {
+    return /* @__PURE__ */ jsx(View, { role: "listitem", style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 }, children: /* @__PURE__ */ jsx(BreadcrumbInteractive, { item, children: inner }) });
+  }
+  return /* @__PURE__ */ jsx(View, { role: "listitem", style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 }, children: inner });
+}, "BreadcrumbItemRenderer");
+var BreadcrumbInteractive = /* @__PURE__ */ __name(({ item, children }) => {
+  const colors = useThemeColors();
+  const handlePress = useCallback(() => {
+    item.onSelect?.();
+  }, [item]);
+  if (Platform.OS === "web" && item.href) {
+    const handleClick = item.onSelect ? (event) => {
+      event.preventDefault();
+      item.onSelect?.();
+    } : void 0;
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: item.href,
+        onClick: handleClick,
+        style: {
+          color: colors.semantic.interactive.primary,
+          textDecoration: "none",
+          fontFamily: colors.fontFamily.body
+        },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Pressable, { onPress: handlePress, accessibilityRole: "link", role: "link", children });
+}, "BreadcrumbInteractive");
+var BreadcrumbSiblingMenu = /* @__PURE__ */ __name(({ item, siblingMenuLabel }) => {
+  const colors = useThemeColors();
+  const siblings = item.siblings ?? [];
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: false, children: /* @__PURE__ */ jsx(
+      View,
+      {
+        accessibilityLabel: siblingMenuLabel,
+        style: {
+          flexDirection: "row",
+          alignItems: "center",
+          paddingHorizontal: 2,
+          paddingVertical: 4
+        },
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: { fontSize: 10, color: colors.semantic.text.muted },
+            children: "\u25BE"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { side: "bottom", align: "start", children: /* @__PURE__ */ jsx(View, { style: { minWidth: 200, paddingVertical: 4 }, children: siblings.map((sib, idx) => /* @__PURE__ */ jsx(SiblingRow, { sibling: sib }, sib.href ?? idx)) }) })
+  ] });
+}, "BreadcrumbSiblingMenu");
+var SiblingRow = /* @__PURE__ */ __name(({ sibling }) => {
+  const colors = useThemeColors();
+  const Icon = sibling.icon;
+  const handlePress = useCallback(() => {
+    sibling.onSelect?.();
+  }, [sibling]);
+  const inner = /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: px(colors.spacing["2"]),
+        paddingVertical: px(colors.spacing["2"]),
+        paddingHorizontal: px(colors.spacing["3"]),
+        opacity: sibling.disabled ? 0.5 : 1
+      },
+      children: [
+        Icon ? /* @__PURE__ */ jsx(Icon, { size: 14, color: colors.semantic.text.muted }) : null,
+        typeof sibling.label === "string" || typeof sibling.label === "number" ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              fontFamily: colors.fontFamily.body,
+              fontSize: px(colors.fontSize.sm),
+              color: colors.semantic.text.default
+            },
+            children: String(sibling.label)
+          }
+        ) : sibling.label
+      ]
+    }
+  );
+  if (Platform.OS === "web" && sibling.href && !sibling.disabled) {
+    const handleClick = sibling.onSelect ? (event) => {
+      event.preventDefault();
+      sibling.onSelect?.();
+    } : void 0;
+    return /* @__PURE__ */ jsx("a", { href: sibling.href, onClick: handleClick, style: { textDecoration: "none", color: "inherit" }, children: inner });
+  }
+  return /* @__PURE__ */ jsx(Pressable, { onPress: sibling.disabled ? void 0 : handlePress, accessibilityRole: "menuitem", children: inner });
+}, "SiblingRow");
+var BreadcrumbEllipsisInternal = /* @__PURE__ */ __name(({
+  ellipsisLabel,
+  expandLabel,
+  expandBehavior,
+  hiddenItems,
+  onExpandInline
+}) => {
+  const colors = useThemeColors();
+  const renderDots = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx(
+    Text,
+    {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: {
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.sm),
+        color: colors.semantic.text.muted,
+        paddingHorizontal: 4
+      },
+      children: "\u2026"
+    }
+  ), "renderDots");
+  if (expandBehavior === "none" || hiddenItems.length === 0) {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        accessibilityLabel: ellipsisLabel,
+        "aria-label": ellipsisLabel,
+        style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 },
+        children: renderDots()
+      }
+    );
+  }
+  if (expandBehavior === "inline") {
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        onPress: onExpandInline,
+        accessibilityRole: "button",
+        role: "button",
+        accessibilityLabel: expandLabel,
+        "aria-label": expandLabel,
+        style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 },
+        children: renderDots()
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: false, children: /* @__PURE__ */ jsx(
+      View,
+      {
+        accessibilityLabel: expandLabel,
+        "aria-label": expandLabel,
+        style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 },
+        children: renderDots()
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { side: "bottom", align: "start", children: /* @__PURE__ */ jsx(View, { style: { minWidth: 200, paddingVertical: 4 }, children: hiddenItems.map((it, idx) => {
+      const sib = { label: it.label };
+      if (it.href !== void 0) {
+        sib.href = it.href;
+      }
+      if (it.icon !== void 0) {
+        sib.icon = it.icon;
+      }
+      if (it.onSelect !== void 0) {
+        sib.onSelect = it.onSelect;
+      }
+      return /* @__PURE__ */ jsx(
+        SiblingRow,
+        {
+          sibling: sib
+        },
+        typeof it.key === "string" || typeof it.key === "number" ? it.key : idx
+      );
+    }) }) })
+  ] });
+}, "BreadcrumbEllipsisInternal");
+var BreadcrumbList = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  useBreadcrumbContext("Breadcrumb.List");
+  const childArray = Children.toArray(children);
+  const out = [];
+  let lastWasItem = false;
+  childArray.forEach((child, idx) => {
+    const kind = getCompoundKind(child);
+    if (kind === "item") {
+      if (lastWasItem) {
+        out.push(
+          // biome-ignore lint/suspicious/noArrayIndexKey: separator position is deterministic from its preceding item index
+          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(BreadcrumbSeparator, {}) }, `__autosep_${idx}`)
+        );
+      }
+      out.push(child);
+      lastWasItem = true;
+    } else {
+      out.push(child);
+      lastWasItem = false;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      role: "list",
+      accessibilityRole: "list",
+      className: cn("flex-row items-center", className),
+      style: { flexDirection: "row", alignItems: "center", flexShrink: 1, minWidth: 0 },
+      children: out
+    }
+  );
+}, "BreadcrumbList");
+var BreadcrumbItem = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  useBreadcrumbContext("Breadcrumb.Item");
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      role: "listitem",
+      accessibilityRole: "text",
+      className: cn("flex-row items-center", className),
+      style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 },
+      children
+    }
+  );
+}, "BreadcrumbItem");
+tagComponent(BreadcrumbItem, "item");
+var BreadcrumbLink = /* @__PURE__ */ __name(({ href, onPress, asChild, children, className, testID }) => {
+  const colors = useThemeColors();
+  if (asChild) {
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ...testID !== void 0 ? { "data-testid": testID } : {},
+        ...className !== void 0 ? { className } : {},
+        children
+      }
+    );
+  }
+  if (Platform.OS === "web" && href) {
+    const handleClick = onPress ? (event) => {
+      event.preventDefault();
+      onPress?.();
+    } : void 0;
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        onClick: handleClick,
+        ...testID !== void 0 ? { "data-testid": testID } : {},
+        ...className !== void 0 ? { className } : {},
+        style: {
+          color: colors.semantic.interactive.primary,
+          textDecoration: "none",
+          fontFamily: colors.fontFamily.body,
+          fontSize: px(colors.fontSize.sm)
+        },
+        children: typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              color: colors.semantic.interactive.primary,
+              fontFamily: colors.fontFamily.body,
+              fontSize: px(colors.fontSize.sm)
+            },
+            children
+          }
+        ) : children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Pressable, { onPress, accessibilityRole: "link", role: "link", ...testID !== void 0 ? { testID } : {}, children: typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      style: {
+        color: colors.semantic.interactive.primary,
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.sm)
+      },
+      children
+    }
+  ) : children });
+}, "BreadcrumbLink");
+var BreadcrumbPage = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const ctx = useBreadcrumbContext("Breadcrumb.Page");
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      accessibilityRole: "text",
+      "aria-current": "page",
+      className: cn("flex-row items-center", className),
+      style: { flexDirection: "row", alignItems: "center" },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Text,
+          {
+            style: {
+              position: "absolute",
+              width: 1,
+              height: 1,
+              overflow: "hidden",
+              opacity: 0
+            },
+            children: [
+              ctx.currentPageLabel,
+              ":",
+              " "
+            ]
+          }
+        ),
+        typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            numberOfLines: 1,
+            style: {
+              color: colors.semantic.text.default,
+              fontFamily: colors.fontFamily.body,
+              fontSize: px(colors.fontSize.sm),
+              fontWeight: colors.fontWeight.semibold
+            },
+            children
+          }
+        ) : children
+      ]
+    }
+  );
+}, "BreadcrumbPage");
+var BreadcrumbSeparator = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const ctx = useBreadcrumbContext("Breadcrumb.Separator");
+  const node = children ?? renderSeparator(ctx.separator, { fromIndex: 0, visibleCount: 0, dir: ctx.dir });
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      role: "presentation",
+      className: cn("flex-row items-center", className),
+      style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 2 },
+      children: node
+    }
+  );
+}, "BreadcrumbSeparator");
+tagComponent(BreadcrumbSeparator, "separator");
+var BreadcrumbEllipsis = /* @__PURE__ */ __name(({ ellipsisLabel, className, testID }) => {
+  useBreadcrumbContext("Breadcrumb.Ellipsis");
+  const { t } = useTranslation();
+  const colors = useThemeColors();
+  const label = ellipsisLabel ?? t("breadcrumb.ellipsisLabel", { defaultValue: "More" });
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      accessibilityLabel: label,
+      "aria-label": label,
+      className: cn("flex-row items-center", className),
+      style: { flexDirection: "row", alignItems: "center", paddingHorizontal: 4 },
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            fontFamily: colors.fontFamily.body,
+            fontSize: px(colors.fontSize.sm),
+            color: colors.semantic.text.muted
+          },
+          children: "\u2026"
+        }
+      )
+    }
+  );
+}, "BreadcrumbEllipsis");
+var Breadcrumb = Object.assign(BreadcrumbRoot, {
+  List: BreadcrumbList,
+  Item: BreadcrumbItem,
+  Link: BreadcrumbLink,
+  Page: BreadcrumbPage,
+  Separator: BreadcrumbSeparator,
+  Ellipsis: BreadcrumbEllipsis
+});
+
+export { Breadcrumb, getBreadcrumbJsonLd };
+//# sourceMappingURL=chunk-LVWNMQGR.js.map
+//# sourceMappingURL=chunk-LVWNMQGR.js.map