@alfadocs/ui-kit 0.60.0 → 0.62.0

package/dist/_chunks/{sign-document-BmAT0kKD.js → sign-document--nr5cxsB.js}

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { forwardRef as ce, useId as le, useMemo as G, useRef as L, useState as x, useEffect as _, useCallback as l, useImperativeHandle as ue } from "react";
 import { c as i } from "./index-D2ZczOXr.js";
 import { useTranslation as me } from "react-i18next";
-import { P as ge } from "./pdf-viewer-XxWdtKfD.js";
+import { P as ge } from "./pdf-viewer-chMpwpA4.js";
 import { S as pe } from "./signature-capture-COi0Uiqu.js";
 import { u as fe } from "./registry-nPAVE19X.js";
 import { C as J } from "./circle-check-9AeSgJD_.js";
@@ -341,4 +341,4 @@ export {
   je as S,
   ve as s
 };
-//# sourceMappingURL=sign-document-BmAT0kKD.js.map
+//# sourceMappingURL=sign-document--nr5cxsB.js.map

package/dist/_chunks/signature-field-DbhbpLha.js

@@ -0,0 +1,190 @@
+import { jsx as s, jsxs as f, Fragment as m } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { c as y } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+import { S as _ } from "./spinner-OjQNn8oN.js";
+import { C as T } from "./check-DPdL_Sm7.js";
+import { c as w } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const S = [
+  ["path", { d: "M13 21h8", key: "1jsn5i" }],
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ]
+], $ = w("pen-line", S), L = y(
+  [
+    // Overlay fields are always absolutely positioned within the
+    // renderPageOverlay box; the percent geometry rides the inline style.
+    "ds:absolute",
+    "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
+    // The visible box renders at its true percentage geometry. A min-size
+    // floor here overstretched short fields past their authored box, so
+    // neighbours collided (signed box overlapping the next field). The 44/48px
+    // touch target is instead restored via a transparent ::before hit-area
+    // expansion — the same pattern Button's `sm` size uses — applied on touch
+    // viewports only; on desktop the precise box is the target.
+    'ds:before:absolute ds:before:content-[""]',
+    "ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)]",
+    "ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)]",
+    "ds:sm:before:hidden",
+    // Inline padding lives on the per-state variants below (not the base) so
+    // the signed state's tighter padding can't collide with a base ps/pe on
+    // the same logical side under Tailwind's JIT ordering.
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:text-[length:var(--font-size-sm)] ds:font-medium",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:aria-disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        unsigned: [
+          "ds:cursor-pointer",
+          "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+          "ds:border ds:border-dashed ds:border-[color:var(--ring)]",
+          "ds:bg-[color-mix(in_srgb,var(--info)_8%,transparent)]",
+          "ds:text-[var(--foreground)]",
+          "ds:hover:bg-[color-mix(in_srgb,var(--info)_16%,transparent)]",
+          "ds:forced-colors:border-[CanvasText]"
+        ].join(" "),
+        signing: [
+          "ds:cursor-progress",
+          "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+          "ds:border ds:border-dashed ds:border-[color:var(--border)]",
+          "ds:bg-[var(--muted)]",
+          "ds:text-[var(--muted-foreground)]",
+          "ds:forced-colors:border-[CanvasText]"
+        ].join(" "),
+        signed: [
+          // overflow-hidden is NOT on the button root — it would clip the
+          // ::before touch-target expansion. It lives on the inner image
+          // wrapper instead (see render).
+          "ds:cursor-pointer",
+          "ds:p-[var(--spacing-xs)]",
+          "ds:border ds:border-solid ds:border-[color:var(--success)]",
+          "ds:bg-[color-mix(in_srgb,var(--success)_8%,transparent)]",
+          "ds:text-[var(--foreground)]",
+          "ds:forced-colors:border-[CanvasText]"
+        ].join(" ")
+      },
+      // Persistent selection ring for the nav-targeted field. Uses the same
+      // tokens as the focus ring but is NOT gated on :focus-visible, so it
+      // stays visible as the signer steps between fields. When the field is
+      // also focused, the base focus-visible ring composes over it (same
+      // outline property, same value) — no visual clash.
+      active: {
+        true: [
+          "ds:outline-solid",
+          "ds:outline-[length:var(--focus-ring-width)]",
+          "ds:outline-[var(--ring)]",
+          "ds:outline-offset-[length:var(--focus-ring-offset)]",
+          "ds:forced-colors:outline-[Highlight]"
+        ].join(" "),
+        false: ""
+      }
+    },
+    defaultVariants: { state: "unsigned", active: !1 }
+  }
+), M = k(
+  ({
+    state: e = "unsigned",
+    insetInlineStart: o,
+    insetBlockStart: a,
+    inlineSize: t,
+    blockSize: l,
+    onActivate: d,
+    signedImageSrc: c,
+    label: r,
+    disabled: v = !1,
+    active: u = !1,
+    id: p,
+    className: b,
+    ...h
+  }, x) => {
+    const { t: i } = C(), g = v || e === "signing", n = {};
+    o !== void 0 && (n.insetInlineStart = `${o}%`), a !== void 0 && (n.insetBlockStart = `${a}%`), t !== void 0 && (n.inlineSize = `${t}%`), l !== void 0 && (n.blockSize = `${l}%`);
+    const z = r ?? i("signatureField.prompt"), F = e === "signing" ? r ? i("signatureField.signingNamed", { label: r }) : i("signatureField.signing") : e === "signed" ? r ? i("signatureField.signedNamed", { label: r }) : i("signatureField.signed") : r ?? i("signatureField.unsigned");
+    function j(N) {
+      if (g) {
+        N.preventDefault();
+        return;
+      }
+      d == null || d();
+    }
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        ref: x,
+        type: "button",
+        ...h,
+        "data-component": "signature-field",
+        "data-component-id": p,
+        "data-state": e,
+        "data-active": u || void 0,
+        "aria-label": F,
+        "aria-disabled": g || void 0,
+        "aria-busy": e === "signing" || void 0,
+        onClick: j,
+        className: [L({ state: e, active: u }), b].filter(Boolean).join(" "),
+        style: n,
+        children: e === "signing" ? (
+          // Decorative: the button's aria-label + aria-busy are the single
+          // source of the status announcement, so the Spinner's own
+          // role="status" live region is hidden from assistive tech.
+          /* @__PURE__ */ s("span", { "aria-hidden": "true", children: /* @__PURE__ */ s(_, { size: "sm", label: i("signatureField.signing") }) })
+        ) : e === "signed" ? c ? (
+          // overflow-hidden + rounding live on this inner wrapper (not the
+          // button root) so the signature is clipped to the box WITHOUT
+          // clipping the button's ::before touch-target expansion.
+          /* @__PURE__ */ s("span", { className: "ds:inline-size-full ds:block-size-full ds:overflow-hidden ds:rounded-[var(--radius-sm)]", children: /* @__PURE__ */ s(
+            "img",
+            {
+              src: c,
+              alt: "",
+              "aria-hidden": "true",
+              className: "ds:block-size-full ds:inline-size-full ds:object-contain"
+            }
+          ) })
+        ) : /* @__PURE__ */ f(m, { children: [
+          /* @__PURE__ */ s(
+            T,
+            {
+              "aria-hidden": "true",
+              className: "ds:block-size-4 ds:inline-size-4 ds:text-[var(--success)]"
+            }
+          ),
+          /* @__PURE__ */ s("span", { children: i("signatureField.signed") })
+        ] }) : /* @__PURE__ */ f(m, { children: [
+          /* @__PURE__ */ s(
+            $,
+            {
+              "aria-hidden": "true",
+              className: "ds:block-size-4 ds:inline-size-4"
+            }
+          ),
+          /* @__PURE__ */ s("span", { children: z })
+        ] })
+      }
+    );
+  }
+);
+M.displayName = "SignatureField";
+export {
+  M as S,
+  L as s
+};
+//# sourceMappingURL=signature-field-DbhbpLha.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.60.0",
+  "packageVersion": "0.62.0",
   "components": [
     {
       "kind": "component",

package/dist/components/pdf-viewer/index.js

@@ -1,4 +1,4 @@
-import { P as p, p as a } from "../../_chunks/pdf-viewer-XxWdtKfD.js";
+import { P as p, p as a } from "../../_chunks/pdf-viewer-chMpwpA4.js";
 export {
   p as PDFViewer,
   a as pdfViewerAgent

package/dist/components/pdf-viewer/pdf-viewer.d.ts

@@ -81,6 +81,13 @@ export interface PDFViewerProps {
     onError?: (error: Error) => void;
     /** Show the toolbar. Default `true`. */
     toolbar?: boolean;
+    /**
+     * Toolbar control set. `'full'` (default) is the editor toolbar (page nav,
+     * page input, zoom, fit-width, search, print). `'minimal'` is a lean,
+     * read-only control set — zoom out / in / preset only — for surfaces like
+     * signing where a signer just reads, scrolls, and occasionally zooms.
+     */
+    toolbarVariant?: 'full' | 'minimal';
     /** Accessible label for the viewer region. */
     ariaLabel?: string;
     /** Extra class names on the wrapper. */

package/dist/components/sign-document/index.js

@@ -1,4 +1,4 @@
-import { S as o, s } from "../../_chunks/sign-document-BmAT0kKD.js";
+import { S as o, s } from "../../_chunks/sign-document--nr5cxsB.js";
 export {
   o as SignDocument,
   s as signDocumentAgent

package/dist/components/signature-field/index.js

@@ -1,4 +1,4 @@
-import { S as i, s as r } from "../../_chunks/signature-field-DhscKdgk.js";
+import { S as i, s as r } from "../../_chunks/signature-field-DbhbpLha.js";
 export {
   i as SignatureField,
   r as signatureFieldVariants

package/dist/components/signature-field/signature-field.d.ts

@@ -26,9 +26,17 @@ export interface SignatureFieldProps extends Omit<ComponentPropsWithoutRef<'butt
     label?: string;
     /** Hard-disable the field (non-activatable, dimmed). Distinct from `state="signing"`. */
     disabled?: boolean;
+    /**
+     * Marks the field as the one currently targeted by field-to-field navigation
+     * (Next / Previous signature). Renders a **persistent** selection ring — not
+     * the transient `:focus-visible` ring — so the signer can see which field
+     * they're on as they step through, even after focus moves or is programmatic.
+     */
+    active?: boolean;
 }
 declare const signatureFieldVariants: (props?: ({
     state?: "signed" | "unsigned" | "signing" | null | undefined;
+    active?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const SignatureField: import("react").ForwardRefExoticComponent<SignatureFieldProps & import("react").RefAttributes<HTMLButtonElement>>;
 export { signatureFieldVariants };

package/dist/index.js

@@ -160,12 +160,12 @@ import { C as Mm, a as km, b as Hm, c as wm } from "./_chunks/contact-profile-ca
 import { P as Gm, p as Vm } from "./_chunks/practice-results-CtfciF2v.js";
 import { P as Um, a as Km, p as Ym, b as qm } from "./_chunks/payment-request-card-B_lyobd0.js";
 import { P as jm, f as zm, p as Xm, a as Jm, s as Zm, b as $m, c as al } from "./_chunks/payment-form-DJ9vnzrT.js";
-import { P as rl, p as ol } from "./_chunks/pdf-viewer-XxWdtKfD.js";
+import { P as rl, p as ol } from "./_chunks/pdf-viewer-chMpwpA4.js";
 import { R as sl, r as nl } from "./_chunks/reviews-panel-CPrXu5TX.js";
 import { R as pl, r as ml, w as ll } from "./_chunks/rich-text-editor-B03qM22-.js";
 import { S as cl, s as fl } from "./_chunks/signature-capture-COi0Uiqu.js";
-import { S as Al, s as xl } from "./_chunks/signature-field-DhscKdgk.js";
-import { S as ul, s as Sl } from "./_chunks/sign-document-BmAT0kKD.js";
+import { S as Al, s as xl } from "./_chunks/signature-field-DbhbpLha.js";
+import { S as ul, s as Sl } from "./_chunks/sign-document--nr5cxsB.js";
 import { S as bl, f as Pl, i as Il } from "./_chunks/slot-grid-BlHHP9Qy.js";
 import { C as El, a as hl, b as Fl, F as Nl, c as _l, d as Ll, P as Dl, e as yl, T as Ol, f as Bl, g as Ml, h as kl, l as Hl, i as wl, t as vl, r as Gl } from "./_chunks/tooth-scheme-CxlsLjfN.js";
 import { T as Wl } from "./_chunks/transaction-chip-BZCa6XDn.js";