@eifi1/ui-kit 0.32.0 → 0.32.2

package/dist/components/wizard-stepper.js

@@ -7,20 +7,26 @@ function WizardStepper({
   ariaLabel
 }) {
   const currentIndex = steps.findIndex((s) => s.key === current);
-  return /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1 text-xs", "aria-label": ariaLabel, children: steps.map((step, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
-    i > 0 && /* @__PURE__ */ jsx("span", { className: "w-4 border-t border-[var(--border)]" }),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-current": step.key === current ? "step" : void 0,
-        className: cn(
-          "rounded-full px-2 py-0.5",
-          i === currentIndex ? "bg-[var(--bg-inverse)] text-[var(--text-inverse)] font-medium" : i < currentIndex ? "text-[var(--text-secondary)]" : "text-[var(--text-placeholder)]"
-        ),
-        children: step.label
-      }
-    )
-  ] }, step.key)) });
+  return (
+    // `flex-wrap`: the steps flow onto a second line rather than past the screen
+    // (0.32.1, the 360 px Extra-large sweep; docs/text-size-harmonization.md §4).
+    // "Upload — Map columns — Confirm" ran 22 px past a 360 px phone at Extra large.
+    // Where the steps fit, they stay one row.
+    /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-1 text-xs", "aria-label": ariaLabel, children: steps.map((step, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
+      i > 0 && /* @__PURE__ */ jsx("span", { className: "w-4 border-t border-[var(--border)]" }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-current": step.key === current ? "step" : void 0,
+          className: cn(
+            "rounded-full px-2 py-0.5",
+            i === currentIndex ? "bg-[var(--bg-inverse)] text-[var(--text-inverse)] font-medium" : i < currentIndex ? "text-[var(--text-secondary)]" : "text-[var(--text-placeholder)]"
+          ),
+          children: step.label
+        }
+      )
+    ] }, step.key)) })
+  );
 }
 export {
   WizardStepper

package/dist/components/wizard-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/wizard-stepper.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\n\n/** Compact step indicator for the import wizards. Past steps are plain, the\n * current one is highlighted, future ones muted. */\nexport function WizardStepper({\n  steps,\n  current,\n  ariaLabel,\n}: {\n  steps: { key: string; label: string }[];\n  current: string;\n  ariaLabel?: string;\n}) {\n  const currentIndex = steps.findIndex((s) => s.key === current);\n  return (\n    <ol className=\"flex items-center gap-1 text-xs\" aria-label={ariaLabel}>\n      {steps.map((step, i) => (\n        <li key={step.key} className=\"flex items-center gap-1\">\n          {i > 0 && <span className=\"w-4 border-t border-[var(--border)]\" />}\n          <span\n            aria-current={step.key === current ? \"step\" : undefined}\n            className={cn(\n              \"rounded-full px-2 py-0.5\",\n              i === currentIndex\n                ? \"bg-[var(--bg-inverse)] text-[var(--text-inverse)] font-medium\"\n                : i < currentIndex\n                  ? \"text-[var(--text-secondary)]\"\n                  : \"text-[var(--text-placeholder)]\",\n            )}\n          >\n            {step.label}\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":";AAiBQ,SACY,KADZ;AAjBR,SAAS,UAAU;AAIZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,eAAe,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ,OAAO;AAC7D,SACE,oBAAC,QAAG,WAAU,mCAAkC,cAAY,WACzD,gBAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,QAAkB,WAAU,2BAC1B;AAAA,QAAI,KAAK,oBAAC,UAAK,WAAU,uCAAsC;AAAA,IAChE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,KAAK,QAAQ,UAAU,SAAS;AAAA,QAC9C,WAAW;AAAA,UACT;AAAA,UACA,MAAM,eACF,kEACA,IAAI,eACF,iCACA;AAAA,QACR;AAAA,QAEC,eAAK;AAAA;AAAA,IACR;AAAA,OAdO,KAAK,GAed,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/wizard-stepper.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\n\n/** Compact step indicator for the import wizards. Past steps are plain, the\n * current one is highlighted, future ones muted. */\nexport function WizardStepper({\n  steps,\n  current,\n  ariaLabel,\n}: {\n  steps: { key: string; label: string }[];\n  current: string;\n  ariaLabel?: string;\n}) {\n  const currentIndex = steps.findIndex((s) => s.key === current);\n  return (\n    // `flex-wrap`: the steps flow onto a second line rather than past the screen\n    // (0.32.1, the 360 px Extra-large sweep; docs/text-size-harmonization.md §4).\n    // \"Upload — Map columns — Confirm\" ran 22 px past a 360 px phone at Extra large.\n    // Where the steps fit, they stay one row.\n    <ol className=\"flex flex-wrap items-center gap-1 text-xs\" aria-label={ariaLabel}>\n      {steps.map((step, i) => (\n        <li key={step.key} className=\"flex items-center gap-1\">\n          {i > 0 && <span className=\"w-4 border-t border-[var(--border)]\" />}\n          <span\n            aria-current={step.key === current ? \"step\" : undefined}\n            className={cn(\n              \"rounded-full px-2 py-0.5\",\n              i === currentIndex\n                ? \"bg-[var(--bg-inverse)] text-[var(--text-inverse)] font-medium\"\n                : i < currentIndex\n                  ? \"text-[var(--text-secondary)]\"\n                  : \"text-[var(--text-placeholder)]\",\n            )}\n          >\n            {step.label}\n          </span>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"mappings":";AAqBQ,SACY,KADZ;AArBR,SAAS,UAAU;AAIZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,eAAe,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ,OAAO;AAC7D;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,oBAAC,QAAG,WAAU,6CAA4C,cAAY,WACnE,gBAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,QAAkB,WAAU,2BAC1B;AAAA,UAAI,KAAK,oBAAC,UAAK,WAAU,uCAAsC;AAAA,MAChE;AAAA,QAAC;AAAA;AAAA,UACC,gBAAc,KAAK,QAAQ,UAAU,SAAS;AAAA,UAC9C,WAAW;AAAA,YACT;AAAA,YACA,MAAM,eACF,kEACA,IAAI,eACF,iCACA;AAAA,UACR;AAAA,UAEC,eAAK;AAAA;AAAA,MACR;AAAA,SAdO,KAAK,GAed,CACD,GACH;AAAA;AAEJ;","names":[]}

package/dist/{delete-account-setting-BvdQdbv3.d.ts → delete-account-setting-Dy4kJgUm.d.ts}

@@ -3904,8 +3904,25 @@ interface RowAction {
     key?: string;
     /** The action's name: the inline icon's name and tooltip, the menu entry's words. */
     label: string;
-    /** Runs it. The kit sends nothing — the app opens its confirmation or calls its API. */
-    onSelect: () => void;
+    /**
+     * Runs it. The kit sends nothing — the app opens its confirmation or calls its API.
+     * Optional only beside `href`; an action has one or the other (or both: `onSelect`
+     * then runs as the link is followed).
+     */
+    onSelect?: () => void;
+    /**
+     * The action NAVIGATES — an edit page, a mail to compose (0.32.1, kastlan's 0.32
+     * report): a real link inline and in the menu, so open in a new tab, a middle click
+     * and the URL on hover work, which `onSelect` + `navigate` lost. The kit's link rule
+     * applies ({@link Button}'s `href`): in-app through the provider's `linkComponent`, an
+     * external or `#anchor` one a plain `<a>`, `mailto:` included.
+     *
+     * A link cannot carry a reason or a spinner, so an action with a `disabledReason`
+     * (or under a write lock, with `commit`) or `pending` stays a button and says why.
+     */
+    href?: string;
+    /** With `href`: leaves the app — a new tab, and a screen reader is told so. */
+    external?: boolean;
     /**
      * The glyph: a Lucide icon (`Pencil`), or an element (`<Pencil />`, an app's own
      * svg) — DataTable's `rowActions` hand their `icon` node through. Inline, an action
@@ -3968,8 +3985,8 @@ type RowActionsSize = Extract<IconButtonSize, "md" | "sm" | "xs" | "2xs">;
 interface RowActionsProps {
     actions: RowActionList;
     /** The row's name, for the menu button's name — "Actions for Ada Example". Without it
-     *  the button is "Actions". */
-    name?: string;
+     *  (or `null`, as API fields often are) the button is "Actions". */
+    name?: string | null;
     /** When the actions collapse into the menu — see {@link RowActionsCollapse}. */
     collapse?: RowActionsCollapse;
     /** The inline icons' and the "⋯" button's size. Default `xs`, a list row's action. */
@@ -4002,8 +4019,9 @@ interface RowActionsColumnOptions<T> {
     key?: string;
     /** The row's actions — `false` / `null` for the ones a condition leaves out. */
     actions: (row: T) => RowActionList;
-    /** The row's name, for the "⋯" button's name ("Actions for Ada Example"). */
-    name?: (row: T) => string | undefined;
+    /** The row's name, for the "⋯" button's name ("Actions for Ada Example"). `null` and
+     *  `undefined` both mean "Actions". */
+    name?: (row: T) => string | null | undefined;
     collapse?: RowActionsCollapse;
     /** Default `xs`. */
     size?: RowActionsSize;
@@ -4951,6 +4969,17 @@ interface BillingLabels {
     waitingChanges: (count: number) => string;
     /** The sign-out guard's way out for someone who will not pay. */
     discardWaiting: string;
+    /**
+     * `billing_not_configured`: billing is on but the provider's settings are missing — the
+     * operator's mistake, so the words ask the payer to wait, not to act. For the toast or
+     * alert after "Choose a plan" or "Payment and invoices" (`isBillingError(err,
+     * "billing_not_configured")`). `billing_read_only` and `plan_limit` need none: the
+     * write lock, the banner and `PlanLimitNotice` say them.
+     */
+    notConfigured: string;
+    /** `billing_disabled`: billing is switched off on this server (§2.9), for a page or a
+     *  link that reached it anyway. */
+    disabled: string;
 }
 declare const DEFAULT_BILLING_LABELS: BillingLabels;
 /** The `billing` namespace, resolved: English, then the provider, then `labels` — which
@@ -5117,11 +5146,15 @@ interface AppShellProps extends ComponentPropsWithoutRef<"div"> {
     mobileSubNav?: boolean;
     /**
      * How the phone sub-nav lays out a group with more pages than fit on one row.
-     * `"wrap"` (default): every page in view, on as many rows as it takes — the bar
-     * grows. `"scroll"`: one row that scrolls sideways, faded at a cut edge, with the
-     * current page scrolled into view. A long group took four rows (~130px) of a 390px
-     * screen above the bottom bar (showcase audit); scrolling gives that back at the
-     * price of pages hidden past the edge, so it is the app's call, per shell.
+     * `"wrap"`: every page in view, on as many rows as it takes — the bar grows.
+     * `"scroll"`: one row that scrolls sideways, faded at a cut edge, with the current
+     * page scrolled into view. A long group took four rows (~130px) of a 390px screen
+     * above the bottom bar (showcase audit); scrolling gives that back at the price of
+     * pages hidden past the edge, so it is the app's call, per shell.
+     *
+     * Unset (0.32.2, kastlan's 0.32.1 report): `"wrap"` at Normal and `"scroll"` at Large
+     * and Extra large, where a wrapped group of eight pages took six or seven rows and
+     * covered the page — the other half of what `mobileBarMax` does for the bar.
      */
     mobileSubNavLayout?: "wrap" | "scroll";
     /**
@@ -5160,7 +5193,7 @@ interface AppShellProps extends ComponentPropsWithoutRef<"div"> {
  * `NavLink`; domain-free — nav items, brand, footer and the top bar's actions
  * are all supplied by the app.
  */
-declare function AppShell({ nav, topBar, children, footer, sidebarFooter, sidebarFooterItems, renderLink, collapseStorageKey: collapseStorageKeyProp, collapseLabel, expandLabel, subNav, mobileSubNav, mobileSubNavLayout, mobileBarMax, moreLabels, toggleGroupLabel, embedded: embeddedProp, className, ...rest }: AppShellProps): react.JSX.Element;
+declare function AppShell({ nav, topBar, children, footer, sidebarFooter, sidebarFooterItems, renderLink, collapseStorageKey: collapseStorageKeyProp, collapseLabel, expandLabel, subNav, mobileSubNav, mobileSubNavLayout: mobileSubNavLayoutProp, mobileBarMax, moreLabels, toggleGroupLabel, embedded: embeddedProp, className, ...rest }: AppShellProps): react.JSX.Element;
 
 /**
  * Who holds one record, and the owner's every way of changing that — Kurvenschmiede's
@@ -6876,8 +6909,14 @@ interface CardHeaderProps extends ComponentPropsWithoutRef<"div"> {
      * description instead of beside them. For an action that is wider than an icon —
      * a "Set up two-factor" button, a checkbox and a filter — which, kept in the
      * top-end column on a 390px phone, squeezed the title into a ribbon two words wide
-     * (keksdose's settings cards). Off by default: an icon action (the wizard summary's
-     * pencil) is narrow enough to stay beside the title at every width.
+     * (keksdose's settings cards). Off by default at Normal: an icon action (the wizard
+     * summary's pencil) is narrow enough to stay beside the title at every width.
+     *
+     * Unset, it stacks at Large and Extra large only (0.32.1, the 360 px Extra-large
+     * sweep; docs/text-size-harmonization.md §4): there an IconButton shows its label as
+     * text, so the "icon" action is a word-wide pill, and "Refresh sessions" beside
+     * "Sessions" ran 47 px past a 360 px phone. `false` keeps the action beside the title
+     * at every size, for an action the caller knows stays narrow (`labelVisible={false}`).
      */
     stackAction?: boolean;
 }

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-BvdQdbv3.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-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.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-BvdQdbv3.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-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.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-BvdQdbv3.js';
+import { ah as FeedbackEnvironment } from '../delete-account-setting-Dy4kJgUm.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.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-BvdQdbv3.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-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.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-BvdQdbv3.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-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.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-BvdQdbv3.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-Dy4kJgUm.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.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-BvdQdbv3.js';
+export { k as DEFAULT_FEEDBACK_MENU_LABELS, ai as FeedbackMenu, aj as FeedbackMenuLabels, ak as FeedbackMenuProps } from '../delete-account-setting-Dy4kJgUm.js';
 import '../lib/person-name.js';
 import '../components/status-dot.js';
 import '../components/progress-bar.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-BvdQdbv3.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-Dy4kJgUm.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.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-BvdQdbv3.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-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.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-BvdQdbv3.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-Dy4kJgUm.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.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-BvdQdbv3.js';
+import { Q as FeedbackCategory, $ as FeedbackContext, aM as FeedbackSubmitter, ah as FeedbackEnvironment } from '../delete-account-setting-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';

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

@@ -1,5 +1,5 @@
 import { M as MobileSwipeActions } from '../data-table-labels-kpAAVi6g.js';
-import { aB as FeedbackStatusChange, aC as FeedbackStatusLabels, aF as FeedbackStatusRow } from '../delete-account-setting-BvdQdbv3.js';
+import { aB as FeedbackStatusChange, aC as FeedbackStatusLabels, aF as FeedbackStatusRow } from '../delete-account-setting-Dy4kJgUm.js';
 import 'react';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';

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

@@ -1,7 +1,7 @@
 import 'react';
 import '../components/floating-panel.js';
 import '../data-table-labels-kpAAVi6g.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-BvdQdbv3.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-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';

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

@@ -1,5 +1,5 @@
 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-BvdQdbv3.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-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';

package/dist/feedback.d.ts

@@ -1,4 +1,4 @@
-export { C as ChatComposer, a as ChatComposerHandle, b as ChatComposerLabels, c as ChatComposerProps, d as ChatComposerSlotContext, D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, f as DEFAULT_FEEDBACK_CATEGORY_LABELS, g as DEFAULT_FEEDBACK_COMPOSER_LABELS, h as DEFAULT_FEEDBACK_CONTEXT_LABELS, i as DEFAULT_FEEDBACK_DETAIL_LABELS, j as DEFAULT_FEEDBACK_DIALOG_LABELS, k as DEFAULT_FEEDBACK_MENU_LABELS, l as DEFAULT_FEEDBACK_PAGE_LABELS, m as DEFAULT_FEEDBACK_STATUS_LABELS, n as DEFAULT_FEEDBACK_THREAD_LABELS, o as DEFAULT_FEEDBACK_TOAST_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, F as FEEDBACK_ATTACHMENT_ACCEPT, r as FEEDBACK_AUTHOR_EDITABLE_STATUSES, s as FEEDBACK_AWAITING_STATUSES, t as FEEDBACK_CATEGORY_META, u as FEEDBACK_CATEGORY_ORDER, v as FEEDBACK_PICKABLE_CATEGORIES, w as FEEDBACK_REWORKABLE_STATUSES, x as FEEDBACK_STATUS_META, y as FEEDBACK_STATUS_ORDER, z as FEEDBACK_UNDO_DURATION, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, L as FeedbackAttachmentLabels, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, O as FeedbackAwaitingToggle, P as FeedbackAwaitingToggleProps, Q as FeedbackCategory, R as FeedbackCategoryBadge, S as FeedbackCategoryLabels, T as FeedbackCategoryOption, U as FeedbackColumnsOptions, V as FeedbackComposer, W as FeedbackComposerAttachment, X as FeedbackComposerHandle, Y as FeedbackComposerLabels, Z as FeedbackComposerProps, _ as FeedbackComposerSlotContext, $ as FeedbackContext, a0 as FeedbackContextBox, a1 as FeedbackContextBoxProps, a2 as FeedbackContextInput, a3 as FeedbackContextLabels, a4 as FeedbackDetail, a5 as FeedbackDetailLabels, a6 as FeedbackDetailPatch, a7 as FeedbackDetailSection, a8 as FeedbackDetailUpdate, a9 as FeedbackDialog, aa as FeedbackDialogLabels, ab as FeedbackDialogMultipleProps, ac as FeedbackDialogProps, ad as FeedbackDialogSingleProps, ae as FeedbackDialogTextLabels, af as FeedbackEmptyState, ag as FeedbackEmptyStateProps, ah as FeedbackEnvironment, ai as FeedbackMenu, aj as FeedbackMenuLabels, ak as FeedbackMenuProps, al as FeedbackMobileCard, am as FeedbackMobileCardProps, an as FeedbackMultipleSubmission, ao as FeedbackNoteAttachment, ap as FeedbackNoteEditor, aq as FeedbackPageLabels, ar as FeedbackProse, as as FeedbackRecord, at as FeedbackRenderDate, au as FeedbackReworkSection, av as FeedbackReworkSectionProps, aw as FeedbackRowAccess, ax as FeedbackRowDetail, ay as FeedbackRowDetailProps, az as FeedbackStatus, aA as FeedbackStatusBadge, aB as FeedbackStatusChange, aC as FeedbackStatusLabels, aD as FeedbackStatusMutate, aE as FeedbackStatusPatch, aF as FeedbackStatusRow, aG as FeedbackStatusTransitions, aH as FeedbackStatusUndoOptions, aI as FeedbackSubject, aJ as FeedbackSubjectProps, aK as FeedbackSubmission, aL as FeedbackSubmitHint, aM as FeedbackSubmitter, aN as FeedbackTableRow, aO as FeedbackThread, aP as FeedbackThreadAttachment, aQ as FeedbackThreadEvent, aR as FeedbackThreadItem, aS as FeedbackThreadLabels, aT as FeedbackThreadMessage, aU as FeedbackThreadProps, aV as FeedbackToastLabels, aW as FeedbackUpload, aX as UseFeedbackColumnsOptions, aY as appendRework, aZ as attachmentName, a_ as feedbackAttachmentLine, a$ as feedbackAttachmentUrls, b0 as feedbackCategoryRank, b1 as feedbackColumns, b2 as feedbackContext, b3 as feedbackEnvironment, b4 as feedbackMobileGroupBy, b5 as feedbackPageHref, b6 as feedbackPagePath, b7 as feedbackPageUrl, b8 as feedbackRowAccess, b9 as feedbackSubmitter, ba as feedbackSubmitterEmail, bb as isFeedbackAwaiting, bc as isImageAttachment, bd as nextFeedbackStatus, be as pastedName, bf as replaceDescription, bg as reworkCount, bh as selectableFeedbackStatuses, bi as splitBodyAttachments, bj as splitDescription, bk as useFeedbackCategoryLabels, bl as useFeedbackColumns, bm as useFeedbackDetailLabels, bn as useFeedbackPageLabels, bo as useFeedbackRenderDate, bp as useFeedbackStatusLabels, bq as useFeedbackStatusUndo, br as useFeedbackToastLabels, bs as visibleFeedbackStatuses } from './delete-account-setting-BvdQdbv3.js';
+export { C as ChatComposer, a as ChatComposerHandle, b as ChatComposerLabels, c as ChatComposerProps, d as ChatComposerSlotContext, D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, f as DEFAULT_FEEDBACK_CATEGORY_LABELS, g as DEFAULT_FEEDBACK_COMPOSER_LABELS, h as DEFAULT_FEEDBACK_CONTEXT_LABELS, i as DEFAULT_FEEDBACK_DETAIL_LABELS, j as DEFAULT_FEEDBACK_DIALOG_LABELS, k as DEFAULT_FEEDBACK_MENU_LABELS, l as DEFAULT_FEEDBACK_PAGE_LABELS, m as DEFAULT_FEEDBACK_STATUS_LABELS, n as DEFAULT_FEEDBACK_THREAD_LABELS, o as DEFAULT_FEEDBACK_TOAST_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, F as FEEDBACK_ATTACHMENT_ACCEPT, r as FEEDBACK_AUTHOR_EDITABLE_STATUSES, s as FEEDBACK_AWAITING_STATUSES, t as FEEDBACK_CATEGORY_META, u as FEEDBACK_CATEGORY_ORDER, v as FEEDBACK_PICKABLE_CATEGORIES, w as FEEDBACK_REWORKABLE_STATUSES, x as FEEDBACK_STATUS_META, y as FEEDBACK_STATUS_ORDER, z as FEEDBACK_UNDO_DURATION, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, L as FeedbackAttachmentLabels, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, O as FeedbackAwaitingToggle, P as FeedbackAwaitingToggleProps, Q as FeedbackCategory, R as FeedbackCategoryBadge, S as FeedbackCategoryLabels, T as FeedbackCategoryOption, U as FeedbackColumnsOptions, V as FeedbackComposer, W as FeedbackComposerAttachment, X as FeedbackComposerHandle, Y as FeedbackComposerLabels, Z as FeedbackComposerProps, _ as FeedbackComposerSlotContext, $ as FeedbackContext, a0 as FeedbackContextBox, a1 as FeedbackContextBoxProps, a2 as FeedbackContextInput, a3 as FeedbackContextLabels, a4 as FeedbackDetail, a5 as FeedbackDetailLabels, a6 as FeedbackDetailPatch, a7 as FeedbackDetailSection, a8 as FeedbackDetailUpdate, a9 as FeedbackDialog, aa as FeedbackDialogLabels, ab as FeedbackDialogMultipleProps, ac as FeedbackDialogProps, ad as FeedbackDialogSingleProps, ae as FeedbackDialogTextLabels, af as FeedbackEmptyState, ag as FeedbackEmptyStateProps, ah as FeedbackEnvironment, ai as FeedbackMenu, aj as FeedbackMenuLabels, ak as FeedbackMenuProps, al as FeedbackMobileCard, am as FeedbackMobileCardProps, an as FeedbackMultipleSubmission, ao as FeedbackNoteAttachment, ap as FeedbackNoteEditor, aq as FeedbackPageLabels, ar as FeedbackProse, as as FeedbackRecord, at as FeedbackRenderDate, au as FeedbackReworkSection, av as FeedbackReworkSectionProps, aw as FeedbackRowAccess, ax as FeedbackRowDetail, ay as FeedbackRowDetailProps, az as FeedbackStatus, aA as FeedbackStatusBadge, aB as FeedbackStatusChange, aC as FeedbackStatusLabels, aD as FeedbackStatusMutate, aE as FeedbackStatusPatch, aF as FeedbackStatusRow, aG as FeedbackStatusTransitions, aH as FeedbackStatusUndoOptions, aI as FeedbackSubject, aJ as FeedbackSubjectProps, aK as FeedbackSubmission, aL as FeedbackSubmitHint, aM as FeedbackSubmitter, aN as FeedbackTableRow, aO as FeedbackThread, aP as FeedbackThreadAttachment, aQ as FeedbackThreadEvent, aR as FeedbackThreadItem, aS as FeedbackThreadLabels, aT as FeedbackThreadMessage, aU as FeedbackThreadProps, aV as FeedbackToastLabels, aW as FeedbackUpload, aX as UseFeedbackColumnsOptions, aY as appendRework, aZ as attachmentName, a_ as feedbackAttachmentLine, a$ as feedbackAttachmentUrls, b0 as feedbackCategoryRank, b1 as feedbackColumns, b2 as feedbackContext, b3 as feedbackEnvironment, b4 as feedbackMobileGroupBy, b5 as feedbackPageHref, b6 as feedbackPagePath, b7 as feedbackPageUrl, b8 as feedbackRowAccess, b9 as feedbackSubmitter, ba as feedbackSubmitterEmail, bb as isFeedbackAwaiting, bc as isImageAttachment, bd as nextFeedbackStatus, be as pastedName, bf as replaceDescription, bg as reworkCount, bh as selectableFeedbackStatuses, bi as splitBodyAttachments, bj as splitDescription, bk as useFeedbackCategoryLabels, bl as useFeedbackColumns, bm as useFeedbackDetailLabels, bn as useFeedbackPageLabels, bo as useFeedbackRenderDate, bp as useFeedbackStatusLabels, bq as useFeedbackStatusUndo, br as useFeedbackToastLabels, bs as visibleFeedbackStatuses } from './delete-account-setting-Dy4kJgUm.js';
 export { DEFAULT_FEEDBACK_SWIPE, FEEDBACK_SWIPE_ACTIONS, FeedbackSwipeAction, FeedbackSwipeBinding, FeedbackSwipeOptions, feedbackSwipePlan } from './feedback/feedback-swipe.js';
 export { CaptureAppScreenshotOptions, captureAppScreenshot } from './feedback/feedback-capture.js';
 export { FeedbackCreatePayload, FeedbackSubmit, UseFeedbackSubmitOptions, useFeedbackSubmit } from './feedback/feedback-submit.js';

package/dist/hooks/use-breakpoint.d.ts

@@ -48,15 +48,26 @@ declare function lengthPx(length: number | RemLength | undefined, rootRemPx: num
 /**
  * The media query a breakpoint variant means at `scale` (`TEXT_SCALE` of the size in
  * force). `"md"` → `(min-width: 768px)` at Normal, `(min-width: 960px)` at Large;
- * `"max-md"` → `(max-width: 767px)` at Normal. In px, scaled by the browser's own
- * default font size as well, so a person who set 20 px in the browser gets 960 px for
- * `md` at Normal — as the CSS does.
+ * `"max-md"` → `(width < 768px)` at Normal. In px, scaled by the browser's own default
+ * font size as well, so a person who set 20 px in the browser gets 960 px for `md` at
+ * Normal — as the CSS does.
  *
- * At Normal these are, character for character, the strings the kit queried before
- * (`PHONE_QUERY`, DataTable's `isMdUp`), so a test's `matchMedia` stub keeps working.
- * Like those, the pair is exact at whole-pixel widths; on a fractional viewport width
- * between the two (767.2 px at a 1.25 device-pixel ratio) neither matches, where the
- * CSS's `width < 48rem` says phone. Verified in Chromium at 700–1300 px × three sizes.
+ * `max-*` is written in range syntax, `(width < N)`, against the same `N` its `min-*`
+ * twin starts at, so the two are exact complements at EVERY width: exactly one of
+ * `md` and `max-md` matches, as with tokens.css's `width >= 48rem` / `width < 48rem`
+ * (and Tailwind's own `max-*`). Until 0.32.1 it was `(max-width: 767px)`, which left a
+ * gap: on a fractional viewport width (767.5 px under zoom or at some Android
+ * device-pixel ratios) neither query matched, so DataTable, asking `!md`, said phone
+ * while `usePhoneLayout()`, asking `max-md`, said not (0.32.1, keksdose's 0.32 report;
+ * docs/text-size-harmonization.md §3.3: "the CSS and JS answers always agree").
+ *
+ * Range syntax in media queries is Chrome / Edge 104, Firefox 63, Safari 16.4. That is
+ * inside the floor the kit already sets: tokens.css's breakpoint variants are written in
+ * it, and Tailwind v4 itself needs Safari 16.4, Chrome 111 and Firefox 128.
+ *
+ * A test's `matchMedia` stub that keyed on the old string (`"max-width: 767px"`, the
+ * deprecated `PHONE_QUERY`) has to answer `(width < 768px)` now. `min-*` is unchanged,
+ * character for character.
  */
 declare function breakpointQuery(variant: BreakpointVariant, scale?: number, remPx?: number): string;
 /**

package/dist/hooks/use-breakpoint.js

@@ -29,7 +29,7 @@ function breakpointQuery(variant, scale = 1, remPx2 = readBrowserRemPx()) {
   const max = variant.startsWith("max-");
   const name = max ? variant.slice(4) : variant;
   const px = Math.round(BREAKPOINT_REM[name] * remPx2 * scale);
-  return max ? `(max-width: ${px - 1}px)` : `(min-width: ${px}px)`;
+  return max ? `(width < ${px}px)` : `(min-width: ${px}px)`;
 }
 function useBreakpoint(variant, fallback = false) {
   const { scale } = useTextSize();

package/dist/hooks/use-breakpoint.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-breakpoint.ts"],"sourcesContent":["import { useMediaQuery } from \"./use-media-query\";\nimport { useTextSize } from \"../theme/text-size\";\n\n/**\n * Breakpoints that follow the text size, in JS (docs/text-size-harmonization.md §3.3,\n * §10.4).\n *\n * A media query's rem resolves against the browser's default font size, not `<html>`'s,\n * so Tailwind's `md:` would stay at 48rem when the root grows. tokens.css therefore\n * redefines every breakpoint variant per text size — `md:` is 48rem at Normal, 60rem at\n * Large, 72rem at Extra large — and these hooks ask the same question with the same\n * numbers, so the CSS and the JS answer always agree: AppShell's `md:hidden` and its\n * `isMdUp`, DataTable's cards and its full-screen dialog, an app's sticky footer\n * (keksdose's must be the SAME `usePhoneLayout()` the dialog uses, §10.4).\n *\n * Width queries only. Pointer and display-mode queries stay `useMediaQuery` (§10.4).\n */\n\n/** The breakpoints at Normal, in rem: Tailwind's five, and `3xl` (keksdose's\n *  `min-[2400px]`, §10.4). tokens.css multiplies each by the text size. */\nexport const BREAKPOINT_REM = { sm: 40, md: 48, lg: 64, xl: 80, \"2xl\": 96, \"3xl\": 150 } as const;\n\nexport type Breakpoint = keyof typeof BREAKPOINT_REM;\n\n/** A breakpoint variant, spelled as in a class: `\"md\"` is `md:` (at least md), `\"max-md\"`\n *  is `max-md:` (below md). */\nexport type BreakpointVariant = Breakpoint | `max-${Breakpoint}`;\n\n/**\n * The browser's own default font size in px — what a media query's rem means (the\n * initial `font-size: medium`, never `<html>`'s). 16 unless the person changed it, and 16\n * outside a browser. Read once: changing it takes a browser setting, after which the\n * page is reloaded in practice.\n */\nlet browserRemPx: number | null = null;\nfunction readBrowserRemPx(): number {\n  if (browserRemPx !== null) return browserRemPx;\n  // Outside a browser (SSR): 16, uncached, so the client's first real read still counts.\n  if (typeof document === \"undefined\" || !document.body) return 16;\n  const probe = document.createElement(\"div\");\n  probe.style.cssText = \"position:absolute;visibility:hidden;font-size:medium\";\n  document.body.appendChild(probe);\n  const px = Number.parseFloat(getComputedStyle(probe).fontSize);\n  probe.remove();\n  // jsdom computes no font size (\"medium\" or nothing): the default it stands for.\n  browserRemPx = px > 0 ? px : 16;\n  return browserRemPx;\n}\n\n/**\n * How many CSS px one `rem` is at `scale` (`TEXT_SCALE` of the size in force): the\n * browser's own default font size times the text size — what `<html>`'s computed font\n * size is, by tokens.css. For the few lengths JS has to do arithmetic with: a popover's\n * width against the viewport edge, a chart constant (§3.1, §3.2). 16 × `scale` outside a\n * browser and in jsdom, which computes no default font size.\n */\nexport function remPx(scale = 1): number {\n  return readBrowserRemPx() * scale;\n}\n\n/** {@link remPx} at the text size in force, re-rendering when it changes. */\nexport function useRemPx(): number {\n  const { scale } = useTextSize();\n  return remPx(scale);\n}\n\n/** A length in rem as the kit spells one in JS — `\"18rem\"` — where a prop also takes px\n *  as a plain number. */\nexport type RemLength = `${number}rem`;\n\n/**\n * A `number | RemLength` in CSS px now: a number is px as given, `\"18rem\"` is 18 ×\n * `rootRemPx` (see {@link remPx}). `undefined` stays `undefined`.\n */\nexport function lengthPx(length: number | RemLength, rootRemPx: number): number;\nexport function lengthPx(length: number | RemLength | undefined, rootRemPx: number): number | undefined;\nexport function lengthPx(length: number | RemLength | undefined, rootRemPx: number): number | undefined {\n  if (length === undefined) return undefined;\n  return typeof length === \"number\" ? length : Number.parseFloat(length) * rootRemPx;\n}\n\n/**\n * The media query a breakpoint variant means at `scale` (`TEXT_SCALE` of the size in\n * force). `\"md\"` → `(min-width: 768px)` at Normal, `(min-width: 960px)` at Large;\n * `\"max-md\"` → `(max-width: 767px)` at Normal. In px, scaled by the browser's own\n * default font size as well, so a person who set 20 px in the browser gets 960 px for\n * `md` at Normal — as the CSS does.\n *\n * At Normal these are, character for character, the strings the kit queried before\n * (`PHONE_QUERY`, DataTable's `isMdUp`), so a test's `matchMedia` stub keeps working.\n * Like those, the pair is exact at whole-pixel widths; on a fractional viewport width\n * between the two (767.2 px at a 1.25 device-pixel ratio) neither matches, where the\n * CSS's `width < 48rem` says phone. Verified in Chromium at 700–1300 px × three sizes.\n */\nexport function breakpointQuery(variant: BreakpointVariant, scale = 1, remPx: number = readBrowserRemPx()): string {\n  const max = variant.startsWith(\"max-\");\n  const name = (max ? variant.slice(4) : variant) as Breakpoint;\n  const px = Math.round(BREAKPOINT_REM[name] * remPx * scale);\n  return max ? `(max-width: ${px - 1}px)` : `(min-width: ${px}px)`;\n}\n\n/**\n * Whether the viewport matches a breakpoint variant at the text size in force — the JS\n * twin of the class: `useBreakpoint(\"md\")` is true exactly where `md:` applies,\n * `useBreakpoint(\"max-sm\")` where `max-sm:` does. `fallback` answers where there is no\n * `matchMedia` (SSR, jsdom).\n */\nexport function useBreakpoint(variant: BreakpointVariant, fallback = false): boolean {\n  const { scale } = useTextSize();\n  return useMediaQuery(breakpointQuery(variant, scale), fallback);\n}\n\n/**\n * The phone layout: below `md` at the text size in force — `max-md:` in CSS. The single\n * answer for \"is this the phone layout\" (§10.4): the kit's own sheets and cards use it,\n * and an app's phone checks must too, so a tablet at 150 % gets every phone treatment\n * at once or none of them. Replaces `useMediaQuery(PHONE_QUERY)`.\n */\nexport function usePhoneLayout(fallback = false): boolean {\n  return useBreakpoint(\"max-md\", fallback);\n}\n"],"mappings":";AAAA,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAmBrB,MAAM,iBAAiB,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,OAAO,IAAI;AActF,IAAI,eAA8B;AAClC,SAAS,mBAA2B;AAClC,MAAI,iBAAiB,KAAM,QAAO;AAElC,MAAI,OAAO,aAAa,eAAe,CAAC,SAAS,KAAM,QAAO;AAC9D,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,UAAU;AACtB,WAAS,KAAK,YAAY,KAAK;AAC/B,QAAM,KAAK,OAAO,WAAW,iBAAiB,KAAK,EAAE,QAAQ;AAC7D,QAAM,OAAO;AAEb,iBAAe,KAAK,IAAI,KAAK;AAC7B,SAAO;AACT;AASO,SAAS,MAAM,QAAQ,GAAW;AACvC,SAAO,iBAAiB,IAAI;AAC9B;AAGO,SAAS,WAAmB;AACjC,QAAM,EAAE,MAAM,IAAI,YAAY;AAC9B,SAAO,MAAM,KAAK;AACpB;AAYO,SAAS,SAAS,QAAwC,WAAuC;AACtG,MAAI,WAAW,OAAW,QAAO;AACjC,SAAO,OAAO,WAAW,WAAW,SAAS,OAAO,WAAW,MAAM,IAAI;AAC3E;AAeO,SAAS,gBAAgB,SAA4B,QAAQ,GAAGA,SAAgB,iBAAiB,GAAW;AACjH,QAAM,MAAM,QAAQ,WAAW,MAAM;AACrC,QAAM,OAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI;AACvC,QAAM,KAAK,KAAK,MAAM,eAAe,IAAI,IAAIA,SAAQ,KAAK;AAC1D,SAAO,MAAM,eAAe,KAAK,CAAC,QAAQ,eAAe,EAAE;AAC7D;AAQO,SAAS,cAAc,SAA4B,WAAW,OAAgB;AACnF,QAAM,EAAE,MAAM,IAAI,YAAY;AAC9B,SAAO,cAAc,gBAAgB,SAAS,KAAK,GAAG,QAAQ;AAChE;AAQO,SAAS,eAAe,WAAW,OAAgB;AACxD,SAAO,cAAc,UAAU,QAAQ;AACzC;","names":["remPx"]}
+{"version":3,"sources":["../../src/hooks/use-breakpoint.ts"],"sourcesContent":["import { useMediaQuery } from \"./use-media-query\";\nimport { useTextSize } from \"../theme/text-size\";\n\n/**\n * Breakpoints that follow the text size, in JS (docs/text-size-harmonization.md §3.3,\n * §10.4).\n *\n * A media query's rem resolves against the browser's default font size, not `<html>`'s,\n * so Tailwind's `md:` would stay at 48rem when the root grows. tokens.css therefore\n * redefines every breakpoint variant per text size — `md:` is 48rem at Normal, 60rem at\n * Large, 72rem at Extra large — and these hooks ask the same question with the same\n * numbers, so the CSS and the JS answer always agree: AppShell's `md:hidden` and its\n * `isMdUp`, DataTable's cards and its full-screen dialog, an app's sticky footer\n * (keksdose's must be the SAME `usePhoneLayout()` the dialog uses, §10.4).\n *\n * Width queries only. Pointer and display-mode queries stay `useMediaQuery` (§10.4).\n */\n\n/** The breakpoints at Normal, in rem: Tailwind's five, and `3xl` (keksdose's\n *  `min-[2400px]`, §10.4). tokens.css multiplies each by the text size. */\nexport const BREAKPOINT_REM = { sm: 40, md: 48, lg: 64, xl: 80, \"2xl\": 96, \"3xl\": 150 } as const;\n\nexport type Breakpoint = keyof typeof BREAKPOINT_REM;\n\n/** A breakpoint variant, spelled as in a class: `\"md\"` is `md:` (at least md), `\"max-md\"`\n *  is `max-md:` (below md). */\nexport type BreakpointVariant = Breakpoint | `max-${Breakpoint}`;\n\n/**\n * The browser's own default font size in px — what a media query's rem means (the\n * initial `font-size: medium`, never `<html>`'s). 16 unless the person changed it, and 16\n * outside a browser. Read once: changing it takes a browser setting, after which the\n * page is reloaded in practice.\n */\nlet browserRemPx: number | null = null;\nfunction readBrowserRemPx(): number {\n  if (browserRemPx !== null) return browserRemPx;\n  // Outside a browser (SSR): 16, uncached, so the client's first real read still counts.\n  if (typeof document === \"undefined\" || !document.body) return 16;\n  const probe = document.createElement(\"div\");\n  probe.style.cssText = \"position:absolute;visibility:hidden;font-size:medium\";\n  document.body.appendChild(probe);\n  const px = Number.parseFloat(getComputedStyle(probe).fontSize);\n  probe.remove();\n  // jsdom computes no font size (\"medium\" or nothing): the default it stands for.\n  browserRemPx = px > 0 ? px : 16;\n  return browserRemPx;\n}\n\n/**\n * How many CSS px one `rem` is at `scale` (`TEXT_SCALE` of the size in force): the\n * browser's own default font size times the text size — what `<html>`'s computed font\n * size is, by tokens.css. For the few lengths JS has to do arithmetic with: a popover's\n * width against the viewport edge, a chart constant (§3.1, §3.2). 16 × `scale` outside a\n * browser and in jsdom, which computes no default font size.\n */\nexport function remPx(scale = 1): number {\n  return readBrowserRemPx() * scale;\n}\n\n/** {@link remPx} at the text size in force, re-rendering when it changes. */\nexport function useRemPx(): number {\n  const { scale } = useTextSize();\n  return remPx(scale);\n}\n\n/** A length in rem as the kit spells one in JS — `\"18rem\"` — where a prop also takes px\n *  as a plain number. */\nexport type RemLength = `${number}rem`;\n\n/**\n * A `number | RemLength` in CSS px now: a number is px as given, `\"18rem\"` is 18 ×\n * `rootRemPx` (see {@link remPx}). `undefined` stays `undefined`.\n */\nexport function lengthPx(length: number | RemLength, rootRemPx: number): number;\nexport function lengthPx(length: number | RemLength | undefined, rootRemPx: number): number | undefined;\nexport function lengthPx(length: number | RemLength | undefined, rootRemPx: number): number | undefined {\n  if (length === undefined) return undefined;\n  return typeof length === \"number\" ? length : Number.parseFloat(length) * rootRemPx;\n}\n\n/**\n * The media query a breakpoint variant means at `scale` (`TEXT_SCALE` of the size in\n * force). `\"md\"` → `(min-width: 768px)` at Normal, `(min-width: 960px)` at Large;\n * `\"max-md\"` → `(width < 768px)` at Normal. In px, scaled by the browser's own default\n * font size as well, so a person who set 20 px in the browser gets 960 px for `md` at\n * Normal — as the CSS does.\n *\n * `max-*` is written in range syntax, `(width < N)`, against the same `N` its `min-*`\n * twin starts at, so the two are exact complements at EVERY width: exactly one of\n * `md` and `max-md` matches, as with tokens.css's `width >= 48rem` / `width < 48rem`\n * (and Tailwind's own `max-*`). Until 0.32.1 it was `(max-width: 767px)`, which left a\n * gap: on a fractional viewport width (767.5 px under zoom or at some Android\n * device-pixel ratios) neither query matched, so DataTable, asking `!md`, said phone\n * while `usePhoneLayout()`, asking `max-md`, said not (0.32.1, keksdose's 0.32 report;\n * docs/text-size-harmonization.md §3.3: \"the CSS and JS answers always agree\").\n *\n * Range syntax in media queries is Chrome / Edge 104, Firefox 63, Safari 16.4. That is\n * inside the floor the kit already sets: tokens.css's breakpoint variants are written in\n * it, and Tailwind v4 itself needs Safari 16.4, Chrome 111 and Firefox 128.\n *\n * A test's `matchMedia` stub that keyed on the old string (`\"max-width: 767px\"`, the\n * deprecated `PHONE_QUERY`) has to answer `(width < 768px)` now. `min-*` is unchanged,\n * character for character.\n */\nexport function breakpointQuery(variant: BreakpointVariant, scale = 1, remPx: number = readBrowserRemPx()): string {\n  const max = variant.startsWith(\"max-\");\n  const name = (max ? variant.slice(4) : variant) as Breakpoint;\n  const px = Math.round(BREAKPOINT_REM[name] * remPx * scale);\n  return max ? `(width < ${px}px)` : `(min-width: ${px}px)`;\n}\n\n/**\n * Whether the viewport matches a breakpoint variant at the text size in force — the JS\n * twin of the class: `useBreakpoint(\"md\")` is true exactly where `md:` applies,\n * `useBreakpoint(\"max-sm\")` where `max-sm:` does. `fallback` answers where there is no\n * `matchMedia` (SSR, jsdom).\n */\nexport function useBreakpoint(variant: BreakpointVariant, fallback = false): boolean {\n  const { scale } = useTextSize();\n  return useMediaQuery(breakpointQuery(variant, scale), fallback);\n}\n\n/**\n * The phone layout: below `md` at the text size in force — `max-md:` in CSS. The single\n * answer for \"is this the phone layout\" (§10.4): the kit's own sheets and cards use it,\n * and an app's phone checks must too, so a tablet at 150 % gets every phone treatment\n * at once or none of them. Replaces `useMediaQuery(PHONE_QUERY)`.\n */\nexport function usePhoneLayout(fallback = false): boolean {\n  return useBreakpoint(\"max-md\", fallback);\n}\n"],"mappings":";AAAA,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAmBrB,MAAM,iBAAiB,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,OAAO,IAAI;AActF,IAAI,eAA8B;AAClC,SAAS,mBAA2B;AAClC,MAAI,iBAAiB,KAAM,QAAO;AAElC,MAAI,OAAO,aAAa,eAAe,CAAC,SAAS,KAAM,QAAO;AAC9D,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,UAAU;AACtB,WAAS,KAAK,YAAY,KAAK;AAC/B,QAAM,KAAK,OAAO,WAAW,iBAAiB,KAAK,EAAE,QAAQ;AAC7D,QAAM,OAAO;AAEb,iBAAe,KAAK,IAAI,KAAK;AAC7B,SAAO;AACT;AASO,SAAS,MAAM,QAAQ,GAAW;AACvC,SAAO,iBAAiB,IAAI;AAC9B;AAGO,SAAS,WAAmB;AACjC,QAAM,EAAE,MAAM,IAAI,YAAY;AAC9B,SAAO,MAAM,KAAK;AACpB;AAYO,SAAS,SAAS,QAAwC,WAAuC;AACtG,MAAI,WAAW,OAAW,QAAO;AACjC,SAAO,OAAO,WAAW,WAAW,SAAS,OAAO,WAAW,MAAM,IAAI;AAC3E;AA0BO,SAAS,gBAAgB,SAA4B,QAAQ,GAAGA,SAAgB,iBAAiB,GAAW;AACjH,QAAM,MAAM,QAAQ,WAAW,MAAM;AACrC,QAAM,OAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI;AACvC,QAAM,KAAK,KAAK,MAAM,eAAe,IAAI,IAAIA,SAAQ,KAAK;AAC1D,SAAO,MAAM,YAAY,EAAE,QAAQ,eAAe,EAAE;AACtD;AAQO,SAAS,cAAc,SAA4B,WAAW,OAAgB;AACnF,QAAM,EAAE,MAAM,IAAI,YAAY;AAC9B,SAAO,cAAc,gBAAgB,SAAS,KAAK,GAAG,QAAQ;AAChE;AAQO,SAAS,eAAe,WAAW,OAAgB;AACxD,SAAO,cAAc,UAAU,QAAQ;AACzC;","names":["remPx"]}

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

@@ -1,5 +1,5 @@
 import { DragEvent, ReactElement } from 'react';
-import { fA as UseFilePickerOptions } from '../delete-account-setting-BvdQdbv3.js';
+import { fA as UseFilePickerOptions } from '../delete-account-setting-Dy4kJgUm.js';
 import '../components/tooltip.js';
 import './use-anchored-rect.js';
 import '../lib/clipping.js';

package/dist/i18n/defaults.d.ts

@@ -1,4 +1,4 @@
-import { fx as UiKitLabels } from '../delete-account-setting-BvdQdbv3.js';
+import { fx as UiKitLabels } from '../delete-account-setting-Dy4kJgUm.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';

package/dist/i18n/german.d.ts

@@ -1,4 +1,4 @@
-import { fx as UiKitLabels } from '../delete-account-setting-BvdQdbv3.js';
+import { fx as UiKitLabels } from '../delete-account-setting-Dy4kJgUm.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';

package/dist/i18n/german.js

@@ -1127,7 +1127,8 @@ Die vollst\xE4ndige Postanschrift wird betroffenen Personen und Aufsichtsbeh\xF6
         transfer: "Arbeit \xFCbergeben",
         deletion_request: "L\xF6schung beantragt",
         deletion_cancel: "L\xF6schung aufgehoben",
-        erase: "Konto endg\xFCltig gel\xF6scht"
+        erase: "Konto endg\xFCltig gel\xF6scht",
+        plan: "Tarif ge\xE4ndert"
       }
     },
     transferOwnership: {
@@ -1426,7 +1427,9 @@ Die vollst\xE4ndige Postanschrift wird betroffenen Personen und Aufsichtsbeh\xF6
       cancel: "Vertr\xE4ge hier k\xFCndigen",
       waitingChanges: (count) => count === 1 ? `${n(count)} \xC4nderung wartet auf einen Tarif` : `${n(count)} \xC4nderungen warten auf einen Tarif`,
       // "Verwerfen", as `wizard.cancelConfirmLabel`.
-      discardWaiting: "Wartende \xC4nderungen verwerfen"
+      discardWaiting: "Wartende \xC4nderungen verwerfen",
+      notConfigured: "Zahlungen sind noch nicht eingerichtet. Bitte versuchen Sie es sp\xE4ter noch einmal.",
+      disabled: "Abonnements sind hier nicht verf\xFCgbar."
     },
     // 0.32.0 — docs/text-size-harmonization.md §6: the text-size and contrast settings in
     // the "Darstellung" group.
@@ -1436,7 +1439,8 @@ Die vollst\xE4ndige Postanschrift wird betroffenen Personen und Aufsichtsbeh\xF6
       textSizes: { normal: "Normal", large: "Gro\xDF", xlarge: "Sehr gro\xDF" },
       contrast: "Kontrast",
       contrastHelp: "Mehr Kontrast macht dezente Texte und Linien dunkler und Fokusrahmen dicker. \u201ESystem\u201C richtet sich nach diesem Ger\xE4t.",
-      contrastModes: { system: "System", standard: "Standard", more: "Mehr" }
+      contrastModes: { system: "System", standard: "Standard", more: "Mehr" },
+      saveFailed: "Konnte nicht in Ihrem Konto gespeichert werden. Auf diesem Ger\xE4t gilt es trotzdem."
     },
     rowActions: {
       actions: "Aktionen",