@alfadocs/ui-kit-debug 0.36.0 → 0.38.0

package/dist/_chunks/unit-converter-EUwO6QYq.js

@@ -0,0 +1,168 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k, useState as g, useMemo as _, useEffect as O } from "react";
+import { c as z } from "./index-D2ZczOXr.js";
+import { useTranslation as j } from "react-i18next";
+import { F as v } from "./form-field-BOm9hK35.js";
+import { N as A } from "./number-input-Dj5L3pXK.js";
+import { S as y } from "./select-hsCaJSX3.js";
+import { I as B } from "./insert-result-yJ0QavoN.js";
+const F = {
+  // weight → base kg
+  kg: { id: "kg", category: "weight", factor: 1, offset: 0 },
+  g: { id: "g", category: "weight", factor: 1e-3, offset: 0 },
+  lb: { id: "lb", category: "weight", factor: 0.45359237, offset: 0 },
+  oz: { id: "oz", category: "weight", factor: 0.028349523125, offset: 0 },
+  // length → base cm
+  cm: { id: "cm", category: "length", factor: 1, offset: 0 },
+  m: { id: "m", category: "length", factor: 100, offset: 0 },
+  in: { id: "in", category: "length", factor: 2.54, offset: 0 },
+  ft: { id: "ft", category: "length", factor: 30.48, offset: 0 },
+  // temperature → base °C (affine: °C = °F·5/9 − 32·5/9)
+  c: { id: "c", category: "temperature", factor: 1, offset: 0 },
+  f: { id: "f", category: "temperature", factor: 5 / 9, offset: -160 / 9 },
+  // glucose → base mmol/L (1 mg/dL = 1/18.0156 mmol/L)
+  mmol_l: { id: "mmol_l", category: "glucose", factor: 1, offset: 0 },
+  mg_dl: { id: "mg_dl", category: "glucose", factor: 1 / 18.0156, offset: 0 }
+}, p = {
+  weight: ["kg", "g", "lb", "oz"],
+  length: ["cm", "m", "in", "ft"],
+  temperature: ["c", "f"],
+  glucose: ["mmol_l", "mg_dl"]
+}, G = [
+  "weight",
+  "length",
+  "temperature",
+  "glucose"
+];
+function Y(c, o, f) {
+  const r = F[o], n = F[f];
+  if (!r || !n) throw new Error(`Unknown unit: ${o} → ${f}`);
+  if (r.category !== n.category)
+    throw new Error(
+      `Cannot convert across categories: ${r.category} → ${n.category}`
+    );
+  return (c * r.factor + r.offset - n.offset) / n.factor;
+}
+const D = z("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), L = k(
+  ({
+    defaultCategory: c = "weight",
+    onResultChange: o,
+    onInsert: f,
+    id: r,
+    width: n,
+    className: C
+  }, U) => {
+    const { t, i18n: b } = j(), [$, E] = g(c), [i, S] = g(null), [m, w] = g(
+      p[c][0]
+    ), [l, x] = g(
+      p[c][1]
+    ), T = (s) => {
+      const I = s, h = p[I];
+      E(I), w(h[0]), x(h[1] ?? h[0]);
+    }, a = _(
+      () => i === null ? null : Y(i, m, l),
+      [i, m, l]
+    ), u = _(
+      () => new Intl.NumberFormat(b.language, { maximumFractionDigits: 3 }),
+      [b.language]
+    );
+    O(() => {
+      o == null || o(a);
+    }, [a, o]);
+    const V = G.map((s) => ({
+      value: s,
+      label: t(`unitConverter.category.${s}`)
+    })), N = p[$].map((s) => ({
+      value: s,
+      label: t(`unitConverter.units.${s}`)
+    }));
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: U,
+        "data-component": "unit-converter",
+        "data-component-id": r,
+        className: D({ width: n, className: C }),
+        children: [
+          /* @__PURE__ */ e(v, { label: t("unitConverter.categoryLabel"), children: /* @__PURE__ */ e(
+            y,
+            {
+              options: V,
+              value: $,
+              onValueChange: T
+            }
+          ) }),
+          /* @__PURE__ */ d("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
+            /* @__PURE__ */ e(v, { label: t("unitConverter.value"), children: /* @__PURE__ */ e(A, { mode: "decimal", value: i, onChange: S }) }),
+            /* @__PURE__ */ e(v, { label: t("unitConverter.from"), children: /* @__PURE__ */ e(
+              y,
+              {
+                options: N,
+                value: m,
+                onValueChange: w
+              }
+            ) }),
+            /* @__PURE__ */ e(v, { label: t("unitConverter.to"), children: /* @__PURE__ */ e(
+              y,
+              {
+                options: N,
+                value: l,
+                onValueChange: x
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: a !== null ? `${u.format(i ?? 0)} ${t(
+            `unitConverter.units.${m}`
+          )} = ${u.format(a)} ${t(
+            `unitConverter.units.${l}`
+          )}` : "" }),
+          a !== null ? /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ e("span", { className: "type-label ds:text-muted-foreground", children: t("unitConverter.result") }),
+            /* @__PURE__ */ d("span", { className: "type-metric ds:text-foreground", children: [
+              u.format(a),
+              " ",
+              t(`unitConverter.units.${l}`)
+            ] }),
+            f ? /* @__PURE__ */ e(
+              B,
+              {
+                onInsert: f,
+                card: {
+                  title: t("insert.title.unitConverter"),
+                  fields: [
+                    {
+                      label: t("unitConverter.from"),
+                      value: `${u.format(i ?? 0)} ${t(
+                        `unitConverter.units.${m}`
+                      )}`
+                    },
+                    {
+                      label: t("unitConverter.to"),
+                      value: `${u.format(a)} ${t(
+                        `unitConverter.units.${l}`
+                      )}`
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: t("unitConverter.empty") })
+        ]
+      }
+    );
+  }
+);
+L.displayName = "UnitConverter";
+export {
+  G as C,
+  F as U,
+  p as a,
+  L as b,
+  Y as c
+};
+//# sourceMappingURL=unit-converter-EUwO6QYq.js.map

package/dist/_chunks/unit-converter-EUwO6QYq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-converter-EUwO6QYq.js","sources":["../../src/components/unit-converter/units.ts","../../src/components/unit-converter/unit-converter.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* Generic unit conversion — pure, framework-free, unit-testable.       */\n/*                                                                     */\n/* Every unit is described by an affine map to its category's base      */\n/* unit: base = value * factor + offset. Conversion is base-in then     */\n/* base-out, so the same code handles linear scales (weight, length,    */\n/* glucose) and offset scales (temperature) uniformly.                  */\n/* ------------------------------------------------------------------ */\n\nexport type UnitCategory = 'weight' | 'length' | 'temperature' | 'glucose';\n\nexport interface UnitDef {\n  id: string;\n  category: UnitCategory;\n  /** Multiplier to the category base unit. */\n  factor: number;\n  /** Additive offset to the base unit (non-zero only for temperature). */\n  offset: number;\n}\n\n/* Base units: kg, cm, °C, mmol/L. */\nexport const UNITS: Record<string, UnitDef> = {\n  // weight → base kg\n  kg: { id: 'kg', category: 'weight', factor: 1, offset: 0 },\n  g: { id: 'g', category: 'weight', factor: 0.001, offset: 0 },\n  lb: { id: 'lb', category: 'weight', factor: 0.45359237, offset: 0 },\n  oz: { id: 'oz', category: 'weight', factor: 0.028349523125, offset: 0 },\n  // length → base cm\n  cm: { id: 'cm', category: 'length', factor: 1, offset: 0 },\n  m: { id: 'm', category: 'length', factor: 100, offset: 0 },\n  in: { id: 'in', category: 'length', factor: 2.54, offset: 0 },\n  ft: { id: 'ft', category: 'length', factor: 30.48, offset: 0 },\n  // temperature → base °C (affine: °C = °F·5/9 − 32·5/9)\n  c: { id: 'c', category: 'temperature', factor: 1, offset: 0 },\n  f: { id: 'f', category: 'temperature', factor: 5 / 9, offset: (-32 * 5) / 9 },\n  // glucose → base mmol/L (1 mg/dL = 1/18.0156 mmol/L)\n  mmol_l: { id: 'mmol_l', category: 'glucose', factor: 1, offset: 0 },\n  mg_dl: { id: 'mg_dl', category: 'glucose', factor: 1 / 18.0156, offset: 0 },\n};\n\nexport const UNITS_BY_CATEGORY: Record<UnitCategory, string[]> = {\n  weight: ['kg', 'g', 'lb', 'oz'],\n  length: ['cm', 'm', 'in', 'ft'],\n  temperature: ['c', 'f'],\n  glucose: ['mmol_l', 'mg_dl'],\n};\n\nexport const CATEGORIES: UnitCategory[] = [\n  'weight',\n  'length',\n  'temperature',\n  'glucose',\n];\n\n/**\n * Convert `value` from one unit to another. Both ids must belong to the same\n * category; mismatched categories throw (a programming error, not user input).\n */\nexport function convertUnits(\n  value: number,\n  fromId: string,\n  toId: string,\n): number {\n  const from = UNITS[fromId];\n  const to = UNITS[toId];\n  if (!from || !to) throw new Error(`Unknown unit: ${fromId} → ${toId}`);\n  if (from.category !== to.category) {\n    throw new Error(\n      `Cannot convert across categories: ${from.category} → ${to.category}`,\n    );\n  }\n  const base = value * from.factor + from.offset;\n  return (base - to.offset) / to.factor;\n}\n","/* ------------------------------------------------------------------ */\n/* UnitConverter — generic clinical/everyday unit conversion across      */\n/* weight, length, temperature and glucose.                              */\n/*                                                                     */\n/* Maths lives in `./units` (pure, separately tested).                  */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { FormField } from '../form-field';\nimport { NumberInput } from '../number-input';\nimport { Select } from '../select';\nimport { InsertButton, type InsertPayload } from '../_shared/insert-result';\nimport {\n  type UnitCategory,\n  CATEGORIES,\n  UNITS_BY_CATEGORY,\n  convertUnits,\n} from './units';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\nexport interface UnitConverterProps extends VariantProps<typeof rootVariants> {\n  /** Initial category. Defaults to `'weight'`. */\n  defaultCategory?: UnitCategory;\n  /** Fires with the converted value (and `null` when input is empty). */\n  onResultChange?: (value: number | null) => void;\n  /** When provided, shows an \"Insert\" button that emits the result for an editor. */\n  onInsert?: (payload: InsertPayload) => void;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const UnitConverter = forwardRef<HTMLDivElement, UnitConverterProps>(\n  (\n    {\n      defaultCategory = 'weight',\n      onResultChange,\n      onInsert,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [category, setCategory] = useState<UnitCategory>(defaultCategory);\n    const [value, setValue] = useState<number | null>(null);\n    const [fromId, setFromId] = useState<string>(\n      UNITS_BY_CATEGORY[defaultCategory][0],\n    );\n    const [toId, setToId] = useState<string>(\n      UNITS_BY_CATEGORY[defaultCategory][1],\n    );\n\n    const handleCategoryChange = (next: string): void => {\n      const cat = next as UnitCategory;\n      const units = UNITS_BY_CATEGORY[cat];\n      setCategory(cat);\n      setFromId(units[0]);\n      setToId(units[1] ?? units[0]);\n    };\n\n    const converted = useMemo(\n      () => (value === null ? null : convertUnits(value, fromId, toId)),\n      [value, fromId, toId],\n    );\n\n    const numberFmt = useMemo(\n      () => new Intl.NumberFormat(i18n.language, { maximumFractionDigits: 3 }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(converted);\n    }, [converted, onResultChange]);\n\n    const categoryOptions = CATEGORIES.map((c) => ({\n      value: c,\n      label: t(`unitConverter.category.${c}`),\n    }));\n    const unitOptions = UNITS_BY_CATEGORY[category].map((u) => ({\n      value: u,\n      label: t(`unitConverter.units.${u}`),\n    }));\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"unit-converter\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <FormField label={t('unitConverter.categoryLabel')}>\n          <Select\n            options={categoryOptions}\n            value={category}\n            onValueChange={handleCategoryChange}\n          />\n        </FormField>\n\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3\">\n          <FormField label={t('unitConverter.value')}>\n            <NumberInput mode=\"decimal\" value={value} onChange={setValue} />\n          </FormField>\n          <FormField label={t('unitConverter.from')}>\n            <Select\n              options={unitOptions}\n              value={fromId}\n              onValueChange={setFromId}\n            />\n          </FormField>\n          <FormField label={t('unitConverter.to')}>\n            <Select\n              options={unitOptions}\n              value={toId}\n              onValueChange={setToId}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {converted !== null\n            ? `${numberFmt.format(value ?? 0)} ${t(\n                `unitConverter.units.${fromId}`,\n              )} = ${numberFmt.format(converted)} ${t(\n                `unitConverter.units.${toId}`,\n              )}`\n            : ''}\n        </p>\n\n        {converted !== null ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <span className=\"type-label ds:text-muted-foreground\">\n              {t('unitConverter.result')}\n            </span>\n            <span className=\"type-metric ds:text-foreground\">\n              {numberFmt.format(converted)} {t(`unitConverter.units.${toId}`)}\n            </span>\n            {onInsert ? (\n              <InsertButton\n                onInsert={onInsert}\n                card={{\n                  title: t('insert.title.unitConverter'),\n                  fields: [\n                    {\n                      label: t('unitConverter.from'),\n                      value: `${numberFmt.format(value ?? 0)} ${t(\n                        `unitConverter.units.${fromId}`,\n                      )}`,\n                    },\n                    {\n                      label: t('unitConverter.to'),\n                      value: `${numberFmt.format(converted)} ${t(\n                        `unitConverter.units.${toId}`,\n                      )}`,\n                    },\n                  ],\n                }}\n              />\n            ) : null}\n          </div>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('unitConverter.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nUnitConverter.displayName = 'UnitConverter';\n"],"names":["UNITS","UNITS_BY_CATEGORY","CATEGORIES","convertUnits","value","fromId","toId","from","to","rootVariants","cva","UnitConverter","forwardRef","defaultCategory","onResultChange","onInsert","id","width","className","ref","i18n","useTranslation","category","setCategory","useState","setValue","setFromId","setToId","handleCategoryChange","next","cat","units","converted","useMemo","numberFmt","useEffect","categoryOptions","c","unitOptions","u","jsxs","jsx","FormField","Select","NumberInput","InsertButton"],"mappings":"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"}

package/dist/_chunks/wallet-pay-button-DK4ESYge.js

@@ -0,0 +1,250 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as B } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as H } from "react-i18next";
+import { S as P } from "./spinner-CCByyvcb.js";
+function V({ className: a }) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      viewBox: "-1 18 158 69",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: a,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M30.07 27.69c-1.93 2.28-5.01 4.08-8.09 3.82-.39-3.08.92-6.34 2.68-8.36 1.93-2.34 5.31-4.01 8.04-4.14.33 3.21-.92 6.34-2.63 8.68m2.6 4.13c-4.47-.26-8.29 2.54-10.41 2.54-2.15 0-5.4-2.41-8.94-2.34-4.6.07-8.88 2.67-11.23 6.82-4.83 8.29-1.26 20.57 3.41 27.32 2.28 3.34 5.01 7.01 8.62 6.88 3.41-.13 4.75-2.21 8.88-2.21 4.16 0 5.34 2.21 8.94 2.15 3.74-.07 6.08-3.34 8.36-6.68 2.6-3.8 3.67-7.5 3.74-7.69-.07-.07-7.21-2.8-7.27-11.02-.07-6.88 5.6-10.15 5.86-10.35-3.21-4.73-8.22-5.26-9.95-5.39" }),
+        /* @__PURE__ */ e("path", { d: "M71.62 22.42c9.71 0 16.47 6.69 16.47 16.43 0 9.78-6.9 16.5-16.71 16.5H60.62v17.08H52.86V22.42h18.76zM60.62 48.83h8.91c6.76 0 10.61-3.64 10.61-9.95 0-6.31-3.85-9.92-10.58-9.92h-8.94v19.87zM90.11 62.05c0-6.38 4.89-10.3 13.56-10.79l9.99-.59v-2.81c0-4.06-2.74-6.49-7.32-6.49-4.34 0-7.05 2.08-7.71 5.34h-7.08c.42-6.59 6.03-11.45 15.06-11.45 8.86 0 14.51 4.69 14.51 12.01v25.16h-7.18v-6.01h-.17c-2.11 4.06-6.73 6.62-11.52 6.62-7.15 0-12.15-4.44-12.15-11.01zm23.55-3.29v-2.88l-8.99.56c-4.48.31-7.01 2.29-7.01 5.41 0 3.19 2.64 5.27 6.66 5.27 5.24 0 9.34-3.61 9.34-8.36zM124.95 85.78v-6.07c.55.14 1.79.14 2.42.14 3.47 0 5.34-1.46 6.49-5.2 0-.07.66-2.22.66-2.25l-13.18-36.52h8.11l9.23 29.69h.14l9.23-29.69h7.9l-13.66 38.39c-3.12 8.85-6.73 11.69-14.29 11.69-.63 0-2.5-.07-3.05-.21z" })
+      ]
+    }
+  );
+}
+function j({ className: a }) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      viewBox: "1 7 101 36",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: a,
+      children: [
+        /* @__PURE__ */ s("g", { transform: "translate(2 8)", children: [
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: "#4285F4",
+              d: "M31.5 16.5c0-1.16-.1-2.27-.3-3.34H16.07v6.33h8.65a7.4 7.4 0 0 1-3.21 4.85v4.03h5.19c3.04-2.8 4.8-6.92 4.8-11.87z"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: "#34A853",
+              d: "M16.07 32c4.34 0 7.99-1.44 10.65-3.89l-5.19-4.03c-1.44.97-3.29 1.54-5.46 1.54-4.2 0-7.76-2.84-9.03-6.65H1.67v4.17C4.32 28.4 9.71 32 16.07 32z"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: "#FBBC04",
+              d: "M7.04 18.97A9.6 9.6 0 0 1 6.53 16c0-1.03.18-2.03.51-2.97V8.86H1.67A15.96 15.96 0 0 0 0 16c0 2.58.62 5.02 1.67 7.14l5.37-4.17z"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: "#EA4335",
+              d: "M16.07 6.39c2.37 0 4.5.81 6.17 2.41l4.62-4.62C24.05 1.6 20.41 0 16.07 0 9.71 0 4.32 3.6 1.67 8.86l5.37 4.17c1.27-3.81 4.83-6.64 9.03-6.64z"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("g", { fill: "currentColor", transform: "translate(44 8)", children: [
+          /* @__PURE__ */ e("path", { d: "M11.9 17.06v9.94H8.75V2.52h8.36c2.12 0 3.93.71 5.41 2.12 1.51 1.42 2.27 3.14 2.27 5.18 0 2.09-.76 3.82-2.27 5.21-1.46 1.39-3.27 2.07-5.41 2.07H11.9v-.06zm0-11.53v8.55h5.28c1.25 0 2.29-.42 3.12-1.26.84-.84 1.26-1.86 1.26-3.01 0-1.12-.42-2.13-1.26-2.97-.83-.87-1.87-1.31-3.12-1.31H11.9z" }),
+          /* @__PURE__ */ e("path", { d: "M32.43 9.72c2.33 0 4.16.62 5.51 1.87 1.35 1.25 2.02 2.96 2.02 5.12V27h-3.01v-2.33h-.14c-1.3 1.92-3.05 2.88-5.23 2.88-1.85 0-3.41-.55-4.65-1.65-1.25-1.1-1.87-2.46-1.87-4.11 0-1.74.66-3.11 1.97-4.13 1.31-1.02 3.07-1.54 5.26-1.54 1.87 0 3.41.34 4.62 1.03v-.72c0-1.1-.43-2.02-1.29-2.79-.86-.77-1.87-1.15-3.02-1.15-1.74 0-3.11.72-4.11 2.18l-2.78-1.75c1.5-2.16 3.72-3.24 6.64-3.24zm-4.07 12.21c0 .82.35 1.5 1.04 2.04.69.55 1.5.81 2.43.81 1.31 0 2.48-.49 3.51-1.46 1.02-.97 1.54-2.12 1.54-3.43-.98-.77-2.34-1.16-4.09-1.16-1.28 0-2.34.31-3.2.92-.85.62-1.27 1.39-1.27 2.28z" }),
+          /* @__PURE__ */ e("path", { d: "M57.16 10.27L46.62 34.5h-3.25l3.91-8.47-6.93-15.76h3.43l5 12.06h.07l4.87-12.06z" })
+        ] })
+      ]
+    }
+  );
+}
+const W = {
+  "apple-pay": "applePay",
+  "google-pay": "googlePay"
+}, C = S(
+  [
+    // `ds:relative` anchors the `::before` pseudo touch-target used by
+    // the `sm` size below the `sm:` breakpoint.
+    "ds:relative ds:inline-flex ds:items-center ds:justify-center",
+    "ds:font-medium ds:whitespace-nowrap ds:select-none",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:gap-[var(--spacing-xs)]",
+    "ds:transition-[background-color,box-shadow,opacity]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:active:opacity-90",
+    // Focus ring is `var(--ring)` at `--focus-ring-width` / offset —
+    // deliberately NOT the brand surface colour. A black ring on the
+    // black surface, or an invisible ring on the white surface, fails
+    // 2.4.7. The token widens 2→3px automatically in the accessible
+    // theme. Same reasoning WhatsAppButton documents.
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    // Under Windows High Contrast Mode the brand bg + border are
+    // stripped; repaint a solid ButtonBorder edge and swap the focus
+    // ring to CanvasText so the affordance stays identifiable.
+    "ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed",
+    "ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      provider: {
+        "apple-pay": "",
+        "google-pay": ""
+      },
+      buttonStyle: {
+        black: "",
+        white: "",
+        "white-outline": ""
+      },
+      size: {
+        // Size axis sizes the brand mark via a DIRECT-CHILD selector
+        // (`[&>svg]`) — the mark is a direct `<svg>` child of the button,
+        // whereas the loading Spinner's `<svg>` is nested inside its
+        // `role=status` span. A descendant `[&_svg]` would reach into the
+        // Spinner and override its own `size-full`, forcing a 20/24px svg
+        // inside a 16/20px span (clipped). `[&>svg]` sizes only the mark.
+        sm: [
+          "ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]",
+          "ds:[&>svg]:h-4 ds:[&>svg]:w-auto",
+          // Expand the hit-target to `--min-target-size` below the
+          // `sm:` breakpoint via a `::before` overlay, identical to
+          // Button / WhatsAppButton. The visual box stays 32px; touch
+          // stays ≥44/48px on mobile.
+          "ds:min-h-[var(--min-target-size)] ds:sm:min-h-0",
+          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden'
+        ].join(" "),
+        // `md` is the DEFAULT size. Its visual box is 40px (h-10), which is
+        // below the 44/48px `--min-target-size`, so it carries the same
+        // `::before` hit-target expansion as `sm` to reliably meet WCAG
+        // 2.5.5 (44×44) / 2.5.8 (48×48 accessible) on touch viewports. The
+        // visual box stays 40px; the touch target lifts to the token below
+        // the `sm:` breakpoint.
+        md: [
+          "ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)]",
+          "ds:[&>svg]:h-5 ds:[&>svg]:w-auto",
+          "ds:min-h-[var(--min-target-size)] ds:sm:min-h-0",
+          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden'
+        ].join(" "),
+        lg: "ds:h-12 ds:ps-5 ds:pe-5 ds:text-[length:var(--font-size-lg)] ds:[&>svg]:h-6 ds:[&>svg]:w-auto"
+      },
+      fullWidth: {
+        true: "ds:flex ds:w-full",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      /* ----- Apple Pay surfaces ----- */
+      {
+        provider: "apple-pay",
+        buttonStyle: "black",
+        class: "ds:bg-[var(--brand-applepay-black)] ds:text-[var(--brand-applepay-black-foreground)] ds:hover:bg-[var(--brand-applepay-black-hover)]"
+      },
+      {
+        provider: "apple-pay",
+        buttonStyle: "white",
+        class: "ds:bg-[var(--brand-applepay-white)] ds:text-[var(--brand-applepay-white-foreground)] ds:hover:bg-[var(--brand-applepay-white-hover)]"
+      },
+      {
+        provider: "apple-pay",
+        buttonStyle: "white-outline",
+        class: "ds:bg-[var(--brand-applepay-white)] ds:text-[var(--brand-applepay-white-foreground)] ds:hover:bg-[var(--brand-applepay-white-hover)] ds:border ds:border-[var(--brand-applepay-white-border)]"
+      },
+      /* ----- Google Pay surfaces (no outline type — see fallback) ----- */
+      {
+        provider: "google-pay",
+        buttonStyle: "black",
+        class: "ds:bg-[var(--brand-googlepay-black)] ds:text-[var(--brand-googlepay-black-foreground)] ds:hover:bg-[var(--brand-googlepay-black-hover)]"
+      },
+      {
+        provider: "google-pay",
+        buttonStyle: "white",
+        class: "ds:bg-[var(--brand-googlepay-white)] ds:text-[var(--brand-googlepay-white-foreground)] ds:hover:bg-[var(--brand-googlepay-white-hover)] ds:border ds:border-[var(--brand-googlepay-white-border)]"
+      }
+    ],
+    defaultVariants: {
+      buttonStyle: "black",
+      size: "md",
+      fullWidth: !1
+    }
+  }
+);
+function N({ provider: a }) {
+  return a === "apple-pay" ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(j, {});
+}
+const R = B(
+  ({
+    provider: a,
+    buttonStyle: l = "black",
+    labelType: n = "pay",
+    size: i = "md",
+    fullWidth: b = !1,
+    onActivate: r,
+    loading: t = !1,
+    disabled: p = !1,
+    label: c,
+    type: g = "button",
+    className: u,
+    onClick: o,
+    ...f
+  }, y) => {
+    const { t: m } = H();
+    let d = l;
+    a === "google-pay" && l === "white-outline" && (d = "white");
+    const w = W[a], h = c ?? m(`walletPayButton.${w}.${n}`), z = n === "plain" && c == null, x = !t && !p, M = (v) => {
+      o == null || o(v), x && (r == null || r(v));
+    }, k = [
+      C({
+        provider: a,
+        buttonStyle: d,
+        size: i,
+        fullWidth: b
+      }),
+      u
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        ref: y,
+        type: g,
+        disabled: p || t,
+        "aria-busy": t || void 0,
+        "data-component": "wallet-pay-button",
+        "data-provider": a,
+        "data-button-style": d,
+        className: k,
+        onClick: M,
+        ...f,
+        children: [
+          t ? /* @__PURE__ */ e(P, { size: i ?? "md", variant: "pulse" }) : /* @__PURE__ */ e(N, { provider: a }),
+          z ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: h }) : (
+            // `<bdi>` isolates the label from the surrounding bidi context so
+            // the Latin brand wordmark ("Apple Pay" / "Google Pay") embedded
+            // in an RTL verb phrase keeps its own direction — matching the
+            // i18n note. Trailing-Latin placement already renders correctly
+            // under the UBA today; the isolation also keeps a future
+            // mid-phrase wordmark from reordering.
+            /* @__PURE__ */ e("bdi", { children: h })
+          )
+        ]
+      }
+    );
+  }
+);
+R.displayName = "WalletPayButton";
+export {
+  R as W
+};
+//# sourceMappingURL=wallet-pay-button-DK4ESYge.js.map

package/dist/_chunks/wallet-pay-button-DK4ESYge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet-pay-button-DK4ESYge.js","sources":["../../src/brand/provider-marks/apple-pay.tsx","../../src/brand/provider-marks/google-pay.tsx","../../src/components/wallet-pay-button/wallet-pay-button.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* Apple Pay brand mark.                                                 */\n/*                                                                      */\n/* Lives under `src/brand/**` — one of the two zones (with             */\n/* `src/tokens/**`) where literal hex / brand SVG paths are sanctioned  */\n/* by constraint #2. Apple's Marketing Guidelines mandate the official  */\n/* Apple-logo-plus-\"Pay\" lockup and forbid recolouring it to a kit      */\n/* accent. The mark is MONOCHROME: it paints in `currentColor` so the   */\n/* WalletPayButton's brand-locked foreground token (white on the black  */\n/* surface, near-black on the white / white-outline surface) drives it  */\n/* from a single CVA class — exactly how the WhatsApp glyph inherits    */\n/* `--brand-whatsapp-foreground`. Do NOT tint this with a kit colour.   */\n/*                                                                      */\n/* The viewBox keeps the official aspect ratio so the lockup never      */\n/* distorts; the consuming button scales it via `[&_svg]:h-*` height    */\n/* classes and `width:auto` so the proportion is preserved at every     */\n/* size step.                                                           */\n/* ------------------------------------------------------------------ */\n\nimport type { ReactNode } from 'react';\n\nexport interface BrandMarkProps {\n  /** Extra classes from the consuming button's CVA size axis. */\n  className?: string;\n}\n\n/**\n * Apple Pay lockup (Apple logo + \"Pay\"). Decorative — the parent button\n * carries `aria-hidden` semantics by wrapping it next to the visible /\n * sr-only accessible name, so this SVG is marked `aria-hidden=\"true\"`.\n */\nexport function ApplePayMark({ className }: BrandMarkProps): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      role=\"img\"\n      viewBox=\"-1 18 158 69\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      {/* Apple logo glyph */}\n      <path d=\"M30.07 27.69c-1.93 2.28-5.01 4.08-8.09 3.82-.39-3.08.92-6.34 2.68-8.36 1.93-2.34 5.31-4.01 8.04-4.14.33 3.21-.92 6.34-2.63 8.68m2.6 4.13c-4.47-.26-8.29 2.54-10.41 2.54-2.15 0-5.4-2.41-8.94-2.34-4.6.07-8.88 2.67-11.23 6.82-4.83 8.29-1.26 20.57 3.41 27.32 2.28 3.34 5.01 7.01 8.62 6.88 3.41-.13 4.75-2.21 8.88-2.21 4.16 0 5.34 2.21 8.94 2.15 3.74-.07 6.08-3.34 8.36-6.68 2.6-3.8 3.67-7.5 3.74-7.69-.07-.07-7.21-2.8-7.27-11.02-.07-6.88 5.6-10.15 5.86-10.35-3.21-4.73-8.22-5.26-9.95-5.39\" />\n      {/* \"Pay\" wordmark */}\n      <path d=\"M71.62 22.42c9.71 0 16.47 6.69 16.47 16.43 0 9.78-6.9 16.5-16.71 16.5H60.62v17.08H52.86V22.42h18.76zM60.62 48.83h8.91c6.76 0 10.61-3.64 10.61-9.95 0-6.31-3.85-9.92-10.58-9.92h-8.94v19.87zM90.11 62.05c0-6.38 4.89-10.3 13.56-10.79l9.99-.59v-2.81c0-4.06-2.74-6.49-7.32-6.49-4.34 0-7.05 2.08-7.71 5.34h-7.08c.42-6.59 6.03-11.45 15.06-11.45 8.86 0 14.51 4.69 14.51 12.01v25.16h-7.18v-6.01h-.17c-2.11 4.06-6.73 6.62-11.52 6.62-7.15 0-12.15-4.44-12.15-11.01zm23.55-3.29v-2.88l-8.99.56c-4.48.31-7.01 2.29-7.01 5.41 0 3.19 2.64 5.27 6.66 5.27 5.24 0 9.34-3.61 9.34-8.36zM124.95 85.78v-6.07c.55.14 1.79.14 2.42.14 3.47 0 5.34-1.46 6.49-5.2 0-.07.66-2.22.66-2.25l-13.18-36.52h8.11l9.23 29.69h.14l9.23-29.69h7.9l-13.66 38.39c-3.12 8.85-6.73 11.69-14.29 11.69-.63 0-2.5-.07-3.05-.21z\" />\n    </svg>\n  );\n}\n","/* ------------------------------------------------------------------ */\n/* Google Pay brand mark.                                                */\n/*                                                                      */\n/* Lives under `src/brand/**` — the sanctioned zone (constraint #2) for */\n/* literal brand hex. Google's Pay Brand Guidelines mandate the         */\n/* full-colour \"G Pay\" lockup: the four-colour Google \"G\" plus the      */\n/* \"Pay\" wordmark. CRITICAL: unlike the Apple Pay mark (which is        */\n/* monochrome `currentColor`), the four-colour Google \"G\" must STAY     */\n/* FULL-COLOUR even on the white button — the four brand hues are fixed */\n/* and may not be recoloured to a kit token. Hence the literal fills    */\n/* below; they are brand constants, not theme tokens.                   */\n/*                                                                      */\n/* The \"Pay\" wordmark is the only part that flips with the surface: it  */\n/* inherits `currentColor` (driven by the brand foreground token) so it */\n/* reads dark on the white surface and white on the black surface,      */\n/* exactly as Google's dark/light button variants specify. The \"G\" is   */\n/* never recoloured.                                                    */\n/* ------------------------------------------------------------------ */\n\nimport type { ReactNode } from 'react';\nimport type { BrandMarkProps } from './apple-pay';\n\n/**\n * Google Pay lockup (four-colour Google \"G\" + \"Pay\" wordmark). The \"G\"\n * keeps Google's mandated four brand hues at all times; the \"Pay\"\n * wordmark inherits `currentColor` so it reads against either the black\n * or the white surface (brand foreground token). Decorative —\n * `aria-hidden=\"true\"`; the accessible name comes from the parent\n * button.\n */\nexport function GooglePayMark({ className }: BrandMarkProps): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      role=\"img\"\n      viewBox=\"1 7 101 36\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      {/* Four-colour Google \"G\" — fixed brand hues, never recoloured. */}\n      <g transform=\"translate(2 8)\">\n        <path\n          fill=\"#4285F4\"\n          d=\"M31.5 16.5c0-1.16-.1-2.27-.3-3.34H16.07v6.33h8.65a7.4 7.4 0 0 1-3.21 4.85v4.03h5.19c3.04-2.8 4.8-6.92 4.8-11.87z\"\n        />\n        <path\n          fill=\"#34A853\"\n          d=\"M16.07 32c4.34 0 7.99-1.44 10.65-3.89l-5.19-4.03c-1.44.97-3.29 1.54-5.46 1.54-4.2 0-7.76-2.84-9.03-6.65H1.67v4.17C4.32 28.4 9.71 32 16.07 32z\"\n        />\n        <path\n          fill=\"#FBBC04\"\n          d=\"M7.04 18.97A9.6 9.6 0 0 1 6.53 16c0-1.03.18-2.03.51-2.97V8.86H1.67A15.96 15.96 0 0 0 0 16c0 2.58.62 5.02 1.67 7.14l5.37-4.17z\"\n        />\n        <path\n          fill=\"#EA4335\"\n          d=\"M16.07 6.39c2.37 0 4.5.81 6.17 2.41l4.62-4.62C24.05 1.6 20.41 0 16.07 0 9.71 0 4.32 3.6 1.67 8.86l5.37 4.17c1.27-3.81 4.83-6.64 9.03-6.64z\"\n        />\n      </g>\n      {/* \"Pay\" wordmark — flips with the surface via currentColor. */}\n      <g fill=\"currentColor\" transform=\"translate(44 8)\">\n        <path d=\"M11.9 17.06v9.94H8.75V2.52h8.36c2.12 0 3.93.71 5.41 2.12 1.51 1.42 2.27 3.14 2.27 5.18 0 2.09-.76 3.82-2.27 5.21-1.46 1.39-3.27 2.07-5.41 2.07H11.9v-.06zm0-11.53v8.55h5.28c1.25 0 2.29-.42 3.12-1.26.84-.84 1.26-1.86 1.26-3.01 0-1.12-.42-2.13-1.26-2.97-.83-.87-1.87-1.31-3.12-1.31H11.9z\" />\n        <path d=\"M32.43 9.72c2.33 0 4.16.62 5.51 1.87 1.35 1.25 2.02 2.96 2.02 5.12V27h-3.01v-2.33h-.14c-1.3 1.92-3.05 2.88-5.23 2.88-1.85 0-3.41-.55-4.65-1.65-1.25-1.1-1.87-2.46-1.87-4.11 0-1.74.66-3.11 1.97-4.13 1.31-1.02 3.07-1.54 5.26-1.54 1.87 0 3.41.34 4.62 1.03v-.72c0-1.1-.43-2.02-1.29-2.79-.86-.77-1.87-1.15-3.02-1.15-1.74 0-3.11.72-4.11 2.18l-2.78-1.75c1.5-2.16 3.72-3.24 6.64-3.24zm-4.07 12.21c0 .82.35 1.5 1.04 2.04.69.55 1.5.81 2.43.81 1.31 0 2.48-.49 3.51-1.46 1.02-.97 1.54-2.12 1.54-3.43-.98-.77-2.34-1.16-4.09-1.16-1.28 0-2.34.31-3.2.92-.85.62-1.27 1.39-1.27 2.28z\" />\n        <path d=\"M57.16 10.27L46.62 34.5h-3.25l3.91-8.47-6.93-15.76h3.43l5 12.06h.07l4.87-12.06z\" />\n      </g>\n    </svg>\n  );\n}\n","/* ------------------------------------------------------------------ */\n/* WalletPayButton — brand-locked express-payment button.               */\n/*                                                                      */\n/* Renders the official Apple Pay or Google Pay mark on the brand-      */\n/* mandated surface (black / white / white-outline) and fires           */\n/* `onActivate` on click / Enter / Space. It is PRESENTATIONAL ONLY:    */\n/* the branded surface + the trigger. The consumer's `onActivate`       */\n/* handler opens the native wallet sheet (Payment Request API / Apple   */\n/* Pay JS / Google Pay API) — this component never calls a payment API, */\n/* never holds a publishable key, never knows the amount, and never     */\n/* drives the downstream fiscal-receipt / Sistema TS step. Same posture */\n/* as WhatsAppButton (a branded CTA) and SignInWithAlfadocsButton (a    */\n/* branded provider button).                                            */\n/*                                                                      */\n/* BRAND EXCEPTION: Apple's Marketing Guidelines and Google's Pay Brand */\n/* Guidelines mandate exact button surfaces and forbid recolouring the  */\n/* marks. The surfaces therefore live as component-private brand tokens */\n/* (`--brand-applepay-*` / `--brand-googlepay-*`, precedent             */\n/* `--brand-whatsapp-*`) that do NOT shift in the accessible theme —    */\n/* the accessible theme only widens the focus ring and raises the       */\n/* target size, which is compliant. The marks are designed to meet      */\n/* contrast against their own mandated surfaces, so the axe             */\n/* `color-contrast` rule (and only that rule) is waived at story/meta   */\n/* level with a rationale, exactly as whatsapp-button / payment-form    */\n/* do. Do not reuse these tokens outside this component.                */\n/*                                                                      */\n/* A NATIVE <button> is used (not a Button wrapper, which carries kit   */\n/* intent colours, and not an <a> like WhatsAppButton — this opens an   */\n/* in-page sheet, not a navigation). The native element gives free      */\n/* Enter / Space activation, disabled semantics and the focusable       */\n/* accessible-name contract with zero ARIA authoring.                   */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner';\nimport { ApplePayMark } from '../../brand/provider-marks/apple-pay';\nimport { GooglePayMark } from '../../brand/provider-marks/google-pay';\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\ntype Provider = 'apple-pay' | 'google-pay';\ntype ButtonStyle = 'black' | 'white' | 'white-outline';\ntype LabelType = 'buy' | 'pay' | 'checkout' | 'book' | 'plain';\n\n/** i18n root segment per provider — drives the bare t() key. */\nconst PROVIDER_I18N_ROOT: Record<Provider, 'applePay' | 'googlePay'> = {\n  'apple-pay': 'applePay',\n  'google-pay': 'googlePay',\n};\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    // `ds:relative` anchors the `::before` pseudo touch-target used by\n    // the `sm` size below the `sm:` breakpoint.\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-medium ds:whitespace-nowrap ds:select-none',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:gap-[var(--spacing-xs)]',\n    'ds:transition-[background-color,box-shadow,opacity]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:active:opacity-90',\n    // Focus ring is `var(--ring)` at `--focus-ring-width` / offset —\n    // deliberately NOT the brand surface colour. A black ring on the\n    // black surface, or an invisible ring on the white surface, fails\n    // 2.4.7. The token widens 2→3px automatically in the accessible\n    // theme. Same reasoning WhatsAppButton documents.\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Under Windows High Contrast Mode the brand bg + border are\n    // stripped; repaint a solid ButtonBorder edge and swap the focus\n    // ring to CanvasText so the affordance stays identifiable.\n    'ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      provider: {\n        'apple-pay': '',\n        'google-pay': '',\n      },\n      buttonStyle: {\n        black: '',\n        white: '',\n        'white-outline': '',\n      },\n      size: {\n        // Size axis sizes the brand mark via a DIRECT-CHILD selector\n        // (`[&>svg]`) — the mark is a direct `<svg>` child of the button,\n        // whereas the loading Spinner's `<svg>` is nested inside its\n        // `role=status` span. A descendant `[&_svg]` would reach into the\n        // Spinner and override its own `size-full`, forcing a 20/24px svg\n        // inside a 16/20px span (clipped). `[&>svg]` sizes only the mark.\n        sm: [\n          'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n          'ds:[&>svg]:h-4 ds:[&>svg]:w-auto',\n          // Expand the hit-target to `--min-target-size` below the\n          // `sm:` breakpoint via a `::before` overlay, identical to\n          // Button / WhatsAppButton. The visual box stays 32px; touch\n          // stays ≥44/48px on mobile.\n          'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        ].join(' '),\n        // `md` is the DEFAULT size. Its visual box is 40px (h-10), which is\n        // below the 44/48px `--min-target-size`, so it carries the same\n        // `::before` hit-target expansion as `sm` to reliably meet WCAG\n        // 2.5.5 (44×44) / 2.5.8 (48×48 accessible) on touch viewports. The\n        // visual box stays 40px; the touch target lifts to the token below\n        // the `sm:` breakpoint.\n        md: [\n          'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)]',\n          'ds:[&>svg]:h-5 ds:[&>svg]:w-auto',\n          'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        ].join(' '),\n        lg: 'ds:h-12 ds:ps-5 ds:pe-5 ds:text-[length:var(--font-size-lg)] ds:[&>svg]:h-6 ds:[&>svg]:w-auto',\n      },\n      fullWidth: {\n        true: 'ds:flex ds:w-full',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      /* ----- Apple Pay surfaces ----- */\n      {\n        provider: 'apple-pay',\n        buttonStyle: 'black',\n        class:\n          'ds:bg-[var(--brand-applepay-black)] ds:text-[var(--brand-applepay-black-foreground)] ds:hover:bg-[var(--brand-applepay-black-hover)]',\n      },\n      {\n        provider: 'apple-pay',\n        buttonStyle: 'white',\n        class:\n          'ds:bg-[var(--brand-applepay-white)] ds:text-[var(--brand-applepay-white-foreground)] ds:hover:bg-[var(--brand-applepay-white-hover)]',\n      },\n      {\n        provider: 'apple-pay',\n        buttonStyle: 'white-outline',\n        class:\n          'ds:bg-[var(--brand-applepay-white)] ds:text-[var(--brand-applepay-white-foreground)] ds:hover:bg-[var(--brand-applepay-white-hover)] ds:border ds:border-[var(--brand-applepay-white-border)]',\n      },\n      /* ----- Google Pay surfaces (no outline type — see fallback) ----- */\n      {\n        provider: 'google-pay',\n        buttonStyle: 'black',\n        class:\n          'ds:bg-[var(--brand-googlepay-black)] ds:text-[var(--brand-googlepay-black-foreground)] ds:hover:bg-[var(--brand-googlepay-black-hover)]',\n      },\n      {\n        provider: 'google-pay',\n        buttonStyle: 'white',\n        class:\n          'ds:bg-[var(--brand-googlepay-white)] ds:text-[var(--brand-googlepay-white-foreground)] ds:hover:bg-[var(--brand-googlepay-white-hover)] ds:border ds:border-[var(--brand-googlepay-white-border)]',\n      },\n    ],\n    defaultVariants: {\n      buttonStyle: 'black',\n      size: 'md',\n      fullWidth: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Mark resolver                                                        */\n/* ------------------------------------------------------------------ */\n\nfunction WalletMark({ provider }: { provider: Provider }): ReactNode {\n  return provider === 'apple-pay' ? <ApplePayMark /> : <GooglePayMark />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface WalletPayButtonProps\n  extends\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type'>,\n    Omit<VariantProps<typeof rootVariants>, 'provider'> {\n  /**\n   * Which wallet the button represents. Drives the inline brand mark,\n   * the default label key, the brand-locked surface tokens, and the\n   * `data-provider` hook. Required — there is no sensible default\n   * wallet.\n   */\n  provider: Provider;\n  /**\n   * Brand-mandated button type. Apple Pay supports\n   * `black` / `white` / `white-outline`; Google Pay supports\n   * `black` / `white` only. Passing `white-outline` with\n   * `provider=\"google-pay\"` falls back to `white` and dev-warns —\n   * Google's branding has no outline type.\n   */\n  buttonStyle?: ButtonStyle;\n  /**\n   * Brand-approved call-to-action phrasing. `plain` renders the bare\n   * mark (mark-only) with an sr-only accessible name. The verb portion\n   * is i18n; the wallet brand name (\"Apple Pay\" / \"Google Pay\") is a\n   * non-translated constant.\n   */\n  labelType?: LabelType;\n  /**\n   * Fired on click / Enter / Space when not loading and not disabled.\n   * Open the native wallet sheet here (Payment Request API). Named\n   * `onActivate` rather than `onClick` to signal it triggers a payment\n   * flow. A native `onClick` still forwards through `...rest`.\n   */\n  onActivate?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Wallet sheet is opening / payment in flight. Swaps the mark for the\n   * kit Spinner, sets `aria-busy=\"true\"`, and suppresses activation so\n   * the user cannot double-open the sheet.\n   */\n  loading?: boolean;\n  /**\n   * Override the resolved accessible / visible label. Defaults to the\n   * `provider` + `labelType` i18n string. The brand wordmark constant\n   * (\"Apple Pay\" / \"Google Pay\") is never overridable via this prop —\n   * pass a fully-translated verb phrase only.\n   */\n  label?: ReactNode;\n  /**\n   * Native button type. Defaults to `'button'` so the wallet trigger\n   * never implicitly submits an ambient `<form>`.\n   */\n  type?: 'button' | 'submit' | 'reset';\n}\n\n/* ------------------------------------------------------------------ */\n/* WalletPayButton                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const WalletPayButton = forwardRef<\n  HTMLButtonElement,\n  WalletPayButtonProps\n>(\n  (\n    {\n      provider,\n      buttonStyle = 'black',\n      labelType = 'pay',\n      size = 'md',\n      fullWidth = false,\n      onActivate,\n      loading = false,\n      disabled = false,\n      label,\n      type = 'button',\n      className,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Google Pay has no white-outline type — fall back to white and\n    // dev-warn so the consumer fixes the call site. Done once, before\n    // the surface CVA resolves, so no outline class is ever applied.\n    let resolvedButtonStyle = buttonStyle;\n    if (provider === 'google-pay' && buttonStyle === 'white-outline') {\n      resolvedButtonStyle = 'white';\n      if (\n        typeof import.meta !== 'undefined' &&\n        typeof import.meta.env !== 'undefined' &&\n        import.meta.env.DEV === true\n      ) {\n        console.warn(\n          `[WalletPayButton] buttonStyle=\"white-outline\" is not a Google Pay ` +\n            `brand type — falling back to \"white\". Google's branding has no ` +\n            `outline button; use \"black\" or \"white\".`,\n        );\n      }\n    }\n\n    const providerRoot = PROVIDER_I18N_ROOT[provider];\n    // The default label always carries the wallet brand name as part of\n    // the i18n string (\"Pay with Apple Pay\"), so SR users hear the\n    // wallet name. `label` overrides only the verb phrase.\n    const resolvedLabel =\n      label ?? t(`walletPayButton.${providerRoot}.${labelType}`);\n\n    const isMarkOnly = labelType === 'plain' && label == null;\n    const isInteractive = !loading && !disabled;\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>): void => {\n      // Forward the native onClick first (analytics, logging) — it sees\n      // every click, including suppressed ones, mirroring WhatsAppButton.\n      onClick?.(event);\n      if (!isInteractive) return;\n      onActivate?.(event);\n    };\n\n    const composedClassName = [\n      rootVariants({\n        provider,\n        buttonStyle: resolvedButtonStyle,\n        size,\n        fullWidth,\n      }),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"wallet-pay-button\"\n        data-provider={provider}\n        data-button-style={resolvedButtonStyle}\n        className={composedClassName}\n        onClick={handleClick}\n        {...rest}\n      >\n        {loading ? (\n          <Spinner size={size ?? 'md'} variant=\"pulse\" />\n        ) : (\n          <WalletMark provider={provider} />\n        )}\n        {/*\n          Label rendering:\n            - mark-only (`plain`): sr-only accessible name, no visible\n              text. The bare mark still resolves a button name.\n            - otherwise: visible label. When loading, the label stays\n              visible (aria-busy carries the \"in flight\" semantics) so\n              the accessible name never collapses to nothing.\n        */}\n        {isMarkOnly ? (\n          <span className=\"ds:sr-only\">{resolvedLabel}</span>\n        ) : (\n          // `<bdi>` isolates the label from the surrounding bidi context so\n          // the Latin brand wordmark (\"Apple Pay\" / \"Google Pay\") embedded\n          // in an RTL verb phrase keeps its own direction — matching the\n          // i18n note. Trailing-Latin placement already renders correctly\n          // under the UBA today; the isolation also keeps a future\n          // mid-phrase wordmark from reordering.\n          <bdi>{resolvedLabel}</bdi>\n        )}\n      </button>\n    );\n  },\n);\n\nWalletPayButton.displayName = 'WalletPayButton';\n"],"names":["ApplePayMark","className","jsxs","jsx","GooglePayMark","PROVIDER_I18N_ROOT","rootVariants","cva","WalletMark","provider","WalletPayButton","forwardRef","buttonStyle","labelType","size","fullWidth","onActivate","loading","disabled","label","type","onClick","rest","ref","t","useTranslation","resolvedButtonStyle","providerRoot","resolvedLabel","isMarkOnly","isInteractive","handleClick","event","composedClassName","Spinner"],"mappings":"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"}

package/dist/_chunks/{zh-CN-DxVt64Zk.js → zh-CN-eXB-PFu4.js}

@@ -1,5 +1,5 @@
-import { o as s, q as i, r as o, v as m } from "./react-day-picker-DsjfS7uI.js";
-import { i as u } from "./isSameWeek-Dfzu29cW.js";
+import { o as s, q as i, r as o, v as m } from "./react-day-picker-CdtIiKjx.js";
+import { i as u } from "./isSameWeek-Bim5ftRd.js";
 const c = {
   lessThanXSeconds: {
     one: "不到 1 秒",
@@ -385,4 +385,4 @@ const b = {
 export {
   Q as zhCN
 };
-//# sourceMappingURL=zh-CN-DxVt64Zk.js.map
+//# sourceMappingURL=zh-CN-eXB-PFu4.js.map