@vanelsas/baredom 2.4.1 → 2.6.0

package/dist/x-form-field.d.ts

@@ -0,0 +1,47 @@
+// x-form-field.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XFormFieldEventMap {
+  "x-form-field-input": CustomEvent<{ name: string; value: string }>;
+  "x-form-field-change": CustomEvent<{ name: string; value: string }>;
+}
+
+export interface XFormField extends HTMLElement {
+  placeholder: string;
+  disabled: boolean;
+  name: string;
+  value: string;
+  readonly: boolean;
+  type: string;
+  label: string;
+  autocomplete: string;
+  required: boolean;
+
+  addEventListener<K extends keyof XFormFieldEventMap>(
+    type: K,
+    listener: (this: XFormField, ev: XFormFieldEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof XFormFieldEventMap>(
+    type: K,
+    listener: (this: XFormField, ev: XFormFieldEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-form-field": XFormField;
+  }
+}

package/dist/x-form-field.js

@@ -1,18 +1,18 @@
 import { $APP, shadow$provide } from "./base.js";
-var EV=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},FV=function(a,b,c){var d=a.hasAttribute("error");var e=a.getAttribute("error");e=$APP.n(e)?e:"";a=a.hasAttribute("required");var g=c.value;return $APP.n(d)?b.setValidity({customError:!0},e,c):$APP.n($APP.n(a)?$APP.B.i(g,""):a)?b.setValidity({valueMissing:!0},"Please fill in this field.",c):b.setValidity({},"",c)},HV=function(a){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){var c=$APP.k(b,"label"),d=$APP.k(b,"input"),
-e=$APP.k(b,"hint");b=$APP.k(b,"error");var g=$APP.zf([$APP.pi,$APP.yl,$APP.Ji,$APP.$i,$APP.Ml,$APP.Nh,$APP.Lj,$APP.Cm,$APP.oi,$APP.yi,$APP.Pi],[a.getAttribute("label"),a.getAttribute("name"),a.getAttribute("error"),a.getAttribute("hint"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("autocomplete"),a.getAttribute("type"),a.getAttribute("placeholder")]);var h=$APP.M(g),l=$APP.D(h,$APP.Pi),m=$APP.D(h,$APP.pi),p=$APP.D(h,$APP.yl);
-g=$APP.D(h,$APP.Ji);var q=$APP.D(h,$APP.$i),v=$APP.D(h,$APP.Ml),x=$APP.D(h,$APP.Nh),y=$APP.D(h,$APP.Lj),A=$APP.D(h,$APP.Cm),C=$APP.D(h,$APP.oi),E=$APP.D(h,$APP.yi);h=$APP.n(g)?g:"";var H=$APP.n(q)?q:"",G=$APP.n(m)?m:"",J=[$APP.mi,$APP.bn,$APP.qm,$APP.ui,$APP.Aj,$APP.Yi,$APP.Bl,$APP.Z,$APP.$k,$APP.Xl,$APP.U,$APP.Ei,$APP.Zl,$APP.X];x=$APP.F(x);y=$APP.F(y);l=$APP.n(l)?l:"";q=typeof q==="string"&&$APP.N(q,"")&&q!=null;p=$APP.n(p)?p:"";A=$APP.n(A)?A:"";m=typeof m==="string"&&$APP.N(m,"")&&m!=null;E=typeof E===
-"string"&&$APP.I(GV,E)?E:"text";g=$APP.zf(J,[x,y,l,q,p,A,m,E,typeof g==="string"&&$APP.N(g,"")&&g!=null,H,G,h,$APP.n(C)?C:"",$APP.F(v)]);v=$APP.$k.g(g);C=$APP.ui.g(g);h=$APP.Bl.g(g);d.type=$APP.Z.g(g);d.name=$APP.Aj.g(g);d.placeholder=$APP.qm.g(g);d.disabled=$APP.X.g(g);d.readOnly=$APP.bn.g(g);d.required=$APP.mi.g(g);d.autocomplete=$APP.Zl.g(g);H=$APP.n($APP.mi.g(g))?"true":"false";d.setAttribute("aria-required",H);d.setAttribute("aria-invalid",$APP.n(v)?"true":"false");H=$APP.n($APP.n(C)?v:C)?"hint error":
-$APP.n(C)?"hint":$APP.n(v)?"error":null;$APP.n(H)?d.setAttribute("aria-describedby",H):d.removeAttribute("aria-describedby");c.textContent=$APP.U.g(g);$APP.n(h)?c.classList.remove("label-hidden"):c.classList.add("label-hidden");e.textContent=$APP.Xl.g(g);$APP.n(C)?e.classList.remove("hint-hidden"):e.classList.add("hint-hidden");b.textContent=$APP.Ei.g(g);$APP.n(v)?b.classList.remove("error-hidden"):b.classList.add("error-hidden");EV(a,"data-invalid",v);c=$APP.k(a,"__xFormFieldInternals");return $APP.n(c)?
-FV(a,c,d):null}return null},IV=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},JV=function(a){return function(){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){b=$APP.k(b,"input");var c=b.value;var d=a.getAttribute("name");d=$APP.n(d)?d:"";var e=$APP.k(a,"__xFormFieldInternals");$APP.n(e)&&(e.setFormValue(c),FV(a,e,b));return IV(a,"x-form-field-input",{name:d,value:c})}return null}},KV=function(a){return function(){var b=$APP.k(a,"__xFormFieldRefs");
-if($APP.n(b)){b=$APP.k(b,"input");var c=b.value;var d=a.getAttribute("name");d=$APP.n(d)?d:"";var e=$APP.k(a,"__xFormFieldInternals");$APP.n(e)&&(e.setFormValue(c),FV(a,e,b));return IV(a,"x-form-field-change",{name:d,value:c})}return null}},LV=function(a){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormFieldHandlers");if($APP.n(c)){b=$APP.k(b,"input");b.removeEventListener("input",$APP.k(c,"input"));b.removeEventListener("change",$APP.k(c,"change"));a.__xFormFieldHandlers=
-null;return}}return null},MV=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){d!=null&&$APP.N(d)?(d=""+$APP.T.g(d),d=this.setAttribute(c,d)):d=this.removeAttribute(c);return d}})},NV=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return EV(this,c,$APP.F(d))}})},OV=function(a){Object.defineProperty(a,"value",{configurable:!0,
-enumerable:!0,get:function(){var b=$APP.k(this,"__xFormFieldRefs");if($APP.n(b))return $APP.k(b,"input").value;b=this.getAttribute("value");return $APP.n(b)?b:""},set:function(b){b=b!=null&&$APP.N(b)?""+$APP.T.g(b):"";this.setAttribute("value",b);var c=$APP.k(this,"__xFormFieldRefs");return $APP.n(c)?$APP.k(c,"input").value=b:null}})},QV=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return PV}});OV(b);MV(b,
-"label","label");MV(b,"type","type");MV(b,"name","name");MV(b,"placeholder","placeholder");MV(b,"autocomplete","autocomplete");NV(b,"disabled","disabled");NV(b,"readOnly","readonly");NV(b,"required","required");b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xFormFieldRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElement("label"),h=document.createElement("div"),l=document.createElement("input"),m=document.createElement("span"),
+var HV=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},IV=function(a,b,c){var d=a.hasAttribute("error");var e=a.getAttribute("error");e=$APP.n(e)?e:"";a=a.hasAttribute("required");var g=c.value;return $APP.n(d)?b.setValidity({customError:!0},e,c):$APP.n($APP.n(a)?$APP.B.i(g,""):a)?b.setValidity({valueMissing:!0},"Please fill in this field.",c):b.setValidity({},"",c)},KV=function(a){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){var c=$APP.k(b,"label"),d=$APP.k(b,"input"),
+e=$APP.k(b,"hint");b=$APP.k(b,"error");var g=$APP.zf([$APP.pi,$APP.Al,$APP.Ji,$APP.$i,$APP.Ol,$APP.Nh,$APP.Lj,$APP.Em,$APP.oi,$APP.yi,$APP.Pi],[a.getAttribute("label"),a.getAttribute("name"),a.getAttribute("error"),a.getAttribute("hint"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("autocomplete"),a.getAttribute("type"),a.getAttribute("placeholder")]);var h=$APP.M(g),l=$APP.D(h,$APP.Pi),m=$APP.D(h,$APP.pi),p=$APP.D(h,$APP.Al);
+g=$APP.D(h,$APP.Ji);var q=$APP.D(h,$APP.$i),v=$APP.D(h,$APP.Ol),x=$APP.D(h,$APP.Nh),y=$APP.D(h,$APP.Lj),A=$APP.D(h,$APP.Em),C=$APP.D(h,$APP.oi),E=$APP.D(h,$APP.yi);h=$APP.n(g)?g:"";var H=$APP.n(q)?q:"",G=$APP.n(m)?m:"",J=[$APP.mi,$APP.dn,$APP.sm,$APP.ui,$APP.Aj,$APP.Yi,$APP.Dl,$APP.Z,$APP.al,$APP.Zl,$APP.U,$APP.Ei,$APP.am,$APP.X];x=$APP.F(x);y=$APP.F(y);l=$APP.n(l)?l:"";q=typeof q==="string"&&$APP.N(q,"")&&q!=null;p=$APP.n(p)?p:"";A=$APP.n(A)?A:"";m=typeof m==="string"&&$APP.N(m,"")&&m!=null;E=typeof E===
+"string"&&$APP.I(JV,E)?E:"text";g=$APP.zf(J,[x,y,l,q,p,A,m,E,typeof g==="string"&&$APP.N(g,"")&&g!=null,H,G,h,$APP.n(C)?C:"",$APP.F(v)]);v=$APP.al.g(g);C=$APP.ui.g(g);h=$APP.Dl.g(g);d.type=$APP.Z.g(g);d.name=$APP.Aj.g(g);d.placeholder=$APP.sm.g(g);d.disabled=$APP.X.g(g);d.readOnly=$APP.dn.g(g);d.required=$APP.mi.g(g);d.autocomplete=$APP.am.g(g);H=$APP.n($APP.mi.g(g))?"true":"false";d.setAttribute("aria-required",H);d.setAttribute("aria-invalid",$APP.n(v)?"true":"false");H=$APP.n($APP.n(C)?v:C)?"hint error":
+$APP.n(C)?"hint":$APP.n(v)?"error":null;$APP.n(H)?d.setAttribute("aria-describedby",H):d.removeAttribute("aria-describedby");c.textContent=$APP.U.g(g);$APP.n(h)?c.classList.remove("label-hidden"):c.classList.add("label-hidden");e.textContent=$APP.Zl.g(g);$APP.n(C)?e.classList.remove("hint-hidden"):e.classList.add("hint-hidden");b.textContent=$APP.Ei.g(g);$APP.n(v)?b.classList.remove("error-hidden"):b.classList.add("error-hidden");HV(a,"data-invalid",v);c=$APP.k(a,"__xFormFieldInternals");return $APP.n(c)?
+IV(a,c,d):null}return null},LV=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},MV=function(a){return function(){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){b=$APP.k(b,"input");var c=b.value;var d=a.getAttribute("name");d=$APP.n(d)?d:"";var e=$APP.k(a,"__xFormFieldInternals");$APP.n(e)&&(e.setFormValue(c),IV(a,e,b));return LV(a,"x-form-field-input",{name:d,value:c})}return null}},NV=function(a){return function(){var b=$APP.k(a,"__xFormFieldRefs");
+if($APP.n(b)){b=$APP.k(b,"input");var c=b.value;var d=a.getAttribute("name");d=$APP.n(d)?d:"";var e=$APP.k(a,"__xFormFieldInternals");$APP.n(e)&&(e.setFormValue(c),IV(a,e,b));return LV(a,"x-form-field-change",{name:d,value:c})}return null}},OV=function(a){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormFieldHandlers");if($APP.n(c)){b=$APP.k(b,"input");b.removeEventListener("input",$APP.k(c,"input"));b.removeEventListener("change",$APP.k(c,"change"));a.__xFormFieldHandlers=
+null;return}}return null},PV=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){d!=null&&$APP.N(d)?(d=""+$APP.T.g(d),d=this.setAttribute(c,d)):d=this.removeAttribute(c);return d}})},QV=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return HV(this,c,$APP.F(d))}})},RV=function(a){Object.defineProperty(a,"value",{configurable:!0,
+enumerable:!0,get:function(){var b=$APP.k(this,"__xFormFieldRefs");if($APP.n(b))return $APP.k(b,"input").value;b=this.getAttribute("value");return $APP.n(b)?b:""},set:function(b){b=b!=null&&$APP.N(b)?""+$APP.T.g(b):"";this.setAttribute("value",b);var c=$APP.k(this,"__xFormFieldRefs");return $APP.n(c)?$APP.k(c,"input").value=b:null}})},TV=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return SV}});RV(b);PV(b,
+"label","label");PV(b,"type","type");PV(b,"name","name");PV(b,"placeholder","placeholder");PV(b,"autocomplete","autocomplete");QV(b,"disabled","disabled");QV(b,"readOnly","readonly");QV(b,"required","required");b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xFormFieldRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElement("label"),h=document.createElement("div"),l=document.createElement("input"),m=document.createElement("span"),
 p=document.createElement("span");d.textContent=":host{display:block;color-scheme:light dark;--x-form-field-label-color:var(--x-color-text-muted,#374151);--x-form-field-label-font-size:var(--x-font-size-sm,0.875rem);--x-form-field-input-bg:var(--x-color-surface,#ffffff);--x-form-field-input-color:var(--x-color-text,#111827);--x-form-field-input-border:1px solid var(--x-color-border,#d1d5db);--x-form-field-input-border-radius:var(--x-radius-md,6px);--x-form-field-input-padding:0.5rem 0.75rem;--x-form-field-focus-ring-color:var(--x-color-primary,#2563eb);--x-form-field-error-color:var(--x-color-danger,#dc2626);--x-form-field-hint-color:var(--x-color-text-muted,#6b7280);--x-form-field-disabled-opacity:0.45;}@media (prefers-color-scheme:dark){:host{--x-form-field-label-color:var(--x-color-text-muted,#d1d5db);--x-form-field-input-bg:var(--x-color-surface-hover,#1f2937);--x-form-field-input-color:var(--x-color-text,#f9fafb);--x-form-field-input-border:1px solid var(--x-color-border,#4b5563);--x-form-field-focus-ring-color:var(--x-color-primary,#3b82f6);--x-form-field-error-color:var(--x-color-danger,#f87171);--x-form-field-hint-color:var(--x-color-text-muted,#9ca3af);}}[part\x3dfield]{display:flex;flex-direction:column;gap:0.25rem;}[part\x3dlabel]{display:block;font-size:var(--x-form-field-label-font-size);font-weight:500;color:var(--x-form-field-label-color);}.label-hidden{display:none;}[part\x3dinput-wrapper]{display:block;}[part\x3dinput]{display:block;width:100%;box-sizing:border-box;padding:var(--x-form-field-input-padding);background:var(--x-form-field-input-bg);color:var(--x-form-field-input-color);border:var(--x-form-field-input-border);border-radius:var(--x-form-field-input-border-radius);font-size:1rem;line-height:1.5;font-family:inherit;outline:none;transition:border-color 120ms ease,box-shadow 120ms ease;}[part\x3dinput]:focus{border-color:var(--x-form-field-focus-ring-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-form-field-focus-ring-color) 20%,transparent);}:host([data-invalid]) [part\x3dinput]{border-color:var(--x-form-field-error-color);}:host([data-invalid]) [part\x3dinput]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--x-form-field-error-color) 20%,transparent);}[part\x3dinput]:disabled{opacity:var(--x-form-field-disabled-opacity);cursor:not-allowed;}[part\x3dhint]{display:block;font-size:0.8125rem;color:var(--x-form-field-hint-color);}.hint-hidden{display:none;}[part\x3derror]{display:block;font-size:0.8125rem;color:var(--x-form-field-error-color);}.error-hidden{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dinput]{transition:none;}}";
 e.setAttribute("part","field");g.setAttribute("part","label");g.setAttribute("id","label");g.setAttribute("for","input");h.setAttribute("part","input-wrapper");l.setAttribute("part","input");l.setAttribute("id","input");l.setAttribute("aria-labelledby","label");m.setAttribute("part","hint");m.setAttribute("id","hint");m.setAttribute("aria-live","polite");p.setAttribute("part","error");p.setAttribute("id","error");p.setAttribute("role","alert");p.setAttribute("aria-live","assertive");h.appendChild(l);
-e.appendChild(g);e.appendChild(h);e.appendChild(m);e.appendChild(p);c.appendChild(d);c.appendChild(e);this.__xFormFieldRefs={field:e,label:g,input:l,hint:m,error:p};$APP.n(this.attachInternals)&&(this.__xFormFieldInternals=this.attachInternals())}LV(this);c=$APP.k(this,"__xFormFieldRefs");$APP.n(c)&&(c=$APP.k(c,"input"),d=this.getAttribute("value"),$APP.n(d)&&(c.value=d));c=$APP.k(this,"__xFormFieldInternals");$APP.n(c)&&(d=c.setFormValue,e=this.getAttribute("value"),d.call(c,$APP.n(e)?e:""));c=$APP.k(this,
-"__xFormFieldRefs");$APP.n(c)&&(c=$APP.k(c,"input"),d=JV(this),e=KV(this),c.addEventListener("input",d),c.addEventListener("change",e),this.__xFormFieldHandlers={input:d,change:e});return HV(this)};b.disconnectedCallback=function(){return LV(this)};b.attributeChangedCallback=function(c,d,e){$APP.B.i(c,"value")&&(c=$APP.k(this,"__xFormFieldRefs"),$APP.n(c)&&(c=$APP.k(c,"input"),$APP.N(c.value,e)&&(c.value=$APP.n(e)?e:"")));return HV(this)};b.formDisabledCallback=function(c){EV(this,"disabled",$APP.F(c));
-return HV(this)};b.formResetCallback=function(){this.removeAttribute("value");var c=$APP.k(this,"__xFormFieldRefs");$APP.n(c)&&($APP.k(c,"input").value="");c=$APP.k(this,"__xFormFieldInternals");$APP.n(c)&&c.setFormValue("");return HV(this)};return a},RV=function(){return $APP.n(customElements.get("x-form-field"))?null:customElements.define("x-form-field",QV())};var PV="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),GV=new $APP.S(null,new $APP.R(null,6,["url",null,"tel",null,"email",null,"text",null,"number",null,"password",null],null),null);
-$APP.zf([$APP.qm,$APP.Pj,$APP.Aj,$APP.Yi,$APP.Bj,$APP.Z,$APP.U,$APP.Zl,$APP.Dk],[new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"placeholder"],null),new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"disabled"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"name"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"value"],null),new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"readonly"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"type"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"label"],null),new $APP.R(null,
-2,[$APP.Z,$APP.Y,$APP.Ik,"autocomplete"],null),new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"required"],null)]);$APP.ha("baredom.exports.x_form_field.init",RV);export const init=RV;
+e.appendChild(g);e.appendChild(h);e.appendChild(m);e.appendChild(p);c.appendChild(d);c.appendChild(e);this.__xFormFieldRefs={field:e,label:g,input:l,hint:m,error:p};$APP.n(this.attachInternals)&&(this.__xFormFieldInternals=this.attachInternals())}OV(this);c=$APP.k(this,"__xFormFieldRefs");$APP.n(c)&&(c=$APP.k(c,"input"),d=this.getAttribute("value"),$APP.n(d)&&(c.value=d));c=$APP.k(this,"__xFormFieldInternals");$APP.n(c)&&(d=c.setFormValue,e=this.getAttribute("value"),d.call(c,$APP.n(e)?e:""));c=$APP.k(this,
+"__xFormFieldRefs");$APP.n(c)&&(c=$APP.k(c,"input"),d=MV(this),e=NV(this),c.addEventListener("input",d),c.addEventListener("change",e),this.__xFormFieldHandlers={input:d,change:e});return KV(this)};b.disconnectedCallback=function(){return OV(this)};b.attributeChangedCallback=function(c,d,e){$APP.B.i(c,"value")&&(c=$APP.k(this,"__xFormFieldRefs"),$APP.n(c)&&(c=$APP.k(c,"input"),$APP.N(c.value,e)&&(c.value=$APP.n(e)?e:"")));return KV(this)};b.formDisabledCallback=function(c){HV(this,"disabled",$APP.F(c));
+return KV(this)};b.formResetCallback=function(){this.removeAttribute("value");var c=$APP.k(this,"__xFormFieldRefs");$APP.n(c)&&($APP.k(c,"input").value="");c=$APP.k(this,"__xFormFieldInternals");$APP.n(c)&&c.setFormValue("");return KV(this)};return a},UV=function(){return $APP.n(customElements.get("x-form-field"))?null:customElements.define("x-form-field",TV())};var SV="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),JV=new $APP.S(null,new $APP.Q(null,6,["url",null,"tel",null,"email",null,"text",null,"number",null,"password",null],null),null);
+$APP.zf([$APP.sm,$APP.Pj,$APP.Aj,$APP.Yi,$APP.Bj,$APP.Z,$APP.U,$APP.am,$APP.Dk],[new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"placeholder"],null),new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"disabled"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"name"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"value"],null),new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"readonly"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"type"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"label"],null),new $APP.Q(null,
+2,[$APP.Z,$APP.Y,$APP.Ik,"autocomplete"],null),new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"required"],null)]);$APP.Pd(["x-form-field-input",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,2,[$APP.Aj,$APP.Y,$APP.Yi,$APP.Y],null)],null),"x-form-field-change",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,2,[$APP.Aj,$APP.Y,$APP.Yi,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_form_field.init",UV);export const init=UV;

package/dist/x-form.d.ts

@@ -0,0 +1,41 @@
+// x-form.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XFormEventMap {
+  "x-form-submit": CustomEvent<{ values: Record<string, any> }>;
+  "x-form-reset": CustomEvent<{}>;
+}
+
+export interface XForm extends HTMLElement {
+  loading: boolean;
+  novalidate: boolean;
+  autocomplete: string;
+
+  addEventListener<K extends keyof XFormEventMap>(
+    type: K,
+    listener: (this: XForm, ev: XFormEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof XFormEventMap>(
+    type: K,
+    listener: (this: XForm, ev: XFormEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-form": XForm;
+  }
+}

package/dist/x-form.js

@@ -1,11 +1,11 @@
 import { $APP, shadow$provide } from "./base.js";
-var VR=function(a,b){return a.setAttribute("autocomplete",b)},$R=function(a){a=new $APP.R(null,3,[$APP.Bm,a.getAttribute("loading"),WR,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.oi,a.getAttribute("autocomplete")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Bm);a=$APP.D(b,WR);b=$APP.D(b,$APP.oi);c=c!=null&&$APP.N(c,"false");b=$APP.I(YR,b)?b:"on";return new $APP.R(null,3,[$APP.Ci,c,ZR,a!=null,$APP.Zl,b],null)},aS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");a=$R(a);VR(b,
-$APP.Zl.g(a));if($APP.n($APP.Ci.g(a)))return b.setAttribute("aria-busy","true"),b.setAttribute("data-loading","");b.removeAttribute("aria-busy");return b.removeAttribute("data-loading")}return null},bS=function(a){a=a.querySelectorAll("[name]:not([disabled])");for(var b={},c=a.length,d=0;;)if(d<c){var e=a[d],g=e.name;if($APP.n(function(){var m=g;return $APP.n(m)?$APP.N(g,""):m}())){var h=e.tagName.toLowerCase(),l=e.getAttribute("type");$APP.B.i(l,"checkbox")||$APP.B.i(l,"radio")||$APP.B.i(h,"x-checkbox")?
-$APP.n(e.checked)&&(b[g]=function(){var m=e.value;return $APP.n(m)?m:"on"}()):b[g]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},cS=function(a,b,c,d){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:d}))},dS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");var c=function(g){g.preventDefault();g=$R(a);if($APP.n($APP.Ci.g(g)))g=null;else{g=ZR.g(g);if(!$APP.n(g)){g=a.querySelectorAll("[name]:not([disabled])");
-for(var h={ok:!0},l=g.length,m=0;;)if(m<l){var p=g[m];$APP.n(p.reportValidity)&&($APP.n(p.reportValidity())||(h.ok=!1));m+=1}else break;g=h.ok}$APP.n(g)?(g=bS(a),g=cS(a,"x-form-submit",{values:g},!0)):g=null}return g},d=function(){for(var g=a.querySelectorAll("[name]"),h=g.length,l=0;;)if(l<h){var m=g[l];$APP.n(m.formResetCallback)&&m.formResetCallback();l+=1}else break;return cS(a,"x-form-reset",{},!1)},e=function(g){a:{g=g.target.closest("button,input[type\x3dsubmit],input[type\x3dreset]");if($APP.n(g)){g=
-g.type;var h=$APP.k(a,"__xFormRefs");if($APP.n(h)){h=$APP.k(h,"form");g=$APP.B.i(g,"submit")||$APP.B.i(g,"")?h.requestSubmit():$APP.B.i(g,"reset")?h.reset():null;break a}}g=null}return g};b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);$APP.ja(a,"__xFormHandlers",{submit:c,reset:d,click:e})}},eS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormHandlers");if($APP.n(c)){b=$APP.k(b,"form");b.removeEventListener("submit",$APP.k(c,
-"submit"));b.removeEventListener("reset",$APP.k(c,"reset"));a.removeEventListener("click",$APP.k(c,"click"));a.__xFormHandlers=null;return}}return null},fS=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.F(d)?this.setAttribute(c,""):this.removeAttribute(c)}})},gS=function(a){Object.defineProperty(a,"autocomplete",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("autocomplete");return $APP.n(b)?
-b:""},set:function(b){return b!=null&&$APP.N(b)?VR(this,""+$APP.T.g(b)):this.removeAttribute("autocomplete")}})},iS=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return hS}});fS(b,"loading","loading");fS(b,"novalidate","novalidate");gS(b);b.connectedCallback=function(){if(!$APP.n(this.shadowRoot)){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("form"),g=document.createElement("slot");
-d.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";e.setAttribute("part","root");e.setAttribute("novalidate","");e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xFormRefs={form:e}}eS(this);dS(this);return aS(this)};b.disconnectedCallback=function(){return eS(this)};b.attributeChangedCallback=function(){return aS(this)};b.submit=function(){var c=
+var ZR=function(a,b){return a.setAttribute("autocomplete",b)},cS=function(a){a=new $APP.Q(null,3,[$APP.Dm,a.getAttribute("loading"),$R,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.oi,a.getAttribute("autocomplete")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Dm);a=$APP.D(b,$R);b=$APP.D(b,$APP.oi);c=c!=null&&$APP.N(c,"false");b=$APP.I(aS,b)?b:"on";return new $APP.Q(null,3,[$APP.Ci,c,bS,a!=null,$APP.am,b],null)},dS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");a=cS(a);ZR(b,
+$APP.am.g(a));if($APP.n($APP.Ci.g(a)))return b.setAttribute("aria-busy","true"),b.setAttribute("data-loading","");b.removeAttribute("aria-busy");return b.removeAttribute("data-loading")}return null},eS=function(a){a=a.querySelectorAll("[name]:not([disabled])");for(var b={},c=a.length,d=0;;)if(d<c){var e=a[d],g=e.name;if($APP.n(function(){var m=g;return $APP.n(m)?$APP.N(g,""):m}())){var h=e.tagName.toLowerCase(),l=e.getAttribute("type");$APP.B.i(l,"checkbox")||$APP.B.i(l,"radio")||$APP.B.i(h,"x-checkbox")?
+$APP.n(e.checked)&&(b[g]=function(){var m=e.value;return $APP.n(m)?m:"on"}()):b[g]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},fS=function(a,b,c,d){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:d}))},gS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");var c=function(g){g.preventDefault();g=cS(a);if($APP.n($APP.Ci.g(g)))g=null;else{g=bS.g(g);if(!$APP.n(g)){g=a.querySelectorAll("[name]:not([disabled])");
+for(var h={ok:!0},l=g.length,m=0;;)if(m<l){var p=g[m];$APP.n(p.reportValidity)&&($APP.n(p.reportValidity())||(h.ok=!1));m+=1}else break;g=h.ok}$APP.n(g)?(g=eS(a),g=fS(a,"x-form-submit",{values:g},!0)):g=null}return g},d=function(){for(var g=a.querySelectorAll("[name]"),h=g.length,l=0;;)if(l<h){var m=g[l];$APP.n(m.formResetCallback)&&m.formResetCallback();l+=1}else break;return fS(a,"x-form-reset",{},!1)},e=function(g){a:{g=g.target.closest("button,input[type\x3dsubmit],input[type\x3dreset]");if($APP.n(g)){g=
+g.type;var h=$APP.k(a,"__xFormRefs");if($APP.n(h)){h=$APP.k(h,"form");g=$APP.B.i(g,"submit")||$APP.B.i(g,"")?h.requestSubmit():$APP.B.i(g,"reset")?h.reset():null;break a}}g=null}return g};b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);$APP.ja(a,"__xFormHandlers",{submit:c,reset:d,click:e})}},hS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormHandlers");if($APP.n(c)){b=$APP.k(b,"form");b.removeEventListener("submit",$APP.k(c,
+"submit"));b.removeEventListener("reset",$APP.k(c,"reset"));a.removeEventListener("click",$APP.k(c,"click"));a.__xFormHandlers=null;return}}return null},iS=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.F(d)?this.setAttribute(c,""):this.removeAttribute(c)}})},jS=function(a){Object.defineProperty(a,"autocomplete",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("autocomplete");return $APP.n(b)?
+b:""},set:function(b){return b!=null&&$APP.N(b)?ZR(this,""+$APP.T.g(b)):this.removeAttribute("autocomplete")}})},lS=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return kS}});iS(b,"loading","loading");iS(b,"novalidate","novalidate");jS(b);b.connectedCallback=function(){if(!$APP.n(this.shadowRoot)){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("form"),g=document.createElement("slot");
+d.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";e.setAttribute("part","root");e.setAttribute("novalidate","");e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xFormRefs={form:e}}hS(this);gS(this);return dS(this)};b.disconnectedCallback=function(){return hS(this)};b.attributeChangedCallback=function(){return dS(this)};b.submit=function(){var c=
 $APP.k(this,"__xFormRefs");return $APP.n(c)?$APP.k(c,"form").requestSubmit():null};b.reset=function(){var c=$APP.k(this,"__xFormRefs");return $APP.n(c)?$APP.k(c,"form").reset():null};b.setFieldError=function(c,d){c=this.querySelector('[name\x3d"'+$APP.T.g(c)+'"]');return $APP.n(c)?d==null||$APP.B.i(d,"")||$APP.B.i(d,void 0)?c.removeAttribute("error"):c.setAttribute("error",d):null};b.clearErrors=function(){for(var c=this.querySelectorAll("[error]"),d=c.length,e=0;;)if(e<d)c[e].removeAttribute("error"),
-e+=1;else return null};return a},jS=function(){return $APP.n(customElements.get("x-form"))?null:customElements.define("x-form",iS())},WR=new $APP.K(null,"novalidate-raw","novalidate-raw",1783236714),ZR=new $APP.K(null,"novalidate?","novalidate?",491529885);var hS=["loading","novalidate","autocomplete"],YR=new $APP.S(null,new $APP.R(null,2,["off",null,"on",null],null),null);$APP.ha("baredom.exports.x_form.init",jS);export const init=jS;
+e+=1;else return null};return a},mS=function(){return $APP.n(customElements.get("x-form"))?null:customElements.define("x-form",lS())},$R=new $APP.K(null,"novalidate-raw","novalidate-raw",1783236714),bS=new $APP.K(null,"novalidate?","novalidate?",491529885);var kS=["loading","novalidate","autocomplete"],aS=new $APP.S(null,new $APP.Q(null,2,["off",null,"on",null],null),null);$APP.Pd(["x-form-submit",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,1,[new $APP.K(null,"values","values",372645556),$APP.jl],null)],null),"x-form-reset",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,$APP.Qd],null)]);$APP.ha("baredom.exports.x_form.init",mS);export const init=mS;

package/dist/x-gaussian-blur.d.ts

@@ -0,0 +1,20 @@
+// x-gaussian-blur.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XGaussianBlur extends HTMLElement {
+  paused: boolean;
+  animation: string;
+  speed: string;
+  colors: string;
+  size: string;
+  opacity: string;
+  count: string;
+  blend: string;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-gaussian-blur": XGaussianBlur;
+  }
+}

package/dist/x-gaussian-blur.js

@@ -1,20 +1,20 @@
 import { $APP, shadow$provide } from "./base.js";
-var tX=function(a,b,c){var d=$APP.z(a);return $APP.We.m($APP.fe,$APP.ae.g(function(e){var g=e*2.39996323,h=50+30*Math.cos(g);g=50+30*Math.sin(g);var l=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),p=Math.sin(e*1.618);p=.7+p*p*.6;var q=.8+.4*Math.sin(e*1.3),v=-(e/$APP.oh.i(b,1));return new $APP.R(null,7,[$APP.Oj,$APP.pc(a,$APP.fd(e,d)),$APP.Jl,h+l,$APP.Il,g+m,$APP.Mh,c*p,qX,$APP.fd(e,4),rX,q,sX,v],null)}),$APP.dg(0,b))},uX=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
+var wX=function(a,b,c){var d=$APP.z(a);return $APP.We.m($APP.fe,$APP.ae.g(function(e){var g=e*2.39996323,h=50+30*Math.cos(g);g=50+30*Math.sin(g);var l=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),p=Math.sin(e*1.618);p=.7+p*p*.6;var q=.8+.4*Math.sin(e*1.3),v=-(e/$APP.oh.i(b,1));return new $APP.Q(null,7,[$APP.Oj,$APP.pc(a,$APP.fd(e,d)),$APP.Ll,h+l,$APP.Kl,g+m,$APP.Mh,c*p,tX,$APP.fd(e,4),uX,q,vX,v],null)}),$APP.dg(0,b))},xX=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
 d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("slot");c.textContent=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;color-scheme:light dark;--x-gaussian-blur-bg:transparent;--x-gaussian-blur-z-index:0;--x-gaussian-blur-border-radius:0;}:host{border-radius:var(--x-gaussian-blur-border-radius);}[part\x3dbackdrop]{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--x-gaussian-blur-z-index);background:var(--x-gaussian-blur-bg);}[part\x3dcontent]{position:relative;z-index:1;width:100%;height:100%;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;}@keyframes x-gb-float-0{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(12%,-18%);}50%{transform:translate(-50%,-50%) translate(-10%,15%);}75%{transform:translate(-50%,-50%) translate(15%,6%);}}@keyframes x-gb-float-1{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-15%,10%);}50%{transform:translate(-50%,-50%) translate(18%,-12%);}75%{transform:translate(-50%,-50%) translate(-8%,-16%);}}@keyframes x-gb-float-2{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(10%,16%);}50%{transform:translate(-50%,-50%) translate(-18%,-8%);}75%{transform:translate(-50%,-50%) translate(14%,-12%);}}@keyframes x-gb-float-3{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-12%,-10%);}50%{transform:translate(-50%,-50%) translate(16%,18%);}75%{transform:translate(-50%,-50%) translate(-10%,14%);}}@keyframes x-gb-pulse-0{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.2) translate(10%,-14%);}66%{transform:translate(-50%,-50%) scale(0.85) translate(-10%,10%);}}@keyframes x-gb-pulse-1{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.85) translate(-14%,10%);}66%{transform:translate(-50%,-50%) scale(1.2) translate(12%,-8%);}}@keyframes x-gb-pulse-2{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.18) translate(8%,16%);}66%{transform:translate(-50%,-50%) scale(0.82) translate(-16%,-10%);}}@keyframes x-gb-pulse-3{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.88) translate(-10%,-14%);}66%{transform:translate(-50%,-50%) scale(1.15) translate(10%,16%);}}:host([data-paused]) .blob{animation-play-state:paused;}@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}";
-d.setAttribute("part","backdrop");d.setAttribute("aria-hidden","true");e.setAttribute("part","content");e.appendChild(g);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xGaussianBlurBackdrop=d;a.__xGaussianBlurSlot=g;a.__xGaussianBlurBlobs=[];a.__xGaussianBlurInit=!0},vX=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return a.removeAttribute("role"),a.removeAttribute("aria-hidden");a.setAttribute("role","presentation");return a.setAttribute("aria-hidden","true")},FX=function(a){var b=
-$APP.zf([wX,$APP.Wg,$APP.Gj,$APP.pm,$APP.Mh,$APP.ki,$APP.qi,$APP.Rh,xX],[a.getAttribute("paused"),a.getAttribute("animation"),a.getAttribute("speed"),a.getAttribute("colors"),a.getAttribute("size"),a.getAttribute("blur"),a.getAttribute("opacity"),a.getAttribute("count"),a.getAttribute("blend")]);var c=$APP.M(b);b=$APP.D(c,xX);var d=$APP.D(c,wX),e=$APP.D(c,$APP.Wg),g=$APP.D(c,$APP.Gj);var h=$APP.D(c,$APP.pm);var l=$APP.D(c,$APP.Mh),m=$APP.D(c,$APP.ki),p=$APP.D(c,$APP.qi);c=$APP.D(c,$APP.Rh);h=yX(h);
-typeof c==="string"&&$APP.N("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.sh.i(12,$APP.oh.i(1,c)):5):c=5;if(typeof l==="string"&&$APP.N("",l.trim())){l=l.trim();var q=$APP.D(zX,l);$APP.n(q)?l=q:(l=parseFloat(l),q=isFinite(l),l=$APP.n($APP.n(q)?l>0:q)?$APP.sh.i(100,$APP.oh.i(10,l)):50)}else l=50;typeof g==="string"&&$APP.N("",g.trim())?(g=g.trim(),q=$APP.D(AX,g),$APP.n(q)?g=q:(g=parseFloat(g),q=isFinite(g),g=$APP.n($APP.n(q)?g>0:q)?g:10)):g=10;e=typeof e==="string"&&$APP.I(BX,e)?
-e:"float";d=d!=null;typeof m==="string"&&$APP.N("",m.trim())?(m=parseFloat(m.trim()),q=isFinite(m),m=$APP.n($APP.n(q)?m>0:q)?m:60):m=60;q=tX(h,c,l);typeof p==="string"&&$APP.N("",p.trim())?(p=parseFloat(p.trim()),p=$APP.n(isFinite(p))?$APP.sh.i(1,$APP.oh.i(0,p)):.7):p=.7;b=typeof b==="string"&&$APP.I(CX,b)?b:"normal";h=$APP.zf([wX,$APP.Wg,$APP.pm,DX,$APP.ki,$APP.Om,$APP.qi,$APP.Rh,xX,EX],[d,e,h,g,m,q,p,c,b,l]);b=$APP.M(h);p=$APP.D(b,$APP.ki);c=$APP.D(b,$APP.qi);m=$APP.D(b,xX);l=$APP.D(b,$APP.Wg);
-d=$APP.D(b,wX);e=$APP.k(a,"__xGaussianBlurBackdrop");b=$APP.k(a,"__xGaussianBlurSlot");e.style.setProperty("filter","blur("+$APP.T.g(p)+"px)");e.style.setProperty("opacity",""+$APP.T.g(c));e.style.setProperty("mix-blend-mode",m);$APP.n(d)?a.setAttribute("data-paused",""):a.removeAttribute("data-paused");a.setAttribute("data-animation",l);a:{m=$APP.M(h);h=$APP.D(m,$APP.Om);p=$APP.D(m,$APP.Wg);c=$APP.D(m,DX);$APP.D(m,$APP.ki);d=$APP.k(a,"__xGaussianBlurBackdrop");m=$APP.k(a,"__xGaussianBlurBlobs");
-e=m.length;l=$APP.z(h);for(g=e;;)if(g<l)q=document.createElement("div"),q.className="blob",d.appendChild(q),m.push(q),g+=1;else break;for(;;)if(e>l)g=m.pop(),d.removeChild(g),--e;else break;for(d=0;;)if(d<l){var v=m[d];q=$APP.pc(h,d);g=p;e=c;var x=$APP.M(q),y=$APP.D(x,$APP.Oj),A=$APP.D(x,$APP.Jl),C=$APP.D(x,$APP.Il),E=$APP.D(x,$APP.Mh),H=$APP.D(x,qX);q=$APP.D(x,rX);x=$APP.D(x,sX);v=v.style;E=""+$APP.T.g(E)+"%";v.setProperty("left",""+$APP.T.g(A)+"%");v.setProperty("top",""+$APP.T.g(C)+"%");v.setProperty("width",
-E);v.setProperty("height",E);v.setProperty("background","radial-gradient(circle,"+$APP.T.g(y)+" 0%,transparent 70%)");v.setProperty("transform","translate(-50%,-50%)");b:switch(y=H,g){case "float":g="x-gb-float-"+$APP.T.g(y);break b;case "pulse":g="x-gb-pulse-"+$APP.T.g(y);break b;default:g=null}$APP.n(g)?(q*=e,e*=x,v.setProperty("animation",""+$APP.T.g(g)+" "+$APP.T.g(q)+"s ease-in-out "+$APP.T.g(e)+"s infinite")):v.removeProperty("animation");d+=1}else break a}vX(a,b)},GX=function(a){function b(){return vX(a,
-c)}$APP.n($APP.k(a,"__xGaussianBlurInit"))||uX(a);var c=$APP.k(a,"__xGaussianBlurSlot");a.__xGaussianBlurSlotHandler=b;c.addEventListener("slotchange",b);FX(a)},HX=function(a){for(var b=$APP.t(new $APP.O(null,8,5,$APP.P,[new $APP.O(null,3,5,$APP.P,["colors","colors","#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.O(null,3,5,$APP.P,["blur","blur","60"],null),new $APP.O(null,3,5,$APP.P,["speed","speed","medium"],null),new $APP.O(null,3,5,$APP.P,["count","count","5"],null),new $APP.O(null,3,5,$APP.P,
+d.setAttribute("part","backdrop");d.setAttribute("aria-hidden","true");e.setAttribute("part","content");e.appendChild(g);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xGaussianBlurBackdrop=d;a.__xGaussianBlurSlot=g;a.__xGaussianBlurBlobs=[];a.__xGaussianBlurInit=!0},yX=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return a.removeAttribute("role"),a.removeAttribute("aria-hidden");a.setAttribute("role","presentation");return a.setAttribute("aria-hidden","true")},IX=function(a){var b=
+$APP.zf([zX,$APP.Wg,$APP.Gj,$APP.rm,$APP.Mh,$APP.ki,$APP.qi,$APP.Rh,AX],[a.getAttribute("paused"),a.getAttribute("animation"),a.getAttribute("speed"),a.getAttribute("colors"),a.getAttribute("size"),a.getAttribute("blur"),a.getAttribute("opacity"),a.getAttribute("count"),a.getAttribute("blend")]);var c=$APP.M(b);b=$APP.D(c,AX);var d=$APP.D(c,zX),e=$APP.D(c,$APP.Wg),g=$APP.D(c,$APP.Gj);var h=$APP.D(c,$APP.rm);var l=$APP.D(c,$APP.Mh),m=$APP.D(c,$APP.ki),p=$APP.D(c,$APP.qi);c=$APP.D(c,$APP.Rh);h=BX(h);
+typeof c==="string"&&$APP.N("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.ph.i(12,$APP.oh.i(1,c)):5):c=5;if(typeof l==="string"&&$APP.N("",l.trim())){l=l.trim();var q=$APP.D(CX,l);$APP.n(q)?l=q:(l=parseFloat(l),q=isFinite(l),l=$APP.n($APP.n(q)?l>0:q)?$APP.ph.i(100,$APP.oh.i(10,l)):50)}else l=50;typeof g==="string"&&$APP.N("",g.trim())?(g=g.trim(),q=$APP.D(DX,g),$APP.n(q)?g=q:(g=parseFloat(g),q=isFinite(g),g=$APP.n($APP.n(q)?g>0:q)?g:10)):g=10;e=typeof e==="string"&&$APP.I(EX,e)?
+e:"float";d=d!=null;typeof m==="string"&&$APP.N("",m.trim())?(m=parseFloat(m.trim()),q=isFinite(m),m=$APP.n($APP.n(q)?m>0:q)?m:60):m=60;q=wX(h,c,l);typeof p==="string"&&$APP.N("",p.trim())?(p=parseFloat(p.trim()),p=$APP.n(isFinite(p))?$APP.ph.i(1,$APP.oh.i(0,p)):.7):p=.7;b=typeof b==="string"&&$APP.I(FX,b)?b:"normal";h=$APP.zf([zX,$APP.Wg,$APP.rm,GX,$APP.ki,$APP.Qm,$APP.qi,$APP.Rh,AX,HX],[d,e,h,g,m,q,p,c,b,l]);b=$APP.M(h);p=$APP.D(b,$APP.ki);c=$APP.D(b,$APP.qi);m=$APP.D(b,AX);l=$APP.D(b,$APP.Wg);
+d=$APP.D(b,zX);e=$APP.k(a,"__xGaussianBlurBackdrop");b=$APP.k(a,"__xGaussianBlurSlot");e.style.setProperty("filter","blur("+$APP.T.g(p)+"px)");e.style.setProperty("opacity",""+$APP.T.g(c));e.style.setProperty("mix-blend-mode",m);$APP.n(d)?a.setAttribute("data-paused",""):a.removeAttribute("data-paused");a.setAttribute("data-animation",l);a:{m=$APP.M(h);h=$APP.D(m,$APP.Qm);p=$APP.D(m,$APP.Wg);c=$APP.D(m,GX);$APP.D(m,$APP.ki);d=$APP.k(a,"__xGaussianBlurBackdrop");m=$APP.k(a,"__xGaussianBlurBlobs");
+e=m.length;l=$APP.z(h);for(g=e;;)if(g<l)q=document.createElement("div"),q.className="blob",d.appendChild(q),m.push(q),g+=1;else break;for(;;)if(e>l)g=m.pop(),d.removeChild(g),--e;else break;for(d=0;;)if(d<l){var v=m[d];q=$APP.pc(h,d);g=p;e=c;var x=$APP.M(q),y=$APP.D(x,$APP.Oj),A=$APP.D(x,$APP.Ll),C=$APP.D(x,$APP.Kl),E=$APP.D(x,$APP.Mh),H=$APP.D(x,tX);q=$APP.D(x,uX);x=$APP.D(x,vX);v=v.style;E=""+$APP.T.g(E)+"%";v.setProperty("left",""+$APP.T.g(A)+"%");v.setProperty("top",""+$APP.T.g(C)+"%");v.setProperty("width",
+E);v.setProperty("height",E);v.setProperty("background","radial-gradient(circle,"+$APP.T.g(y)+" 0%,transparent 70%)");v.setProperty("transform","translate(-50%,-50%)");b:switch(y=H,g){case "float":g="x-gb-float-"+$APP.T.g(y);break b;case "pulse":g="x-gb-pulse-"+$APP.T.g(y);break b;default:g=null}$APP.n(g)?(q*=e,e*=x,v.setProperty("animation",""+$APP.T.g(g)+" "+$APP.T.g(q)+"s ease-in-out "+$APP.T.g(e)+"s infinite")):v.removeProperty("animation");d+=1}else break a}yX(a,b)},JX=function(a){function b(){return yX(a,
+c)}$APP.n($APP.k(a,"__xGaussianBlurInit"))||xX(a);var c=$APP.k(a,"__xGaussianBlurSlot");a.__xGaussianBlurSlotHandler=b;c.addEventListener("slotchange",b);IX(a)},KX=function(a){for(var b=$APP.t(new $APP.O(null,8,5,$APP.P,[new $APP.O(null,3,5,$APP.P,["colors","colors","#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.O(null,3,5,$APP.P,["blur","blur","60"],null),new $APP.O(null,3,5,$APP.P,["speed","speed","medium"],null),new $APP.O(null,3,5,$APP.P,["count","count","5"],null),new $APP.O(null,3,5,$APP.P,
 ["size","size","medium"],null),new $APP.O(null,3,5,$APP.P,["opacity","opacity","0.7"],null),new $APP.O(null,3,5,$APP.P,["animation","animation","float"],null),new $APP.O(null,3,5,$APP.P,["blend","blend","normal"],null)],null)),c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e),h=$APP.Ac(g,0,null),l=$APP.Ac(g,1,null),m=$APP.Ac(g,2,null);Object.defineProperty(a,h,{get:function(v,x,y,A,C,E,H,G){return function(){var J=this.getAttribute(H);return $APP.n(J)?J:G}}(b,c,d,e,g,h,l,m),set:function(v,x,y,A,C,E,H){return function(G){return typeof G===
 "string"&&$APP.N("",G)?this.setAttribute(H,G):this.removeAttribute(H)}}(b,c,d,e,g,h,l,m),enumerable:!0,configurable:!0});e+=1}else if(h=$APP.t(b)){g=h;if($APP.Nc(g))b=$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e;else{l=$APP.u(g);m=$APP.Ac(l,0,null);var p=$APP.Ac(l,1,null),q=$APP.Ac(l,2,null);Object.defineProperty(a,m,{get:function(v,x,y,A,C,E,H,G){return function(){var J=this.getAttribute(H);return $APP.n(J)?J:G}}(b,c,d,e,l,m,p,q,g,h),set:function(v,x,y,A,C,E,H){return function(G){return typeof G===
-"string"&&$APP.N("",G)?this.setAttribute(H,G):this.removeAttribute(H)}}(b,c,d,e,l,m,p,q,g,h),enumerable:!0,configurable:!0});b=$APP.w(g);c=null;d=0}e=0}else break;Object.defineProperty(a,"paused",{get:function(){return this.hasAttribute("paused")},set:function(v){return $APP.n(v)?this.setAttribute("paused",""):this.removeAttribute("paused")},enumerable:!0,configurable:!0})},JX=function(){var a=class extends HTMLElement{};a.observedAttributes=IX;a.prototype.connectedCallback=function(){GX(this);return null};
-a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xGaussianBlurSlot"),c=$APP.k(this,"__xGaussianBlurSlotHandler");$APP.n($APP.n(b)?c:b)&&b.removeEventListener("slotchange",c);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xGaussianBlurInit"))&&FX(this);return null};HX(a.prototype);return a},KX=function(){$APP.n(customElements.get("x-gaussian-blur"))||customElements.define("x-gaussian-blur",JX());return null},DX=new $APP.K(null,"speed-s",
-"speed-s",-1018350546),xX=new $APP.K(null,"blend","blend",249565561),wX=new $APP.K(null,"paused","paused",-1710376127),EX=new $APP.K(null,"size-pct","size-pct",-741809955),qX=new $APP.K(null,"anim-index","anim-index",-1563021855),sX=new $APP.K(null,"delay-factor","delay-factor",-751650178),rX=new $APP.K(null,"duration-factor","duration-factor",-409465019);var IX="colors blur speed count size opacity animation blend paused".split(" ");
-$APP.zf([wX,$APP.Wg,$APP.Gj,$APP.pm,$APP.Mh,$APP.ki,$APP.qi,$APP.Rh,xX],[new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"paused"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"animation"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"speed"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"colors"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"size"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"blur"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"opacity"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,
-$APP.Ik,"count"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"blend"],null)]);
-var BX=new $APP.S(null,new $APP.R(null,3,["float",null,"none",null,"pulse",null],null),null),CX=new $APP.S(null,new $APP.R(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",null,"overlay",null],null),null),AX=new $APP.R(null,3,["slow",18,"medium",10,"fast",5],null),zX=new $APP.R(null,3,["small",30,"medium",50,"large",70],null),yX=function yX(a){return typeof a==="string"&&$APP.N("",a.trim())?(a=a.trim().split(/,/),$APP.We.m($APP.fe,$APP.th.i($APP.ae.g(function(c){return c.trim()}),
-$APP.ce(function(c){return $APP.N("",c)})),a)):yX.g?yX.g("#6366f1, #ec4899, #14b8a6, #f59e0b"):yX.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.ha("baredom.exports.x_gaussian_blur.init",KX);export const init=KX;
+"string"&&$APP.N("",G)?this.setAttribute(H,G):this.removeAttribute(H)}}(b,c,d,e,l,m,p,q,g,h),enumerable:!0,configurable:!0});b=$APP.w(g);c=null;d=0}e=0}else break;Object.defineProperty(a,"paused",{get:function(){return this.hasAttribute("paused")},set:function(v){return $APP.n(v)?this.setAttribute("paused",""):this.removeAttribute("paused")},enumerable:!0,configurable:!0})},MX=function(){var a=class extends HTMLElement{};a.observedAttributes=LX;a.prototype.connectedCallback=function(){JX(this);return null};
+a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xGaussianBlurSlot"),c=$APP.k(this,"__xGaussianBlurSlotHandler");$APP.n($APP.n(b)?c:b)&&b.removeEventListener("slotchange",c);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xGaussianBlurInit"))&&IX(this);return null};KX(a.prototype);return a},NX=function(){$APP.n(customElements.get("x-gaussian-blur"))||customElements.define("x-gaussian-blur",MX());return null},GX=new $APP.K(null,"speed-s",
+"speed-s",-1018350546),AX=new $APP.K(null,"blend","blend",249565561),zX=new $APP.K(null,"paused","paused",-1710376127),HX=new $APP.K(null,"size-pct","size-pct",-741809955),tX=new $APP.K(null,"anim-index","anim-index",-1563021855),vX=new $APP.K(null,"delay-factor","delay-factor",-751650178),uX=new $APP.K(null,"duration-factor","duration-factor",-409465019);var LX="colors blur speed count size opacity animation blend paused".split(" ");
+$APP.zf([zX,$APP.Wg,$APP.Gj,$APP.rm,$APP.Mh,$APP.ki,$APP.qi,$APP.Rh,AX],[new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"paused"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"animation"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"speed"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"colors"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"size"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"blur"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"opacity"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,
+$APP.Ik,"count"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"blend"],null)]);
+var EX=new $APP.S(null,new $APP.Q(null,3,["float",null,"none",null,"pulse",null],null),null),FX=new $APP.S(null,new $APP.Q(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",null,"overlay",null],null),null),DX=new $APP.Q(null,3,["slow",18,"medium",10,"fast",5],null),CX=new $APP.Q(null,3,["small",30,"medium",50,"large",70],null),BX=function BX(a){return typeof a==="string"&&$APP.N("",a.trim())?(a=a.trim().split(/,/),$APP.We.m($APP.fe,$APP.th.i($APP.ae.g(function(c){return c.trim()}),
+$APP.ce(function(c){return $APP.N("",c)})),a)):BX.g?BX.g("#6366f1, #ec4899, #14b8a6, #f59e0b"):BX.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.ha("baredom.exports.x_gaussian_blur.init",NX);export const init=NX;

package/dist/x-grid.d.ts

@@ -0,0 +1,12 @@
+// x-grid.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XGrid extends HTMLElement {
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-grid": XGrid;
+  }
+}

package/dist/x-grid.js

@@ -1,7 +1,7 @@
 import { $APP, shadow$provide } from "./base.js";
-var TP=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},UP=function(a,b,c){return $APP.I(b,a)?a:c},VP=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},WP=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:null},XP=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:"16rem"},hQ=function(a){var b=$APP.M(a);
-a=$APP.D(b,YP);var c=$APP.D(b,ZP),d=$APP.D(b,$APP.nm),e=$APP.D(b,$P),g=$APP.D(b,aQ),h=$APP.D(b,$APP.Mk),l=$APP.D(b,bQ),m=$APP.D(b,$APP.qj);b=$APP.D(b,$APP.Yj);h=WP(h);l=XP(l);var p=UP(b,cQ,"md");b=function(){var v=$APP.I(cQ,d)?d:null;return $APP.n(v)?v:p}();var q=function(){var v=$APP.I(cQ,m)?m:null;return $APP.n(v)?v:p}();g=UP(g,dQ,"stretch");c=UP(c,dQ,"stretch");e=VP(UP(e,eQ,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.T.g(l)+",1fr))";return $APP.zf([$P,aQ,$APP.Mk,$APP.qj,$APP.Yj,fQ,YP,
-gQ,$APP.nm,ZP],[e,g,h,TP(q),p,b,$APP.F(a),q,TP(b),c])},iQ=function(a){var b=$APP.zf([$P,aQ,$APP.Mk,bQ,$APP.qj,$APP.Yj,YP,$APP.nm,ZP],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]);b=hQ(b);a=$APP.k(a,"__x_grid_base");if($APP.n(a)){var c=a.style;a.setAttribute("data-gap",$APP.Yj.g(b));c.setProperty("--x-grid-columns",
-$APP.Mk.g(b));c.setProperty("--x-grid-row-gap",$APP.nm.g(b));c.setProperty("--x-grid-column-gap",$APP.qj.g(b));c.setProperty("--x-grid-align-items",aQ.g(b));c.setProperty("--x-grid-justify-items",ZP.g(b));b=c.setProperty("--x-grid-auto-flow",$P.g(b))}else b=null;return b},jQ=function(a){if(!$APP.Dg(a,"__x_grid_initialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent="\n  :host {\n  display:block;\n  }\n\n  :host([inline]) {\n  display:inline-block;\n  }\n\n  .base {\n  display:grid;\n  box-sizing:border-box;\n  grid-template-columns:var(--x-grid-columns);\n  row-gap:var(--x-grid-row-gap);\n  column-gap:var(--x-grid-column-gap);\n  align-items:var(--x-grid-align-items);\n  justify-items:var(--x-grid-justify-items);\n  grid-auto-flow:var(--x-grid-auto-flow);\n  }\n  ";
-d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__x_grid_root=b;a.__x_grid_base=d;a.__x_grid_initialized=!0}iQ(a);return a},lQ=function(){var a=class extends HTMLElement{};a.observedAttributes=kQ;a.prototype.connectedCallback=function(){return jQ(this)};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__x_grid_initialized")?iQ(this):jQ(this)};return a},mQ=function(){return $APP.n(customElements.get("x-grid"))?null:customElements.define("x-grid",
-lQ())},bQ=new $APP.K(null,"min-column-size","min-column-size",-1066019378),YP=new $APP.K(null,"inline","inline",1399884222),gQ=new $APP.K(null,"column-gap-token","column-gap-token",-10192833),aQ=new $APP.K(null,"align-items","align-items",-267946462),fQ=new $APP.K(null,"row-gap-token","row-gap-token",-219143816),$P=new $APP.K(null,"auto-flow","auto-flow",-1524521728),ZP=new $APP.K(null,"justify-items","justify-items",1638310783);var kQ="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),cQ=new $APP.S(null,new $APP.R(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),dQ=new $APP.S(null,new $APP.R(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),eQ=new $APP.S(null,new $APP.R(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);$APP.ha("baredom.exports.x_grid.init",mQ);export const init=mQ;
+var VP=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},WP=function(a,b,c){return $APP.I(b,a)?a:c},XP=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},YP=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:null},ZP=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:"16rem"},jQ=function(a){var b=$APP.M(a);
+a=$APP.D(b,$P);var c=$APP.D(b,aQ),d=$APP.D(b,$APP.pm),e=$APP.D(b,bQ),g=$APP.D(b,cQ),h=$APP.D(b,$APP.Mk),l=$APP.D(b,dQ),m=$APP.D(b,$APP.qj);b=$APP.D(b,$APP.Yj);h=YP(h);l=ZP(l);var p=WP(b,eQ,"md");b=function(){var v=$APP.I(eQ,d)?d:null;return $APP.n(v)?v:p}();var q=function(){var v=$APP.I(eQ,m)?m:null;return $APP.n(v)?v:p}();g=WP(g,fQ,"stretch");c=WP(c,fQ,"stretch");e=XP(WP(e,gQ,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.T.g(l)+",1fr))";return $APP.zf([bQ,cQ,$APP.Mk,$APP.qj,$APP.Yj,hQ,$P,
+iQ,$APP.pm,aQ],[e,g,h,VP(q),p,b,$APP.F(a),q,VP(b),c])},kQ=function(a){var b=$APP.zf([bQ,cQ,$APP.Mk,dQ,$APP.qj,$APP.Yj,$P,$APP.pm,aQ],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]);b=jQ(b);a=$APP.k(a,"__x_grid_base");if($APP.n(a)){var c=a.style;a.setAttribute("data-gap",$APP.Yj.g(b));c.setProperty("--x-grid-columns",
+$APP.Mk.g(b));c.setProperty("--x-grid-row-gap",$APP.pm.g(b));c.setProperty("--x-grid-column-gap",$APP.qj.g(b));c.setProperty("--x-grid-align-items",cQ.g(b));c.setProperty("--x-grid-justify-items",aQ.g(b));b=c.setProperty("--x-grid-auto-flow",bQ.g(b))}else b=null;return b},lQ=function(a){if(!$APP.Dg(a,"__x_grid_initialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent="\n  :host {\n  display:block;\n  }\n\n  :host([inline]) {\n  display:inline-block;\n  }\n\n  .base {\n  display:grid;\n  box-sizing:border-box;\n  grid-template-columns:var(--x-grid-columns);\n  row-gap:var(--x-grid-row-gap);\n  column-gap:var(--x-grid-column-gap);\n  align-items:var(--x-grid-align-items);\n  justify-items:var(--x-grid-justify-items);\n  grid-auto-flow:var(--x-grid-auto-flow);\n  }\n  ";
+d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__x_grid_root=b;a.__x_grid_base=d;a.__x_grid_initialized=!0}kQ(a);return a},nQ=function(){var a=class extends HTMLElement{};a.observedAttributes=mQ;a.prototype.connectedCallback=function(){return lQ(this)};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__x_grid_initialized")?kQ(this):lQ(this)};return a},oQ=function(){return $APP.n(customElements.get("x-grid"))?null:customElements.define("x-grid",
+nQ())},dQ=new $APP.K(null,"min-column-size","min-column-size",-1066019378),$P=new $APP.K(null,"inline","inline",1399884222),iQ=new $APP.K(null,"column-gap-token","column-gap-token",-10192833),cQ=new $APP.K(null,"align-items","align-items",-267946462),hQ=new $APP.K(null,"row-gap-token","row-gap-token",-219143816),bQ=new $APP.K(null,"auto-flow","auto-flow",-1524521728),aQ=new $APP.K(null,"justify-items","justify-items",1638310783);var mQ="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),eQ=new $APP.S(null,new $APP.Q(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),fQ=new $APP.S(null,new $APP.Q(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),gQ=new $APP.S(null,new $APP.Q(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);$APP.ha("baredom.exports.x_grid.init",oQ);export const init=oQ;

package/dist/x-icon.d.ts

@@ -0,0 +1,15 @@
+// x-icon.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XIcon extends HTMLElement {
+  size: string;
+  color: string;
+  label: string;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-icon": XIcon;
+  }
+}

package/dist/x-icon.js

@@ -1,9 +1,9 @@
 import { $APP, shadow$provide } from "./base.js";
-var BP=function(){return new $APP.R(null,3,[$APP.Qh,""+$APP.T.g(zP)+"px",AP,"md",$APP.gl,zP],null)},DP=function(a){if(typeof a==="string"){a=a.trim();var b=a.toLowerCase();if($APP.B.i("",a))return BP();if($APP.I(CP,b))return a=$APP.D(CP,b),new $APP.R(null,3,[$APP.Qh,""+$APP.T.g(a)+"px",AP,b,$APP.gl,a],null);b=parseInt(a,10);return typeof b==="number"&&$APP.r(isNaN(b))&&b>0&&$APP.B.i(""+$APP.T.g(b),a)?new $APP.R(null,3,[$APP.Qh,""+$APP.T.g(b)+"px",AP,null,$APP.gl,b],null):BP()}return BP()},FP=function(a){if(!$APP.n($APP.k(a,
+var DP=function(){return new $APP.Q(null,3,[$APP.Qh,""+$APP.T.g(BP)+"px",CP,"md",$APP.il,BP],null)},FP=function(a){if(typeof a==="string"){a=a.trim();var b=a.toLowerCase();if($APP.B.i("",a))return DP();if($APP.I(EP,b))return a=$APP.D(EP,b),new $APP.Q(null,3,[$APP.Qh,""+$APP.T.g(a)+"px",CP,b,$APP.il,a],null);b=parseInt(a,10);return typeof b==="number"&&$APP.r(isNaN(b))&&b>0&&$APP.B.i(""+$APP.T.g(b),a)?new $APP.Q(null,3,[$APP.Qh,""+$APP.T.g(b)+"px",CP,null,$APP.il,b],null):DP()}return DP()},HP=function(a){if(!$APP.n($APP.k(a,
 "__xIconRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("span"),e=document.createElement("slot");c.textContent=':host{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;color:var(--x-icon-color,currentColor);--x-icon-size:20px;}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-icon-size);height:var(--x-icon-size);}::slotted(svg){display:block;width:100%;height:100%;}::slotted(svg[fill\x3d"currentColor"]),::slotted(svg[stroke\x3d"currentColor"]){color:inherit;}';
-d.setAttribute("part","box");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xIconRefs=new $APP.R(null,2,[$APP.Hi,b,EP,d],null)}},NP=function(a){var b=new $APP.R(null,4,[$APP.Ul,a.getAttribute("size"),$APP.en,a.getAttribute("color"),$APP.pi,a.getAttribute("label"),GP,a.hasAttribute("label")],null);b=$APP.M(b);var c=$APP.D(b,$APP.Ul),d=$APP.D(b,$APP.en),e=$APP.D(b,$APP.pi);b=$APP.D(b,GP);c=DP(c);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.I(HP,d)?d:"inherit"):d="inherit";e=$APP.n($APP.n(b)?
-typeof e==="string":b)?e:"";c=$APP.Qh.g(c);var g=d;$APP.B.i(g,"inherit")?d="inherit":(d=$APP.D(IP,g),g=$APP.D(JP,g),d="var("+$APP.T.g(d)+","+$APP.T.g(g)+")");b=new $APP.R(null,4,[KP,c,LP,d,$APP.U,e,MP,$APP.F(b)&&$APP.N("",e)],null);if($APP.N($APP.k(a,"__xIconModel"),b)){b=$APP.M(b);e=$APP.D(b,KP);c=$APP.D(b,LP);d=$APP.D(b,$APP.U);g=$APP.D(b,MP);FP(a);var h=a.style;h.setProperty("--x-icon-size",e);h.setProperty("--x-icon-color",c);$APP.n(g)?(a.setAttribute("role","img"),a.setAttribute("aria-label",
-d),a.removeAttribute("aria-hidden")):(a.setAttribute("aria-hidden","true"),a.removeAttribute("role"),a.removeAttribute("aria-label"));a.__xIconModel=b}},OP=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||$APP.B.i(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.T.g(d))},enumerable:!0,configurable:!0})},PP=function(a){OP(a,"size","size");OP(a,"color","color");OP(a,"label","label")},RP=function(){var a=
-class extends HTMLElement{};a.observedAttributes=QP;a.prototype.connectedCallback=function(){FP(this);NP(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&NP(this);return null};PP(a.prototype);return a},SP=function(){$APP.n(customElements.get("x-icon"))||customElements.define("x-icon",RP());return null},AP=new $APP.K(null,"token","token",-1211463215),LP=new $APP.K(null,"color-css","color-css",-1998870384),
-EP=new $APP.K(null,"box","box",1530920394),KP=new $APP.K(null,"size-css","size-css",-1292915783),GP=new $APP.K(null,"label-present?","label-present?",-367749525),MP=new $APP.K(null,"labelled?","labelled?",-1907816908);var QP=["size","color","label"],CP=new $APP.R(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),HP=new $APP.S(null,new $APP.R(null,8,["success",null,"warning",null,"muted",null,"secondary",null,"tertiary",null,"primary",null,"danger",null,"inherit",null],null),null),JP=new $APP.R(null,7,"primary #2563eb secondary #64748b tertiary #94a3b8 success #16a34a warning #d97706 danger #dc2626 muted #64748b".split(" "),null),IP=new $APP.R(null,7,"primary --x-color-primary secondary --x-color-secondary tertiary --x-color-tertiary success --x-color-success warning --x-color-warning danger --x-color-danger muted --x-color-text-muted".split(" "),
-null),zP=$APP.D(CP,"md");$APP.ha("baredom.exports.x_icon.init",SP);export const init=SP;
+d.setAttribute("part","box");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xIconRefs=new $APP.Q(null,2,[$APP.Hi,b,GP,d],null)}},PP=function(a){var b=new $APP.Q(null,4,[$APP.Wl,a.getAttribute("size"),$APP.gn,a.getAttribute("color"),$APP.pi,a.getAttribute("label"),IP,a.hasAttribute("label")],null);b=$APP.M(b);var c=$APP.D(b,$APP.Wl),d=$APP.D(b,$APP.gn),e=$APP.D(b,$APP.pi);b=$APP.D(b,IP);c=FP(c);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.I(JP,d)?d:"inherit"):d="inherit";e=$APP.n($APP.n(b)?
+typeof e==="string":b)?e:"";c=$APP.Qh.g(c);var g=d;$APP.B.i(g,"inherit")?d="inherit":(d=$APP.D(KP,g),g=$APP.D(LP,g),d="var("+$APP.T.g(d)+","+$APP.T.g(g)+")");b=new $APP.Q(null,4,[MP,c,NP,d,$APP.U,e,OP,$APP.F(b)&&$APP.N("",e)],null);if($APP.N($APP.k(a,"__xIconModel"),b)){b=$APP.M(b);e=$APP.D(b,MP);c=$APP.D(b,NP);d=$APP.D(b,$APP.U);g=$APP.D(b,OP);HP(a);var h=a.style;h.setProperty("--x-icon-size",e);h.setProperty("--x-icon-color",c);$APP.n(g)?(a.setAttribute("role","img"),a.setAttribute("aria-label",
+d),a.removeAttribute("aria-hidden")):(a.setAttribute("aria-hidden","true"),a.removeAttribute("role"),a.removeAttribute("aria-label"));a.__xIconModel=b}},QP=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||$APP.B.i(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.T.g(d))},enumerable:!0,configurable:!0})},RP=function(a){QP(a,"size","size");QP(a,"color","color");QP(a,"label","label")},TP=function(){var a=
+class extends HTMLElement{};a.observedAttributes=SP;a.prototype.connectedCallback=function(){HP(this);PP(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&PP(this);return null};RP(a.prototype);return a},UP=function(){$APP.n(customElements.get("x-icon"))||customElements.define("x-icon",TP());return null},CP=new $APP.K(null,"token","token",-1211463215),NP=new $APP.K(null,"color-css","color-css",-1998870384),
+GP=new $APP.K(null,"box","box",1530920394),MP=new $APP.K(null,"size-css","size-css",-1292915783),IP=new $APP.K(null,"label-present?","label-present?",-367749525),OP=new $APP.K(null,"labelled?","labelled?",-1907816908);var SP=["size","color","label"],EP=new $APP.Q(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),JP=new $APP.S(null,new $APP.Q(null,8,["success",null,"warning",null,"muted",null,"secondary",null,"tertiary",null,"primary",null,"danger",null,"inherit",null],null),null),LP=new $APP.Q(null,7,"primary #2563eb secondary #64748b tertiary #94a3b8 success #16a34a warning #d97706 danger #dc2626 muted #64748b".split(" "),null),KP=new $APP.Q(null,7,"primary --x-color-primary secondary --x-color-secondary tertiary --x-color-tertiary success --x-color-success warning --x-color-warning danger --x-color-danger muted --x-color-text-muted".split(" "),
+null),BP=$APP.D(EP,"md");$APP.ha("baredom.exports.x_icon.init",UP);export const init=UP;

package/dist/x-image.d.ts

@@ -0,0 +1,48 @@
+// x-image.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XImageEventMap {
+  "x-image-load": CustomEvent<{ src: string; naturalWidth: number; naturalHeight: number }>;
+  "x-image-error": CustomEvent<{ src: string }>;
+}
+
+export interface XImage extends HTMLElement {
+  alt: string;
+  fit: string;
+  src: string;
+  readonly state: string;
+  decorative: boolean;
+  loading: string;
+  ratio: string;
+  readonly naturalHeight: number;
+  readonly naturalWidth: number;
+  position: string;
+
+  addEventListener<K extends keyof XImageEventMap>(
+    type: K,
+    listener: (this: XImage, ev: XImageEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof XImageEventMap>(
+    type: K,
+    listener: (this: XImage, ev: XImageEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-image": XImage;
+  }
+}

package/dist/x-image.js

@@ -1,20 +1,20 @@
 import { $APP, shadow$provide } from "./base.js";
-var NM=function(a){if(a==null)return new $APP.R(null,2,[$APP.Qh,null,$APP.Th,!0],null);if(typeof a!=="string")return new $APP.R(null,2,[$APP.Qh,null,$APP.Th,!1],null);a=a.trim().toLowerCase();if($APP.B.i(a,"")||$APP.B.i(a,"auto"))return new $APP.R(null,2,[$APP.Qh,null,$APP.Th,!0],null);var b=$APP.eg(MM,a);return $APP.n(b)?(a=parseFloat($APP.pc(b,1)),b=parseFloat($APP.pc(b,2)),a>0&&b>0?new $APP.R(null,2,[$APP.Qh,""+$APP.T.g(a)+" / "+$APP.T.g(b),$APP.Th,!0],null):new $APP.R(null,2,[$APP.Qh,null,$APP.Th,
-!1],null)):new $APP.R(null,2,[$APP.Qh,null,$APP.Th,!1],null)},SM=function(a){var b=$APP.k(a,"__xImageRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("img"),h=document.createElement("div"),l=document.createElement("slot"),m=document.createElement("div"),p=document.createElement("span"),q=document.createElement("span");c.textContent=":host{display:block;max-width:100%;box-sizing:border-box;color-scheme:light dark;--x-image-radius:var(--x-radius-md,8px);--x-image-bg:var(--x-color-surface,#f3f4f6);--x-image-border:0;--x-image-shimmer-color:var(--x-color-border,rgba(0,0,0,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.65);--x-image-shimmer-duration:1.5s;--x-image-fade-duration:var(--x-transition-duration,200ms);--x-image-fade-easing:var(--x-transition-easing,ease);--x-image-text:var(--x-color-text-muted,rgba(0,0,0,0.55));--x-image-error-gap:var(--x-space-xs,6px);--x-image-font-family:var(--x-font-family,system-ui,sans-serif);--x-image-font-size:var(--x-font-size-sm,0.875rem);}@media (prefers-color-scheme:dark){:host{--x-image-bg:var(--x-color-surface,#1f2937);--x-image-shimmer-color:var(--x-color-border,rgba(255,255,255,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.10);--x-image-text:var(--x-color-text-muted,rgba(255,255,255,0.65));}}[part\x3dframe]{position:relative;width:100%;height:100%;min-height:1em;background:var(--x-image-bg);border-radius:var(--x-image-radius);border:var(--x-image-border);overflow:hidden;}[part\x3dimage]{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--x-image-fade-duration) var(--x-image-fade-easing);}:host([data-state\x3dloaded]) [part\x3dimage]{opacity:1;}[part\x3dshimmer]{position:absolute;inset:0;background-color:var(--x-image-shimmer-color);background-image:linear-gradient(90deg,transparent 0%,var(--x-image-shimmer-highlight) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;animation:x-image-shimmer var(--x-image-shimmer-duration) linear infinite;}@keyframes x-image-shimmer{0%{background-position:-100% 0;}100%{background-position:100% 0;}}:host([data-state\x3dloaded]) [part\x3dshimmer],:host([data-state\x3derror]) [part\x3dshimmer]{display:none;}[part\x3derror]{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-image-error-gap);padding:8px;text-align:center;color:var(--x-image-text);font-family:var(--x-image-font-family);font-size:var(--x-image-font-size);}:host([data-state\x3derror]) [part\x3derror]{display:flex;}:host([data-state\x3derror]) [part\x3dimage]{visibility:hidden;}[part\x3derror-glyph]{font-size:1.5em;line-height:1;}[part\x3derror-text]{line-height:1.25;}@media (prefers-reduced-motion:reduce){[part\x3dshimmer]{animation:none;}[part\x3dimage]{transition:none;}}";
+var PM=function(a){if(a==null)return new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!0],null);if(typeof a!=="string")return new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!1],null);a=a.trim().toLowerCase();if($APP.B.i(a,"")||$APP.B.i(a,"auto"))return new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!0],null);var b=$APP.eg(OM,a);return $APP.n(b)?(a=parseFloat($APP.pc(b,1)),b=parseFloat($APP.pc(b,2)),a>0&&b>0?new $APP.Q(null,2,[$APP.Qh,""+$APP.T.g(a)+" / "+$APP.T.g(b),$APP.Th,!0],null):new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,
+!1],null)):new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!1],null)},UM=function(a){var b=$APP.k(a,"__xImageRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("img"),h=document.createElement("div"),l=document.createElement("slot"),m=document.createElement("div"),p=document.createElement("span"),q=document.createElement("span");c.textContent=":host{display:block;max-width:100%;box-sizing:border-box;color-scheme:light dark;--x-image-radius:var(--x-radius-md,8px);--x-image-bg:var(--x-color-surface,#f3f4f6);--x-image-border:0;--x-image-shimmer-color:var(--x-color-border,rgba(0,0,0,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.65);--x-image-shimmer-duration:1.5s;--x-image-fade-duration:var(--x-transition-duration,200ms);--x-image-fade-easing:var(--x-transition-easing,ease);--x-image-text:var(--x-color-text-muted,rgba(0,0,0,0.55));--x-image-error-gap:var(--x-space-xs,6px);--x-image-font-family:var(--x-font-family,system-ui,sans-serif);--x-image-font-size:var(--x-font-size-sm,0.875rem);}@media (prefers-color-scheme:dark){:host{--x-image-bg:var(--x-color-surface,#1f2937);--x-image-shimmer-color:var(--x-color-border,rgba(255,255,255,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.10);--x-image-text:var(--x-color-text-muted,rgba(255,255,255,0.65));}}[part\x3dframe]{position:relative;width:100%;height:100%;min-height:1em;background:var(--x-image-bg);border-radius:var(--x-image-radius);border:var(--x-image-border);overflow:hidden;}[part\x3dimage]{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--x-image-fade-duration) var(--x-image-fade-easing);}:host([data-state\x3dloaded]) [part\x3dimage]{opacity:1;}[part\x3dshimmer]{position:absolute;inset:0;background-color:var(--x-image-shimmer-color);background-image:linear-gradient(90deg,transparent 0%,var(--x-image-shimmer-highlight) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;animation:x-image-shimmer var(--x-image-shimmer-duration) linear infinite;}@keyframes x-image-shimmer{0%{background-position:-100% 0;}100%{background-position:100% 0;}}:host([data-state\x3dloaded]) [part\x3dshimmer],:host([data-state\x3derror]) [part\x3dshimmer]{display:none;}[part\x3derror]{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-image-error-gap);padding:8px;text-align:center;color:var(--x-image-text);font-family:var(--x-image-font-family);font-size:var(--x-image-font-size);}:host([data-state\x3derror]) [part\x3derror]{display:flex;}:host([data-state\x3derror]) [part\x3dimage]{visibility:hidden;}[part\x3derror-glyph]{font-size:1.5em;line-height:1;}[part\x3derror-text]{line-height:1.25;}@media (prefers-reduced-motion:reduce){[part\x3dshimmer]{animation:none;}[part\x3dimage]{transition:none;}}";
 d.setAttribute("part","frame");e.setAttribute("part","shimmer");e.setAttribute("aria-hidden","true");g.setAttribute("part","image");g.alt="";g.decoding="async";g.loading="lazy";h.setAttribute("part","error");h.setAttribute("role","img");h.setAttribute("aria-label","Image failed to load");l.setAttribute("name","error");m.setAttribute("part","error-default");p.setAttribute("part","error-glyph");p.setAttribute("aria-hidden","true");p.textContent="⚠";q.setAttribute("part","error-text");q.textContent=
-"Image unavailable";m.appendChild(p);m.appendChild(q);l.appendChild(m);h.appendChild(l);d.appendChild(e);d.appendChild(g);d.appendChild(h);b.appendChild(c);b.appendChild(d);a.__xImageRefs=new $APP.R(null,6,[$APP.Hi,b,OM,d,PM,e,$APP.yj,g,QM,h,RM,l],null);return $APP.k(a,"__xImageRefs")},TM=function(a,b){a.__xImageState=b;a.setAttribute("data-state",b)},eN=function(a){var b=new $APP.R(null,8,[$APP.em,a.getAttribute("src"),$APP.Jm,a.getAttribute("alt"),UM,a.hasAttribute("alt"),VM,a.hasAttribute("decorative"),
-WM,a.getAttribute("ratio"),XM,a.getAttribute("fit"),$APP.Xj,a.getAttribute("position"),$APP.Bm,a.getAttribute("loading")],null);var c=$APP.M(b),d=$APP.D(c,$APP.em),e=$APP.D(c,$APP.Jm),g=$APP.D(c,UM),h=$APP.D(c,VM),l=$APP.D(c,WM),m=$APP.D(c,XM);b=$APP.D(c,$APP.Xj);var p=$APP.D(c,$APP.Bm);h=$APP.F(h);l=NM(l);c=$APP.M(l);l=$APP.D(c,$APP.Qh);c=$APP.D(c,$APP.Th);var q=!h&&$APP.r(g);e=h?"":$APP.n(g)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.I(YM,m)?m:"cover"):m="cover";typeof d===
-"string"?(d=$APP.Og(d),d=typeof d==="string"&&$APP.N("",d)?d:null):d=null;typeof p==="string"?(p=p.trim().toLowerCase(),p=$APP.I(ZM,p)?p:"lazy"):p="lazy";typeof b==="string"?(b=b.trim(),b=$APP.B.i(b,"")?"center":b):b="center";b=$APP.zf([$APP.ii,$M,$APP.Ak,aN,$APP.wl,bN,cN,$APP.an,dN],[e,m,d,h,p,c,q,b,l]);$APP.N($APP.k(a,"__xImageModel"),b)&&(h=SM(a),c=$APP.M(h),h=$APP.D(c,OM),l=$APP.D(c,$APP.yj),c=$APP.D(c,QM),q=$APP.k(a,"__xImageModel"),p=$APP.n(q)?$APP.Ak.g(q):null,q=q==null||$APP.N(p,$APP.Ak.g(b)),
-$APP.n(dN.g(b))?h.style.aspectRatio=dN.g(b):h.style.aspectRatio="",$APP.n(bN.g(b))||$APP.n($APP.k(a,"__xImageWarnedRatio"))||(a.__xImageWarnedRatio=!0,console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").')),l.style.objectFit=$M.g(b),l.style.objectPosition=$APP.an.g(b),l.loading=$APP.wl.g(b),l.decoding="async",$APP.n(aN.g(b))?(l.alt="",a.setAttribute("aria-hidden","true"),a.removeAttribute("role")):(l.alt=$APP.ii.g(b),a.removeAttribute("aria-hidden"),a.setAttribute("role",
-"img"),$APP.n(cN.g(b))&&!$APP.n($APP.k(a,"__xImageWarnedAlt"))&&(a.__xImageWarnedAlt=!0,console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.'))),c.setAttribute("aria-label",$APP.r(aN.g(b))&&$APP.N("",$APP.ii.g(b))?$APP.ii.g(b):"Image failed to load"),q&&(h=$APP.Ak.g(b),l=$APP.M($APP.k(a,"__xImageRefs")),l=$APP.D(l,$APP.yj),$APP.N($APP.k(a,"__xImageCurrentSrc"),h)&&(a.__xImageCurrentSrc=h,typeof h==="string"&&$APP.N("",h)?(TM(a,"loading"),l.setAttribute("src",
-h)):(l.removeAttribute("src"),TM(a,"loading")))),a.__xImageModel=b)},iN=function(a){function b(){var e=$APP.M($APP.k(a,"__xImageRefs")),g=$APP.D(e,$APP.yj);e=$APP.k(a,"__xImageCurrentSrc");$APP.n($APP.n(g)?typeof e==="string"&&$APP.N("",e):g)&&(g=g.getAttribute("src"),$APP.B.i(g,e)&&(TM(a,"error"),e=$APP.Hh(new $APP.R(null,1,[$APP.Ak,$APP.n(e)?e:""],null)),e=new CustomEvent("x-image-error",{detail:e,bubbles:!0,composed:!0,cancelable:!1}),a.dispatchEvent(e)));return null}function c(){var e=$APP.M($APP.k(a,
-"__xImageRefs")),g=$APP.D(e,$APP.yj);e=$APP.k(a,"__xImageCurrentSrc");if($APP.n($APP.n(g)?typeof e==="string"&&$APP.N("",e):g)){var h=g.getAttribute("src");$APP.B.i(h,e)&&(TM(a,"loaded"),h=g.naturalWidth,g=g.naturalHeight,e=$APP.Hh(new $APP.R(null,3,[$APP.Ak,$APP.n(e)?e:"",fN,$APP.n(h)?h:0,gN,$APP.n(g)?g:0],null)),e=new CustomEvent("x-image-load",{detail:e,bubbles:!0,composed:!0,cancelable:!1}),a.dispatchEvent(e))}return null}var d=SM(a);d=$APP.M(d);d=$APP.D(d,$APP.yj);d.addEventListener("load",c);
-d.addEventListener("error",b);$APP.Cg(a,"__xImageHandlers",new $APP.R(null,2,[hN,c,$APP.Ei,b],null))},jN=function(a){var b=$APP.k(a,"__xImageHandlers"),c=$APP.k(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.yj.g(c);var d=hN.g(b);b=$APP.Ei.g(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}a.__xImageHandlers=null},kN=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||
-$APP.B.i(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.T.g(d))},enumerable:!0,configurable:!0})},lN=function(a){kN(a,"src","src");kN(a,"alt","alt");kN(a,"ratio","ratio");kN(a,"fit","fit");kN(a,"position","position");kN(a,"loading","loading");Object.defineProperty(a,"decorative",{get:function(){return this.hasAttribute("decorative")},set:function(b){return $APP.n(b)?this.setAttribute("decorative",""):this.removeAttribute("decorative")},enumerable:!0,configurable:!0});Object.defineProperty(a,
-"naturalWidth",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.yj.g(b).naturalWidth:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"naturalHeight",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.yj.g(b).naturalHeight:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"state",{get:function(){var b=$APP.k(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},nN=function(){var a=class extends HTMLElement{};
-a.observedAttributes=mN;a.prototype.connectedCallback=function(){SM(this);jN(this);iN(this);$APP.k(this,"__xImageState")==null&&TM(this,"loading");eN(this);return null};a.prototype.disconnectedCallback=function(){jN(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&eN(this);return null};lN(a.prototype);return a},oN=function(){$APP.n(customElements.get("x-image"))||customElements.define("x-image",nN());return null},OM=new $APP.K(null,"frame","frame",-1711082588),
-XM=new $APP.K(null,"fit-raw","fit-raw",792829585),aN=new $APP.K(null,"decorative?","decorative?",131461581),QM=new $APP.K(null,"error-box","error-box",1060106676),dN=new $APP.K(null,"ratio-css","ratio-css",1208951932),PM=new $APP.K(null,"shimmer","shimmer",2123148747),RM=new $APP.K(null,"error-slot","error-slot",493821239),WM=new $APP.K(null,"ratio-raw","ratio-raw",-1076891672),cN=new $APP.K(null,"warn-alt?","warn-alt?",-638898603),hN=new $APP.K(null,"load","load",-1318641184),VM=new $APP.K(null,
-"decorative-present?","decorative-present?",2067744841),$M=new $APP.K(null,"fit","fit",869444807),UM=new $APP.K(null,"alt-present?","alt-present?",-707038767),fN=new $APP.K(null,"naturalWidth","naturalWidth",-1890093257),gN=new $APP.K(null,"naturalHeight","naturalHeight",227028566),bN=new $APP.K(null,"ratio-valid?","ratio-valid?",-713026893);var mN="src alt decorative ratio fit position loading".split(" ");
-$APP.zf([$APP.ii,$M,$APP.Ak,new $APP.K(null,"state","state",-1988618099),new $APP.K(null,"decorative","decorative",-238973678),$APP.wl,$APP.xj,gN,fN,$APP.an],[new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Bj,!0],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,2,[$APP.Z,$APP.W,$APP.Bj,!0],null),
-new $APP.R(null,2,[$APP.Z,$APP.W,$APP.Bj,!0],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null)]);$APP.Pd(["x-image-load",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.Ak,$APP.Y,fN,$APP.W,gN,$APP.W],null),$APP.jm,!1],null),"x-image-error",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.Ak,$APP.Y],null),$APP.jm,!1],null)]);
-var YM=new $APP.S(null,new $APP.R(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),ZM=new $APP.S(null,new $APP.R(null,2,["eager",null,"lazy",null],null),null),MM=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.ha("baredom.exports.x_image.init",oN);export const init=oN;
+"Image unavailable";m.appendChild(p);m.appendChild(q);l.appendChild(m);h.appendChild(l);d.appendChild(e);d.appendChild(g);d.appendChild(h);b.appendChild(c);b.appendChild(d);a.__xImageRefs=new $APP.Q(null,6,[$APP.Hi,b,QM,d,RM,e,$APP.yj,g,SM,h,TM,l],null);return $APP.k(a,"__xImageRefs")},VM=function(a,b){a.__xImageState=b;a.setAttribute("data-state",b)},gN=function(a){var b=new $APP.Q(null,8,[$APP.gm,a.getAttribute("src"),$APP.Lm,a.getAttribute("alt"),WM,a.hasAttribute("alt"),XM,a.hasAttribute("decorative"),
+YM,a.getAttribute("ratio"),ZM,a.getAttribute("fit"),$APP.Xj,a.getAttribute("position"),$APP.Dm,a.getAttribute("loading")],null);var c=$APP.M(b),d=$APP.D(c,$APP.gm),e=$APP.D(c,$APP.Lm),g=$APP.D(c,WM),h=$APP.D(c,XM),l=$APP.D(c,YM),m=$APP.D(c,ZM);b=$APP.D(c,$APP.Xj);var p=$APP.D(c,$APP.Dm);h=$APP.F(h);l=PM(l);c=$APP.M(l);l=$APP.D(c,$APP.Qh);c=$APP.D(c,$APP.Th);var q=!h&&$APP.r(g);e=h?"":$APP.n(g)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.I($M,m)?m:"cover"):m="cover";typeof d===
+"string"?(d=$APP.Og(d),d=typeof d==="string"&&$APP.N("",d)?d:null):d=null;typeof p==="string"?(p=p.trim().toLowerCase(),p=$APP.I(aN,p)?p:"lazy"):p="lazy";typeof b==="string"?(b=b.trim(),b=$APP.B.i(b,"")?"center":b):b="center";b=$APP.zf([$APP.ei,bN,$APP.Ak,cN,$APP.yl,dN,eN,$APP.cn,fN],[e,m,d,h,p,c,q,b,l]);$APP.N($APP.k(a,"__xImageModel"),b)&&(h=UM(a),c=$APP.M(h),h=$APP.D(c,QM),l=$APP.D(c,$APP.yj),c=$APP.D(c,SM),q=$APP.k(a,"__xImageModel"),p=$APP.n(q)?$APP.Ak.g(q):null,q=q==null||$APP.N(p,$APP.Ak.g(b)),
+$APP.n(fN.g(b))?h.style.aspectRatio=fN.g(b):h.style.aspectRatio="",$APP.n(dN.g(b))||$APP.n($APP.k(a,"__xImageWarnedRatio"))||(a.__xImageWarnedRatio=!0,console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").')),l.style.objectFit=bN.g(b),l.style.objectPosition=$APP.cn.g(b),l.loading=$APP.yl.g(b),l.decoding="async",$APP.n(cN.g(b))?(l.alt="",a.setAttribute("aria-hidden","true"),a.removeAttribute("role")):(l.alt=$APP.ei.g(b),a.removeAttribute("aria-hidden"),a.setAttribute("role",
+"img"),$APP.n(eN.g(b))&&!$APP.n($APP.k(a,"__xImageWarnedAlt"))&&(a.__xImageWarnedAlt=!0,console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.'))),c.setAttribute("aria-label",$APP.r(cN.g(b))&&$APP.N("",$APP.ei.g(b))?$APP.ei.g(b):"Image failed to load"),q&&(h=$APP.Ak.g(b),l=$APP.M($APP.k(a,"__xImageRefs")),l=$APP.D(l,$APP.yj),$APP.N($APP.k(a,"__xImageCurrentSrc"),h)&&(a.__xImageCurrentSrc=h,typeof h==="string"&&$APP.N("",h)?(VM(a,"loading"),l.setAttribute("src",
+h)):(l.removeAttribute("src"),VM(a,"loading")))),a.__xImageModel=b)},kN=function(a){function b(){var e=$APP.M($APP.k(a,"__xImageRefs")),g=$APP.D(e,$APP.yj);e=$APP.k(a,"__xImageCurrentSrc");$APP.n($APP.n(g)?typeof e==="string"&&$APP.N("",e):g)&&(g=g.getAttribute("src"),$APP.B.i(g,e)&&(VM(a,"error"),e=$APP.Hh(new $APP.Q(null,1,[$APP.Ak,$APP.n(e)?e:""],null)),e=new CustomEvent("x-image-error",{detail:e,bubbles:!0,composed:!0,cancelable:!1}),a.dispatchEvent(e)));return null}function c(){var e=$APP.M($APP.k(a,
+"__xImageRefs")),g=$APP.D(e,$APP.yj);e=$APP.k(a,"__xImageCurrentSrc");if($APP.n($APP.n(g)?typeof e==="string"&&$APP.N("",e):g)){var h=g.getAttribute("src");$APP.B.i(h,e)&&(VM(a,"loaded"),h=g.naturalWidth,g=g.naturalHeight,e=$APP.Hh(new $APP.Q(null,3,[$APP.Ak,$APP.n(e)?e:"",hN,$APP.n(h)?h:0,iN,$APP.n(g)?g:0],null)),e=new CustomEvent("x-image-load",{detail:e,bubbles:!0,composed:!0,cancelable:!1}),a.dispatchEvent(e))}return null}var d=UM(a);d=$APP.M(d);d=$APP.D(d,$APP.yj);d.addEventListener("load",c);
+d.addEventListener("error",b);$APP.Cg(a,"__xImageHandlers",new $APP.Q(null,2,[jN,c,$APP.Ei,b],null))},lN=function(a){var b=$APP.k(a,"__xImageHandlers"),c=$APP.k(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.yj.g(c);var d=jN.g(b);b=$APP.Ei.g(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}a.__xImageHandlers=null},mN=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||
+$APP.B.i(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.T.g(d))},enumerable:!0,configurable:!0})},nN=function(a){mN(a,"src","src");mN(a,"alt","alt");mN(a,"ratio","ratio");mN(a,"fit","fit");mN(a,"position","position");mN(a,"loading","loading");Object.defineProperty(a,"decorative",{get:function(){return this.hasAttribute("decorative")},set:function(b){return $APP.n(b)?this.setAttribute("decorative",""):this.removeAttribute("decorative")},enumerable:!0,configurable:!0});Object.defineProperty(a,
+"naturalWidth",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.yj.g(b).naturalWidth:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"naturalHeight",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.yj.g(b).naturalHeight:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"state",{get:function(){var b=$APP.k(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},pN=function(){var a=class extends HTMLElement{};
+a.observedAttributes=oN;a.prototype.connectedCallback=function(){UM(this);lN(this);kN(this);$APP.k(this,"__xImageState")==null&&VM(this,"loading");gN(this);return null};a.prototype.disconnectedCallback=function(){lN(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&gN(this);return null};nN(a.prototype);return a},qN=function(){$APP.n(customElements.get("x-image"))||customElements.define("x-image",pN());return null},QM=new $APP.K(null,"frame","frame",-1711082588),
+ZM=new $APP.K(null,"fit-raw","fit-raw",792829585),cN=new $APP.K(null,"decorative?","decorative?",131461581),SM=new $APP.K(null,"error-box","error-box",1060106676),fN=new $APP.K(null,"ratio-css","ratio-css",1208951932),RM=new $APP.K(null,"shimmer","shimmer",2123148747),TM=new $APP.K(null,"error-slot","error-slot",493821239),YM=new $APP.K(null,"ratio-raw","ratio-raw",-1076891672),eN=new $APP.K(null,"warn-alt?","warn-alt?",-638898603),jN=new $APP.K(null,"load","load",-1318641184),XM=new $APP.K(null,
+"decorative-present?","decorative-present?",2067744841),bN=new $APP.K(null,"fit","fit",869444807),WM=new $APP.K(null,"alt-present?","alt-present?",-707038767),hN=new $APP.K(null,"naturalWidth","naturalWidth",-1890093257),iN=new $APP.K(null,"naturalHeight","naturalHeight",227028566),dN=new $APP.K(null,"ratio-valid?","ratio-valid?",-713026893);var oN="src alt decorative ratio fit position loading".split(" ");
+$APP.zf([$APP.ei,bN,$APP.Ak,new $APP.K(null,"state","state",-1988618099),new $APP.K(null,"decorative","decorative",-238973678),$APP.yl,$APP.xj,iN,hN,$APP.cn],[new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Bj,!0],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.Bj,!0],null),
+new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.Bj,!0],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null)]);$APP.Pd(["x-image-load",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[$APP.Ak,$APP.Y,hN,$APP.W,iN,$APP.W],null),$APP.lm,!1],null),"x-image-error",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,1,[$APP.Ak,$APP.Y],null),$APP.lm,!1],null)]);
+var $M=new $APP.S(null,new $APP.Q(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),aN=new $APP.S(null,new $APP.Q(null,2,["eager",null,"lazy",null],null),null),OM=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.ha("baredom.exports.x_image.init",qN);export const init=qN;