unframer 4.1.8 → 4.2.0

package/src/plugin-mcp-dist/lib/upstream-socket.test.js

@@ -0,0 +1,211 @@
+/**
+ * Tests upstream socket selection and request/socket matching logic used by the MCP worker.
+ */
+import { describe, expect, test } from 'vitest';
+import { matchesPendingRequestSocket, pickActiveUpstreamSocket, } from './upstream-socket.js';
+function createSocket({ attachment, readyState, }) {
+    return {
+        deserializeAttachment() {
+            return attachment;
+        },
+        readyState,
+    };
+}
+describe('pickActiveUpstreamSocket', () => {
+    test('prefers most recently connected ready socket', () => {
+        const olderSocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'older',
+                connectionOrdinal: 1,
+                connectedAt: 10,
+                readyAcked: true,
+            },
+            readyState: 1,
+        });
+        const newerSocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'newer',
+                connectionOrdinal: 2,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            readyState: 1,
+        });
+        expect(pickActiveUpstreamSocket({
+            sockets: [olderSocket, newerSocket],
+        })).toBe(newerSocket);
+    });
+    test('ignores connecting and closed sockets', () => {
+        const connectingSocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'connecting',
+                connectionOrdinal: 3,
+                connectedAt: 30,
+                readyAcked: true,
+            },
+            readyState: 0,
+        });
+        const closedSocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'closed',
+                connectionOrdinal: 4,
+                connectedAt: 40,
+                readyAcked: true,
+            },
+            readyState: 3,
+        });
+        const openSocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'open',
+                connectionOrdinal: 2,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            readyState: 1,
+        });
+        expect(pickActiveUpstreamSocket({
+            sockets: [connectingSocket, closedSocket, openSocket],
+        })).toBe(openSocket);
+    });
+    test('ignores sockets that have not completed ready handshake', () => {
+        const unackedNewest = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'unacked',
+                connectionOrdinal: 3,
+                connectedAt: 30,
+                readyAcked: false,
+            },
+            readyState: 1,
+        });
+        const readyOlder = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'ready',
+                connectionOrdinal: 2,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            readyState: 1,
+        });
+        expect(pickActiveUpstreamSocket({
+            sockets: [readyOlder, unackedNewest],
+        })).toBe(readyOlder);
+    });
+    test('treats legacy attachments without readyAcked as usable', () => {
+        const legacySocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+            },
+            readyState: 1,
+        });
+        expect(pickActiveUpstreamSocket({
+            sockets: [legacySocket],
+        })).toBe(legacySocket);
+    });
+    test('uses connection ordinal when timestamps are identical', () => {
+        const olderSocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'older',
+                connectionOrdinal: 1,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            readyState: 1,
+        });
+        const newerSocket = createSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'newer',
+                connectionOrdinal: 2,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            readyState: 1,
+        });
+        expect(pickActiveUpstreamSocket({
+            sockets: [olderSocket, newerSocket],
+        })).toBe(newerSocket);
+    });
+});
+describe('matchesPendingRequestSocket', () => {
+    test('matches by connection id before falling back to timestamps', () => {
+        expect(matchesPendingRequestSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'newer',
+                connectionOrdinal: 2,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            pendingRequest: {
+                upstreamConnectionId: 'newer',
+                upstreamConnectedAt: 10,
+            },
+        })).toBe(true);
+        expect(matchesPendingRequestSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'older',
+                connectionOrdinal: 1,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            pendingRequest: {
+                upstreamConnectionId: 'newer',
+                upstreamConnectedAt: 20,
+            },
+        })).toBe(false);
+    });
+    test('rejects only requests sent through the closing socket', () => {
+        expect(matchesPendingRequestSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'current',
+                connectionOrdinal: 2,
+                connectedAt: 20,
+                readyAcked: true,
+            },
+            pendingRequest: {
+                upstreamConnectionId: 'current',
+                upstreamConnectionOrdinal: 2,
+                upstreamConnectedAt: 20,
+            },
+        })).toBe(true);
+        expect(matchesPendingRequestSocket({
+            attachment: {
+                role: 'up',
+                ids: ['user'],
+                connectionId: 'older',
+                connectionOrdinal: 1,
+                connectedAt: 10,
+                readyAcked: true,
+            },
+            pendingRequest: {
+                upstreamConnectionId: 'current',
+                upstreamConnectionOrdinal: 2,
+                upstreamConnectedAt: 20,
+            },
+        })).toBe(false);
+    });
+});
+//# sourceMappingURL=upstream-socket.test.js.map

package/src/plugin-mcp-dist/lib/upstream-socket.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upstream-socket.test.js","sourceRoot":"","sources":["../../src/lib/upstream-socket.test.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE/C,OAAO,EACH,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,sBAAsB,CAAA;AAE7B,SAAS,YAAY,CAAC,EAClB,UAAU,EACV,UAAU,GAIb;IACG,OAAO;QACH,qBAAqB;YACjB,OAAO,UAAU,CAAA;QACrB,CAAC;QACD,UAAU;KACb,CAAA;AACL,CAAC;AAED,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,WAAW,GAAG,YAAY,CAAC;YAC7B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QACF,MAAM,WAAW,GAAG,YAAY,CAAC;YAC7B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QAEF,MAAM,CACF,wBAAwB,CAAC;YACrB,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;SACtC,CAAC,CACL,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,gBAAgB,GAAG,YAAY,CAAC;YAClC,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,YAAY;gBAC1B,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QACF,MAAM,YAAY,GAAG,YAAY,CAAC;YAC9B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,QAAQ;gBACtB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QACF,MAAM,UAAU,GAAG,YAAY,CAAC;YAC5B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,MAAM;gBACpB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QAEF,MAAM,CACF,wBAAwB,CAAC;YACrB,OAAO,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,UAAU,CAAC;SACxD,CAAC,CACL,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,aAAa,GAAG,YAAY,CAAC;YAC/B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,SAAS;gBACvB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,KAAK;aACpB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QACF,MAAM,UAAU,GAAG,YAAY,CAAC;YAC5B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QAEF,MAAM,CACF,wBAAwB,CAAC;YACrB,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC;SACvC,CAAC,CACL,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,YAAY,GAAG,YAAY,CAAC;YAC9B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;aAChB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QAEF,MAAM,CACF,wBAAwB,CAAC;YACrB,OAAO,EAAE,CAAC,YAAY,CAAC;SAC1B,CAAC,CACL,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,WAAW,GAAG,YAAY,CAAC;YAC7B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QACF,MAAM,WAAW,GAAG,YAAY,CAAC;YAC7B,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,UAAU,EAAE,CAAC;SAChB,CAAC,CAAA;QAEF,MAAM,CACF,wBAAwB,CAAC;YACrB,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;SACtC,CAAC,CACL,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IACvB,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACzC,IAAI,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACpE,MAAM,CACF,2BAA2B,CAAC;YACxB,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,cAAc,EAAE;gBACZ,oBAAoB,EAAE,OAAO;gBAC7B,mBAAmB,EAAE,EAAE;aAC1B;SACJ,CAAC,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEZ,MAAM,CACF,2BAA2B,CAAC;YACxB,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,cAAc,EAAE;gBACZ,oBAAoB,EAAE,OAAO;gBAC7B,mBAAmB,EAAE,EAAE;aAC1B;SACJ,CAAC,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,CACF,2BAA2B,CAAC;YACxB,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,SAAS;gBACvB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,cAAc,EAAE;gBACZ,oBAAoB,EAAE,SAAS;gBAC/B,yBAAyB,EAAE,CAAC;gBAC5B,mBAAmB,EAAE,EAAE;aAC1B;SACJ,CAAC,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEZ,MAAM,CACF,2BAA2B,CAAC;YACxB,UAAU,EAAE;gBACR,IAAI,EAAE,IAAI;gBACV,GAAG,EAAE,CAAC,MAAM,CAAC;gBACb,YAAY,EAAE,OAAO;gBACrB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,EAAE;gBACf,UAAU,EAAE,IAAI;aACnB;YACD,cAAc,EAAE;gBACZ,oBAAoB,EAAE,SAAS;gBAC/B,yBAAyB,EAAE,CAAC;gBAC5B,mBAAmB,EAAE,EAAE;aAC1B;SACJ,CAAC,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}

package/src/plugin-mcp-dist/lib/utils.d.ts

@@ -1,7 +1,7 @@
-import { SpiceflowClient } from 'spiceflow/client';
+import { type SpiceflowFetch } from 'spiceflow/client';
 import type { RouteType } from 'website/src/lib/spiceflow-plugins.server';
 export type LoaderReturnType<T extends (...args: any) => any> = Awaited<ReturnType<T>>;
-export declare const pluginApiClient: SpiceflowClient.Create<RouteType>;
+export declare const pluginApiClient: SpiceflowFetch<RouteType>;
 export declare const noop: any;
 export declare function isTruthy<T>(val: T | undefined | null | false): val is T;
 export declare enum Paths {

package/src/plugin-mcp-dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAA;AAEzE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,OAAO,CACnE,UAAU,CAAC,CAAC,CAAC,CAChB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,SAAS,CAiBxD,CAAA;AACN,eAAO,MAAM,IAAI,EAAE,GAAc,CAAA;AAEjC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,IAAI,CAAC,CAEvE;AAED,oBAAY,KAAK;IACb,KAAK,WAAW;IAChB,IAAI,MAAM;CACb;AAED,oBAAY,QAAQ;IAChB,IAAI,SAAS;CAChB;AAED,eAAO,MAAM,WAAW,IAAK,CAAA;AAE7B,oBAAY,gBAAgB;IACxB,SAAS,0BAA0B;CACtC;AAED,wBAAgB,gBAAgB;;EAK/B;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAGrE;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE/C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAA;AAGzE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,OAAO,CACnE,UAAU,CAAC,CAAC,CAAC,CAChB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,SAAS,CAoBhD,CAAA;AACN,eAAO,MAAM,IAAI,EAAE,GAAc,CAAA;AAEjC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,IAAI,CAAC,CAEvE;AAED,oBAAY,KAAK;IACb,KAAK,WAAW;IAChB,IAAI,MAAM;CACb;AAED,oBAAY,QAAQ;IAChB,IAAI,SAAS;CAChB;AAED,eAAO,MAAM,WAAW,IAAK,CAAA;AAE7B,oBAAY,gBAAgB;IACxB,SAAS,0BAA0B;CACtC;AAED,wBAAgB,gBAAgB;;EAK/B;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAGrE;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE/C"}

package/src/plugin-mcp-dist/lib/utils.js

@@ -1,14 +1,18 @@
 import { redirect } from 'react-router';
-import { createSpiceflowClient } from 'spiceflow/client';
+import { createSpiceflowFetch } from 'spiceflow/client';
+import { superjsonOnResponse } from 'website/src/lib/superjson-client';
 const PUBLIC_URL = process.env.PUBLIC_URL || 'https://unframer.co';
-export const pluginApiClient = createSpiceflowClient(PUBLIC_URL, {
-    async onResponse(response) {
-        if (response.status === 401) {
-            console.log('clearing session because api returned 401');
-            localStorage.removeItem(LocalStorageKeys.sessionId);
-            throw redirect(withMode(Paths.login));
-        }
-    },
+export const pluginApiClient = createSpiceflowFetch(PUBLIC_URL, {
+    onResponse: [
+        async (response) => {
+            if (response.status === 401) {
+                console.log('clearing session because api returned 401');
+                localStorage.removeItem(LocalStorageKeys.sessionId);
+                throw redirect(withMode(Paths.login));
+            }
+        },
+        superjsonOnResponse,
+    ],
     async onRequest() {
         const { sessionKey } = getMcpPluginData();
         return {

package/src/plugin-mcp-dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,qBAAqB,EAAmB,MAAM,kBAAkB,CAAA;AAOzE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,qBAAqB,CAAA;AAElE,MAAM,CAAC,MAAM,eAAe,GACxB,qBAAqB,CAAY,UAAU,EAAE;IACzC,KAAK,CAAC,UAAU,CAAC,QAAQ;QACrB,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;YAC1B,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAA;YACxD,YAAY,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;YACnD,MAAM,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;QACzC,CAAC;IACL,CAAC;IACD,KAAK,CAAC,SAAS;QACX,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAA;QACzC,OAAO;YACH,OAAO,EAAE;gBACL,UAAU;aACb;SACJ,CAAA;IACL,CAAC;CACJ,CAAC,CAAA;AACN,MAAM,CAAC,MAAM,IAAI,GAAQ,GAAG,EAAE,GAAE,CAAC,CAAA;AAEjC,MAAM,UAAU,QAAQ,CAAI,GAAiC;IACzD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAA;AACvB,CAAC;AAED,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,yBAAgB,CAAA;IAChB,mBAAU,CAAA;AACd,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB;AAED,MAAM,CAAN,IAAY,QAEX;AAFD,WAAY,QAAQ;IAChB,yBAAa,CAAA;AACjB,CAAC,EAFW,QAAQ,KAAR,QAAQ,QAEnB;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAN,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IACxB,uDAAmC,CAAA;AACvC,CAAC,EAFW,gBAAgB,KAAhB,gBAAgB,QAE3B;AAED,MAAM,UAAU,gBAAgB;IAC5B,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACnE,OAAO;QACH,UAAU,EAAE,UAAU,IAAI,EAAE;KAC/B,CAAA;AACL,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,MAA+B;IAClE,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAA;IAChD,OAAO,GAAG,IAAI,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;AACnF,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EAAU;IAC5B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAA;AAC5D,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAA;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAMtE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,qBAAqB,CAAA;AAElE,MAAM,CAAC,MAAM,eAAe,GACxB,oBAAoB,CAAY,UAAU,EAAE;IACxC,UAAU,EAAE;QACR,KAAK,EAAE,QAAQ,EAAE,EAAE;YACf,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC1B,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAA;gBACxD,YAAY,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;gBACnD,MAAM,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;YACzC,CAAC;QACL,CAAC;QACD,mBAAmB;KACtB;IACD,KAAK,CAAC,SAAS;QACX,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAA;QACzC,OAAO;YACH,OAAO,EAAE;gBACL,UAAU;aACb;SACJ,CAAA;IACL,CAAC;CACJ,CAAC,CAAA;AACN,MAAM,CAAC,MAAM,IAAI,GAAQ,GAAG,EAAE,GAAE,CAAC,CAAA;AAEjC,MAAM,UAAU,QAAQ,CAAI,GAAiC;IACzD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAA;AACvB,CAAC;AAED,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,yBAAgB,CAAA;IAChB,mBAAU,CAAA;AACd,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB;AAED,MAAM,CAAN,IAAY,QAEX;AAFD,WAAY,QAAQ;IAChB,yBAAa,CAAA;AACjB,CAAC,EAFW,QAAQ,KAAR,QAAQ,QAEnB;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAN,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IACxB,uDAAmC,CAAA;AACvC,CAAC,EAFW,gBAAgB,KAAhB,gBAAgB,QAE3B;AAED,MAAM,UAAU,gBAAgB;IAC5B,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACnE,OAAO;QACH,UAAU,EAAE,UAAU,IAAI,EAAE;KAC/B,CAAA;AACL,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,MAA+B;IAClE,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAA;IAChD,OAAO,GAAG,IAAI,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;AACnF,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EAAU;IAC5B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAA;AAC5D,CAAC"}

package/src/react.tsx

@@ -15,7 +15,7 @@ import {
     breakpointsStylesLegacy,
     defaultBreakpointSizes,
     getFontsStyles,
-} from './css.js'
+} from './css-core.js'
 import { version } from './version.js'
 
 function classNames(...args) {
@@ -125,10 +125,7 @@ function removeInactiveUnframerHiddenElements() {
     const activeBreakpoint = getBreakpointNameFromWindowWidth(windowWidth)
     const activeClass = activeBreakpoint ? `unframer-${activeBreakpoint}` : null
 
-    console.log('Active unframer breakpoint class:', activeClass)
-
     document.querySelectorAll('.unframer-hidden').forEach((el) => {
-        // Merge: Only remove the element itself if it has 'unframer-hidden' and does not match the current breakpoint's class.
         if (
             el.classList.contains('unframer-hidden') &&
             activeClass &&
@@ -153,25 +150,16 @@ export const WithFramerBreakpoints = <
     Component: T
     variants: Record<UnframerBreakpoint, ComponentPropsWithoutRef<T>['variant']>
 } & Omit<ComponentPropsWithoutRef<T>, 'variant'>): any => {
+    // getServerSnapshot must always return '' to match what the server rendered.
+    // During hydration React calls getServerSnapshot on the client too; if it
+    // returned the real breakpoint, the tree structure would differ from the
+    // server (server renders all variants, client would render only one).
     const currentBreakpoint = useSyncExternalStore(
         onResize,
         () => {
-            // console.log('window.innerWidth', window.innerWidth)
-            const breakpoint = getBreakpointNameFromWindowWidth(
-                window.innerWidth,
-            )
-            return breakpoint
-        },
-        () => {
-            if (typeof window !== 'undefined') {
-                const breakpoint = getBreakpointNameFromWindowWidth(
-                    window.innerWidth,
-                )
-                return breakpoint
-            }
-
-            return ''
+            return getBreakpointNameFromWindowWidth(window.innerWidth)
         },
+        () => '',
     )
     if (isEmpty(_breakpointsMap)) {
         // @ts-ignore

package/src/styles/framer.css

@@ -346,11 +346,11 @@ body { --framer-will-change-filter-override: none; }
         span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
             /* Ensure the color is inherited from the link style rather than the parent text for nested spans */
             color: inherit;
-            font-family: var(--framer-font-family-preview, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
-            font-style: var(--framer-font-style-preview, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
-            font-weight: var(--framer-font-weight-preview, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
+            font-family: var(--framer-font-family-preview, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
+            font-style: var(--framer-font-style-preview, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal))));
+            font-weight: var(--framer-font-weight-preview, var(--framer-link-font-weight, var(--framer-blockquote-font-weight, var(--framer-font-weight, 400))));
             font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
-            text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
+            text-transform: var(--framer-link-text-transform, var(--framer-blockquote-text-transform, var(--framer-text-transform, none)));
             /* Cursor inherit to overwrite the user agent stylesheet on rich text links. */
             cursor: var(--framer-custom-cursors, pointer);
             /* Don't inherit background styles from any parent text style. */
@@ -363,13 +363,13 @@ body { --framer-will-change-filter-override: none; }
 
         a.framer-text,
         span.framer-text[data-nested-link] {
-            color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-            text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
-            text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
-            text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
-            text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
-            text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
-            text-underline-offset: var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
+            color: var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000)));
+            text-decoration-line: var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial)));
+            text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial)));
+            text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial)));
+            text-decoration-thickness: var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
+            text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
+            text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
             /* Don't inherit background styles from any parent text style. */
             background-color: var(--framer-link-text-background-color, initial);
         }
@@ -378,7 +378,7 @@ body { --framer-will-change-filter-override: none; }
         @supports not (color: color(display-p3 1 1 1)) {
             a.framer-text,
             span.framer-text[data-nested-link] {
-                color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
+                color: var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
                 background-color: var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial));
                 text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))));
             }
@@ -399,7 +399,7 @@ body { --framer-will-change-filter-override: none; }
 
     code.framer-text a.framer-text,
     code.framer-text span.framer-text[data-nested-link] {
-        color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
+        color: var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
     }
 
 
@@ -408,7 +408,7 @@ body { --framer-will-change-filter-override: none; }
         code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
         code.framer-text span.framer-text[data-nested-link],
         code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
-            color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
+            color: var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
         }
     }
 
@@ -417,11 +417,11 @@ body { --framer-will-change-filter-override: none; }
         a.framer-text:hover span.framer-text:not([data-text-fill]),
         span.framer-text[data-nested-link]:hover,
         span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
-            font-family: var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
-            font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)))));
-            font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))));
+            font-family: var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
+            font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal)))));
+            font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-blockquote-font-weight, var(--framer-font-weight, 400)))));
             font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
-            text-transform: var(--framer-link-hover-text-transform, var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
+            text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-blockquote-text-transform, var(--framer-text-transform, none))));
             border-radius: var(--framer-link-hover-text-background-radius, var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial)));
             corner-shape: var(--framer-link-hover-text-background-corner-shape, var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, initial)));
             padding: var(--framer-link-hover-text-background-padding, var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial)));
@@ -430,13 +430,13 @@ body { --framer-will-change-filter-override: none; }
 
         a.framer-text:hover,
         span.framer-text[data-nested-link]:hover {
-            color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-            text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
-            text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
-            text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
-            text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
-            text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
-            text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
+            color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000))));
+            text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial))));
+            text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial))));
+            text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial))));
+            text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
+            text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
+            text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
             background-color: var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color, var(--framer-text-background-color, initial)));
         }
     
@@ -444,7 +444,7 @@ body { --framer-will-change-filter-override: none; }
     @supports not (color: color(display-p3 1 1 1)) {
         a.framer-text:hover,
         span.framer-text[data-nested-link]:hover {
-            color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
+            color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
             background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
             text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
         }
@@ -453,14 +453,14 @@ body { --framer-will-change-filter-override: none; }
 
         code.framer-text a.framer-text:hover,
         code.framer-text span.framer-text[data-nested-link]:hover {
-            color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
+            color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
         }
     
 
     @supports not (color: color(display-p3 1 1 1)) {
         code.framer-text a.framer-text:hover,
         code.framer-text span.framer-text[data-nested-link]:hover {
-            color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
+            color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
         }
     }
    
@@ -638,6 +638,11 @@ body { --framer-will-change-filter-override: none; }
         }
     
 
+        ol.framer-text > li.framer-text {
+            padding-inline-start: calc(calc(var(--max-list-digits, 1) + 1) * 1ch);
+        }
+    
+
         ol.framer-text > li.framer-text::before {
             position: absolute;
             inset-inline-start: 0;
@@ -646,42 +651,6 @@ body { --framer-will-change-filter-override: none; }
         }
     
 
-        ol.framer-text > li.framer-text:nth-last-child(n + 10),
-        ol.framer-text > li.framer-text:nth-last-child(n + 10) ~ li {
-            padding-inline-start: 3ch;
-        }
-    
-
-        ol.framer-text > li.framer-text:nth-last-child(n + 100),
-        ol.framer-text > li.framer-text:nth-last-child(n + 100) ~ li {
-            padding-inline-start: 4ch;
-        }
-    
-
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000) ~ li {
-            padding-inline-start: 5ch;
-        }
-    
-
-        ol.framer-text > li.framer-text:nth-last-child(n + 10000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 10000) ~ li {
-            padding-inline-start: 6ch;
-        }
-    
-
-        ol.framer-text > li.framer-text:nth-last-child(n + 100000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 100000) ~ li {
-            padding-inline-start: 7ch;
-        }
-    
-
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000000) ~ li {
-            padding-inline-start: 8ch;
-        }
-    
-
         ul.framer-text > li.framer-text::before {
             position: absolute;
             inset-inline-start: 0;
@@ -707,6 +676,7 @@ body { --framer-will-change-filter-override: none; }
         td.framer-text,
         th.framer-text {
             min-width: 16ch;
+            overflow-wrap: anywhere;
             vertical-align: top;
         }
     

package/src/version.ts

@@ -1 +1 @@
-export const version = '4.1.8'
+export const version = '4.2.0'