@vanelsas/baredom 2.4.1 → 2.6.0

package/dist/x-checkbox.js

@@ -1,12 +1,12 @@
 import { $APP, shadow$provide } from "./base.js";
-var yE=function(a,b,c){return a.setAttribute(b,c)},zE=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},BE=function(a){a=$APP.zf([$APP.yl,$APP.Ml,$APP.Nh,$APP.Zh,$APP.sj,AE,$APP.Lj,$APP.Cm,$APP.Uj,$APP.Cj],[a.getAttribute("name"),$APP.Kg(a.getAttribute("disabled")),$APP.Kg(a.getAttribute("required")),a.getAttribute("aria-labelledby"),$APP.Kg(a.getAttribute("checked")),$APP.Kg(a.getAttribute("indeterminate")),$APP.Kg(a.getAttribute("readonly")),a.getAttribute("value"),a.getAttribute("aria-label"),
-a.getAttribute("aria-describedby")]);var b=$APP.M(a);a=$APP.D(b,$APP.Uj);var c=$APP.D(b,$APP.Cj),d=$APP.D(b,$APP.yl),e=$APP.D(b,$APP.Ml),g=$APP.D(b,$APP.Nh),h=$APP.D(b,$APP.Zh),l=$APP.D(b,$APP.sj),m=$APP.D(b,AE),p=$APP.D(b,$APP.Lj);b=$APP.D(b,$APP.Cm);l=$APP.F(l);m=$APP.F(m);g=$APP.F(g);return $APP.zf([$APP.Yl,$APP.mi,$APP.ci,$APP.bn,$APP.Ej,$APP.Th,$APP.Aj,$APP.Yi,$APP.ek,$APP.Ym,$APP.Ol,$APP.X],[m,g,m?"mixed":l?"true":"false",$APP.F(p),l,$APP.n(g)?l:!0,d,b!=null?b:"on",h,c,a,$APP.F(e)])},CE=function(a){var b=
-$APP.k(a,"__xCheckboxRefs");if($APP.n(b)){var c=$APP.k(b,"control");b=BE(a);var d=$APP.X.g(b),e=$APP.Ej.g(b),g=$APP.Yl.g(b);yE(c,"aria-checked",$APP.ci.g(b));c.setAttribute("aria-disabled",$APP.n(d)?"true":"false");yE(c,"aria-required",$APP.n($APP.mi.g(b))?"true":"false");yE(c,"aria-readonly",$APP.n($APP.bn.g(b))?"true":"false");var h=$APP.Ol.g(b);$APP.n(h)?c.setAttribute("aria-label",h):c.removeAttribute("aria-label");h=$APP.ek.g(b);$APP.n(h)?c.setAttribute("aria-labelledby",h):c.removeAttribute("aria-labelledby");
-h=$APP.Ym.g(b);$APP.n(h)?c.setAttribute("aria-describedby",h):c.removeAttribute("aria-describedby");c.tabIndex=$APP.n(d)?-1:0;$APP.n(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");zE(a,"data-checked",e);zE(a,"data-indeterminate",g);zE(a,"data-disabled",d);a=$APP.k(a,"__xCheckboxInternals");if($APP.n(a))return b=$APP.n(e)?$APP.Yi.g(b):null,a.setFormValue($APP.n(b)?b:null)}return null},DE=function(a){var b=BE(a),c=$APP.X.g(b),d=$APP.bn.g(b);if($APP.n($APP.n(c)?c:d))return null;c=$APP.Ej.g(b);
-d=$APP.Yl.g(b);d=$APP.n(d)?new $APP.R(null,2,[$APP.Ej,!0,$APP.Yl,!1],null):new $APP.R(null,2,[$APP.Ej,$APP.r(c),$APP.Yl,!1],null);var e=$APP.Ej.g(d);b=$APP.Yi.g(b);c=new CustomEvent("x-checkbox-change-request",{detail:{value:b,previousChecked:c,nextChecked:e},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(c);return $APP.r(c.defaultPrevented)?(zE(a,"checked",e),zE(a,"indeterminate",$APP.Yl.g(d)),CE(a),a.dispatchEvent(new CustomEvent("x-checkbox-change",{detail:{value:b,checked:e},bubbles:!0,
-composed:!0,cancelable:!1}))):null},EE=function(a){return function(){return DE(a)}},FE=function(a){return function(b){var c=b.key;return $APP.B.i(c," ")||$APP.B.i(c,"Enter")?(b.preventDefault(),DE(a)):null}},GE=function(a){var b=$APP.k(a,"__xCheckboxRefs");if($APP.n(b)){var c=$APP.k(a,"__xCheckboxHandlers");if($APP.n(c)){b=$APP.k(b,"control");b.removeEventListener("click",$APP.k(c,"click"));b.removeEventListener("keydown",$APP.k(c,"keydown"));a.__xCheckboxHandlers=null;return}}return null},HE=function(a,
-b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return zE(this,c,$APP.F(d))}})},IE=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.N(d)?yE(this,c,""+$APP.T.g(d)):this.removeAttribute(c)}})},KE=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;a.observedAttributes=JE;HE(b,
-"checked","checked");HE(b,"indeterminate","indeterminate");HE(b,"disabled","disabled");HE(b,"readOnly","readonly");HE(b,"required","required");IE(b,"name","name");IE(b,"value","value");b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xCheckboxRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("button"),g=document.createElement("span"),h=document.createElement("span");d.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-checkbox-size:16px;--x-checkbox-border-width:2px;--x-checkbox-border-color:var(--x-color-border,#6b7280);--x-checkbox-border-radius:4px;--x-checkbox-bg:var(--x-color-surface,#ffffff);--x-checkbox-bg-checked:var(--x-color-primary,#2563eb);--x-checkbox-bg-indeterminate:var(--x-color-primary,#2563eb);--x-checkbox-border-checked:var(--x-color-primary,#2563eb);--x-checkbox-border-indeterminate:var(--x-color-primary,#2563eb);--x-checkbox-check-color:var(--x-color-surface,#ffffff);--x-checkbox-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-checkbox-disabled-opacity:0.45;--x-checkbox-transition:background var(--x-transition-duration,120ms) var(--x-transition-easing,ease),border-color var(--x-transition-duration,120ms) var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-checkbox-border-color:var(--x-color-border,#9ca3af);--x-checkbox-bg:var(--x-color-surface,#1f2937);--x-checkbox-bg-checked:var(--x-color-primary,#3b82f6);--x-checkbox-bg-indeterminate:var(--x-color-primary,#3b82f6);--x-checkbox-border-checked:var(--x-color-primary,#3b82f6);--x-checkbox-border-indeterminate:var(--x-color-primary,#3b82f6);--x-checkbox-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontrol]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}[part\x3dcontrol][disabled]{cursor:default;opacity:var(--x-checkbox-disabled-opacity);}[part\x3dcontrol]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-checkbox-focus-ring);border-radius:calc(var(--x-checkbox-border-radius) + 2px);}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-checkbox-size);height:var(--x-checkbox-size);border:var(--x-checkbox-border-width) solid var(--x-checkbox-border-color);border-radius:var(--x-checkbox-border-radius);background:var(--x-checkbox-bg);transition:var(--x-checkbox-transition);position:relative;flex-shrink:0;}:host([data-checked]) [part\x3dbox]{background:var(--x-checkbox-bg-checked);border-color:var(--x-checkbox-border-checked);}:host([data-indeterminate]) [part\x3dbox]{background:var(--x-checkbox-bg-indeterminate);border-color:var(--x-checkbox-border-indeterminate);}[part\x3dcheck]{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;}[part\x3dcheck]::before{content:'\\2713';color:var(--x-checkbox-check-color);font-size:10px;font-weight:700;line-height:1;opacity:0;transition:opacity 100ms ease;position:absolute;}:host([data-checked]) [part\x3dcheck]::before{opacity:1;}[part\x3dcheck]::after{content:'';display:block;width:8px;height:2px;background:var(--x-checkbox-check-color);border-radius:1px;opacity:0;transition:opacity 100ms ease;position:absolute;}:host([data-indeterminate]) [part\x3dcheck]::after{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dbox]{transition:none;}[part\x3dcheck]::before{transition:none;}[part\x3dcheck]::after{transition:none;}}";
-e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","checkbox");g.setAttribute("part","box");h.setAttribute("part","check");g.appendChild(h);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xCheckboxRefs={root:c,control:e,box:g,check:h};$APP.n(this.attachInternals)&&(this.__xCheckboxInternals=this.attachInternals())}GE(this);c=$APP.k(this,"__xCheckboxRefs");$APP.n(c)&&(c=$APP.k(c,"control"),d=EE(this),e=FE(this),g={click:d,keydown:e},c.addEventListener("click",
-d),c.addEventListener("keydown",e),this.__xCheckboxHandlers=g);d=this.getAttribute("id");$APP.n(d)&&(c=document.querySelector("label[for\x3d'"+$APP.T.g(d)+"']"),$APP.n(c)&&(e=c.getAttribute("id"),$APP.n(e)?c=e:(d="x-cb-lbl-"+$APP.T.g(d),c.setAttribute("id",d),c=d),d=$APP.k(this,"__xCheckboxRefs"),$APP.n(d)&&(d=$APP.k(d,"control"),$APP.n(this.hasAttribute("aria-labelledby"))||d.setAttribute("aria-labelledby",c))));return CE(this)};b.disconnectedCallback=function(){return GE(this)};b.attributeChangedCallback=
-function(){return CE(this)};b.formDisabledCallback=function(c){zE(this,"disabled",$APP.F(c));return CE(this)};b.formResetCallback=function(){this.removeAttribute("checked");this.removeAttribute("indeterminate");return CE(this)};return a},LE=function(){return $APP.n(customElements.get("x-checkbox"))?null:customElements.define("x-checkbox",KE())},AE=new $APP.K(null,"indeterminate-present?","indeterminate-present?",-1714683438);var JE="checked indeterminate disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.Pd(["x-checkbox-change-request",new $APP.R(null,2,[$APP.jm,!0,$APP.V,new $APP.R(null,3,[$APP.Yi,$APP.Y,$APP.vk,$APP.Zj,$APP.Tl,$APP.Zj],null)],null),"x-checkbox-change",new $APP.R(null,2,[$APP.jm,!1,$APP.V,new $APP.R(null,2,[$APP.Yi,$APP.Y,$APP.Qm,$APP.Zj],null)],null)]);$APP.ha("baredom.exports.x_checkbox.init",LE);export const init=LE;
+var zE=function(a,b,c){return a.setAttribute(b,c)},AE=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},CE=function(a){a=$APP.zf([$APP.Al,$APP.Ol,$APP.Nh,$APP.Zh,$APP.sj,BE,$APP.Lj,$APP.Em,$APP.Uj,$APP.Cj],[a.getAttribute("name"),$APP.Kg(a.getAttribute("disabled")),$APP.Kg(a.getAttribute("required")),a.getAttribute("aria-labelledby"),$APP.Kg(a.getAttribute("checked")),$APP.Kg(a.getAttribute("indeterminate")),$APP.Kg(a.getAttribute("readonly")),a.getAttribute("value"),a.getAttribute("aria-label"),
+a.getAttribute("aria-describedby")]);var b=$APP.M(a);a=$APP.D(b,$APP.Uj);var c=$APP.D(b,$APP.Cj),d=$APP.D(b,$APP.Al),e=$APP.D(b,$APP.Ol),g=$APP.D(b,$APP.Nh),h=$APP.D(b,$APP.Zh),l=$APP.D(b,$APP.sj),m=$APP.D(b,BE),p=$APP.D(b,$APP.Lj);b=$APP.D(b,$APP.Em);l=$APP.F(l);m=$APP.F(m);g=$APP.F(g);return $APP.zf([$APP.$l,$APP.mi,$APP.ci,$APP.dn,$APP.Ej,$APP.Th,$APP.Aj,$APP.Yi,$APP.bk,$APP.$m,$APP.Ql,$APP.X],[m,g,m?"mixed":l?"true":"false",$APP.F(p),l,$APP.n(g)?l:!0,d,b!=null?b:"on",h,c,a,$APP.F(e)])},DE=function(a){var b=
+$APP.k(a,"__xCheckboxRefs");if($APP.n(b)){var c=$APP.k(b,"control");b=CE(a);var d=$APP.X.g(b),e=$APP.Ej.g(b),g=$APP.$l.g(b);zE(c,"aria-checked",$APP.ci.g(b));c.setAttribute("aria-disabled",$APP.n(d)?"true":"false");zE(c,"aria-required",$APP.n($APP.mi.g(b))?"true":"false");zE(c,"aria-readonly",$APP.n($APP.dn.g(b))?"true":"false");var h=$APP.Ql.g(b);$APP.n(h)?c.setAttribute("aria-label",h):c.removeAttribute("aria-label");h=$APP.bk.g(b);$APP.n(h)?c.setAttribute("aria-labelledby",h):c.removeAttribute("aria-labelledby");
+h=$APP.$m.g(b);$APP.n(h)?c.setAttribute("aria-describedby",h):c.removeAttribute("aria-describedby");c.tabIndex=$APP.n(d)?-1:0;$APP.n(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");AE(a,"data-checked",e);AE(a,"data-indeterminate",g);AE(a,"data-disabled",d);a=$APP.k(a,"__xCheckboxInternals");if($APP.n(a))return b=$APP.n(e)?$APP.Yi.g(b):null,a.setFormValue($APP.n(b)?b:null)}return null},EE=function(a){var b=CE(a),c=$APP.X.g(b),d=$APP.dn.g(b);if($APP.n($APP.n(c)?c:d))return null;c=$APP.Ej.g(b);
+d=$APP.$l.g(b);d=$APP.n(d)?new $APP.Q(null,2,[$APP.Ej,!0,$APP.$l,!1],null):new $APP.Q(null,2,[$APP.Ej,$APP.r(c),$APP.$l,!1],null);var e=$APP.Ej.g(d);b=$APP.Yi.g(b);c=new CustomEvent("x-checkbox-change-request",{detail:{value:b,previousChecked:c,nextChecked:e},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(c);return $APP.r(c.defaultPrevented)?(AE(a,"checked",e),AE(a,"indeterminate",$APP.$l.g(d)),DE(a),a.dispatchEvent(new CustomEvent("x-checkbox-change",{detail:{value:b,checked:e},bubbles:!0,
+composed:!0,cancelable:!1}))):null},FE=function(a){return function(){return EE(a)}},GE=function(a){return function(b){var c=b.key;return $APP.B.i(c," ")||$APP.B.i(c,"Enter")?(b.preventDefault(),EE(a)):null}},HE=function(a){var b=$APP.k(a,"__xCheckboxRefs");if($APP.n(b)){var c=$APP.k(a,"__xCheckboxHandlers");if($APP.n(c)){b=$APP.k(b,"control");b.removeEventListener("click",$APP.k(c,"click"));b.removeEventListener("keydown",$APP.k(c,"keydown"));a.__xCheckboxHandlers=null;return}}return null},IE=function(a,
+b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return AE(this,c,$APP.F(d))}})},JE=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.N(d)?zE(this,c,""+$APP.T.g(d)):this.removeAttribute(c)}})},LE=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;a.observedAttributes=KE;IE(b,
+"checked","checked");IE(b,"indeterminate","indeterminate");IE(b,"disabled","disabled");IE(b,"readOnly","readonly");IE(b,"required","required");JE(b,"name","name");JE(b,"value","value");b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xCheckboxRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("button"),g=document.createElement("span"),h=document.createElement("span");d.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-checkbox-size:16px;--x-checkbox-border-width:2px;--x-checkbox-border-color:var(--x-color-border,#6b7280);--x-checkbox-border-radius:4px;--x-checkbox-bg:var(--x-color-surface,#ffffff);--x-checkbox-bg-checked:var(--x-color-primary,#2563eb);--x-checkbox-bg-indeterminate:var(--x-color-primary,#2563eb);--x-checkbox-border-checked:var(--x-color-primary,#2563eb);--x-checkbox-border-indeterminate:var(--x-color-primary,#2563eb);--x-checkbox-check-color:var(--x-color-surface,#ffffff);--x-checkbox-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-checkbox-disabled-opacity:0.45;--x-checkbox-transition:background var(--x-transition-duration,120ms) var(--x-transition-easing,ease),border-color var(--x-transition-duration,120ms) var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-checkbox-border-color:var(--x-color-border,#9ca3af);--x-checkbox-bg:var(--x-color-surface,#1f2937);--x-checkbox-bg-checked:var(--x-color-primary,#3b82f6);--x-checkbox-bg-indeterminate:var(--x-color-primary,#3b82f6);--x-checkbox-border-checked:var(--x-color-primary,#3b82f6);--x-checkbox-border-indeterminate:var(--x-color-primary,#3b82f6);--x-checkbox-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontrol]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}[part\x3dcontrol][disabled]{cursor:default;opacity:var(--x-checkbox-disabled-opacity);}[part\x3dcontrol]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-checkbox-focus-ring);border-radius:calc(var(--x-checkbox-border-radius) + 2px);}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-checkbox-size);height:var(--x-checkbox-size);border:var(--x-checkbox-border-width) solid var(--x-checkbox-border-color);border-radius:var(--x-checkbox-border-radius);background:var(--x-checkbox-bg);transition:var(--x-checkbox-transition);position:relative;flex-shrink:0;}:host([data-checked]) [part\x3dbox]{background:var(--x-checkbox-bg-checked);border-color:var(--x-checkbox-border-checked);}:host([data-indeterminate]) [part\x3dbox]{background:var(--x-checkbox-bg-indeterminate);border-color:var(--x-checkbox-border-indeterminate);}[part\x3dcheck]{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;}[part\x3dcheck]::before{content:'\\2713';color:var(--x-checkbox-check-color);font-size:10px;font-weight:700;line-height:1;opacity:0;transition:opacity 100ms ease;position:absolute;}:host([data-checked]) [part\x3dcheck]::before{opacity:1;}[part\x3dcheck]::after{content:'';display:block;width:8px;height:2px;background:var(--x-checkbox-check-color);border-radius:1px;opacity:0;transition:opacity 100ms ease;position:absolute;}:host([data-indeterminate]) [part\x3dcheck]::after{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dbox]{transition:none;}[part\x3dcheck]::before{transition:none;}[part\x3dcheck]::after{transition:none;}}";
+e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","checkbox");g.setAttribute("part","box");h.setAttribute("part","check");g.appendChild(h);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xCheckboxRefs={root:c,control:e,box:g,check:h};$APP.n(this.attachInternals)&&(this.__xCheckboxInternals=this.attachInternals())}HE(this);c=$APP.k(this,"__xCheckboxRefs");$APP.n(c)&&(c=$APP.k(c,"control"),d=FE(this),e=GE(this),g={click:d,keydown:e},c.addEventListener("click",
+d),c.addEventListener("keydown",e),this.__xCheckboxHandlers=g);d=this.getAttribute("id");$APP.n(d)&&(c=document.querySelector("label[for\x3d'"+$APP.T.g(d)+"']"),$APP.n(c)&&(e=c.getAttribute("id"),$APP.n(e)?c=e:(d="x-cb-lbl-"+$APP.T.g(d),c.setAttribute("id",d),c=d),d=$APP.k(this,"__xCheckboxRefs"),$APP.n(d)&&(d=$APP.k(d,"control"),$APP.n(this.hasAttribute("aria-labelledby"))||d.setAttribute("aria-labelledby",c))));return DE(this)};b.disconnectedCallback=function(){return HE(this)};b.attributeChangedCallback=
+function(){return DE(this)};b.formDisabledCallback=function(c){AE(this,"disabled",$APP.F(c));return DE(this)};b.formResetCallback=function(){this.removeAttribute("checked");this.removeAttribute("indeterminate");return DE(this)};return a},ME=function(){return $APP.n(customElements.get("x-checkbox"))?null:customElements.define("x-checkbox",LE())},BE=new $APP.K(null,"indeterminate-present?","indeterminate-present?",-1714683438);var KE="checked indeterminate disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.Pd(["x-checkbox-change-request",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,3,[$APP.Yi,$APP.Y,$APP.vk,$APP.Zj,$APP.Vl,$APP.Zj],null)],null),"x-checkbox-change",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,2,[$APP.Yi,$APP.Y,$APP.Sm,$APP.Zj],null)],null)]);$APP.ha("baredom.exports.x_checkbox.init",ME);export const init=ME;

package/dist/x-chip.d.ts

@@ -0,0 +1,41 @@
+// x-chip.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XChipEventMap {
+  "x-chip-remove": CustomEvent<{ value: string; label: string }>;
+}
+
+export interface XChip extends HTMLElement {
+  label: string;
+  value: string;
+  removable: boolean;
+  disabled: boolean;
+
+  addEventListener<K extends keyof XChipEventMap>(
+    type: K,
+    listener: (this: XChip, ev: XChipEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof XChipEventMap>(
+    type: K,
+    listener: (this: XChip, ev: XChipEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-chip": XChip;
+  }
+}

package/dist/x-chip.js

@@ -1,10 +1,10 @@
 import { $APP, shadow$provide } from "./base.js";
-var $s=function(a){var b=$APP.M(a),c=$APP.D(b,$APP.pi);a=$APP.D(b,$APP.Cm);var d=$APP.D(b,Ys);b=$APP.D(b,$APP.Ml);c=$APP.n(c)?c:"";d=d==null?!0:!($APP.B.i(d,"false")||$APP.B.i(d,"0"));return new $APP.R(null,4,[$APP.U,c,$APP.Yi,typeof a==="string"&&a.length>0?a:c,Zs,d,$APP.X,$APP.F(b)],null)},at=function(a){var b=$APP.M(a);a=$APP.D(b,Zs);b=$APP.D(b,$APP.X);return $APP.n(a)?$APP.r(b):a},bt=function(a){var b=setTimeout(function(){return a.remove()},400);a.addEventListener("animationend",function d(){clearTimeout(b);
-a.removeEventListener("animationend",d);return a.remove()});return a.setAttribute("data-exiting","")},ct=function(a){var b=$s(new $APP.R(null,4,[$APP.pi,a.getAttribute("label"),$APP.Cm,a.getAttribute("value"),Ys,a.getAttribute("removable"),$APP.Ml,a.hasAttribute("disabled")],null));if($APP.n(at(b))){var c=$APP.M(b);b=$APP.D(c,$APP.Yi);c=$APP.D(c,$APP.U);b=new CustomEvent("x-chip-remove",{detail:{value:b,label:c},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);a=$APP.r(b.defaultPrevented)?
-bt(a):null}else a=null;return a},et=function(a){var b=$s(new $APP.R(null,4,[$APP.pi,a.getAttribute("label"),$APP.Cm,a.getAttribute("value"),Ys,a.getAttribute("removable"),$APP.Ml,a.hasAttribute("disabled")],null)),c=$APP.M(b),d=$APP.D(c,$APP.U),e=$APP.D(c,Zs);c=$APP.D(c,$APP.X);var g=$APP.k(a,"__xChipRefs"),h=$APP.Pm.g(g);g=dt.g(g);b=at(b);$APP.n(h)&&(h.textContent=d);$APP.n(e)?a.setAttribute("data-removable",""):a.removeAttribute("data-removable");a.tabIndex=$APP.n(b)?0:-1;$APP.n(c)?a.setAttribute("aria-disabled",
-"true"):a.removeAttribute("aria-disabled");$APP.n(b)?a.setAttribute("aria-keyshortcuts","Backspace Delete"):a.removeAttribute("aria-keyshortcuts");$APP.n(g)&&($APP.n(c)?g.setAttribute("disabled",""):g.removeAttribute("disabled"));return null},ft=function(a){function b(e){var g=e.key;return $APP.B.i(g,"Backspace")||$APP.B.i(g,"Delete")?(e.preventDefault(),ct(a)):null}function c(){return ct(a)}var d=dt.g($APP.k(a,"__xChipRefs"));$APP.n(d)&&d.addEventListener("click",c);a.addEventListener("keydown",
-b);$APP.ja(a,"__xChipHandlers",{click:c,keydown:b})},gt=function(a){var b=$APP.k(a,"__xChipHandlers");if($APP.n(b)){var c=$APP.k(a,"__xChipRefs"),d=$APP.k(b,"click");b=$APP.k(b,"keydown");$APP.n($APP.n(c)?d:c)&&(c=dt.g(c),$APP.n(c)&&c.removeEventListener("click",d));$APP.n(b)&&a.removeEventListener("keydown",b)}return a.__xChipHandlers=null},ht=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return c!=null?this.setAttribute(b,""+$APP.T.g(c)):this.removeAttribute(b)},
-enumerable:!0,configurable:!0})},it=function(a,b){Object.defineProperty(a,b,{get:function(){return this.hasAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""):this.removeAttribute(b)},enumerable:!0,configurable:!0})},jt=function(a){ht(a,"label");ht(a,"value");it(a,"removable");it(a,"disabled")},lt=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return kt}});b.connectedCallback=function(){if(!$APP.n($APP.k(this,
+var bt=function(a){var b=$APP.M(a),c=$APP.D(b,$APP.pi);a=$APP.D(b,$APP.Em);var d=$APP.D(b,$s);b=$APP.D(b,$APP.Ol);c=$APP.n(c)?c:"";d=d==null?!0:!($APP.B.i(d,"false")||$APP.B.i(d,"0"));return new $APP.Q(null,4,[$APP.U,c,$APP.Yi,typeof a==="string"&&a.length>0?a:c,at,d,$APP.X,$APP.F(b)],null)},ct=function(a){var b=$APP.M(a);a=$APP.D(b,at);b=$APP.D(b,$APP.X);return $APP.n(a)?$APP.r(b):a},dt=function(a){var b=setTimeout(function(){return a.remove()},400);a.addEventListener("animationend",function d(){clearTimeout(b);
+a.removeEventListener("animationend",d);return a.remove()});return a.setAttribute("data-exiting","")},et=function(a){var b=bt(new $APP.Q(null,4,[$APP.pi,a.getAttribute("label"),$APP.Em,a.getAttribute("value"),$s,a.getAttribute("removable"),$APP.Ol,a.hasAttribute("disabled")],null));if($APP.n(ct(b))){var c=$APP.M(b);b=$APP.D(c,$APP.Yi);c=$APP.D(c,$APP.U);b=new CustomEvent("x-chip-remove",{detail:{value:b,label:c},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);a=$APP.r(b.defaultPrevented)?
+dt(a):null}else a=null;return a},gt=function(a){var b=bt(new $APP.Q(null,4,[$APP.pi,a.getAttribute("label"),$APP.Em,a.getAttribute("value"),$s,a.getAttribute("removable"),$APP.Ol,a.hasAttribute("disabled")],null)),c=$APP.M(b),d=$APP.D(c,$APP.U),e=$APP.D(c,at);c=$APP.D(c,$APP.X);var g=$APP.k(a,"__xChipRefs"),h=$APP.Rm.g(g);g=ft.g(g);b=ct(b);$APP.n(h)&&(h.textContent=d);$APP.n(e)?a.setAttribute("data-removable",""):a.removeAttribute("data-removable");a.tabIndex=$APP.n(b)?0:-1;$APP.n(c)?a.setAttribute("aria-disabled",
+"true"):a.removeAttribute("aria-disabled");$APP.n(b)?a.setAttribute("aria-keyshortcuts","Backspace Delete"):a.removeAttribute("aria-keyshortcuts");$APP.n(g)&&($APP.n(c)?g.setAttribute("disabled",""):g.removeAttribute("disabled"));return null},ht=function(a){function b(e){var g=e.key;return $APP.B.i(g,"Backspace")||$APP.B.i(g,"Delete")?(e.preventDefault(),et(a)):null}function c(){return et(a)}var d=ft.g($APP.k(a,"__xChipRefs"));$APP.n(d)&&d.addEventListener("click",c);a.addEventListener("keydown",
+b);$APP.ja(a,"__xChipHandlers",{click:c,keydown:b})},it=function(a){var b=$APP.k(a,"__xChipHandlers");if($APP.n(b)){var c=$APP.k(a,"__xChipRefs"),d=$APP.k(b,"click");b=$APP.k(b,"keydown");$APP.n($APP.n(c)?d:c)&&(c=ft.g(c),$APP.n(c)&&c.removeEventListener("click",d));$APP.n(b)&&a.removeEventListener("keydown",b)}return a.__xChipHandlers=null},jt=function(a,b){Object.defineProperty(a,b,{get:function(){return this.getAttribute(b)},set:function(c){return c!=null?this.setAttribute(b,""+$APP.T.g(c)):this.removeAttribute(b)},
+enumerable:!0,configurable:!0})},kt=function(a,b){Object.defineProperty(a,b,{get:function(){return this.hasAttribute(b)},set:function(c){return $APP.n(c)?this.setAttribute(b,""):this.removeAttribute(b)},enumerable:!0,configurable:!0})},lt=function(a){jt(a,"label");jt(a,"value");kt(a,"removable");kt(a,"disabled")},nt=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return mt}});b.connectedCallback=function(){if(!$APP.n($APP.k(this,
 "__xChipRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("span"),g=document.createElement("span"),h=document.createElement("button"),l=document.createElement("span");d.textContent=":host{--x-chip-bg:var(--x-color-surface,rgba(0,0,0,0.08));--x-chip-color:var(--x-color-text,rgba(0,0,0,0.80));--x-chip-border:var(--x-color-border,rgba(0,0,0,0.12));--x-chip-radius:var(--x-radius-full, 9999px);--x-chip-font-size:var(--x-font-size-sm, 0.875rem);--x-chip-padding-x:0.625rem;--x-chip-padding-y:0.25rem;--x-chip-remove-size:1rem;--x-chip-exit-duration:300ms;display:inline-flex;align-items:center;vertical-align:middle;color-scheme:light dark;font-family:inherit;font-size:var(--x-chip-font-size);line-height:1;border-radius:var(--x-chip-radius);background:var(--x-chip-bg);border:1px solid var(--x-chip-border);color:var(--x-chip-color);padding:var(--x-chip-padding-y) var(--x-chip-padding-x);gap:0.25rem;box-sizing:border-box;cursor:default;user-select:none;outline:none;}@media (prefers-color-scheme:dark){:host{--x-chip-bg:var(--x-color-surface,rgba(255,255,255,0.10));--x-chip-border:var(--x-color-border,rgba(255,255,255,0.16));--x-chip-color:var(--x-color-text,rgba(255,255,255,0.88));}}:host(:focus-visible){outline:2px solid var(--x-color-focus-ring,currentColor);outline-offset:2px;}:host([disabled]){opacity:0.55;pointer-events:none;}[part\x3dcontainer]{display:inline-flex;align-items:center;gap:0.25rem;}[part\x3dlabel]{display:inline;font-size:inherit;color:inherit;}[part\x3dremove]{display:none;align-items:center;justify-content:center;width:var(--x-chip-remove-size);height:var(--x-chip-remove-size);border:none;background:none;color:inherit;cursor:pointer;padding:0;border-radius:50%;font-size:1rem;line-height:1;opacity:0.7;flex-shrink:0;}[part\x3dremove]:hover{opacity:1;}[part\x3dremove]:focus-visible{outline:2px solid currentColor;outline-offset:1px;}:host([data-removable]) [part\x3dremove]{display:inline-flex;}@keyframes x-chip-exit{to{opacity:0;transform:scale(0.85);}}:host([data-exiting]){animation:x-chip-exit var(--x-chip-exit-duration) forwards;}@media (prefers-reduced-motion:reduce){:host([data-exiting]){animation-duration:0ms;}}";
-e.setAttribute("part","container");g.setAttribute("part","label");h.setAttribute("part","remove");h.setAttribute("type","button");h.setAttribute("aria-label","Remove");l.setAttribute("aria-hidden","true");l.textContent="×";h.appendChild(l);e.appendChild(g);e.appendChild(h);c.appendChild(d);c.appendChild(e);this.__xChipRefs=new $APP.R(null,4,[$APP.Hi,c,$APP.Hj,e,$APP.Pm,g,dt,h],null)}gt(this);ft(this);return et(this)};b.disconnectedCallback=function(){return gt(this)};b.attributeChangedCallback=function(c,
-d,e){return $APP.N(d,e)?$APP.n($APP.k(this,"__xChipRefs"))?et(this):null:null};jt(b);return a},mt=function(){$APP.n(customElements.get("x-chip"))||customElements.define("x-chip",lt());return null},Ys=new $APP.K(null,"removable-raw","removable-raw",1718453796),dt=new $APP.K(null,"remove-btn","remove-btn",843430290),Zs=new $APP.K(null,"removable?","removable?",1886800649);var kt=["label","value","removable","disabled"];$APP.Pd(["x-chip-remove",new $APP.R(null,2,[$APP.V,new $APP.R(null,2,[$APP.Yi,$APP.Y,$APP.U,$APP.Y],null),$APP.jm,!0],null)]);$APP.ha("baredom.exports.x_chip.init",mt);export const init=mt;
+e.setAttribute("part","container");g.setAttribute("part","label");h.setAttribute("part","remove");h.setAttribute("type","button");h.setAttribute("aria-label","Remove");l.setAttribute("aria-hidden","true");l.textContent="×";h.appendChild(l);e.appendChild(g);e.appendChild(h);c.appendChild(d);c.appendChild(e);this.__xChipRefs=new $APP.Q(null,4,[$APP.Hi,c,$APP.Hj,e,$APP.Rm,g,ft,h],null)}it(this);ht(this);return gt(this)};b.disconnectedCallback=function(){return it(this)};b.attributeChangedCallback=function(c,
+d,e){return $APP.N(d,e)?$APP.n($APP.k(this,"__xChipRefs"))?gt(this):null:null};lt(b);return a},ot=function(){$APP.n(customElements.get("x-chip"))||customElements.define("x-chip",nt());return null},$s=new $APP.K(null,"removable-raw","removable-raw",1718453796),ft=new $APP.K(null,"remove-btn","remove-btn",843430290),at=new $APP.K(null,"removable?","removable?",1886800649);var mt=["label","value","removable","disabled"];$APP.Pd(["x-chip-remove",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,2,[$APP.Yi,$APP.Y,$APP.U,$APP.Y],null),$APP.lm,!0],null)]);$APP.ha("baredom.exports.x_chip.init",ot);export const init=ot;

package/dist/x-collapse.d.ts

@@ -0,0 +1,42 @@
+// x-collapse.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XCollapseEventMap {
+  "x-collapse-toggle": CustomEvent<{ open: boolean; source: string }>;
+  "x-collapse-change": CustomEvent<{ open: boolean }>;
+}
+
+export interface XCollapse extends HTMLElement {
+  open: boolean;
+  disabled: boolean;
+  header: string;
+  durationMs: number;
+
+  addEventListener<K extends keyof XCollapseEventMap>(
+    type: K,
+    listener: (this: XCollapse, ev: XCollapseEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof XCollapseEventMap>(
+    type: K,
+    listener: (this: XCollapse, ev: XCollapseEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-collapse": XCollapse;
+  }
+}

package/dist/x-collapse.js

@@ -1,13 +1,13 @@
 import { $APP, shadow$provide } from "./base.js";
-var R7=function(){var a=window.matchMedia;return $APP.n(a)?window.matchMedia("(prefers-reduced-motion: reduce)").matches:a},S7=function(a){a=a.getAttribute("duration-ms");return $APP.n(a)?(a=parseInt(a,10),$APP.n(isNaN(a))?300:$APP.oh.i(0,$APP.sh.i(2E3,a))):300},T7=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.k(g,"fn"))}if($APP.n(R7()))return b.style.height="",b.style.transition="";a=S7(a);b.style.height="0px";
-b.offsetHeight;var d=""+$APP.T.g(b.scrollHeight)+"px";b.style.transition="height "+$APP.T.g(a)+"ms ease";b.style.height=d;var e=setTimeout(function(){b.style.height="";return b.style.transition=""},a+80),g={fn:null};g.fn=c;return b.addEventListener("transitionend",c)},U7=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.k(g,"fn"))}if($APP.n(R7()))return b.style.height="0px",b.style.transition="";var d=""+$APP.T.g(b.offsetHeight)+
-"px";a=S7(a);b.style.height=d;b.offsetHeight;b.style.transition="height "+$APP.T.g(a)+"ms ease";b.style.height="0px";var e=setTimeout(function(){b.style.height="";return b.style.transition=""},a+80),g={fn:null};g.fn=c;return b.addEventListener("transitionend",c)},V7=function(a){var b=$APP.k(a,"__xCollapseRefs");if($APP.n(b)){var c=$APP.k(b,"trigger");b=$APP.k(b,"header-text");var d=a.hasAttribute("open"),e=a.hasAttribute("disabled");a=a.getAttribute("header");b.textContent=$APP.n(a)?a:"";c.setAttribute("aria-expanded",
-$APP.n(d)?"true":"false");if($APP.n(e))return c.setAttribute("disabled",""),c.setAttribute("aria-disabled","true");c.removeAttribute("disabled");return c.removeAttribute("aria-disabled")}return null},W7=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=$APP.r(a.hasAttribute("open"));b=new CustomEvent("x-collapse-toggle",{detail:{open:c,source:b},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)?(c?a.setAttribute("open",""):a.removeAttribute("open"),
-a.dispatchEvent(new CustomEvent("x-collapse-change",{detail:{open:c},bubbles:!0,composed:!0,cancelable:!1}))):null},X7=function(a){return function(){return W7(a,"pointer")}},Y7=function(a){return function(b){var c=b.key;return $APP.B.i(c," ")||$APP.B.i(c,"Enter")?(b.preventDefault(),W7(a,"keyboard")):null}},Z7=function(a){var b=$APP.k(a,"__xCollapseRefs");if($APP.n(b)){var c=$APP.k(a,"__xCollapseHandlers");if($APP.n(c)){b=$APP.k(b,"trigger");b.removeEventListener("click",$APP.k(c,"click"));b.removeEventListener("keydown",
-$APP.k(c,"keydown"));a.__xCollapseHandlers=null;return}}return null},$7=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n($APP.F(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},a8=function(a){Object.defineProperty(a,"header",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("header");return $APP.n(b)?b:""},set:function(b){b!=null&&$APP.N(b)?(b=""+$APP.T.g(b),b=this.setAttribute("header",
-b)):b=this.removeAttribute("header");return b}})},b8=function(a){Object.defineProperty(a,"durationMs",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("duration-ms");return $APP.n(b)?(b=parseInt(b,10),$APP.n(isNaN(b))?300:b):300},set:function(b){typeof b==="number"&&$APP.r(isNaN(b))?(b=""+$APP.T.g(Math.round(b)),b=this.setAttribute("duration-ms",b)):b=this.removeAttribute("duration-ms");return b}})},d8=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,
-"observedAttributes",{get:function(){return c8}});$7(b,"open","open");$7(b,"disabled","disabled");a8(b);b8(b);b.toggle=function(){return W7(this,"programmatic")};b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xCollapseRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElement("button"),h=document.createElement("span"),l=document.createElement("span"),m=document.createElement("div"),p=document.createElement("div"),
+var W7=function(){var a=window.matchMedia;return $APP.n(a)?window.matchMedia("(prefers-reduced-motion: reduce)").matches:a},X7=function(a){a=a.getAttribute("duration-ms");return $APP.n(a)?(a=parseInt(a,10),$APP.n(isNaN(a))?300:$APP.oh.i(0,$APP.ph.i(2E3,a))):300},Y7=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.k(g,"fn"))}if($APP.n(W7()))return b.style.height="",b.style.transition="";a=X7(a);b.style.height="0px";
+b.offsetHeight;var d=""+$APP.T.g(b.scrollHeight)+"px";b.style.transition="height "+$APP.T.g(a)+"ms ease";b.style.height=d;var e=setTimeout(function(){b.style.height="";return b.style.transition=""},a+80),g={fn:null};g.fn=c;return b.addEventListener("transitionend",c)},Z7=function(a,b){function c(){clearTimeout(e);b.style.height="";b.style.transition="";return b.removeEventListener("transitionend",$APP.k(g,"fn"))}if($APP.n(W7()))return b.style.height="0px",b.style.transition="";var d=""+$APP.T.g(b.offsetHeight)+
+"px";a=X7(a);b.style.height=d;b.offsetHeight;b.style.transition="height "+$APP.T.g(a)+"ms ease";b.style.height="0px";var e=setTimeout(function(){b.style.height="";return b.style.transition=""},a+80),g={fn:null};g.fn=c;return b.addEventListener("transitionend",c)},$7=function(a){var b=$APP.k(a,"__xCollapseRefs");if($APP.n(b)){var c=$APP.k(b,"trigger");b=$APP.k(b,"header-text");var d=a.hasAttribute("open"),e=a.hasAttribute("disabled");a=a.getAttribute("header");b.textContent=$APP.n(a)?a:"";c.setAttribute("aria-expanded",
+$APP.n(d)?"true":"false");if($APP.n(e))return c.setAttribute("disabled",""),c.setAttribute("aria-disabled","true");c.removeAttribute("disabled");return c.removeAttribute("aria-disabled")}return null},a8=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=$APP.r(a.hasAttribute("open"));b=new CustomEvent("x-collapse-toggle",{detail:{open:c,source:b},bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)?(c?a.setAttribute("open",""):a.removeAttribute("open"),
+a.dispatchEvent(new CustomEvent("x-collapse-change",{detail:{open:c},bubbles:!0,composed:!0,cancelable:!1}))):null},b8=function(a){return function(){return a8(a,"pointer")}},c8=function(a){return function(b){var c=b.key;return $APP.B.i(c," ")||$APP.B.i(c,"Enter")?(b.preventDefault(),a8(a,"keyboard")):null}},d8=function(a){var b=$APP.k(a,"__xCollapseRefs");if($APP.n(b)){var c=$APP.k(a,"__xCollapseHandlers");if($APP.n(c)){b=$APP.k(b,"trigger");b.removeEventListener("click",$APP.k(c,"click"));b.removeEventListener("keydown",
+$APP.k(c,"keydown"));a.__xCollapseHandlers=null;return}}return null},e8=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n($APP.F(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},f8=function(a){Object.defineProperty(a,"header",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("header");return $APP.n(b)?b:""},set:function(b){b!=null&&$APP.N(b)?(b=""+$APP.T.g(b),b=this.setAttribute("header",
+b)):b=this.removeAttribute("header");return b}})},g8=function(a){Object.defineProperty(a,"durationMs",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("duration-ms");return $APP.n(b)?(b=parseInt(b,10),$APP.n(isNaN(b))?300:b):300},set:function(b){typeof b==="number"&&$APP.r(isNaN(b))?(b=""+$APP.T.g(Math.round(b)),b=this.setAttribute("duration-ms",b)):b=this.removeAttribute("duration-ms");return b}})},i8=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,
+"observedAttributes",{get:function(){return h8}});e8(b,"open","open");e8(b,"disabled","disabled");f8(b);g8(b);b.toggle=function(){return a8(this,"programmatic")};b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xCollapseRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElement("button"),h=document.createElement("span"),l=document.createElement("span"),m=document.createElement("div"),p=document.createElement("div"),
 q=document.createElement("slot");d.textContent=":host{display:block;color-scheme:light dark;--x-collapse-border-radius:var(--x-radius-md, 8px);--x-collapse-border:1px solid var(--x-color-border,#e2e8f0);--x-collapse-bg:var(--x-color-surface, #ffffff);--x-collapse-trigger-bg:var(--x-color-surface-hover, #f8fafc);--x-collapse-trigger-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-collapse-trigger-color:var(--x-color-text, #0f172a);--x-collapse-trigger-padding:0.75rem 1rem;--x-collapse-content-padding:1rem;--x-collapse-font-size:0.9375rem;--x-collapse-font-weight:600;--x-collapse-chevron-color:var(--x-color-text-muted, #64748b);--x-collapse-focus-ring:var(--x-color-focus-ring, #60a5fa);}@media (prefers-color-scheme:dark){:host{--x-collapse-border:1px solid var(--x-color-border,#334155);--x-collapse-bg:var(--x-color-surface,#1e293b);--x-collapse-trigger-bg:var(--x-color-surface-hover,#0f172a);--x-collapse-trigger-bg-hover:var(--x-color-surface-active,#1e293b);--x-collapse-trigger-color:var(--x-color-text,#e2e8f0);--x-collapse-chevron-color:var(--x-color-text-muted, #94a3b8);--x-collapse-focus-ring:var(--x-color-focus-ring, #93c5fd);}}[part\x3dcontainer]{box-sizing:border-box;border:var(--x-collapse-border);border-radius:var(--x-collapse-border-radius);background:var(--x-collapse-bg);overflow:hidden;}[part\x3dtrigger]{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--x-collapse-trigger-padding);background:var(--x-collapse-trigger-bg);color:var(--x-collapse-trigger-color);font-size:var(--x-collapse-font-size);font-weight:var(--x-collapse-font-weight);cursor:pointer;user-select:none;}[part\x3dtrigger][disabled]{cursor:default;opacity:0.55;}[part\x3dtrigger]:hover:not([disabled]){background:var(--x-collapse-trigger-bg-hover);}[part\x3dtrigger]:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--x-collapse-focus-ring);}[part\x3dheader-text]{flex:1;text-align:start;}[part\x3dchevron]{display:inline-block;margin-inline-start:0.5rem;color:var(--x-collapse-chevron-color);transition:transform 200ms ease;flex-shrink:0;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dcontent]{overflow:hidden;height:0;}:host([open]) [part\x3dcontent]{height:auto;}[part\x3dcontent-inner]{padding:var(--x-collapse-content-padding);}@media (prefers-reduced-motion:reduce){[part\x3dcontent]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}";
 e.setAttribute("part","container");g.setAttribute("part","trigger");g.setAttribute("type","button");g.setAttribute("id","trigger");g.setAttribute("aria-controls","panel");h.setAttribute("part","header-text");l.setAttribute("part","chevron");l.setAttribute("aria-hidden","true");m.setAttribute("part","content");m.setAttribute("id","panel");m.setAttribute("role","region");m.setAttribute("aria-labelledby","trigger");p.setAttribute("part","content-inner");q.setAttribute("name","content");l.textContent=
-"▼";g.appendChild(h);g.appendChild(l);p.appendChild(q);m.appendChild(p);e.appendChild(g);e.appendChild(m);c.appendChild(d);c.appendChild(e);this.__xCollapseRefs={root:c,trigger:g,"header-text":h,content:m}}Z7(this);c=$APP.k(this,"__xCollapseRefs");$APP.n(c)&&(c=$APP.k(c,"trigger"),d=X7(this),e=Y7(this),g={click:d,keydown:e},c.addEventListener("click",d),c.addEventListener("keydown",e),this.__xCollapseHandlers=g);return V7(this)};b.disconnectedCallback=function(){return Z7(this)};b.attributeChangedCallback=
-function(c){a:{if($APP.n($APP.k(this,"__xCollapseRefs"))&&(V7(this),$APP.B.i(c,"open"))){c=$APP.k(this,"__xCollapseRefs");c=$APP.n(c)?$APP.k(c,"content"):null;var d=this.hasAttribute("open");c=$APP.n(c)?$APP.n(d)?T7(this,c):U7(this,c):null;break a}c=null}return c};return a},e8=function(){return $APP.n(customElements.get("x-collapse"))?null:customElements.define("x-collapse",d8())};var c8=["open","disabled","header","duration-ms"];$APP.Pd(["x-collapse-toggle",new $APP.R(null,2,[$APP.jm,!0,$APP.V,new $APP.R(null,2,[$APP.gm,$APP.Zj,$APP.ql,$APP.Y],null)],null),"x-collapse-change",new $APP.R(null,2,[$APP.jm,!1,$APP.V,new $APP.R(null,1,[$APP.gm,$APP.Zj],null)],null)]);$APP.ha("baredom.exports.x_collapse.init",e8);export const init=e8;
+"▼";g.appendChild(h);g.appendChild(l);p.appendChild(q);m.appendChild(p);e.appendChild(g);e.appendChild(m);c.appendChild(d);c.appendChild(e);this.__xCollapseRefs={root:c,trigger:g,"header-text":h,content:m}}d8(this);c=$APP.k(this,"__xCollapseRefs");$APP.n(c)&&(c=$APP.k(c,"trigger"),d=b8(this),e=c8(this),g={click:d,keydown:e},c.addEventListener("click",d),c.addEventListener("keydown",e),this.__xCollapseHandlers=g);return $7(this)};b.disconnectedCallback=function(){return d8(this)};b.attributeChangedCallback=
+function(c){a:{if($APP.n($APP.k(this,"__xCollapseRefs"))&&($7(this),$APP.B.i(c,"open"))){c=$APP.k(this,"__xCollapseRefs");c=$APP.n(c)?$APP.k(c,"content"):null;var d=this.hasAttribute("open");c=$APP.n(c)?$APP.n(d)?Y7(this,c):Z7(this,c):null;break a}c=null}return c};return a},j8=function(){return $APP.n(customElements.get("x-collapse"))?null:customElements.define("x-collapse",i8())};var h8=["open","disabled","header","duration-ms"];$APP.Pd(["x-collapse-toggle",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,2,[$APP.im,$APP.Zj,$APP.sl,$APP.Y],null)],null),"x-collapse-change",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,new $APP.Q(null,1,[$APP.im,$APP.Zj],null)],null)]);$APP.ha("baredom.exports.x_collapse.init",j8);export const init=j8;

package/dist/x-color-picker.d.ts

@@ -0,0 +1,47 @@
+// x-color-picker.d.ts — auto-generated by generate_types.bb, do not edit
+
+export function init(): void;
+
+export interface XColorPickerEventMap {
+  "x-color-picker-input": CustomEvent<{ value: string; h: number; s: number; l: number; a: number }>;
+  "x-color-picker-change": CustomEvent<{ value: string; h: number; s: number; l: number; a: number }>;
+}
+
+export interface XColorPicker extends HTMLElement {
+  open: boolean;
+  disabled: boolean;
+  name: string;
+  value: string;
+  mode: string;
+  swatches: string;
+  readOnly: boolean;
+  label: string;
+  alpha: boolean;
+
+  addEventListener<K extends keyof XColorPickerEventMap>(
+    type: K,
+    listener: (this: XColorPicker, ev: XColorPickerEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof XColorPickerEventMap>(
+    type: K,
+    listener: (this: XColorPicker, ev: XColorPickerEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "x-color-picker": XColorPicker;
+  }
+}

package/dist/x-color-picker.js

@@ -1,46 +1,46 @@
 import { $APP, shadow$provide } from "./base.js";
-var CA=function(a,b){return $APP.sh.i($APP.oh.i(a,0),b)},DA=function(a){return $APP.fd(a,360)},EA=function(a){return CA(a,100)},FA=function(a){return CA(a,1)},HA=function(a){var b=typeof a==="string";a=b?$APP.eg(GA,a.trim()):b;return $APP.F(a)},LA=function(a){if(typeof a==="string")if(a=$APP.eg(GA,a.trim()),$APP.n(a))switch($APP.Ac(a,0,null),a=$APP.Ac(a,1,null),$APP.z(a)){case 3:var b=parseInt(""+$APP.T.g($APP.pc(a,0))+$APP.T.g($APP.pc(a,0)),16),c=parseInt(""+$APP.T.g($APP.pc(a,1))+$APP.T.g($APP.pc(a,
-1)),16),d=parseInt(""+$APP.T.g($APP.pc(a,2))+$APP.T.g($APP.pc(a,2)),16);return new $APP.R(null,4,[IA,b,$APP.Pl,c,JA,d,KA,1],null);case 6:return b=parseInt(a.substring(0,2),16),c=parseInt(a.substring(2,4),16),d=parseInt(a.substring(4,6),16),new $APP.R(null,4,[IA,b,$APP.Pl,c,JA,d,KA,1],null);case 8:return b=parseInt(a.substring(0,2),16),c=parseInt(a.substring(2,4),16),d=parseInt(a.substring(4,6),16),new $APP.R(null,4,[IA,b,$APP.Pl,c,JA,d,KA,parseInt(a.substring(6,8),16)/255],null);default:return null}else return null;
-else return null},PA=function(a,b,c){a/=255;b/=255;c/=255;var d=$APP.oh.C(a,b,$APP.uc([c])),e=$APP.sh.C(a,b,$APP.uc([c])),g=(d+e)/2,h=d-e;return h===0?new $APP.R(null,3,[MA,0,NA,0,OA,g*100],null):new $APP.R(null,3,[MA,(d===a?((b-c)/h+(b<c?6:0))/6:d===b?((c-a)/h+2)/6:((a-b)/h+4)/6)*360,NA,(g>.5?h/(2-d-e):h/(d+e))*100,OA,g*100],null)},QA=function(a,b,c){c=c<0?c+1:c>1?c-1:c;return c<1/6?a+(b-a)*6*c:c<.5?b:c<2/3?a+(b-a)*(2/3-c)*6:a},RA=function(a,b,c){a=DA(a)/360;b=EA(b)/100;c=EA(c)/100;if(b===0)return a=
-Math.round(c*255),new $APP.R(null,3,[IA,a,$APP.Pl,a,JA,a],null);b=c<.5?c*(1+b):c+b-c*b;c=2*c-b;return new $APP.R(null,3,[IA,Math.round(QA(c,b,a+1/3)*255),$APP.Pl,Math.round(QA(c,b,a)*255),JA,Math.round(QA(c,b,a-1/3)*255)],null)},SA=function(a,b,c){function d(e){e=CA(Math.round(e),255).toString(16);return $APP.z(e)<2?"0"+$APP.T.g(e):e}return"#"+$APP.T.g(d(a))+$APP.T.g(d(b))+$APP.T.g(d(c))},TA=function(a,b,c,d){function e(g){g=CA(Math.round(g),255).toString(16);return $APP.z(g)<2?"0"+$APP.T.g(g):g}
-return"#"+$APP.T.g(e(a))+$APP.T.g(e(b))+$APP.T.g(e(c))+$APP.T.g(e(FA(d)*255))},VA=function(a,b,c){b=EA(b)/100;c=EA(c)/100;b=c+b*$APP.sh.i(c,1-c);return new $APP.R(null,3,[MA,DA(a),NA,(b===0?0:2*(1-c/b))*100,UA,b*100],null)},WA=function(a,b,c){b=EA(b)/100;c=EA(c)/100;b=c*(1-b/2);c=b===0||b===1?0:(c-b)/$APP.sh.i(b,1-b);return new $APP.R(null,3,[MA,DA(a),NA,c*100,OA,b*100],null)},XA=function(a,b){return new $APP.R(null,2,[$APP.Jl,EA(a),$APP.Il,100-EA(b)],null)},YA=function(a){return typeof a==="string"&&
-HA(a)?(a=LA(a),$APP.n(a)?SA(IA.g(a),$APP.Pl.g(a),JA.g(a)):null):"#000000"},$A=function(a){return typeof a==="string"&&$APP.I(ZA,a.trim().toLowerCase())?a.trim().toLowerCase():"inline"},aB=function(a){return typeof a==="string"&&$APP.Lg(a)?$APP.We.m($APP.fe,$APP.th.m($APP.ae.g($APP.Jg),$APP.ce(HA),$APP.ae.g(function(b){b=LA(b);var c=$APP.M(b);b=$APP.D(c,IA);var d=$APP.D(c,$APP.Pl);c=$APP.D(c,JA);return SA(b,d,c)})),$APP.Hg(a,/,/)):$APP.fe},gB=function(a){var b=$APP.M(a),c=$APP.D(b,$APP.gm),d=$APP.D(b,
-$APP.Pj),e=$APP.D(b,$APP.Yi);a=$APP.D(b,$APP.Aj);var g=$APP.D(b,$APP.Bj),h=$APP.D(b,$APP.wj),l=$APP.D(b,bB),m=$APP.D(b,$APP.U),p=$APP.D(b,cB);b=YA(e);var q=function(){var H=LA(e);return $APP.n(H)?H:LA("#000000")}(),v=$APP.M(q);q=$APP.D(v,IA);var x=$APP.D(v,$APP.Pl),y=$APP.D(v,JA);v=$APP.D(v,KA);var A=function(){var H=typeof e==="string";if(H){H=e.trim();var G=$APP.eg(GA,H);$APP.n(G)?(H=$APP.eg(GA,H),H=$APP.u($APP.w(H)),H=8===$APP.z(H)):H=G;return H}return H}();v=$APP.n(A)?v:1;A=PA(q,x,y);var C=$APP.M(A);
-A=$APP.D(C,MA);var E=$APP.D(C,NA);C=$APP.D(C,OA);d=$APP.Kg(d);g=$APP.Kg(g);p=p!=null;c=c!=null;h=$A(h);return $APP.zf([$APP.bn,dB,$APP.Aj,$APP.wj,bB,NA,OA,eB,MA,$APP.U,$APP.Mm,fB,$APP.X,KA],[g,p,$APP.Lg(a)?a:null,h,aB(l),E,C,b,A,$APP.Lg(m)?m:null,$APP.B.i(h,"popover")&&c,p&&v<1?TA(q,x,y,v):b,d,v])},hB=function(a,b,c,d){a="Hue "+$APP.T.g(Math.round(a))+", Saturation "+$APP.T.g(Math.round(b))+"%, Lightness "+$APP.T.g(Math.round(c))+"%";return d<1?""+$APP.T.g(a)+", Opacity "+$APP.T.g(Math.round(d*100))+
-"%":a},iB=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.X);b=$APP.D(b,$APP.bn);return $APP.r(a)&&$APP.r(b)},jB=function(a){return document.createElement(a)},kB=function(a,b,c){return a.setAttribute(b,c)},lB=function(a){return gB($APP.zf([$APP.gm,$APP.Pj,$APP.Aj,$APP.Yi,$APP.Bj,$APP.wj,bB,$APP.U,cB],[a.getAttribute("open"),a.getAttribute("disabled"),a.getAttribute("name"),a.getAttribute("value"),a.getAttribute("readonly"),a.getAttribute("mode"),a.getAttribute("swatches"),a.getAttribute("label"),a.getAttribute("alpha")]))},
-mB=function(a,b,c,d){b=new CustomEvent(b,{detail:$APP.Hh(d),bubbles:!0,composed:!0,cancelable:$APP.F(c)});return a.dispatchEvent(b)},nB=function(a,b){var c=fB.g(b),d=MA.g(b),e=NA.g(b),g=OA.g(b);b=KA.g(b);return mB(a,"x-color-picker-input",!1,new $APP.R(null,5,[$APP.Yi,c,MA,d,NA,e,OA,g,KA,b],null))},oB=function(a,b){var c=fB.g(b),d=MA.g(b),e=NA.g(b),g=OA.g(b);b=KA.g(b);return mB(a,"x-color-picker-change",!0,new $APP.R(null,5,[$APP.Yi,c,MA,d,NA,e,OA,g,KA,b],null))},pB=function(a,b,c,d,e,g){b=RA(b,c,
-d);d=$APP.M(b);b=$APP.D(d,IA);c=$APP.D(d,$APP.Pl);d=$APP.D(d,JA);e=$APP.n($APP.n(g)?e<1:g)?TA(b,c,d,e):SA(b,c,d);a.setAttribute("value",e)},qB=function(a,b,c,d){if($APP.N($APP.k(a,"__xColorPickerSwatchesCache"),c)){a.__xColorPickerSwatchesCache=c;b.innerHTML="";a=$APP.t(c);c=null;for(var e=0,g=0;;)if(g<e){var h=c.F(null,g),l=jB("button");l.setAttribute("part","swatch");l.setAttribute("type","button");l.setAttribute("role","option");l.setAttribute("aria-label",h);l.setAttribute("data-color",h);l.style.backgroundColor=
-h;b.appendChild(l);g+=1}else if(a=$APP.t(a))$APP.Nc(a)?(e=$APP.yb(a),a=$APP.zb(a),c=e,e=$APP.z(e)):(c=$APP.u(a),e=jB("button"),e.setAttribute("part","swatch"),e.setAttribute("type","button"),e.setAttribute("role","option"),e.setAttribute("aria-label",c),e.setAttribute("data-color",c),e.style.backgroundColor=c,b.appendChild(e),a=$APP.w(a),c=null,e=0),g=0;else break}b.querySelectorAll("[part\x3dswatch]").forEach(function(m){return kB(m,"aria-selected",$APP.B.i(m.getAttribute("data-color"),d)?"true":
-"false")})},rB=function(a){var b=$APP.k(a,"__xColorPickerRefs");if($APP.n(b)){var c=lB(a),d=$APP.M(c);c=$APP.D(d,fB);var e=$APP.D(d,$APP.X),g=$APP.D(d,KA),h=$APP.D(d,$APP.bn),l=$APP.D(d,dB),m=$APP.D(d,$APP.wj),p=$APP.D(d,bB),q=$APP.D(d,NA),v=$APP.D(d,OA),x=$APP.D(d,eB),y=$APP.D(d,$APP.U),A=$APP.D(d,MA);d=VA(A,q,v);d=$APP.M(d);var C=$APP.D(d,NA);q=$APP.D(d,UA);d=XA(NA.g(d),q);q=$APP.k(b,"area");var E=$APP.k(b,"hue-strip"),H=$APP.k(b,"alpha-strip"),G=$APP.k(b,"preview-color"),J=$APP.k(b,"hex-input"),
-Q=$APP.k(b,"trigger-swatch");b=$APP.k(b,"swatches");a.setAttribute("data-mode",m);a.style.setProperty("--_x-cp-hue",""+$APP.T.g(Math.round(A)));q.style.setProperty("--_x-cp-area-x",""+$APP.T.g($APP.Jl.g(d).toFixed(2))+"%");q.style.setProperty("--_x-cp-area-y",""+$APP.T.g($APP.Il.g(d).toFixed(2))+"%");kB(q,"aria-valuetext",hB(A,C,v,g));$APP.n(y)&&q.setAttribute("aria-label",y);E.style.setProperty("--_x-cp-hue-pos",""+$APP.T.g((DA(A)/360*100).toFixed(2))+"%");kB(E,"aria-valuenow",""+$APP.T.g(Math.round(A)));
-$APP.n(l)?(H.style.display="",a.style.setProperty("--_x-cp-alpha-color","hsl("+$APP.T.g(Math.round(A))+","+$APP.T.g(Math.round(C))+"%,"+$APP.T.g(Math.round(v))+"%)"),H.style.setProperty("--_x-cp-alpha-pos",""+$APP.T.g((FA(g)*100).toFixed(2))+"%"),kB(H,"aria-valuenow",""+$APP.T.g(Math.round(g*100)))):H.style.display="none";G.style.backgroundColor=$APP.n(l)?function(){var aa=RA(A,C,v),ka=$APP.M(aa);aa=$APP.D(ka,IA);var Ca=$APP.D(ka,$APP.Pl);ka=$APP.D(ka,JA);return"rgba("+$APP.T.g(aa)+","+$APP.T.g(Ca)+
-","+$APP.T.g(ka)+","+$APP.T.g(g.toFixed(2))+")"}():x;a.shadowRoot.activeElement!==J&&(J.value=c);Q.style.backgroundColor=$APP.n(l)?function(){var aa=RA(A,C,v),ka=$APP.M(aa);aa=$APP.D(ka,IA);var Ca=$APP.D(ka,$APP.Pl);ka=$APP.D(ka,JA);return"rgba("+$APP.T.g(aa)+","+$APP.T.g(Ca)+","+$APP.T.g(ka)+","+$APP.T.g(g.toFixed(2))+")"}():x;J.disabled=$APP.n(e)?e:h;qB(a,b,p,x);a=$APP.k(a,"__xColorPickerInternals");return $APP.n(a)?a.setFormValue(c):null}return null},tB=function(a,b){var c=a.getBoundingClientRect();
-a=b.clientY-c.top;var d=c.width,e=c.height;b=100*(CA(b.clientX-c.left,d)/d);a=100*(CA(a,e)/e);return new $APP.R(null,2,[sB,EA(b),$APP.Rj,100-EA(a)],null)},uB=function(a,b){a=a.getBoundingClientRect();var c=a.width;b=100*(CA(b.clientX-a.left,c)/c);return EA(b)/100*360},vB=function(a,b){a=a.getBoundingClientRect();var c=a.width;b=100*(CA(b.clientX-a.left,c)/c);return EA(b)/100},xB=function(a,b){var c=lB(a);if(iB(c)&&$APP.I(wB,b.key)){b.preventDefault();var d=$APP.n(b.shiftKey)?10:1,e=VA(MA.g(c),NA.g(c),
-OA.g(c)),g=function(){switch(b.key){case "ArrowRight":return EA(NA.g(e)+d);case "ArrowLeft":return EA(NA.g(e)-d);default:return NA.g(e)}}(),h=function(){switch(b.key){case "ArrowUp":return EA(UA.g(e)+d);case "ArrowDown":return EA(UA.g(e)-d);default:return UA.g(e)}}();g=WA(MA.g(c),g,h);var l=$APP.M(g);g=$APP.D(l,MA);h=$APP.D(l,NA);l=$APP.D(l,OA);pB(a,g,h,l,KA.g(c),dB.g(c));nB(a,lB(a));return oB(a,lB(a))}return null},zB=function(a,b){var c=lB(a);if(iB(c)&&$APP.I(yB,b.key)){b.preventDefault();var d=
-$APP.n(b.shiftKey)?10:1,e=function(){switch(b.key){case "ArrowRight":return DA(MA.g(c)+d);case "ArrowLeft":return DA(MA.g(c)-d);case "Home":return 0;case "End":return 360;default:return MA.g(c)}}();pB(a,e,NA.g(c),OA.g(c),KA.g(c),dB.g(c));nB(a,lB(a));return oB(a,lB(a))}return null},AB=function(a,b){var c=lB(a);if($APP.n(function(){var g=iB(c);return g?(g=dB.g(c),$APP.n(g)?$APP.I(yB,b.key):g):g}())){b.preventDefault();var d=$APP.n(b.shiftKey)?.1:.01,e=function(){switch(b.key){case "ArrowRight":return FA(KA.g(c)+
-d);case "ArrowLeft":return FA(KA.g(c)-d);case "Home":return 0;case "End":return 1;default:return KA.g(c)}}();pB(a,MA.g(c),NA.g(c),OA.g(c),e,!0);nB(a,lB(a));return oB(a,lB(a))}return null},BB=function(a){var b=lB(a);return iB(b)&&typeof EyeDropper!=="undefined"?(new EyeDropper).open().then(function(c){a.setAttribute("value",c.sRGBHex);return oB(a,lB(a))}).catch(function(){return null}):null},CB=function(a){if($APP.n(a.hasAttribute("open")))return null;a.setAttribute("open","");a=$APP.k(a,"__xColorPickerRefs");
-if($APP.n(a)){var b=$APP.k(a,"area");return setTimeout(function(){return b.focus()},0)}return null},DB=function(a){return $APP.n(a.hasAttribute("open"))?(a.removeAttribute("open"),a=$APP.k(a,"__xColorPickerRefs"),$APP.n(a)?$APP.k(a,"trigger").focus():null):null},EB=function(a){var b=$APP.k(a,"__xColorPickerRefs");if($APP.n(b)){var c=$APP.k(b,"area"),d=$APP.k(b,"hue-strip"),e=$APP.k(b,"alpha-strip"),g=$APP.k(b,"hex-input"),h=$APP.k(b,"swatches"),l=$APP.k(b,"eyedropper"),m=$APP.k(b,"copy"),p=$APP.k(b,
-"trigger");b=$APP.k(b,"panel");var q=function(da){var ta=lB(a);if(iB(ta)){da.preventDefault();var Qa=$APP.k($APP.k(a,"__xColorPickerRefs"),"area");Qa.setPointerCapture(da.pointerId);a.__xColorPickerDragging="area";da=tB(Qa,da);Qa=$APP.M(da);da=$APP.D(Qa,sB);Qa=$APP.D(Qa,$APP.Rj);da=WA(MA.g(ta),da,Qa);var ac=$APP.M(da);da=$APP.D(ac,MA);Qa=$APP.D(ac,NA);ac=$APP.D(ac,OA);pB(a,da,Qa,ac,KA.g(ta),dB.g(ta));ta=nB(a,lB(a))}else ta=null;return ta},v=function(da){if($APP.B.i("area",$APP.k(a,"__xColorPickerDragging"))){var ta=
-lB(a);da=tB($APP.k($APP.k(a,"__xColorPickerRefs"),"area"),da);var Qa=$APP.M(da);da=$APP.D(Qa,sB);Qa=$APP.D(Qa,$APP.Rj);da=WA(MA.g(ta),da,Qa);var ac=$APP.M(da);da=$APP.D(ac,MA);Qa=$APP.D(ac,NA);ac=$APP.D(ac,OA);pB(a,da,Qa,ac,KA.g(ta),dB.g(ta));ta=nB(a,lB(a))}else ta=null;return ta},x=function(){if($APP.B.i("area",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=null;var da=oB(a,lB(a))}else da=null;return da},y=function(da){return xB(a,da)},A=function(da){var ta=lB(a);if(iB(ta)){da.preventDefault();
-var Qa=$APP.k($APP.k(a,"__xColorPickerRefs"),"hue-strip");Qa.setPointerCapture(da.pointerId);a.__xColorPickerDragging="hue";da=uB(Qa,da);pB(a,da,NA.g(ta),OA.g(ta),KA.g(ta),dB.g(ta));ta=nB(a,lB(a))}else ta=null;return ta},C=function(da){if($APP.B.i("hue",$APP.k(a,"__xColorPickerDragging"))){var ta=lB(a);da=uB($APP.k($APP.k(a,"__xColorPickerRefs"),"hue-strip"),da);pB(a,da,NA.g(ta),OA.g(ta),KA.g(ta),dB.g(ta));ta=nB(a,lB(a))}else ta=null;return ta},E=function(){if($APP.B.i("hue",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=
-null;var da=oB(a,lB(a))}else da=null;return da},H=function(da){return zB(a,da)},G=function(da){var ta=lB(a);var Qa=(Qa=iB(ta))?dB.g(ta):Qa;$APP.n(Qa)?(da.preventDefault(),Qa=$APP.k($APP.k(a,"__xColorPickerRefs"),"alpha-strip"),Qa.setPointerCapture(da.pointerId),a.__xColorPickerDragging="alpha",da=vB(Qa,da),pB(a,MA.g(ta),NA.g(ta),OA.g(ta),da,!0),ta=nB(a,lB(a))):ta=null;return ta},J=function(da){if($APP.B.i("alpha",$APP.k(a,"__xColorPickerDragging"))){var ta=lB(a);da=vB($APP.k($APP.k(a,"__xColorPickerRefs"),
-"alpha-strip"),da);pB(a,MA.g(ta),NA.g(ta),OA.g(ta),da,!0);ta=nB(a,lB(a))}else ta=null;return ta},Q=function(){if($APP.B.i("alpha",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=null;var da=oB(a,lB(a))}else da=null;return da},aa=function(da){return AB(a,da)},ka=function(da){a:{if($APP.B.i("Enter",da.key)){da.preventDefault();da=$APP.k($APP.k(a,"__xColorPickerRefs"),"hex-input");var ta=da.value,Qa=lB(a);if(iB(Qa)){if(HA(ta)){a.setAttribute("value",ta);da=oB(a,lB(a));break a}da=da.value=
-fB.g(Qa);break a}}da=null}return da},Ca=function(da){a:{var ta=lB(a);if(iB(ta)&&(da=da.target,$APP.n(da.hasAttribute("data-color")))){da=da.getAttribute("data-color");a.setAttribute("value",da);da=oB(a,lB(a));break a}da=null}return da},Pa=function(){return BB(a)},cb=function(){var da=lB(a);return $APP.n(navigator.clipboard)?navigator.clipboard.writeText(fB.g(da)):null},db=function(){var da=lB(a);return $APP.B.i("popover",$APP.wj.g(da))&&$APP.r($APP.X.g(da))?$APP.n($APP.Mm.g(da))?DB(a):CB(a):null},
-ob=function(da){$APP.B.i("Escape",da.key)&&$APP.B.i("popover",$APP.wj.g(lB(a)))?(da.preventDefault(),da.stopPropagation(),da=DB(a)):da=null;return da},Nb=function(da){return da.stopPropagation()},fb=function(da){return $APP.n(a.hasAttribute("open"))?$APP.n(da.composedPath().some(function(ta){return ta===a}))?null:DB(a):null};c.addEventListener("pointerdown",q);c.addEventListener("pointermove",v);c.addEventListener("pointerup",x);c.addEventListener("keydown",y);d.addEventListener("pointerdown",A);
-d.addEventListener("pointermove",C);d.addEventListener("pointerup",E);d.addEventListener("keydown",H);e.addEventListener("pointerdown",G);e.addEventListener("pointermove",J);e.addEventListener("pointerup",Q);e.addEventListener("keydown",aa);g.addEventListener("keydown",ka);h.addEventListener("click",Ca);l.addEventListener("click",Pa);m.addEventListener("click",cb);p.addEventListener("click",db);b.addEventListener("keydown",ob);b.addEventListener("pointerdown",Nb);document.addEventListener("pointerdown",
-fb,!0);$APP.Cg(a,"__xColorPickerHandlers",{"area-move":v,copy:cb,"panel-key":ob,"alpha-up":Q,"hue-up":E,"alpha-key":aa,"alpha-move":J,"hex-key":ka,swatch:Ca,"area-up":x,"alpha-down":G,"area-key":y,"hue-down":A,"hue-key":H,"hue-move":C,eyedrop:Pa,"panel-pd":Nb,trigger:db,"doc-click":fb,"area-down":q})}},FB=function(a){var b=$APP.k(a,"__xColorPickerRefs"),c=$APP.k(a,"__xColorPickerHandlers");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(b,"area"),e=$APP.k(b,"hue-strip"),g=$APP.k(b,"alpha-strip"),h=$APP.k(b,
+var EA=function(a,b){return $APP.ph.i($APP.oh.i(a,0),b)},FA=function(a){return $APP.fd(a,360)},GA=function(a){return EA(a,100)},HA=function(a){return EA(a,1)},JA=function(a){var b=typeof a==="string";a=b?$APP.eg(IA,a.trim()):b;return $APP.F(a)},NA=function(a){if(typeof a==="string")if(a=$APP.eg(IA,a.trim()),$APP.n(a))switch($APP.Ac(a,0,null),a=$APP.Ac(a,1,null),$APP.z(a)){case 3:var b=parseInt(""+$APP.T.g($APP.pc(a,0))+$APP.T.g($APP.pc(a,0)),16),c=parseInt(""+$APP.T.g($APP.pc(a,1))+$APP.T.g($APP.pc(a,
+1)),16),d=parseInt(""+$APP.T.g($APP.pc(a,2))+$APP.T.g($APP.pc(a,2)),16);return new $APP.Q(null,4,[KA,b,$APP.Rl,c,LA,d,MA,1],null);case 6:return b=parseInt(a.substring(0,2),16),c=parseInt(a.substring(2,4),16),d=parseInt(a.substring(4,6),16),new $APP.Q(null,4,[KA,b,$APP.Rl,c,LA,d,MA,1],null);case 8:return b=parseInt(a.substring(0,2),16),c=parseInt(a.substring(2,4),16),d=parseInt(a.substring(4,6),16),new $APP.Q(null,4,[KA,b,$APP.Rl,c,LA,d,MA,parseInt(a.substring(6,8),16)/255],null);default:return null}else return null;
+else return null},RA=function(a,b,c){a/=255;b/=255;c/=255;var d=$APP.oh.C(a,b,$APP.uc([c])),e=$APP.ph.C(a,b,$APP.uc([c])),g=(d+e)/2,h=d-e;return h===0?new $APP.Q(null,3,[OA,0,PA,0,QA,g*100],null):new $APP.Q(null,3,[OA,(d===a?((b-c)/h+(b<c?6:0))/6:d===b?((c-a)/h+2)/6:((a-b)/h+4)/6)*360,PA,(g>.5?h/(2-d-e):h/(d+e))*100,QA,g*100],null)},SA=function(a,b,c){c=c<0?c+1:c>1?c-1:c;return c<1/6?a+(b-a)*6*c:c<.5?b:c<2/3?a+(b-a)*(2/3-c)*6:a},TA=function(a,b,c){a=FA(a)/360;b=GA(b)/100;c=GA(c)/100;if(b===0)return a=
+Math.round(c*255),new $APP.Q(null,3,[KA,a,$APP.Rl,a,LA,a],null);b=c<.5?c*(1+b):c+b-c*b;c=2*c-b;return new $APP.Q(null,3,[KA,Math.round(SA(c,b,a+1/3)*255),$APP.Rl,Math.round(SA(c,b,a)*255),LA,Math.round(SA(c,b,a-1/3)*255)],null)},UA=function(a,b,c){function d(e){e=EA(Math.round(e),255).toString(16);return $APP.z(e)<2?"0"+$APP.T.g(e):e}return"#"+$APP.T.g(d(a))+$APP.T.g(d(b))+$APP.T.g(d(c))},VA=function(a,b,c,d){function e(g){g=EA(Math.round(g),255).toString(16);return $APP.z(g)<2?"0"+$APP.T.g(g):g}
+return"#"+$APP.T.g(e(a))+$APP.T.g(e(b))+$APP.T.g(e(c))+$APP.T.g(e(HA(d)*255))},XA=function(a,b,c){b=GA(b)/100;c=GA(c)/100;b=c+b*$APP.ph.i(c,1-c);return new $APP.Q(null,3,[OA,FA(a),PA,(b===0?0:2*(1-c/b))*100,WA,b*100],null)},YA=function(a,b,c){b=GA(b)/100;c=GA(c)/100;b=c*(1-b/2);c=b===0||b===1?0:(c-b)/$APP.ph.i(b,1-b);return new $APP.Q(null,3,[OA,FA(a),PA,c*100,QA,b*100],null)},ZA=function(a,b){return new $APP.Q(null,2,[$APP.Ll,GA(a),$APP.Kl,100-GA(b)],null)},$A=function(a){return typeof a==="string"&&
+JA(a)?(a=NA(a),$APP.n(a)?UA(KA.g(a),$APP.Rl.g(a),LA.g(a)):null):"#000000"},bB=function(a){return typeof a==="string"&&$APP.I(aB,a.trim().toLowerCase())?a.trim().toLowerCase():"inline"},cB=function(a){return typeof a==="string"&&$APP.Lg(a)?$APP.We.m($APP.fe,$APP.th.m($APP.ae.g($APP.Jg),$APP.ce(JA),$APP.ae.g(function(b){b=NA(b);var c=$APP.M(b);b=$APP.D(c,KA);var d=$APP.D(c,$APP.Rl);c=$APP.D(c,LA);return UA(b,d,c)})),$APP.Hg(a,/,/)):$APP.fe},iB=function(a){var b=$APP.M(a),c=$APP.D(b,$APP.im),d=$APP.D(b,
+$APP.Pj),e=$APP.D(b,$APP.Yi);a=$APP.D(b,$APP.Aj);var g=$APP.D(b,$APP.Bj),h=$APP.D(b,$APP.wj),l=$APP.D(b,dB),m=$APP.D(b,$APP.U),p=$APP.D(b,eB);b=$A(e);var q=function(){var H=NA(e);return $APP.n(H)?H:NA("#000000")}(),v=$APP.M(q);q=$APP.D(v,KA);var x=$APP.D(v,$APP.Rl),y=$APP.D(v,LA);v=$APP.D(v,MA);var A=function(){var H=typeof e==="string";if(H){H=e.trim();var G=$APP.eg(IA,H);$APP.n(G)?(H=$APP.eg(IA,H),H=$APP.u($APP.w(H)),H=8===$APP.z(H)):H=G;return H}return H}();v=$APP.n(A)?v:1;A=RA(q,x,y);var C=$APP.M(A);
+A=$APP.D(C,OA);var E=$APP.D(C,PA);C=$APP.D(C,QA);d=$APP.Kg(d);g=$APP.Kg(g);p=p!=null;c=c!=null;h=bB(h);return $APP.zf([$APP.dn,fB,$APP.Aj,$APP.wj,dB,PA,QA,gB,OA,$APP.U,$APP.Om,hB,$APP.X,MA],[g,p,$APP.Lg(a)?a:null,h,cB(l),E,C,b,A,$APP.Lg(m)?m:null,$APP.B.i(h,"popover")&&c,p&&v<1?VA(q,x,y,v):b,d,v])},jB=function(a,b,c,d){a="Hue "+$APP.T.g(Math.round(a))+", Saturation "+$APP.T.g(Math.round(b))+"%, Lightness "+$APP.T.g(Math.round(c))+"%";return d<1?""+$APP.T.g(a)+", Opacity "+$APP.T.g(Math.round(d*100))+
+"%":a},kB=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.X);b=$APP.D(b,$APP.dn);return $APP.r(a)&&$APP.r(b)},lB=function(a){return document.createElement(a)},mB=function(a,b,c){return a.setAttribute(b,c)},nB=function(a){return iB($APP.zf([$APP.im,$APP.Pj,$APP.Aj,$APP.Yi,$APP.Bj,$APP.wj,dB,$APP.U,eB],[a.getAttribute("open"),a.getAttribute("disabled"),a.getAttribute("name"),a.getAttribute("value"),a.getAttribute("readonly"),a.getAttribute("mode"),a.getAttribute("swatches"),a.getAttribute("label"),a.getAttribute("alpha")]))},
+oB=function(a,b,c,d){b=new CustomEvent(b,{detail:$APP.Hh(d),bubbles:!0,composed:!0,cancelable:$APP.F(c)});return a.dispatchEvent(b)},pB=function(a,b){var c=hB.g(b),d=OA.g(b),e=PA.g(b),g=QA.g(b);b=MA.g(b);return oB(a,"x-color-picker-input",!1,new $APP.Q(null,5,[$APP.Yi,c,OA,d,PA,e,QA,g,MA,b],null))},qB=function(a,b){var c=hB.g(b),d=OA.g(b),e=PA.g(b),g=QA.g(b);b=MA.g(b);return oB(a,"x-color-picker-change",!0,new $APP.Q(null,5,[$APP.Yi,c,OA,d,PA,e,QA,g,MA,b],null))},rB=function(a,b,c,d,e,g){b=TA(b,c,
+d);d=$APP.M(b);b=$APP.D(d,KA);c=$APP.D(d,$APP.Rl);d=$APP.D(d,LA);e=$APP.n($APP.n(g)?e<1:g)?VA(b,c,d,e):UA(b,c,d);a.setAttribute("value",e)},sB=function(a,b,c,d){if($APP.N($APP.k(a,"__xColorPickerSwatchesCache"),c)){a.__xColorPickerSwatchesCache=c;b.innerHTML="";a=$APP.t(c);c=null;for(var e=0,g=0;;)if(g<e){var h=c.F(null,g),l=lB("button");l.setAttribute("part","swatch");l.setAttribute("type","button");l.setAttribute("role","option");l.setAttribute("aria-label",h);l.setAttribute("data-color",h);l.style.backgroundColor=
+h;b.appendChild(l);g+=1}else if(a=$APP.t(a))$APP.Nc(a)?(e=$APP.yb(a),a=$APP.zb(a),c=e,e=$APP.z(e)):(c=$APP.u(a),e=lB("button"),e.setAttribute("part","swatch"),e.setAttribute("type","button"),e.setAttribute("role","option"),e.setAttribute("aria-label",c),e.setAttribute("data-color",c),e.style.backgroundColor=c,b.appendChild(e),a=$APP.w(a),c=null,e=0),g=0;else break}b.querySelectorAll("[part\x3dswatch]").forEach(function(m){return mB(m,"aria-selected",$APP.B.i(m.getAttribute("data-color"),d)?"true":
+"false")})},tB=function(a){var b=$APP.k(a,"__xColorPickerRefs");if($APP.n(b)){var c=nB(a),d=$APP.M(c);c=$APP.D(d,hB);var e=$APP.D(d,$APP.X),g=$APP.D(d,MA),h=$APP.D(d,$APP.dn),l=$APP.D(d,fB),m=$APP.D(d,$APP.wj),p=$APP.D(d,dB),q=$APP.D(d,PA),v=$APP.D(d,QA),x=$APP.D(d,gB),y=$APP.D(d,$APP.U),A=$APP.D(d,OA);d=XA(A,q,v);d=$APP.M(d);var C=$APP.D(d,PA);q=$APP.D(d,WA);d=ZA(PA.g(d),q);q=$APP.k(b,"area");var E=$APP.k(b,"hue-strip"),H=$APP.k(b,"alpha-strip"),G=$APP.k(b,"preview-color"),J=$APP.k(b,"hex-input"),
+R=$APP.k(b,"trigger-swatch");b=$APP.k(b,"swatches");a.setAttribute("data-mode",m);a.style.setProperty("--_x-cp-hue",""+$APP.T.g(Math.round(A)));q.style.setProperty("--_x-cp-area-x",""+$APP.T.g($APP.Ll.g(d).toFixed(2))+"%");q.style.setProperty("--_x-cp-area-y",""+$APP.T.g($APP.Kl.g(d).toFixed(2))+"%");mB(q,"aria-valuetext",jB(A,C,v,g));$APP.n(y)&&q.setAttribute("aria-label",y);E.style.setProperty("--_x-cp-hue-pos",""+$APP.T.g((FA(A)/360*100).toFixed(2))+"%");mB(E,"aria-valuenow",""+$APP.T.g(Math.round(A)));
+$APP.n(l)?(H.style.display="",a.style.setProperty("--_x-cp-alpha-color","hsl("+$APP.T.g(Math.round(A))+","+$APP.T.g(Math.round(C))+"%,"+$APP.T.g(Math.round(v))+"%)"),H.style.setProperty("--_x-cp-alpha-pos",""+$APP.T.g((HA(g)*100).toFixed(2))+"%"),mB(H,"aria-valuenow",""+$APP.T.g(Math.round(g*100)))):H.style.display="none";G.style.backgroundColor=$APP.n(l)?function(){var aa=TA(A,C,v),la=$APP.M(aa);aa=$APP.D(la,KA);var Ca=$APP.D(la,$APP.Rl);la=$APP.D(la,LA);return"rgba("+$APP.T.g(aa)+","+$APP.T.g(Ca)+
+","+$APP.T.g(la)+","+$APP.T.g(g.toFixed(2))+")"}():x;a.shadowRoot.activeElement!==J&&(J.value=c);R.style.backgroundColor=$APP.n(l)?function(){var aa=TA(A,C,v),la=$APP.M(aa);aa=$APP.D(la,KA);var Ca=$APP.D(la,$APP.Rl);la=$APP.D(la,LA);return"rgba("+$APP.T.g(aa)+","+$APP.T.g(Ca)+","+$APP.T.g(la)+","+$APP.T.g(g.toFixed(2))+")"}():x;J.disabled=$APP.n(e)?e:h;sB(a,b,p,x);a=$APP.k(a,"__xColorPickerInternals");return $APP.n(a)?a.setFormValue(c):null}return null},vB=function(a,b){var c=a.getBoundingClientRect();
+a=b.clientY-c.top;var d=c.width,e=c.height;b=100*(EA(b.clientX-c.left,d)/d);a=100*(EA(a,e)/e);return new $APP.Q(null,2,[uB,GA(b),$APP.Rj,100-GA(a)],null)},wB=function(a,b){a=a.getBoundingClientRect();var c=a.width;b=100*(EA(b.clientX-a.left,c)/c);return GA(b)/100*360},xB=function(a,b){a=a.getBoundingClientRect();var c=a.width;b=100*(EA(b.clientX-a.left,c)/c);return GA(b)/100},zB=function(a,b){var c=nB(a);if(kB(c)&&$APP.I(yB,b.key)){b.preventDefault();var d=$APP.n(b.shiftKey)?10:1,e=XA(OA.g(c),PA.g(c),
+QA.g(c)),g=function(){switch(b.key){case "ArrowRight":return GA(PA.g(e)+d);case "ArrowLeft":return GA(PA.g(e)-d);default:return PA.g(e)}}(),h=function(){switch(b.key){case "ArrowUp":return GA(WA.g(e)+d);case "ArrowDown":return GA(WA.g(e)-d);default:return WA.g(e)}}();g=YA(OA.g(c),g,h);var l=$APP.M(g);g=$APP.D(l,OA);h=$APP.D(l,PA);l=$APP.D(l,QA);rB(a,g,h,l,MA.g(c),fB.g(c));pB(a,nB(a));return qB(a,nB(a))}return null},BB=function(a,b){var c=nB(a);if(kB(c)&&$APP.I(AB,b.key)){b.preventDefault();var d=
+$APP.n(b.shiftKey)?10:1,e=function(){switch(b.key){case "ArrowRight":return FA(OA.g(c)+d);case "ArrowLeft":return FA(OA.g(c)-d);case "Home":return 0;case "End":return 360;default:return OA.g(c)}}();rB(a,e,PA.g(c),QA.g(c),MA.g(c),fB.g(c));pB(a,nB(a));return qB(a,nB(a))}return null},CB=function(a,b){var c=nB(a);if($APP.n(function(){var g=kB(c);return g?(g=fB.g(c),$APP.n(g)?$APP.I(AB,b.key):g):g}())){b.preventDefault();var d=$APP.n(b.shiftKey)?.1:.01,e=function(){switch(b.key){case "ArrowRight":return HA(MA.g(c)+
+d);case "ArrowLeft":return HA(MA.g(c)-d);case "Home":return 0;case "End":return 1;default:return MA.g(c)}}();rB(a,OA.g(c),PA.g(c),QA.g(c),e,!0);pB(a,nB(a));return qB(a,nB(a))}return null},DB=function(a){var b=nB(a);return kB(b)&&typeof EyeDropper!=="undefined"?(new EyeDropper).open().then(function(c){a.setAttribute("value",c.sRGBHex);return qB(a,nB(a))}).catch(function(){return null}):null},EB=function(a){if($APP.n(a.hasAttribute("open")))return null;a.setAttribute("open","");a=$APP.k(a,"__xColorPickerRefs");
+if($APP.n(a)){var b=$APP.k(a,"area");return setTimeout(function(){return b.focus()},0)}return null},FB=function(a){return $APP.n(a.hasAttribute("open"))?(a.removeAttribute("open"),a=$APP.k(a,"__xColorPickerRefs"),$APP.n(a)?$APP.k(a,"trigger").focus():null):null},GB=function(a){var b=$APP.k(a,"__xColorPickerRefs");if($APP.n(b)){var c=$APP.k(b,"area"),d=$APP.k(b,"hue-strip"),e=$APP.k(b,"alpha-strip"),g=$APP.k(b,"hex-input"),h=$APP.k(b,"swatches"),l=$APP.k(b,"eyedropper"),m=$APP.k(b,"copy"),p=$APP.k(b,
+"trigger");b=$APP.k(b,"panel");var q=function(ea){var ta=nB(a);if(kB(ta)){ea.preventDefault();var Qa=$APP.k($APP.k(a,"__xColorPickerRefs"),"area");Qa.setPointerCapture(ea.pointerId);a.__xColorPickerDragging="area";ea=vB(Qa,ea);Qa=$APP.M(ea);ea=$APP.D(Qa,uB);Qa=$APP.D(Qa,$APP.Rj);ea=YA(OA.g(ta),ea,Qa);var ac=$APP.M(ea);ea=$APP.D(ac,OA);Qa=$APP.D(ac,PA);ac=$APP.D(ac,QA);rB(a,ea,Qa,ac,MA.g(ta),fB.g(ta));ta=pB(a,nB(a))}else ta=null;return ta},v=function(ea){if($APP.B.i("area",$APP.k(a,"__xColorPickerDragging"))){var ta=
+nB(a);ea=vB($APP.k($APP.k(a,"__xColorPickerRefs"),"area"),ea);var Qa=$APP.M(ea);ea=$APP.D(Qa,uB);Qa=$APP.D(Qa,$APP.Rj);ea=YA(OA.g(ta),ea,Qa);var ac=$APP.M(ea);ea=$APP.D(ac,OA);Qa=$APP.D(ac,PA);ac=$APP.D(ac,QA);rB(a,ea,Qa,ac,MA.g(ta),fB.g(ta));ta=pB(a,nB(a))}else ta=null;return ta},x=function(){if($APP.B.i("area",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=null;var ea=qB(a,nB(a))}else ea=null;return ea},y=function(ea){return zB(a,ea)},A=function(ea){var ta=nB(a);if(kB(ta)){ea.preventDefault();
+var Qa=$APP.k($APP.k(a,"__xColorPickerRefs"),"hue-strip");Qa.setPointerCapture(ea.pointerId);a.__xColorPickerDragging="hue";ea=wB(Qa,ea);rB(a,ea,PA.g(ta),QA.g(ta),MA.g(ta),fB.g(ta));ta=pB(a,nB(a))}else ta=null;return ta},C=function(ea){if($APP.B.i("hue",$APP.k(a,"__xColorPickerDragging"))){var ta=nB(a);ea=wB($APP.k($APP.k(a,"__xColorPickerRefs"),"hue-strip"),ea);rB(a,ea,PA.g(ta),QA.g(ta),MA.g(ta),fB.g(ta));ta=pB(a,nB(a))}else ta=null;return ta},E=function(){if($APP.B.i("hue",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=
+null;var ea=qB(a,nB(a))}else ea=null;return ea},H=function(ea){return BB(a,ea)},G=function(ea){var ta=nB(a);var Qa=(Qa=kB(ta))?fB.g(ta):Qa;$APP.n(Qa)?(ea.preventDefault(),Qa=$APP.k($APP.k(a,"__xColorPickerRefs"),"alpha-strip"),Qa.setPointerCapture(ea.pointerId),a.__xColorPickerDragging="alpha",ea=xB(Qa,ea),rB(a,OA.g(ta),PA.g(ta),QA.g(ta),ea,!0),ta=pB(a,nB(a))):ta=null;return ta},J=function(ea){if($APP.B.i("alpha",$APP.k(a,"__xColorPickerDragging"))){var ta=nB(a);ea=xB($APP.k($APP.k(a,"__xColorPickerRefs"),
+"alpha-strip"),ea);rB(a,OA.g(ta),PA.g(ta),QA.g(ta),ea,!0);ta=pB(a,nB(a))}else ta=null;return ta},R=function(){if($APP.B.i("alpha",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=null;var ea=qB(a,nB(a))}else ea=null;return ea},aa=function(ea){return CB(a,ea)},la=function(ea){a:{if($APP.B.i("Enter",ea.key)){ea.preventDefault();ea=$APP.k($APP.k(a,"__xColorPickerRefs"),"hex-input");var ta=ea.value,Qa=nB(a);if(kB(Qa)){if(JA(ta)){a.setAttribute("value",ta);ea=qB(a,nB(a));break a}ea=ea.value=
+hB.g(Qa);break a}}ea=null}return ea},Ca=function(ea){a:{var ta=nB(a);if(kB(ta)&&(ea=ea.target,$APP.n(ea.hasAttribute("data-color")))){ea=ea.getAttribute("data-color");a.setAttribute("value",ea);ea=qB(a,nB(a));break a}ea=null}return ea},Pa=function(){return DB(a)},db=function(){var ea=nB(a);return $APP.n(navigator.clipboard)?navigator.clipboard.writeText(hB.g(ea)):null},eb=function(){var ea=nB(a);return $APP.B.i("popover",$APP.wj.g(ea))&&$APP.r($APP.X.g(ea))?$APP.n($APP.Om.g(ea))?FB(a):EB(a):null},
+pb=function(ea){$APP.B.i("Escape",ea.key)&&$APP.B.i("popover",$APP.wj.g(nB(a)))?(ea.preventDefault(),ea.stopPropagation(),ea=FB(a)):ea=null;return ea},Nb=function(ea){return ea.stopPropagation()},gb=function(ea){return $APP.n(a.hasAttribute("open"))?$APP.n(ea.composedPath().some(function(ta){return ta===a}))?null:FB(a):null};c.addEventListener("pointerdown",q);c.addEventListener("pointermove",v);c.addEventListener("pointerup",x);c.addEventListener("keydown",y);d.addEventListener("pointerdown",A);
+d.addEventListener("pointermove",C);d.addEventListener("pointerup",E);d.addEventListener("keydown",H);e.addEventListener("pointerdown",G);e.addEventListener("pointermove",J);e.addEventListener("pointerup",R);e.addEventListener("keydown",aa);g.addEventListener("keydown",la);h.addEventListener("click",Ca);l.addEventListener("click",Pa);m.addEventListener("click",db);p.addEventListener("click",eb);b.addEventListener("keydown",pb);b.addEventListener("pointerdown",Nb);document.addEventListener("pointerdown",
+gb,!0);$APP.Cg(a,"__xColorPickerHandlers",{"area-move":v,copy:db,"panel-key":pb,"alpha-up":R,"hue-up":E,"alpha-key":aa,"alpha-move":J,"hex-key":la,swatch:Ca,"area-up":x,"alpha-down":G,"area-key":y,"hue-down":A,"hue-key":H,"hue-move":C,eyedrop:Pa,"panel-pd":Nb,trigger:eb,"doc-click":gb,"area-down":q})}},HB=function(a){var b=$APP.k(a,"__xColorPickerRefs"),c=$APP.k(a,"__xColorPickerHandlers");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(b,"area"),e=$APP.k(b,"hue-strip"),g=$APP.k(b,"alpha-strip"),h=$APP.k(b,
 "hex-input"),l=$APP.k(b,"swatches"),m=$APP.k(b,"eyedropper"),p=$APP.k(b,"copy"),q=$APP.k(b,"trigger");b=$APP.k(b,"panel");d.removeEventListener("pointerdown",$APP.k(c,"area-down"));d.removeEventListener("pointermove",$APP.k(c,"area-move"));d.removeEventListener("pointerup",$APP.k(c,"area-up"));d.removeEventListener("keydown",$APP.k(c,"area-key"));e.removeEventListener("pointerdown",$APP.k(c,"hue-down"));e.removeEventListener("pointermove",$APP.k(c,"hue-move"));e.removeEventListener("pointerup",$APP.k(c,
 "hue-up"));e.removeEventListener("keydown",$APP.k(c,"hue-key"));g.removeEventListener("pointerdown",$APP.k(c,"alpha-down"));g.removeEventListener("pointermove",$APP.k(c,"alpha-move"));g.removeEventListener("pointerup",$APP.k(c,"alpha-up"));g.removeEventListener("keydown",$APP.k(c,"alpha-key"));h.removeEventListener("keydown",$APP.k(c,"hex-key"));l.removeEventListener("click",$APP.k(c,"swatch"));m.removeEventListener("click",$APP.k(c,"eyedrop"));p.removeEventListener("click",$APP.k(c,"copy"));q.removeEventListener("click",
-$APP.k(c,"trigger"));b.removeEventListener("keydown",$APP.k(c,"panel-key"));b.removeEventListener("pointerdown",$APP.k(c,"panel-pd"));document.removeEventListener("pointerdown",$APP.k(c,"doc-click"),!0);a.__xColorPickerHandlers=null}else return null},GB=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.Eg(this,c,$APP.F(d))}})},HB=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=
-this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.N(d)?kB(this,c,""+$APP.T.g(d)):this.removeAttribute(c)}})},JB=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return IB}});GB(b,"disabled","disabled");GB(b,"readOnly","readonly");GB(b,"alpha","alpha");GB(b,"open","open");HB(b,"value","value");HB(b,"swatches","swatches");HB(b,"name","name");HB(b,"mode","mode");HB(b,"label","label");
-b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xColorPickerRefs"))){var c=this.attachShadow({mode:"open"}),d=jB("style"),e=jB("div"),g=jB("button"),h=jB("span"),l=jB("div"),m=jB("div"),p=jB("div"),q=jB("div"),v=jB("div"),x=jB("div"),y=jB("div"),A=jB("div"),C=jB("div"),E=jB("div"),H=jB("div"),G=jB("span"),J=jB("input"),Q=jB("button"),aa=jB("button"),ka=jB("div");d.textContent=":host{display:inline-block;color-scheme:light dark;position:relative;--x-color-picker-width:240px;--x-color-picker-area-height:160px;--x-color-picker-strip-height:14px;--x-color-picker-swatch-size:28px;--x-color-picker-radius:var(--x-radius-md,8px);--x-color-picker-gap:10px;--x-color-picker-bg:var(--x-color-bg,#ffffff);--x-color-picker-border:var(--x-color-border,#cbd5e1);--x-color-picker-text:var(--x-color-text,#1e293b);--x-color-picker-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-color-picker-disabled-opacity:0.45;}@media (prefers-color-scheme:dark){:host{--x-color-picker-bg:var(--x-color-bg,#1e293b);--x-color-picker-border:var(--x-color-border,#475569);--x-color-picker-text:var(--x-color-text,#f1f5f9);--x-color-picker-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontainer]{position:relative;width:var(--x-color-picker-width);max-width:calc(100vw - 2rem);}[part\x3dtrigger]{all:unset;display:none;box-sizing:border-box;width:36px;height:36px;border-radius:var(--x-color-picker-radius);border:2px solid var(--x-color-picker-border);cursor:pointer;overflow:hidden;}[part\x3dtrigger]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}:host([data-mode\x3dpopover]) [part\x3dtrigger]{display:block;}[part\x3dtrigger-swatch]{display:block;width:100%;height:100%;}[part\x3dpanel]{box-sizing:border-box;background:var(--x-color-picker-bg);border:1px solid var(--x-color-picker-border);border-radius:var(--x-color-picker-radius);padding:var(--x-color-picker-gap);display:flex;flex-direction:column;gap:var(--x-color-picker-gap);box-shadow:var(--x-shadow-md,0 4px 12px rgba(0,0,0,0.1));}:host([data-mode\x3dpopover]) [part\x3dpanel]{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;max-width:calc(100vw - 1rem);}:host([data-mode\x3dpopover][open]) [part\x3dpanel]{display:flex;}[part\x3darea]{position:relative;width:100%;height:var(--x-color-picker-area-height);border-radius:calc(var(--x-color-picker-radius) - 2px);cursor:crosshair;touch-action:none;overflow:hidden;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,hsl(var(--_x-cp-hue,0),100%,50%));}[part\x3darea]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3darea-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(0,0,0,0.3);pointer-events:none;left:var(--_x-cp-area-x,0%);top:var(--_x-cp-area-y,0%);transform:translate(-50%,-50%);}[part\x3dstrips]{display:flex;flex-direction:column;gap:8px;}[part\x3dhue-strip]{position:relative;width:100%;height:var(--x-color-picker-strip-height);border-radius:var(--x-color-picker-strip-height);cursor:pointer;touch-action:none;background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);}[part\x3dhue-strip]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3dhue-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.3);pointer-events:none;top:50%;left:var(--_x-cp-hue-pos,0%);transform:translate(-50%,-50%);}[part\x3dalpha-strip]{position:relative;width:100%;height:var(--x-color-picker-strip-height);border-radius:var(--x-color-picker-strip-height);cursor:pointer;touch-action:none;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;}[part\x3dalpha-strip]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3dalpha-gradient]{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to right,transparent,var(--_x-cp-alpha-color,#000));}[part\x3dalpha-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.3);pointer-events:none;top:50%;left:var(--_x-cp-alpha-pos,100%);transform:translate(-50%,-50%);z-index:1;}[part\x3dcontrols]{display:flex;align-items:center;gap:6px;}[part\x3dpreview]{width:32px;height:32px;border-radius:var(--x-color-picker-radius);border:1px solid var(--x-color-picker-border);flex-shrink:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;overflow:hidden;}[part\x3dpreview-color]{display:block;width:100%;height:100%;}[part\x3dhex-input]{flex:1;min-width:0;box-sizing:border-box;padding:4px 8px;border:1px solid var(--x-color-picker-border);border-radius:calc(var(--x-color-picker-radius) - 2px);background:transparent;color:var(--x-color-picker-text);font-family:var(--x-font-family,inherit);font-size:var(--x-font-size-sm,0.8125rem);outline:none;}[part\x3dhex-input]:focus-visible{border-color:var(--x-color-picker-focus-ring);box-shadow:0 0 0 2px var(--x-color-picker-focus-ring);}[part\x3deyedropper],[part\x3dcopy]{all:unset;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:calc(var(--x-color-picker-radius) - 2px);cursor:pointer;color:var(--x-color-picker-text);flex-shrink:0;}[part\x3deyedropper]:hover,[part\x3dcopy]:hover{background:rgba(0,0,0,0.06);}@media (prefers-color-scheme:dark){[part\x3deyedropper]:hover,[part\x3dcopy]:hover{background:rgba(255,255,255,0.1);}}[part\x3deyedropper]:focus-visible,[part\x3dcopy]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}[part\x3dswatches]{display:grid;grid-template-columns:repeat(auto-fill,var(--x-color-picker-swatch-size));gap:4px;}[part\x3dswatches]:empty{display:none;}[part\x3dswatch]{all:unset;width:var(--x-color-picker-swatch-size);height:var(--x-color-picker-swatch-size);border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;}[part\x3dswatch]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}[part\x3dswatch][aria-selected\x3dtrue]{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}:host([disabled]){opacity:var(--x-color-picker-disabled-opacity);pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3darea-thumb],[part\x3dhue-thumb],[part\x3dalpha-thumb]{transition:none;}}@media (pointer:coarse){[part\x3darea-thumb],[part\x3dhue-thumb],[part\x3dalpha-thumb]{width:24px;height:24px;}[part\x3dtrigger]{width:44px;height:44px;}[part\x3deyedropper],[part\x3dcopy]{width:44px;height:44px;}[part\x3dswatch]{min-width:44px;min-height:44px;}}";
+$APP.k(c,"trigger"));b.removeEventListener("keydown",$APP.k(c,"panel-key"));b.removeEventListener("pointerdown",$APP.k(c,"panel-pd"));document.removeEventListener("pointerdown",$APP.k(c,"doc-click"),!0);a.__xColorPickerHandlers=null}else return null},IB=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.Eg(this,c,$APP.F(d))}})},JB=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=
+this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.N(d)?mB(this,c,""+$APP.T.g(d)):this.removeAttribute(c)}})},LB=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return KB}});IB(b,"disabled","disabled");IB(b,"readOnly","readonly");IB(b,"alpha","alpha");IB(b,"open","open");JB(b,"value","value");JB(b,"swatches","swatches");JB(b,"name","name");JB(b,"mode","mode");JB(b,"label","label");
+b.connectedCallback=function(){if(!$APP.n($APP.k(this,"__xColorPickerRefs"))){var c=this.attachShadow({mode:"open"}),d=lB("style"),e=lB("div"),g=lB("button"),h=lB("span"),l=lB("div"),m=lB("div"),p=lB("div"),q=lB("div"),v=lB("div"),x=lB("div"),y=lB("div"),A=lB("div"),C=lB("div"),E=lB("div"),H=lB("div"),G=lB("span"),J=lB("input"),R=lB("button"),aa=lB("button"),la=lB("div");d.textContent=":host{display:inline-block;color-scheme:light dark;position:relative;--x-color-picker-width:240px;--x-color-picker-area-height:160px;--x-color-picker-strip-height:14px;--x-color-picker-swatch-size:28px;--x-color-picker-radius:var(--x-radius-md,8px);--x-color-picker-gap:10px;--x-color-picker-bg:var(--x-color-bg,#ffffff);--x-color-picker-border:var(--x-color-border,#cbd5e1);--x-color-picker-text:var(--x-color-text,#1e293b);--x-color-picker-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-color-picker-disabled-opacity:0.45;}@media (prefers-color-scheme:dark){:host{--x-color-picker-bg:var(--x-color-bg,#1e293b);--x-color-picker-border:var(--x-color-border,#475569);--x-color-picker-text:var(--x-color-text,#f1f5f9);--x-color-picker-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontainer]{position:relative;width:var(--x-color-picker-width);max-width:calc(100vw - 2rem);}[part\x3dtrigger]{all:unset;display:none;box-sizing:border-box;width:36px;height:36px;border-radius:var(--x-color-picker-radius);border:2px solid var(--x-color-picker-border);cursor:pointer;overflow:hidden;}[part\x3dtrigger]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}:host([data-mode\x3dpopover]) [part\x3dtrigger]{display:block;}[part\x3dtrigger-swatch]{display:block;width:100%;height:100%;}[part\x3dpanel]{box-sizing:border-box;background:var(--x-color-picker-bg);border:1px solid var(--x-color-picker-border);border-radius:var(--x-color-picker-radius);padding:var(--x-color-picker-gap);display:flex;flex-direction:column;gap:var(--x-color-picker-gap);box-shadow:var(--x-shadow-md,0 4px 12px rgba(0,0,0,0.1));}:host([data-mode\x3dpopover]) [part\x3dpanel]{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;max-width:calc(100vw - 1rem);}:host([data-mode\x3dpopover][open]) [part\x3dpanel]{display:flex;}[part\x3darea]{position:relative;width:100%;height:var(--x-color-picker-area-height);border-radius:calc(var(--x-color-picker-radius) - 2px);cursor:crosshair;touch-action:none;overflow:hidden;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,hsl(var(--_x-cp-hue,0),100%,50%));}[part\x3darea]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3darea-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(0,0,0,0.3);pointer-events:none;left:var(--_x-cp-area-x,0%);top:var(--_x-cp-area-y,0%);transform:translate(-50%,-50%);}[part\x3dstrips]{display:flex;flex-direction:column;gap:8px;}[part\x3dhue-strip]{position:relative;width:100%;height:var(--x-color-picker-strip-height);border-radius:var(--x-color-picker-strip-height);cursor:pointer;touch-action:none;background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);}[part\x3dhue-strip]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3dhue-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.3);pointer-events:none;top:50%;left:var(--_x-cp-hue-pos,0%);transform:translate(-50%,-50%);}[part\x3dalpha-strip]{position:relative;width:100%;height:var(--x-color-picker-strip-height);border-radius:var(--x-color-picker-strip-height);cursor:pointer;touch-action:none;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;}[part\x3dalpha-strip]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3dalpha-gradient]{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to right,transparent,var(--_x-cp-alpha-color,#000));}[part\x3dalpha-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.3);pointer-events:none;top:50%;left:var(--_x-cp-alpha-pos,100%);transform:translate(-50%,-50%);z-index:1;}[part\x3dcontrols]{display:flex;align-items:center;gap:6px;}[part\x3dpreview]{width:32px;height:32px;border-radius:var(--x-color-picker-radius);border:1px solid var(--x-color-picker-border);flex-shrink:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;overflow:hidden;}[part\x3dpreview-color]{display:block;width:100%;height:100%;}[part\x3dhex-input]{flex:1;min-width:0;box-sizing:border-box;padding:4px 8px;border:1px solid var(--x-color-picker-border);border-radius:calc(var(--x-color-picker-radius) - 2px);background:transparent;color:var(--x-color-picker-text);font-family:var(--x-font-family,inherit);font-size:var(--x-font-size-sm,0.8125rem);outline:none;}[part\x3dhex-input]:focus-visible{border-color:var(--x-color-picker-focus-ring);box-shadow:0 0 0 2px var(--x-color-picker-focus-ring);}[part\x3deyedropper],[part\x3dcopy]{all:unset;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:calc(var(--x-color-picker-radius) - 2px);cursor:pointer;color:var(--x-color-picker-text);flex-shrink:0;}[part\x3deyedropper]:hover,[part\x3dcopy]:hover{background:rgba(0,0,0,0.06);}@media (prefers-color-scheme:dark){[part\x3deyedropper]:hover,[part\x3dcopy]:hover{background:rgba(255,255,255,0.1);}}[part\x3deyedropper]:focus-visible,[part\x3dcopy]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}[part\x3dswatches]{display:grid;grid-template-columns:repeat(auto-fill,var(--x-color-picker-swatch-size));gap:4px;}[part\x3dswatches]:empty{display:none;}[part\x3dswatch]{all:unset;width:var(--x-color-picker-swatch-size);height:var(--x-color-picker-swatch-size);border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;}[part\x3dswatch]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}[part\x3dswatch][aria-selected\x3dtrue]{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}:host([disabled]){opacity:var(--x-color-picker-disabled-opacity);pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3darea-thumb],[part\x3dhue-thumb],[part\x3dalpha-thumb]{transition:none;}}@media (pointer:coarse){[part\x3darea-thumb],[part\x3dhue-thumb],[part\x3dalpha-thumb]{width:24px;height:24px;}[part\x3dtrigger]{width:44px;height:44px;}[part\x3deyedropper],[part\x3dcopy]{width:44px;height:44px;}[part\x3dswatch]{min-width:44px;min-height:44px;}}";
 e.setAttribute("part","container");g.setAttribute("part","trigger");g.setAttribute("type","button");g.setAttribute("aria-label","Pick color");h.setAttribute("part","trigger-swatch");l.setAttribute("part","panel");m.setAttribute("part","area");m.setAttribute("role","slider");m.setAttribute("tabindex","0");m.setAttribute("aria-label","Color");p.setAttribute("part","area-thumb");q.setAttribute("part","strips");v.setAttribute("part","hue-strip");v.setAttribute("role","slider");v.setAttribute("tabindex",
 "0");v.setAttribute("aria-label","Hue");v.setAttribute("aria-valuemin","0");v.setAttribute("aria-valuemax","360");x.setAttribute("part","hue-thumb");y.setAttribute("part","alpha-strip");y.setAttribute("role","slider");y.setAttribute("tabindex","0");y.setAttribute("aria-label","Opacity");y.setAttribute("aria-valuemin","0");y.setAttribute("aria-valuemax","100");A.setAttribute("part","alpha-gradient");C.setAttribute("part","alpha-thumb");E.setAttribute("part","controls");H.setAttribute("part","preview");
-G.setAttribute("part","preview-color");J.setAttribute("part","hex-input");J.setAttribute("type","text");J.setAttribute("spellcheck","false");J.setAttribute("autocomplete","off");J.setAttribute("aria-label","Hex color value");Q.setAttribute("part","eyedropper");Q.setAttribute("type","button");Q.setAttribute("aria-label","Pick color from screen");Q.innerHTML='\x3csvg width\x3d"16" height\x3d"16" viewBox\x3d"0 0 16 16" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3cpath d\x3d"M13.5 2.5a2.12 2.12 0 0 0-3 0L9 4l-.5-.5L6 6l4 4 2.5-2.5L12 7l1.5-1.5a2.12 2.12 0 0 0 0-3zM6 6L2.5 9.5a1.5 1.5 0 0 0-.4.8L1.5 14l3.7-.6a1.5 1.5 0 0 0 .8-.4L10 10"/\x3e\x3c/svg\x3e';
-aa.setAttribute("part","copy");aa.setAttribute("type","button");aa.setAttribute("aria-label","Copy color value");aa.innerHTML='\x3csvg width\x3d"16" height\x3d"16" viewBox\x3d"0 0 16 16" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3crect x\x3d"5" y\x3d"5" width\x3d"9" height\x3d"9" rx\x3d"1.5"/\x3e\x3cpath d\x3d"M5 11H3.5A1.5 1.5 0 0 1 2 9.5v-6A1.5 1.5 0 0 1 3.5 2h6A1.5 1.5 0 0 1 11 3.5V5"/\x3e\x3c/svg\x3e';ka.setAttribute("part",
-"swatches");ka.setAttribute("role","listbox");ka.setAttribute("aria-label","Preset colors");g.appendChild(h);m.appendChild(p);v.appendChild(x);y.appendChild(A);y.appendChild(C);q.appendChild(v);q.appendChild(y);H.appendChild(G);E.appendChild(H);E.appendChild(J);E.appendChild(Q);E.appendChild(aa);l.appendChild(m);l.appendChild(q);l.appendChild(E);l.appendChild(ka);e.appendChild(g);e.appendChild(l);c.appendChild(d);c.appendChild(e);typeof EyeDropper==="undefined"&&(Q.style.display="none");this.__xColorPickerRefs=
-{"alpha-thumb":C,copy:aa,swatches:ka,"hue-strip":v,controls:E,"alpha-gradient":A,panel:l,preview:H,"area-thumb":p,"preview-color":G,container:e,area:m,"hue-thumb":x,"trigger-swatch":h,trigger:g,"alpha-strip":y,eyedropper:Q,"hex-input":J};$APP.n(this.attachInternals)&&(this.__xColorPickerInternals=this.attachInternals())}FB(this);EB(this);return rB(this)};b.disconnectedCallback=function(){return FB(this)};b.attributeChangedCallback=function(){return rB(this)};b.formDisabledCallback=function(c){$APP.Eg(this,
-"disabled",$APP.F(c));return rB(this)};b.formResetCallback=function(){this.setAttribute("value","#000000");return rB(this)};return a},KB=function(){return $APP.n(customElements.get("x-color-picker"))?null:customElements.define("x-color-picker",JB())},cB=new $APP.K(null,"alpha","alpha",-1574982441),fB=new $APP.K(null,"hex-full","hex-full",-1466644518),bB=new $APP.K(null,"swatches","swatches",2033601707),UA=new $APP.K(null,"v","v",21465059),NA=new $APP.K(null,"s","s",1705939918),IA=new $APP.K(null,
-"r","r",-471384190),dB=new $APP.K(null,"alpha?","alpha?",1329751525),OA=new $APP.K(null,"l","l",1395893423),MA=new $APP.K(null,"h","h",1109658740),JA=new $APP.K(null,"b","b",1482224470),sB=new $APP.K(null,"sat","sat",1064662667),KA=new $APP.K(null,"a","a",-2123407586),eB=new $APP.K(null,"hex","hex",41691346);var ZA=new $APP.S(null,new $APP.R(null,2,["inline",null,"popover",null],null),null),IB="value alpha swatches disabled readonly name mode open label".split(" ");
-$APP.zf([$APP.gm,$APP.Pj,$APP.Aj,$APP.Yi,$APP.wj,bB,$APP.lm,$APP.U,cB],[new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"open"],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.Y,$APP.Ik,"mode"],null),new $APP.R(null,2,[$APP.Z,$APP.Y,$APP.Ik,"swatches"],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,"label"],null),new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"alpha"],null)]);$APP.Pd(["x-color-picker-input",new $APP.R(null,2,[$APP.V,new $APP.R(null,5,[$APP.Yi,$APP.Y,MA,$APP.W,NA,$APP.W,OA,$APP.W,KA,$APP.W],null),$APP.jm,!1],null),"x-color-picker-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,5,[$APP.Yi,$APP.Y,MA,$APP.W,NA,$APP.W,OA,$APP.W,KA,$APP.W],null),$APP.jm,!0],null)]);var GA=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;var wB=new $APP.S(null,new $APP.R(null,4,["ArrowUp",null,"ArrowDown",null,"ArrowRight",null,"ArrowLeft",null],null),null),yB=new $APP.S(null,new $APP.R(null,4,["End",null,"ArrowRight",null,"ArrowLeft",null,"Home",null],null),null);$APP.ha("baredom.exports.x_color_picker.init",KB);export const init=KB;
+G.setAttribute("part","preview-color");J.setAttribute("part","hex-input");J.setAttribute("type","text");J.setAttribute("spellcheck","false");J.setAttribute("autocomplete","off");J.setAttribute("aria-label","Hex color value");R.setAttribute("part","eyedropper");R.setAttribute("type","button");R.setAttribute("aria-label","Pick color from screen");R.innerHTML='\x3csvg width\x3d"16" height\x3d"16" viewBox\x3d"0 0 16 16" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3cpath d\x3d"M13.5 2.5a2.12 2.12 0 0 0-3 0L9 4l-.5-.5L6 6l4 4 2.5-2.5L12 7l1.5-1.5a2.12 2.12 0 0 0 0-3zM6 6L2.5 9.5a1.5 1.5 0 0 0-.4.8L1.5 14l3.7-.6a1.5 1.5 0 0 0 .8-.4L10 10"/\x3e\x3c/svg\x3e';
+aa.setAttribute("part","copy");aa.setAttribute("type","button");aa.setAttribute("aria-label","Copy color value");aa.innerHTML='\x3csvg width\x3d"16" height\x3d"16" viewBox\x3d"0 0 16 16" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3crect x\x3d"5" y\x3d"5" width\x3d"9" height\x3d"9" rx\x3d"1.5"/\x3e\x3cpath d\x3d"M5 11H3.5A1.5 1.5 0 0 1 2 9.5v-6A1.5 1.5 0 0 1 3.5 2h6A1.5 1.5 0 0 1 11 3.5V5"/\x3e\x3c/svg\x3e';la.setAttribute("part",
+"swatches");la.setAttribute("role","listbox");la.setAttribute("aria-label","Preset colors");g.appendChild(h);m.appendChild(p);v.appendChild(x);y.appendChild(A);y.appendChild(C);q.appendChild(v);q.appendChild(y);H.appendChild(G);E.appendChild(H);E.appendChild(J);E.appendChild(R);E.appendChild(aa);l.appendChild(m);l.appendChild(q);l.appendChild(E);l.appendChild(la);e.appendChild(g);e.appendChild(l);c.appendChild(d);c.appendChild(e);typeof EyeDropper==="undefined"&&(R.style.display="none");this.__xColorPickerRefs=
+{"alpha-thumb":C,copy:aa,swatches:la,"hue-strip":v,controls:E,"alpha-gradient":A,panel:l,preview:H,"area-thumb":p,"preview-color":G,container:e,area:m,"hue-thumb":x,"trigger-swatch":h,trigger:g,"alpha-strip":y,eyedropper:R,"hex-input":J};$APP.n(this.attachInternals)&&(this.__xColorPickerInternals=this.attachInternals())}HB(this);GB(this);return tB(this)};b.disconnectedCallback=function(){return HB(this)};b.attributeChangedCallback=function(){return tB(this)};b.formDisabledCallback=function(c){$APP.Eg(this,
+"disabled",$APP.F(c));return tB(this)};b.formResetCallback=function(){this.setAttribute("value","#000000");return tB(this)};return a},MB=function(){return $APP.n(customElements.get("x-color-picker"))?null:customElements.define("x-color-picker",LB())},eB=new $APP.K(null,"alpha","alpha",-1574982441),hB=new $APP.K(null,"hex-full","hex-full",-1466644518),dB=new $APP.K(null,"swatches","swatches",2033601707),WA=new $APP.K(null,"v","v",21465059),PA=new $APP.K(null,"s","s",1705939918),KA=new $APP.K(null,
+"r","r",-471384190),fB=new $APP.K(null,"alpha?","alpha?",1329751525),QA=new $APP.K(null,"l","l",1395893423),OA=new $APP.K(null,"h","h",1109658740),LA=new $APP.K(null,"b","b",1482224470),uB=new $APP.K(null,"sat","sat",1064662667),MA=new $APP.K(null,"a","a",-2123407586),gB=new $APP.K(null,"hex","hex",41691346);var aB=new $APP.S(null,new $APP.Q(null,2,["inline",null,"popover",null],null),null),KB="value alpha swatches disabled readonly name mode open label".split(" ");
+$APP.zf([$APP.im,$APP.Pj,$APP.Aj,$APP.Yi,$APP.wj,dB,$APP.nm,$APP.U,eB],[new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"open"],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.Y,$APP.Ik,"mode"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"swatches"],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,"label"],null),new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"alpha"],null)]);$APP.Pd(["x-color-picker-input",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,5,[$APP.Yi,$APP.Y,OA,$APP.W,PA,$APP.W,QA,$APP.W,MA,$APP.W],null),$APP.lm,!1],null),"x-color-picker-change",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,5,[$APP.Yi,$APP.Y,OA,$APP.W,PA,$APP.W,QA,$APP.W,MA,$APP.W],null),$APP.lm,!0],null)]);var IA=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;var yB=new $APP.S(null,new $APP.Q(null,4,["ArrowUp",null,"ArrowDown",null,"ArrowRight",null,"ArrowLeft",null],null),null),AB=new $APP.S(null,new $APP.Q(null,4,["End",null,"ArrowRight",null,"ArrowLeft",null,"Home",null],null),null);$APP.ha("baredom.exports.x_color_picker.init",MB);export const init=MB;

package/dist/x-combobox.d.ts

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