@eifi1/ui-kit 0.12.0 → 0.13.0

package/dist/feedback/feedback-thread.js

@@ -1,10 +1,12 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { useEffect, useImperativeHandle, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 import { Paperclip, Send } from "lucide-react";
 import { cn } from "../lib/cn.js";
+import { formatRelativeTime } from "../lib/format.js";
 import { Button, EmptyState, Spinner, Textarea } from "../components/ui.js";
 import { Skeleton } from "../components/skeleton.js";
+import { Tooltip } from "../components/tooltip.js";
 import { useKitFileLabels, useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
 import { FeedbackAttachmentField } from "./feedback-attachment.js";
 const DEFAULT_FEEDBACK_THREAD_LABELS = {
@@ -72,15 +74,15 @@ function FeedbackThread({
               /* @__PURE__ */ jsxs("header", { className: "mb-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[11px] text-[var(--text-muted)]", children: [
                 author != null && /* @__PURE__ */ jsx("span", { "data-private": priv, className: "font-medium text-[var(--text-secondary)]", children: author }),
                 message.staff && /* @__PURE__ */ jsx("span", { className: "rounded border border-[var(--border)] bg-[var(--bg-surface)] px-1 text-[10px] font-medium uppercase tracking-wide text-[var(--text-secondary)]", children: labels.staff }),
-                date && /* @__PURE__ */ jsx(
-                  "time",
-                  {
-                    dateTime: date.toISOString(),
-                    title: new Intl.DateTimeFormat(locale, { dateStyle: "full", timeStyle: "short" }).format(date),
-                    className: "tabular-nums",
-                    children: formatRelativeTime(date, reference, locale)
-                  }
-                )
+                date && // The kit's Tooltip, not a native title: one tooltip look app-wide
+                // (keksdose F0 / dev#523).
+                /* @__PURE__ */ jsx(Tooltip, { label: new Intl.DateTimeFormat(locale, { dateStyle: "full", timeStyle: "short" }).format(date), children: /* @__PURE__ */ jsx("time", { dateTime: date.toISOString(), className: "tabular-nums", children: formatRelativeTime(date, {
+                  now: reference,
+                  locale,
+                  // Past the kit's day steps it is a date: "2 weeks ago" makes
+                  // the reader do arithmetic the date already did.
+                  absoluteAfterDays: 6.5
+                }) }) })
               ] }),
               message.body && /* @__PURE__ */ jsx(
                 "p",
@@ -137,19 +139,6 @@ function toDate(value) {
   const date = value instanceof Date ? value : new Date(value);
   return Number.isNaN(date.getTime()) ? null : date;
 }
-const MINUTE = 6e4;
-const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
-function formatRelativeTime(date, now, locale) {
-  const diff = date.getTime() - now;
-  const abs = Math.abs(diff);
-  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-  if (abs < 45e3) return rtf.format(0, "second");
-  if (abs < 45 * MINUTE) return rtf.format(Math.round(diff / MINUTE), "minute");
-  if (abs < 22 * HOUR) return rtf.format(Math.round(diff / HOUR), "hour");
-  if (abs < 7 * DAY) return rtf.format(Math.round(diff / DAY), "day");
-  return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date);
-}
 const noSubscribe = () => () => {
 };
 const isApple = () => typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform || navigator.userAgent);
@@ -159,13 +148,50 @@ function FeedbackComposer({
   attachment,
   disabledReason,
   rows = 3,
+  placeholder,
+  value,
+  onValueChange,
+  ref,
   labels: labelsProp,
   className
 }) {
   const labels = useKitLabels("feedbackComposer", DEFAULT_FEEDBACK_COMPOSER_LABELS, labelsProp);
-  const [draft, setDraft] = useState("");
+  const [ownDraft, setOwnDraft] = useState("");
+  const controlled = value !== void 0;
+  const draft = controlled ? value : ownDraft;
   const [file, setFile] = useState(null);
   const root = useRef(null);
+  const box = useRef(null);
+  const latest = useRef(draft);
+  useLayoutEffect(() => {
+    latest.current = draft;
+  });
+  const caret = useRef(null);
+  useLayoutEffect(() => {
+    const el = box.current;
+    if (caret.current === null || !el) return;
+    el.focus();
+    el.setSelectionRange(caret.current, caret.current);
+    caret.current = null;
+  });
+  const setDraft = (next) => {
+    latest.current = next;
+    if (!controlled) setOwnDraft(next);
+    onValueChange?.(next);
+  };
+  useImperativeHandle(ref, () => ({
+    insertText: (text) => {
+      const el = box.current;
+      if (!el) return;
+      const current = latest.current;
+      const pending2 = caret.current;
+      const start = Math.min(pending2 ?? el.selectionStart ?? current.length, current.length);
+      const end = pending2 ?? Math.max(start, Math.min(el.selectionEnd ?? start, current.length));
+      caret.current = start + text.length;
+      setDraft(current.slice(0, start) + text + current.slice(end));
+    },
+    focus: () => box.current?.focus()
+  }));
   const modifier = useSyncExternalStore(
     noSubscribe,
     () => isApple() ? "\u2318" : "Ctrl",
@@ -180,7 +206,7 @@ function FeedbackComposer({
     const sentDraft = draft;
     const sentFile = file;
     Promise.resolve(onSend(draft.trim(), file)).then(() => {
-      setDraft((current) => current === sentDraft ? "" : current);
+      if (latest.current === sentDraft) setDraft("");
       setFile((current) => current === sentFile ? null : current);
     }).catch(() => {
     });
@@ -193,7 +219,8 @@ function FeedbackComposer({
         rows,
         dir: "auto",
         "aria-label": labels.field,
-        placeholder: labels.placeholder,
+        ref: box,
+        placeholder: placeholder ?? labels.placeholder,
         value: draft,
         onChange: (event) => setDraft(event.target.value),
         onKeyDown: (event) => {

package/dist/feedback/feedback-thread.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-thread.tsx"],"sourcesContent":["import { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Paperclip, Send } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { Button, EmptyState, Spinner, Textarea } from \"../components/ui\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { useKitFileLabels, useKitLabels, useKitLocale } from \"../i18n/kit-labels\";\nimport { FeedbackAttachmentField } from \"./feedback-attachment\";\nimport type { FeedbackNoteAttachment } from \"./feedback-inbox\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\n\n/**\n * The conversation under a report: who said what, when, with what attached — and the\n * box to answer in.\n *\n * Both apps had written it by hand. kastlan's feedback page grew a comment list of\n * bordered boxes with `slate-*` literals (feedback-page.tsx, \"keksdose left this\n * unbuilt\"), and keksdose built the same thing a second time for support\n * (support-thread.tsx) with sides, bubbles and a composer that clears only what it\n * sent. This is that second one, generalised: the kit owns the look and the\n * behaviour, the app owns the data, the upload and every word it does not share.\n *\n * **Own vs other** is the caller's per message (`own`), not a comparison the kit makes\n * against a user id: whose message sits at the END side depends on who is reading,\n * and only the app knows that (keksdose's support thread labelled a member's question\n * \"Du\" in the admin panel the first time round, by reading the wrong field).\n *\n * **Redaction.** A thread is somebody's words about their own data — exactly what a\n * host's demo / screen-share mode blurs. Bodies, authors and attachments carry\n * `data-private` (the attribute `Tooltip redact` and `StatTile sensitive` use) unless\n * `redact={false}`.\n *\n * **RTL.** Sides are logical — `justify-end` is the reading end, and the bubble's\n * tucked corner is `rounded-ee` / `rounded-es` — and each body is `dir=\"auto\"`, so a\n * Hebrew reply in an English thread (or the reverse) lays out as its own language.\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackThread` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackThreadLabels {\n  /** Accessible name of the message list. */\n  thread: string;\n  empty: string;\n  loading: string;\n  /** Author line of an `own` message that has no `author` of its own. */\n  you: string;\n  /** The badge beside a `staff` author. */\n  staff: string;\n  /** Accessible name of a message's attachment list. */\n  attachments: string;\n}\n\nexport const DEFAULT_FEEDBACK_THREAD_LABELS: FeedbackThreadLabels = {\n  thread: \"Comments\",\n  empty: \"No comments yet\",\n  loading: \"Loading comments…\",\n  you: \"You\",\n  staff: \"Staff\",\n  attachments: \"Attachments\",\n};\n\n/** The `feedbackComposer` namespace of `<UiKitProvider labels>`. The attach buttons'\n *  words are `feedbackAttachment`'s, shared with the dialog and the note editor. */\nexport interface FeedbackComposerLabels {\n  /** Accessible name of the text box. */\n  field: string;\n  placeholder: string;\n  send: string;\n  /** The shortcut line, given the platform's modifier (\"Ctrl\" or \"⌘\"). */\n  sendHint: (modifier: string) => string;\n}\n\nexport const DEFAULT_FEEDBACK_COMPOSER_LABELS: FeedbackComposerLabels = {\n  field: \"Write a comment\",\n  placeholder: \"Write a comment…\",\n  send: \"Send\",\n  sendHint: (modifier) => `${modifier} + Enter to send`,\n};\n\n/* ── Thread ───────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackThreadAttachment {\n  id?: string | number;\n  name: string;\n  /** Where to open it. Left out, the attachment is listed by name only. */\n  url?: string;\n  /** MIME type; an `image/*` with a `url` is shown as a thumbnail. */\n  type?: string;\n  /** Bytes, shown beside a non-image. */\n  size?: number;\n}\n\nexport interface FeedbackThreadMessage {\n  id: string | number;\n  /** Who wrote it. Left out on an `own` message, it reads \"You\". */\n  author?: ReactNode;\n  /** A `Date`, an ISO string or epoch ms. */\n  createdAt: Date | string | number;\n  body: string;\n  attachments?: readonly FeedbackThreadAttachment[];\n  /** Written by whoever is reading: sits at the end side, in the brand tint. */\n  own?: boolean;\n  /** Written by the team rather than a user: gets the \"Staff\" badge. */\n  staff?: boolean;\n}\n\nexport interface FeedbackThreadProps {\n  messages: readonly FeedbackThreadMessage[];\n  loading?: boolean;\n  /** Replaces the default \"No comments yet\". */\n  empty?: ReactNode;\n  /**\n   * Draw one attachment yourself — for files behind auth, which a plain `<img src>`\n   * cannot fetch (kastlan's `AuthedImage`), or a lightbox. The default is a thumbnail\n   * link for an image with a `url`, a file link otherwise.\n   */\n  renderAttachment?: (attachment: FeedbackThreadAttachment, message: FeedbackThreadMessage) => ReactNode;\n  /** Tag bodies, authors and attachments `data-private`. Default true. */\n  redact?: boolean;\n  /** \"Now\" for the relative times — pin it in tests and stories. Default: the clock. */\n  now?: Date | number;\n  /** Overrides the provider's locale for the times. */\n  locale?: string;\n  labels?: Partial<FeedbackThreadLabels>;\n  className?: string;\n}\n\nexport function FeedbackThread({\n  messages,\n  loading = false,\n  empty,\n  renderAttachment,\n  redact = true,\n  now,\n  locale: localeProp,\n  labels: labelsProp,\n  className,\n}: FeedbackThreadProps) {\n  const labels = useKitLabels(\"feedbackThread\", DEFAULT_FEEDBACK_THREAD_LABELS, labelsProp);\n  const locale = useKitLocale(localeProp);\n  const file = useKitFileLabels();\n  const priv = redact ? \"\" : undefined;\n  const clock = useMinuteClock(now === undefined);\n  const reference = now === undefined ? clock : +now;\n\n  if (loading && messages.length === 0) {\n    return <Skeleton lines={3} label={labels.loading} className={className} />;\n  }\n  if (messages.length === 0) {\n    return (\n      <EmptyState\n        variant=\"inline\"\n        size=\"sm\"\n        title={empty ?? labels.empty}\n        className={cn(\"justify-start\", className)}\n      />\n    );\n  }\n\n  return (\n    <ol aria-label={labels.thread} aria-busy={loading || undefined} className={cn(\"space-y-3\", className)}>\n      {messages.map((message) => {\n        const date = toDate(message.createdAt);\n        const author = message.author ?? (message.own ? labels.you : null);\n        const attachments = message.attachments ?? [];\n        return (\n          <li\n            key={message.id}\n            className={cn(\"flex\", message.own ? \"justify-end\" : \"justify-start\")}\n            data-own={message.own ? \"\" : undefined}\n          >\n            <article\n              className={cn(\n                \"max-w-[85%] min-w-0 rounded-lg px-3 py-2 text-sm\",\n                message.own\n                  ? \"rounded-ee-sm bg-[var(--brand-bg)]\"\n                  : \"rounded-es-sm bg-[var(--bg-surface-2)]\",\n              )}\n            >\n              <header className=\"mb-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[11px] text-[var(--text-muted)]\">\n                {author != null && (\n                  <span data-private={priv} className=\"font-medium text-[var(--text-secondary)]\">\n                    {author}\n                  </span>\n                )}\n                {message.staff && (\n                  <span className=\"rounded border border-[var(--border)] bg-[var(--bg-surface)] px-1 text-[10px] font-medium uppercase tracking-wide text-[var(--text-secondary)]\">\n                    {labels.staff}\n                  </span>\n                )}\n                {date && (\n                  <time\n                    dateTime={date.toISOString()}\n                    title={new Intl.DateTimeFormat(locale, { dateStyle: \"full\", timeStyle: \"short\" }).format(date)}\n                    className=\"tabular-nums\"\n                  >\n                    {formatRelativeTime(date, reference, locale)}\n                  </time>\n                )}\n              </header>\n              {message.body && (\n                <p\n                  data-private={priv}\n                  dir=\"auto\"\n                  className=\"whitespace-pre-wrap break-words text-start text-[var(--text-primary)]\"\n                >\n                  {message.body}\n                </p>\n              )}\n              {attachments.length > 0 && (\n                <ul aria-label={labels.attachments} data-private={priv} className=\"mt-2 flex flex-wrap gap-2\">\n                  {attachments.map((attachment, index) => (\n                    <li key={attachment.id ?? `${index}-${attachment.name}`} className=\"min-w-0\">\n                      {renderAttachment ? (\n                        renderAttachment(attachment, message)\n                      ) : (\n                        <DefaultAttachment attachment={attachment} size={file.size} />\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </article>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nfunction DefaultAttachment({\n  attachment,\n  size,\n}: {\n  attachment: FeedbackThreadAttachment;\n  size: (bytes: number) => string;\n}) {\n  const { name, url, type } = attachment;\n  if (url && type?.startsWith(\"image/\")) {\n    return (\n      <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" className=\"block\">\n        <img\n          src={url}\n          alt={name}\n          loading=\"lazy\"\n          className=\"h-20 w-20 rounded border border-[var(--border)] object-cover\"\n        />\n      </a>\n    );\n  }\n  const content = (\n    <>\n      <Paperclip className=\"size-3.5 shrink-0\" aria-hidden />\n      <span className=\"truncate\">{name}</span>\n      {attachment.size !== undefined && (\n        <span className=\"shrink-0 text-[var(--text-muted)]\">{size(attachment.size)}</span>\n      )}\n    </>\n  );\n  const chip =\n    \"inline-flex max-w-full items-center gap-1 rounded border border-[var(--border)] bg-[var(--bg-surface)] px-2 py-1 text-xs text-[var(--text-secondary)]\";\n  return url ? (\n    <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" className={cn(chip, \"hover:bg-[var(--bg-hover)]\")}>\n      {content}\n    </a>\n  ) : (\n    <span className={chip}>{content}</span>\n  );\n}\n\n/** The time, refreshed once a minute while `active`, so \"2 minutes ago\" does not stay\n *  \"just now\" on a page left open. Read in state rather than in render, which must be\n *  pure. */\nfunction useMinuteClock(active: boolean): number {\n  const [time, setTime] = useState(() => Date.now());\n  useEffect(() => {\n    if (!active) return;\n    const id = setInterval(() => setTime(Date.now()), 60_000);\n    return () => clearInterval(id);\n  }, [active]);\n  return time;\n}\n\nfunction toDate(value: Date | string | number): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\nconst MINUTE = 60_000;\nconst HOUR = 60 * MINUTE;\nconst DAY = 24 * HOUR;\n\n/**\n * \"just now\", \"5 minutes ago\", \"yesterday\", \"3 days ago\" — `Intl.RelativeTimeFormat`\n * in `locale`, so the grammar is the language's. Past a week it is a date: \"12 days\n * ago\" makes the reader do arithmetic that the date already did. The full date and\n * time are on the `<time>`'s title.\n */\nfunction formatRelativeTime(date: Date, now: number, locale: string | undefined): string {\n  const diff = date.getTime() - now;\n  const abs = Math.abs(diff);\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n  if (abs < 45_000) return rtf.format(0, \"second\");\n  if (abs < 45 * MINUTE) return rtf.format(Math.round(diff / MINUTE), \"minute\");\n  if (abs < 22 * HOUR) return rtf.format(Math.round(diff / HOUR), \"hour\");\n  if (abs < 7 * DAY) return rtf.format(Math.round(diff / DAY), \"day\");\n  return new Intl.DateTimeFormat(locale, { dateStyle: \"medium\" }).format(date);\n}\n\n/* ── Composer ─────────────────────────────────────────────────────────────── */\n\n/** What the composer's attach control takes — {@link FeedbackNoteAttachment} with the\n *  labels optional, since the field reads `feedbackAttachment` from the provider. */\nexport type FeedbackComposerAttachment = Omit<FeedbackNoteAttachment, \"labels\"> & {\n  labels?: Partial<FeedbackAttachmentLabels>;\n};\n\nexport interface FeedbackComposerProps {\n  /**\n   * Send the comment. Return the promise: the box clears when it RESOLVES, and only of\n   * what was sent — text typed while it was in flight stays. A rejection keeps\n   * everything for a retry (surface the error yourself; the composer stays quiet).\n   */\n  onSend: (body: string, attachment: File | null) => void | Promise<unknown>;\n  /** The send is in flight: a spinner on the button and no second send. */\n  pending?: boolean;\n  /** Offer one picture with the comment (file, paste or `onCaptureScreenshot`).\n   *  `true` for the defaults. Left out, the composer is text only. */\n  attachment?: boolean | FeedbackComposerAttachment;\n  /** Rendered INSTEAD of the composer — the thread is closed, or read-only for this\n   *  reader. */\n  disabledReason?: ReactNode;\n  rows?: number;\n  labels?: Partial<FeedbackComposerLabels>;\n  className?: string;\n}\n\nconst noSubscribe = () => () => {};\nconst isApple = () =>\n  typeof navigator !== \"undefined\" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform || navigator.userAgent);\n\n/**\n * The answer box under a {@link FeedbackThread}: a textarea, an optional picture,\n * and Send — Ctrl/⌘+Enter sends, the shortcut the report dialog and the note editor\n * use, so the habit carries across the feature. Plain Enter is a new line: feedback is\n * written in paragraphs, unlike a chat.\n */\nexport function FeedbackComposer({\n  onSend,\n  pending = false,\n  attachment,\n  disabledReason,\n  rows = 3,\n  labels: labelsProp,\n  className,\n}: FeedbackComposerProps) {\n  const labels = useKitLabels(\"feedbackComposer\", DEFAULT_FEEDBACK_COMPOSER_LABELS, labelsProp);\n  const [draft, setDraft] = useState(\"\");\n  const [file, setFile] = useState<File | null>(null);\n  const root = useRef<HTMLDivElement>(null);\n  // The server snapshot is \"Ctrl\"; the client corrects it after hydration.\n  const modifier = useSyncExternalStore(\n    noSubscribe,\n    () => (isApple() ? \"⌘\" : \"Ctrl\"),\n    () => \"Ctrl\",\n  );\n\n  if (disabledReason != null && disabledReason !== false) {\n    return <p className={cn(\"text-xs text-[var(--text-muted)]\", className)}>{disabledReason}</p>;\n  }\n\n  const canSend = draft.trim().length > 0 && !pending;\n  const send = () => {\n    if (!canSend) return;\n    const sentDraft = draft;\n    const sentFile = file;\n    Promise.resolve(onSend(draft.trim(), file))\n      .then(() => {\n        setDraft((current) => (current === sentDraft ? \"\" : current));\n        setFile((current) => (current === sentFile ? null : current));\n      })\n      .catch(() => {});\n  };\n\n  const config = attachment === true ? {} : attachment || null;\n\n  return (\n    <div ref={root} className={cn(\"space-y-2\", className)}>\n      <Textarea\n        rows={rows}\n        dir=\"auto\"\n        aria-label={labels.field}\n        placeholder={labels.placeholder}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onKeyDown={(event) => {\n          if ((event.ctrlKey || event.metaKey) && event.key === \"Enter\") {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n      <div className=\"flex flex-wrap items-end justify-between gap-2\">\n        {config ? (\n          <FeedbackAttachmentField\n            value={file}\n            onChange={setFile}\n            labels={config.labels}\n            accept={config.accept}\n            maxBytes={config.maxBytes}\n            onError={config.onError}\n            onCaptureScreenshot={config.onCaptureScreenshot}\n            // The box is this field's sibling; a paste in it bubbles to `root`.\n            pasteFrom={root}\n          />\n        ) : (\n          <span />\n        )}\n        <div className=\"ms-auto flex items-center gap-2\">\n          <span className=\"text-xs text-[var(--text-placeholder)]\">{labels.sendHint(modifier)}</span>\n          <Button onClick={send} disabled={!canSend} aria-busy={pending || undefined}>\n            {pending ? (\n              <Spinner label={null} className=\"size-4\" />\n            ) : (\n              <Send className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n            )}\n            {labels.send}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-thread.tsx"],"sourcesContent":["import { useEffect, useImperativeHandle, useLayoutEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { ReactNode, Ref } from \"react\";\nimport { Paperclip, Send } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { formatRelativeTime } from \"../lib/format\";\nimport { Button, EmptyState, Spinner, Textarea } from \"../components/ui\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { useKitFileLabels, useKitLabels, useKitLocale } from \"../i18n/kit-labels\";\nimport { FeedbackAttachmentField } from \"./feedback-attachment\";\nimport type { FeedbackNoteAttachment } from \"./feedback-inbox\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\n\n/**\n * The conversation under a report: who said what, when, with what attached — and the\n * box to answer in.\n *\n * Both apps had written it by hand. kastlan's feedback page grew a comment list of\n * bordered boxes with `slate-*` literals (feedback-page.tsx, \"keksdose left this\n * unbuilt\"), and keksdose built the same thing a second time for support\n * (support-thread.tsx) with sides, bubbles and a composer that clears only what it\n * sent. This is that second one, generalised: the kit owns the look and the\n * behaviour, the app owns the data, the upload and every word it does not share.\n *\n * **Own vs other** is the caller's per message (`own`), not a comparison the kit makes\n * against a user id: whose message sits at the END side depends on who is reading,\n * and only the app knows that (keksdose's support thread labelled a member's question\n * \"Du\" in the admin panel the first time round, by reading the wrong field).\n *\n * **Redaction.** A thread is somebody's words about their own data — exactly what a\n * host's demo / screen-share mode blurs. Bodies, authors and attachments carry\n * `data-private` (the attribute `Tooltip redact` and `StatTile sensitive` use) unless\n * `redact={false}`.\n *\n * **RTL.** Sides are logical — `justify-end` is the reading end, and the bubble's\n * tucked corner is `rounded-ee` / `rounded-es` — and each body is `dir=\"auto\"`, so a\n * Hebrew reply in an English thread (or the reverse) lays out as its own language.\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackThread` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackThreadLabels {\n  /** Accessible name of the message list. */\n  thread: string;\n  empty: string;\n  loading: string;\n  /** Author line of an `own` message that has no `author` of its own. */\n  you: string;\n  /** The badge beside a `staff` author. */\n  staff: string;\n  /** Accessible name of a message's attachment list. */\n  attachments: string;\n}\n\nexport const DEFAULT_FEEDBACK_THREAD_LABELS: FeedbackThreadLabels = {\n  thread: \"Comments\",\n  empty: \"No comments yet\",\n  loading: \"Loading comments…\",\n  you: \"You\",\n  staff: \"Staff\",\n  attachments: \"Attachments\",\n};\n\n/** The `feedbackComposer` namespace of `<UiKitProvider labels>`. The attach buttons'\n *  words are `feedbackAttachment`'s, shared with the dialog and the note editor. */\nexport interface FeedbackComposerLabels {\n  /** Accessible name of the text box. */\n  field: string;\n  placeholder: string;\n  send: string;\n  /** The shortcut line, given the platform's modifier (\"Ctrl\" or \"⌘\"). */\n  sendHint: (modifier: string) => string;\n}\n\nexport const DEFAULT_FEEDBACK_COMPOSER_LABELS: FeedbackComposerLabels = {\n  field: \"Write a comment\",\n  placeholder: \"Write a comment…\",\n  send: \"Send\",\n  sendHint: (modifier) => `${modifier} + Enter to send`,\n};\n\n/* ── Thread ───────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackThreadAttachment {\n  id?: string | number;\n  name: string;\n  /** Where to open it. Left out, the attachment is listed by name only. */\n  url?: string;\n  /** MIME type; an `image/*` with a `url` is shown as a thumbnail. */\n  type?: string;\n  /** Bytes, shown beside a non-image. */\n  size?: number;\n}\n\nexport interface FeedbackThreadMessage {\n  id: string | number;\n  /** Who wrote it. Left out on an `own` message, it reads \"You\". */\n  author?: ReactNode;\n  /** A `Date`, an ISO string or epoch ms. */\n  createdAt: Date | string | number;\n  body: string;\n  attachments?: readonly FeedbackThreadAttachment[];\n  /** Written by whoever is reading: sits at the end side, in the brand tint. */\n  own?: boolean;\n  /** Written by the team rather than a user: gets the \"Staff\" badge. */\n  staff?: boolean;\n}\n\nexport interface FeedbackThreadProps {\n  messages: readonly FeedbackThreadMessage[];\n  loading?: boolean;\n  /** Replaces the default \"No comments yet\". */\n  empty?: ReactNode;\n  /**\n   * Draw one attachment yourself — for files behind auth, which a plain `<img src>`\n   * cannot fetch (kastlan's `AuthedImage`), or a lightbox. The default is a thumbnail\n   * link for an image with a `url`, a file link otherwise.\n   */\n  renderAttachment?: (attachment: FeedbackThreadAttachment, message: FeedbackThreadMessage) => ReactNode;\n  /** Tag bodies, authors and attachments `data-private`. Default true. */\n  redact?: boolean;\n  /** \"Now\" for the relative times — pin it in tests and stories. Default: the clock. */\n  now?: Date | number;\n  /** Overrides the provider's locale for the times. */\n  locale?: string;\n  labels?: Partial<FeedbackThreadLabels>;\n  className?: string;\n}\n\nexport function FeedbackThread({\n  messages,\n  loading = false,\n  empty,\n  renderAttachment,\n  redact = true,\n  now,\n  locale: localeProp,\n  labels: labelsProp,\n  className,\n}: FeedbackThreadProps) {\n  const labels = useKitLabels(\"feedbackThread\", DEFAULT_FEEDBACK_THREAD_LABELS, labelsProp);\n  const locale = useKitLocale(localeProp);\n  const file = useKitFileLabels();\n  const priv = redact ? \"\" : undefined;\n  const clock = useMinuteClock(now === undefined);\n  const reference = now === undefined ? clock : +now;\n\n  if (loading && messages.length === 0) {\n    return <Skeleton lines={3} label={labels.loading} className={className} />;\n  }\n  if (messages.length === 0) {\n    return (\n      <EmptyState\n        variant=\"inline\"\n        size=\"sm\"\n        title={empty ?? labels.empty}\n        className={cn(\"justify-start\", className)}\n      />\n    );\n  }\n\n  return (\n    <ol aria-label={labels.thread} aria-busy={loading || undefined} className={cn(\"space-y-3\", className)}>\n      {messages.map((message) => {\n        const date = toDate(message.createdAt);\n        const author = message.author ?? (message.own ? labels.you : null);\n        const attachments = message.attachments ?? [];\n        return (\n          <li\n            key={message.id}\n            className={cn(\"flex\", message.own ? \"justify-end\" : \"justify-start\")}\n            data-own={message.own ? \"\" : undefined}\n          >\n            <article\n              className={cn(\n                \"max-w-[85%] min-w-0 rounded-lg px-3 py-2 text-sm\",\n                message.own\n                  ? \"rounded-ee-sm bg-[var(--brand-bg)]\"\n                  : \"rounded-es-sm bg-[var(--bg-surface-2)]\",\n              )}\n            >\n              <header className=\"mb-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[11px] text-[var(--text-muted)]\">\n                {author != null && (\n                  <span data-private={priv} className=\"font-medium text-[var(--text-secondary)]\">\n                    {author}\n                  </span>\n                )}\n                {message.staff && (\n                  <span className=\"rounded border border-[var(--border)] bg-[var(--bg-surface)] px-1 text-[10px] font-medium uppercase tracking-wide text-[var(--text-secondary)]\">\n                    {labels.staff}\n                  </span>\n                )}\n                {date && (\n                  // The kit's Tooltip, not a native title: one tooltip look app-wide\n                  // (keksdose F0 / dev#523).\n                  <Tooltip label={new Intl.DateTimeFormat(locale, { dateStyle: \"full\", timeStyle: \"short\" }).format(date)}>\n                    <time dateTime={date.toISOString()} className=\"tabular-nums\">\n                      {formatRelativeTime(date, {\n                        now: reference,\n                        locale,\n                        // Past the kit's day steps it is a date: \"2 weeks ago\" makes\n                        // the reader do arithmetic the date already did.\n                        absoluteAfterDays: 6.5,\n                      })}\n                    </time>\n                  </Tooltip>\n                )}\n              </header>\n              {message.body && (\n                <p\n                  data-private={priv}\n                  dir=\"auto\"\n                  className=\"whitespace-pre-wrap break-words text-start text-[var(--text-primary)]\"\n                >\n                  {message.body}\n                </p>\n              )}\n              {attachments.length > 0 && (\n                <ul aria-label={labels.attachments} data-private={priv} className=\"mt-2 flex flex-wrap gap-2\">\n                  {attachments.map((attachment, index) => (\n                    <li key={attachment.id ?? `${index}-${attachment.name}`} className=\"min-w-0\">\n                      {renderAttachment ? (\n                        renderAttachment(attachment, message)\n                      ) : (\n                        <DefaultAttachment attachment={attachment} size={file.size} />\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </article>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nfunction DefaultAttachment({\n  attachment,\n  size,\n}: {\n  attachment: FeedbackThreadAttachment;\n  size: (bytes: number) => string;\n}) {\n  const { name, url, type } = attachment;\n  if (url && type?.startsWith(\"image/\")) {\n    return (\n      <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" className=\"block\">\n        <img\n          src={url}\n          alt={name}\n          loading=\"lazy\"\n          className=\"h-20 w-20 rounded border border-[var(--border)] object-cover\"\n        />\n      </a>\n    );\n  }\n  const content = (\n    <>\n      <Paperclip className=\"size-3.5 shrink-0\" aria-hidden />\n      <span className=\"truncate\">{name}</span>\n      {attachment.size !== undefined && (\n        <span className=\"shrink-0 text-[var(--text-muted)]\">{size(attachment.size)}</span>\n      )}\n    </>\n  );\n  const chip =\n    \"inline-flex max-w-full items-center gap-1 rounded border border-[var(--border)] bg-[var(--bg-surface)] px-2 py-1 text-xs text-[var(--text-secondary)]\";\n  return url ? (\n    <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" className={cn(chip, \"hover:bg-[var(--bg-hover)]\")}>\n      {content}\n    </a>\n  ) : (\n    <span className={chip}>{content}</span>\n  );\n}\n\n/** The time, refreshed once a minute while `active`, so \"2 minutes ago\" does not stay\n *  \"just now\" on a page left open. Read in state rather than in render, which must be\n *  pure. */\nfunction useMinuteClock(active: boolean): number {\n  const [time, setTime] = useState(() => Date.now());\n  useEffect(() => {\n    if (!active) return;\n    const id = setInterval(() => setTime(Date.now()), 60_000);\n    return () => clearInterval(id);\n  }, [active]);\n  return time;\n}\n\nfunction toDate(value: Date | string | number): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\n/* ── Composer ─────────────────────────────────────────────────────────────── */\n\n/** What the composer's attach control takes — {@link FeedbackNoteAttachment} with the\n *  labels optional, since the field reads `feedbackAttachment` from the provider. */\nexport type FeedbackComposerAttachment = Omit<FeedbackNoteAttachment, \"labels\"> & {\n  labels?: Partial<FeedbackAttachmentLabels>;\n};\n\nexport interface FeedbackComposerProps {\n  /**\n   * Send the comment. Return the promise: the box clears when it RESOLVES, and only of\n   * what was sent — text typed while it was in flight stays. A rejection keeps\n   * everything for a retry (surface the error yourself; the composer stays quiet).\n   */\n  onSend: (body: string, attachment: File | null) => void | Promise<unknown>;\n  /** The send is in flight: a spinner on the button and no second send. */\n  pending?: boolean;\n  /** Offer one picture with the comment (file, paste or `onCaptureScreenshot`).\n   *  `true` for the defaults. Left out, the composer is text only. */\n  attachment?: boolean | FeedbackComposerAttachment;\n  /** Rendered INSTEAD of the composer — the thread is closed, or read-only for this\n   *  reader. */\n  disabledReason?: ReactNode;\n  rows?: number;\n  /**\n   * The box's hint, over the `placeholder` label — keksdose F9: an admin answering a\n   * support ticket is asked something else (\"Reply to Anna…\") than a member adding to\n   * their own report, and one provider-wide label cannot say both.\n   */\n  placeholder?: string;\n  /**\n   * The draft, controlled — for a host that keeps it itself (saves it per ticket,\n   * prefills a template). Left out, the composer keeps its own. Either way a send\n   * that resolves clears only what was sent: controlled, that is an\n   * `onValueChange(\"\")` the host receives like any keystroke, and only if the draft\n   * is still the one that went out.\n   */\n  value?: string;\n  /** Every change to the draft — typing, {@link FeedbackComposerHandle.insertText}, the\n   *  clear after a send. Required to change a controlled `value`. */\n  onValueChange?: (value: string) => void;\n  /** {@link FeedbackComposerHandle}: put text into the draft from outside (canned-reply\n   *  chips) or focus the box. */\n  ref?: Ref<FeedbackComposerHandle>;\n  labels?: Partial<FeedbackComposerLabels>;\n  className?: string;\n}\n\n/**\n * What a {@link FeedbackComposer} `ref` holds.\n *\n * keksdose F9: the support admin answers the same five questions all day and wants\n * chips above the box (\"Thanks, fixed in the next release\") that drop their text in\n * where the caret is. A controlled `value` alone cannot do that well — the host sees\n * the string, not the caret, so it could only append — so the composer, which owns\n * the textarea, does the splice.\n */\nexport interface FeedbackComposerHandle {\n  /**\n   * Insert `text` at the caret, replacing any selection (the caret the box last had:\n   * a click on a chip blurs it, and the selection survives the blur), then focus the\n   * box with the caret after the inserted text so the reply can go on. Nothing is\n   * added around it — put a space or a newline in `text` if the reply needs one. A\n   * no-op while `disabledReason` replaces the box.\n   */\n  insertText: (text: string) => void;\n  focus: () => void;\n}\n\nconst noSubscribe = () => () => {};\nconst isApple = () =>\n  typeof navigator !== \"undefined\" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform || navigator.userAgent);\n\n/**\n * The answer box under a {@link FeedbackThread}: a textarea, an optional picture,\n * and Send — Ctrl/⌘+Enter sends, the shortcut the report dialog and the note editor\n * use, so the habit carries across the feature. Plain Enter is a new line: feedback is\n * written in paragraphs, unlike a chat.\n */\nexport function FeedbackComposer({\n  onSend,\n  pending = false,\n  attachment,\n  disabledReason,\n  rows = 3,\n  placeholder,\n  value,\n  onValueChange,\n  ref,\n  labels: labelsProp,\n  className,\n}: FeedbackComposerProps) {\n  const labels = useKitLabels(\"feedbackComposer\", DEFAULT_FEEDBACK_COMPOSER_LABELS, labelsProp);\n  const [ownDraft, setOwnDraft] = useState(\"\");\n  const controlled = value !== undefined;\n  const draft = controlled ? value : ownDraft;\n  const [file, setFile] = useState<File | null>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const box = useRef<HTMLTextAreaElement>(null);\n  // The draft as of the last commit. The send's `.then` and `insertText` run after\n  // renders their closure did not see — text typed while the send was in flight, a\n  // second chip clicked before the first one's render — and must not act on a stale\n  // string (for a controlled draft there is no updater function to lean on).\n  const latest = useRef(draft);\n  useLayoutEffect(() => {\n    latest.current = draft;\n  });\n  // Where the caret goes once an inserted text has rendered.\n  const caret = useRef<number | null>(null);\n  useLayoutEffect(() => {\n    const el = box.current;\n    if (caret.current === null || !el) return;\n    el.focus();\n    el.setSelectionRange(caret.current, caret.current);\n    caret.current = null;\n  });\n\n  const setDraft = (next: string) => {\n    latest.current = next;\n    if (!controlled) setOwnDraft(next);\n    onValueChange?.(next);\n  };\n\n  useImperativeHandle(ref, () => ({\n    insertText: (text) => {\n      const el = box.current;\n      if (!el) return;\n      const current = latest.current;\n      // A second insert before the first has rendered goes after the first, not at the\n      // textarea's not-yet-moved caret. Otherwise the textarea's selection, which may\n      // be past the end of a controlled value the host has just shortened: clamp it.\n      const pending = caret.current;\n      const start = Math.min(pending ?? el.selectionStart ?? current.length, current.length);\n      const end = pending ?? Math.max(start, Math.min(el.selectionEnd ?? start, current.length));\n      caret.current = start + text.length;\n      setDraft(current.slice(0, start) + text + current.slice(end));\n    },\n    focus: () => box.current?.focus(),\n  }));\n  // The server snapshot is \"Ctrl\"; the client corrects it after hydration.\n  const modifier = useSyncExternalStore(\n    noSubscribe,\n    () => (isApple() ? \"⌘\" : \"Ctrl\"),\n    () => \"Ctrl\",\n  );\n\n  if (disabledReason != null && disabledReason !== false) {\n    return <p className={cn(\"text-xs text-[var(--text-muted)]\", className)}>{disabledReason}</p>;\n  }\n\n  const canSend = draft.trim().length > 0 && !pending;\n  const send = () => {\n    if (!canSend) return;\n    const sentDraft = draft;\n    const sentFile = file;\n    Promise.resolve(onSend(draft.trim(), file))\n      .then(() => {\n        if (latest.current === sentDraft) setDraft(\"\");\n        setFile((current) => (current === sentFile ? null : current));\n      })\n      .catch(() => {});\n  };\n\n  const config = attachment === true ? {} : attachment || null;\n\n  return (\n    <div ref={root} className={cn(\"space-y-2\", className)}>\n      <Textarea\n        rows={rows}\n        dir=\"auto\"\n        aria-label={labels.field}\n        ref={box}\n        placeholder={placeholder ?? labels.placeholder}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onKeyDown={(event) => {\n          if ((event.ctrlKey || event.metaKey) && event.key === \"Enter\") {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n      <div className=\"flex flex-wrap items-end justify-between gap-2\">\n        {config ? (\n          <FeedbackAttachmentField\n            value={file}\n            onChange={setFile}\n            labels={config.labels}\n            accept={config.accept}\n            maxBytes={config.maxBytes}\n            onError={config.onError}\n            onCaptureScreenshot={config.onCaptureScreenshot}\n            // The box is this field's sibling; a paste in it bubbles to `root`.\n            pasteFrom={root}\n          />\n        ) : (\n          <span />\n        )}\n        <div className=\"ms-auto flex items-center gap-2\">\n          <span className=\"text-xs text-[var(--text-placeholder)]\">{labels.sendHint(modifier)}</span>\n          <Button onClick={send} disabled={!canSend} aria-busy={pending || undefined}>\n            {pending ? (\n              <Spinner label={null} className=\"size-4\" />\n            ) : (\n              <Send className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n            )}\n            {labels.send}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["pending"]}

package/dist/feedback.d.ts

@@ -1,6 +1,6 @@
 export { DEFAULT_ATTACHMENT_ACCEPT, DEFAULT_FEEDBACK_ATTACHMENT_LABELS, DEFAULT_MAX_ATTACHMENT_BYTES, FeedbackAttachmentField, FeedbackAttachmentFieldLabels, pastedName } from './feedback/feedback-attachment.js';
 export { DEFAULT_FEEDBACK_DIALOG_LABELS, FeedbackAttachmentLabels, FeedbackCategoryOption, FeedbackDialog, FeedbackDialogLabels, FeedbackDialogTextLabels, FeedbackSubmission } from './feedback/feedback-dialog.js';
 export { FEEDBACK_CATEGORY_META, FEEDBACK_CATEGORY_ORDER, FEEDBACK_STATUS_META, FEEDBACK_STATUS_ORDER, FeedbackCategory, FeedbackCategoryBadge, FeedbackDetail, FeedbackDetailSection, FeedbackNoteAttachment, FeedbackNoteEditor, FeedbackProse, FeedbackStatus, FeedbackStatusBadge, FeedbackStatusTransitions, feedbackCategoryRank, nextFeedbackStatus, selectableFeedbackStatuses, visibleFeedbackStatuses } from './feedback/feedback-inbox.js';
-export { DEFAULT_FEEDBACK_COMPOSER_LABELS, DEFAULT_FEEDBACK_THREAD_LABELS, FeedbackComposer, FeedbackComposerAttachment, FeedbackComposerLabels, FeedbackComposerProps, FeedbackThread, FeedbackThreadAttachment, FeedbackThreadLabels, FeedbackThreadMessage, FeedbackThreadProps } from './feedback/feedback-thread.js';
+export { DEFAULT_FEEDBACK_COMPOSER_LABELS, DEFAULT_FEEDBACK_THREAD_LABELS, FeedbackComposer, FeedbackComposerAttachment, FeedbackComposerHandle, FeedbackComposerLabels, FeedbackComposerProps, FeedbackThread, FeedbackThreadAttachment, FeedbackThreadLabels, FeedbackThreadMessage, FeedbackThreadProps } from './feedback/feedback-thread.js';
 import 'react';
 import 'lucide-react';

package/dist/hooks/use-file-drop.d.ts

@@ -1,5 +1,5 @@
 import { DragEvent, ReactElement } from 'react';
-import { aW as UseFilePickerOptions } from '../kit-labels-v3biUF1L.js';
+import { aY as UseFilePickerOptions } from '../kit-labels-Mz8zZHIF.js';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';

package/dist/i18n/defaults.d.ts

@@ -1,4 +1,4 @@
-import { aT as UiKitLabels } from '../kit-labels-v3biUF1L.js';
+import { aV as UiKitLabels } from '../kit-labels-Mz8zZHIF.js';
 import 'react';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';

package/dist/i18n/kit-labels.d.ts

@@ -5,7 +5,7 @@ import '../components/calendar-heatmap.js';
 import '../components/popover.js';
 import '../components/chip.js';
 import '../components/field-sync.js';
-export { A as AppShellLabels, C as CalculatorLabels, v as ComboboxLabels, w as CommonLabels, D as CurrencyLabels, E as DEFAULT_APP_SHELL_LABELS, F as DEFAULT_CALCULATOR_LABELS, G as DEFAULT_COMBOBOX_LABELS, H as DEFAULT_COMMON_LABELS, J as DEFAULT_CURRENCY_LABELS, K as DEFAULT_DATE_PICKER_LABELS, L as DEFAULT_FILE_LABELS, O as DEFAULT_MULTI_SELECT_LABELS, Q as DEFAULT_PICKER_SHEET_LABELS, R as DEFAULT_SWIPEABLE_ROW_LABELS, T as DEFAULT_TOP_BAR_LABELS, U as DatePickerLabels, ac as FileLabels, ax as KitLinkComponent, ay as KitLinkProps, aA as LabelOverride, aC as MultiSelectLabels, aF as PickerSheetLabels, aK as SwipeableRowLabels, aR as TopBarLabels, aS as UiKitLabelOverrides, aT as UiKitLabels, aU as UiKitProvider, aV as UiKitProviderProps, aZ as formatFileSize, a$ as missingKitLabels, b2 as useKitFileLabels, b3 as useKitLabelOverrides, b4 as useKitLabels, b5 as useKitLink, b6 as useKitLocale, b7 as useKitWeekStart } from '../kit-labels-v3biUF1L.js';
+export { A as AppShellLabels, C as CalculatorLabels, v as ComboboxLabels, w as CommonLabels, D as CurrencyLabels, E as DEFAULT_APP_SHELL_LABELS, F as DEFAULT_CALCULATOR_LABELS, G as DEFAULT_COMBOBOX_LABELS, H as DEFAULT_COMMON_LABELS, J as DEFAULT_CURRENCY_LABELS, K as DEFAULT_DATE_PICKER_LABELS, L as DEFAULT_FILE_LABELS, O as DEFAULT_MULTI_SELECT_LABELS, Q as DEFAULT_PICKER_SHEET_LABELS, R as DEFAULT_SWIPEABLE_ROW_LABELS, T as DEFAULT_TOP_BAR_LABELS, U as DatePickerLabels, ac as FileLabels, az as KitLinkComponent, aA as KitLinkProps, aC as LabelOverride, aE as MultiSelectLabels, aH as PickerSheetLabels, aM as SwipeableRowLabels, aT as TopBarLabels, aU as UiKitLabelOverrides, aV as UiKitLabels, aW as UiKitProvider, aX as UiKitProviderProps, a$ as formatFileSize, b1 as missingKitLabels, b4 as useKitFileLabels, b5 as useKitLabelOverrides, b6 as useKitLabels, b7 as useKitLink, b8 as useKitLocale, b9 as useKitWeekStart } from '../kit-labels-Mz8zZHIF.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';

package/dist/i18n/kit-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/i18n/kit-labels.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { AnchorHTMLAttributes, ReactElement, Ref } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { DataTableLabels } from \"../components/data-table-labels\";\nimport type { MiniCalendarLabels, WeekDay } from \"../components/mini-calendar\";\nimport type { CalendarHeatmapLabels } from \"../components/calendar-heatmap\";\nimport type { PopoverLabels } from \"../components/popover\";\nimport type { ChipInputLabels } from \"../components/chip\";\nimport type { FieldSyncLabels } from \"../components/field-sync\";\nimport type { PasswordRevealLabels, TabsLabels } from \"../components/ui\";\nimport type { WizardLabels } from \"../wizard/types\";\nimport type { TourLabels } from \"../tour/tour\";\nimport type { CommandPaletteLabels } from \"../search/command-palette\";\nimport type { GlobalSearchLabels } from \"../search/global-search\";\nimport type { MonthPickerLabels } from \"../components/month-picker\";\nimport type { PageContentsLabels } from \"../components/page-contents\";\nimport type { SeriesChartLabels } from \"../components/series-chart-labels\";\nimport type { PieChartLabels } from \"../components/pie-chart-labels\";\nimport type { SparklineLabels } from \"../components/sparkline\";\nimport type { StatTileLabels } from \"../components/stat-tile\";\nimport type { SignaturePadLabels } from \"../components/signature-pad\";\nimport type { PasswordStrengthLabels } from \"../components/password-strength\";\nimport type { DangerConfirmLabels } from \"../components/danger-confirm\";\nimport type { SwatchPickerLabels } from \"../components/swatch-picker\";\nimport type { IconPickerLabels } from \"../components/icon-picker\";\nimport type { DialogFrameLabels } from \"../components/dialog-frame\";\nimport type { FilePickerLabels } from \"../components/file-button\";\nimport type { MeasuredGridLabels } from \"../components/measured-grid\";\nimport type { FeedbackAttachmentFieldLabels } from \"../feedback/feedback-attachment\";\nimport type { FeedbackDialogTextLabels } from \"../feedback/feedback-dialog\";\nimport type { FeedbackComposerLabels, FeedbackThreadLabels } from \"../feedback/feedback-thread\";\nimport type { AccountSettingsLabels } from \"../components/account-settings-labels\";\nimport type { ConfirmDialogLabels } from \"../components/confirm-dialog\";\nimport type { FloatingPanelLabels } from \"../components/floating-panel\";\nimport type { CopyButtonLabels } from \"../components/copy-button\";\nimport type { BulkActionBarLabels } from \"../components/bulk-action-bar\";\nimport type { ListLabels } from \"../components/list\";\nimport type { BreadcrumbsLabels } from \"../components/breadcrumbs\";\nimport type { ToastLabels } from \"../components/toast\";\nimport type { FormActionsLabels } from \"../components/form-actions\";\nimport type { DescriptionListLabels } from \"../components/description-list\";\nimport type { LineItemsLabels } from \"../components/line-items\";\nimport type { ProgressBarLabels } from \"../components/progress-bar\";\nimport type { SignedAmountLabels } from \"../components/signed-amount\";\nimport type { ErrorBoundaryLabels } from \"../components/error-boundary\";\nimport type { AuthedImageLabels } from \"../components/authed-image\";\nimport type { ImageGridLabels } from \"../components/image-grid\";\nimport type { LightboxLabels } from \"../components/lightbox\";\n\n/**\n * EVERY string the kit renders, as one typed tree — and an optional provider that\n * hands it to every component at once.\n *\n * WHY THIS EXISTS. The kit ships no catalogue and resolves no strings, and that stays\n * true: the app supplies every word. What was wrong was HOW it had to supply them —\n * one `labels` prop per component instance, under a different prop name per\n * component (`labels`, `calendarLabels`, `passwordLabels`, `clearLabel`,\n * `searchPlaceholder`, `ariaLabel` …). A translated app therefore rendered English\n * wherever one call site forgot one prop, and nothing told it so: a German showcase\n * still said \"Rows per page\", \"Collapse sidebar\" and \"Popover\" in seven languages.\n *\n * Now there is one key per string, addressed by a dot path (`dataTable.pageSize`,\n * `datePicker.today`), and three sources in a fixed order of precedence:\n *\n *     the component's own prop   >   <UiKitProvider labels>   >   English default\n *\n * A consumer writes its translation ONCE, as a `UiKitLabels` (or a partial of it),\n * mounts `<UiKitProvider labels={…} locale={…}>` at the root, and every kit component\n * below speaks that language — including the ones nested inside other kit components\n * (the calendar inside the data table's date filter, the popover inside the date\n * picker), which no prop at the outer call site could reach before.\n *\n * Messages that carry a value are FUNCTIONS of that value, never a template to fill:\n * a number glued into an English sentence is untranslatable, because the grammar\n * around it moves with it in most languages.\n */\n\n/* ── Namespaces that had no labels type of their own ─────────────────────── */\n\n/** The words several components share. A component's own namespace wins over these\n *  where both exist; these are what a new component reaches for first. */\nexport interface CommonLabels {\n  close: string;\n  clear: string;\n  search: string;\n  done: string;\n  cancel: string;\n  save: string;\n  back: string;\n  next: string;\n  remove: string;\n  loading: string;\n  noResults: string;\n  /** \"Name: value\" — how a field's accessible name is composed with its value.\n   *  A colon-and-space is not universal punctuation (French puts a space before\n   *  the colon, Chinese uses a full-width one). */\n  fieldValue: (field: string, value: string) => string;\n  /** The × that puts away a banner or a notice (`AlertBanner onDismiss`). Not `close`:\n   *  nothing opened, and \"Close\" on a banner reads as closing the page it sits on. */\n  dismiss: string;\n  /** Read after a link that opens a new tab (`<Button href external>`, TextLink):\n   *  nothing else tells a screen reader the page is about to change tabs. */\n  opensInNewTab: string;\n}\n\n/** `DatePicker` / `DateRangePicker` chrome. The calendar inside has its own\n *  namespace, `miniCalendar`. */\nexport interface DatePickerLabels {\n  /** Accessible name of the popover panel the calendar opens in. */\n  panel: string;\n  /** The same, for `DateRangePicker`'s panel. */\n  rangePanel: string;\n  clear: string;\n  previousDay: string;\n  nextDay: string;\n  today: string;\n  /** `DateRangePicker commit=\"apply\"`: the button that commits the drafted range. */\n  apply: string;\n  /** …and the one that discards it. */\n  cancel: string;\n  /** Accessible name of `DateRangePicker`'s preset column. */\n  presets: string;\n}\n\n/** The whole combobox family: `Combobox`, `EntityCombobox`,\n *  `MultiEntityCombobox`, `InlineEntityCombobox`, `Autocomplete`. */\nexport interface ComboboxLabels {\n  search: string;\n  noResults: string;\n  clear: string;\n  loading: string;\n  /** The \"add this\" row when free entry is allowed. */\n  create: (query: string) => string;\n  /** Trigger summary once more than one value is picked. */\n  selectedCount: (count: number) => string;\n  /** An async lookup (`loadOptions`) failed. */\n  loadError: string;\n  /** Announced (live region) when the list settles on `count` > 0 rows. */\n  resultCount: (count: number) => string;\n  /** The query is shorter than the `minChars` a lookup needs. */\n  minChars: (count: number) => string;\n}\n\nexport interface MultiSelectLabels {\n  search: string;\n  selectAll: string;\n  clear: string;\n  /** Trigger text when nothing is picked, which a multi-select reads as \"all\". */\n  all: string;\n  /** Trigger summary once some (but not all) values are picked. The English\n   *  default is the bare count, which is what the trigger has always shown. */\n  selectedCount: (count: number) => string;\n}\n\n/** `CalculatorButton` (desktop popover keypad) and `NumberPadSheet` (phone sheet). */\nexport interface CalculatorLabels {\n  /** The button that opens the calculator. */\n  open: string;\n  /** The popover / sheet itself. */\n  panel: string;\n  calculation: string;\n  backspace: string;\n  clear: string;\n  equals: string;\n  /** The primary key of the phone pad — visible text, not an aria-label. */\n  done: string;\n  /** Names of the operator keys and the decimal key. Their glyphs are not names a\n   *  screen reader agrees on — \"÷\" is read as \"division sign\", \"divided by\" or\n   *  nothing at all depending on the reader — so each says what it does. */\n  plus: string;\n  minus: string;\n  times: string;\n  divide: string;\n  decimal: string;\n}\n\n/** `CurrencySelect` and the currency half of `AmountInput`. */\nexport interface CurrencyLabels {\n  currency: string;\n  search: string;\n}\n\nexport interface AppShellLabels {\n  collapse: string;\n  expand: string;\n  /** Accessible name of an inline group's disclosure button (`subNav=\"inline\"`). */\n  toggleGroup: (groupLabel: string) => string;\n}\n\nexport interface TopBarLabels {\n  theme: string;\n  palette: string;\n  language: string;\n  switchRole: string;\n  /** The role switcher's tooltip, given the active role's name. */\n  role: (value: string) => string;\n}\n\nexport interface PickerSheetLabels {\n  close: string;\n}\n\nexport interface SwipeableRowLabels {\n  actions: string;\n}\n\nexport interface FileLabels {\n  /** A file size for display, given its size in BYTES. The default uses\n   *  `Intl.NumberFormat`'s unit formatting in the provider's locale. */\n  size: (bytes: number) => string;\n}\n\n/** The complete tree. `UiKitProvider` takes any partial of it. */\nexport interface UiKitLabels {\n  common: CommonLabels;\n  dataTable: DataTableLabels;\n  miniCalendar: MiniCalendarLabels;\n  calendarHeatmap: CalendarHeatmapLabels;\n  datePicker: DatePickerLabels;\n  monthPicker: MonthPickerLabels;\n  popover: PopoverLabels;\n  combobox: ComboboxLabels;\n  multiSelect: MultiSelectLabels;\n  calculator: CalculatorLabels;\n  currency: CurrencyLabels;\n  chipInput: ChipInputLabels;\n  fieldSync: FieldSyncLabels;\n  passwordReveal: PasswordRevealLabels;\n  tabs: TabsLabels;\n  appShell: AppShellLabels;\n  pageContents: PageContentsLabels;\n  topBar: TopBarLabels;\n  pickerSheet: PickerSheetLabels;\n  swipeableRow: SwipeableRowLabels;\n  file: FileLabels;\n  wizard: WizardLabels;\n  tour: TourLabels;\n  commandPalette: CommandPaletteLabels;\n  globalSearch: GlobalSearchLabels;\n  seriesChart: SeriesChartLabels;\n  pieChart: PieChartLabels;\n  sparkline: SparklineLabels;\n  statTile: StatTileLabels;\n  signaturePad: SignaturePadLabels;\n  passwordStrength: PasswordStrengthLabels;\n  dangerConfirm: DangerConfirmLabels;\n  swatchPicker: SwatchPickerLabels;\n  iconPicker: IconPickerLabels;\n  dialogFrame: DialogFrameLabels;\n  filePicker: FilePickerLabels;\n  measuredGrid: MeasuredGridLabels;\n  feedbackAttachment: FeedbackAttachmentFieldLabels;\n  /** 0.12.0: `FeedbackDialog`'s own strings; `FeedbackThread` / `FeedbackComposer`. */\n  feedbackDialog: FeedbackDialogTextLabels;\n  feedbackThread: FeedbackThreadLabels;\n  feedbackComposer: FeedbackComposerLabels;\n  /** 0.12.0: `ProfileSetting`, `PasswordSetting`, `TwoFactorSetting`, `PasskeysSetting`\n   *  — one record per section. The provider takes a whole section record; the\n   *  components merge it key by key, as a prop. */\n  accountSettings: AccountSettingsLabels;\n  confirmDialog: ConfirmDialogLabels;\n  floatingPanel: FloatingPanelLabels;\n  copyButton: CopyButtonLabels;\n  bulkActionBar: BulkActionBarLabels;\n  list: ListLabels;\n  breadcrumbs: BreadcrumbsLabels;\n  toast: ToastLabels;\n  form: FormActionsLabels;\n  descriptionList: DescriptionListLabels;\n  lineItems: LineItemsLabels;\n  progressBar: ProgressBarLabels;\n  signedAmount: SignedAmountLabels;\n  errorBoundary: ErrorBoundaryLabels;\n  authedImage: AuthedImageLabels;\n  imageGrid: ImageGridLabels;\n  lightbox: LightboxLabels;\n}\n\n/**\n * A label override, as deep as the labels go: an object of labels (a namespace, or a\n * record inside one such as `accountSettings.passkeys` or `dataTable.presets`) may be\n * partial at every level, because the provider merges it key by key at every level.\n * A leaf stays as it is: a string, a function-valued label (`(n) => …`), and anything\n * that is not purely an object (a `ReactNode` union) is given whole.\n */\nexport type LabelOverride<T> = [T] extends [(...args: never[]) => unknown]\n  ? T\n  : [T] extends [readonly unknown[]]\n    ? T\n    : [T] extends [object]\n      ? { [K in keyof T]?: LabelOverride<T[K]> }\n      : T;\n\n/** Any subset of the tree — each namespace may be partial, and so may any record\n *  inside one (`accountSettings.passkeys`, `dataTable.presets`): they are merged key\n *  by key, at every depth. */\nexport type UiKitLabelOverrides = { [K in keyof UiKitLabels]?: LabelOverride<UiKitLabels[K]> };\n\n/* ── English defaults for the namespaces defined here ────────────────────── */\n\nexport const DEFAULT_COMMON_LABELS: CommonLabels = {\n  close: \"Close\",\n  clear: \"Clear\",\n  search: \"Search\",\n  done: \"Done\",\n  cancel: \"Cancel\",\n  save: \"Save\",\n  back: \"Back\",\n  next: \"Next\",\n  remove: \"Remove\",\n  loading: \"Loading…\",\n  noResults: \"No results\",\n  fieldValue: (field, value) => `${field}: ${value}`,\n  dismiss: \"Dismiss\",\n  opensInNewTab: \"opens in a new tab\",\n};\n\nexport const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {\n  panel: \"Choose a date\",\n  rangePanel: \"Choose a date range\",\n  clear: \"Clear\",\n  previousDay: \"Previous day\",\n  nextDay: \"Next day\",\n  today: \"Today\",\n  apply: \"Apply\",\n  cancel: \"Cancel\",\n  presets: \"Quick ranges\",\n};\n\nexport const DEFAULT_COMBOBOX_LABELS: ComboboxLabels = {\n  search: \"Search\",\n  noResults: \"No results\",\n  clear: \"Clear\",\n  loading: \"Loading…\",\n  create: (query) => `Create “${query}”`,\n  selectedCount: (count) => `${count} selected`,\n  loadError: \"Couldn’t load results\",\n  resultCount: (count) => (count === 1 ? \"1 result\" : `${count} results`),\n  minChars: (count) =>\n    count === 1 ? \"Type at least 1 character\" : `Type at least ${count} characters`,\n};\n\nexport const DEFAULT_MULTI_SELECT_LABELS: MultiSelectLabels = {\n  search: \"Search\",\n  selectAll: \"Select all\",\n  clear: \"Clear\",\n  all: \"All\",\n  selectedCount: (count) => String(count),\n};\n\nexport const DEFAULT_CALCULATOR_LABELS: CalculatorLabels = {\n  open: \"Open calculator\",\n  panel: \"Calculator\",\n  calculation: \"Calculation\",\n  backspace: \"Backspace\",\n  clear: \"Clear\",\n  equals: \"Equals\",\n  done: \"Done\",\n  plus: \"Plus\",\n  minus: \"Minus\",\n  times: \"Times\",\n  divide: \"Divide\",\n  decimal: \"Decimal point\",\n};\n\nexport const DEFAULT_CURRENCY_LABELS: CurrencyLabels = {\n  currency: \"Currency\",\n  search: \"Search currency\",\n};\n\nexport const DEFAULT_APP_SHELL_LABELS: AppShellLabels = {\n  collapse: \"Collapse sidebar\",\n  expand: \"Expand sidebar\",\n  toggleGroup: (groupLabel) => `${groupLabel}: pages`,\n};\n\nexport const DEFAULT_TOP_BAR_LABELS: TopBarLabels = {\n  theme: \"Toggle theme\",\n  palette: \"Appearance preset\",\n  language: \"Language\",\n  switchRole: \"Switch role\",\n  role: (value) => `Role: ${value}`,\n};\n\nexport const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: \"Close\" };\n\nexport const DEFAULT_SWIPEABLE_ROW_LABELS: SwipeableRowLabels = { actions: \"Row actions\" };\n\n/** Formats with the locale the provider was given (see {@link useKitFileLabels}).\n *  This static default has no locale to hand and falls back to the runtime's. */\nexport const DEFAULT_FILE_LABELS: FileLabels = {\n  size: (bytes) => formatFileSize(bytes),\n};\n\n/** \"12 kB\", \"3.4 MB\" — `Intl`'s unit formatting, so the digits, the decimal mark and\n *  the unit's spelling all follow `locale`. */\nexport function formatFileSize(bytes: number, locale?: string): string {\n  const units = [\"byte\", \"kilobyte\", \"megabyte\", \"gigabyte\"] as const;\n  let value = bytes;\n  let i = 0;\n  while (value >= 1000 && i < units.length - 1) {\n    value /= 1000;\n    i += 1;\n  }\n  return new Intl.NumberFormat(locale, {\n    style: \"unit\",\n    unit: units[i],\n    unitDisplay: i === 0 ? \"long\" : \"short\",\n    maximumFractionDigits: value < 10 && i > 0 ? 1 : 0,\n  }).format(value);\n}\n\n/* ── The provider ────────────────────────────────────────────────────────── */\n\ninterface KitI18n {\n  labels?: UiKitLabelOverrides;\n  locale?: string;\n  weekStartsOn?: WeekDay;\n  linkComponent?: KitLinkComponent;\n}\n\n/**\n * What every kit link receives: the anchor attributes the kit decided (href, class,\n * aria-current, handlers, children, ref). An app's router link maps them —\n * `({ href, ...p }) => <Link to={href} {...p} />` — ONCE, on the provider.\n */\nexport type KitLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  ref?: Ref<HTMLAnchorElement>;\n};\nexport type KitLinkComponent = (props: KitLinkProps) => ReactElement;\n\nconst KitI18nContext = createContext<KitI18n>({});\n\nexport interface UiKitProviderProps {\n  /** Any part of {@link UiKitLabels}. Missing keys fall back to English. */\n  labels?: UiKitLabelOverrides;\n  /**\n   * BCP 47 tag used by every kit component that formats something — dates, numbers,\n   * month and weekday names, file sizes — when it is not handed a `locale` prop of\n   * its own. Without a provider, and without a prop, those use the runtime default.\n   */\n  locale?: string;\n  /**\n   * The first day of the week (0 = Sunday, 1 = Monday …) for every calendar below —\n   * `MiniCalendar` and the pickers built on it — that is not handed a `weekStartsOn`\n   * of its own. Without it the week start follows `locale`'s week info.\n   *\n   * Separate from `locale` because the two are separate decisions: a German-built\n   * app running in English (`locale=\"en\"`) would otherwise start its weeks on Sunday,\n   * and switching it to `en-GB` to get Monday changes every date and number format.\n   */\n  weekStartsOn?: WeekDay;\n  /**\n   * The app's router link, used by every kit component that renders an in-app link\n   * and was not handed its own `renderLink` — so `renderLink` stops being repeated on\n   * each ListItem, Breadcrumbs, StatTile, Chip… (kastlan). A component's own\n   * `renderLink` wins; external links and in-page `#anchor`s stay plain `<a>`, and a\n   * hash-router `#/path` is handed to it like `/path` (see `pickLinkRenderer`).\n   */\n  linkComponent?: KitLinkComponent;\n  children: ReactNode;\n}\n\n/**\n * Hand every kit component below this point its strings and its locale.\n *\n * Optional: a component outside any provider behaves exactly as it did before the\n * provider existed. Nesting works as a merge — an inner provider overrides only what\n * it names, so a page can re-label one table's `dataTable.table` without restating\n * the language.\n */\nexport function UiKitProvider({\n  labels,\n  locale,\n  weekStartsOn,\n  linkComponent,\n  children,\n}: UiKitProviderProps) {\n  const outer = useContext(KitI18nContext);\n  const value = useMemo<KitI18n>(\n    () => ({\n      locale: locale ?? outer.locale,\n      weekStartsOn: weekStartsOn ?? outer.weekStartsOn,\n      labels: mergeOverrides(outer.labels, labels),\n      linkComponent: linkComponent ?? outer.linkComponent,\n    }),\n    [outer, labels, locale, weekStartsOn, linkComponent],\n  );\n  return <KitI18nContext.Provider value={value}>{children}</KitI18nContext.Provider>;\n}\n\nfunction isRecord(v: unknown): v is Record<string, unknown> {\n  return typeof v === \"object\" && v !== null && !Array.isArray(v);\n}\n\n/** A record of labels to merge into — not a React element, which is an object too but\n *  is a label given whole. */\nfunction isLabelRecord(v: unknown): v is Record<string, unknown> {\n  return isRecord(v) && !(\"$$typeof\" in v);\n}\n\n/** Merged key by key at EVERY depth — a namespace, a record inside it\n *  (`accountSettings.passkeys`, `dataTable.presets`), and so on down — to match\n *  {@link LabelOverride}. An `undefined` is skipped at every depth, so it never blanks\n *  out what is under it. */\nfunction mergeNamespace<T extends object>(base: T, over: LabelOverride<T> | Partial<T> | undefined): T {\n  if (!over) return base;\n  const out = { ...base } as Record<string, unknown>;\n  for (const [k, v] of Object.entries(over)) {\n    if (v === undefined) continue;\n    const prev = out[k];\n    out[k] = isLabelRecord(prev) && isLabelRecord(v) ? mergeNamespace(prev, v) : v;\n  }\n  return out as T;\n}\n\nfunction mergeOverrides(\n  a: UiKitLabelOverrides | undefined,\n  b: UiKitLabelOverrides | undefined,\n): UiKitLabelOverrides | undefined {\n  if (!a) return b;\n  if (!b) return a;\n  const out: Record<string, unknown> = { ...a };\n  for (const [ns, v] of Object.entries(b)) {\n    out[ns] = mergeNamespace((out[ns] as object | undefined) ?? {}, v as object);\n  }\n  return out as UiKitLabelOverrides;\n}\n\n/** What the nearest provider says about one namespace — `undefined` outside one.\n *  For a component whose own resolver does more than a merge (the data table\n *  derives `columnsCount` from `columns`): feed `{ ...overrides, ...props }` to it. */\nexport function useKitLabelOverrides<K extends keyof UiKitLabels>(\n  ns: K,\n): Partial<UiKitLabels[K]> | undefined {\n  return useContext(KitI18nContext).labels?.[ns] as Partial<UiKitLabels[K]> | undefined;\n}\n\n/**\n * One namespace, resolved: `defaults`, then the provider, then the component's own\n * `prop`. Record-valued keys are merged key by key at each step.\n */\nexport function useKitLabels<K extends keyof UiKitLabels>(\n  ns: K,\n  defaults: UiKitLabels[K],\n  prop?: Partial<UiKitLabels[K]>,\n): UiKitLabels[K] {\n  const fromProvider = useKitLabelOverrides(ns);\n  return useMemo(\n    () => mergeNamespace(mergeNamespace(defaults, fromProvider), prop),\n    [defaults, fromProvider, prop],\n  );\n}\n\n/** The component's own `locale` prop, else the provider's, else `undefined` (which\n *  every `Intl` API reads as \"the runtime's default\"). */\nexport function useKitLocale(prop?: string): string | undefined {\n  const fromProvider = useContext(KitI18nContext).locale;\n  return prop ?? fromProvider;\n}\n\n/** The week start the nearest `<UiKitProvider weekStartsOn>` pins, else `undefined`\n *  (the caller then asks the locale). A component's own prop goes first:\n *  `prop ?? useKitWeekStart()`. */\n/** The provider's router link, or `undefined` — a component's own `renderLink` should\n *  win over it: `const Link = renderLink ?? useKitLink()`. */\nexport function useKitLink(): KitLinkComponent | undefined {\n  return useContext(KitI18nContext).linkComponent;\n}\n\nexport function useKitWeekStart(): WeekDay | undefined {\n  return useContext(KitI18nContext).weekStartsOn;\n}\n\n/** {@link DEFAULT_FILE_LABELS}, but formatting in the provider's locale. */\nexport function useKitFileLabels(prop?: Partial<FileLabels>): FileLabels {\n  const locale = useKitLocale();\n  const defaults = useMemo<FileLabels>(\n    () => ({ size: (bytes) => formatFileSize(bytes, locale) }),\n    [locale],\n  );\n  return useKitLabels(\"file\", defaults, prop);\n}\n\n/**\n * The dot paths of every key `labels` does NOT supply — the ones a translated app is\n * still showing in English. Assert on it in the app's own test:\n *\n *     expect(missingKitLabels(de)).toEqual([]);\n *\n * `reference` is the complete tree to check against — pass\n * {@link DEFAULT_UI_KIT_LABELS} (src/i18n/defaults.ts). It is a parameter rather than an import\n * because the defaults live beside their components, and this module is imported BY\n * those components.\n */\nexport function missingKitLabels(\n  labels: UiKitLabelOverrides | undefined,\n  reference: UiKitLabels,\n): string[] {\n  const missing: string[] = [];\n  for (const [ns, keys] of Object.entries(reference)) {\n    const given = (labels as Record<string, Record<string, unknown> | undefined> | undefined)?.[ns];\n    for (const [key, value] of Object.entries(keys as Record<string, unknown>)) {\n      const got = given?.[key];\n      if (got === undefined) {\n        missing.push(`${ns}.${key}`);\n      } else if (isRecord(value) && isRecord(got)) {\n        for (const sub of Object.keys(value)) {\n          if (got[sub] === undefined) missing.push(`${ns}.${key}.${sub}`);\n        }\n      }\n    }\n  }\n  return missing;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/i18n/kit-labels.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport type { AnchorHTMLAttributes, ReactElement, Ref } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { DataTableLabels } from \"../components/data-table-labels\";\nimport type { MiniCalendarLabels, WeekDay } from \"../components/mini-calendar\";\nimport type { CalendarHeatmapLabels } from \"../components/calendar-heatmap\";\nimport type { PopoverLabels } from \"../components/popover\";\nimport type { ChipInputLabels } from \"../components/chip\";\nimport type { FieldSyncLabels } from \"../components/field-sync\";\nimport type { PasswordRevealLabels, TabsLabels } from \"../components/ui\";\nimport type { WizardLabels } from \"../wizard/types\";\nimport type { TourLabels } from \"../tour/tour\";\nimport type { CommandPaletteLabels } from \"../search/command-palette\";\nimport type { GlobalSearchLabels } from \"../search/global-search\";\nimport type { MonthPickerLabels } from \"../components/month-picker\";\nimport type { PageContentsLabels } from \"../components/page-contents\";\nimport type { SeriesChartLabels } from \"../components/series-chart-labels\";\nimport type { PieChartLabels } from \"../components/pie-chart-labels\";\nimport type { SparklineLabels } from \"../components/sparkline\";\nimport type { StatTileLabels } from \"../components/stat-tile\";\nimport type { SignaturePadLabels } from \"../components/signature-pad\";\nimport type { PasswordStrengthLabels } from \"../components/password-strength\";\nimport type { DangerConfirmLabels } from \"../components/danger-confirm\";\nimport type { SwatchPickerLabels } from \"../components/swatch-picker\";\nimport type { IconPickerLabels } from \"../components/icon-picker\";\nimport type { DialogFrameLabels } from \"../components/dialog-frame\";\nimport type { FilePickerLabels } from \"../components/file-button\";\nimport type { MeasuredGridLabels } from \"../components/measured-grid\";\nimport type { FeedbackAttachmentFieldLabels } from \"../feedback/feedback-attachment\";\nimport type { FeedbackDialogTextLabels } from \"../feedback/feedback-dialog\";\nimport type { FeedbackComposerLabels, FeedbackThreadLabels } from \"../feedback/feedback-thread\";\nimport type { AccountSettingsLabels } from \"../components/account-settings-labels\";\nimport type { ConfirmDialogLabels } from \"../components/confirm-dialog\";\nimport type { FloatingPanelLabels } from \"../components/floating-panel\";\nimport type { CopyButtonLabels } from \"../components/copy-button\";\nimport type { BulkActionBarLabels } from \"../components/bulk-action-bar\";\nimport type { ListLabels } from \"../components/list\";\nimport type { BreadcrumbsLabels } from \"../components/breadcrumbs\";\nimport type { ToastLabels } from \"../components/toast\";\nimport type { FormActionsLabels } from \"../components/form-actions\";\nimport type { DescriptionListLabels } from \"../components/description-list\";\nimport type { LineItemsLabels } from \"../components/line-items\";\nimport type { ProgressBarLabels } from \"../components/progress-bar\";\nimport type { SignedAmountLabels } from \"../components/signed-amount\";\nimport type { ErrorBoundaryLabels } from \"../components/error-boundary\";\nimport type { AuthedImageLabels } from \"../components/authed-image\";\nimport type { ImageGridLabels } from \"../components/image-grid\";\nimport type { LightboxLabels } from \"../components/lightbox\";\n\n/**\n * EVERY string the kit renders, as one typed tree — and an optional provider that\n * hands it to every component at once.\n *\n * WHY THIS EXISTS. The kit ships no catalogue and resolves no strings, and that stays\n * true: the app supplies every word. What was wrong was HOW it had to supply them —\n * one `labels` prop per component instance, under a different prop name per\n * component (`labels`, `calendarLabels`, `passwordLabels`, `clearLabel`,\n * `searchPlaceholder`, `ariaLabel` …). A translated app therefore rendered English\n * wherever one call site forgot one prop, and nothing told it so: a German showcase\n * still said \"Rows per page\", \"Collapse sidebar\" and \"Popover\" in seven languages.\n *\n * Now there is one key per string, addressed by a dot path (`dataTable.pageSize`,\n * `datePicker.today`), and three sources in a fixed order of precedence:\n *\n *     the component's own prop   >   <UiKitProvider labels>   >   English default\n *\n * A consumer writes its translation ONCE, as a `UiKitLabels` (or a partial of it),\n * mounts `<UiKitProvider labels={…} locale={…}>` at the root, and every kit component\n * below speaks that language — including the ones nested inside other kit components\n * (the calendar inside the data table's date filter, the popover inside the date\n * picker), which no prop at the outer call site could reach before.\n *\n * Messages that carry a value are FUNCTIONS of that value, never a template to fill:\n * a number glued into an English sentence is untranslatable, because the grammar\n * around it moves with it in most languages.\n */\n\n/* ── Namespaces that had no labels type of their own ─────────────────────── */\n\n/** The words several components share. A component's own namespace wins over these\n *  where both exist; these are what a new component reaches for first. */\nexport interface CommonLabels {\n  close: string;\n  clear: string;\n  search: string;\n  done: string;\n  cancel: string;\n  save: string;\n  back: string;\n  next: string;\n  remove: string;\n  loading: string;\n  noResults: string;\n  /** \"Name: value\" — how a field's accessible name is composed with its value.\n   *  A colon-and-space is not universal punctuation (French puts a space before\n   *  the colon, Chinese uses a full-width one). */\n  fieldValue: (field: string, value: string) => string;\n  /** The × that puts away a banner or a notice (`AlertBanner onDismiss`). Not `close`:\n   *  nothing opened, and \"Close\" on a banner reads as closing the page it sits on. */\n  dismiss: string;\n  /** Read after a link that opens a new tab (`<Button href external>`, TextLink):\n   *  nothing else tells a screen reader the page is about to change tabs. */\n  opensInNewTab: string;\n}\n\n/** `DatePicker` / `DateRangePicker` chrome. The calendar inside has its own\n *  namespace, `miniCalendar`. */\nexport interface DatePickerLabels {\n  /** Accessible name of the popover panel the calendar opens in. */\n  panel: string;\n  /** The same, for `DateRangePicker`'s panel. */\n  rangePanel: string;\n  clear: string;\n  previousDay: string;\n  nextDay: string;\n  today: string;\n  /** `DateRangePicker commit=\"apply\"`: the button that commits the drafted range. */\n  apply: string;\n  /** …and the one that discards it. */\n  cancel: string;\n  /** Accessible name of `DateRangePicker`'s preset column. */\n  presets: string;\n}\n\n/** The whole combobox family: `Combobox`, `EntityCombobox`,\n *  `MultiEntityCombobox`, `InlineEntityCombobox`, `Autocomplete`. */\nexport interface ComboboxLabels {\n  search: string;\n  noResults: string;\n  clear: string;\n  loading: string;\n  /** The \"add this\" row when free entry is allowed. */\n  create: (query: string) => string;\n  /** Trigger summary once more than one value is picked. */\n  selectedCount: (count: number) => string;\n  /** An async lookup (`loadOptions`) failed. */\n  loadError: string;\n  /** Announced (live region) when the list settles on `count` > 0 rows. */\n  resultCount: (count: number) => string;\n  /** The query is shorter than the `minChars` a lookup needs. */\n  minChars: (count: number) => string;\n}\n\nexport interface MultiSelectLabels {\n  search: string;\n  selectAll: string;\n  clear: string;\n  /** Trigger text when nothing is picked, which a multi-select reads as \"all\". */\n  all: string;\n  /** Trigger summary once some (but not all) values are picked. The English\n   *  default is the bare count, which is what the trigger has always shown. */\n  selectedCount: (count: number) => string;\n}\n\n/** `CalculatorButton` (desktop popover keypad) and `NumberPadSheet` (phone sheet). */\nexport interface CalculatorLabels {\n  /** The button that opens the calculator. */\n  open: string;\n  /** The popover / sheet itself. */\n  panel: string;\n  calculation: string;\n  backspace: string;\n  clear: string;\n  equals: string;\n  /** The primary key of the phone pad — visible text, not an aria-label. */\n  done: string;\n  /** Names of the operator keys and the decimal key. Their glyphs are not names a\n   *  screen reader agrees on — \"÷\" is read as \"division sign\", \"divided by\" or\n   *  nothing at all depending on the reader — so each says what it does. */\n  plus: string;\n  minus: string;\n  times: string;\n  divide: string;\n  decimal: string;\n}\n\n/** `CurrencySelect` and the currency half of `AmountInput`. */\nexport interface CurrencyLabels {\n  currency: string;\n  search: string;\n}\n\nexport interface AppShellLabels {\n  collapse: string;\n  expand: string;\n  /** Accessible name of an inline group's disclosure button (`subNav=\"inline\"`). */\n  toggleGroup: (groupLabel: string) => string;\n}\n\nexport interface TopBarLabels {\n  theme: string;\n  palette: string;\n  language: string;\n  switchRole: string;\n  /** The role switcher's tooltip, given the active role's name. */\n  role: (value: string) => string;\n}\n\nexport interface PickerSheetLabels {\n  close: string;\n}\n\nexport interface SwipeableRowLabels {\n  actions: string;\n}\n\nexport interface FileLabels {\n  /** A file size for display, given its size in BYTES. The default uses\n   *  `Intl.NumberFormat`'s unit formatting in the provider's locale. */\n  size: (bytes: number) => string;\n}\n\n/** The complete tree. `UiKitProvider` takes any partial of it. */\nexport interface UiKitLabels {\n  common: CommonLabels;\n  dataTable: DataTableLabels;\n  miniCalendar: MiniCalendarLabels;\n  calendarHeatmap: CalendarHeatmapLabels;\n  datePicker: DatePickerLabels;\n  monthPicker: MonthPickerLabels;\n  popover: PopoverLabels;\n  combobox: ComboboxLabels;\n  multiSelect: MultiSelectLabels;\n  calculator: CalculatorLabels;\n  currency: CurrencyLabels;\n  chipInput: ChipInputLabels;\n  fieldSync: FieldSyncLabels;\n  passwordReveal: PasswordRevealLabels;\n  tabs: TabsLabels;\n  appShell: AppShellLabels;\n  pageContents: PageContentsLabels;\n  topBar: TopBarLabels;\n  pickerSheet: PickerSheetLabels;\n  swipeableRow: SwipeableRowLabels;\n  file: FileLabels;\n  wizard: WizardLabels;\n  tour: TourLabels;\n  commandPalette: CommandPaletteLabels;\n  globalSearch: GlobalSearchLabels;\n  seriesChart: SeriesChartLabels;\n  pieChart: PieChartLabels;\n  sparkline: SparklineLabels;\n  statTile: StatTileLabels;\n  signaturePad: SignaturePadLabels;\n  passwordStrength: PasswordStrengthLabels;\n  dangerConfirm: DangerConfirmLabels;\n  swatchPicker: SwatchPickerLabels;\n  iconPicker: IconPickerLabels;\n  dialogFrame: DialogFrameLabels;\n  filePicker: FilePickerLabels;\n  measuredGrid: MeasuredGridLabels;\n  feedbackAttachment: FeedbackAttachmentFieldLabels;\n  /** 0.12.0: `FeedbackDialog`'s own strings; `FeedbackThread` / `FeedbackComposer`. */\n  feedbackDialog: FeedbackDialogTextLabels;\n  feedbackThread: FeedbackThreadLabels;\n  feedbackComposer: FeedbackComposerLabels;\n  /** 0.12.0: `ProfileSetting`, `PasswordSetting`, `TwoFactorSetting`, `PasskeysSetting`\n   *  — one record per section. The provider takes a whole section record; the\n   *  components merge it key by key, as a prop. */\n  accountSettings: AccountSettingsLabels;\n  confirmDialog: ConfirmDialogLabels;\n  floatingPanel: FloatingPanelLabels;\n  copyButton: CopyButtonLabels;\n  bulkActionBar: BulkActionBarLabels;\n  list: ListLabels;\n  breadcrumbs: BreadcrumbsLabels;\n  toast: ToastLabels;\n  form: FormActionsLabels;\n  descriptionList: DescriptionListLabels;\n  lineItems: LineItemsLabels;\n  progressBar: ProgressBarLabels;\n  signedAmount: SignedAmountLabels;\n  errorBoundary: ErrorBoundaryLabels;\n  authedImage: AuthedImageLabels;\n  imageGrid: ImageGridLabels;\n  lightbox: LightboxLabels;\n}\n\n/**\n * A label override, as deep as the labels go: an object of labels (a namespace, or a\n * record inside one such as `accountSettings.passkeys` or `dataTable.presets`) may be\n * partial at every level, because the provider merges it key by key at every level.\n * A leaf stays as it is: a string, a function-valued label (`(n) => …`), and anything\n * that is not purely an object (a `ReactNode` union) is given whole.\n */\nexport type LabelOverride<T> = [T] extends [(...args: never[]) => unknown]\n  ? T\n  : [T] extends [readonly unknown[]]\n    ? T\n    : [T] extends [object]\n      ? { [K in keyof T]?: LabelOverride<T[K]> }\n      : T;\n\n/** Any subset of the tree — each namespace may be partial, and so may any record\n *  inside one (`accountSettings.passkeys`, `dataTable.presets`): they are merged key\n *  by key, at every depth. */\nexport type UiKitLabelOverrides = { [K in keyof UiKitLabels]?: LabelOverride<UiKitLabels[K]> };\n\n/* ── English defaults for the namespaces defined here ────────────────────── */\n\nexport const DEFAULT_COMMON_LABELS: CommonLabels = {\n  close: \"Close\",\n  clear: \"Clear\",\n  search: \"Search\",\n  done: \"Done\",\n  cancel: \"Cancel\",\n  save: \"Save\",\n  back: \"Back\",\n  next: \"Next\",\n  remove: \"Remove\",\n  loading: \"Loading…\",\n  noResults: \"No results\",\n  fieldValue: (field, value) => `${field}: ${value}`,\n  dismiss: \"Dismiss\",\n  opensInNewTab: \"opens in a new tab\",\n};\n\nexport const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {\n  panel: \"Choose a date\",\n  rangePanel: \"Choose a date range\",\n  clear: \"Clear\",\n  previousDay: \"Previous day\",\n  nextDay: \"Next day\",\n  today: \"Today\",\n  apply: \"Apply\",\n  cancel: \"Cancel\",\n  presets: \"Quick ranges\",\n};\n\nexport const DEFAULT_COMBOBOX_LABELS: ComboboxLabels = {\n  search: \"Search\",\n  noResults: \"No results\",\n  clear: \"Clear\",\n  loading: \"Loading…\",\n  create: (query) => `Create “${query}”`,\n  selectedCount: (count) => `${count} selected`,\n  loadError: \"Couldn’t load results\",\n  resultCount: (count) => (count === 1 ? \"1 result\" : `${count} results`),\n  minChars: (count) =>\n    count === 1 ? \"Type at least 1 character\" : `Type at least ${count} characters`,\n};\n\nexport const DEFAULT_MULTI_SELECT_LABELS: MultiSelectLabels = {\n  search: \"Search\",\n  selectAll: \"Select all\",\n  clear: \"Clear\",\n  all: \"All\",\n  selectedCount: (count) => String(count),\n};\n\nexport const DEFAULT_CALCULATOR_LABELS: CalculatorLabels = {\n  open: \"Open calculator\",\n  panel: \"Calculator\",\n  calculation: \"Calculation\",\n  backspace: \"Backspace\",\n  clear: \"Clear\",\n  equals: \"Equals\",\n  done: \"Done\",\n  plus: \"Plus\",\n  minus: \"Minus\",\n  times: \"Times\",\n  divide: \"Divide\",\n  decimal: \"Decimal point\",\n};\n\nexport const DEFAULT_CURRENCY_LABELS: CurrencyLabels = {\n  currency: \"Currency\",\n  search: \"Search currency\",\n};\n\nexport const DEFAULT_APP_SHELL_LABELS: AppShellLabels = {\n  collapse: \"Collapse sidebar\",\n  expand: \"Expand sidebar\",\n  toggleGroup: (groupLabel) => `${groupLabel}: pages`,\n};\n\nexport const DEFAULT_TOP_BAR_LABELS: TopBarLabels = {\n  theme: \"Toggle theme\",\n  palette: \"Appearance preset\",\n  language: \"Language\",\n  switchRole: \"Switch role\",\n  role: (value) => `Role: ${value}`,\n};\n\nexport const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: \"Close\" };\n\nexport const DEFAULT_SWIPEABLE_ROW_LABELS: SwipeableRowLabels = { actions: \"Row actions\" };\n\n/** Formats with the locale the provider was given (see {@link useKitFileLabels}).\n *  This static default has no locale to hand and falls back to the runtime's. */\nexport const DEFAULT_FILE_LABELS: FileLabels = {\n  size: (bytes) => formatFileSize(bytes),\n};\n\n/** \"12 kB\", \"3.4 MB\" — `Intl`'s unit formatting, so the digits, the decimal mark and\n *  the unit's spelling all follow `locale`. */\nexport function formatFileSize(bytes: number, locale?: string): string {\n  const units = [\"byte\", \"kilobyte\", \"megabyte\", \"gigabyte\"] as const;\n  let value = bytes;\n  let i = 0;\n  while (value >= 1000 && i < units.length - 1) {\n    value /= 1000;\n    i += 1;\n  }\n  return new Intl.NumberFormat(locale, {\n    style: \"unit\",\n    unit: units[i],\n    unitDisplay: i === 0 ? \"long\" : \"short\",\n    maximumFractionDigits: value < 10 && i > 0 ? 1 : 0,\n  }).format(value);\n}\n\n/* ── The provider ────────────────────────────────────────────────────────── */\n\ninterface KitI18n {\n  labels?: UiKitLabelOverrides;\n  locale?: string;\n  weekStartsOn?: WeekDay;\n  linkComponent?: KitLinkComponent;\n}\n\n/**\n * What every kit link receives: the anchor attributes the kit decided (href, class,\n * aria-current, handlers, children, ref). An app's router link maps them —\n * `({ href, ...p }) => <Link to={href} {...p} />` — ONCE, on the provider.\n *\n * `replace` is the one prop that is not an anchor attribute: see there. Map it\n * explicitly if your router link is not react-router's —\n * `({ href, replace, ...p }) => <Link to={href} replace={replace} {...p} />` — and never\n * spread it onto a DOM `<a>`, where React warns about an unknown attribute.\n */\nexport type KitLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  ref?: Ref<HTMLAnchorElement>;\n  /**\n   * Navigate by REPLACING the current history entry, so Back skips it — keksdose F1:\n   * a one-shot URL (a magic-link landing, `?checkout=done`, a wizard's \"finish\" hop)\n   * that must not come back when the user presses Back. Present ONLY when the kit link\n   * was given `replace` (`true`), so a provider link that spreads its props onto a\n   * plain `<a>` keeps working for every link that never asks for it. react-router's\n   * `<Link>` takes the same prop, so `({ href, ...p }) => <Link to={href} {...p} />`\n   * honours it with no change; any other router maps it to its own replace option.\n   * The kit never puts it on a DOM element itself.\n   */\n  replace?: boolean;\n};\nexport type KitLinkComponent = (props: KitLinkProps) => ReactElement;\n\nconst KitI18nContext = createContext<KitI18n>({});\n\nexport interface UiKitProviderProps {\n  /** Any part of {@link UiKitLabels}. Missing keys fall back to English. */\n  labels?: UiKitLabelOverrides;\n  /**\n   * BCP 47 tag used by every kit component that formats something — dates, numbers,\n   * month and weekday names, file sizes — when it is not handed a `locale` prop of\n   * its own. Without a provider, and without a prop, those use the runtime default.\n   */\n  locale?: string;\n  /**\n   * The first day of the week (0 = Sunday, 1 = Monday …) for every calendar below —\n   * `MiniCalendar` and the pickers built on it — that is not handed a `weekStartsOn`\n   * of its own. Without it the week start follows `locale`'s week info.\n   *\n   * Separate from `locale` because the two are separate decisions: a German-built\n   * app running in English (`locale=\"en\"`) would otherwise start its weeks on Sunday,\n   * and switching it to `en-GB` to get Monday changes every date and number format.\n   */\n  weekStartsOn?: WeekDay;\n  /**\n   * The app's router link, used by every kit component that renders an in-app link\n   * and was not handed its own `renderLink` — so `renderLink` stops being repeated on\n   * each ListItem, Breadcrumbs, StatTile, Chip… (kastlan). A component's own\n   * `renderLink` wins; external links and in-page `#anchor`s stay plain `<a>`, and a\n   * hash-router `#/path` is handed to it like `/path` (see `pickLinkRenderer`).\n   */\n  linkComponent?: KitLinkComponent;\n  children: ReactNode;\n}\n\n/**\n * Hand every kit component below this point its strings and its locale.\n *\n * Optional: a component outside any provider behaves exactly as it did before the\n * provider existed. Nesting works as a merge — an inner provider overrides only what\n * it names, so a page can re-label one table's `dataTable.table` without restating\n * the language.\n */\nexport function UiKitProvider({\n  labels,\n  locale,\n  weekStartsOn,\n  linkComponent,\n  children,\n}: UiKitProviderProps) {\n  const outer = useContext(KitI18nContext);\n  const value = useMemo<KitI18n>(\n    () => ({\n      locale: locale ?? outer.locale,\n      weekStartsOn: weekStartsOn ?? outer.weekStartsOn,\n      labels: mergeOverrides(outer.labels, labels),\n      linkComponent: linkComponent ?? outer.linkComponent,\n    }),\n    [outer, labels, locale, weekStartsOn, linkComponent],\n  );\n  return <KitI18nContext.Provider value={value}>{children}</KitI18nContext.Provider>;\n}\n\nfunction isRecord(v: unknown): v is Record<string, unknown> {\n  return typeof v === \"object\" && v !== null && !Array.isArray(v);\n}\n\n/** A record of labels to merge into — not a React element, which is an object too but\n *  is a label given whole. */\nfunction isLabelRecord(v: unknown): v is Record<string, unknown> {\n  return isRecord(v) && !(\"$$typeof\" in v);\n}\n\n/** Merged key by key at EVERY depth — a namespace, a record inside it\n *  (`accountSettings.passkeys`, `dataTable.presets`), and so on down — to match\n *  {@link LabelOverride}. An `undefined` is skipped at every depth, so it never blanks\n *  out what is under it. */\nfunction mergeNamespace<T extends object>(base: T, over: LabelOverride<T> | Partial<T> | undefined): T {\n  if (!over) return base;\n  const out = { ...base } as Record<string, unknown>;\n  for (const [k, v] of Object.entries(over)) {\n    if (v === undefined) continue;\n    const prev = out[k];\n    out[k] = isLabelRecord(prev) && isLabelRecord(v) ? mergeNamespace(prev, v) : v;\n  }\n  return out as T;\n}\n\nfunction mergeOverrides(\n  a: UiKitLabelOverrides | undefined,\n  b: UiKitLabelOverrides | undefined,\n): UiKitLabelOverrides | undefined {\n  if (!a) return b;\n  if (!b) return a;\n  const out: Record<string, unknown> = { ...a };\n  for (const [ns, v] of Object.entries(b)) {\n    out[ns] = mergeNamespace((out[ns] as object | undefined) ?? {}, v as object);\n  }\n  return out as UiKitLabelOverrides;\n}\n\n/** What the nearest provider says about one namespace — `undefined` outside one.\n *  For a component whose own resolver does more than a merge (the data table\n *  derives `columnsCount` from `columns`): feed `{ ...overrides, ...props }` to it. */\nexport function useKitLabelOverrides<K extends keyof UiKitLabels>(\n  ns: K,\n): Partial<UiKitLabels[K]> | undefined {\n  return useContext(KitI18nContext).labels?.[ns] as Partial<UiKitLabels[K]> | undefined;\n}\n\n/**\n * One namespace, resolved: `defaults`, then the provider, then the component's own\n * `prop`. Record-valued keys are merged key by key at each step.\n */\nexport function useKitLabels<K extends keyof UiKitLabels>(\n  ns: K,\n  defaults: UiKitLabels[K],\n  prop?: Partial<UiKitLabels[K]>,\n): UiKitLabels[K] {\n  const fromProvider = useKitLabelOverrides(ns);\n  return useMemo(\n    () => mergeNamespace(mergeNamespace(defaults, fromProvider), prop),\n    [defaults, fromProvider, prop],\n  );\n}\n\n/** The component's own `locale` prop, else the provider's, else `undefined` (which\n *  every `Intl` API reads as \"the runtime's default\"). */\nexport function useKitLocale(prop?: string): string | undefined {\n  const fromProvider = useContext(KitI18nContext).locale;\n  return prop ?? fromProvider;\n}\n\n/** The week start the nearest `<UiKitProvider weekStartsOn>` pins, else `undefined`\n *  (the caller then asks the locale). A component's own prop goes first:\n *  `prop ?? useKitWeekStart()`. */\n/** The provider's router link, or `undefined` — a component's own `renderLink` should\n *  win over it: `const Link = renderLink ?? useKitLink()`. */\nexport function useKitLink(): KitLinkComponent | undefined {\n  return useContext(KitI18nContext).linkComponent;\n}\n\nexport function useKitWeekStart(): WeekDay | undefined {\n  return useContext(KitI18nContext).weekStartsOn;\n}\n\n/** {@link DEFAULT_FILE_LABELS}, but formatting in the provider's locale. */\nexport function useKitFileLabels(prop?: Partial<FileLabels>): FileLabels {\n  const locale = useKitLocale();\n  const defaults = useMemo<FileLabels>(\n    () => ({ size: (bytes) => formatFileSize(bytes, locale) }),\n    [locale],\n  );\n  return useKitLabels(\"file\", defaults, prop);\n}\n\n/**\n * The dot paths of every key `labels` does NOT supply — the ones a translated app is\n * still showing in English. Assert on it in the app's own test:\n *\n *     expect(missingKitLabels(de)).toEqual([]);\n *\n * `reference` is the complete tree to check against — pass\n * {@link DEFAULT_UI_KIT_LABELS} (src/i18n/defaults.ts). It is a parameter rather than an import\n * because the defaults live beside their components, and this module is imported BY\n * those components.\n */\nexport function missingKitLabels(\n  labels: UiKitLabelOverrides | undefined,\n  reference: UiKitLabels,\n): string[] {\n  const missing: string[] = [];\n  for (const [ns, keys] of Object.entries(reference)) {\n    const given = (labels as Record<string, Record<string, unknown> | undefined> | undefined)?.[ns];\n    for (const [key, value] of Object.entries(keys as Record<string, unknown>)) {\n      const got = given?.[key];\n      if (got === undefined) {\n        missing.push(`${ns}.${key}`);\n      } else if (isRecord(value) && isRecord(got)) {\n        for (const sub of Object.keys(value)) {\n          if (got[sub] === undefined) missing.push(`${ns}.${key}.${sub}`);\n        }\n      }\n    }\n  }\n  return missing;\n}\n"],"mappings":"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","names":[]}

package/dist/i18n/locales/de-CH-informal.d.ts

@@ -1,4 +1,4 @@
-import { aT as UiKitLabels } from '../../kit-labels-v3biUF1L.js';
+import { aV as UiKitLabels } from '../../kit-labels-Mz8zZHIF.js';
 import 'react';
 import '../../components/data-table-labels.js';
 import '../../components/mini-calendar.js';

package/dist/i18n/locales/de-CH.d.ts

@@ -1,4 +1,4 @@
-import { aT as UiKitLabels } from '../../kit-labels-v3biUF1L.js';
+import { aV as UiKitLabels } from '../../kit-labels-Mz8zZHIF.js';
 import 'react';
 import '../../components/data-table-labels.js';
 import '../../components/mini-calendar.js';

package/dist/i18n/locales/de-informal.d.ts

@@ -1,4 +1,4 @@
-import { aT as UiKitLabels } from '../../kit-labels-v3biUF1L.js';
+import { aV as UiKitLabels } from '../../kit-labels-Mz8zZHIF.js';
 import 'react';
 import '../../components/data-table-labels.js';
 import '../../components/mini-calendar.js';

package/dist/i18n/locales/de.d.ts

@@ -1,4 +1,4 @@
-import { aT as UiKitLabels } from '../../kit-labels-v3biUF1L.js';
+import { aV as UiKitLabels } from '../../kit-labels-Mz8zZHIF.js';
 import 'react';
 import '../../components/data-table-labels.js';
 import '../../components/mini-calendar.js';

package/dist/i18n/locales/de.js

@@ -526,7 +526,15 @@ function uiKitLabelsDe(numberLocale = "de-DE") {
       title: "Etwas ist schiefgelaufen",
       message: "Dieser Teil der Seite konnte nicht angezeigt werden. Bitte erneut versuchen oder die Seite neu laden.",
       retry: "Erneut versuchen",
-      details: "Fehlerdetails"
+      details: "Fehlerdetails",
+      reload: "Neu laden",
+      updateTitle: "Eine neue Version ist verf\xFCgbar",
+      updateMessage: "Ein Teil der App hat sich seit dem Laden dieser Seite ge\xE4ndert. Zum Aktualisieren die Seite neu laden.",
+      offlineTitle: "Keine Internetverbindung",
+      offlineMessage: "Diese Seite konnte ohne Verbindung nicht geladen werden. Nach dem Wiederherstellen der Verbindung die Seite neu laden.",
+      copyReport: "Fehlerbericht kopieren",
+      reported: "Der Fehler wurde automatisch gemeldet.",
+      reportedAs: (reference) => `Gemeldet unter ${reference}`
     },
     authedImage: {
       loading: "Bild wird geladen\u2026",