@daimo/sdk 1.0.0-rc.1

package/dist/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACZ,cAAc,gBAAgB,CAAC;AAE/B,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAOtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAKjE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAMnC,aAAa;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/web/theme.css

@@ -0,0 +1,183 @@
+/**
+ * Daimo Modal Theme
+ * 
+ * Override these CSS variables to customize the modal appearance.
+ * All colors, border radii, and fonts are defined here.
+ */
+
+:root {
+  /* Backgrounds */
+  --daimo-bg: #00000008;
+  --daimo-surface: #ffffff;
+  --daimo-surface-secondary: #f6f7f9;
+  --daimo-surface-hover: #f0f2f5;
+  --daimo-skeleton: #f6f7f9;
+
+  /* Text */
+  --daimo-title: #373737;
+  --daimo-text: #373737;
+  --daimo-text-secondary: #999999;
+  --daimo-text-muted: #9ca3af;
+
+  /* Semantic */
+  --daimo-success: #22c55e;
+  --daimo-success-light: #dcfce7;
+  --daimo-checkmark: #22c55e;
+  --daimo-error: #ef4444;
+  --daimo-error-light: #fee2e2;
+  --daimo-warning: #f97316;
+  --daimo-accent: #3b82f6;
+
+  /* Placeholder/Inactive */
+  --daimo-placeholder: #d1d5db;
+
+  /* Border */
+  --daimo-border: #fbfafb;
+
+  /* QR Code */
+  --daimo-qr-bg: #ffffff;
+  --daimo-qr-dot: #373737;
+
+  /* Radius */
+  --daimo-radius-sm: 0.5rem;
+  --daimo-radius-md: 0.75rem;
+  --daimo-radius-lg: 1rem;
+}
+
+/* Dark mode: system preference */
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    /* Backgrounds */
+    --daimo-bg: #00000008;
+    --daimo-surface: #2b2b2b;
+    --daimo-surface-secondary: #383838;
+    --daimo-surface-hover: #404040;
+    --daimo-skeleton: #2b2b2b;
+
+    /* Text */
+    --daimo-title: #ffffff;
+    --daimo-text: #ffffff;
+    --daimo-text-secondary: #7e7e7e;
+    --daimo-text-muted: #858585;
+
+    /* Semantic */
+    --daimo-success: #4ade80;
+    --daimo-success-light: #14532d;
+    --daimo-checkmark: #f3f4f6;
+    --daimo-error: #f87171;
+    --daimo-error-light: #7f1d1d;
+    --daimo-warning: #fb923c;
+    --daimo-accent: #0977d5;
+
+    /* Placeholder/Inactive */
+    --daimo-placeholder: #9ca3af;
+
+    /* Border */
+    --daimo-border: #3d3d3d;
+
+    /* QR Code */
+    --daimo-qr-bg: #2b2b2b;
+    --daimo-qr-dot: #ffffff;
+  }
+}
+
+/* Scroll fade — 4px gradient at top and bottom of scrollable areas.
+   padding-top offsets the top fade so content is fully visible at rest. */
+.scroll-fade {
+  padding-top: 4px;
+  mask-image: linear-gradient(
+    to bottom,
+    transparent,
+    black 4px,
+    black calc(100% - 4px),
+    transparent
+  );
+  -webkit-mask-image: linear-gradient(
+    to bottom,
+    transparent,
+    black 4px,
+    black calc(100% - 4px),
+    transparent
+  );
+}
+
+/* Page enter animation — subtle fade + slide on page change */
+.daimo-page-enter {
+  animation: daimo-page-in 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
+}
+
+@keyframes daimo-page-in {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .daimo-page-enter {
+    animation: none;
+  }
+}
+
+/* QR toggle animation */
+
+/* QR code enter/exit — ease-out for responsiveness */
+.transition-qr {
+  transition:
+    opacity 280ms cubic-bezier(0.215, 0.61, 0.355, 1),
+    transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  will-change: opacity, transform;
+}
+
+/* Token icon morph — ease-in-out for smooth shrink/fade */
+.transition-qr-icon {
+  transition:
+    transform 280ms cubic-bezier(0.645, 0.045, 0.355, 1),
+    opacity 280ms cubic-bezier(0.645, 0.045, 0.355, 1);
+  will-change: transform, opacity;
+}
+
+/* Height spacer for smooth layout transition */
+.transition-qr-spacer {
+  transition: height 280ms cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .transition-qr,
+  .transition-qr-icon,
+  .transition-qr-spacer {
+    transition: none;
+  }
+}
+
+/* Dark mode: explicit override */
+[data-theme="dark"] {
+  /* Backgrounds */
+  --daimo-bg: #111827;
+  --daimo-surface: #1f2937;
+  --daimo-surface-secondary: #374151;
+  --daimo-surface-hover: #4b5563;
+  --daimo-skeleton: #4b5563;
+
+  /* Text */
+  --daimo-title: #f3f4f6;
+  --daimo-text: #f3f4f6;
+  --daimo-text-secondary: #9ca3af;
+  --daimo-text-muted: #6b7280;
+
+  /* Semantic */
+  --daimo-success: #4ade80;
+  --daimo-success-light: #14532d;
+  --daimo-checkmark: #f3f4f6;
+  --daimo-error: #f87171;
+  --daimo-error-light: #7f1d1d;
+  --daimo-warning: #fb923c;
+  --daimo-accent: #0977d5;
+
+  /* Placeholder/Inactive */
+  --daimo-placeholder: #6b7280;
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@daimo/sdk",
+  "version": "1.0.0-rc.1",
+  "description": "Daimo SDK - universal ramp for stablecoin apps",
+  "author": "Daimo",
+  "license": "BSD-2-Clause",
+  "type": "module",
+  "exports": {
+    "./common": {
+      "import": "./dist/common/index.js",
+      "types": "./dist/common/index.d.ts"
+    },
+    "./client": {
+      "import": "./dist/client/index.js",
+      "types": "./dist/client/index.d.ts"
+    },
+    "./web": {
+      "import": "./dist/web/index.js",
+      "types": "./dist/web/index.d.ts"
+    },
+    "./web/api": {
+      "import": "./dist/web/api/index.js",
+      "types": "./dist/web/api/index.d.ts"
+    },
+    "./web/theme.css": "./dist/web/theme.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc && cp src/web/theme.css dist/web/theme.css",
+    "test": "npm run lint",
+    "lint": "eslint --max-warnings=0"
+  },
+  "dependencies": {
+    "viem": "^2.43.4",
+    "zod": "^3.24.2"
+  },
+  "peerDependencies": {
+    "@solana/web3.js": "^1.95.4",
+    "qrcode": "^1.5.0",
+    "react": "18.x || 19.x",
+    "react-dom": "18.x || 19.x"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "qrcode": {
+      "optional": true
+    },
+    "@solana/web3.js": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@solana/web3.js": "^1.98.4",
+    "@types/qrcode": "^1.4.2",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "5.9.2"
+  }
+}