@vielzeug/refine 1.1.3 → 1.3.1

package/dist/ore/dist/errors.js

@@ -12,30 +12,39 @@ var t = class e extends Error {
 		super(e);
 	}
 }, r = class extends t {
+	constructor(e) {
+		super(e);
+	}
+}, i = class extends t {
 	component;
 	phase;
 	constructor(e, t) {
 		super(e, { cause: t.cause }), this.component = t.component, this.phase = t.phase;
 	}
 };
-function i(t, n) {
+function a(t, n) {
 	e(`<${t.component}> setup error (phase: ${t.phase}):`, t.cause), n.dispatchEvent(new CustomEvent("ore:error", {
 		bubbles: !0,
 		composed: !0,
 		detail: t
 	}));
 }
-var a = {
+var o = {
 	defineDuplicate: (e) => `define('${e}') called twice — custom element already registered`,
 	defineFieldRequiresFormAssociated: (e) => `useField() requires define('${e}', { formAssociated: true })`,
 	defineRequiresTag: "define() requires a tag name",
 	eachDuplicateKey: (e, t) => `each() received duplicate key "${e}" at index ${t}`,
 	injectStrictFailed: (e, t) => `injectStrict() could not resolve key "${e}" in <${t}>`,
+	invalidDynamicTagName: (e) => `html\`...\`: dynamic tag name "${e}" is not a valid HTML element name`,
+	invariantViolated: (e) => `invariant violated: ${e}`,
 	lifecycleOutsideSetup: "Lifecycle hooks must be called during component setup",
 	propInvalidReflect: "Structured props cannot use reflect:true — use prop.json() with reflect:false",
 	validationFailed: (e, t) => `Validation failed for <${e}>:\n${t.join("\n")}`
 };
+function s(e, t) {
+	if (!e) throw new r(o.invariantViolated(t));
+}
 //#endregion
-export { a as ORE_ERRORS, n as OreApiError, t as OreError, r as OreLifecycleError, i as reportRuntimeError };
+export { o as ORE_ERRORS, n as OreApiError, t as OreError, r as OreInternalError, i as OreLifecycleError, s as invariant, a as reportRuntimeError };
 
 //# sourceMappingURL=errors.js.map

package/dist/ore/dist/errors.js.map

@@ -1 +1 @@
-{"version":3,"file":"errors.js","names":[],"sources":["../../../../ore/dist/errors.js"],"sourcesContent":["import{error as e}from\"./_dev.js\";var t=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},n=class extends t{constructor(e){super(e)}},r=class extends t{component;phase;constructor(e,t){super(e,{cause:t.cause}),this.component=t.component,this.phase=t.phase}};function i(t,n){e(`<${t.component}> setup error (phase: ${t.phase}):`,t.cause),n.dispatchEvent(new CustomEvent(`ore:error`,{bubbles:!0,composed:!0,detail:t}))}var a=class extends t{},o={defineDuplicate:e=>`define('${e}') called twice — custom element already registered`,defineFieldRequiresFormAssociated:e=>`useField() requires define('${e}', { formAssociated: true })`,defineRequiresTag:`define() requires a tag name`,eachDuplicateKey:(e,t)=>`each() received duplicate key \"${e}\" at index ${t}`,injectStrictFailed:(e,t)=>`injectStrict() could not resolve key \"${e}\" in <${t}>`,lifecycleOutsideSetup:`Lifecycle hooks must be called during component setup`,propInvalidReflect:`Structured props cannot use reflect:true — use prop.json() with reflect:false`,validationFailed:(e,t)=>`Validation failed for <${e}>:\\n${t.join(`\n`)}`};export{o as ORE_ERRORS,n as OreApiError,t as OreError,r as OreLifecycleError,a as OreTimeoutError,i as reportRuntimeError};\n//# sourceMappingURL=errors.js.map"],"mappings":";;AAAkC,IAAI,IAAE,MAAM,UAAU,MAAK;CAAC,YAAY,GAAE,GAAE;EAAC,MAAM,GAAE,CAAC,GAAE,KAAK,OAAK,IAAI,OAAO,MAAK,OAAO,eAAe,MAAK,IAAI,OAAO,SAAS;CAAC;CAAC,OAAO,GAAG,GAAE;EAAC,OAAO,aAAa;CAAC;AAAC,GAAE,IAAE,cAAc,EAAC;CAAC,YAAY,GAAE;EAAC,MAAM,CAAC;CAAC;AAAC,GAAE,IAAE,cAAc,EAAC;CAAC;CAAU;CAAM,YAAY,GAAE,GAAE;EAAC,MAAM,GAAE,EAAC,OAAM,EAAE,MAAK,CAAC,GAAE,KAAK,YAAU,EAAE,WAAU,KAAK,QAAM,EAAE;CAAK;AAAC;AAAE,SAAS,EAAE,GAAE,GAAE;CAAC,EAAE,IAAI,EAAE,UAAU,wBAAwB,EAAE,MAAM,KAAI,EAAE,KAAK,GAAE,EAAE,cAAc,IAAI,YAAY,aAAY;EAAC,SAAQ,CAAC;EAAE,UAAS,CAAC;EAAE,QAAO;CAAC,CAAC,CAAC;AAAC;AAAC,IAAwB,IAAE;CAAC,kBAAgB,MAAG,WAAW,EAAE;CAAqD,oCAAkC,MAAG,+BAA+B,EAAE;CAA8B,mBAAkB;CAA+B,mBAAkB,GAAE,MAAI,kCAAkC,EAAE,aAAa;CAAI,qBAAoB,GAAE,MAAI,yCAAyC,EAAE,QAAQ,EAAE;CAAG,uBAAsB;CAAwD,oBAAmB;CAAgF,mBAAkB,GAAE,MAAI,0BAA0B,EAAE,MAAM,EAAE,KAAK,IACtqC;AAAG"}
+{"version":3,"file":"errors.js","names":[],"sources":["../../../../ore/dist/errors.js"],"sourcesContent":["import{error as e}from\"./_dev.js\";var t=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},n=class extends t{constructor(e){super(e)}},r=class extends t{constructor(e){super(e)}},i=class extends t{component;phase;constructor(e,t){super(e,{cause:t.cause}),this.component=t.component,this.phase=t.phase}};function a(t,n){e(`<${t.component}> setup error (phase: ${t.phase}):`,t.cause),n.dispatchEvent(new CustomEvent(`ore:error`,{bubbles:!0,composed:!0,detail:t}))}var o=class extends t{},s={defineDuplicate:e=>`define('${e}') called twice — custom element already registered`,defineFieldRequiresFormAssociated:e=>`useField() requires define('${e}', { formAssociated: true })`,defineRequiresTag:`define() requires a tag name`,eachDuplicateKey:(e,t)=>`each() received duplicate key \"${e}\" at index ${t}`,injectStrictFailed:(e,t)=>`injectStrict() could not resolve key \"${e}\" in <${t}>`,invalidDynamicTagName:e=>`html\\`...\\`: dynamic tag name \"${e}\" is not a valid HTML element name`,invariantViolated:e=>`invariant violated: ${e}`,lifecycleOutsideSetup:`Lifecycle hooks must be called during component setup`,propInvalidReflect:`Structured props cannot use reflect:true — use prop.json() with reflect:false`,validationFailed:(e,t)=>`Validation failed for <${e}>:\\n${t.join(`\n`)}`};function c(e,t){if(!e)throw new r(s.invariantViolated(t))}export{s as ORE_ERRORS,n as OreApiError,t as OreError,r as OreInternalError,i as OreLifecycleError,o as OreTimeoutError,c as invariant,a as reportRuntimeError};\n//# sourceMappingURL=errors.js.map"],"mappings":";;AAAkC,IAAI,IAAE,MAAM,UAAU,MAAK;CAAC,YAAY,GAAE,GAAE;EAAC,MAAM,GAAE,CAAC,GAAE,KAAK,OAAK,IAAI,OAAO,MAAK,OAAO,eAAe,MAAK,IAAI,OAAO,SAAS;CAAC;CAAC,OAAO,GAAG,GAAE;EAAC,OAAO,aAAa;CAAC;AAAC,GAAE,IAAE,cAAc,EAAC;CAAC,YAAY,GAAE;EAAC,MAAM,CAAC;CAAC;AAAC,GAAE,IAAE,cAAc,EAAC;CAAC,YAAY,GAAE;EAAC,MAAM,CAAC;CAAC;AAAC,GAAE,IAAE,cAAc,EAAC;CAAC;CAAU;CAAM,YAAY,GAAE,GAAE;EAAC,MAAM,GAAE,EAAC,OAAM,EAAE,MAAK,CAAC,GAAE,KAAK,YAAU,EAAE,WAAU,KAAK,QAAM,EAAE;CAAK;AAAC;AAAE,SAAS,EAAE,GAAE,GAAE;CAAC,EAAE,IAAI,EAAE,UAAU,wBAAwB,EAAE,MAAM,KAAI,EAAE,KAAK,GAAE,EAAE,cAAc,IAAI,YAAY,aAAY;EAAC,SAAQ,CAAC;EAAE,UAAS,CAAC;EAAE,QAAO;CAAC,CAAC,CAAC;AAAC;AAAC,IAAwB,IAAE;CAAC,kBAAgB,MAAG,WAAW,EAAE;CAAqD,oCAAkC,MAAG,+BAA+B,EAAE;CAA8B,mBAAkB;CAA+B,mBAAkB,GAAE,MAAI,kCAAkC,EAAE,aAAa;CAAI,qBAAoB,GAAE,MAAI,yCAAyC,EAAE,QAAQ,EAAE;CAAG,wBAAsB,MAAG,kCAAkC,EAAE;CAAoC,oBAAkB,MAAG,uBAAuB;CAAI,uBAAsB;CAAwD,oBAAmB;CAAgF,mBAAkB,GAAE,MAAI,0BAA0B,EAAE,MAAM,EAAE,KAAK,IACn2C;AAAG;AAAE,SAAS,EAAE,GAAE,GAAE;CAAC,IAAG,CAAC,GAAE,MAAM,IAAI,EAAE,EAAE,kBAAkB,CAAC,CAAC;AAAC"}

package/dist/ore/dist/forms/context.cjs

@@ -0,0 +1,2 @@
+const e=require("../context.cjs");require("@vielzeug/ripple"),e.createContext(`ore:form-context`);
+//# sourceMappingURL=context.cjs.map

package/dist/ore/dist/forms/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","names":["e"],"sources":["../../../../../ore/dist/forms/context.js"],"sourcesContent":["import{createContext as e}from\"../context.js\";import{computed as t,signal as n}from\"@vielzeug/ripple\";var r=e(`ore:form-context`);function i(e={}){let r=n([]),i=n(!1),a=n(!1),o=n(null);return{clearStatus:()=>{a.value=!1,o.value=null,e.onReset?.()},dirty:a,error:o,markDirty:()=>{a.value=!0},registerField:e=>(r.value=[...r.value,e],()=>{r.value=r.value.filter(t=>t!==e)}),submit:async t=>{if(t?.preventDefault(),!i.value){i.value=!0,o.value=null;try{await e.onSubmit?.(t),a.value=!1}catch(e){o.value=e}finally{i.value=!1}}},submitting:i,valid:t(()=>r.value.every(e=>e.value))}}export{r as FORM_CONTEXT_KEY,i as createFormContext};\n//# sourceMappingURL=context.js.map"],"mappings":"8DAA4GA,EAAAA,cAAE,kBAAkB"}

package/dist/ore/dist/forms/context.js

@@ -0,0 +1,6 @@
+import { createContext as e } from "../context.js";
+import "@vielzeug/ripple";
+e("ore:form-context");
+//#endregion
+
+//# sourceMappingURL=context.js.map

package/dist/ore/dist/forms/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["e"],"sources":["../../../../../ore/dist/forms/context.js"],"sourcesContent":["import{createContext as e}from\"../context.js\";import{computed as t,signal as n}from\"@vielzeug/ripple\";var r=e(`ore:form-context`);function i(e={}){let r=n([]),i=n(!1),a=n(!1),o=n(null);return{clearStatus:()=>{a.value=!1,o.value=null,e.onReset?.()},dirty:a,error:o,markDirty:()=>{a.value=!0},registerField:e=>(r.value=[...r.value,e],()=>{r.value=r.value.filter(t=>t!==e)}),submit:async t=>{if(t?.preventDefault(),!i.value){i.value=!0,o.value=null;try{await e.onSubmit?.(t),a.value=!1}catch(e){o.value=e}finally{i.value=!1}}},submitting:i,valid:t(()=>r.value.every(e=>e.value))}}export{r as FORM_CONTEXT_KEY,i as createFormContext};\n//# sourceMappingURL=context.js.map"],"mappings":";;AAA4GA,EAAE,kBAAkB"}

package/dist/ore/dist/forms/field.cjs

@@ -0,0 +1,2 @@
+const e=require("../_dev.cjs"),t=require("../errors.cjs"),n=require("../runtime.cjs");require("@vielzeug/ripple");var r=new WeakMap,i=i=>{let a=i.el??n.getHost();if(!a.constructor.formAssociated)throw new t.OreApiError(t.ORE_ERRORS.defineFieldRequiresFormAssociated(a.localName));if(r.has(a))throw new t.OreApiError(`useField() was already called on <${a.localName}>. Call it only once per component.`);let o=a.attachInternals();r.set(a,o),n.onCleanup(()=>r.delete(a));let s=i.toFormValue??(e=>e==null?i.emptyStringForNull?``:null:e instanceof File||e instanceof FormData?e:String(e));n.watchEffect(()=>{o.setFormValue(s(i.value.value))});let c=i.disabled;if(c)if(!(`states`in o))e.warn(`useField(): ElementInternals.states (CustomStateSet) is not available in this environment — disabled state tracking skipped.`);else{let e=o.states;n.watchEffect(()=>{c.value?e.add(`disabled`):e.delete(`disabled`)})}return{checkValidity:()=>o.checkValidity(),internals:o,reportValidity:()=>o.reportValidity(),setCustomValidity:e=>e?o.setValidity({customError:!0},e):o.setValidity({}),setValidity:o.setValidity.bind(o)}};exports.useField=i;
+//# sourceMappingURL=field.cjs.map

package/dist/ore/dist/forms/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.cjs","names":["c","r","n","t","i","u"],"sources":["../../../../../ore/dist/forms/field.js"],"sourcesContent":["import{warn as e}from\"../_dev.js\";import{ORE_ERRORS as t,OreApiError as n}from\"../errors.js\";import{getHost as r,onCleanup as i,watchEffect as a}from\"../runtime.js\";import\"@vielzeug/ripple\";var o=new WeakMap,s=s=>{let c=s.el??r();if(!c.constructor.formAssociated)throw new n(t.defineFieldRequiresFormAssociated(c.localName));if(o.has(c))throw new n(`useField() was already called on <${c.localName}>. Call it only once per component.`);let l=c.attachInternals();o.set(c,l),i(()=>o.delete(c));let u=s.toFormValue??(e=>e==null?s.emptyStringForNull?``:null:e instanceof File||e instanceof FormData?e:String(e));a(()=>{l.setFormValue(u(s.value.value))});let d=s.disabled;if(d)if(!(`states`in l))e(`useField(): ElementInternals.states (CustomStateSet) is not available in this environment — disabled state tracking skipped.`);else{let e=l.states;a(()=>{d.value?e.add(`disabled`):e.delete(`disabled`)})}return{checkValidity:()=>l.checkValidity(),internals:l,reportValidity:()=>l.reportValidity(),setCustomValidity:e=>e?l.setValidity({customError:!0},e):l.setValidity({}),setValidity:l.setValidity.bind(l)}};export{s as useField};\n//# sourceMappingURL=field.js.map"],"mappings":"kHAA8L,IAAI,EAAE,IAAI,QAAQ,EAAE,GAAG,CAAC,IAAIA,EAAE,EAAE,IAAIC,EAAAA,QAAE,EAAE,GAAG,CAACD,EAAE,YAAY,eAAe,MAAM,IAAIE,EAAAA,YAAEC,EAAAA,WAAE,kCAAkCH,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,IAAIA,CAAC,EAAE,MAAM,IAAIE,EAAAA,YAAE,qCAAqCF,EAAE,UAAU,oCAAoC,EAAE,IAAI,EAAEA,EAAE,gBAAgB,EAAE,EAAE,IAAIA,EAAE,CAAC,EAAEI,EAAAA,cAAM,EAAE,OAAOJ,CAAC,CAAC,EAAE,IAAIK,EAAE,EAAE,cAAc,GAAG,GAAG,KAAK,EAAE,mBAAmB,GAAG,KAAK,aAAa,MAAM,aAAa,SAAS,EAAE,OAAO,CAAC,GAAG,EAAA,gBAAM,CAAC,EAAE,aAAaA,EAAE,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,GAAG,EAAE,GAAG,EAAE,WAAW,GAAG,EAAA,KAAE,8HAA8H,MAAM,CAAC,IAAI,EAAE,EAAE,OAAO,EAAA,gBAAM,CAAC,EAAE,MAAM,EAAE,IAAI,UAAU,EAAE,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,mBAAmB,EAAE,eAAe,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC"}

package/dist/ore/dist/forms/field.js

@@ -0,0 +1,35 @@
+import { warn as e } from "../_dev.js";
+import { ORE_ERRORS as t, OreApiError as n } from "../errors.js";
+import { getHost as r, onCleanup as i, watchEffect as a } from "../runtime.js";
+import "@vielzeug/ripple";
+//#region ../ore/dist/forms/field.js
+var o = /* @__PURE__ */ new WeakMap(), s = (s) => {
+	let c = s.el ?? r();
+	if (!c.constructor.formAssociated) throw new n(t.defineFieldRequiresFormAssociated(c.localName));
+	if (o.has(c)) throw new n(`useField() was already called on <${c.localName}>. Call it only once per component.`);
+	let l = c.attachInternals();
+	o.set(c, l), i(() => o.delete(c));
+	let u = s.toFormValue ?? ((e) => e == null ? s.emptyStringForNull ? "" : null : e instanceof File || e instanceof FormData ? e : String(e));
+	a(() => {
+		l.setFormValue(u(s.value.value));
+	});
+	let d = s.disabled;
+	if (d) if (!("states" in l)) e("useField(): ElementInternals.states (CustomStateSet) is not available in this environment — disabled state tracking skipped.");
+	else {
+		let e = l.states;
+		a(() => {
+			d.value ? e.add("disabled") : e.delete("disabled");
+		});
+	}
+	return {
+		checkValidity: () => l.checkValidity(),
+		internals: l,
+		reportValidity: () => l.reportValidity(),
+		setCustomValidity: (e) => e ? l.setValidity({ customError: !0 }, e) : l.setValidity({}),
+		setValidity: l.setValidity.bind(l)
+	};
+};
+//#endregion
+export { s as useField };
+
+//# sourceMappingURL=field.js.map

package/dist/ore/dist/forms/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":["c","r","t","i","u"],"sources":["../../../../../ore/dist/forms/field.js"],"sourcesContent":["import{warn as e}from\"../_dev.js\";import{ORE_ERRORS as t,OreApiError as n}from\"../errors.js\";import{getHost as r,onCleanup as i,watchEffect as a}from\"../runtime.js\";import\"@vielzeug/ripple\";var o=new WeakMap,s=s=>{let c=s.el??r();if(!c.constructor.formAssociated)throw new n(t.defineFieldRequiresFormAssociated(c.localName));if(o.has(c))throw new n(`useField() was already called on <${c.localName}>. Call it only once per component.`);let l=c.attachInternals();o.set(c,l),i(()=>o.delete(c));let u=s.toFormValue??(e=>e==null?s.emptyStringForNull?``:null:e instanceof File||e instanceof FormData?e:String(e));a(()=>{l.setFormValue(u(s.value.value))});let d=s.disabled;if(d)if(!(`states`in l))e(`useField(): ElementInternals.states (CustomStateSet) is not available in this environment — disabled state tracking skipped.`);else{let e=l.states;a(()=>{d.value?e.add(`disabled`):e.delete(`disabled`)})}return{checkValidity:()=>l.checkValidity(),internals:l,reportValidity:()=>l.reportValidity(),setCustomValidity:e=>e?l.setValidity({customError:!0},e):l.setValidity({}),setValidity:l.setValidity.bind(l)}};export{s as useField};\n//# sourceMappingURL=field.js.map"],"mappings":";;;;;AAA8L,IAAI,oBAAE,IAAI,QAAM,GAAE,KAAE,MAAG;CAAC,IAAIA,IAAE,EAAE,MAAIC,EAAE;CAAE,IAAG,CAACD,EAAE,YAAY,gBAAe,MAAM,IAAI,EAAEE,EAAE,kCAAkCF,EAAE,SAAS,CAAC;CAAE,IAAG,EAAE,IAAIA,CAAC,GAAE,MAAM,IAAI,EAAE,qCAAqCA,EAAE,UAAU,oCAAoC;CAAE,IAAI,IAAEA,EAAE,gBAAgB;CAAE,EAAE,IAAIA,GAAE,CAAC,GAAEG,QAAM,EAAE,OAAOH,CAAC,CAAC;CAAE,IAAII,IAAE,EAAE,iBAAc,MAAG,KAAG,OAAK,EAAE,qBAAmB,KAAG,OAAK,aAAa,QAAM,aAAa,WAAS,IAAE,OAAO,CAAC;CAAG,QAAM;EAAC,EAAE,aAAaA,EAAE,EAAE,MAAM,KAAK,CAAC;CAAC,CAAC;CAAE,IAAI,IAAE,EAAE;CAAS,IAAG,GAAE,IAAG,EAAE,YAAW,IAAG,EAAE,8HAA8H;MAAM;EAAC,IAAI,IAAE,EAAE;EAAO,QAAM;GAAC,EAAE,QAAM,EAAE,IAAI,UAAU,IAAE,EAAE,OAAO,UAAU;EAAC,CAAC;CAAC;CAAC,OAAM;EAAC,qBAAkB,EAAE,cAAc;EAAE,WAAU;EAAE,sBAAmB,EAAE,eAAe;EAAE,oBAAkB,MAAG,IAAE,EAAE,YAAY,EAAC,aAAY,CAAC,EAAC,GAAE,CAAC,IAAE,EAAE,YAAY,CAAC,CAAC;EAAE,aAAY,EAAE,YAAY,KAAK,CAAC;CAAC;AAAC"}

package/dist/ore/dist/forms.cjs

@@ -0,0 +1 @@
+const e=require("./forms/field.cjs");require("./forms/context.cjs"),exports.useField=e.useField;

package/dist/ore/dist/forms.js

@@ -0,0 +1,3 @@
+import { useField as e } from "./forms/field.js";
+import "./forms/context.js";
+export { e as useField };

package/dist/ore/dist/props.cjs

@@ -1,2 +1,2 @@
-require("./_dev.cjs");const e=require("./errors.cjs"),t=require("./utils/dom.cjs"),n=require("./runtime.cjs");let r=require("@vielzeug/ripple");var i=e=>typeof e==`object`&&!!e&&`default`in e&&`parse`in e;function a(n,r){if(!i(n))throw new e.OreApiError(`Prop "${r}" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof n}`);let a=n;if(!a.parse)throw new e.OreApiError(`Prop "${r}" must have a parse function. Use prop.* helpers.`);let o=a.reflect??!1;if(o&&t.isStructuredValue(a.default))throw new e.OreApiError(`Prop "${r}": ${e.ORE_ERRORS.propInvalidReflect}`);return{...a,reflect:o}}function o(e){let t=[];for(let[n,r]of Object.entries(e))try{a(r,n)}catch(e){t.push(e instanceof Error?e.message:String(e))}return t}var s=new WeakMap,c=(e,t)=>s.get(e)?.get(t),l=(e,i,a,o)=>{s.has(e)||s.set(e,new Map);let{default:c,parse:l,reflect:u=!1}=o,d=(0,r.signal)(c),f=Object.hasOwn(e,i),p=f?e[i]:void 0,m={parse:l,reflect:u,signal:d};return f?(delete e[i],d.value=typeof p==`string`?l(p):p):e.hasAttribute(a)&&(d.value=l(e.getAttribute(a))),s.get(e).set(a,m),Object.defineProperty(e,i,{configurable:!0,enumerable:!0,get:()=>d.value,set:e=>{d.value=typeof e==`string`?l(e):e}}),u&&n.effect(()=>{let n=d.value;n==null?e.removeAttribute(a):typeof n==`boolean`?e.toggleAttribute(a,n):t.setAttr(e,a,n)}),d};function u(e,n){let r={};for(let[i,a]of Object.entries(n))r[i]=l(e,i,t.toKebab(i),a);return r}exports.createProps=u,exports.getPropMeta=c,exports.normalizePropDefinition=a,exports.validatePropDefs=o;
+require("./_dev.cjs");const e=require("./errors.cjs"),t=require("./utils/dom.cjs"),n=require("./runtime.cjs");let r=require("@vielzeug/ripple");var i=e=>typeof e==`object`&&!!e&&`default`in e&&`parse`in e;function a(n,r){if(!i(n))throw new e.OreApiError(`Prop "${r}" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof n}`);let a=n;if(!a.parse)throw new e.OreApiError(`Prop "${r}" must have a parse function. Use prop.* helpers.`);let o=a.reflect??!1;if(o&&t.isStructuredValue(a.default))throw new e.OreApiError(`Prop "${r}": ${e.ORE_ERRORS.propInvalidReflect}`);return{...a,reflect:o}}function o(e){let t=[];for(let[n,r]of Object.entries(e))try{a(r,n)}catch(e){t.push(e instanceof Error?e.message:String(e))}return t}var s=new WeakMap,c=(e,t)=>s.get(e)?.get(t),l=(e,t)=>typeof e==`string`?t(e):e,u=(i,a,o,c)=>{s.has(i)||s.set(i,new Map);let{default:u,parse:d,reflect:f=!1}=c,p=(0,r.signal)(u),m=Object.hasOwn(i,a),h=m?i[a]:void 0,g={parse:d,reflect:f,signal:p};m?(delete i[a],p.value=l(h,d)):i.hasAttribute(o)&&(p.value=d(i.getAttribute(o)));let _=s.get(i);return e.invariant(_,`propRegistry entry missing for <${i.localName}> — registerProp() must create it above`),_.set(o,g),Object.defineProperty(i,a,{configurable:!0,enumerable:!0,get:()=>p.value,set:e=>{p.value=l(e,d)}}),f&&n.watchEffect(()=>{let e=p.value;e==null?i.removeAttribute(o):typeof e==`boolean`?i.toggleAttribute(o,e):t.setAttr(i,o,e)}),p};function d(e,n){let r={};for(let[i,a]of Object.entries(n))r[i]=u(e,i,t.toKebab(i),a);return r}exports.createProps=d,exports.getPropMeta=c,exports.normalizePropDefinition=a,exports.validatePropDefs=o;
 //# sourceMappingURL=props.cjs.map

package/dist/ore/dist/props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.cjs","names":["t","e","n","o","r","a","i"],"sources":["../../../../ore/dist/props.js"],"sourcesContent":["import{warn as e}from\"./_dev.js\";import{ORE_ERRORS as t,OreApiError as n}from\"./errors.js\";import{isStructuredValue as r,setAttr as i,toKebab as a}from\"./utils/dom.js\";import{effect as o}from\"./runtime.js\";import{signal as s}from\"@vielzeug/ripple\";function c(e){return{default:e,parse:()=>e,reflect:!1}}var l={bool(e){return{default:e??!1,parse:e=>e!==null&&e!==`false`,reflect:!0}},data(e){return c(e)},json(e){return{default:e,parse:t=>{if(t==null||t===``)return e;try{return JSON.parse(t)}catch{return e}},reflect:!1}},number(t){let n=t===void 0?void 0:t;return{default:n,parse:t=>{if(t==null)return n;let r=Number(t);return Number.isNaN(r)?(e(`prop.number(): attribute value \"${t}\" is not a valid number, using default (${String(n)})`),n):r},reflect:!0}},oneOf(e,t){return{default:t,parse:n=>n!=null&&e.includes(n)?n:t,reflect:!0}},string(e){let t=e===void 0?void 0:e;return{default:t,parse:e=>e??t,reflect:!0}}},u=e=>typeof e==`object`&&!!e&&`default`in e&&`parse`in e;function d(e,i){if(!u(e))throw new n(`Prop \"${i}\" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof e}`);let a=e;if(!a.parse)throw new n(`Prop \"${i}\" must have a parse function. Use prop.* helpers.`);let o=a.reflect??!1;if(o&&r(a.default))throw new n(`Prop \"${i}\": ${t.propInvalidReflect}`);return{...a,reflect:o}}function f(e){let t=[];for(let[n,r]of Object.entries(e))try{d(r,n)}catch(e){t.push(e instanceof Error?e.message:String(e))}return t}var p=new WeakMap,m=(e,t)=>p.get(e)?.get(t),h=(e,t,n,r)=>{p.has(e)||p.set(e,new Map);let{default:a,parse:c,reflect:l=!1}=r,u=s(a),d=Object.hasOwn(e,t),f=d?e[t]:void 0,m={parse:c,reflect:l,signal:u};return d?(delete e[t],u.value=typeof f==`string`?c(f):f):e.hasAttribute(n)&&(u.value=c(e.getAttribute(n))),p.get(e).set(n,m),Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:()=>u.value,set:e=>{u.value=typeof e==`string`?c(e):e}}),l&&o(()=>{let t=u.value;t==null?e.removeAttribute(n):typeof t==`boolean`?e.toggleAttribute(n,t):i(e,n,t)}),u};function g(e,t){let n={};for(let[r,i]of Object.entries(t))n[r]=h(e,r,a(r),i);return n}export{g as createProps,m as getPropMeta,d as normalizePropDefinition,l as prop,f as validatePropDefs};\n//# sourceMappingURL=props.js.map"],"mappings":"gJAA+S,IAAsmB,EAAE,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,GAAG,YAAY,GAAG,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,IAAIE,EAAAA,YAAE,SAAS,EAAE,wEAAwE,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,MAAM,MAAM,IAAIA,EAAAA,YAAE,SAAS,EAAE,kDAAkD,EAAE,IAAIC,EAAE,EAAE,SAAS,CAAC,EAAE,GAAGA,GAAGC,EAAAA,kBAAE,EAAE,OAAO,EAAE,MAAM,IAAIF,EAAAA,YAAE,SAAS,EAAE,KAAKF,EAAAA,WAAE,oBAAoB,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQG,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,OAAO,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,aAAa,MAAM,EAAE,QAAQ,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,QAAQE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAA,EAAA,EAAA,OAAA,CAAIA,CAAC,EAAE,EAAE,OAAO,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,IAAK,GAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,aAAa,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,eAAe,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAGF,EAAAA,WAAM,CAAC,IAAI,EAAE,EAAE,MAAM,GAAG,KAAK,EAAE,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,EAAE,gBAAgB,EAAE,CAAC,EAAEG,EAAAA,QAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,OAAO,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAED,EAAAA,QAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC"}
+{"version":3,"file":"props.cjs","names":["t","e","n","i","r","s","a","o"],"sources":["../../../../ore/dist/props.js"],"sourcesContent":["import{warn as e}from\"./_dev.js\";import{ORE_ERRORS as t,OreApiError as n,invariant as r}from\"./errors.js\";import{isStructuredValue as i,setAttr as a,toKebab as o}from\"./utils/dom.js\";import{watchEffect as s}from\"./runtime.js\";import{signal as c}from\"@vielzeug/ripple\";function l(e){return{default:e,parse:()=>e,reflect:!1}}var u={bool(e){return{default:e??!1,parse:e=>e!==null&&e!==`false`,reflect:!0}},data(e){return l(e)},json(e){return{default:e,parse:t=>{if(t==null||t===``)return e;try{return JSON.parse(t)}catch{return e}},reflect:!1}},number(t){let n=t===void 0?void 0:t;return{default:n,parse:t=>{if(t==null)return n;let r=Number(t);return Number.isNaN(r)?(e(`prop.number(): attribute value \"${t}\" is not a valid number, using default (${String(n)})`),n):r},reflect:!0}},oneOf(e,t){return{default:t,parse:n=>n!=null&&e.includes(n)?n:t,reflect:!0}},string(e){let t=e===void 0?void 0:e;return{default:t,parse:e=>e??t,reflect:!0}}},d=e=>typeof e==`object`&&!!e&&`default`in e&&`parse`in e;function f(e,r){if(!d(e))throw new n(`Prop \"${r}\" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof e}`);let a=e;if(!a.parse)throw new n(`Prop \"${r}\" must have a parse function. Use prop.* helpers.`);let o=a.reflect??!1;if(o&&i(a.default))throw new n(`Prop \"${r}\": ${t.propInvalidReflect}`);return{...a,reflect:o}}function p(e){let t=[];for(let[n,r]of Object.entries(e))try{f(r,n)}catch(e){t.push(e instanceof Error?e.message:String(e))}return t}var m=new WeakMap,h=(e,t)=>m.get(e)?.get(t),g=(e,t)=>typeof e==`string`?t(e):e,_=(e,t,n,i)=>{m.has(e)||m.set(e,new Map);let{default:o,parse:l,reflect:u=!1}=i,d=c(o),f=Object.hasOwn(e,t),p=f?e[t]:void 0,h={parse:l,reflect:u,signal:d};f?(delete e[t],d.value=g(p,l)):e.hasAttribute(n)&&(d.value=l(e.getAttribute(n)));let _=m.get(e);return r(_,`propRegistry entry missing for <${e.localName}> — registerProp() must create it above`),_.set(n,h),Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:()=>d.value,set:e=>{d.value=g(e,l)}}),u&&s(()=>{let t=d.value;t==null?e.removeAttribute(n):typeof t==`boolean`?e.toggleAttribute(n,t):a(e,n,t)}),d};function v(e,t){let n={};for(let[r,i]of Object.entries(t))n[r]=_(e,r,o(r),i);return n}export{v as createProps,h as getPropMeta,f as normalizePropDefinition,u as prop,p as validatePropDefs};\n//# sourceMappingURL=props.js.map"],"mappings":"gJAAmU,IAAsmB,EAAE,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,GAAG,YAAY,GAAG,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,IAAIE,EAAAA,YAAE,SAAS,EAAE,wEAAwE,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,MAAM,MAAM,IAAIA,EAAAA,YAAE,SAAS,EAAE,kDAAkD,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,EAAE,GAAG,GAAGC,EAAAA,kBAAE,EAAE,OAAO,EAAE,MAAM,IAAID,EAAAA,YAAE,SAAS,EAAE,KAAKF,EAAAA,WAAE,oBAAoB,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,OAAO,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,aAAa,MAAM,EAAE,QAAQ,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,OAAO,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAA,EAAA,EAAA,OAAA,CAAI,CAAC,EAAE,EAAE,OAAO,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,IAAK,GAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,aAAa,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,EAAE,OAAOI,EAAAA,UAAE,EAAE,mCAAmC,EAAE,UAAU,wCAAwC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,eAAe,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,GAAGC,EAAAA,gBAAM,CAAC,IAAI,EAAE,EAAE,MAAM,GAAG,KAAK,EAAE,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,EAAE,gBAAgB,EAAE,CAAC,EAAEC,EAAAA,QAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,OAAO,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAEC,EAAAA,QAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC"}

package/dist/ore/dist/props.js

@@ -1,54 +1,56 @@
 import "./_dev.js";
-import { ORE_ERRORS as e, OreApiError as t } from "./errors.js";
-import { isStructuredValue as n, setAttr as r, toKebab as i } from "./utils/dom.js";
-import { effect as a } from "./runtime.js";
-import { signal as o } from "@vielzeug/ripple";
-var s = (e) => typeof e == "object" && !!e && "default" in e && "parse" in e;
-function c(r, i) {
-	if (!s(r)) throw new t(`Prop "${i}" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof r}`);
-	let a = r;
+import { ORE_ERRORS as e, OreApiError as t, invariant as n } from "./errors.js";
+import { isStructuredValue as r, setAttr as i, toKebab as a } from "./utils/dom.js";
+import { watchEffect as o } from "./runtime.js";
+import { signal as s } from "@vielzeug/ripple";
+var c = (e) => typeof e == "object" && !!e && "default" in e && "parse" in e;
+function l(n, i) {
+	if (!c(n)) throw new t(`Prop "${i}" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof n}`);
+	let a = n;
 	if (!a.parse) throw new t(`Prop "${i}" must have a parse function. Use prop.* helpers.`);
 	let o = a.reflect ?? !1;
-	if (o && n(a.default)) throw new t(`Prop "${i}": ${e.propInvalidReflect}`);
+	if (o && r(a.default)) throw new t(`Prop "${i}": ${e.propInvalidReflect}`);
 	return {
 		...a,
 		reflect: o
 	};
 }
-function l(e) {
+function u(e) {
 	let t = [];
 	for (let [n, r] of Object.entries(e)) try {
-		c(r, n);
+		l(r, n);
 	} catch (e) {
 		t.push(e instanceof Error ? e.message : String(e));
 	}
 	return t;
 }
-var u = /* @__PURE__ */ new WeakMap(), d = (e, t) => u.get(e)?.get(t), f = (e, t, n, i) => {
-	u.has(e) || u.set(e, /* @__PURE__ */ new Map());
-	let { default: s, parse: c, reflect: l = !1 } = i, d = o(s), f = Object.hasOwn(e, t), p = f ? e[t] : void 0, m = {
-		parse: c,
-		reflect: l,
-		signal: d
+var d = /* @__PURE__ */ new WeakMap(), f = (e, t) => d.get(e)?.get(t), p = (e, t) => typeof e == "string" ? t(e) : e, m = (e, t, r, a) => {
+	d.has(e) || d.set(e, /* @__PURE__ */ new Map());
+	let { default: c, parse: l, reflect: u = !1 } = a, f = s(c), m = Object.hasOwn(e, t), h = m ? e[t] : void 0, g = {
+		parse: l,
+		reflect: u,
+		signal: f
 	};
-	return f ? (delete e[t], d.value = typeof p == "string" ? c(p) : p) : e.hasAttribute(n) && (d.value = c(e.getAttribute(n))), u.get(e).set(n, m), Object.defineProperty(e, t, {
+	m ? (delete e[t], f.value = p(h, l)) : e.hasAttribute(r) && (f.value = l(e.getAttribute(r)));
+	let _ = d.get(e);
+	return n(_, `propRegistry entry missing for <${e.localName}> — registerProp() must create it above`), _.set(r, g), Object.defineProperty(e, t, {
 		configurable: !0,
 		enumerable: !0,
-		get: () => d.value,
+		get: () => f.value,
 		set: (e) => {
-			d.value = typeof e == "string" ? c(e) : e;
+			f.value = p(e, l);
 		}
-	}), l && a(() => {
-		let t = d.value;
-		t == null ? e.removeAttribute(n) : typeof t == "boolean" ? e.toggleAttribute(n, t) : r(e, n, t);
-	}), d;
+	}), u && o(() => {
+		let t = f.value;
+		t == null ? e.removeAttribute(r) : typeof t == "boolean" ? e.toggleAttribute(r, t) : i(e, r, t);
+	}), f;
 };
-function p(e, t) {
+function h(e, t) {
 	let n = {};
-	for (let [r, a] of Object.entries(t)) n[r] = f(e, r, i(r), a);
+	for (let [r, i] of Object.entries(t)) n[r] = m(e, r, a(r), i);
 	return n;
 }
 //#endregion
-export { p as createProps, d as getPropMeta, c as normalizePropDefinition, l as validatePropDefs };
+export { h as createProps, f as getPropMeta, l as normalizePropDefinition, u as validatePropDefs };
 
 //# sourceMappingURL=props.js.map

package/dist/ore/dist/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","names":["t","e","o","r","a","s","i"],"sources":["../../../../ore/dist/props.js"],"sourcesContent":["import{warn as e}from\"./_dev.js\";import{ORE_ERRORS as t,OreApiError as n}from\"./errors.js\";import{isStructuredValue as r,setAttr as i,toKebab as a}from\"./utils/dom.js\";import{effect as o}from\"./runtime.js\";import{signal as s}from\"@vielzeug/ripple\";function c(e){return{default:e,parse:()=>e,reflect:!1}}var l={bool(e){return{default:e??!1,parse:e=>e!==null&&e!==`false`,reflect:!0}},data(e){return c(e)},json(e){return{default:e,parse:t=>{if(t==null||t===``)return e;try{return JSON.parse(t)}catch{return e}},reflect:!1}},number(t){let n=t===void 0?void 0:t;return{default:n,parse:t=>{if(t==null)return n;let r=Number(t);return Number.isNaN(r)?(e(`prop.number(): attribute value \"${t}\" is not a valid number, using default (${String(n)})`),n):r},reflect:!0}},oneOf(e,t){return{default:t,parse:n=>n!=null&&e.includes(n)?n:t,reflect:!0}},string(e){let t=e===void 0?void 0:e;return{default:t,parse:e=>e??t,reflect:!0}}},u=e=>typeof e==`object`&&!!e&&`default`in e&&`parse`in e;function d(e,i){if(!u(e))throw new n(`Prop \"${i}\" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof e}`);let a=e;if(!a.parse)throw new n(`Prop \"${i}\" must have a parse function. Use prop.* helpers.`);let o=a.reflect??!1;if(o&&r(a.default))throw new n(`Prop \"${i}\": ${t.propInvalidReflect}`);return{...a,reflect:o}}function f(e){let t=[];for(let[n,r]of Object.entries(e))try{d(r,n)}catch(e){t.push(e instanceof Error?e.message:String(e))}return t}var p=new WeakMap,m=(e,t)=>p.get(e)?.get(t),h=(e,t,n,r)=>{p.has(e)||p.set(e,new Map);let{default:a,parse:c,reflect:l=!1}=r,u=s(a),d=Object.hasOwn(e,t),f=d?e[t]:void 0,m={parse:c,reflect:l,signal:u};return d?(delete e[t],u.value=typeof f==`string`?c(f):f):e.hasAttribute(n)&&(u.value=c(e.getAttribute(n))),p.get(e).set(n,m),Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:()=>u.value,set:e=>{u.value=typeof e==`string`?c(e):e}}),l&&o(()=>{let t=u.value;t==null?e.removeAttribute(n):typeof t==`boolean`?e.toggleAttribute(n,t):i(e,n,t)}),u};function g(e,t){let n={};for(let[r,i]of Object.entries(t))n[r]=h(e,r,a(r),i);return n}export{g as createProps,m as getPropMeta,d as normalizePropDefinition,l as prop,f as validatePropDefs};\n//# sourceMappingURL=props.js.map"],"mappings":";;;;;AAA+S,IAAsmB,KAAE,MAAG,OAAO,KAAG,YAAU,CAAC,CAAC,KAAG,aAAY,KAAG,WAAU;AAAE,SAAS,EAAE,GAAE,GAAE;CAAC,IAAG,CAAC,EAAE,CAAC,GAAE,MAAM,IAAI,EAAE,SAAS,EAAE,wEAAwE,OAAO,GAAG;CAAE,IAAI,IAAE;CAAE,IAAG,CAAC,EAAE,OAAM,MAAM,IAAI,EAAE,SAAS,EAAE,kDAAkD;CAAE,IAAIE,IAAE,EAAE,WAAS,CAAC;CAAE,IAAGA,KAAGC,EAAE,EAAE,OAAO,GAAE,MAAM,IAAI,EAAE,SAAS,EAAE,KAAKH,EAAE,oBAAoB;CAAE,OAAM;EAAC,GAAG;EAAE,SAAQE;CAAC;AAAC;AAAC,SAAS,EAAE,GAAE;CAAC,IAAI,IAAE,CAAC;CAAE,KAAI,IAAG,CAAC,GAAE,MAAK,OAAO,QAAQ,CAAC,GAAE,IAAG;EAAC,EAAE,GAAE,CAAC;CAAC,SAAO,GAAE;EAAC,EAAE,KAAK,aAAa,QAAM,EAAE,UAAQ,OAAO,CAAC,CAAC;CAAC;CAAC,OAAO;AAAC;AAAC,IAAI,oBAAE,IAAI,QAAM,GAAE,KAAG,GAAE,MAAI,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAE,KAAG,GAAE,GAAE,GAAE,MAAI;CAAC,EAAE,IAAI,CAAC,KAAG,EAAE,IAAI,mBAAE,IAAI,IAAE,CAAC;CAAE,IAAG,EAAC,SAAQE,GAAE,OAAM,GAAE,SAAQ,IAAE,CAAC,MAAG,GAAE,IAAEC,EAAED,CAAC,GAAE,IAAE,OAAO,OAAO,GAAE,CAAC,GAAE,IAAE,IAAE,EAAE,KAAG,KAAK,GAAE,IAAE;EAAC,OAAM;EAAE,SAAQ;EAAE,QAAO;CAAC;CAAE,OAAO,KAAG,OAAO,EAAE,IAAG,EAAE,QAAM,OAAO,KAAG,WAAS,EAAE,CAAC,IAAE,KAAG,EAAE,aAAa,CAAC,MAAI,EAAE,QAAM,EAAE,EAAE,aAAa,CAAC,CAAC,IAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,GAAE,CAAC,GAAE,OAAO,eAAe,GAAE,GAAE;EAAC,cAAa,CAAC;EAAE,YAAW,CAAC;EAAE,WAAQ,EAAE;EAAM,MAAI,MAAG;GAAC,EAAE,QAAM,OAAO,KAAG,WAAS,EAAE,CAAC,IAAE;EAAC;CAAC,CAAC,GAAE,KAAGF,QAAM;EAAC,IAAI,IAAE,EAAE;EAAM,KAAG,OAAK,EAAE,gBAAgB,CAAC,IAAE,OAAO,KAAG,YAAU,EAAE,gBAAgB,GAAE,CAAC,IAAEI,EAAE,GAAE,GAAE,CAAC;CAAC,CAAC,GAAE;AAAC;AAAE,SAAS,EAAE,GAAE,GAAE;CAAC,IAAI,IAAE,CAAC;CAAE,KAAI,IAAG,CAAC,GAAE,MAAK,OAAO,QAAQ,CAAC,GAAE,EAAE,KAAG,EAAE,GAAE,GAAEF,EAAE,CAAC,GAAE,CAAC;CAAE,OAAO;AAAC"}
+{"version":3,"file":"props.js","names":["t","e","i","c","r","s","o"],"sources":["../../../../ore/dist/props.js"],"sourcesContent":["import{warn as e}from\"./_dev.js\";import{ORE_ERRORS as t,OreApiError as n,invariant as r}from\"./errors.js\";import{isStructuredValue as i,setAttr as a,toKebab as o}from\"./utils/dom.js\";import{watchEffect as s}from\"./runtime.js\";import{signal as c}from\"@vielzeug/ripple\";function l(e){return{default:e,parse:()=>e,reflect:!1}}var u={bool(e){return{default:e??!1,parse:e=>e!==null&&e!==`false`,reflect:!0}},data(e){return l(e)},json(e){return{default:e,parse:t=>{if(t==null||t===``)return e;try{return JSON.parse(t)}catch{return e}},reflect:!1}},number(t){let n=t===void 0?void 0:t;return{default:n,parse:t=>{if(t==null)return n;let r=Number(t);return Number.isNaN(r)?(e(`prop.number(): attribute value \"${t}\" is not a valid number, using default (${String(n)})`),n):r},reflect:!0}},oneOf(e,t){return{default:t,parse:n=>n!=null&&e.includes(n)?n:t,reflect:!0}},string(e){let t=e===void 0?void 0:e;return{default:t,parse:e=>e??t,reflect:!0}}},d=e=>typeof e==`object`&&!!e&&`default`in e&&`parse`in e;function f(e,r){if(!d(e))throw new n(`Prop \"${r}\" must use a prop.* helper (string/number/bool/json/oneOf). Received: ${typeof e}`);let a=e;if(!a.parse)throw new n(`Prop \"${r}\" must have a parse function. Use prop.* helpers.`);let o=a.reflect??!1;if(o&&i(a.default))throw new n(`Prop \"${r}\": ${t.propInvalidReflect}`);return{...a,reflect:o}}function p(e){let t=[];for(let[n,r]of Object.entries(e))try{f(r,n)}catch(e){t.push(e instanceof Error?e.message:String(e))}return t}var m=new WeakMap,h=(e,t)=>m.get(e)?.get(t),g=(e,t)=>typeof e==`string`?t(e):e,_=(e,t,n,i)=>{m.has(e)||m.set(e,new Map);let{default:o,parse:l,reflect:u=!1}=i,d=c(o),f=Object.hasOwn(e,t),p=f?e[t]:void 0,h={parse:l,reflect:u,signal:d};f?(delete e[t],d.value=g(p,l)):e.hasAttribute(n)&&(d.value=l(e.getAttribute(n)));let _=m.get(e);return r(_,`propRegistry entry missing for <${e.localName}> — registerProp() must create it above`),_.set(n,h),Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:()=>d.value,set:e=>{d.value=g(e,l)}}),u&&s(()=>{let t=d.value;t==null?e.removeAttribute(n):typeof t==`boolean`?e.toggleAttribute(n,t):a(e,n,t)}),d};function v(e,t){let n={};for(let[r,i]of Object.entries(t))n[r]=_(e,r,o(r),i);return n}export{v as createProps,h as getPropMeta,f as normalizePropDefinition,u as prop,p as validatePropDefs};\n//# sourceMappingURL=props.js.map"],"mappings":";;;;;AAAmU,IAAsmB,KAAE,MAAG,OAAO,KAAG,YAAU,CAAC,CAAC,KAAG,aAAY,KAAG,WAAU;AAAE,SAAS,EAAE,GAAE,GAAE;CAAC,IAAG,CAAC,EAAE,CAAC,GAAE,MAAM,IAAI,EAAE,SAAS,EAAE,wEAAwE,OAAO,GAAG;CAAE,IAAI,IAAE;CAAE,IAAG,CAAC,EAAE,OAAM,MAAM,IAAI,EAAE,SAAS,EAAE,kDAAkD;CAAE,IAAI,IAAE,EAAE,WAAS,CAAC;CAAE,IAAG,KAAGE,EAAE,EAAE,OAAO,GAAE,MAAM,IAAI,EAAE,SAAS,EAAE,KAAKF,EAAE,oBAAoB;CAAE,OAAM;EAAC,GAAG;EAAE,SAAQ;CAAC;AAAC;AAAC,SAAS,EAAE,GAAE;CAAC,IAAI,IAAE,CAAC;CAAE,KAAI,IAAG,CAAC,GAAE,MAAK,OAAO,QAAQ,CAAC,GAAE,IAAG;EAAC,EAAE,GAAE,CAAC;CAAC,SAAO,GAAE;EAAC,EAAE,KAAK,aAAa,QAAM,EAAE,UAAQ,OAAO,CAAC,CAAC;CAAC;CAAC,OAAO;AAAC;AAAC,IAAI,oBAAE,IAAI,QAAM,GAAE,KAAG,GAAE,MAAI,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAE,KAAG,GAAE,MAAI,OAAO,KAAG,WAAS,EAAE,CAAC,IAAE,GAAE,KAAG,GAAE,GAAE,GAAE,MAAI;CAAC,EAAE,IAAI,CAAC,KAAG,EAAE,IAAI,mBAAE,IAAI,IAAE,CAAC;CAAE,IAAG,EAAC,SAAQ,GAAE,OAAM,GAAE,SAAQ,IAAE,CAAC,MAAG,GAAE,IAAEG,EAAE,CAAC,GAAE,IAAE,OAAO,OAAO,GAAE,CAAC,GAAE,IAAE,IAAE,EAAE,KAAG,KAAK,GAAE,IAAE;EAAC,OAAM;EAAE,SAAQ;EAAE,QAAO;CAAC;CAAE,KAAG,OAAO,EAAE,IAAG,EAAE,QAAM,EAAE,GAAE,CAAC,KAAG,EAAE,aAAa,CAAC,MAAI,EAAE,QAAM,EAAE,EAAE,aAAa,CAAC,CAAC;CAAG,IAAI,IAAE,EAAE,IAAI,CAAC;CAAE,OAAOC,EAAE,GAAE,mCAAmC,EAAE,UAAU,wCAAwC,GAAE,EAAE,IAAI,GAAE,CAAC,GAAE,OAAO,eAAe,GAAE,GAAE;EAAC,cAAa,CAAC;EAAE,YAAW,CAAC;EAAE,WAAQ,EAAE;EAAM,MAAI,MAAG;GAAC,EAAE,QAAM,EAAE,GAAE,CAAC;EAAC;CAAC,CAAC,GAAE,KAAGC,QAAM;EAAC,IAAI,IAAE,EAAE;EAAM,KAAG,OAAK,EAAE,gBAAgB,CAAC,IAAE,OAAO,KAAG,YAAU,EAAE,gBAAgB,GAAE,CAAC,IAAE,EAAE,GAAE,GAAE,CAAC;CAAC,CAAC,GAAE;AAAC;AAAE,SAAS,EAAE,GAAE,GAAE;CAAC,IAAI,IAAE,CAAC;CAAE,KAAI,IAAG,CAAC,GAAE,MAAK,OAAO,QAAQ,CAAC,GAAE,EAAE,KAAG,EAAE,GAAE,GAAEC,EAAE,CAAC,GAAE,CAAC;CAAE,OAAO;AAAC"}

package/dist/ore/dist/runtime.cjs

@@ -1,2 +1,2 @@
-const e=require("./errors.cjs"),t=require("./utils/dom.cjs");let n=require("@vielzeug/ripple");var r=null,i=(e,t)=>{let n=r;r=e;try{return t()}finally{r=n}},a=()=>r,o=e=>r?((0,n.onCleanup)(e),!0):!1,s=n.onCleanup,c=t=>{if(!r)throw new e.OreApiError(e.ORE_ERRORS.lifecycleOutsideSetup);r.mountCallbacks.push(t)},l=e=>{let t=(0,n.effect)(e),r=()=>t.dispose();return o(r),r};function u(n,i,a,s){if(!r)throw new e.OreApiError(e.ORE_ERRORS.lifecycleOutsideSetup);if(!n)return;let c=t.listen(n,i,a,s);o(c)||c()}var d=(e,t)=>l(()=>{let n=e.value;if(n)return t(n)});exports.effect=l,exports.getSetupContext=a,exports.onCleanup=s,exports.onElement=d,exports.onEvent=u,exports.onMounted=c,exports.runWithContext=i,exports.tryRegisterCleanup=o;
+const e=require("./errors.cjs");require("./utils/dom.cjs");let t=require("@vielzeug/ripple");var n=null,r=(e,t)=>{let r=n;n=e;try{return t()}finally{n=r}},i=t=>{if(n)return n;throw new e.OreApiError(`${t}: ${e.ORE_ERRORS.lifecycleOutsideSetup}`)},a=()=>i(`getHost`).element,o=e=>n?((0,t.onCleanup)(e),!0):!1,s=t.onCleanup,c=e=>{let n=(0,t.effect)(e),r=()=>n.dispose();return o(r),r};exports.getHost=a,exports.onCleanup=s,exports.requireSetupContext=i,exports.runWithContext=r,exports.tryRegisterCleanup=o,exports.watchEffect=c;
 //# sourceMappingURL=runtime.cjs.map

package/dist/ore/dist/runtime.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.cjs","names":["t","e","i","n"],"sources":["../../../../ore/dist/runtime.js"],"sourcesContent":["import{ORE_ERRORS as e,OreApiError as t}from\"./errors.js\";import{listen as n}from\"./utils/dom.js\";import{effect as r,onCleanup as i}from\"@vielzeug/ripple\";var a=null,o=(e,t)=>{let n=a;a=e;try{return t()}finally{a=n}},s=()=>a,c=()=>{if(a)return a.element;throw new t(e.lifecycleOutsideSetup)},l=e=>a?(i(e),!0):!1,u=i,d=n=>{if(!a)throw new t(e.lifecycleOutsideSetup);a.mountCallbacks.push(n)},f=e=>{let t=r(e),n=()=>t.dispose();return l(n),n};function p(r,i,o,s){if(!a)throw new t(e.lifecycleOutsideSetup);if(!r)return;let c=n(r,i,o,s);l(c)||c()}var m=(e,t)=>f(()=>{let n=e.value;if(n)return t(n)});export{f as effect,c as getCurrentElement,s as getSetupContext,u as onCleanup,m as onElement,p as onEvent,d as onMounted,o as runWithContext,l as tryRegisterCleanup};\n//# sourceMappingURL=runtime.js.map"],"mappings":"+FAA2J,IAAI,EAAE,KAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAqE,EAAE,GAAG,IAAA,EAAA,EAAA,UAAA,CAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,EAAEE,EAAAA,UAAE,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,IAAIF,EAAAA,YAAEC,EAAAA,WAAE,qBAAqB,EAAE,EAAE,eAAe,KAAKE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,GAAA,EAAA,EAAA,OAAA,CAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,IAAIH,EAAAA,YAAEC,EAAAA,WAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,OAAO,IAAI,EAAEE,EAAAA,OAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,GAAG,EAAE,IAAI,MAAM,CAAC,IAAI,EAAE,EAAE,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"runtime.cjs","names":["t","n","e","i"],"sources":["../../../../ore/dist/runtime.js"],"sourcesContent":["import{ORE_ERRORS as e,OreApiError as t}from\"./errors.js\";import{listen as n}from\"./utils/dom.js\";import{effect as r,onCleanup as i}from\"@vielzeug/ripple\";var a=null,o=(e,t)=>{let n=a;a=e;try{return t()}finally{a=n}},s=n=>{if(a)return a;throw new t(`${n}: ${e.lifecycleOutsideSetup}`)},c=()=>s(`getHost`).element,l=e=>a?(i(e),!0):!1,u=i,d=e=>{s(`onMounted`).mountCallbacks.push(e)},f=e=>{let t=r(e),n=()=>t.dispose();return l(n),n};function p(e,t,r,i){if(s(`onEvent`),!e)return;let a=n(e,t,r,i);l(a)||a()}var m=(e,t)=>f(()=>{let n=e.value;if(n)return t(n)});export{c as getHost,u as onCleanup,m as onElement,p as onEvent,d as onMounted,s as requireSetupContext,o as runWithContext,l as tryRegisterCleanup,f as watchEffect};\n//# sourceMappingURL=runtime.js.map"],"mappings":"6FAA2J,IAAI,EAAE,KAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,IAAIA,EAAAA,YAAE,GAAGC,EAAE,IAAIC,EAAAA,WAAE,uBAAuB,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,QAAQ,EAAE,GAAG,IAAA,EAAA,EAAA,UAAA,CAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,EAAEC,EAAAA,UAA+C,EAAE,GAAG,CAAC,IAAI,GAAA,EAAA,EAAA,OAAA,CAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC"}

package/dist/ore/dist/runtime.js

@@ -1,33 +1,23 @@
 import { ORE_ERRORS as e, OreApiError as t } from "./errors.js";
-import { listen as n } from "./utils/dom.js";
-import { effect as r, onCleanup as i } from "@vielzeug/ripple";
+import "./utils/dom.js";
+import { effect as n, onCleanup as r } from "@vielzeug/ripple";
 //#region ../ore/dist/runtime.js
-var a = null, o = (e, t) => {
-	let n = a;
-	a = e;
+var i = null, a = (e, t) => {
+	let n = i;
+	i = e;
 	try {
 		return t();
 	} finally {
-		a = n;
+		i = n;
 	}
-}, s = () => a, c = (e) => a ? (i(e), !0) : !1, l = i, u = (n) => {
-	if (!a) throw new t(e.lifecycleOutsideSetup);
-	a.mountCallbacks.push(n);
-}, d = (e) => {
-	let t = r(e), n = () => t.dispose();
-	return c(n), n;
+}, o = (n) => {
+	if (i) return i;
+	throw new t(`${n}: ${e.lifecycleOutsideSetup}`);
+}, s = () => o("getHost").element, c = (e) => i ? (r(e), !0) : !1, l = r, u = (e) => {
+	let t = n(e), r = () => t.dispose();
+	return c(r), r;
 };
-function f(r, i, o, s) {
-	if (!a) throw new t(e.lifecycleOutsideSetup);
-	if (!r) return;
-	let l = n(r, i, o, s);
-	c(l) || l();
-}
-var p = (e, t) => d(() => {
-	let n = e.value;
-	if (n) return t(n);
-});
 //#endregion
-export { d as effect, s as getSetupContext, l as onCleanup, p as onElement, f as onEvent, u as onMounted, o as runWithContext, c as tryRegisterCleanup };
+export { s as getHost, l as onCleanup, o as requireSetupContext, a as runWithContext, c as tryRegisterCleanup, u as watchEffect };
 
 //# sourceMappingURL=runtime.js.map

package/dist/ore/dist/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","names":["t","e","i","n","r"],"sources":["../../../../ore/dist/runtime.js"],"sourcesContent":["import{ORE_ERRORS as e,OreApiError as t}from\"./errors.js\";import{listen as n}from\"./utils/dom.js\";import{effect as r,onCleanup as i}from\"@vielzeug/ripple\";var a=null,o=(e,t)=>{let n=a;a=e;try{return t()}finally{a=n}},s=()=>a,c=()=>{if(a)return a.element;throw new t(e.lifecycleOutsideSetup)},l=e=>a?(i(e),!0):!1,u=i,d=n=>{if(!a)throw new t(e.lifecycleOutsideSetup);a.mountCallbacks.push(n)},f=e=>{let t=r(e),n=()=>t.dispose();return l(n),n};function p(r,i,o,s){if(!a)throw new t(e.lifecycleOutsideSetup);if(!r)return;let c=n(r,i,o,s);l(c)||c()}var m=(e,t)=>f(()=>{let n=e.value;if(n)return t(n)});export{f as effect,c as getCurrentElement,s as getSetupContext,u as onCleanup,m as onElement,p as onEvent,d as onMounted,o as runWithContext,l as tryRegisterCleanup};\n//# sourceMappingURL=runtime.js.map"],"mappings":";;;;AAA2J,IAAI,IAAE,MAAK,KAAG,GAAE,MAAI;CAAC,IAAI,IAAE;CAAE,IAAE;CAAE,IAAG;EAAC,OAAO,EAAE;CAAC,UAAQ;EAAC,IAAE;CAAC;AAAC,GAAE,UAAM,GAAqE,KAAE,MAAG,KAAGE,EAAE,CAAC,GAAE,CAAC,KAAG,CAAC,GAAE,IAAEA,GAAE,KAAE,MAAG;CAAC,IAAG,CAAC,GAAE,MAAM,IAAIF,EAAEC,EAAE,qBAAqB;CAAE,EAAE,eAAe,KAAKE,CAAC;AAAC,GAAE,KAAE,MAAG;CAAC,IAAI,IAAEC,EAAE,CAAC,GAAE,UAAM,EAAE,QAAQ;CAAE,OAAO,EAAE,CAAC,GAAE;AAAC;AAAE,SAAS,EAAE,GAAE,GAAE,GAAE,GAAE;CAAC,IAAG,CAAC,GAAE,MAAM,IAAIJ,EAAEC,EAAE,qBAAqB;CAAE,IAAG,CAAC,GAAE;CAAO,IAAI,IAAEE,EAAE,GAAE,GAAE,GAAE,CAAC;CAAE,EAAE,CAAC,KAAG,EAAE;AAAC;AAAC,IAAI,KAAG,GAAE,MAAI,QAAM;CAAC,IAAI,IAAE,EAAE;CAAM,IAAG,GAAE,OAAO,EAAE,CAAC;AAAC,CAAC"}
+{"version":3,"file":"runtime.js","names":["t","n","e","i","r"],"sources":["../../../../ore/dist/runtime.js"],"sourcesContent":["import{ORE_ERRORS as e,OreApiError as t}from\"./errors.js\";import{listen as n}from\"./utils/dom.js\";import{effect as r,onCleanup as i}from\"@vielzeug/ripple\";var a=null,o=(e,t)=>{let n=a;a=e;try{return t()}finally{a=n}},s=n=>{if(a)return a;throw new t(`${n}: ${e.lifecycleOutsideSetup}`)},c=()=>s(`getHost`).element,l=e=>a?(i(e),!0):!1,u=i,d=e=>{s(`onMounted`).mountCallbacks.push(e)},f=e=>{let t=r(e),n=()=>t.dispose();return l(n),n};function p(e,t,r,i){if(s(`onEvent`),!e)return;let a=n(e,t,r,i);l(a)||a()}var m=(e,t)=>f(()=>{let n=e.value;if(n)return t(n)});export{c as getHost,u as onCleanup,m as onElement,p as onEvent,d as onMounted,s as requireSetupContext,o as runWithContext,l as tryRegisterCleanup,f as watchEffect};\n//# sourceMappingURL=runtime.js.map"],"mappings":";;;;AAA2J,IAAI,IAAE,MAAK,KAAG,GAAE,MAAI;CAAC,IAAI,IAAE;CAAE,IAAE;CAAE,IAAG;EAAC,OAAO,EAAE;CAAC,UAAQ;EAAC,IAAE;CAAC;AAAC,GAAE,KAAE,MAAG;CAAC,IAAG,GAAE,OAAO;CAAE,MAAM,IAAIA,EAAE,GAAGC,EAAE,IAAIC,EAAE,uBAAuB;AAAC,GAAE,UAAM,EAAE,SAAS,CAAC,CAAC,SAAQ,KAAE,MAAG,KAAGC,EAAE,CAAC,GAAE,CAAC,KAAG,CAAC,GAAE,IAAEA,GAA+C,KAAE,MAAG;CAAC,IAAI,IAAEC,EAAE,CAAC,GAAE,UAAM,EAAE,QAAQ;CAAE,OAAO,EAAE,CAAC,GAAE;AAAC"}

package/dist/ore/dist/testing/render-hook.cjs

@@ -1 +1 @@
-require("../runtime.cjs"),require("../props.cjs"),require("../context-bag.cjs"),require("@vielzeug/ripple");
+require("../runtime.cjs"),require("../props.cjs"),require("@vielzeug/ripple");

package/dist/ore/dist/testing/render-hook.js

@@ -1,4 +1,3 @@
 import "../runtime.js";
 import "../props.js";
-import "../context-bag.js";
 import "@vielzeug/ripple";

package/dist/ore/dist/utils/dom.cjs

@@ -1,2 +1,2 @@
-const e=require("../_dev.cjs");var t=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},n=e=>{for(let t of e)t.remove()},r=new Set([`action`,`cite`,`codebase`,`data`,`formaction`,`href`,`manifest`,`ping`,`poster`,`src`,`xlink:href`]),i=/^\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\/(?:html|svg\+xml)|application\/(?:xhtml|xml)))/i,a=(t,n,a)=>{let o=n.toLowerCase();if(/^on[a-z]/i.test(n)){e.warn(`Blocked setAttribute("${n}", ...) — inline event handler attributes are not supported. Use @${n.slice(2)} binding syntax instead.`),t.removeAttribute(n);return}if(o===`srcdoc`){e.warn(`Blocked setAttribute("srcdoc", ...) — "srcdoc" holds raw HTML, not a URL, and is not supported via attribute binding. Use raw() with a registered sanitizer if you need to inject trusted HTML.`),t.removeAttribute(n);return}if(a==null||a===!1){t.removeAttribute(n);return}let s=a===!0?`true`:String(a);if(r.has(o)&&i.test(s)){e.warn(`Blocked dangerous URL scheme in attribute "${n}". Only safe URLs are permitted in URL-accepting attributes.`),t.removeAttribute(n);return}t.setAttribute(n,s)},o=(e,t,n,r)=>{if(!e)return()=>{};let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},s=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),c=e=>Array.isArray(e)||typeof e==`object`&&!!e;exports.isStructuredValue=c,exports.listen=o,exports.removeNodes=n,exports.runAll=t,exports.setAttr=a,exports.toKebab=s;
+const e=require("../_dev.cjs");var t=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},n=e=>{for(let t of e)t.remove()},r=new Set([`action`,`cite`,`codebase`,`data`,`formaction`,`href`,`manifest`,`ping`,`poster`,`src`,`xlink:href`]),i=/^\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\/(?:html|svg\+xml)|application\/(?:xhtml|xml)))/i,a=(t,n,a)=>{let o=n.toLowerCase();if(/^on[a-z]/i.test(n)){e.warn(`Blocked setAttribute("${n}", ...) — inline event handler attributes are not supported. Use @${n.slice(2)} binding syntax instead.`),t.removeAttribute(n);return}if(o===`srcdoc`){e.warn(`Blocked setAttribute("srcdoc", ...) — "srcdoc" holds raw HTML, not a URL, and is not supported via attribute binding. Use raw() with a registered sanitizer if you need to inject trusted HTML.`),t.removeAttribute(n);return}if(a==null||a===!1){t.removeAttribute(n);return}let s=a===!0?`true`:String(a);if(r.has(o)&&i.test(s)){e.warn(`Blocked dangerous URL scheme in attribute "${n}". Only safe URLs are permitted in URL-accepting attributes.`),t.removeAttribute(n);return}t.setAttribute(n,s)},o=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),s=e=>Array.isArray(e)||typeof e==`object`&&!!e;exports.isStructuredValue=s,exports.removeNodes=n,exports.runAll=t,exports.setAttr=a,exports.toKebab=o;
 //# sourceMappingURL=dom.cjs.map

package/dist/ore/dist/utils/dom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.cjs","names":[],"sources":["../../../../../ore/dist/utils/dom.js"],"sourcesContent":["import{warn as e}from\"../_dev.js\";var t=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},n=e=>{for(let t of e)t.remove()},r=new Set([`action`,`cite`,`codebase`,`data`,`formaction`,`href`,`manifest`,`ping`,`poster`,`src`,`xlink:href`]),i=/^\\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\\/(?:html|svg\\+xml)|application\\/(?:xhtml|xml)))/i,a=(t,n,a)=>{let o=n.toLowerCase();if(/^on[a-z]/i.test(n)){e(`Blocked setAttribute(\"${n}\", ...) — inline event handler attributes are not supported. Use @${n.slice(2)} binding syntax instead.`),t.removeAttribute(n);return}if(o===`srcdoc`){e(`Blocked setAttribute(\"srcdoc\", ...) — \"srcdoc\" holds raw HTML, not a URL, and is not supported via attribute binding. Use raw() with a registered sanitizer if you need to inject trusted HTML.`),t.removeAttribute(n);return}if(a==null||a===!1){t.removeAttribute(n);return}let s=a===!0?`true`:String(a);if(r.has(o)&&i.test(s)){e(`Blocked dangerous URL scheme in attribute \"${n}\". Only safe URLs are permitted in URL-accepting attributes.`),t.removeAttribute(n);return}t.setAttribute(n,s)},o=(e,t,n,r)=>{if(!e)return()=>{};let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},s=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),c=e=>Array.isArray(e)||typeof e==`object`&&!!e;export{c as isStructuredValue,o as listen,n as removeNodes,t as runAll,a as setAttr,s as toKebab};\n//# sourceMappingURL=dom.js.map"],"mappings":"+BAAkC,IAAI,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,IAAI,KAAK,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,OAAO,WAAW,OAAO,aAAa,OAAO,WAAW,OAAO,SAAS,MAAM,YAAY,CAAC,EAAE,EAAE,sGAAsG,GAAG,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,GAAG,YAAY,KAAK,CAAC,EAAE,CAAC,EAAA,KAAE,yBAAyB,EAAE,oEAAoE,EAAE,MAAM,CAAC,EAAE,yBAAyB,EAAE,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,EAAA,KAAE,iMAAiM,EAAE,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,EAAA,KAAE,8CAA8C,EAAE,6DAA6D,EAAE,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,SAAS,GAAG,IAAI,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,MAAM,QAAQ,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"dom.cjs","names":[],"sources":["../../../../../ore/dist/utils/dom.js"],"sourcesContent":["import{warn as e}from\"../_dev.js\";var t=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},n=e=>{for(let t of e)t.remove()},r=new Set([`action`,`cite`,`codebase`,`data`,`formaction`,`href`,`manifest`,`ping`,`poster`,`src`,`xlink:href`]),i=/^\\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\\/(?:html|svg\\+xml)|application\\/(?:xhtml|xml)))/i,a=(t,n,a)=>{let o=n.toLowerCase();if(/^on[a-z]/i.test(n)){e(`Blocked setAttribute(\"${n}\", ...) — inline event handler attributes are not supported. Use @${n.slice(2)} binding syntax instead.`),t.removeAttribute(n);return}if(o===`srcdoc`){e(`Blocked setAttribute(\"srcdoc\", ...) — \"srcdoc\" holds raw HTML, not a URL, and is not supported via attribute binding. Use raw() with a registered sanitizer if you need to inject trusted HTML.`),t.removeAttribute(n);return}if(a==null||a===!1){t.removeAttribute(n);return}let s=a===!0?`true`:String(a);if(r.has(o)&&i.test(s)){e(`Blocked dangerous URL scheme in attribute \"${n}\". Only safe URLs are permitted in URL-accepting attributes.`),t.removeAttribute(n);return}t.setAttribute(n,s)},o=(e,t,n,r)=>{if(!e)return()=>{};let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},s=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),c=e=>Array.isArray(e)||typeof e==`object`&&!!e;export{c as isStructuredValue,o as listen,n as removeNodes,t as runAll,a as setAttr,s as toKebab};\n//# sourceMappingURL=dom.js.map"],"mappings":"+BAAkC,IAAI,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,IAAI,KAAK,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,OAAO,WAAW,OAAO,aAAa,OAAO,WAAW,OAAO,SAAS,MAAM,YAAY,CAAC,EAAE,EAAE,sGAAsG,GAAG,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,GAAG,YAAY,KAAK,CAAC,EAAE,CAAC,EAAA,KAAE,yBAAyB,EAAE,oEAAoE,EAAE,MAAM,CAAC,EAAE,yBAAyB,EAAE,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,EAAA,KAAE,iMAAiM,EAAE,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,EAAA,KAAE,8CAA8C,EAAE,6DAA6D,EAAE,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,EAA8G,EAAE,GAAG,EAAE,QAAQ,SAAS,GAAG,IAAI,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,MAAM,QAAQ,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC"}

package/dist/ore/dist/utils/dom.js

@@ -36,12 +36,8 @@ var t = (e) => {
 		return;
 	}
 	t.setAttribute(n, s);
-}, o = (e, t, n, r) => {
-	if (!e) return () => {};
-	let i = n;
-	return e.addEventListener(t, i, r), () => e.removeEventListener(t, i, r);
-}, s = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), c = (e) => Array.isArray(e) || typeof e == "object" && !!e;
+}, o = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), s = (e) => Array.isArray(e) || typeof e == "object" && !!e;
 //#endregion
-export { c as isStructuredValue, o as listen, n as removeNodes, t as runAll, a as setAttr, s as toKebab };
+export { s as isStructuredValue, n as removeNodes, t as runAll, a as setAttr, o as toKebab };
 
 //# sourceMappingURL=dom.js.map

package/dist/ore/dist/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":[],"sources":["../../../../../ore/dist/utils/dom.js"],"sourcesContent":["import{warn as e}from\"../_dev.js\";var t=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},n=e=>{for(let t of e)t.remove()},r=new Set([`action`,`cite`,`codebase`,`data`,`formaction`,`href`,`manifest`,`ping`,`poster`,`src`,`xlink:href`]),i=/^\\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\\/(?:html|svg\\+xml)|application\\/(?:xhtml|xml)))/i,a=(t,n,a)=>{let o=n.toLowerCase();if(/^on[a-z]/i.test(n)){e(`Blocked setAttribute(\"${n}\", ...) — inline event handler attributes are not supported. Use @${n.slice(2)} binding syntax instead.`),t.removeAttribute(n);return}if(o===`srcdoc`){e(`Blocked setAttribute(\"srcdoc\", ...) — \"srcdoc\" holds raw HTML, not a URL, and is not supported via attribute binding. Use raw() with a registered sanitizer if you need to inject trusted HTML.`),t.removeAttribute(n);return}if(a==null||a===!1){t.removeAttribute(n);return}let s=a===!0?`true`:String(a);if(r.has(o)&&i.test(s)){e(`Blocked dangerous URL scheme in attribute \"${n}\". Only safe URLs are permitted in URL-accepting attributes.`),t.removeAttribute(n);return}t.setAttribute(n,s)},o=(e,t,n,r)=>{if(!e)return()=>{};let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},s=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),c=e=>Array.isArray(e)||typeof e==`object`&&!!e;export{c as isStructuredValue,o as listen,n as removeNodes,t as runAll,a as setAttr,s as toKebab};\n//# sourceMappingURL=dom.js.map"],"mappings":";;AAAkC,IAAI,KAAE,MAAG;CAAC,KAAI,IAAI,IAAE,EAAE,SAAO,GAAE,KAAG,GAAE,KAAI,EAAE,EAAE,CAAC;AAAC,GAAE,KAAE,MAAG;CAAC,KAAI,IAAI,KAAK,GAAE,EAAE,OAAO;AAAC,GAAE,oBAAE,IAAI,IAAI;CAAC;CAAS;CAAO;CAAW;CAAO;CAAa;CAAO;CAAW;CAAO;CAAS;CAAM;AAAY,CAAC,GAAE,IAAE,uGAAsG,KAAG,GAAE,GAAE,MAAI;CAAC,IAAI,IAAE,EAAE,YAAY;CAAE,IAAG,YAAY,KAAK,CAAC,GAAE;EAAC,EAAE,yBAAyB,EAAE,oEAAoE,EAAE,MAAM,CAAC,EAAE,yBAAyB,GAAE,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,IAAG,MAAI,UAAS;EAAC,EAAE,qMAAiM,GAAE,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,IAAG,KAAG,QAAM,MAAI,CAAC,GAAE;EAAC,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,IAAI,IAAE,MAAI,CAAC,IAAE,SAAO,OAAO,CAAC;CAAE,IAAG,EAAE,IAAI,CAAC,KAAG,EAAE,KAAK,CAAC,GAAE;EAAC,EAAE,8CAA8C,EAAE,6DAA6D,GAAE,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,EAAE,aAAa,GAAE,CAAC;AAAC,GAAE,KAAG,GAAE,GAAE,GAAE,MAAI;CAAC,IAAG,CAAC,GAAE,aAAU,CAAC;CAAE,IAAI,IAAE;CAAE,OAAO,EAAE,iBAAiB,GAAE,GAAE,CAAC,SAAM,EAAE,oBAAoB,GAAE,GAAE,CAAC;AAAC,GAAE,KAAE,MAAG,EAAE,QAAQ,WAAS,MAAG,IAAI,EAAE,YAAY,GAAG,GAAE,KAAE,MAAG,MAAM,QAAQ,CAAC,KAAG,OAAO,KAAG,YAAU,CAAC,CAAC"}
+{"version":3,"file":"dom.js","names":[],"sources":["../../../../../ore/dist/utils/dom.js"],"sourcesContent":["import{warn as e}from\"../_dev.js\";var t=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},n=e=>{for(let t of e)t.remove()},r=new Set([`action`,`cite`,`codebase`,`data`,`formaction`,`href`,`manifest`,`ping`,`poster`,`src`,`xlink:href`]),i=/^\\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\\/(?:html|svg\\+xml)|application\\/(?:xhtml|xml)))/i,a=(t,n,a)=>{let o=n.toLowerCase();if(/^on[a-z]/i.test(n)){e(`Blocked setAttribute(\"${n}\", ...) — inline event handler attributes are not supported. Use @${n.slice(2)} binding syntax instead.`),t.removeAttribute(n);return}if(o===`srcdoc`){e(`Blocked setAttribute(\"srcdoc\", ...) — \"srcdoc\" holds raw HTML, not a URL, and is not supported via attribute binding. Use raw() with a registered sanitizer if you need to inject trusted HTML.`),t.removeAttribute(n);return}if(a==null||a===!1){t.removeAttribute(n);return}let s=a===!0?`true`:String(a);if(r.has(o)&&i.test(s)){e(`Blocked dangerous URL scheme in attribute \"${n}\". Only safe URLs are permitted in URL-accepting attributes.`),t.removeAttribute(n);return}t.setAttribute(n,s)},o=(e,t,n,r)=>{if(!e)return()=>{};let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},s=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),c=e=>Array.isArray(e)||typeof e==`object`&&!!e;export{c as isStructuredValue,o as listen,n as removeNodes,t as runAll,a as setAttr,s as toKebab};\n//# sourceMappingURL=dom.js.map"],"mappings":";;AAAkC,IAAI,KAAE,MAAG;CAAC,KAAI,IAAI,IAAE,EAAE,SAAO,GAAE,KAAG,GAAE,KAAI,EAAE,EAAE,CAAC;AAAC,GAAE,KAAE,MAAG;CAAC,KAAI,IAAI,KAAK,GAAE,EAAE,OAAO;AAAC,GAAE,oBAAE,IAAI,IAAI;CAAC;CAAS;CAAO;CAAW;CAAO;CAAa;CAAO;CAAW;CAAO;CAAS;CAAM;AAAY,CAAC,GAAE,IAAE,uGAAsG,KAAG,GAAE,GAAE,MAAI;CAAC,IAAI,IAAE,EAAE,YAAY;CAAE,IAAG,YAAY,KAAK,CAAC,GAAE;EAAC,EAAE,yBAAyB,EAAE,oEAAoE,EAAE,MAAM,CAAC,EAAE,yBAAyB,GAAE,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,IAAG,MAAI,UAAS;EAAC,EAAE,qMAAiM,GAAE,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,IAAG,KAAG,QAAM,MAAI,CAAC,GAAE;EAAC,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,IAAI,IAAE,MAAI,CAAC,IAAE,SAAO,OAAO,CAAC;CAAE,IAAG,EAAE,IAAI,CAAC,KAAG,EAAE,KAAK,CAAC,GAAE;EAAC,EAAE,8CAA8C,EAAE,6DAA6D,GAAE,EAAE,gBAAgB,CAAC;EAAE;CAAM;CAAC,EAAE,aAAa,GAAE,CAAC;AAAC,GAA8G,KAAE,MAAG,EAAE,QAAQ,WAAS,MAAG,IAAI,EAAE,YAAY,GAAG,GAAE,KAAE,MAAG,MAAM,QAAQ,CAAC,KAAG,OAAO,KAAG,YAAU,CAAC,CAAC"}

package/dist/otp-input.cjs

@@ -1,7 +1,7 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/shape.css.cjs"),t=require("./styles/mixins/theme.css.cjs"),n=require("./shared/prop-bundles.cjs"),r=require("./headless/nav.cjs"),i=require("./inputs/shared/form-context.cjs"),a=require("./inputs/otp-input/otp-input.css?inline.cjs");let o=require("@vielzeug/ore"),s=require("@vielzeug/ripple");var c=`ore-otp-input`;(0,o.define)(c,{formAssociated:!0,props:{...n.themableBundle,...n.sizableBundle,...n.disablableBundle,label:o.prop.string(`One-time password`),length:o.prop.number(6),masked:o.prop.bool(!1),name:o.prop.string(),separator:o.prop.string(),type:o.prop.oneOf([`numeric`,`alphanumeric`],`numeric`),value:o.prop.string(),variant:o.prop.string()},setup(e,{bind:t,el:n,emit:a,onMounted:c}){let l=i.useFormContext(t,e,(0,o.inject)(i.FORM_CTX)),u=(0,s.computed)(()=>Number(e.length.value)||6),d=l.disabled,f=(0,s.computed)(()=>Array.from({length:u.value},(e,t)=>t)),p=(0,s.signal)(String(e.value.value||``)),m=()=>String(e.value.value||``);(0,o.useField)({disabled:d,toFormValue:e=>e,value:p}),t({attr:{size:l.size,value:()=>p.value||null,variant:l.variant}});function h(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let g=r.createListControl({getItems:()=>h(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{h()[t]?.focus()}});function _(){return h().map(e=>e.value).join(``)}function v(e){let t=h(),n=String(e||``).slice(0,t.length);for(let e of t)e.value=``;n.split(``).forEach((e,n)=>{t[n]&&(t[n].value=e)}),p.value=_()}function y(e,t){let n=h(),r=_(),i=t??(r.length===n.length&&r.split(``).every(Boolean));p.value=r,a(`change`,{complete:i,originalEvent:e,value:r}),i&&a(`complete`,{originalEvent:e,value:r})}function b(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}function x(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!b(r)){n.value=``;return}n.value=r;let i=h();y(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function S(e,t){let n=e.target,r=h();if(g.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[g.navigate(`prev`)];e&&(e.select(),e.value=``)}y(e,!1),e.preventDefault()}else g.handleKeydown(e)}function C(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>b(e)).slice(0,u.value),n=h();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),y(e),n[Math.min(t.length,n.length-1)]?.focus()}(0,s.watch)(e.value,e=>{v(String(e||``))}),(0,s.watch)(e.length,()=>{requestAnimationFrame(()=>v(m()))});let w=(0,s.computed)(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return c(()=>{v(m())}),o.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/shape.css.cjs"),t=require("./styles/mixins/theme.css.cjs"),n=require("./shared/prop-bundles.cjs"),r=require("./headless/nav.cjs"),i=require("./ore/dist/forms/field.cjs");require("./ore/dist/forms.cjs");const a=require("./inputs/shared/form-context.cjs"),o=require("./inputs/otp-input/otp-input.css.cjs");let s=require("@vielzeug/ore"),c=require("@vielzeug/ripple");var l=`ore-otp-input`;(0,s.define)(l,{formAssociated:!0,props:{...n.themableBundle,...n.sizableBundle,...n.disablableBundle,label:s.prop.string(`One-time password`),length:s.prop.number(6),masked:s.prop.bool(!1),name:s.prop.string(),separator:s.prop.string(),type:s.prop.oneOf([`numeric`,`alphanumeric`],`numeric`),value:s.prop.string(),variant:s.prop.string()},setup(e){let t=(0,s.getHost)(),n=(0,s.useEmit)(),o=a.useFormContext(e,(0,s.inject)(a.FORM_CTX)),l=(0,c.computed)(()=>Number(e.length.value)||6),u=o.disabled,d=(0,c.computed)(()=>Array.from({length:l.value},(e,t)=>t)),f=(0,c.signal)(String(e.value.value||``)),p=()=>String(e.value.value||``);i.useField({disabled:u,toFormValue:e=>e,value:f}),(0,s.bind)({attr:{size:o.size,value:()=>f.value||null,variant:o.variant}});function m(){return[...t.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let h=r.createListControl({getItems:()=>m(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{m()[t]?.focus()}});function g(){return m().map(e=>e.value).join(``)}function _(e){let t=m(),n=String(e||``).slice(0,t.length);for(let e of t)e.value=``;n.split(``).forEach((e,n)=>{t[n]&&(t[n].value=e)}),f.value=g()}function v(e,t){let r=m(),i=g(),a=t??(i.length===r.length&&i.split(``).every(Boolean));f.value=i,n(`change`,{complete:a,originalEvent:e,value:i}),a&&n(`complete`,{originalEvent:e,value:i})}function y(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}function b(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!y(r)){n.value=``;return}n.value=r;let i=m();v(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function x(e,t){let n=e.target,r=m();if(h.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[h.navigate(`prev`)];e&&(e.select(),e.value=``)}v(e,!1),e.preventDefault()}else h.handleKeydown(e)}function S(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>y(e)).slice(0,l.value),n=m();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),v(e),n[Math.min(t.length,n.length-1)]?.focus()}(0,c.watch)(e.value,e=>{_(String(e||``))}),(0,c.watch)(e.length,()=>{requestAnimationFrame(()=>_(p()))});let C=(0,c.computed)(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return(0,s.onMounted)(()=>{_(p())}),s.html`
       <div class="otp-group" part="group" role="group" :aria-label="${e.label}">
-        ${()=>f.value.map(t=>o.html`
-              ${()=>w.value>0&&t===w.value?o.html`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
+        ${()=>d.value.map(t=>s.html`
+              ${()=>C.value>0&&t===C.value?s.html`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
               <input
                 class="cell"
                 part="cell"
@@ -9,13 +9,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
                 :inputmode="${()=>e.type.value===`numeric`?`numeric`:`text`}"
                 maxlength="1"
                 :autocomplete="${()=>t===0?`one-time-code`:`off`}"
-                :aria-label="${()=>`Digit ${t+1} of ${u.value}`}"
-                :disabled="${()=>d.value?!0:null}"
-                @input="${e=>x(e,t)}"
-                @keydown="${e=>S(e,t)}"
-                @paste="${e=>t===0?C(e):e.preventDefault()}"
+                :aria-label="${()=>`Digit ${t+1} of ${l.value}`}"
+                :disabled="${()=>u.value?!0:null}"
+                @input="${e=>b(e,t)}"
+                @keydown="${e=>x(e,t)}"
+                @paste="${e=>t===0?S(e):e.preventDefault()}"
                 @focus="${e=>e.target.select()}" />
             `)}
       </div>
-    `},styles:[t.colorThemeMixin,e.sizeVariantMixin({}),t.forcedColorsFocusMixin(`.cell`),a.default]}),exports.OTP_INPUT_TAG=c;
+    `},styles:[t.colorThemeMixin,e.sizeVariantMixin({}),t.forcedColorsFocusMixin(`.cell`),o.default]}),exports.OTP_INPUT_TAG=l;
 //# sourceMappingURL=otp-input.cjs.map

package/dist/otp-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"otp-input.cjs","names":[],"sources":["../src/inputs/otp-input/otp-input.ts"],"sourcesContent":["import { define, useField, html, inject, prop } from '@vielzeug/ore';\nimport { computed, signal, watch } from '@vielzeug/ripple';\n\nimport type { ComponentSize, ThemeColor, VisualVariant } from '../../types';\n\nimport { createListControl } from '../../headless';\nimport { disablableBundle, sizableBundle, themableBundle } from '../../shared';\nimport { colorThemeMixin, forcedColorsFocusMixin, sizeVariantMixin } from '../../styles';\nimport { FORM_CTX, useFormContext } from '../shared/form-context';\nimport styles from './otp-input.css?inline';\n\nexport type OreOtpInputEvents = {\n  change: { complete: boolean; originalEvent?: Event; value: string };\n  complete: { originalEvent?: Event; value: string };\n};\n\n/** OTP Input props */\nexport type OreOtpInputProps = {\n  /** Theme color */\n  color?: ThemeColor;\n  /** Make inputs disabled */\n  disabled?: boolean;\n  /** Accessible label */\n  label?: string;\n  /** Number of input cells */\n  length?: number;\n  /** Mask input (show dots instead of characters) */\n  masked?: boolean;\n  /** Form field name */\n  name?: string;\n  /** Show a separator in the middle (e.g. \"–\") */\n  separator?: string;\n  /** Component size */\n  size?: ComponentSize;\n  /** Input type: 'numeric' (digits only) or 'alphanumeric' */\n  type?: 'numeric' | 'alphanumeric';\n  /** Current value */\n  value?: string;\n  /** Visual variant */\n  variant?: Exclude<VisualVariant, 'text' | 'frost'>;\n};\n\n/**\n * A segmented OTP (One-Time Password) input with N individual cells.\n * Auto-advances focus on input, auto-backs on Backspace, handles paste.\n *\n * @element ore-otp-input\n *\n * @attr {number} length - Number of cells (default: 6)\n * @attr {string} type - 'numeric' (default) | 'alphanumeric'\n * @attr {string} value - Current code value\n * @attr {boolean} disabled - Disable all cells\n * @attr {boolean} masked - Show as password\n * @attr {string} size - 'sm' | 'md' | 'lg'\n * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'\n * @attr {string} name - Form field name\n * @attr {string} label - Group aria-label\n * @attr {string} separator - Optional separator character shown in the middle\n *\n * @fires change - Emitted whenever a cell changes. detail: { value: string, complete: boolean, originalEvent?: Event }\n * @fires complete - Emitted when all cells are filled. detail: { value: string, originalEvent?: Event }\n *\n * @slot label - Custom label above the OTP input\n * @slot helper - Custom helper text below the OTP input\n * @slot error - Custom error content below the OTP input\n *\n * @cssprop --otp-cell-size - Width and height of each cell\n * @cssprop --otp-cell-gap - Gap between cells\n * @cssprop --otp-cell-font-size - Font size inside cells\n * @cssprop --otp-cell-radius - Border radius of cells\n * @cssprop --otp-cell-bg - Cell background color\n * @cssprop --otp-cell-border-color - Default border color\n * @cssprop --otp-cell-focus-border - Focused border/caret color\n * @cssprop --otp-cell-hover-bg - Cell background on hover (flat/ghost variants)\n * @cssprop --otp-cell-hover-border-color - Cell border on hover (flat/bordered variants)\n * @cssprop --otp-cell-focus-bg - Cell background when focused (flat variant)\n * @cssprop --otp-cell-focus-border-color - Cell border when focused (flat variant)\n *\n * @part group - Group container.\n * @part cell - Shadow part for the `cell` element.\n * @example\n * ```html\n * <ore-otp-input length=\"6\" color=\"primary\"></ore-otp-input>\n * ```\n */\nexport const OTP_INPUT_TAG = 'ore-otp-input' as const;\ndefine<OreOtpInputProps, OreOtpInputEvents>(OTP_INPUT_TAG, {\n  formAssociated: true,\n  props: {\n    ...themableBundle,\n    ...sizableBundle,\n    ...disablableBundle,\n    label: prop.string('One-time password'),\n    length: prop.number(6),\n    masked: prop.bool(false),\n    name: prop.string(),\n    separator: prop.string(),\n    type: prop.oneOf(['numeric', 'alphanumeric'] as const, 'numeric'),\n    value: prop.string(),\n    variant: prop.string<Exclude<VisualVariant, 'text' | 'frost'>>(),\n  },\n  setup(props, { bind, el, emit, onMounted }) {\n    const formCtx = inject(FORM_CTX);\n    const fCtxProps = useFormContext(bind, props, formCtx);\n    const lengthValue = computed(() => Number(props.length.value) || 6);\n    const isDisabled = fCtxProps.disabled;\n    const cells = computed(() => Array.from({ length: lengthValue.value }, (_, i) => i));\n    const otpValue = signal(String(props.value.value || ''));\n    const normalizedPropValue = () => String(props.value.value || '');\n\n    // Form association: the joined cell value is the single form value for `name`,\n    // since individual per-cell <input> elements inside the shadow root cannot\n    // participate in an ancestor <form>'s submission on their own.\n    useField<string>({ disabled: isDisabled, toFormValue: (v) => v, value: otpValue });\n\n    bind({\n      attr: {\n        size: fCtxProps.size,\n        value: () => otpValue.value || null,\n        variant: fCtxProps.variant,\n      },\n    });\n\n    function getInputs(): HTMLInputElement[] {\n      return [...(el.shadowRoot?.querySelectorAll<HTMLInputElement>('input.cell') ?? [])];\n    }\n\n    const listControl = createListControl({\n      getItems: () => getInputs(),\n      keys: { next: ['ArrowRight'], prev: ['ArrowLeft'] },\n      loop: false,\n      onNavigate: (_action, index) => {\n        const inputs = getInputs();\n\n        inputs[index]?.focus();\n      },\n    });\n\n    function getValue(): string {\n      return getInputs()\n        .map((i) => i.value)\n        .join('');\n    }\n    function syncInputsFromValue(raw: string) {\n      const allInputs = getInputs();\n      const normalized = String(raw || '').slice(0, allInputs.length);\n\n      for (const input of allInputs) input.value = '';\n\n      normalized.split('').forEach((c, i) => {\n        if (allInputs[i]) allInputs[i].value = c;\n      });\n\n      otpValue.value = getValue();\n    }\n    function emitOtpState(originalEvent?: Event, forceComplete?: boolean): void {\n      const allInputs = getInputs();\n      const full = getValue();\n      const complete = forceComplete ?? (full.length === allInputs.length && full.split('').every(Boolean));\n\n      otpValue.value = full;\n      emit('change', { complete, originalEvent, value: full });\n\n      if (complete) emit('complete', { originalEvent, value: full });\n    }\n    function isAllowed(char: string): boolean {\n      if (props.type.value === 'numeric') return /^\\d$/.test(char);\n\n      return /^[a-z\\d]$/i.test(char);\n    }\n    function handleInput(e: Event, index: number) {\n      const input = e.target as HTMLInputElement;\n      let val = input.value;\n\n      // Keep only last character if multiple were typed somehow\n      if (val.length > 1) val = val.slice(-1);\n\n      // Validate character\n      if (val && !isAllowed(val)) {\n        input.value = '';\n\n        return;\n      }\n\n      input.value = val;\n\n      const allInputs = getInputs();\n\n      emitOtpState(e);\n\n      // Auto-advance\n      if (val && index < allInputs.length - 1) {\n        allInputs[index + 1].focus();\n        allInputs[index + 1].select();\n      }\n    }\n    function handleKeydown(e: KeyboardEvent, index: number) {\n      const input = e.target as HTMLInputElement;\n      const allInputs = getInputs();\n\n      listControl.set(index);\n\n      if (e.key === 'Backspace') {\n        if (input.value) {\n          input.value = '';\n        } else if (index > 0) {\n          const prevIndex = listControl.navigate('prev');\n          const prevInput = allInputs[prevIndex];\n\n          if (prevInput) {\n            prevInput.select();\n            prevInput.value = '';\n          }\n        }\n\n        emitOtpState(e, false);\n        e.preventDefault();\n      } else {\n        listControl.handleKeydown(e);\n      }\n    }\n    function handlePaste(e: ClipboardEvent) {\n      e.preventDefault();\n\n      const pasted = e.clipboardData?.getData('text') ?? '';\n      const chars = pasted\n        .split('')\n        .filter((c) => isAllowed(c))\n        .slice(0, lengthValue.value);\n      const allInputs = getInputs();\n\n      chars.forEach((char, i) => {\n        if (allInputs[i]) allInputs[i].value = char;\n      });\n\n      emitOtpState(e);\n\n      // Focus the cell after last pasted char\n      const focusIdx = Math.min(chars.length, allInputs.length - 1);\n\n      allInputs[focusIdx]?.focus();\n    }\n\n    watch(props.value, (value) => {\n      syncInputsFromValue(String(value || ''));\n    });\n\n    watch(props.length, () => {\n      // Cells re-render when length changes; sync after DOM updates.\n      requestAnimationFrame(() => syncInputsFromValue(normalizedPropValue()));\n    });\n\n    const separatorIdx = computed(() => {\n      const len = Number(props.length.value) || 6;\n\n      return props.separator.value != null ? Math.floor(len / 2) : -1;\n    });\n\n    onMounted(() => {\n      // Populate cells from value prop on mount\n      syncInputsFromValue(normalizedPropValue());\n    });\n\n    return html`\n      <div class=\"otp-group\" part=\"group\" role=\"group\" :aria-label=\"${props.label}\">\n        ${() =>\n          cells.value.map(\n            (i) => html`\n              ${() =>\n                separatorIdx.value > 0 && i === separatorIdx.value\n                  ? html`<span class=\"separator\" aria-hidden=\"true\">${() => props.separator.value || '-'}</span>`\n                  : ''}\n              <input\n                class=\"cell\"\n                part=\"cell\"\n                :type=\"${() => (props.masked.value ? 'password' : 'text')}\"\n                :inputmode=\"${() => (props.type.value === 'numeric' ? 'numeric' : 'text')}\"\n                maxlength=\"1\"\n                :autocomplete=\"${() => (i === 0 ? 'one-time-code' : 'off')}\"\n                :aria-label=\"${() => `Digit ${i + 1} of ${lengthValue.value}`}\"\n                :disabled=\"${() => (isDisabled.value ? true : null)}\"\n                @input=\"${(e: Event) => handleInput(e, i)}\"\n                @keydown=\"${(e: KeyboardEvent) => handleKeydown(e, i)}\"\n                @paste=\"${(e: ClipboardEvent) => (i === 0 ? handlePaste(e) : e.preventDefault())}\"\n                @focus=\"${(e: FocusEvent) => (e.target as HTMLInputElement).select()}\" />\n            `,\n          )}\n      </div>\n    `;\n  },\n  styles: [colorThemeMixin, sizeVariantMixin({}), forcedColorsFocusMixin('.cell'), styles],\n});\n"],"mappings":"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"}
+{"version":3,"file":"otp-input.cjs","names":[],"sources":["../src/inputs/otp-input/otp-input.ts"],"sourcesContent":["import { define, html, inject, prop, bind, getHost, onMounted, useEmit } from '@vielzeug/ore';\nimport { useField } from '@vielzeug/ore/forms';\nimport { computed, signal, watch } from '@vielzeug/ripple';\n\nimport type { ComponentSize, ThemeColor, VisualVariant } from '../../types';\n\nimport { createListControl } from '../../headless';\nimport { disablableBundle, sizableBundle, themableBundle } from '../../shared';\nimport { colorThemeMixin, forcedColorsFocusMixin, sizeVariantMixin } from '../../styles';\nimport { FORM_CTX, useFormContext } from '../shared/form-context';\nimport styles from './otp-input.css?inline';\n\nexport type OreOtpInputEvents = {\n  change: { complete: boolean; originalEvent?: Event; value: string };\n  complete: { originalEvent?: Event; value: string };\n};\n\n/** OTP Input props */\nexport type OreOtpInputProps = {\n  /** Theme color */\n  color?: ThemeColor;\n  /** Make inputs disabled */\n  disabled?: boolean;\n  /** Accessible label */\n  label?: string;\n  /** Number of input cells */\n  length?: number;\n  /** Mask input (show dots instead of characters) */\n  masked?: boolean;\n  /** Form field name */\n  name?: string;\n  /** Show a separator in the middle (e.g. \"–\") */\n  separator?: string;\n  /** Component size */\n  size?: ComponentSize;\n  /** Input type: 'numeric' (digits only) or 'alphanumeric' */\n  type?: 'numeric' | 'alphanumeric';\n  /** Current value */\n  value?: string;\n  /** Visual variant */\n  variant?: Exclude<VisualVariant, 'text' | 'frost'>;\n};\n\n/**\n * A segmented OTP (One-Time Password) input with N individual cells.\n * Auto-advances focus on input, auto-backs on Backspace, handles paste.\n *\n * @element ore-otp-input\n *\n * @attr {number} length - Number of cells (default: 6)\n * @attr {string} type - 'numeric' (default) | 'alphanumeric'\n * @attr {string} value - Current code value\n * @attr {boolean} disabled - Disable all cells\n * @attr {boolean} masked - Show as password\n * @attr {string} size - 'sm' | 'md' | 'lg'\n * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'\n * @attr {string} name - Form field name\n * @attr {string} label - Group aria-label\n * @attr {string} separator - Optional separator character shown in the middle\n *\n * @fires change - Emitted whenever a cell changes. detail: { value: string, complete: boolean, originalEvent?: Event }\n * @fires complete - Emitted when all cells are filled. detail: { value: string, originalEvent?: Event }\n *\n * @slot label - Custom label above the OTP input\n * @slot helper - Custom helper text below the OTP input\n * @slot error - Custom error content below the OTP input\n *\n * @cssprop --otp-cell-size - Width and height of each cell\n * @cssprop --otp-cell-gap - Gap between cells\n * @cssprop --otp-cell-font-size - Font size inside cells\n * @cssprop --otp-cell-radius - Border radius of cells\n * @cssprop --otp-cell-bg - Cell background color\n * @cssprop --otp-cell-border-color - Default border color\n * @cssprop --otp-cell-focus-border - Focused border/caret color\n * @cssprop --otp-cell-hover-bg - Cell background on hover (flat/ghost variants)\n * @cssprop --otp-cell-hover-border-color - Cell border on hover (flat/bordered variants)\n * @cssprop --otp-cell-focus-bg - Cell background when focused (flat variant)\n * @cssprop --otp-cell-focus-border-color - Cell border when focused (flat variant)\n *\n * @part group - Group container.\n * @part cell - Shadow part for the `cell` element.\n * @example\n * ```html\n * <ore-otp-input length=\"6\" color=\"primary\"></ore-otp-input>\n * ```\n */\nexport const OTP_INPUT_TAG = 'ore-otp-input' as const;\ndefine<OreOtpInputProps>(OTP_INPUT_TAG, {\n  formAssociated: true,\n  props: {\n    ...themableBundle,\n    ...sizableBundle,\n    ...disablableBundle,\n    label: prop.string('One-time password'),\n    length: prop.number(6),\n    masked: prop.bool(false),\n    name: prop.string(),\n    separator: prop.string(),\n    type: prop.oneOf(['numeric', 'alphanumeric'] as const, 'numeric'),\n    value: prop.string(),\n    variant: prop.string<Exclude<VisualVariant, 'text' | 'frost'>>(),\n  },\n  setup(props) {\n    const el = getHost();\n    const emit = useEmit<OreOtpInputEvents>();\n\n    const formCtx = inject(FORM_CTX);\n    const fCtxProps = useFormContext(props, formCtx);\n    const lengthValue = computed(() => Number(props.length.value) || 6);\n    const isDisabled = fCtxProps.disabled;\n    const cells = computed(() => Array.from({ length: lengthValue.value }, (_, i) => i));\n    const otpValue = signal(String(props.value.value || ''));\n    const normalizedPropValue = () => String(props.value.value || '');\n\n    // Form association: the joined cell value is the single form value for `name`,\n    // since individual per-cell <input> elements inside the shadow root cannot\n    // participate in an ancestor <form>'s submission on their own.\n    useField<string>({ disabled: isDisabled, toFormValue: (v) => v, value: otpValue });\n\n    bind({\n      attr: {\n        size: fCtxProps.size,\n        value: () => otpValue.value || null,\n        variant: fCtxProps.variant,\n      },\n    });\n\n    function getInputs(): HTMLInputElement[] {\n      return [...(el.shadowRoot?.querySelectorAll<HTMLInputElement>('input.cell') ?? [])];\n    }\n\n    const listControl = createListControl({\n      getItems: () => getInputs(),\n      keys: { next: ['ArrowRight'], prev: ['ArrowLeft'] },\n      loop: false,\n      onNavigate: (_action, index) => {\n        const inputs = getInputs();\n\n        inputs[index]?.focus();\n      },\n    });\n\n    function getValue(): string {\n      return getInputs()\n        .map((i) => i.value)\n        .join('');\n    }\n    function syncInputsFromValue(raw: string) {\n      const allInputs = getInputs();\n      const normalized = String(raw || '').slice(0, allInputs.length);\n\n      for (const input of allInputs) input.value = '';\n\n      normalized.split('').forEach((c, i) => {\n        if (allInputs[i]) allInputs[i].value = c;\n      });\n\n      otpValue.value = getValue();\n    }\n    function emitOtpState(originalEvent?: Event, forceComplete?: boolean): void {\n      const allInputs = getInputs();\n      const full = getValue();\n      const complete = forceComplete ?? (full.length === allInputs.length && full.split('').every(Boolean));\n\n      otpValue.value = full;\n      emit('change', { complete, originalEvent, value: full });\n\n      if (complete) emit('complete', { originalEvent, value: full });\n    }\n    function isAllowed(char: string): boolean {\n      if (props.type.value === 'numeric') return /^\\d$/.test(char);\n\n      return /^[a-z\\d]$/i.test(char);\n    }\n    function handleInput(e: Event, index: number) {\n      const input = e.target as HTMLInputElement;\n      let val = input.value;\n\n      // Keep only last character if multiple were typed somehow\n      if (val.length > 1) val = val.slice(-1);\n\n      // Validate character\n      if (val && !isAllowed(val)) {\n        input.value = '';\n\n        return;\n      }\n\n      input.value = val;\n\n      const allInputs = getInputs();\n\n      emitOtpState(e);\n\n      // Auto-advance\n      if (val && index < allInputs.length - 1) {\n        allInputs[index + 1].focus();\n        allInputs[index + 1].select();\n      }\n    }\n    function handleKeydown(e: KeyboardEvent, index: number) {\n      const input = e.target as HTMLInputElement;\n      const allInputs = getInputs();\n\n      listControl.set(index);\n\n      if (e.key === 'Backspace') {\n        if (input.value) {\n          input.value = '';\n        } else if (index > 0) {\n          const prevIndex = listControl.navigate('prev');\n          const prevInput = allInputs[prevIndex];\n\n          if (prevInput) {\n            prevInput.select();\n            prevInput.value = '';\n          }\n        }\n\n        emitOtpState(e, false);\n        e.preventDefault();\n      } else {\n        listControl.handleKeydown(e);\n      }\n    }\n    function handlePaste(e: ClipboardEvent) {\n      e.preventDefault();\n\n      const pasted = e.clipboardData?.getData('text') ?? '';\n      const chars = pasted\n        .split('')\n        .filter((c) => isAllowed(c))\n        .slice(0, lengthValue.value);\n      const allInputs = getInputs();\n\n      chars.forEach((char, i) => {\n        if (allInputs[i]) allInputs[i].value = char;\n      });\n\n      emitOtpState(e);\n\n      // Focus the cell after last pasted char\n      const focusIdx = Math.min(chars.length, allInputs.length - 1);\n\n      allInputs[focusIdx]?.focus();\n    }\n\n    watch(props.value, (value) => {\n      syncInputsFromValue(String(value || ''));\n    });\n\n    watch(props.length, () => {\n      // Cells re-render when length changes; sync after DOM updates.\n      requestAnimationFrame(() => syncInputsFromValue(normalizedPropValue()));\n    });\n\n    const separatorIdx = computed(() => {\n      const len = Number(props.length.value) || 6;\n\n      return props.separator.value != null ? Math.floor(len / 2) : -1;\n    });\n\n    onMounted(() => {\n      // Populate cells from value prop on mount\n      syncInputsFromValue(normalizedPropValue());\n    });\n\n    return html`\n      <div class=\"otp-group\" part=\"group\" role=\"group\" :aria-label=\"${props.label}\">\n        ${() =>\n          cells.value.map(\n            (i) => html`\n              ${() =>\n                separatorIdx.value > 0 && i === separatorIdx.value\n                  ? html`<span class=\"separator\" aria-hidden=\"true\">${() => props.separator.value || '-'}</span>`\n                  : ''}\n              <input\n                class=\"cell\"\n                part=\"cell\"\n                :type=\"${() => (props.masked.value ? 'password' : 'text')}\"\n                :inputmode=\"${() => (props.type.value === 'numeric' ? 'numeric' : 'text')}\"\n                maxlength=\"1\"\n                :autocomplete=\"${() => (i === 0 ? 'one-time-code' : 'off')}\"\n                :aria-label=\"${() => `Digit ${i + 1} of ${lengthValue.value}`}\"\n                :disabled=\"${() => (isDisabled.value ? true : null)}\"\n                @input=\"${(e: Event) => handleInput(e, i)}\"\n                @keydown=\"${(e: KeyboardEvent) => handleKeydown(e, i)}\"\n                @paste=\"${(e: ClipboardEvent) => (i === 0 ? handlePaste(e) : e.preventDefault())}\"\n                @focus=\"${(e: FocusEvent) => (e.target as HTMLInputElement).select()}\" />\n            `,\n          )}\n      </div>\n    `;\n  },\n  styles: [colorThemeMixin, sizeVariantMixin({}), forcedColorsFocusMixin('.cell'), styles],\n});\n"],"mappings":"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"}