@alfadocs/ui-kit-debug 1.96.0 → 1.97.0

package/dist/_chunks/sign-document-BiOTs1P4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sign-document-BiOTs1P4.js","sources":["../../src/components/sign-document/sign-document.agent.ts","../../src/components/sign-document/sign-document.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SignDocument.                                          */\n/*                                                                        */\n/* State exposes only structural lifecycle info — never the signature      */\n/* bytes (the signed consent is sensitive; persistence is the consumer's   */\n/* concern). The single write action confirms the captured signature.      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SignDocumentHandle } from './sign-document';\n\nexport const signDocumentAgent: AgentAdapter<SignDocumentHandle> = {\n  id: 'sign-document',\n  capabilities: ['submit'],\n  state: {\n    isReadComplete: {\n      type: 'boolean',\n      descriptionKey: 'signDocument.agent.state.isReadComplete',\n      description:\n        'True when the reader has reached the last page (or read-gating is off).',\n      read: (handle) => handle.isReadComplete(),\n    },\n  },\n  actions: {\n    submit: {\n      // Persists intent: commits the captured signature and emits it via the\n      // consumer's onSign callback. Reversible via reset() before persistence.\n      safety: 'write',\n      returns: 'SignatureConfirmPayload | null',\n      returnsSchema: {\n        oneOf: [\n          {\n            type: 'object',\n            description:\n              'The confirmed signature payload (PNG data URL + metadata).',\n            properties: {\n              dataUrl: {\n                type: 'string',\n                description: 'PNG data URL of the rendered signature.',\n              },\n            },\n            required: ['dataUrl'],\n          },\n          {\n            type: 'null',\n            description: 'Returned when there is no signature to confirm.',\n          },\n        ],\n      },\n      // confirm() emits via onSign — calling twice re-emits the same payload,\n      // so it is not flagged idempotent.\n      descriptionKey: 'signDocument.agent.actions.confirm',\n      description:\n        'Confirm the current signature, emitting it via onSign. No-op if unsigned.',\n      invoke: (handle) => handle.confirm(),\n    },\n    reset: {\n      // Discards the captured signature — destructive (loses drawn input).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'signDocument.agent.actions.reset',\n      description: 'Clear the captured signature and return to unsigned.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'sign-document',\n      description: 'Marks the SignDocument wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* SignDocument — review a PDF document, then sign it.                   */\n/*                                                                     */\n/* Fills the kit gap where consumers hand-composed PDFViewer +          */\n/* SignatureCapture for consents (e.g. sign.alfadocs.com, HTP-4889).    */\n/* This component owns the composition and the read-gate so the consent */\n/* flow is a single primitive:                                          */\n/*                                                                     */\n/* - PDFViewer (the document) renders above; the signing surface        */\n/*   renders below.                                                     */\n/* - When `requireReadToEnd` (default), the SignatureCapture pad and    */\n/*   the \"Confirm & sign\" button are gated until the reader reaches the */\n/*   LAST page. We track this via PDFViewer's onLoadComplete (numPages) */\n/*   + onPageChange (currentPage === numPages). NOTE: last-page-reached */\n/*   is an APPROXIMATE read signal — a fit-page zoom can show the last  */\n/*   page without scrolling. That is acceptable for this gate; a        */\n/*   legal-grade \"read every page\" guarantee is the consumer's call.    */\n/* - When `signedAt` is set the component renders an already-signed     */\n/*   read-only state (no pad) so re-sign-on-change consumers can show   */\n/*   signed status.                                                     */\n/* - Security: no fetch / XHR / storage / globals here. SignatureCapture */\n/*   owns the export payload (PNG/SVG + sha256); the consumer owns       */\n/*   persistence via onSign.                                            */\n/* - i18n: every authored string via `t('signDocument.*')` (bare keys   */\n/*   under the `ui` namespace). PDFViewer's `pdf.*` and                  */\n/*   SignatureCapture's `signature.*` strings already exist.            */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CircleCheck } from 'lucide-react';\nimport { PDFViewer } from '../pdf-viewer';\nimport {\n  SignatureCapture,\n  type SignatureCaptureHandle,\n  type SignatureConfirmPayload,\n} from '../signature-capture';\nimport { useAgentRegistration } from '../../agent';\nimport { signDocumentAgent } from './sign-document.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface SignDocumentProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Document PDF — URL string, ArrayBuffer, or Uint8Array. Passed to PDFViewer. */\n  src: string | ArrayBuffer | Uint8Array;\n  /** Accessible name for the document region (also used as a heading). */\n  documentTitle?: string;\n  /**\n   * Gate the signature + Confirm until the reader reaches the last page.\n   * Default `true`. Last-page-reached is an approximate read signal (a\n   * fit-page zoom can show the last page without scrolling) — adequate for\n   * this gate; legal-grade read tracking is the consumer's concern.\n   */\n  requireReadToEnd?: boolean;\n  /** Fired when the user captures a signature AND confirms. */\n  onSign?: (payload: SignatureConfirmPayload) => void;\n  /** Forwarded from PDFViewer on any load / render error. */\n  onError?: (error: Error) => void;\n  /**\n   * When set, render the already-signed read-only state: shows \"Signed\" +\n   * the signed date and hides the pad. Use for re-sign-on-change consumers\n   * that surface signed status. `null` / `undefined` → unsigned.\n   */\n  signedAt?: string | null;\n  /**\n   * Optional on-behalf attribution. When both `signer` and `subject` are\n   * given, a \"Signed by {signer} on behalf of {subject}\" note renders both\n   * near the signature pad (so the signer sees who they're signing for) AND\n   * inside the already-signed read-only banner. Omit (the default) and\n   * nothing extra renders — the existing subject-agnostic API is unchanged.\n   * Provide both to opt in; a lone `signer` or `subject` renders nothing.\n   */\n  signedByNote?: { signer: string; subject: string };\n  /** Disable all controls (document still readable). */\n  disabled?: boolean;\n  /** Render read-only: the document is shown but the pad is suppressed. */\n  readOnly?: boolean;\n  /** Accessible label for the component's group region. */\n  ariaLabel?: string;\n  /** Extra class names merged onto the outermost wrapper. */\n  className?: string;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface SignDocumentHandle {\n  /** Clear the captured signature, returning to the unsigned state. */\n  reset: () => void;\n  /** Confirm the current signature; resolves the payload, or null if unsigned. */\n  confirm: () => Promise<SignatureConfirmPayload | null>;\n  /** True when the reader has reached the last page (or the gate is off). */\n  isReadComplete: () => boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst headingVariants = cva(\n  ['type-heading-sm ds:text-[var(--foreground)]'].join(' '),\n);\n\nconst signSectionVariants = cva(\n  ['ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]'].join(' '),\n);\n\nconst sectionLabelVariants = cva(\n  ['type-body-sm ds:font-medium ds:text-[var(--foreground)]'].join(' '),\n);\n\nconst progressVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'type-body-sm ds:text-[var(--muted-foreground)]',\n  ].join(' '),\n);\n\n// The \"scroll to the end to sign\" hint uses --info as a low-emphasis\n// informational tint — tokenised, logical-property insets, no accent over\n// arbitrary content.\nconst hintVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'type-body-sm',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n    'ds:text-[var(--foreground)]',\n    'ds:border ds:border-[color:color-mix(in_srgb,var(--info)_40%,transparent)]',\n  ].join(' '),\n);\n\nconst confirmButtonVariants = cva(\n  [\n    'ds:inline-flex ds:inline-size-full ds:items-center ds:justify-center',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:[min-inline-size:var(--min-target-size)]',\n    'ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--primary-hover)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-[var(--opacity-50)] ds:disabled:cursor-not-allowed',\n    'ds:disabled:hover:bg-[var(--primary)]',\n  ].join(' '),\n);\n\n// The signed banner uses the semantic --success alias for the confirmed\n// state — never the raw ramp step (constraint §11).\nconst signedBannerVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:bg-[color-mix(in_srgb,var(--success)_12%,transparent)]',\n    'ds:text-[var(--foreground)]',\n    'ds:border ds:border-[color:color-mix(in_srgb,var(--success)_45%,transparent)]',\n  ].join(' '),\n);\n\n// The on-behalf attribution note. Low-emphasis muted text — it qualifies the\n// signature, it isn't an action. `placement` swaps the inset/spacing so the\n// same string reads correctly above the pad (a hint) and inside the signed\n// banner (a continuation of the signed copy).\nconst attributionVariants = cva(['type-body-sm'].join(' '), {\n  variants: {\n    placement: {\n      pad: 'ds:text-[var(--muted-foreground)]',\n      banner: 'ds:block ds:text-[var(--foreground)]',\n    },\n  },\n  defaultVariants: { placement: 'pad' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\n/**\n * Format an ISO timestamp using the active i18n locale. Falls back to the\n * raw string if it can't be parsed so a malformed `signedAt` never throws.\n */\nfunction formatSignedAt(iso: string, locale: string): string {\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return iso;\n  try {\n    return new Intl.DateTimeFormat(locale, {\n      dateStyle: 'long',\n      timeStyle: 'short',\n    }).format(date);\n  } catch {\n    return date.toISOString();\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* SignDocument                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const SignDocument = forwardRef<SignDocumentHandle, SignDocumentProps>(\n  (\n    {\n      id,\n      src,\n      documentTitle,\n      requireReadToEnd = true,\n      onSign,\n      onError,\n      signedAt = null,\n      signedByNote,\n      disabled = false,\n      readOnly = false,\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const rawId = useId();\n    const idSafe = useMemo(\n      () => `sign-doc-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const docHeadingId = `${idSafe}-doc-heading`;\n    const signLabelId = `${idSafe}-sign-label`;\n    const liveRegionId = `${idSafe}-live`;\n    // Stable, static describedby target for the sign section + Confirm —\n    // kept separate from the polite live region so describedby points at\n    // unchanging text, not the transition announcer (which only carries\n    // gate-met / signed announcements).\n    const gateHintId = `${idSafe}-gate-hint`;\n\n    const signatureRef = useRef<SignatureCaptureHandle>(null);\n\n    const [numPages, setNumPages] = useState(0);\n    const [currentPage, setCurrentPage] = useState(1);\n    // True once the reader has reached the last page at least once. Sticky:\n    // scrolling back up does not re-lock the signature.\n    const [reachedEnd, setReachedEnd] = useState(false);\n    // Mirrors the pad's ink state so the Confirm button re-renders when a\n    // signature lands. SignatureCapture's isEmpty() is a sync ref read (no\n    // re-render) and its onStart only fires on a DRAWN stroke — not on the\n    // typed fallback. We poll the handle so both paths gate Confirm\n    // identically; onStart/onClear below are immediate-feedback hints.\n    const [hasSignature, setHasSignature] = useState(false);\n\n    const isSigned = signedAt != null;\n    const inert = disabled || readOnly || isSigned;\n\n    // Latest callbacks via refs so the async confirm path never closes over\n    // a stale prop.\n    const onSignRef = useRef(onSign);\n    const onErrorRef = useRef(onError);\n    useEffect(() => {\n      onSignRef.current = onSign;\n      onErrorRef.current = onError;\n    }, [onSign, onError]);\n\n    /* ---- Per-document reset -------------------------------------- */\n    // When the consumer swaps `src` to a NEW document, the previous \"read\n    // complete\" state must NOT carry over — otherwise the new document\n    // could be signed without being read. Reset the per-document state;\n    // PDFViewer's onLoadComplete re-sets reachedEnd for single-page docs.\n    useEffect(() => {\n      setReachedEnd(false);\n      setNumPages(0);\n      setCurrentPage(1);\n      setHasSignature(false);\n    }, [src]);\n\n    /* ---- Read-gate tracking -------------------------------------- */\n    const handleLoadComplete = useCallback(\n      (info: { numPages: number; title?: string }) => {\n        setNumPages(info.numPages);\n        // A single-page document is \"read to the end\" the moment it loads.\n        if (info.numPages <= 1) setReachedEnd(true);\n      },\n      [],\n    );\n\n    const handlePageChange = useCallback((page: number) => {\n      setCurrentPage(page);\n      setNumPages((total) => {\n        if (total > 0 && page >= total) setReachedEnd(true);\n        return total;\n      });\n    }, []);\n\n    const handleError = useCallback((error: Error) => {\n      onErrorRef.current?.(error);\n    }, []);\n\n    /* ---- Signature-presence polling ------------------------------ */\n    // Poll the pad's isEmpty() while the signing surface is live so the\n    // Confirm button reflects both drawn AND typed signatures. Cheap\n    // (a single boolean ref read on an interval); torn down when signed,\n    // read-only, or unmounted.\n    const signLive = !isSigned && !readOnly;\n    useEffect(() => {\n      if (!signLive) return undefined;\n      const tick = (): void => {\n        const pad = signatureRef.current;\n        if (!pad) return;\n        setHasSignature(!pad.isEmpty());\n      };\n      tick();\n      const interval = window.setInterval(tick, 200);\n      return () => window.clearInterval(interval);\n    }, [signLive]);\n\n    // The gate is satisfied when reading isn't required, or the reader has\n    // reached the last page at least once.\n    const readComplete = !requireReadToEnd || reachedEnd;\n    const canSign = !inert && readComplete;\n    const confirmDisabled = !canSign || !hasSignature;\n\n    /* ---- Confirm path -------------------------------------------- */\n    // `onSign` fires from SignatureCapture's `onConfirm` (wired below) — the\n    // single source of truth, so it fires once whether the user clicks the\n    // pad's own Confirm or this component's \"Confirm & sign\". This handle\n    // just proxies the pad's confirm() and returns its payload.\n    const handleSigned = useCallback((payload: SignatureConfirmPayload) => {\n      onSignRef.current?.(payload);\n    }, []);\n\n    const confirm =\n      useCallback(async (): Promise<SignatureConfirmPayload | null> => {\n        const pad = signatureRef.current;\n        if (!pad) return null;\n        return pad.confirm();\n      }, []);\n\n    const reset = useCallback(() => {\n      signatureRef.current?.clear();\n      setHasSignature(false);\n    }, []);\n\n    /* ---- Imperative handle + agent registration ------------------ */\n    const agentHandle = useMemo<SignDocumentHandle>(\n      () => ({\n        reset,\n        confirm,\n        isReadComplete: () => readComplete,\n      }),\n      [reset, confirm, readComplete],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(signDocumentAgent, agentHandle, id);\n\n    /* ---- Derived strings ----------------------------------------- */\n    const regionLabel =\n      ariaLabel ??\n      (documentTitle\n        ? t('signDocument.regionLabelNamed', { title: documentTitle })\n        : t('signDocument.regionLabel'));\n    const documentRegionLabel =\n      documentTitle ?? t('signDocument.documentLabel');\n\n    // Live region — ONLY transition announcements (gate met / signed).\n    const liveText = isSigned\n      ? t('signDocument.signedOn', {\n          date: formatSignedAt(signedAt as string, i18n.language),\n        })\n      : readComplete\n        ? t('signDocument.readyToSign')\n        : '';\n\n    // Static describedby target — always names WHY Confirm is unavailable\n    // (or stays empty when it's actionable). Stable text, never live.\n    const gateHintText = !readComplete\n      ? t('signDocument.scrollToEnd')\n      : !hasSignature\n        ? t('signDocument.signToEnable')\n        : '';\n\n    // On-behalf attribution — only when BOTH signer and subject are present\n    // (a lone half is meaningless). Rendered above the pad and in the signed\n    // banner. Optional: undefined → no attribution, API unchanged.\n    const attributionText =\n      signedByNote?.signer && signedByNote?.subject\n        ? t('signDocument.signedByOnBehalf', {\n            signer: signedByNote.signer,\n            subject: signedByNote.subject,\n          })\n        : null;\n\n    return (\n      <div\n        role=\"group\"\n        // Prefer labelling by the visible heading so the visible + accessible\n        // names match; fall back to aria-label only when there's no heading.\n        aria-labelledby={!ariaLabel && documentTitle ? docHeadingId : undefined}\n        aria-label={ariaLabel || !documentTitle ? regionLabel : undefined}\n        aria-disabled={disabled || undefined}\n        className={[rootVariants(), className].filter(Boolean).join(' ')}\n        data-component=\"sign-document\"\n        data-component-id={id}\n        data-signed={isSigned || undefined}\n      >\n        {/* Polite live region — ONLY transition announcements (gate met /\n            signed). Static describedby text lives in the gate-hint span. */}\n        <span\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n          data-testid=\"sign-document-live\"\n          id={liveRegionId}\n        >\n          {liveText}\n        </span>\n\n        {/* Static, non-live describedby target for the sign group + Confirm:\n            names why Confirm is unavailable (or empty when actionable). */}\n        <span className=\"ds:sr-only\" id={gateHintId}>\n          {gateHintText}\n        </span>\n\n        {documentTitle ? (\n          <h2 id={docHeadingId} className={headingVariants()}>\n            {documentTitle}\n          </h2>\n        ) : null}\n\n        {/* The document. PDFViewer owns its own toolbar, a11y, and zoom. */}\n        <PDFViewer\n          src={src}\n          ariaLabel={documentRegionLabel}\n          onLoadComplete={handleLoadComplete}\n          onPageChange={handlePageChange}\n          onError={handleError}\n        />\n\n        {isSigned ? (\n          /* ---- Already-signed, read-only ---- */\n          <div\n            className={signedBannerVariants()}\n            data-testid=\"sign-document-signed\"\n          >\n            <CircleCheck\n              aria-hidden=\"true\"\n              className=\"ds:size-5 ds:text-[var(--success)] ds:shrink-0\"\n            />\n            <span className=\"type-body-sm\">\n              <strong className=\"ds:font-semibold\">\n                {t('signDocument.signed')}\n              </strong>\n              {' — '}\n              {t('signDocument.signedOn', {\n                date: formatSignedAt(signedAt as string, i18n.language),\n              })}\n              {attributionText ? (\n                <span\n                  className={attributionVariants({ placement: 'banner' })}\n                  data-testid=\"sign-document-attribution\"\n                >\n                  {attributionText}\n                </span>\n              ) : null}\n            </span>\n          </div>\n        ) : readOnly ? null : (\n          /* ---- Sign surface ---- */\n          <div\n            className={signSectionVariants()}\n            role=\"group\"\n            aria-labelledby={signLabelId}\n            aria-describedby={gateHintId}\n          >\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n              <span id={signLabelId} className={sectionLabelVariants()}>\n                {t('signDocument.signatureSection')}\n              </span>\n              {numPages > 0 ? (\n                <span\n                  className={progressVariants()}\n                  data-testid=\"sign-document-progress\"\n                >\n                  {t('signDocument.pageProgress', {\n                    current: currentPage,\n                    total: numPages,\n                  })}\n                </span>\n              ) : null}\n            </div>\n\n            {attributionText ? (\n              <p\n                className={attributionVariants({ placement: 'pad' })}\n                data-testid=\"sign-document-attribution\"\n              >\n                {attributionText}\n              </p>\n            ) : null}\n\n            {requireReadToEnd && !readComplete ? (\n              <p className={hintVariants()} data-testid=\"sign-document-hint\">\n                {t('signDocument.scrollToEnd')}\n              </p>\n            ) : null}\n\n            {/* The pad is always mounted so a keyboard user can prepare a\n                typed signature; the Confirm button is the gate. When the\n                read-gate is unmet the pad is disabled so it can't accept\n                ink prematurely. */}\n            <SignatureCapture\n              ref={signatureRef}\n              ariaLabel={t('signDocument.signatureSection')}\n              disabled={disabled || !readComplete}\n              onStart={() => setHasSignature(true)}\n              onClear={() => setHasSignature(false)}\n              onConfirm={handleSigned}\n            />\n\n            {/* Native `disabled` (not aria-disabled) so a gated Confirm\n                leaves the tab order entirely — mirrors how Button gates a\n                primary action. describedby names WHY it's unavailable. */}\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (confirmDisabled) return;\n                void confirm();\n              }}\n              disabled={confirmDisabled}\n              aria-describedby={gateHintId}\n              className={confirmButtonVariants()}\n              data-testid=\"sign-document-confirm\"\n            >\n              <CircleCheck aria-hidden=\"true\" className=\"ds:size-4\" />\n              {t('signDocument.confirm')}\n            </button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nSignDocument.displayName = 'SignDocument';\n\nexport { rootVariants as signDocumentRootVariants };\n"],"names":["signDocumentAgent","handle","rootVariants","cva","headingVariants","signSectionVariants","sectionLabelVariants","progressVariants","hintVariants","confirmButtonVariants","signedBannerVariants","attributionVariants","formatSignedAt","iso","locale","date","SignDocument","forwardRef","id","src","documentTitle","requireReadToEnd","onSign","onError","signedAt","signedByNote","disabled","readOnly","ariaLabel","className","ref","t","i18n","useTranslation","rawId","useId","idSafe","useMemo","docHeadingId","signLabelId","liveRegionId","gateHintId","signatureRef","useRef","numPages","setNumPages","useState","currentPage","setCurrentPage","reachedEnd","setReachedEnd","hasSignature","setHasSignature","isSigned","inert","onSignRef","onErrorRef","useEffect","handleLoadComplete","useCallback","info","handlePageChange","page","total","handleError","error","_a","signLive","tick","pad","interval","readComplete","confirmDisabled","handleSigned","payload","confirm","reset","agentHandle","useImperativeHandle","useAgentRegistration","regionLabel","documentRegionLabel","liveText","gateHintText","attributionText","jsxs","jsx","PDFViewer","CircleCheck","SignatureCapture"],"mappings":"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"}

package/dist/_chunks/signature-capture-Chqh62Pc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"signature-capture-Chqh62Pc.js","sources":["../../src/components/signature-capture/signature-capture.agent.ts","../../src/components/signature-capture/signature-capture.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { SignatureCaptureHandle } from './signature-capture';\n\nexport const signatureCaptureAgent: AgentAdapter<SignatureCaptureHandle> = {\n  id: 'signature-capture',\n  // Multi-step media lifecycle: draw / type strokes (capture) then commit the\n  // serialised signature (submit).\n  capabilities: ['capture', 'submit'],\n  state: {\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.signatureCapture.state.isEmpty',\n      description: 'True when no signature has been drawn or typed.',\n      read: (handle) => handle.isEmpty(),\n    },\n  },\n  actions: {\n    clear: {\n      // Erases all captured strokes — destructive (loses drawn/typed input).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.signatureCapture.actions.clear',\n      description: 'Erase the current signature. Loses unsaved input.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    undo: {\n      // Removes the last stroke — reversible by redrawing.\n      safety: 'write',\n      descriptionKey: 'ui.agent.signatureCapture.actions.undo',\n      description: 'Undo the last stroke.',\n      invoke: (handle) => {\n        handle.undo();\n      },\n    },\n    confirm: {\n      // Commits the captured media and returns its serialised payload.\n      safety: 'write',\n      returns: 'SignatureConfirmPayload | null',\n      returnsSchema: {\n        oneOf: [\n          {\n            type: 'object',\n            description: 'The committed signature payload.',\n            properties: {\n              dataUrl: {\n                type: 'string',\n                description: 'PNG data URL of the captured signature.',\n              },\n              capturedAt: {\n                type: 'string',\n                description: 'ISO-8601 UTC timestamp of the commit.',\n              },\n            },\n            required: ['dataUrl'],\n          },\n          {\n            type: 'null',\n            description: 'Returned when the pad is empty.',\n          },\n        ],\n      },\n      descriptionKey: 'ui.agent.signatureCapture.actions.confirm',\n      description: 'Commit the signature and return its serialised payload.',\n      invoke: (handle) => handle.confirm(),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'signature-capture' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* SignatureCapture — thin React wrapper over signature_pad.            */\n/*                                                                     */\n/* - Library: `signature_pad` (08-third-party §Signature Pad). We      */\n/*   instantiate one pad per mounted canvas and expose imperative      */\n/*   clear / undo / isEmpty / confirm verbs to the consumer.           */\n/* - Colors: `penColor` / `backgroundColor` default to                  */\n/*   `--foreground` / `--background` via `getComputedStyle()`. Theme   */\n/*   switches are observed via a MutationObserver on `<html class>`    */\n/*   so the ink recolours when the theme flips.                        */\n/* - DPR scaling: canvas attribute `width/height = cssSize * DPR`; the */\n/*   2D context is scaled by the same factor. A `ResizeObserver`       */\n/*   replays strokes via `fromData()` on re-scale so nothing is lost.  */\n/* - Typed fallback: keyboard-only path renders a text input styled in */\n/*   italic `var(--font-sans)` (per 23-constraints §10 — serif is      */\n/*   marketing only). On confirm we render the string to an offscreen  */\n/*   canvas for the PNG/SVG export.                                    */\n/* - Confirm payload: `{ png, svg, widthMm, heightMm, capturedAt,      */\n/*   sha256, strokes? }`. `sha256` is the SubtleCrypto digest of the   */\n/*   PNG bytes — tamper-evident for audit trails.                      */\n/* - Security: no `fetch` / `XMLHttpRequest` / `localStorage` /        */\n/*   `sessionStorage` in this file — the consumer owns persistence.    */\n/*                                                                     */\n/* TODO:                                                                */\n/*   - 3× DPI re-render for print: currently `toDataURL('image/png')`  */\n/*     exports the live canvas (already at DPR). A proper 300-DPI      */\n/*     pipeline would create an offscreen canvas at `cssSize × 3` and  */\n/*     replay strokes via `fromData()` — deferred pending the print    */\n/*     bridge landing.                                                 */\n/*   - Typed-fallback canvas font can't read CSS variables directly    */\n/*     (Canvas2D resolves fonts at paint time and won't expand         */\n/*     `var(--font-size-2xl)`); we use a fixed `32px italic` + the     */\n/*     user's font stack, which is visually close but not              */\n/*     theme-reactive. Will migrate once the typography tokens expose  */\n/*     a resolved `font` shorthand.                                    */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n} from 'react';\nimport SignaturePad from 'signature_pad';\nimport type { PointGroup } from 'signature_pad';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Eraser, PenLine, Type } from 'lucide-react';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { signatureCaptureAgent } from './signature-capture.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface SignatureConfirmPayload {\n  /** Data URL of the captured signature rendered as PNG. */\n  png: string;\n  /** SVG string trimmed to the stroke bounding box. */\n  svg: string;\n  /** Physical width in millimetres, derived from CSS px. */\n  widthMm: number;\n  /** Physical height in millimetres, derived from CSS px. */\n  heightMm: number;\n  /** ISO-8601 UTC timestamp for when `confirm()` resolved. */\n  capturedAt: string;\n  /** Hex-encoded SHA-256 digest of the PNG bytes. */\n  sha256: string;\n  /** Raw stroke data from `signature_pad.toData()` — optional for replays. */\n  strokes?: PointGroup[];\n}\n\nexport interface SignatureCaptureProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Called with the export payload when the user confirms the signature. */\n  onConfirm?: (payload: SignatureConfirmPayload) => void;\n  /** Called after the pad is cleared (explicit user action). */\n  onClear?: () => void;\n  /** Called when the user starts drawing a new stroke. */\n  onStart?: () => void;\n  /** CSS width of the pad. Default 400. */\n  width?: number | string;\n  /** CSS height of the pad. Default 200. */\n  height?: number | string;\n  /** Pen colour override — defaults to `var(--foreground)`. */\n  penColor?: string;\n  /** Background override — defaults to `var(--background)`. */\n  backgroundColor?: string;\n  /** Show the typed-name fallback toggle. Default `true`. */\n  allowTypedFallback?: boolean;\n  /**\n   * When set, on confirm() the captured PNG data URL is written into a hidden\n   * `<input name={name}>` so consumers can POST the signature declaratively.\n   * The PNG data URL satisfies the server's `data:image/png` prefix check.\n   * Default off.\n   */\n  name?: string;\n  /** Disable the entire component. */\n  disabled?: boolean;\n  /** Accessible label for the pad region. */\n  ariaLabel?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface SignatureCaptureHandle {\n  clear: () => void;\n  undo: () => void;\n  isEmpty: () => boolean;\n  confirm: () => Promise<SignatureConfirmPayload | null>;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva(\n  [\n    'ds:signature-capture-alfadocs ds:flex ds:flex-col',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:rounded-[var(--radius-md)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:p-[var(--spacing-sm)]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst padFrameVariants = cva(\n  [\n    'ds:relative ds:block',\n    // Mobile-first: fill the available width but never exceed the configured\n    // pad width. Arbitrary-property form because `inline-size-[…]` /\n    // `block-size-[…]` named utilities emit no CSS here (see canvasVariants).\n    'ds:[inline-size:100%]',\n    'ds:[max-inline-size:var(--signature-width)]',\n    'ds:[block-size:var(--signature-height)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--background)]',\n    'ds:overflow-hidden',\n    'ds:touch-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst canvasVariants = cva(\n  [\n    'ds:block',\n    // Arbitrary-property form, NOT `inline-size-full` / `block-size-full`:\n    // the `inline-size-*` / `block-size-*` named utilities generate no CSS in\n    // this Tailwind setup, so on a block <div> they silently fall back to auto\n    // (harmless) but on a replaced <canvas> the element then sizes to its\n    // backing-store `width`/`height` attribute — which scaleCanvas drives up to\n    // MAX_CANVAS_PX (4096) in a feedback loop, overflowing the pad on mobile.\n    // The `[property:value]` escape hatch always emits, pinning the canvas to\n    // the frame so the loop can't run away.\n    'ds:[inline-size:100%]',\n    'ds:[block-size:100%]',\n    'ds:touch-none',\n    'ds:select-none',\n  ].join(' '),\n);\n\n// The toolbar is a named container: below 30rem the action captions hide and\n// the buttons fall back to their icons (one compact row instead of wrapped\n// text), so the row works inside a phone-width Dialog. At the default pad\n// width (400px = 25rem) the toolbar stays icon-only; stretched to a desktop\n// dialog (width=\"100%\" in a size=\"lg\" Dialog, ~37rem) the captions appear.\n// aria-labels keep the full names regardless of width.\nconst toolbarVariants = cva(\n  [\n    'ds:@container/sigactions',\n    'ds:flex ds:items-stretch ds:flex-wrap ds:gap-[var(--spacing-sm)]',\n  ].join(' '),\n);\n\n// Caption span inside each toolbar action — hidden until the toolbar\n// container is wide enough for all three text labels on one row. 480px, not\n// 30rem: container-query `rem` tracks the host root font-size and misfires.\nconst actionCaptionVariants = cva('ds:hidden ds:@[480px]/sigactions:inline');\n\n// Toolbar actions are sized for thumbs: they grow to fill the pad width\n// (`flex-1`), sit above the 44/48px floor, and use base-size text so they read\n// clearly on a phone.\nconst actionButtonVariants = cva(\n  [\n    'ds:inline-flex ds:flex-1 ds:items-center ds:justify-center',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:[min-inline-size:var(--min-target-size)]',\n    'ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-transparent ds:text-[var(--foreground)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--muted)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst confirmButtonVariants = cva(\n  [\n    'ds:inline-flex ds:flex-1 ds:items-center ds:justify-center',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:[min-inline-size:var(--min-target-size)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--primary-hover)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst typedInputVariants = cva(\n  [\n    'ds:block ds:inline-size-full',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    // A text field: the 3:1 `--control-border` edge, like TextInput's.\n    'ds:border ds:border-[color:var(--control-border)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:font-[family-name:var(--font-sans)]',\n    'ds:italic',\n    'ds:tracking-[0.1em]',\n    'ds:text-[length:var(--font-size-lg)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst typedPreviewVariants = cva(\n  [\n    'ds:flex ds:items-center ds:justify-center',\n    // Match the pad frame: responsive width capped at the configured size.\n    // Arbitrary-property form (the named `*-size-[…]` utilities are no-ops here).\n    'ds:[inline-size:100%]',\n    'ds:[max-inline-size:var(--signature-width)]',\n    'ds:[block-size:var(--signature-height)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:font-[family-name:var(--font-sans)]',\n    'ds:italic',\n    'ds:tracking-[0.1em]',\n    'ds:text-[length:var(--font-size-2xl)]',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\ntype SignatureState = 'empty' | 'drawing' | 'captured' | 'cleared';\n\n/**\n * Resolve a CSS custom property against `document.documentElement`. We\n * can't pass `var(--foreground)` to signature_pad directly — the lib\n * stamps the string straight into `ctx.strokeStyle`, which only accepts\n * concrete colour values. Looking the variable up at runtime keeps the\n * component in tokens-only compliance.\n */\nfunction resolveCssVar(name: string): string {\n  if (typeof document === 'undefined') return '';\n  const value = getComputedStyle(document.documentElement)\n    .getPropertyValue(name)\n    .trim();\n  return value;\n}\n\nfunction toCssSize(v: number | string | undefined, fallback: string): string {\n  if (typeof v === 'number') return `${v}px`;\n  if (typeof v === 'string' && v.length > 0) return v;\n  return fallback;\n}\n\n/**\n * Parse a pixel value, returning `null` for non-pixel strings (e.g.\n * \"100%\", \"50vw\") so the caller can fall back to the measured rect.\n * parseFloat(\"100%\") would silently return 100 — a 100mm-wide export\n * masquerading as 26mm. Allow only digits, dot, minus, whitespace, \"px\".\n */\nfunction parsePxValue(v: string): number | null {\n  if (typeof v === 'string' && /[^0-9.\\s\\-px]/i.test(v)) return null;\n  const n = parseFloat(v);\n  if (!Number.isFinite(n)) return null;\n  return n;\n}\n\n/** Hex-encode a Uint8Array. */\nfunction toHex(bytes: Uint8Array): string {\n  let out = '';\n  for (let i = 0; i < bytes.length; i += 1) {\n    const b = bytes[i];\n    out += b.toString(16).padStart(2, '0');\n  }\n  return out;\n}\n\n/** Decode a base64 string into bytes without `atob` polyfills. */\nfunction base64ToBytes(b64: string): Uint8Array {\n  if (typeof atob === 'function') {\n    const bin = atob(b64);\n    const bytes = new Uint8Array(bin.length);\n    for (let i = 0; i < bin.length; i += 1) bytes[i] = bin.charCodeAt(i);\n    return bytes;\n  }\n  // Fallback — node-style Buffer, gated behind a runtime check.\n  const g = globalThis as {\n    Buffer?: { from: (s: string, enc: string) => Uint8Array };\n  };\n  if (g.Buffer) return g.Buffer.from(b64, 'base64');\n  return new Uint8Array();\n}\n\nasync function sha256Hex(bytes: Uint8Array): Promise<string> {\n  const g = globalThis as { crypto?: Crypto };\n  if (g.crypto?.subtle) {\n    // Copy the bytes into a fresh ArrayBuffer so the slice is always an\n    // ArrayBuffer (never a SharedArrayBuffer) — SubtleCrypto's BufferSource\n    // narrowing doesn't accept the latter.\n    const copy = new Uint8Array(bytes.byteLength);\n    copy.set(bytes);\n    const digest = await g.crypto.subtle.digest('SHA-256', copy.buffer);\n    return toHex(new Uint8Array(digest));\n  }\n  // No subtle crypto — return empty so callers can still use the rest\n  // of the payload. Test env is expected to stub crypto.subtle.\n  return '';\n}\n\n/**\n * Render the typed fallback string onto an offscreen canvas and return\n * it. Used by the confirm path when the user has typed their name\n * instead of drawing. Size is fixed at `32px italic` because Canvas2D\n * resolves fonts eagerly and can't expand `var(--font-size-*)`.\n */\nfunction renderTypedSignatureToCanvas(\n  text: string,\n  cssWidth: number,\n  cssHeight: number,\n  penColor: string,\n  backgroundColor: string,\n): HTMLCanvasElement {\n  const dpr = Math.max(\n    1,\n    typeof window !== 'undefined' ? window.devicePixelRatio : 1,\n  );\n  const canvas = document.createElement('canvas');\n  canvas.width = Math.floor(cssWidth * dpr);\n  canvas.height = Math.floor(cssHeight * dpr);\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return canvas;\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  // Fill background with the token-resolved colour.\n  ctx.fillStyle = backgroundColor || 'transparent';\n  ctx.fillRect(0, 0, cssWidth, cssHeight);\n  // Draw the typed signature centred.\n  ctx.fillStyle = penColor || 'currentColor';\n  ctx.font = '32px italic sans-serif';\n  ctx.textAlign = 'center';\n  ctx.textBaseline = 'middle';\n  ctx.fillText(text, cssWidth / 2, cssHeight / 2, cssWidth - 16);\n  return canvas;\n}\n\n/* ------------------------------------------------------------------ */\n/* SignatureCapture                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const SignatureCapture = forwardRef<\n  SignatureCaptureHandle,\n  SignatureCaptureProps\n>(\n  (\n    {\n      id,\n      onConfirm,\n      onClear,\n      onStart,\n      width = 400,\n      height = 200,\n      penColor,\n      backgroundColor,\n      allowTypedFallback = true,\n      name,\n      disabled = false,\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const rawId = useId();\n    const idSafe = useMemo(\n      () => `sig-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const liveRegionId = `${idSafe}-live`;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const padFrameRef = useRef<HTMLDivElement>(null);\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const typedPreviewRef = useRef<HTMLDivElement>(null);\n    const signaturePadRef = useRef<SignaturePad | null>(null);\n\n    const [mode, setMode] = useState<'draw' | 'typed'>('draw');\n    const [typedValue, setTypedValue] = useState('');\n    // Mirrors the last confirmed PNG data URL into a hidden form field when\n    // `name` is set, so consumers can POST the signature declaratively.\n    const [boundValue, setBoundValue] = useState('');\n    // Tracks whether the pad has any ink — gates the Confirm button.\n    // signature_pad's isEmpty() is a sync ref read and won't trigger\n    // re-renders; this state mirrors it so React sees the change.\n    const [padHasInk, setPadHasInk] = useState(false);\n    // Retained state — consumers may subscribe to the pad's lifecycle via\n    // `onConfirm`/`onClear`/`onStart`; we still track the machine internally\n    // so the live region + confirm button stay coherent.\n    const signatureStateRef = useRef<SignatureState>('empty');\n    const [announcement, setAnnouncement] = useState<string>('');\n    const [resolvedPen, setResolvedPen] = useState<string>('');\n    const [resolvedBg, setResolvedBg] = useState<string>('');\n\n    // Stable callback refs so we can wire signature_pad once without\n    // re-instantiating on every render.\n    const onStartRef = useRef<SignatureCaptureProps['onStart']>(onStart);\n    const onClearRef = useRef<SignatureCaptureProps['onClear']>(onClear);\n    const onConfirmRef = useRef<SignatureCaptureProps['onConfirm']>(onConfirm);\n    useEffect(() => {\n      onStartRef.current = onStart;\n      onClearRef.current = onClear;\n      onConfirmRef.current = onConfirm;\n    }, [onStart, onClear, onConfirm]);\n\n    /* ---- Announce helper ---------------------------------------- */\n    const announce = useCallback(\n      (next: SignatureState) => {\n        signatureStateRef.current = next;\n        setAnnouncement(t(`signature.state.${next}`));\n      },\n      [t],\n    );\n\n    /* ---- Resolve tokens ----------------------------------------- */\n    useEffect(() => {\n      if (typeof document === 'undefined') return undefined;\n      function resolveAll(): void {\n        const pen = penColor ?? resolveCssVar('--foreground');\n        const bg = backgroundColor ?? resolveCssVar('--background');\n        // Fall back to `currentColor` / `transparent` — keyword literals\n        // are token-neutral and honour the surrounding theme even when\n        // the CSS variable is briefly unavailable (SSR, initial paint).\n        setResolvedPen(pen || 'currentColor');\n        setResolvedBg(bg || 'transparent');\n      }\n      resolveAll();\n      // Watch for theme-class changes on <html>.\n      const mo = new MutationObserver(() => {\n        resolveAll();\n      });\n      mo.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => mo.disconnect();\n    }, [penColor, backgroundColor]);\n\n    /* ---- Apply colour changes to an existing pad ---------------- */\n    useEffect(() => {\n      const pad = signaturePadRef.current;\n      if (!pad) return;\n      if (resolvedPen) pad.penColor = resolvedPen;\n      if (resolvedBg) pad.backgroundColor = resolvedBg;\n    }, [resolvedPen, resolvedBg]);\n\n    /* ---- Instantiate signature_pad ------------------------------ */\n    useEffect(() => {\n      if (mode !== 'draw') return undefined;\n      const canvas = canvasRef.current;\n      if (!canvas) return undefined;\n\n      const pad = new SignaturePad(canvas, {\n        penColor: resolvedPen || 'currentColor',\n        backgroundColor: resolvedBg || 'transparent',\n        minWidth: 0.5,\n        maxWidth: 2.5,\n        velocityFilterWeight: 0.7,\n      });\n      signaturePadRef.current = pad;\n\n      const handleBegin = (): void => {\n        setPadHasInk(true);\n        announce('drawing');\n        onStartRef.current?.();\n      };\n      const handleEnd = (): void => {\n        // Keep state as 'drawing' — transition to 'captured' on confirm.\n      };\n      pad.addEventListener('beginStroke', handleBegin);\n      pad.addEventListener('endStroke', handleEnd);\n\n      // Initial DPR scale + announcement.\n      scaleCanvas(canvas);\n      announce('empty');\n\n      return () => {\n        pad.removeEventListener('beginStroke', handleBegin);\n        pad.removeEventListener('endStroke', handleEnd);\n        // Clear strokes from memory; 08-third-party §Signature Pad.\n        pad.clear();\n        pad.off();\n        signaturePadRef.current = null;\n      };\n      // We intentionally re-create the pad only when switching between\n      // typed and draw modes. Color updates flow through the effect above.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mode]);\n\n    /* ---- Disabled state ----------------------------------------- */\n    useEffect(() => {\n      const pad = signaturePadRef.current;\n      if (!pad) return;\n      if (disabled) pad.off();\n      else pad.on();\n    }, [disabled, mode]);\n\n    /* ---- DPR + ResizeObserver ----------------------------------- */\n    // Hard-cap backing-store dimensions to bound memory. 4096 px × 4096 px at\n    // 4 bytes per pixel is ~67 MB — generous for any realistic signature, but\n    // well under the multi-GB allocation a careless or malicious prop could\n    // request on a high-DPR display. See security-hardening.mdx.\n    const MAX_CANVAS_PX = 4096;\n    const scaleCanvas = useCallback(\n      (canvas: HTMLCanvasElement) => {\n        const rect = canvas.getBoundingClientRect();\n        const dpr = Math.max(\n          1,\n          typeof window !== 'undefined' ? window.devicePixelRatio : 1,\n        );\n        const rawWidth = Math.max(1, Math.floor(rect.width * dpr));\n        const rawHeight = Math.max(1, Math.floor(rect.height * dpr));\n        const targetWidth = Math.min(rawWidth, MAX_CANVAS_PX);\n        const targetHeight = Math.min(rawHeight, MAX_CANVAS_PX);\n        if (\n          import.meta.env.DEV &&\n          (rawWidth !== targetWidth || rawHeight !== targetHeight)\n        ) {\n          // Silent in production; a consumer shipping 10k × 10k probably wants\n          // the nudge.\n          console.warn(\n            `[SignatureCapture] clamped canvas backing store from ${rawWidth}x${rawHeight} to ${targetWidth}x${targetHeight} (cap = ${MAX_CANVAS_PX}px).`,\n          );\n        }\n        if (canvas.width === targetWidth && canvas.height === targetHeight)\n          return;\n\n        const pad = signaturePadRef.current;\n        const prior = pad ? pad.toData() : null;\n        canvas.width = targetWidth;\n        canvas.height = targetHeight;\n        const ctx = canvas.getContext('2d');\n        if (ctx) ctx.scale(dpr, dpr);\n        if (pad) {\n          if (resolvedBg) pad.backgroundColor = resolvedBg;\n          if (resolvedPen) pad.penColor = resolvedPen;\n          pad.clear();\n          if (prior && prior.length > 0) {\n            pad.fromData(prior);\n          }\n        }\n      },\n      [resolvedBg, resolvedPen],\n    );\n\n    useEffect(() => {\n      const canvas = canvasRef.current;\n      if (!canvas) return undefined;\n      if (typeof ResizeObserver === 'undefined') {\n        scaleCanvas(canvas);\n        return undefined;\n      }\n      const ro = new ResizeObserver(() => {\n        scaleCanvas(canvas);\n      });\n      ro.observe(canvas);\n      return () => ro.disconnect();\n    }, [scaleCanvas]);\n\n    /* ---- Imperative handle -------------------------------------- */\n    const clear = useCallback(() => {\n      const pad = signaturePadRef.current;\n      if (pad) pad.clear();\n      setTypedValue('');\n      setBoundValue('');\n      setPadHasInk(false);\n      announce('cleared');\n      onClearRef.current?.();\n    }, [announce]);\n\n    const undo = useCallback(() => {\n      const pad = signaturePadRef.current;\n      if (!pad) return;\n      const data = pad.toData();\n      if (!data || data.length === 0) return;\n      data.pop();\n      pad.fromData(data);\n      if (data.length === 0) {\n        setPadHasInk(false);\n        announce('empty');\n      }\n    }, [announce]);\n\n    const isEmpty = useCallback((): boolean => {\n      if (mode === 'typed') return typedValue.trim().length === 0;\n      const pad = signaturePadRef.current;\n      return pad ? pad.isEmpty() : true;\n    }, [mode, typedValue]);\n\n    const confirm =\n      useCallback(async (): Promise<SignatureConfirmPayload | null> => {\n        // parsePxValue returns null for \"100%\" / \"50vw\" etc. — fall back\n        // to the live rendered rect so widthMm reflects reality, not a\n        // mis-parsed parseFloat(\"100%\") = 100.\n        const widthParsed = parsePxValue(\n          typeof width === 'number' ? `${width}` : String(width),\n        );\n        const heightParsed = parsePxValue(\n          typeof height === 'number' ? `${height}` : String(height),\n        );\n        const measureEl =\n          mode === 'draw'\n            ? (canvasRef.current ?? padFrameRef.current ?? wrapperRef.current)\n            : (typedPreviewRef.current ?? wrapperRef.current);\n        const measuredRect = measureEl?.getBoundingClientRect();\n        const cssWidth =\n          widthParsed ?? (measuredRect ? measuredRect.width : 400);\n        const cssHeight =\n          heightParsed ?? (measuredRect ? measuredRect.height : 200);\n\n        let pngDataUrl = '';\n        let svgString = '';\n        let strokes: PointGroup[] | undefined;\n\n        if (mode === 'draw') {\n          const pad = signaturePadRef.current;\n          if (!pad || pad.isEmpty()) return null;\n          pngDataUrl = pad.toDataURL('image/png');\n          svgString = pad.toSVG();\n          strokes = pad.toData();\n        } else {\n          const value = typedValue.trim();\n          if (value.length === 0) return null;\n          const offscreen = renderTypedSignatureToCanvas(\n            value,\n            cssWidth,\n            cssHeight,\n            resolvedPen || 'currentColor',\n            resolvedBg || 'transparent',\n          );\n          pngDataUrl = offscreen.toDataURL('image/png');\n          // Inline SVG — we can't call toSVG() because signature_pad isn't\n          // driving the canvas. Build a minimal SVG with the rendered text.\n          const safeText = value\n            .replace(/&/g, '&amp;')\n            .replace(/</g, '&lt;')\n            .replace(/>/g, '&gt;')\n            .replace(/\"/g, '&quot;')\n            .replace(/'/g, '&#39;');\n          svgString =\n            `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${cssWidth} ${cssHeight}\" width=\"${cssWidth}\" height=\"${cssHeight}\">` +\n            `<text x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"sans-serif\" font-style=\"italic\" font-size=\"32\" fill=\"${resolvedPen || 'currentColor'}\" letter-spacing=\"3\">${safeText}</text>` +\n            `</svg>`;\n        }\n\n        // 96 CSS px = 25.4 mm (per W3C CSS absolute length definition).\n        const widthMm = (cssWidth * 25.4) / 96;\n        const heightMm = (cssHeight * 25.4) / 96;\n        const capturedAt = new Date().toISOString();\n\n        // Compute SHA-256 of the PNG bytes.\n        let sha256 = '';\n        if (pngDataUrl) {\n          const commaIx = pngDataUrl.indexOf(',');\n          const b64 = commaIx >= 0 ? pngDataUrl.slice(commaIx + 1) : '';\n          const bytes = base64ToBytes(b64);\n          sha256 = await sha256Hex(bytes);\n        }\n\n        const payload: SignatureConfirmPayload = {\n          png: pngDataUrl,\n          svg: svgString,\n          widthMm,\n          heightMm,\n          capturedAt,\n          sha256,\n          strokes,\n        };\n\n        announce('captured');\n        if (name) setBoundValue(payload.png);\n        onConfirmRef.current?.(payload);\n        return payload;\n      }, [\n        mode,\n        typedValue,\n        width,\n        height,\n        resolvedPen,\n        resolvedBg,\n        announce,\n        name,\n      ]);\n\n    const agentHandle = useMemo<SignatureCaptureHandle>(\n      () => ({\n        clear,\n        undo,\n        isEmpty,\n        confirm,\n      }),\n      [clear, undo, isEmpty, confirm],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(signatureCaptureAgent, agentHandle, id);\n\n    /* ---- Derived UI state --------------------------------------- */\n    // Gate Confirm on React state, not the signature_pad ref — its\n    // isEmpty() doesn't trigger re-renders, leaving the button stale.\n    const hasContent =\n      mode === 'typed' ? typedValue.trim().length > 0 : padHasInk;\n    const confirmDisabled = disabled || !hasContent;\n    // Inline style — permitted per 23-constraints §Runtime-computed\n    // dimensions (CSS custom property setter for dynamic width/height\n    // from consumer props; the width rule lives in Tailwind arbitrary\n    // values that read --signature-width / --signature-height).\n    const sizeStyle: CSSProperties = {\n      ['--signature-width' as unknown as keyof CSSProperties]: toCssSize(\n        width,\n        'var(--signature-default-width)',\n      ),\n      ['--signature-height' as unknown as keyof CSSProperties]: toCssSize(\n        height,\n        'var(--signature-default-height)',\n      ),\n    } as CSSProperties;\n\n    /* ---- Render -------------------------------------------------- */\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"group\"\n        aria-label={ariaLabel ?? t('signature.padLabel')}\n        aria-disabled={disabled || undefined}\n        className={[wrapperVariants(), className].filter(Boolean).join(' ')}\n        // eslint-disable-next-line react/forbid-dom-props -- runtime-computed pad dimensions\n        style={sizeStyle}\n        data-component=\"signature-capture\"\n        data-component-id={id}\n      >\n        {name ? (\n          <input type=\"hidden\" name={name} value={boundValue} readOnly />\n        ) : null}\n        {mode === 'draw' ? (\n          <div ref={padFrameRef} className={padFrameVariants()}>\n            <canvas\n              ref={canvasRef}\n              role=\"img\"\n              aria-label={t('signature.padLabel')}\n              className={canvasVariants()}\n              data-testid=\"signature-canvas\"\n            />\n          </div>\n        ) : (\n          <label className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <span className=\"type-body-sm ds:text-[var(--muted-foreground)]\">\n              {t('signature.typedFallback.label')}\n            </span>\n            <input\n              type=\"text\"\n              value={typedValue}\n              onChange={(e) => {\n                setTypedValue(e.target.value);\n                if (e.target.value.length > 0) announce('drawing');\n                else announce('empty');\n              }}\n              placeholder={t('signature.typedFallback.placeholder')}\n              aria-label={t('signature.typedFallback.label')}\n              disabled={disabled}\n              className={typedInputVariants()}\n              data-testid=\"signature-typed-input\"\n            />\n            {typedValue ? (\n              <div\n                ref={typedPreviewRef}\n                className={typedPreviewVariants()}\n                aria-hidden=\"true\"\n              >\n                {typedValue}\n              </div>\n            ) : null}\n          </label>\n        )}\n\n        {/* Live region — state transitions (empty, drawing, captured, cleared) */}\n        <div\n          id={liveRegionId}\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n          data-testid=\"signature-live\"\n        >\n          {announcement}\n        </div>\n\n        <div\n          className={toolbarVariants()}\n          role=\"group\"\n          aria-label={t('signature.padLabel')}\n        >\n          <button\n            type=\"button\"\n            onClick={() => {\n              if (disabled) return;\n              clear();\n            }}\n            aria-disabled={disabled || undefined}\n            aria-label={t('signature.clear')}\n            className={actionButtonVariants()}\n          >\n            <Eraser aria-hidden=\"true\" className=\"ds:size-4\" />\n            <span className={actionCaptionVariants()}>\n              {t('signature.clear')}\n            </span>\n          </button>\n          {allowTypedFallback ? (\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (disabled) return;\n                setTypedValue('');\n                setMode((m) => (m === 'draw' ? 'typed' : 'draw'));\n                announce('cleared');\n              }}\n              aria-disabled={disabled || undefined}\n              aria-label={\n                mode === 'draw'\n                  ? t('signature.typedFallback.toggle')\n                  : t('signature.typedFallback.toggleDraw')\n              }\n              className={actionButtonVariants()}\n              aria-pressed={mode === 'typed'}\n            >\n              {mode === 'draw' ? (\n                <Type aria-hidden=\"true\" className=\"ds:size-4\" />\n              ) : (\n                <PenLine aria-hidden=\"true\" className=\"ds:size-4\" />\n              )}\n              <span className={actionCaptionVariants()}>\n                {mode === 'draw'\n                  ? t('signature.typedFallback.toggle')\n                  : t('signature.typedFallback.toggleDraw')}\n              </span>\n            </button>\n          ) : null}\n          <button\n            type=\"button\"\n            onClick={() => {\n              if (confirmDisabled) return;\n              void confirm();\n            }}\n            aria-disabled={confirmDisabled || undefined}\n            aria-describedby={liveRegionId}\n            aria-label={t('signature.confirm')}\n            className={confirmButtonVariants()}\n            data-testid=\"signature-confirm\"\n          >\n            <Check aria-hidden=\"true\" className=\"ds:size-4\" />\n            <span className={actionCaptionVariants()}>\n              {t('signature.confirm')}\n            </span>\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nSignatureCapture.displayName = 'SignatureCapture';\n\nexport {\n  wrapperVariants as signatureWrapperVariants,\n  actionButtonVariants as signatureActionButtonVariants,\n  confirmButtonVariants as signatureConfirmButtonVariants,\n};\n"],"names":["signatureCaptureAgent","handle","wrapperVariants","cva","padFrameVariants","canvasVariants","toolbarVariants","actionCaptionVariants","actionButtonVariants","confirmButtonVariants","typedInputVariants","typedPreviewVariants","resolveCssVar","name","toCssSize","v","fallback","parsePxValue","toHex","bytes","out","i","b","base64ToBytes","b64","bin","g","sha256Hex","_a","copy","digest","renderTypedSignatureToCanvas","text","cssWidth","cssHeight","penColor","backgroundColor","dpr","canvas","ctx","SignatureCapture","forwardRef","id","onConfirm","onClear","onStart","width","height","allowTypedFallback","disabled","ariaLabel","className","ref","t","useTranslation","rawId","useId","liveRegionId","useMemo","wrapperRef","useRef","padFrameRef","canvasRef","typedPreviewRef","signaturePadRef","mode","setMode","useState","typedValue","setTypedValue","boundValue","setBoundValue","padHasInk","setPadHasInk","signatureStateRef","announcement","setAnnouncement","resolvedPen","setResolvedPen","resolvedBg","setResolvedBg","onStartRef","onClearRef","onConfirmRef","useEffect","announce","useCallback","next","resolveAll","pen","bg","mo","pad","SignaturePad","handleBegin","handleEnd","scaleCanvas","MAX_CANVAS_PX","rect","rawWidth","rawHeight","targetWidth","targetHeight","prior","ro","clear","undo","data","isEmpty","confirm","widthParsed","heightParsed","measureEl","measuredRect","pngDataUrl","svgString","strokes","value","safeText","widthMm","heightMm","capturedAt","sha256","commaIx","payload","agentHandle","useImperativeHandle","useAgentRegistration","hasContent","confirmDisabled","sizeStyle","jsxs","jsx","Eraser","m","Type","PenLine","Check"],"mappings":";;;;;;;;;;AAGO,MAAMA,KAA8D;AAAA,EACzE,IAAI;AAAA;AAAA;AAAA,EAGJ,cAAc,CAAC,WAAW,QAAQ;AAAA,EAClC,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,EACnC;AAAA,EAEF,SAAS;AAAA,IACP,OAAO;AAAA;AAAA,MAEL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,MAAM;AAAA;AAAA,MAEJ,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,KAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA;AAAA,MAEP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,eAAe;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,MAAM;AAAA,YACN,aAAa;AAAA,YACb,YAAY;AAAA,cACV,SAAS;AAAA,gBACP,MAAM;AAAA,gBACN,aAAa;AAAA,cAAA;AAAA,cAEf,YAAY;AAAA,gBACV,MAAM;AAAA,gBACN,aAAa;AAAA,cAAA;AAAA,YACf;AAAA,YAEF,UAAU,CAAC,SAAS;AAAA,UAAA;AAAA,UAEtB;AAAA,YACE,MAAM;AAAA,YACN,aAAa;AAAA,UAAA;AAAA,QACf;AAAA,MACF;AAAA,MAEF,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,EACrC;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,oBAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GC8CMC,KAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,KAAmBD;AAAA,EACvB;AAAA,IACE;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEME,KAAiBF;AAAA,EACrB;AAAA,IACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAQMG,KAAkBH;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAKMI,IAAwBJ,EAAI,yCAAyC,GAKrEK,KAAuBL;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMM,KAAwBN;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMO,KAAqBP;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMQ,KAAuBR;AAAA,EAC3B;AAAA,IACE;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AAeA,SAASS,GAAcC,GAAsB;AAC3C,SAAI,OAAO,WAAa,MAAoB,KAC9B,iBAAiB,SAAS,eAAe,EACpD,iBAAiBA,CAAI,EACrB,KAAA;AAEL;AAEA,SAASC,GAAUC,GAAgCC,GAA0B;AAC3E,SAAI,OAAOD,KAAM,WAAiB,GAAGA,CAAC,OAClC,OAAOA,KAAM,YAAYA,EAAE,SAAS,IAAUA,IAC3CC;AACT;AAQA,SAASC,GAAaF,GAA0B;AAC9C,MAAI,OAAOA,KAAM,YAAY,iBAAiB,KAAKA,CAAC,EAAG,QAAO;AAC9D,QAAM,IAAI,WAAWA,CAAC;AACtB,SAAK,OAAO,SAAS,CAAC,IACf,IADyB;AAElC;AAGA,SAASG,GAAMC,GAA2B;AACxC,MAAIC,IAAM;AACV,WAASC,IAAI,GAAGA,IAAIF,EAAM,QAAQE,KAAK,GAAG;AACxC,UAAMC,IAAIH,EAAME,CAAC;AACjB,IAAAD,KAAOE,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAAA,EACvC;AACA,SAAOF;AACT;AAGA,SAASG,GAAcC,GAAyB;AAC9C,MAAI,OAAO,QAAS,YAAY;AAC9B,UAAMC,IAAM,KAAKD,CAAG,GACdL,IAAQ,IAAI,WAAWM,EAAI,MAAM;AACvC,aAAS,IAAI,GAAG,IAAIA,EAAI,QAAQ,KAAK,EAAG,CAAAN,EAAM,CAAC,IAAIM,EAAI,WAAW,CAAC;AACnE,WAAON;AAAA,EACT;AAEA,QAAMO,IAAI;AAGV,SAAIA,EAAE,SAAeA,EAAE,OAAO,KAAKF,GAAK,QAAQ,IACzC,IAAI,WAAA;AACb;AAEA,eAAeG,GAAUR,GAAoC;;AAC3D,QAAMO,IAAI;AACV,OAAIE,IAAAF,EAAE,WAAF,QAAAE,EAAU,QAAQ;AAIpB,UAAMC,IAAO,IAAI,WAAWV,EAAM,UAAU;AAC5C,IAAAU,EAAK,IAAIV,CAAK;AACd,UAAMW,IAAS,MAAMJ,EAAE,OAAO,OAAO,OAAO,WAAWG,EAAK,MAAM;AAClE,WAAOX,GAAM,IAAI,WAAWY,CAAM,CAAC;AAAA,EACrC;AAGA,SAAO;AACT;AAQA,SAASC,GACPC,GACAC,GACAC,GACAC,GACAC,GACmB;AACnB,QAAMC,IAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,SAAW,MAAc,OAAO,mBAAmB;AAAA,EAAA,GAEtDC,IAAS,SAAS,cAAc,QAAQ;AAC9C,EAAAA,EAAO,QAAQ,KAAK,MAAML,IAAWI,CAAG,GACxCC,EAAO,SAAS,KAAK,MAAMJ,IAAYG,CAAG;AAC1C,QAAME,IAAMD,EAAO,WAAW,IAAI;AAClC,SAAKC,MACLA,EAAI,aAAaF,GAAK,GAAG,GAAGA,GAAK,GAAG,CAAC,GAErCE,EAAI,YAAYH,GAChBG,EAAI,SAAS,GAAG,GAAGN,GAAUC,CAAS,GAEtCK,EAAI,YAAYJ,GAChBI,EAAI,OAAO,0BACXA,EAAI,YAAY,UAChBA,EAAI,eAAe,UACnBA,EAAI,SAASP,GAAMC,IAAW,GAAGC,IAAY,GAAGD,IAAW,EAAE,IACtDK;AACT;AAMO,MAAME,KAAmBC;AAAA,EAI9B,CACE;AAAA,IACE,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAZ;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAY,KAAqB;AAAA,IACrB,MAAAnC;AAAA,IACA,UAAAoC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,OACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAe,IAAI,GAC3BC,IAAQC,GAAA,GAKRC,IAAe,GAJNC;AAAA,MACb,MAAM,OAAOH,EAAM,QAAQ,mBAAmB,EAAE,CAAC;AAAA,MACjD,CAACA,CAAK;AAAA,IAAA,CAEsB,SAExBI,IAAaC,EAAuB,IAAI,GACxCC,IAAcD,EAAuB,IAAI,GACzCE,IAAYF,EAA0B,IAAI,GAC1CG,IAAkBH,EAAuB,IAAI,GAC7CI,IAAkBJ,EAA4B,IAAI,GAElD,CAACK,GAAMC,EAAO,IAAIC,EAA2B,MAAM,GACnD,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GAGzC,CAACG,IAAYC,CAAa,IAAIJ,EAAS,EAAE,GAIzC,CAACK,IAAWC,CAAY,IAAIN,EAAS,EAAK,GAI1CO,KAAoBd,EAAuB,OAAO,GAClD,CAACe,IAAcC,EAAe,IAAIT,EAAiB,EAAE,GACrD,CAACU,GAAaC,EAAc,IAAIX,EAAiB,EAAE,GACnD,CAACY,GAAYC,EAAa,IAAIb,EAAiB,EAAE,GAIjDc,IAAarB,EAAyCf,CAAO,GAC7DqC,IAAatB,EAAyChB,CAAO,GAC7DuC,IAAevB,EAA2CjB,CAAS;AACzE,IAAAyC,EAAU,MAAM;AACd,MAAAH,EAAW,UAAUpC,GACrBqC,EAAW,UAAUtC,GACrBuC,EAAa,UAAUxC;AAAA,IACzB,GAAG,CAACE,GAASD,GAASD,CAAS,CAAC;AAGhC,UAAM0C,IAAWC;AAAA,MACf,CAACC,MAAyB;AACxB,QAAAb,GAAkB,UAAUa,GAC5BX,GAAgBvB,EAAE,mBAAmBkC,CAAI,EAAE,CAAC;AAAA,MAC9C;AAAA,MACA,CAAClC,CAAC;AAAA,IAAA;AAIJ,IAAA+B,EAAU,MAAM;AACd,UAAI,OAAO,WAAa,IAAa;AACrC,eAASI,IAAmB;AAC1B,cAAMC,IAAMtD,KAAYvB,GAAc,cAAc,GAC9C8E,IAAKtD,KAAmBxB,GAAc,cAAc;AAI1D,QAAAkE,GAAeW,KAAO,cAAc,GACpCT,GAAcU,KAAM,aAAa;AAAA,MACnC;AACA,MAAAF,EAAA;AAEA,YAAMG,IAAK,IAAI,iBAAiB,MAAM;AACpC,QAAAH,EAAA;AAAA,MACF,CAAC;AACD,aAAAG,EAAG,QAAQ,SAAS,iBAAiB;AAAA,QACnC,YAAY;AAAA,QACZ,iBAAiB,CAAC,OAAO;AAAA,MAAA,CAC1B,GACM,MAAMA,EAAG,WAAA;AAAA,IAClB,GAAG,CAACxD,GAAUC,CAAe,CAAC,GAG9BgD,EAAU,MAAM;AACd,YAAMQ,IAAM5B,EAAgB;AAC5B,MAAK4B,MACDf,QAAiB,WAAWA,IAC5BE,QAAgB,kBAAkBA;AAAA,IACxC,GAAG,CAACF,GAAaE,CAAU,CAAC,GAG5BK,EAAU,MAAM;AACd,UAAInB,MAAS,OAAQ;AACrB,YAAM3B,IAASwB,EAAU;AACzB,UAAI,CAACxB,EAAQ;AAEb,YAAMsD,IAAM,IAAIC,GAAavD,GAAQ;AAAA,QACnC,UAAUuC,KAAe;AAAA,QACzB,iBAAiBE,KAAc;AAAA,QAC/B,UAAU;AAAA,QACV,UAAU;AAAA,QACV,sBAAsB;AAAA,MAAA,CACvB;AACD,MAAAf,EAAgB,UAAU4B;AAE1B,YAAME,IAAc,MAAY;;AAC9B,QAAArB,EAAa,EAAI,GACjBY,EAAS,SAAS,IAClBzD,IAAAqD,EAAW,YAAX,QAAArD,EAAA,KAAAqD;AAAA,MACF,GACMc,IAAY,MAAY;AAAA,MAE9B;AACA,aAAAH,EAAI,iBAAiB,eAAeE,CAAW,GAC/CF,EAAI,iBAAiB,aAAaG,CAAS,GAG3CC,EAAY1D,CAAM,GAClB+C,EAAS,OAAO,GAET,MAAM;AACX,QAAAO,EAAI,oBAAoB,eAAeE,CAAW,GAClDF,EAAI,oBAAoB,aAAaG,CAAS,GAE9CH,EAAI,MAAA,GACJA,EAAI,IAAA,GACJ5B,EAAgB,UAAU;AAAA,MAC5B;AAAA,IAIF,GAAG,CAACC,CAAI,CAAC,GAGTmB,EAAU,MAAM;AACd,YAAMQ,IAAM5B,EAAgB;AAC5B,MAAK4B,MACD3C,MAAc,IAAA,MACT,GAAA;AAAA,IACX,GAAG,CAACA,GAAUgB,CAAI,CAAC;AAOnB,UAAMgC,KAAgB,MAChBD,IAAcV;AAAA,MAClB,CAAChD,MAA8B;AAC7B,cAAM4D,IAAO5D,EAAO,sBAAA,GACdD,IAAM,KAAK;AAAA,UACf;AAAA,UACA,OAAO,SAAW,MAAc,OAAO,mBAAmB;AAAA,QAAA,GAEtD8D,IAAW,KAAK,IAAI,GAAG,KAAK,MAAMD,EAAK,QAAQ7D,CAAG,CAAC,GACnD+D,IAAY,KAAK,IAAI,GAAG,KAAK,MAAMF,EAAK,SAAS7D,CAAG,CAAC,GACrDgE,IAAc,KAAK,IAAIF,GAAUF,EAAa,GAC9CK,IAAe,KAAK,IAAIF,GAAWH,EAAa;AAWtD,YAAI3D,EAAO,UAAU+D,KAAe/D,EAAO,WAAWgE;AACpD;AAEF,cAAMV,IAAM5B,EAAgB,SACtBuC,IAAQX,IAAMA,EAAI,OAAA,IAAW;AACnC,QAAAtD,EAAO,QAAQ+D,GACf/D,EAAO,SAASgE;AAChB,cAAM/D,IAAMD,EAAO,WAAW,IAAI;AAClC,QAAIC,KAAKA,EAAI,MAAMF,GAAKA,CAAG,GACvBuD,MACEb,QAAgB,kBAAkBA,IAClCF,QAAiB,WAAWA,IAChCe,EAAI,MAAA,GACAW,KAASA,EAAM,SAAS,KAC1BX,EAAI,SAASW,CAAK;AAAA,MAGxB;AAAA,MACA,CAACxB,GAAYF,CAAW;AAAA,IAAA;AAG1B,IAAAO,EAAU,MAAM;AACd,YAAM9C,IAASwB,EAAU;AACzB,UAAI,CAACxB,EAAQ;AACb,UAAI,OAAO,iBAAmB,KAAa;AACzC,QAAA0D,EAAY1D,CAAM;AAClB;AAAA,MACF;AACA,YAAMkE,IAAK,IAAI,eAAe,MAAM;AAClC,QAAAR,EAAY1D,CAAM;AAAA,MACpB,CAAC;AACD,aAAAkE,EAAG,QAAQlE,CAAM,GACV,MAAMkE,EAAG,WAAA;AAAA,IAClB,GAAG,CAACR,CAAW,CAAC;AAGhB,UAAMS,IAAQnB,EAAY,MAAM;;AAC9B,YAAMM,IAAM5B,EAAgB;AAC5B,MAAI4B,OAAS,MAAA,GACbvB,EAAc,EAAE,GAChBE,EAAc,EAAE,GAChBE,EAAa,EAAK,GAClBY,EAAS,SAAS,IAClBzD,IAAAsD,EAAW,YAAX,QAAAtD,EAAA,KAAAsD;AAAA,IACF,GAAG,CAACG,CAAQ,CAAC,GAEPqB,KAAOpB,EAAY,MAAM;AAC7B,YAAMM,IAAM5B,EAAgB;AAC5B,UAAI,CAAC4B,EAAK;AACV,YAAMe,IAAOf,EAAI,OAAA;AACjB,MAAI,CAACe,KAAQA,EAAK,WAAW,MAC7BA,EAAK,IAAA,GACLf,EAAI,SAASe,CAAI,GACbA,EAAK,WAAW,MAClBlC,EAAa,EAAK,GAClBY,EAAS,OAAO;AAAA,IAEpB,GAAG,CAACA,CAAQ,CAAC,GAEPuB,KAAUtB,EAAY,MAAe;AACzC,UAAIrB,MAAS,QAAS,QAAOG,EAAW,KAAA,EAAO,WAAW;AAC1D,YAAMwB,IAAM5B,EAAgB;AAC5B,aAAO4B,IAAMA,EAAI,QAAA,IAAY;AAAA,IAC/B,GAAG,CAAC3B,GAAMG,CAAU,CAAC,GAEfyC,IACJvB,EAAY,YAAqD;;AAI/D,YAAMwB,IAAc7F;AAAA,QAClB,OAAO6B,KAAU,WAAW,GAAGA,CAAK,KAAK,OAAOA,CAAK;AAAA,MAAA,GAEjDiE,IAAe9F;AAAA,QACnB,OAAO8B,KAAW,WAAW,GAAGA,CAAM,KAAK,OAAOA,CAAM;AAAA,MAAA,GAEpDiE,IACJ/C,MAAS,SACJH,EAAU,WAAWD,EAAY,WAAWF,EAAW,UACvDI,EAAgB,WAAWJ,EAAW,SACvCsD,IAAeD,KAAA,gBAAAA,EAAW,yBAC1B/E,IACJ6E,MAAgBG,IAAeA,EAAa,QAAQ,MAChD/E,IACJ6E,MAAiBE,IAAeA,EAAa,SAAS;AAExD,UAAIC,IAAa,IACbC,IAAY,IACZC;AAEJ,UAAInD,MAAS,QAAQ;AACnB,cAAM2B,IAAM5B,EAAgB;AAC5B,YAAI,CAAC4B,KAAOA,EAAI,QAAA,EAAW,QAAO;AAClC,QAAAsB,IAAatB,EAAI,UAAU,WAAW,GACtCuB,IAAYvB,EAAI,MAAA,GAChBwB,IAAUxB,EAAI,OAAA;AAAA,MAChB,OAAO;AACL,cAAMyB,IAAQjD,EAAW,KAAA;AACzB,YAAIiD,EAAM,WAAW,EAAG,QAAO;AAQ/B,QAAAH,IAPkBnF;AAAA,UAChBsF;AAAA,UACApF;AAAA,UACAC;AAAA,UACA2C,KAAe;AAAA,UACfE,KAAc;AAAA,QAAA,EAEO,UAAU,WAAW;AAG5C,cAAMuC,IAAWD,EACd,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,OAAO;AACxB,QAAAF,IACE,wDAAwDlF,CAAQ,IAAIC,CAAS,YAAYD,CAAQ,aAAaC,CAAS,6IACoB2C,KAAe,cAAc,wBAAwByC,CAAQ;AAAA,MAE5M;AAGA,YAAMC,IAAWtF,IAAW,OAAQ,IAC9BuF,KAAYtF,IAAY,OAAQ,IAChCuF,MAAa,oBAAI,KAAA,GAAO,YAAA;AAG9B,UAAIC,KAAS;AACb,UAAIR,GAAY;AACd,cAAMS,IAAUT,EAAW,QAAQ,GAAG,GAChC1F,KAAMmG,KAAW,IAAIT,EAAW,MAAMS,IAAU,CAAC,IAAI,IACrDxG,IAAQI,GAAcC,EAAG;AAC/B,QAAAkG,KAAS,MAAM/F,GAAUR,CAAK;AAAA,MAChC;AAEA,YAAMyG,IAAmC;AAAA,QACvC,KAAKV;AAAA,QACL,KAAKC;AAAA,QACL,SAAAI;AAAA,QACA,UAAAC;AAAA,QACA,YAAAC;AAAA,QACA,QAAAC;AAAA,QACA,SAAAN;AAAA,MAAA;AAGF,aAAA/B,EAAS,UAAU,GACfxE,KAAM0D,EAAcqD,EAAQ,GAAG,IACnChG,KAAAuD,EAAa,YAAb,QAAAvD,GAAA,KAAAuD,GAAuByC,IAChBA;AAAA,IACT,GAAG;AAAA,MACD3D;AAAA,MACAG;AAAA,MACAtB;AAAA,MACAC;AAAA,MACA8B;AAAA,MACAE;AAAA,MACAM;AAAA,MACAxE;AAAA,IAAA,CACD,GAEGgH,IAAcnE;AAAA,MAClB,OAAO;AAAA,QACL,OAAA+C;AAAA,QACA,MAAAC;AAAA,QACA,SAAAE;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,MAEF,CAACJ,GAAOC,IAAME,IAASC,CAAO;AAAA,IAAA;AAEhC,IAAAiB,GAAoB1E,IAAK,MAAMyE,GAAa,CAACA,CAAW,CAAC,GACzDE,GAAqB/H,IAAuB6H,GAAanF,CAAE;AAK3D,UAAMsF,KACJ/D,MAAS,UAAUG,EAAW,OAAO,SAAS,IAAII,IAC9CyD,KAAkBhF,KAAY,CAAC+E,IAK/BE,KAA2B;AAAA,MAC9B,qBAAwDpH;AAAA,QACvDgC;AAAA,QACA;AAAA,MAAA;AAAA,MAED,sBAAyDhC;AAAA,QACxDiC;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAIF,WACE,gBAAAoF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKxE;AAAA,QACL,MAAK;AAAA,QACL,cAAYT,MAAaG,EAAE,oBAAoB;AAAA,QAC/C,iBAAeJ,KAAY;AAAA,QAC3B,WAAW,CAAC/C,GAAA,GAAmBiD,EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAElE,OAAO+E;AAAA,QACP,kBAAe;AAAA,QACf,qBAAmBxF;AAAA,QAElB,UAAA;AAAA,UAAA7B,IACC,gBAAAuH,EAAC,WAAM,MAAK,UAAS,MAAAvH,GAAY,OAAOyD,IAAY,UAAQ,GAAA,CAAC,IAC3D;AAAA,UACHL,MAAS,SACR,gBAAAmE,EAAC,OAAA,EAAI,KAAKvE,GAAa,WAAWzD,MAChC,UAAA,gBAAAgI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKtE;AAAA,cACL,MAAK;AAAA,cACL,cAAYT,EAAE,oBAAoB;AAAA,cAClC,WAAWhD,GAAA;AAAA,cACX,eAAY;AAAA,YAAA;AAAA,UAAA,EACd,CACF,IAEA,gBAAA8H,EAAC,SAAA,EAAM,WAAU,kDACf,UAAA;AAAA,YAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,kDACb,UAAA/E,EAAE,+BAA+B,GACpC;AAAA,YACA,gBAAA+E;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAOhE;AAAA,gBACP,UAAU,CAAC,MAAM;AACf,kBAAAC,EAAc,EAAE,OAAO,KAAK,GACxB,EAAE,OAAO,MAAM,SAAS,MAAY,SAAS,MACnC,OAAO;AAAA,gBACvB;AAAA,gBACA,aAAahB,EAAE,qCAAqC;AAAA,gBACpD,cAAYA,EAAE,+BAA+B;AAAA,gBAC7C,UAAAJ;AAAA,gBACA,WAAWvC,GAAA;AAAA,gBACX,eAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAEb0D,IACC,gBAAAgE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKrE;AAAA,gBACL,WAAWpD,GAAA;AAAA,gBACX,eAAY;AAAA,gBAEX,UAAAyD;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,UAAA,GACN;AAAA,UAIF,gBAAAgE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI3E;AAAA,cACJ,aAAU;AAAA,cACV,eAAY;AAAA,cACZ,WAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,gBAAAwD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW7H,GAAA;AAAA,cACX,MAAK;AAAA,cACL,cAAY+C,EAAE,oBAAoB;AAAA,cAElC,UAAA;AAAA,gBAAA,gBAAA8E;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,sBAAIlF,KACJwD,EAAA;AAAA,oBACF;AAAA,oBACA,iBAAexD,KAAY;AAAA,oBAC3B,cAAYI,EAAE,iBAAiB;AAAA,oBAC/B,WAAW7C,GAAA;AAAA,oBAEX,UAAA;AAAA,wCAAC6H,IAAA,EAAO,eAAY,QAAO,WAAU,aAAY;AAAA,wCAChD,QAAA,EAAK,WAAW9H,EAAA,GACd,UAAA8C,EAAE,iBAAiB,EAAA,CACtB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEDL,KACC,gBAAAmF;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,sBAAIlF,MACJoB,EAAc,EAAE,GAChBH,GAAQ,CAACoE,MAAOA,MAAM,SAAS,UAAU,MAAO,GAChDjD,EAAS,SAAS;AAAA,oBACpB;AAAA,oBACA,iBAAepC,KAAY;AAAA,oBAC3B,cAEMI,EADJY,MAAS,SACH,mCACA,oCADgC;AAAA,oBAGxC,WAAWzD,GAAA;AAAA,oBACX,gBAAcyD,MAAS;AAAA,oBAEtB,UAAA;AAAA,sBAAAA,MAAS,SACR,gBAAAmE,EAACG,IAAA,EAAK,eAAY,QAAO,WAAU,YAAA,CAAY,sBAE9CC,IAAA,EAAQ,eAAY,QAAO,WAAU,aAAY;AAAA,sBAEpD,gBAAAJ,EAAC,QAAA,EAAK,WAAW7H,KACd,UACG8C,EADHY,MAAS,SACJ,mCACA,oCADgC,GAExC;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAEA;AAAA,gBACJ,gBAAAkE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MAAM;AACb,sBAAIF,MACCpB,EAAA;AAAA,oBACP;AAAA,oBACA,iBAAeoB,MAAmB;AAAA,oBAClC,oBAAkBxE;AAAA,oBAClB,cAAYJ,EAAE,mBAAmB;AAAA,oBACjC,WAAW5C,GAAA;AAAA,oBACX,eAAY;AAAA,oBAEZ,UAAA;AAAA,wCAACgI,IAAA,EAAM,eAAY,QAAO,WAAU,aAAY;AAAA,wCAC/C,QAAA,EAAK,WAAWlI,EAAA,GACd,UAAA8C,EAAE,mBAAmB,EAAA,CACxB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAb,GAAiB,cAAc;"}

package/dist/_chunks/stat-Dno2ZihS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-Dno2ZihS.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useCountUp } from '../../hooks/use-count-up';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\n// `h-full` lets Stats grow to fill a flex / grid parent's cell, so a\n// row paired with taller cards (BenefitCard, Card, etc.) reads as a\n// matching set instead of mismatched heights. In a non-stretching\n// parent (block flow, inline) it's a no-op — block-size defers to\n// content as before. The flex-col inside still pins label/icon row\n// at the top and the number below, so growing the card adds the\n// extra space below the number instead of inserting it between\n// label and value.\nconst statVariants = cva('ds:flex ds:flex-col ds:h-full', {\n  variants: {\n    variant: {\n      default: 'ds:gap-[var(--spacing-xs)]',\n      outlined: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:border ds:border-[color:var(--border)]',\n        'ds:rounded-[var(--radius-md)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n      // White card surface with the shared card shadow + border —\n      // matches `Card variant=\"elevated\"` and `BenefitCard.elevated`\n      // tokens (`--card`, `--card-border`, `--shadow-card`,\n      // `--radius-lg`) so a grid of elevated Stats reads as a set of\n      // shaded panels without nesting a Card around each one. The\n      // border is essential in dark mode: shadow alone on a dark\n      // surface loses contrast and the card boundary disappears.\n      // `--surface-border-width` bumps it to 2px in the accessible themes,\n      // matching Card / BenefitCard's 0.31.5 accessibility uplift.\n      elevated: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:bg-[var(--card)]',\n        'ds:text-[var(--card-foreground)]',\n        'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n        'ds:shadow-[var(--shadow-card)]',\n        'ds:rounded-[var(--radius-lg)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        // Forced-colors: UA strips shadow, so render a border as the\n        // separation cue — mirrors Card's forced-colors behaviour.\n        'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n      ].join(' '),\n      compact: 'ds:gap-[var(--spacing-none)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    align: {\n      start: 'ds:items-start ds:text-start',\n      center: 'ds:items-center ds:text-center',\n      end: 'ds:items-end ds:text-end',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    align: 'start',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — value element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva('type-metric', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-metric-size:var(--font-size-xl)]',\n      md: 'ds:[--type-metric-size:var(--font-size-3xl)]',\n      lg: 'ds:[--type-metric-size:var(--font-size-5xl)]',\n    },\n    variant: {\n      default: '',\n      outlined: '',\n      elevated: '',\n      compact: '',\n    },\n    // Colour of the headline metric value. Defaults to `--foreground`\n    // (the existing render). `primary` / `accent` are the brand intents\n    // — use for hero / marketing stats where the number IS the visual\n    // marker. `success` / `destructive` / `info` / `warning` map to the\n    // semantic tokens for KPI tiles that want to signal status via the\n    // value colour itself (e.g. revenue green, debt red). The trend\n    // chevron and the label colour are independent of this prop.\n    intent: {\n      foreground: 'ds:text-[var(--foreground)]',\n      primary: 'ds:text-[var(--primary)]',\n      accent: 'ds:text-[var(--accent)]',\n      success: 'ds:text-[var(--success)]',\n      destructive: 'ds:text-[var(--destructive)]',\n      info: 'ds:text-[var(--info)]',\n      warning: 'ds:text-[var(--warning)]',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'compact',\n      size: 'sm',\n      className: 'ds:[--type-metric-size:var(--font-size-lg)]',\n    },\n    {\n      variant: 'compact',\n      size: 'md',\n      className: 'ds:[--type-metric-size:var(--font-size-xl)]',\n    },\n    {\n      variant: 'compact',\n      size: 'lg',\n      className: 'ds:[--type-metric-size:var(--font-size-2xl)]',\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n    intent: 'foreground',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — trend element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label',\n  {\n    variants: {\n      // Whether the change is good news, not which way it went: with\n      // `trendPolarity=\"lower-is-better\"` a fall is `better`.\n      tone: {\n        better: 'ds:text-[var(--success)]',\n        worse: 'ds:text-[var(--destructive)]',\n        neutral: 'ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: {\n      tone: 'neutral',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported)                                  */\n/* ------------------------------------------------------------------ */\n\n/**\n * Which way is good news for a metric's trend. `neutral` is for a metric\n * where neither direction is good or bad news (a patient mix, a share).\n */\nexport type StatTrendPolarity =\n  | 'higher-is-better'\n  | 'lower-is-better'\n  | 'neutral';\n\ninterface StatTrendProps {\n  trend: 'up' | 'down' | 'flat';\n  delta: number | string;\n  deltaFormat?: 'decimal' | 'percent';\n  locale?: string;\n  polarity?: StatTrendPolarity;\n}\n\nconst ARROW = { up: '↑', down: '↓', flat: '→' } as const;\nconst TREND_KEY = {\n  up: 'stat.trend.up',\n  down: 'stat.trend.down',\n  flat: 'stat.trend.flat',\n} as const;\n\nfunction StatTrend({\n  trend,\n  delta,\n  deltaFormat = 'decimal',\n  locale,\n  polarity = 'higher-is-better',\n}: StatTrendProps) {\n  const { t, i18n } = useTranslation('ui');\n\n  const formattedDelta =\n    typeof delta === 'string'\n      ? delta\n      : new Intl.NumberFormat(locale ?? i18n.language, {\n          style: deltaFormat === 'percent' ? 'percent' : 'decimal',\n        }).format(deltaFormat === 'percent' ? delta / 100 : delta);\n\n  // The arrow follows the number; the colour and the spoken \"better\" or\n  // \"worse\" follow the polarity, so the meaning never rests on colour.\n  const tone =\n    trend === 'flat' || polarity === 'neutral'\n      ? 'neutral'\n      : (trend === 'up') === (polarity === 'higher-is-better')\n        ? 'better'\n        : 'worse';\n\n  return (\n    <span className={trendVariants({ tone })} data-trend-tone={tone}>\n      <span aria-hidden=\"true\">{ARROW[trend]}</span>\n      <span className=\"ds:sr-only\">{t(TREND_KEY[trend])}</span>\n      {formattedDelta}\n      {tone === 'neutral' ? null : (\n        <span className=\"ds:sr-only\">\n          {' '}\n          {t(tone === 'better' ? 'stat.trend.better' : 'stat.trend.worse')}\n        </span>\n      )}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Parse a string value into a numeric target for the count-up         */\n/* ------------------------------------------------------------------ */\n\ntype ParsedValue = {\n  /** Numeric target for the count-up. */\n  target: number;\n  /** Leading sign captured from the input string (e.g. \"+\" / \"-\"). */\n  sign: '' | '+' | '-';\n  /** Trailing shorthand suffix (e.g. \"K\" / \"M\" / \"B\") to re-append. */\n  suffix: string;\n};\n\n/**\n * Strip locale-aware separators, a leading sign, and the K/M/B\n * shorthand suffix from a pre-formatted string so the count-up has a\n * pure numeric target to animate towards. Returns `null` for any input\n * that can't be parsed — the caller short-circuits to static rendering\n * in that case.\n */\nfunction parseStatValue(raw: string, locale: string): ParsedValue | null {\n  const trimmed = raw.trim();\n  if (trimmed === '') return null;\n\n  // Capture leading sign so we can re-attach it every frame. Stat's\n  // marketing usage (\"+500.000\", \"-12\") often relies on it.\n  let sign: '' | '+' | '-' = '';\n  let body = trimmed;\n  if (body.startsWith('+')) {\n    sign = '+';\n    body = body.slice(1).trimStart();\n  } else if (body.startsWith('-') || body.startsWith('−')) {\n    // Hyphen-minus or the typographic minus sign — both treated as -.\n    sign = '-';\n    body = body.slice(1).trimStart();\n  }\n\n  // Trailing K / M / B shorthand (case-insensitive). Re-append verbatim\n  // so \"+1.5K\" renders as \"+1.5K\" at every frame.\n  let suffix = '';\n  const suffixMatch = body.match(/[KMB]$/i);\n  if (suffixMatch) {\n    suffix = suffixMatch[0];\n    body = body.slice(0, -1).trimEnd();\n  }\n\n  // Discover the locale's group + decimal glyphs from a probe value.\n  // formatToParts is the canonical way; we fall back to `.` decimal /\n  // `,` group if Intl can't tell us (no-locale envs).\n  let group = '';\n  let decimal = '.';\n  try {\n    const probe = new Intl.NumberFormat(locale).formatToParts(12345.6);\n    for (const part of probe) {\n      if (part.type === 'group') group = part.value;\n      else if (part.type === 'decimal') decimal = part.value;\n    }\n  } catch {\n    /* swallow — defaults already set */\n  }\n\n  // Heuristic for input strings that look like JS-native decimals\n  // (e.g. `\"1500.25\"`) regardless of the requested locale: if the body\n  // is a clean US-style decimal AND the fraction after the `.` is NOT\n  // a three-digit thousands group in a locale that uses `.` as the\n  // group separator, treat it as a direct numeric literal. This covers\n  // the common case where a caller types `value=\"1500.25\"` and expects\n  // the count-up to land on 1500.25 even though the output locale is\n  // it-IT (which uses `.` for thousands).\n  const usStyleMatch = body.match(/^(\\d+)\\.(\\d+)$/);\n  if (usStyleMatch) {\n    const fractionLen = usStyleMatch[2].length;\n    if (!(fractionLen === 3 && group === '.')) {\n      const direct = Number.parseFloat(body);\n      if (Number.isFinite(direct)) {\n        return { target: direct, sign, suffix };\n      }\n    }\n  }\n\n  // Strip every group separator we discovered, then normalise the\n  // decimal separator to `.` so JS can parseFloat the result.\n  // Note: when the locale's group separator is empty (e.g. some\n  // numbering systems) the replace is a no-op.\n  let normalised = body;\n  if (group !== '') {\n    normalised = normalised.split(group).join('');\n  }\n  if (decimal !== '.') {\n    normalised = normalised.split(decimal).join('.');\n  }\n\n  // Defence-in-depth: strip whitespace plus NBSP (U+00A0) and NARROW\n  // NO-BREAK SPACE (U+202F) that some locales (fr-FR, it-IT) use as\n  // thousand separators. Hex escapes keep this source ASCII-clean.\n  normalised = normalised.replace(/[\\s\\u00A0\\u202F]/g, '');\n\n  const numeric = Number.parseFloat(normalised);\n  if (!Number.isFinite(numeric)) return null;\n\n  return { target: numeric, sign, suffix };\n}\n\n/* ------------------------------------------------------------------ */\n/* StatProps                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface StatProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statVariants> {\n  /** Metric label rendered above the value. */\n  label: string;\n  /** Numeric or pre-formatted string value. */\n  value: number | string;\n  /** Number formatting style. Omit to use default decimal formatting. */\n  format?: 'decimal' | 'currency' | 'percent';\n  /** ISO 4217 currency code — required when format=\"currency\". */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18n language. */\n  locale?: string;\n  /** Trend direction. Requires `delta` to render the trend row. */\n  trend?: 'up' | 'down' | 'flat';\n  /** Trend delta magnitude, e.g. 12 for \"↑ 12%\". */\n  delta?: number | string;\n  /**\n   * Which way is good news. `higher-is-better` (default) shows a rise in\n   * the success colour; `lower-is-better` (a no-show or cancellation rate,\n   * a waiting time) shows a fall in it instead. The arrow always points the\n   * way the number moved, and screen readers hear \"better\" or \"worse\".\n   * `neutral` keeps the arrow and delta in the muted colour, and screen\n   * readers hear only the direction (\"Increased by +3.4 pts\").\n   */\n  trendPolarity?: StatTrendPolarity;\n  /** Number formatting style for the delta. Default \"decimal\". */\n  deltaFormat?: 'decimal' | 'percent';\n  /** Optional leading icon rendered at the start of the label row. */\n  icon?: ReactNode;\n  /**\n   * Optional trailing affordance at the end of the label row, vertically\n   * centred with the label. Intended for `<InfoTip size=\"sm\" … />` so the\n   * figure can explain how it is calculated. Interactive content is allowed:\n   * it sits outside the label element, so it never becomes part of the\n   * group's accessible name. Omit for the unchanged render.\n   */\n  info?: ReactNode;\n  /**\n   * Colour of the headline value. Defaults to `foreground`. Brand\n   * intents (`primary`, `accent`) are for hero / marketing stats where\n   * the number is the visual marker. Semantic intents\n   * (`success`, `destructive`, `info`, `warning`) signal status via\n   * the value colour itself — e.g. revenue green, debt red on KPI\n   * tiles. Trend chevron and label colour are independent.\n   */\n  intent?:\n    | 'foreground'\n    | 'primary'\n    | 'accent'\n    | 'success'\n    | 'destructive'\n    | 'info'\n    | 'warning';\n  /** Renders animated skeleton placeholders instead of content. */\n  loading?: boolean;\n  /**\n   * Animate the numeric value from 0 (or from the captured leading\n   * sign) to the final value when the Stat first scrolls into view.\n   * Default `false`. Marketing surfaces opt in; dashboards leave it\n   * off so live metrics render immediately.\n   */\n  animate?: boolean;\n  /**\n   * When `true`, the count-up re-plays every time the Stat scrolls\n   * out of view and back in. Default `false` — animate once per\n   * element per session, matching the booking-website hero pattern.\n   * Ignored under `prefers-reduced-motion: reduce`.\n   */\n  animateOnEveryView?: boolean;\n  /** Animation duration in milliseconds. Default 1600. */\n  animateDurationMs?: number;\n  /**\n   * BCP 47 locale used for the per-frame count-up formatting. Falls\n   * back to `locale`, then to the active i18n language.\n   */\n  animateLocale?: string;\n  /**\n   * Override the locale's thousand / decimal glyphs for the count-up.\n   * Wins over locale defaults. Pass partial overrides — `decimal`\n   * alone is valid; the unspecified separator stays at the locale\n   * default.\n   */\n  animateSeparators?: {\n    thousand?: string;\n    decimal?: string;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Stat                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  (\n    {\n      label,\n      value,\n      format,\n      currency,\n      locale,\n      trend,\n      trendPolarity,\n      delta,\n      deltaFormat = 'decimal',\n      icon,\n      info,\n      loading = false,\n      animate = false,\n      animateOnEveryView = false,\n      animateDurationMs = 1600,\n      animateLocale,\n      animateSeparators,\n      variant = 'default',\n      size = 'md',\n      align = 'start',\n      intent = 'foreground',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation('ui');\n    const labelId = useId();\n    const lang = locale ?? i18n.language;\n\n    /* -------------------------------------------------- */\n    /* Static formatting — the value as it would appear   */\n    /* in the non-animated (or post-animation) state.     */\n    /* -------------------------------------------------- */\n\n    const formatValue = useCallback((): string => {\n      if (typeof value === 'string') return value;\n\n      switch (format) {\n        case 'currency':\n          return new Intl.NumberFormat(lang, {\n            style: 'currency',\n            currency: currency ?? 'USD',\n          }).format(value);\n        case 'percent':\n          return new Intl.NumberFormat(lang, { style: 'percent' }).format(\n            value,\n          );\n        case 'decimal':\n          return new Intl.NumberFormat(lang, { style: 'decimal' }).format(\n            value,\n          );\n        default:\n          return new Intl.NumberFormat(lang).format(value);\n      }\n    }, [value, format, lang, currency]);\n\n    const staticValue = formatValue();\n\n    /* -------------------------------------------------- */\n    /* Parse the value into a numeric target for the      */\n    /* count-up. Numeric values use `value` directly;     */\n    /* string values are stripped of sign / shorthand /   */\n    /* locale separators and re-decorated each frame.     */\n    /* -------------------------------------------------- */\n\n    const animationLocale = animateLocale ?? lang;\n    const hasWarnedRef = useRef<boolean>(false);\n\n    const parsed = useMemo<ParsedValue | null>(() => {\n      if (!animate) return null;\n      if (typeof value === 'number') {\n        // Numeric: target is the number itself; no sign / suffix to\n        // re-attach.\n        return Number.isFinite(value)\n          ? { target: value, sign: '', suffix: '' }\n          : null;\n      }\n      return parseStatValue(value, animationLocale);\n    }, [animate, value, animationLocale]);\n\n    // Dev-mode warning when an animate-flagged Stat has an unparseable\n    // string value. Render static, no throw — one warn per component.\n    if (\n      animate &&\n      typeof value === 'string' &&\n      parsed === null &&\n      import.meta.env.DEV &&\n      !hasWarnedRef.current\n    ) {\n      hasWarnedRef.current = true;\n      console.warn(\n        `Stat: value=\"${value}\" couldn't be parsed for the count-up animation. Rendering static.`,\n      );\n    }\n\n    const shouldAnimate = animate && parsed !== null;\n\n    /* -------------------------------------------------- */\n    /* Wire the hook unconditionally — rules-of-hooks.    */\n    /* When `shouldAnimate` is false the hook still runs  */\n    /* but `to === from` so it's a no-op visually.        */\n    /* -------------------------------------------------- */\n\n    const target = parsed?.target ?? 0;\n    const sign = parsed?.sign ?? '';\n    const suffix = parsed?.suffix ?? '';\n\n    // Wrap the count-up formatter so the captured sign + suffix are\n    // re-applied every frame. The hook hands us the locale-formatted\n    // magnitude; we own the decoration around it.\n    const formatter = useCallback(\n      (n: number) => {\n        // Use the absolute value for the magnitude so the captured\n        // sign is the sole source of the rendered sign. Negative\n        // numbers passed in (e.g. `to: -12`) come through unsigned;\n        // we re-apply via `sign`. Always force `useGrouping: true` so\n        // ICU's locale-default `min2` doesn't suppress the thousand\n        // glyph on 4-digit values like 1.000 (it-IT). The user wrote\n        // a stat value — they want it grouped.\n        const magnitudeNF = (() => {\n          try {\n            return new Intl.NumberFormat(animationLocale, {\n              useGrouping: true,\n            });\n          } catch {\n            return null;\n          }\n        })();\n\n        let magnitudeStr: string;\n        if (magnitudeNF) {\n          if (animateSeparators) {\n            // Hand-build the grouped magnitude so we don't depend on\n            // ICU's locale-by-locale grouping defaults (which differ\n            // between engines and can drop the group at 4-digit\n            // thresholds even with `useGrouping: true`). Locale only\n            // influences sign handling, which we apply separately.\n            const abs = Math.abs(n);\n            const intPart = Math.trunc(abs);\n            const fracPart = abs - intPart;\n            const groupGlyph = animateSeparators.thousand ?? '';\n            const intStr = String(intPart).replace(\n              /\\B(?=(\\d{3})+(?!\\d))/g,\n              groupGlyph,\n            );\n            if (fracPart === 0) {\n              magnitudeStr = intStr;\n            } else {\n              const fracStr = fracPart.toFixed(6).replace(/0+$/, '').slice(2);\n              const decimalGlyph = animateSeparators.decimal ?? '.';\n              magnitudeStr = fracStr ? intStr + decimalGlyph + fracStr : intStr;\n            }\n          } else {\n            magnitudeStr = magnitudeNF.format(Math.abs(n));\n          }\n        } else {\n          magnitudeStr = String(Math.abs(n));\n        }\n\n        // Re-derive the sign every frame: the captured sign wins, but\n        // a negative `to` with no leading sign in the source still\n        // renders with a leading \"-\" so the final formatted output\n        // matches locale conventions.\n        let resolvedSign: string = sign;\n        if (sign === '' && n < 0) resolvedSign = '-';\n\n        return `${resolvedSign}${magnitudeStr}${suffix}`;\n      },\n      [animationLocale, animateSeparators, sign, suffix],\n    );\n\n    const countUp = useCountUp({\n      to: target,\n      from: 0,\n      durationMs: animateDurationMs,\n      startOnVisible: true,\n      retriggerOnReEntry: animateOnEveryView,\n      // `formatter` is the only path we use — it owns both the locale\n      // formatting and the sign/suffix re-application.\n      formatter,\n    });\n\n    /* -------------------------------------------------- */\n    /* Loading state                                       */\n    /* -------------------------------------------------- */\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-busy=\"true\"\n          aria-label={label}\n          data-component=\"stat\"\n          className={statVariants({ variant, size, align, className })}\n          {...props}\n        >\n          <div className=\"ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n          <div className=\"ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n        </div>\n      );\n    }\n\n    /* -------------------------------------------------- */\n    /* Render                                              */\n    /* -------------------------------------------------- */\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        data-component=\"stat\"\n        className={statVariants({ variant, size, align, className })}\n        {...props}\n      >\n        <span\n          className={\n            info == null\n              ? 'ds:inline-flex ds:items-center'\n              : 'ds:inline-flex ds:flex-wrap ds:items-center'\n          }\n        >\n          {icon && (\n            <span\n              aria-hidden=\"true\"\n              className={[\n                'ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0',\n                // Accent tint on the leading icon. The icon is decorative\n                // (aria-hidden), so magenta-500's 3.2:1 contrast on white\n                // is acceptable here — the Stat label + value still\n                // carry the accessible name at `--foreground`.\n                'ds:text-[color:var(--accent)]',\n                'ds:forced-colors:text-[CanvasText]',\n              ].join(' ')}\n            >\n              {icon}\n            </span>\n          )}\n          <span\n            id={labelId}\n            className=\"type-label ds:text-[var(--muted-foreground)]\"\n          >\n            {label}\n          </span>\n          {info != null && (\n            <span\n              data-slot=\"info\"\n              className=\"ds:ms-[var(--spacing-xs)] ds:inline-flex ds:shrink-0 ds:items-center\"\n            >\n              {info}\n            </span>\n          )}\n        </span>\n        {shouldAnimate ? (\n          // The animated number is wrapped in an `aria-live=\"off\"` span\n          // so screen readers don't announce every interpolated frame.\n          // The `role=\"group\"` ancestor (with `aria-labelledby` pointing\n          // at the label) carries the final accessible reading — the\n          // animated frames are decorative only.\n          <span\n            ref={countUp.ref}\n            aria-live=\"off\"\n            className={valueVariants({ size, variant, intent })}\n          >\n            {countUp.value}\n          </span>\n        ) : (\n          <span className={valueVariants({ size, variant, intent })}>\n            {staticValue}\n          </span>\n        )}\n        {trend != null && delta != null && (\n          <StatTrend\n            trend={trend}\n            delta={delta}\n            deltaFormat={deltaFormat}\n            locale={locale}\n            polarity={trendPolarity}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","polarity","t","i18n","useTranslation","formattedDelta","tone","jsxs","jsx","parseStatValue","raw","trimmed","sign","body","suffix","suffixMatch","group","decimal","probe","part","usStyleMatch","direct","normalised","numeric","Stat","forwardRef","label","value","format","currency","trendPolarity","icon","info","loading","animate","animateOnEveryView","animateDurationMs","animateLocale","animateSeparators","variant","size","align","intent","className","props","ref","labelId","useId","lang","staticValue","useCallback","animationLocale","useRef","parsed","useMemo","shouldAnimate","target","formatter","n","magnitudeNF","magnitudeStr","abs","intPart","fracPart","groupGlyph","intStr","fracStr","decimalGlyph","resolvedSign","countUp","useCountUp"],"mappings":"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"}

package/dist/_chunks/stepper-accordion-DDTSOUHc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-accordion-DDTSOUHc.js","sources":["../../src/components/_shared/stepper.ts","../../src/components/stepper-accordion/stepper-accordion.tsx"],"sourcesContent":["// Shared types + state machine for the two stepper variants:\n//   - src/components/stepper-progress  (lightweight progress bar + caption)\n//   - src/components/stepper-accordion (vertical disclosure wizard)\n//\n// Both components consume `StepSpec` and the `stateForStep` helper so the\n// four-state machine (upcoming | current | completed | error) stays in one\n// place. Rename or removal is a MAJOR per src/docs/13-maintainability.mdx.\n\n/**\n * Consumer-supplied override for a step.\n *\n * - `completed` — the step holds a value; render the tick and let the user\n *   back in to change it.\n * - `error` — the step's own validation failed; always wins.\n * - `unlocked` (1.11.0) — the step has been *reached* but holds no value of\n *   its own. It renders exactly like an upcoming step, but the user may open\n *   it. Added for flows whose final step can never report itself \"completed\"\n *   because its validity belongs to a form inside it: without this, moving\n *   the cursor backwards left that step HTML-`disabled` and unreachable.\n *\n * `'completed'` and `'error'` behave exactly as before, so consumers passing\n * either (or nothing) are unaffected. A consumer that reads this union back\n * in an exhaustive `switch` needs a case for `'unlocked'`; `StepState` — the\n * union such a switch usually runs on — is deliberately untouched.\n */\nexport type StepStatus = 'completed' | 'error' | 'unlocked';\n\nexport type StepState = 'upcoming' | 'current' | 'completed' | 'error';\n\nexport interface StepSpec {\n  /** Visible step label — comes from the consumer, already translated. */\n  label: string;\n  /** Optional secondary line (kept short; shown in accordion + progress captions). */\n  description?: string;\n  /**\n   * Consumer-explicit status override. `error` always wins; `completed` is\n   * honoured only for steps at or beyond the active index so the active step\n   * always keeps `current` (otherwise a consumer pre-setting `completed` on\n   * every step would silently mask the current position). `unlocked` changes\n   * reachability only — see `stepIsReachable` — and never the rendered state.\n   */\n  status?: StepStatus;\n}\n\nexport function stateForStep(\n  index: number,\n  activeStep: number,\n  status?: StepStatus,\n): StepState {\n  if (status === 'error') return 'error';\n  if (index === activeStep) return 'current';\n  if (status === 'completed') return 'completed';\n  if (index < activeStep) return 'completed';\n  // `unlocked` deliberately falls through: it is a reachability hint, not a\n  // visual state, so the returned `StepState` union is unchanged and any\n  // exhaustive switch a consumer already wrote keeps compiling.\n  return 'upcoming';\n}\n\n/**\n * May the user open this step?\n *\n * Everything at or before the cursor is reachable, as is any step the\n * consumer has explicitly marked `completed`, `error` or `unlocked`.\n * Steps ahead of the cursor with no status stay locked, exactly as before.\n */\nexport function stepIsReachable(\n  index: number,\n  activeStep: number,\n  status?: StepStatus,\n): boolean {\n  if (status !== undefined) return true;\n  return index <= activeStep;\n}\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronDown, Lock } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  stateForStep,\n  stepIsReachable,\n  type StepSpec,\n  type StepState,\n} from '../_shared/stepper';\n\n/* -------------------------------------------------------------------- */\n/* StepperAccordion                                                      */\n/*                                                                       */\n/* Vertical disclosure wizard. The current step is expanded inline;     */\n/* completed steps collapse to a one-line summary with an \"Edit\" hint   */\n/* that re-opens them; upcoming steps are locked. Built on Radix        */\n/* Accordion in controlled-single mode with collapsible=false so the    */\n/* current panel always stays open.                                      */\n/* -------------------------------------------------------------------- */\n\nconst STEP_VALUE_PREFIX = 'step-';\nconst makeValue = (index: number) => `${STEP_VALUE_PREFIX}${index}`;\nconst indexFromValue = (value: string): number =>\n  Number(value.slice(STEP_VALUE_PREFIX.length));\n\n/* -------------------------------------------------------------------- */\n/* Indicator — shared with progress bar visual tone but sized for the   */\n/* vertical wizard's dense header row.                                   */\n/* -------------------------------------------------------------------- */\n\nconst iconDrawClasses = [\n  'ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]',\n  'ds:animate-[stepper-icon-draw_var(--animation-duration)_var(--ease-out)_forwards]',\n  'ds:motion-reduce:animate-none ds:motion-reduce:[stroke-dashoffset:0]',\n].join(' ');\n\nfunction CheckGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"ds:size-4\"\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={iconDrawClasses} />\n    </svg>\n  );\n}\n\nfunction CrossGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"ds:size-4\"\n    >\n      <path pathLength=\"1\" d=\"M6 6l12 12\" className={iconDrawClasses} />\n      <path pathLength=\"1\" d=\"M18 6l-12 12\" className={iconDrawClasses} />\n    </svg>\n  );\n}\n\nconst indicatorClasses = [\n  'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n  'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n  'ds:size-[var(--min-target-size)]',\n  'ds:rounded-[var(--radius-full)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-semibold)]',\n  'ds:border ds:border-[var(--border)]',\n  'ds:transition-[background-color,border-color,color]',\n  'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n  'ds:motion-reduce:transition-none',\n].join(' ');\n\nconst indicatorVariants = cva(indicatorClasses, {\n  variants: {\n    state: {\n      upcoming: 'ds:bg-[var(--background)] ds:text-[var(--muted-foreground)]',\n      current: [\n        'ds:border-[var(--primary)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n        'ds:animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]',\n        'ds:motion-reduce:animate-none',\n      ].join(' '),\n      completed:\n        'ds:border-[var(--primary)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n      error: [\n        'ds:border-[var(--destructive)] ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]',\n        'ds:animate-[stepper-indicator-pop_var(--animation-duration)_var(--ease-out)_both]',\n        'ds:motion-reduce:animate-none',\n      ].join(' '),\n    },\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Item / trigger / content variants                                     */\n/* -------------------------------------------------------------------- */\n\nconst itemVariants = cva(\n  [\n    'ds:group/item ds:overflow-hidden ds:rounded-[var(--radius-md)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)] ds:bg-[var(--card)]',\n    'ds:data-[state=open]:border-[var(--primary)]',\n    'ds:transition-[border-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        neutral: '',\n        error: 'ds:data-[state=open]:border-[var(--destructive)]',\n      },\n    },\n    defaultVariants: { tone: 'neutral' },\n  },\n);\n\nconst triggerClasses = [\n  'ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n  'ds:text-start',\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  'ds:disabled:cursor-not-allowed',\n  'ds:transition-[background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n  'ds:motion-reduce:transition-none',\n  'ds:hover:enabled:bg-[var(--muted)]/40',\n].join(' ');\n\nconst labelClasses = (state: StepState) =>\n  [\n    'type-body-sm',\n    state === 'current' || state === 'error'\n      ? 'ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]'\n      : state === 'completed'\n        ? 'ds:text-[var(--foreground)]'\n        : 'ds:text-[var(--muted-foreground)]',\n  ].join(' ');\n\nconst descriptionClasses = [\n  'type-meta ds:text-[var(--muted-foreground)]',\n  'ds:mt-[var(--spacing-xs)]',\n].join(' ');\n\nconst hintClasses = [\n  'type-meta',\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  'ds:text-[var(--muted-foreground)]',\n].join(' ');\n\nconst chevronClasses = [\n  'ds:size-4 ds:shrink-0 ds:text-[var(--muted-foreground)]',\n  'ds:transition-transform ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n  'ds:motion-reduce:transition-none',\n  'ds:group-data-[state=open]/item:rotate-180',\n].join(' ');\n\nconst summaryClasses = [\n  'type-meta ds:text-[var(--muted-foreground)]',\n  // Indented under the step title from 448px of accordion width (px, not\n  // rem: a container query in rem follows the host's root font size); narrower\n  // (a phone) the content takes the full width so a form or a list in it\n  // is not squeezed beside the step number.\n  'ds:ps-[var(--spacing-md)] ds:@[448px]/stepper:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]',\n  'ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]',\n  'ds:group-data-[state=open]/item:hidden',\n].join(' ');\n\nconst contentClasses = [\n  'ds:overflow-hidden',\n  'ds:data-[state=open]:animate-[accordion-down_var(--animation-duration)_var(--ease-out)]',\n  'ds:data-[state=closed]:animate-[accordion-up_var(--animation-duration)_var(--ease-in)]',\n].join(' ');\n\nconst contentInnerClasses = [\n  // Indented under the step title from 448px of accordion width (px, not\n  // rem: a container query in rem follows the host's root font size); narrower\n  // (a phone) the content takes the full width so a form or a list in it\n  // is not squeezed beside the step number.\n  'ds:ps-[var(--spacing-md)] ds:@[448px]/stepper:ps-[calc(var(--min-target-size)+var(--spacing-md)+var(--spacing-sm))]',\n  'ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-md)]',\n].join(' ');\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\nexport interface AccordionStepSpec extends StepSpec {\n  /** Form content rendered inside the expanded panel. */\n  content: ReactNode;\n  /**\n   * One-line summary shown under the header when the step is completed\n   * and its panel is collapsed. Typically a preview of the captured\n   * data — \"Mario Rossi · 12/03/1985\".\n   */\n  summary?: ReactNode;\n}\n\n// A size container, so the step content can drop its indent when the\n// accordion itself is narrow (whatever the viewport).\nconst rootVariants = cva(\n  'ds:@container/stepper ds:flex ds:w-full ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {},\n  },\n);\n\nexport interface StepperAccordionProps\n  extends\n    Omit<\n      ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>,\n      'type' | 'value' | 'defaultValue' | 'onValueChange' | 'collapsible'\n    >,\n    VariantProps<typeof rootVariants> {\n  /** Active step (0-indexed). The matching panel is the one that is open. */\n  activeStep: number;\n  /** Step specs — each one provides its own content + optional summary. */\n  steps: AccordionStepSpec[];\n  /**\n   * Fires when the user re-opens a completed step. Upcoming steps cannot\n   * be activated — their triggers are disabled. The current step cannot\n   * be collapsed (Radix `collapsible=false`).\n   */\n  onStepChange?: (index: number) => void;\n  /** Override the default `aria-label` on the list wrapper. */\n  'aria-label'?: string;\n  /**\n   * Consumer-supplied instance id, surfaced as `data-component-id` so an\n   * agent / UI bridge can address this instance.\n   */\n  id?: string;\n}\n\n/**\n * Imperative handle for agent-readiness. Routes state mutations through\n * the consumer's `onStepChange`, never mutating directly.\n */\nexport interface StepperAccordionHandle {\n  getCurrentStep: () => number;\n  getTotalSteps: () => number;\n  /** Indices of currently-open panels — singleton under Radix `type=\"single\"`. */\n  getOpenSteps: () => number[];\n  gotoStep: (step: number) => void;\n  next: () => void;\n  previous: () => void;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nconst StepperAccordion = forwardRef<\n  StepperAccordionHandle,\n  StepperAccordionProps\n>(\n  (\n    {\n      activeStep,\n      steps,\n      onStepChange,\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const total = steps.length;\n    const clampedActive = Math.max(0, Math.min(activeStep, total - 1));\n    const label = ariaLabel ?? t('navigation.stepper.label');\n    const editCopy = t('navigation.stepper.edit');\n    const openCopy = t('navigation.stepper.open');\n    const lockedCopy = t('navigation.stepper.locked');\n    const completedCopy = t('navigation.stepper.completed');\n    const errorCopy = t('navigation.stepper.error');\n\n    const handleValueChange = (value: string) => {\n      // `collapsible=false` prevents empty-string values in practice, but the\n      // primitive's type still allows one — guard anyway.\n      if (!value) return;\n      const index = indexFromValue(value);\n      if (Number.isFinite(index) && index !== clampedActive) {\n        onStepChange?.(index);\n      }\n    };\n\n    const handle = useMemo<StepperAccordionHandle>(\n      () => ({\n        getCurrentStep: () => clampedActive,\n        getTotalSteps: () => total,\n        getOpenSteps: () => [clampedActive],\n        gotoStep: (step: number) => {\n          if (!onStepChange) return;\n          const clamped = Math.max(0, Math.min(step, Math.max(total - 1, 0)));\n          if (clamped !== clampedActive) onStepChange(clamped);\n        },\n        next: () => {\n          if (!onStepChange) return;\n          if (clampedActive < total - 1) onStepChange(clampedActive + 1);\n        },\n        previous: () => {\n          if (!onStepChange) return;\n          if (clampedActive > 0) onStepChange(clampedActive - 1);\n        },\n      }),\n      [clampedActive, total, onStepChange],\n    );\n    useImperativeHandle(ref, () => handle, [handle]);\n\n    return (\n      <AccordionPrimitive.Root\n        type=\"single\"\n        value={makeValue(clampedActive)}\n        onValueChange={handleValueChange}\n        collapsible={false}\n        // Radix renders a plain div, and aria-label is prohibited on the\n        // generic role. `group` lets the label name the set of steps.\n        role=\"group\"\n        aria-label={label}\n        id={id}\n        data-component=\"stepper-accordion\"\n        data-component-id={id}\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {steps.map((spec, index) => {\n          const state = stateForStep(index, clampedActive, spec.status);\n          const isCurrent = state === 'current' || state === 'error';\n          const isUpcoming = state === 'upcoming';\n          // An `unlocked` step renders as `upcoming` but stays reachable —\n          // only a step that is BOTH upcoming and unreachable is locked.\n          const isLocked =\n            isUpcoming && !stepIsReachable(index, clampedActive, spec.status);\n          const itemTone = state === 'error' ? 'error' : 'neutral';\n          const stepN = t('navigation.stepper.stepN', { n: index + 1 });\n\n          const indicatorContent = (() => {\n            if (state === 'completed') {\n              return (\n                <>\n                  <CheckGlyph />\n                  <span className=\"ds:sr-only\">{completedCopy}</span>\n                </>\n              );\n            }\n            if (state === 'error') {\n              return (\n                <>\n                  <CrossGlyph />\n                  <span className=\"ds:sr-only\">{errorCopy}</span>\n                </>\n              );\n            }\n            return <span>{index + 1}</span>;\n          })();\n\n          const hint = (() => {\n            if (state === 'completed') {\n              return <span className={hintClasses}>{editCopy}</span>;\n            }\n            if (isLocked) {\n              return (\n                <span className={hintClasses}>\n                  <Lock aria-hidden=\"true\" className=\"ds:size-3\" />\n                  {lockedCopy}\n                </span>\n              );\n            }\n            if (isUpcoming) {\n              // Reachable but empty — say so, otherwise the row reads\n              // identically to a locked one and nothing signals it opens.\n              return <span className={hintClasses}>{openCopy}</span>;\n            }\n            return null;\n          })();\n\n          return (\n            <AccordionPrimitive.Item\n              key={index}\n              value={makeValue(index)}\n              data-step-id={String(index)}\n              className={itemVariants({ tone: itemTone })}\n            >\n              <AccordionPrimitive.Header className=\"ds:flex\">\n                <AccordionPrimitive.Trigger\n                  // Locked steps (upcoming, and not marked reachable by a\n                  // `completed` / `error` / `unlocked` status) are *HTML*-\n                  // disabled — they must not be\n                  // reachable by Tab or by Radix's arrow-key navigation ring\n                  // (Radix filters `item.ref.current?.disabled`, which is\n                  // the HTML attribute). Current is only *ARIA*-disabled so\n                  // keyboard users can Tab to it as a heading anchor and\n                  // hear \"current step\"; Radix's `collapsible=false` makes\n                  // the click a no-op regardless. Setting `disabled` at the\n                  // Trigger rather than the Item because `...triggerProps`\n                  // spreads after Collapsible writes its own `disabled`\n                  // from context, so the Item-level disabled gets overridden.\n                  disabled={isLocked}\n                  aria-disabled={isCurrent || undefined}\n                  // The hint is rendered text, but `aria-label` overrides\n                  // element content wholesale — so the affordance has to be\n                  // appended here too or AT hears none of it.\n                  aria-label={\n                    state === 'completed'\n                      ? `${stepN}, ${editCopy}`\n                      : isUpcoming && !isLocked\n                        ? `${stepN}, ${openCopy}`\n                        : stepN\n                  }\n                  aria-current={isCurrent ? 'step' : undefined}\n                  className={triggerClasses}\n                >\n                  <span\n                    aria-hidden=\"true\"\n                    className={indicatorVariants({ state })}\n                  >\n                    {indicatorContent}\n                  </span>\n                  <span className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col\">\n                    <span className={labelClasses(state)}>{spec.label}</span>\n                    {spec.description ? (\n                      <span className={descriptionClasses}>\n                        {spec.description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {hint}\n                  {isCurrent ? null : (\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className={chevronClasses}\n                    />\n                  )}\n                </AccordionPrimitive.Trigger>\n              </AccordionPrimitive.Header>\n              {spec.summary && state === 'completed' ? (\n                <div className={summaryClasses}>{spec.summary}</div>\n              ) : null}\n              <AccordionPrimitive.Content className={contentClasses}>\n                <div className={contentInnerClasses}>{spec.content}</div>\n              </AccordionPrimitive.Content>\n            </AccordionPrimitive.Item>\n          );\n        })}\n      </AccordionPrimitive.Root>\n    );\n  },\n);\nStepperAccordion.displayName = 'StepperAccordion';\n\nexport { StepperAccordion };\n"],"names":["stateForStep","index","activeStep","status","stepIsReachable","STEP_VALUE_PREFIX","makeValue","indexFromValue","value","iconDrawClasses","CheckGlyph","jsx","CrossGlyph","jsxs","indicatorClasses","indicatorVariants","cva","itemVariants","triggerClasses","labelClasses","state","descriptionClasses","hintClasses","chevronClasses","summaryClasses","contentClasses","contentInnerClasses","rootVariants","StepperAccordion","forwardRef","steps","onStepChange","ariaLabel","id","className","rest","ref","t","useTranslation","total","clampedActive","label","editCopy","openCopy","lockedCopy","completedCopy","errorCopy","handleValueChange","handle","useMemo","step","clamped","useImperativeHandle","AccordionPrimitive","spec","isCurrent","isUpcoming","isLocked","itemTone","stepN","indicatorContent","Fragment","hint","Lock","ChevronDown"],"mappings":"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"}