@powerhousedao/renown-package 0.0.0 → 0.0.2

package/dist/document-models/renown-credential/index.js

@@ -0,0 +1,21 @@
+/**
+ * This is a scaffold file meant for customization.
+ * Delete the file and run the code generator again to have it reset
+ */
+import { actions as BaseActions, } from "document-model";
+import { actions as RenownCredentialActions } from "./gen/index.js";
+import { reducer } from "./gen/reducer.js";
+import { documentModel } from "./gen/document-model.js";
+import genUtils from "./gen/utils.js";
+import * as customUtils from "./src/utils.js";
+const utils = { ...genUtils, ...customUtils };
+const actions = { ...BaseActions, ...RenownCredentialActions };
+export const module = {
+    reducer,
+    actions,
+    utils,
+    documentModel,
+};
+export { reducer, actions, utils, documentModel };
+export * from "./gen/types.js";
+export * from "./src/utils.js";

package/dist/document-models/renown-credential/src/reducers/manager.d.ts

@@ -0,0 +1,2 @@
+import type { RenownCredentialManagerOperations } from "../../gen/manager/operations.js";
+export declare const reducer: RenownCredentialManagerOperations;

package/dist/document-models/renown-credential/src/reducers/manager.js

@@ -0,0 +1,23 @@
+export const reducer = {
+    initOperation(state, action, dispatch) {
+        const { issuer, subject, jwt, audience, payload } = action.input;
+        const credential = {
+            issuer: issuer || null,
+            subject: subject || null,
+            jwt,
+            revoked: false,
+            audience: audience || null,
+            payload: payload || null,
+        };
+        state = {
+            ...state,
+            ...credential,
+        };
+    },
+    revokeOperation(state, action, dispatch) {
+        const { jwt } = action.input;
+        state.revoked = true;
+        state.jwt = jwt || null;
+        return state;
+    },
+};

package/dist/document-models/renown-credential/src/tests/document-model.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};

package/dist/document-models/renown-credential/src/tests/document-model.test.js

@@ -0,0 +1,18 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect } from "vitest";
+import utils, { initialGlobalState, initialLocalState, } from "../../gen/utils.js";
+describe("Renown Credential Document Model", () => {
+    it("should create a new Renown Credential document", () => {
+        const document = utils.createDocument();
+        expect(document).toBeDefined();
+        expect(document.header.documentType).toBe("renown/credential");
+    });
+    it("should create a new Renown Credential document with a valid initial state", () => {
+        const document = utils.createDocument();
+        expect(document.state.global).toStrictEqual(initialGlobalState);
+        expect(document.state.local).toStrictEqual(initialLocalState);
+    });
+});

package/dist/document-models/renown-credential/src/tests/manager.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};

package/dist/document-models/renown-credential/src/tests/manager.test.js

@@ -0,0 +1,32 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect, beforeEach } from "vitest";
+import { generateMock } from "@powerhousedao/codegen";
+import utils from "../../gen/utils.js";
+import { z } from "../../gen/schema/index.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/manager/creators.js";
+describe("Manager Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    it("should handle init operation", () => {
+        const input = generateMock(z.InitInputSchema());
+        const updatedDocument = reducer(document, creators.init(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("INIT");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle revoke operation", () => {
+        const input = generateMock(z.RevokeInputSchema());
+        const updatedDocument = reducer(document, creators.revoke(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("REVOKE");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+});

package/dist/document-models/renown-credential/src/utils.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/document-models/renown-credential/src/utils.js

@@ -0,0 +1 @@
+export {};

package/dist/editors/renown-user-editor/editor.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSelectedDocument } from "@powerhousedao/reactor-browser";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSelectedDocument, } from "@powerhousedao/reactor-browser";
 import { useCallback, useState } from "react";
 import { actions, } from "../../document-models/renown-user/index.js";
-import { Form, StringField, UrlField, Button } from "@powerhousedao/document-engineering";
+import { Form, StringField, UrlField, Button, } from "@powerhousedao/document-engineering";
 export function Editor(props) {
     const [document, dispatch] = useSelectedDocument();
     if (!document) {
@@ -11,7 +11,7 @@ export function Editor(props) {
     const typedDocument = document;
     // Local form state
     const [isEditingUser, setIsEditingUser] = useState(false);
-    const { state: { global } } = typedDocument;
+    const { state: { global }, } = typedDocument;
     const { username, ethAddress, userImage } = global;
     // User handlers
     const handleSetUsername = useCallback((newUsername) => {
@@ -29,5 +29,5 @@ export function Editor(props) {
             dispatch(actions.setUserImage({ userImage: imageUrl.trim() }));
         }
     }, [userImage, dispatch]);
-    return (_jsxs("div", { className: "html-defaults-container min-h-screen bg-gray-50", children: [_jsx("div", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "py-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("div", { className: "flex-shrink-0", children: userImage ? (_jsx("img", { className: "w-16 h-16 rounded-full object-cover border-2 border-blue-500", src: userImage, alt: username || "User" })) : (_jsx("div", { className: "w-16 h-16 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center", children: _jsx("svg", { className: "w-8 h-8 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) })) }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900", children: username || "Renown User" }), _jsx("p", { className: "text-sm text-gray-500 font-mono", children: ethAddress || "No Ethereum address set" })] })] }), _jsx("div", { className: "flex items-center space-x-3", children: _jsx(Button, { color: "light", onClick: () => setIsEditingUser(!isEditingUser), children: isEditingUser ? "Cancel" : "Edit User" }) })] }) }) }) }), _jsx("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { className: "grid grid-cols-1 gap-8", children: [_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "User Information" }), _jsx("p", { className: "text-sm text-gray-500", children: "Manage your renown User details" })] }), _jsx("div", { className: "p-6", children: isEditingUser ? (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-6", children: [_jsx(StringField, { name: "username", label: "Username", value: username || "", onChange: (e) => handleSetUsername(e.target.value), placeholder: "Enter your username", description: "Your display name on the platform" }), _jsx(StringField, { name: "ethAddress", label: "Ethereum Address", value: ethAddress || "", onChange: (e) => handleSetEthAddress(e.target.value), placeholder: "0x...", description: "Your Ethereum wallet address" }), _jsx(UrlField, { name: "userImage", label: "User Image URL", value: userImage || "", onChange: (e) => handleSetUserImage(e.target.value), placeholder: "https://example.com/avatar.png", description: "URL to your User image" }), _jsxs("div", { className: "flex justify-end space-x-3 pt-4 border-t", children: [_jsx(Button, { color: "light", onClick: () => setIsEditingUser(false), children: "Cancel" }), _jsx(Button, { onClick: () => setIsEditingUser(false), children: "Save Changes" })] })] }) })) : (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Username" }), _jsx("div", { className: "flex items-center", children: _jsx("p", { className: "text-base text-gray-900", children: username || _jsx("span", { className: "text-gray-400 italic", children: "Not set" }) }) })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ethereum Address" }), _jsx("div", { className: "flex items-center", children: _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: ethAddress || _jsx("span", { className: "text-gray-400 italic", children: "Not set" }) }) })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "User Image" }), userImage ? (_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("img", { src: userImage, alt: "User", className: "w-20 h-20 rounded-lg object-cover border border-gray-200" }), _jsx("div", { className: "flex-1", children: _jsx("a", { href: userImage, target: "_blank", rel: "noopener noreferrer", className: "text-sm text-blue-600 hover:text-blue-800 hover:underline break-all", children: userImage }) })] })) : (_jsx("p", { className: "text-gray-400 italic", children: "No image set" }))] }), _jsx("div", { className: "pt-4 border-t", children: _jsx(Button, { onClick: () => setIsEditingUser(true), children: "Edit User" }) })] })) })] }), _jsxs("div", { className: "bg-gradient-to-br from-blue-50 to-purple-50 rounded-lg shadow-sm border border-blue-100", children: [_jsx("div", { className: "px-6 py-4 border-b border-blue-100", children: _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "User Summary" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "flex items-center space-x-6", children: [_jsx("div", { className: "flex-shrink-0", children: userImage ? (_jsx("img", { src: userImage, alt: username || "User", className: "w-24 h-24 rounded-full object-cover border-4 border-white shadow-lg" })) : (_jsx("div", { className: "w-24 h-24 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full flex items-center justify-center shadow-lg", children: _jsx("span", { className: "text-3xl text-white font-bold", children: username ? username.charAt(0).toUpperCase() : "?" }) })) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-2", children: username || "Anonymous User" }), ethAddress && (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("svg", { className: "w-5 h-5 text-gray-500", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z" }) }), _jsx("span", { className: "text-sm font-mono text-gray-600", children: ethAddress })] })), !username && !ethAddress && (_jsx("p", { className: "text-gray-500 italic", children: "No User information available. Click \"Edit User\" to get started." }))] })] }) })] })] }) })] }));
+    return (_jsxs("div", { className: "html-defaults-container min-h-screen bg-gray-50", children: [_jsx("div", { children: _jsx("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "py-8", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-5", children: [_jsx("div", { className: "flex-shrink-0", children: userImage ? (_jsx("img", { className: "w-20 h-20 rounded-xl object-cover ring-2 ring-gray-200 shadow-sm", src: userImage, alt: username || "User" })) : (_jsx("div", { className: "w-20 h-20 bg-gray-100 rounded-xl flex items-center justify-center ring-2 ring-gray-200 shadow-sm", children: _jsx("svg", { className: "w-10 h-10 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) })) }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900", children: username || "Renown User" }), _jsx("p", { className: "text-gray-600 mt-1 text-sm font-mono", children: ethAddress || "No Ethereum address set" })] })] }), _jsx("div", { className: "flex items-center space-x-3", children: _jsx(Button, { color: "light", onClick: () => setIsEditingUser(!isEditingUser), children: _jsx("span", { className: "inline-flex items-center gap-2", children: isEditingUser ? (_jsxs(_Fragment, { children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }), "Cancel"] })) : (_jsxs(_Fragment, { children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }), "Edit User"] })) }) }) })] }) }) }) }), _jsx("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { className: "grid grid-cols-1 gap-8", children: [_jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 bg-gray-50", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("svg", { className: "w-6 h-6 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "User Information" }), _jsx("p", { className: "text-sm text-gray-600 mt-1", children: "Manage your Renown user profile details" })] })] }) }), _jsx("div", { className: "p-6", children: isEditingUser ? (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-6", children: [_jsx(StringField, { name: "username", label: "Username", value: username || "", onChange: (e) => handleSetUsername(e.target.value), placeholder: "Enter your username", description: "Your display name on the platform" }), _jsx(StringField, { name: "ethAddress", label: "Ethereum Address", value: ethAddress || "", onChange: (e) => handleSetEthAddress(e.target.value), placeholder: "0x...", description: "Your Ethereum wallet address" }), _jsx(UrlField, { name: "userImage", label: "User Image URL", value: userImage || "", onChange: (e) => handleSetUserImage(e.target.value), placeholder: "https://example.com/avatar.png", description: "URL to your User image" }), _jsxs("div", { className: "flex justify-end space-x-3 pt-4", children: [_jsx(Button, { color: "light", onClick: () => setIsEditingUser(false), children: _jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }), "Cancel"] }) }), _jsx(Button, { onClick: () => setIsEditingUser(false), children: _jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), "Save Changes"] }) })] })] }) })) : (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Username" }), _jsx("p", { className: "text-base font-medium text-gray-900", children: username || (_jsx("span", { className: "text-gray-400 italic", children: "Not set" })) })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Ethereum Address" }), _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: ethAddress || (_jsx("span", { className: "text-gray-400 italic", children: "Not set" })) })] })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3", children: "User Image" }), userImage ? (_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("img", { src: userImage, alt: "User", className: "w-20 h-20 rounded-lg object-cover border border-gray-200" }), _jsx("div", { className: "flex-1", children: _jsx("a", { href: userImage, target: "_blank", rel: "noopener noreferrer", className: "text-sm text-gray-600 hover:text-gray-900 hover:underline break-all", children: userImage }) })] })) : (_jsx("p", { className: "text-gray-500 italic", children: "No image set" }))] })] })) })] }), _jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 bg-gray-50", children: _jsx("h3", { className: "text-xl font-bold text-gray-900", children: "User Summary" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "flex items-center space-x-6", children: [_jsx("div", { className: "flex-shrink-0", children: userImage ? (_jsx("img", { src: userImage, alt: username || "User", className: "w-24 h-24 rounded-full object-cover ring-4 ring-gray-200 shadow-sm" })) : (_jsx("div", { className: "w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center ring-4 ring-gray-200 shadow-sm", children: _jsx("span", { className: "text-3xl text-gray-600 font-bold", children: username ? username.charAt(0).toUpperCase() : "?" }) })) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-2", children: username || "Anonymous User" }), ethAddress && (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("svg", { className: "w-5 h-5 text-gray-500", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z" }) }), _jsx("span", { className: "text-sm font-mono text-gray-600", children: ethAddress })] })), !username && !ethAddress && (_jsx("p", { className: "text-gray-500 italic", children: "No user information available. Click \"Edit User\" to get started." }))] })] }) })] })] }) })] }));
 }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import type { Manifest } from "document-model";
 export declare const manifest: Manifest;
-export declare const documentModels: import("document-model").DocumentModelModule<import("./document-models/renown-user/gen").RenownUserPHState>[];
+export declare const documentModels: (import("document-model").DocumentModelModule<import("./document-models/renown-user/gen").RenownUserPHState> | import("document-model").DocumentModelModule<import("./document-models/renown-credential/gen").RenownCredentialPHState>)[];
 export declare const editors: import("document-model").EditorModule[];

package/dist/powerhouse.manifest.json

@@ -10,6 +10,10 @@
         {
             "id": "powerhouse/renown-user",
             "name": "RenownUser"
+        },
+        {
+            "id": "renown/credential",
+            "name": "RenownCredential"
         }
     ],
     "editors": [

package/dist/style.css

@@ -59,9 +59,6 @@
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-indigo-50: oklch(96.2% 0.018 272.314);
     --color-indigo-800: oklch(39.8% 0.195 277.366);
-    --color-purple-50: oklch(97.7% 0.014 308.299);
-    --color-purple-500: oklch(62.7% 0.265 303.9);
-    --color-purple-600: oklch(55.8% 0.288 302.321);
     --color-purple-800: oklch(43.8% 0.218 303.724);
     --color-purple-900: oklch(38.1% 0.176 304.987);
     --color-pink-400: oklch(71.8% 0.202 349.761);
@@ -304,9 +301,15 @@
   .mx-auto {
     margin-inline: auto;
   }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
   .block {
     display: block;
   }
@@ -319,17 +322,23 @@
   .grid {
     display: grid;
   }
+  .inline-flex {
+    display: inline-flex;
+  }
   .table {
     display: table;
   }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
-  .h-8 {
-    height: calc(var(--spacing) * 8);
+  .h-6 {
+    height: calc(var(--spacing) * 6);
   }
-  .h-16 {
-    height: calc(var(--spacing) * 16);
+  .h-10 {
+    height: calc(var(--spacing) * 10);
   }
   .h-20 {
     height: calc(var(--spacing) * 20);
@@ -340,14 +349,17 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
-  .w-8 {
-    width: calc(var(--spacing) * 8);
+  .w-6 {
+    width: calc(var(--spacing) * 6);
   }
-  .w-16 {
-    width: calc(var(--spacing) * 16);
+  .w-10 {
+    width: calc(var(--spacing) * 10);
   }
   .w-20 {
     width: calc(var(--spacing) * 20);
@@ -379,6 +391,12 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
@@ -413,6 +431,13 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .space-x-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .space-x-6 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -420,81 +445,40 @@
       margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .overflow-hidden {
+    overflow: hidden;
+  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
   .rounded-lg {
     border-radius: var(--radius-lg);
   }
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .border-2 {
-    border-style: var(--tw-border-style);
-    border-width: 2px;
-  }
-  .border-4 {
-    border-style: var(--tw-border-style);
-    border-width: 4px;
-  }
-  .border-t {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-  }
-  .border-b {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
-  .border-blue-100 {
-    border-color: var(--color-blue-100);
-  }
-  .border-blue-500 {
-    border-color: var(--color-blue-500);
-  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
-  .border-white {
-    border-color: var(--color-white);
-  }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
+  .bg-gray-100 {
+    background-color: var(--color-gray-100);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
-  .bg-gradient-to-br {
-    --tw-gradient-position: to bottom right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
-  .from-blue-50 {
-    --tw-gradient-from: var(--color-blue-50);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .from-blue-400 {
-    --tw-gradient-from: var(--color-blue-400);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .from-blue-500 {
-    --tw-gradient-from: var(--color-blue-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .to-purple-50 {
-    --tw-gradient-to: var(--color-purple-50);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .to-purple-500 {
-    --tw-gradient-to: var(--color-purple-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .to-purple-600 {
-    --tw-gradient-to: var(--color-purple-600);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .object-cover {
     object-fit: cover;
   }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
@@ -504,11 +488,8 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
-  .py-4 {
-    padding-block: calc(var(--spacing) * 4);
-  }
-  .py-6 {
-    padding-block: calc(var(--spacing) * 6);
+  .py-5 {
+    padding-block: calc(var(--spacing) * 5);
   }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
@@ -531,14 +512,18 @@
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
   }
-  .text-lg {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
-  }
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -551,12 +536,13 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-wider {
+    --tw-tracking: var(--tracking-wider);
+    letter-spacing: var(--tracking-wider);
+  }
   .break-all {
     word-break: break-all;
   }
-  .text-blue-600 {
-    color: var(--color-blue-600);
-  }
   .text-gray-400 {
     color: var(--color-gray-400);
   }
@@ -566,33 +552,41 @@
   .text-gray-600 {
     color: var(--color-gray-600);
   }
-  .text-gray-700 {
-    color: var(--color-gray-700);
-  }
   .text-gray-900 {
     color: var(--color-gray-900);
   }
-  .text-white {
-    color: var(--color-white);
+  .uppercase {
+    text-transform: uppercase;
   }
   .italic {
     font-style: italic;
   }
-  .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-sm {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-4 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-gray-200 {
+    --tw-ring-color: var(--color-gray-200);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-  .hover\:text-blue-800 {
+  .hover\:text-gray-900 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-blue-800);
+        color: var(--color-gray-900);
       }
     }
   }
@@ -5118,10 +5112,6 @@ input[type="number"] {
   syntax: "*";
   inherits: false;
 }
-@property --tw-tracking {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;
@@ -11762,6 +11752,48 @@ input[type="number"] {
     scrollbar-width: initial;
   }
 }
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -17427,49 +17459,11 @@ input[type="number"] {
   inherits: false;
   initial-value: solid;
 }
-@property --tw-gradient-position {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-via {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-to {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-via-stops {
+@property --tw-font-weight {
   syntax: "*";
   inherits: false;
 }
-@property --tw-gradient-from-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 0%;
-}
-@property --tw-gradient-via-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 50%;
-}
-@property --tw-gradient-to-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-font-weight {
+@property --tw-tracking {
   syntax: "*";
   inherits: false;
 }
@@ -17607,16 +17601,8 @@ input[type="number"] {
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;
-      --tw-gradient-position: initial;
-      --tw-gradient-from: #0000;
-      --tw-gradient-via: #0000;
-      --tw-gradient-to: #0000;
-      --tw-gradient-stops: initial;
-      --tw-gradient-via-stops: initial;
-      --tw-gradient-from-position: 0%;
-      --tw-gradient-via-position: 50%;
-      --tw-gradient-to-position: 100%;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -17657,11 +17643,19 @@ input[type="number"] {
       --tw-skew-y: initial;
       --tw-divide-y-reverse: 0;
       --tw-leading: initial;
-      --tw-tracking: initial;
       --tw-outline-style: solid;
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
     }
   }
 }

package/dist/subgraphs/index.d.ts

@@ -1,3 +1,4 @@
 export {};
 export * as RenownUserSubgraph from "./renown-user/index.js";
 export * as RenownReadModelSubgraph from "./renown-read-model/index.js";
+export * as RenownCredentialSubgraph from "./renown-credential/index.js";

package/dist/subgraphs/index.js

@@ -1,2 +1,3 @@
 export * as RenownUserSubgraph from "./renown-user/index.js";
 export * as RenownReadModelSubgraph from "./renown-read-model/index.js";
+export * as RenownCredentialSubgraph from "./renown-credential/index.js";