@alfadocs/ui-kit-debug 1.65.0 → 1.67.0

package/dist/_chunks/ai-credits-exhausted-notice-DfAgfZDF.js

@@ -0,0 +1,287 @@
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as S, useId as E } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { C as P, A as b } from "./alert-DjsJMGRE.js";
+import { B as U } from "./button-D-MQxsA_.js";
+import { P as _ } from "./progress-D_g_Sl2g.js";
+import { f as j, n as F } from "./intl-locale-FWh-Y5_3.js";
+import { T as H } from "./trending-up-C_luYBzS.js";
+import { c as M } from "./createLucideIcon-DhHxpK9K.js";
+import { A as k } from "./astroid-BN4f5VXU.js";
+import { A as O } from "./arrow-left-BfaGqVam.js";
+import { H as W } from "./hourglass-BEAzW1wE.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = [
+  [
+    "path",
+    {
+      d: "M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z",
+      key: "12oyoe"
+    }
+  ],
+  ["path", { d: "M21 16v2a4 4 0 0 1-4 4h-5", key: "1x7m43" }]
+], q = M("headset", G), Z = 0.8;
+function $(n) {
+  if (!n) return !1;
+  if (n.runningLow !== void 0) return n.runningLow;
+  const { remaining: i, limit: o } = n;
+  return i === void 0 || o === void 0 || o <= 0 ? !1 : i > 0 && o - i >= o * Z;
+}
+function J(n) {
+  return (n == null ? void 0 : n.renewsOn) ?? (n == null ? void 0 : n.resetsOn);
+}
+function V() {
+  const { i18n: n } = A("ui"), i = j(n.language), o = new Intl.NumberFormat(F(i), {
+    maximumFractionDigits: 1
+  }), g = new Intl.DateTimeFormat(i, {
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  });
+  return {
+    number: (d) => o.format(d),
+    date: (d) => g.format(d)
+  };
+}
+const z = "ds:min-h-[var(--min-target-size)]", K = [
+  z,
+  "ds:!h-auto ds:!whitespace-normal ds:text-start ds:[overflow-wrap:anywhere]",
+  "ds:py-[var(--spacing-xs)]"
+].join(" "), L = x(
+  [
+    "ds:inline-flex ds:items-center ds:min-h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]",
+    "type-body-sm ds:font-medium ds:underline ds:underline-offset-2 ds:hover:no-underline ds:cursor-pointer",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:text-[color:LinkText]"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        inherit: "ds:text-[color:inherit]",
+        link: "ds:text-[color:var(--link)]"
+      }
+    },
+    defaultVariants: { tone: "link" }
+  }
+), Q = x(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
+), X = "ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", Y = S(
+  ({
+    credits: n,
+    onBack: i,
+    footnote: o,
+    headingLevel: g = 2,
+    announce: d,
+    className: l,
+    ...m
+  }, f) => {
+    var R;
+    const { t: e } = A("ui"), u = V(), c = E(), t = n == null ? void 0 : n.limit, h = (n == null ? void 0 : n.remaining) ?? 0, p = t !== void 0 && t > 0 ? e("aiCredits.remaining", {
+      remaining: u.number(h),
+      limit: u.number(t)
+    }) : void 0, I = J(n), v = I ? u.date(I) : void 0, y = [
+      n != null && n.onBuyCredits ? {
+        key: "buy",
+        label: e("aiCredits.buy"),
+        icon: /* @__PURE__ */ a(H, { "aria-hidden": "true" }),
+        onClick: n.onBuyCredits
+      } : null,
+      n != null && n.onUpgrade ? {
+        key: "upgrade",
+        label: e("aiCredits.upgrade"),
+        icon: /* @__PURE__ */ a(P, { "aria-hidden": "true" }),
+        onClick: n.onUpgrade
+      } : null,
+      n != null && n.onContactSupport ? {
+        key: "support",
+        label: e("aiCredits.contactSupport"),
+        icon: /* @__PURE__ */ a(q, { "aria-hidden": "true" }),
+        onClick: n.onContactSupport
+      } : null
+    ].filter((s) => s !== null), C = (R = y[0]) == null ? void 0 : R.key, B = C === "buy" ? e("aiCredits.bodyBuy") : C === "upgrade" ? e("aiCredits.bodyUpgrade") : C === "support" ? e("aiCredits.bodySupport") : v ? e("aiCredits.bodyRenews", { date: v }) : e("aiCredits.bodyNone"), T = C && v ? v : void 0;
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ...m,
+        ref: f,
+        "data-component": "ai-credits-exhausted-notice",
+        role: "group",
+        "aria-labelledby": c,
+        className: Q({ className: l }),
+        children: [
+          /* @__PURE__ */ r(
+            b,
+            {
+              variant: "promo",
+              announce: d,
+              icon: /* @__PURE__ */ a(k, { "aria-hidden": "true" }),
+              className: "ds:[--ring:var(--promo-foreground)]",
+              children: [
+                /* @__PURE__ */ a(b.Title, { as: `h${g}`, id: c, children: e("aiCredits.title") }),
+                /* @__PURE__ */ a(b.Description, { children: B }),
+                T ? /* @__PURE__ */ a(
+                  "p",
+                  {
+                    className: "ds:m-0 ds:[margin-block-start:var(--spacing-2xs)] type-body-sm",
+                    "data-credits-renews": "",
+                    children: e("aiCredits.renewsOn", { date: T })
+                  }
+                ) : null,
+                p && t !== void 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]", children: [
+                  /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                    /* @__PURE__ */ a("span", { className: "type-label", children: e("aiCredits.meterLabel") }),
+                    /* @__PURE__ */ a("span", { className: "type-label ds:ms-auto ds:tabular-nums", children: p })
+                  ] }),
+                  /* @__PURE__ */ a(
+                    _,
+                    {
+                      value: Math.max(0, t - h),
+                      max: t,
+                      size: "sm",
+                      ariaLabel: e("aiCredits.meterLabel"),
+                      ariaValueText: p
+                    }
+                  )
+                ] }) : null,
+                y.length > 0 || n != null && n.onSeeCosts ? /* @__PURE__ */ r(b.Action, { children: [
+                  y.map(
+                    (s, D) => D === 0 ? /* @__PURE__ */ a(
+                      U,
+                      {
+                        intent: "tonal",
+                        size: "md",
+                        startIcon: s.icon,
+                        onClick: s.onClick,
+                        className: K,
+                        "data-credits-action": s.key,
+                        children: s.label
+                      },
+                      s.key
+                    ) : /* @__PURE__ */ a(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: s.onClick,
+                        className: L({ tone: "inherit" }),
+                        "data-credits-action": s.key,
+                        children: s.label
+                      },
+                      s.key
+                    )
+                  ),
+                  n != null && n.onSeeCosts ? /* @__PURE__ */ a(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: n.onSeeCosts,
+                      className: L({ tone: "inherit" }),
+                      "data-credits-action": "costs",
+                      children: e("aiCredits.seeCosts")
+                    }
+                  ) : null
+                ] }) : null
+              ]
+            }
+          ),
+          i || o ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            i ? /* @__PURE__ */ a(
+              U,
+              {
+                intent: "ghost",
+                startIcon: /* @__PURE__ */ a(O, {}),
+                flipIconInRtl: !0,
+                onClick: i,
+                className: z,
+                children: e("aiCredits.back")
+              }
+            ) : null,
+            o ? /* @__PURE__ */ a("p", { className: X, children: o }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+Y.displayName = "AiCreditsExhaustedNotice";
+const w = x(
+  "ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] type-body-sm",
+  {
+    variants: {
+      // Quiet: muted text and no tint, so it never competes with the
+      // promo notice. Out of credits reads in the body colour.
+      emphasis: {
+        quiet: "ds:text-[color:var(--muted-foreground)]",
+        plain: "ds:text-[color:var(--foreground)]"
+      }
+    },
+    defaultVariants: { emphasis: "quiet" }
+  }
+), nn = x(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]"
+), N = "ds:size-4 ds:shrink-0", an = S(({ credits: n, exhausted: i = !1, className: o, ...g }, d) => {
+  const { t: l } = A("ui"), m = V(), f = !i && $(n), e = n != null && n.expiring ? Math.round(n.expiring.amount * 10) / 10 : 0, u = !i && (n != null && n.expiring) && e > 0 ? n.expiring : void 0;
+  if (!i && !f && !u) return null;
+  const { remaining: c, limit: t } = n ?? {}, h = c !== void 0 && t !== void 0 && t > 0 ? l("aiCredits.runningLow", {
+    remaining: m.number(c),
+    limit: m.number(t)
+  }) : c !== void 0 ? l("aiCredits.runningLowCount", {
+    remaining: m.number(c)
+  }) : l("aiCredits.runningLowPlain"), p = n != null && n.onBuyCredits ? { label: l("aiCredits.buy"), onClick: n.onBuyCredits } : n != null && n.onUpgrade ? { label: l("aiCredits.upgrade"), onClick: n.onUpgrade } : void 0;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...g,
+      ref: d,
+      "data-component": "ai-credits-warning",
+      className: nn({ className: o }),
+      children: [
+        i ? /* @__PURE__ */ r(
+          "p",
+          {
+            className: w({ emphasis: "plain" }),
+            "data-credits-line": "exhausted",
+            children: [
+              /* @__PURE__ */ a(k, { "aria-hidden": "true", className: N }),
+              /* @__PURE__ */ a("span", { children: l("aiCredits.title") })
+            ]
+          }
+        ) : null,
+        f ? /* @__PURE__ */ r("p", { className: w(), "data-credits-line": "low", children: [
+          /* @__PURE__ */ a(k, { "aria-hidden": "true", className: N }),
+          /* @__PURE__ */ a("span", { children: h }),
+          p ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: p.onClick,
+              className: L({ tone: "link" }),
+              children: p.label
+            }
+          ) : null
+        ] }) : null,
+        u ? /* @__PURE__ */ r("p", { className: w(), "data-credits-line": "expiring", children: [
+          /* @__PURE__ */ a(W, { "aria-hidden": "true", className: N }),
+          /* @__PURE__ */ a("span", { children: l("aiCredits.expiring", {
+            count: e,
+            amount: m.number(e),
+            date: m.date(u.date)
+          }) })
+        ] }) : null
+      ]
+    }
+  );
+});
+an.displayName = "AiCreditsWarning";
+export {
+  Y as A,
+  an as a,
+  $ as i
+};
+//# sourceMappingURL=ai-credits-exhausted-notice-DfAgfZDF.js.map

package/dist/_chunks/ai-credits-exhausted-notice-DfAgfZDF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-credits-exhausted-notice-DfAgfZDF.js","sources":["../../node_modules/lucide-react/dist/esm/icons/headset.mjs","../../src/components/ai-credits-notice/ai-credits-exhausted-notice.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z\",\n      key: \"12oyoe\"\n    }\n  ],\n  [\"path\", { d: \"M21 16v2a4 4 0 0 1-4 4h-5\", key: \"1x7m43\" }]\n];\nconst Headset = createLucideIcon(\"headset\", __iconNode);\n\nexport { __iconNode, Headset as default };\n//# sourceMappingURL=headset.mjs.map\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowLeft,\n  Astroid,\n  CircleArrowUp,\n  Headset,\n  Hourglass,\n  TrendingUp,\n} from 'lucide-react';\nimport { Alert, type AlertAnnounce } from '../alert';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatLocale, numberLocale } from '../_shared/intl-locale';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice and AiCreditsWarning                         */\n/*                                                                       */\n/* The practice's AI credits, as the platform keeps them: a yearly      */\n/* allowance that comes with the AI credits module and expires at the    */\n/* end of the subscription term, then welcome and bought credits that    */\n/* never expire. The kit never talks to a backend: the host passes what  */\n/* it knows (`AiCreditsInfo`) and the next steps it can offer.           */\n/*                                                                       */\n/*  - `AiCreditsExhaustedNotice`: the out-of-credits state. A promo      */\n/*    Alert with the allowance meter and one clear next step. Promoted   */\n/*    from the help-me-write-templates pattern, which re-exports it.     */\n/*  - `AiCreditsWarning`: the quiet, non-blocking lines: running low     */\n/*    (80% used), credits expiring, or out of credits at rest.           */\n/*                                                                       */\n/* The hover card every AI trigger can carry is `AiCreditsNotice`, in    */\n/* the sibling file.                                                     */\n/* -------------------------------------------------------------------- */\n\n/** Credits that expire soon: the platform's yearly allowance at the end of\n *  the subscription term. Welcome and bought credits never expire. */\nexport interface AiCreditsExpiring {\n  /** How many credits expire. */\n  amount: number;\n  /** When they expire. */\n  date: Date;\n}\n\n/** The practice's AI credits and the next steps the host can offer. All\n *  optional: the kit shows only what it is given. */\nexport interface AiCreditsInfo {\n  /** Credits left. */\n  remaining?: number;\n  /** The allowance `remaining` counts down from, for the meter. */\n  limit?: number;\n  /**\n   * When a new allowance starts: \"renews on\". On the platform, the yearly\n   * allowance at the subscription's renewal. Omit when it will not renew.\n   */\n  renewsOn?: Date;\n  /** @deprecated Use `renewsOn`. Read the same way, as a renewal date. */\n  resetsOn?: Date;\n  /**\n   * Credits that expire soon: \"expire on\". `AiCreditsWarning` shows it as\n   * a quiet line; the out-of-credits notice never does (nothing is left to\n   * expire).\n   */\n  expiring?: AiCreditsExpiring;\n  /**\n   * Shows the running-low line in `AiCreditsWarning`. Default: true when\n   * 80% or more of `limit` is used and some credit is left. A host whose\n   * balance mixes the yearly allowance with welcome or bought credits\n   * passes it itself: 80% of one `limit` does not describe that balance.\n   */\n  runningLow?: boolean;\n  /**\n   * Shows a \"Buy AI credits\" button. Omit while the practice cannot buy\n   * credits (on the platform, without the module and the pack page).\n   */\n  onBuyCredits?: () => void;\n  /**\n   * Shows an \"Enable the AI credits module\" button: the upgrade path for a\n   * practice without the module.\n   */\n  onUpgrade?: () => void;\n  /** Shows a \"Contact support\" button. */\n  onContactSupport?: () => void;\n  /** Shows a \"See what each action costs\" link. */\n  onSeeCosts?: () => void;\n}\n\n/** Heading levels the notice title accepts. */\nexport type AiCreditsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Share of `limit` used at which credits count as running low. */\nconst RUNNING_LOW_USED = 0.8;\n\n/** Whether `credits` are running low: the host's `runningLow`, else 80% or\n *  more of `limit` used with some credit left. */\nexport function isAiCreditsRunningLow(credits?: AiCreditsInfo): boolean {\n  if (!credits) return false;\n  if (credits.runningLow !== undefined) return credits.runningLow;\n  const { remaining, limit } = credits;\n  if (remaining === undefined || limit === undefined || limit <= 0) {\n    return false;\n  }\n  return remaining > 0 && limit - remaining >= limit * RUNNING_LOW_USED;\n}\n\n/** The renewal date, from `renewsOn` or the older `resetsOn`. */\nfunction renewalDate(credits?: AiCreditsInfo): Date | undefined {\n  return credits?.renewsOn ?? credits?.resetsOn;\n}\n\n/** The kit's number and date formatting for the active UI language.\n *  Credits can be fractional on the platform (0.1 is the minimum cost). */\nfunction useCreditsFormat() {\n  const { i18n } = useTranslation('ui');\n  const locale = formatLocale(i18n.language);\n  const numbers = new Intl.NumberFormat(numberLocale(locale), {\n    maximumFractionDigits: 1,\n  });\n  const dates = new Intl.DateTimeFormat(locale, {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  });\n  return {\n    number: (value: number) => numbers.format(value),\n    date: (value: Date) => dates.format(value),\n  };\n}\n\n// The kit's target size (44px, 48px in the accessible themes) on every\n// control, at every width. On a size `md` Button: size `sm` drops its\n// minimum height from 640px up.\nconst TARGET = 'ds:min-h-[var(--min-target-size)]';\n\n// The lead step's label wraps instead of truncating: a long translation\n// (\"Das KI-Guthaben-Modul aktivieren\") never loses words in a narrow\n// panel. The Button's own height and nowrap give way; the target stays.\nconst WRAPPING_LABEL = [\n  TARGET,\n  'ds:!h-auto ds:!whitespace-normal ds:text-start ds:[overflow-wrap:anywhere]',\n  'ds:py-[var(--spacing-xs)]',\n].join(' ');\n\n// The text links: the notice's secondary steps and the quiet line's step.\n// Native buttons at the target size with the kit focus ring. `inherit`\n// takes the promo Alert's own text colour, which holds AA on its gradient\n// (the Button `link` intent's `--primary` does not); `link` is the `--link`\n// token, which holds AA on the card and popover surfaces in every theme,\n// as in AgendaTray's footer link.\nconst textLinkVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]',\n    'type-body-sm ds:font-medium ds:underline ds:underline-offset-2 ds:hover:no-underline ds:cursor-pointer',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:text-[color:LinkText]',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        inherit: 'ds:text-[color:inherit]',\n        link: 'ds:text-[color:var(--link)]',\n      },\n    },\n    defaultVariants: { tone: 'link' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice                                              */\n/* -------------------------------------------------------------------- */\n\nconst noticeRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\nconst metaClass =\n  'ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]';\n\nexport interface AiCreditsExhaustedNoticeProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance and the next steps the host can offer. */\n  credits?: AiCreditsInfo;\n  /** Shows a Back button under the notice. */\n  onBack?: () => void;\n  /** A quiet line under the notice, beside Back: what the user keeps. */\n  footnote?: ReactNode;\n  /** Heading level of the title. Default 2. */\n  headingLevel?: AiCreditsHeadingLevel;\n  /**\n   * How the notice is announced when it appears. Default: the promo\n   * Alert's polite status. Pass `'off'` when the host announces it.\n   */\n  announce?: AlertAnnounce;\n}\n\n/**\n * The out-of-credits state: what happened, the allowance, and the next\n * step. The first of buy, enable the module and contact support the host\n * passes is the main button; any others follow as links. With none, it\n * says when AI comes back, or plainly that it is unavailable and how to\n * get help: never a dead end.\n */\nexport const AiCreditsExhaustedNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsExhaustedNoticeProps\n>(\n  (\n    {\n      credits,\n      onBack,\n      footnote,\n      headingLevel = 2,\n      announce,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const format = useCreditsFormat();\n    const titleId = useId();\n    const limit = credits?.limit;\n    const remaining = credits?.remaining ?? 0;\n    // A limit of 0 (a host still loading) would divide by zero in the meter.\n    const remainingText =\n      limit !== undefined && limit > 0\n        ? t('aiCredits.remaining', {\n            remaining: format.number(remaining),\n            limit: format.number(limit),\n          })\n        : undefined;\n    const renews = renewalDate(credits);\n    const renewsText = renews ? format.date(renews) : undefined;\n\n    // The first next step the host offers leads; the rest follow as links.\n    const steps = [\n      credits?.onBuyCredits\n        ? {\n            key: 'buy',\n            label: t('aiCredits.buy'),\n            icon: <TrendingUp aria-hidden=\"true\" />,\n            onClick: credits.onBuyCredits,\n          }\n        : null,\n      credits?.onUpgrade\n        ? {\n            key: 'upgrade',\n            label: t('aiCredits.upgrade'),\n            icon: <CircleArrowUp aria-hidden=\"true\" />,\n            onClick: credits.onUpgrade,\n          }\n        : null,\n      credits?.onContactSupport\n        ? {\n            key: 'support',\n            label: t('aiCredits.contactSupport'),\n            icon: <Headset aria-hidden=\"true\" />,\n            onClick: credits.onContactSupport,\n          }\n        : null,\n    ].filter((step) => step !== null);\n    const lead = steps[0]?.key;\n\n    // The body names the lead step. Without one, it says when AI comes\n    // back, or that it is unavailable and how to get help.\n    const body =\n      lead === 'buy'\n        ? t('aiCredits.bodyBuy')\n        : lead === 'upgrade'\n          ? t('aiCredits.bodyUpgrade')\n          : lead === 'support'\n            ? t('aiCredits.bodySupport')\n            : renewsText\n              ? t('aiCredits.bodyRenews', { date: renewsText })\n              : t('aiCredits.bodyNone');\n    // With a next step, the renewal date is a line of its own.\n    const renewsLine = lead && renewsText ? renewsText : undefined;\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        // After `rest`: the marker always wins over a caller's attribute.\n        data-component=\"ai-credits-exhausted-notice\"\n        // Named by its title, so a host that moves focus here (the\n        // VoiceControlPanel does) has it read from the title.\n        role=\"group\"\n        aria-labelledby={titleId}\n        className={noticeRootVariants({ className })}\n      >\n        <Alert\n          variant=\"promo\"\n          announce={announce}\n          icon={<Astroid aria-hidden=\"true\" />}\n          // The focus ring takes the promo text colour, which holds 3:1 on\n          // the promo tint in every theme (`--ring` does not on dark).\n          className=\"ds:[--ring:var(--promo-foreground)]\"\n        >\n          <Alert.Title as={`h${headingLevel}` as const} id={titleId}>\n            {t('aiCredits.title')}\n          </Alert.Title>\n          <Alert.Description>{body}</Alert.Description>\n          {renewsLine ? (\n            <p\n              className=\"ds:m-0 ds:[margin-block-start:var(--spacing-2xs)] type-body-sm\"\n              data-credits-renews=\"\"\n            >\n              {t('aiCredits.renewsOn', { date: renewsLine })}\n            </p>\n          ) : null}\n          {remainingText && limit !== undefined ? (\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]\">\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <span className=\"type-label\">{t('aiCredits.meterLabel')}</span>\n                <span className=\"type-label ds:ms-auto ds:tabular-nums\">\n                  {remainingText}\n                </span>\n              </div>\n              <Progress\n                value={Math.max(0, limit - remaining)}\n                max={limit}\n                size=\"sm\"\n                ariaLabel={t('aiCredits.meterLabel')}\n                ariaValueText={remainingText}\n              />\n            </div>\n          ) : null}\n          {steps.length > 0 || credits?.onSeeCosts ? (\n            <Alert.Action>\n              {steps.map((step, index) =>\n                index === 0 ? (\n                  <Button\n                    key={step.key}\n                    intent=\"tonal\"\n                    size=\"md\"\n                    startIcon={step.icon}\n                    onClick={step.onClick}\n                    className={WRAPPING_LABEL}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </Button>\n                ) : (\n                  <button\n                    key={step.key}\n                    type=\"button\"\n                    onClick={step.onClick}\n                    className={textLinkVariants({ tone: 'inherit' })}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </button>\n                ),\n              )}\n              {credits?.onSeeCosts ? (\n                <button\n                  type=\"button\"\n                  onClick={credits.onSeeCosts}\n                  className={textLinkVariants({ tone: 'inherit' })}\n                  data-credits-action=\"costs\"\n                >\n                  {t('aiCredits.seeCosts')}\n                </button>\n              ) : null}\n            </Alert.Action>\n          ) : null}\n        </Alert>\n        {onBack || footnote ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {onBack ? (\n              <Button\n                intent=\"ghost\"\n                startIcon={<ArrowLeft />}\n                flipIconInRtl\n                onClick={onBack}\n                className={TARGET}\n              >\n                {t('aiCredits.back')}\n              </Button>\n            ) : null}\n            {footnote ? <p className={metaClass}>{footnote}</p> : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAiCreditsExhaustedNotice.displayName = 'AiCreditsExhaustedNotice';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsWarning                                                      */\n/* -------------------------------------------------------------------- */\n\nconst warningLineVariants = cva(\n  'ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] type-body-sm',\n  {\n    variants: {\n      // Quiet: muted text and no tint, so it never competes with the\n      // promo notice. Out of credits reads in the body colour.\n      emphasis: {\n        quiet: 'ds:text-[color:var(--muted-foreground)]',\n        plain: 'ds:text-[color:var(--foreground)]',\n      },\n    },\n    defaultVariants: { emphasis: 'quiet' },\n  },\n);\n\nconst warningRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n);\n\nconst warningIconClass = 'ds:size-4 ds:shrink-0';\n\nexport interface AiCreditsWarningProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance, the expiring credits and the next steps. */\n  credits?: AiCreditsInfo;\n  /**\n   * Out of credits: one quiet line saying so, instead of the running-low\n   * and expiring lines. The full notice is `AiCreditsExhaustedNotice`.\n   */\n  exhausted?: boolean;\n}\n\n/**\n * The quiet, non-blocking credit lines: running low (with the buy or\n * upgrade step as a link) and credits expiring, or out of credits at rest.\n * Renders nothing when none applies.\n */\nexport const AiCreditsWarning = forwardRef<\n  HTMLDivElement,\n  AiCreditsWarningProps\n>(({ credits, exhausted = false, className, ...rest }, ref) => {\n  const { t } = useTranslation('ui');\n  const format = useCreditsFormat();\n  const low = !exhausted && isAiCreditsRunningLow(credits);\n  // Rounded as it is shown, so the plural matches the figure (\"1 AI\n  // credit\", never \"1 AI credits\" for 0.96).\n  const expiringAmount = credits?.expiring\n    ? Math.round(credits.expiring.amount * 10) / 10\n    : 0;\n  const expiring =\n    !exhausted && credits?.expiring && expiringAmount > 0\n      ? credits.expiring\n      : undefined;\n  if (!exhausted && !low && !expiring) return null;\n\n  const { remaining, limit } = credits ?? {};\n  const lowText =\n    remaining !== undefined && limit !== undefined && limit > 0\n      ? t('aiCredits.runningLow', {\n          remaining: format.number(remaining),\n          limit: format.number(limit),\n        })\n      : remaining !== undefined\n        ? t('aiCredits.runningLowCount', {\n            remaining: format.number(remaining),\n          })\n        : t('aiCredits.runningLowPlain');\n  // Before the wall, the way to more credits: buy, else enable the module.\n  const step = credits?.onBuyCredits\n    ? { label: t('aiCredits.buy'), onClick: credits.onBuyCredits }\n    : credits?.onUpgrade\n      ? { label: t('aiCredits.upgrade'), onClick: credits.onUpgrade }\n      : undefined;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-component=\"ai-credits-warning\"\n      className={warningRootVariants({ className })}\n    >\n      {exhausted ? (\n        <p\n          className={warningLineVariants({ emphasis: 'plain' })}\n          data-credits-line=\"exhausted\"\n        >\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{t('aiCredits.title')}</span>\n        </p>\n      ) : null}\n      {low ? (\n        <p className={warningLineVariants()} data-credits-line=\"low\">\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{lowText}</span>\n          {step ? (\n            <button\n              type=\"button\"\n              onClick={step.onClick}\n              className={textLinkVariants({ tone: 'link' })}\n            >\n              {step.label}\n            </button>\n          ) : null}\n        </p>\n      ) : null}\n      {expiring ? (\n        <p className={warningLineVariants()} data-credits-line=\"expiring\">\n          <Hourglass aria-hidden=\"true\" className={warningIconClass} />\n          <span>\n            {t('aiCredits.expiring', {\n              count: expiringAmount,\n              amount: format.number(expiringAmount),\n              date: format.date(expiring.date),\n            })}\n          </span>\n        </p>\n      ) : null}\n    </div>\n  );\n});\nAiCreditsWarning.displayName = 'AiCreditsWarning';\n"],"names":["__iconNode","Headset","createLucideIcon","RUNNING_LOW_USED","isAiCreditsRunningLow","credits","remaining","limit","renewalDate","useCreditsFormat","i18n","useTranslation","locale","formatLocale","numbers","numberLocale","dates","value","TARGET","WRAPPING_LABEL","textLinkVariants","cva","noticeRootVariants","metaClass","AiCreditsExhaustedNotice","forwardRef","onBack","footnote","headingLevel","announce","className","rest","ref","t","format","titleId","useId","remainingText","renews","renewsText","steps","jsx","TrendingUp","CircleArrowUp","step","lead","_a","body","renewsLine","jsxs","Alert","Astroid","Progress","index","Button","ArrowLeft","warningLineVariants","warningRootVariants","warningIconClass","AiCreditsWarning","exhausted","low","expiringAmount","expiring","lowText","Hourglass"],"mappings":";;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAC5D,GACMC,IAAUC,EAAiB,WAAWF,CAAU,GCwEhDG,IAAmB;AAIlB,SAASC,EAAsBC,GAAkC;AACtE,MAAI,CAACA,EAAS,QAAO;AACrB,MAAIA,EAAQ,eAAe,OAAW,QAAOA,EAAQ;AACrD,QAAM,EAAE,WAAAC,GAAW,OAAAC,EAAA,IAAUF;AAC7B,SAAIC,MAAc,UAAaC,MAAU,UAAaA,KAAS,IACtD,KAEFD,IAAY,KAAKC,IAAQD,KAAaC,IAAQJ;AACvD;AAGA,SAASK,EAAYH,GAA2C;AAC9D,UAAOA,KAAA,gBAAAA,EAAS,cAAYA,KAAA,gBAAAA,EAAS;AACvC;AAIA,SAASI,IAAmB;AAC1B,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAe,IAAI,GAC9BC,IAASC,EAAaH,EAAK,QAAQ,GACnCI,IAAU,IAAI,KAAK,aAAaC,EAAaH,CAAM,GAAG;AAAA,IAC1D,uBAAuB;AAAA,EAAA,CACxB,GACKI,IAAQ,IAAI,KAAK,eAAeJ,GAAQ;AAAA,IAC5C,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,CACP;AACD,SAAO;AAAA,IACL,QAAQ,CAACK,MAAkBH,EAAQ,OAAOG,CAAK;AAAA,IAC/C,MAAM,CAACA,MAAgBD,EAAM,OAAOC,CAAK;AAAA,EAAA;AAE7C;AAKA,MAAMC,IAAS,qCAKTC,IAAiB;AAAA,EACrBD;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAQJE,IAAmBC;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB,EAAE,MAAM,OAAA;AAAA,EAAO;AAEpC,GAMMC,IAAqBD;AAAA,EACzB;AACF,GAEME,IACJ,uFA4BWC,IAA2BC;AAAA,EAItC,CACE;AAAA,IACE,SAAApB;AAAA,IACA,QAAAqB;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMtB,EAAe,IAAI,GAC3BuB,IAASzB,EAAA,GACT0B,IAAUC,EAAA,GACV7B,IAAQF,KAAA,gBAAAA,EAAS,OACjBC,KAAYD,KAAA,gBAAAA,EAAS,cAAa,GAElCgC,IACJ9B,MAAU,UAAaA,IAAQ,IAC3B0B,EAAE,uBAAuB;AAAA,MACvB,WAAWC,EAAO,OAAO5B,CAAS;AAAA,MAClC,OAAO4B,EAAO,OAAO3B,CAAK;AAAA,IAAA,CAC3B,IACD,QACA+B,IAAS9B,EAAYH,CAAO,GAC5BkC,IAAaD,IAASJ,EAAO,KAAKI,CAAM,IAAI,QAG5CE,IAAQ;AAAA,MACZnC,KAAA,QAAAA,EAAS,eACL;AAAA,QACE,KAAK;AAAA,QACL,OAAO4B,EAAE,eAAe;AAAA,QACxB,MAAM,gBAAAQ,EAACC,GAAA,EAAW,eAAY,OAAA,CAAO;AAAA,QACrC,SAASrC,EAAQ;AAAA,MAAA,IAEnB;AAAA,MACJA,KAAA,QAAAA,EAAS,YACL;AAAA,QACE,KAAK;AAAA,QACL,OAAO4B,EAAE,mBAAmB;AAAA,QAC5B,MAAM,gBAAAQ,EAACE,GAAA,EAAc,eAAY,OAAA,CAAO;AAAA,QACxC,SAAStC,EAAQ;AAAA,MAAA,IAEnB;AAAA,MACJA,KAAA,QAAAA,EAAS,mBACL;AAAA,QACE,KAAK;AAAA,QACL,OAAO4B,EAAE,0BAA0B;AAAA,QACnC,MAAM,gBAAAQ,EAACxC,GAAA,EAAQ,eAAY,OAAA,CAAO;AAAA,QAClC,SAASI,EAAQ;AAAA,MAAA,IAEnB;AAAA,IAAA,EACJ,OAAO,CAACuC,MAASA,MAAS,IAAI,GAC1BC,KAAOC,IAAAN,EAAM,CAAC,MAAP,gBAAAM,EAAU,KAIjBC,IACJF,MAAS,QACLZ,EAAE,mBAAmB,IACrBY,MAAS,YACPZ,EAAE,uBAAuB,IACzBY,MAAS,YACPZ,EAAE,uBAAuB,IACzBM,IACEN,EAAE,wBAAwB,EAAE,MAAMM,EAAA,CAAY,IAC9CN,EAAE,oBAAoB,GAE5Be,IAAaH,KAAQN,IAAaA,IAAa;AAErD,WACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGlB;AAAA,QACJ,KAAAC;AAAA,QAEA,kBAAe;AAAA,QAGf,MAAK;AAAA,QACL,mBAAiBG;AAAA,QACjB,WAAWb,EAAmB,EAAE,WAAAQ,GAAW;AAAA,QAE3C,UAAA;AAAA,UAAA,gBAAAmB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,UAAArB;AAAA,cACA,MAAM,gBAAAY,EAACU,GAAA,EAAQ,eAAY,OAAA,CAAO;AAAA,cAGlC,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAV,EAACS,EAAM,OAAN,EAAY,IAAI,IAAItB,CAAY,IAAa,IAAIO,GAC/C,UAAAF,EAAE,iBAAiB,EAAA,CACtB;AAAA,gBACA,gBAAAQ,EAACS,EAAM,aAAN,EAAmB,UAAAH,EAAA,CAAK;AAAA,gBACxBC,IACC,gBAAAP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,uBAAoB;AAAA,oBAEnB,UAAAR,EAAE,sBAAsB,EAAE,MAAMe,GAAY;AAAA,kBAAA;AAAA,gBAAA,IAE7C;AAAA,gBACHX,KAAiB9B,MAAU,SAC1B,gBAAA0C,EAAC,OAAA,EAAI,WAAU,6FACb,UAAA;AAAA,kBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,oBAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAR,EAAE,sBAAsB,GAAE;AAAA,oBACxD,gBAAAQ,EAAC,QAAA,EAAK,WAAU,yCACb,UAAAJ,EAAA,CACH;AAAA,kBAAA,GACF;AAAA,kBACA,gBAAAI;AAAA,oBAACW;AAAA,oBAAA;AAAA,sBACC,OAAO,KAAK,IAAI,GAAG7C,IAAQD,CAAS;AAAA,sBACpC,KAAKC;AAAA,sBACL,MAAK;AAAA,sBACL,WAAW0B,EAAE,sBAAsB;AAAA,sBACnC,eAAeI;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjB,EAAA,CACF,IACE;AAAA,gBACHG,EAAM,SAAS,KAAKnC,KAAA,QAAAA,EAAS,aAC5B,gBAAA4C,EAACC,EAAM,QAAN,EACE,UAAA;AAAA,kBAAAV,EAAM;AAAA,oBAAI,CAACI,GAAMS,MAChBA,MAAU,IACR,gBAAAZ;AAAA,sBAACa;AAAA,sBAAA;AAAA,wBAEC,QAAO;AAAA,wBACP,MAAK;AAAA,wBACL,WAAWV,EAAK;AAAA,wBAChB,SAASA,EAAK;AAAA,wBACd,WAAWzB;AAAA,wBACX,uBAAqByB,EAAK;AAAA,wBAEzB,UAAAA,EAAK;AAAA,sBAAA;AAAA,sBARDA,EAAK;AAAA,oBAAA,IAWZ,gBAAAH;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,MAAK;AAAA,wBACL,SAASG,EAAK;AAAA,wBACd,WAAWxB,EAAiB,EAAE,MAAM,WAAW;AAAA,wBAC/C,uBAAqBwB,EAAK;AAAA,wBAEzB,UAAAA,EAAK;AAAA,sBAAA;AAAA,sBANDA,EAAK;AAAA,oBAAA;AAAA,kBAOZ;AAAA,kBAGHvC,KAAA,QAAAA,EAAS,aACR,gBAAAoC;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAASpC,EAAQ;AAAA,sBACjB,WAAWe,EAAiB,EAAE,MAAM,WAAW;AAAA,sBAC/C,uBAAoB;AAAA,sBAEnB,YAAE,oBAAoB;AAAA,oBAAA;AAAA,kBAAA,IAEvB;AAAA,gBAAA,EAAA,CACN,IACE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAELM,KAAUC,IACT,gBAAAsB,EAAC,OAAA,EAAI,WAAU,mEACZ,UAAA;AAAA,YAAAvB,IACC,gBAAAe;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,6BAAYC,GAAA,EAAU;AAAA,gBACtB,eAAa;AAAA,gBACb,SAAS7B;AAAA,gBACT,WAAWR;AAAA,gBAEV,YAAE,gBAAgB;AAAA,cAAA;AAAA,YAAA,IAEnB;AAAA,YACHS,IAAW,gBAAAc,EAAC,KAAA,EAAE,WAAWlB,GAAY,aAAS,IAAO;AAAA,UAAA,EAAA,CACxD,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAC,EAAyB,cAAc;AAMvC,MAAMgC,IAAsBnC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,UAAU;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,UAAU,QAAA;AAAA,EAAQ;AAEzC,GAEMoC,KAAsBpC;AAAA,EAC1B;AACF,GAEMqC,IAAmB,yBAoBZC,KAAmBlC,EAG9B,CAAC,EAAE,SAAApB,GAAS,WAAAuD,IAAY,IAAO,WAAA9B,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMtB,EAAe,IAAI,GAC3BuB,IAASzB,EAAA,GACToD,IAAM,CAACD,KAAaxD,EAAsBC,CAAO,GAGjDyD,IAAiBzD,KAAA,QAAAA,EAAS,WAC5B,KAAK,MAAMA,EAAQ,SAAS,SAAS,EAAE,IAAI,KAC3C,GACE0D,IACJ,CAACH,MAAavD,KAAA,QAAAA,EAAS,aAAYyD,IAAiB,IAChDzD,EAAQ,WACR;AACN,MAAI,CAACuD,KAAa,CAACC,KAAO,CAACE,EAAU,QAAO;AAE5C,QAAM,EAAE,WAAAzD,GAAW,OAAAC,EAAA,IAAUF,KAAW,CAAA,GAClC2D,IACJ1D,MAAc,UAAaC,MAAU,UAAaA,IAAQ,IACtD0B,EAAE,wBAAwB;AAAA,IACxB,WAAWC,EAAO,OAAO5B,CAAS;AAAA,IAClC,OAAO4B,EAAO,OAAO3B,CAAK;AAAA,EAAA,CAC3B,IACDD,MAAc,SACZ2B,EAAE,6BAA6B;AAAA,IAC7B,WAAWC,EAAO,OAAO5B,CAAS;AAAA,EAAA,CACnC,IACD2B,EAAE,2BAA2B,GAE/BW,IAAOvC,KAAA,QAAAA,EAAS,eAClB,EAAE,OAAO4B,EAAE,eAAe,GAAG,SAAS5B,EAAQ,aAAA,IAC9CA,KAAA,QAAAA,EAAS,YACP,EAAE,OAAO4B,EAAE,mBAAmB,GAAG,SAAS5B,EAAQ,UAAA,IAClD;AAEN,SACE,gBAAA4C;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,kBAAe;AAAA,MACf,WAAWyB,GAAoB,EAAE,WAAA3B,GAAW;AAAA,MAE3C,UAAA;AAAA,QAAA8B,IACC,gBAAAX;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWO,EAAoB,EAAE,UAAU,SAAS;AAAA,YACpD,qBAAkB;AAAA,YAElB,UAAA;AAAA,cAAA,gBAAAf,EAACU,GAAA,EAAQ,eAAY,QAAO,WAAWO,GAAkB;AAAA,cACzD,gBAAAjB,EAAC,QAAA,EAAM,UAAAR,EAAE,iBAAiB,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAE5B;AAAA,QACH4B,IACC,gBAAAZ,EAAC,KAAA,EAAE,WAAWO,KAAuB,qBAAkB,OACrD,UAAA;AAAA,UAAA,gBAAAf,EAACU,GAAA,EAAQ,eAAY,QAAO,WAAWO,GAAkB;AAAA,UACzD,gBAAAjB,EAAC,UAAM,UAAAuB,EAAA,CAAQ;AAAA,UACdpB,IACC,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAASG,EAAK;AAAA,cACd,WAAWxB,EAAiB,EAAE,MAAM,QAAQ;AAAA,cAE3C,UAAAwB,EAAK;AAAA,YAAA;AAAA,UAAA,IAEN;AAAA,QAAA,EAAA,CACN,IACE;AAAA,QACHmB,IACC,gBAAAd,EAAC,KAAA,EAAE,WAAWO,KAAuB,qBAAkB,YACrD,UAAA;AAAA,UAAA,gBAAAf,EAACwB,GAAA,EAAU,eAAY,QAAO,WAAWP,GAAkB;AAAA,UAC3D,gBAAAjB,EAAC,QAAA,EACE,UAAAR,EAAE,sBAAsB;AAAA,YACvB,OAAO6B;AAAA,YACP,QAAQ5B,EAAO,OAAO4B,CAAc;AAAA,YACpC,MAAM5B,EAAO,KAAK6B,EAAS,IAAI;AAAA,UAAA,CAChC,EAAA,CACH;AAAA,QAAA,EAAA,CACF,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDJ,GAAiB,cAAc;","x_google_ignoreList":[0]}

package/dist/_chunks/ai-credits-exhausted-notice.agent-DgTSTgez.js

@@ -0,0 +1,43 @@
+const t = {
+  id: "ai-credits-notice",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-credits-notice",
+      description: 'Marks the element as a kit AiCreditsNotice card body. Carries a sibling `data-mode="included|bundles"` attribute for which notice is showing.'
+    }
+  }
+}, i = {
+  id: "ai-credits-exhausted-notice",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-credits-exhausted-notice",
+      description: 'Marks the out-of-credits notice. Each next-step button carries `data-credits-action="buy|upgrade|support|costs"`.'
+    }
+  }
+}, e = {
+  id: "ai-credits-warning",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-credits-warning",
+      description: 'Marks the quiet credit lines. Each line carries `data-credits-line="low|expiring|exhausted"`.'
+    }
+  }
+};
+export {
+  i as a,
+  t as b,
+  e as c
+};
+//# sourceMappingURL=ai-credits-exhausted-notice.agent-DgTSTgez.js.map

package/dist/_chunks/ai-credits-exhausted-notice.agent-DgTSTgez.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-credits-exhausted-notice.agent-DgTSTgez.js","sources":["../../src/components/ai-credits-notice/ai-credits-notice.agent.ts","../../src/components/ai-credits-notice/ai-credits-exhausted-notice.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiCreditsNotice.                                       */\n/*                                                                        */\n/* Pure presentation: the body of a hover card explaining whether AI is   */\n/* free today ('included') or metered ('bundles'). Its actions            */\n/* (`onLearnMore` / `onViewBundles` / `onSeeCosts`) are host-supplied      */\n/* seams with no return value, so the kit exposes only the DOM hooks a    */\n/* future runtime would click through — no imperative handle to register. */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const aiCreditsNoticeAgent: AgentAdapter = {\n  id: 'ai-credits-notice',\n  capabilities: [],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-credits-notice',\n      description:\n        'Marks the element as a kit AiCreditsNotice card body. Carries a ' +\n        'sibling `data-mode=\"included|bundles\"` attribute for which notice is showing.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Agent adapters: AiCreditsExhaustedNotice and AiCreditsWarning.         */\n/*                                                                        */\n/* Pure presentation. Their buttons (buy credits, enable the module,      */\n/* contact support, see costs, Back) are host-supplied seams with no      */\n/* return value that take the user somewhere else, so the kit registers   */\n/* no imperative handle: an agent never buys or upgrades on the user's    */\n/* behalf. Only the DOM hooks a runtime would read are declared.          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const aiCreditsExhaustedNoticeAgent: AgentAdapter = {\n  id: 'ai-credits-exhausted-notice',\n  capabilities: [],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-credits-exhausted-notice',\n      description:\n        'Marks the out-of-credits notice. Each next-step button carries ' +\n        '`data-credits-action=\"buy|upgrade|support|costs\"`.',\n    },\n  },\n};\n\nexport const aiCreditsWarningAgent: AgentAdapter = {\n  id: 'ai-credits-warning',\n  capabilities: [],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-credits-warning',\n      description:\n        'Marks the quiet credit lines. Each line carries ' +\n        '`data-credits-line=\"low|expiring|exhausted\"`.',\n    },\n  },\n};\n"],"names":["aiCreditsNoticeAgent","aiCreditsExhaustedNoticeAgent","aiCreditsWarningAgent"],"mappings":"AAYO,MAAMA,IAAqC;AAAA,EAChD,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,EAEJ;AAEJ,GCdaC,IAA8C;AAAA,EACzD,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,EAEJ;AAEJ,GAEaC,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/_chunks/ai-credits-notice-DQ-r3iQU.js

@@ -0,0 +1,191 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { forwardRef as L, useState as x, useMemo as B, useRef as y, useCallback as u, useEffect as D } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as T } from "react-i18next";
+import { B as C } from "./button-D-MQxsA_.js";
+import { P as p } from "./progress-D_g_Sl2g.js";
+import { H as a, u as z } from "./hover-card-CTNhQXWS.js";
+import { f as O } from "./intl-locale-FWh-Y5_3.js";
+const P = S("ds:flex ds:flex-col ds:items-start", {
+  variants: {
+    mode: {
+      included: "",
+      bundles: ""
+    }
+  },
+  defaultVariants: {
+    mode: "included"
+  }
+}), k = L((e, o) => {
+  const { t: i, i18n: r } = T("ui"), { allowance: n, className: d, mode: s, ...h } = e, {
+    onLearnMore: N,
+    onDismiss: c,
+    onViewBundles: b,
+    onSeeCosts: g,
+    ...f
+  } = h, m = !!(n && n.limit > 0), v = m && (n != null && n.resetsOn) ? (
+    // The allowance is yearly, so the year is part of the date.
+    new Intl.DateTimeFormat(O(r.language), {
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    }).format(n.resetsOn)
+  ) : void 0, w = m ? i("aiCreditsNotice.included.allowance", {
+    remaining: n.remaining,
+    limit: n.limit
+  }) : void 0, A = s === "included" ? i("aiCreditsNotice.included.heading") : m ? i("aiCreditsNotice.bundles.headingWithAllowance", {
+    remaining: n.remaining,
+    limit: n.limit
+  }) : i("aiCreditsNotice.bundles.eyebrow"), M = s === "included" ? i("aiCreditsNotice.included.body") : m ? i("aiCreditsNotice.bundles.body", { limit: n.limit }) : i("aiCreditsNotice.bundles.bodyGeneric");
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ...f,
+      ref: o,
+      "data-component": "ai-credits-notice",
+      "data-mode": s,
+      className: P({ mode: s, className: d }),
+      children: [
+        /* @__PURE__ */ t(a.Eyebrow, { children: i(s === "included" ? "aiCreditsNotice.included.eyebrow" : "aiCreditsNotice.bundles.eyebrow") }),
+        /* @__PURE__ */ t(a.Heading, { children: A }),
+        /* @__PURE__ */ l(a.Body, { children: [
+          /* @__PURE__ */ t("p", { className: "ds:m-0", children: M }),
+          s === "included" && m ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: /* @__PURE__ */ t("span", { className: "type-label", children: w }) }),
+            /* @__PURE__ */ t(
+              p,
+              {
+                value: Math.max(0, n.limit - n.remaining),
+                max: n.limit,
+                size: "sm",
+                ariaLabel: i("aiCreditsNotice.included.eyebrow"),
+                ariaValueText: w
+              }
+            ),
+            v ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: i("aiCreditsNotice.included.resetsOn", { date: v }) }) : null
+          ] }) : null
+        ] }),
+        s === "included" ? e.onLearnMore || e.onDismiss ? /* @__PURE__ */ l(a.Footer, { children: [
+          e.onDismiss ? /* @__PURE__ */ t(
+            C,
+            {
+              intent: "link",
+              size: "sm",
+              onClick: e.onDismiss,
+              className: "ds:me-auto",
+              children: i("aiCreditsNotice.dismiss")
+            }
+          ) : null,
+          e.onLearnMore ? /* @__PURE__ */ t(C, { intent: "link", size: "sm", onClick: e.onLearnMore, children: i("aiCreditsNotice.included.learnMore") }) : null
+        ] }) : null : /* @__PURE__ */ l(a.Footer, { children: [
+          e.onSeeCosts || e.onDismiss ? /* @__PURE__ */ l("div", { className: "ds:me-auto ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            e.onSeeCosts ? /* @__PURE__ */ t(C, { intent: "link", size: "sm", onClick: e.onSeeCosts, children: i("aiCreditsNotice.bundles.seeCosts") }) : null,
+            e.onDismiss ? /* @__PURE__ */ t(C, { intent: "link", size: "sm", onClick: e.onDismiss, children: i("aiCreditsNotice.dismiss") }) : null
+          ] }) : null,
+          /* @__PURE__ */ t(C, { intent: "tonal", size: "sm", onClick: e.onViewBundles, children: i("aiCreditsNotice.bundles.viewBundles") })
+        ] })
+      ]
+    }
+  );
+});
+k.displayName = "AiCreditsNotice";
+function F({
+  notice: e,
+  side: o,
+  children: i
+}) {
+  const [r, n] = x(!1);
+  return /* @__PURE__ */ l(a, { open: r, onOpenChange: n, children: [
+    /* @__PURE__ */ t(
+      H,
+      {
+        onOpen: () => n(!0),
+        onPress: () => n(!1),
+        children: i
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.Content,
+      {
+        side: o,
+        align: "start",
+        size: "sm",
+        collisionPadding: 8,
+        children: /* @__PURE__ */ t(k, { ...e })
+      }
+    )
+  ] });
+}
+function H({
+  onOpen: e,
+  onPress: o,
+  children: i
+}) {
+  const { cancelClose: r, closeWithDelay: n } = z(), d = y(null), s = u(() => {
+    d.current && (clearTimeout(d.current), d.current = null);
+  }, []);
+  D(() => s, [s]);
+  const h = u(() => {
+    s(), r(), d.current = setTimeout(e, 300);
+  }, [s, r, e]), N = u(() => {
+    s(), n();
+  }, [s, n]), c = y(!1), b = u(() => {
+    c.current = !0, s(), o();
+  }, [s, o]);
+  D(() => {
+    const f = () => {
+      c.current = !1;
+    };
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, []);
+  const g = u(() => {
+    if (c.current) {
+      c.current = !1;
+      return;
+    }
+    s(), r(), e();
+  }, [s, r, e]);
+  return (
+    // `ds:inline-flex`, NOT `ds:contents`, so this span has a real box
+    // that hugs the button and Floating UI has a real rect to measure.
+    // `display: contents` generates no box of its own; inside the pill's
+    // flex/absolute layout that collapsed to a zero-size rect at the
+    // editor's origin, so the card rendered top-left instead of at the
+    // trigger (caught in review on :6007).
+    /* @__PURE__ */ t(a.Anchor, { asChild: !0, children: /* @__PURE__ */ t(
+      "span",
+      {
+        className: "ds:inline-flex",
+        onMouseEnter: h,
+        onMouseLeave: N,
+        onPointerDown: b,
+        onFocusCapture: g,
+        onBlurCapture: N,
+        children: i
+      }
+    ) })
+  );
+}
+function U(e, o, i = "bottom") {
+  return o ? /* @__PURE__ */ t(F, { notice: o, side: i, children: e }) : e;
+}
+function q(e) {
+  const [o, i] = x(() => /* @__PURE__ */ new Set());
+  return B(() => {
+    if (!e || o.has(e.mode)) return;
+    if (!e.onDismiss) return e;
+    const r = e.onDismiss, n = e.mode;
+    return {
+      ...e,
+      onDismiss: () => {
+        i((d) => new Set(d).add(n)), r();
+      }
+    };
+  }, [e, o]);
+}
+export {
+  k as A,
+  q as u,
+  U as w
+};
+//# sourceMappingURL=ai-credits-notice-DQ-r3iQU.js.map