@eifi1/ui-kit 0.28.1 → 0.29.0

package/dist/components/number-input.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { CalculatorButtonLabels } from './calculator.js';
 import { NumberPadSheetLabels } from './numpad-sheet.js';
-import '../kit-labels-Du0uHBq4.js';
+import '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -15,6 +15,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -36,6 +37,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -55,6 +57,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -70,7 +81,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.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';
 
 interface NumberInputProps {
     /** The text, DOT-decimal ("1234.5", or a calculation being typed: "12+5"), as

package/dist/components/numpad-sheet.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { bB as CalculatorLabels } from '../kit-labels-Du0uHBq4.js';
+import { bB as CalculatorLabels } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -13,6 +13,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +35,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -53,6 +55,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -68,7 +79,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.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';
 
 /**
  * A full calculator keypad rendered as a bottom sheet — the mobile counterpart to

package/dist/components/phone-input.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import '../lib/phone.js';
-export { cp as DEFAULT_PHONE_INPUT_LABELS, dK as PhoneInput, dL as PhoneInputLabels, dM as PhoneInputProps } from '../kit-labels-Du0uHBq4.js';
+export { cp as DEFAULT_PHONE_INPUT_LABELS, dO as PhoneInput, dP as PhoneInputLabels, dQ as PhoneInputProps } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -13,6 +13,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +35,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -53,6 +55,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -67,4 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.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';

package/dist/components/series-chart.d.ts

@@ -5,7 +5,7 @@ import { LegendEntry } from './toggle-legend.js';
 import { SeriesChartLabels } from './series-chart-labels.js';
 import { TimeTickUnit } from './series-chart-ticks.js';
 import { SeriesChartAxisBudget } from './series-chart-budget.js';
-import { bU as ChartTooltipPlacement } from '../kit-labels-Du0uHBq4.js';
+import { bU as ChartTooltipPlacement } from '../register-form-V1OeNlMr.js';
 import 'recharts';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
@@ -19,6 +19,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -39,6 +40,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -58,6 +60,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -73,7 +84,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.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';
 
 interface SeriesChartSeries {
     /** The row key this line reads — and the `--color-<key>` it is painted with, so it

package/dist/components/settings-fields.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { dQ as SelectProps } from '../kit-labels-Du0uHBq4.js';
+import { dY as SelectProps } from '../register-form-V1OeNlMr.js';
 import { ThemePreference } from '../theme/theme-store.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
@@ -14,6 +14,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -35,6 +36,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -54,6 +56,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -69,7 +80,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
 import 'zustand/middleware';
 import 'zustand';
 

package/dist/components/share-card.d.ts

@@ -1,7 +1,7 @@
 import 'react';
 import './account-chips.js';
 import './dialog-frame.js';
-export { cr as DEFAULT_SHARE_CARD_LABELS, dR as ShareAddRequest, dS as ShareCandidate, dT as ShareCard, dU as ShareCardLabels, dV as ShareCardProps, dW as ShareDialog, dX as ShareDialogProps, dY as ShareGrantee, dZ as SharePanel, d_ as SharePanelProps, d$ as SharePendingGrant, e0 as ShareRole } from '../kit-labels-Du0uHBq4.js';
+export { cs as DEFAULT_SHARE_CARD_LABELS, dZ as ShareAddRequest, d_ as ShareCandidate, d$ as ShareCard, e0 as ShareCardLabels, e1 as ShareCardProps, e2 as ShareDialog, e3 as ShareDialogProps, e4 as ShareGrantee, e5 as SharePanel, e6 as SharePanelProps, e7 as SharePendingGrant, e8 as ShareRole } from '../register-form-V1OeNlMr.js';
 import 'lucide-react';
 import '../lib/format.js';
 import './chip.js';
@@ -17,6 +17,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -35,6 +36,7 @@ import './tile-radio.js';
 import './icon-picker.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -54,6 +56,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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 './reauth-dialog.js';
 import './server-wake.js';
 import '../lib/server-wake.js';
@@ -67,4 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.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';

package/dist/components/text-link.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactElement, ComponentPropsWithoutRef, ReactNode, Ref, MouseEvent, KeyboardEvent } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { dk as KitLinkComponent } from '../kit-labels-Du0uHBq4.js';
+import { dp as KitLinkComponent } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -13,6 +13,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -34,6 +35,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -53,6 +55,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -68,7 +79,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.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';
 
 /**
  * An `href` that leaves the app: a scheme (`https:`, `mailto:`, `tel:`) or a

package/dist/components/time-input.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { dh as InputProps } from '../kit-labels-Du0uHBq4.js';
+import { di as InputProps } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
@@ -12,6 +12,7 @@ import './field-sync.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,6 +34,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -52,6 +54,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -67,7 +78,12 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import './field-parts.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';
 
 /**
  * A time of day, as a `"HH:mm"` string (`"HH:mm:ss"` once `step` asks for seconds).

package/dist/components/ui.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import './tooltip.js';
-export { bu as Button, bv as ButtonClassesOptions, bw as ButtonLinkProps, bx as ButtonProps, by as ButtonSize, bz as ButtonTone, bA as ButtonVariant, bC as Card, bD as CardAction, bE as CardActionProps, bF as CardContent, bG as CardContentProps, bH as CardDensity, bI as CardDescription, bJ as CardDescriptionProps, bK as CardFooter, bL as CardFooterProps, bM as CardHeader, bN as CardHeaderProps, bO as CardProps, bP as CardTitle, bQ as CardTitleLevel, bR as CardTitleProps, bS as CardTone, bT as CharacterCountLabels, ca as DEFAULT_CHARACTER_COUNT_LABELS, co as DEFAULT_PASSWORD_REVEAL_LABELS, ct as DEFAULT_TABS_LABELS, cB as EmptyState, cC as EmptyStateProps, cD as FIELD_BASE, cE as FIELD_DISPLAY, cF as FIELD_FLOATING_PAD, cG as FIELD_INVALID, cH as FIELD_TRIGGER, cI as FIELD_WRITABLE_LOOK, cJ as FLOATING_INPUT_CLASS, cK as FLOATING_LABEL_CLASS, cL as FieldChevron, cM as FieldChevronProps, cN as FieldHint, cO as FieldHintProps, cW as FloatingField, cX as FloatingFieldProps, d8 as IconButton, d9 as IconButtonGlyphSize, da as IconButtonLinkProps, db as IconButtonProps, dc as IconButtonSize, dd as IconButtonTone, de as IconButtonToneColor, df as IconButtonVariant, dg as Input, dh as InputProps, dn as Label, dq as LabelProps, dI as PHONE_QUERY, dJ as PasswordRevealLabels, dP as Select, dQ as SelectProps, e1 as Spinner, e2 as SpinnerProps, e4 as TabItem, e5 as Tabs, e6 as TabsLabels, e7 as TabsProps, e8 as Textarea, e9 as TextareaProps, el as buttonClasses, eq as resolvePasswordRevealLabels } from '../kit-labels-Du0uHBq4.js';
+export { bu as Button, bv as ButtonClassesOptions, bw as ButtonLinkProps, bx as ButtonProps, by as ButtonSize, bz as ButtonTone, bA as ButtonVariant, bC as Card, bD as CardAction, bE as CardActionProps, bF as CardContent, bG as CardContentProps, bH as CardDensity, bI as CardDescription, bJ as CardDescriptionProps, bK as CardFooter, bL as CardFooterProps, bM as CardHeader, bN as CardHeaderProps, bO as CardProps, bP as CardTitle, bQ as CardTitleLevel, bR as CardTitleProps, bS as CardTone, bT as CharacterCountLabels, ca as DEFAULT_CHARACTER_COUNT_LABELS, co as DEFAULT_PASSWORD_REVEAL_LABELS, cu as DEFAULT_TABS_LABELS, cC as EmptyState, cD as EmptyStateProps, cE as FIELD_BASE, cF as FIELD_DISPLAY, cG as FIELD_FLOATING_PAD, cH as FIELD_INVALID, cI as FIELD_TRIGGER, cJ as FIELD_WRITABLE_LOOK, cK as FLOATING_INPUT_CLASS, cL as FLOATING_LABEL_CLASS, cM as FieldChevron, cN as FieldChevronProps, cO as FieldHint, cP as FieldHintProps, cX as FloatingField, cY as FloatingFieldProps, d9 as IconButton, da as IconButtonGlyphSize, db as IconButtonLinkProps, dc as IconButtonProps, dd as IconButtonSize, de as IconButtonTone, df as IconButtonToneColor, dg as IconButtonVariant, dh as Input, di as InputProps, ds as Label, du as LabelProps, dM as PHONE_QUERY, dN as PasswordRevealLabels, dX as Select, dY as SelectProps, e9 as Spinner, ea as SpinnerProps, ec as TabItem, ed as Tabs, ee as TabsLabels, ef as TabsProps, eg as Textarea, eh as TextareaProps, et as buttonClasses, eD as resolvePasswordRevealLabels } from '../register-form-V1OeNlMr.js';
 export { FLOATING_LABEL_STATIC, FieldLabel, FieldLabelProps } from './field-parts.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -34,6 +34,7 @@ import './modal.js';
 import '../hooks/use-search-param-state.js';
 import './measured-grid.js';
 import './user-avatar.js';
+import '../lib/person-name.js';
 import './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -53,6 +54,15 @@ import './authed-image.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.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-chips.js';
 import '../lib/format.js';
 import './reauth-dialog.js';
@@ -68,3 +78,9 @@ import './sign-chip.js';
 import './column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.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';

package/dist/components/user-avatar.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { PersonName } from '../lib/person-name.js';
 import { StatusDotTone } from './status-dot.js';
 import './progress-bar.js';
 import './signed-amount.js';
@@ -33,10 +34,23 @@ interface UserAvatarBadge {
     tone?: StatusDotTone;
 }
 /** A `<span>`'s props, minus `children`: the content is the initials this computes
- *  from `name`/`email`, so there is nothing for a caller to put inside. */
+ *  from `person`/`name`/`email`, so there is nothing for a caller to put inside. */
 interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
     name?: string | null;
     email?: string | null;
+    /**
+     * The person's first and last name (0.29.0, docs/auth-harmonization.md §3.2) —
+     * preferred over `name` whenever either part is filled in. The initials follow the
+     * READER's language, the provider's `locale`: "AE" for Ada Example, "EA" in Hungarian
+     * (family name first), the family name's first character alone in Chinese. See
+     * {@link personInitials}.
+     *
+     * `name` stays the fallback for an API that still sends only `display_name`, and
+     * `email` after it: a person whose two parts are both blank falls through to them.
+     * A migrated user (the whole old display name in `first`, no `last`, §3.3) keeps the
+     * initials they had.
+     */
+    person?: PersonName | null;
     size?: keyof typeof AVATAR_SIZES;
     /**
      * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed
@@ -53,6 +67,6 @@ interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<"span">, "childr
  * A round initials avatar — the common user chip shared across apps (feedback
  * #333). Purely presentational; wrap it in a button for the account menu trigger.
  */
-declare function UserAvatar({ name, email, size, badge, className, ...rest }: UserAvatarProps): react.JSX.Element;
+declare function UserAvatar({ name, email, person, size, badge, className, ...rest }: UserAvatarProps): react.JSX.Element;
 
 export { UserAvatar, type UserAvatarBadge, type UserAvatarProps, avatarInitials };

package/dist/components/user-avatar.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/cn.js";
+import { personInitials } from "../lib/person-name.js";
+import { useKitLocale } from "../i18n/kit-labels.js";
 import { StatusDot } from "./status-dot.js";
 function avatarInitials(name, email) {
   const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? "?";
@@ -15,7 +17,9 @@ const AVATAR_SIZES = {
 };
 const CHIP = "inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--bg-inverse)] font-semibold text-[var(--text-inverse)]";
 const BADGE_SIZES = { sm: "sm", md: "md", lg: "lg" };
-function UserAvatar({ name, email, size = "md", badge, className, ...rest }) {
+function UserAvatar({ name, email, person, size = "md", badge, className, ...rest }) {
+  const locale = useKitLocale();
+  const initials = (person ? personInitials(person, locale) : "") || avatarInitials(name, email);
   if (badge) {
     return /* @__PURE__ */ jsxs("span", { ...rest, className: "relative inline-flex shrink-0", children: [
       /* @__PURE__ */ jsx(
@@ -27,7 +31,7 @@ function UserAvatar({ name, email, size = "md", badge, className, ...rest }) {
             AVATAR_SIZES[size],
             className
           ),
-          children: avatarInitials(name, email)
+          children: initials
         }
       ),
       /* @__PURE__ */ jsx(
@@ -52,7 +56,7 @@ function UserAvatar({ name, email, size = "md", badge, className, ...rest }) {
         AVATAR_SIZES[size],
         className
       ),
-      children: avatarInitials(name, email)
+      children: initials
     }
   );
 }

package/dist/components/user-avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { StatusDot } from \"./status-dot\";\nimport type { StatusDotSize, StatusDotTone } from \"./status-dot\";\n\n/** Initials from a display name (first + last) or, failing that, an email —\n *  e.g. \"Marcel Eifert\" → \"ME\", \"marcel@x.com\" → \"MA\". App-agnostic.\n *\n *  \"Failing that\" means BLANK, not merely absent. This was `name ?? email ?? \"?\"`,\n *  and `??` falls through on null/undefined alone — so an empty or whitespace-only\n *  display name short-circuited the email it had in hand and landed on the guard\n *  below, returning \"?\" for a user whose address says \"MA\" perfectly well. Keksdose\n *  cannot reach it (its `display_name` has `min_length=1`), but this is exported as\n *  app-agnostic, and any consumer whose profile name is optional free text got a wall\n *  of \"?\" chips. The guard is what shows the empty case was foreseen; it just\n *  answered it at the wrong end. */\nexport function avatarInitials(name?: string | null, email?: string | null): string {\n  const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? \"?\";\n  const parts = source.split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();\n  return source.slice(0, 2).toUpperCase();\n}\n\nconst AVATAR_SIZES = {\n  sm: \"size-7 text-[11px]\",\n  md: \"size-8 text-xs\",\n  lg: \"size-12 text-base\",\n} as const;\n\nconst CHIP =\n  \"inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--bg-inverse)] font-semibold text-[var(--text-inverse)]\";\n\n/** The dot grows with the avatar: 8px on `sm`, 10px on `md` (keksdose's), 12px on `lg`. */\nconst BADGE_SIZES: Record<keyof typeof AVATAR_SIZES, StatusDotSize> = { sm: \"sm\", md: \"md\", lg: \"lg\" };\n\n/** A status dot in the avatar's top corner — an unread count, presence. */\nexport interface UserAvatarBadge {\n  /** What the dot MEANS, for a screen reader (\"3 unread\"). Required: a coloured circle\n   *  says nothing to someone who cannot see it. */\n  label: ReactNode;\n  /** Default `danger`, the unread dot both apps draw by hand. */\n  tone?: StatusDotTone;\n}\n\n/** A `<span>`'s props, minus `children`: the content is the initials this computes\n *  from `name`/`email`, so there is nothing for a caller to put inside. */\nexport interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  name?: string | null;\n  email?: string | null;\n  size?: keyof typeof AVATAR_SIZES;\n  /**\n   * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed\n   * in the surface colour so it reads as its own mark (keksdose account-menu ~385,\n   * top-bar :152). Its `label` is read as text where the dot sits — inside a button\n   * named by its content it joins that name. In `TopBarActionMenu`'s `trigger` the\n   * button is named by the menu's `ariaLabel` followed by this label: \"Account menu\n   * 3 unread\". The initials stay hidden either way, so the person's name is NOT part\n   * of it — put it in `ariaLabel` (\"Marcel Eifert, account menu\") if it should be.\n   */\n  badge?: UserAvatarBadge | null;\n}\n\n/**\n * A round initials avatar — the common user chip shared across apps (feedback\n * #333). Purely presentational; wrap it in a button for the account menu trigger.\n */\nexport function UserAvatar({ name, email, size = \"md\", badge, className, ...rest }: UserAvatarProps) {\n  if (badge) {\n    // A wrapper, because the chip itself is `aria-hidden` and the badge label must not\n    // be. `className` stays on the chip (a size override still sizes the circle); the\n    // other attributes go on the wrapper, which is what a caller addresses. `relative`\n    // also contains the sr-only text.\n    return (\n      <span {...rest} className=\"relative inline-flex shrink-0\">\n        <span\n          aria-hidden\n          className={cn(\n            CHIP,\n            AVATAR_SIZES[size],\n            className,\n          )}\n        >\n          {avatarInitials(name, email)}\n        </span>\n        <StatusDot\n          ring\n          tone={badge.tone ?? \"danger\"}\n          size={BADGE_SIZES[size]}\n          className=\"absolute -end-0.5 -top-0.5\"\n        />\n        <span className=\"sr-only\">{badge.label}</span>\n      </span>\n    );\n  }\n  return (\n    <span\n      // `aria-hidden` sits BEFORE the spread, unlike the structural attributes on the\n      // other components here, because it is a DEFAULT rather than an invariant. The\n      // avatar is decorative next to the name it belongs to — which is where all three\n      // apps render it — so hiding it stops a screen reader saying \"ME\" after the word\n      // \"Marcel Eifert\". A caller who renders one ALONE (an assignee column, a\n      // presence dot) needs the opposite, and now has it: `aria-hidden={false}` plus an\n      // `aria-label` arrives through `...rest` and wins.\n      aria-hidden\n      {...rest}\n      className={cn(\n        CHIP,\n        AVATAR_SIZES[size],\n        className,\n      )}\n    >\n      {avatarInitials(name, email)}\n    </span>\n  );\n}\n"],"mappings":";AAyEM,SACE,KADF;AAxEN,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAcnB,SAAS,eAAe,MAAsB,OAA+B;AAClF,QAAM,SAAS,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,KAAK,OAAO,KAAK;AACpE,QAAM,QAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AAChD,MAAI,MAAM,UAAU,EAAG,SAAQ,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY;AACtE,SAAO,OAAO,MAAM,GAAG,CAAC,EAAE,YAAY;AACxC;AAEA,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,OACJ;AAGF,MAAM,cAAgE,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK;AAiC9F,SAAS,WAAW,EAAE,MAAM,OAAO,OAAO,MAAM,OAAO,WAAW,GAAG,KAAK,GAAoB;AACnG,MAAI,OAAO;AAKT,WACE,qBAAC,UAAM,GAAG,MAAM,WAAU,iCACxB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,aAAa,IAAI;AAAA,YACjB;AAAA,UACF;AAAA,UAEC,yBAAe,MAAM,KAAK;AAAA;AAAA,MAC7B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,MAAM,MAAM,QAAQ;AAAA,UACpB,MAAM,YAAY,IAAI;AAAA,UACtB,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,oBAAC,UAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,OACzC;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MAQC,eAAW;AAAA,MACV,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC,yBAAe,MAAM,KAAK;AAAA;AAAA,EAC7B;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { personInitials } from \"../lib/person-name\";\nimport type { PersonName } from \"../lib/person-name\";\nimport { useKitLocale } from \"../i18n/kit-labels\";\nimport { StatusDot } from \"./status-dot\";\nimport type { StatusDotSize, StatusDotTone } from \"./status-dot\";\n\n/** Initials from a display name (first + last) or, failing that, an email —\n *  e.g. \"Marcel Eifert\" → \"ME\", \"marcel@x.com\" → \"MA\". App-agnostic.\n *\n *  \"Failing that\" means BLANK, not merely absent. This was `name ?? email ?? \"?\"`,\n *  and `??` falls through on null/undefined alone — so an empty or whitespace-only\n *  display name short-circuited the email it had in hand and landed on the guard\n *  below, returning \"?\" for a user whose address says \"MA\" perfectly well. Keksdose\n *  cannot reach it (its `display_name` has `min_length=1`), but this is exported as\n *  app-agnostic, and any consumer whose profile name is optional free text got a wall\n *  of \"?\" chips. The guard is what shows the empty case was foreseen; it just\n *  answered it at the wrong end. */\nexport function avatarInitials(name?: string | null, email?: string | null): string {\n  const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? \"?\";\n  const parts = source.split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();\n  return source.slice(0, 2).toUpperCase();\n}\n\nconst AVATAR_SIZES = {\n  sm: \"size-7 text-[11px]\",\n  md: \"size-8 text-xs\",\n  lg: \"size-12 text-base\",\n} as const;\n\nconst CHIP =\n  \"inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--bg-inverse)] font-semibold text-[var(--text-inverse)]\";\n\n/** The dot grows with the avatar: 8px on `sm`, 10px on `md` (keksdose's), 12px on `lg`. */\nconst BADGE_SIZES: Record<keyof typeof AVATAR_SIZES, StatusDotSize> = { sm: \"sm\", md: \"md\", lg: \"lg\" };\n\n/** A status dot in the avatar's top corner — an unread count, presence. */\nexport interface UserAvatarBadge {\n  /** What the dot MEANS, for a screen reader (\"3 unread\"). Required: a coloured circle\n   *  says nothing to someone who cannot see it. */\n  label: ReactNode;\n  /** Default `danger`, the unread dot both apps draw by hand. */\n  tone?: StatusDotTone;\n}\n\n/** A `<span>`'s props, minus `children`: the content is the initials this computes\n *  from `person`/`name`/`email`, so there is nothing for a caller to put inside. */\nexport interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  name?: string | null;\n  email?: string | null;\n  /**\n   * The person's first and last name (0.29.0, docs/auth-harmonization.md §3.2) —\n   * preferred over `name` whenever either part is filled in. The initials follow the\n   * READER's language, the provider's `locale`: \"AE\" for Ada Example, \"EA\" in Hungarian\n   * (family name first), the family name's first character alone in Chinese. See\n   * {@link personInitials}.\n   *\n   * `name` stays the fallback for an API that still sends only `display_name`, and\n   * `email` after it: a person whose two parts are both blank falls through to them.\n   * A migrated user (the whole old display name in `first`, no `last`, §3.3) keeps the\n   * initials they had.\n   */\n  person?: PersonName | null;\n  size?: keyof typeof AVATAR_SIZES;\n  /**\n   * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed\n   * in the surface colour so it reads as its own mark (keksdose account-menu ~385,\n   * top-bar :152). Its `label` is read as text where the dot sits — inside a button\n   * named by its content it joins that name. In `TopBarActionMenu`'s `trigger` the\n   * button is named by the menu's `ariaLabel` followed by this label: \"Account menu\n   * 3 unread\". The initials stay hidden either way, so the person's name is NOT part\n   * of it — put it in `ariaLabel` (\"Marcel Eifert, account menu\") if it should be.\n   */\n  badge?: UserAvatarBadge | null;\n}\n\n/**\n * A round initials avatar — the common user chip shared across apps (feedback\n * #333). Purely presentational; wrap it in a button for the account menu trigger.\n */\nexport function UserAvatar({ name, email, person, size = \"md\", badge, className, ...rest }: UserAvatarProps) {\n  const locale = useKitLocale();\n  const initials = (person ? personInitials(person, locale) : \"\") || avatarInitials(name, email);\n  if (badge) {\n    // A wrapper, because the chip itself is `aria-hidden` and the badge label must not\n    // be. `className` stays on the chip (a size override still sizes the circle); the\n    // other attributes go on the wrapper, which is what a caller addresses. `relative`\n    // also contains the sr-only text.\n    return (\n      <span {...rest} className=\"relative inline-flex shrink-0\">\n        <span\n          aria-hidden\n          className={cn(\n            CHIP,\n            AVATAR_SIZES[size],\n            className,\n          )}\n        >\n          {initials}\n        </span>\n        <StatusDot\n          ring\n          tone={badge.tone ?? \"danger\"}\n          size={BADGE_SIZES[size]}\n          className=\"absolute -end-0.5 -top-0.5\"\n        />\n        <span className=\"sr-only\">{badge.label}</span>\n      </span>\n    );\n  }\n  return (\n    <span\n      // `aria-hidden` sits BEFORE the spread, unlike the structural attributes on the\n      // other components here, because it is a DEFAULT rather than an invariant. The\n      // avatar is decorative next to the name it belongs to — which is where all three\n      // apps render it — so hiding it stops a screen reader saying \"ME\" after the word\n      // \"Marcel Eifert\". A caller who renders one ALONE (an assignee column, a\n      // presence dot) needs the opposite, and now has it: `aria-hidden={false}` plus an\n      // `aria-label` arrives through `...rest` and wins.\n      aria-hidden\n      {...rest}\n      className={cn(\n        CHIP,\n        AVATAR_SIZES[size],\n        className,\n      )}\n    >\n      {initials}\n    </span>\n  );\n}\n"],"mappings":";AA2FM,SACE,KADF;AA1FN,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAcnB,SAAS,eAAe,MAAsB,OAA+B;AAClF,QAAM,SAAS,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,KAAK,OAAO,KAAK;AACpE,QAAM,QAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AAChD,MAAI,MAAM,UAAU,EAAG,SAAQ,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY;AACtE,SAAO,OAAO,MAAM,GAAG,CAAC,EAAE,YAAY;AACxC;AAEA,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,OACJ;AAGF,MAAM,cAAgE,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK;AA8C9F,SAAS,WAAW,EAAE,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,WAAW,GAAG,KAAK,GAAoB;AAC3G,QAAM,SAAS,aAAa;AAC5B,QAAM,YAAY,SAAS,eAAe,QAAQ,MAAM,IAAI,OAAO,eAAe,MAAM,KAAK;AAC7F,MAAI,OAAO;AAKT,WACE,qBAAC,UAAM,GAAG,MAAM,WAAU,iCACxB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,aAAa,IAAI;AAAA,YACjB;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,MAAM,MAAM,QAAQ;AAAA,UACpB,MAAM,YAAY,IAAI;AAAA,UACtB,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,oBAAC,UAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,OACzC;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MAQC,eAAW;AAAA,MACV,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/feedback/feedback-attachment.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, be as pastedName } from '../kit-labels-Du0uHBq4.js';
+export { D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, be as pastedName } from '../register-form-V1OeNlMr.js';
 import '../data-table-labels-DUELeXpa.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -12,6 +12,7 @@ import '../components/field-sync.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import '../components/field-parts.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
@@ -33,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';
@@ -52,6 +54,15 @@ import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.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 '../components/account-chips.js';
 import '../lib/format.js';
 import '../components/reauth-dialog.js';
@@ -67,4 +78,9 @@ import '../components/sign-chip.js';
 import '../components/column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
-import '../components/field-parts.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';