@bravostudioai/react 0.1.0

package/dist/src/components/EncoreErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+};
+type State = {
+    hasError: boolean;
+    error: unknown;
+};
+export default class EncoreErrorBoundary extends React.Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: unknown): State;
+    componentDidCatch(error: unknown): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=EncoreErrorBoundary.d.ts.map

package/dist/src/components/EncoreErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncoreErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/EncoreErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,KAAK,GAAG;IACT,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,KAAK,KAAK,GAAG;IACT,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC9D,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK;IAItD,iBAAiB,CAAC,KAAK,EAAE,OAAO;IAKhC,MAAM;CAqBT"}

package/dist/src/components/EncoreLoadingFallback.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const EncoreLoadingFallback: React.FC;
+export default EncoreLoadingFallback;
+//# sourceMappingURL=EncoreLoadingFallback.d.ts.map

package/dist/src/components/EncoreLoadingFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncoreLoadingFallback.d.ts","sourceRoot":"","sources":["../../../src/components/EncoreLoadingFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAoBlC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/src/components.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const components: Record<string, React.ComponentType<any>>;
+export default components;
+//# sourceMappingURL=components.d.ts.map

package/dist/src/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAqhGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAoDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/contexts/EncoreActionContext.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type EncoreActionPayload = {
+    bravo: {
+        cancel: () => void;
+        action: any;
+    };
+};
+type EncoreActionContextType = {
+    onAction?: (payload: EncoreActionPayload) => void | Promise<void>;
+};
+declare const EncoreActionContext: React.Context<EncoreActionContextType>;
+export default EncoreActionContext;
+//# sourceMappingURL=EncoreActionContext.d.ts.map

package/dist/src/contexts/EncoreActionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncoreActionContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreActionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,MAAM,EAAE,GAAG,CAAC;KACb,CAAC;CACH,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,mBAAmB,wCAAmD,CAAC;AAE7E,eAAe,mBAAmB,CAAC"}

package/dist/src/contexts/EncoreAppContext.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type EncoreAppContext = {
+    app: any;
+    baseURL: string;
+};
+declare const EncoreAppContext: React.Context<EncoreAppContext>;
+export default EncoreAppContext;
+//# sourceMappingURL=EncoreAppContext.d.ts.map

package/dist/src/contexts/EncoreAppContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncoreAppContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreAppContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACtB,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,gBAAgB,iCAGpB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/src/contexts/EncoreBindingContext.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+type EncoreBindingContext = {};
+declare const EncoreBindingContext: React.Context<{}>;
+export default EncoreBindingContext;
+//# sourceMappingURL=EncoreBindingContext.d.ts.map

package/dist/src/contexts/EncoreBindingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncoreBindingContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreBindingContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,oBAAoB,GAAG,EAAE,CAAC;AAC/B,QAAA,MAAM,oBAAoB,mBAA0B,CAAC;AAErD,eAAe,oBAAoB,CAAC"}

package/dist/src/contexts/EncoreComponentIdContext.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type EncoreComponentIdContext = {
+    componentId?: string;
+    statefulSetId?: string;
+};
+declare const EncoreComponentIdContext: React.Context<EncoreComponentIdContext>;
+export default EncoreComponentIdContext;
+//# sourceMappingURL=EncoreComponentIdContext.d.ts.map

package/dist/src/contexts/EncoreComponentIdContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncoreComponentIdContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreComponentIdContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,wBAAwB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,wBAAwB,yCAE7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/src/contexts/EncoreRepeatingContainerContext.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export type RepeatingContainerControl = {
+    currentIndex?: number;
+    onIndexChange?: (index: number, containerId: string) => void;
+    goToIndex: (index: number) => void;
+    getCurrentIndex: () => number;
+};
+type ControlProps = {
+    currentIndex?: number;
+    onIndexChange?: (index: number) => void;
+};
+type EncoreRepeatingContainerContextValue = {
+    registerContainer: (id: string, control: RepeatingContainerControl) => void;
+    unregisterContainer: (id: string) => void;
+    getControl: (id: string) => RepeatingContainerControl | undefined;
+    setControlProps: (id: string, props: ControlProps | ((prev: ControlProps) => ControlProps)) => void;
+    getControlProps: (id: string) => ControlProps | undefined;
+};
+declare const EncoreRepeatingContainerContext: React.Context<EncoreRepeatingContainerContextValue | null>;
+export default EncoreRepeatingContainerContext;
+//# sourceMappingURL=EncoreRepeatingContainerContext.d.ts.map

package/dist/src/contexts/EncoreRepeatingContainerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncoreRepeatingContainerContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreRepeatingContainerContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,MAAM,CAAC;CAC/B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,oCAAoC,GAAG;IAC1C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC5E,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,yBAAyB,GAAG,SAAS,CAAC;IAClE,eAAe,EAAE,CACf,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,YAAY,GAAG,CAAC,CAAC,IAAI,EAAE,YAAY,KAAK,YAAY,CAAC,KACzD,IAAI,CAAC;IACV,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CAC3D,CAAC;AAEF,QAAA,MAAM,+BAA+B,4DACmC,CAAC;AAEzE,eAAe,+BAA+B,CAAC"}

package/dist/src/hooks/useAuthRedirect.d.ts

@@ -0,0 +1,3 @@
+declare const useAuthRedirect: () => void;
+export default useAuthRedirect;
+//# sourceMappingURL=useAuthRedirect.d.ts.map

package/dist/src/hooks/useAuthRedirect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthRedirect.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAuthRedirect.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,eAAe,YAuDpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/src/hooks/usePusherUpdates.d.ts

@@ -0,0 +1,18 @@
+import Pusher from "pusher-js";
+type UsePusherUpdatesOptions = {
+    appId: string;
+    pageId?: string;
+    enabled?: boolean;
+    onUpdate?: () => void;
+};
+/**
+ * Hook to listen for EncoreApp component updates via Pusher
+ * Channel name format: `${appId}-${pageId}`
+ * When an update event is received, it invalidates SWR cache and triggers a reload
+ */
+export declare function usePusherUpdates({ appId, pageId, enabled, onUpdate, }: UsePusherUpdatesOptions): {
+    channel: import("pusher-js").Channel | null;
+    pusher: Pusher | null;
+};
+export {};
+//# sourceMappingURL=usePusherUpdates.d.ts.map

package/dist/src/hooks/usePusherUpdates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePusherUpdates.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePusherUpdates.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,WAAW,CAAC;AAU/B,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAWF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,MAAM,EACN,OAAc,EACd,QAAQ,GACT,EAAE,uBAAuB;;;EAsHzB"}

package/dist/src/index.d.ts

@@ -0,0 +1,8 @@
+import EncoreApp from "./components/EncoreApp";
+import EncoreErrorBoundary from "./components/EncoreErrorBoundary";
+import EncoreLoadingFallback from "./components/EncoreLoadingFallback";
+import EncoreAppContext from "./contexts/EncoreAppContext";
+import EncoreBindingContext from "./contexts/EncoreBindingContext";
+import useEncoreState from "./stores/useEncoreState";
+export { EncoreApp, EncoreErrorBoundary, EncoreLoadingFallback, EncoreAppContext, EncoreBindingContext, useEncoreState, };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,mBAAmB,MAAM,kCAAkC,CAAC;AACnE,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AACvE,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AACnE,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAErD,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,GACf,CAAC"}

package/dist/src/lib/dynamicModules.d.ts

@@ -0,0 +1,8 @@
+export declare function loadAMDModule(name: string, code: string): Promise<any>;
+export declare function fetchDep(name: string): Promise<any>;
+/**
+ * Clear a module from the cache to force reload on next fetch
+ * @param name Module name (e.g., `${appId}/draft/components/${pageId}`)
+ */
+export declare function clearModuleCache(name: string): void;
+//# sourceMappingURL=dynamicModules.d.ts.map

package/dist/src/lib/dynamicModules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamicModules.d.ts","sourceRoot":"","sources":["../../../src/lib/dynamicModules.ts"],"names":[],"mappings":"AAwBA,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,gBAyGvD;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,gBAoE1C;AAOD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAKnD"}

package/dist/src/lib/fetcher.d.ts

@@ -0,0 +1,5 @@
+declare const getAppsServiceUrl: () => string;
+declare const fetcher: (url: string) => any;
+export default fetcher;
+export { getAppsServiceUrl as appsServiceUrl };
+//# sourceMappingURL=fetcher.d.ts.map

package/dist/src/lib/fetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../../src/lib/fetcher.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,iBAAiB,cAEtB,CAAC;AAIF,QAAA,MAAM,OAAO,GAAI,KAAK,MAAM,QA6F3B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,iBAAiB,IAAI,cAAc,EAAE,CAAC"}

package/dist/src/lib/localMode.d.ts

@@ -0,0 +1,3 @@
+export declare function setLocalModeOverride(value: "local" | "remote" | null): void;
+export declare function isLocalMode(): boolean;
+//# sourceMappingURL=localMode.d.ts.map

package/dist/src/lib/localMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localMode.d.ts","sourceRoot":"","sources":["../../../src/lib/localMode.ts"],"names":[],"mappings":"AAGA,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,GACjC,IAAI,CAEN;AAED,wBAAgB,WAAW,IAAI,OAAO,CAkBrC"}

package/dist/src/lib/packages.d.ts

@@ -0,0 +1,6 @@
+export type Package = {
+    exports: unknown;
+};
+declare const Packages: Record<string, () => Package>;
+export default Packages;
+//# sourceMappingURL=packages.d.ts.map

package/dist/src/lib/packages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"packages.d.ts","sourceRoot":"","sources":["../../../src/lib/packages.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,OAAO,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAO3C,CAAC;AAQF,eAAe,QAAQ,CAAC"}

package/dist/src/stores/useEncoreState.d.ts

@@ -0,0 +1,33 @@
+type EncoreState = {
+    app: any;
+    baseURL: string;
+    accessToken?: {
+        expireAt: number;
+        token: string;
+        refreshToken: string;
+        params: string;
+    };
+    appId?: string;
+    formInputs: Record<string, Record<string, any>>;
+    pageId?: string;
+    statefulSetVariants: Record<string, string>;
+    inputGroups: Record<string, string>;
+    assetsById: Record<string, any>;
+    fontsById: Record<string, string>;
+    fontsByIdFull: Record<string, {
+        family: string;
+        postScriptName?: string;
+    }>;
+    resetFormInputs: () => void;
+    setAccessToken: (accessToken: EncoreState["accessToken"]) => void;
+    setApp: (app: any) => void;
+    setAppId: (appId: string) => void;
+    setFormInputValue: (nodeId: string, value: any) => void;
+    setPageId: (pageId: string) => void;
+    setStatefulSetVariant: (statefulSetId: string, variant: string) => void;
+    setInputGroupValue: (groupName: string, elementName: string) => void;
+    setBaseURL: (baseURL: string) => void;
+};
+declare const useEncoreState: import("zustand").UseBoundStore<import("zustand").StoreApi<EncoreState>>;
+export default useEncoreState;
+//# sourceMappingURL=useEncoreState.d.ts.map

package/dist/src/stores/useEncoreState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEncoreState.d.ts","sourceRoot":"","sources":["../../../src/stores/useEncoreState.ts"],"names":[],"mappings":"AAGA,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE3E,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAClE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACxD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,qBAAqB,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,cAAc,0EAsFjB,CAAC;AAEJ,eAAe,cAAc,CAAC"}

package/dist/stores/useEncoreState.js

@@ -0,0 +1,70 @@
+import { create as u } from "zustand";
+import { CONST_APPS_SERVICE_URL as r } from "../packages/encore-lib/constants.js";
+const f = u((o) => ({
+  app: void 0,
+  baseURL: r,
+  accessToken: void 0,
+  appId: void 0,
+  formInputs: {},
+  pageId: void 0,
+  statefulSetVariants: {},
+  inputGroups: {},
+  assetsById: {},
+  fontsById: {},
+  fontsByIdFull: {},
+  resetFormInputs: () => o((s) => ({ ...s, formInputs: {} })),
+  setAccessToken: (s) => o((t) => ({ ...t, accessToken: s })),
+  setApp: (s) => o((t) => ({
+    ...t,
+    app: s,
+    assetsById: s.app?.assets?.reduce?.(
+      (e, n) => ({
+        ...e,
+        [n.id]: n
+      }),
+      {}
+    ) ?? {},
+    fontsById: s.app?.fonts?.reduce?.(
+      (e, n) => ({
+        ...e,
+        [n.id]: n.fontName?.family || "sans-serif"
+      }),
+      {}
+    ) ?? {},
+    fontsByIdFull: s.app?.fonts?.reduce?.(
+      (e, n) => ({
+        ...e,
+        [n.id]: {
+          family: n.fontName?.family || "sans-serif",
+          postScriptName: n.fontName?.postScriptName
+        }
+      }),
+      {}
+    ) ?? {}
+  })),
+  setAppId: (s) => o((t) => ({ ...t, appId: s })),
+  setFormInputValue: (s, t) => o((e) => {
+    const p = { ...e.formInputs[e.pageId] || {}, [s]: t }, a = { ...e.formInputs, [e.pageId]: p };
+    return { ...e, formInputs: a };
+  }),
+  setPageId: (s) => o((t) => ({ ...t, pageId: s })),
+  setStatefulSetVariant: (s, t) => o((e) => ({
+    ...e,
+    statefulSetVariants: {
+      ...e.statefulSetVariants,
+      [s]: t
+    }
+  })),
+  setInputGroupValue: (s, t) => o((e) => ({
+    ...e,
+    inputGroups: {
+      ...e.inputGroups,
+      [s]: t
+    }
+  })),
+  setBaseURL: (s) => o((t) => ({ ...t, baseURL: s }))
+}));
+export {
+  f as default
+};
+//# sourceMappingURL=useEncoreState.js.map

package/dist/stores/useEncoreState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEncoreState.js","sources":["../../src/stores/useEncoreState.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { CONST_APPS_SERVICE_URL } from \"../../constants\";\n\ntype EncoreState = {\n  app: any;\n  baseURL: string;\n  accessToken?: {\n    expireAt: number;\n    token: string;\n    refreshToken: string;\n    params: string;\n  };\n  appId?: string;\n  formInputs: Record<string, Record<string, any>>;\n  pageId?: string;\n  statefulSetVariants: Record<string, string>;\n  inputGroups: Record<string, string>; // Maps group name to active element name\n  assetsById: Record<string, any>;\n  fontsById: Record<string, string>;\n  fontsByIdFull: Record<string, { family: string; postScriptName?: string }>;\n\n  resetFormInputs: () => void;\n  setAccessToken: (accessToken: EncoreState[\"accessToken\"]) => void;\n  setApp: (app: any) => void;\n  setAppId: (appId: string) => void;\n  setFormInputValue: (nodeId: string, value: any) => void;\n  setPageId: (pageId: string) => void;\n  setStatefulSetVariant: (statefulSetId: string, variant: string) => void;\n  setInputGroupValue: (groupName: string, elementName: string) => void;\n  setBaseURL: (baseURL: string) => void;\n};\n\nconst useEncoreState = create<EncoreState>((set) => ({\n  app: undefined,\n  baseURL:\n    import.meta.env.VITE_APPS_SERVICE_URL || CONST_APPS_SERVICE_URL || \n    \"https://apps-service-dev.bravostudio.app\",\n  accessToken: undefined,\n  appId: undefined,\n  formInputs: {},\n  pageId: undefined,\n  statefulSetVariants: {},\n  inputGroups: {},\n  assetsById: {},\n  fontsById: {},\n  fontsByIdFull: {},\n\n  resetFormInputs: () => set((state) => ({ ...state, formInputs: {} })),\n\n  setAccessToken: (accessToken) => set((state) => ({ ...state, accessToken })),\n\n  setApp: (app: any) =>\n    set((state) => ({\n      ...state,\n      app,\n      assetsById:\n        app.app?.assets?.reduce?.(\n          (acc: Record<string, any>, asset: any) => ({\n            ...acc,\n            [asset.id]: asset,\n          }),\n          {}\n        ) ?? {},\n      fontsById:\n        app.app?.fonts?.reduce?.(\n          (acc: Record<string, string>, font: any) => ({\n            ...acc,\n            [font.id]: font.fontName?.family || \"sans-serif\",\n          }),\n          {}\n        ) ?? {},\n      fontsByIdFull:\n        app.app?.fonts?.reduce?.(\n          (\n            acc: Record<string, { family: string; postScriptName?: string }>,\n            font: any\n          ) => ({\n            ...acc,\n            [font.id]: {\n              family: font.fontName?.family || \"sans-serif\",\n              postScriptName: font.fontName?.postScriptName,\n            },\n          }),\n          {}\n        ) ?? {},\n    })),\n\n  setAppId: (appId) => set((state) => ({ ...state, appId })),\n\n  setFormInputValue: (nodeId, value) =>\n    set((state) => {\n      const oldPageInputs = state.formInputs[state.pageId!] || {};\n      const newPageInputs = { ...oldPageInputs, [nodeId]: value };\n      const newInputs = { ...state.formInputs, [state.pageId!]: newPageInputs };\n      return { ...state, formInputs: newInputs };\n    }),\n\n  setPageId: (pageId) => set((state) => ({ ...state, pageId })),\n\n  setStatefulSetVariant: (statefulSetId, variant) =>\n    set((state) => ({\n      ...state,\n      statefulSetVariants: {\n        ...state.statefulSetVariants,\n        [statefulSetId]: variant,\n      },\n    })),\n\n  setInputGroupValue: (groupName, elementName) =>\n    set((state) => ({\n      ...state,\n      inputGroups: {\n        ...state.inputGroups,\n        [groupName]: elementName,\n      },\n    })),\n\n  setBaseURL: (baseURL) => set((state) => ({ ...state, baseURL })),\n}));\n\nexport default useEncoreState;\n"],"names":["useEncoreState","create","set","CONST_APPS_SERVICE_URL","state","accessToken","app","acc","asset","font","appId","nodeId","value","newPageInputs","newInputs","pageId","statefulSetId","variant","groupName","elementName","baseURL"],"mappings":";;AAgCA,MAAMA,IAAiBC,EAAoB,CAACC,OAAS;AAAA,EACnD,KAAK;AAAA,EACL,SAC2CC;AAAA,EAE3C,aAAa;AAAA,EACb,OAAO;AAAA,EACP,YAAY,CAAA;AAAA,EACZ,QAAQ;AAAA,EACR,qBAAqB,CAAA;AAAA,EACrB,aAAa,CAAA;AAAA,EACb,YAAY,CAAA;AAAA,EACZ,WAAW,CAAA;AAAA,EACX,eAAe,CAAA;AAAA,EAEf,iBAAiB,MAAMD,EAAI,CAACE,OAAW,EAAE,GAAGA,GAAO,YAAY,CAAA,EAAC,EAAI;AAAA,EAEpE,gBAAgB,CAACC,MAAgBH,EAAI,CAACE,OAAW,EAAE,GAAGA,GAAO,aAAAC,EAAA,EAAc;AAAA,EAE3E,QAAQ,CAACC,MACPJ,EAAI,CAACE,OAAW;AAAA,IACd,GAAGA;AAAA,IACH,KAAAE;AAAA,IACA,YACEA,EAAI,KAAK,QAAQ;AAAA,MACf,CAACC,GAA0BC,OAAgB;AAAA,QACzC,GAAGD;AAAA,QACH,CAACC,EAAM,EAAE,GAAGA;AAAA,MAAA;AAAA,MAEd,CAAA;AAAA,IAAC,KACE,CAAA;AAAA,IACP,WACEF,EAAI,KAAK,OAAO;AAAA,MACd,CAACC,GAA6BE,OAAe;AAAA,QAC3C,GAAGF;AAAA,QACH,CAACE,EAAK,EAAE,GAAGA,EAAK,UAAU,UAAU;AAAA,MAAA;AAAA,MAEtC,CAAA;AAAA,IAAC,KACE,CAAA;AAAA,IACP,eACEH,EAAI,KAAK,OAAO;AAAA,MACd,CACEC,GACAE,OACI;AAAA,QACJ,GAAGF;AAAA,QACH,CAACE,EAAK,EAAE,GAAG;AAAA,UACT,QAAQA,EAAK,UAAU,UAAU;AAAA,UACjC,gBAAgBA,EAAK,UAAU;AAAA,QAAA;AAAA,MACjC;AAAA,MAEF,CAAA;AAAA,IAAC,KACE,CAAA;AAAA,EAAC,EACR;AAAA,EAEJ,UAAU,CAACC,MAAUR,EAAI,CAACE,OAAW,EAAE,GAAGA,GAAO,OAAAM,EAAA,EAAQ;AAAA,EAEzD,mBAAmB,CAACC,GAAQC,MAC1BV,EAAI,CAACE,MAAU;AAEb,UAAMS,IAAgB,EAAE,GADFT,EAAM,WAAWA,EAAM,MAAO,KAAK,CAAA,GACf,CAACO,CAAM,GAAGC,EAAA,GAC9CE,IAAY,EAAE,GAAGV,EAAM,YAAY,CAACA,EAAM,MAAO,GAAGS,EAAA;AAC1D,WAAO,EAAE,GAAGT,GAAO,YAAYU,EAAA;AAAA,EACjC,CAAC;AAAA,EAEH,WAAW,CAACC,MAAWb,EAAI,CAACE,OAAW,EAAE,GAAGA,GAAO,QAAAW,EAAA,EAAS;AAAA,EAE5D,uBAAuB,CAACC,GAAeC,MACrCf,EAAI,CAACE,OAAW;AAAA,IACd,GAAGA;AAAA,IACH,qBAAqB;AAAA,MACnB,GAAGA,EAAM;AAAA,MACT,CAACY,CAAa,GAAGC;AAAA,IAAA;AAAA,EACnB,EACA;AAAA,EAEJ,oBAAoB,CAACC,GAAWC,MAC9BjB,EAAI,CAACE,OAAW;AAAA,IACd,GAAGA;AAAA,IACH,aAAa;AAAA,MACX,GAAGA,EAAM;AAAA,MACT,CAACc,CAAS,GAAGC;AAAA,IAAA;AAAA,EACf,EACA;AAAA,EAEJ,YAAY,CAACC,MAAYlB,EAAI,CAACE,OAAW,EAAE,GAAGA,GAAO,SAAAgB,IAAU;AACjE,EAAE;"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@bravostudioai/react",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/src/components.d.ts",
+      "import": "./dist/components.js"
+    },
+    "./contexts/*": "./dist/contexts/*",
+    "./hooks/*": "./dist/hooks/*",
+    "./stores/*": "./dist/stores/*",
+    "./lib/*": "./dist/lib/*"
+  },
+  "bin": "./bin/encore-lib.js",
+  "files": [
+    "dist",
+    "src",
+    "bin"
+  ],
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "download-bravo": "tsx scripts/download-bravo.ts",
+    "reverse-bravo": "tsx scripts/reverse-bravo.ts",
+    "generate-wrapper": "tsx scripts/generate-wrapper.ts",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "axios": "^1.13.0",
+    "dotenv": "^16.0.0",
+    "pusher-js": "^8.4.0",
+    "swr": "^2.3.6",
+    "zustand": "^5.0.8"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.6.0",
+    "@types/react": "^19.1.16",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "react-element-to-jsx-string": "^17.0.1",
+    "tsx": "^4.19.2",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  }
+}

package/src/AGENTS.md

@@ -0,0 +1,161 @@
+# Guidance for AI Agents working in `src/bravo/`
+
+This document lists practical rules and gotchas observed while implementing the Bravo renderer. Follow these to avoid layout regressions and broken renders.
+
+## Golden Rules
+
+- Do NOT use Tailwind here. All styling must be inline (see `README.md`).
+- Respect the library boundary: changes in `src/bravo/**` should not depend on app-only tooling.
+- Prefer small, local changes and verify with the default app (`01KA23JMNBQ2V9NR7K0VXKT5TF`).
+
+## Build Process (CRITICAL)
+
+> **⚠️ Changes to `encore-lib` are NOT automatically reflected in consuming apps!**
+
+- After making changes to any file in `packages/encore-lib/src/`, you **MUST** run:
+  ```bash
+  cd packages/encore-lib
+  yarn build
+  ```
+- The library builds to `packages/encore-lib/dist/` which is what consuming apps (like `test-app-2`, `test-app-3`) import.
+- Dev servers in consuming apps will pick up the rebuilt library after a browser refresh.
+- **No restart** of the consuming app's dev server is required, just rebuild `encore-lib` and refresh the browser.
+- If you're not seeing your changes reflected, the most likely cause is forgetting to rebuild `encore-lib`.
+
+## Layout & Positioning
+
+- Positioning context:
+  - Containers that host absolutely positioned children must set `position: 'relative'`.
+  - Background layers must be `position: 'absolute'` with `zIndex: -1` and should not participate in layout.
+- Prevent zero‑size containers:
+  - Use `ResizeObserver` to measure and pass dimensions via `BravoContainerContext`.
+  - For container wrappers, default `width: '100%'`, `height: '100%'` if computed size is not yet known.
+- Percent sizing:
+  - Convert percentages using the nearest container’s measured width/height, not `window.innerWidth/innerHeight`.
+  - Guard conversions when dimensions are `0` to avoid collapsing to `0px`.
+
+## Typography & Units
+
+- When mapping numeric style fields to CSS, add units where required:
+  - `lineHeightPx` → `lineHeight = (value * scaleFactor) + 'px'`
+  - `fontSize` uses numeric pixels (React handles units when used directly as numbers).
+  - Re-check any new numeric style property; if it corresponds to a CSS length, ensure a unit.
+
+## Backgrounds & Layers
+
+- Color layers:
+  - Never skip rendering color layers by name (e.g., “SOLID”). Honor background color if not fully transparent.
+- Z-order:
+  - Action hit-areas or overlays should use explicit `zIndex` to avoid covering content unintentionally.
+
+## Scaffolding & Scrolling
+
+- Page structure:
+  - Keep a non-scrollable group (backgrounds, top bars) separate from the scrollable page area.
+  - The scrollable container should fill its parent: `width: '100%'`, `height: '100%'`, `overflow: 'auto'`.
+- Scale factor:
+  - `scaleFactor` must be derived from the measured container rectangle (via `ResizeObserver`), not the window.
+  - Use a fit strategy: `min(containerWidth / originalWidth, containerHeight / originalHeight)`.
+  - This guarantees the render scales responsively to whatever rectangle it is placed in, with edge-to-edge layout.
+
+## Spacing & Layout Mapping
+
+- Scale layout paddings and gaps by `scaleFactor`:
+  - In `useBravoStyle`, map `style.layout.padding.{top,right,bottom,left}` and `style.layout.itemSpacing` to CSS by multiplying each by `scaleFactor`.
+  - This keeps card paddings and inter-card spacing visually consistent with Figma across container sizes.
+- Border radii:
+  - For percent-based radii from Bravo, convert using the nearest container’s width (see `percentOfParentWidthToPx`).
+  - If `cornerRadii` is present, set per-corner radii and enable `overflow: 'hidden'` to clip content.
+
+## Images & SVGs
+
+- Images:
+  - Honor `scaleMode`: `fill → objectFit='cover'`, `fit → objectFit='contain'`, center with `objectPosition='center'`.
+  - Maintain aspect ratio within absolute insets when both left/right or top/bottom are set:
+    - Compute pixel width/height from container dimensions and node `aspectRatio`.
+    - Anchor from `top`/`left` and clear the opposite sides to avoid stretch.
+- SVG “BG” layers:
+  - Treat like images only if a specific node requires aspect rules; do not apply global image-like behavior to all SVGs.
+  - Verify corner radii after percent → px conversion; adjust on a per-node basis if Figma expects masking behavior.
+
+## Asset Loading
+
+- Image preloading must not block rendering:
+  - Use `Promise.allSettled` and resolve on `onerror` in dev mode.
+
+## Change Review Checklist
+
+- Will any absolutely positioned child lack a positioned ancestor? If yes, add `position: 'relative'`.
+- Could a wrapper render at `0×0` initially? If yes, default to `width/height: '100%'` until measured.
+- Are you converting percent sizes using container dimensions (not window)?
+- Are all numeric CSS lengths expressed with units?
+- Are backgrounds visible (not fully transparent) and behind content?
+- Do action wrappers have the correct `zIndex` and not block clicks unexpectedly?
+
+## Debugging Tips
+
+- Inspect `[data-type="ColorComponent"]` for `background-color`, size, and absolute insets.
+- Inspect containers’ computed `width/height` and bounding rect; if `0×0`, confirm `ResizeObserver` and defaults.
+- For missing text, verify computed `line-height`, `font-size`, and clipping (`overflow`).
+
+## Local Flex-Layout Mode (for offline testing)
+
+- Toggle via query `?useLocal=1` or env `VITE_BRAVO_LOCAL=1`.
+- App JSON source: `/flex-layout/<appId>/<appId>.json`.
+- Component modules: `/flex-layout/<appId>/<pageId>.jsx` (fallback to `.js`).
+- `BravoApp` page list uses `app.data.pages[].id` when local mode is on.
+- Keep all styling inline; no Tailwind in `src/bravo/**`.
+
+## Interactive Components & Click Handling
+
+### Clickable Overlay Positioning (CRITICAL)
+
+**Problem:** When `EncoreLinkActionWrapper` creates an absolutely positioned overlay div for click handling, the overlay must be scoped to the correct parent element to avoid overlapping with other interactive elements.
+
+**Root Cause:** If the overlay is positioned relative to a parent container (like `StatefulSetComponent`) that contains multiple buttons, all buttons' overlays will overlap at the same position, causing clicks on one button to trigger handlers on other buttons.
+
+**Solution:**
+- The clickable overlay div from `EncoreLinkActionWrapper` must be positioned relative to the **button element itself**, not the parent container.
+- In `StatefulCompoundComponent`, wrap the button's content with `EncoreLinkActionWrapper`, then place the button's container div **outside** the wrapper:
+  ```tsx
+  // ✅ CORRECT: Overlay is scoped to button element
+  <div style={containerStyle}>
+    <EncoreLinkActionWrapper>
+      {children}
+    </EncoreLinkActionWrapper>
+  </div>
+  
+  // ❌ WRONG: Overlay is scoped to parent container
+  <EncoreLinkActionWrapper>
+    <div style={containerStyle}>
+      {children}
+    </div>
+  </EncoreLinkActionWrapper>
+  ```
+
+**Testing:**
+- When debugging click handling issues, check if clickable overlays overlap by:
+  1. Inspecting the bounding boxes of overlay divs (look for `zIndex >= 9999` and `position: absolute`)
+  2. Verifying that overlays from different buttons have different positions
+  3. Using `document.elementsFromPoint()` to see which elements are at a click point
+
+**Key Principle:** Interactive overlays should be scoped to the smallest containing element that represents the clickable area, not a parent that contains multiple interactive elements.
+
+### StatefulSetComponent Variant Selection
+
+- `StatefulSetComponent` uses its own `id` as the `stateSetId` for variant lookup in the Zustand store.
+- Always use the component's `id` directly in the selector function to avoid closure issues:
+  ```tsx
+  // ✅ CORRECT: Use id directly
+  const variant = useEncoreState((state) => state.statefulSetVariants[id]);
+  
+  // ❌ WRONG: Using a variable can cause closure issues
+  const stateSetId = id;
+  const variant = useEncoreState((state) => state.statefulSetVariants[stateSetId]);
+  ```
+
+### Parent StatefulSetId Propagation
+
+- When `StatefulSetComponent` renders a child button (`StatefulCompoundComponent`), it must pass its own `id` as `_parentStatefulSetId` prop.
+- This ensures the button's click handler targets the correct parent's state, not the button's own state.
+- The `EncoreLinkActionWrapper` prioritizes `_parentStatefulSetId` prop over context values for reliability.