@eifi1/ui-kit 0.23.0 → 0.24.0

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

@@ -1,2 +1,67 @@
 import 'react';
-export { b as DEFAULT_FEEDBACK_DIALOG_LABELS, l as FeedbackAttachmentLabels, o as FeedbackCategoryOption, p as FeedbackDialog, q as FeedbackDialogLabels, r as FeedbackDialogMultipleProps, s as FeedbackDialogProps, t as FeedbackDialogSingleProps, u as FeedbackDialogTextLabels, v as FeedbackMultipleSubmission, w as FeedbackSubmission } from '../feedback-attachment-fGAzZPf0.js';
+export { a7 as DEFAULT_FEEDBACK_DIALOG_LABELS, aP as FeedbackAttachmentLabels, aU as FeedbackCategoryOption, b1 as FeedbackDialog, b2 as FeedbackDialogLabels, b3 as FeedbackDialogMultipleProps, b4 as FeedbackDialogProps, b5 as FeedbackDialogSingleProps, b6 as FeedbackDialogTextLabels, b7 as FeedbackMultipleSubmission, be as FeedbackSubmission } from '../feedback-DOwPu-Il.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-B7OdnM0S.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-sync.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import '../components/month-picker.js';
+import '../components/page-contents.js';
+import '../components/series-chart-labels.js';
+import '../components/pie-chart-labels.js';
+import '../components/sparkline.js';
+import '../components/stat-tile.js';
+import '../components/signature-pad.js';
+import '../components/password-strength.js';
+import '../components/swatch-picker.js';
+import '../components/tile-radio.js';
+import '../components/icon-picker.js';
+import '../components/dialog-frame.js';
+import '../components/modal.js';
+import '../hooks/use-search-param-state.js';
+import '../components/measured-grid.js';
+import '../components/account-settings-labels.js';
+import '../components/floating-panel.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/signed-amount.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
+import '../components/description-list.js';
+import '../components/line-items.js';
+import '../components/progress-bar.js';
+import '../components/error-boundary.js';
+import '../components/authed-image.js';
+import '../hooks/use-authed-src.js';
+import '../components/image-grid.js';
+import '../components/lightbox.js';
+import '../components/write-lock.js';
+import '../components/legal.js';
+import '../components/account-chips.js';
+import '../lib/format.js';
+import '../components/reauth-dialog.js';
+import '../components/server-wake.js';
+import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
+import '../components/country-select.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/field-parts.js';

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

@@ -1,253 +1,67 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { LucideIcon } from 'lucide-react';
-import { l as FeedbackAttachmentLabels, e as FeedbackAttachmentErrorInfo } from '../feedback-attachment-fGAzZPf0.js';
-
-/**
- * The feedback **inbox**, as the parts two apps were each writing separately.
- *
- * `feedback-dialog.tsx` next door is the other half — the form somebody files a
- * report with — and the split between them is the same one: this owns the
- * *vocabulary*, the *policy* about how a report moves, and the *look*; the app
- * owns the data, the API and every string.
- *
- * It exists because both apps had grown their own copy. Keksdose's is the one
- * this is lifted from, comments and all, because it is the one that had been
- * argued with users for a year — the glyph per status, the two sizes of the
- * status control, what a row offers from where it currently stands. Steering
- * Design's was thinner in every one of those places and read as a different
- * product for no reason anyone chose.
- *
- * **What is deliberately NOT here.** The two apps store a report differently and
- * are meant to: one keeps the reporter's context in a JSON column and the
- * screenshot in an object store, the other keeps a `page_path` and the bytes in
- * the row. So there is no `Feedback` type in this file and nothing here takes
- * one. Every component takes the values it draws, and the detail panel is a
- * *shell* the app fills — which is what lets each keep the shape that suits it
- * without either of them inventing a second look for a status pill.
- */
-/** The seven states a report can be in.
- *
- *  Shared value for value across both apps on purpose: it is what lets one habit,
- *  and one agent prompt, work on either repo. Four are a chain and three sit off
- *  it — see {@link visibleFeedbackStatuses} for what that buys. */
-type FeedbackStatus = "OPEN" | "IN_PROGRESS" | "IN_EVALUATION" | "NEEDS_LIVE_TEST" | "POSTPONED" | "DONE" | "WONT_DO";
-/** What a report is about. `CRASH` is filed by an error boundary and never
- *  chosen, which is exactly why it is loud below and absent from every picker. */
-type FeedbackCategory = "CRASH" | "BUG" | "IDEA" | "QUESTION" | "OTHER";
-/**
- * A glyph and a tone per status.
- *
- * Colour alone is not a label — two of these sit a hue apart, and a consumer who
- * moves `--brand` can park it beside any of the others — so every status carries
- * its own shape as well. Declaration order is chain order, and
- * {@link FEEDBACK_STATUS_ORDER} is derived from it rather than restated, because
- * a restated list cannot be checked for exhaustiveness: an eighth status would
- * break the build here and leave a literal seven long.
- */
-declare const FEEDBACK_STATUS_META: Record<FeedbackStatus, {
-    icon: LucideIcon;
-    activeBg: string;
-    activeText: string;
-}>;
-/** Chain order, then the three off it. The order a picker offers, and the rank a
- *  status column sorts by — so a list sorted by status reads as a queue rather
- *  than as an alphabet. */
-declare const FEEDBACK_STATUS_ORDER: FeedbackStatus[];
-/** The next status along the chain, or null at the end (or off it, as `WONT_DO`
- *  is). What a swipe-to-advance gesture commits. */
-declare function nextFeedbackStatus(current: FeedbackStatus): FeedbackStatus | null;
-/**
- * The steps that make sense from where a row currently stands.
- *
- * For the compact control in a table cell: it is a glanceable triage affordance,
- * and a row of seven icons in a cell is noise. One step forward, one step back
- * (so an item can be sent back for rework), and any of the three off-chain
- * verdicts — which is what makes those usable as verdicts at all.
- *
- * The two parking states are not dead ends: each offers the step that resumes
- * work and the ones that close it, but deliberately **not each other** —
- * "postponed" and "waiting on a deploy" are different answers to different
- * questions, and a row moving between them directly is a re-triage, which starts
- * by picking the work back up.
- */
-declare function visibleFeedbackStatuses(current: FeedbackStatus): FeedbackStatus[];
-/**
- * Every status, in chain order — what an EXPANDED row offers.
- *
- * {@link visibleFeedbackStatuses} narrows the choice to the steps that make
- * sense from where a row is, which is right for a table cell. Once the row is
- * open in front of you, that same narrowing turns every non-adjacent move into a
- * walk: OPEN to DONE meant three round trips, and WONT_DO could not be left at
- * all except through a rework note.
- *
- * Takes a `current` it does not use, so the two policies read as one pair at the
- * call sites and a future rule ("terminal rows still cannot jump to X") has a
- * place to live.
- */
-declare function selectableFeedbackStatuses(_current: FeedbackStatus): FeedbackStatus[];
-/**
- * Per-category badge treatment, the counterpart to the status meta above.
- *
- * A category cell that is one grey pill holding the raw enum makes a CRASH —
- * filed automatically, by somebody staring at a broken page right now — read
- * exactly like a QUESTION, and sit unnoticed in the queue. `--danger` plus its own
- * glyph is what makes that impossible; the hand-filed categories stay
- * deliberately quiet so that the loud one means something.
- *
- * Declaration order is triage order, CRASH first.
- */
-declare const FEEDBACK_CATEGORY_META: Record<FeedbackCategory, {
-    icon: LucideIcon;
-    badgeBg: string;
-    badgeText: string;
-}>;
-/** Triage order, CRASH first — also a category column's sort key and the option
- *  order in its filter. Sorting by the raw enum is alphabetical, which parks
- *  CRASH between BUG and IDEA. */
-declare const FEEDBACK_CATEGORY_ORDER: FeedbackCategory[];
-/** A category's rank for a column sort. Anything this build has never heard of —
- *  an older client against a newer API — sorts LAST rather than to `indexOf`'s
- *  −1, which would rank it above CRASH. */
-declare function feedbackCategoryRank(category: FeedbackCategory): number;
-/**
- * The category as a badge.
- *
- * Falls back to OTHER's treatment for a category this build has never heard of,
- * so an older client against a newer API degrades to a readable neutral pill
- * instead of throwing on `meta.icon` — a crash report must not be able to cause
- * one. The *label* is the caller's, and for the same reason it needs the same
- * guard: pass what OTHER is called if you cannot name the value you were given.
- */
-declare function FeedbackCategoryBadge({ category, label, compact, className, }: {
-    category: FeedbackCategory;
-    label: ReactNode;
-    compact?: boolean;
-    className?: string;
-}): react.JSX.Element;
-/** Where a report stands, as a badge — for the places that only *report* the
- *  status rather than offering to change it. */
-declare function FeedbackStatusBadge({ status, label, className, }: {
-    status: FeedbackStatus;
-    label: ReactNode;
-    className?: string;
-}): react.JSX.Element;
-/**
- * A row of statuses to switch a report to — either a table column's icon row or
- * an expanded panel's labelled pills.
- *
- * One component for both, because everything except the class strings is the
- * same decision: which one is current, and when the buttons are disabled. Two
- * copies had already drifted — only the icon variant carried `aria-label` and
- * `aria-pressed`, so the pill row was unlabelled for a screen reader.
- *
- * WHICH statuses to offer is the caller's, not this component's:
- * {@link visibleFeedbackStatuses} for a compact column,
- * {@link selectableFeedbackStatuses} for an expanded row. Passing the list keeps
- * that policy readable at the two call sites instead of hiding it behind
- * `variant`.
- */
-declare function FeedbackStatusTransitions({ status, statuses, canEdit, onPick, variant, label, className, }: {
-    status: FeedbackStatus;
-    statuses: FeedbackStatus[];
-    canEdit: boolean;
-    onPick: (status: FeedbackStatus) => void;
-    variant: "icon" | "pill";
-    /** What each status is called, translated by the app. */
-    label: (status: FeedbackStatus) => string;
-    className?: string;
-}): react.JSX.Element;
-/**
- * A textarea and its two buttons — for an outcome, for a note sent back with a
- * report, for a body being corrected.
- *
- * One component because all three are the same gesture: a draft that is not
- * committed until it is saved. Ctrl/⌘+Enter submits, which is the same shortcut
- * the compose dialog next door uses, so the habit carries across the feature.
- *
- * ## `initial` seeds the draft; it does not own it (changed 2026-09-22)
- *
- * This used to re-seed from `initial` in an effect, and that effect threw away
- * whatever was in the box — **and the picture attached to it** — every time the
- * prop arrived with a different value. `initial` is normally the saved note, so
- * the list refreshing under the editor, or the owner re-deriving the same string,
- * was enough: a triager halfway through a reply, with a screenshot picked out,
- * lost both and got the saved text back with no way to undo it.
- *
- * A draft belongs to the thing being edited, so switching to a different note is a
- * different editor — say so with a `key`:
- *
- * ```tsx
- * <FeedbackNoteEditor key={note.id} initial={note.body} … />
- * ```
- *
- * Where the id is not in hand at the call site, pass {@link resetKey} instead and
- * the editor re-seeds when THAT changes. Either way the decision is the caller's,
- * which is the point: the editor cannot tell a new subject from a new render.
- */
-declare function FeedbackNoteEditor({ initial, pending, onSave, onCancel, saveLabel, cancelLabel, placeholder, rows, attachment, resetKey, }: {
-    initial: string;
-    pending: boolean;
-    onSave: (value: string, attachment?: File | null) => void;
-    onCancel: () => void;
-    saveLabel: ReactNode;
-    cancelLabel: ReactNode;
-    /** A line above the field saying what to write, not an in-field placeholder:
-     *  a hint that disappears the moment somebody starts typing is a hint that is
-     *  gone exactly when it is being followed. */
-    placeholder?: ReactNode;
-    rows?: number;
-    /** Offer a picture with the note (Steering Design feedback #128). Omitted,
-     *  the editor is exactly the text box it always was — which is what the
-     *  *outcome* editor beside it wants, since an outcome is the answer rather
-     *  than the evidence. */
-    attachment?: FeedbackNoteAttachment;
-    /** Change this to say "the editor is now editing something ELSE", and the draft
-     *  and its attachment are dropped and re-seeded from `initial`. For call sites
-     *  that cannot put a `key` on the editor (see the note above). Leave it out and
-     *  the draft is never thrown away behind the user's back. */
-    resetKey?: string | number;
-}): react.JSX.Element;
-/** What {@link FeedbackNoteEditor} needs in order to offer a picture with the
- *  note: the same four things {@link FeedbackAttachmentField} takes, so the
- *  reply path is held to the app's own limits rather than to the defaults. */
-interface FeedbackNoteAttachment {
-    labels: FeedbackAttachmentLabels;
-    accept?: string[];
-    maxBytes?: number;
-    /** `info` (0.23.0) names the refused file and the limit. */
-    onError?: (kind: "type" | "size", info: FeedbackAttachmentErrorInfo) => void;
-    onCaptureScreenshot?: () => Promise<File | null>;
-}
-/**
- * One labelled block of an opened report.
- *
- * The detail panel is a stack of these, and it is a stack rather than a
- * component with fixed fields on purpose: the two apps keep a report's context
- * and its screenshot in genuinely different places, and a shell that insisted on
- * both would force one of them to invent a shape it does not have. What is
- * shared is what a section *looks* like — and that is all that made the two
- * panels read as different products.
- */
-declare function FeedbackDetailSection({ title, action, children, }: {
-    title: ReactNode;
-    /** Something on the title's own line — an edit button, a resolved-at date. */
-    action?: ReactNode;
-    children: ReactNode;
-}): react.JSX.Element;
-/** The stack a detail panel is. Here so the spacing between sections is decided
- *  once rather than by whichever app was written second. */
-declare function FeedbackDetail({ children }: {
-    children: ReactNode;
-}): react.JSX.Element;
-/** Prose inside a section — a body, an outcome, a note.
- *
- *  `whitespace-pre-wrap` is the whole component: a report is written in
- *  paragraphs, and a note appended to it later is separated by blank lines that
- *  carry the entire "this arrived after the answer" reading. */
-declare function FeedbackProse({ children, empty }: {
-    children?: string;
-    empty?: ReactNode;
-}): react.JSX.Element;
-
-export { FEEDBACK_CATEGORY_META, FEEDBACK_CATEGORY_ORDER, FEEDBACK_STATUS_META, FEEDBACK_STATUS_ORDER, type FeedbackCategory, FeedbackCategoryBadge, FeedbackDetail, FeedbackDetailSection, type FeedbackNoteAttachment, FeedbackNoteEditor, FeedbackProse, type FeedbackStatus, FeedbackStatusBadge, FeedbackStatusTransitions, feedbackCategoryRank, nextFeedbackStatus, selectableFeedbackStatuses, visibleFeedbackStatuses };
+import 'react';
+import 'lucide-react';
+export { av as FEEDBACK_CATEGORY_META, aw as FEEDBACK_CATEGORY_ORDER, ax as FEEDBACK_STATUS_META, ay as FEEDBACK_STATUS_ORDER, aS as FeedbackCategory, aT as FeedbackCategoryBadge, a$ as FeedbackDetail, b0 as FeedbackDetailSection, b8 as FeedbackNoteAttachment, b9 as FeedbackNoteEditor, ba as FeedbackProse, bb as FeedbackStatus, bc as FeedbackStatusBadge, bd as FeedbackStatusTransitions, cH as feedbackCategoryRank, cL as nextFeedbackStatus, cO as selectableFeedbackStatuses, c_ as visibleFeedbackStatuses } from '../feedback-DOwPu-Il.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-B7OdnM0S.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../components/chip.js';
+import '../components/field-sync.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import '../components/month-picker.js';
+import '../components/page-contents.js';
+import '../components/series-chart-labels.js';
+import '../components/pie-chart-labels.js';
+import '../components/sparkline.js';
+import '../components/stat-tile.js';
+import '../components/signature-pad.js';
+import '../components/password-strength.js';
+import '../components/swatch-picker.js';
+import '../components/tile-radio.js';
+import '../components/icon-picker.js';
+import '../components/dialog-frame.js';
+import '../components/modal.js';
+import '../hooks/use-search-param-state.js';
+import '../components/measured-grid.js';
+import '../components/account-settings-labels.js';
+import '../components/floating-panel.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/signed-amount.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
+import '../components/description-list.js';
+import '../components/line-items.js';
+import '../components/progress-bar.js';
+import '../components/error-boundary.js';
+import '../components/authed-image.js';
+import '../hooks/use-authed-src.js';
+import '../components/image-grid.js';
+import '../components/lightbox.js';
+import '../components/write-lock.js';
+import '../components/legal.js';
+import '../components/account-chips.js';
+import '../lib/format.js';
+import '../components/reauth-dialog.js';
+import '../components/server-wake.js';
+import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
+import '../components/country-select.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/field-parts.js';

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

@@ -1,7 +1,5 @@
 import 'react';
-export { z as ChatComposer, D as ChatComposerHandle, E as ChatComposerLabels, F as ChatComposerProps, a3 as DEFAULT_FEEDBACK_COMPOSER_LABELS, a4 as DEFAULT_FEEDBACK_THREAD_LABELS, ax as FeedbackComposer, ay as FeedbackComposerAttachment, az as FeedbackComposerHandle, aA as FeedbackComposerLabels, aB as FeedbackComposerProps, aC as FeedbackThread, aD as FeedbackThreadAttachment, aE as FeedbackThreadEvent, aF as FeedbackThreadItem, aG as FeedbackThreadLabels, aH as FeedbackThreadMessage, aI as FeedbackThreadProps } from '../feedback-BxeQVzwq.js';
-import '../feedback-attachment-fGAzZPf0.js';
-import './feedback-inbox.js';
+export { z as ChatComposer, D as ChatComposerHandle, E as ChatComposerLabels, F as ChatComposerProps, G as ChatComposerSlotContext, a6 as DEFAULT_FEEDBACK_COMPOSER_LABELS, a8 as DEFAULT_FEEDBACK_THREAD_LABELS, aV as FeedbackComposer, aW as FeedbackComposerAttachment, aX as FeedbackComposerHandle, aY as FeedbackComposerLabels, aZ as FeedbackComposerProps, a_ as FeedbackComposerSlotContext, bf as FeedbackThread, bg as FeedbackThreadAttachment, bh as FeedbackThreadEvent, bi as FeedbackThreadItem, bj as FeedbackThreadLabels, bk as FeedbackThreadMessage, bl as FeedbackThreadProps } from '../feedback-DOwPu-Il.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';

package/dist/feedback/feedback-thread.js

@@ -310,6 +310,10 @@ function FeedbackComposer({
     });
   };
   const config = attachment === true ? {} : attachment || null;
+  const slot = typeof attachmentSlot === "function" ? (
+    // eslint-disable-next-line react-hooks/refs -- handed on for an effect, not read here
+    attachmentSlot({ root, pending })
+  ) : attachmentSlot;
   return /* @__PURE__ */ jsxs("div", { ...rootAttributes, ref: root, className: cn("space-y-2", className), children: [
     /* @__PURE__ */ jsx(
       Textarea,
@@ -337,7 +341,7 @@ function FeedbackComposer({
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end justify-between gap-2", children: [
-      config || attachmentSlot != null ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-end gap-2", children: [
+      config || slot != null ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-end gap-2", children: [
         config && /* @__PURE__ */ jsx(
           FeedbackAttachmentField,
           {
@@ -348,10 +352,12 @@ function FeedbackComposer({
             maxBytes: config.maxBytes,
             onError: config.onError,
             onCaptureScreenshot: config.onCaptureScreenshot,
+            buttonVariant: config.buttonVariant,
+            buttonSize: config.buttonSize,
             pasteFrom: root
           }
         ),
-        attachmentSlot
+        slot
       ] }) : /* @__PURE__ */ jsx("span", {}),
       /* @__PURE__ */ jsxs("div", { className: "ms-auto flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(