@promptframe/component-kit 0.1.5 → 0.1.7

package/README.md

@@ -10,7 +10,9 @@ npm install @promptframe/component-kit
 
 - Standard version stamps for component metadata, sourced from `@promptframe/contracts`.
 - Preview constraints used by PromptFrame component tooling.
+- Bounded local preview case matrix helpers for aspect and default-props stress checks.
 - Timing helpers for deterministic Remotion animations.
+- Public style helpers backed by `@promptframe/contracts`.
 
 ## Usage
 
@@ -24,9 +26,15 @@ export const manifest = {
 ```
 
 ```ts
-import { COMPONENT_PREVIEW_CONSTRAINTS } from '@promptframe/component-kit/preview';
+import { COMPONENT_PREVIEW_CONSTRAINTS, createPreviewCaseMatrix } from '@promptframe/component-kit/preview';
 
-export const previewSize = COMPONENT_PREVIEW_CONSTRAINTS.defaultStill;
+export const maxPreviewWidth = COMPONENT_PREVIEW_CONSTRAINTS.maxWidth;
+
+export const previewCases = createPreviewCaseMatrix({
+  basePreview: { durationFrames: 120, fps: 30, width: 1280, height: 720 },
+  baseProps: { title: 'Quarterly revenue' },
+  validateProps: (candidate) => candidate,
+});
 ```
 
 ```ts
@@ -38,12 +46,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 { COMPONENT_PREVIEW_CONSTRAINTS, createPreviewCaseMatrix } 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/preview.d.ts

@@ -12,5 +12,22 @@ export interface ComponentPreviewPropsEnvelope<TProps extends Record<string, unk
     height: number;
     props: TProps;
 }
+export interface PromptFramePreviewCase<TProps extends Record<string, unknown> = Record<string, unknown>> extends ComponentPreviewPropsEnvelope<TProps> {
+    id: string;
+    name: string;
+    description: string;
+}
+export interface CreatePreviewCaseMatrixInput<TProps extends Record<string, unknown>> {
+    basePreview: Omit<ComponentPreviewPropsEnvelope<TProps>, 'props'>;
+    baseProps: TProps;
+    validateProps?: (candidate: TProps) => TProps | undefined;
+    aspectPresets?: ReadonlyArray<{
+        id: string;
+        name: string;
+        width: number;
+        height: number;
+    }>;
+}
 export declare function assertPreviewWithinConstraints(preview: ComponentPreviewPropsEnvelope, constraints?: ComponentPreviewConstraints): void;
+export declare function createPreviewCaseMatrix<TProps extends Record<string, unknown>>({ basePreview, baseProps, validateProps, aspectPresets, }: CreatePreviewCaseMatrixInput<TProps>): PromptFramePreviewCase<TProps>[];
 //# sourceMappingURL=preview.d.ts.map

package/dist/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,2BAA2B;IAC1C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,6BAA6B,EAAE,2BAK3C,CAAC;AAEF,MAAM,WAAW,6BAA6B,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7G,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,EAAE,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,6BAA6B,EACtC,WAAW,GAAE,2BAA2D,GACvE,IAAI,CAON"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,2BAA2B;IAC1C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,6BAA6B,EAAE,2BAK3C,CAAC;AAEF,MAAM,WAAW,6BAA6B,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7G,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,EAAE,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CACtG,SAAQ,6BAA6B,CAAC,MAAM,CAAC;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,4BAA4B,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClF,WAAW,EAAE,IAAI,CAAC,6BAA6B,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAC;QAC5B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ;AAQD,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,6BAA6B,EACtC,WAAW,GAAE,2BAA2D,GACvE,IAAI,CAON;AAED,wBAAgB,uBAAuB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC9E,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAA4C,GAC7C,EAAE,4BAA4B,CAAC,MAAM,CAAC,GAAG,sBAAsB,CAAC,MAAM,CAAC,EAAE,CA+CzE"}

package/dist/preview.js

@@ -4,6 +4,11 @@ export const COMPONENT_PREVIEW_CONSTRAINTS = {
     maxHeight: 720,
     maxFps: 30,
 };
+const DEFAULT_PREVIEW_ASPECT_CASES = [
+    { id: 'aspect-16-9', name: '16:9', width: 1280, height: 720 },
+    { id: 'aspect-9-16', name: '9:16', width: 720, height: 1280 },
+    { id: 'aspect-1-1', name: '1:1', width: 960, height: 960 },
+];
 export function assertPreviewWithinConstraints(preview, constraints = COMPONENT_PREVIEW_CONSTRAINTS) {
     const errors = [];
     if (preview.durationFrames > constraints.maxDurationFrames)
@@ -17,4 +22,157 @@ export function assertPreviewWithinConstraints(preview, constraints = COMPONENT_
     if (errors.length > 0)
         throw new Error(errors.join('; '));
 }
+export function createPreviewCaseMatrix({ basePreview, baseProps, validateProps, aspectPresets = DEFAULT_PREVIEW_ASPECT_CASES, }) {
+    const cases = [];
+    const seen = new Set();
+    const addCase = (previewCase) => {
+        const parsedProps = validatePreviewProps(previewCase.props, validateProps);
+        if (!parsedProps)
+            return;
+        const normalizedCase = {
+            ...previewCase,
+            props: parsedProps,
+        };
+        const signature = `${normalizedCase.width}x${normalizedCase.height}:${stableJson(normalizedCase.props)}`;
+        if (seen.has(signature))
+            return;
+        seen.add(signature);
+        cases.push(normalizedCase);
+    };
+    addCase({
+        id: 'default',
+        name: 'Default',
+        description: 'Canonical src/preview-props.json case.',
+        ...basePreview,
+        props: cloneProps(baseProps),
+    });
+    for (const preset of aspectPresets) {
+        addCase({
+            id: preset.id,
+            name: preset.name,
+            description: `Aspect case ${preset.name}.`,
+            ...basePreview,
+            width: preset.width,
+            height: preset.height,
+            props: cloneProps(baseProps),
+        });
+    }
+    for (const variant of createPropsStressVariants(baseProps)) {
+        addCase({
+            id: variant.id,
+            name: variant.name,
+            description: variant.description,
+            ...basePreview,
+            props: variant.props,
+        });
+    }
+    return cases;
+}
+function createPropsStressVariants(baseProps) {
+    return [
+        {
+            id: 'text-stress',
+            name: 'Text stress',
+            description: 'Longer bounded strings for layout overflow checks.',
+            props: mapProps(baseProps, stressStringValue),
+        },
+        {
+            id: 'number-low',
+            name: 'Number low',
+            description: 'Lower bounded numeric values for empty or small-state checks.',
+            props: mapProps(baseProps, lowNumberValue),
+        },
+        {
+            id: 'number-high',
+            name: 'Number high',
+            description: 'Higher bounded numeric values for dense-state checks.',
+            props: mapProps(baseProps, highNumberValue),
+        },
+        {
+            id: 'boolean-flip',
+            name: 'Boolean flip',
+            description: 'Flipped boolean flags for alternate-state checks.',
+            props: mapProps(baseProps, flipBooleanValue),
+        },
+        {
+            id: 'array-dense',
+            name: 'Array dense',
+            description: 'Repeated list items up to a bounded length for dense-state checks.',
+            props: mapProps(baseProps, denseArrayValue),
+        },
+    ].filter((variant) => stableJson(variant.props) !== stableJson(baseProps));
+}
+function mapProps(baseProps, mapper) {
+    const next = cloneProps(baseProps);
+    for (const key of Object.keys(next)) {
+        next[key] = mapper(next[key], key);
+    }
+    return next;
+}
+function stressStringValue(value, key) {
+    if (typeof value !== 'string')
+        return value;
+    if (isHexColor(value))
+        return value;
+    const base = value.trim().length > 0 ? value.trim() : key;
+    return `${base} - extended preview copy for responsive layout and text wrapping checks`.slice(0, 96);
+}
+function lowNumberValue(value) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        return value;
+    if (value <= 0)
+        return value;
+    return 0;
+}
+function highNumberValue(value) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        return value;
+    const doubled = Math.abs(value) < 1 ? value + 1 : value * 2;
+    return Math.min(Math.max(doubled, value + 1), 100);
+}
+function flipBooleanValue(value) {
+    return typeof value === 'boolean' ? !value : value;
+}
+function denseArrayValue(value) {
+    if (!Array.isArray(value) || value.length === 0 || value.length >= 8)
+        return value;
+    const next = [...value];
+    let index = 0;
+    while (next.length < 8) {
+        next.push(cloneJsonValue(value[index % value.length]));
+        index += 1;
+    }
+    return next;
+}
+function validatePreviewProps(candidate, validateProps) {
+    if (!validateProps)
+        return candidate;
+    try {
+        return validateProps(candidate);
+    }
+    catch {
+        return undefined;
+    }
+}
+function cloneProps(props) {
+    return cloneJsonValue(props);
+}
+function cloneJsonValue(value) {
+    return JSON.parse(JSON.stringify(value));
+}
+function stableJson(value) {
+    return JSON.stringify(sortJsonValue(value));
+}
+function sortJsonValue(value) {
+    if (Array.isArray(value))
+        return value.map((item) => sortJsonValue(item));
+    if (!value || typeof value !== 'object')
+        return value;
+    return Object.fromEntries(Object.entries(value)
+        .sort(([left], [right]) => left.localeCompare(right))
+        .map(([key, entry]) => [key, sortJsonValue(entry)]));
+}
+function isHexColor(value) {
+    return /^#[0-9a-fA-F]{6}$/.test(value);
+}
 //# sourceMappingURL=preview.js.map

package/dist/preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview.js","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,6BAA6B,GAAgC;IACxE,iBAAiB,EAAE,GAAG;IACtB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,EAAE;CACX,CAAC;AAUF,MAAM,UAAU,8BAA8B,CAC5C,OAAsC,EACtC,cAA2C,6BAA6B;IAExE,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,IAAI,OAAO,CAAC,cAAc,GAAG,WAAW,CAAC,iBAAiB;QAAE,MAAM,CAAC,IAAI,CAAC,6BAA6B,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACtI,IAAI,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,QAAQ;QAAE,MAAM,CAAC,IAAI,CAAC,oBAAoB,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClG,IAAI,OAAO,CAAC,MAAM,GAAG,WAAW,CAAC,SAAS;QAAE,MAAM,CAAC,IAAI,CAAC,qBAAqB,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;IACtG,IAAI,OAAO,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM;QAAE,MAAM,CAAC,IAAI,CAAC,kBAAkB,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1F,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5D,CAAC"}
+{"version":3,"file":"preview.js","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,6BAA6B,GAAgC;IACxE,iBAAiB,EAAE,GAAG;IACtB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,EAAE;CACX,CAAC;AA6BF,MAAM,4BAA4B,GAAG;IACnC,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;IAC7D,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;IAC7D,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;CAClD,CAAC;AAEX,MAAM,UAAU,8BAA8B,CAC5C,OAAsC,EACtC,cAA2C,6BAA6B;IAExE,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,IAAI,OAAO,CAAC,cAAc,GAAG,WAAW,CAAC,iBAAiB;QAAE,MAAM,CAAC,IAAI,CAAC,6BAA6B,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACtI,IAAI,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,QAAQ;QAAE,MAAM,CAAC,IAAI,CAAC,oBAAoB,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClG,IAAI,OAAO,CAAC,MAAM,GAAG,WAAW,CAAC,SAAS;QAAE,MAAM,CAAC,IAAI,CAAC,qBAAqB,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;IACtG,IAAI,OAAO,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM;QAAE,MAAM,CAAC,IAAI,CAAC,kBAAkB,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1F,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAyC,EAC9E,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAAa,GAAG,4BAA4B,GACP;IACrC,MAAM,KAAK,GAAqC,EAAE,CAAC;IACnD,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,MAAM,OAAO,GAAG,CAAC,WAA2C,EAAE,EAAE;QAC9D,MAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAC3E,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,MAAM,cAAc,GAAG;YACrB,GAAG,WAAW;YACd,KAAK,EAAE,WAAW;SACnB,CAAC;QACF,MAAM,SAAS,GAAG,GAAG,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,MAAM,IAAI,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACzG,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE,OAAO;QAChC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACpB,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CAAC;QACN,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,wCAAwC;QACrD,GAAG,WAAW;QACd,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC;KAC7B,CAAC,CAAC;IAEH,KAAK,MAAM,MAAM,IAAI,aAAa,EAAE,CAAC;QACnC,OAAO,CAAC;YACN,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,WAAW,EAAE,eAAe,MAAM,CAAC,IAAI,GAAG;YAC1C,GAAG,WAAW;YACd,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC;SAC7B,CAAC,CAAC;IACL,CAAC;IAED,KAAK,MAAM,OAAO,IAAI,yBAAyB,CAAC,SAAS,CAAC,EAAE,CAAC;QAC3D,OAAO,CAAC;YACN,EAAE,EAAE,OAAO,CAAC,EAAE;YACd,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,WAAW,EAAE,OAAO,CAAC,WAAW;YAChC,GAAG,WAAW;YACd,KAAK,EAAE,OAAO,CAAC,KAAK;SACrB,CAAC,CAAC;IACL,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,yBAAyB,CAChC,SAAiB;IAOjB,OAAO;QACL;YACE,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,oDAAoD;YACjE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC;SAC9C;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,+DAA+D;YAC5E,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC;SAC3C;QACD;YACE,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,uDAAuD;YACpE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,eAAe,CAAC;SAC5C;QACD;YACE,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,cAAc;YACpB,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;SAC7C;QACD;YACE,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,oEAAoE;YACjF,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,eAAe,CAAC;SAC5C;KACF,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7E,CAAC;AAED,SAAS,QAAQ,CACf,SAAiB,EACjB,MAAgD;IAEhD,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,IAAI,CAAC,GAAmB,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAyB,CAAC;IAC7E,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAc,EAAE,GAAW;IACpD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,UAAU,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1D,OAAO,GAAG,IAAI,yEAAyE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACvG,CAAC;AAED,SAAS,cAAc,CAAC,KAAc;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvE,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC;IAC7B,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,eAAe,CAAC,KAAc;IACrC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IAC5D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACrD,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAc;IACtC,OAAO,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AACrD,CAAC;AAED,SAAS,eAAe,CAAC,KAAc;IACrC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC;IACnF,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACxB,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACvD,KAAK,IAAI,CAAC,CAAC;IACb,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,oBAAoB,CAC3B,SAAiB,EACjB,aAAyD;IAEzD,IAAI,CAAC,aAAa;QAAE,OAAO,SAAS,CAAC;IACrC,IAAI,CAAC;QACH,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAyC,KAAa;IACvE,OAAO,cAAc,CAAC,KAAK,CAAW,CAAC;AACzC,CAAC;AAED,SAAS,cAAc,CAAC,KAAc;IACpC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAY,CAAC;AACtD,CAAC;AAED,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,aAAa,CAAC,KAAc;IACnC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1E,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACtD,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAgC,CAAC;SAC7C,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SACpD,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CACtD,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzC,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: "https://github.com/ty-teams/promptframe-component-authoring#readme";
-export declare const COMPONENT_KIT_VERSION: "0.1.5";
+export declare const COMPONENT_KIT_VERSION: "0.1.7";
 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: "https://github.com/ty-teams/promptframe-component-authoring#readme";
-    componentKitVersion: "0.1.5";
+    componentKitVersion: "0.1.7";
     manifestSchemaVersion: "component-manifest.v0.1.0";
     reviewChecklistVersion: "component-review-checklist.v0.1.0";
 };

package/dist/standard.js

@@ -2,7 +2,7 @@ import { COMPONENT_MANIFEST_SCHEMA_VERSION as CONTRACTS_COMPONENT_MANIFEST_SCHEM
 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.5';
+export const COMPONENT_KIT_VERSION = '0.1.7';
 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() {

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":"AAAA,OAAO,EACL,4BAA4B,GAM7B,MAAM,wBAAwB,CAAC;AAuChC,MAAM,aAAa,GAAgF;IACjG,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB;IACD,OAAO,EAAE;QACP,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB;IACD,OAAO,EAAE;QACP,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB;CACF,CAAC;AAEF,MAAM,eAAe,GAAoE;IACvF,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IAC7C,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;CAC9C,CAAC;AAEF,MAAM,UAAU,uBAAuB,CACrC,MAA0C,EAC1C,OAAgC;IAEhC,MAAM,MAAM,GAAG,4BAA4B,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,UAAU,CAAC;IAC7C,MAAM,eAAe,GAAG,MAAM,CAAC,eAAe,IAAI,UAAU,CAAC;IAC7D,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,QAAQ,CAAC;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,EAAE,YAAY,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAEpG,OAAO;QACL,MAAM,EAAE;YACN,GAAG,OAAO;YACV,MAAM;SACP;QACD,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE;YACN,SAAS,EAAE,eAAe;YAC1B,QAAQ,EAAE,GAAG,IAAI,IAAI,eAAe,EAAE;SACvC;QACD,UAAU,EAAE;YACV,SAAS;YACT,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACrG;KACF,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,OAAgC;IACtD,OAAO,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;AAC9D,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAqB;IACjD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU;YACb,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,OAA2B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;QAClC,KAAK,UAAU;YACb,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;QACnC,KAAK,UAAU;YACb,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACrC,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promptframe/component-kit",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "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"
@@ -53,7 +57,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@promptframe/contracts": "^0.1.2"
+    "@promptframe/contracts": "^0.1.4"
   },
   "peerDependencies": {
     "react": "^19.0.0",