@poveste/plugin-vue 0.14.0 → 0.16.0

package/README.md

@@ -1,6 +1,6 @@
 # Poveste + Vue 3
 
-Requires `vue@^3.5.26`.
+Requires `vue@^3.5.43`.
 
 ```bash
 pnpm add -D poveste @poveste/plugin-vue
@@ -40,5 +40,5 @@ import MyButton from './MyButton.vue'
 Coming from histoire? The Vue API is unchanged: swap the dependency and your existing
 `.story.vue` files keep working.
 
-[Vue guide](https://poveste.dev/guide/vue/getting-started.html) ·
+[Vue guide](https://poveste.dev/guide/vue/getting-started) ·
 [Documentation](https://poveste.dev)

package/components.d.ts

@@ -18,6 +18,8 @@ import type {
   HstTextarea,
   HstSelect,
   HstRadio,
+  HstColor,
+  HstDate,
   HstJson,
   HstColorShades,
   HstTokenList,
@@ -229,6 +231,8 @@ declare module 'vue' {
     HstTextarea: typeof HstTextarea
     HstSelect: typeof HstSelect
     HstRadio: typeof HstRadio
+    HstColor: typeof HstColor
+    HstDate: typeof HstDate
     HstJson: typeof HstJson
     HstColorShades: typeof HstColorShades
     HstTokenList: typeof HstTokenList

package/dist/bundled/client/app/MountStory.js

@@ -12,6 +12,10 @@ var c = t({
 		targetVariantId: {
 			type: String,
 			default: null
+		},
+		syncState: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	setup(t) {
@@ -20,17 +24,18 @@ var c = t({
 			slotName: "default",
 			currentVariant: null,
 			targetVariantId: t.targetVariantId,
+			syncState: t.syncState,
 			externalState: null,
 			nextVariantIndex: { value: 0 }
-		}), l;
+		}), l = null;
 		async function u() {
-			l = e({
+			n.value && (l = e({
 				name: "MountStorySubApp",
 				el: n.value,
 				getStory: () => t.story,
 				getVariant: () => null,
 				renderContext: c
-			}), await l.mount();
+			}), await l.mount());
 		}
 		function d() {
 			l?.unmount(), l = null;

package/dist/bundled/client/app/RenderStory.js

@@ -21,7 +21,7 @@ var l = n({
 	},
 	emits: { ready: () => !0 },
 	setup(n, { emit: r }) {
-		let l = o(), u, d = !1, f = c({}), p = e(n.variant.state, f), m = c({
+		let l = o(), u = null, d = !1, f = c({}), p = e(n.variant.state, f), m = c({
 			mode: "render",
 			slotName: n.slotName,
 			currentVariant: n.variant,
@@ -35,14 +35,20 @@ var l = n({
 			p?.stop(), p = e(n.variant.state, f);
 		}
 		async function _() {
-			d || (d = !0, h(), m.currentVariant = n.variant, m.slotName = n.slotName, u = t({
-				name: "RenderStorySubApp",
-				el: l.value,
-				getStory: () => n.story,
-				getVariant: () => n.variant,
-				renderContext: m,
-				wrapInDiv: !0
-			}), await u.mount(), d = !1, r("ready"));
+			if (!d) {
+				if (d = !0, h(), m.currentVariant = n.variant, m.slotName = n.slotName, !l.value) {
+					d = !1;
+					return;
+				}
+				u = t({
+					name: "RenderStorySubApp",
+					el: l.value,
+					getStory: () => n.story,
+					getVariant: () => n.variant,
+					renderContext: m,
+					wrapInDiv: !0
+				}), await u.mount(), d = !1, r("ready");
+			}
 		}
 		return a(async () => {
 			n.variant.configReady && await _();

package/dist/bundled/client/app/Story.js

@@ -1,9 +1,11 @@
-import { useRenderContext as e } from "./render-context.js";
-import t from "./Variant.js";
-import { cloneVNode as n, computed as r, defineComponent as i, getCurrentInstance as a, h as o, isRef as s, provide as c, reactive as l, useAttrs as u } from "vue";
-import { omitInheritStoryProps as d } from "@poveste/shared";
+import { implicitStateContext as e, storyContext as t } from "./context.js";
+import { useRenderContext as n } from "./render-context.js";
+import { isWritableBinding as r, useInstance as i } from "./util.js";
+import a from "./Variant.js";
+import { cloneVNode as o, computed as s, defineComponent as c, h as l, isRef as u, reactive as d, useAttrs as f } from "vue";
+import { omitInheritStoryProps as p } from "@poveste/shared";
 //#region src/client/app/Story.ts
-var f = i({
+var m = c({
 	name: "Story",
 	__povesteType: "story",
 	inheritAttrs: !1,
@@ -17,100 +19,112 @@ var f = i({
 			default: void 0
 		}
 	},
-	setup(t) {
-		let i = a(), o = u(), f = e(), p = r(() => o.story);
-		c("story", p);
-		let m = i.parent, h = l({});
-		Object.defineProperty(h, "$data", {
+	setup(a) {
+		let c = i("Story"), l = f(), m = n(), h = s(() => l.story);
+		t.provide(h);
+		let g = c.parent, _ = d({});
+		Object.defineProperty(_, "$data", {
 			enumerable: !0,
 			configurable: !0,
-			get: () => m.data,
+			get: () => g.data,
 			set: (e) => {
-				Object.assign(m.data, e);
+				Object.assign(g.data, e);
 			}
 		});
-		function g(e, t) {
+		function v(e, t) {
 			let n = e[t];
-			typeof n == "function" || n?.__file || typeof n?.render == "function" || typeof n?.setup == "function" || Object.defineProperty(h, t, {
+			typeof n == "function" || n?.__file || typeof n?.render == "function" || typeof n?.setup == "function" || r(n) && Object.defineProperty(_, t, {
 				enumerable: !0,
 				configurable: !0,
 				get: () => {
 					let n = e[t];
-					return s(n) ? n.value : n;
+					return u(n) ? n.value : n;
 				},
 				set: (n) => {
 					let r = e[t];
-					s(r) ? r.value = n : r && typeof r == "object" && n && typeof n == "object" ? Object.assign(r, n) : e[t] = n;
+					u(r) ? r.value = n : r && typeof r == "object" && n && typeof n == "object" ? Object.assign(r, n) : e[t] = n;
 				}
 			});
 		}
-		for (let e in m.exposed) g(m.exposed, e);
-		for (let e in m.devtoolsRawSetupState) g(m.devtoolsRawSetupState, e);
-		for (let e in m.data) g(m.data, e);
-		c("implicitState", () => h);
-		function _() {
-			t.meta && (o.story.meta || (o.story.meta = {}), Object.assign(o.story.meta, t.meta)), Object.assign(o.story, { slots: () => i.proxy.$slots });
+		for (let e in g.exposed) v(g.exposed, e);
+		for (let e in g.devtoolsRawSetupState) v(g.devtoolsRawSetupState, e);
+		for (let e in g.data) v(g.data, e);
+		e.provide(() => _);
+		function y() {
+			a.meta && (l.story.meta || (l.story.meta = {}), Object.assign(l.story.meta, a.meta)), Object.assign(l.story, { slots: () => c.slots });
 		}
 		return {
-			renderContext: f,
-			story: p,
-			renderMountStory: v,
-			renderPreviewStory: y,
-			updateStory: _
+			renderContext: m,
+			story: h,
+			renderMountStory: x,
+			renderPreviewStory: C,
+			updateStory: y
 		};
-		function v() {
-			let e = 0, r = f?.targetVariantId ? o.story.variants.findIndex((e) => e.id === f.targetVariantId) : -1, a = (s) => {
-				let c = [];
-				for (let l of s) {
-					if (l.type?.__povesteType === "variant") {
-						let a = o.story.variants[e];
-						if (e++, !a || r !== -1 && e - 1 !== r) continue;
-						let s = { variant: a };
-						l.key ?? (s.key = a.id), !l.props?.initState && !l.props?.["init-state"] && (s.initState = t.initState);
-						for (let e in i.proxy.$attrs) l.props?.[e] === void 0 && (s[e] = i.proxy.$attrs[e]);
-						for (let e in o.story) !d.includes(e) && l.props?.[e] === void 0 && (s[e] = o.story[e]);
-						c.push(n(l, s));
+		function b(e) {
+			let t = {};
+			for (let n in c.attrs) e.props?.[n] === void 0 && (t[n] = c.attrs[n]);
+			for (let n in l.story) !p.includes(n) && e.props?.[n] === void 0 && (t[n] = Reflect.get(l.story, n));
+			return t;
+		}
+		function x() {
+			let e = 0, t = m?.targetVariantId, n = t ? l.story.variants.findIndex((e) => e.id === t) : -1, r = (t) => {
+				let i = [];
+				for (let s of t) {
+					if (s.type?.__povesteType === "variant") {
+						let t = l.story.variants[e];
+						if (e++, !t || n !== -1 && e - 1 !== n) continue;
+						let r = { variant: t };
+						s.key ?? (r.key = t.id), !s.props?.initState && !s.props?.["init-state"] && (r.initState = a.initState), Object.assign(r, b(s)), i.push(o(s, r));
 						continue;
 					}
-					Array.isArray(l.children) && (l.children = a(l.children)), c.push(l);
+					Array.isArray(s.children) && (s.children = r(s.children)), i.push(s);
 				}
-				return c;
+				return i;
 			};
-			return a(i.proxy.$slots.default?.() ?? []);
+			return r(c.slots.default?.() ?? []);
 		}
-		function y() {
-			f.nextVariantIndex.value = 0;
-			let e = { state: f.externalState }, t = [];
-			if (f.slotName === "controls" && t.push(...i.proxy.$slots.controls?.(e) ?? []), (f.slotName === "default" || o.story.meta?.hasVariantChildComponents) && t.push(...i.proxy.$slots.default?.(e) ?? []), f.slotName === "default" && f.currentVariant && !o.story.meta?.hasVariantChildComponents) {
-				let e = o.story.variants.findIndex((e) => e.id === f.currentVariant.id);
-				if (e !== -1) {
-					let n = 0, r = !1, i = (t) => {
-						let a = [];
-						for (let o of t) {
-							if (o?.type?.__povesteType === "variant") {
-								n === e && (a.push(o), r = !0), n++;
+		function S(e) {
+			let t = 0;
+			for (let n of e) n?.type?.__povesteType === "variant" ? t++ : Array.isArray(n?.children) && (t += S(n.children));
+			return t;
+		}
+		function C(e) {
+			e.nextVariantIndex.value = 0;
+			let t = { state: e.externalState }, n = [];
+			e.slotName === "controls" && n.push(...c.slots.controls?.(t) ?? []), (e.slotName === "default" || l.story.meta?.hasVariantChildComponents) && n.push(...c.slots.default?.(t) ?? []);
+			let r = e.currentVariant;
+			if (e.slotName === "default" && r && S(n) === l.story.variants.length) {
+				let t = l.story.variants.findIndex((e) => e.id === r.id);
+				if (t !== -1) {
+					let r = 0, i = !1, a = (e) => {
+						let n = [];
+						for (let s of e) {
+							if (s?.type?.__povesteType === "variant") {
+								r === t && (n.push(o(s, b(s))), i = !0), r++;
 								continue;
 							}
-							Array.isArray(o?.children) && o.children.length && (o.children = i(o.children)), a.push(o);
+							Array.isArray(s?.children) && s.children.length && (s.children = a(s.children)), n.push(s);
 						}
-						return a;
-					}, a = i(t);
-					if (r) return f.nextVariantIndex.value = e, a;
+						return n;
+					}, s = a(n);
+					if (i) return e.nextVariantIndex.value = t, s;
 				}
 			}
-			return t;
+			return n;
 		}
 	},
 	render() {
 		this.updateStory();
 		let [e] = this.story.variants;
-		return e?.id === "_default" ? o(t, {
+		if (e?.id === "_default") return l(a, {
 			variant: e,
-			initState: this.initState,
+			...this.initState ? { initState: this.initState } : {},
 			implicit: !0,
 			...this.$attrs
-		}, this.$slots) : this.renderContext?.mode === "render" ? this.renderPreviewStory() : this.renderMountStory();
+		}, this.$slots);
+		let t = this.renderContext;
+		return t?.mode === "render" ? this.renderPreviewStory(t) : this.renderMountStory();
 	}
 });
 //#endregion
-export { f as default };
+export { m as default };

package/dist/bundled/client/app/Variant.js

@@ -1,10 +1,11 @@
-import { useRenderContext as e } from "./render-context.js";
-import { syncVariantAutoProps as t } from "./auto-props.js";
-import { syncStateBundledAndExternal as n, toRawDeep as r } from "./util.js";
-import { computed as i, defineComponent as a, getCurrentInstance as o, inject as s, onBeforeUnmount as c, useAttrs as l } from "vue";
-import { applyState as u, autoPropsStateKeys as d } from "@poveste/shared";
+import { implicitStateContext as e, storyContext as t } from "./context.js";
+import { useRenderContext as n } from "./render-context.js";
+import { syncStateBundledAndExternal as r, toRawDeep as i, useInstance as a } from "./util.js";
+import { syncVariantAutoProps as o } from "./auto-props.js";
+import { computed as s, defineComponent as c, onBeforeUnmount as l, useAttrs as u } from "vue";
+import { applyState as d, autoPropsStateKeys as f } from "@poveste/shared";
 //#region src/client/app/Variant.ts
-var f = a({
+var p = c({
 	name: "Variant",
 	__povesteType: "variant",
 	props: {
@@ -37,54 +38,59 @@ var f = a({
 			default: !1
 		}
 	},
-	async setup(a) {
-		let f = l(), p = o(), m = s("story"), h = s("implicitState"), g = e(), _, v, y, b;
-		c(() => {
-			y?.stop(), b?.stop();
+	async setup(c) {
+		let p = u(), m = a("Variant"), h = t.injectOptional(), g = e.injectOptional(), _ = n(), v, y, b = null, x;
+		l(() => {
+			b?.stop(), x?.stop();
 		});
-		let x = i(() => f.variant);
-		if (g?.mode !== "render" && typeof a.initState == "function" && x.value) {
-			let e = await a.initState();
-			u(x.value.state, r(e));
+		let S = s(() => p.variant);
+		if (_?.mode !== "render" && typeof c.initState == "function" && S.value) {
+			let e = await c.initState();
+			d(S.value.state, i(e));
 		}
-		g?.mode !== "render" && x.value && h && (b = n(x.value.state, h(), d));
-		function S(e) {
+		_?.mode !== "render" && _?.syncState !== !1 && S.value && g && (x = r(S.value.state, g(), f));
+		function C(e) {
 			Object.assign(e, {
-				slots: () => p.proxy.$slots,
-				source: a.source,
-				responsiveDisabled: a.responsiveDisabled,
-				autoPropsDisabled: a.autoPropsDisabled,
-				setupApp: a.setupApp,
-				meta: a.meta,
+				slots: () => m.slots,
+				source: c.source,
+				responsiveDisabled: c.responsiveDisabled,
+				autoPropsDisabled: c.autoPropsDisabled,
+				setupApp: c.setupApp,
+				meta: c.meta,
 				configReady: !0
-			}), !a.implicit && !m.value?.meta?.hasVariantChildComponents && (m.value.meta || (m.value.meta = {}), Object.assign(m.value.meta, { hasVariantChildComponents: !0 }));
+			});
+			let t = h?.value;
+			t && !c.implicit && !t.meta?.hasVariantChildComponents && (t.meta ||= {}, Object.assign(t.meta, { hasVariantChildComponents: !0 }));
 		}
-		function C() {
-			return f.variant ? f.variant : g?.mode === "render" ? (v || (v = m.value?.variants[g.nextVariantIndex.value], g.nextVariantIndex.value++), v) : null;
+		function w() {
+			return p.variant ? p.variant : _?.mode === "render" ? (y || (y = h?.value?.variants[_.nextVariantIndex.value], _.nextVariantIndex.value++), y) : null;
 		}
-		function w(e) {
-			if (g.slotName === "controls") return p.proxy.$slots.controls?.({ state: g.externalState }) ?? null;
-			if (g.slotName !== "default") return null;
-			let n = p.proxy.$slots.default?.({ state: g.externalState }) ?? null;
-			return n && !e.autoPropsDisabled && (_ = t(e, n, g.externalState, _)), n;
+		function T(e, t) {
+			if (t.slotName === "controls") return m.slots.controls?.({ state: t.externalState }) ?? null;
+			if (t.slotName !== "default") return null;
+			let n = m.slots.default?.({ state: t.externalState }) ?? null;
+			return n && !e.autoPropsDisabled && (v = o(e, n, t.externalState, v)), n;
 		}
-		function T(e) {
-			if (!h) return;
-			let t = g?.mode === "render" && g.currentVariant?.id === e.id;
-			t && !y ? y = n(e.state, h(), d) : !t && y && (y.stop(), y = null);
+		function E(e) {
+			if (!g) return;
+			let t = _?.mode === "render" && _.currentVariant?.id === e.id;
+			t && !b ? b = r(e.state, g(), f) : !t && b && (b.stop(), b = null);
 		}
-		return x.value && S(x.value), {
-			renderContext: g,
-			renderVariantSlot: w,
-			resolveVariant: C,
-			syncRenderVariantState: T,
-			updateVariant: S
+		return S.value && C(S.value), {
+			renderContext: _,
+			renderVariantSlot: T,
+			resolveVariant: w,
+			syncRenderVariantState: E,
+			updateVariant: C
 		};
 	},
 	render() {
 		let e = this.resolveVariant();
-		return !e || (this.updateVariant(e), this.syncRenderVariantState(e), this.renderContext?.mode !== "render") || this.renderContext.currentVariant?.id !== e.id ? null : this.renderVariantSlot(e);
+		if (!e) return null;
+		this.updateVariant(e), this.syncRenderVariantState(e);
+		let t = this.renderContext;
+		return t?.mode !== "render" || t.currentVariant?.id !== e.id ? null : this.renderVariantSlot(e, t);
 	}
 });
 //#endregion
-export { f as default };
+export { p as default };

package/dist/bundled/client/app/context.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "../context.js";
+//#region src/client/app/context.ts
+var t = e("poveste-app-story", "<Story>"), n = e("poveste-app-implicit-state", "<Story>");
+//#endregion
+export { n as implicitStateContext, t as storyContext };

package/dist/bundled/client/app/global-components.js

@@ -6,13 +6,14 @@ import { components as f } from "@poveste/controls";
 //#region src/client/app/global-components.ts
 function p(n) {
 	n.component("Story", t), n.component("Variant", e);
-	for (let e in f) n.component(e, m(f[e]));
+	for (let [e, t] of Object.entries(f)) n.component(e, m(t));
 }
 function m(e) {
+	let t = e;
 	return a({
-		name: e.name,
+		...e.name ? { name: e.name } : {},
 		inheritAttrs: !1,
-		setup(t, { attrs: a }) {
+		setup(e, { attrs: a }) {
 			let o = d(), f = d(), p = i({});
 			function m(e) {
 				Object.assign(p, e);
@@ -23,11 +24,11 @@ function m(e) {
 			let h = [], g = d([]);
 			function _() {
 				g.value.forEach((e, t) => {
-					let n = f.value.querySelector(`[renderslotid="${t}"]`);
-					if (!n) return;
-					let r = o.value.querySelector(`[slotid="${t}"]`);
-					for (; r.firstChild;) r.removeChild(r.lastChild);
-					r.appendChild(n);
+					let n = f.value?.querySelector(`[renderslotid="${t}"]`), r = o.value?.querySelector(`[slotid="${t}"]`);
+					if (n && r) {
+						for (; r.lastChild;) r.removeChild(r.lastChild);
+						r.appendChild(n);
+					}
 				});
 			}
 			let v;
@@ -40,7 +41,7 @@ function m(e) {
 						g.value = h, h = [];
 					},
 					render() {
-						return r(e, {
+						return r(t, {
 							...p,
 							key: "component"
 						}, { default: (e) => (h.push(e), r("div", { slotId: h.length - 1 })) });
@@ -57,7 +58,7 @@ function m(e) {
 			};
 		},
 		render() {
-			return [o("div", { ref: "el" }), o("div", { ref: "slotEl" }, this.slotCalls.map((e, t) => o("div", { renderSlotId: t }, this.$slots.default(e))))];
+			return [o("div", { ref: "el" }), o("div", { ref: "slotEl" }, this.slotCalls.map((e, t) => o("div", { renderSlotId: t }, this.$slots.default?.(e))))];
 		}
 	});
 }

package/dist/bundled/client/app/host.js

@@ -20,7 +20,7 @@ var f = o({
 		}
 	},
 	setup(e) {
-		return t(e.renderContext), () => s(e.story.file.component, { story: e.story });
+		return t(e.renderContext), () => e.story.file ? s(e.story.file.component, { story: e.story }) : null;
 	}
 });
 function p(e) {
@@ -51,7 +51,7 @@ function p(e) {
 		}, n(t), t.component("RouterLink", r), await m({
 			app: t,
 			story: e.getStory(),
-			variant: e.getVariant(),
+			variant: e.getVariant() ?? void 0,
 			addWrapper: (e) => {
 				c.unshift(e);
 			}

package/dist/bundled/client/app/render-context.js

@@ -1,11 +1,11 @@
-import { inject as e, provide as t } from "vue";
+import { createContext as e } from "../context.js";
 //#region src/client/app/render-context.ts
-var n = Symbol("poveste-preview-render-context");
-function r(e) {
-	t(n, e);
+var t = e("poveste-preview-render-context", "<Story>");
+function n(e) {
+	t.provide(e);
 }
-function i() {
-	return e(n, null);
+function r() {
+	return t.injectOptional();
 }
 //#endregion
-export { r as provideRenderContext, i as useRenderContext };
+export { n as provideRenderContext, r as useRenderContext };

package/dist/bundled/client/app/util.js

@@ -1,71 +1,81 @@
 import { isRef as e, unref as t, watch as n } from "@poveste/vendors/vue";
-import { isRef as r, unref as i, watch as a } from "vue";
-import { applyState as o, createStateBaseline as s } from "@poveste/shared";
+import { getCurrentInstance as r, isReadonly as i, isRef as a, markRaw as o, unref as s, watch as c } from "vue";
+import { applyState as l, createStateBaseline as u, isMarkedRaw as d, isPlainObject as f } from "@poveste/shared";
 //#region src/client/app/util.ts
-var c = (e) => typeof e == "object" && !!e;
-function l(e, t = /* @__PURE__ */ new WeakMap()) {
-	let n = r(e) ? i(e) : e;
+var p = (e) => typeof e == "object" && !!e;
+function m(e, t = /* @__PURE__ */ new WeakMap()) {
+	let n = a(e) ? s(e) : e;
 	if (typeof n == "symbol") return n.toString();
-	if (!c(n)) return n;
+	if (!p(n) || d(n)) return n;
 	if (t.has(n)) return t.get(n);
+	if (!Array.isArray(n) && !f(n)) return o(n);
 	if (Array.isArray(n)) {
 		let e = [];
-		return t.set(n, e), e.push(...n.map((e) => l(e, t))), e;
+		return t.set(n, e), e.push(...n.map((e) => m(e, t))), e;
 	}
 	{
 		let e = {};
-		return t.set(n, e), u(n, e, t), e;
+		return t.set(n, e), h(n, e, t), e;
 	}
 }
-function u(e, t, n = /* @__PURE__ */ new WeakMap()) {
+function h(e, t, n = /* @__PURE__ */ new WeakMap()) {
 	Object.keys(e).forEach((r) => {
-		t[r] = l(e[r], n);
+		t[r] = m(e[r], n);
 	});
 }
-function d(n, r = /* @__PURE__ */ new WeakMap()) {
+function g(n, r = /* @__PURE__ */ new WeakMap()) {
 	let i = e(n) ? t(n) : n;
 	if (typeof i == "symbol") return i.toString();
-	if (!c(i)) return i;
+	if (!p(i) || d(i)) return i;
 	if (r.has(i)) return r.get(i);
+	if (!Array.isArray(i) && !f(i)) return o(i);
 	if (Array.isArray(i)) {
 		let e = [];
-		return r.set(i, e), e.push(...i.map((e) => d(e, r))), e;
+		return r.set(i, e), e.push(...i.map((e) => g(e, r))), e;
 	}
 	{
 		let e = {};
-		return r.set(i, e), f(i, e, r), e;
+		return r.set(i, e), _(i, e, r), e;
 	}
 }
-function f(e, t, n = /* @__PURE__ */ new WeakMap()) {
+function _(e, t, n = /* @__PURE__ */ new WeakMap()) {
 	Object.keys(e).forEach((r) => {
-		t[r] = l(e[r], n);
+		t[r] = g(e[r], n);
 	});
 }
-function p(e, t) {
+function v(e, t) {
 	if (!t.length) return e;
 	let n = { ...e };
 	for (let e of t) delete n[e];
 	return n;
 }
-function m(e, t, r = []) {
-	let i = s(), c = n(() => e, (e) => {
+function y(e, t, r = []) {
+	let i = u(), a = n(() => e, (e) => {
 		if (e == null) return;
-		let n = i.take(p(d(e), r));
-		n && o(t, n);
+		let n = i.take(v(g(e), r));
+		n && l(t, n);
 	}, {
 		deep: !0,
 		immediate: !0
-	}), u = a(() => t, (t) => {
+	}), o = c(() => t, (t) => {
 		if (t == null) return;
-		let n = i.take(p(l(t), r));
-		n && o(e, n);
+		let n = i.take(v(m(t), r));
+		n && l(e, n);
 	}, {
 		deep: !0,
 		immediate: !0
 	});
 	return { stop() {
-		c(), u();
+		a(), o();
 	} };
 }
+function b(e) {
+	return !(a(e) && i(e));
+}
+function x(e) {
+	let t = r();
+	if (!t) throw Error(`[poveste] <${e}> can only be set up inside a component`);
+	return t;
+}
 //#endregion
-export { d as _toRawDeep, m as syncStateBundledAndExternal, l as toRawDeep };
+export { g as _toRawDeep, b as isWritableBinding, y as syncStateBundledAndExternal, m as toRawDeep, x as useInstance };

package/dist/bundled/client/client.js

@@ -1,5 +1,5 @@
-import { generateSourceCode as e, getTagName as t } from "./codegen.js";
-import n from "./app/MountStory.js";
-import r from "./app/RenderStory.js";
+import { delimitAttr as e, generateSourceCode as t, getTagName as n } from "./codegen.js";
+import r from "./app/MountStory.js";
+import i from "./app/RenderStory.js";
 import "./app/index.js";
-export { n as MountStory, r as RenderStory, e as generateSourceCode, t as getTagName };
+export { r as MountStory, i as RenderStory, e as delimitAttr, t as generateSourceCode, n as getTagName };