@eifi1/ui-kit 0.28.1 → 0.30.0

package/dist/lib/person-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/person-name.ts"],"sourcesContent":["/**\n * A person's name as the reader's language writes it — the one rule of\n * docs/auth-harmonization.md §3.2 for every place a name is shown: the top bar, the\n * account menu, user lists, avatars, feedback, the greeting in a mail.\n *\n * WHY A FUNCTION AND NOT `${first} ${last}`. The three apps move from one free-text\n * `display_name` to `first_name` + `last_name` (§2.3), and the moment a name has two\n * parts, their ORDER is a language rule, not a data rule:\n *\n *  - \"First Last\" in de-CH, en, fr, it and es — \"Ada Example\";\n *  - **\"Last First\" in hu** — Hungarian puts the family name first: \"Example Ada\";\n *  - **\"LastFirst\" with no space in zh** — a Chinese name is written family name first\n *    and run together: 李 + 小龙 → \"李小龙\". Only a name written in CJK characters,\n *    though: BOTH parts must hold Han (or kana, or hangul) characters. A Latin name read\n *    in Chinese stays as it is written — \"Ada Lovelace\", not \"LovelaceAda\" (the\n *    coordinator's refinement of §3.2, 2026-10-06).\n *\n * WHOSE language (§3.2, §10.6): on screen the READER's, so this takes the locale of the\n * UI, never the locale stored with the person. A mail uses the recipient's and a frozen\n * stamp the author's — that is server-kit's `full_name(first, last, locale)`, which\n * follows exactly these rules so a name reads the same in the app and in its mails.\n *\n * NOTHING IS GUESSED. Both parts are trimmed, and an empty part simply drops out: a\n * migrated keksdose or Kurvenschmiede user keeps the whole old display name as the\n * first name and an empty last name until they complete it (§3.3), and \"Ada Example\"\n * with no last name must still read \"Ada Example\" — not \"Ada Example \" and not a split\n * at the space. Inner spaces are the person's own and stay as typed.\n *\n * Only the language subtag counts (\"de-CH\" → \"de\", \"zh-Hant-TW\" → \"zh\"), and a language\n * this does not know reads \"First Last\", the order of the kit's five other languages.\n */\n\n/** The two parts of a person's name. Either may be missing or blank: a migrated row\n *  has an empty `last` until it is completed (§3.3), and APIs send `null` for \"none\". */\nexport interface PersonName {\n  /** The given name — `first_name`. */\n  first?: string | null;\n  /** The family name — `last_name`. */\n  last?: string | null;\n}\n\ntype NameOrder = \"given-first\" | \"family-first\" | \"family-first-joined\";\n\n/** A part written in CJK characters: Han, and kana or hangul where they occur (a\n *  Japanese or Korean name in a Chinese UI). One such character is enough. */\nconst CJK = /\\p{Script=Han}|\\p{Script=Hiragana}|\\p{Script=Katakana}|\\p{Script=Hangul}/u;\n\nfunction language(locale: string | undefined): string {\n  return (locale ?? \"\").split(/[-_]/)[0]!.toLowerCase();\n}\n\n/**\n * The order the reader's language writes THIS name in. See the module note: hu puts the\n * family name first for every name; zh runs a CJK name together family-first and leaves\n * any other name as it is written; the rest write the given name first. A part that is\n * empty passes the CJK test, so a one-part name orders by the part it has. Called with\n * at least one part filled in.\n */\nfunction nameOrder(locale: string | undefined, first: string, last: string): NameOrder {\n  const lang = language(locale);\n  if (lang === \"hu\") return \"family-first\";\n  if (lang === \"zh\" && (!first || CJK.test(first)) && (!last || CJK.test(last))) {\n    return \"family-first-joined\";\n  }\n  return \"given-first\";\n}\n\nfunction clean(part: string | null | undefined): string {\n  return (part ?? \"\").trim();\n}\n\n/**\n * The full name in the reader's order: \"Ada Example\" (en, de, fr, it, es), \"Example Ada\"\n * (hu), \"李小龙\" (zh, for a name in CJK characters — \"Ada Lovelace\" stays so). Trimmed;\n * with one part empty, the other alone; with both empty, `\"\"` — so a caller can fall\n * back with `||` (`formatPersonName(p, l) || email`).\n *\n * `locale` is the READER's — the UI language, `useKitLocale()` in a component. Left out,\n * the given-name-first order.\n */\nexport function formatPersonName(name: PersonName, locale?: string): string {\n  const first = clean(name.first);\n  const last = clean(name.last);\n  if (!last) return first;\n  if (!first) return last;\n  switch (nameOrder(locale, first, last)) {\n    case \"family-first\":\n      return `${last} ${first}`;\n    case \"family-first-joined\":\n      return `${last}${first}`;\n    default:\n      return `${first} ${last}`;\n  }\n}\n\n/** One segmenter for every avatar on the page, made on first use. `null`: the runtime\n *  has none, and code points have to do. */\nlet graphemes: Intl.Segmenter | null | undefined;\n\n/** The first user-perceived character — \"É\" whether it was typed as one code point or\n *  as E + a combining accent, a whole emoji rather than half a surrogate pair. */\nfunction firstGrapheme(text: string): string {\n  graphemes ??=\n    typeof Intl !== \"undefined\" && \"Segmenter\" in Intl\n      ? new Intl.Segmenter(undefined, { granularity: \"grapheme\" })\n      : null;\n  if (graphemes) {\n    const segment = graphemes.segment(text)[Symbol.iterator]().next();\n    if (!segment.done) return segment.value.segment;\n  }\n  return [...text][0] ?? \"\";\n}\n\n/** Upper case under the reader's rules (Turkish \"i\" → \"İ\"), and plain upper case for a\n *  locale tag the runtime refuses rather than a thrown RangeError in a render. */\nfunction upper(text: string, locale: string | undefined): string {\n  try {\n    return text.toLocaleUpperCase(locale);\n  } catch {\n    return text.toUpperCase();\n  }\n}\n\n/**\n * The initials for an avatar, in the same order as {@link formatPersonName}:\n *\n *  - \"AE\" for Ada Example in en, de, fr, it and es;\n *  - \"EA\" in hu, family name first;\n *  - **one character in zh for a name in CJK characters, the family name's first** —\n *    \"李\" for 李小龙. Two Chinese characters are not initials, they are most of a name.\n *    A Latin name in zh is \"AE\", as it is written.\n *\n * With only one part (a migrated user's whole old display name in `first`, §3.3), the\n * initials are what {@link avatarInitials} has always made of a display name: the first\n * letters of its first two words (\"Ada Example\" → \"AE\"), or the first two letters of a\n * single word (\"Ada\" → \"AD\") — so nobody's avatar changes when their account migrates.\n * In zh, a part in CJK characters gives its first character.\n *\n * `\"\"` when both parts are blank; {@link UserAvatar} then falls back to the email.\n */\nexport function personInitials(name: PersonName, locale?: string): string {\n  const first = clean(name.first);\n  const last = clean(name.last);\n  if (!first && !last) return \"\";\n  const order = nameOrder(locale, first, last);\n  if (order === \"family-first-joined\") return upper(firstGrapheme(last || first), locale);\n  if (!first || !last) {\n    const words = (first || last).split(/\\s+/);\n    const initials =\n      words.length >= 2\n        ? firstGrapheme(words[0]!) + firstGrapheme(words[1]!)\n        : [...words[0]!].slice(0, 2).join(\"\");\n    return upper(initials, locale);\n  }\n  const pair = order === \"family-first\" ? [last, first] : [first, last];\n  return upper(firstGrapheme(pair[0]!) + firstGrapheme(pair[1]!), locale);\n}\n"],"mappings":";AA6CA,MAAM,MAAM;AAEZ,SAAS,SAAS,QAAoC;AACpD,UAAQ,UAAU,IAAI,MAAM,MAAM,EAAE,CAAC,EAAG,YAAY;AACtD;AASA,SAAS,UAAU,QAA4B,OAAe,MAAyB;AACrF,QAAM,OAAO,SAAS,MAAM;AAC5B,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,SAAS,SAAS,CAAC,SAAS,IAAI,KAAK,KAAK,OAAO,CAAC,QAAQ,IAAI,KAAK,IAAI,IAAI;AAC7E,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,SAAS,MAAM,MAAyC;AACtD,UAAQ,QAAQ,IAAI,KAAK;AAC3B;AAWO,SAAS,iBAAiB,MAAkB,QAAyB;AAC1E,QAAM,QAAQ,MAAM,KAAK,KAAK;AAC9B,QAAM,OAAO,MAAM,KAAK,IAAI;AAC5B,MAAI,CAAC,KAAM,QAAO;AAClB,MAAI,CAAC,MAAO,QAAO;AACnB,UAAQ,UAAU,QAAQ,OAAO,IAAI,GAAG;AAAA,IACtC,KAAK;AACH,aAAO,GAAG,IAAI,IAAI,KAAK;AAAA,IACzB,KAAK;AACH,aAAO,GAAG,IAAI,GAAG,KAAK;AAAA,IACxB;AACE,aAAO,GAAG,KAAK,IAAI,IAAI;AAAA,EAC3B;AACF;AAIA,IAAI;AAIJ,SAAS,cAAc,MAAsB;AAC3C,gBACE,OAAO,SAAS,eAAe,eAAe,OAC1C,IAAI,KAAK,UAAU,QAAW,EAAE,aAAa,WAAW,CAAC,IACzD;AACN,MAAI,WAAW;AACb,UAAM,UAAU,UAAU,QAAQ,IAAI,EAAE,OAAO,QAAQ,EAAE,EAAE,KAAK;AAChE,QAAI,CAAC,QAAQ,KAAM,QAAO,QAAQ,MAAM;AAAA,EAC1C;AACA,SAAO,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK;AACzB;AAIA,SAAS,MAAM,MAAc,QAAoC;AAC/D,MAAI;AACF,WAAO,KAAK,kBAAkB,MAAM;AAAA,EACtC,QAAQ;AACN,WAAO,KAAK,YAAY;AAAA,EAC1B;AACF;AAmBO,SAAS,eAAe,MAAkB,QAAyB;AACxE,QAAM,QAAQ,MAAM,KAAK,KAAK;AAC9B,QAAM,OAAO,MAAM,KAAK,IAAI;AAC5B,MAAI,CAAC,SAAS,CAAC,KAAM,QAAO;AAC5B,QAAM,QAAQ,UAAU,QAAQ,OAAO,IAAI;AAC3C,MAAI,UAAU,sBAAuB,QAAO,MAAM,cAAc,QAAQ,KAAK,GAAG,MAAM;AACtF,MAAI,CAAC,SAAS,CAAC,MAAM;AACnB,UAAM,SAAS,SAAS,MAAM,MAAM,KAAK;AACzC,UAAM,WACJ,MAAM,UAAU,IACZ,cAAc,MAAM,CAAC,CAAE,IAAI,cAAc,MAAM,CAAC,CAAE,IAClD,CAAC,GAAG,MAAM,CAAC,CAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE;AACxC,WAAO,MAAM,UAAU,MAAM;AAAA,EAC/B;AACA,QAAM,OAAO,UAAU,iBAAiB,CAAC,MAAM,KAAK,IAAI,CAAC,OAAO,IAAI;AACpE,SAAO,MAAM,cAAc,KAAK,CAAC,CAAE,IAAI,cAAc,KAAK,CAAC,CAAE,GAAG,MAAM;AACxE;","names":[]}

package/dist/rhf/fields.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
 import { FieldValues, FieldPath, ControllerProps, ControllerRenderProps, ControllerFieldState } from 'react-hook-form';
-import { d7 as IbanInputProps, dM as PhoneInputProps, dQ as SelectProps, dh as InputProps, e9 as TextareaProps } from '../kit-labels-Du0uHBq4.js';
+import { dt as IbanInputProps, eg as PhoneInputProps, eD as SelectProps, dD as InputProps, eY as TextareaProps } from '../delete-account-setting-CGVMckMw.js';
 import { NumberFieldProps } from '../components/number-field.js';
 import { DatePickerProps, DateRangePickerProps } from '../components/date-picker.js';
 import { TimeInputProps } from '../components/time-input.js';
@@ -12,6 +12,9 @@ import { CheckboxProps } from '../components/checkbox.js';
 import { EntityComboboxProps } from '../components/entity-combobox.js';
 import { InlineEntityComboboxProps, ComboboxProps } from '../components/combobox.js';
 import { ComboClearValue } from '../components/combobox-core.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -21,9 +24,6 @@ import '../components/popover.js';
 import '../components/chip.js';
 import 'lucide-react';
 import '../components/field-sync.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -44,6 +44,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -63,8 +64,28 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
-import '../components/account-chips.js';
+import '../auth/sign-in-form.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
 import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/rhf/form.d.ts

@@ -2,7 +2,10 @@ import * as react from 'react';
 import { ReactElement, ComponentProps } from 'react';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-import { dq as LabelProps } from '../kit-labels-Du0uHBq4.js';
+import { dW as LabelProps } from '../delete-account-setting-CGVMckMw.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -12,9 +15,6 @@ import '../components/popover.js';
 import '../components/chip.js';
 import 'lucide-react';
 import '../components/field-sync.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -36,6 +36,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -55,8 +56,28 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
-import '../components/account-chips.js';
+import '../auth/sign-in-form.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
 import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/rhf.d.ts

@@ -4,7 +4,10 @@ export { RhfCheckbox, RhfCheckboxProps, RhfCombobox, RhfComboboxProps, RhfCountr
 export { RhfLineItemCellContext, RhfLineItems, RhfLineItemsColumn, RhfLineItemsProps } from './rhf/line-items.js';
 import 'react';
 import 'react-hook-form';
-import './kit-labels-Du0uHBq4.js';
+import './delete-account-setting-CGVMckMw.js';
+import './components/tooltip.js';
+import './hooks/use-anchored-rect.js';
+import './lib/clipping.js';
 import './data-table-labels-DUELeXpa.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';
@@ -14,9 +17,6 @@ import './components/popover.js';
 import './components/chip.js';
 import 'lucide-react';
 import './components/field-sync.js';
-import './components/tooltip.js';
-import './hooks/use-anchored-rect.js';
-import './lib/clipping.js';
 import './wizard/types.js';
 import './tour/tour.js';
 import './search/command-palette.js';
@@ -38,6 +38,7 @@ import './components/modal.js';
 import './hooks/use-search-param-state.js';
 import './components/measured-grid.js';
 import './components/user-avatar.js';
+import './lib/person-name.js';
 import './components/status-dot.js';
 import './components/progress-bar.js';
 import './components/signed-amount.js';
@@ -57,8 +58,28 @@ import './components/authed-image.js';
 import './components/image-grid.js';
 import './components/lightbox.js';
 import './components/write-lock.js';
-import './components/account-chips.js';
+import './auth/sign-in-form.js';
+import './shell/topbar-controls.js';
+import './theme/palette-presets.js';
+import './theme/chart-palette.js';
+import './theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import './auth/complete-name-dialog.js';
+import './auth/forgot-password-form.js';
+import './auth/status-parts.js';
+import './auth/reset-password-form.js';
+import './auth/verify-email.js';
+import './auth/not-found-page.js';
+import './auth/accept-invitation.js';
+import './shell/company-switcher.js';
+import './account/email-change-setting.js';
+import './account/sessions-setting.js';
 import './lib/format.js';
+import './account/data-export-setting.js';
+import './components/account-chips.js';
+import './admin/admin-parts.js';
+import './admin/admin-action-log.js';
 import './components/reauth-dialog.js';
 import './components/server-wake.js';
 import './lib/server-wake.js';

package/dist/shell/app-shell.d.ts

@@ -1,7 +1,10 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { dk as KitLinkComponent } from '../kit-labels-Du0uHBq4.js';
+import { dR as KitLinkComponent } from '../delete-account-setting-CGVMckMw.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -10,9 +13,6 @@ import '../components/calendar-heatmap.js';
 import '../components/popover.js';
 import '../components/chip.js';
 import '../components/field-sync.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +34,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -53,8 +54,28 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
-import '../components/account-chips.js';
+import '../auth/sign-in-form.js';
+import './topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import './company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
 import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/shell/company-switcher.d.ts

@@ -0,0 +1,59 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/** Every string the switcher renders or speaks — the `companySwitcher` namespace. A
+ *  different context (keksdose's budgets) renames them all. */
+interface CompanySwitcherLabels {
+    /** The trigger's and the menu's accessible name. */
+    switchCompany: string;
+    /** The small heading over the list. */
+    heading: string;
+    /** The trigger's tooltip (and description), given the current company's name. */
+    current: (name: string) => string;
+    /** Read after the current company's name in the list, where the eye sees a check. */
+    currentMark: string;
+    /** Said while a switch is running. */
+    switching: string;
+}
+declare const DEFAULT_COMPANY_SWITCHER_LABELS: CompanySwitcherLabels;
+/** One company the user belongs to — kastlan's `/auth/me` `companies[]` (§5.3). */
+interface CompanySwitcherCompany<Id extends string | number = string | number> {
+    /** kastlan's ids are numbers; a string works the same. */
+    id: Id;
+    name: string;
+}
+interface CompanySwitcherProps<Id extends string | number> {
+    /** Every company the user belongs to. With fewer than two there is nothing to
+     *  switch, and nothing renders. */
+    companies: readonly CompanySwitcherCompany<Id>[];
+    /** The company the session is in — `/auth/me`'s `current_company_id`. */
+    currentId: Id;
+    /**
+     * Another company was picked: `POST /auth/switch-company {company_id}`, store the
+     * fresh tokens, reload what is company-scoped. While the promise runs the switcher is
+     * disabled, so a second pick cannot race the first; a rejection frees it (the app
+     * says why). Picking the current company does nothing.
+     */
+    onSwitch: (id: Id) => Promise<unknown> | void;
+    /** The trigger's glyph. Default a building; keksdose's budgets would pass a wallet. */
+    icon?: ReactNode;
+    labels?: Partial<CompanySwitcherLabels>;
+}
+/**
+ * The company switcher in the top bar (docs/auth-harmonization.md §5.3, §8): a kastlan
+ * user may belong to several companies, and the access token carries the current one,
+ * so switching is a request for new tokens — `onSwitch`, the app's. Built on
+ * {@link OptionSwitcherMenu}, like `RoleSwitcher`: the icon trigger, the current company
+ * in its tooltip, the list with a check on the current one.
+ *
+ * **Only for more than one company** — a user in one company has nothing to switch, and
+ * the top bar stays as it was. **Disabled while a switch runs**: the trigger is swapped
+ * for a disabled one with a spinner (`aria-busy`), and "Switching company…" is said, so
+ * a second pick cannot race the first. The kit never sends the request.
+ *
+ * A generic context switcher: the labels rename it ("Switch budget", "Budgets"), `icon`
+ * replaces the building, and `id` may be a number (kastlan's) or a string.
+ */
+declare function CompanySwitcher<Id extends string | number>({ companies, currentId, onSwitch, icon, labels: labelsProp, }: CompanySwitcherProps<Id>): react.JSX.Element | null;
+
+export { CompanySwitcher, type CompanySwitcherCompany, type CompanySwitcherLabels, type CompanySwitcherProps, DEFAULT_COMPANY_SWITCHER_LABELS };

package/dist/shell/company-switcher.js

@@ -0,0 +1,85 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Building2 } from "lucide-react";
+import { cn } from "../lib/cn.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { useAnnounce } from "../hooks/use-announce.js";
+import { Spinner } from "../components/ui.js";
+import { OptionSwitcherMenu } from "./option-switcher-menu.js";
+import { TOPBAR_TRIGGER_CLASS } from "./topbar-controls.js";
+const DEFAULT_COMPANY_SWITCHER_LABELS = {
+  switchCompany: "Switch company",
+  heading: "Companies",
+  current: (name) => `Company: ${name}`,
+  currentMark: "(current)",
+  switching: "Switching company\u2026"
+};
+function CompanySwitcher({
+  companies,
+  currentId,
+  onSwitch,
+  icon,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("companySwitcher", DEFAULT_COMPANY_SWITCHER_LABELS, labelsProp);
+  const [pending, setPending] = useState(false);
+  const { announce, regionProps } = useAnnounce();
+  if (companies.length < 2) return null;
+  const current = companies.find((c) => c.id === currentId);
+  const select = (value) => {
+    if (pending) return;
+    const picked = companies.find((c) => String(c.id) === value);
+    if (!picked || picked.id === currentId) return;
+    const result = onSwitch(picked.id);
+    if (typeof result?.then !== "function") return;
+    setPending(true);
+    announce(labels.switching);
+    result.then(
+      () => setPending(false),
+      () => setPending(false)
+    );
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    pending ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled: true,
+        "aria-busy": "true",
+        "aria-label": labels.switchCompany,
+        className: cn(TOPBAR_TRIGGER_CLASS, "cursor-wait opacity-60 hover:bg-transparent"),
+        children: /* @__PURE__ */ jsx(Spinner, { label: null })
+      }
+    ) : /* @__PURE__ */ jsx(
+      OptionSwitcherMenu,
+      {
+        ariaLabel: labels.switchCompany,
+        title: current ? labels.current(current.name) : void 0,
+        heading: labels.heading,
+        icon: icon ?? /* @__PURE__ */ jsx(Building2, { className: "size-5" }),
+        options: companies.map((c) => ({
+          value: String(c.id),
+          label: c.id === currentId ? (
+            // `relative`: the sr-only mark needs a local containing block.
+            /* @__PURE__ */ jsxs("span", { className: "relative", children: [
+              c.name,
+              /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                " ",
+                labels.currentMark
+              ] })
+            ] })
+          ) : c.name
+        })),
+        value: String(currentId),
+        onSelect: select
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { ...regionProps })
+  ] });
+}
+export {
+  CompanySwitcher,
+  DEFAULT_COMPANY_SWITCHER_LABELS
+};
+//# sourceMappingURL=company-switcher.js.map

package/dist/shell/company-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/company-switcher.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Building2 } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { useAnnounce } from \"../hooks/use-announce\";\nimport { Spinner } from \"../components/ui\";\nimport { OptionSwitcherMenu } from \"./option-switcher-menu\";\nimport { TOPBAR_TRIGGER_CLASS } from \"./topbar-controls\";\n\n/** Every string the switcher renders or speaks — the `companySwitcher` namespace. A\n *  different context (keksdose's budgets) renames them all. */\nexport interface CompanySwitcherLabels {\n  /** The trigger's and the menu's accessible name. */\n  switchCompany: string;\n  /** The small heading over the list. */\n  heading: string;\n  /** The trigger's tooltip (and description), given the current company's name. */\n  current: (name: string) => string;\n  /** Read after the current company's name in the list, where the eye sees a check. */\n  currentMark: string;\n  /** Said while a switch is running. */\n  switching: string;\n}\n\nexport const DEFAULT_COMPANY_SWITCHER_LABELS: CompanySwitcherLabels = {\n  switchCompany: \"Switch company\",\n  heading: \"Companies\",\n  current: (name) => `Company: ${name}`,\n  currentMark: \"(current)\",\n  switching: \"Switching company…\",\n};\n\n/** One company the user belongs to — kastlan's `/auth/me` `companies[]` (§5.3). */\nexport interface CompanySwitcherCompany<Id extends string | number = string | number> {\n  /** kastlan's ids are numbers; a string works the same. */\n  id: Id;\n  name: string;\n}\n\nexport interface CompanySwitcherProps<Id extends string | number> {\n  /** Every company the user belongs to. With fewer than two there is nothing to\n   *  switch, and nothing renders. */\n  companies: readonly CompanySwitcherCompany<Id>[];\n  /** The company the session is in — `/auth/me`'s `current_company_id`. */\n  currentId: Id;\n  /**\n   * Another company was picked: `POST /auth/switch-company {company_id}`, store the\n   * fresh tokens, reload what is company-scoped. While the promise runs the switcher is\n   * disabled, so a second pick cannot race the first; a rejection frees it (the app\n   * says why). Picking the current company does nothing.\n   */\n  onSwitch: (id: Id) => Promise<unknown> | void;\n  /** The trigger's glyph. Default a building; keksdose's budgets would pass a wallet. */\n  icon?: ReactNode;\n  labels?: Partial<CompanySwitcherLabels>;\n}\n\n/**\n * The company switcher in the top bar (docs/auth-harmonization.md §5.3, §8): a kastlan\n * user may belong to several companies, and the access token carries the current one,\n * so switching is a request for new tokens — `onSwitch`, the app's. Built on\n * {@link OptionSwitcherMenu}, like `RoleSwitcher`: the icon trigger, the current company\n * in its tooltip, the list with a check on the current one.\n *\n * **Only for more than one company** — a user in one company has nothing to switch, and\n * the top bar stays as it was. **Disabled while a switch runs**: the trigger is swapped\n * for a disabled one with a spinner (`aria-busy`), and \"Switching company…\" is said, so\n * a second pick cannot race the first. The kit never sends the request.\n *\n * A generic context switcher: the labels rename it (\"Switch budget\", \"Budgets\"), `icon`\n * replaces the building, and `id` may be a number (kastlan's) or a string.\n */\nexport function CompanySwitcher<Id extends string | number>({\n  companies,\n  currentId,\n  onSwitch,\n  icon,\n  labels: labelsProp,\n}: CompanySwitcherProps<Id>) {\n  const labels = useKitLabels(\"companySwitcher\", DEFAULT_COMPANY_SWITCHER_LABELS, labelsProp);\n  const [pending, setPending] = useState(false);\n  const { announce, regionProps } = useAnnounce();\n  if (companies.length < 2) return null;\n\n  const current = companies.find((c) => c.id === currentId);\n  const select = (value: string) => {\n    if (pending) return;\n    const picked = companies.find((c) => String(c.id) === value);\n    if (!picked || picked.id === currentId) return;\n    const result = onSwitch(picked.id);\n    if (typeof (result as PromiseLike<unknown> | undefined)?.then !== \"function\") return;\n    setPending(true);\n    announce(labels.switching);\n    (result as PromiseLike<unknown>).then(\n      () => setPending(false),\n      () => setPending(false),\n    );\n  };\n\n  return (\n    <>\n      {pending ? (\n        <button\n          type=\"button\"\n          disabled\n          aria-busy=\"true\"\n          aria-label={labels.switchCompany}\n          className={cn(TOPBAR_TRIGGER_CLASS, \"cursor-wait opacity-60 hover:bg-transparent\")}\n        >\n          <Spinner label={null} />\n        </button>\n      ) : (\n        <OptionSwitcherMenu<string>\n          ariaLabel={labels.switchCompany}\n          title={current ? labels.current(current.name) : undefined}\n          heading={labels.heading}\n          icon={icon ?? <Building2 className=\"size-5\" />}\n          options={companies.map((c) => ({\n            value: String(c.id),\n            label:\n              c.id === currentId ? (\n                // `relative`: the sr-only mark needs a local containing block.\n                <span className=\"relative\">\n                  {c.name}\n                  <span className=\"sr-only\"> {labels.currentMark}</span>\n                </span>\n              ) : (\n                c.name\n              ),\n          }))}\n          value={String(currentId)}\n          onSelect={select}\n        />\n      )}\n      {/* Outside both triggers, so it survives the swap and is read when it changes. */}\n      <span {...regionProps} />\n    </>\n  );\n}\n"],"mappings":";AAqGI,mBASM,KAeQ,YAxBd;AArGJ,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AAiB9B,MAAM,kCAAyD;AAAA,EACpE,eAAe;AAAA,EACf,SAAS;AAAA,EACT,SAAS,CAAC,SAAS,YAAY,IAAI;AAAA,EACnC,aAAa;AAAA,EACb,WAAW;AACb;AA0CO,SAAS,gBAA4C;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAA6B;AAC3B,QAAM,SAAS,aAAa,mBAAmB,iCAAiC,UAAU;AAC1F,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,EAAE,UAAU,YAAY,IAAI,YAAY;AAC9C,MAAI,UAAU,SAAS,EAAG,QAAO;AAEjC,QAAM,UAAU,UAAU,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS;AACxD,QAAM,SAAS,CAAC,UAAkB;AAChC,QAAI,QAAS;AACb,UAAM,SAAS,UAAU,KAAK,CAAC,MAAM,OAAO,EAAE,EAAE,MAAM,KAAK;AAC3D,QAAI,CAAC,UAAU,OAAO,OAAO,UAAW;AACxC,UAAM,SAAS,SAAS,OAAO,EAAE;AACjC,QAAI,OAAQ,QAA6C,SAAS,WAAY;AAC9E,eAAW,IAAI;AACf,aAAS,OAAO,SAAS;AACzB,IAAC,OAAgC;AAAA,MAC/B,MAAM,WAAW,KAAK;AAAA,MACtB,MAAM,WAAW,KAAK;AAAA,IACxB;AAAA,EACF;AAEA,SACE,iCACG;AAAA,cACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,aAAU;AAAA,QACV,cAAY,OAAO;AAAA,QACnB,WAAW,GAAG,sBAAsB,6CAA6C;AAAA,QAEjF,8BAAC,WAAQ,OAAO,MAAM;AAAA;AAAA,IACxB,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,OAAO,UAAU,OAAO,QAAQ,QAAQ,IAAI,IAAI;AAAA,QAChD,SAAS,OAAO;AAAA,QAChB,MAAM,QAAQ,oBAAC,aAAU,WAAU,UAAS;AAAA,QAC5C,SAAS,UAAU,IAAI,CAAC,OAAO;AAAA,UAC7B,OAAO,OAAO,EAAE,EAAE;AAAA,UAClB,OACE,EAAE,OAAO;AAAA;AAAA,YAEP,qBAAC,UAAK,WAAU,YACb;AAAA,gBAAE;AAAA,cACH,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,gBAAE,OAAO;AAAA,iBAAY;AAAA,eACjD;AAAA,cAEA,EAAE;AAAA,QAER,EAAE;AAAA,QACF,OAAO,OAAO,SAAS;AAAA,QACvB,UAAU;AAAA;AAAA,IACZ;AAAA,IAGF,oBAAC,UAAM,GAAG,aAAa;AAAA,KACzB;AAEJ;","names":[]}

package/dist/shell/top-bar-brand.d.ts

@@ -1,6 +1,9 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { dl as KitLinkProps, dk as KitLinkComponent } from '../kit-labels-Du0uHBq4.js';
+import { dS as KitLinkProps, dR as KitLinkComponent } from '../delete-account-setting-CGVMckMw.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -10,9 +13,6 @@ import '../components/popover.js';
 import '../components/chip.js';
 import 'lucide-react';
 import '../components/field-sync.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +34,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -53,8 +54,28 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
-import '../components/account-chips.js';
+import '../auth/sign-in-form.js';
+import './topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import './company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
 import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/shell/topbar-action-menu.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 import { MenuItemTone } from '../components/menu-item.js';
 import { UserAvatarBadge } from '../components/user-avatar.js';
 import 'lucide-react';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';

package/dist/shell.d.ts

@@ -13,7 +13,10 @@ import './theme/theme-store.js';
 import 'zustand/middleware';
 import 'zustand';
 import 'lucide-react';
-import './kit-labels-Du0uHBq4.js';
+import './delete-account-setting-CGVMckMw.js';
+import './components/tooltip.js';
+import './hooks/use-anchored-rect.js';
+import './lib/clipping.js';
 import './data-table-labels-DUELeXpa.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';
@@ -22,9 +25,6 @@ import './components/calendar-heatmap.js';
 import './components/popover.js';
 import './components/chip.js';
 import './components/field-sync.js';
-import './components/tooltip.js';
-import './hooks/use-anchored-rect.js';
-import './lib/clipping.js';
 import './wizard/types.js';
 import './tour/tour.js';
 import './search/command-palette.js';
@@ -46,6 +46,7 @@ import './components/modal.js';
 import './hooks/use-search-param-state.js';
 import './components/measured-grid.js';
 import './components/user-avatar.js';
+import './lib/person-name.js';
 import './components/status-dot.js';
 import './components/progress-bar.js';
 import './components/signed-amount.js';
@@ -63,8 +64,22 @@ import './components/authed-image.js';
 import './components/image-grid.js';
 import './components/lightbox.js';
 import './components/write-lock.js';
-import './components/account-chips.js';
+import './auth/sign-in-form.js';
+import './auth/complete-name-dialog.js';
+import './auth/forgot-password-form.js';
+import './auth/status-parts.js';
+import './auth/reset-password-form.js';
+import './auth/verify-email.js';
+import './auth/not-found-page.js';
+import './auth/accept-invitation.js';
+import './shell/company-switcher.js';
+import './account/email-change-setting.js';
+import './account/sessions-setting.js';
 import './lib/format.js';
+import './account/data-export-setting.js';
+import './components/account-chips.js';
+import './admin/admin-parts.js';
+import './admin/admin-action-log.js';
 import './components/reauth-dialog.js';
 import './components/server-wake.js';
 import './lib/server-wake.js';

package/dist/wizard/stepper-nav.d.ts

@@ -1,7 +1,10 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { bA as ButtonVariant } from '../kit-labels-Du0uHBq4.js';
+import { bH as ButtonVariant } from '../delete-account-setting-CGVMckMw.js';
 import { UseWizardReturn, WizardLabels } from './types.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -11,9 +14,6 @@ import '../components/popover.js';
 import '../components/chip.js';
 import 'lucide-react';
 import '../components/field-sync.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
 import '../search/global-search.js';
@@ -34,6 +34,7 @@ import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
+import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
 import '../components/signed-amount.js';
@@ -53,8 +54,28 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
-import '../components/account-chips.js';
+import '../auth/sign-in-form.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
 import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';