@coinbase/cdp-react 0.0.78 → 0.0.80

package/dist/components/forms/ExchangeAmountInput/index.d.ts

@@ -1,3 +1,3 @@
 import { InputHTMLAttributes } from 'react';
 import { ExchangeAmountInputProps } from './types';
-export declare const ExchangeAmountInput: import('react').ForwardRefExoticComponent<ExchangeAmountInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "max" | "min" | "onChange" | "inputMode"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const ExchangeAmountInput: import('react').ForwardRefExoticComponent<ExchangeAmountInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "inputMode" | "onChange" | "max" | "min"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/forms/OTPForm/index.d.ts

@@ -1,6 +1,6 @@
 import { APIError } from '@coinbase/cdp-hooks';
 import { FormHTMLAttributes, Ref } from 'react';
-export interface OTPFormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "children"> {
+export interface OTPFormProps extends FormHTMLAttributes<HTMLFormElement> {
     canResetOTP?: boolean;
     error?: string | APIError;
     isPending?: boolean;
@@ -13,4 +13,4 @@ export interface OTPFormProps extends Omit<FormHTMLAttributes<HTMLFormElement>,
     resendCountdown?: number | null;
     successMessage?: string;
 }
-export declare const OTPForm: ({ canResetOTP, error, isPending, onOTPChange, onResendOTP, otp, otpInputsRef, passwordLength, resendCountdown, successMessage, ...props }: OTPFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OTPForm: ({ canResetOTP, children, error, isPending, onOTPChange, onResendOTP, otp, otpInputsRef, passwordLength, resendCountdown, successMessage, ...props }: OTPFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/OTPForm/index.js

@@ -1,77 +1,94 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "@coinbase/cdp-hooks";
-import { Form as u, FormSubmit as h } from "@radix-ui/react-form";
+import { Form as F } from "@radix-ui/react-form";
+import { c as w } from "../../../chunks/lite.1fxw3LjI.js";
 import "react";
-import { OTP as v } from "../OTP/index.js";
-import { Button as F } from "../../ui/Button/index.js";
-import { LoadingSpinner as N } from "../../ui/LoadingSpinner/index.js";
-import { VisuallyHidden as g } from "../../ui/VisuallyHidden/index.js";
-import { isApiError as b } from "../../../utils/isApiError.js";
+import { OTP as N } from "../OTP/index.js";
+import { Button as v } from "../../ui/Button/index.js";
+import { LoadingSpinner as m } from "../../ui/LoadingSpinner/index.js";
+import { VisuallyHidden as y } from "../../ui/VisuallyHidden/index.js";
+import { isApiError as O } from "../../../utils/isApiError.js";
 import "libphonenumber-js";
-import '../../../assets/OTPForm.css';const o = {
+import '../../../assets/OTPForm.css';const r = {
   "otp-form": "OTPForm-module__otp-form___G1-63",
-  "form-footer": "OTPForm-module__form-footer___ybmdd",
-  "server-state-wrapper": "OTPForm-module__server-state-wrapper___R5j5k",
+  "resend-controls": "OTPForm-module__resend-controls___yFns-",
+  "loading-spinner-wrapper": "OTPForm-module__loading-spinner-wrapper___iw7f0",
+  "resend-controls-spinner-wrapper": "OTPForm-module__resend-controls-spinner-wrapper___AyU3A",
   "loading-spinner": "OTPForm-module__loading-spinner___8N9XU",
   "resend-wrapper": "OTPForm-module__resend-wrapper___aZUAz",
   "reset-timer": "OTPForm-module__reset-timer___7ElWj"
-}, A = ({
-  canResetOTP: m,
-  error: t,
+}, V = ({
+  canResetOTP: s,
+  children: d,
+  error: i,
   isPending: a,
-  onOTPChange: s,
+  onOTPChange: t,
   onResendOTP: l,
-  otp: p,
-  otpInputsRef: d,
-  passwordLength: n,
-  resendCountdown: i,
-  successMessage: _,
-  ...c
-}) => /* @__PURE__ */ r(u, { ...c, children: [
-  /* @__PURE__ */ e(
-    v,
-    {
-      ref: d,
-      name: "otp",
-      "aria-label": "Enter code",
-      autoSubmit: !0,
-      passwordLength: n || 6,
-      value: p,
-      error: b(t) ? t.message : t,
-      onChange: (f) => f.preventDefault(),
-      onValueChange: s,
-      className: o["otp-form"],
-      successMessage: _
-    }
-  ),
-  /* @__PURE__ */ r("div", { className: o["form-footer"], children: [
-    a && !m && /* @__PURE__ */ e("div", { className: o["server-state-wrapper"], children: a && !m && /* @__PURE__ */ e(N, { className: o["loading-spinner"] }) }),
-    /* @__PURE__ */ r("div", { className: o["resend-wrapper"], children: [
-      m && /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
-        F,
+  otp: _,
+  otpInputsRef: c,
+  passwordLength: u,
+  resendCountdown: n,
+  successMessage: h,
+  ...f
+}) => {
+  const p = !!l;
+  return /* @__PURE__ */ o(F, { ...f, children: [
+    /* @__PURE__ */ e(
+      N,
+      {
+        ref: c,
+        name: "otp",
+        "aria-label": "Enter code",
+        autoSubmit: !0,
+        passwordLength: u || 6,
+        value: _,
+        error: O(i) ? i.message : i,
+        onChange: (g) => g.preventDefault(),
+        onValueChange: t,
+        className: r["otp-form"],
+        successMessage: h
+      }
+    ),
+    !p && a && /* @__PURE__ */ e("div", { className: r["loading-spinner-wrapper"], children: /* @__PURE__ */ e(m, { className: r["loading-spinner"] }) }),
+    p && /* @__PURE__ */ o("div", { className: r["resend-controls"], children: [
+      a && !s && /* @__PURE__ */ e(
+        "div",
         {
-          type: "button",
-          onClick: l,
-          isPending: a,
-          variant: "linkPrimary",
-          children: "Resend code"
+          className: w(
+            r["loading-spinner-wrapper"],
+            r["resend-controls-spinner-wrapper"]
+          ),
+          children: /* @__PURE__ */ e(m, { className: r["loading-spinner"] })
         }
-      ) }),
-      !m && i !== null && /* @__PURE__ */ e("div", { className: o["reset-timer"], children: /* @__PURE__ */ r("p", { children: [
-        "Resend code in ",
-        /* @__PURE__ */ r("span", { "aria-hidden": "true", children: [
-          i,
-          "s"
-        ] }),
-        /* @__PURE__ */ r(g, { children: [
-          i,
-          " ",
-          i === 1 ? "second" : "seconds"
-        ] })
-      ] }) })
-    ] })
-  ] })
-] });
+      ),
+      /* @__PURE__ */ o("div", { className: r["resend-wrapper"], children: [
+        s && /* @__PURE__ */ e(
+          v,
+          {
+            type: "button",
+            onClick: l,
+            isPending: a,
+            variant: "linkPrimary",
+            children: "Resend code"
+          }
+        ),
+        !s && n !== null && /* @__PURE__ */ e("div", { className: r["reset-timer"], children: /* @__PURE__ */ o("p", { children: [
+          "Resend code in ",
+          /* @__PURE__ */ o("span", { "aria-hidden": "true", children: [
+            n,
+            "s"
+          ] }),
+          /* @__PURE__ */ o(y, { children: [
+            n,
+            " ",
+            n === 1 ? "second" : "seconds"
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    d
+  ] });
+};
 export {
-  A as OTPForm
+  V as OTPForm
 };

package/dist/components/ui/Badge/index.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+    variant?: "primary" | "secondary" | "warning";
+}
+export declare const Badge: ({ children, className, variant, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Badge/index.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/lite.1fxw3LjI.js";
+import "react";
+import '../../../assets/Badge.css';const d = "Badge-module__badge___IxlOE", m = {
+  badge: d
+}, p = ({ children: a, className: e = "", variant: r = "primary", ...s }) => /* @__PURE__ */ t("span", { className: o(m.badge, e), "data-variant": r, ...s, children: a });
+export {
+  p as Badge
+};

package/dist/components/ui/CopyTextField/index.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface CopyTextFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    value: string;
+    displayValue?: ReactNode;
+    label?: string;
+    copyAriaLabel?: string;
+    onCopy?: () => void;
+    onCopySuccess?: () => void;
+}
+export declare const CopyTextField: ({ className, value, displayValue, label, copyAriaLabel, onCopy, onCopySuccess, ...props }: CopyTextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/CopyTextField/index.js

@@ -0,0 +1,81 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as _ } from "../../../chunks/lite.1fxw3LjI.js";
+import { useRef as b, useState as C, useCallback as f } from "react";
+import { Label as T } from "../../forms/Label/index.js";
+import { IconCheck as h } from "../../../icons/IconCheck.js";
+import { IconCopy as F } from "../../../icons/IconCopy.js";
+import '../../../assets/CopyTextField.css';const N = "CopyTextField-module__label___gpVUi", I = "CopyTextField-module__disabled___HTUmj", e = {
+  "copy-text-field": "CopyTextField-module__copy-text-field___zvHRO",
+  "visually-hidden": "CopyTextField-module__visually-hidden___-sZqH",
+  label: N,
+  "input-container": "CopyTextField-module__input-container___tSIdj",
+  "text-truncated": "CopyTextField-module__text-truncated___mKZc-",
+  disabled: I,
+  "copy-button": "CopyTextField-module__copy-button___U0AJC",
+  "success-icon": "CopyTextField-module__success-icon___uzpP3",
+  "copy-icon": "CopyTextField-module__copy-icon___FKK7q"
+}, R = ({
+  className: u = "",
+  value: o,
+  displayValue: m,
+  label: a,
+  copyAriaLabel: y = "Copy",
+  onCopy: l,
+  onCopySuccess: d,
+  ...i
+}) => {
+  const c = b(null), [x, s] = C(!1), n = i["aria-disabled"] === !0 || i["aria-disabled"] === "true", r = f(() => {
+    if (o) {
+      l?.();
+      try {
+        if (navigator.clipboard)
+          navigator.clipboard.writeText(o);
+        else
+          throw new Error("Clipboard API not supported");
+      } catch {
+        c.current?.select(), document.execCommand("copy");
+      }
+      s(!0), setTimeout(() => {
+        s(!1);
+      }, 2e3), d?.();
+    }
+  }, [o, l, d]);
+  return /* @__PURE__ */ p("div", { className: _(e["copy-text-field"], u), ...i, children: [
+    a && /* @__PURE__ */ t(T, { as: "span", className: e.label, "data-part": "label", children: a }),
+    /* @__PURE__ */ p("div", { className: e["input-container"], onClick: r, "data-part": "input-container", children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: _(e["text-truncated"], n ? e.disabled : ""),
+          "data-part": "input-text",
+          children: m ?? o
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": y,
+          onClick: r,
+          className: e["copy-button"],
+          children: x ? /* @__PURE__ */ t(h, { className: e["success-icon"] }) : /* @__PURE__ */ t(F, { className: e["copy-icon"] })
+        }
+      ),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ref: c,
+          type: "text",
+          value: o,
+          readOnly: !0,
+          "aria-disabled": n,
+          className: e["visually-hidden"],
+          tabIndex: -1
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  R as CopyTextField
+};

package/dist/components/ui/Modal/index.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { Dialog as _, DialogTitle as p, DialogDescription as g, DialogPortal as M, DialogOverlay as D, DialogContent as f, DialogClose as u, DialogTrigger as y } from "@radix-ui/react-dialog";
+import { DialogPortal as _, DialogOverlay as p, DialogContent as g, Dialog as M, DialogTitle as D, DialogDescription as f, DialogClose as u, DialogTrigger as y } from "@radix-ui/react-dialog";
 import { c as e } from "../../../chunks/lite.1fxw3LjI.js";
 import { forwardRef as v, useMemo as C } from "react";
 import { useTheme as T } from "../../ThemeProvider/index.js";
@@ -13,14 +13,14 @@ import '../../../assets/Modal.css';const x = "Modal-module__modal___MUsZA", N =
       () => ({ ...s, ...l }),
       [s, l]
     );
-    return /* @__PURE__ */ o(M, { children: /* @__PURE__ */ n(D, { className: e(a.overlay, c), style: m, children: [
+    return /* @__PURE__ */ o(_, { children: /* @__PURE__ */ n(p, { className: e(a.overlay, c), style: m, children: [
       /* @__PURE__ */ o("div", { className: a.spacer }),
-      /* @__PURE__ */ o(f, { ...i, ref: d, className: e(a.modal, t), children: r })
+      /* @__PURE__ */ o(g, { ...i, ref: d, className: e(a.modal, t), children: r })
     ] }) });
   }
 );
 j.displayName = "ModalContent";
-const w = _, G = u, I = g, P = p, Q = y;
+const w = M, G = u, I = f, P = D, Q = y;
 export {
   w as Modal,
   G as ModalClose,

package/dist/components/ui/QRCode/QRCodeSvg.d.ts

@@ -0,0 +1,17 @@
+export type QRCodeSVGProps = {
+    value: string;
+    size?: number;
+    color?: string;
+    backgroundColor?: string;
+    logo?: {
+        uri: string;
+    };
+    logoSize?: number;
+    logoBackgroundColor?: string;
+    logoMargin?: number;
+    logoBorderRadius?: number;
+    ecl?: "L" | "M" | "Q" | "H";
+    isAsyncDataFetched?: boolean;
+    cornerFillColor?: string;
+};
+export declare function QRCodeSVG({ value, size, color, backgroundColor, logo, logoSize, logoBackgroundColor, logoMargin, logoBorderRadius, ecl, cornerFillColor, }: QRCodeSVGProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ui/QRCode/QRCodeSvg.js

@@ -0,0 +1,57 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useMemo as L } from "react";
+import { useCorners as v } from "./useCorners.js";
+import { useDotsPath as w } from "./useDotsPath.js";
+import { useLogo as b } from "./useLogo.js";
+import { useMatrix as j } from "./useMatrix.js";
+const q = 2;
+function N({
+  value: i,
+  size: t = 100,
+  color: d = "black",
+  backgroundColor: e = "white",
+  logo: f,
+  logoSize: c = t * 0.2,
+  logoBackgroundColor: p = "transparent",
+  logoMargin: h = 5,
+  logoBorderRadius: s = 0,
+  ecl: u = "Q",
+  cornerFillColor: l
+}) {
+  const o = j(i, u), r = t / o.length * q, g = v(t, o.length, e, l), x = L(() => [-r, -r, t + r * 2, t + r * 2].join(" "), [r, t]), k = b({
+    size: t,
+    logo: f,
+    logoSize: c,
+    logoBackgroundColor: p,
+    logoMargin: h,
+    logoBorderRadius: s
+  }), a = w({
+    matrix: o,
+    size: t,
+    logoSize: c,
+    logoMargin: h,
+    logoBorderRadius: s,
+    hasLogo: !1
+  });
+  return a ? /* @__PURE__ */ m("svg", { viewBox: x, width: t, height: t, "data-testid": "qr-code-svg", children: [
+    /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n(
+      "rect",
+      {
+        x: -r,
+        y: -r,
+        width: t + r * 2,
+        height: t + r * 2,
+        fill: e,
+        "data-testid": "qr-code-background"
+      }
+    ) }),
+    /* @__PURE__ */ m("g", { children: [
+      /* @__PURE__ */ n("path", { d: a, fill: d, strokeLinecap: "butt", stroke: "black", strokeWidth: 0 }),
+      g,
+      k
+    ] })
+  ] }) : null;
+}
+export {
+  N as QRCodeSVG
+};

package/dist/components/ui/QRCode/index.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+import { QRCodeSVGProps } from './QRCodeSvg';
+type QRCodeProps = QRCodeSVGProps & Omit<HTMLAttributes<HTMLDivElement>, "children">;
+export declare const QRCode: ({ value, size, color, backgroundColor, ecl, isAsyncDataFetched, cornerFillColor, className, ...props }: QRCodeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/QRCode/index.js

@@ -0,0 +1,31 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as p } from "../../../chunks/lite.1fxw3LjI.js";
+import "react";
+import { QRCodeSVG as l } from "./QRCodeSvg.js";
+import '../../../assets/QRCode.css';const _ = {
+  "qr-code": "QRCode-module__qr-code___Ourka"
+}, x = ({
+  value: r,
+  size: e,
+  color: d,
+  backgroundColor: t,
+  ecl: c,
+  isAsyncDataFetched: m,
+  cornerFillColor: s,
+  className: a = "",
+  ...i
+}) => /* @__PURE__ */ o("div", { className: p(_["qr-code"], a), "data-part": "qr-code", ...i, children: /* @__PURE__ */ o(
+  l,
+  {
+    value: r,
+    size: e,
+    color: d,
+    backgroundColor: t,
+    isAsyncDataFetched: m,
+    ecl: c,
+    cornerFillColor: s
+  }
+) });
+export {
+  x as QRCode
+};

package/dist/components/ui/QRCode/useCorners.d.ts

@@ -0,0 +1 @@
+export declare function useCorners(size: number, matrixLength: number, backgroundColor: string, fillColor?: string): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/QRCode/useCorners.js

@@ -0,0 +1,72 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useMemo as y } from "react";
+import { CORNER_SIZE as d } from "./useDotsPath.js";
+function k(r, x, c, i = "black") {
+  const s = r / x, t = s * d, h = s * 2, n = s;
+  return y(
+    () => /* @__PURE__ */ o("g", { children: [
+      /* @__PURE__ */ e("rect", { x: "0", y: "0", rx: 9.5, ry: 9.5, width: t, height: t, fill: i }),
+      /* @__PURE__ */ e(
+        "rect",
+        {
+          x: "0",
+          y: r - t,
+          rx: 9.5,
+          ry: 9.5,
+          width: t,
+          height: t,
+          fill: i
+        }
+      ),
+      /* @__PURE__ */ e(
+        "rect",
+        {
+          x: r - t,
+          y: "0",
+          rx: 9.5,
+          ry: 9.5,
+          width: t,
+          height: t,
+          fill: i
+        }
+      ),
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: t / 2,
+          cy: t / 2,
+          r: h,
+          stroke: c,
+          strokeWidth: n,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: t / 2,
+          cy: r - t / 2,
+          r: h,
+          stroke: c,
+          strokeWidth: n,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: r - t / 2,
+          cy: t / 2,
+          r: h,
+          stroke: c,
+          strokeWidth: n,
+          fill: "none"
+        }
+      )
+    ] }),
+    [c, h, n, i, t, r]
+  );
+}
+export {
+  k as useCorners
+};

package/dist/components/ui/QRCode/useDotsPath.d.ts

@@ -0,0 +1,11 @@
+export declare const CORNER_SIZE = 7;
+type UseDotsPathProps = {
+    matrix: number[][];
+    size: number;
+    logoSize: number;
+    logoMargin: number;
+    logoBorderRadius: number;
+    hasLogo: boolean;
+};
+export declare function useDotsPath({ matrix, size, logoSize, logoMargin, logoBorderRadius, hasLogo, }: UseDotsPathProps): string;
+export {};

package/dist/components/ui/QRCode/useDotsPath.js

@@ -0,0 +1,66 @@
+import { useMemo as R } from "react";
+const M = [
+  [1, 1, 1, 1, 1, 1, 1],
+  [1, 0, 0, 0, 0, 0, 1],
+  [1, 0, 0, 0, 0, 0, 1],
+  [1, 0, 0, 0, 0, 0, 1],
+  [1, 0, 0, 0, 0, 0, 1],
+  [1, 0, 0, 0, 0, 0, 1],
+  [1, 1, 1, 1, 1, 1, 1]
+], D = [
+  [0, 0, 0, 0, 0, 0, 0],
+  [0, 0, 0, 0, 0, 0, 0],
+  [0, 0, 1, 1, 1, 0, 0],
+  [0, 0, 1, 1, 1, 0, 0],
+  [0, 0, 1, 1, 1, 0, 0],
+  [0, 0, 0, 0, 0, 0, 0],
+  [0, 0, 0, 0, 0, 0, 0]
+];
+function S(o, f, u, a) {
+  return Math.sqrt((a - f) ** 2 + (u - o) ** 2);
+}
+const h = 7;
+function A({
+  matrix: o,
+  size: f,
+  logoSize: u,
+  logoMargin: a,
+  logoBorderRadius: $,
+  hasLogo: m
+}) {
+  return R(() => {
+    const d = f / o.length;
+    let I = "";
+    const s = o.length;
+    return o.forEach((E, t) => {
+      E.forEach((g, n) => {
+        if (!(M[t]?.[n] || M[t - s + h]?.[n] || M[t]?.[n - s + h]) && !(D[t]?.[n] || D[t - s + h]?.[n] || D[t]?.[n - s + h])) {
+          if (m) {
+            const i = $ >= u / 2, l = u + a * 2, e = f / s, p = l / e, c = Math.floor(s / 2);
+            if (i) {
+              const r = p / 2;
+              if (S(n, t, c, c) - 0.5 <= r)
+                return;
+            } else {
+              const r = Math.ceil(p / 2);
+              if (t <= c + r && t >= c - r && n <= c + r && n >= c - r)
+                return;
+            }
+          }
+          if (g) {
+            const i = d * n + d / 2, l = d * t + d / 2, e = d / 2;
+            I += `
+    M ${i} ${l - e}
+    A ${e} ${e} 0 1 1 ${i - 0.01} ${l - e}
+    Z
+  `;
+          }
+        }
+      });
+    }), I;
+  }, [m, $, a, u, o, f]);
+}
+export {
+  h as CORNER_SIZE,
+  A as useDotsPath
+};

package/dist/components/ui/QRCode/useLogo.d.ts

@@ -0,0 +1,12 @@
+type RenderLogoProps = {
+    size: number;
+    logo: {
+        uri: string;
+    } | undefined;
+    logoSize: number;
+    logoBackgroundColor: string;
+    logoMargin: number;
+    logoBorderRadius: number;
+};
+export declare function useLogo({ size, logo, logoSize, logoBackgroundColor, logoMargin, logoBorderRadius, }: RenderLogoProps): import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/components/ui/QRCode/useLogo.js

@@ -0,0 +1,52 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+function x({
+  size: n,
+  logo: e,
+  logoSize: t,
+  logoBackgroundColor: p,
+  logoMargin: h,
+  logoBorderRadius: c
+}) {
+  return u(() => {
+    if (!e)
+      return;
+    const d = (n - t - h * 2) / 2, i = t + h * 2, s = c + h / t * c, f = n / 2 - t / 2;
+    return /* @__PURE__ */ l("g", { x: d, y: d, children: [
+      /* @__PURE__ */ l("defs", { children: [
+        /* @__PURE__ */ r("clipPath", { id: "clip-logo-background", children: /* @__PURE__ */ r(
+          "rect",
+          {
+            width: i,
+            height: i,
+            rx: s,
+            ry: s
+          }
+        ) }),
+        /* @__PURE__ */ r("clipPath", { id: "clip-logo", children: /* @__PURE__ */ r("rect", { width: t, height: t, rx: c, ry: c }) })
+      ] }),
+      /* @__PURE__ */ r("g", { children: /* @__PURE__ */ r(
+        "rect",
+        {
+          width: i,
+          height: i,
+          fill: p,
+          clipPath: "url(#clip-logo-background)"
+        }
+      ) }),
+      /* @__PURE__ */ r("g", { transform: `translate(${f}, ${f})`, children: /* @__PURE__ */ r(
+        "image",
+        {
+          width: t,
+          height: t,
+          preserveAspectRatio: "xMidYMid slice",
+          href: e.uri,
+          clipPath: "url(#clip-logo)"
+        }
+      ) })
+    ] });
+  }, [e, p, c, h, t, n]);
+}
+export {
+  x as useLogo
+};

package/dist/components/ui/QRCode/useMatrix.d.ts

@@ -0,0 +1 @@
+export declare function useMatrix(value: string, errorCorrectionLevel: "L" | "M" | "Q" | "H"): any;