@eifi1/ui-kit 0.33.0 → 0.33.1

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

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { f8 as SelectProps } from '../delete-account-setting-DiPX4Vue.js';
+import { f8 as SelectProps } from '../delete-account-setting-DAgGBrbn.js';
 import { ToggleGroupBaseProps } from './toggle-group.js';
 import { ThemePreference } from '../theme/theme-store.js';
 import { TextSize } from '../theme/text-size.js';
@@ -86,6 +86,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import './reauth-dialog.js';
 import './server-wake.js';
 import '../lib/server-wake.js';

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

@@ -1,7 +1,7 @@
 import 'react';
 import './account-chips.js';
 import './dialog-frame.js';
-export { cQ as DEFAULT_SHARE_CARD_LABELS, f9 as ShareAddRequest, fa as ShareCandidate, fb as ShareCard, fc as ShareCardLabels, fd as ShareCardProps, fe as ShareDialog, ff as ShareDialogProps, fg as ShareGrantee, fh as SharePanel, fi as SharePanelProps, fj as SharePendingGrant, fk as ShareRole } from '../delete-account-setting-DiPX4Vue.js';
+export { cQ as DEFAULT_SHARE_CARD_LABELS, f9 as ShareAddRequest, fa as ShareCandidate, fb as ShareCard, fc as ShareCardLabels, fd as ShareCardProps, fe as ShareDialog, ff as ShareDialogProps, fg as ShareGrantee, fh as SharePanel, fi as SharePanelProps, fj as SharePendingGrant, fk as ShareRole } from '../delete-account-setting-DAgGBrbn.js';
 import 'lucide-react';
 import '../lib/format.js';
 import './chip.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import './appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

package/dist/components/skeleton.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 
 /**
  * The look of a placeholder, as one class string — the same fill and pulse
@@ -12,7 +12,15 @@ import { ComponentPropsWithoutRef } from 'react';
  */
 declare const SKELETON_CLASS = "animate-pulse rounded bg-[var(--bg-active)] motion-reduce:animate-none";
 type SkeletonShape = "line" | "block" | "circle";
-interface SkeletonProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+/**
+ * A `div`'s props, `ref` included (0.33.1, keksdose): they were spread onto the
+ * placeholder all along, but `ComponentPropsWithoutRef` kept `ref` out of the type, so an
+ * app could not hold the element (to measure it, or scroll it into view) without a
+ * wrapper. The ref is the placeholder's — with `lines`, the box round the lines; with
+ * `label`, still the placeholder, not the `role="status"` region round it — where
+ * `className` goes too.
+ */
+interface SkeletonProps extends Omit<ComponentPropsWithRef<"div">, "children"> {
     /** `line` (default): a bar the height of a line of small text. `block`: an area
      *  (an image, a chart, a card body). `circle`: an avatar. Size any of them with
      *  `className` (`w-32`, `h-40`, `size-8`). */

package/dist/components/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport { cn } from \"../lib/cn\";\n\n/**\n * The look of a placeholder, as one class string — the same fill and pulse\n * `StatTile`'s `loading` headline draws (it imports this), so a tile and the list\n * beside it shimmer as one surface.\n *\n * `motion-reduce:animate-none`: a pulse is motion with no information in it, which\n * is exactly what `prefers-reduced-motion` asks to be dropped. The fill stays, so the\n * shape of what is coming is still there.\n */\nexport const SKELETON_CLASS = \"animate-pulse rounded bg-[var(--bg-active)] motion-reduce:animate-none\";\n\nexport type SkeletonShape = \"line\" | \"block\" | \"circle\";\n\nexport interface SkeletonProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** `line` (default): a bar the height of a line of small text. `block`: an area\n   *  (an image, a chart, a card body). `circle`: an avatar. Size any of them with\n   *  `className` (`w-32`, `h-40`, `size-8`). */\n  shape?: SkeletonShape;\n  /** For `line`: this many lines, the last one shorter — a paragraph's outline. */\n  lines?: number;\n  /**\n   * Say what is loading, once: wraps the placeholder in a `role=\"status\"` region with\n   * this as its (visually hidden) text — kastlan's activity feed (activity-feed:52)\n   * built exactly that by hand around `<Skeleton lines={5} />`. The placeholder itself\n   * stays hidden. Left out, nothing is announced, as before.\n   */\n  label?: string;\n}\n\nconst SHAPE: Record<SkeletonShape, string> = {\n  line: \"h-3 w-full\",\n  block: \"h-24 w-full rounded-md\",\n  circle: \"size-10 rounded-full\",\n};\n\n/**\n * A grey stand-in for content that is on its way.\n *\n * keksdose and kastlan both drew these by hand — `animate-pulse bg-slate-200` in one\n * place, a token in the next, a pulse that ran under reduced motion everywhere.\n *\n * ALWAYS `aria-hidden`. A placeholder is not content, and a reader that met twelve\n * unnamed grey boxes would have learned nothing. Say \"loading\" once, where it\n * belongs: `aria-busy` on the region being filled, a `Spinner` / sr-only line\n * beside the skeletons, or this component's own `label`.\n */\nexport function Skeleton({ label, ...props }: SkeletonProps) {\n  if (!label) return <SkeletonFill {...props} />;\n  return (\n    // `relative`: the containing block for the sr-only text (sr-only-containment.test).\n    <div role=\"status\" className=\"relative\" data-skeleton-status=\"\">\n      <span className=\"sr-only\">{label}</span>\n      <SkeletonFill {...props} />\n    </div>\n  );\n}\n\nfunction SkeletonFill({ shape = \"line\", lines, className, ...rest }: Omit<SkeletonProps, \"label\">) {\n  if (shape === \"line\" && lines !== undefined && lines > 1) {\n    return (\n      <div {...rest} aria-hidden className={cn(\"flex flex-col gap-2\", className)} data-skeleton=\"lines\">\n        {Array.from({ length: lines }, (_, i) => (\n          <div\n            key={i}\n            className={cn(SKELETON_CLASS, SHAPE.line, i === lines - 1 && \"w-2/3\")}\n            data-skeleton=\"line\"\n          />\n        ))}\n      </div>\n    );\n  }\n  return (\n    <div\n      {...rest}\n      aria-hidden\n      data-skeleton={shape}\n      className={cn(SKELETON_CLASS, SHAPE[shape], className)}\n    />\n  );\n}\n"],"mappings":";AAkDqB,cAGjB,YAHiB;AAjDrB,SAAS,UAAU;AAWZ,MAAM,iBAAiB;AAoB9B,MAAM,QAAuC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAaO,SAAS,SAAS,EAAE,OAAO,GAAG,MAAM,GAAkB;AAC3D,MAAI,CAAC,MAAO,QAAO,oBAAC,gBAAc,GAAG,OAAO;AAC5C;AAAA;AAAA,IAEE,qBAAC,SAAI,MAAK,UAAS,WAAU,YAAW,wBAAqB,IAC3D;AAAA,0BAAC,UAAK,WAAU,WAAW,iBAAM;AAAA,MACjC,oBAAC,gBAAc,GAAG,OAAO;AAAA,OAC3B;AAAA;AAEJ;AAEA,SAAS,aAAa,EAAE,QAAQ,QAAQ,OAAO,WAAW,GAAG,KAAK,GAAiC;AACjG,MAAI,UAAU,UAAU,UAAU,UAAa,QAAQ,GAAG;AACxD,WACE,oBAAC,SAAK,GAAG,MAAM,eAAW,MAAC,WAAW,GAAG,uBAAuB,SAAS,GAAG,iBAAc,SACvF,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,GAAG,gBAAgB,MAAM,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,QACpE,iBAAc;AAAA;AAAA,MAFT;AAAA,IAGP,CACD,GACH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,MACX,iBAAe;AAAA,MACf,WAAW,GAAG,gBAAgB,MAAM,KAAK,GAAG,SAAS;AAAA;AAAA,EACvD;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from \"react\";\nimport { cn } from \"../lib/cn\";\n\n/**\n * The look of a placeholder, as one class string — the same fill and pulse\n * `StatTile`'s `loading` headline draws (it imports this), so a tile and the list\n * beside it shimmer as one surface.\n *\n * `motion-reduce:animate-none`: a pulse is motion with no information in it, which\n * is exactly what `prefers-reduced-motion` asks to be dropped. The fill stays, so the\n * shape of what is coming is still there.\n */\nexport const SKELETON_CLASS = \"animate-pulse rounded bg-[var(--bg-active)] motion-reduce:animate-none\";\n\nexport type SkeletonShape = \"line\" | \"block\" | \"circle\";\n\n/**\n * A `div`'s props, `ref` included (0.33.1, keksdose): they were spread onto the\n * placeholder all along, but `ComponentPropsWithoutRef` kept `ref` out of the type, so an\n * app could not hold the element (to measure it, or scroll it into view) without a\n * wrapper. The ref is the placeholder's — with `lines`, the box round the lines; with\n * `label`, still the placeholder, not the `role=\"status\"` region round it — where\n * `className` goes too.\n */\nexport interface SkeletonProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  /** `line` (default): a bar the height of a line of small text. `block`: an area\n   *  (an image, a chart, a card body). `circle`: an avatar. Size any of them with\n   *  `className` (`w-32`, `h-40`, `size-8`). */\n  shape?: SkeletonShape;\n  /** For `line`: this many lines, the last one shorter — a paragraph's outline. */\n  lines?: number;\n  /**\n   * Say what is loading, once: wraps the placeholder in a `role=\"status\"` region with\n   * this as its (visually hidden) text — kastlan's activity feed (activity-feed:52)\n   * built exactly that by hand around `<Skeleton lines={5} />`. The placeholder itself\n   * stays hidden. Left out, nothing is announced, as before.\n   */\n  label?: string;\n}\n\nconst SHAPE: Record<SkeletonShape, string> = {\n  line: \"h-3 w-full\",\n  block: \"h-24 w-full rounded-md\",\n  circle: \"size-10 rounded-full\",\n};\n\n/**\n * A grey stand-in for content that is on its way.\n *\n * keksdose and kastlan both drew these by hand — `animate-pulse bg-slate-200` in one\n * place, a token in the next, a pulse that ran under reduced motion everywhere.\n *\n * ALWAYS `aria-hidden`. A placeholder is not content, and a reader that met twelve\n * unnamed grey boxes would have learned nothing. Say \"loading\" once, where it\n * belongs: `aria-busy` on the region being filled, a `Spinner` / sr-only line\n * beside the skeletons, or this component's own `label`.\n */\nexport function Skeleton({ label, ...props }: SkeletonProps) {\n  if (!label) return <SkeletonFill {...props} />;\n  return (\n    // `relative`: the containing block for the sr-only text (sr-only-containment.test).\n    <div role=\"status\" className=\"relative\" data-skeleton-status=\"\">\n      <span className=\"sr-only\">{label}</span>\n      <SkeletonFill {...props} />\n    </div>\n  );\n}\n\nfunction SkeletonFill({ shape = \"line\", lines, className, ...rest }: Omit<SkeletonProps, \"label\">) {\n  if (shape === \"line\" && lines !== undefined && lines > 1) {\n    return (\n      <div {...rest} aria-hidden className={cn(\"flex flex-col gap-2\", className)} data-skeleton=\"lines\">\n        {Array.from({ length: lines }, (_, i) => (\n          <div\n            key={i}\n            className={cn(SKELETON_CLASS, SHAPE.line, i === lines - 1 && \"w-2/3\")}\n            data-skeleton=\"line\"\n          />\n        ))}\n      </div>\n    );\n  }\n  return (\n    <div\n      {...rest}\n      aria-hidden\n      data-skeleton={shape}\n      className={cn(SKELETON_CLASS, SHAPE[shape], className)}\n    />\n  );\n}\n"],"mappings":";AA0DqB,cAGjB,YAHiB;AAzDrB,SAAS,UAAU;AAWZ,MAAM,iBAAiB;AA4B9B,MAAM,QAAuC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAaO,SAAS,SAAS,EAAE,OAAO,GAAG,MAAM,GAAkB;AAC3D,MAAI,CAAC,MAAO,QAAO,oBAAC,gBAAc,GAAG,OAAO;AAC5C;AAAA;AAAA,IAEE,qBAAC,SAAI,MAAK,UAAS,WAAU,YAAW,wBAAqB,IAC3D;AAAA,0BAAC,UAAK,WAAU,WAAW,iBAAM;AAAA,MACjC,oBAAC,gBAAc,GAAG,OAAO;AAAA,OAC3B;AAAA;AAEJ;AAEA,SAAS,aAAa,EAAE,QAAQ,QAAQ,OAAO,WAAW,GAAG,KAAK,GAAiC;AACjG,MAAI,UAAU,UAAU,UAAU,UAAa,QAAQ,GAAG;AACxD,WACE,oBAAC,SAAK,GAAG,MAAM,eAAW,MAAC,WAAW,GAAG,uBAAuB,SAAS,GAAG,iBAAc,SACvF,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,GAAG,gBAAgB,MAAM,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,QACpE,iBAAc;AAAA;AAAA,MAFT;AAAA,IAGP,CACD,GACH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,MACX,iBAAe;AAAA,MACf,WAAW,GAAG,gBAAgB,MAAM,KAAK,GAAG,SAAS;AAAA;AAAA,EACvD;AAEJ;","names":[]}

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

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactElement, ComponentPropsWithoutRef, ReactNode, Ref, MouseEvent, KeyboardEvent } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { e1 as KitLinkComponent } from '../delete-account-setting-DiPX4Vue.js';
+import { e1 as KitLinkComponent } from '../delete-account-setting-DAgGBrbn.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -82,6 +82,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import './appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { dP as InputProps } from '../delete-account-setting-DiPX4Vue.js';
+import { dP as InputProps } from '../delete-account-setting-DAgGBrbn.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import './appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

package/dist/components/ui.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import './tooltip.js';
-export { bI as Button, bJ as ButtonClassesOptions, bK as ButtonLinkProps, bL as ButtonProps, bM as ButtonSize, bN as ButtonTone, bO as ButtonVariant, bQ as Card, bR as CardAction, bS as CardActionProps, bT as CardContent, bU as CardContentProps, bV as CardDensity, bW as CardDescription, bX as CardDescriptionProps, bY as CardFooter, bZ as CardFooterProps, b_ as CardHeader, b$ as CardHeaderProps, c0 as CardProps, c1 as CardTitle, c2 as CardTitleLevel, c3 as CardTitleProps, c4 as CardTone, c5 as CharacterCountLabels, cr as DEFAULT_CHARACTER_COUNT_LABELS, cI as DEFAULT_PASSWORD_REVEAL_LABELS, cS as DEFAULT_TABS_LABELS, d6 as EmptyState, d7 as EmptyStateProps, d8 as FIELD_BASE, d9 as FIELD_DISPLAY, da as FIELD_FLOATING_PAD, db as FIELD_INVALID, dc as FIELD_TOUCH_TEXT, dd as FIELD_TRIGGER, de as FIELD_WRITABLE_LOOK, df as FLOATING_INPUT_CLASS, dg as FLOATING_LABEL_CLASS, dh as FieldChevron, di as FieldChevronProps, dr as FloatingField, ds as FloatingFieldProps, dG as IconButton, dH as IconButtonGlyphSize, dI as IconButtonLinkProps, dJ as IconButtonProps, dK as IconButtonSize, dL as IconButtonTone, dM as IconButtonToneColor, dN as IconButtonVariant, dO as Input, dP as InputProps, e4 as Label, e6 as LabelProps, ep as PHONE_QUERY, eq as PasswordRevealLabels, f7 as Select, f8 as SelectProps, fl as Spinner, fm as SpinnerProps, fp as TOUCH_TARGET_LARGE, fq as TabItem, fr as Tabs, fs as TabsLabels, ft as TabsProps, fu as Textarea, fv as TextareaProps, fZ as buttonClasses, g8 as resolvePasswordRevealLabels } from '../delete-account-setting-DiPX4Vue.js';
+export { bI as Button, bJ as ButtonClassesOptions, bK as ButtonLinkProps, bL as ButtonProps, bM as ButtonSize, bN as ButtonTone, bO as ButtonVariant, bQ as Card, bR as CardAction, bS as CardActionProps, bT as CardContent, bU as CardContentProps, bV as CardDensity, bW as CardDescription, bX as CardDescriptionProps, bY as CardFooter, bZ as CardFooterProps, b_ as CardHeader, b$ as CardHeaderProps, c0 as CardProps, c1 as CardTitle, c2 as CardTitleLevel, c3 as CardTitleProps, c4 as CardTone, c5 as CharacterCountLabels, cr as DEFAULT_CHARACTER_COUNT_LABELS, cI as DEFAULT_PASSWORD_REVEAL_LABELS, cS as DEFAULT_TABS_LABELS, d6 as EmptyState, d7 as EmptyStateProps, d8 as FIELD_BASE, d9 as FIELD_DISPLAY, da as FIELD_FLOATING_PAD, db as FIELD_INVALID, dc as FIELD_TOUCH_TEXT, dd as FIELD_TRIGGER, de as FIELD_WRITABLE_LOOK, df as FLOATING_INPUT_CLASS, dg as FLOATING_LABEL_CLASS, dh as FieldChevron, di as FieldChevronProps, dr as FloatingField, ds as FloatingFieldProps, dG as IconButton, dH as IconButtonGlyphSize, dI as IconButtonLinkProps, dJ as IconButtonProps, dK as IconButtonSize, dL as IconButtonTone, dM as IconButtonToneColor, dN as IconButtonVariant, dO as Input, dP as InputProps, e4 as Label, e6 as LabelProps, ep as PHONE_QUERY, eq as PasswordRevealLabels, f7 as Select, f8 as SelectProps, fl as Spinner, fm as SpinnerProps, fp as TOUCH_TARGET_LARGE, fq as TabItem, fr as Tabs, fs as TabsLabels, ft as TabsProps, fu as Textarea, fv as TextareaProps, fZ as buttonClasses, g8 as resolvePasswordRevealLabels } from '../delete-account-setting-DAgGBrbn.js';
 import './write-lock.js';
 export { CompactControls, DISABLED_REASON_LINE_CLASS, DisabledReasonDisplay, DisabledReasonLine, FLOATING_LABEL_STATIC, FieldHint, FieldHintProps, FieldLabel, FieldLabelProps, useDisabledReasonLine } from './field-parts.js';
 export { FOCUS_RING, FOCUS_RING_WIDTH } from './focus-ring.js';
@@ -82,6 +82,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import './appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

package/dist/{delete-account-setting-DiPX4Vue.d.ts → delete-account-setting-DAgGBrbn.d.ts}

@@ -63,6 +63,7 @@ import { AdminActionLogLabels } from './admin/admin-action-log.js';
 import { SettingsLabels } from './settings/settings-labels.js';
 import { LandingLabels } from './landing/landing-labels.js';
 import { DemoLabels } from './demo/demo-labels.js';
+import { PluralForms } from './i18n/plurals.js';
 import { AppearanceLabels } from './components/appearance-labels.js';
 import { TextSize } from './theme/text-size.js';
 import { ReauthDialogLabels } from './components/reauth-dialog.js';
@@ -1384,6 +1385,18 @@ interface FeedbackComposerProps {
     /** Rendered INSTEAD of the composer — the thread is closed, or read-only for this
      *  reader. */
     disabledReason?: ReactNode;
+    /**
+     * Send COMMITS (0.33.1, kastlan's assistant): under a locked {@link WriteLockProvider}
+     * Send is disabled the `disabledReason` way — focusable, the lock's reason in its
+     * tooltip and description, as on {@link Button}'s `commit` — and neither Enter nor
+     * Ctrl/⌘+Enter sends. The box stays editable and the draft stays: nothing in it
+     * reaches the server until Send, and the lock may lift. No provider, or an unlocked
+     * one: no effect. A {@link CommitScope}: kastlan's assistant answers under the demo
+     * and not under a lapsed plan (its backend's 402), so it passes
+     * `commit={{ except: ["demo"] }}` where it read `useWriteLock` and fed `canSend` and a
+     * reason by hand. Not the prop above: that one replaces the box, this one keeps it.
+     */
+    commit?: CommitScope;
     rows?: number;
     /**
      * The longest draft the box takes, in UTF-16 code units as the browser counts — the
@@ -1476,7 +1489,7 @@ interface FeedbackComposerHandle {
  * use, so the habit carries across the feature. Plain Enter is a new line: feedback is
  * written in paragraphs, unlike a chat — which `sendOn="enter"` is for (keksdose G5).
  */
-declare function FeedbackComposer({ onSend, pending, attachment, attachmentSlot, canSend: canSendProp, sendOn, disabledReason, rows, maxLength, showCount, countLabels, placeholder, value, onValueChange, ref, labels: labelsProp, className, id, size, ...rest }: FeedbackComposerProps): react.JSX.Element;
+declare function FeedbackComposer({ onSend, pending, attachment, attachmentSlot, canSend: canSendProp, sendOn, disabledReason, commit, rows, maxLength, showCount, countLabels, placeholder, value, onValueChange, ref, labels: labelsProp, className, id, size, ...rest }: FeedbackComposerProps): react.JSX.Element;
 /**
  * {@link FeedbackComposer} under a name that is not about feedback (keksdose K17).
  *
@@ -5123,8 +5136,14 @@ interface PlanChangeLabels {
     untilDone: (date: string) => string;
     /** The result: the account owns more than the new plan allows. */
     overLimit: string;
-    /** The column's usage, spelled out (its tooltip): "1 of 5 budgets". Figures arrive
-     *  formatted; `dimension` is the app's word, as `usage` gives it. */
+    /**
+     * The column's usage, spelled out (its tooltip): "1 of 5 budgets". Figures arrive
+     * formatted; `dimension` is the app's word, as `usage.label` gives it — since 0.33.1
+     * in the form the LIMIT takes when the label gives its plural forms ("1 of 1 budget",
+     * "1 of 5 budgets"): in every shipped language the word follows the limit, or heads
+     * the line in German, whose `von` would want a dative plural no app form carries
+     * ("Budgets: 1 von 5"). An override of yours gets the same word.
+     */
     usageOf: (used: string, limit: string, dimension: string) => string;
 }
 declare const DEFAULT_PLAN_CHANGE_LABELS: PlanChangeLabels;
@@ -5133,8 +5152,17 @@ interface PlanColumnUsage {
     used: number;
     /** The plan's limit for it; `null` (unlimited, or none known): no line. */
     limit: number | null;
-    /** The app's word for what is counted, as in "1 of 5 budgets". */
-    label: string;
+    /**
+     * The app's word for what is counted, as it reads after a number: "budgets" in "1 of 5
+     * budgets" — the word in a sentence, not a heading's "Budgets".
+     *
+     * Its plural forms (0.33.1, keksdose): `{ one: "budget", other: "budgets" }` — your
+     * catalogue's `_one` / `_other` pair, any CLDR category allowed, `other` for the rest
+     * ({@link PluralForms}). The column picks the form for the limit in the provider's
+     * locale, so a plan of one reads "1 of 1 budget". A plain string is used as it is,
+     * whatever the count.
+     */
+    label: string | PluralForms;
 }
 interface PlanColumnOptions<T> {
     /** The column's key. Default `"plan"`. */
@@ -5147,13 +5175,18 @@ interface PlanColumnOptions<T> {
      *  undefined for a row: no chip — billing off, where a status says nothing. */
     status?: (row: T) => SubscriptionStatus | undefined;
     /** The row's usage of its plan's limit: "1/5" under the name, "1 of 5 budgets" in
-     *  the tooltip. Undefined for a row, or a `null` limit: no line. */
+     *  the tooltip (`planChange.usageOf`, with the label's form for the limit). Undefined
+     *  for a row, or a `null` limit: no line. */
     usage?: (row: T) => PlanColumnUsage | undefined;
     /** A select filter over these codes, each named by `planName`. Left out: none. */
     filterPlans?: readonly string[];
     /**
      * The sort. Default: by the plan code (keksdose's, `users-panel.tsx:739`). A function:
      * by its value — the catalogue's `sort` for rank order. `false`: not sortable.
+     *
+     * Client-side only, as every column's `sortBy`: a `DataTable` with `serverPagination`
+     * holds one page, so it sorts nothing itself — with `onSortsChange` it reports the
+     * column's `key` (default `"plan"`), and your server orders the rows by it.
      */
     sortBy?: false | ((row: T) => string | number | null | undefined);
     /** The header's text. Default `planChange.column`. */
@@ -5172,7 +5205,11 @@ interface PlanColumnOptions<T> {
  *       plan: (u) => u.plan,
  *       planName,
  *       status: billingOn ? (u) => u.subscription?.status : undefined,
- *       usage: (u) => ({ used: u.budgets_owned, limit: u.limits.budgets, label: t("budgets") }),
+ *       usage: (u) => ({
+ *         used: u.budgets_owned,
+ *         limit: u.limits.budgets,
+ *         label: { one: t("planUsage.budget_one"), other: t("planUsage.budget_other") },
+ *       }),
  *       filterPlans: plans.map((p) => p.code),
  *     })]
  *

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

@@ -1,5 +1,5 @@
 import 'react';
-export { D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, be as pastedName } from '../delete-account-setting-DiPX4Vue.js';
+export { D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, be as pastedName } from '../delete-account-setting-DAgGBrbn.js';
 import '../components/write-lock.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { h as DEFAULT_FEEDBACK_CONTEXT_LABELS, a0 as FeedbackContextBox, a1 as FeedbackContextBoxProps, a2 as FeedbackContextInput, a3 as FeedbackContextLabels, aM as FeedbackSubmitter, b2 as feedbackContext } from '../delete-account-setting-DiPX4Vue.js';
+export { h as DEFAULT_FEEDBACK_CONTEXT_LABELS, a0 as FeedbackContextBox, a1 as FeedbackContextBoxProps, a2 as FeedbackContextInput, a3 as FeedbackContextLabels, aM as FeedbackSubmitter, b2 as feedbackContext } from '../delete-account-setting-DAgGBrbn.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,5 +1,5 @@
 import { CrashReport } from '../components/error-boundary.js';
-import { ah as FeedbackEnvironment } from '../delete-account-setting-DiPX4Vue.js';
+import { ah as FeedbackEnvironment } from '../delete-account-setting-DAgGBrbn.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { j as DEFAULT_FEEDBACK_DIALOG_LABELS, L as FeedbackAttachmentLabels, T as FeedbackCategoryOption, a9 as FeedbackDialog, aa as FeedbackDialogLabels, ab as FeedbackDialogMultipleProps, ac as FeedbackDialogProps, ad as FeedbackDialogSingleProps, ae as FeedbackDialogTextLabels, an as FeedbackMultipleSubmission, aK as FeedbackSubmission, aL as FeedbackSubmitHint } from '../delete-account-setting-DiPX4Vue.js';
+export { j as DEFAULT_FEEDBACK_DIALOG_LABELS, L as FeedbackAttachmentLabels, T as FeedbackCategoryOption, a9 as FeedbackDialog, aa as FeedbackDialogLabels, ab as FeedbackDialogMultipleProps, ac as FeedbackDialogProps, ad as FeedbackDialogSingleProps, ae as FeedbackDialogTextLabels, an as FeedbackMultipleSubmission, aK as FeedbackSubmission, aL as FeedbackSubmitHint } from '../delete-account-setting-DAgGBrbn.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import 'lucide-react';
-export { t as FEEDBACK_CATEGORY_META, u as FEEDBACK_CATEGORY_ORDER, x as FEEDBACK_STATUS_META, y as FEEDBACK_STATUS_ORDER, Q as FeedbackCategory, R as FeedbackCategoryBadge, a4 as FeedbackDetail, a7 as FeedbackDetailSection, ao as FeedbackNoteAttachment, ap as FeedbackNoteEditor, ar as FeedbackProse, az as FeedbackStatus, aA as FeedbackStatusBadge, aG as FeedbackStatusTransitions, b0 as feedbackCategoryRank, bd as nextFeedbackStatus, bh as selectableFeedbackStatuses, bs as visibleFeedbackStatuses } from '../delete-account-setting-DiPX4Vue.js';
+export { t as FEEDBACK_CATEGORY_META, u as FEEDBACK_CATEGORY_ORDER, x as FEEDBACK_STATUS_META, y as FEEDBACK_STATUS_ORDER, Q as FeedbackCategory, R as FeedbackCategoryBadge, a4 as FeedbackDetail, a7 as FeedbackDetailSection, ao as FeedbackNoteAttachment, ap as FeedbackNoteEditor, ar as FeedbackProse, az as FeedbackStatus, aA as FeedbackStatusBadge, aG as FeedbackStatusTransitions, b0 as feedbackCategoryRank, bd as nextFeedbackStatus, bh as selectableFeedbackStatuses, bs as visibleFeedbackStatuses } from '../delete-account-setting-DAgGBrbn.js';
 import '../components/write-lock.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,4 +1,4 @@
-export { f as DEFAULT_FEEDBACK_CATEGORY_LABELS, m as DEFAULT_FEEDBACK_STATUS_LABELS, o as DEFAULT_FEEDBACK_TOAST_LABELS, S as FeedbackCategoryLabels, aC as FeedbackStatusLabels, aV as FeedbackToastLabels, bk as useFeedbackCategoryLabels, bp as useFeedbackStatusLabels, br as useFeedbackToastLabels } from '../delete-account-setting-DiPX4Vue.js';
+export { f as DEFAULT_FEEDBACK_CATEGORY_LABELS, m as DEFAULT_FEEDBACK_STATUS_LABELS, o as DEFAULT_FEEDBACK_TOAST_LABELS, S as FeedbackCategoryLabels, aC as FeedbackStatusLabels, aV as FeedbackToastLabels, bk as useFeedbackCategoryLabels, bp as useFeedbackStatusLabels, br as useFeedbackToastLabels } from '../delete-account-setting-DAgGBrbn.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,7 +1,7 @@
 import 'react';
 import '../components/user-avatar.js';
 import '../shell/topbar-action-menu.js';
-export { k as DEFAULT_FEEDBACK_MENU_LABELS, ai as FeedbackMenu, aj as FeedbackMenuLabels, ak as FeedbackMenuProps } from '../delete-account-setting-DiPX4Vue.js';
+export { k as DEFAULT_FEEDBACK_MENU_LABELS, ai as FeedbackMenu, aj as FeedbackMenuLabels, ak as FeedbackMenuProps } from '../delete-account-setting-DAgGBrbn.js';
 import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,4 +1,4 @@
-export { F as FEEDBACK_ATTACHMENT_ACCEPT, r as FEEDBACK_AUTHOR_EDITABLE_STATUSES, s as FEEDBACK_AWAITING_STATUSES, v as FEEDBACK_PICKABLE_CATEGORIES, w as FEEDBACK_REWORKABLE_STATUSES, $ as FeedbackContext, ah as FeedbackEnvironment, as as FeedbackRecord, aY as appendRework, aZ as attachmentName, a_ as feedbackAttachmentLine, bc as isImageAttachment, bf as replaceDescription, bg as reworkCount, bi as splitBodyAttachments, bj as splitDescription } from '../delete-account-setting-DiPX4Vue.js';
+export { F as FEEDBACK_ATTACHMENT_ACCEPT, r as FEEDBACK_AUTHOR_EDITABLE_STATUSES, s as FEEDBACK_AWAITING_STATUSES, v as FEEDBACK_PICKABLE_CATEGORIES, w as FEEDBACK_REWORKABLE_STATUSES, $ as FeedbackContext, ah as FeedbackEnvironment, as as FeedbackRecord, aY as appendRework, aZ as attachmentName, a_ as feedbackAttachmentLine, bc as isImageAttachment, bf as replaceDescription, bg as reworkCount, bi as splitBodyAttachments, bj as splitDescription } from '../delete-account-setting-DAgGBrbn.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

package/dist/feedback/feedback-row-detail.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import '../hooks/use-authed-src.js';
-export { i as DEFAULT_FEEDBACK_DETAIL_LABELS, a5 as FeedbackDetailLabels, a6 as FeedbackDetailPatch, a8 as FeedbackDetailUpdate, au as FeedbackReworkSection, av as FeedbackReworkSectionProps, aw as FeedbackRowAccess, ax as FeedbackRowDetail, ay as FeedbackRowDetailProps, aW as FeedbackUpload, a$ as feedbackAttachmentUrls, b5 as feedbackPageHref, b6 as feedbackPagePath, b7 as feedbackPageUrl, b8 as feedbackRowAccess, bm as useFeedbackDetailLabels } from '../delete-account-setting-DiPX4Vue.js';
+export { i as DEFAULT_FEEDBACK_DETAIL_LABELS, a5 as FeedbackDetailLabels, a6 as FeedbackDetailPatch, a8 as FeedbackDetailUpdate, au as FeedbackReworkSection, av as FeedbackReworkSectionProps, aw as FeedbackRowAccess, ax as FeedbackRowDetail, ay as FeedbackRowDetailProps, aW as FeedbackUpload, a$ as feedbackAttachmentUrls, b5 as feedbackPageHref, b6 as feedbackPagePath, b7 as feedbackPageUrl, b8 as feedbackRowAccess, bm as useFeedbackDetailLabels } from '../delete-account-setting-DAgGBrbn.js';
 import '../components/write-lock.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

package/dist/feedback/feedback-status-undo.d.ts

@@ -1,4 +1,4 @@
-export { z as FEEDBACK_UNDO_DURATION, aB as FeedbackStatusChange, aD as FeedbackStatusMutate, aE as FeedbackStatusPatch, aF as FeedbackStatusRow, aH as FeedbackStatusUndoOptions, bq as useFeedbackStatusUndo } from '../delete-account-setting-DiPX4Vue.js';
+export { z as FEEDBACK_UNDO_DURATION, aB as FeedbackStatusChange, aD as FeedbackStatusMutate, aE as FeedbackStatusPatch, aF as FeedbackStatusRow, aH as FeedbackStatusUndoOptions, bq as useFeedbackStatusUndo } from '../delete-account-setting-DAgGBrbn.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Q as FeedbackCategory, $ as FeedbackContext, aM as FeedbackSubmitter, ah as FeedbackEnvironment } from '../delete-account-setting-DiPX4Vue.js';
+import { Q as FeedbackCategory, $ as FeedbackContext, aM as FeedbackSubmitter, ah as FeedbackEnvironment } from '../delete-account-setting-DAgGBrbn.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,5 +1,5 @@
 import { M as MobileSwipeActions } from '../data-table-labels-BJ5JE_X2.js';
-import { aB as FeedbackStatusChange, aC as FeedbackStatusLabels, aF as FeedbackStatusRow } from '../delete-account-setting-DiPX4Vue.js';
+import { aB as FeedbackStatusChange, aC as FeedbackStatusLabels, aF as FeedbackStatusRow } from '../delete-account-setting-DAgGBrbn.js';
 import 'react';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,7 +1,7 @@
 import 'react';
 import '../components/floating-panel.js';
 import '../data-table-labels-BJ5JE_X2.js';
-export { l as DEFAULT_FEEDBACK_PAGE_LABELS, O as FeedbackAwaitingToggle, P as FeedbackAwaitingToggleProps, U as FeedbackColumnsOptions, af as FeedbackEmptyState, ag as FeedbackEmptyStateProps, al as FeedbackMobileCard, am as FeedbackMobileCardProps, aq as FeedbackPageLabels, at as FeedbackRenderDate, aI as FeedbackSubject, aJ as FeedbackSubjectProps, aN as FeedbackTableRow, aX as UseFeedbackColumnsOptions, b1 as feedbackColumns, b3 as feedbackEnvironment, b4 as feedbackMobileGroupBy, b9 as feedbackSubmitter, ba as feedbackSubmitterEmail, bb as isFeedbackAwaiting, bl as useFeedbackColumns, bn as useFeedbackPageLabels, bo as useFeedbackRenderDate } from '../delete-account-setting-DiPX4Vue.js';
+export { l as DEFAULT_FEEDBACK_PAGE_LABELS, O as FeedbackAwaitingToggle, P as FeedbackAwaitingToggleProps, U as FeedbackColumnsOptions, af as FeedbackEmptyState, ag as FeedbackEmptyStateProps, al as FeedbackMobileCard, am as FeedbackMobileCardProps, aq as FeedbackPageLabels, at as FeedbackRenderDate, aI as FeedbackSubject, aJ as FeedbackSubjectProps, aN as FeedbackTableRow, aX as UseFeedbackColumnsOptions, b1 as feedbackColumns, b3 as feedbackEnvironment, b4 as feedbackMobileGroupBy, b9 as feedbackSubmitter, ba as feedbackSubmitterEmail, bb as isFeedbackAwaiting, bl as useFeedbackColumns, bn as useFeedbackPageLabels, bo as useFeedbackRenderDate } from '../delete-account-setting-DAgGBrbn.js';
 import '../components/write-lock.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

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

@@ -1,5 +1,6 @@
 import 'react';
-export { C as ChatComposer, a as ChatComposerHandle, b as ChatComposerLabels, c as ChatComposerProps, d as ChatComposerSlotContext, g as DEFAULT_FEEDBACK_COMPOSER_LABELS, n as DEFAULT_FEEDBACK_THREAD_LABELS, V as FeedbackComposer, W as FeedbackComposerAttachment, X as FeedbackComposerHandle, Y as FeedbackComposerLabels, Z as FeedbackComposerProps, _ as FeedbackComposerSlotContext, aO as FeedbackThread, aP as FeedbackThreadAttachment, aQ as FeedbackThreadEvent, aR as FeedbackThreadItem, aS as FeedbackThreadLabels, aT as FeedbackThreadMessage, aU as FeedbackThreadProps } from '../delete-account-setting-DiPX4Vue.js';
+export { C as ChatComposer, a as ChatComposerHandle, b as ChatComposerLabels, c as ChatComposerProps, d as ChatComposerSlotContext, g as DEFAULT_FEEDBACK_COMPOSER_LABELS, n as DEFAULT_FEEDBACK_THREAD_LABELS, V as FeedbackComposer, W as FeedbackComposerAttachment, X as FeedbackComposerHandle, Y as FeedbackComposerLabels, Z as FeedbackComposerProps, _ as FeedbackComposerSlotContext, aO as FeedbackThread, aP as FeedbackThreadAttachment, aQ as FeedbackThreadEvent, aR as FeedbackThreadItem, aS as FeedbackThreadLabels, aT as FeedbackThreadMessage, aU as FeedbackThreadProps } from '../delete-account-setting-DAgGBrbn.js';
+import '../components/write-lock.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -13,7 +14,6 @@ import '../components/stat-tile.js';
 import '../components/chip.js';
 import 'lucide-react';
 import '../components/field-parts.js';
-import '../components/write-lock.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';
 import '../components/popover.js';
@@ -81,6 +81,7 @@ import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
 import '../settings/settings-labels.js';
 import '../demo/demo-labels.js';
+import '../i18n/plurals.js';
 import '../components/appearance-labels.js';
 import '../theme/contrast.js';
 import '../theme/text-size.js';

package/dist/feedback/feedback-thread.js

@@ -7,6 +7,7 @@ import { formatDate, 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 { useWriteLock } from "../components/write-lock.js";
 import { useKitFileLabels, useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
 import { FeedbackAttachmentField } from "./feedback-attachment.js";
 const DEFAULT_FEEDBACK_THREAD_LABELS = {
@@ -236,6 +237,7 @@ function FeedbackComposer({
   canSend: canSendProp,
   sendOn = "mod-enter",
   disabledReason,
+  commit,
   rows = 3,
   maxLength,
   showCount,
@@ -251,6 +253,7 @@ function FeedbackComposer({
   ...rest
 }) {
   const labels = useKitLabels("feedbackComposer", DEFAULT_FEEDBACK_COMPOSER_LABELS, labelsProp);
+  const lock = useWriteLock(commit ?? false);
   const rootAttributes = { id, ...dataAttributes(rest) };
   const hintId = useId();
   const [ownDraft, setOwnDraft] = useState("");
@@ -298,7 +301,7 @@ function FeedbackComposer({
     return /* @__PURE__ */ jsx("p", { ...rootAttributes, className: cn("text-xs text-[var(--text-muted)]", className), children: disabledReason });
   }
   const tooLong = maxLength !== void 0 && draft.length > maxLength;
-  const canSend = (canSendProp ?? draft.trim().length > 0) && !pending && !tooLong;
+  const canSend = (canSendProp ?? draft.trim().length > 0) && !pending && !tooLong && !lock.locked;
   const send = () => {
     if (!canSend) return;
     const sentDraft = draft;
@@ -373,6 +376,7 @@ function FeedbackComposer({
           {
             onClick: send,
             disabled: !canSend,
+            commit,
             "aria-busy": pending || void 0,
             size: size === "sm" ? "sm" : void 0,
             children: [