@eifi1/ui-kit 0.31.1 → 0.32.1

package/dist/billing/plan-limit-notice.d.ts

@@ -0,0 +1,156 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { e4 as LabelOverride, bH as BillingLabels } from '../delete-account-setting-FLyJf-kZ.js';
+import { AlertTone } from '../components/alert-banner.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-kpAAVi6g.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../hooks/use-breakpoint.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-parts.js';
+import '../components/field-sync.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import '../components/month-picker.js';
+import '../components/page-contents.js';
+import '../components/series-chart-labels.js';
+import '../components/pie-chart-labels.js';
+import '../components/sparkline.js';
+import '../components/stat-tile.js';
+import '../components/signature-pad.js';
+import '../components/password-strength.js';
+import '../components/swatch-picker.js';
+import '../components/tile-radio.js';
+import '../components/icon-picker.js';
+import '../components/dialog-frame.js';
+import '../components/modal.js';
+import '../hooks/use-search-param-state.js';
+import '../components/measured-grid.js';
+import '../components/user-avatar.js';
+import '../lib/person-name.js';
+import '../components/status-dot.js';
+import '../components/progress-bar.js';
+import '../components/signed-amount.js';
+import '../shell/topbar-action-menu.js';
+import '../components/menu-item.js';
+import '../components/floating-panel.js';
+import '../hooks/use-authed-src.js';
+import '../components/account-settings-labels.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
+import '../components/description-list.js';
+import '../components/line-items.js';
+import '../components/error-boundary.js';
+import '../components/authed-image.js';
+import '../components/image-grid.js';
+import '../components/lightbox.js';
+import '../components/write-lock.js';
+import '../auth/sign-in-form.js';
+import '../landing/access.js';
+import '../landing/landing-labels.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
+import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
+import '../settings/settings-labels.js';
+import '../demo/demo-labels.js';
+import '../components/appearance-labels.js';
+import '../theme/contrast.js';
+import '../theme/text-size.js';
+import '../components/reauth-dialog.js';
+import '../components/server-wake.js';
+import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
+import '../components/country-select.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/focus-ring.js';
+
+/** The `contact` mode's mail: to support, its subject naming the dimension. */
+declare function planLimitMailto(email: string, subject: string): string;
+interface PlanLimitNoticeBaseProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "onClick"> {
+    /** The dimension as the refusal names it (`"budgets"`, `"seats"`) — `isPlanLimit(err)`'s
+     *  `dimension`. Carried as `data-dimension`. */
+    dimension: string;
+    /** The app's name for it, in the reader's language: "Budgets". Default: the key. */
+    dimensionLabel?: string;
+    /** How many there are. Left out (keksdose's legacy `plan_budget_limit` body has no
+     *  `used`), it is read as `limit`: the create was refused for being at it. */
+    used?: number;
+    /** The plan's limit for the dimension. Left out — a body without one — the notice says
+     *  its words and draws no meter. */
+    limit?: number;
+    /** The payer's plan code, as `isPlanLimit` reads it — carried as `data-plan`, so the
+     *  refusal can be spread in whole: `<PlanLimitNotice {...isPlanLimit(err)} …/>`. */
+    plan?: string;
+    /** How a figure is written — kastlan's storage limit is bytes (`formatFileSize`).
+     *  Default: a number in the kit's locale. */
+    formatValue?: (value: number) => string;
+    /** Over the provider's locale, for the default figures. */
+    locale?: string;
+    /** Default `warning`. */
+    tone?: AlertTone;
+    /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */
+    labels?: LabelOverride<BillingLabels>;
+}
+type PlanLimitNoticeProps = PlanLimitNoticeBaseProps & ({
+    /** Plans are bought: "Choose a plan" → the app's subscription page. */
+    mode: "upgrade";
+    /** The subscription page. */
+    href: string;
+    email?: never;
+} | {
+    /** The operator grants plans by hand (keksdose's today): "Ask for more" → a mail. */
+    mode: "contact";
+    /** The support address: `support@` the app's domain. */
+    email: string;
+    href?: never;
+});
+/**
+ * A create refused at the plan's limit (docs/billing-harmonization.md §3.4): "Plan limit
+ * reached", what to do, the dimension's meter ("Budgets — 3 of 3") and the app's way to
+ * more — `upgrade`, a link to the subscription page, or `contact`, a mail to support.
+ *
+ * A limit gates CREATION only: a downgrade never deletes or hides what is over the new
+ * limit (§3.4), so `used` may be past `limit`; the meter then fills and turns red. Feed it
+ * the refusal: `const hit = isPlanLimit(err); hit && <PlanLimitNotice {...hit} …/>`. The
+ * kit sends nothing — the mail opens the reader's own client.
+ */
+declare function PlanLimitNotice(props: PlanLimitNoticeProps): react.JSX.Element;
+
+export { PlanLimitNotice, type PlanLimitNoticeProps, planLimitMailto };

package/dist/billing/plan-limit-notice.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useKitLocale } from "../i18n/kit-labels.js";
+import { formatNumber } from "../lib/format.js";
+import { AlertBanner } from "../components/alert-banner.js";
+import { ProgressBar } from "../components/progress-bar.js";
+import { Button } from "../components/ui.js";
+import { useBillingLabels } from "./billing-labels.js";
+function encodeStrict(value) {
+  return encodeURIComponent(value).replace(/[!'()*]/g, (c) => `%${c.charCodeAt(0).toString(16).toUpperCase()}`);
+}
+function planLimitMailto(email, subject) {
+  const to = encodeStrict(email).replace(/%40/g, "@");
+  return `mailto:${to}?subject=${encodeStrict(subject)}`;
+}
+function PlanLimitNotice(props) {
+  const {
+    dimension,
+    dimensionLabel,
+    used: usedProp,
+    limit,
+    plan,
+    formatValue,
+    locale: localeProp,
+    tone = "warning",
+    labels: labelsProp,
+    mode,
+    href,
+    email,
+    className,
+    ...rest
+  } = props;
+  const labels = useBillingLabels(labelsProp);
+  const locale = useKitLocale(localeProp);
+  const used = usedProp ?? limit ?? 0;
+  const name = dimensionLabel ?? dimension;
+  const figure = (value) => formatValue ? formatValue(value) : formatNumber(value, { locale });
+  const action = mode === "upgrade" ? /* @__PURE__ */ jsx(Button, { href, variant: "secondary", size: "sm", children: labels.choosePlan }) : /* @__PURE__ */ jsx(Button, { href: planLimitMailto(email, labels.contactSubject(name)), variant: "secondary", size: "sm", children: labels.askForMore });
+  return /* @__PURE__ */ jsxs(
+    AlertBanner,
+    {
+      ...rest,
+      tone,
+      action,
+      "data-plan-limit-mode": mode,
+      "data-dimension": dimension,
+      "data-plan": plan,
+      className,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: labels.limitReached }),
+        /* @__PURE__ */ jsx("span", { className: "block", children: mode === "upgrade" ? labels.limitUpgrade : labels.limitContact }),
+        limit !== void 0 && /* @__PURE__ */ jsx(
+          ProgressBar,
+          {
+            as: "span",
+            variant: "meter",
+            size: "slim",
+            value: used,
+            max: limit,
+            label: name,
+            showValue: true,
+            formatValue: () => labels.usage(figure(used), figure(limit)),
+            tone: used > limit ? "danger" : "warning",
+            className: "mt-2",
+            locale
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  PlanLimitNotice,
+  planLimitMailto
+};
+//# sourceMappingURL=plan-limit-notice.js.map

package/dist/billing/plan-limit-notice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/plan-limit-notice.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\n\nimport { useKitLocale } from \"../i18n/kit-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { formatNumber } from \"../lib/format\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport type { AlertTone } from \"../components/alert-banner\";\nimport { ProgressBar } from \"../components/progress-bar\";\nimport { Button } from \"../components/ui\";\nimport { useBillingLabels } from \"./billing-labels\";\nimport type { BillingLabels } from \"./billing-labels\";\n\n/** RFC 3986 percent-encoding, `!'()*` too — a mail client that splits on `'` is the one\n *  that breaks \"Plan limit: Ada's plots\" (landing/access.ts keeps the same rule). */\nfunction encodeStrict(value: string): string {\n  return encodeURIComponent(value).replace(/[!'()*]/g, (c) => `%${c.charCodeAt(0).toString(16).toUpperCase()}`);\n}\n\n/** The `contact` mode's mail: to support, its subject naming the dimension. */\nexport function planLimitMailto(email: string, subject: string): string {\n  const to = encodeStrict(email).replace(/%40/g, \"@\");\n  return `mailto:${to}?subject=${encodeStrict(subject)}`;\n}\n\ninterface PlanLimitNoticeBaseProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"onClick\"> {\n  /** The dimension as the refusal names it (`\"budgets\"`, `\"seats\"`) — `isPlanLimit(err)`'s\n   *  `dimension`. Carried as `data-dimension`. */\n  dimension: string;\n  /** The app's name for it, in the reader's language: \"Budgets\". Default: the key. */\n  dimensionLabel?: string;\n  /** How many there are. Left out (keksdose's legacy `plan_budget_limit` body has no\n   *  `used`), it is read as `limit`: the create was refused for being at it. */\n  used?: number;\n  /** The plan's limit for the dimension. Left out — a body without one — the notice says\n   *  its words and draws no meter. */\n  limit?: number;\n  /** The payer's plan code, as `isPlanLimit` reads it — carried as `data-plan`, so the\n   *  refusal can be spread in whole: `<PlanLimitNotice {...isPlanLimit(err)} …/>`. */\n  plan?: string;\n  /** How a figure is written — kastlan's storage limit is bytes (`formatFileSize`).\n   *  Default: a number in the kit's locale. */\n  formatValue?: (value: number) => string;\n  /** Over the provider's locale, for the default figures. */\n  locale?: string;\n  /** Default `warning`. */\n  tone?: AlertTone;\n  /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */\n  labels?: LabelOverride<BillingLabels>;\n}\n\nexport type PlanLimitNoticeProps = PlanLimitNoticeBaseProps &\n  (\n    | {\n        /** Plans are bought: \"Choose a plan\" → the app's subscription page. */\n        mode: \"upgrade\";\n        /** The subscription page. */\n        href: string;\n        email?: never;\n      }\n    | {\n        /** The operator grants plans by hand (keksdose's today): \"Ask for more\" → a mail. */\n        mode: \"contact\";\n        /** The support address: `support@` the app's domain. */\n        email: string;\n        href?: never;\n      }\n  );\n\n/**\n * A create refused at the plan's limit (docs/billing-harmonization.md §3.4): \"Plan limit\n * reached\", what to do, the dimension's meter (\"Budgets — 3 of 3\") and the app's way to\n * more — `upgrade`, a link to the subscription page, or `contact`, a mail to support.\n *\n * A limit gates CREATION only: a downgrade never deletes or hides what is over the new\n * limit (§3.4), so `used` may be past `limit`; the meter then fills and turns red. Feed it\n * the refusal: `const hit = isPlanLimit(err); hit && <PlanLimitNotice {...hit} …/>`. The\n * kit sends nothing — the mail opens the reader's own client.\n */\nexport function PlanLimitNotice(props: PlanLimitNoticeProps) {\n  const {\n    dimension,\n    dimensionLabel,\n    used: usedProp,\n    limit,\n    plan,\n    formatValue,\n    locale: localeProp,\n    tone = \"warning\",\n    labels: labelsProp,\n    mode,\n    href,\n    email,\n    className,\n    ...rest\n  } = props;\n  const labels = useBillingLabels(labelsProp);\n  const locale = useKitLocale(localeProp);\n  const used = usedProp ?? limit ?? 0;\n  const name = dimensionLabel ?? dimension;\n  const figure = (value: number) => (formatValue ? formatValue(value) : formatNumber(value, { locale }));\n\n  const action =\n    mode === \"upgrade\" ? (\n      <Button href={href} variant=\"secondary\" size=\"sm\">\n        {labels.choosePlan}\n      </Button>\n    ) : (\n      <Button href={planLimitMailto(email, labels.contactSubject(name))} variant=\"secondary\" size=\"sm\">\n        {labels.askForMore}\n      </Button>\n    );\n\n  return (\n    <AlertBanner\n      {...rest}\n      tone={tone}\n      action={action}\n      data-plan-limit-mode={mode}\n      data-dimension={dimension}\n      data-plan={plan}\n      className={className}\n    >\n      <span className=\"block font-medium\">{labels.limitReached}</span>\n      <span className=\"block\">{mode === \"upgrade\" ? labels.limitUpgrade : labels.limitContact}</span>\n      {limit !== undefined && (\n        <ProgressBar\n          as=\"span\"\n          variant=\"meter\"\n          size=\"slim\"\n          value={used}\n          max={limit}\n          label={name}\n          showValue\n          // The bar is clamped at `max` and hands its formatter the clamped value; the\n          // figures are the real ones, so \"5 of 3\" after a downgrade says what the bar\n          // cannot draw.\n          formatValue={() => labels.usage(figure(used), figure(limit))}\n          tone={used > limit ? \"danger\" : \"warning\"}\n          className=\"mt-2\"\n          locale={locale}\n        />\n      )}\n    </AlertBanner>\n  );\n}\n"],"mappings":";AAuGM,cAUF,YAVE;AArGN,SAAS,oBAAoB;AAE7B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAKjC,SAAS,aAAa,OAAuB;AAC3C,SAAO,mBAAmB,KAAK,EAAE,QAAQ,YAAY,CAAC,MAAM,IAAI,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,CAAC,EAAE;AAC9G;AAGO,SAAS,gBAAgB,OAAe,SAAyB;AACtE,QAAM,KAAK,aAAa,KAAK,EAAE,QAAQ,QAAQ,GAAG;AAClD,SAAO,UAAU,EAAE,YAAY,aAAa,OAAO,CAAC;AACtD;AAwDO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,SAAS,iBAAiB,UAAU;AAC1C,QAAM,SAAS,aAAa,UAAU;AACtC,QAAM,OAAO,YAAY,SAAS;AAClC,QAAM,OAAO,kBAAkB;AAC/B,QAAM,SAAS,CAAC,UAAmB,cAAc,YAAY,KAAK,IAAI,aAAa,OAAO,EAAE,OAAO,CAAC;AAEpG,QAAM,SACJ,SAAS,YACP,oBAAC,UAAO,MAAY,SAAQ,aAAY,MAAK,MAC1C,iBAAO,YACV,IAEA,oBAAC,UAAO,MAAM,gBAAgB,OAAO,OAAO,eAAe,IAAI,CAAC,GAAG,SAAQ,aAAY,MAAK,MACzF,iBAAO,YACV;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,wBAAsB;AAAA,MACtB,kBAAgB;AAAA,MAChB,aAAW;AAAA,MACX;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAU,qBAAqB,iBAAO,cAAa;AAAA,QACzD,oBAAC,UAAK,WAAU,SAAS,mBAAS,YAAY,OAAO,eAAe,OAAO,cAAa;AAAA,QACvF,UAAU,UACT;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAO;AAAA,YACP,KAAK;AAAA,YACL,OAAO;AAAA,YACP,WAAS;AAAA,YAIT,aAAa,MAAM,OAAO,MAAM,OAAO,IAAI,GAAG,OAAO,KAAK,CAAC;AAAA,YAC3D,MAAM,OAAO,QAAQ,WAAW;AAAA,YAChC,WAAU;AAAA,YACV;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/billing/plan-limit.d.ts

@@ -0,0 +1,34 @@
+/** What {@link isPlanLimit} reads off a `plan_limit` refusal (docs/billing-harmonization.md
+ *  §3.4): `402 {detail, code: "plan_limit", dimension, plan, limit, used}`. */
+interface PlanLimitRefusal {
+    /** The limited dimension, as the app's catalogue names it: `"budgets"`, `"seats"`. */
+    dimension: string;
+    /** The payer's plan code, lowercased (§12.16: reads compare without case, and
+     *  keksdose's legacy body still says `"FREE"`). `undefined` when the body has none. */
+    plan: string | undefined;
+    /** The plan's limit for the dimension. `undefined` when the body has none. */
+    limit: number | undefined;
+    /** How many there are. `undefined` when the body has none — keksdose's legacy
+     *  `plan_budget_limit` body never had it. */
+    used: number | undefined;
+}
+/**
+ * The plan-limit refusal `err` carries — `{dimension, plan, limit, used}` — or
+ * `undefined` when it is not one (docs/billing-harmonization.md §3.4):
+ *
+ *     catch (err) {
+ *       const hit = isPlanLimit(err);
+ *       if (hit) return setLimit(hit); // → <PlanLimitNotice {...hit} mode="upgrade" href="/settings/subscription" />
+ *     }
+ *
+ * The body is found where `authErrorCode` finds a code — axios' `err.response.data`,
+ * ofetch's `err.data`, a generated client's `err.body`, or `err` itself — and FastAPI's
+ * nested `{detail: {code, …}}` too; the extra fields are read beside the code.
+ *
+ * keksdose's old code, `plan_budget_limit`, is read as `dimension: "budgets"` (§12.16):
+ * its frontend accepts both codes for a release, because installed PWAs run the previous
+ * bundle while the server switches.
+ */
+declare function isPlanLimit(err: unknown): PlanLimitRefusal | undefined;
+
+export { type PlanLimitRefusal, isPlanLimit };

package/dist/billing/plan-limit.js

@@ -0,0 +1,20 @@
+"use client";
+import { errorBodyWithCode } from "../auth/auth-errors.js";
+const LEGACY_BUDGET_LIMIT = "plan_budget_limit";
+const text = (value) => typeof value === "string" && value !== "" ? value : void 0;
+const count = (value) => typeof value === "number" && Number.isFinite(value) ? value : void 0;
+function isPlanLimit(err) {
+  const body = errorBodyWithCode(err, (code) => code === "plan_limit" || code === LEGACY_BUDGET_LIMIT);
+  if (!body) return void 0;
+  const legacy = body.code === LEGACY_BUDGET_LIMIT;
+  return {
+    dimension: text(body.dimension) ?? (legacy ? "budgets" : ""),
+    plan: text(body.plan)?.toLowerCase(),
+    limit: count(body.limit),
+    used: count(body.used)
+  };
+}
+export {
+  isPlanLimit
+};
+//# sourceMappingURL=plan-limit.js.map

package/dist/billing/plan-limit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/plan-limit.ts"],"sourcesContent":["import { errorBodyWithCode } from \"../auth/auth-errors\";\n\n/** What {@link isPlanLimit} reads off a `plan_limit` refusal (docs/billing-harmonization.md\n *  §3.4): `402 {detail, code: \"plan_limit\", dimension, plan, limit, used}`. */\nexport interface PlanLimitRefusal {\n  /** The limited dimension, as the app's catalogue names it: `\"budgets\"`, `\"seats\"`. */\n  dimension: string;\n  /** The payer's plan code, lowercased (§12.16: reads compare without case, and\n   *  keksdose's legacy body still says `\"FREE\"`). `undefined` when the body has none. */\n  plan: string | undefined;\n  /** The plan's limit for the dimension. `undefined` when the body has none. */\n  limit: number | undefined;\n  /** How many there are. `undefined` when the body has none — keksdose's legacy\n   *  `plan_budget_limit` body never had it. */\n  used: number | undefined;\n}\n\n/** keksdose's code before §3.4: `402 {detail, code: \"plan_budget_limit\", plan, limit}`. */\nconst LEGACY_BUDGET_LIMIT = \"plan_budget_limit\";\n\nconst text = (value: unknown): string | undefined =>\n  typeof value === \"string\" && value !== \"\" ? value : undefined;\nconst count = (value: unknown): number | undefined =>\n  typeof value === \"number\" && Number.isFinite(value) ? value : undefined;\n\n/**\n * The plan-limit refusal `err` carries — `{dimension, plan, limit, used}` — or\n * `undefined` when it is not one (docs/billing-harmonization.md §3.4):\n *\n *     catch (err) {\n *       const hit = isPlanLimit(err);\n *       if (hit) return setLimit(hit); // → <PlanLimitNotice {...hit} mode=\"upgrade\" href=\"/settings/subscription\" />\n *     }\n *\n * The body is found where `authErrorCode` finds a code — axios' `err.response.data`,\n * ofetch's `err.data`, a generated client's `err.body`, or `err` itself — and FastAPI's\n * nested `{detail: {code, …}}` too; the extra fields are read beside the code.\n *\n * keksdose's old code, `plan_budget_limit`, is read as `dimension: \"budgets\"` (§12.16):\n * its frontend accepts both codes for a release, because installed PWAs run the previous\n * bundle while the server switches.\n */\nexport function isPlanLimit(err: unknown): PlanLimitRefusal | undefined {\n  const body = errorBodyWithCode(err, (code) => code === \"plan_limit\" || code === LEGACY_BUDGET_LIMIT);\n  if (!body) return undefined;\n  const legacy = body.code === LEGACY_BUDGET_LIMIT;\n  return {\n    dimension: text(body.dimension) ?? (legacy ? \"budgets\" : \"\"),\n    plan: text(body.plan)?.toLowerCase(),\n    limit: count(body.limit),\n    used: count(body.used),\n  };\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAkBlC,MAAM,sBAAsB;AAE5B,MAAM,OAAO,CAAC,UACZ,OAAO,UAAU,YAAY,UAAU,KAAK,QAAQ;AACtD,MAAM,QAAQ,CAAC,UACb,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,IAAI,QAAQ;AAmBzD,SAAS,YAAY,KAA4C;AACtE,QAAM,OAAO,kBAAkB,KAAK,CAAC,SAAS,SAAS,gBAAgB,SAAS,mBAAmB;AACnG,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,SAAS,KAAK,SAAS;AAC7B,SAAO;AAAA,IACL,WAAW,KAAK,KAAK,SAAS,MAAM,SAAS,YAAY;AAAA,IACzD,MAAM,KAAK,KAAK,IAAI,GAAG,YAAY;AAAA,IACnC,OAAO,MAAM,KAAK,KAAK;AAAA,IACvB,MAAM,MAAM,KAAK,IAAI;AAAA,EACvB;AACF;","names":[]}

package/dist/billing/plan-price.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Money and periods of the plan catalogue (docs/billing-harmonization.md §3.1, §4, §12.17).
+ *
+ * Money crosses the wire as INTEGER MINOR UNITS plus an ISO currency, never as a float
+ * (§4): 4900 CHF is CHF 49.00. The kit turns it into the reader's notation with
+ * `formatMoney`, so no app divides by 100 by hand.
+ */
+/** A billing period: the provider charges per month or per year. */
+type BillingInterval = "month" | "year";
+/** The two currencies every app sells in (§2.6). */
+type BillingCurrency = "CHF" | "EUR";
+/**
+ * The periods in the order the picker offers them — YEARLY FIRST (§12.17): a Merchant of
+ * Record takes about 5 % + 0.50 per transaction, so a small monthly price loses a fifth
+ * of itself (CHF 3 a month loses about 22 %). The page leads with the yearly price.
+ */
+declare const BILLING_INTERVALS: readonly BillingInterval[];
+/** One currency's prices, in minor units, per period. A period left out is not offered. */
+type PlanIntervalPrices = Partial<Record<BillingInterval, number>>;
+/** A plan's prices as server-kit's `PlanSpec.prices` sends them: currency → period →
+ *  minor units, GROSS (§12.17). */
+type PlanPrices = Partial<Record<BillingCurrency, PlanIntervalPrices>>;
+/**
+ * What one plan costs in one currency and period:
+ * - `price` — a gross amount in minor units;
+ * - `free` — a plan with no prices at all (keksdose's free plan), or a price of 0;
+ * - `not-offered` — a plan with prices, but none for this currency and period.
+ */
+type PlanPriceAnswer = {
+    kind: "price";
+    minor: number;
+} | {
+    kind: "free";
+} | {
+    kind: "not-offered";
+};
+/** What `prices` says for `currency` and `interval` — see {@link PlanPriceAnswer}. */
+declare function planPrice(prices: PlanPrices | null | undefined, currency: BillingCurrency, interval: BillingInterval): PlanPriceAnswer;
+/** Minor units as the amount: 4900 CHF → 49, 1250 EUR → 12.5. The currency's minor unit
+ *  comes from `Intl` (CHF and EUR have 2); a code `Intl` cannot read counts as 2. */
+declare function minorToMajor(minor: number, currency: string): number;
+/**
+ * A price in minor units, in the reader's notation: "CHF 49", "CHF 4.90", "49 €",
+ * "4,90 €". A whole amount drops its decimals — a price list reads "CHF 49" — and any
+ * other keeps all of them ("CHF 4.90", never "CHF 4.9").
+ */
+declare function formatPlanPrice(minor: number, currency: string, options?: {
+    locale?: string;
+}): string;
+/**
+ * The currency a payer starts with when the app stores none (§12.18): francs where the
+ * locale's region is Switzerland or Liechtenstein, euros everywhere else — "de-CH" and
+ * "fr-CH" CHF, "de" (Germany, once `Intl` fills the region in) and "it" EUR.
+ *
+ * Only the fallback: an account's stored currency comes first (keksdose's
+ * `reporting_currency` — a de-CH speaker living in Germany pays in euros), and the payer
+ * may switch in the picker either way; checkout takes the one they leave it on (§4).
+ */
+declare function billingCurrencyFor(locale?: string): BillingCurrency;
+
+export { BILLING_INTERVALS, type BillingCurrency, type BillingInterval, type PlanIntervalPrices, type PlanPriceAnswer, type PlanPrices, billingCurrencyFor, formatPlanPrice, minorToMajor, planPrice };

package/dist/billing/plan-price.js

@@ -0,0 +1,45 @@
+"use client";
+import { currencyMinorDigits, formatMoney } from "../lib/format.js";
+const BILLING_INTERVALS = Object.freeze(["year", "month"]);
+function hasAnyPrice(prices) {
+  if (!prices) return false;
+  return Object.values(prices).some(
+    (byInterval) => byInterval && Object.values(byInterval).some((v) => typeof v === "number")
+  );
+}
+function planPrice(prices, currency, interval) {
+  const minor = prices?.[currency]?.[interval];
+  if (typeof minor === "number" && Number.isFinite(minor)) {
+    return minor === 0 ? { kind: "free" } : { kind: "price", minor };
+  }
+  return hasAnyPrice(prices) ? { kind: "not-offered" } : { kind: "free" };
+}
+function minorToMajor(minor, currency) {
+  const digits = currencyMinorDigits(currency) ?? 2;
+  return minor / 10 ** digits;
+}
+function formatPlanPrice(minor, currency, options = {}) {
+  const digits = currencyMinorDigits(currency) ?? 2;
+  const whole = Number.isInteger(minor) && minor % 10 ** digits === 0;
+  return formatMoney(minorToMajor(minor, currency), currency, {
+    locale: options.locale,
+    digits: whole ? 0 : digits
+  });
+}
+function billingCurrencyFor(locale) {
+  if (!locale) return "EUR";
+  try {
+    const region = new Intl.Locale(locale).maximize().region;
+    return region === "CH" || region === "LI" ? "CHF" : "EUR";
+  } catch {
+    return "EUR";
+  }
+}
+export {
+  BILLING_INTERVALS,
+  billingCurrencyFor,
+  formatPlanPrice,
+  minorToMajor,
+  planPrice
+};
+//# sourceMappingURL=plan-price.js.map

package/dist/billing/plan-price.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/plan-price.ts"],"sourcesContent":["import { currencyMinorDigits, formatMoney } from \"../lib/format\";\n\n/**\n * Money and periods of the plan catalogue (docs/billing-harmonization.md §3.1, §4, §12.17).\n *\n * Money crosses the wire as INTEGER MINOR UNITS plus an ISO currency, never as a float\n * (§4): 4900 CHF is CHF 49.00. The kit turns it into the reader's notation with\n * `formatMoney`, so no app divides by 100 by hand.\n */\n\n/** A billing period: the provider charges per month or per year. */\nexport type BillingInterval = \"month\" | \"year\";\n\n/** The two currencies every app sells in (§2.6). */\nexport type BillingCurrency = \"CHF\" | \"EUR\";\n\n/**\n * The periods in the order the picker offers them — YEARLY FIRST (§12.17): a Merchant of\n * Record takes about 5 % + 0.50 per transaction, so a small monthly price loses a fifth\n * of itself (CHF 3 a month loses about 22 %). The page leads with the yearly price.\n */\nexport const BILLING_INTERVALS: readonly BillingInterval[] = Object.freeze([\"year\", \"month\"]);\n\n/** One currency's prices, in minor units, per period. A period left out is not offered. */\nexport type PlanIntervalPrices = Partial<Record<BillingInterval, number>>;\n\n/** A plan's prices as server-kit's `PlanSpec.prices` sends them: currency → period →\n *  minor units, GROSS (§12.17). */\nexport type PlanPrices = Partial<Record<BillingCurrency, PlanIntervalPrices>>;\n\n/**\n * What one plan costs in one currency and period:\n * - `price` — a gross amount in minor units;\n * - `free` — a plan with no prices at all (keksdose's free plan), or a price of 0;\n * - `not-offered` — a plan with prices, but none for this currency and period.\n */\nexport type PlanPriceAnswer =\n  | { kind: \"price\"; minor: number }\n  | { kind: \"free\" }\n  | { kind: \"not-offered\" };\n\n/** Whether a price table holds any figure at all. */\nfunction hasAnyPrice(prices: PlanPrices | null | undefined): boolean {\n  if (!prices) return false;\n  return Object.values(prices).some(\n    (byInterval) => byInterval && Object.values(byInterval).some((v) => typeof v === \"number\"),\n  );\n}\n\n/** What `prices` says for `currency` and `interval` — see {@link PlanPriceAnswer}. */\nexport function planPrice(\n  prices: PlanPrices | null | undefined,\n  currency: BillingCurrency,\n  interval: BillingInterval,\n): PlanPriceAnswer {\n  const minor = prices?.[currency]?.[interval];\n  if (typeof minor === \"number\" && Number.isFinite(minor)) {\n    return minor === 0 ? { kind: \"free\" } : { kind: \"price\", minor };\n  }\n  return hasAnyPrice(prices) ? { kind: \"not-offered\" } : { kind: \"free\" };\n}\n\n/** Minor units as the amount: 4900 CHF → 49, 1250 EUR → 12.5. The currency's minor unit\n *  comes from `Intl` (CHF and EUR have 2); a code `Intl` cannot read counts as 2. */\nexport function minorToMajor(minor: number, currency: string): number {\n  const digits = currencyMinorDigits(currency) ?? 2;\n  return minor / 10 ** digits;\n}\n\n/**\n * A price in minor units, in the reader's notation: \"CHF 49\", \"CHF 4.90\", \"49 €\",\n * \"4,90 €\". A whole amount drops its decimals — a price list reads \"CHF 49\" — and any\n * other keeps all of them (\"CHF 4.90\", never \"CHF 4.9\").\n */\nexport function formatPlanPrice(minor: number, currency: string, options: { locale?: string } = {}): string {\n  const digits = currencyMinorDigits(currency) ?? 2;\n  const whole = Number.isInteger(minor) && minor % 10 ** digits === 0;\n  return formatMoney(minorToMajor(minor, currency), currency, {\n    locale: options.locale,\n    digits: whole ? 0 : digits,\n  });\n}\n\n/**\n * The currency a payer starts with when the app stores none (§12.18): francs where the\n * locale's region is Switzerland or Liechtenstein, euros everywhere else — \"de-CH\" and\n * \"fr-CH\" CHF, \"de\" (Germany, once `Intl` fills the region in) and \"it\" EUR.\n *\n * Only the fallback: an account's stored currency comes first (keksdose's\n * `reporting_currency` — a de-CH speaker living in Germany pays in euros), and the payer\n * may switch in the picker either way; checkout takes the one they leave it on (§4).\n */\nexport function billingCurrencyFor(locale?: string): BillingCurrency {\n  if (!locale) return \"EUR\";\n  try {\n    const region = new Intl.Locale(locale).maximize().region;\n    return region === \"CH\" || region === \"LI\" ? \"CHF\" : \"EUR\";\n  } catch {\n    return \"EUR\";\n  }\n}\n"],"mappings":";AAAA,SAAS,qBAAqB,mBAAmB;AAqB1C,MAAM,oBAAgD,OAAO,OAAO,CAAC,QAAQ,OAAO,CAAC;AAqB5F,SAAS,YAAY,QAAgD;AACnE,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,OAAO,OAAO,MAAM,EAAE;AAAA,IAC3B,CAAC,eAAe,cAAc,OAAO,OAAO,UAAU,EAAE,KAAK,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA,EAC3F;AACF;AAGO,SAAS,UACd,QACA,UACA,UACiB;AACjB,QAAM,QAAQ,SAAS,QAAQ,IAAI,QAAQ;AAC3C,MAAI,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,GAAG;AACvD,WAAO,UAAU,IAAI,EAAE,MAAM,OAAO,IAAI,EAAE,MAAM,SAAS,MAAM;AAAA,EACjE;AACA,SAAO,YAAY,MAAM,IAAI,EAAE,MAAM,cAAc,IAAI,EAAE,MAAM,OAAO;AACxE;AAIO,SAAS,aAAa,OAAe,UAA0B;AACpE,QAAM,SAAS,oBAAoB,QAAQ,KAAK;AAChD,SAAO,QAAQ,MAAM;AACvB;AAOO,SAAS,gBAAgB,OAAe,UAAkB,UAA+B,CAAC,GAAW;AAC1G,QAAM,SAAS,oBAAoB,QAAQ,KAAK;AAChD,QAAM,QAAQ,OAAO,UAAU,KAAK,KAAK,QAAQ,MAAM,WAAW;AAClE,SAAO,YAAY,aAAa,OAAO,QAAQ,GAAG,UAAU;AAAA,IAC1D,QAAQ,QAAQ;AAAA,IAChB,QAAQ,QAAQ,IAAI;AAAA,EACtB,CAAC;AACH;AAWO,SAAS,mBAAmB,QAAkC;AACnE,MAAI,CAAC,OAAQ,QAAO;AACpB,MAAI;AACF,UAAM,SAAS,IAAI,KAAK,OAAO,MAAM,EAAE,SAAS,EAAE;AAClD,WAAO,WAAW,QAAQ,WAAW,OAAO,QAAQ;AAAA,EACtD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/billing/subscription-actions.d.ts

@@ -0,0 +1,133 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { e4 as LabelOverride, bH as BillingLabels } from '../delete-account-setting-FLyJf-kZ.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-kpAAVi6g.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../hooks/use-breakpoint.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-parts.js';
+import '../components/field-sync.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import '../components/month-picker.js';
+import '../components/page-contents.js';
+import '../components/series-chart-labels.js';
+import '../components/pie-chart-labels.js';
+import '../components/sparkline.js';
+import '../components/stat-tile.js';
+import '../components/signature-pad.js';
+import '../components/password-strength.js';
+import '../components/swatch-picker.js';
+import '../components/tile-radio.js';
+import '../components/icon-picker.js';
+import '../components/dialog-frame.js';
+import '../components/modal.js';
+import '../hooks/use-search-param-state.js';
+import '../components/measured-grid.js';
+import '../components/user-avatar.js';
+import '../lib/person-name.js';
+import '../components/status-dot.js';
+import '../components/progress-bar.js';
+import '../components/signed-amount.js';
+import '../shell/topbar-action-menu.js';
+import '../components/menu-item.js';
+import '../components/floating-panel.js';
+import '../hooks/use-authed-src.js';
+import '../components/account-settings-labels.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
+import '../components/description-list.js';
+import '../components/line-items.js';
+import '../components/error-boundary.js';
+import '../components/authed-image.js';
+import '../components/image-grid.js';
+import '../components/lightbox.js';
+import '../components/write-lock.js';
+import '../auth/sign-in-form.js';
+import '../landing/access.js';
+import '../landing/landing-labels.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
+import '../lib/format.js';
+import '../account/data-export-setting.js';
+import '../components/account-chips.js';
+import '../admin/admin-parts.js';
+import '../admin/admin-action-log.js';
+import '../settings/settings-labels.js';
+import '../demo/demo-labels.js';
+import '../components/appearance-labels.js';
+import '../theme/contrast.js';
+import '../theme/text-size.js';
+import '../components/reauth-dialog.js';
+import '../components/server-wake.js';
+import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
+import '../components/country-select.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/focus-ring.js';
+
+interface SubscriptionActionsProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    /** "Payment and invoices", as a link — or {@link onManage}. Without either, none. */
+    manageHref?: string;
+    /** "Payment and invoices", as the app's call: `POST /billing/portal`, then off to its
+     *  `url` (§4). The kit sends no request. */
+    onManage?: () => void;
+    /** "Cancel subscription", as a link — or {@link onCancel}. Without either, none. */
+    cancelHref?: string;
+    /** "Cancel subscription", as the app's call — usually the portal again, where the
+     *  provider's cancel and withdrawal functions are (§12.26). */
+    onCancel?: () => void;
+    /** Which of the two is under way: its spinner, no second press. */
+    pending?: "manage" | "cancel" | null;
+    /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */
+    labels?: LabelOverride<BillingLabels>;
+}
+/**
+ * The two ways to the provider's hosted portal on the subscription page
+ * (docs/billing-harmonization.md §2.8, §7, §12.26): "Payment and invoices" — the payment
+ * method and the invoices live there, never in the app — and a VISIBLE "Cancel
+ * subscription". Consumer law wants the second in plain sight: Germany's cancellation
+ * button (§312k BGB) and the EU withdrawal function (Directive (EU) 2023/2673, from
+ * 19 June 2026) are in the portal, and the app's page must not hide the way there behind
+ * "manage".
+ *
+ * Neither takes the write lock: a read-only payer must be able to pay, leave or cancel
+ * (§3.3).
+ */
+declare function SubscriptionActions({ manageHref, onManage, cancelHref, onCancel, pending, labels: labelsProp, className, ...rest }: SubscriptionActionsProps): react.JSX.Element | null;
+
+export { SubscriptionActions, type SubscriptionActionsProps };

package/dist/billing/subscription-actions.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn.js";
+import { Button } from "../components/ui.js";
+import { useBillingLabels } from "./billing-labels.js";
+function SubscriptionActions({
+  manageHref,
+  onManage,
+  cancelHref,
+  onCancel,
+  pending,
+  labels: labelsProp,
+  className,
+  ...rest
+}) {
+  const labels = useBillingLabels(labelsProp);
+  const manage = manageHref !== void 0 ? /* @__PURE__ */ jsx(Button, { href: manageHref, variant: "secondary", children: labels.manage }) : onManage !== void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onManage, pending: pending === "manage", children: labels.manage }) : null;
+  const cancel = cancelHref !== void 0 ? /* @__PURE__ */ jsx(Button, { href: cancelHref, variant: "link", tone: "danger", children: labels.cancel }) : onCancel !== void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", tone: "danger", onClick: onCancel, pending: pending === "cancel", children: labels.cancel }) : null;
+  if (!manage && !cancel) return null;
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("flex flex-wrap items-center gap-x-4 gap-y-2", className), children: [
+    manage,
+    cancel
+  ] });
+}
+export {
+  SubscriptionActions
+};
+//# sourceMappingURL=subscription-actions.js.map

package/dist/billing/subscription-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/subscription-actions.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/ui\";\nimport { useBillingLabels } from \"./billing-labels\";\nimport type { BillingLabels } from \"./billing-labels\";\n\nexport interface SubscriptionActionsProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** \"Payment and invoices\", as a link — or {@link onManage}. Without either, none. */\n  manageHref?: string;\n  /** \"Payment and invoices\", as the app's call: `POST /billing/portal`, then off to its\n   *  `url` (§4). The kit sends no request. */\n  onManage?: () => void;\n  /** \"Cancel subscription\", as a link — or {@link onCancel}. Without either, none. */\n  cancelHref?: string;\n  /** \"Cancel subscription\", as the app's call — usually the portal again, where the\n   *  provider's cancel and withdrawal functions are (§12.26). */\n  onCancel?: () => void;\n  /** Which of the two is under way: its spinner, no second press. */\n  pending?: \"manage\" | \"cancel\" | null;\n  /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */\n  labels?: LabelOverride<BillingLabels>;\n}\n\n/**\n * The two ways to the provider's hosted portal on the subscription page\n * (docs/billing-harmonization.md §2.8, §7, §12.26): \"Payment and invoices\" — the payment\n * method and the invoices live there, never in the app — and a VISIBLE \"Cancel\n * subscription\". Consumer law wants the second in plain sight: Germany's cancellation\n * button (§312k BGB) and the EU withdrawal function (Directive (EU) 2023/2673, from\n * 19 June 2026) are in the portal, and the app's page must not hide the way there behind\n * \"manage\".\n *\n * Neither takes the write lock: a read-only payer must be able to pay, leave or cancel\n * (§3.3).\n */\nexport function SubscriptionActions({\n  manageHref,\n  onManage,\n  cancelHref,\n  onCancel,\n  pending,\n  labels: labelsProp,\n  className,\n  ...rest\n}: SubscriptionActionsProps) {\n  const labels = useBillingLabels(labelsProp);\n  const manage =\n    manageHref !== undefined ? (\n      <Button href={manageHref} variant=\"secondary\">\n        {labels.manage}\n      </Button>\n    ) : onManage !== undefined ? (\n      <Button type=\"button\" variant=\"secondary\" onClick={onManage} pending={pending === \"manage\"}>\n        {labels.manage}\n      </Button>\n    ) : null;\n  const cancel =\n    cancelHref !== undefined ? (\n      <Button href={cancelHref} variant=\"link\" tone=\"danger\">\n        {labels.cancel}\n      </Button>\n    ) : onCancel !== undefined ? (\n      <Button type=\"button\" variant=\"link\" tone=\"danger\" onClick={onCancel} pending={pending === \"cancel\"}>\n        {labels.cancel}\n      </Button>\n    ) : null;\n  if (!manage && !cancel) return null;\n  return (\n    <div {...rest} className={cn(\"flex flex-wrap items-center gap-x-4 gap-y-2\", className)}>\n      {manage}\n      {cancel}\n    </div>\n  );\n}\n"],"mappings":";AAkDM,cAoBF,YApBE;AA/CN,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAgC1B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,SAAS,iBAAiB,UAAU;AAC1C,QAAM,SACJ,eAAe,SACb,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAC/B,iBAAO,QACV,IACE,aAAa,SACf,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,SAAS,UAAU,SAAS,YAAY,UAC/E,iBAAO,QACV,IACE;AACN,QAAM,SACJ,eAAe,SACb,oBAAC,UAAO,MAAM,YAAY,SAAQ,QAAO,MAAK,UAC3C,iBAAO,QACV,IACE,aAAa,SACf,oBAAC,UAAO,MAAK,UAAS,SAAQ,QAAO,MAAK,UAAS,SAAS,UAAU,SAAS,YAAY,UACxF,iBAAO,QACV,IACE;AACN,MAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;AAC/B,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,+CAA+C,SAAS,GAClF;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;","names":[]}