@alfadocs/ui-kit 0.60.0 → 0.62.0

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

@@ -1,152 +0,0 @@
-import { jsx as e, jsxs as g, Fragment as f } from "react/jsx-runtime";
-import { forwardRef as k } from "react";
-import { c as N } from "./index-D2ZczOXr.js";
-import { useTranslation as y } from "react-i18next";
-import { S as C } from "./spinner-OjQNn8oN.js";
-import { C as _ } from "./check-DPdL_Sm7.js";
-import { c as T } 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 w = [
-  ["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"
-    }
-  ]
-], S = T("pen-line", w), $ = N(
-  [
-    // 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)]",
-    "ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]",
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-    "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: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: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: [
-          "ds:cursor-pointer ds:overflow-hidden",
-          "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(" ")
-      }
-    },
-    defaultVariants: { state: "unsigned" }
-  }
-), L = k(
-  ({
-    state: s = "unsigned",
-    insetInlineStart: o,
-    insetBlockStart: a,
-    inlineSize: t,
-    blockSize: l,
-    onActivate: d,
-    signedImageSrc: c,
-    label: r,
-    disabled: m = !1,
-    id: v,
-    className: p,
-    ...b
-  }, h) => {
-    const { t: i } = y(), u = m || s === "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 x = r ?? i("signatureField.prompt"), z = s === "signing" ? r ? i("signatureField.signingNamed", { label: r }) : i("signatureField.signing") : s === "signed" ? r ? i("signatureField.signedNamed", { label: r }) : i("signatureField.signed") : r ?? i("signatureField.unsigned");
-    function F(j) {
-      if (u) {
-        j.preventDefault();
-        return;
-      }
-      d == null || d();
-    }
-    return /* @__PURE__ */ e(
-      "button",
-      {
-        ref: h,
-        type: "button",
-        ...b,
-        "data-component": "signature-field",
-        "data-component-id": v,
-        "data-state": s,
-        "aria-label": z,
-        "aria-disabled": u || void 0,
-        "aria-busy": s === "signing" || void 0,
-        onClick: F,
-        className: [$({ state: s }), p].filter(Boolean).join(" "),
-        style: n,
-        children: s === "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__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(C, { size: "sm", label: i("signatureField.signing") }) })
-        ) : s === "signed" ? c ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: c,
-            alt: "",
-            "aria-hidden": "true",
-            className: "ds:block-size-full ds:inline-size-full ds:object-contain"
-          }
-        ) : /* @__PURE__ */ g(f, { children: [
-          /* @__PURE__ */ e(
-            _,
-            {
-              "aria-hidden": "true",
-              className: "ds:block-size-4 ds:inline-size-4 ds:text-[var(--success)]"
-            }
-          ),
-          /* @__PURE__ */ e("span", { children: i("signatureField.signed") })
-        ] }) : /* @__PURE__ */ g(f, { children: [
-          /* @__PURE__ */ e(
-            S,
-            {
-              "aria-hidden": "true",
-              className: "ds:block-size-4 ds:inline-size-4"
-            }
-          ),
-          /* @__PURE__ */ e("span", { children: x })
-        ] })
-      }
-    );
-  }
-);
-L.displayName = "SignatureField";
-export {
-  L as S,
-  $ as s
-};
-//# sourceMappingURL=signature-field-DhscKdgk.js.map