@statezero/core 0.2.38 → 0.2.39

package/dist/actions/default/django_app/send-notification.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Send notifications to multiple recipients
+ *
+ * @param string message - Notification message to send
+ * @param any[] recipients - List of email addresses to notify
+ * @param 'low' | 'high' priority - Notification priority level
+ * @param {Object} [axiosOverrides] - Allows overriding Axios request parameters.
+ * @returns {Promise<Object>} A promise that resolves with the action's result.
+ */
+export function sendNotification(message: any, recipients: any, priority?: string, axiosOverrides?: Object): Promise<Object>;
+export namespace sendNotification {
+    let actionName: string;
+    let title: string;
+    let app: string;
+    let permissions: string[];
+    let configKey: string;
+}
+/**
+ * Zod schema for the input of sendNotification.
+ * NOTE: This is an object schema for validating the data payload.
+ */
+export const sendNotificationInputSchema: z.ZodObject<{
+    message: z.ZodString;
+    recipients: z.ZodArray<z.ZodAny, "many">;
+    priority: z.ZodDefault<z.ZodOptional<z.ZodEnum<["low", "high"]>>>;
+}, "strip", z.ZodTypeAny, {
+    message: string;
+    priority: "low" | "high";
+    recipients: any[];
+}, {
+    message: string;
+    recipients: any[];
+    priority?: "low" | "high" | undefined;
+}>;
+/**
+ * Zod schema for the response of sendNotification.
+ */
+export const sendNotificationResponseSchema: z.ZodObject<{
+    success: z.ZodBoolean;
+    message_id: z.ZodString;
+    sent_to: z.ZodNumber;
+    queued_at: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    success: boolean;
+    message_id: string;
+    sent_to: number;
+    queued_at: string;
+}, {
+    success: boolean;
+    message_id: string;
+    sent_to: number;
+    queued_at: string;
+}>;
+export default sendNotification;
+import { z } from 'zod';

package/dist/actions/default/django_app/send-notification.js

@@ -0,0 +1,81 @@
+/**
+ * This file was auto-generated. Do not make direct changes to the file.
+ * Action: Send Notification
+ * App: django_app
+ */
+import axios from 'axios';
+import { z } from 'zod';
+import { configInstance, parseStateZeroError, serializeActionPayload } from '../../../../src';
+import actionSchema from './send-notification.schema.json' assert { type: 'json' };
+/**
+ * Zod schema for the input of sendNotification.
+ * NOTE: This is an object schema for validating the data payload.
+ */
+export const sendNotificationInputSchema = z.object({ message: z.string().max(500),
+    recipients: z.array(z.any()),
+    priority: z.enum(["low", "high"]).optional().default("low") });
+/**
+ * Zod schema for the response of sendNotification.
+ */
+export const sendNotificationResponseSchema = z.object({ success: z.boolean(),
+    message_id: z.string(),
+    sent_to: z.number().int(),
+    queued_at: z.string().datetime({ message: "Invalid ISO 8601 datetime string" }) });
+/**
+ * Send notifications to multiple recipients
+ *
+ * @param string message - Notification message to send
+ * @param any[] recipients - List of email addresses to notify
+ * @param 'low' | 'high' priority - Notification priority level
+ * @param {Object} [axiosOverrides] - Allows overriding Axios request parameters.
+ * @returns {Promise<Object>} A promise that resolves with the action's result.
+ */
+export async function sendNotification(message, recipients, priority = "low", axiosOverrides = {}) {
+    // Construct the data payload from the function arguments
+    const rawPayload = {
+        message,
+        recipients,
+        priority
+    };
+    // Serialize payload - handles model instances (extracts PK), files, dates, etc.
+    const payload = serializeActionPayload(rawPayload, actionSchema.input_properties);
+    const config = configInstance.getConfig();
+    const backend = config.backendConfigs['default'];
+    if (!backend) {
+        throw new Error(`No backend configuration found for key: default`);
+    }
+    const baseUrl = backend.API_URL.replace(/\/+$/, '');
+    const actionUrl = `${baseUrl}/actions/send_notification/`;
+    const headers = backend.getAuthHeaders ? backend.getAuthHeaders() : {};
+    try {
+        const response = await axios.post(actionUrl, payload, {
+            headers: { 'Content-Type': 'application/json', ...headers },
+            ...axiosOverrides,
+        });
+        return sendNotificationResponseSchema.parse(response.data);
+    }
+    catch (error) {
+        if (error instanceof z.ZodError) {
+            throw new Error(`Send Notification failed: Invalid response from server. Details: ${error.message}`);
+        }
+        if (error.response && error.response.data) {
+            const parsedError = parseStateZeroError(error.response.data);
+            if (Error.captureStackTrace) {
+                Error.captureStackTrace(parsedError, sendNotification);
+            }
+            throw parsedError;
+        }
+        else if (error.request) {
+            throw new Error(`Send Notification failed: No response received from server.`);
+        }
+        else {
+            throw new Error(`Send Notification failed: ${error.message}`);
+        }
+    }
+}
+export default sendNotification;
+sendNotification.actionName = 'send_notification';
+sendNotification.title = 'Send Notification';
+sendNotification.app = 'django_app';
+sendNotification.permissions = ['ValidatedCanSendNotifications'];
+sendNotification.configKey = 'default';

package/dist/actions/default/django_app/send-notification.schema.json

@@ -0,0 +1,175 @@
+{
+    "action_name": "send_notification",
+    "app": "django_app",
+    "title": "Send Notification",
+    "docstring": "Send notifications to multiple recipients",
+    "class_name": "SendNotification",
+    "input_properties": {
+        "message": {
+            "type": "string",
+            "title": "Message",
+            "required": true,
+            "description": "Notification message to send",
+            "nullable": false,
+            "format": null,
+            "max_length": 500,
+            "choices": null,
+            "default": null,
+            "validators": [],
+            "max_digits": null,
+            "decimal_places": null,
+            "read_only": false,
+            "ref": null
+        },
+        "recipients": {
+            "type": "array",
+            "title": "Recipients",
+            "required": true,
+            "description": "List of email addresses to notify",
+            "nullable": false,
+            "format": null,
+            "max_length": null,
+            "choices": null,
+            "default": null,
+            "validators": [],
+            "max_digits": null,
+            "decimal_places": null,
+            "read_only": false,
+            "ref": null
+        },
+        "priority": {
+            "type": "string",
+            "title": "Priority",
+            "required": false,
+            "description": "Notification priority level",
+            "nullable": false,
+            "format": null,
+            "max_length": null,
+            "choices": {
+                "low": "Low",
+                "high": "High"
+            },
+            "default": "low",
+            "validators": [],
+            "max_digits": null,
+            "decimal_places": null,
+            "read_only": false,
+            "ref": null
+        }
+    },
+    "response_properties": {
+        "success": {
+            "type": "boolean",
+            "title": "Success",
+            "required": true,
+            "description": null,
+            "nullable": false,
+            "format": null,
+            "max_length": null,
+            "choices": null,
+            "default": null,
+            "validators": [],
+            "max_digits": null,
+            "decimal_places": null,
+            "read_only": false,
+            "ref": null
+        },
+        "message_id": {
+            "type": "string",
+            "title": "Message id",
+            "required": true,
+            "description": null,
+            "nullable": false,
+            "format": null,
+            "max_length": null,
+            "choices": null,
+            "default": null,
+            "validators": [],
+            "max_digits": null,
+            "decimal_places": null,
+            "read_only": false,
+            "ref": null
+        },
+        "sent_to": {
+            "type": "integer",
+            "title": "Sent to",
+            "required": true,
+            "description": null,
+            "nullable": false,
+            "format": null,
+            "max_length": null,
+            "choices": null,
+            "default": null,
+            "validators": [],
+            "max_digits": null,
+            "decimal_places": null,
+            "read_only": false,
+            "ref": null
+        },
+        "queued_at": {
+            "type": "string",
+            "title": "Queued at",
+            "required": true,
+            "description": null,
+            "nullable": false,
+            "format": "date-time",
+            "max_length": null,
+            "choices": null,
+            "default": null,
+            "validators": [],
+            "max_digits": null,
+            "decimal_places": null,
+            "read_only": false,
+            "ref": null
+        }
+    },
+    "relationships": {},
+    "permissions": [
+        "ValidatedCanSendNotifications"
+    ],
+    "display": {
+        "display_title": "Send Notifications",
+        "display_description": "Send notifications to multiple recipients with priority control",
+        "field_groups": [
+            {
+                "display_title": "Message Content",
+                "display_description": "The notification message and priority level",
+                "field_names": [
+                    "message",
+                    "priority"
+                ]
+            },
+            {
+                "display_title": "Recipients",
+                "display_description": "Email addresses to send notifications to",
+                "field_names": [
+                    "recipients"
+                ]
+            }
+        ],
+        "field_display_configs": [
+            {
+                "field_name": "message",
+                "display_component": "TextArea",
+                "filter_queryset": null,
+                "display_help_text": "Enter your notification message here (max 500 characters)",
+                "extra": null
+            },
+            {
+                "field_name": "priority",
+                "display_component": "RadioGroup",
+                "filter_queryset": null,
+                "display_help_text": "High priority notifications are processed first",
+                "extra": null
+            },
+            {
+                "field_name": "recipients",
+                "display_component": "EmailListInput",
+                "filter_queryset": null,
+                "display_help_text": "Add one or more email addresses",
+                "extra": null
+            }
+        ],
+        "extra": null
+    }
+}

package/dist/actions/default/index.d.ts

@@ -0,0 +1 @@
+export * from "./django_app/index.js";

package/dist/actions/default/index.js

@@ -0,0 +1 @@
+export * from './django_app/index.js';

package/dist/actions/index.d.ts

@@ -0,0 +1 @@
+export * from "./default/index.js";

package/dist/actions/index.js

@@ -0,0 +1,5 @@
+/**
+ * This file was auto-generated. Do not make direct changes to the file.
+ * Re-exports from the 'default' backend for backwards compatibility.
+ */
+export * from './default/index.js';

package/dist/adaptors/react/composables.d.ts

@@ -0,0 +1 @@
+export function useQueryset(querysetFactory: any): any;

package/dist/adaptors/react/composables.js

@@ -0,0 +1,4 @@
+export function useQueryset(querysetFactory) {
+    console.warn("React environments are not currently supported");
+    return querysetFactory;
+}

package/dist/adaptors/react/index.d.ts

@@ -0,0 +1 @@
+export { useQueryset } from "./composables.js";

package/dist/adaptors/react/index.js

@@ -0,0 +1 @@
+export { useQueryset } from './composables.js';

package/dist/adaptors/vue/components/LayoutRenderer.js

@@ -1,4 +1,4 @@
-import { computed as c, provide as q, unref as m, inject as G, onMounted as T, resolveComponent as U, createElementBlock as d, openBlock as r, Fragment as v, createBlock as y, createCommentVNode as g, resolveDynamicComponent as i, normalizeClass as F, renderList as b, withCtx as z, createVNode as H, toDisplayString as M } from "vue";
+import { computed as y, provide as q, unref as m, inject as G, onMounted as T, resolveComponent as U, createElementBlock as d, openBlock as l, Fragment as v, createBlock as u, createCommentVNode as g, resolveDynamicComponent as i, normalizeClass as F, renderList as b, withCtx as z, createVNode as H, toDisplayString as M } from "vue";
 const N = {
   key: 11,
   class: "text-red-500 text-sm"
@@ -25,25 +25,24 @@ const N = {
   },
   emits: ["update:formData"],
   setup(e, { emit: E }) {
-    const t = e, D = E, h = c(() => {
-      var l, a;
+    const t = e, D = E, h = y(() => {
       if (t.nonFieldErrors !== null)
         return t.nonFieldErrors;
-      const n = ((l = t.errors) == null ? void 0 : l.non_field_errors) || ((a = t.errors) == null ? void 0 : a.__all__);
-      return n ? Array.isArray(n) ? n.map((o) => typeof o == "string" ? o : o != null && o.message ? o.message : String(o)) : [String(n)] : [];
-    }), L = c(() => t.components), A = c(() => t.schema), R = c(() => t.formData), S = c(() => t.context), j = c(() => t.errors);
+      const n = t.errors?.non_field_errors || t.errors?.__all__;
+      return n ? Array.isArray(n) ? n.map((o) => typeof o == "string" ? o : o?.message ? o.message : String(o)) : [String(n)] : [];
+    }), L = y(() => t.components), j = y(() => t.schema), R = y(() => t.formData), A = y(() => t.context), S = y(() => t.errors);
     t.isRoot && q("layoutRenderer", {
       components: L,
-      schema: A,
+      schema: j,
       formData: R,
-      context: S,
-      errors: j,
-      updateField: (n, l) => {
+      context: A,
+      errors: S,
+      updateField: (n, o) => {
         const a = m(R) || {};
-        D("update:formData", { ...a, [n]: l });
+        D("update:formData", { ...a, [n]: o });
       }
     });
-    const s = t.isRoot ? null : G("layoutRenderer", null), u = c(() => t.isRoot ? t.components : s && m(s.components) || t.components), p = c(() => t.isRoot ? t.schema : s && m(s.schema) || t.schema), x = c(() => t.isRoot ? t.formData : s && m(s.formData) || t.formData), f = c(() => t.isRoot ? t.context : s && m(s.context) || t.context), B = c(() => t.isRoot ? t.errors : s && m(s.errors) || t.errors), O = t.isRoot ? (n, l) => D("update:formData", { ...t.formData, [n]: l }) : (s == null ? void 0 : s.updateField) || (() => {
+    const s = t.isRoot ? null : G("layoutRenderer", null), r = y(() => t.isRoot ? t.components : s && m(s.components) || t.components), p = y(() => t.isRoot ? t.schema : s && m(s.schema) || t.schema), x = y(() => t.isRoot ? t.formData : s && m(s.formData) || t.formData), f = y(() => t.isRoot ? t.context : s && m(s.context) || t.context), B = y(() => t.isRoot ? t.errors : s && m(s.errors) || t.errors), O = t.isRoot ? (n, o) => D("update:formData", { ...t.formData, [n]: o }) : s?.updateField || (() => {
     });
     T(() => {
       t.isRoot;
@@ -51,90 +50,88 @@ const N = {
     function w(n) {
       try {
         return new Function("formData", "context", `return ${n}`)(x.value, f.value);
-      } catch (l) {
-        return console.warn("[LayoutRenderer] Conditional eval failed:", n, l), !1;
+      } catch (o) {
+        return console.warn("[LayoutRenderer] Conditional eval failed:", n, o), !1;
       }
     }
     function V(n) {
-      var a, o;
-      return (((a = p.value) == null ? void 0 : a.properties) || ((o = p.value) == null ? void 0 : o.input_properties) || {})[n] || {};
+      return (p.value?.properties || p.value?.input_properties || {})[n] || {};
     }
     function $(n) {
-      var a;
       if (n === "non_field_errors" || n === "__all__") return [];
-      const l = (a = B.value) == null ? void 0 : a[n];
-      return l ? Array.isArray(l) ? l.map((o) => typeof o == "string" ? o : o != null && o.message ? o.message : String(o)) : [String(l)] : [];
+      const o = B.value?.[n];
+      return o ? Array.isArray(o) ? o.map((a) => typeof a == "string" ? a : a?.message ? a.message : String(a)) : [String(o)] : [];
     }
     function C(n) {
       if (!n) return;
-      const l = n.split(".");
+      const o = n.split(".");
       let a = f.value;
-      for (const o of l) {
+      for (const c of o) {
         if (a == null) return;
-        a = a[o];
+        a = a[c];
       }
       return a;
     }
-    return (n, l) => {
+    return (n, o) => {
       const a = U("LayoutRenderer", !0);
-      return r(), d(v, null, [
-        e.isRoot && h.value.length > 0 && u.value.ErrorBlock ? (r(), y(i(u.value.ErrorBlock), {
+      return l(), d(v, null, [
+        e.isRoot && h.value.length > 0 && r.value.ErrorBlock ? (l(), u(i(r.value.ErrorBlock), {
           key: 0,
           errors: h.value
         }, null, 8, ["errors"])) : g("", !0),
-        e.layout.type === "VerticalLayout" ? (r(), d("div", {
+        e.layout.type === "VerticalLayout" ? (l(), d("div", {
           key: 1,
           class: F(["sz-layout sz-layout-vertical", `sz-gap-${e.layout.gap || "md"}`])
         }, [
-          (r(!0), d(v, null, b(e.layout.elements, (o, k) => (r(), y(a, {
+          (l(!0), d(v, null, b(e.layout.elements, (c, k) => (l(), u(a, {
             key: k,
-            layout: o,
-            components: u.value,
+            layout: c,
+            components: r.value,
             "is-root": !1
           }, null, 8, ["layout", "components"]))), 128))
-        ], 2)) : e.layout.type === "HorizontalLayout" ? (r(), d("div", {
+        ], 2)) : e.layout.type === "HorizontalLayout" ? (l(), d("div", {
           key: 2,
           class: F(["sz-layout sz-layout-horizontal", [`sz-gap-${e.layout.gap || "md"}`, `sz-align-${e.layout.align || "start"}`]])
         }, [
-          (r(!0), d(v, null, b(e.layout.elements, (o, k) => (r(), y(a, {
+          (l(!0), d(v, null, b(e.layout.elements, (c, k) => (l(), u(a, {
             key: k,
-            layout: o,
-            components: u.value,
+            layout: c,
+            components: r.value,
             "is-root": !1
           }, null, 8, ["layout", "components"]))), 128))
-        ], 2)) : e.layout.type === "Group" ? (r(), y(i(u.value.Group), {
+        ], 2)) : e.layout.type === "Group" ? (l(), u(i(r.value.Group), {
           key: 3,
           element: e.layout
         }, {
           default: z(() => [
-            e.layout.layout ? (r(), y(a, {
+            e.layout.layout ? (l(), u(a, {
               key: 0,
               layout: e.layout.layout,
-              components: u.value,
+              components: r.value,
               "is-root": !1
             }, null, 8, ["layout", "components"])) : g("", !0)
           ]),
           _: 1
-        }, 8, ["element"])) : e.layout.type === "Tabs" ? (r(), y(i(u.value.Tabs), {
+        }, 8, ["element"])) : e.layout.type === "Tabs" ? (l(), u(i(r.value.Tabs), {
           key: 4,
           element: e.layout
         }, {
-          tab: z(({ tab: o }) => [
+          tab: z(({ tab: c }) => [
             H(a, {
-              layout: o.layout,
-              components: u.value,
+              layout: c.layout,
+              components: r.value,
               "is-root": !1
             }, null, 8, ["layout", "components"])
           ]),
           _: 1
-        }, 8, ["element"])) : e.layout.type === "Conditional" ? (r(), d(v, { key: 5 }, [
-          w(e.layout.when) ? (r(), y(a, {
+        }, 8, ["element"])) : e.layout.type === "Conditional" ? (l(), d(v, { key: 5 }, [
+          w(e.layout.when) ? (l(), u(a, {
             key: 0,
             layout: e.layout.layout,
-            components: u.value,
+            components: r.value,
             "is-root": !1
           }, null, 8, ["layout", "components"])) : g("", !0)
-        ], 64)) : e.layout.type === "Control" ? (r(), y(i(u.value.Control), {
+        ], 64)) : e.layout.type === "Control" ? (l(), u(i(r.value.Control), {
           key: 6,
           element: e.layout,
           "model-value": x.value[e.layout.field_name],
@@ -142,21 +139,21 @@ const N = {
           context: f.value,
           "form-data": x.value,
           schema: V(e.layout.field_name),
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => m(O)(e.layout.field_name, o))
-        }, null, 8, ["element", "model-value", "errors", "context", "form-data", "schema"])) : e.layout.type === "Display" ? (r(), y(i(u.value.Display), {
+          "onUpdate:modelValue": o[0] || (o[0] = (c) => m(O)(e.layout.field_name, c))
+        }, null, 8, ["element", "model-value", "errors", "context", "form-data", "schema"])) : e.layout.type === "Display" ? (l(), u(i(r.value.Display), {
           key: 7,
           element: e.layout,
           context: f.value,
           value: C(e.layout.context_path)
-        }, null, 8, ["element", "context", "value"])) : e.layout.type === "Alert" ? (r(), y(i(u.value.Alert), {
+        }, null, 8, ["element", "context", "value"])) : e.layout.type === "Alert" ? (l(), u(i(r.value.Alert), {
           key: 8,
           element: e.layout,
           context: f.value,
           text: e.layout.text || C(e.layout.context_path)
-        }, null, 8, ["element", "context", "text"])) : e.layout.type === "Label" ? (r(), y(i(u.value.Label), {
+        }, null, 8, ["element", "context", "text"])) : e.layout.type === "Label" ? (l(), u(i(r.value.Label), {
           key: 9,
           element: e.layout
-        }, null, 8, ["element"])) : e.layout.type === "Divider" ? (r(), y(i(u.value.Divider), { key: 10 })) : (r(), d("div", N, " [LayoutRenderer] Unknown element type: " + M(e.layout.type), 1))
+        }, null, 8, ["element"])) : e.layout.type === "Divider" ? (l(), u(i(r.value.Divider), { key: 10 })) : (l(), d("div", N, " [LayoutRenderer] Unknown element type: " + M(e.layout.type), 1))
       ], 64);
     };
   }

package/dist/adaptors/vue/components/defaults/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Create a default components registry (without Control - user must provide)
+ *
+ * @param {Object} options - Override specific components
+ * @returns {Object} Components registry for LayoutRenderer
+ */
+export function createDefaultComponents(options?: Object): Object;

package/dist/adaptors/vue/components/defaults/index.js

@@ -0,0 +1,31 @@
+/**
+ * Default component implementations for LayoutRenderer
+ *
+ * These are minimal, unstyled implementations that follow the contracts.
+ * Users can use these as-is or as reference for custom implementations.
+ */
+export { default as AlertElement } from './AlertElement.js';
+export { default as LabelElement } from './LabelElement.js';
+export { default as DividerElement } from './DividerElement.js';
+export { default as DisplayElement } from './DisplayElement.js';
+export { default as GroupElement } from './GroupElement.js';
+export { default as TabsElement } from './TabsElement.js';
+export { default as ErrorBlock } from './ErrorBlock.js';
+/**
+ * Create a default components registry (without Control - user must provide)
+ *
+ * @param {Object} options - Override specific components
+ * @returns {Object} Components registry for LayoutRenderer
+ */
+export function createDefaultComponents(options = {}) {
+    return {
+        Alert: AlertElement,
+        Label: LabelElement,
+        Divider: DividerElement,
+        Display: DisplayElement,
+        Group: GroupElement,
+        Tabs: TabsElement,
+        ErrorBlock: ErrorBlock,
+        ...options
+    };
+}

package/dist/adaptors/vue/components/index.d.ts

@@ -0,0 +1 @@
+export { AlertElement, LabelElement, DividerElement, DisplayElement, GroupElement, TabsElement, ErrorBlock, createDefaultComponents } from "./defaults/index.js";

package/dist/adaptors/vue/components/index.js

@@ -0,0 +1,7 @@
+/**
+ * Vue components for StateZero
+ */
+// Main layout renderer
+export { default as LayoutRenderer } from './LayoutRenderer.js';
+// Default component implementations
+export { AlertElement, LabelElement, DividerElement, DisplayElement, GroupElement, TabsElement, ErrorBlock, createDefaultComponents } from './defaults/index.js';

package/dist/adaptors/vue/composables.d.ts

@@ -0,0 +1,2 @@
+export function useQueryset(querysetFactory: any): import("vue").ComputedRef<any>;
+export const querysets: Map<any, any>;

package/dist/adaptors/vue/composables.js

@@ -0,0 +1,44 @@
+import { computed, getCurrentInstance, onBeforeUnmount } from 'vue';
+import { querysetStoreRegistry } from '../../syncEngine/registries/querysetStoreRegistry.js';
+import { metricRegistry } from '../../syncEngine/registries/metricRegistry.js';
+import { syncManager } from '../../syncEngine/sync.js';
+import { registerAdapterReset } from '../../reset.js';
+import { v7 } from 'uuid';
+syncManager.followAllQuerysets = false;
+export const querysets = new Map(); // Map of composableId -> queryset
+function updateSyncManager() {
+    // Get unique querysets from all active composables
+    const uniqueQuerysets = new Set(querysets.values());
+    syncManager.followedQuerysets = uniqueQuerysets;
+}
+export function useQueryset(querysetFactory) {
+    const instance = getCurrentInstance();
+    if (!instance) {
+        throw new Error('useQueryset must be called within a component setup function');
+    }
+    const composableId = v7();
+    let lastQueryset = null;
+    onBeforeUnmount(() => {
+        querysets.delete(composableId);
+        updateSyncManager();
+    });
+    return computed(() => {
+        const result = querysetFactory();
+        const original = result?.original || result;
+        const queryset = original?.queryset || original;
+        // Only update if queryset actually changed
+        if (lastQueryset !== queryset) {
+            querysets.set(composableId, queryset);
+            updateSyncManager();
+            lastQueryset = queryset;
+        }
+        return result;
+    });
+}
+registerAdapterReset(() => {
+    querysets.clear();
+    // Reset syncManager back to following all querysets since no composables are active
+    syncManager.followAllQuerysets = true;
+    syncManager.followedQuerysets.clear();
+    console.log("Vue composables state cleared");
+});

package/dist/adaptors/vue/index.d.ts

@@ -0,0 +1,3 @@
+export { useQueryset, querysets } from "./composables.js";
+export { ModelAdaptor, QuerySetAdaptor, MetricAdaptor } from "./reactivity.js";
+export { LayoutRenderer, AlertElement, LabelElement, DividerElement, DisplayElement, GroupElement, TabsElement, ErrorBlock, createDefaultComponents } from "./components/index.js";

package/dist/adaptors/vue/index.js

@@ -0,0 +1,4 @@
+export { useQueryset, querysets } from './composables.js';
+export { ModelAdaptor, QuerySetAdaptor, MetricAdaptor } from './reactivity.js';
+// Layout components
+export { LayoutRenderer, AlertElement, LabelElement, DividerElement, DisplayElement, GroupElement, TabsElement, ErrorBlock, createDefaultComponents } from './components/index.js';