@eifi1/ui-kit 0.33.0 → 0.34.0

package/dist/admin/transfer-ownership-dialog.js

@@ -2,23 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useKitLabels } from "../i18n/kit-labels.js";
-import { Select } from "../components/ui.js";
+import { Select } from "../components/select.js";
 import { Caption } from "../components/text.js";
 import { AdminActionConfirm } from "./admin-action-confirm.js";
 import { usePersonLabel } from "./admin-parts.js";
-const DEFAULT_TRANSFER_OWNERSHIP_LABELS = {
-  title: (name) => `Hand on ${name}\u2019s work`,
-  body: "Everything this account owns moves to the account you choose, in one step.",
-  recipient: "Hand it to",
-  choose: "Choose an account\u2026",
-  chooseFirst: "Choose who receives the work",
-  confirm: "Hand it on",
-  customer: "a customer",
-  deactivated: "deactivated",
-  self: "the same account",
-  unavailable: (account, reason) => `${account} (${reason})`,
-  noCandidates: "No other account can receive it."
-};
+import { DEFAULT_TRANSFER_OWNERSHIP_LABELS } from "./transfer-ownership-dialog-labels.js";
 function TransferOwnershipDialog({
   from,
   candidates,
@@ -66,7 +54,7 @@ function TransferOwnershipDialog({
       onClose,
       describeError,
       children: [
-        summary && /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--text-secondary)]", children: summary }),
+        summary && /* @__PURE__ */ jsx("div", { className: "text-sm text-secondary", children: summary }),
         /* @__PURE__ */ jsxs(Select, { label: labels.recipient, value: chosen, onChange: (event) => setChosen(event.target.value), children: [
           /* @__PURE__ */ jsx("option", { value: "", children: labels.choose }),
           rows.map((row) => /* @__PURE__ */ jsx("option", { value: row.value, disabled: Boolean(row.reason), children: row.text }, row.value))

package/dist/admin/transfer-ownership-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/transfer-ownership-dialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { Select } from \"../components/ui\";\nimport { Caption } from \"../components/text\";\nimport { AdminActionConfirm } from \"./admin-action-confirm\";\nimport type { AdminActionTarget, AdminConfirmLevel } from \"./admin-action-confirm\";\nimport { usePersonLabel } from \"./admin-parts\";\nimport type { AdminPerson, MaybePromise } from \"./admin-parts\";\n\n/**\n * Hand an account's owned work to another account — Kurvenschmiede's `TypedConfirm`\n * with its recipient select (features/admin/typed-confirm.tsx, users-panel.tsx;\n * docs/user-admin-harmonization.md §4.1 `POST /admin/users/{id}/transfer {to,\n * confirm_email}`, §4.2: `type_email`).\n *\n * It is {@link AdminActionConfirm} with the recipient as the action's own field: the\n * typed address is the SOURCE account's — the one whose work moves, which is the row the\n * admin must prove they are on — and the confirm waits for a recipient too.\n *\n * WHO MAY RECEIVE IT (§9.6): never a customer, never a deactivated account, never the\n * account itself. The APP decides — it knows its roles and states — and marks each\n * candidate with why it cannot (`unavailable`); the kit shows those accounts, unavailable,\n * with the reason, rather than leaving the admin to wonder where somebody went. The\n * source account is marked `self` here whether or not the app did.\n */\n\n/** Why a candidate cannot receive the work: the kit's three, or the app's own words. */\nexport type TransferUnavailable = \"customer\" | \"deactivated\" | \"self\";\n\n/** An account that might receive the work. */\nexport interface TransferCandidate extends AdminPerson {\n  id: string | number;\n  email: string;\n  /** Why it cannot: `\"customer\"`, `\"deactivated\"`, `\"self\"`, or the app's own words. */\n  unavailable?: TransferUnavailable | (string & {});\n}\n\n/** What {@link TransferOwnershipDialogProps.onTransfer} receives — the request body. */\nexport interface TransferValues {\n  toUserId: string | number;\n  /** The source account's address as typed (at `type_email`). */\n  confirmEmail?: string;\n}\n\n/** The `transferOwnership` namespace. The guard and the refusals are `adminAction`'s\n *  and `dangerConfirm`'s. */\nexport interface TransferOwnershipLabels {\n  /** The heading — \"Hand on Ada Example’s work\". */\n  title: (name: string) => string;\n  /** What happens. */\n  body: string;\n  /** The recipient select's label. */\n  recipient: string;\n  /** Its empty first option. */\n  choose: string;\n  /** Why the confirm is held while nobody is chosen. */\n  chooseFirst: string;\n  /** The confirm button. */\n  confirm: string;\n  /** Reasons, said after the account's name inside its option. */\n  customer: string;\n  deactivated: string;\n  self: string;\n  /** An unavailable option's text: the account and why. */\n  unavailable: (account: string, reason: string) => string;\n  /** No account can receive it. */\n  noCandidates: string;\n}\n\nexport const DEFAULT_TRANSFER_OWNERSHIP_LABELS: TransferOwnershipLabels = {\n  title: (name) => `Hand on ${name}’s work`,\n  body: \"Everything this account owns moves to the account you choose, in one step.\",\n  recipient: \"Hand it to\",\n  choose: \"Choose an account…\",\n  chooseFirst: \"Choose who receives the work\",\n  confirm: \"Hand it on\",\n  customer: \"a customer\",\n  deactivated: \"deactivated\",\n  self: \"the same account\",\n  unavailable: (account, reason) => `${account} (${reason})`,\n  noCandidates: \"No other account can receive it.\",\n};\n\nexport interface TransferOwnershipDialogProps {\n  /** The account whose work moves — its address is what the admin types. */\n  from: AdminActionTarget;\n  /** Who might receive it, each marked with why not where it cannot. */\n  candidates: readonly TransferCandidate[];\n  /** What moves, in the app's words — \"3 sessions · 1 gear · 2 projects\" (counts, never\n   *  content). Under the sentence. */\n  summary?: ReactNode;\n  /** Sends it. Promise handling as {@link AdminActionConfirm}'s `onConfirm`. */\n  onTransfer: (values: TransferValues) => MaybePromise;\n  onClose: (done: boolean) => void;\n  /** The server's level for `transfer` — `type_email` (§4.2), the default. A transfer\n   *  always has a recipient to choose, so `none` asks as `acknowledge` does. */\n  level?: AdminConfirmLevel;\n  describeError?: (error: unknown) => ReactNode | undefined;\n  /** Kept-mounted mode. */\n  open?: boolean;\n  labels?: Partial<TransferOwnershipLabels>;\n}\n\nexport function TransferOwnershipDialog({\n  from,\n  candidates,\n  summary,\n  onTransfer,\n  onClose,\n  level = \"type_email\",\n  describeError,\n  open,\n  labels: labelsProp,\n}: TransferOwnershipDialogProps) {\n  const labels = useKitLabels(\"transferOwnership\", DEFAULT_TRANSFER_OWNERSHIP_LABELS, labelsProp);\n  const nameOf = usePersonLabel();\n  const [chosen, setChosen] = useState(\"\");\n\n  const reasonOf = (candidate: TransferCandidate): string | undefined => {\n    const own = candidate.unavailable;\n    const isSource =\n      (from.id !== undefined && from.id !== null && candidate.id === from.id) ||\n      candidate.email.trim().toLowerCase() === from.email.trim().toLowerCase();\n    const code = isSource ? \"self\" : own;\n    if (!code) return undefined;\n    if (code === \"customer\") return labels.customer;\n    if (code === \"deactivated\") return labels.deactivated;\n    if (code === \"self\") return labels.self;\n    return code;\n  };\n\n  const rows = candidates.map((candidate) => {\n    const name = nameOf(candidate);\n    const shown = name && name !== candidate.email ? `${name} — ${candidate.email}` : candidate.email;\n    const reason = reasonOf(candidate);\n    return { candidate, value: String(candidate.id), text: reason ? labels.unavailable(shown, reason) : shown, reason };\n  });\n  const available = rows.filter((row) => !row.reason);\n  const recipient = available.find((row) => row.value === chosen)?.candidate;\n\n  return (\n    <AdminActionConfirm\n      open={open}\n      level={level === \"none\" ? \"acknowledge\" : level}\n      target={from}\n      title={labels.title(nameOf(from))}\n      consequence={labels.body}\n      confirmLabel={labels.confirm}\n      tone=\"danger\"\n      confirmDisabledReason={\n        available.length === 0 ? labels.noCandidates : recipient === undefined ? labels.chooseFirst : undefined\n      }\n      onConfirm={(values) =>\n        recipient === undefined ? undefined : onTransfer({ toUserId: recipient.id, confirmEmail: values.confirmEmail })\n      }\n      onClose={onClose}\n      describeError={describeError}\n    >\n      {summary && <div className=\"text-sm text-[var(--text-secondary)]\">{summary}</div>}\n      <Select label={labels.recipient} value={chosen} onChange={(event) => setChosen(event.target.value)}>\n        <option value=\"\">{labels.choose}</option>\n        {rows.map((row) => (\n          <option key={row.value} value={row.value} disabled={Boolean(row.reason)}>\n            {row.text}\n          </option>\n        ))}\n      </Select>\n      {available.length === 0 && <Caption>{labels.noCandidates}</Caption>}\n    </AdminActionConfirm>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/admin/transfer-ownership-dialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { Select } from \"../components/select\";\nimport { Caption } from \"../components/text\";\nimport { AdminActionConfirm } from \"./admin-action-confirm\";\nimport type { AdminActionTarget, AdminConfirmLevel } from \"./admin-action-confirm\";\nimport { usePersonLabel } from \"./admin-parts\";\nimport type { AdminPerson, MaybePromise } from \"./admin-parts\";\nimport { DEFAULT_TRANSFER_OWNERSHIP_LABELS } from \"./transfer-ownership-dialog-labels\";\n\n/**\n * Hand an account's owned work to another account — Kurvenschmiede's `TypedConfirm`\n * with its recipient select (features/admin/typed-confirm.tsx, users-panel.tsx;\n * docs/user-admin-harmonization.md §4.1 `POST /admin/users/{id}/transfer {to,\n * confirm_email}`, §4.2: `type_email`).\n *\n * It is {@link AdminActionConfirm} with the recipient as the action's own field: the\n * typed address is the SOURCE account's — the one whose work moves, which is the row the\n * admin must prove they are on — and the confirm waits for a recipient too.\n *\n * WHO MAY RECEIVE IT (§9.6): never a customer, never a deactivated account, never the\n * account itself. The APP decides — it knows its roles and states — and marks each\n * candidate with why it cannot (`unavailable`); the kit shows those accounts, unavailable,\n * with the reason, rather than leaving the admin to wonder where somebody went. The\n * source account is marked `self` here whether or not the app did.\n */\n\n/** Why a candidate cannot receive the work: the kit's three, or the app's own words. */\nexport type TransferUnavailable = \"customer\" | \"deactivated\" | \"self\";\n\n/** An account that might receive the work. */\nexport interface TransferCandidate extends AdminPerson {\n  id: string | number;\n  email: string;\n  /** Why it cannot: `\"customer\"`, `\"deactivated\"`, `\"self\"`, or the app's own words. */\n  unavailable?: TransferUnavailable | (string & {});\n}\n\n/** What {@link TransferOwnershipDialogProps.onTransfer} receives — the request body. */\nexport interface TransferValues {\n  toUserId: string | number;\n  /** The source account's address as typed (at `type_email`). */\n  confirmEmail?: string;\n}\n\n/** The `transferOwnership` namespace. The guard and the refusals are `adminAction`'s\n *  and `dangerConfirm`'s. */\nexport interface TransferOwnershipLabels {\n  /** The heading — \"Hand on Ada Example’s work\". */\n  title: (name: string) => string;\n  /** What happens. */\n  body: string;\n  /** The recipient select's label. */\n  recipient: string;\n  /** Its empty first option. */\n  choose: string;\n  /** Why the confirm is held while nobody is chosen. */\n  chooseFirst: string;\n  /** The confirm button. */\n  confirm: string;\n  /** Reasons, said after the account's name inside its option. */\n  customer: string;\n  deactivated: string;\n  self: string;\n  /** An unavailable option's text: the account and why. */\n  unavailable: (account: string, reason: string) => string;\n  /** No account can receive it. */\n  noCandidates: string;\n}\n\n// Defined in ./transfer-ownership-dialog-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_TRANSFER_OWNERSHIP_LABELS };\n\nexport interface TransferOwnershipDialogProps {\n  /** The account whose work moves — its address is what the admin types. */\n  from: AdminActionTarget;\n  /** Who might receive it, each marked with why not where it cannot. */\n  candidates: readonly TransferCandidate[];\n  /** What moves, in the app's words — \"3 sessions · 1 gear · 2 projects\" (counts, never\n   *  content). Under the sentence. */\n  summary?: ReactNode;\n  /** Sends it. Promise handling as {@link AdminActionConfirm}'s `onConfirm`. */\n  onTransfer: (values: TransferValues) => MaybePromise;\n  onClose: (done: boolean) => void;\n  /** The server's level for `transfer` — `type_email` (§4.2), the default. A transfer\n   *  always has a recipient to choose, so `none` asks as `acknowledge` does. */\n  level?: AdminConfirmLevel;\n  describeError?: (error: unknown) => ReactNode | undefined;\n  /** Kept-mounted mode. */\n  open?: boolean;\n  labels?: LabelOverride<TransferOwnershipLabels>;\n}\n\nexport function TransferOwnershipDialog({\n  from,\n  candidates,\n  summary,\n  onTransfer,\n  onClose,\n  level = \"type_email\",\n  describeError,\n  open,\n  labels: labelsProp,\n}: TransferOwnershipDialogProps) {\n  const labels = useKitLabels(\"transferOwnership\", DEFAULT_TRANSFER_OWNERSHIP_LABELS, labelsProp);\n  const nameOf = usePersonLabel();\n  const [chosen, setChosen] = useState(\"\");\n\n  const reasonOf = (candidate: TransferCandidate): string | undefined => {\n    const own = candidate.unavailable;\n    const isSource =\n      (from.id !== undefined && from.id !== null && candidate.id === from.id) ||\n      candidate.email.trim().toLowerCase() === from.email.trim().toLowerCase();\n    const code = isSource ? \"self\" : own;\n    if (!code) return undefined;\n    if (code === \"customer\") return labels.customer;\n    if (code === \"deactivated\") return labels.deactivated;\n    if (code === \"self\") return labels.self;\n    return code;\n  };\n\n  const rows = candidates.map((candidate) => {\n    const name = nameOf(candidate);\n    const shown = name && name !== candidate.email ? `${name} — ${candidate.email}` : candidate.email;\n    const reason = reasonOf(candidate);\n    return { candidate, value: String(candidate.id), text: reason ? labels.unavailable(shown, reason) : shown, reason };\n  });\n  const available = rows.filter((row) => !row.reason);\n  const recipient = available.find((row) => row.value === chosen)?.candidate;\n\n  return (\n    <AdminActionConfirm\n      open={open}\n      level={level === \"none\" ? \"acknowledge\" : level}\n      target={from}\n      title={labels.title(nameOf(from))}\n      consequence={labels.body}\n      confirmLabel={labels.confirm}\n      tone=\"danger\"\n      confirmDisabledReason={\n        available.length === 0 ? labels.noCandidates : recipient === undefined ? labels.chooseFirst : undefined\n      }\n      onConfirm={(values) =>\n        recipient === undefined ? undefined : onTransfer({ toUserId: recipient.id, confirmEmail: values.confirmEmail })\n      }\n      onClose={onClose}\n      describeError={describeError}\n    >\n      {summary && <div className=\"text-sm text-secondary\">{summary}</div>}\n      <Select label={labels.recipient} value={chosen} onChange={(event) => setChosen(event.target.value)}>\n        <option value=\"\">{labels.choose}</option>\n        {rows.map((row) => (\n          <option key={row.value} value={row.value} disabled={Boolean(row.reason)}>\n            {row.text}\n          </option>\n        ))}\n      </Select>\n      {available.length === 0 && <Caption>{labels.noCandidates}</Caption>}\n    </AdminActionConfirm>\n  );\n}\n"],"mappings":";AAqJkB,cACZ,YADY;AArJlB,SAAS,gBAAgB;AAEzB,SAAS,oBAAwC;AACjD,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,0BAA0B;AAEnC,SAAS,sBAAsB;AAE/B,SAAS,yCAAyC;AAqF3C,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAiC;AAC/B,QAAM,SAAS,aAAa,qBAAqB,mCAAmC,UAAU;AAC9F,QAAM,SAAS,eAAe;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,WAAW,CAAC,cAAqD;AACrE,UAAM,MAAM,UAAU;AACtB,UAAM,WACH,KAAK,OAAO,UAAa,KAAK,OAAO,QAAQ,UAAU,OAAO,KAAK,MACpE,UAAU,MAAM,KAAK,EAAE,YAAY,MAAM,KAAK,MAAM,KAAK,EAAE,YAAY;AACzE,UAAM,OAAO,WAAW,SAAS;AACjC,QAAI,CAAC,KAAM,QAAO;AAClB,QAAI,SAAS,WAAY,QAAO,OAAO;AACvC,QAAI,SAAS,cAAe,QAAO,OAAO;AAC1C,QAAI,SAAS,OAAQ,QAAO,OAAO;AACnC,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,WAAW,IAAI,CAAC,cAAc;AACzC,UAAM,OAAO,OAAO,SAAS;AAC7B,UAAM,QAAQ,QAAQ,SAAS,UAAU,QAAQ,GAAG,IAAI,WAAM,UAAU,KAAK,KAAK,UAAU;AAC5F,UAAM,SAAS,SAAS,SAAS;AACjC,WAAO,EAAE,WAAW,OAAO,OAAO,UAAU,EAAE,GAAG,MAAM,SAAS,OAAO,YAAY,OAAO,MAAM,IAAI,OAAO,OAAO;AAAA,EACpH,CAAC;AACD,QAAM,YAAY,KAAK,OAAO,CAAC,QAAQ,CAAC,IAAI,MAAM;AAClD,QAAM,YAAY,UAAU,KAAK,CAAC,QAAQ,IAAI,UAAU,MAAM,GAAG;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,UAAU,SAAS,gBAAgB;AAAA,MAC1C,QAAQ;AAAA,MACR,OAAO,OAAO,MAAM,OAAO,IAAI,CAAC;AAAA,MAChC,aAAa,OAAO;AAAA,MACpB,cAAc,OAAO;AAAA,MACrB,MAAK;AAAA,MACL,uBACE,UAAU,WAAW,IAAI,OAAO,eAAe,cAAc,SAAY,OAAO,cAAc;AAAA,MAEhG,WAAW,CAAC,WACV,cAAc,SAAY,SAAY,WAAW,EAAE,UAAU,UAAU,IAAI,cAAc,OAAO,aAAa,CAAC;AAAA,MAEhH;AAAA,MACA;AAAA,MAEC;AAAA,mBAAW,oBAAC,SAAI,WAAU,0BAA0B,mBAAQ;AAAA,QAC7D,qBAAC,UAAO,OAAO,OAAO,WAAW,OAAO,QAAQ,UAAU,CAAC,UAAU,UAAU,MAAM,OAAO,KAAK,GAC/F;AAAA,8BAAC,YAAO,OAAM,IAAI,iBAAO,QAAO;AAAA,UAC/B,KAAK,IAAI,CAAC,QACT,oBAAC,YAAuB,OAAO,IAAI,OAAO,UAAU,QAAQ,IAAI,MAAM,GACnE,cAAI,QADM,IAAI,KAEjB,CACD;AAAA,WACH;AAAA,QACC,UAAU,WAAW,KAAK,oBAAC,WAAS,iBAAO,cAAa;AAAA;AAAA;AAAA,EAC3D;AAEJ;","names":[]}

package/dist/admin/user-roster-labels.d.ts

@@ -0,0 +1,2 @@
+import type { UserRosterLabels } from "./user-roster.js";
+export declare const DEFAULT_USER_ROSTER_LABELS: UserRosterLabels;

package/dist/admin/user-roster-labels.js

@@ -0,0 +1,16 @@
+"use client";
+const DEFAULT_USER_ROSTER_LABELS = {
+  name: "Name",
+  email: "Email",
+  role: "Role",
+  state: "State",
+  created: "Created",
+  lastLogin: "Last login",
+  never: "Never",
+  actions: "Actions",
+  actionsFor: (name) => `Actions for ${name}`
+};
+export {
+  DEFAULT_USER_ROSTER_LABELS
+};
+//# sourceMappingURL=user-roster-labels.js.map

package/dist/admin/user-roster-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/user-roster-labels.ts"],"sourcesContent":["// The English words of ./user-roster, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./user-roster re-exports them.\n\nimport type { UserRosterLabels } from \"./user-roster\";\n\nexport const DEFAULT_USER_ROSTER_LABELS: UserRosterLabels = {\n  name: \"Name\",\n  email: \"Email\",\n  role: \"Role\",\n  state: \"State\",\n  created: \"Created\",\n  lastLogin: \"Last login\",\n  never: \"Never\",\n  actions: \"Actions\",\n  actionsFor: (name) => `Actions for ${name}`,\n};\n"],"mappings":";AAMO,MAAM,6BAA+C;AAAA,EAC1D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY,CAAC,SAAS,eAAe,IAAI;AAC3C;","names":[]}

package/dist/admin/user-roster.d.ts

@@ -1,100 +1,225 @@
-import 'react';
-import '../lib/format.js';
-import '../lib/person-name.js';
-import '../components/account-chips.js';
-import '../components/chip.js';
-import '../data-table-labels-BJ5JE_X2.js';
-import '../components/data-table-sort.js';
-export { bz as AdminUserStateFields, cV as DEFAULT_USER_ROSTER_LABELS, eQ as RoleEditing, eY as RosterState, fH as USER_ROSTER_SORT_KEYS, fO as UserIdentityCell, fP as UserIdentityCellProps, fQ as UserRosterColumnsOptions, fR as UserRosterLabels, fS as UserRosterRow, fT as UserRosterSortKey, fU as UserRowAction, fV as UserRowActionList, fW as UserRowActions, fX as UserRowActionsProps, fY as adminUserStates, gr as useUserRosterColumns, gs as userRosterColumns, gt as userRosterSort } from '../delete-account-setting-DiPX4Vue.js';
-import 'lucide-react';
-import '../components/field-parts.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../components/write-lock.js';
-import '../components/swipeable-row.js';
-import '../components/status-dot.js';
-import '../components/progress-bar.js';
-import '../components/signed-amount.js';
-import '../components/stat-tile.js';
-import '../components/mini-calendar.js';
-import '../components/calendar-heatmap.js';
-import '../components/popover.js';
-import '../hooks/use-breakpoint.js';
-import '../components/field-sync.js';
-import '../wizard/types.js';
-import '../tour/tour.js';
-import '../search/command-palette.js';
-import '../search/global-search.js';
-import '../search/search-index.js';
-import '../components/month-picker.js';
-import '../components/page-contents.js';
-import '../components/series-chart-labels.js';
-import '../components/pie-chart-labels.js';
-import '../components/sparkline.js';
-import '../components/signature-pad.js';
-import '../components/password-strength.js';
-import '../components/swatch-picker.js';
-import '../components/tile-radio.js';
-import '../components/icon-picker.js';
-import '../components/dialog-frame.js';
-import '../components/modal.js';
-import '../hooks/use-search-param-state.js';
-import '../components/measured-grid.js';
-import '../components/user-avatar.js';
-import '../shell/topbar-action-menu.js';
-import '../components/menu-item.js';
-import '../components/floating-panel.js';
-import '../hooks/use-authed-src.js';
-import '../components/account-settings-labels.js';
-import '../components/bulk-action-bar.js';
-import '../components/list.js';
-import '../components/breadcrumbs.js';
-import '../components/toast.js';
-import '../components/description-list.js';
-import '../components/line-items.js';
-import '../components/error-boundary.js';
-import '../components/authed-image.js';
-import '../components/image-grid.js';
-import '../components/lightbox.js';
-import '../auth/sign-in-form.js';
-import '../landing/access.js';
-import '../landing/landing-labels.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 '../account/data-export-setting.js';
-import './admin-parts.js';
-import './admin-action-log.js';
-import '../settings/settings-labels.js';
-import '../demo/demo-labels.js';
-import '../components/appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import '../components/reauth-dialog.js';
-import '../components/server-wake.js';
-import '../lib/server-wake.js';
-import '../components/translation-review-labels.js';
-import '../lib/translation-review.js';
-import '../components/country-select.js';
-import '../components/inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import '../components/sign-chip.js';
-import '../components/column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import '../components/focus-ring.js';
+import type { ReactNode } from "react";
+import type { DateInput } from "../lib/format.js";
+import type { PersonName } from "../lib/person-name.js";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import type { AccountState, RoleVocabulary } from "../components/account-chips.js";
+import type { ChipTone } from "../components/chip.js";
+import type { DataTableColumn } from "../components/data-table.js";
+import type { SortState } from "../components/data-table-sort.js";
+import type { RowAction, RowActionList } from "../components/row-actions.js";
+import type { RoleLock } from "./role-select.js";
+import { DEFAULT_USER_ROSTER_LABELS } from "./user-roster-labels.js";
+/**
+ * The admin's user list (docs/user-admin-harmonization.md §3): a column preset for the
+ * kit's `DataTable`, not a table of its own.
+ *
+ * keksdose built its roster by hand (1150 lines, its own Badge), Kurvenschmiede on the
+ * kit `DataTable` with the 0.18 chips, kastlan as a settings page. What the three share
+ * is the row — name over address, a role, the account's states, created, last login, the
+ * app's own columns, and a handful of actions — so that is what the kit draws, and the
+ * table, its paging, its sort and its filters stay the app's `DataTable` wiring:
+ *
+ * ```tsx
+ * const columns = useUserRosterColumns<AdminUserRow, Role>({ roles: ROLES, actions, extra });
+ * <DataTable rows={page.users} columns={columns} rowKey={(r) => r.id}
+ *   serverPagination={{ page, pageSize, total: page.total, onPageChange }}
+ *   sorts={sorts} onSortsChange={setSorts} />
+ * // GET /admin/users?sort=${userRosterSort(sorts)}&…
+ * ```
+ *
+ * The column keys ARE the server's sort keys (§3.1): `name`, `email`, `role`, `created`,
+ * `last_login` — so {@link userRosterSort} turns the table's sort state into the query
+ * as it is. Phone cards come from the same columns: the identity is the card's headline,
+ * the role, states, last login and the actions are its fields, created is left off.
+ */
+/**
+ * The fields of the contract's `AdminUserRow` the preset reads (§3.2, the auth
+ * contract's `UserResponse` core). An app's row has more — its `extra` — and the
+ * preset passes the whole row to every callback.
+ */
+export interface UserRosterRow extends AdminUserStateFields {
+    id: string | number;
+    email: string;
+    first_name?: string | null;
+    last_name?: string | null;
+    /** The derived whole name — only the fallback when both parts are blank. */
+    display_name?: string | null;
+    /** keksdose, Kurvenschmiede: one role. */
+    role?: string | null;
+    /** kastlan: the account's roles in the current company. Wins over `role`. */
+    roles?: readonly string[] | null;
+    created_at?: DateInput;
+    /** Account-wide; kastlan's comes from its session rows (§3.2). */
+    last_login_at?: DateInput;
+}
+/** The state fields of the contract's row that {@link adminUserStates} maps (§3.2). */
+export interface AdminUserStateFields {
+    is_active?: boolean;
+    email_verified?: boolean;
+    password_change_required_at?: string | null;
+    /** `after_days` mode: the day the account is erased (§6.4). */
+    deletion_scheduled_at?: string | null;
+    /** When the user asked. The only deletion field in kastlan's `operator` mode, where
+     *  nothing is scheduled. */
+    deletion_requested_at?: string | null;
+}
+/** One state chip of a row: an {@link AccountState}, or one with its `date` (the
+ *  `deletion` day), a `tone` or the app's own words. */
+export type RosterState = AccountState | {
+    state: AccountState;
+    date?: DateInput;
+    tone?: ChipTone;
+    label?: ReactNode;
+};
+/**
+ * The contract's row as state chips (§3.2: "map 1:1 to the kit's AccountStateChip"):
+ *
+ * - marked for deletion → `deletion` with the scheduled day (none in `operator` mode),
+ *   IN PLACE of `inactive` — such an account is always deactivated (§2.1);
+ * - else `active` / `inactive` from `is_active`;
+ * - `unverified` when `email_verified` is `false` (not when it is missing);
+ * - `passwordChange` while `password_change_required_at` is set.
+ */
+export declare function adminUserStates(row: AdminUserStateFields): RosterState[];
+/** The server's sort keys, which are the preset's column keys (§3.1). */
+export declare const USER_ROSTER_SORT_KEYS: readonly ["name", "email", "role", "created", "last_login"];
+export type UserRosterSortKey = (typeof USER_ROSTER_SORT_KEYS)[number];
+/**
+ * The table's sort state as the `sort` query parameter of `GET /admin/users` (§3.1), in
+ * the DataTable's own encoding ({@link encodeSorts}: `"last_login.desc"`), which
+ * server-kit 0.4 reads beside the `-key` form. Only the first criterion on one of the
+ * server's keys: an app's own column (`owned`) is the client's to sort, and the query
+ * takes one key — a shift-clicked second criterion is not sent. `undefined` when nothing
+ * the server knows is sorted, so its default order applies.
+ */
+export declare function userRosterSort(sorts: readonly SortState[]): string | undefined;
+/** The `userRoster` namespace: the preset's headers and the action menu's words. */
+export interface UserRosterLabels {
+    /** The identity column — the name with the address under it. */
+    name: string;
+    /** The separate address column (`emailColumn`). */
+    email: string;
+    role: string;
+    state: string;
+    created: string;
+    lastLogin: string;
+    /** A last login that never happened. */
+    never: string;
+    /** The actions column's (hidden) header. */
+    actions: string;
+    /** The action menu's button and panel — "Actions for Ada Example". */
+    actionsFor: (name: string) => string;
+}
+export { DEFAULT_USER_ROSTER_LABELS };
+export interface UserIdentityCellProps {
+    /** First and last name (auth §3.2), shown in the READER's order. */
+    person?: PersonName | null;
+    /** A whole name, for an API that still sends `display_name` only. */
+    name?: string | null;
+    email?: string | null;
+    /** The initials avatar before the name. Default true. */
+    avatar?: boolean;
+    /** After the name, on its line — a "You" chip, a demo mark. */
+    badge?: ReactNode;
+    /** Over the provider's locale. */
+    locale?: string;
+    className?: string;
+}
+/**
+ * Who an account is, in one cell (§3.3): the initials avatar, the name in the reader's
+ * order ({@link formatPersonName} — "Example Ada" in Hungarian) and the address under it
+ * — the cell both rosters drew by hand. An account with no name yet (a migrated row
+ * before `CompleteNameDialog`, an invitee) shows its address once, as the name.
+ *
+ * Both lines carry `data-private`, so keksdose's demo blur reaches them, and both end
+ * in "…" at Normal only: from Large up they wrap (`truncate-until-large`, 0.33,
+ * docs/text-size-harmonization.md §10.17), since a cut name or address is a finding there.
+ */
+export declare function UserIdentityCell({ person, name, email, avatar, badge, locale: localeProp, className, }: UserIdentityCellProps): import("react").JSX.Element;
+/** One entry of a row's action menu (§4) — the kit's {@link RowAction} since 0.32,
+ *  which generalised it for every dense row (docs/text-size-harmonization.md §10.8). */
+export type UserRowAction = RowAction;
+/** What `actions(row)` may return: entries, and `false` / `null` for the ones a
+ *  condition left out (`row.is_active && {…}`). */
+export type UserRowActionList = RowActionList;
+export interface UserRowActionsProps {
+    actions: UserRowActionList;
+    /** The account's name, for the menu's name — "Actions for Ada Example". */
+    name: string;
+    labels?: LabelOverride<UserRosterLabels>;
+}
+/**
+ * A row's actions as one "…" button and a menu of them: keksdose had a strip of icon
+ * buttons in the expanded row, Kurvenschmiede five text buttons in a cell — neither fits
+ * a phone card, and both grow with every action §2.4 adds. The menu is portalled, so a
+ * table's scroller cannot clip it; Escape and an outside press close it, and focus goes
+ * back to the button, which is where a confirmation dialog then returns it.
+ *
+ * Since 0.32 this is {@link RowActions} with `collapse="menu"` — the menu at every size —
+ * named by the roster's own `actionsFor`.
+ */
+export declare function UserRowActions({ actions, name, labels: labelsProp }: UserRowActionsProps): import("react").JSX.Element;
+/** How a row's role may be changed inline: `true`, or with reasons. */
+export interface RoleEditing<R extends string> {
+    /** Why the whole select is locked for this row — `"self"`, `"last_admin"`, or words. */
+    disabledReason?: RoleLock;
+    /** Why one role cannot be chosen for this row (a string: it goes inside an option). */
+    optionDisabledReason?: (role: R) => string | undefined;
+    /** The roles that may be chosen. Default: the whole vocabulary. */
+    offered?: readonly R[];
+}
+export interface UserRosterColumnsOptions<T extends UserRosterRow, R extends string = string> {
+    /** The app's roles, as `RoleChip` reads them. */
+    roles: RoleVocabulary<R>;
+    /** The row's state chips. Default {@link adminUserStates}, which reads the contract's
+     *  fields (`is_active`, `email_verified`, `password_change_required_at`,
+     *  `deletion_scheduled_at`, `deletion_requested_at`). */
+    stateOf?: (row: T) => readonly RosterState[];
+    /** The app's own columns — keksdose's plan and key custody, Kurvenschmiede's owned
+     *  counts — after the dates, before the actions. */
+    extra?: readonly DataTableColumn<T>[];
+    /** The row's action menu (§4). Left out: no actions column. */
+    actions?: (row: T) => UserRowActionList;
+    /**
+     * Whether this row's role is a select rather than a chip, and with which reasons.
+     * Left out, or `false`: a chip. kastlan's several roles are never a select here — they
+     * are a "Manage roles" action that opens `RolesEditor`.
+     */
+    editableRole?: (row: T) => boolean | RoleEditing<R>;
+    /** A role was picked in a row's select. The app confirms (`acknowledge`) and sends it. */
+    onRoleChange?: (row: T, role: R) => void;
+    /** The row's role(s). Default `row.roles ?? row.role`. */
+    roleOf?: (row: T) => R | readonly R[] | null | undefined;
+    /** A separate, sortable "Email" column (the server's `email` sort key) beside the
+     *  identity. Default false: the address is under the name already. */
+    emailColumn?: boolean;
+    /** The words, already resolved. Default English; {@link useUserRosterColumns} reads
+     *  the provider's `userRoster` namespace. */
+    labels?: LabelOverride<UserRosterLabels>;
+}
+/**
+ * The roster's columns, in the contract's order (§3.3):
+ *
+ * | key | cell | sort | phone |
+ * |---|---|---|---|
+ * | `name` | {@link UserIdentityCell} | last, first | the card's headline |
+ * | `email` | the address (`emailColumn` only) | address | hidden |
+ * | `role` | `RoleChip`(s), or {@link RoleSelect} where `editableRole` | role | field |
+ * | `state` | `AccountStateChip`s from `stateOf` | — | field |
+ * | `created` | `dateColumn` | instant | hidden |
+ * | `last_login` | `dateColumn`, relative, "Never" | instant | field |
+ * | …`extra` | the app's | the app's | the app's |
+ * | `actions` | {@link UserRowActions} | — | field |
+ *
+ * Pure: hand it resolved words, or use {@link useUserRosterColumns}. The keys are stable,
+ * so an app may drop or move a column (`columns.filter((c) => c.key !== "created")`).
+ * Under `serverPagination` the `sortBy`s only make the headers clickable; the app sends
+ * the sort ({@link userRosterSort}).
+ */
+export declare function userRosterColumns<T extends UserRosterRow, R extends string = string>({ roles, stateOf, extra, actions, editableRole, onRoleChange, roleOf, emailColumn, labels: labelsProp, }: UserRosterColumnsOptions<T, R>): DataTableColumn<T>[];
+/**
+ * {@link userRosterColumns} with the `userRoster` words from the provider, memoised on
+ * the options — pass stable callbacks (`useCallback`) and a module-level vocabulary, or
+ * the columns are rebuilt on every render.
+ */
+export declare function useUserRosterColumns<T extends UserRosterRow, R extends string = string>({ roles, stateOf, extra, actions, editableRole, onRoleChange, roleOf, emailColumn, labels: labelsProp, }: UserRosterColumnsOptions<T, R>): DataTableColumn<T>[];

package/dist/admin/user-roster.js

@@ -9,6 +9,7 @@ import { RowActions } from "../components/row-actions.js";
 import { UserAvatar } from "../components/user-avatar.js";
 import { personLabel } from "./admin-parts.js";
 import { RoleSelect } from "./role-select.js";
+import { DEFAULT_USER_ROSTER_LABELS } from "./user-roster-labels.js";
 function adminUserStates(row) {
   const out = [];
   if (row.deletion_scheduled_at || row.deletion_requested_at) {
@@ -25,17 +26,6 @@ function userRosterSort(sorts) {
   const first = sorts.find((s) => USER_ROSTER_SORT_KEYS.includes(s.key));
   return first ? encodeSorts([first]) ?? void 0 : void 0;
 }
-const DEFAULT_USER_ROSTER_LABELS = {
-  name: "Name",
-  email: "Email",
-  role: "Role",
-  state: "State",
-  created: "Created",
-  lastLogin: "Last login",
-  never: "Never",
-  actions: "Actions",
-  actionsFor: (name) => `Actions for ${name}`
-};
 function UserIdentityCell({
   person,
   name,
@@ -52,10 +42,10 @@ function UserIdentityCell({
     avatar && /* @__PURE__ */ jsx(UserAvatar, { person, name, email, size: "sm" }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { "data-private": true, className: "truncate-until-large font-medium text-[var(--text-primary)]", children: named || address }),
+        /* @__PURE__ */ jsx("span", { "data-private": true, className: "truncate-until-large font-medium text-primary", children: named || address }),
         badge
       ] }),
-      named && address && /* @__PURE__ */ jsx("div", { "data-private": true, className: "truncate-until-large text-xs text-[var(--text-muted)]", children: address })
+      named && address && /* @__PURE__ */ jsx("div", { "data-private": true, className: "truncate-until-large text-xs text-muted", children: address })
     ] })
   ] });
 }
@@ -128,7 +118,7 @@ function userRosterColumns({
       key: "email",
       header: labels.email,
       className: "whitespace-nowrap",
-      cell: (row) => /* @__PURE__ */ jsx("span", { "data-private": true, className: "text-[var(--text-secondary)]", children: row.email }),
+      cell: (row) => /* @__PURE__ */ jsx("span", { "data-private": true, className: "text-secondary", children: row.email }),
       sortBy: (row) => row.email.toLowerCase(),
       filterBy: (row) => row.email,
       mobileHidden: true