efficient-shell 4.134.0 → 4.137.1

package/dist/page-tabs/index.js

@@ -1,710 +1,22 @@
 "use client";
-import { PopupMenu, PopupMenuItem, PopupMenuDivider } from '../chunk-QRL64J5F.js';
-import { confirm } from '../chunk-W622KQTD.js';
-import '../chunk-D276EMXS.js';
-import { useShellStrings } from '../chunk-72CQWN7O.js';
-import { useBrowserLayoutEffect } from '../chunk-IRWSRJ4K.js';
-import '../chunk-IPXN646P.js';
-import * as ReactModule from 'react';
-import { createContext, memo, useRef, useEffect, useMemo, useId, useCallback, useReducer, useContext, useState, Fragment as Fragment$1 } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var PageTabsContext = createContext(null);
-var PageTabFrameContext = createContext(null);
-
-// src/page-tabs/tabsModel.ts
-var DEFAULT_MAX_TABS = 12;
-function emptyState() {
-  return { tabs: [], activeKey: null, mounted: [], dirty: [], closing: null, clock: 0 };
-}
-var without = (list, key) => list.filter((k) => k !== key);
-var withKey = (list, key) => list.includes(key) ? list : [...list, key];
-function orderPinned(tabs, pinnedKeys) {
-  const pinned = pinnedKeys.map((key) => tabs.find((t) => t.key === key)).filter((t) => Boolean(t));
-  return [...pinned, ...tabs.filter((t) => !pinnedKeys.includes(t.key))];
-}
-function visit(state, entry, maxTabs = DEFAULT_MAX_TABS) {
-  const clock = state.clock + 1;
-  const existing = state.tabs.find((t) => t.key === entry.key);
-  let tabs;
-  if (existing) {
-    tabs = state.tabs.map(
-      (t) => t.key === entry.key ? {
-        ...t,
-        path: entry.path,
-        title: t.titleFrom === "page" ? t.title : entry.title || t.title,
-        lastActive: clock
-      } : t
-    );
-  } else {
-    tabs = [
-      ...state.tabs,
-      { key: entry.key, path: entry.path, title: entry.title, titleFrom: "route", pinned: false, lastActive: clock }
-    ];
-  }
-  let next = {
-    ...state,
-    tabs,
-    activeKey: entry.key,
-    mounted: withKey(state.mounted, entry.key),
-    clock
-  };
-  if (next.closing && next.closing !== entry.key) next = removeTab(next, next.closing);
-  else if (next.closing === entry.key) next = { ...next, closing: null };
-  return evictOverflow(next, maxTabs);
-}
-function visitTransient(state) {
-  let next = { ...state, activeKey: null };
-  if (next.closing) next = removeTab(next, next.closing);
-  return next;
-}
-function evictOverflow(state, maxTabs) {
-  let next = state;
-  while (next.tabs.length > maxTabs) {
-    const candidates = next.tabs.filter((t) => !t.pinned && t.key !== next.activeKey && !next.dirty.includes(t.key) && t.key !== next.closing).sort((a, b) => a.lastActive - b.lastActive);
-    if (candidates.length === 0) break;
-    next = removeTab(next, candidates[0].key);
-  }
-  return next;
-}
-function removeTab(state, key) {
-  return {
-    ...state,
-    tabs: state.tabs.filter((t) => t.key !== key),
-    mounted: without(state.mounted, key),
-    dirty: without(state.dirty, key),
-    activeKey: state.activeKey === key ? null : state.activeKey,
-    closing: state.closing === key ? null : state.closing
-  };
-}
-function neighbourOf(state, key) {
-  const visible = state.tabs.filter((t) => t.key !== state.closing || t.key === key);
-  const i = visible.findIndex((t) => t.key === key);
-  if (i < 0) return null;
-  return visible[i + 1] ?? visible[i - 1] ?? null;
-}
-function beginClose(state, key) {
-  return { ...state, closing: key };
-}
-function keysToClose(state, scope, key) {
-  const closable = state.tabs.filter((t) => !t.pinned);
-  if (scope === "all") return closable.map((t) => t.key);
-  if (scope === "others") return closable.filter((t) => t.key !== key).map((t) => t.key);
-  const i = state.tabs.findIndex((t) => t.key === key);
-  if (i < 0) return [];
-  return state.tabs.slice(i + 1).filter((t) => !t.pinned).map((t) => t.key);
-}
-function setTitle(state, key, title) {
-  const tab = state.tabs.find((t) => t.key === key);
-  if (!tab || !title || tab.title === title && tab.titleFrom === "page") return state;
-  return {
-    ...state,
-    tabs: state.tabs.map((t) => t.key === key ? { ...t, title, titleFrom: "page" } : t)
-  };
-}
-function setDirty(state, key, dirty) {
-  const has = state.dirty.includes(key);
-  if (dirty === has) return state;
-  return { ...state, dirty: dirty ? [...state.dirty, key] : without(state.dirty, key) };
-}
-function ensurePinned(state, pinned) {
-  const pinnedKeys = pinned.map((p) => p.key);
-  let tabs = state.tabs.map((t) => ({ ...t, pinned: pinnedKeys.includes(t.key) }));
-  for (const p of pinned) {
-    if (!tabs.some((t) => t.key === p.key)) {
-      tabs = [...tabs, { key: p.key, path: p.path, title: p.title, titleFrom: "route", pinned: true, lastActive: 0 }];
-    }
-  }
-  return { ...state, tabs: orderPinned(tabs, pinnedKeys) };
-}
-function serialize(state) {
-  const stored = {
-    v: 1,
-    tabs: state.tabs.filter((t) => t.key !== state.closing).map(({ key, path, title, titleFrom }) => ({ key, path, title, titleFrom }))
-  };
-  return JSON.stringify(stored);
-}
-function restore(raw, resolve) {
-  if (!raw) return [];
-  let parsed;
-  try {
-    parsed = JSON.parse(raw);
-  } catch {
-    return [];
-  }
-  const stored = parsed;
-  if (!stored || stored.v !== 1 || !Array.isArray(stored.tabs)) return [];
-  const out = [];
-  for (const item of stored.tabs) {
-    if (!item || typeof item.path !== "string" || !item.path.startsWith("/") || item.path.startsWith("//")) continue;
-    const hashAt = item.path.indexOf("#");
-    const path = hashAt >= 0 ? item.path.slice(0, hashAt) : item.path;
-    const entry = resolve(path);
-    if (!entry || out.some((t) => t.key === entry.key)) continue;
-    const pageTitle = item.titleFrom === "page" && typeof item.title === "string" && item.title;
-    out.push({
-      key: entry.key,
-      path,
-      title: pageTitle || entry.title,
-      titleFrom: pageTitle ? "page" : "route",
-      pinned: false,
-      lastActive: 0
-    });
-  }
-  return out;
-}
-function reducer(state, action) {
-  switch (action.type) {
-    case "visit":
-      return visit(state, action.entry, action.maxTabs);
-    case "transient":
-      return visitTransient(state);
-    case "close": {
-      let next = state;
-      for (const key of action.keys) next = removeTab(next, key);
-      return action.closing ? beginClose(next, action.closing) : next;
-    }
-    case "title":
-      return setTitle(state, action.key, action.title);
-    case "dirty":
-      return setDirty(state, action.key, action.dirty);
-  }
-}
-var pathOf = (location) => `${location.pathname}${location.search}`;
-function parseTabPath(path) {
-  const hashAt = path.indexOf("#");
-  const hash = hashAt >= 0 ? path.slice(hashAt) : "";
-  const rest = hashAt >= 0 ? path.slice(0, hashAt) : path;
-  const searchAt = rest.indexOf("?");
-  return {
-    pathname: searchAt >= 0 ? rest.slice(0, searchAt) : rest,
-    search: searchAt >= 0 ? rest.slice(searchAt) : "",
-    hash
-  };
-}
-function readStorage(key) {
-  if (!key) return null;
-  try {
-    return localStorage.getItem(key);
-  } catch {
-    return null;
-  }
-}
-function PageTabsProvider({
-  children,
-  resolve,
-  pinned = [],
-  storageKey,
-  maxTabs = DEFAULT_MAX_TABS,
-  enabled = true,
-  confirmDiscard
-}) {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const strings = useShellStrings().pageTabs;
-  const idPrefix = useId();
-  const resolveRef = useRef(resolve);
-  resolveRef.current = resolve;
-  const entryFor = useCallback((loc) => {
-    const route = resolveRef.current(loc);
-    if (!route) return null;
-    return { key: route.key ?? loc.pathname, path: pathOf(loc), title: route.title };
-  }, []);
-  const [state, dispatch] = useReducer(reducer, void 0, () => {
-    const restored = restore(readStorage(storageKey), (path) => entryFor(parseTabPath(path)));
-    const pinnedEntries = pinned.map((path) => entryFor(parseTabPath(path))).filter((e) => Boolean(e));
-    let initial = ensurePinned({ ...emptyState(), tabs: restored }, pinnedEntries);
-    const entry = enabled ? entryFor(location) : null;
-    initial = entry ? visit(initial, entry, maxTabs) : visitTransient(initial);
-    return initial;
-  });
-  const stateRef = useRef(state);
-  stateRef.current = state;
-  const locations = useRef(/* @__PURE__ */ new Map());
-  const current = enabled ? entryFor(location) : null;
-  const currentKey = current?.key ?? null;
-  useBrowserLayoutEffect(() => {
-    if (!enabled) return;
-    const entry = entryFor(location);
-    if (entry) {
-      locations.current.set(entry.key, location);
-      dispatch({ type: "visit", entry, maxTabs });
-    } else {
-      dispatch({ type: "transient" });
-    }
-  }, [location, enabled, maxTabs, entryFor]);
-  useEffect(() => {
-    const open = new Set(state.tabs.map((t) => t.key));
-    for (const key of locations.current.keys()) if (!open.has(key)) locations.current.delete(key);
-  }, [state.tabs]);
-  const serialized = useMemo(() => serialize(state), [state]);
-  useEffect(() => {
-    if (!storageKey) return;
-    try {
-      localStorage.setItem(storageKey, serialized);
-    } catch {
-    }
-  }, [serialized, storageKey]);
-  const anyDirty = state.dirty.length > 0;
-  useEffect(() => {
-    if (!anyDirty) return;
-    const hold = (e) => {
-      e.preventDefault();
-      e.returnValue = "";
-    };
-    window.addEventListener("beforeunload", hold);
-    return () => window.removeEventListener("beforeunload", hold);
-  }, [anyDirty]);
-  const ids = useRef(/* @__PURE__ */ new Map());
-  const idFor = useCallback(
-    (key, part) => {
-      let n = ids.current.get(key);
-      if (n === void 0) {
-        n = ids.current.size;
-        ids.current.set(key, n);
-      }
-      return `${idPrefix}-page-${part}-${n}`;
-    },
-    [idPrefix]
-  );
-  const askDiscard = useCallback(
-    (tabs) => {
-      if (confirmDiscard) return confirmDiscard(tabs);
-      return confirm({
-        title: strings.discardTitle,
-        message: tabs.length === 1 ? strings.discardOne : strings.discardCount?.(tabs.length) ?? `${tabs.length} ${strings.discardMany}`,
-        confirmLabel: strings.discardConfirm,
-        cancelLabel: strings.keepEditing,
-        variant: "warning"
-      });
-    },
-    [confirmDiscard, strings]
-  );
-  const fallbackPath = useCallback(() => {
-    const s = stateRef.current;
-    return s.tabs.find((t) => t.pinned)?.path ?? "/";
-  }, []);
-  const closeNow = useCallback(
-    (keys, to, prefer) => {
-      const s = stateRef.current;
-      const active = s.activeKey;
-      if (!active || !keys.includes(active)) {
-        dispatch({ type: "close", keys, closing: null });
-        return;
-      }
-      let target = to;
-      if (!target) {
-        const survivors = { ...s, tabs: s.tabs.filter((t) => t.key === active || !keys.includes(t.key)) };
-        const preferred = prefer ? s.tabs.find((t) => t.key === prefer && !keys.includes(t.key)) : void 0;
-        target = (preferred ?? neighbourOf(survivors, active))?.path ?? fallbackPath();
-      }
-      dispatch({ type: "close", keys: keys.filter((k) => k !== active), closing: active });
-      navigate(target);
-    },
-    [navigate, fallbackPath]
-  );
-  const close = useCallback(
-    async (key, options = {}) => {
-      const tab = stateRef.current.tabs.find((t) => t.key === key);
-      if (!tab || tab.pinned) {
-        if (options.to) navigate(options.to);
-        return false;
-      }
-      if (!options.force && stateRef.current.dirty.includes(key) && !await askDiscard([tab])) return false;
-      if (!stateRef.current.tabs.some((t) => t.key === key)) return false;
-      closeNow([key], options.to);
-      return true;
-    },
-    [askDiscard, closeNow, navigate]
-  );
-  const closeMany = useCallback(
-    async (scope, key) => {
-      let keys = keysToClose(stateRef.current, scope, key);
-      const dirty = stateRef.current.tabs.filter(
-        (t) => keys.includes(t.key) && stateRef.current.dirty.includes(t.key)
-      );
-      if (dirty.length && !await askDiscard(dirty)) {
-        keys = keys.filter((k) => !dirty.some((t) => t.key === k));
-      }
-      const open = new Set(stateRef.current.tabs.map((t) => t.key));
-      keys = keys.filter((k) => open.has(k));
-      if (keys.length) closeNow(keys, void 0, scope === "all" ? null : key);
-    },
-    [askDiscard, closeNow]
-  );
-  const activate = useCallback(
-    (key) => {
-      const tab = stateRef.current.tabs.find((t) => t.key === key);
-      if (!tab || key === stateRef.current.activeKey) return;
-      navigate(tab.path);
-    },
-    [navigate]
-  );
-  const setTitle2 = useCallback((key, title) => dispatch({ type: "title", key, title }), []);
-  const setDirty2 = useCallback((key, dirty) => dispatch({ type: "dirty", key, dirty }), []);
-  const keyFor = useCallback((loc) => entryFor(loc)?.key ?? null, [entryFor]);
-  const locationFor = useCallback((key) => locations.current.get(key), []);
-  const visibleTabs = useMemo(
-    () => enabled ? state.tabs.filter((t) => t.key !== state.closing) : [],
-    [enabled, state.tabs, state.closing]
-  );
-  const value = useMemo(
-    () => ({
-      enabled,
-      state,
-      currentKey,
-      resolve,
-      keyFor,
-      locationFor,
-      idFor,
-      activate,
-      close,
-      closeMany,
-      setTitle: setTitle2,
-      setDirty: setDirty2,
-      visibleTabs
-    }),
-    [enabled, state, currentKey, resolve, keyFor, locationFor, idFor, activate, close, closeMany, setTitle2, setDirty2, visibleTabs]
-  );
-  return /* @__PURE__ */ jsx(PageTabsContext.Provider, { value, children });
-}
-var Activity2 = ReactModule.Activity;
-var PAGE_TABS_PAUSE_HIDDEN = Boolean(Activity2);
-function KeepAlive({ active, children }) {
-  if (Activity2) return /* @__PURE__ */ jsx(Activity2, { mode: active ? "visible" : "hidden", children });
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-var sameFrame = (a, b) => a.active === b.active && a.location === b.location && a.className === b.className && a.panelId === b.panelId && a.tabId === b.tabId && (!b.active || a.render === b.render);
-var TabFrame = memo(function TabFrame2({ tabKey, active, location, render, className, panelId, tabId }) {
-  const ref = useRef(null);
-  const activeRef = useRef(active);
-  const scrolls = useRef(/* @__PURE__ */ new Map());
-  useBrowserLayoutEffect(() => {
-    const wasActive = activeRef.current;
-    activeRef.current = active;
-    if (!active || wasActive) return;
-    for (const [el, [top, left]] of scrolls.current) {
-      if (!el.isConnected) {
-        scrolls.current.delete(el);
-        continue;
-      }
-      el.scrollTop = top;
-      el.scrollLeft = left;
-    }
-  }, [active]);
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const onScroll = (e) => {
-      if (!activeRef.current) return;
-      const target = e.target;
-      if (!target || typeof target.scrollTop !== "number") return;
-      scrolls.current.set(target, [target.scrollTop, target.scrollLeft]);
-    };
-    el.addEventListener("scroll", onScroll, true);
-    return () => el.removeEventListener("scroll", onScroll, true);
-  }, []);
-  const frame = useMemo(() => ({ key: tabKey, activeRef }), [tabKey]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role: panelId ? "tabpanel" : void 0,
-      id: panelId,
-      "aria-labelledby": tabId,
-      hidden: !active,
-      style: active ? void 0 : { display: "none" },
-      className,
-      "data-page-tab": tabKey,
-      children: /* @__PURE__ */ jsx(PageTabFrameContext.Provider, { value: frame, children: /* @__PURE__ */ jsx(KeepAlive, { active, children: render(location) }) })
-    }
-  );
-}, sameFrame);
-var TRANSIENT = "\0transient";
-function PageTabsOutlet({ children, frameClassName }) {
-  const ctx = useContext(PageTabsContext);
-  const location = useLocation();
-  if (!ctx || !ctx.enabled) {
-    return /* @__PURE__ */ jsx("div", { className: frameClassName, children: children(location) }, TRANSIENT);
-  }
-  const { state, currentKey, locationFor, idFor } = ctx;
-  const keys = state.tabs.filter((t) => state.mounted.includes(t.key)).map((t) => t.key);
-  if (currentKey && !keys.includes(currentKey)) keys.push(currentKey);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    keys.map((key) => {
-      const active = key === currentKey;
-      const loc = active ? location : locationFor(key);
-      if (!loc) return null;
-      return /* @__PURE__ */ jsx(
-        TabFrame,
-        {
-          tabKey: key,
-          active,
-          location: loc,
-          render: children,
-          className: frameClassName,
-          panelId: idFor(key, "panel"),
-          tabId: idFor(key, "tab")
-        },
-        key
-      );
-    }),
-    !currentKey && /* @__PURE__ */ jsx(TabFrame, { tabKey: TRANSIENT, active: true, location, render: children, className: frameClassName }, TRANSIENT)
-  ] });
-}
-var STRIP = "relative flex h-10 shrink-0 items-end gap-3 bg-gray-100 px-3";
-var TABLIST = "flex min-w-0 flex-1 items-end overflow-x-auto overflow-y-hidden [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
-var TAB_BASE = "group @container relative flex h-9 flex-[0_1_15rem] items-center rounded-t-md border border-b-0 text-[13px] transition-colors";
-var TAB_FLOOR_IDLE = "min-w-[2.75rem]";
-var TAB_FLOOR_ACTIVE = "min-w-[4.25rem]";
-var TAB_PINNED = "group relative flex h-9 flex-none items-center justify-center rounded-t-md border border-b-0 transition-colors";
-var TAB_ACTIVE = "z-[1] border-gray-200 bg-gray-50 text-gray-900";
-var TAB_IDLE = "border-transparent text-gray-600 hover:bg-gray-200/70 hover:text-gray-900";
-var TITLE = "min-w-0 flex-1 overflow-hidden whitespace-nowrap [mask-image:linear-gradient(to_right,#000_calc(100%-1rem),transparent)]";
-var ICON_WRAP = "relative flex size-4 shrink-0 items-center justify-center text-gray-500 [&>svg]:size-4";
-var FOCUS_RING = "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-500";
-function CloseIcon() {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", className: "size-3.5", children: /* @__PURE__ */ jsx("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }) });
-}
-function PageTabBar({ className, activeClassName, end }) {
-  const ctx = useContext(PageTabsContext);
-  const strings = useShellStrings().pageTabs;
-  const stripRef = useRef(null);
-  const [menu, setMenu] = useState(null);
-  const activeKey = ctx?.currentKey ?? null;
-  useEffect(() => {
-    if (!ctx || !activeKey) return;
-    const el = document.getElementById(ctx.idFor(activeKey, "tab"));
-    el?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
-  }, [ctx, activeKey]);
-  if (!ctx || !ctx.enabled) return null;
-  const { visibleTabs: tabs, state, idFor, activate, close, closeMany, resolve } = ctx;
-  const focusKey = tabs.some((t) => t.key === activeKey) ? activeKey : tabs[0]?.key;
-  const focusTab = (index) => {
-    const tab = tabs[(index + tabs.length) % tabs.length];
-    if (tab) document.getElementById(idFor(tab.key, "tab"))?.focus();
-  };
-  const onKeyDown = (e) => {
-    const i = tabs.findIndex((t) => document.getElementById(idFor(t.key, "tab")) === e.target);
-    if (i < 0) return;
-    if (e.key === "ArrowRight") focusTab(i + 1);
-    else if (e.key === "ArrowLeft") focusTab(i - 1);
-    else if (e.key === "Home") focusTab(0);
-    else if (e.key === "End") focusTab(tabs.length - 1);
-    else if (e.key === "Delete" && !tabs[i].pinned) void close(tabs[i].key);
-    else return;
-    e.preventDefault();
-  };
-  const onContextMenu = (e, tab) => {
-    e.preventDefault();
-    setMenu({ x: e.clientX, y: e.clientY, key: tab.key });
-  };
-  const onAuxClick = (e, tab) => {
-    if (e.button !== 1 || tab.pinned) return;
-    e.preventDefault();
-    void close(tab.key);
-  };
-  const menuTab = menu ? tabs.find((t) => t.key === menu.key) : void 0;
-  const menuIndex = menuTab ? tabs.indexOf(menuTab) : -1;
-  const closable = (list) => list.some((t) => !t.pinned);
-  const run = (fn) => () => {
-    setMenu(null);
-    void fn();
-  };
-  return /* @__PURE__ */ jsxs("div", { className: className ?? STRIP, children: [
-    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-x-0 bottom-0 h-px bg-gray-200" }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: stripRef,
-        role: "tablist",
-        "aria-label": strings.label,
-        onKeyDown,
-        className: TABLIST,
-        children: tabs.map((tab, i) => {
-          const active = tab.key === activeKey;
-          const dirty = state.dirty.includes(tab.key);
-          const icon = resolve(parseTabPath(tab.path))?.icon;
-          const colours = active ? activeClassName ?? TAB_ACTIVE : TAB_IDLE;
-          const divider = i > 0 && !active && tabs[i - 1].key !== activeKey;
-          const tabButton = {
-            type: "button",
-            role: "tab",
-            id: idFor(tab.key, "tab"),
-            "aria-selected": active,
-            "aria-controls": state.mounted.includes(tab.key) ? idFor(tab.key, "panel") : void 0,
-            tabIndex: tab.key === focusKey ? 0 : -1,
-            title: tab.title,
-            onClick: () => activate(tab.key)
-          };
-          const handlers = {
-            onContextMenu: (e) => onContextMenu(e, tab),
-            onAuxClick: (e) => onAuxClick(e, tab),
-            // A middle-press would otherwise start the browser's autoscroll.
-            onMouseDown: (e) => {
-              if (e.button === 1) e.preventDefault();
-            }
-          };
-          const iconEl = icon && // The consumer's nav icons, whatever size they were drawn at for
-          // the sidebar, sit at the strip's size here.
-          /* @__PURE__ */ jsxs("span", { className: ICON_WRAP, "aria-hidden": "true", children: [
-            icon,
-            dirty && !active && !tab.pinned && // Unsaved work on a tab too narrow for its × slot: the dot
-            // moves onto the icon.
-            /* @__PURE__ */ jsx("span", { className: "absolute -right-1 -top-1 hidden size-2 rounded-full bg-gray-500 ring-2 ring-gray-100 @max-[6.5rem]:block @max-[6.5rem]:group-hover:hidden" })
-          ] });
-          if (tab.pinned) {
-            return /* @__PURE__ */ jsx("div", { role: "presentation", className: `${TAB_PINNED} ${icon ? "w-10" : ""} ${colours}`, ...handlers, children: /* @__PURE__ */ jsxs("button", { ...tabButton, className: `flex h-full items-center justify-center rounded-t-md ${icon ? "w-full" : "px-3"} ${FOCUS_RING}`, children: [
-              iconEl,
-              /* @__PURE__ */ jsx("span", { className: icon ? "sr-only" : "whitespace-nowrap text-[13px]", children: tab.title })
-            ] }) }, tab.key);
-          }
-          return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            divider && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mb-2.5 h-4 w-px shrink-0 self-end border-l border-gray-300" }),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                role: "presentation",
-                className: `${TAB_BASE} ${active ? TAB_FLOOR_ACTIVE : TAB_FLOOR_IDLE} ${colours}`,
-                ...handlers,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      ...tabButton,
-                      className: `flex h-full min-w-0 flex-1 items-center gap-2 rounded-t-md pl-3 pr-1 text-left ${FOCUS_RING} ${active ? "@max-[5rem]:pl-2.5" : "@max-[6.5rem]:pr-3 @max-[6.5rem]:group-hover:pr-1 @max-[4.5rem]:justify-center @max-[4.5rem]:px-0 @max-[4.5rem]:group-hover:pl-1.5"}`,
-                      children: [
-                        iconEl,
-                        /* @__PURE__ */ jsx("span", { className: `${TITLE} ${icon ? active ? "@max-[5rem]:sr-only" : "@max-[4.5rem]:sr-only" : ""}`, children: tab.title })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      className: `mr-1.5 flex size-5 shrink-0 items-center justify-center ${active ? "" : "@max-[6.5rem]:hidden @max-[6.5rem]:group-hover:flex"}`,
-                      children: [
-                        dirty && /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            role: "img",
-                            "aria-label": strings.unsaved,
-                            className: "size-2 rounded-full bg-gray-500 group-hover:hidden"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            tabIndex: -1,
-                            "aria-label": strings.closeTab?.(tab.title) ?? `${strings.close} ${tab.title}`,
-                            onClick: () => void close(tab.key),
-                            className: `size-5 items-center justify-center rounded text-gray-400 hover:bg-gray-200 hover:text-gray-700 ${dirty ? "hidden group-hover:flex" : active ? "flex" : "flex opacity-0 group-hover:opacity-100 focus-visible:opacity-100"}`,
-                            children: /* @__PURE__ */ jsx(CloseIcon, {})
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] }, tab.key);
-        })
-      }
-    ),
-    end && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2 self-center", children: end }),
-    menu && menuTab && /* @__PURE__ */ jsxs(PopupMenu, { portal: true, style: { left: menu.x, top: menu.y }, onClose: () => setMenu(null), children: [
-      /* @__PURE__ */ jsx(PopupMenuItem, { disabled: menuTab.pinned, onClick: run(() => close(menuTab.key)), children: strings.close }),
-      /* @__PURE__ */ jsx(PopupMenuDivider, {}),
-      /* @__PURE__ */ jsx(
-        PopupMenuItem,
-        {
-          disabled: !closable(tabs.filter((t) => t.key !== menuTab.key)),
-          onClick: run(() => closeMany("others", menuTab.key)),
-          children: strings.closeOthers
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PopupMenuItem,
-        {
-          disabled: !closable(tabs.slice(menuIndex + 1)),
-          onClick: run(() => closeMany("right", menuTab.key)),
-          children: strings.closeRight
-        }
-      ),
-      /* @__PURE__ */ jsx(PopupMenuItem, { disabled: !closable(tabs), onClick: run(() => closeMany("all", null)), children: strings.closeAll })
-    ] })
-  ] });
-}
-var NO_TABS = {
-  enabled: false,
-  tabs: [],
-  activeKey: null,
-  activate: () => {
-  },
-  close: async () => false,
-  closeOthers: async () => {
-  },
-  closeRight: async () => {
-  },
-  closeAll: async () => {
-  }
-};
-function usePageTabs() {
-  const ctx = useContext(PageTabsContext);
-  if (!ctx || !ctx.enabled) return NO_TABS;
-  return {
-    enabled: true,
-    tabs: ctx.visibleTabs,
-    activeKey: ctx.currentKey,
-    activate: ctx.activate,
-    close: ctx.close,
-    closeOthers: (key) => ctx.closeMany("others", key),
-    closeRight: (key) => ctx.closeMany("right", key),
-    closeAll: () => ctx.closeMany("all", null)
-  };
-}
-function usePageTab() {
-  const ctx = useContext(PageTabsContext);
-  const frame = useContext(PageTabFrameContext);
-  const navigate = useNavigate();
-  const key = ctx?.enabled && frame ? frame.key : null;
-  const close = useCallback(
-    async (options = {}) => {
-      if (ctx?.enabled && frame && ctx.state.tabs.some((t) => t.key === frame.key)) {
-        return ctx.close(frame.key, options);
-      }
-      if (options.to) navigate(options.to);
-      return false;
-    },
-    [ctx, frame, navigate]
-  );
-  return { key, close };
-}
-function usePageTabTitle(title) {
-  const ctx = useContext(PageTabsContext);
-  const frame = useContext(PageTabFrameContext);
-  const setTitle2 = ctx?.enabled ? ctx.setTitle : void 0;
-  const key = frame?.key;
-  useEffect(() => {
-    if (setTitle2 && key && title) setTitle2(key, title);
-  }, [setTitle2, key, title]);
-}
-function usePageTabDirty(dirty) {
-  const ctx = useContext(PageTabsContext);
-  const frame = useContext(PageTabFrameContext);
-  const setDirty2 = ctx?.enabled ? ctx.setDirty : void 0;
-  useEffect(() => {
-    if (!setDirty2 || !frame) return;
-    setDirty2(frame.key, dirty);
-    return () => {
-      if (frame.activeRef.current) setDirty2(frame.key, false);
-    };
-  }, [setDirty2, frame, dirty]);
-}
-
-export { DEFAULT_MAX_TABS, PAGE_TABS_PAUSE_HIDDEN, PageTabBar, PageTabsOutlet, PageTabsProvider, parseTabPath, usePageTab, usePageTabDirty, usePageTabTitle, usePageTabs };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import{PopupMenu as e,PopupMenuItem as t,PopupMenuDivider as n}from"../chunk-UZAJ5BF6.js";import{confirm as r}from"../chunk-3A46NCXK.js";import"../chunk-57MIENLJ.js";import{useShellStrings as i}from"../chunk-OQDWLHZI.js";import"../chunk-MAIHBBWT.js";import{useBrowserLayoutEffect as l}from"../chunk-D65T4H6J.js";import*as a from"react";import{createContext as s,memo as o,useRef as c,useEffect as d,useMemo as u,useId as y,useCallback as f,useReducer as m,useContext as p,useState as h,Fragment as b}from"react";import{useLocation as k,useNavigate as v}from"react-router-dom";import{jsx as g,Fragment as x,jsxs as w}from"react/jsx-runtime";var N=s(null),I=s(null),K=12;var A=(e,t)=>e.filter(e=>e!==t);function F(e,t){return[...t.map(t=>e.find(e=>e.key===t)).filter(e=>Boolean(e)),...e.filter(e=>!t.includes(e.key))]}function T(e,t,n=12){const r=e.clock+1;let i;i=e.tabs.find(e=>e.key===t.key)?e.tabs.map(e=>e.key===t.key?{...e,path:t.path,title:"page"===e.titleFrom?e.title:t.title||e.title,lastActive:r}:e):[...e.tabs,{key:t.key,path:t.path,title:t.title,titleFrom:"route",pinned:!1,lastActive:r}];let l={...e,tabs:i,activeKey:t.key,mounted:(a=e.mounted,s=t.key,a.includes(s)?a:[...a,s]),clock:r};var a,s;return l.closing&&l.closing!==t.key?l=C(l,l.closing):l.closing===t.key&&(l={...l,closing:null}),function(e,t){let n=e;for(;n.tabs.length>t;){const e=n.tabs.filter(e=>!e.pinned&&e.key!==n.activeKey&&!n.dirty.includes(e.key)&&e.key!==n.closing).sort((e,t)=>e.lastActive-t.lastActive);if(0===e.length)break;n=C(n,e[0].key)}return n}(l,n)}function $(e){let t={...e,activeKey:null};return t.closing&&(t=C(t,t.closing)),t}function C(e,t){return{...e,tabs:e.tabs.filter(e=>e.key!==t),mounted:A(e.mounted,t),dirty:A(e.dirty,t),activeKey:e.activeKey===t?null:e.activeKey,closing:e.closing===t?null:e.closing}}function L(e,t){switch(t.type){case"visit":return T(e,t.entry,t.maxTabs);case"transient":return $(e);case"close":{let n=e;for(const e of t.keys)n=C(n,e);return t.closing?function(e,t){return{...e,closing:t}}(n,t.closing):n}case"title":return function(e,t,n){const r=e.tabs.find(e=>e.key===t);return!r||!n||r.title===n&&"page"===r.titleFrom?e:{...e,tabs:e.tabs.map(e=>e.key===t?{...e,title:n,titleFrom:"page"}:e)}}(e,t.key,t.title);case"dirty":return function(e,t,n){return n===e.dirty.includes(t)?e:{...e,dirty:n?[...e.dirty,t]:A(e.dirty,t)}}(e,t.key,t.dirty)}}var M=e=>`${e.pathname}${e.search}`;function j(e){const t=e.indexOf("#"),n=t>=0?e.slice(t):"",r=t>=0?e.slice(0,t):e,i=r.indexOf("?");return{pathname:i>=0?r.slice(0,i):r,search:i>=0?r.slice(i):"",hash:n}}function D({children:e,resolve:t,pinned:n=[],storageKey:a,maxTabs:s=12,enabled:o=!0,confirmDiscard:p}){const h=k(),b=v(),x=i().pageTabs,w=y(),I=c(t);I.current=t;const K=f(e=>{const t=I.current(e);return t?{key:t.key??e.pathname,path:M(e),title:t.title}:null},[]),[A,C]=m(L,void 0,()=>{const e=function(e,t){if(!e)return[];let n;try{n=JSON.parse(e)}catch{return[]}const r=n;if(!r||1!==r.v||!Array.isArray(r.tabs))return[];const i=[];for(const e of r.tabs){if(!e||"string"!=typeof e.path||!e.path.startsWith("/")||e.path.startsWith("//"))continue;const n=e.path.indexOf("#"),r=n>=0?e.path.slice(0,n):e.path,l=t(r);if(!l||i.some(e=>e.key===l.key))continue;const a="page"===e.titleFrom&&"string"==typeof e.title&&e.title;i.push({key:l.key,path:r,title:a||l.title,titleFrom:a?"page":"route",pinned:!1,lastActive:0})}return i}(function(e){if(!e)return null;try{return localStorage.getItem(e)}catch{return null}}(a),e=>K(j(e)));let t=function(e,t){const n=t.map(e=>e.key);let r=e.tabs.map(e=>({...e,pinned:n.includes(e.key)}));for(const e of t)r.some(t=>t.key===e.key)||(r=[...r,{key:e.key,path:e.path,title:e.title,titleFrom:"route",pinned:!0,lastActive:0}]);return{...e,tabs:F(r,n)}}({tabs:[],activeKey:null,mounted:[],dirty:[],closing:null,clock:0,tabs:e},n.map(e=>K(j(e))).filter(e=>Boolean(e)));const r=o?K(h):null;return t=r?T(t,r,s):$(t),t}),D=c(A);D.current=A;const O=c(/* @__PURE__ */new Map),z=o?K(h):null,B=z?.key??null;l(()=>{if(!o)return;const e=K(h);e?(O.current.set(e.key,h),C({type:"visit",entry:e,maxTabs:s})):C({type:"transient"})},[h,o,s,K]),d(()=>{const e=new Set(A.tabs.map(e=>e.key));for(const t of O.current.keys())e.has(t)||O.current.delete(t)},[A.tabs]);const E=u(()=>function(e){const t={v:1,tabs:e.tabs.filter(t=>t.key!==e.closing).map(({key:e,path:t,title:n,titleFrom:r})=>({key:e,path:t,title:n,titleFrom:r}))};return JSON.stringify(t)}(A),[A]);d(()=>{if(a)try{localStorage.setItem(a,E)}catch{}},[E,a]);const R=A.dirty.length>0;d(()=>{if(!R)return;const e=e=>{e.preventDefault(),e.returnValue=""};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[R]);const S=c(/* @__PURE__ */new Map),J=f((e,t)=>{let n=S.current.get(e);return void 0===n&&(n=S.current.size,S.current.set(e,n)),`${w}-page-${t}-${n}`},[w]),H=f(e=>p?p(e):r({title:x.discardTitle,message:1===e.length?x.discardOne:x.discardCount?.(e.length)??`${e.length} ${x.discardMany}`,confirmLabel:x.discardConfirm,cancelLabel:x.keepEditing,variant:"warning"}),[p,x]),W=f(()=>{const e=D.current;return e.tabs.find(e=>e.pinned)?.path??"/"},[]),_=f((e,t,n)=>{const r=D.current,i=r.activeKey;if(!i||!e.includes(i))return void C({type:"close",keys:e,closing:null});let l=t;if(!l){const t={...r,tabs:r.tabs.filter(t=>t.key===i||!e.includes(t.key))},a=n?r.tabs.find(t=>t.key===n&&!e.includes(t.key)):void 0;l=(a??function(e,t){const n=e.tabs.filter(n=>n.key!==e.closing||n.key===t),r=n.findIndex(e=>e.key===t);return r<0?null:n[r+1]??n[r-1]??null}(t,i))?.path??W()}C({type:"close",keys:e.filter(e=>e!==i),closing:i}),b(l)},[b,W]),P=f(async(e,t={})=>{const n=D.current.tabs.find(t=>t.key===e);return!n||n.pinned?(t.to&&b(t.to),!1):!(!t.force&&D.current.dirty.includes(e)&&!await H([n]))&&(!!D.current.tabs.some(t=>t.key===e)&&(_([e],t.to),!0))},[H,_,b]),V=f(async(e,t)=>{let n=function(e,t,n){const r=e.tabs.filter(e=>!e.pinned);if("all"===t)return r.map(e=>e.key);if("others"===t)return r.filter(e=>e.key!==n).map(e=>e.key);const i=e.tabs.findIndex(e=>e.key===n);return i<0?[]:e.tabs.slice(i+1).filter(e=>!e.pinned).map(e=>e.key)}(D.current,e,t);const r=D.current.tabs.filter(e=>n.includes(e.key)&&D.current.dirty.includes(e.key));r.length&&!await H(r)&&(n=n.filter(e=>!r.some(t=>t.key===e)));const i=new Set(D.current.tabs.map(e=>e.key));n=n.filter(e=>i.has(e)),n.length&&_(n,void 0,"all"===e?null:t)},[H,_]),X=f(e=>{const t=D.current.tabs.find(t=>t.key===e);t&&e!==D.current.activeKey&&b(t.path)},[b]),Z=f((e,t)=>C({type:"title",key:e,title:t}),[]),Q=f((e,t)=>C({type:"dirty",key:e,dirty:t}),[]),U=f(e=>K(e)?.key??null,[K]),Y=f(e=>O.current.get(e),[]),q=u(()=>o?A.tabs.filter(e=>e.key!==A.closing):[],[o,A.tabs,A.closing]),G=u(()=>({enabled:o,state:A,currentKey:B,resolve:t,keyFor:U,locationFor:Y,idFor:J,activate:X,close:P,closeMany:V,setTitle:Z,setDirty:Q,visibleTabs:q}),[o,A,B,t,U,Y,J,X,P,V,Z,Q,q]);/* @__PURE__ */
+return g(N.Provider,{value:G,children:e})}var O=a.Activity,z=Boolean(O);function B({active:e,children:t}){return O?/* @__PURE__ */g(O,{mode:e?"visible":"hidden",children:t}):/* @__PURE__ */g(x,{children:t})}var E=o(function({tabKey:e,active:t,location:n,render:r,className:i,panelId:a,tabId:s}){const o=c(null),y=c(t),f=c(/* @__PURE__ */new Map);l(()=>{const e=y.current;if(y.current=t,t&&!e)for(const[e,[t,n]]of f.current)e.isConnected?(e.scrollTop=t,e.scrollLeft=n):f.current.delete(e)},[t]),d(()=>{const e=o.current;if(!e)return;const t=e=>{if(!y.current)return;const t=e.target;t&&"number"==typeof t.scrollTop&&f.current.set(t,[t.scrollTop,t.scrollLeft])};return e.addEventListener("scroll",t,!0),()=>e.removeEventListener("scroll",t,!0)},[]);const m=u(()=>({key:e,activeRef:y}),[e]);/* @__PURE__ */
+return g("div",{ref:o,role:a?"tabpanel":void 0,id:a,"aria-labelledby":s,hidden:!t,style:t?void 0:{display:"none"},className:i,"data-page-tab":e,children:/* @__PURE__ */g(I.Provider,{value:m,children:/* @__PURE__ */g(B,{active:t,children:r(n)})})})},(e,t)=>e.active===t.active&&e.location===t.location&&e.className===t.className&&e.panelId===t.panelId&&e.tabId===t.tabId&&(!t.active||e.render===t.render)),R="\0transient";function S({children:e,frameClassName:t}){const n=p(N),r=k();if(!n||!n.enabled)/* @__PURE__ */
+return g("div",{className:t,children:e(r)},R);const{state:i,currentKey:l,locationFor:a,idFor:s}=n,o=i.tabs.filter(e=>i.mounted.includes(e.key)).map(e=>e.key);return l&&!o.includes(l)&&o.push(l),/* @__PURE__ */w(x,{children:[o.map(n=>{const i=n===l,o=i?r:a(n);return o?/* @__PURE__ */g(E,{tabKey:n,active:i,location:o,render:e,className:t,panelId:s(n,"panel"),tabId:s(n,"tab")},n):null}),!l&&/* @__PURE__ */g(E,{tabKey:R,active:!0,location:r,render:e,className:t},R)]})}var J="outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-500";function H(){/* @__PURE__ */
+return g("svg",{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"size-3.5",children:/* @__PURE__ */g("path",{d:"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"})})}function W({className:r,activeClassName:l,end:a}){const s=p(N),o=i().pageTabs,u=c(null),[y,f]=h(null),m=s?.currentKey??null;if(d(()=>{if(!s||!m)return;const e=document.getElementById(s.idFor(m,"tab"));e?.scrollIntoView?.({block:"nearest",inline:"nearest"})},[s,m]),!s||!s.enabled)return null;const{visibleTabs:k,state:v,idFor:x,activate:I,close:K,closeMany:A,resolve:F}=s,T=k.some(e=>e.key===m)?m:k[0]?.key,$=e=>{const t=k[(e+k.length)%k.length];t&&document.getElementById(x(t.key,"tab"))?.focus()},C=y?k.find(e=>e.key===y.key):void 0,L=C?k.indexOf(C):-1,M=e=>e.some(e=>!e.pinned),D=e=>()=>{f(null),e()};/* @__PURE__ */
+return w("div",{className:r??"relative flex h-10 shrink-0 items-end gap-3 bg-gray-100 px-3",children:[
+/* @__PURE__ */g("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 h-px bg-gray-200"}),
+/* @__PURE__ */g("div",{ref:u,role:"tablist","aria-label":o.label,onKeyDown:e=>{const t=k.findIndex(t=>document.getElementById(x(t.key,"tab"))===e.target);if(!(t<0)){if("ArrowRight"===e.key)$(t+1);else if("ArrowLeft"===e.key)$(t-1);else if("Home"===e.key)$(0);else if("End"===e.key)$(k.length-1);else{if("Delete"!==e.key||k[t].pinned)return;K(k[t].key)}e.preventDefault()}},className:"flex min-w-0 flex-1 items-end overflow-x-auto overflow-y-hidden [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:k.map((e,t)=>{const n=e.key===m,r=v.dirty.includes(e.key),i=F(j(e.path))?.icon,a=n?l??"z-[1] border-gray-200 bg-gray-50 text-gray-900":"border-transparent text-gray-600 hover:bg-gray-200/70 hover:text-gray-900",s=t>0&&!n&&k[t-1].key!==m,c={type:"button",role:"tab",id:x(e.key,"tab"),"aria-selected":n,"aria-controls":v.mounted.includes(e.key)?x(e.key,"panel"):void 0,tabIndex:e.key===T?0:-1,title:e.title,onClick:()=>I(e.key)},d={onContextMenu:t=>((e,t)=>{e.preventDefault(),f({x:e.clientX,y:e.clientY,key:t.key})})(t,e),onAuxClick:t=>((e,t)=>{1!==e.button||t.pinned||(e.preventDefault(),K(t.key))})(t,e),onMouseDown:e=>{1===e.button&&e.preventDefault()}},u=i&&
+/* @__PURE__ */w("span",{className:"relative flex size-4 shrink-0 items-center justify-center text-gray-500 [&>svg]:size-4","aria-hidden":"true",children:[i,r&&!n&&!e.pinned&&
+/* @__PURE__ */g("span",{className:"absolute -right-1 -top-1 hidden size-2 rounded-full bg-gray-500 ring-2 ring-gray-100 @max-[6.5rem]:block @max-[6.5rem]:group-hover:hidden"})]});return e.pinned?/* @__PURE__ */g("div",{role:"presentation",className:`group relative flex h-9 flex-none items-center justify-center rounded-t-md border border-b-0 transition-colors ${i?"w-10":""} ${a}`,...d,children:/* @__PURE__ */w("button",{...c,className:`flex h-full items-center justify-center rounded-t-md ${i?"w-full":"px-3"} ${J}`,children:[u,
+/* @__PURE__ */g("span",{className:i?"sr-only":"whitespace-nowrap text-[13px]",children:e.title})]})},e.key):/* @__PURE__ */w(b,{children:[s&&/* @__PURE__ */g("span",{"aria-hidden":"true",className:"mb-2.5 h-4 w-px shrink-0 self-end border-l border-gray-300"}),
+/* @__PURE__ */w("div",{role:"presentation",className:`group @container relative flex h-9 flex-[0_1_15rem] items-center rounded-t-md border border-b-0 text-[13px] transition-colors ${n?"min-w-[4.25rem]":"min-w-[2.75rem]"} ${a}`,...d,children:[
+/* @__PURE__ */w("button",{...c,className:`flex h-full min-w-0 flex-1 items-center gap-2 rounded-t-md pl-3 pr-1 text-left ${J} ${n?"@max-[5rem]:pl-2.5":"@max-[6.5rem]:pr-3 @max-[6.5rem]:group-hover:pr-1 @max-[4.5rem]:justify-center @max-[4.5rem]:px-0 @max-[4.5rem]:group-hover:pl-1.5"}`,children:[u,
+/* @__PURE__ */g("span",{className:"min-w-0 flex-1 overflow-hidden whitespace-nowrap [mask-image:linear-gradient(to_right,#000_calc(100%-1rem),transparent)] "+(i?n?"@max-[5rem]:sr-only":"@max-[4.5rem]:sr-only":""),children:e.title})]}),
+/* @__PURE__ */w("span",{className:"mr-1.5 flex size-5 shrink-0 items-center justify-center "+(n?"":"@max-[6.5rem]:hidden @max-[6.5rem]:group-hover:flex"),children:[r&&/* @__PURE__ */g("span",{role:"img","aria-label":o.unsaved,className:"size-2 rounded-full bg-gray-500 group-hover:hidden"}),
+/* @__PURE__ */g("button",{type:"button",tabIndex:-1,"aria-label":o.closeTab?.(e.title)??`${o.close} ${e.title}`,onClick:()=>{K(e.key)},className:"size-5 items-center justify-center rounded text-gray-400 hover:bg-gray-200 hover:text-gray-700 "+(r?"hidden group-hover:flex":n?"flex":"flex opacity-0 group-hover:opacity-100 focus-visible:opacity-100"),children:/* @__PURE__ */g(H,{})})]})]})]},e.key)})}),a&&/* @__PURE__ */g("div",{className:"flex shrink-0 items-center gap-2 self-center",children:a}),y&&C&&/* @__PURE__ */w(e,{portal:!0,style:{left:y.x,top:y.y},onClose:()=>f(null),children:[
+/* @__PURE__ */g(t,{disabled:C.pinned,onClick:D(()=>K(C.key)),children:o.close}),
+/* @__PURE__ */g(n,{}),
+/* @__PURE__ */g(t,{disabled:!M(k.filter(e=>e.key!==C.key)),onClick:D(()=>A("others",C.key)),children:o.closeOthers}),
+/* @__PURE__ */g(t,{disabled:!M(k.slice(L+1)),onClick:D(()=>A("right",C.key)),children:o.closeRight}),
+/* @__PURE__ */g(t,{disabled:!M(k),onClick:D(()=>A("all",null)),children:o.closeAll})]})]})}var _={enabled:!1,tabs:[],activeKey:null,activate:()=>{},close:async()=>!1,closeOthers:async()=>{},closeRight:async()=>{},closeAll:async()=>{}};function P(){const e=p(N);return e&&e.enabled?{enabled:!0,tabs:e.visibleTabs,activeKey:e.currentKey,activate:e.activate,close:e.close,closeOthers:t=>e.closeMany("others",t),closeRight:t=>e.closeMany("right",t),closeAll:()=>e.closeMany("all",null)}:_}function V(){const e=p(N),t=p(I),n=v();return{key:e?.enabled&&t?t.key:null,close:f(async(r={})=>e?.enabled&&t&&e.state.tabs.some(e=>e.key===t.key)?e.close(t.key,r):(r.to&&n(r.to),!1),[e,t,n])}}function X(e){const t=p(N),n=p(I),r=t?.enabled?t.setTitle:void 0,i=n?.key;d(()=>{r&&i&&e&&r(i,e)},[r,i,e])}function Z(e){const t=p(N),n=p(I),r=t?.enabled?t.setDirty:void 0;d(()=>{if(r&&n)return r(n.key,e),()=>{n.activeRef.current&&r(n.key,!1)}},[r,n,e])}export{K as DEFAULT_MAX_TABS,z as PAGE_TABS_PAUSE_HIDDEN,W as PageTabBar,S as PageTabsOutlet,D as PageTabsProvider,j as parseTabPath,V as usePageTab,Z as usePageTabDirty,X as usePageTabTitle,P as usePageTabs};