@eifi1/ui-kit 0.53.0 → 0.55.0

package/src/shell/topbar-controls.tsx

@@ -1,269 +0,0 @@
-import { Check, Globe, Moon, Palette, Sun } from "lucide-react";
-import { cn } from "../lib/cn";
-import { HoverMenu } from "../components/hover-menu";
-import type { PalettePreset } from "../theme/palette-presets";
-import type { ThemeMode } from "../theme/theme-store";
-import { Tooltip } from "../components/tooltip";
-import { DEFAULT_TOP_BAR_LABELS, useKitLabels } from "../i18n/kit-labels";
-import { languageCodeLabel } from "./language-code";
-
-/** Shared square icon-button styling for top-bar triggers, so app-owned controls
- *  (account/feedback menus) line up with the shared ones. */
-export const TOPBAR_TRIGGER_CLASS =
-  "size-9 rounded-md flex items-center justify-center text-secondary hover:text-primary hover:bg-hover";
-
-/** Shared row styling for the top-bar hover-menu items. `text-start`, so a label that
- *  wraps aligns to the reading edge in RTL too. */
-export const TOPBAR_MENU_ITEM_CLASS =
-  "flex w-full items-center justify-between gap-3 px-3 py-2 text-sm text-start text-secondary hover:bg-hover";
-
-/** The small uppercase heading row the top-bar menus share (`heading`). */
-function MenuHeading({ children }: { children: string }) {
-  return <li className="px-3 py-1 text-micro font-semibold uppercase tracking-wide text-placeholder">{children}</li>;
-}
-
-/**
- * Sun/Moon toggle for the light/dark theme. Controlled: the app owns the mode, and the
- * toggle keeps no storage key of its own (docs/top-bar-harmonization.md §6.4).
- *
- * `mode` is the theme ON SCREEN — the resolved one, so with a "system" preference it is
- * whatever the OS gives. A tap asks for the opposite of that: `onChange("light")` while
- * dark is shown, `onChange("dark")` while light is. The app writes it as its theme
- * preference (an explicit light or dark), where Settings → Appearance keeps the three-way
- * choice. `onToggle` is the older way to hear the tap, without the next mode; both fire.
- */
-export function ThemeToggle({
-  mode,
-  onToggle,
-  onChange,
-  "aria-label": ariaLabel,
-  title,
-  className,
-}: {
-  /** The resolved light/dark on screen (`useThemeStore`'s `mode`, not its preference). */
-  mode: ThemeMode;
-  /** Hears a tap. Kept for 0.41's callers; `onChange` says what to switch to. */
-  onToggle?: () => void;
-  /** 0.42: the mode to switch to — always the opposite of `mode`. */
-  onChange?: (next: ThemeMode) => void;
-  /** Default: `topBar.theme` from the {@link UiKitProvider}, else English. */
-  "aria-label"?: string;
-  title?: string;
-  className?: string;
-}) {
-  // This had no default at all, so a toggle rendered without `aria-label` was an
-  // icon button with no name — a reader heard "button" and nothing else.
-  const labels = useKitLabels("topBar", DEFAULT_TOP_BAR_LABELS, { theme: ariaLabel });
-  const Icon = mode === "dark" ? Moon : Sun;
-  const button = (
-    <button
-      type="button"
-      onClick={() => {
-        onChange?.(mode === "dark" ? "light" : "dark");
-        onToggle?.();
-      }}
-      aria-label={labels.theme}
-      className={cn(TOPBAR_TRIGGER_CLASS, className)}
-    >
-      <Icon className="size-5" />
-    </button>
-  );
-  // The name on hover and focus even without a `title` (0.48, keksdose dev#610); a bubble
-  // that only repeats it is visual, in a fragment as on IconButton — see OptionSwitcherMenu.
-  const tip = title ?? labels.theme;
-  return (
-    <Tooltip label={tip} portal>
-      {tip === labels.theme ? <>{button}</> : button}
-    </Tooltip>
-  );
-}
-
-/** Appearance-preset switcher: a hover menu of palette presets with per-theme
- *  colour swatches. Controlled — the app owns the active id and applies it. */
-export function PaletteMenu({
-  palettes,
-  activeId,
-  mode,
-  onSelect,
-  "aria-label": ariaLabel,
-  heading,
-}: {
-  palettes: PalettePreset[];
-  activeId: string;
-  mode: ThemeMode;
-  onSelect: (id: string) => void;
-  /** Default: `topBar.palette` from the {@link UiKitProvider}, else English. */
-  "aria-label"?: string;
-  /** Optional small heading row above the list. */
-  heading?: string;
-}) {
-  const labels = useKitLabels("topBar", DEFAULT_TOP_BAR_LABELS, { palette: ariaLabel });
-  const activeName = palettes.find((p) => p.id === activeId)?.name ?? activeId;
-  return (
-    <HoverMenu
-      aria-label={labels.palette}
-      trigger={({ toggle }) => (
-        <Tooltip label={activeName} portal>
-          <button type="button" onClick={toggle} aria-label={labels.palette} className={TOPBAR_TRIGGER_CLASS}>
-            {/* A DATA colour, not a semantic one: the palette mark is the
-                "colour" control, so it carries a colour, and which hue is
-                arbitrary. `--chart-1` is the violet end of the CVD-safe
-                categorical ramp and flips per theme — a fixed `violet-500` did
-                not, and stayed a cool violet island on a warm page. */}
-            <Palette className="size-5 text-[var(--chart-1)]" />
-          </button>
-        </Tooltip>
-      )}
-    >
-      {(close) => (
-        <ul className="w-60 py-1">
-          {heading && <MenuHeading>{heading}</MenuHeading>}
-          {palettes.map((p) => {
-            const ts = p[mode];
-            const swatches = [ts.bgPage, ts.brand, ts.moneyIncome, ts.moneyExpense, ts.moneyNet];
-            return (
-              <li key={p.id}>
-                <button
-                  type="button"
-                  onClick={() => {
-                    onSelect(p.id);
-                    close();
-                  }}
-                  className={TOPBAR_MENU_ITEM_CLASS}
-                >
-                  <span className="flex min-w-0 items-center gap-2">
-                    <span className="flex shrink-0 gap-0.5">
-                      {/* Deliberately a neutral at 10% and not a token: this hairline
-                          sits on an ARBITRARY preset colour, so it has to read against
-                          whatever that preset paints, which no themed border does. */}
-                      {swatches.map((c, i) => (
-                        <span
-                          key={i}
-                          className="size-3.5 rounded-sm ring-1 ring-inset ring-black/10 dark:ring-white/10"
-                          style={{ background: c }}
-                        />
-                      ))}
-                    </span>
-                    <span className="flex min-w-0 flex-col text-start">
-                      <span className="truncate">{p.name}</span>
-                      <span className="truncate text-caption text-placeholder">{p.blurb}</span>
-                    </span>
-                  </span>
-                  {activeId === p.id && <Check className="size-4 shrink-0 text-secondary" />}
-                </button>
-              </li>
-            );
-          })}
-        </ul>
-      )}
-    </HoverMenu>
-  );
-}
-
-export interface LanguageOption {
-  code: string;
-  label: string;
-  /** ISO 3166-1 alpha-2 country code (lowercase) for the flag-icons flag. */
-  country: string;
-}
-
-/** What {@link LanguageMenu}'s trigger shows of the active language (0.49 KIT-10). */
-export type LanguageMenuTrigger = "flag+code" | "code" | "flag";
-
-/** The trigger with a code: as tall as the others, as wide as flag and code need. */
-const LANGUAGE_TRIGGER_WIDE_CLASS = TOPBAR_TRIGGER_CLASS.replace("size-9", "h-9 min-w-9 gap-1.5 px-2");
-
-const FLAG_CLASS = "inline-block h-[0.9375rem] w-5 shrink-0 rounded-sm shadow-[0_0_0_1px_rgba(0,0,0,0.08)]";
-
-/** Language switcher: a hover menu of options with flags and a check on the
- *  active one. Controlled — the app owns the current code and change handler.
- *
- *  The trigger is the *active* option's flag and its language code in capitals
- *  ("DE", "FR", "IT"; `trigger`, 0.49 KIT-10), not an icon: lucide's `Languages`
- *  glyph (文A) is the same mark Chrome puts in the omnibox for "translate this
- *  page", so it read as machine-translation rather than "pick the UI language"
- *  (Keksdose feedback #121). A flag alone could not tell de-CH, fr-CH and it-CH
- *  apart — one Swiss flag each — so the code is beside it. It is named "Choose
- *  language, current: Deutsch" (`topBar.languageCurrent`). A globe covers the
- *  case where `current` matches nothing in `options`. */
-export function LanguageMenu({
-  options,
-  current,
-  onChange,
-  "aria-label": ariaLabel,
-  heading,
-  trigger = "flag+code",
-}: {
-  options: LanguageOption[];
-  current: string | undefined;
-  onChange: (code: string) => void;
-  /** The menu's name, and the trigger's as given. Default: the menu `topBar.language`,
-   *  the trigger `topBar.languageCurrent(<the active label>)`, from the
-   *  {@link UiKitProvider}, else English. */
-  "aria-label"?: string;
-  /** Optional small heading row above the list — as on `TopBarActionMenu`,
-   *  `OptionSwitcherMenu` and `PaletteMenu`. */
-  heading?: string;
-  /** What the trigger shows: `"flag+code"` (default), `"code"` or `"flag"`. */
-  trigger?: LanguageMenuTrigger;
-}) {
-  const labels = useKitLabels("topBar", DEFAULT_TOP_BAR_LABELS, { language: ariaLabel });
-  const active = options.find((o) => o.code === current);
-  const triggerName = ariaLabel ?? (active ? labels.languageCurrent(active.label) : labels.language);
-  const showsCode = active !== undefined && trigger !== "flag";
-  return (
-    <HoverMenu
-      aria-label={labels.language}
-      trigger={({ toggle }) => (
-        <Tooltip label={active?.label ?? labels.language} portal>
-          <button
-            type="button"
-            onClick={toggle}
-            aria-label={triggerName}
-            className={showsCode ? LANGUAGE_TRIGGER_WIDE_CLASS : TOPBAR_TRIGGER_CLASS}
-          >
-            {active ? (
-              <>
-                {trigger !== "code" && <span aria-hidden className={`fi fi-${active.country} ${FLAG_CLASS}`} />}
-                {showsCode && (
-                  <span aria-hidden className="text-xs font-semibold tabular-nums tracking-wide">
-                    {languageCodeLabel(active.code)}
-                  </span>
-                )}
-              </>
-            ) : (
-              <Globe className="size-5" />
-            )}
-          </button>
-        </Tooltip>
-      )}
-    >
-      {(close) => (
-        <ul className="py-1">
-          {heading && <MenuHeading>{heading}</MenuHeading>}
-          {options.map((lang) => {
-            const isActive = lang.code === current;
-            return (
-              <li key={lang.code}>
-                <button
-                  type="button"
-                  onClick={() => {
-                    onChange(lang.code);
-                    close();
-                  }}
-                  className={TOPBAR_MENU_ITEM_CLASS}
-                >
-                  <span className="flex items-center gap-2">
-                    <span aria-hidden className={`fi fi-${lang.country} ${FLAG_CLASS}`} />
-                    {lang.label}
-                  </span>
-                  {isActive && <Check className="size-4 text-secondary" />}
-                </button>
-              </li>
-            );
-          })}
-        </ul>
-      )}
-    </HoverMenu>
-  );
-}

package/src/shell/tour-menu.tsx

@@ -1,187 +0,0 @@
-import type { ReactNode } from "react";
-import { useLocation } from "react-router";
-import { Check, Compass } from "lucide-react";
-import { Chip } from "../components/chip";
-import { isTourDone, isTourNew, isTourReset, type TourCompletions, type TourInfo } from "../tour/tour-info";
-import type { LabelOverride } from "../i18n/kit-labels";
-import { TopBarActionMenu, type TopBarMenuEntry } from "./topbar-action-menu";
-import { useTopBarPartsLabels, type TourMenuLabels } from "./top-bar-parts-labels";
-
-/**
- * One tour as the menu needs it — data, so the menu depends on no app's tour registry.
- * The kit's tour engine (`TourProvider`) runs steps and keeps none; which tours exist,
- * which are new and which are taken is the app's (keksdose: `useTours`, `useIsNewTour`,
- * its progress store).
- *
- * Since 0.43 it is a subset of the catalogue's `TourInfo` (docs/tours-harmonization.md
- * §3), so an app keeps ONE list: hand the menu the catalogue's tours with `completed`
- * and `joined`, and it works out ✓, NEW and "Updated" itself. Given the record, the kit's
- * ✓ and "Updated" win over a row's `completed` and `reset`; given `joined`, its NEW wins
- * over `isNew` — so a row built from an app's own booleans cannot hide an update (§8,
- * build review kastlan A3, keksdose K-S6). The booleans are for a menu with neither.
- */
-export type TourMenuTour = Partial<Pick<TourInfo, "route" | "since" | "updated">> & {
-  id: string;
-  title: ReactNode;
-  /** The row's icon, drawn at 16px. */
-  icon?: ReactNode;
-  /** Shipped after this account was opened and not yet taken: a NEW chip on the row,
-   *  and the dot on the compass. */
-  isNew?: boolean;
-  /** Taken: a ✓ on the row. */
-  completed?: boolean;
-  /** Taken before its last update (§8): an "Updated" chip, and the dot, as for NEW. */
-  reset?: boolean;
-};
-
-export interface TourMenuProps {
-  tours: readonly TourMenuTour[];
-  /** Start a tour — `useTour().start(steps, { id })` with the app's steps. */
-  onLaunch: (id: string) => void;
-  /** The device's completions (`useTourProgress().completed`): ✓ and "Updated" from them. */
-  completed?: TourCompletions;
-  /** The account's `created_at`: NEW from it, by `isTourNew`. */
-  joined?: string | null;
-  /**
-   * The app's tours page (keksdose `/tours`). With it the compass is a LINK there plus a
-   * hover menu, and the menu ends in "All tours…". Without it (§6.7, Kurvenschmiede) the
-   * compass opens the menu, and the tours on neither list follow below a rule.
-   */
-  href?: string;
-  /** The open page's path. Default: the router's location. */
-  pathname?: string;
-  /** How many new tours the menu offers beyond the page's own. Default 3. */
-  maxNew?: number;
-  /**
-   * `"all"`: list every tour — this page's and the new ones first, then the rest below a
-   * rule — with `href` too, before "All tours…". For an app whose tours carry no `route`,
-   * `isNew` or `since` (kastlan, build review A1), where the short list would be empty
-   * off the tours' page. Default `"short"`: with `href`, only this page's and the new.
-   */
-  list?: "short" | "all";
-  /** Prop > `<UiKitProvider labels={{ topBarParts: { tours } }}>` > English. */
-  labels?: LabelOverride<TourMenuLabels>;
-  /** `data-*` attributes go on the compass — a tour's anchor (`data-tour="tours"`). */
-  [key: `data-${string}`]: string | number | boolean | undefined;
-}
-
-/** A path's first segment — "/reports/spending?g=month" → "/reports". */
-const pageOf = (path: string) => `/${path.split(/[?#]/)[0].split("/")[1] ?? ""}`;
-
-const isFresh = (t: TourMenuTour) => (!!t.isNew && !t.completed) || !!t.reset;
-/** When it last became news: its update, else its ship date. */
-const newsOf = (t: TourMenuTour) => (t.reset ? t.updated?.date : undefined) ?? t.since ?? "";
-
-/**
- * The top bar's guided-tours control (docs/top-bar-harmonization.md §2.4, §6.7), lifted
- * from keksdose's: the lucide `Compass`, with a NEW dot while a tour is new, and a short
- * list — the tours that start on this page, up to three new ones (newest first), a rule,
- * and "All tours…". A taken tour's row carries a ✓, a new one a NEW chip.
- */
-export function TourMenu({
-  tours: toursProp,
-  onLaunch,
-  completed: completions,
-  joined,
-  href,
-  pathname: pathnameProp,
-  maxNew = 3,
-  list = "short",
-  labels: labelsProp,
-  ...attributes
-}: TourMenuProps) {
-  const words = useTopBarPartsLabels(labelsProp ? { tours: labelsProp } : undefined).tours;
-  const location = useLocation();
-  const here = pageOf(pathnameProp ?? location.pathname);
-  const tours =
-    completions === undefined && joined === undefined
-      ? toursProp
-      : toursProp.map((t) => {
-          const at = completions?.[t.id];
-          // Ever completed: the record when there is one, else the row's own word.
-          const ever = completions ? at !== undefined : !!t.completed;
-          return {
-            ...t,
-            completed: completions ? isTourDone(t, at) : t.completed,
-            reset: completions ? isTourReset(t, at) : t.reset,
-            isNew: joined !== undefined ? isTourNew({ since: t.since, joined, completed: ever }) : t.isNew,
-          };
-        });
-
-  const forThisPage = tours.filter((t) => t.route !== undefined && pageOf(t.route) === here);
-  const fresh = tours.filter(isFresh);
-  // ISO dates sort as text; a stable sort keeps one day's tours in the app's order.
-  const newRows = fresh
-    .filter((t) => !forThisPage.includes(t))
-    .sort((a, b) => newsOf(b).localeCompare(newsOf(a)))
-    .slice(0, maxNew);
-  const rest = href && list !== "all" ? [] : tours.filter((t) => !forThisPage.includes(t) && !newRows.includes(t));
-
-  if (tours.length === 0 && !href) return null;
-
-  const entryFor = (tour: TourMenuTour): TopBarMenuEntry => ({
-    key: tour.id,
-    icon: tour.icon,
-    label: tour.title,
-    trailing: tour.reset ? (
-      <Chip size="sm" tone="brand" caps className="px-1.5">
-        {words.badgeUpdated}
-      </Chip>
-    ) : tour.completed ? (
-      <>
-        <Check aria-hidden className="size-4 text-success" />
-        <span className="sr-only">{words.completed}</span>
-      </>
-    ) : tour.isNew ? (
-      // The kit's inert Chip: a plain <span>, no role of its own inside the menu.
-      <Chip size="sm" tone="brand" caps className="px-1.5">
-        {words.badgeNew}
-      </Chip>
-    ) : undefined,
-    onSelect: () => onLaunch(tour.id),
-  });
-
-  const blocks = [
-    { key: "this-page", label: words.thisPage, tours: forThisPage },
-    { key: "new", label: newRows.some((t) => t.reset) ? words.newAndUpdated : words.newTours, tours: newRows },
-  ].filter((b) => b.tours.length > 0);
-  const tail: TopBarMenuEntry[] = [
-    ...rest.map(entryFor),
-    ...(href
-      ? [
-          {
-            kind: "link" as const,
-            key: "all-tours",
-            icon: <Compass className="size-4" />,
-            label: words.allTours,
-            to: href,
-          },
-        ]
-      : []),
-  ];
-
-  const entries: TopBarMenuEntry[] = [
-    ...blocks.flatMap((b): TopBarMenuEntry[] => [
-      { kind: "heading", key: `head-${b.key}`, label: b.label },
-      ...b.tours.map(entryFor),
-    ]),
-    ...(blocks.length > 0 && tail.length > 0 ? [{ kind: "divider" as const, key: "sep-all" }] : []),
-    ...tail,
-  ];
-
-  return (
-    <TopBarActionMenu
-      icon={<Compass className="size-5" />}
-      iconBadge={
-        fresh.length > 0
-          ? { label: fresh.some((t) => !t.reset) ? words.newDot : words.updatedDot, tone: "brand" }
-          : null
-      }
-      aria-label={words.menu}
-      href={href}
-      panelClassName="w-72 max-h-[70vh] overflow-y-auto"
-      entries={entries}
-      triggerAttributes={Object.fromEntries(Object.entries(attributes).filter(([k]) => k.startsWith("data-")))}
-    />
-  );
-}

package/src/shell.ts

@@ -1,108 +0,0 @@
-// `@eifi1/ui-kit/shell` — the composable app chrome.
-//
-// A re-slicing of the main barrel, not a new API. This entry point requires
-// `react-router`: AppShell renders NavLink and TopBarActionMenu renders Link.
-export * from "./shell/topbar-controls";
-export * from "./shell/top-bar";
-// Named, not `*`: 0.53 took `pickMobileBar` off the surface (deprecated in 0.52, refactor
-// audit 2026-10-30, API-4) — AppShell's own — and removed `splitMobileBar`, which nothing
-// called any more.
-export {
-  DEFAULT_APP_SHELL_MORE_LABELS,
-  DEFAULT_MOBILE_MAX_ITEMS,
-  AppShell,
-  type AppShellSubItem,
-  type AppShellNavItem,
-  type AppShellSidebarFooterItem,
-  type AppShellMoreLabels,
-  type AppShellProps,
-} from "./shell/app-shell";
-export * from "./shell/option-switcher-menu";
-export * from "./shell/topbar-action-menu";
-export * from "./shell/top-bar-brand";
-export * from "./shell/auth-layout";
-// 0.40.0: the list page's fill (docs/page-layout-harmonization.md §1.3).
-export { FillHeight, FILL_HEIGHT_CLASS } from "./shell/fill-height";
-export type { FillHeightProps } from "./shell/fill-height";
-// 0.42.0: the account menu's "Administration" row, as an entry and as a HoverMenu row
-// (docs/admin-harmonization.md §2.1, §6.6).
-export { adminMenuEntry, AdminMenuRow } from "./shell/admin-menu";
-export type { AdminMenuEntryOptions, AdminMenuRowProps } from "./shell/admin-menu";
-// 0.43.0 (kastlan): the entry with the provider's words.
-export { useAdminMenuEntry } from "./shell/admin-menu";
-export type { UseAdminMenuEntryOptions } from "./shell/admin-menu";
-// 0.45.0 (docs/admin-harmonization.md §9.3.4): the row's waiting pill on its own, for
-// IconButton's `badge` (kastlan's platform button); its name is `adminArea.waitingLabel`.
-export { AdminWaitingBadge } from "./shell/admin-menu";
-export type { AdminWaitingBadgeProps } from "./shell/admin-menu";
-// 0.31.0: the settings and admin pages' shell (docs/settings-harmonization.md §3, §5).
-export { SettingsLayout } from "./settings/settings-layout";
-export type { SettingsLayoutProps, SettingsLayoutWidth, SettingsDocumentTitleParts } from "./settings/settings-layout";
-export { useSettingsRoute, settingsFromListState } from "./settings/use-settings-route";
-export type {
-  UseSettingsRouteOptions,
-  SettingsRoute,
-  SettingsLayoutMode,
-  SettingsLocation,
-  SettingsLocationRules,
-  SettingsLocationResult,
-} from "./settings/use-settings-route";
-export { useSettingsFocus, useFocusParam } from "./settings/use-settings-focus";
-export { SettingsSection } from "./settings/settings-section";
-export type { SettingsSectionProps } from "./settings/settings-section";
-export { useSettingsLayout } from "./settings/settings-context";
-export type { SettingsLayoutContextValue } from "./settings/settings-context";
-export { SettingsHeadingLevel, useSettingsHeadingLevel } from "./settings/settings-heading";
-export type { SettingsHeadingLevelProps, SettingsHeadingTag } from "./settings/settings-heading";
-export {
-  settingsSearchEntries,
-  visibleSettingsGroups,
-  visibleSettingsEntries,
-  settingsHref,
-} from "./settings/settings-catalogue";
-export type { SettingsGroup, SettingsEntry, SettingsSearchEntriesOptions } from "./settings/settings-catalogue";
-// 0.31.0: the public pages' header and the resume (docs/landing-demo-harmonization.md §3, §4.1).
-export {
-  RootEntry,
-  RedirectIfAuthed,
-  useLastVisitedPage,
-  readLastVisitedPage,
-  clearLastVisitedPage,
-  safeNextPath,
-  NEXT_PARAM,
-  DEFAULT_LAST_VISITED_EXCLUDES,
-} from "./landing/routing";
-export type {
-  RootEntryProps,
-  RedirectIfAuthedProps,
-  RoutingSession,
-  LastVisitedPageOptions,
-  PathPattern,
-} from "./landing/routing";
-export { PublicHeader } from "./landing/public-header";
-export type { PublicHeaderProps, PublicHeaderBrand } from "./landing/public-header";
-// 0.42.0: the top bar's shared parts (docs/top-bar-harmonization.md §3.1) — the slots in
-// §2.1's order, the account menu's language sub-list, the tours menu, the sync status, the
-// local-dev menu, and their words.
-export { TopBarActions } from "./shell/top-bar-actions";
-export type { TopBarActionsProps } from "./shell/top-bar-actions";
-export { AccountMenuLanguage } from "./shell/account-menu-language";
-export type { AccountMenuLanguageProps, AccountMenuLanguageOption } from "./shell/account-menu-language";
-// 0.46.0 (keksdose live #426): A− / A+ for the text size, beside the language.
-export { AccountMenuTextSize } from "./shell/account-menu-text-size";
-export type { AccountMenuTextSizeProps } from "./shell/account-menu-text-size";
-export { TourMenu } from "./shell/tour-menu";
-export type { TourMenuProps, TourMenuTour } from "./shell/tour-menu";
-export { SyncStatusIndicator } from "./shell/sync-status-indicator";
-export type { SyncStatus, SyncState, SyncStatusScope, SyncStatusIndicatorProps } from "./shell/sync-status-indicator";
-// 0.51 (§2.7.1, keksdose): one flask, the kit's Account section and the app's own dev
-// sections. 0.42's `DevSwitchers`, a DevMenu with no sections since 0.51, went in 0.52.
-export { DevMenu } from "./shell/dev-menu";
-export type { DevMenuProps, DevMenuSection } from "./shell/dev-menu";
-export { DEFAULT_TOP_BAR_PARTS_LABELS, useTopBarPartsLabels } from "./shell/top-bar-parts-labels";
-export type {
-  TopBarPartsLabels,
-  TourMenuLabels,
-  SyncStatusLabels,
-  DevSwitchersLabels,
-} from "./shell/top-bar-parts-labels";