@promptframe/component-kit 0.1.3 → 0.1.6

package/README.md

@@ -8,9 +8,10 @@ npm install @promptframe/component-kit
 
 ## What It Includes
 
-- Standard version stamps for component metadata.
+- Standard version stamps for component metadata, sourced from `@promptframe/contracts`.
 - Preview constraints used by PromptFrame component tooling.
 - Timing helpers for deterministic Remotion animations.
+- Public style helpers backed by `@promptframe/contracts`.
 
 ## Usage
 
@@ -38,12 +39,24 @@ const timeline = createDurationTimeline({
 });
 ```
 
+```ts
+import { resolvePromptFrameStyle } from '@promptframe/component-kit/style';
+
+const style = resolvePromptFrameStyle({ tone: 'tech', accentColor: '#38bdf8' }, {
+  width: 1920,
+  height: 1080,
+  fps: 30,
+  durationInFrames: 180,
+});
+```
+
 ## Entrypoints
 
 ```ts
 import { getComponentStandardStamp } from '@promptframe/component-kit';
 import { COMPONENT_PREVIEW_CONSTRAINTS } from '@promptframe/component-kit/preview';
 import { createDurationTimeline } from '@promptframe/component-kit/timing';
+import { resolvePromptFrameStyle } from '@promptframe/component-kit/style';
 ```
 
 ## Peer Dependencies

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './preview.js';
 export * from './standard.js';
+export * from './style.js';
 export * from './timing.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from './preview.js';
 export * from './standard.js';
+export * from './style.js';
 export * from './timing.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/standard.d.ts

@@ -1,14 +1,14 @@
 export declare const COMPONENT_STANDARD_VERSION: "component-standard.v0.1.0";
 export declare const COMPONENT_STANDARD_SOURCE_HASH: "sha256:8c1e01c36155b4b646981064d24df9bd8cda501fd9cd9da93e5b62f40db22d52";
-export declare const COMPONENT_STANDARD_SOURCE_PATH: "docs/requirements/REQ-073/component-standard.md";
-export declare const COMPONENT_KIT_VERSION: "0.1.3";
+export declare const COMPONENT_STANDARD_SOURCE_PATH: "https://github.com/ty-teams/promptframe-component-authoring#readme";
+export declare const COMPONENT_KIT_VERSION: "0.1.6";
 export declare const COMPONENT_MANIFEST_SCHEMA_VERSION: "component-manifest.v0.1.0";
 export declare const COMPONENT_REVIEW_CHECKLIST_VERSION: "component-review-checklist.v0.1.0";
 export declare function getComponentStandardStamp(): {
     sourceVersion: "component-standard.v0.1.0";
     sourceHash: "sha256:8c1e01c36155b4b646981064d24df9bd8cda501fd9cd9da93e5b62f40db22d52";
-    sourcePath: "docs/requirements/REQ-073/component-standard.md";
-    componentKitVersion: "0.1.3";
+    sourcePath: "https://github.com/ty-teams/promptframe-component-authoring#readme";
+    componentKitVersion: "0.1.6";
     manifestSchemaVersion: "component-manifest.v0.1.0";
     reviewChecklistVersion: "component-review-checklist.v0.1.0";
 };

package/dist/standard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"standard.d.ts","sourceRoot":"","sources":["../src/standard.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,2BAAoC,CAAC;AAC/E,eAAO,MAAM,8BAA8B,EAAG,yEAAkF,CAAC;AACjI,eAAO,MAAM,8BAA8B,EAAG,iDAA0D,CAAC;AACzG,eAAO,MAAM,qBAAqB,EAAG,OAAgB,CAAC;AACtD,eAAO,MAAM,iCAAiC,EAAG,2BAAoC,CAAC;AACtF,eAAO,MAAM,kCAAkC,EAAG,mCAA4C,CAAC;AAE/F,wBAAgB,yBAAyB;;;;;;;EASxC"}
+{"version":3,"file":"standard.d.ts","sourceRoot":"","sources":["../src/standard.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,0BAA0B,6BAAuC,CAAC;AAC/E,eAAO,MAAM,8BAA8B,2EAA2C,CAAC;AACvF,eAAO,MAAM,8BAA8B,EAAG,oEAA6E,CAAC;AAC5H,eAAO,MAAM,qBAAqB,EAAG,OAAgB,CAAC;AACtD,eAAO,MAAM,iCAAiC,6BAA8C,CAAC;AAC7F,eAAO,MAAM,kCAAkC,EAAG,mCAA4C,CAAC;AAE/F,wBAAgB,yBAAyB;;;;;;;EASxC"}

package/dist/standard.js

@@ -1,8 +1,9 @@
-export const COMPONENT_STANDARD_VERSION = 'component-standard.v0.1.0';
-export const COMPONENT_STANDARD_SOURCE_HASH = 'sha256:8c1e01c36155b4b646981064d24df9bd8cda501fd9cd9da93e5b62f40db22d52';
-export const COMPONENT_STANDARD_SOURCE_PATH = 'docs/requirements/REQ-073/component-standard.md';
-export const COMPONENT_KIT_VERSION = '0.1.3';
-export const COMPONENT_MANIFEST_SCHEMA_VERSION = 'component-manifest.v0.1.0';
+import { COMPONENT_MANIFEST_SCHEMA_VERSION as CONTRACTS_COMPONENT_MANIFEST_SCHEMA_VERSION, COMPONENT_STANDARD_SOURCE_HASH as CONTRACTS_COMPONENT_STANDARD_SOURCE_HASH, COMPONENT_STANDARD_VERSION as CONTRACTS_COMPONENT_STANDARD_VERSION, } from '@promptframe/contracts';
+export const COMPONENT_STANDARD_VERSION = CONTRACTS_COMPONENT_STANDARD_VERSION;
+export const COMPONENT_STANDARD_SOURCE_HASH = CONTRACTS_COMPONENT_STANDARD_SOURCE_HASH;
+export const COMPONENT_STANDARD_SOURCE_PATH = 'https://github.com/ty-teams/promptframe-component-authoring#readme';
+export const COMPONENT_KIT_VERSION = '0.1.6';
+export const COMPONENT_MANIFEST_SCHEMA_VERSION = CONTRACTS_COMPONENT_MANIFEST_SCHEMA_VERSION;
 export const COMPONENT_REVIEW_CHECKLIST_VERSION = 'component-review-checklist.v0.1.0';
 export function getComponentStandardStamp() {
     return {

package/dist/standard.js.map

@@ -1 +1 @@
-{"version":3,"file":"standard.js","sourceRoot":"","sources":["../src/standard.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,2BAAoC,CAAC;AAC/E,MAAM,CAAC,MAAM,8BAA8B,GAAG,yEAAkF,CAAC;AACjI,MAAM,CAAC,MAAM,8BAA8B,GAAG,iDAA0D,CAAC;AACzG,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAgB,CAAC;AACtD,MAAM,CAAC,MAAM,iCAAiC,GAAG,2BAAoC,CAAC;AACtF,MAAM,CAAC,MAAM,kCAAkC,GAAG,mCAA4C,CAAC;AAE/F,MAAM,UAAU,yBAAyB;IACvC,OAAO;QACL,aAAa,EAAE,0BAA0B;QACzC,UAAU,EAAE,8BAA8B;QAC1C,UAAU,EAAE,8BAA8B;QAC1C,mBAAmB,EAAE,qBAAqB;QAC1C,qBAAqB,EAAE,iCAAiC;QACxD,sBAAsB,EAAE,kCAAkC;KAC3D,CAAC;AACJ,CAAC"}
+{"version":3,"file":"standard.js","sourceRoot":"","sources":["../src/standard.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,IAAI,2CAA2C,EAChF,8BAA8B,IAAI,wCAAwC,EAC1E,0BAA0B,IAAI,oCAAoC,GACnE,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,0BAA0B,GAAG,oCAAoC,CAAC;AAC/E,MAAM,CAAC,MAAM,8BAA8B,GAAG,wCAAwC,CAAC;AACvF,MAAM,CAAC,MAAM,8BAA8B,GAAG,oEAA6E,CAAC;AAC5H,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAgB,CAAC;AACtD,MAAM,CAAC,MAAM,iCAAiC,GAAG,2CAA2C,CAAC;AAC7F,MAAM,CAAC,MAAM,kCAAkC,GAAG,mCAA4C,CAAC;AAE/F,MAAM,UAAU,yBAAyB;IACvC,OAAO;QACL,aAAa,EAAE,0BAA0B;QACzC,UAAU,EAAE,8BAA8B;QAC1C,UAAU,EAAE,8BAA8B;QAC1C,mBAAmB,EAAE,qBAAqB;QAC1C,qBAAqB,EAAE,iCAAiC;QACxD,sBAAsB,EAAE,kCAAkC;KAC3D,CAAC;AACJ,CAAC"}

package/dist/style.d.ts

@@ -0,0 +1,38 @@
+import { type PromptFrameFontScale, type PromptFrameMotionIntensity, type PromptFrameStyleIntent } from '@promptframe/contracts';
+export interface PromptFrameStyleContext {
+    width: number;
+    height: number;
+    fps: number;
+    durationInFrames: number;
+}
+export interface ResolvedPromptFrameStyle {
+    colors: {
+        background: string;
+        surface: string;
+        primary: string;
+        secondary: string;
+        accent: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    spacing: {
+        unit: number;
+        safeArea: number;
+        gap: number;
+    };
+    radius: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    motion: {
+        intensity: PromptFrameMotionIntensity;
+        presetId: string;
+    };
+    typography: {
+        fontScale: PromptFrameFontScale;
+        fontFamilyHint?: string;
+    };
+}
+export declare function resolvePromptFrameStyle(intent: PromptFrameStyleIntent | undefined, context: PromptFrameStyleContext): ResolvedPromptFrameStyle;
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAE5B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,MAAM,EAAE;QACN,SAAS,EAAE,0BAA0B,CAAC;QACtC,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,SAAS,EAAE,oBAAoB,CAAC;QAChC,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAmED,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,sBAAsB,GAAG,SAAS,EAC1C,OAAO,EAAE,uBAAuB,GAC/B,wBAAwB,CAyB1B"}

package/dist/style.js

@@ -0,0 +1,121 @@
+import { promptFrameStyleIntentSchema, } from '@promptframe/contracts';
+const TONE_PALETTES = {
+    business: {
+        background: '#0f172a',
+        surface: '#1e293b',
+        primary: '#e2e8f0',
+        secondary: '#94a3b8',
+        textPrimary: '#f8fafc',
+        textSecondary: '#cbd5e1',
+    },
+    tech: {
+        background: '#08111f',
+        surface: '#102033',
+        primary: '#dff7ff',
+        secondary: '#7dd3fc',
+        textPrimary: '#f0f9ff',
+        textSecondary: '#bae6fd',
+    },
+    minimal: {
+        background: '#fafafa',
+        surface: '#ffffff',
+        primary: '#111827',
+        secondary: '#6b7280',
+        textPrimary: '#111827',
+        textSecondary: '#4b5563',
+    },
+    warm: {
+        background: '#1c1917',
+        surface: '#292524',
+        primary: '#fed7aa',
+        secondary: '#fdba74',
+        textPrimary: '#fff7ed',
+        textSecondary: '#fed7aa',
+    },
+    playful: {
+        background: '#111827',
+        surface: '#1f2937',
+        primary: '#fbcfe8',
+        secondary: '#c4b5fd',
+        textPrimary: '#ffffff',
+        textSecondary: '#e9d5ff',
+    },
+    luxury: {
+        background: '#09090b',
+        surface: '#18181b',
+        primary: '#fde68a',
+        secondary: '#a1a1aa',
+        textPrimary: '#fafafa',
+        textSecondary: '#d4d4d8',
+    },
+    documentary: {
+        background: '#111111',
+        surface: '#262626',
+        primary: '#e5e5e5',
+        secondary: '#a3a3a3',
+        textPrimary: '#fafafa',
+        textSecondary: '#d4d4d4',
+    },
+};
+const DENSITY_SPACING = {
+    compact: { unit: 8, safeArea: 40, gap: 12 },
+    balanced: { unit: 12, safeArea: 56, gap: 18 },
+    spacious: { unit: 16, safeArea: 72, gap: 24 },
+};
+export function resolvePromptFrameStyle(intent, context) {
+    const parsed = promptFrameStyleIntentSchema.parse(intent ?? {});
+    const tone = parsed.tone ?? toneFromAspect(context);
+    const density = parsed.density ?? 'balanced';
+    const motionIntensity = parsed.motionIntensity ?? 'balanced';
+    const fontScale = parsed.fontScale ?? 'normal';
+    const palette = TONE_PALETTES[tone];
+    const accent = parsed.accentColor ?? parsed.brandTokens?.primaryColor ?? defaultAccentForTone(tone);
+    return {
+        colors: {
+            ...palette,
+            accent,
+        },
+        spacing: DENSITY_SPACING[density],
+        radius: radiusForDensity(density),
+        motion: {
+            intensity: motionIntensity,
+            presetId: `${tone}-${motionIntensity}`,
+        },
+        typography: {
+            fontScale,
+            ...(parsed.brandTokens?.fontFamilyHint ? { fontFamilyHint: parsed.brandTokens.fontFamilyHint } : {}),
+        },
+    };
+}
+function toneFromAspect(context) {
+    return context.height > context.width ? 'tech' : 'business';
+}
+function defaultAccentForTone(tone) {
+    switch (tone) {
+        case 'business':
+            return '#38bdf8';
+        case 'tech':
+            return '#22d3ee';
+        case 'minimal':
+            return '#111827';
+        case 'warm':
+            return '#fb923c';
+        case 'playful':
+            return '#f472b6';
+        case 'luxury':
+            return '#facc15';
+        case 'documentary':
+            return '#e5e5e5';
+    }
+}
+function radiusForDensity(density) {
+    switch (density) {
+        case 'compact':
+            return { sm: 4, md: 8, lg: 12 };
+        case 'spacious':
+            return { sm: 8, md: 14, lg: 20 };
+        case 'balanced':
+            return { sm: 6, md: 10, lg: 16 };
+    }
+}
+//# sourceMappingURL=style.js.map

package/dist/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promptframe/component-kit",
-  "version": "0.1.3",
+  "version": "0.1.6",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -19,6 +19,10 @@
       "import": "./dist/standard.js",
       "types": "./dist/standard.d.ts"
     },
+    "./style": {
+      "import": "./dist/style.js",
+      "types": "./dist/style.d.ts"
+    },
     "./preview": {
       "import": "./dist/preview.js",
       "types": "./dist/preview.d.ts"
@@ -38,20 +42,23 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ty-teams/promptframe-component-kit.git",
+    "url": "git+https://github.com/ty-teams/promptframe-component-authoring.git",
     "directory": "packages/component-kit"
   },
   "bugs": {
-    "url": "https://github.com/ty-teams/promptframe-component-kit/issues"
+    "url": "https://github.com/ty-teams/promptframe-component-authoring/issues"
   },
-  "homepage": "https://github.com/ty-teams/promptframe-component-kit#readme",
+  "homepage": "https://github.com/ty-teams/promptframe-component-authoring#readme",
   "scripts": {
-    "build": "tsc",
-    "lint": "tsc --noEmit",
-    "test": "node --import tsx --test test/*.test.ts",
+    "build": "pnpm --filter @promptframe/contracts build && tsc",
+    "lint": "pnpm --filter @promptframe/contracts build && tsc --noEmit",
+    "test": "pnpm --filter @promptframe/contracts build && node --import tsx --test test/*.test.ts",
+    "pack:dry-run": "pnpm build && npm pack --dry-run --json",
     "clean": "rm -rf dist"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@promptframe/contracts": "^0.1.4"
+  },
   "peerDependencies": {
     "react": "^19.0.0",
     "remotion": "^4.0.0"