@thurinlabs/identity-kit 0.2.0 → 0.3.0

package/dist/embed.global.js

@@ -39864,34 +39864,6 @@ ${prettyStateOverride(stateOverride)}`;
     };
   }
 
-  // #style-inject:#style-inject
-  function styleInject(css, { insertAt } = {}) {
-    if (!css || typeof document === "undefined") return;
-    const head = document.head || document.getElementsByTagName("head")[0];
-    const style = document.createElement("style");
-    style.type = "text/css";
-    if (insertAt === "top") {
-      if (head.firstChild) {
-        head.insertBefore(style, head.firstChild);
-      } else {
-        head.appendChild(style);
-      }
-    } else {
-      head.appendChild(style);
-    }
-    if (style.styleSheet) {
-      style.styleSheet.cssText = css;
-    } else {
-      style.appendChild(document.createTextNode(css));
-    }
-  }
-
-  // src/themes/index.css
-  styleInject("[data-scry-theme=thurin] {\n  --scry-bg: #1a1a12;\n  --scry-surface: #252518;\n  --scry-surface-deep: #151510;\n  --scry-border: #3a3a2a;\n  --scry-text: #faf9f5;\n  --scry-text-muted: #a8a598;\n  --scry-heading: #7c9a3e;\n  --scry-primary: #7c9a3e;\n  --scry-primary-dim: #5c7a2e;\n  --scry-secondary: #c9a227;\n  --scry-success: #7c9a3e;\n  --scry-error: #d44a4a;\n}\n[data-scry-theme=dark] {\n  --scry-bg: #141010;\n  --scry-surface: #1e1918;\n  --scry-surface-deep: #110e0c;\n  --scry-border: #352a22;\n  --scry-text: #ede5d8;\n  --scry-text-muted: #a09080;\n  --scry-heading: #f0ece4;\n  --scry-primary: #c9a227;\n  --scry-primary-dim: #8a7020;\n  --scry-secondary: #d4a04a;\n  --scry-success: #7c9a3e;\n  --scry-error: #d44a4a;\n}\n[data-scry-theme=light] {\n  --scry-bg: #faf9f5;\n  --scry-surface: #f0efe8;\n  --scry-surface-deep: #e8e7e0;\n  --scry-border: #d0cfc4;\n  --scry-text: #2a2a22;\n  --scry-text-muted: #6b6960;\n  --scry-heading: #5a7228;\n  --scry-primary: #5a7228;\n  --scry-primary-dim: #7c9a3e;\n  --scry-secondary: #a8861e;\n  --scry-success: #5a7228;\n  --scry-error: #b83a3a;\n}\n");
-
-  // src/components/ScryCard/ScryCard.css
-  styleInject('.scry-card {\n  font-family:\n    "Crimson Pro",\n    Georgia,\n    serif;\n  background: var(--scry-surface);\n  border: 1px solid var(--scry-border);\n  border-radius: 8px;\n  padding: 20px;\n  color: var(--scry-text);\n  max-width: 380px;\n  width: 100%;\n}\n.scry-card * {\n  box-sizing: border-box;\n}\n.scry-card-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 16px;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n}\n.scry-card-header:hover .scry-card-name {\n  color: var(--scry-primary);\n}\n.scry-card-avatar {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 2px solid var(--scry-border);\n  object-fit: cover;\n  flex-shrink: 0;\n}\n.scry-card-avatar-placeholder {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 2px solid var(--scry-border);\n  flex-shrink: 0;\n  overflow: hidden;\n}\n.scry-card-name {\n  font-family: "Cinzel", serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--scry-heading);\n  line-height: 1.2;\n}\n.scry-card-address {\n  font-family: "Share Tech Mono", monospace;\n  font-size: 11px;\n  color: var(--scry-text-muted);\n  margin-top: 2px;\n  word-break: break-all;\n}\n.scry-card-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  margin-bottom: 16px;\n}\n.scry-card-stat {\n  text-align: center;\n  padding: 8px 4px;\n  background: var(--scry-surface-deep);\n  border-radius: 4px;\n}\n.scry-card-stat-value {\n  font-family: "Cinzel", serif;\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--scry-heading);\n  display: block;\n}\n.scry-card-stat-label {\n  font-family: "Share Tech Mono", monospace;\n  font-size: 10px;\n  color: var(--scry-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.scry-card-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-bottom: 16px;\n}\n.scry-card-badge {\n  font-family: "Share Tech Mono", monospace;\n  font-size: 11px;\n  padding: 3px 8px;\n  border-radius: 3px;\n  border: 1px solid;\n}\n.scry-card-badge--verified {\n  color: var(--scry-success);\n  border-color: var(--scry-success);\n}\n.scry-card-badge--unverified {\n  color: var(--scry-text-muted);\n  border-color: var(--scry-border);\n}\n.scry-card-link {\n  display: block;\n  text-align: right;\n  font-size: 12px;\n  color: var(--scry-text-muted);\n  text-decoration: none;\n}\n.scry-card-link:hover {\n  color: var(--scry-primary);\n}\n.scry-card-loading {\n  text-align: center;\n  padding: 24px;\n  color: var(--scry-text-muted);\n  font-size: 14px;\n}\n');
-
   // src/components/ScryCard/ScryCard.tsx
   var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
   function ThurinLogo() {
@@ -39968,8 +39940,15 @@ ${prettyStateOverride(stateOverride)}`;
     ] });
   }
 
+  // src/themes/index.css?raw
+  var themes_default = '[data-scry-theme="thurin"] {\n  --scry-bg: #1a1a12;\n  --scry-surface: #252518;\n  --scry-surface-deep: #151510;\n  --scry-border: #3a3a2a;\n  --scry-text: #faf9f5;\n  --scry-text-muted: #a8a598;\n  --scry-heading: #7c9a3e;\n  --scry-primary: #7c9a3e;\n  --scry-primary-dim: #5c7a2e;\n  --scry-secondary: #c9a227;\n  --scry-success: #7c9a3e;\n  --scry-error: #d44a4a;\n}\n\n[data-scry-theme="dark"] {\n  --scry-bg: #141010;\n  --scry-surface: #1e1918;\n  --scry-surface-deep: #110e0c;\n  --scry-border: #352a22;\n  --scry-text: #ede5d8;\n  --scry-text-muted: #a09080;\n  --scry-heading: #f0ece4;\n  --scry-primary: #c9a227;\n  --scry-primary-dim: #8a7020;\n  --scry-secondary: #d4a04a;\n  --scry-success: #7c9a3e;\n  --scry-error: #d44a4a;\n}\n\n[data-scry-theme="light"] {\n  --scry-bg: #faf9f5;\n  --scry-surface: #f0efe8;\n  --scry-surface-deep: #e8e7e0;\n  --scry-border: #d0cfc4;\n  --scry-text: #2a2a22;\n  --scry-text-muted: #6b6960;\n  --scry-heading: #5a7228;\n  --scry-primary: #5a7228;\n  --scry-primary-dim: #7c9a3e;\n  --scry-secondary: #a8861e;\n  --scry-success: #5a7228;\n  --scry-error: #b83a3a;\n}\n';
+
+  // src/components/ScryCard/ScryCard.css?raw
+  var ScryCard_default = ".scry-card {\n  font-family: 'Crimson Pro', Georgia, serif;\n  background: var(--scry-surface);\n  border: 1px solid var(--scry-border);\n  border-radius: 8px;\n  padding: 20px;\n  color: var(--scry-text);\n  max-width: 380px;\n  width: 100%;\n}\n\n.scry-card * {\n  box-sizing: border-box;\n}\n\n.scry-card-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 16px;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n}\n\n.scry-card-header:hover .scry-card-name {\n  color: var(--scry-primary);\n}\n\n.scry-card-avatar {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 2px solid var(--scry-border);\n  object-fit: cover;\n  flex-shrink: 0;\n}\n\n.scry-card-avatar-placeholder {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 2px solid var(--scry-border);\n  flex-shrink: 0;\n  overflow: hidden;\n}\n\n.scry-card-name {\n  font-family: 'Cinzel', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--scry-heading);\n  line-height: 1.2;\n}\n\n.scry-card-address {\n  font-family: 'Share Tech Mono', monospace;\n  font-size: 11px;\n  color: var(--scry-text-muted);\n  margin-top: 2px;\n  word-break: break-all;\n}\n\n.scry-card-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n.scry-card-stat {\n  text-align: center;\n  padding: 8px 4px;\n  background: var(--scry-surface-deep);\n  border-radius: 4px;\n}\n\n.scry-card-stat-value {\n  font-family: 'Cinzel', serif;\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--scry-heading);\n  display: block;\n}\n\n.scry-card-stat-label {\n  font-family: 'Share Tech Mono', monospace;\n  font-size: 10px;\n  color: var(--scry-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.scry-card-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-bottom: 16px;\n}\n\n.scry-card-badge {\n  font-family: 'Share Tech Mono', monospace;\n  font-size: 11px;\n  padding: 3px 8px;\n  border-radius: 3px;\n  border: 1px solid;\n}\n\n.scry-card-badge--verified {\n  color: var(--scry-success);\n  border-color: var(--scry-success);\n}\n\n.scry-card-badge--unverified {\n  color: var(--scry-text-muted);\n  border-color: var(--scry-border);\n}\n\n.scry-card-link {\n  display: block;\n  text-align: right;\n  font-size: 12px;\n  color: var(--scry-text-muted);\n  text-decoration: none;\n}\n\n.scry-card-link:hover {\n  color: var(--scry-primary);\n}\n\n.scry-card-loading {\n  text-align: center;\n  padding: 24px;\n  color: var(--scry-text-muted);\n  font-size: 14px;\n}\n";
+
   // src/embed.tsx
   var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+  var EMBED_CSS = themes_default + "\n" + ScryCard_default;
   function isAddress3(value) {
     return /^0x[0-9a-fA-F]{40}$/.test(value);
   }
@@ -39982,7 +39961,13 @@ ${prettyStateOverride(stateOverride)}`;
       const value = el2.dataset.scryCard;
       const theme = el2.dataset.theme || "thurin";
       const props = isAddress3(value) ? { address: value } : { ens: value };
-      const root = (0, import_client.createRoot)(el2);
+      const shadow = el2.attachShadow({ mode: "open" });
+      const style = document.createElement("style");
+      style.textContent = EMBED_CSS;
+      shadow.appendChild(style);
+      const container = document.createElement("div");
+      shadow.appendChild(container);
+      const root = (0, import_client.createRoot)(container);
       root.render(
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IdentityKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScryCard, { ...props, theme }) })
       );