@ai-billing/nextjs 0.0.0

package/dist/styles.cjs

@@ -0,0 +1,83 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  barLabels: () => barLabels,
+  barTrack: () => barTrack,
+  bigNumber: () => bigNumber,
+  cardBase: () => cardBase,
+  heading: () => heading,
+  mutedText: () => mutedText,
+  subLabel: () => subLabel
+});
+module.exports = __toCommonJS(styles_exports);
+const cardBase = {
+  fontFamily: "inherit",
+  width: "100%",
+  boxSizing: "border-box",
+  background: "var(--card)",
+  color: "var(--card-foreground)",
+  border: "1px solid var(--border)",
+  borderRadius: "var(--radius, 0.75rem)",
+  padding: "20px 24px"
+};
+const heading = {
+  margin: "0 0 4px",
+  fontSize: "13px",
+  color: "var(--muted-foreground)"
+};
+const mutedText = {
+  margin: 0,
+  fontSize: "13px",
+  color: "var(--muted-foreground)"
+};
+const bigNumber = {
+  fontSize: "28px",
+  fontWeight: 700,
+  color: "var(--foreground)",
+  letterSpacing: "-0.5px"
+};
+const subLabel = {
+  fontSize: "14px",
+  color: "var(--muted-foreground)"
+};
+const barTrack = {
+  height: "6px",
+  borderRadius: "3px",
+  background: "var(--muted)",
+  overflow: "hidden",
+  marginBottom: "8px"
+};
+const barLabels = {
+  display: "flex",
+  justifyContent: "space-between",
+  fontSize: "12px",
+  color: "var(--muted-foreground)"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  barLabels,
+  barTrack,
+  bigNumber,
+  cardBase,
+  heading,
+  mutedText,
+  subLabel
+});
+//# sourceMappingURL=styles.cjs.map

package/dist/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles.ts"],"sourcesContent":["import type React from 'react';\n\nexport const cardBase: React.CSSProperties = {\n  fontFamily: 'inherit',\n  width: '100%',\n  boxSizing: 'border-box',\n  background: 'var(--card)',\n  color: 'var(--card-foreground)',\n  border: '1px solid var(--border)',\n  borderRadius: 'var(--radius, 0.75rem)',\n  padding: '20px 24px',\n};\n\nexport const heading: React.CSSProperties = {\n  margin: '0 0 4px',\n  fontSize: '13px',\n  color: 'var(--muted-foreground)',\n};\n\nexport const mutedText: React.CSSProperties = {\n  margin: 0,\n  fontSize: '13px',\n  color: 'var(--muted-foreground)',\n};\n\nexport const bigNumber: React.CSSProperties = {\n  fontSize: '28px',\n  fontWeight: 700,\n  color: 'var(--foreground)',\n  letterSpacing: '-0.5px',\n};\n\nexport const subLabel: React.CSSProperties = {\n  fontSize: '14px',\n  color: 'var(--muted-foreground)',\n};\n\nexport const barTrack: React.CSSProperties = {\n  height: '6px',\n  borderRadius: '3px',\n  background: 'var(--muted)',\n  overflow: 'hidden',\n  marginBottom: '8px',\n};\n\nexport const barLabels: React.CSSProperties = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: '12px',\n  color: 'var(--muted-foreground)',\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,WAAgC;AAAA,EAC3C,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AACX;AAEO,MAAM,UAA+B;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,YAAiC;AAAA,EAC5C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,YAAiC;AAAA,EAC5C,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AACjB;AAEO,MAAM,WAAgC;AAAA,EAC3C,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,WAAgC;AAAA,EAC3C,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAChB;AAEO,MAAM,YAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,OAAO;AACT;","names":[]}

package/dist/styles.d.cts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+declare const cardBase: React.CSSProperties;
+declare const heading: React.CSSProperties;
+declare const mutedText: React.CSSProperties;
+declare const bigNumber: React.CSSProperties;
+declare const subLabel: React.CSSProperties;
+declare const barTrack: React.CSSProperties;
+declare const barLabels: React.CSSProperties;
+
+export { barLabels, barTrack, bigNumber, cardBase, heading, mutedText, subLabel };

package/dist/styles.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+declare const cardBase: React.CSSProperties;
+declare const heading: React.CSSProperties;
+declare const mutedText: React.CSSProperties;
+declare const bigNumber: React.CSSProperties;
+declare const subLabel: React.CSSProperties;
+declare const barTrack: React.CSSProperties;
+declare const barLabels: React.CSSProperties;
+
+export { barLabels, barTrack, bigNumber, cardBase, heading, mutedText, subLabel };

package/dist/styles.js

@@ -0,0 +1,53 @@
+const cardBase = {
+  fontFamily: "inherit",
+  width: "100%",
+  boxSizing: "border-box",
+  background: "var(--card)",
+  color: "var(--card-foreground)",
+  border: "1px solid var(--border)",
+  borderRadius: "var(--radius, 0.75rem)",
+  padding: "20px 24px"
+};
+const heading = {
+  margin: "0 0 4px",
+  fontSize: "13px",
+  color: "var(--muted-foreground)"
+};
+const mutedText = {
+  margin: 0,
+  fontSize: "13px",
+  color: "var(--muted-foreground)"
+};
+const bigNumber = {
+  fontSize: "28px",
+  fontWeight: 700,
+  color: "var(--foreground)",
+  letterSpacing: "-0.5px"
+};
+const subLabel = {
+  fontSize: "14px",
+  color: "var(--muted-foreground)"
+};
+const barTrack = {
+  height: "6px",
+  borderRadius: "3px",
+  background: "var(--muted)",
+  overflow: "hidden",
+  marginBottom: "8px"
+};
+const barLabels = {
+  display: "flex",
+  justifyContent: "space-between",
+  fontSize: "12px",
+  color: "var(--muted-foreground)"
+};
+export {
+  barLabels,
+  barTrack,
+  bigNumber,
+  cardBase,
+  heading,
+  mutedText,
+  subLabel
+};
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles.ts"],"sourcesContent":["import type React from 'react';\n\nexport const cardBase: React.CSSProperties = {\n  fontFamily: 'inherit',\n  width: '100%',\n  boxSizing: 'border-box',\n  background: 'var(--card)',\n  color: 'var(--card-foreground)',\n  border: '1px solid var(--border)',\n  borderRadius: 'var(--radius, 0.75rem)',\n  padding: '20px 24px',\n};\n\nexport const heading: React.CSSProperties = {\n  margin: '0 0 4px',\n  fontSize: '13px',\n  color: 'var(--muted-foreground)',\n};\n\nexport const mutedText: React.CSSProperties = {\n  margin: 0,\n  fontSize: '13px',\n  color: 'var(--muted-foreground)',\n};\n\nexport const bigNumber: React.CSSProperties = {\n  fontSize: '28px',\n  fontWeight: 700,\n  color: 'var(--foreground)',\n  letterSpacing: '-0.5px',\n};\n\nexport const subLabel: React.CSSProperties = {\n  fontSize: '14px',\n  color: 'var(--muted-foreground)',\n};\n\nexport const barTrack: React.CSSProperties = {\n  height: '6px',\n  borderRadius: '3px',\n  background: 'var(--muted)',\n  overflow: 'hidden',\n  marginBottom: '8px',\n};\n\nexport const barLabels: React.CSSProperties = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: '12px',\n  color: 'var(--muted-foreground)',\n};\n"],"mappings":"AAEO,MAAM,WAAgC;AAAA,EAC3C,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AACX;AAEO,MAAM,UAA+B;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,YAAiC;AAAA,EAC5C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,YAAiC;AAAA,EAC5C,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AACjB;AAEO,MAAM,WAAgC;AAAA,EAC3C,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,WAAgC;AAAA,EAC3C,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAChB;AAEO,MAAM,YAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,OAAO;AACT;","names":[]}

package/dist/utils.cjs

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  barColor: () => barColor,
+  fmt: () => fmt,
+  formatCents: () => formatCents,
+  taxMessages: () => taxMessages
+});
+module.exports = __toCommonJS(utils_exports);
+function barColor(pct) {
+  if (pct >= 90) return "#ef4444";
+  if (pct >= 70) return "#f59e0b";
+  return "#22c55e";
+}
+function formatCents(cents) {
+  return `$${Math.round(cents / 100)}`;
+}
+function fmt(val, unit) {
+  const s = val.toLocaleString(void 0, { maximumFractionDigits: 9 });
+  if (unit === "$") return `$${s}`;
+  if (unit) return `${s} ${unit}`;
+  return s;
+}
+const taxMessages = {
+  inclusive: "Prices include tax",
+  exclusive: "Prices do not include tax. Tax will be added at checkout.",
+  location: "Tax calculated at checkout based on your location."
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  barColor,
+  fmt,
+  formatCents,
+  taxMessages
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["/**\n * Returns a color based on usage percentage.\n * green: below 70%, amber: 70%–89%, red: 90% and above\n * @param pct - usage percentage (0–100+)\n */\nexport function barColor(pct: number): string {\n  if (pct >= 90) return '#ef4444';\n  if (pct >= 70) return '#f59e0b';\n  return '#22c55e';\n}\n\n/**\n * Converts cents to a dollar string, rounding to the nearest dollar.\n * @param cents - amount in cents\n */\nexport function formatCents(cents: number): string {\n  return `$${Math.round(cents / 100)}`;\n}\n\n/**\n * Formats a number with locale separators and an optional unit string.\n * @param val - the number to format\n * @param unit - optional unit string ('$' adds prefix, any other string adds suffix)\n */\nexport function fmt(val: number, unit?: string): string {\n  const s = val.toLocaleString(undefined, { maximumFractionDigits: 9 });\n  if (unit === '$') return `$${s}`;\n  if (unit) return `${s} ${unit}`;\n  return s;\n}\n\nexport const taxMessages: Record<string, string> = {\n  inclusive: 'Prices include tax',\n  exclusive: 'Prices do not include tax. Tax will be added at checkout.',\n  location: 'Tax calculated at checkout based on your location.',\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,SAAS,SAAS,KAAqB;AAC5C,MAAI,OAAO,GAAI,QAAO;AACtB,MAAI,OAAO,GAAI,QAAO;AACtB,SAAO;AACT;AAMO,SAAS,YAAY,OAAuB;AACjD,SAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC;AACpC;AAOO,SAAS,IAAI,KAAa,MAAuB;AACtD,QAAM,IAAI,IAAI,eAAe,QAAW,EAAE,uBAAuB,EAAE,CAAC;AACpE,MAAI,SAAS,IAAK,QAAO,IAAI,CAAC;AAC9B,MAAI,KAAM,QAAO,GAAG,CAAC,IAAI,IAAI;AAC7B,SAAO;AACT;AAEO,MAAM,cAAsC;AAAA,EACjD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AACZ;","names":[]}

package/dist/utils.d.cts

@@ -0,0 +1,20 @@
+/**
+ * Returns a color based on usage percentage.
+ * green: below 70%, amber: 70%–89%, red: 90% and above
+ * @param pct - usage percentage (0–100+)
+ */
+declare function barColor(pct: number): string;
+/**
+ * Converts cents to a dollar string, rounding to the nearest dollar.
+ * @param cents - amount in cents
+ */
+declare function formatCents(cents: number): string;
+/**
+ * Formats a number with locale separators and an optional unit string.
+ * @param val - the number to format
+ * @param unit - optional unit string ('$' adds prefix, any other string adds suffix)
+ */
+declare function fmt(val: number, unit?: string): string;
+declare const taxMessages: Record<string, string>;
+
+export { barColor, fmt, formatCents, taxMessages };

package/dist/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Returns a color based on usage percentage.
+ * green: below 70%, amber: 70%–89%, red: 90% and above
+ * @param pct - usage percentage (0–100+)
+ */
+declare function barColor(pct: number): string;
+/**
+ * Converts cents to a dollar string, rounding to the nearest dollar.
+ * @param cents - amount in cents
+ */
+declare function formatCents(cents: number): string;
+/**
+ * Formats a number with locale separators and an optional unit string.
+ * @param val - the number to format
+ * @param unit - optional unit string ('$' adds prefix, any other string adds suffix)
+ */
+declare function fmt(val: number, unit?: string): string;
+declare const taxMessages: Record<string, string>;
+
+export { barColor, fmt, formatCents, taxMessages };

package/dist/utils.js

@@ -0,0 +1,26 @@
+function barColor(pct) {
+  if (pct >= 90) return "#ef4444";
+  if (pct >= 70) return "#f59e0b";
+  return "#22c55e";
+}
+function formatCents(cents) {
+  return `$${Math.round(cents / 100)}`;
+}
+function fmt(val, unit) {
+  const s = val.toLocaleString(void 0, { maximumFractionDigits: 9 });
+  if (unit === "$") return `$${s}`;
+  if (unit) return `${s} ${unit}`;
+  return s;
+}
+const taxMessages = {
+  inclusive: "Prices include tax",
+  exclusive: "Prices do not include tax. Tax will be added at checkout.",
+  location: "Tax calculated at checkout based on your location."
+};
+export {
+  barColor,
+  fmt,
+  formatCents,
+  taxMessages
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["/**\n * Returns a color based on usage percentage.\n * green: below 70%, amber: 70%–89%, red: 90% and above\n * @param pct - usage percentage (0–100+)\n */\nexport function barColor(pct: number): string {\n  if (pct >= 90) return '#ef4444';\n  if (pct >= 70) return '#f59e0b';\n  return '#22c55e';\n}\n\n/**\n * Converts cents to a dollar string, rounding to the nearest dollar.\n * @param cents - amount in cents\n */\nexport function formatCents(cents: number): string {\n  return `$${Math.round(cents / 100)}`;\n}\n\n/**\n * Formats a number with locale separators and an optional unit string.\n * @param val - the number to format\n * @param unit - optional unit string ('$' adds prefix, any other string adds suffix)\n */\nexport function fmt(val: number, unit?: string): string {\n  const s = val.toLocaleString(undefined, { maximumFractionDigits: 9 });\n  if (unit === '$') return `$${s}`;\n  if (unit) return `${s} ${unit}`;\n  return s;\n}\n\nexport const taxMessages: Record<string, string> = {\n  inclusive: 'Prices include tax',\n  exclusive: 'Prices do not include tax. Tax will be added at checkout.',\n  location: 'Tax calculated at checkout based on your location.',\n};\n"],"mappings":"AAKO,SAAS,SAAS,KAAqB;AAC5C,MAAI,OAAO,GAAI,QAAO;AACtB,MAAI,OAAO,GAAI,QAAO;AACtB,SAAO;AACT;AAMO,SAAS,YAAY,OAAuB;AACjD,SAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC;AACpC;AAOO,SAAS,IAAI,KAAa,MAAuB;AACtD,QAAM,IAAI,IAAI,eAAe,QAAW,EAAE,uBAAuB,EAAE,CAAC;AACpE,MAAI,SAAS,IAAK,QAAO,IAAI,CAAC;AAC9B,MAAI,KAAM,QAAO,GAAG,CAAC,IAAI,IAAI;AAC7B,SAAO;AACT;AAEO,MAAM,cAAsC;AAAA,EACjD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AACZ;","names":[]}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@ai-billing/nextjs",
+  "version": "0.0.0",
+  "license": "Apache-2.0",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/narevai/ai-billing.git",
+    "directory": "packages/nextjs"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./server": {
+      "import": {
+        "types": "./dist/server.d.ts",
+        "default": "./dist/server.js"
+      },
+      "require": {
+        "types": "./dist/server.d.cts",
+        "default": "./dist/server.cjs"
+      }
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "check-types": "tsc --noEmit",
+    "lint": "oxlint",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "docs:generate": "typedoc --options typedoc.json",
+    "prepack": "node -e \"require('fs').copyFileSync('../../LICENSE', 'LICENSE')\"",
+    "postpack": "node -e \"require('fs').rmSync('LICENSE', { force: true })\""
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@ai-billing/typescript-config": "workspace:*",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "tsup": "catalog:",
+    "typescript": "catalog:",
+    "oxlint": "catalog:",
+    "typedoc": "catalog:",
+    "vitest": "catalog:"
+  },
+  "peerDependencies": {
+    "@polar-sh/sdk": "^0.46.7",
+    "next": ">=14",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "stripe": "^21.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@polar-sh/sdk": {
+      "optional": true
+    },
+    "stripe": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}