@wix/origami-runtime 0.0.0-stage → 0.19.2

package/README.md

@@ -1,3 +1,34 @@
-# Temporary Holding Version
+# Origami runtime
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Before local builds or tests, run `pnpm -r run build` from the repository root to build workspace dependencies in order.
+
+The root entry exports binding, provider, and component authoring helpers.
+
+`svg(url, uri)` creates a deferred SVG source without calling hooks or fetching content:
+
+```jsx
+import { svg } from '@wix/origami-runtime'
+
+<SvgImage svgId={svg(url, uri)} />
+```
+
+The existing `withOrigami` wrapper resolves these sources before rendering the original component,
+including sources nested in objects, arrays, and `elementProps`. Sources can be created inside
+repeater render callbacks. The wrapper uses a fixed set of hooks even when the number of sources changes.
+React elements and render callbacks are left intact; their own wrapped components resolve their sources.
+
+Resolution returns only `{svgContent}`. The root SVG markup contains the calculated `viewBox`;
+nested SVG viewports remain unchanged. The viewport follows Thunderbolt: non-UGC artwork prefers
+`data-bbox`; UGC preserves the raw viewport or falls back to width and height. The UGC fallback
+accepts unitless and pixel dimensions; other units leave the viewport unspecified.
+
+Sources receive plain URL and URI strings and have no dependency on the media SDK.
+DM reconstructs the Core vector from the expression without fetching or executing it.
+The wrapper supplies empty SVG content while loading or after a fetch failure, reuses loaded URLs
+within its mounted instance, and cancels pending requests when its source URLs change or it unmounts.
+The existing `useSvgProps(url, uri)` hook uses the same resolution implementation for direct hook consumers;
+it must be called at the top level of a React component or hook.
+
+Layout components and the shared DOM/CSS contract belong to
+[`@wix/origami-system-components`](../origami-system-components/README.md).
+This package has no layout subpaths or system-components dependency.

package/dist/bindings.d.ts

@@ -0,0 +1,44 @@
+declare const D: unique symbol;
+export type ContextHook<T> = () => T;
+type CtxData = {
+    [D]: 'ctx';
+    from: ContextHook<unknown>;
+    path: string;
+    placeholder?: unknown;
+};
+type RecordCall = (...args: unknown[]) => CallD;
+type CtxD = RecordCall & CtxData;
+type CallD = {
+    [D]: 'call';
+    target: CtxData;
+    args: unknown[];
+};
+type FnD = {
+    [D]: 'fn';
+    ref: (...a: unknown[]) => unknown;
+    args: unknown[];
+};
+type IsD = {
+    [D]: 'is';
+    binding: unknown;
+    value: unknown;
+};
+type AllD = {
+    [D]: 'all';
+    entries: unknown[];
+};
+export type Binding = CtxD | CallD | FnD | IsD | AllD;
+export declare const isBinding: (v: unknown) => v is Binding;
+type PathValue<M, P extends string> = M extends object ? P extends `${infer K}.${infer Rest}` ? K extends keyof M ? PathValue<M[K], Rest> : unknown : P extends keyof M ? M[P] : unknown : unknown;
+export declare const ctx: <M, P extends string>(path: P, opts: {
+    from: ContextHook<M>;
+    placeholder?: PathValue<NonNullable<M>, P>;
+}) => PathValue<NonNullable<M>, P>;
+export declare const fn: <T>(ref: (...a: never[]) => T, ...args: unknown[]) => T;
+export declare const is: <T>(binding: T, value: T) => boolean;
+export declare const all: (first: boolean, second: boolean, ...rest: boolean[]) => boolean;
+export declare const raw: <T>(value: T) => T;
+type Hooks = Map<ContextHook<unknown>, unknown>;
+export declare const resolve: (v: unknown, hooks?: Hooks, seen?: WeakSet<object>) => unknown;
+export declare const holds: (v: unknown, hooks?: Hooks, seen?: WeakSet<object>) => boolean;
+export {};

package/dist/bindings.js

@@ -0,0 +1,90 @@
+import { isValidElement } from 'react';
+const D = Symbol('origami.binding');
+const RAW = Symbol('origami.raw');
+export const isBinding = (v) => (typeof v === 'object' || typeof v === 'function') && v !== null && D in v;
+const isRaw = (v) => typeof v === 'object' && v !== null && RAW in v;
+const unwrap = (v) => v !== null && typeof v === 'object' && typeof v.get === 'function'
+    ? v.get()
+    : v;
+const pick = (o, path) => path
+    .split('.')
+    .reduce((v, k) => (v == null ? undefined : unwrap(unwrap(v)[k])), o);
+// document/bindings — each call returns a branded descriptor at authoring time, resolved lazily at
+// render time by resolve(). ctx()'s return type is derived from what the `from` hook returns (via
+// PathValue; NonNullable, since a hook used outside its provider may return undefined), so a call
+// site gets the real manifest-declared type back, not the descriptor's runtime shape: a binding is
+// a promise that the slot it's assigned to will eventually hold that value, exactly like a literal
+// of that type would. The descriptor is also a function, so `ctx(path, { from })(args)` works when
+// the path names a method: calling it runs nothing, it records the call for resolve().
+export const ctx = (path, opts) => {
+    // 1. What the binding holds: the hook to read and the path to walk.
+    const data = { [D]: 'ctx', from: opts.from, path, placeholder: opts.placeholder };
+    // 2. What calling it does: record the args, next to the data. Nothing runs until resolve().
+    const recordCall = (...args) => ({ [D]: 'call', target: data, args });
+    // 3. One value that is both: the function, with the data attached.
+    const binding = Object.assign(recordCall, data);
+    // 4. Typed as the value it will resolve to, so call sites type-check against the real value.
+    return binding;
+};
+export const fn = (ref, ...args) => ({ [D]: 'fn', ref: ref, args });
+// `value`'s type is tied to `binding`'s (T), not a fixed union — a binding derived from a boolean
+// field must be compared to a boolean, one derived from an enum field to a member of that enum,
+// with nothing hardcoded here to any one of those shapes.
+export const is = (binding, value) => ({ [D]: 'is', binding, value });
+// AND of two or more conditions: every entry must hold (see holds()).
+export const all = (first, second, ...rest) => ({ [D]: 'all', entries: [first, second, ...rest] });
+export const raw = (value) => ({ [RAW]: value });
+const isPlain = (v) => typeof v === 'object' && v !== null && Object.getPrototypeOf(v) === Object.prototype;
+// Each hook runs once per resolve(), on first use.
+const read = (hook, hooks) => {
+    if (!hooks.has(hook))
+        hooks.set(hook, hook());
+    return hooks.get(hook);
+};
+// Calls the hooks that ctx() bindings name, so it must run during render. Bindings are authored
+// statically per call site, so the same hooks run in the same order every render. A failing
+// binding resolves to undefined rather than throwing.
+export const resolve = (v, hooks = new Map(), seen = new WeakSet()) => {
+    if (isRaw(v))
+        return v[RAW];
+    if (isBinding(v)) {
+        try {
+            if (v[D] === 'ctx') {
+                const out = v.path ? pick(read(v.from, hooks), v.path) : unwrap(read(v.from, hooks));
+                return out === undefined ? v.placeholder : out;
+            }
+            // The method is read like any ctx() value, then called without a `this`.
+            if (v[D] === 'call') {
+                const method = resolve(v.target, hooks, seen);
+                const args = v.args.map(arg => resolve(arg, hooks, seen));
+                return method(...args);
+            }
+            if (v[D] === 'fn')
+                return v.ref(...v.args.map(a => resolve(a, hooks, seen)));
+            // Every entry is read, not just up to the first false one, so the hooks they name run in
+            // the same order every render.
+            if (v[D] === 'all')
+                return v.entries.map(e => holds(e, hooks, seen)).every(Boolean);
+            return resolve(v.binding, hooks, seen) === v.value;
+        }
+        catch (e) {
+            console.error('binding failed, left unresolved', e);
+            return undefined;
+        }
+    }
+    if (Array.isArray(v))
+        return v.map(x => resolve(x, hooks, seen));
+    if (isValidElement(v))
+        return v;
+    if (isPlain(v)) {
+        if (seen.has(v))
+            return v;
+        seen.add(v);
+        return Object.fromEntries(Object.entries(v).map(([k, x]) => [k, resolve(x, hooks, seen)]));
+    }
+    return v;
+};
+// A condition holds only when it resolves to a strict `true`, as thunderbolt reads it. False,
+// undefined, a merely truthy value, a failed binding and a raw() entry (opaque, never a match) don't.
+export const holds = (v, hooks, seen) => !isRaw(v) && resolve(v, hooks, seen) === true;
+//# sourceMappingURL=bindings.js.map

package/dist/bindings.js.map

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

package/dist/classNames.d.ts

@@ -0,0 +1,4 @@
+export type Cond = unknown;
+export type ClassNames = string | Record<string, Cond | readonly Cond[]> | readonly ClassNames[] | undefined;
+export declare const cx: (block: string, value: ClassNames) => string;
+export declare const rootClass: (id: string, value: ClassNames) => string;

package/dist/classNames.js

@@ -0,0 +1,23 @@
+const on = (c) => Array.isArray(c) ? c.length > 0 && c.every(x => x === true) : c === true;
+const term = (block, name) => (name.startsWith('wix-visibility-') ? name : `${block}--${name}`);
+export const cx = (block, value) => {
+    const out = [];
+    const walk = (v) => {
+        if (v === undefined)
+            return;
+        if (typeof v === 'string')
+            return void v
+                .split(/\s+/)
+                .filter(Boolean)
+                .forEach(n => out.push(term(block, n)));
+        if (Array.isArray(v))
+            return void v.forEach(walk);
+        for (const [k, c] of Object.entries(v))
+            if (on(c))
+                out.push(term(block, k));
+    };
+    walk(value);
+    return out.join(' ');
+};
+export const rootClass = (id, value) => [id, cx(id, value)].filter(Boolean).join(' ');
+//# sourceMappingURL=classNames.js.map

package/dist/classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAMA,MAAM,EAAE,GAAG,CAAC,CAAyB,EAAW,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;AAE5E,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,IAAY,EAAU,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,EAAE,CAAC,CAAA;AAEvH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAa,EAAE,KAAiB,EAAU,EAAE;IAC3D,MAAM,GAAG,GAAa,EAAE,CAAA;IACxB,MAAM,IAAI,GAAG,CAAC,CAAa,EAAQ,EAAE;QACjC,IAAI,CAAC,KAAK,SAAS;YAAE,OAAM;QAC3B,IAAI,OAAO,CAAC,KAAK,QAAQ;YACrB,OAAO,KAAK,CAAC;iBACR,KAAK,CAAC,KAAK,CAAC;iBACZ,MAAM,CAAC,OAAO,CAAC;iBACf,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACjD,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAyB,CAAC;YAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;IACvG,CAAC,CAAA;IACD,IAAI,CAAC,KAAK,CAAC,CAAA;IACX,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,KAAiB,EAAU,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA"}

package/dist/components.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement, ReactNode } from 'react';
+export declare const Show: ({ when, children }: {
+    when: boolean;
+    children: ReactNode;
+}) => ReactElement | null;
+export declare const Remove: ({ when, children }: {
+    when: boolean;
+    children: ReactElement;
+}) => ReactElement | null;

package/dist/components.js

@@ -0,0 +1,10 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { holds, resolve } from './bindings';
+// Removing a component is the one visibility mode that changes the tree rather than the node.
+// Only a strict `false` removes — hence `when: boolean`, matching what
+// is()/ctx()-to-a-boolean-field/a literal all actually produce.
+export const Show = ({ when, children }) => resolve(when) === false ? null : _jsx(_Fragment, { children: children });
+// DM JSX 0.61's removed component: the outermost wrapper around exactly one component, no DOM node.
+// `when` is one condition or all(...); the child is removed only when it holds, else kept.
+export const Remove = ({ when, children }) => holds(when) ? null : children;
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3C,8FAA8F;AAC9F,uEAAuE;AACvE,gEAAgE;AAChE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA0C,EAAuB,EAAE,CACpG,OAAO,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,4BAAG,QAAQ,GAAI,CAAA;AAEpD,oGAAoG;AACpG,2FAA2F;AAC3F,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA6C,EAAuB,EAAE,CACzG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA"}

package/dist/define.d.ts

@@ -0,0 +1,92 @@
+export interface WixProps {
+    wixPath?: string;
+    presetsWrapperProps?: {
+        className?: string;
+    };
+}
+export interface WixElementProps {
+    wix?: WixProps;
+}
+export interface PropBuilder<T> {
+    readonly _type: T;
+    readonly kind: string;
+    readonly meta: Record<string, unknown>;
+}
+/** `Image` from `@wix/editor-react-types`: the value of a manifest `image` prop. Wrappers name it wherever an image sits. */
+export type Image = {
+    uri?: string;
+    url: string;
+    name?: string;
+    height?: number;
+    width?: number;
+    animated?: boolean;
+    crop?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    quality?: number;
+    alt?: string;
+};
+/** `Video` from `@wix/editor-react-types`: the value of a manifest `video` prop. */
+export type Video = {
+    uri: string;
+    name?: string;
+    sources: Array<{
+        quality: '1080p' | '720p' | '480p' | '360p';
+        width: number;
+        height: number;
+        types: Array<{
+            format: 'mp4' | 'mp4-luminance';
+            uri: string;
+            url: string;
+        }>;
+    }>;
+    adaptiveSources: Array<{
+        format: 'hls' | 'dash';
+        uri: string;
+        url: string;
+    }>;
+    hasAudio: boolean;
+    fps: number;
+    poster?: Image;
+};
+export declare const prop: {
+    text: (opts?: {
+        maxLength?: number;
+    }) => PropBuilder<string>;
+    richText: () => PropBuilder<string>;
+    boolean: () => PropBuilder<boolean>;
+    number: (opts?: {
+        min?: number;
+        max?: number;
+    }) => PropBuilder<number>;
+    event: <T = Event>(domEvent: string) => PropBuilder<(value: T) => void>;
+    enum: <T extends string>(...options: T[]) => PropBuilder<T>;
+    link: () => PropBuilder<{
+        href: string;
+        target?: string;
+    }>;
+    direction: () => PropBuilder<"ltr" | "rtl">;
+    vectorArt: () => PropBuilder<string>;
+    element: <T>() => PropBuilder<T>;
+    object: <T>() => PropBuilder<T>;
+    image: <T>() => PropBuilder<T>;
+    video: <T>() => PropBuilder<T>;
+};
+export interface ComponentDefinition<TProps extends Record<string, PropBuilder<any>>, TElements extends Record<string, PropBuilder<any>> = Record<string, never>> {
+    componentId: string;
+    compName: string;
+    props: TProps;
+    elements?: TElements;
+    presets?: string[];
+}
+export declare const defineComponent: <TProps extends Record<string, PropBuilder<any>>, TElements extends Record<string, PropBuilder<any>> = Record<string, never>>(def: ComponentDefinition<TProps, TElements>) => ComponentDefinition<TProps, TElements>;
+export type InferProps<D extends ComponentDefinition<any, any>> = {
+    [K in keyof D['props']]?: D['props'][K]['_type'];
+} & (keyof D['elements'] extends never ? unknown : {
+    elementProps?: {
+        [K in keyof D['elements']]?: D['elements'][K]['_type'];
+    };
+});

package/dist/define.js

@@ -0,0 +1,22 @@
+const makeProp = (kind, meta = {}) => ({ _type: undefined, kind, meta });
+export const prop = {
+    text: (opts) => makeProp('text', opts ?? {}),
+    richText: () => makeProp('richText'),
+    boolean: () => makeProp('boolean'),
+    number: (opts) => makeProp('number', opts ?? {}),
+    event: (domEvent) => makeProp('function', { domEvent }),
+    enum: (...options) => makeProp('textEnum', { options }),
+    link: () => makeProp('link'),
+    direction: () => makeProp('direction'),
+    vectorArt: () => makeProp('vectorArt'),
+    // A refElement slot — T is the child component's own generated Props type, imported by the generator.
+    element: () => makeProp('element'),
+    // Any other value — an object, an array, or one with no known shape (T = unknown); T comes from the generator.
+    object: () => makeProp('object'),
+    // An image or a video (the manifest's `image` and `video` types): typed like `object`, but marked so tools
+    // can find image and video props.
+    image: () => makeProp('image'),
+    video: () => makeProp('video'),
+};
+export const defineComponent = (def) => def;
+//# sourceMappingURL=define.js.map

package/dist/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AA4CA,MAAM,QAAQ,GAAG,CAAI,IAAY,EAAE,OAAgC,EAAE,EAAkB,EAAE,CACrF,CAAC,EAAE,KAAK,EAAE,SAAyB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAmB,CAAA;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,IAAI,EAAE,CAAC,IAA6B,EAAE,EAAE,CAAC,QAAQ,CAAS,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;IAC7E,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAS,UAAU,CAAC;IAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAU,SAAS,CAAC;IAC3C,MAAM,EAAE,CAAC,IAAqC,EAAE,EAAE,CAAC,QAAQ,CAAS,QAAQ,EAAE,IAAI,IAAI,EAAE,CAAC;IACzF,KAAK,EAAE,CAAY,QAAgB,EAAE,EAAE,CAAC,QAAQ,CAAqB,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC;IAC9F,IAAI,EAAE,CAAmB,GAAG,OAAY,EAAE,EAAE,CAAC,QAAQ,CAAI,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC;IACjF,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAoC,MAAM,CAAC;IAC/D,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAgB,WAAW,CAAC;IACrD,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAS,WAAW,CAAC;IAC9C,sGAAsG;IACtG,OAAO,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,SAAS,CAAC;IACxC,+GAA+G;IAC/G,MAAM,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,QAAQ,CAAC;IACtC,2GAA2G;IAC3G,kCAAkC;IAClC,KAAK,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,OAAO,CAAC;IACpC,KAAK,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,OAAO,CAAC;CACvC,CAAA;AAkBD,MAAM,CAAC,MAAM,eAAe,GAAG,CAM3B,GAA2C,EACL,EAAE,CAAC,GAAG,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { all, ctx, fn, is, raw, resolve, isBinding } from './bindings';
+export type { Binding, ContextHook } from './bindings';
+export { Remove, Show } from './components';
+export { withOrigami } from './withOrigami';
+export { withInteractions } from './withInteractions';
+export { useSvgProps } from './useSvgProps';
+export type { SvgProps } from './svgContent';
+export { svg } from './svg';
+export { cx, rootClass } from './classNames';
+export type { ClassNames, Cond } from './classNames';
+export { prop, defineComponent } from './define';
+export type { WixProps, WixElementProps, PropBuilder, ComponentDefinition, InferProps, Image, Video } from './define';

package/dist/index.js

@@ -0,0 +1,9 @@
+export { all, ctx, fn, is, raw, resolve, isBinding } from './bindings';
+export { Remove, Show } from './components';
+export { withOrigami } from './withOrigami';
+export { withInteractions } from './withInteractions';
+export { useSvgProps } from './useSvgProps';
+export { svg } from './svg';
+export { cx, rootClass } from './classNames';
+export { prop, defineComponent } from './define';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEtE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE5C,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA"}

package/dist/svg.d.ts

@@ -0,0 +1,3 @@
+import { type SvgProps } from "./svgContent";
+export declare const svg: (url: string, uri: string) => SvgProps;
+export declare function useSvgSources<T>(props: T): T;

package/dist/svg.js

@@ -0,0 +1,99 @@
+import { isValidElement, useEffect, useRef, useState } from "react";
+import { resolveSvgProps } from "./svgContent";
+const SVG_SOURCE = Symbol.for("@wix/origami-runtime.svgSource");
+// Share both in-flight work and parsed results across mounted wrappers.
+const svgRequests = new Map();
+const loadSvg = (url) => {
+    const cached = svgRequests.get(url);
+    if (cached)
+        return cached;
+    const request = (async () => {
+        const response = await fetch(url);
+        if (!response.ok) {
+            throw new Error(`SVG fetch failed: ${response.status}`);
+        }
+        const content = await response.text();
+        return resolveSvgProps(content);
+    })().catch((error) => {
+        svgRequests.delete(url);
+        throw error;
+    });
+    svgRequests.set(url, request);
+    return request;
+};
+class SvgSource {
+    url;
+    uri;
+    [SVG_SOURCE] = true;
+    constructor(url, uri) {
+        this.url = url;
+        this.uri = uri;
+    }
+}
+export const svg = (url, uri) => new SvgSource(url, uri);
+const isSvgSource = (value) => value !== null &&
+    typeof value === "object" &&
+    SVG_SOURCE in value &&
+    value[SVG_SOURCE] === true;
+const mapSources = (value, resolve, seen = new WeakMap()) => {
+    if (isSvgSource(value))
+        return resolve(value);
+    if (value === null || typeof value !== "object" || isValidElement(value))
+        return value;
+    if (seen.has(value))
+        return seen.get(value);
+    if (Array.isArray(value)) {
+        const mapped = new Array(value.length);
+        seen.set(value, mapped);
+        value.forEach((entry, index) => {
+            mapped[index] = mapSources(entry, resolve, seen);
+        });
+        return mapped;
+    }
+    if (Object.getPrototypeOf(value) === Object.prototype) {
+        const mapped = {};
+        seen.set(value, mapped);
+        for (const [key, entry] of Object.entries(value)) {
+            Object.defineProperty(mapped, key, {
+                value: mapSources(entry, resolve, seen),
+                enumerable: true,
+                configurable: true,
+                writable: true,
+            });
+        }
+        return mapped;
+    }
+    return value;
+};
+export function useSvgSources(props) {
+    const cache = useRef(new Map());
+    const [, setVersion] = useState(0);
+    const urls = new Set();
+    mapSources(props, (source) => urls.add(source.url));
+    const urlsKey = JSON.stringify([...urls].sort());
+    useEffect(() => {
+        let active = true;
+        const load = async (url) => {
+            try {
+                const resolved = await loadSvg(url);
+                if (active) {
+                    cache.current.set(url, resolved);
+                    setVersion((version) => version + 1);
+                }
+            }
+            catch (error) {
+                if (active)
+                    console.error("Could not load SVG:", error);
+            }
+        };
+        for (const url of JSON.parse(urlsKey)) {
+            if (!cache.current.has(url))
+                void load(url);
+        }
+        return () => {
+            active = false;
+        };
+    }, [urlsKey]);
+    return mapSources(props, (source) => cache.current.get(source.url) ?? { svgContent: "" });
+}
+//# sourceMappingURL=svg.js.map

package/dist/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,eAAe,EAAiB,MAAM,cAAc,CAAC;AAE9D,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;AAChE,wEAAwE;AACxE,MAAM,WAAW,GAAG,IAAI,GAAG,EAA6B,CAAC;AAEzD,MAAM,OAAO,GAAG,CAAC,GAAW,EAAqB,EAAE;IACjD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAE1B,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,EAAE;QAC1B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,qBAAqB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QAC1D,CAAC;QACD,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;QACnB,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACxB,MAAM,KAAK,CAAC;IACd,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,SAAS;IAIF;IACA;IAJF,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAE7B,YACW,GAAW,EACX,GAAW;QADX,QAAG,GAAH,GAAG,CAAQ;QACX,QAAG,GAAH,GAAG,CAAQ;IACnB,CAAC;CACL;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAW,EAAE,GAAW,EAAY,EAAE,CACxD,IAAI,SAAS,CAAC,GAAG,EAAE,GAAG,CAAwB,CAAC;AAEjD,MAAM,WAAW,GAAG,CAAC,KAAc,EAAsB,EAAE,CACzD,KAAK,KAAK,IAAI;IACd,OAAO,KAAK,KAAK,QAAQ;IACzB,UAAU,IAAI,KAAK;IACnB,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AAE7B,MAAM,UAAU,GAAG,CACjB,KAAc,EACd,OAAuC,EACvC,OAAO,IAAI,OAAO,EAAmB,EAC5B,EAAE;IACX,IAAI,WAAW,CAAC,KAAK,CAAC;QAAE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC;QACtE,OAAO,KAAK,CAAC;IACf,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,MAAM,GAAc,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAClD,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACxB,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,IAAI,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,SAAS,EAAE,CAAC;QACtD,MAAM,MAAM,GAA4B,EAAE,CAAC;QAC3C,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACxB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;gBACjC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC;gBACvC,UAAU,EAAE,IAAI;gBAChB,YAAY,EAAE,IAAI;gBAClB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa,CAAI,KAAQ;IACvC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,EAAoB,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,UAAU,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,MAAM,IAAI,GAAG,KAAK,EAAE,GAAW,EAAE,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;gBACpC,IAAI,MAAM,EAAE,CAAC;oBACX,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;oBACjC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,MAAM;oBAAE,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC,CAAC;QACF,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAa,EAAE,CAAC;YAClD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;gBAAE,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,UAAU,CACf,KAAK,EACL,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,CAC3D,CAAC;AACT,CAAC"}

package/dist/svgContent.d.ts

@@ -0,0 +1,4 @@
+export interface SvgProps {
+    svgContent: string;
+}
+export declare function resolveSvgProps(svgContent: string): SvgProps;

package/dist/svgContent.js

@@ -0,0 +1,38 @@
+// Other units need a layout or unit conversion context; do not guess their viewport size.
+function viewportDimension(value) {
+    const match = value
+        ?.trim()
+        .match(/^([+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(?:px)?$/i);
+    if (!match)
+        return undefined;
+    const dimension = Number(match[1]);
+    return Number.isFinite(dimension) && dimension >= 0 ? dimension : undefined;
+}
+export function resolveSvgProps(svgContent) {
+    const props = { svgContent };
+    if (!svgContent)
+        return props;
+    const document = new DOMParser().parseFromString(svgContent, "image/svg+xml");
+    const svg = document.documentElement;
+    if (svg.localName !== "svg" || document.querySelector("parsererror"))
+        return { svgContent: "" };
+    const contentType = svg.getAttribute("data-type") || "shape";
+    const contentBox = svg.getAttribute("data-bbox") || "";
+    const rawViewBox = svg.getAttribute("viewBox") || "";
+    const width = viewportDimension(svg.getAttribute("width"));
+    const height = viewportDimension(svg.getAttribute("height"));
+    const fallback = contentType === "ugc" && width !== undefined && height !== undefined
+        ? `0 0 ${width} ${height}`
+        : "";
+    const viewBox = !rawViewBox && fallback
+        ? fallback
+        : contentType !== "ugc" && contentBox
+            ? contentBox
+            : rawViewBox;
+    if (viewBox && viewBox !== rawViewBox) {
+        svg.setAttribute("viewBox", viewBox);
+        props.svgContent = new XMLSerializer().serializeToString(svg);
+    }
+    return props;
+}
+//# sourceMappingURL=svgContent.js.map

package/dist/svgContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgContent.js","sourceRoot":"","sources":["../src/svgContent.ts"],"names":[],"mappings":"AAIA,0FAA0F;AAC1F,SAAS,iBAAiB,CAAC,KAAoB;IAC7C,MAAM,KAAK,GAAG,KAAK;QACjB,EAAE,IAAI,EAAE;SACP,KAAK,CAAC,oDAAoD,CAAC,CAAC;IAC/D,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,OAAO,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAC9E,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,UAAkB;IAChD,MAAM,KAAK,GAAa,EAAE,UAAU,EAAE,CAAC;IACvC,IAAI,CAAC,UAAU;QAAE,OAAO,KAAK,CAAC;IAE9B,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IAC9E,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC;IACrC,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK,IAAI,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC;QAClE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC;IAC7D,MAAM,UAAU,GAAG,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,UAAU,GAAG,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACrD,MAAM,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAM,MAAM,GAAG,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,MAAM,QAAQ,GACZ,WAAW,KAAK,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS;QAClE,CAAC,CAAC,OAAO,KAAK,IAAI,MAAM,EAAE;QAC1B,CAAC,CAAC,EAAE,CAAC;IACT,MAAM,OAAO,GACX,CAAC,UAAU,IAAI,QAAQ;QACrB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,WAAW,KAAK,KAAK,IAAI,UAAU;YACnC,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,UAAU,CAAC;IAEnB,IAAI,OAAO,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QACtC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACrC,KAAK,CAAC,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/useSvgProps.d.ts

@@ -0,0 +1,2 @@
+import type { SvgProps } from './svgContent';
+export declare function useSvgProps(url: string, uri: string): SvgProps;

package/dist/useSvgProps.js

@@ -0,0 +1,5 @@
+import { svg, useSvgSources } from './svg';
+export function useSvgProps(url, uri) {
+    return useSvgSources(svg(url, uri));
+}
+//# sourceMappingURL=useSvgProps.js.map

package/dist/useSvgProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSvgProps.js","sourceRoot":"","sources":["../src/useSvgProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,MAAM,UAAU,WAAW,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAA;AACvC,CAAC"}

package/dist/withInteractions.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const withInteractions: (Component: any) => (props: any) => React.JSX.Element;

package/dist/withInteractions.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InteractionsDefinition } from '@wix/site-service-interactions/definition';
+import { useService } from '@wix/services-manager-react';
+// Copied from wix-next's @wix/builder-interactions, not imported from it: a component with
+// interactions renders inside an <interact-element> keyed by its comp path, else its id.
+export const withInteractions = Component => props => {
+    const { hasInteractions } = useService(InteractionsDefinition);
+    const key = props.wix?.compPath ?? props.id;
+    if (hasInteractions(key)) {
+        return (_jsx("interact-element", { "data-interact-key": key, children: _jsx(Component, { ...props }) }));
+    }
+    return _jsx(Component, { ...props });
+};
+//# sourceMappingURL=withInteractions.js.map

package/dist/withInteractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withInteractions.js","sourceRoot":"","sources":["../src/withInteractions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAExD,2FAA2F;AAC3F,yFAAyF;AACzF,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;IACjD,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAE9D,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,QAAQ,IAAI,KAAK,CAAC,EAAE,CAAA;IAE3C,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,CACH,gDAAqC,GAAG,YACpC,KAAC,SAAS,OAAK,KAAK,GAAI,GACT,CACtB,CAAA;IACL,CAAC;IACD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACnC,CAAC,CAAA"}

package/dist/withOrigami.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentType, FunctionComponent } from 'react';
+export declare const withOrigami: <P extends object>(Component: ComponentType<P>) => FunctionComponent<P>;

package/dist/withOrigami.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isBinding, resolve } from './bindings';
+import { useSvgSources } from './svg';
+// Resolve the authored props (reading the hooks they bind to), render the real component.
+export const withOrigami = (Component) => {
+    const W = (props) => {
+        for (const [k, v] of Object.entries(props)) {
+            if (/^on[A-Z]/.test(k) && isBinding(v)) {
+                throw new Error(`${k}: a callback has no spelling (ADR-0015); fn() would run at render`);
+            }
+        }
+        const resolved = useSvgSources(resolve(props));
+        return _jsx(Component, { ...resolved });
+    };
+    W.displayName = `Origami(${Component.displayName ?? Component.name})`;
+    return W;
+};
+//# sourceMappingURL=withOrigami.js.map

package/dist/withOrigami.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withOrigami.js","sourceRoot":"","sources":["../src/withOrigami.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,0FAA0F;AAC1F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAmB,SAA2B,EAAwB,EAAE;IAC/F,MAAM,CAAC,GAAyB,CAAC,KAAQ,EAAE,EAAE;QACzC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAgC,CAAC,EAAE,CAAC;YACpE,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrC,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,mEAAmE,CAAC,CAAA;YAC5F,CAAC;QACL,CAAC;QACD,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAM,CAAC,CAAA;QACnD,OAAO,KAAC,SAAS,OAAK,QAAQ,GAAI,CAAA;IACtC,CAAC,CAAA;IACD,CAAC,CAAC,WAAW,GAAG,WAAW,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,GAAG,CAAA;IACrE,OAAO,CAAC,CAAA;AACZ,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,65 @@
 {
   "name": "@wix/origami-runtime",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.19.2",
+  "description": "React runtime for Origami-generated component wrappers: context bindings, providers, and className resolution",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "scripts": {
+    "build": "tsc -b .",
+    "lint": "oxlint .",
+    "test-type-check": "tsc --project tsconfig.test.json",
+    "test": "pnpm run test-type-check && vitest --run",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^18.3.1",
+    "@wix/services-manager": "^1.0.7",
+    "@wix/services-manager-react": "^1.0.8",
+    "@wix/site-service-interactions": "^1.0.28",
+    "jsdom": "^23.0.1",
+    "react": "^18.3.1",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.11"
+  },
+  "peerDependencies": {
+    "@wix/services-manager": "^1.0.7",
+    "@wix/services-manager-react": "^1.0.8",
+    "@wix/site-service-interactions": "^1.0.28",
+    "react": "^18.3.1"
+  },
+  "publishUnscoped": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "wix": {
+    "artifact": {
+      "groupId": "com.wixpress.npm",
+      "artifactId": "origami-runtime",
+      "targets": {
+        "docker": false
+      }
+    },
+    "validations": {
+      "source": [
+        "lint"
+      ],
+      "postBuild": [
+        "test"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "type": "module",
+  "falconPackageHash": "ff4fcb08d2eb21bdfd748f51b326dd359dc90e3015702d9eecbd8660"
 }