revproof 0.1.0

package/README.md

@@ -0,0 +1,59 @@
+# revproof
+
+Drop verified revenue badges, reviews and testimonials into your React app. The
+proof is rendered by RevProof (isolated iframe + shadow DOM), so it can't be
+faked or restyled — you place and theme the frame, not the seal.
+
+## Install
+
+```bash
+npm i revproof
+```
+
+## Use
+
+Get a **publishable key** and allow-list your domain in your RevProof dashboard →
+**Embed**. The publishable key is safe to ship in frontend code — it only works
+from the domains you list.
+
+```tsx
+import { RevProofProvider, RevProofBadge, RevProofReviews, RevProofTestimonials, RevProofVerified } from "revproof";
+
+export default function Proof() {
+  return (
+    <RevProofProvider publicKey="rp_pub_xxx">
+      <RevProofBadge theme="dark" size="md" />
+      <RevProofVerified metric="mrr" />
+      <RevProofReviews theme="light" columns={2} />
+      <RevProofTestimonials theme="brand" columns={2} />
+    </RevProofProvider>
+  );
+}
+```
+
+## Props you can tweak
+
+| Prop | Components | Values |
+| --- | --- | --- |
+| `theme` | all | `light` · `dark` · `brand` |
+| `size` | badge | `sm` · `md` · `lg` |
+| `columns` | reviews · testimonials | `1` · `2` · `3` |
+| `limit` | reviews | number of reviews |
+| `metric` | verified | `mrr` · `arr` · `revenue30d` · `customers` |
+| CSS vars | reviews · testimonials · verified | `--rp-accent`, `--rp-radius`, `--rp-font` |
+
+### What you can't change (on purpose)
+
+The "✓ Verified" chips, the "Verified by RevProof" seal and heading, and the
+numbers/review text are locked. That's what keeps the proof credible — style the
+frame, not the seal.
+
+## Without React
+
+Any site can use the same widgets with one script tag:
+
+```html
+<script src="https://revproof.app/sdk.js" data-key="rp_pub_xxx" async></script>
+<revproof-badge theme="dark"></revproof-badge>
+<revproof-reviews columns="2"></revproof-reviews>
+```

package/dist/index.cjs

@@ -0,0 +1,59 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DEFAULT_ORIGIN = "https://revproof-production.up.railway.app";
+var injected = false;
+function useSdk(publicKey, origin) {
+  react.useEffect(() => {
+    if (injected || typeof document === "undefined") return;
+    injected = true;
+    const s = document.createElement("script");
+    s.src = origin.replace(/\/$/, "") + "/sdk.js";
+    s.async = true;
+    s.setAttribute("data-key", publicKey);
+    document.head.appendChild(s);
+  }, [publicKey, origin]);
+}
+function RevProofProvider({
+  publicKey,
+  origin = DEFAULT_ORIGIN,
+  children
+}) {
+  useSdk(publicKey, origin);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+function RevProofBadge({
+  publicKey,
+  theme,
+  size,
+  badgeStyle,
+  className
+}) {
+  const ref = react.useCallback(
+    (el) => {
+      if (el && badgeStyle) el.setAttribute("style", badgeStyle);
+    },
+    [badgeStyle]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("revproof-badge", { ref, "data-key": publicKey, theme, size, class: className });
+}
+function RevProofReviews({ publicKey, theme, columns, limit, className, style }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("revproof-reviews", { "data-key": publicKey, theme, columns, limit, class: className, ...style ? { style } : {} });
+}
+function RevProofTestimonials({ publicKey, theme, columns, className, style }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("revproof-testimonials", { "data-key": publicKey, theme, columns, class: className, ...style ? { style } : {} });
+}
+function RevProofVerified({ publicKey, theme, metric, className, style }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("revproof-verified", { "data-key": publicKey, theme, metric, class: className, ...style ? { style } : {} });
+}
+
+exports.RevProofBadge = RevProofBadge;
+exports.RevProofProvider = RevProofProvider;
+exports.RevProofReviews = RevProofReviews;
+exports.RevProofTestimonials = RevProofTestimonials;
+exports.RevProofVerified = RevProofVerified;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["useEffect","useCallback","jsx"],"mappings":";;;;;AASA,IAAM,cAAA,GAAiB,4CAAA;AACvB,IAAI,QAAA,GAAW,KAAA;AAEf,SAAS,MAAA,CAAO,WAAmB,MAAA,EAAgB;AACjD,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAA,IAAY,OAAO,QAAA,KAAa,WAAA,EAAa;AACjD,IAAA,QAAA,GAAW,IAAA;AACX,IAAA,MAAM,CAAA,GAAI,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACzC,IAAA,CAAA,CAAE,GAAA,GAAM,MAAA,CAAO,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA,GAAI,SAAA;AACpC,IAAA,CAAA,CAAE,KAAA,GAAQ,IAAA;AACV,IAAA,CAAA,CAAE,YAAA,CAAa,YAAY,SAAS,CAAA;AACpC,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,CAAC,CAAA;AAAA,EAC7B,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AACxB;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,MAAA,GAAS,cAAA;AAAA,EACT;AACF,CAAA,EAIG;AACD,EAAA,MAAA,CAAO,WAAW,MAAM,CAAA;AACxB,EAAA,6DAAU,QAAA,EAAS,CAAA;AACrB;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAwF;AAGtF,EAAA,MAAM,GAAA,GAAMC,iBAAA;AAAA,IACV,CAAC,EAAA,KAA2B;AAC1B,MAAA,IAAI,EAAA,IAAM,UAAA,EAAY,EAAA,CAAG,YAAA,CAAa,SAAS,UAAU,CAAA;AAAA,IAC3D,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AACA,EAAA,uBAAOC,cAAA,CAAC,oBAAe,GAAA,EAAU,UAAA,EAAU,WAAW,KAAA,EAAc,IAAA,EAAY,OAAO,SAAA,EAAW,CAAA;AACpG;AAEO,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,KAAA,EAAO,SAAS,KAAA,EAAO,SAAA,EAAW,OAAM,EAAmD;AACtI,EAAA,uBAAOA,cAAA,CAAC,kBAAA,EAAA,EAAiB,UAAA,EAAU,SAAA,EAAW,OAAc,OAAA,EAAkB,KAAA,EAAc,KAAA,EAAO,SAAA,EAAY,GAAI,KAAA,GAAQ,EAAE,KAAA,EAAM,GAAI,EAAC,EAAI,CAAA;AAC9I;AAEO,SAAS,qBAAqB,EAAE,SAAA,EAAW,OAAO,OAAA,EAAS,SAAA,EAAW,OAAM,EAA+B;AAChH,EAAA,uBAAOA,cAAA,CAAC,uBAAA,EAAA,EAAsB,UAAA,EAAU,SAAA,EAAW,OAAc,OAAA,EAAkB,KAAA,EAAO,SAAA,EAAY,GAAI,KAAA,GAAQ,EAAE,KAAA,EAAM,GAAI,EAAC,EAAI,CAAA;AACrI;AAEO,SAAS,iBAAiB,EAAE,SAAA,EAAW,OAAO,MAAA,EAAQ,SAAA,EAAW,OAAM,EAAmE;AAC/I,EAAA,uBAAOA,cAAA,CAAC,mBAAA,EAAA,EAAkB,UAAA,EAAU,SAAA,EAAW,OAAc,MAAA,EAAgB,KAAA,EAAO,SAAA,EAAY,GAAI,KAAA,GAAQ,EAAE,KAAA,EAAM,GAAI,EAAC,EAAI,CAAA;AAC/H","file":"index.cjs","sourcesContent":["\"use client\";\n// revproof — thin, SSR-safe wrappers around the RevProof web components.\n// Each component renders the underlying custom element and the provider injects\n// the SDK loader once. The verified marks are rendered by RevProof (iframe /\n// shadow DOM), so nothing here — or in the host app — can restyle or fake them.\nimport { useCallback, useEffect, type CSSProperties, type ReactNode } from \"react\";\n\n// Where the SDK (sdk.js) is served from. Override via <RevProofProvider origin>\n// if you point a custom domain at your RevProof deployment.\nconst DEFAULT_ORIGIN = \"https://revproof-production.up.railway.app\";\nlet injected = false;\n\nfunction useSdk(publicKey: string, origin: string) {\n  useEffect(() => {\n    if (injected || typeof document === \"undefined\") return;\n    injected = true;\n    const s = document.createElement(\"script\");\n    s.src = origin.replace(/\\/$/, \"\") + \"/sdk.js\";\n    s.async = true;\n    s.setAttribute(\"data-key\", publicKey);\n    document.head.appendChild(s);\n  }, [publicKey, origin]);\n}\n\ntype Theme = \"light\" | \"dark\" | \"brand\";\ntype Base = { publicKey?: string; theme?: Theme; className?: string; style?: CSSProperties };\n\n/** Injects the SDK loader once. Wrap your app (or the page) with your publishable key. */\nexport function RevProofProvider({\n  publicKey,\n  origin = DEFAULT_ORIGIN,\n  children,\n}: {\n  publicKey: string;\n  origin?: string;\n  children?: ReactNode;\n}) {\n  useSdk(publicKey, origin);\n  return <>{children}</>;\n}\n\nexport function RevProofBadge({\n  publicKey,\n  theme,\n  size,\n  badgeStyle,\n  className,\n}: Omit<Base, \"style\"> & { size?: \"sm\" | \"md\" | \"lg\"; badgeStyle?: \"seal\" | \"shield\" }) {\n  // The SDK reads the seal/shield variant from the element's `style` attribute,\n  // which React reserves for CSS objects — so set it via a ref instead of a prop.\n  const ref = useCallback(\n    (el: HTMLElement | null) => {\n      if (el && badgeStyle) el.setAttribute(\"style\", badgeStyle);\n    },\n    [badgeStyle]\n  );\n  return <revproof-badge ref={ref} data-key={publicKey} theme={theme} size={size} class={className} />;\n}\n\nexport function RevProofReviews({ publicKey, theme, columns, limit, className, style }: Base & { columns?: 1 | 2 | 3; limit?: number }) {\n  return <revproof-reviews data-key={publicKey} theme={theme} columns={columns} limit={limit} class={className} {...(style ? { style } : {})} />;\n}\n\nexport function RevProofTestimonials({ publicKey, theme, columns, className, style }: Base & { columns?: 1 | 2 }) {\n  return <revproof-testimonials data-key={publicKey} theme={theme} columns={columns} class={className} {...(style ? { style } : {})} />;\n}\n\nexport function RevProofVerified({ publicKey, theme, metric, className, style }: Base & { metric?: \"mrr\" | \"arr\" | \"revenue30d\" | \"customers\" }) {\n  return <revproof-verified data-key={publicKey} theme={theme} metric={metric} class={className} {...(style ? { style } : {})} />;\n}\n\n// Let TSX accept the custom elements. React 19 resolves intrinsics from the\n// `react` module's JSX namespace; React 18 uses the global one — augment both so\n// the package types work in either.\ntype RevProofElements = {\n  \"revproof-badge\": Record<string, unknown>;\n  \"revproof-reviews\": Record<string, unknown>;\n  \"revproof-testimonials\": Record<string, unknown>;\n  \"revproof-verified\": Record<string, unknown>;\n};\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n    interface IntrinsicElements extends RevProofElements {}\n  }\n}\n\ndeclare module \"react\" {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n    interface IntrinsicElements extends RevProofElements {}\n  }\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,50 @@
+import * as react from 'react';
+import { CSSProperties, ReactNode } from 'react';
+
+type Theme = "light" | "dark" | "brand";
+type Base = {
+    publicKey?: string;
+    theme?: Theme;
+    className?: string;
+    style?: CSSProperties;
+};
+/** Injects the SDK loader once. Wrap your app (or the page) with your publishable key. */
+declare function RevProofProvider({ publicKey, origin, children, }: {
+    publicKey: string;
+    origin?: string;
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function RevProofBadge({ publicKey, theme, size, badgeStyle, className, }: Omit<Base, "style"> & {
+    size?: "sm" | "md" | "lg";
+    badgeStyle?: "seal" | "shield";
+}): react.JSX.Element;
+declare function RevProofReviews({ publicKey, theme, columns, limit, className, style }: Base & {
+    columns?: 1 | 2 | 3;
+    limit?: number;
+}): react.JSX.Element;
+declare function RevProofTestimonials({ publicKey, theme, columns, className, style }: Base & {
+    columns?: 1 | 2;
+}): react.JSX.Element;
+declare function RevProofVerified({ publicKey, theme, metric, className, style }: Base & {
+    metric?: "mrr" | "arr" | "revenue30d" | "customers";
+}): react.JSX.Element;
+type RevProofElements = {
+    "revproof-badge": Record<string, unknown>;
+    "revproof-reviews": Record<string, unknown>;
+    "revproof-testimonials": Record<string, unknown>;
+    "revproof-verified": Record<string, unknown>;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements extends RevProofElements {
+        }
+    }
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements extends RevProofElements {
+        }
+    }
+}
+
+export { RevProofBadge, RevProofProvider, RevProofReviews, RevProofTestimonials, RevProofVerified };

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import * as react from 'react';
+import { CSSProperties, ReactNode } from 'react';
+
+type Theme = "light" | "dark" | "brand";
+type Base = {
+    publicKey?: string;
+    theme?: Theme;
+    className?: string;
+    style?: CSSProperties;
+};
+/** Injects the SDK loader once. Wrap your app (or the page) with your publishable key. */
+declare function RevProofProvider({ publicKey, origin, children, }: {
+    publicKey: string;
+    origin?: string;
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function RevProofBadge({ publicKey, theme, size, badgeStyle, className, }: Omit<Base, "style"> & {
+    size?: "sm" | "md" | "lg";
+    badgeStyle?: "seal" | "shield";
+}): react.JSX.Element;
+declare function RevProofReviews({ publicKey, theme, columns, limit, className, style }: Base & {
+    columns?: 1 | 2 | 3;
+    limit?: number;
+}): react.JSX.Element;
+declare function RevProofTestimonials({ publicKey, theme, columns, className, style }: Base & {
+    columns?: 1 | 2;
+}): react.JSX.Element;
+declare function RevProofVerified({ publicKey, theme, metric, className, style }: Base & {
+    metric?: "mrr" | "arr" | "revenue30d" | "customers";
+}): react.JSX.Element;
+type RevProofElements = {
+    "revproof-badge": Record<string, unknown>;
+    "revproof-reviews": Record<string, unknown>;
+    "revproof-testimonials": Record<string, unknown>;
+    "revproof-verified": Record<string, unknown>;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements extends RevProofElements {
+        }
+    }
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements extends RevProofElements {
+        }
+    }
+}
+
+export { RevProofBadge, RevProofProvider, RevProofReviews, RevProofTestimonials, RevProofVerified };

package/dist/index.js

@@ -0,0 +1,53 @@
+"use client";
+import { useCallback, useEffect } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var DEFAULT_ORIGIN = "https://revproof-production.up.railway.app";
+var injected = false;
+function useSdk(publicKey, origin) {
+  useEffect(() => {
+    if (injected || typeof document === "undefined") return;
+    injected = true;
+    const s = document.createElement("script");
+    s.src = origin.replace(/\/$/, "") + "/sdk.js";
+    s.async = true;
+    s.setAttribute("data-key", publicKey);
+    document.head.appendChild(s);
+  }, [publicKey, origin]);
+}
+function RevProofProvider({
+  publicKey,
+  origin = DEFAULT_ORIGIN,
+  children
+}) {
+  useSdk(publicKey, origin);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function RevProofBadge({
+  publicKey,
+  theme,
+  size,
+  badgeStyle,
+  className
+}) {
+  const ref = useCallback(
+    (el) => {
+      if (el && badgeStyle) el.setAttribute("style", badgeStyle);
+    },
+    [badgeStyle]
+  );
+  return /* @__PURE__ */ jsx("revproof-badge", { ref, "data-key": publicKey, theme, size, class: className });
+}
+function RevProofReviews({ publicKey, theme, columns, limit, className, style }) {
+  return /* @__PURE__ */ jsx("revproof-reviews", { "data-key": publicKey, theme, columns, limit, class: className, ...style ? { style } : {} });
+}
+function RevProofTestimonials({ publicKey, theme, columns, className, style }) {
+  return /* @__PURE__ */ jsx("revproof-testimonials", { "data-key": publicKey, theme, columns, class: className, ...style ? { style } : {} });
+}
+function RevProofVerified({ publicKey, theme, metric, className, style }) {
+  return /* @__PURE__ */ jsx("revproof-verified", { "data-key": publicKey, theme, metric, class: className, ...style ? { style } : {} });
+}
+
+export { RevProofBadge, RevProofProvider, RevProofReviews, RevProofTestimonials, RevProofVerified };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":";;;AASA,IAAM,cAAA,GAAiB,4CAAA;AACvB,IAAI,QAAA,GAAW,KAAA;AAEf,SAAS,MAAA,CAAO,WAAmB,MAAA,EAAgB;AACjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAA,IAAY,OAAO,QAAA,KAAa,WAAA,EAAa;AACjD,IAAA,QAAA,GAAW,IAAA;AACX,IAAA,MAAM,CAAA,GAAI,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AACzC,IAAA,CAAA,CAAE,GAAA,GAAM,MAAA,CAAO,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA,GAAI,SAAA;AACpC,IAAA,CAAA,CAAE,KAAA,GAAQ,IAAA;AACV,IAAA,CAAA,CAAE,YAAA,CAAa,YAAY,SAAS,CAAA;AACpC,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,CAAC,CAAA;AAAA,EAC7B,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AACxB;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,MAAA,GAAS,cAAA;AAAA,EACT;AACF,CAAA,EAIG;AACD,EAAA,MAAA,CAAO,WAAW,MAAM,CAAA;AACxB,EAAA,uCAAU,QAAA,EAAS,CAAA;AACrB;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAwF;AAGtF,EAAA,MAAM,GAAA,GAAM,WAAA;AAAA,IACV,CAAC,EAAA,KAA2B;AAC1B,MAAA,IAAI,EAAA,IAAM,UAAA,EAAY,EAAA,CAAG,YAAA,CAAa,SAAS,UAAU,CAAA;AAAA,IAC3D,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AACA,EAAA,uBAAO,GAAA,CAAC,oBAAe,GAAA,EAAU,UAAA,EAAU,WAAW,KAAA,EAAc,IAAA,EAAY,OAAO,SAAA,EAAW,CAAA;AACpG;AAEO,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,KAAA,EAAO,SAAS,KAAA,EAAO,SAAA,EAAW,OAAM,EAAmD;AACtI,EAAA,uBAAO,GAAA,CAAC,kBAAA,EAAA,EAAiB,UAAA,EAAU,SAAA,EAAW,OAAc,OAAA,EAAkB,KAAA,EAAc,KAAA,EAAO,SAAA,EAAY,GAAI,KAAA,GAAQ,EAAE,KAAA,EAAM,GAAI,EAAC,EAAI,CAAA;AAC9I;AAEO,SAAS,qBAAqB,EAAE,SAAA,EAAW,OAAO,OAAA,EAAS,SAAA,EAAW,OAAM,EAA+B;AAChH,EAAA,uBAAO,GAAA,CAAC,uBAAA,EAAA,EAAsB,UAAA,EAAU,SAAA,EAAW,OAAc,OAAA,EAAkB,KAAA,EAAO,SAAA,EAAY,GAAI,KAAA,GAAQ,EAAE,KAAA,EAAM,GAAI,EAAC,EAAI,CAAA;AACrI;AAEO,SAAS,iBAAiB,EAAE,SAAA,EAAW,OAAO,MAAA,EAAQ,SAAA,EAAW,OAAM,EAAmE;AAC/I,EAAA,uBAAO,GAAA,CAAC,mBAAA,EAAA,EAAkB,UAAA,EAAU,SAAA,EAAW,OAAc,MAAA,EAAgB,KAAA,EAAO,SAAA,EAAY,GAAI,KAAA,GAAQ,EAAE,KAAA,EAAM,GAAI,EAAC,EAAI,CAAA;AAC/H","file":"index.js","sourcesContent":["\"use client\";\n// revproof — thin, SSR-safe wrappers around the RevProof web components.\n// Each component renders the underlying custom element and the provider injects\n// the SDK loader once. The verified marks are rendered by RevProof (iframe /\n// shadow DOM), so nothing here — or in the host app — can restyle or fake them.\nimport { useCallback, useEffect, type CSSProperties, type ReactNode } from \"react\";\n\n// Where the SDK (sdk.js) is served from. Override via <RevProofProvider origin>\n// if you point a custom domain at your RevProof deployment.\nconst DEFAULT_ORIGIN = \"https://revproof-production.up.railway.app\";\nlet injected = false;\n\nfunction useSdk(publicKey: string, origin: string) {\n  useEffect(() => {\n    if (injected || typeof document === \"undefined\") return;\n    injected = true;\n    const s = document.createElement(\"script\");\n    s.src = origin.replace(/\\/$/, \"\") + \"/sdk.js\";\n    s.async = true;\n    s.setAttribute(\"data-key\", publicKey);\n    document.head.appendChild(s);\n  }, [publicKey, origin]);\n}\n\ntype Theme = \"light\" | \"dark\" | \"brand\";\ntype Base = { publicKey?: string; theme?: Theme; className?: string; style?: CSSProperties };\n\n/** Injects the SDK loader once. Wrap your app (or the page) with your publishable key. */\nexport function RevProofProvider({\n  publicKey,\n  origin = DEFAULT_ORIGIN,\n  children,\n}: {\n  publicKey: string;\n  origin?: string;\n  children?: ReactNode;\n}) {\n  useSdk(publicKey, origin);\n  return <>{children}</>;\n}\n\nexport function RevProofBadge({\n  publicKey,\n  theme,\n  size,\n  badgeStyle,\n  className,\n}: Omit<Base, \"style\"> & { size?: \"sm\" | \"md\" | \"lg\"; badgeStyle?: \"seal\" | \"shield\" }) {\n  // The SDK reads the seal/shield variant from the element's `style` attribute,\n  // which React reserves for CSS objects — so set it via a ref instead of a prop.\n  const ref = useCallback(\n    (el: HTMLElement | null) => {\n      if (el && badgeStyle) el.setAttribute(\"style\", badgeStyle);\n    },\n    [badgeStyle]\n  );\n  return <revproof-badge ref={ref} data-key={publicKey} theme={theme} size={size} class={className} />;\n}\n\nexport function RevProofReviews({ publicKey, theme, columns, limit, className, style }: Base & { columns?: 1 | 2 | 3; limit?: number }) {\n  return <revproof-reviews data-key={publicKey} theme={theme} columns={columns} limit={limit} class={className} {...(style ? { style } : {})} />;\n}\n\nexport function RevProofTestimonials({ publicKey, theme, columns, className, style }: Base & { columns?: 1 | 2 }) {\n  return <revproof-testimonials data-key={publicKey} theme={theme} columns={columns} class={className} {...(style ? { style } : {})} />;\n}\n\nexport function RevProofVerified({ publicKey, theme, metric, className, style }: Base & { metric?: \"mrr\" | \"arr\" | \"revenue30d\" | \"customers\" }) {\n  return <revproof-verified data-key={publicKey} theme={theme} metric={metric} class={className} {...(style ? { style } : {})} />;\n}\n\n// Let TSX accept the custom elements. React 19 resolves intrinsics from the\n// `react` module's JSX namespace; React 18 uses the global one — augment both so\n// the package types work in either.\ntype RevProofElements = {\n  \"revproof-badge\": Record<string, unknown>;\n  \"revproof-reviews\": Record<string, unknown>;\n  \"revproof-testimonials\": Record<string, unknown>;\n  \"revproof-verified\": Record<string, unknown>;\n};\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n    interface IntrinsicElements extends RevProofElements {}\n  }\n}\n\ndeclare module \"react\" {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n    interface IntrinsicElements extends RevProofElements {}\n  }\n}\n"]}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "revproof",
+  "version": "0.1.0",
+  "description": "React components for RevProof verified badges, reviews and testimonials — proof you can't fake.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": ["revproof", "verified", "reviews", "testimonials", "badge", "social-proof"],
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  }
+}