@eifi1/ui-kit 0.46.1 → 0.48.0

package/src/shell/app-shell.tsx

@@ -18,7 +18,7 @@ import { useAnchoredRect } from "../hooks/use-anchored-rect";
 import { anchoredInline } from "../hooks/use-anchored-panel";
 import { useDismissLayer } from "../hooks/use-dismiss";
 import { useBreakpoint } from "../hooks/use-breakpoint";
-import { useTextSize } from "../theme/text-size";
+import { TEXT_SIZES, useTextSize } from "../theme/text-size";
 import type { TextSize } from "../theme/text-size";
 import { DEFAULT_APP_SHELL_LABELS, useKitLabels, useKitLink, type LabelOverride } from "../i18n/kit-labels";
 import type { KitLinkComponent, KitLinkProps } from "../i18n/kit-labels";
@@ -45,6 +45,11 @@ export interface AppShellNavItem {
    *  shortening the real label, which the sidebar has ample room for and which is the
    *  name the rest of the product uses. */
   shortLabel?: string;
+  /** 0.48: the text size from which the bar uses {@link shortLabel} — `"large"` keeps the
+   *  full label at Normal, where five cells hold "Transactions" whole, and shortens it
+   *  from Large up (keksdose dev#613, which read `useTextSize()` in its layout to decide).
+   *  Default `"normal"`: the short label at every size, as before. */
+  shortLabelFrom?: TextSize;
   /** 0.31.0: leave this entry out of the MOBILE BOTTOM BAR; the sidebar keeps it.
    *  For an entry a phone reaches another way — the brand link to the start page —
    *  when one cell fewer is what keeps the others' labels whole (the bar divides its
@@ -544,9 +549,13 @@ export function AppShell({
                 one that scrolls into empty space. Guarding it per component (see
                 sr-only-containment.test) could never be complete: any page's own
                 `sr-only` span re-opened it. Here it is closed for every child at once. */}
+            {/* Below `md` the bottom room is the nav plus the larger of 1.5rem and what the
+                floating launchers take above it (`--app-float-clearance`, published by
+                every kit FAB, FloatingPanel and FloatingActionGroup while mounted — keksdose
+                dev#612: the last row ended under the help launcher). */}
             <main
               className={cn(
-                "relative flex-1 max-w-full overflow-x-clip pb-[calc(var(--app-nav-h,4rem)+1.5rem)] md:pb-0 md:min-h-0 md:overflow-y-auto md:[scrollbar-gutter:stable_both-edges]",
+                "relative flex-1 max-w-full overflow-x-clip pb-[calc(var(--app-nav-h,4rem)+max(1.5rem,var(--app-float-clearance,0px)))] md:pb-0 md:min-h-0 md:overflow-y-auto md:[scrollbar-gutter:stable_both-edges]",
                 // The list page's fill (0.40, docs/page-layout-harmonization.md §1.3): while
                 // a `fillHeight` DataTable is inside, a flex column — a banner above the
                 // page keeps its own height and the page (a `FillHeight`) takes the rest,
@@ -764,6 +773,11 @@ function MobileCellLabel({ children }: { children: ReactNode }) {
  *  nothing marked on every sub-page (the same defect the sidebar had). */
 function MobileNavItem({ item }: { item: AppShellNavItem }) {
   const subActive = useSubItemActive(item);
+  const { size } = useTextSize();
+  const short =
+    item.shortLabel !== undefined && TEXT_SIZES.indexOf(size) >= TEXT_SIZES.indexOf(item.shortLabelFrom ?? "normal")
+      ? item.shortLabel
+      : undefined;
   return (
     <NavLink
       to={item.to}
@@ -774,7 +788,7 @@ function MobileNavItem({ item }: { item: AppShellNavItem }) {
       <span className="relative">
         <item.icon className="size-5" />
       </span>
-      <MobileCellLabel>{item.shortLabel ?? item.label}</MobileCellLabel>
+      <MobileCellLabel>{short ?? item.label}</MobileCellLabel>
     </NavLink>
   );
 }

package/src/shell/option-switcher-menu.tsx

@@ -28,6 +28,8 @@ export function OptionSwitcherMenu<T extends string>({
   /** Names the trigger and the menu. Required: the trigger is an icon (refactor audit
    *  2026-10, API-1 — the `ariaLabel` spelling went in 0.35). */
   "aria-label": string;
+  /** The trigger's tooltip. Default: `aria-label` (0.48) — the name, shown on hover and
+   *  focus. A different text also describes the trigger (`aria-describedby`). */
   title?: string;
   heading?: string;
   options: OptionSwitcherOption<T>[];
@@ -37,13 +39,23 @@ export function OptionSwitcherMenu<T extends string>({
   return (
     <HoverMenu
       aria-label={ariaLabel}
-      trigger={({ toggle }) => (
-        <Tooltip label={title} portal>
+      trigger={({ toggle }) => {
+        const button = (
           <button type="button" onClick={toggle} aria-label={ariaLabel} className={TOPBAR_TRIGGER_CLASS}>
             {icon}
           </button>
-        </Tooltip>
-      )}
+        );
+        // The name on hover and focus even without a `title` (0.48, keksdose dev#610). A
+        // bubble that repeats the name sits round the button in a fragment, as IconButton's
+        // does, so it does not describe the button by its own name — a reader heard "Text
+        // size, button, Text size". A `title` that says more still describes it.
+        const tip = title ?? ariaLabel;
+        return (
+          <Tooltip label={tip} portal>
+            {tip === ariaLabel ? <>{button}</> : button}
+          </Tooltip>
+        );
+      }}
     >
       {(close) => (
         <ul className="py-1">

package/src/shell/topbar-action-menu.tsx

@@ -6,6 +6,7 @@ import { HoverMenu, type HoverMenuProps } from "../components/hover-menu";
 import { MenuItem } from "../components/menu-item";
 import type { MenuItemTone } from "../components/menu-item";
 import { StatusDot } from "../components/status-dot";
+import { Tooltip } from "../components/tooltip";
 import type { UserAvatarBadge } from "../components/user-avatar";
 import { TOPBAR_TRIGGER_CLASS } from "./topbar-controls";
 
@@ -296,16 +297,27 @@ export function TopBarActionMenu({
       trigger={({ open, toggle, close }) => {
         // One element for both kinds: the router's link when `href` is set, else the
         // kit's button. Same classes and face either way.
-        const control = (className: string, children: ReactNode, label?: string) =>
-          href ? (
-            <Link {...triggerAttributes} to={href} onClick={close} aria-label={label} className={className}>
-              {children}
-            </Link>
-          ) : (
-            <button {...triggerAttributes} type="button" onClick={toggle} aria-label={label} className={className}>
-              {children}
-            </button>
-          );
+        //
+        // Its name in the kit's Tooltip on hover and focus (0.48, keksdose dev#610): an
+        // icon alone told a sighted user nothing the screen reader was told. In a
+        // fragment, as IconButton does it, so the bubble is not the trigger's
+        // `aria-describedby` — the name it repeats is the trigger's own, and a reader
+        // would hear it twice. Portalled, like the top bar's other triggers.
+        const control = (className: string, children: ReactNode, label?: string) => (
+          <Tooltip label={ariaLabel} portal>
+            <>
+              {href ? (
+                <Link {...triggerAttributes} to={href} onClick={close} aria-label={label} className={className}>
+                  {children}
+                </Link>
+              ) : (
+                <button {...triggerAttributes} type="button" onClick={toggle} aria-label={label} className={className}>
+                  {children}
+                </button>
+              )}
+            </>
+          </Tooltip>
+        );
         if (trigger) {
           return control(
             cn(TOPBAR_TRIGGER_CLASS, "relative", triggerClassName),

package/src/shell/topbar-controls.tsx

@@ -58,19 +58,25 @@ export function ThemeToggle({
   // 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={title} portal>
-      <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>
+    <Tooltip label={tip} portal>
+      {tip === labels.theme ? <>{button}</> : button}
     </Tooltip>
   );
 }

package/src/theme/theme-store.ts

@@ -47,20 +47,28 @@ function preferenceFromState(
   return "system";
 }
 
-/** Toggle the `.dark` class on <html> for a resolved light/dark mode. */
+/**
+ * Toggle the `.dark` class on <html> for a resolved light/dark mode, and say the same
+ * to the BROWSER through `color-scheme` (0.47, keksdose dev #600): the class switches
+ * the kit's tokens, but everything the browser paints itself — a native `<select>`'s
+ * open list, a date input's popup, scrollbars, autofill — follows `color-scheme` only,
+ * and stayed light on the dark theme. Inline on <html>, so it holds whatever an app's
+ * stylesheet says, and it is set by the pre-paint {@link applyPersistedTheme} too.
+ */
 function applyThemeClass(mode: ThemeMode): void {
   const root = document.documentElement;
   if (mode === "dark") root.classList.add("dark");
   else root.classList.remove("dark");
+  root.style.colorScheme = mode;
 }
 
 /**
  * Pre-hydration: read the theme PREFERENCE persisted under `storageKey` straight
  * from localStorage, resolve it to a concrete light/dark mode, and toggle the
- * `.dark` class on <html> — BEFORE React and the store mount, so the first paint
- * already has the right theme (no flash). Returns the resolved mode so the caller
- * can chain {@link applyPersistedPalette}. Encapsulates the zustand-persist
- * envelope + the legacy `mode`→`preference` fallback so apps never re-type the
+ * `.dark` class (and `color-scheme`) on <html> — BEFORE React and the store mount,
+ * so the first paint already has the right theme (no flash). Returns the resolved
+ * mode so the caller can chain {@link applyPersistedPalette}. Encapsulates the
+ * zustand-persist envelope + the legacy `mode`→`preference` fallback so apps never re-type the
  * storage shape in their entrypoint.
  */
 export function applyPersistedTheme(storageKey: string): ThemeMode {

package/src/tour/tour.tsx

@@ -615,6 +615,11 @@ function TourOverlay({
       className={cn("pointer-events-none fixed inset-0", interactive ? "z-[45]" : "z-[60]")}
       role="dialog"
       aria-modal={interactive ? undefined : "true"}
+      // A stable marker for the overlay, on every step (0.48, keksdose dev#611–613): an
+      // app that hides its floating help launcher while a modal is open excepts the
+      // tour, which may spotlight that launcher — `[aria-modal="true"]:not([data-tour-overlay])`.
+      // keksdose matched the `pointer-events-none` class until now, which is the kit's to change.
+      data-tour-overlay=""
       data-tour-interactive={interactive ? "" : undefined}
       aria-label={step.title}
       dir={dir}

package/dist/notifications/time-zone-select.d.ts

@@ -1,54 +0,0 @@
-import type { ReactNode } from "react";
-import type { LabelOverride } from "../i18n/kit-labels.js";
-import type { ComboOption } from "../components/combobox-core.js";
-import type { CommitScope } from "../components/write-lock.js";
-import type { NotificationRegionLabels, NotificationsLabels } from "./notifications-labels.js";
-/**
- * This device's IANA zone — the same function as the package root's, which lives beside
- * `useDeviceZoneReport` now (0.46.1).
- * @deprecated 0.46 — import `deviceTimeZone` from `@eifi1/ui-kit` (notifications/device-zone-report); this
- * module is removed in 0.47.
- */
-export declare const deviceTimeZone: () => string;
-/**
- * The zone picker's rows (keksdose `notifications-card.tsx:131-146`): every zone `Intl`
- * lists, as its city ("Argentina / Buenos Aires") under its region, the region named by
- * `regionLabel` — which answers `undefined` for a region it does not know, and the region
- * keeps its IANA name. A zone with no region ("UTC") comes first, ahead of every heading,
- * rather than trailing the last group as if it were Pacific. `current` is kept even when
- * the runtime does not list it (an old alias such as "Europe/Kiev"): a picker without its
- * own value would show an empty field.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export declare function timeZoneOptions(current: string, regionLabel: (region: string) => string | undefined): ComboOption<string>[];
-/** The region's name in `regions`, or `undefined` for one the labels do not know.
- *  @internal Not part of the barrel. */
-export declare function regionName(regions: NotificationRegionLabels, region: string): string | undefined;
-/** A zone as the picker shows it, for a sentence: "Europe / Zurich", the region in the
- *  kit's words. @internal Not part of the barrel. */
-export declare function zoneName(zone: string, regions: NotificationRegionLabels): string;
-/** @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47. */
-export interface TimeZoneSelectProps {
-    /** The IANA zone. Not clearable: a zone can be changed, never emptied. */
-    value: string;
-    /** The zone picked. Never called for the value it already has. */
-    onChange: (zone: string) => void;
-    /** Default `labels.timeZone`. */
-    label?: ReactNode;
-    disabled?: boolean;
-    /** The input's id. */
-    id?: string;
-    className?: string;
-    /** The picker SAVES on change (quiet hours do): locked under a write lock in scope. */
-    commit?: CommitScope;
-    labels?: LabelOverride<NotificationsLabels>;
-}
-/**
- * An IANA time zone, searchable (docs/notifications-harmonization.md §4.2, keksdose's
- * quiet-hours picker): type "Zur" for Europe/Zurich, and on a phone the kit's sheet with
- * a search box instead of a 400-row wheel. Rows are the city under its region, the region
- * in the kit's words (`labels.regions`); a zone with no region first; a stored zone the
- * runtime does not list is kept. On the kit's {@link InlineEntityCombobox}.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export declare function TimeZoneSelect({ value, onChange, label, disabled, id, className, commit, labels: labelsProp, }: TimeZoneSelectProps): import("react").JSX.Element;

package/dist/notifications/time-zone-select.js

@@ -1,71 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { InlineEntityCombobox } from "../components/inline-entity-combobox.js";
-import { deviceTimeZone as zoneOfDevice } from "./device-zone-report.js";
-import { useNotificationsLabels } from "./notification-parts.js";
-const deviceTimeZone = zoneOfDevice;
-function runtimeZones() {
-  const intl = Intl;
-  return typeof intl.supportedValuesOf === "function" ? intl.supportedValuesOf("timeZone") : [];
-}
-function cityOf(rest) {
-  return rest.replace(/_/g, " ").replace(/\//g, " / ");
-}
-function timeZoneOptions(current, regionLabel) {
-  const zones = runtimeZones();
-  const all = !current || zones.includes(current) ? zones : [...zones, current].sort();
-  const rows = all.map((zone) => {
-    const slash = zone.indexOf("/");
-    if (slash < 0) return { value: zone, label: zone };
-    const region = zone.slice(0, slash);
-    return { value: zone, label: cityOf(zone.slice(slash + 1)), group: regionLabel(region) ?? region };
-  });
-  return [...rows.filter((row) => !row.group), ...rows.filter((row) => row.group)];
-}
-function regionName(regions, region) {
-  return Object.prototype.hasOwnProperty.call(regions, region) ? regions[region] : void 0;
-}
-function zoneName(zone, regions) {
-  const slash = zone.indexOf("/");
-  if (slash < 0) return zone;
-  const region = zone.slice(0, slash);
-  return `${regionName(regions, region) ?? region} / ${cityOf(zone.slice(slash + 1))}`;
-}
-function TimeZoneSelect({
-  value,
-  onChange,
-  label,
-  disabled,
-  id,
-  className,
-  commit,
-  labels: labelsProp
-}) {
-  const labels = useNotificationsLabels(labelsProp);
-  const { regions } = labels;
-  const options = useMemo(() => timeZoneOptions(value, (region) => regionName(regions, region)), [value, regions]);
-  return /* @__PURE__ */ jsx(
-    InlineEntityCombobox,
-    {
-      id,
-      label: label ?? labels.timeZone,
-      value,
-      options,
-      disabled,
-      commit,
-      onChange: (zone) => {
-        if (zone && zone !== value) onChange(zone);
-      },
-      className
-    }
-  );
-}
-export {
-  TimeZoneSelect,
-  deviceTimeZone,
-  regionName,
-  timeZoneOptions,
-  zoneName
-};
-//# sourceMappingURL=time-zone-select.js.map

package/dist/notifications/time-zone-select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/notifications/time-zone-select.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport type { ComboOption } from \"../components/combobox-core\";\nimport { InlineEntityCombobox } from \"../components/inline-entity-combobox\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { deviceTimeZone as zoneOfDevice } from \"./device-zone-report\";\nimport { useNotificationsLabels } from \"./notification-parts\";\nimport type { NotificationRegionLabels, NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * This device's IANA zone — the same function as the package root's, which lives beside\n * `useDeviceZoneReport` now (0.46.1).\n * @deprecated 0.46 — import `deviceTimeZone` from `@eifi1/ui-kit` (notifications/device-zone-report); this\n * module is removed in 0.47.\n */\nexport const deviceTimeZone: () => string = zoneOfDevice;\n\n/** Every zone the runtime lists; `[]` where `Intl.supportedValuesOf` is missing. */\nfunction runtimeZones(): string[] {\n  const intl = Intl as typeof Intl & { supportedValuesOf?: (key: \"timeZone\") => string[] };\n  return typeof intl.supportedValuesOf === \"function\" ? intl.supportedValuesOf(\"timeZone\") : [];\n}\n\n/** \"Argentina/Buenos_Aires\" → \"Argentina / Buenos Aires\": the zone's city, as a row. */\nfunction cityOf(rest: string): string {\n  return rest.replace(/_/g, \" \").replace(/\\//g, \" / \");\n}\n\n/**\n * The zone picker's rows (keksdose `notifications-card.tsx:131-146`): every zone `Intl`\n * lists, as its city (\"Argentina / Buenos Aires\") under its region, the region named by\n * `regionLabel` — which answers `undefined` for a region it does not know, and the region\n * keeps its IANA name. A zone with no region (\"UTC\") comes first, ahead of every heading,\n * rather than trailing the last group as if it were Pacific. `current` is kept even when\n * the runtime does not list it (an old alias such as \"Europe/Kiev\"): a picker without its\n * own value would show an empty field.\n * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.\n */\nexport function timeZoneOptions(\n  current: string,\n  regionLabel: (region: string) => string | undefined,\n): ComboOption<string>[] {\n  const zones = runtimeZones();\n  const all = !current || zones.includes(current) ? zones : [...zones, current].sort();\n  const rows = all.map((zone): ComboOption<string> => {\n    const slash = zone.indexOf(\"/\");\n    if (slash < 0) return { value: zone, label: zone };\n    const region = zone.slice(0, slash);\n    return { value: zone, label: cityOf(zone.slice(slash + 1)), group: regionLabel(region) ?? region };\n  });\n  return [...rows.filter((row) => !row.group), ...rows.filter((row) => row.group)];\n}\n\n/** The region's name in `regions`, or `undefined` for one the labels do not know.\n *  @internal Not part of the barrel. */\nexport function regionName(regions: NotificationRegionLabels, region: string): string | undefined {\n  return Object.prototype.hasOwnProperty.call(regions, region)\n    ? regions[region as keyof NotificationRegionLabels]\n    : undefined;\n}\n\n/** A zone as the picker shows it, for a sentence: \"Europe / Zurich\", the region in the\n *  kit's words. @internal Not part of the barrel. */\nexport function zoneName(zone: string, regions: NotificationRegionLabels): string {\n  const slash = zone.indexOf(\"/\");\n  if (slash < 0) return zone;\n  const region = zone.slice(0, slash);\n  return `${regionName(regions, region) ?? region} / ${cityOf(zone.slice(slash + 1))}`;\n}\n\n/** @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47. */\nexport interface TimeZoneSelectProps {\n  /** The IANA zone. Not clearable: a zone can be changed, never emptied. */\n  value: string;\n  /** The zone picked. Never called for the value it already has. */\n  onChange: (zone: string) => void;\n  /** Default `labels.timeZone`. */\n  label?: ReactNode;\n  disabled?: boolean;\n  /** The input's id. */\n  id?: string;\n  className?: string;\n  /** The picker SAVES on change (quiet hours do): locked under a write lock in scope. */\n  commit?: CommitScope;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/**\n * An IANA time zone, searchable (docs/notifications-harmonization.md §4.2, keksdose's\n * quiet-hours picker): type \"Zur\" for Europe/Zurich, and on a phone the kit's sheet with\n * a search box instead of a 400-row wheel. Rows are the city under its region, the region\n * in the kit's words (`labels.regions`); a zone with no region first; a stored zone the\n * runtime does not list is kept. On the kit's {@link InlineEntityCombobox}.\n * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.\n */\nexport function TimeZoneSelect({\n  value,\n  onChange,\n  label,\n  disabled,\n  id,\n  className,\n  commit,\n  labels: labelsProp,\n}: TimeZoneSelectProps) {\n  const labels = useNotificationsLabels(labelsProp);\n  const { regions } = labels;\n  const options = useMemo(() => timeZoneOptions(value, (region) => regionName(regions, region)), [value, regions]);\n  return (\n    <InlineEntityCombobox<string>\n      id={id}\n      label={label ?? labels.timeZone}\n      value={value}\n      options={options}\n      disabled={disabled}\n      commit={commit}\n      onChange={(zone) => {\n        if (zone && zone !== value) onChange(zone);\n      }}\n      className={className}\n    />\n  );\n}\n"],"mappings":";AA+GI;AA/GJ,SAAS,eAAe;AAKxB,SAAS,4BAA4B;AAErC,SAAS,kBAAkB,oBAAoB;AAC/C,SAAS,8BAA8B;AAShC,MAAM,iBAA+B;AAG5C,SAAS,eAAyB;AAChC,QAAM,OAAO;AACb,SAAO,OAAO,KAAK,sBAAsB,aAAa,KAAK,kBAAkB,UAAU,IAAI,CAAC;AAC9F;AAGA,SAAS,OAAO,MAAsB;AACpC,SAAO,KAAK,QAAQ,MAAM,GAAG,EAAE,QAAQ,OAAO,KAAK;AACrD;AAYO,SAAS,gBACd,SACA,aACuB;AACvB,QAAM,QAAQ,aAAa;AAC3B,QAAM,MAAM,CAAC,WAAW,MAAM,SAAS,OAAO,IAAI,QAAQ,CAAC,GAAG,OAAO,OAAO,EAAE,KAAK;AACnF,QAAM,OAAO,IAAI,IAAI,CAAC,SAA8B;AAClD,UAAM,QAAQ,KAAK,QAAQ,GAAG;AAC9B,QAAI,QAAQ,EAAG,QAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AACjD,UAAM,SAAS,KAAK,MAAM,GAAG,KAAK;AAClC,WAAO,EAAE,OAAO,MAAM,OAAO,OAAO,KAAK,MAAM,QAAQ,CAAC,CAAC,GAAG,OAAO,YAAY,MAAM,KAAK,OAAO;AAAA,EACnG,CAAC;AACD,SAAO,CAAC,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,GAAG,GAAG,KAAK,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;AACjF;AAIO,SAAS,WAAW,SAAmC,QAAoC;AAChG,SAAO,OAAO,UAAU,eAAe,KAAK,SAAS,MAAM,IACvD,QAAQ,MAAwC,IAChD;AACN;AAIO,SAAS,SAAS,MAAc,SAA2C;AAChF,QAAM,QAAQ,KAAK,QAAQ,GAAG;AAC9B,MAAI,QAAQ,EAAG,QAAO;AACtB,QAAM,SAAS,KAAK,MAAM,GAAG,KAAK;AAClC,SAAO,GAAG,WAAW,SAAS,MAAM,KAAK,MAAM,MAAM,OAAO,KAAK,MAAM,QAAQ,CAAC,CAAC,CAAC;AACpF;AA2BO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAwB;AACtB,QAAM,SAAS,uBAAuB,UAAU;AAChD,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,UAAU,QAAQ,MAAM,gBAAgB,OAAO,CAAC,WAAW,WAAW,SAAS,MAAM,CAAC,GAAG,CAAC,OAAO,OAAO,CAAC;AAC/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,SAAS,OAAO;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS;AAClB,YAAI,QAAQ,SAAS,MAAO,UAAS,IAAI;AAAA,MAC3C;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/src/notifications/time-zone-select.tsx

@@ -1,125 +0,0 @@
-import { useMemo } from "react";
-import type { ReactNode } from "react";
-
-import type { LabelOverride } from "../i18n/kit-labels";
-import type { ComboOption } from "../components/combobox-core";
-import { InlineEntityCombobox } from "../components/inline-entity-combobox";
-import type { CommitScope } from "../components/write-lock";
-import { deviceTimeZone as zoneOfDevice } from "./device-zone-report";
-import { useNotificationsLabels } from "./notification-parts";
-import type { NotificationRegionLabels, NotificationsLabels } from "./notifications-labels";
-
-/**
- * This device's IANA zone — the same function as the package root's, which lives beside
- * `useDeviceZoneReport` now (0.46.1).
- * @deprecated 0.46 — import `deviceTimeZone` from `@eifi1/ui-kit` (notifications/device-zone-report); this
- * module is removed in 0.47.
- */
-export const deviceTimeZone: () => string = zoneOfDevice;
-
-/** Every zone the runtime lists; `[]` where `Intl.supportedValuesOf` is missing. */
-function runtimeZones(): string[] {
-  const intl = Intl as typeof Intl & { supportedValuesOf?: (key: "timeZone") => string[] };
-  return typeof intl.supportedValuesOf === "function" ? intl.supportedValuesOf("timeZone") : [];
-}
-
-/** "Argentina/Buenos_Aires" → "Argentina / Buenos Aires": the zone's city, as a row. */
-function cityOf(rest: string): string {
-  return rest.replace(/_/g, " ").replace(/\//g, " / ");
-}
-
-/**
- * The zone picker's rows (keksdose `notifications-card.tsx:131-146`): every zone `Intl`
- * lists, as its city ("Argentina / Buenos Aires") under its region, the region named by
- * `regionLabel` — which answers `undefined` for a region it does not know, and the region
- * keeps its IANA name. A zone with no region ("UTC") comes first, ahead of every heading,
- * rather than trailing the last group as if it were Pacific. `current` is kept even when
- * the runtime does not list it (an old alias such as "Europe/Kiev"): a picker without its
- * own value would show an empty field.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export function timeZoneOptions(
-  current: string,
-  regionLabel: (region: string) => string | undefined,
-): ComboOption<string>[] {
-  const zones = runtimeZones();
-  const all = !current || zones.includes(current) ? zones : [...zones, current].sort();
-  const rows = all.map((zone): ComboOption<string> => {
-    const slash = zone.indexOf("/");
-    if (slash < 0) return { value: zone, label: zone };
-    const region = zone.slice(0, slash);
-    return { value: zone, label: cityOf(zone.slice(slash + 1)), group: regionLabel(region) ?? region };
-  });
-  return [...rows.filter((row) => !row.group), ...rows.filter((row) => row.group)];
-}
-
-/** The region's name in `regions`, or `undefined` for one the labels do not know.
- *  @internal Not part of the barrel. */
-export function regionName(regions: NotificationRegionLabels, region: string): string | undefined {
-  return Object.prototype.hasOwnProperty.call(regions, region)
-    ? regions[region as keyof NotificationRegionLabels]
-    : undefined;
-}
-
-/** A zone as the picker shows it, for a sentence: "Europe / Zurich", the region in the
- *  kit's words. @internal Not part of the barrel. */
-export function zoneName(zone: string, regions: NotificationRegionLabels): string {
-  const slash = zone.indexOf("/");
-  if (slash < 0) return zone;
-  const region = zone.slice(0, slash);
-  return `${regionName(regions, region) ?? region} / ${cityOf(zone.slice(slash + 1))}`;
-}
-
-/** @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47. */
-export interface TimeZoneSelectProps {
-  /** The IANA zone. Not clearable: a zone can be changed, never emptied. */
-  value: string;
-  /** The zone picked. Never called for the value it already has. */
-  onChange: (zone: string) => void;
-  /** Default `labels.timeZone`. */
-  label?: ReactNode;
-  disabled?: boolean;
-  /** The input's id. */
-  id?: string;
-  className?: string;
-  /** The picker SAVES on change (quiet hours do): locked under a write lock in scope. */
-  commit?: CommitScope;
-  labels?: LabelOverride<NotificationsLabels>;
-}
-
-/**
- * An IANA time zone, searchable (docs/notifications-harmonization.md §4.2, keksdose's
- * quiet-hours picker): type "Zur" for Europe/Zurich, and on a phone the kit's sheet with
- * a search box instead of a 400-row wheel. Rows are the city under its region, the region
- * in the kit's words (`labels.regions`); a zone with no region first; a stored zone the
- * runtime does not list is kept. On the kit's {@link InlineEntityCombobox}.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export function TimeZoneSelect({
-  value,
-  onChange,
-  label,
-  disabled,
-  id,
-  className,
-  commit,
-  labels: labelsProp,
-}: TimeZoneSelectProps) {
-  const labels = useNotificationsLabels(labelsProp);
-  const { regions } = labels;
-  const options = useMemo(() => timeZoneOptions(value, (region) => regionName(regions, region)), [value, regions]);
-  return (
-    <InlineEntityCombobox<string>
-      id={id}
-      label={label ?? labels.timeZone}
-      value={value}
-      options={options}
-      disabled={disabled}
-      commit={commit}
-      onChange={(zone) => {
-        if (zone && zone !== value) onChange(zone);
-      }}
-      className={className}
-    />
-  );
-}