@ktbsh/ui 0.1.0 → 0.3.0

package/dist/vanilla/spinner.src.js

@@ -2,7 +2,7 @@
 import { render, html } from 'uhtml';
 
 const sheet = new CSSStyleSheet();
-sheet.replaceSync(":host {\n--kb-color-bg-canvas: #ffffff;\n--kb-color-bg-surface: #f6f8fa;\n--kb-color-bg-subtle: #eef1f4;\n--kb-color-bg-inverse: #1f2328;\n--kb-color-fg-default: #1f2328;\n--kb-color-fg-muted: #656d76;\n--kb-color-fg-subtle: #8c959f;\n--kb-color-fg-on-accent: #ffffff;\n--kb-color-fg-on-inverse: #ffffff;\n--kb-color-border-default: #d0d7de;\n--kb-color-border-muted: #e6ebf0;\n--kb-color-border-focus: #0969da;\n--kb-color-accent-default: #0969da;\n--kb-color-accent-hover: #0860ca;\n--kb-color-accent-subtle: #ddf4ff;\n--kb-color-danger-default: #cf222e;\n--kb-color-danger-subtle: #ffebe9;\n--kb-color-success-default: #1a7f37;\n--kb-color-success-subtle: #dafbe1;\n--kb-color-warning-default: #9a6700;\n--kb-color-warning-subtle: #fff8c5;\n--kb-space-2xs: 2px;\n--kb-space-xs: 4px;\n--kb-space-sm: 8px;\n--kb-space-md: 16px;\n--kb-space-lg: 24px;\n--kb-space-xl: 32px;\n--kb-space-2xl: 48px;\n--kb-radius-sm: 4px;\n--kb-radius-md: 8px;\n--kb-radius-lg: 12px;\n--kb-radius-full: 9999px;\n--kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n--kb-font-size-sm: 0.875rem;\n--kb-font-size-md: 1rem;\n--kb-font-size-lg: 1.125rem;\n--kb-font-size-xl: 1.25rem;\n--kb-font-weight-regular: 400;\n--kb-font-weight-medium: 500;\n--kb-font-weight-semibold: 600;\n--kb-line-height-tight: 1.25;\n--kb-line-height-normal: 1.5;\n--kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);\n--kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);\n--kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);\n}\n\n\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--kb-color-accent-default);\n      vertical-align: middle;\n      position: relative;\n    }\n    .root {\n      display: inline-block;\n      box-sizing: border-box;\n      border-radius: var(--kb-radius-full);\n      border-style: solid;\n      border-color: currentColor transparent currentColor transparent;\n      animation: kitbash-spin 0.7s linear infinite;\n    }\n    .sm {\n      width: 1rem;\n      height: 1rem;\n      border-width: 2px;\n    }\n    .md {\n      width: 1.5rem;\n      height: 1.5rem;\n      border-width: 2px;\n    }\n    .lg {\n      width: 2.25rem;\n      height: 2.25rem;\n      border-width: 3px;\n    }\n    @keyframes kitbash-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .root {\n        animation: none;\n        border-color: currentColor;\n        opacity: 0.7;\n      }\n    }\n    .sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n  ");
+sheet.replaceSync("\n\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--kb-color-accent-default);\n      vertical-align: middle;\n      position: relative;\n    }\n    .root {\n      display: inline-block;\n      box-sizing: border-box;\n      border-radius: var(--kb-radius-full);\n      border-style: solid;\n      border-color: currentColor transparent currentColor transparent;\n      animation: kitbash-spin 0.7s linear infinite;\n    }\n    .sm {\n      width: 1rem;\n      height: 1rem;\n      border-width: 2px;\n    }\n    .md {\n      width: 1.5rem;\n      height: 1.5rem;\n      border-width: 2px;\n    }\n    .lg {\n      width: 2.25rem;\n      height: 2.25rem;\n      border-width: 3px;\n    }\n    @keyframes kitbash-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .root {\n        animation: none;\n        border-color: currentColor;\n        opacity: 0.7;\n      }\n    }\n    .sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n  ");
 
 export class KitbashSpinner extends HTMLElement {
   

package/dist/vanilla/stack.js

@@ -1,51 +1,4 @@
-var p=(_,U,B,Y,I)=>{let Q=B.length,J=U.length,z=Q,O=0,$=0,X=null;while(O<J||$<z)if(J===O){let W=z<Q?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)_.insertBefore(Y(B[$++],1),W)}else if(z===$)while(O<J){if(!X||!X.has(U[O]))_.removeChild(Y(U[O],-1));O++}else if(U[O]===B[$])O++,$++;else if(U[J-1]===B[z-1])J--,z--;else if(U[O]===B[z-1]&&B[$]===U[J-1]){let W=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[O++],-0).nextSibling),_.insertBefore(Y(B[--z],1),W),U[J]=B[z]}else{if(!X){X=new Map;let W=$;while(W<z)X.set(B[W],W++)}if(X.has(U[O])){let W=X.get(U[O]);if($<W&&W<z){let Z=O,K=1;while(++Z<J&&Z<z&&X.get(U[Z])===W+K)K++;if(K>W-$){let D=Y(U[O],0);while($<W)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[O++],-1))}else O++}else _.removeChild(Y(U[O++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var m="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},i=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,V=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>V(_,U,B),t=!1,j=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),P=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],I=B==="role"?B:`aria-${B}`;if(Y==null)P(_,I);else e(_,I,Y)}return U},C,P1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),I=Y[B];if(I&&I[0])_.removeEventListener(B,...I);if(I=E(U)?U:[U,!1],Y[B]=I,I[0])_.addEventListener(B,...I);return U};var G=(_,U)=>{let{t:B,n:Y}=_,I=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},F1=(_,U)=>f(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),f=(_,U,B)=>U==null?(P(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?P(_,B):e(_,B,U),U),N1=(_,U)=>U==null?f(_,U,"style"):k(_.style,U,"cssText"),V1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return p(_.parentNode,B,U,j,_);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return V1;case"@":return P1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:i(_,U)?.set?f:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var b=(_)=>(U,B)=>{let{a:Y,b:I,c:Q}=_(U,B),J=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let O,$,X=0;X<I.length;X++){let{a:W,b:Z,c:K}=I[X],D=W===$?O:O=o(J,$=W);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(Q?J.firstChild:new w(J),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(j1,(I,Q,J,z)=>`<${Q}${J.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(Q)?" /":`></${Q}`:""}>`).replace(k1,(I)=>I==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(m,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,F,B),B),{length:I}=_,Q=q;if(I>1){let O=[],$=document.createTreeWalker(Y,129),X=0,W=`${F}${X++}`;Q=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===W){let K=E(U[X-1])?R:G;if(K===G)O.push(Z);Q.push(H(c(Z),K,null)),W=`${F}${X++}`}}else{let K;while(Z.hasAttribute(W)){if(!K)K=c(Z);let D=Z.getAttribute(W);Q.push(H(K,B1(Z,D,B),D)),P(Z,W),W=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${W}-->`)Q.push(H(K||c(Z),Y1,null)),W=`${F}${X++}`}}for(X=0;X<O.length;X++)O[X].replaceWith(X1())}let{childNodes:J}=Y,{length:z}=J;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&J[0].nodeType!==s)z=0;return M($1,_,H(Y,Q,z===1))},$1=new WeakMap,F="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=b(v(!1)),w1=b(v(!0)),u=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:I,c:Q}=(U?w1:x1)(B,Y);_.a=B,_.b=I,_.c=Q}for(let{c:I}=_,Q=0;Q<I.length;Q++){let J=Y[Q],z=I[Q];switch(z.u){case R:z.v=R(z.t,y1(z.c,J),z.v);break;case G:let O=J instanceof A?u(z.c||(z.c=L()),J):(z.c=null,J);if(O!==z.v)z.v=G(z,O);break;default:if(J!==z.v)z.v=z.u(z.t,J,z.n,z.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let I=U[B];if(I instanceof A)U[B]=u(_[B]||(_[B]=L()),I);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return u(_,this)}}var Z1=new WeakMap,d=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`:host {
---kb-color-bg-canvas: #ffffff;
---kb-color-bg-surface: #f6f8fa;
---kb-color-bg-subtle: #eef1f4;
---kb-color-bg-inverse: #1f2328;
---kb-color-fg-default: #1f2328;
---kb-color-fg-muted: #656d76;
---kb-color-fg-subtle: #8c959f;
---kb-color-fg-on-accent: #ffffff;
---kb-color-fg-on-inverse: #ffffff;
---kb-color-border-default: #d0d7de;
---kb-color-border-muted: #e6ebf0;
---kb-color-border-focus: #0969da;
---kb-color-accent-default: #0969da;
---kb-color-accent-hover: #0860ca;
---kb-color-accent-subtle: #ddf4ff;
---kb-color-danger-default: #cf222e;
---kb-color-danger-subtle: #ffebe9;
---kb-color-success-default: #1a7f37;
---kb-color-success-subtle: #dafbe1;
---kb-color-warning-default: #9a6700;
---kb-color-warning-subtle: #fff8c5;
---kb-space-2xs: 2px;
---kb-space-xs: 4px;
---kb-space-sm: 8px;
---kb-space-md: 16px;
---kb-space-lg: 24px;
---kb-space-xl: 32px;
---kb-space-2xl: 48px;
---kb-radius-sm: 4px;
---kb-radius-md: 8px;
---kb-radius-lg: 12px;
---kb-radius-full: 9999px;
---kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
---kb-font-size-sm: 0.875rem;
---kb-font-size-md: 1rem;
---kb-font-size-lg: 1.125rem;
---kb-font-size-xl: 1.25rem;
---kb-font-weight-regular: 400;
---kb-font-weight-medium: 500;
---kb-font-weight-semibold: 600;
---kb-line-height-tight: 1.25;
---kb-line-height-normal: 1.5;
---kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);
---kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);
---kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);
-}
-
+var p=(_,U,B,Y,I)=>{let Q=B.length,J=U.length,z=Q,O=0,$=0,X=null;while(O<J||$<z)if(J===O){let W=z<Q?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)_.insertBefore(Y(B[$++],1),W)}else if(z===$)while(O<J){if(!X||!X.has(U[O]))_.removeChild(Y(U[O],-1));O++}else if(U[O]===B[$])O++,$++;else if(U[J-1]===B[z-1])J--,z--;else if(U[O]===B[z-1]&&B[$]===U[J-1]){let W=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[O++],-0).nextSibling),_.insertBefore(Y(B[--z],1),W),U[J]=B[z]}else{if(!X){X=new Map;let W=$;while(W<z)X.set(B[W],W++)}if(X.has(U[O])){let W=X.get(U[O]);if($<W&&W<z){let Z=O,K=1;while(++Z<J&&Z<z&&X.get(U[Z])===W+K)K++;if(K>W-$){let D=Y(U[O],0);while($<W)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[O++],-1))}else O++}else _.removeChild(Y(U[O++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var m="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},i=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,V=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>V(_,U,B),t=!1,j=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),P=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],I=B==="role"?B:`aria-${B}`;if(Y==null)P(_,I);else e(_,I,Y)}return U},C,P1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),I=Y[B];if(I&&I[0])_.removeEventListener(B,...I);if(I=E(U)?U:[U,!1],Y[B]=I,I[0])_.addEventListener(B,...I);return U};var G=(_,U)=>{let{t:B,n:Y}=_,I=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},F1=(_,U)=>f(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),f=(_,U,B)=>U==null?(P(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?P(_,B):e(_,B,U),U),N1=(_,U)=>U==null?f(_,U,"style"):k(_.style,U,"cssText"),V1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return p(_.parentNode,B,U,j,_);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return V1;case"@":return P1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:i(_,U)?.set?f:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var b=(_)=>(U,B)=>{let{a:Y,b:I,c:Q}=_(U,B),J=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let O,$,X=0;X<I.length;X++){let{a:W,b:Z,c:K}=I[X],D=W===$?O:O=o(J,$=W);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(Q?J.firstChild:new w(J),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(j1,(I,Q,J,z)=>`<${Q}${J.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(Q)?" /":`></${Q}`:""}>`).replace(k1,(I)=>I==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(m,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,F,B),B),{length:I}=_,Q=q;if(I>1){let O=[],$=document.createTreeWalker(Y,129),X=0,W=`${F}${X++}`;Q=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===W){let K=E(U[X-1])?R:G;if(K===G)O.push(Z);Q.push(H(c(Z),K,null)),W=`${F}${X++}`}}else{let K;while(Z.hasAttribute(W)){if(!K)K=c(Z);let D=Z.getAttribute(W);Q.push(H(K,B1(Z,D,B),D)),P(Z,W),W=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${W}-->`)Q.push(H(K||c(Z),Y1,null)),W=`${F}${X++}`}}for(X=0;X<O.length;X++)O[X].replaceWith(X1())}let{childNodes:J}=Y,{length:z}=J;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&J[0].nodeType!==s)z=0;return M($1,_,H(Y,Q,z===1))},$1=new WeakMap,F="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=b(v(!1)),w1=b(v(!0)),u=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:I,c:Q}=(U?w1:x1)(B,Y);_.a=B,_.b=I,_.c=Q}for(let{c:I}=_,Q=0;Q<I.length;Q++){let J=Y[Q],z=I[Q];switch(z.u){case R:z.v=R(z.t,y1(z.c,J),z.v);break;case G:let O=J instanceof A?u(z.c||(z.c=L()),J):(z.c=null,J);if(O!==z.v)z.v=G(z,O);break;default:if(J!==z.v)z.v=z.u(z.t,J,z.n,z.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let I=U[B];if(I instanceof A)U[B]=u(_[B]||(_[B]=L()),I);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return u(_,this)}}var Z1=new WeakMap,d=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`
 
     :host {
       display: block;

package/dist/vanilla/stack.src.js

@@ -2,7 +2,7 @@
 import { render, html } from 'uhtml';
 
 const sheet = new CSSStyleSheet();
-sheet.replaceSync(":host {\n--kb-color-bg-canvas: #ffffff;\n--kb-color-bg-surface: #f6f8fa;\n--kb-color-bg-subtle: #eef1f4;\n--kb-color-bg-inverse: #1f2328;\n--kb-color-fg-default: #1f2328;\n--kb-color-fg-muted: #656d76;\n--kb-color-fg-subtle: #8c959f;\n--kb-color-fg-on-accent: #ffffff;\n--kb-color-fg-on-inverse: #ffffff;\n--kb-color-border-default: #d0d7de;\n--kb-color-border-muted: #e6ebf0;\n--kb-color-border-focus: #0969da;\n--kb-color-accent-default: #0969da;\n--kb-color-accent-hover: #0860ca;\n--kb-color-accent-subtle: #ddf4ff;\n--kb-color-danger-default: #cf222e;\n--kb-color-danger-subtle: #ffebe9;\n--kb-color-success-default: #1a7f37;\n--kb-color-success-subtle: #dafbe1;\n--kb-color-warning-default: #9a6700;\n--kb-color-warning-subtle: #fff8c5;\n--kb-space-2xs: 2px;\n--kb-space-xs: 4px;\n--kb-space-sm: 8px;\n--kb-space-md: 16px;\n--kb-space-lg: 24px;\n--kb-space-xl: 32px;\n--kb-space-2xl: 48px;\n--kb-radius-sm: 4px;\n--kb-radius-md: 8px;\n--kb-radius-lg: 12px;\n--kb-radius-full: 9999px;\n--kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n--kb-font-size-sm: 0.875rem;\n--kb-font-size-md: 1rem;\n--kb-font-size-lg: 1.125rem;\n--kb-font-size-xl: 1.25rem;\n--kb-font-weight-regular: 400;\n--kb-font-weight-medium: 500;\n--kb-font-weight-semibold: 600;\n--kb-line-height-tight: 1.25;\n--kb-line-height-normal: 1.5;\n--kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);\n--kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);\n--kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);\n}\n\n\n    :host {\n      display: block;\n      font-family: var(--kb-font-family-sans);\n    }\n    .root {\n      display: flex;\n      box-sizing: border-box;\n      width: 100%;\n    }\n    .dir-column { flex-direction: column; }\n    .dir-row { flex-direction: row; }\n    .gap-none { gap: 0; }\n    .gap-2xs { gap: var(--kb-space-2xs); }\n    .gap-xs { gap: var(--kb-space-xs); }\n    .gap-sm { gap: var(--kb-space-sm); }\n    .gap-md { gap: var(--kb-space-md); }\n    .gap-lg { gap: var(--kb-space-lg); }\n    .gap-xl { gap: var(--kb-space-xl); }\n    .gap-2xl { gap: var(--kb-space-2xl); }\n    .align-start { align-items: flex-start; }\n    .align-center { align-items: center; }\n    .align-end { align-items: flex-end; }\n    .align-stretch { align-items: stretch; }\n    .justify-start { justify-content: flex-start; }\n    .justify-center { justify-content: center; }\n    .justify-end { justify-content: flex-end; }\n    .justify-between { justify-content: space-between; }\n    .justify-around { justify-content: space-around; }\n    .wrap { flex-wrap: wrap; }\n  ");
+sheet.replaceSync("\n\n    :host {\n      display: block;\n      font-family: var(--kb-font-family-sans);\n    }\n    .root {\n      display: flex;\n      box-sizing: border-box;\n      width: 100%;\n    }\n    .dir-column { flex-direction: column; }\n    .dir-row { flex-direction: row; }\n    .gap-none { gap: 0; }\n    .gap-2xs { gap: var(--kb-space-2xs); }\n    .gap-xs { gap: var(--kb-space-xs); }\n    .gap-sm { gap: var(--kb-space-sm); }\n    .gap-md { gap: var(--kb-space-md); }\n    .gap-lg { gap: var(--kb-space-lg); }\n    .gap-xl { gap: var(--kb-space-xl); }\n    .gap-2xl { gap: var(--kb-space-2xl); }\n    .align-start { align-items: flex-start; }\n    .align-center { align-items: center; }\n    .align-end { align-items: flex-end; }\n    .align-stretch { align-items: stretch; }\n    .justify-start { justify-content: flex-start; }\n    .justify-center { justify-content: center; }\n    .justify-end { justify-content: flex-end; }\n    .justify-between { justify-content: space-between; }\n    .justify-around { justify-content: space-around; }\n    .wrap { flex-wrap: wrap; }\n  ");
 
 export class KitbashStack extends HTMLElement {
   

package/dist/vanilla/switch.js

@@ -1,51 +1,4 @@
-var u=(_,U,B,Y,I)=>{let W=B.length,J=U.length,z=W,O=0,$=0,X=null;while(O<J||$<z)if(J===O){let Q=z<W?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)_.insertBefore(Y(B[$++],1),Q)}else if(z===$)while(O<J){if(!X||!X.has(U[O]))_.removeChild(Y(U[O],-1));O++}else if(U[O]===B[$])O++,$++;else if(U[J-1]===B[z-1])J--,z--;else if(U[O]===B[z-1]&&B[$]===U[J-1]){let Q=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[O++],-0).nextSibling),_.insertBefore(Y(B[--z],1),Q),U[J]=B[z]}else{if(!X){X=new Map;let Q=$;while(Q<z)X.set(B[Q],Q++)}if(X.has(U[O])){let Q=X.get(U[O]);if($<Q&&Q<z){let Z=O,K=1;while(++Z<J&&Z<z&&X.get(U[Z])===Q+K)K++;if(K>Q-$){let D=Y(U[O],0);while($<Q)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[O++],-1))}else O++}else _.removeChild(Y(U[O++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var i="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},m=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,j=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>j(_,U,B),t=!1,V=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),P=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],I=B==="role"?B:`aria-${B}`;if(Y==null)P(_,I);else e(_,I,Y)}return U},C,P1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),I=Y[B];if(I&&I[0])_.removeEventListener(B,...I);if(I=E(U)?U:[U,!1],Y[B]=I,I[0])_.addEventListener(B,...I);return U};var G=(_,U)=>{let{t:B,n:Y}=_,I=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},F1=(_,U)=>b(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),b=(_,U,B)=>U==null?(P(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?P(_,B):e(_,B,U),U),N1=(_,U)=>U==null?b(_,U,"style"):k(_.style,U,"cssText"),j1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return u(_.parentNode,B,U,V,_);switch(B.length){case 1:B[0].remove();case 0:break;default:j(V(B[0],0),V(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return j1;case"@":return P1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:m(_,U)?.set?b:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var f=(_)=>(U,B)=>{let{a:Y,b:I,c:W}=_(U,B),J=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let O,$,X=0;X<I.length;X++){let{a:Q,b:Z,c:K}=I[X],D=Q===$?O:O=o(J,$=Q);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(W?J.firstChild:new w(J),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var V1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(V1,(I,W,J,z)=>`<${W}${J.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(W)?" /":`></${W}`:""}>`).replace(k1,(I)=>I==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(i,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,F,B),B),{length:I}=_,W=q;if(I>1){let O=[],$=document.createTreeWalker(Y,129),X=0,Q=`${F}${X++}`;W=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===Q){let K=E(U[X-1])?R:G;if(K===G)O.push(Z);W.push(H(c(Z),K,null)),Q=`${F}${X++}`}}else{let K;while(Z.hasAttribute(Q)){if(!K)K=c(Z);let D=Z.getAttribute(Q);W.push(H(K,B1(Z,D,B),D)),P(Z,Q),Q=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${Q}-->`)W.push(H(K||c(Z),Y1,null)),Q=`${F}${X++}`}}for(X=0;X<O.length;X++)O[X].replaceWith(X1())}let{childNodes:J}=Y,{length:z}=J;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&J[0].nodeType!==s)z=0;return M($1,_,H(Y,W,z===1))},$1=new WeakMap,F="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=f(v(!1)),w1=f(v(!0)),p=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:I,c:W}=(U?w1:x1)(B,Y);_.a=B,_.b=I,_.c=W}for(let{c:I}=_,W=0;W<I.length;W++){let J=Y[W],z=I[W];switch(z.u){case R:z.v=R(z.t,y1(z.c,J),z.v);break;case G:let O=J instanceof A?p(z.c||(z.c=L()),J):(z.c=null,J);if(O!==z.v)z.v=G(z,O);break;default:if(J!==z.v)z.v=z.u(z.t,J,z.n,z.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let I=U[B];if(I instanceof A)U[B]=p(_[B]||(_[B]=L()),I);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return p(_,this)}}var Z1=new WeakMap,d=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`:host {
---kb-color-bg-canvas: #ffffff;
---kb-color-bg-surface: #f6f8fa;
---kb-color-bg-subtle: #eef1f4;
---kb-color-bg-inverse: #1f2328;
---kb-color-fg-default: #1f2328;
---kb-color-fg-muted: #656d76;
---kb-color-fg-subtle: #8c959f;
---kb-color-fg-on-accent: #ffffff;
---kb-color-fg-on-inverse: #ffffff;
---kb-color-border-default: #d0d7de;
---kb-color-border-muted: #e6ebf0;
---kb-color-border-focus: #0969da;
---kb-color-accent-default: #0969da;
---kb-color-accent-hover: #0860ca;
---kb-color-accent-subtle: #ddf4ff;
---kb-color-danger-default: #cf222e;
---kb-color-danger-subtle: #ffebe9;
---kb-color-success-default: #1a7f37;
---kb-color-success-subtle: #dafbe1;
---kb-color-warning-default: #9a6700;
---kb-color-warning-subtle: #fff8c5;
---kb-space-2xs: 2px;
---kb-space-xs: 4px;
---kb-space-sm: 8px;
---kb-space-md: 16px;
---kb-space-lg: 24px;
---kb-space-xl: 32px;
---kb-space-2xl: 48px;
---kb-radius-sm: 4px;
---kb-radius-md: 8px;
---kb-radius-lg: 12px;
---kb-radius-full: 9999px;
---kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
---kb-font-size-sm: 0.875rem;
---kb-font-size-md: 1rem;
---kb-font-size-lg: 1.125rem;
---kb-font-size-xl: 1.25rem;
---kb-font-weight-regular: 400;
---kb-font-weight-medium: 500;
---kb-font-weight-semibold: 600;
---kb-line-height-tight: 1.25;
---kb-line-height-normal: 1.5;
---kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);
---kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);
---kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);
-}
-
+var u=(_,U,B,Y,I)=>{let W=B.length,J=U.length,z=W,O=0,$=0,X=null;while(O<J||$<z)if(J===O){let Q=z<W?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)_.insertBefore(Y(B[$++],1),Q)}else if(z===$)while(O<J){if(!X||!X.has(U[O]))_.removeChild(Y(U[O],-1));O++}else if(U[O]===B[$])O++,$++;else if(U[J-1]===B[z-1])J--,z--;else if(U[O]===B[z-1]&&B[$]===U[J-1]){let Q=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[O++],-0).nextSibling),_.insertBefore(Y(B[--z],1),Q),U[J]=B[z]}else{if(!X){X=new Map;let Q=$;while(Q<z)X.set(B[Q],Q++)}if(X.has(U[O])){let Q=X.get(U[O]);if($<Q&&Q<z){let Z=O,K=1;while(++Z<J&&Z<z&&X.get(U[Z])===Q+K)K++;if(K>Q-$){let D=Y(U[O],0);while($<Q)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[O++],-1))}else O++}else _.removeChild(Y(U[O++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var i="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},m=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,j=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>j(_,U,B),t=!1,V=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),P=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],I=B==="role"?B:`aria-${B}`;if(Y==null)P(_,I);else e(_,I,Y)}return U},C,P1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),I=Y[B];if(I&&I[0])_.removeEventListener(B,...I);if(I=E(U)?U:[U,!1],Y[B]=I,I[0])_.addEventListener(B,...I);return U};var G=(_,U)=>{let{t:B,n:Y}=_,I=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},F1=(_,U)=>b(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),b=(_,U,B)=>U==null?(P(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?P(_,B):e(_,B,U),U),N1=(_,U)=>U==null?b(_,U,"style"):k(_.style,U,"cssText"),j1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return u(_.parentNode,B,U,V,_);switch(B.length){case 1:B[0].remove();case 0:break;default:j(V(B[0],0),V(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return j1;case"@":return P1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:m(_,U)?.set?b:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var f=(_)=>(U,B)=>{let{a:Y,b:I,c:W}=_(U,B),J=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let O,$,X=0;X<I.length;X++){let{a:Q,b:Z,c:K}=I[X],D=Q===$?O:O=o(J,$=Q);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(W?J.firstChild:new w(J),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var V1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(V1,(I,W,J,z)=>`<${W}${J.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(W)?" /":`></${W}`:""}>`).replace(k1,(I)=>I==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(i,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,F,B),B),{length:I}=_,W=q;if(I>1){let O=[],$=document.createTreeWalker(Y,129),X=0,Q=`${F}${X++}`;W=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===Q){let K=E(U[X-1])?R:G;if(K===G)O.push(Z);W.push(H(c(Z),K,null)),Q=`${F}${X++}`}}else{let K;while(Z.hasAttribute(Q)){if(!K)K=c(Z);let D=Z.getAttribute(Q);W.push(H(K,B1(Z,D,B),D)),P(Z,Q),Q=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${Q}-->`)W.push(H(K||c(Z),Y1,null)),Q=`${F}${X++}`}}for(X=0;X<O.length;X++)O[X].replaceWith(X1())}let{childNodes:J}=Y,{length:z}=J;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&J[0].nodeType!==s)z=0;return M($1,_,H(Y,W,z===1))},$1=new WeakMap,F="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=f(v(!1)),w1=f(v(!0)),p=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:I,c:W}=(U?w1:x1)(B,Y);_.a=B,_.b=I,_.c=W}for(let{c:I}=_,W=0;W<I.length;W++){let J=Y[W],z=I[W];switch(z.u){case R:z.v=R(z.t,y1(z.c,J),z.v);break;case G:let O=J instanceof A?p(z.c||(z.c=L()),J):(z.c=null,J);if(O!==z.v)z.v=G(z,O);break;default:if(J!==z.v)z.v=z.u(z.t,J,z.n,z.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let I=U[B];if(I instanceof A)U[B]=p(_[B]||(_[B]=L()),I);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return p(_,this)}}var Z1=new WeakMap,d=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`
 
     :host {
       display: inline-flex;
@@ -53,15 +6,12 @@ var u=(_,U,B,Y,I)=>{let W=B.length,J=U.length,z=W,O=0,$=0,X=null;while(O<J||$<z)
       font-family: var(--kb-font-family-sans);
       font-size: var(--kb-font-size-md);
       color: var(--kb-color-fg-default);
-      --kitbash-switch-w: 2.75rem;
-      --kitbash-switch-h: 1.5rem;
-      --kitbash-switch-pad: 2px;
+      --kitbash-switch-w: 2.85rem;
+      --kitbash-switch-h: 1.45rem;
+      --kitbash-switch-pad: 3px;
       --kitbash-switch-thumb: calc(
         var(--kitbash-switch-h) - 2 * var(--kitbash-switch-pad)
       );
-      --kitbash-switch-track: var(--kb-color-bg-subtle);
-      --kitbash-switch-track-on: var(--kb-color-accent-default);
-      --kitbash-switch-knob: #ffffff;
     }
     .label-wrap {
       display: inline-flex;
@@ -95,11 +45,39 @@ var u=(_,U,B,Y,I)=>{let W=B.length,J=U.length,z=W,O=0,$=0,X=null;while(O<J||$<z)
       inset: 0;
       z-index: 0;
       box-sizing: border-box;
-      border-radius: 999px;
-      background: var(--kitbash-switch-track);
-      border: 1px solid var(--kb-color-border-default);
-      transition: background 0.15s ease, border-color 0.15s ease;
+      border-radius: var(--kb-radius-sm);
+      background: var(--kb-color-bg-canvas);
+      border: 2px solid var(--kb-color-border-default);
+      transition:
+        background 0.15s ease,
+        border-color 0.15s ease;
       pointer-events: none;
+      overflow: hidden;
+    }
+    /* Terminal-ish status glyphs in the gutter */
+    .track::before,
+    .track::after {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      font-size: 0.55rem;
+      font-weight: var(--kb-font-weight-semibold);
+      letter-spacing: 0.04em;
+      line-height: 1;
+      pointer-events: none;
+      opacity: 0.55;
+    }
+    .track::before {
+      content: '1';
+      left: 0.35rem;
+      color: var(--kb-color-fg-on-accent);
+      opacity: 0;
+    }
+    .track::after {
+      content: '0';
+      right: 0.35rem;
+      color: var(--kb-color-fg-muted);
+      opacity: 0.7;
     }
     .thumb {
       position: absolute;
@@ -108,31 +86,44 @@ var u=(_,U,B,Y,I)=>{let W=B.length,J=U.length,z=W,O=0,$=0,X=null;while(O<J||$<z)
       left: var(--kitbash-switch-pad);
       width: var(--kitbash-switch-thumb);
       height: var(--kitbash-switch-thumb);
-      border-radius: 999px;
-      background: var(--kitbash-switch-knob);
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-      transition: transform 0.15s ease;
+      border-radius: calc(var(--kb-radius-sm) - 1px);
+      background: var(--kb-color-fg-muted);
+      border: 1px solid var(--kb-color-border-default);
+      box-shadow: var(--kb-shadow-sm);
+      transition:
+        transform 0.15s ease,
+        background 0.15s ease,
+        border-color 0.15s ease;
       pointer-events: none;
     }
     input:checked + .track {
-      background: var(--kitbash-switch-track-on);
-      border-color: var(--kitbash-switch-track-on);
+      background: var(--kb-color-accent-default);
+      border-color: var(--kb-color-accent-default);
+    }
+    input:checked + .track::before {
+      opacity: 0.9;
+    }
+    input:checked + .track::after {
+      opacity: 0;
     }
     input:checked + .track .thumb {
       transform: translateX(
         calc(
           var(--kitbash-switch-w) - var(--kitbash-switch-thumb) - 2 *
-            var(--kitbash-switch-pad)
+            var(--kitbash-switch-pad) - 4px
         )
       );
+      background: var(--kb-color-fg-on-accent);
+      border-color: transparent;
+      box-shadow: none;
     }
     input:focus-visible + .track {
       box-shadow: var(--kb-focus-ring);
     }
     input:disabled + .track {
-      opacity: 0.55;
+      opacity: 0.5;
     }
-    input[aria-invalid="true"] + .track {
+    input[aria-invalid='true'] + .track {
       border-color: var(--kb-color-danger-default);
     }
     .label {

package/dist/vanilla/switch.src.js

@@ -2,7 +2,7 @@
 import { render, html } from 'uhtml';
 
 const sheet = new CSSStyleSheet();
-sheet.replaceSync(":host {\n--kb-color-bg-canvas: #ffffff;\n--kb-color-bg-surface: #f6f8fa;\n--kb-color-bg-subtle: #eef1f4;\n--kb-color-bg-inverse: #1f2328;\n--kb-color-fg-default: #1f2328;\n--kb-color-fg-muted: #656d76;\n--kb-color-fg-subtle: #8c959f;\n--kb-color-fg-on-accent: #ffffff;\n--kb-color-fg-on-inverse: #ffffff;\n--kb-color-border-default: #d0d7de;\n--kb-color-border-muted: #e6ebf0;\n--kb-color-border-focus: #0969da;\n--kb-color-accent-default: #0969da;\n--kb-color-accent-hover: #0860ca;\n--kb-color-accent-subtle: #ddf4ff;\n--kb-color-danger-default: #cf222e;\n--kb-color-danger-subtle: #ffebe9;\n--kb-color-success-default: #1a7f37;\n--kb-color-success-subtle: #dafbe1;\n--kb-color-warning-default: #9a6700;\n--kb-color-warning-subtle: #fff8c5;\n--kb-space-2xs: 2px;\n--kb-space-xs: 4px;\n--kb-space-sm: 8px;\n--kb-space-md: 16px;\n--kb-space-lg: 24px;\n--kb-space-xl: 32px;\n--kb-space-2xl: 48px;\n--kb-radius-sm: 4px;\n--kb-radius-md: 8px;\n--kb-radius-lg: 12px;\n--kb-radius-full: 9999px;\n--kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n--kb-font-size-sm: 0.875rem;\n--kb-font-size-md: 1rem;\n--kb-font-size-lg: 1.125rem;\n--kb-font-size-xl: 1.25rem;\n--kb-font-weight-regular: 400;\n--kb-font-weight-medium: 500;\n--kb-font-weight-semibold: 600;\n--kb-line-height-tight: 1.25;\n--kb-line-height-normal: 1.5;\n--kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);\n--kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);\n--kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);\n}\n\n\n    :host {\n      display: inline-flex;\n      vertical-align: middle;\n      font-family: var(--kb-font-family-sans);\n      font-size: var(--kb-font-size-md);\n      color: var(--kb-color-fg-default);\n      --kitbash-switch-w: 2.75rem;\n      --kitbash-switch-h: 1.5rem;\n      --kitbash-switch-pad: 2px;\n      --kitbash-switch-thumb: calc(\n        var(--kitbash-switch-h) - 2 * var(--kitbash-switch-pad)\n      );\n      --kitbash-switch-track: var(--kb-color-bg-subtle);\n      --kitbash-switch-track-on: var(--kb-color-accent-default);\n      --kitbash-switch-knob: #ffffff;\n    }\n    .label-wrap {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--kb-space-sm);\n      cursor: pointer;\n      user-select: none;\n    }\n    .switch {\n      position: relative;\n      display: inline-block;\n      width: var(--kitbash-switch-w);\n      height: var(--kitbash-switch-h);\n      flex-shrink: 0;\n    }\n    input {\n      position: absolute;\n      inset: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      opacity: 0;\n      cursor: pointer;\n    }\n    input:disabled {\n      cursor: not-allowed;\n    }\n    .track {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      box-sizing: border-box;\n      border-radius: 999px;\n      background: var(--kitbash-switch-track);\n      border: 1px solid var(--kb-color-border-default);\n      transition: background 0.15s ease, border-color 0.15s ease;\n      pointer-events: none;\n    }\n    .thumb {\n      position: absolute;\n      z-index: 1;\n      top: var(--kitbash-switch-pad);\n      left: var(--kitbash-switch-pad);\n      width: var(--kitbash-switch-thumb);\n      height: var(--kitbash-switch-thumb);\n      border-radius: 999px;\n      background: var(--kitbash-switch-knob);\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n      transition: transform 0.15s ease;\n      pointer-events: none;\n    }\n    input:checked + .track {\n      background: var(--kitbash-switch-track-on);\n      border-color: var(--kitbash-switch-track-on);\n    }\n    input:checked + .track .thumb {\n      transform: translateX(\n        calc(\n          var(--kitbash-switch-w) - var(--kitbash-switch-thumb) - 2 *\n            var(--kitbash-switch-pad)\n        )\n      );\n    }\n    input:focus-visible + .track {\n      box-shadow: var(--kb-focus-ring);\n    }\n    input:disabled + .track {\n      opacity: 0.55;\n    }\n    input[aria-invalid=\"true\"] + .track {\n      border-color: var(--kb-color-danger-default);\n    }\n    .label {\n      line-height: var(--kb-line-height-normal);\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .track,\n      .thumb {\n        transition: none;\n      }\n    }\n  ");
+sheet.replaceSync("\n\n    :host {\n      display: inline-flex;\n      vertical-align: middle;\n      font-family: var(--kb-font-family-sans);\n      font-size: var(--kb-font-size-md);\n      color: var(--kb-color-fg-default);\n      --kitbash-switch-w: 2.85rem;\n      --kitbash-switch-h: 1.45rem;\n      --kitbash-switch-pad: 3px;\n      --kitbash-switch-thumb: calc(\n        var(--kitbash-switch-h) - 2 * var(--kitbash-switch-pad)\n      );\n    }\n    .label-wrap {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--kb-space-sm);\n      cursor: pointer;\n      user-select: none;\n    }\n    .switch {\n      position: relative;\n      display: inline-block;\n      width: var(--kitbash-switch-w);\n      height: var(--kitbash-switch-h);\n      flex-shrink: 0;\n    }\n    input {\n      position: absolute;\n      inset: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      opacity: 0;\n      cursor: pointer;\n    }\n    input:disabled {\n      cursor: not-allowed;\n    }\n    .track {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      box-sizing: border-box;\n      border-radius: var(--kb-radius-sm);\n      background: var(--kb-color-bg-canvas);\n      border: 2px solid var(--kb-color-border-default);\n      transition:\n        background 0.15s ease,\n        border-color 0.15s ease;\n      pointer-events: none;\n      overflow: hidden;\n    }\n    /* Terminal-ish status glyphs in the gutter */\n    .track::before,\n    .track::after {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 0.55rem;\n      font-weight: var(--kb-font-weight-semibold);\n      letter-spacing: 0.04em;\n      line-height: 1;\n      pointer-events: none;\n      opacity: 0.55;\n    }\n    .track::before {\n      content: '1';\n      left: 0.35rem;\n      color: var(--kb-color-fg-on-accent);\n      opacity: 0;\n    }\n    .track::after {\n      content: '0';\n      right: 0.35rem;\n      color: var(--kb-color-fg-muted);\n      opacity: 0.7;\n    }\n    .thumb {\n      position: absolute;\n      z-index: 1;\n      top: var(--kitbash-switch-pad);\n      left: var(--kitbash-switch-pad);\n      width: var(--kitbash-switch-thumb);\n      height: var(--kitbash-switch-thumb);\n      border-radius: calc(var(--kb-radius-sm) - 1px);\n      background: var(--kb-color-fg-muted);\n      border: 1px solid var(--kb-color-border-default);\n      box-shadow: var(--kb-shadow-sm);\n      transition:\n        transform 0.15s ease,\n        background 0.15s ease,\n        border-color 0.15s ease;\n      pointer-events: none;\n    }\n    input:checked + .track {\n      background: var(--kb-color-accent-default);\n      border-color: var(--kb-color-accent-default);\n    }\n    input:checked + .track::before {\n      opacity: 0.9;\n    }\n    input:checked + .track::after {\n      opacity: 0;\n    }\n    input:checked + .track .thumb {\n      transform: translateX(\n        calc(\n          var(--kitbash-switch-w) - var(--kitbash-switch-thumb) - 2 *\n            var(--kitbash-switch-pad) - 4px\n        )\n      );\n      background: var(--kb-color-fg-on-accent);\n      border-color: transparent;\n      box-shadow: none;\n    }\n    input:focus-visible + .track {\n      box-shadow: var(--kb-focus-ring);\n    }\n    input:disabled + .track {\n      opacity: 0.5;\n    }\n    input[aria-invalid='true'] + .track {\n      border-color: var(--kb-color-danger-default);\n    }\n    .label {\n      line-height: var(--kb-line-height-normal);\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .track,\n      .thumb {\n        transition: none;\n      }\n    }\n  ");
 
 export class KitbashSwitch extends HTMLElement {
   static formAssociated = true;

package/dist/vanilla/tab-panel.js

@@ -1,51 +1,4 @@
-var d=(_,U,B,Y,I)=>{let W=B.length,J=U.length,z=W,O=0,$=0,X=null;while(O<J||$<z)if(J===O){let Q=z<W?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)_.insertBefore(Y(B[$++],1),Q)}else if(z===$)while(O<J){if(!X||!X.has(U[O]))_.removeChild(Y(U[O],-1));O++}else if(U[O]===B[$])O++,$++;else if(U[J-1]===B[z-1])J--,z--;else if(U[O]===B[z-1]&&B[$]===U[J-1]){let Q=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[O++],-0).nextSibling),_.insertBefore(Y(B[--z],1),Q),U[J]=B[z]}else{if(!X){X=new Map;let Q=$;while(Q<z)X.set(B[Q],Q++)}if(X.has(U[O])){let Q=X.get(U[O]);if($<Q&&Q<z){let Z=O,K=1;while(++Z<J&&Z<z&&X.get(U[Z])===Q+K)K++;if(K>Q-$){let D=Y(U[O],0);while($<Q)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[O++],-1))}else O++}else _.removeChild(Y(U[O++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var i="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},m=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,V=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>V(_,U,B),t=!1,j=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),F=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],I=B==="role"?B:`aria-${B}`;if(Y==null)F(_,I);else e(_,I,Y)}return U},C,F1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),I=Y[B];if(I&&I[0])_.removeEventListener(B,...I);if(I=E(U)?U:[U,!1],Y[B]=I,I[0])_.addEventListener(B,...I);return U};var G=(_,U)=>{let{t:B,n:Y}=_,I=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},P1=(_,U)=>f(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),f=(_,U,B)=>U==null?(F(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?F(_,B):e(_,B,U),U),N1=(_,U)=>U==null?f(_,U,"style"):k(_.style,U,"cssText"),V1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return d(_.parentNode,B,U,j,_);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",P1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return V1;case"@":return F1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:m(_,U)?.set?f:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var b=(_)=>(U,B)=>{let{a:Y,b:I,c:W}=_(U,B),J=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let O,$,X=0;X<I.length;X++){let{a:Q,b:Z,c:K}=I[X],D=Q===$?O:O=o(J,$=Q);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(W?J.firstChild:new w(J),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(j1,(I,W,J,z)=>`<${W}${J.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(W)?" /":`></${W}`:""}>`).replace(k1,(I)=>I==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(i,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,P,B),B),{length:I}=_,W=q;if(I>1){let O=[],$=document.createTreeWalker(Y,129),X=0,Q=`${P}${X++}`;W=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===Q){let K=E(U[X-1])?R:G;if(K===G)O.push(Z);W.push(H(c(Z),K,null)),Q=`${P}${X++}`}}else{let K;while(Z.hasAttribute(Q)){if(!K)K=c(Z);let D=Z.getAttribute(Q);W.push(H(K,B1(Z,D,B),D)),F(Z,Q),Q=`${P}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${Q}-->`)W.push(H(K||c(Z),Y1,null)),Q=`${P}${X++}`}}for(X=0;X<O.length;X++)O[X].replaceWith(X1())}let{childNodes:J}=Y,{length:z}=J;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&J[0].nodeType!==s)z=0;return M($1,_,H(Y,W,z===1))},$1=new WeakMap,P="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=b(v(!1)),w1=b(v(!0)),p=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:I,c:W}=(U?w1:x1)(B,Y);_.a=B,_.b=I,_.c=W}for(let{c:I}=_,W=0;W<I.length;W++){let J=Y[W],z=I[W];switch(z.u){case R:z.v=R(z.t,y1(z.c,J),z.v);break;case G:let O=J instanceof A?p(z.c||(z.c=L()),J):(z.c=null,J);if(O!==z.v)z.v=G(z,O);break;default:if(J!==z.v)z.v=z.u(z.t,J,z.n,z.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let I=U[B];if(I instanceof A)U[B]=p(_[B]||(_[B]=L()),I);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return p(_,this)}}var Z1=new WeakMap,u=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`:host {
---kb-color-bg-canvas: #ffffff;
---kb-color-bg-surface: #f6f8fa;
---kb-color-bg-subtle: #eef1f4;
---kb-color-bg-inverse: #1f2328;
---kb-color-fg-default: #1f2328;
---kb-color-fg-muted: #656d76;
---kb-color-fg-subtle: #8c959f;
---kb-color-fg-on-accent: #ffffff;
---kb-color-fg-on-inverse: #ffffff;
---kb-color-border-default: #d0d7de;
---kb-color-border-muted: #e6ebf0;
---kb-color-border-focus: #0969da;
---kb-color-accent-default: #0969da;
---kb-color-accent-hover: #0860ca;
---kb-color-accent-subtle: #ddf4ff;
---kb-color-danger-default: #cf222e;
---kb-color-danger-subtle: #ffebe9;
---kb-color-success-default: #1a7f37;
---kb-color-success-subtle: #dafbe1;
---kb-color-warning-default: #9a6700;
---kb-color-warning-subtle: #fff8c5;
---kb-space-2xs: 2px;
---kb-space-xs: 4px;
---kb-space-sm: 8px;
---kb-space-md: 16px;
---kb-space-lg: 24px;
---kb-space-xl: 32px;
---kb-space-2xl: 48px;
---kb-radius-sm: 4px;
---kb-radius-md: 8px;
---kb-radius-lg: 12px;
---kb-radius-full: 9999px;
---kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
---kb-font-size-sm: 0.875rem;
---kb-font-size-md: 1rem;
---kb-font-size-lg: 1.125rem;
---kb-font-size-xl: 1.25rem;
---kb-font-weight-regular: 400;
---kb-font-weight-medium: 500;
---kb-font-weight-semibold: 600;
---kb-line-height-tight: 1.25;
---kb-line-height-normal: 1.5;
---kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);
---kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);
---kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);
-}
-
+var d=(_,U,B,Y,I)=>{let W=B.length,J=U.length,z=W,O=0,$=0,X=null;while(O<J||$<z)if(J===O){let Q=z<W?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)_.insertBefore(Y(B[$++],1),Q)}else if(z===$)while(O<J){if(!X||!X.has(U[O]))_.removeChild(Y(U[O],-1));O++}else if(U[O]===B[$])O++,$++;else if(U[J-1]===B[z-1])J--,z--;else if(U[O]===B[z-1]&&B[$]===U[J-1]){let Q=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[O++],-0).nextSibling),_.insertBefore(Y(B[--z],1),Q),U[J]=B[z]}else{if(!X){X=new Map;let Q=$;while(Q<z)X.set(B[Q],Q++)}if(X.has(U[O])){let Q=X.get(U[O]);if($<Q&&Q<z){let Z=O,K=1;while(++Z<J&&Z<z&&X.get(U[Z])===Q+K)K++;if(K>Q-$){let D=Y(U[O],0);while($<Q)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[O++],-1))}else O++}else _.removeChild(Y(U[O++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var i="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},m=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,V=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>V(_,U,B),t=!1,j=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),F=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],I=B==="role"?B:`aria-${B}`;if(Y==null)F(_,I);else e(_,I,Y)}return U},C,F1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),I=Y[B];if(I&&I[0])_.removeEventListener(B,...I);if(I=E(U)?U:[U,!1],Y[B]=I,I[0])_.addEventListener(B,...I);return U};var G=(_,U)=>{let{t:B,n:Y}=_,I=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},P1=(_,U)=>f(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),f=(_,U,B)=>U==null?(F(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?F(_,B):e(_,B,U),U),N1=(_,U)=>U==null?f(_,U,"style"):k(_.style,U,"cssText"),V1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return d(_.parentNode,B,U,j,_);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",P1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return V1;case"@":return F1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:m(_,U)?.set?f:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var b=(_)=>(U,B)=>{let{a:Y,b:I,c:W}=_(U,B),J=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let O,$,X=0;X<I.length;X++){let{a:Q,b:Z,c:K}=I[X],D=Q===$?O:O=o(J,$=Q);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(W?J.firstChild:new w(J),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(j1,(I,W,J,z)=>`<${W}${J.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(W)?" /":`></${W}`:""}>`).replace(k1,(I)=>I==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(i,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,P,B),B),{length:I}=_,W=q;if(I>1){let O=[],$=document.createTreeWalker(Y,129),X=0,Q=`${P}${X++}`;W=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===Q){let K=E(U[X-1])?R:G;if(K===G)O.push(Z);W.push(H(c(Z),K,null)),Q=`${P}${X++}`}}else{let K;while(Z.hasAttribute(Q)){if(!K)K=c(Z);let D=Z.getAttribute(Q);W.push(H(K,B1(Z,D,B),D)),F(Z,Q),Q=`${P}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${Q}-->`)W.push(H(K||c(Z),Y1,null)),Q=`${P}${X++}`}}for(X=0;X<O.length;X++)O[X].replaceWith(X1())}let{childNodes:J}=Y,{length:z}=J;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&J[0].nodeType!==s)z=0;return M($1,_,H(Y,W,z===1))},$1=new WeakMap,P="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=b(v(!1)),w1=b(v(!0)),p=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:I,c:W}=(U?w1:x1)(B,Y);_.a=B,_.b=I,_.c=W}for(let{c:I}=_,W=0;W<I.length;W++){let J=Y[W],z=I[W];switch(z.u){case R:z.v=R(z.t,y1(z.c,J),z.v);break;case G:let O=J instanceof A?p(z.c||(z.c=L()),J):(z.c=null,J);if(O!==z.v)z.v=G(z,O);break;default:if(J!==z.v)z.v=z.u(z.t,J,z.n,z.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let I=U[B];if(I instanceof A)U[B]=p(_[B]||(_[B]=L()),I);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return p(_,this)}}var Z1=new WeakMap,u=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`
 
     :host {
       display: block;

package/dist/vanilla/tab-panel.src.js

@@ -2,7 +2,7 @@
 import { render, html } from 'uhtml';
 
 const sheet = new CSSStyleSheet();
-sheet.replaceSync(":host {\n--kb-color-bg-canvas: #ffffff;\n--kb-color-bg-surface: #f6f8fa;\n--kb-color-bg-subtle: #eef1f4;\n--kb-color-bg-inverse: #1f2328;\n--kb-color-fg-default: #1f2328;\n--kb-color-fg-muted: #656d76;\n--kb-color-fg-subtle: #8c959f;\n--kb-color-fg-on-accent: #ffffff;\n--kb-color-fg-on-inverse: #ffffff;\n--kb-color-border-default: #d0d7de;\n--kb-color-border-muted: #e6ebf0;\n--kb-color-border-focus: #0969da;\n--kb-color-accent-default: #0969da;\n--kb-color-accent-hover: #0860ca;\n--kb-color-accent-subtle: #ddf4ff;\n--kb-color-danger-default: #cf222e;\n--kb-color-danger-subtle: #ffebe9;\n--kb-color-success-default: #1a7f37;\n--kb-color-success-subtle: #dafbe1;\n--kb-color-warning-default: #9a6700;\n--kb-color-warning-subtle: #fff8c5;\n--kb-space-2xs: 2px;\n--kb-space-xs: 4px;\n--kb-space-sm: 8px;\n--kb-space-md: 16px;\n--kb-space-lg: 24px;\n--kb-space-xl: 32px;\n--kb-space-2xl: 48px;\n--kb-radius-sm: 4px;\n--kb-radius-md: 8px;\n--kb-radius-lg: 12px;\n--kb-radius-full: 9999px;\n--kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n--kb-font-size-sm: 0.875rem;\n--kb-font-size-md: 1rem;\n--kb-font-size-lg: 1.125rem;\n--kb-font-size-xl: 1.25rem;\n--kb-font-weight-regular: 400;\n--kb-font-weight-medium: 500;\n--kb-font-weight-semibold: 600;\n--kb-line-height-tight: 1.25;\n--kb-line-height-normal: 1.5;\n--kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);\n--kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);\n--kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);\n}\n\n\n    :host {\n      display: block;\n      font-family: var(--kb-font-family-sans);\n      color: var(--kb-color-fg-default);\n    }\n    :host(:not([open])) {\n      display: none;\n    }\n    .panel {\n      padding: var(--kb-space-md) 0;\n      font-size: var(--kb-font-size-md);\n      line-height: var(--kb-line-height-normal);\n    }\n    .panel:focus {\n      outline: none;\n    }\n    .panel:focus-visible {\n      box-shadow: var(--kb-focus-ring);\n      border-radius: var(--kb-radius-sm);\n    }\n  ");
+sheet.replaceSync("\n\n    :host {\n      display: block;\n      font-family: var(--kb-font-family-sans);\n      color: var(--kb-color-fg-default);\n    }\n    :host(:not([open])) {\n      display: none;\n    }\n    .panel {\n      padding: var(--kb-space-md) 0;\n      font-size: var(--kb-font-size-md);\n      line-height: var(--kb-line-height-normal);\n    }\n    .panel:focus {\n      outline: none;\n    }\n    .panel:focus-visible {\n      box-shadow: var(--kb-focus-ring);\n      border-radius: var(--kb-radius-sm);\n    }\n  ");
 
 export class KitbashTabPanel extends HTMLElement {
   

package/dist/vanilla/tab.js

@@ -1,51 +1,4 @@
-var d=(_,U,B,Y,z)=>{let O=B.length,J=U.length,I=O,Q=0,$=0,X=null;while(Q<J||$<I)if(J===Q){let W=I<O?$?Y(B[$-1],-0).nextSibling:Y(B[I],0):z;while($<I)_.insertBefore(Y(B[$++],1),W)}else if(I===$)while(Q<J){if(!X||!X.has(U[Q]))_.removeChild(Y(U[Q],-1));Q++}else if(U[Q]===B[$])Q++,$++;else if(U[J-1]===B[I-1])J--,I--;else if(U[Q]===B[I-1]&&B[$]===U[J-1]){let W=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[Q++],-0).nextSibling),_.insertBefore(Y(B[--I],1),W),U[J]=B[I]}else{if(!X){X=new Map;let W=$;while(W<I)X.set(B[W],W++)}if(X.has(U[Q])){let W=X.get(U[Q]);if($<W&&W<I){let Z=Q,K=1;while(++Z<J&&Z<I&&X.get(U[Z])===W+K)K++;if(K>W-$){let D=Y(U[Q],0);while($<W)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[Q++],-1))}else Q++}else _.removeChild(Y(U[Q++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var i="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},m=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,V=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>V(_,U,B),t=!1,j=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),P=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],z=B==="role"?B:`aria-${B}`;if(Y==null)P(_,z);else e(_,z,Y)}return U},C,P1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),z=Y[B];if(z&&z[0])_.removeEventListener(B,...z);if(z=E(U)?U:[U,!1],Y[B]=z,z[0])_.addEventListener(B,...z);return U};var G=(_,U)=>{let{t:B,n:Y}=_,z=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":z=!0;default:if(B.data=z?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},F1=(_,U)=>f(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),f=(_,U,B)=>U==null?(P(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?P(_,B):e(_,B,U),U),N1=(_,U)=>U==null?f(_,U,"style"):k(_.style,U,"cssText"),V1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return d(_.parentNode,B,U,j,_);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return V1;case"@":return P1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:m(_,U)?.set?f:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var b=(_)=>(U,B)=>{let{a:Y,b:z,c:O}=_(U,B),J=document.importNode(Y,!0),I=q;if(z!==q){I=[];for(let Q,$,X=0;X<z.length;X++){let{a:W,b:Z,c:K}=z[X],D=W===$?Q:Q=o(J,$=W);I[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(O?J.firstChild:new w(J),I)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(j1,(z,O,J,I)=>`<${O}${J.replace(C1,"\x02=$2$1").trimEnd()}${I?B||O1.test(O)?" /":`></${O}`:""}>`).replace(k1,(z)=>z==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(i,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,F,B),B),{length:z}=_,O=q;if(z>1){let Q=[],$=document.createTreeWalker(Y,129),X=0,W=`${F}${X++}`;O=[];while(X<z){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===W){let K=E(U[X-1])?R:G;if(K===G)Q.push(Z);O.push(H(c(Z),K,null)),W=`${F}${X++}`}}else{let K;while(Z.hasAttribute(W)){if(!K)K=c(Z);let D=Z.getAttribute(W);O.push(H(K,B1(Z,D,B),D)),P(Z,W),W=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${W}-->`)O.push(H(K||c(Z),Y1,null)),W=`${F}${X++}`}}for(X=0;X<Q.length;X++)Q[X].replaceWith(X1())}let{childNodes:J}=Y,{length:I}=J;if(I<1)I=1,Y.appendChild(X1());else if(I===1&&z!==1&&J[0].nodeType!==s)I=0;return M($1,_,H(Y,O,I===1))},$1=new WeakMap,F="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=b(v(!1)),w1=b(v(!0)),p=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:z,c:O}=(U?w1:x1)(B,Y);_.a=B,_.b=z,_.c=O}for(let{c:z}=_,O=0;O<z.length;O++){let J=Y[O],I=z[O];switch(I.u){case R:I.v=R(I.t,y1(I.c,J),I.v);break;case G:let Q=J instanceof A?p(I.c||(I.c=L()),J):(I.c=null,J);if(Q!==I.v)I.v=G(I,Q);break;default:if(J!==I.v)I.v=I.u(I.t,J,I.n,I.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let z=U[B];if(z instanceof A)U[B]=p(_[B]||(_[B]=L()),z);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return p(_,this)}}var Z1=new WeakMap,u=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`:host {
---kb-color-bg-canvas: #ffffff;
---kb-color-bg-surface: #f6f8fa;
---kb-color-bg-subtle: #eef1f4;
---kb-color-bg-inverse: #1f2328;
---kb-color-fg-default: #1f2328;
---kb-color-fg-muted: #656d76;
---kb-color-fg-subtle: #8c959f;
---kb-color-fg-on-accent: #ffffff;
---kb-color-fg-on-inverse: #ffffff;
---kb-color-border-default: #d0d7de;
---kb-color-border-muted: #e6ebf0;
---kb-color-border-focus: #0969da;
---kb-color-accent-default: #0969da;
---kb-color-accent-hover: #0860ca;
---kb-color-accent-subtle: #ddf4ff;
---kb-color-danger-default: #cf222e;
---kb-color-danger-subtle: #ffebe9;
---kb-color-success-default: #1a7f37;
---kb-color-success-subtle: #dafbe1;
---kb-color-warning-default: #9a6700;
---kb-color-warning-subtle: #fff8c5;
---kb-space-2xs: 2px;
---kb-space-xs: 4px;
---kb-space-sm: 8px;
---kb-space-md: 16px;
---kb-space-lg: 24px;
---kb-space-xl: 32px;
---kb-space-2xl: 48px;
---kb-radius-sm: 4px;
---kb-radius-md: 8px;
---kb-radius-lg: 12px;
---kb-radius-full: 9999px;
---kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
---kb-font-size-sm: 0.875rem;
---kb-font-size-md: 1rem;
---kb-font-size-lg: 1.125rem;
---kb-font-size-xl: 1.25rem;
---kb-font-weight-regular: 400;
---kb-font-weight-medium: 500;
---kb-font-weight-semibold: 600;
---kb-line-height-tight: 1.25;
---kb-line-height-normal: 1.5;
---kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);
---kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);
---kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);
-}
-
+var d=(_,U,B,Y,z)=>{let O=B.length,J=U.length,I=O,Q=0,$=0,X=null;while(Q<J||$<I)if(J===Q){let W=I<O?$?Y(B[$-1],-0).nextSibling:Y(B[I],0):z;while($<I)_.insertBefore(Y(B[$++],1),W)}else if(I===$)while(Q<J){if(!X||!X.has(U[Q]))_.removeChild(Y(U[Q],-1));Q++}else if(U[Q]===B[$])Q++,$++;else if(U[J-1]===B[I-1])J--,I--;else if(U[Q]===B[I-1]&&B[$]===U[J-1]){let W=Y(U[--J],-0).nextSibling;_.insertBefore(Y(B[$++],1),Y(U[Q++],-0).nextSibling),_.insertBefore(Y(B[--I],1),W),U[J]=B[I]}else{if(!X){X=new Map;let W=$;while(W<I)X.set(B[W],W++)}if(X.has(U[Q])){let W=X.get(U[Q]);if($<W&&W<I){let Z=Q,K=1;while(++Z<J&&Z<I&&X.get(U[Z])===W+K)K++;if(K>W-$){let D=Y(U[Q],0);while($<W)_.insertBefore(Y(B[$++],1),D)}else _.replaceChild(Y(B[$++],1),Y(U[Q++],-1))}else Q++}else _.removeChild(Y(U[Q++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var i="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(_,U,B)=>{return _.set(U,B),B},m=(_,U)=>{let B;do B=D1(_,U);while(!B&&(_=R1(_)));return B},o=(_,U)=>U.reduceRight(M1,_),M1=(_,U)=>_.childNodes[U];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(_)=>{function U(B){return T1(B,new.target.prototype)}return U.prototype=_.prototype,U};var T,V=(_,U,B)=>{if(!T)T=N();if(B)T.setStartAfter(_);else T.setStartBefore(_);return T.setEndAfter(U),T.deleteContents(),_};var x=({firstChild:_,lastChild:U},B)=>V(_,U,B),t=!1,j=(_,U)=>t&&_.nodeType===l?1/U<0?U?x(_,!0):_.lastChild:U?_.valueOf():_.firstChild:_,a=(_)=>document.createComment(_);class w extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(_){super(_);this.replaceChildren(...[this.#U,..._.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){x(this,!1)}replaceWith(_){x(this,!0).replaceWith(_)}valueOf(){let{parentNode:_}=this;if(_===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(_){let{firstChild:U,lastChild:B}=this;this.#_=[U];while(U!==B)this.#_.push(U=U.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(_,U,B)=>_.setAttribute(U,B),P=(_,U)=>_.removeAttribute(U),H1=(_,U)=>{for(let B in U){let Y=U[B],z=B==="role"?B:`aria-${B}`;if(Y==null)P(_,z);else e(_,z,Y)}return U},C,P1=(_,U,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(_)||M(C,_,{}),z=Y[B];if(z&&z[0])_.removeEventListener(B,...z);if(z=E(U)?U:[U,!1],Y[B]=z,z[0])_.addEventListener(B,...z);return U};var G=(_,U)=>{let{t:B,n:Y}=_,z=!1;switch(typeof U){case"object":if(U!==null){(Y||B).replaceWith(_.n=U.valueOf());break}case"undefined":z=!0;default:if(B.data=z?"":U,Y)_.n=null,Y.replaceWith(B);break}return U},F1=(_,U)=>f(_,U,U==null?"class":"className"),A1=(_,U)=>{let{dataset:B}=_;for(let Y in U)if(U[Y]==null)delete B[Y];else B[Y]=U[Y];return U},k=(_,U,B)=>_[B]=U,E1=(_,U,B)=>k(_,U,B.slice(1)),f=(_,U,B)=>U==null?(P(_,B),U):k(_,U,B),_1=(_,U)=>(typeof U==="function"?U(_):U.current=_,U),y=(_,U,B)=>(U==null?P(_,B):e(_,B,U),U),N1=(_,U)=>U==null?f(_,U,"style"):k(_.style,U,"cssText"),V1=(_,U,B)=>(_.toggleAttribute(B.slice(1),U),U),R=(_,U,B)=>{let{length:Y}=U;if(_.data=`[${Y}]`,Y)return d(_.parentNode,B,U,j,_);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(_,U,B)=>{switch(U[0]){case".":return E1;case"?":return V1;case"@":return P1;default:return B||"ownerSVGElement"in _?U==="ref"?_1:y:U1.get(U)||(U in _?U.startsWith("on")?k:m(_,U)?.set?f:y:y)}},Y1=(_,U)=>(_.textContent=U==null?"":U,U);var H=(_,U,B)=>({a:_,b:U,c:B}),z1=(_,U)=>({b:_,c:U}),I1=(_,U,B,Y)=>({v:q,u:_,t:U,n:B,c:Y}),L=()=>H(null,null,q);var b=(_)=>(U,B)=>{let{a:Y,b:z,c:O}=_(U,B),J=document.importNode(Y,!0),I=q;if(z!==q){I=[];for(let Q,$,X=0;X<z.length;X++){let{a:W,b:Z,c:K}=z[X],D=W===$?Q:Q=o(J,$=W);I[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(O?J.firstChild:new w(J),I)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,k1=/[\x01\x02]/g,Q1=(_,U,B)=>{let Y=0;return _.join("\x01").trim().replace(j1,(z,O,J,I)=>`<${O}${J.replace(C1,"\x02=$2$1").trimEnd()}${I?B||O1.test(O)?" /":`></${O}`:""}>`).replace(k1,(z)=>z==="\x01"?`<!--${U+Y++}-->`:U+Y++)};var S=document.createElement("template"),g,h,W1=(_,U)=>{if(U){if(!g)g=document.createElementNS(i,"svg"),h=N(),h.selectNodeContents(g);return h.createContextualFragment(_)}S.innerHTML=_;let{content:B}=S;return S=S.cloneNode(!1),B};var c=(_)=>{let U=[],B;while(B=_.parentNode)U.push(U.indexOf.call(B.childNodes,_)),_=B;return U},X1=()=>document.createTextNode(""),S1=(_,U,B)=>{let Y=W1(Q1(_,F,B),B),{length:z}=_,O=q;if(z>1){let Q=[],$=document.createTreeWalker(Y,129),X=0,W=`${F}${X++}`;O=[];while(X<z){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===W){let K=E(U[X-1])?R:G;if(K===G)Q.push(Z);O.push(H(c(Z),K,null)),W=`${F}${X++}`}}else{let K;while(Z.hasAttribute(W)){if(!K)K=c(Z);let D=Z.getAttribute(W);O.push(H(K,B1(Z,D,B),D)),P(Z,W),W=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${W}-->`)O.push(H(K||c(Z),Y1,null)),W=`${F}${X++}`}}for(X=0;X<Q.length;X++)Q[X].replaceWith(X1())}let{childNodes:J}=Y,{length:I}=J;if(I<1)I=1,Y.appendChild(X1());else if(I===1&&z!==1&&J[0].nodeType!==s)I=0;return M($1,_,H(Y,O,I===1))},$1=new WeakMap,F="isµ",v=(_)=>(U,B)=>$1.get(U)||S1(U,B,_);var x1=b(v(!1)),w1=b(v(!0)),p=(_,{s:U,t:B,v:Y})=>{if(_.a!==B){let{b:z,c:O}=(U?w1:x1)(B,Y);_.a=B,_.b=z,_.c=O}for(let{c:z}=_,O=0;O<z.length;O++){let J=Y[O],I=z[O];switch(I.u){case R:I.v=R(I.t,y1(I.c,J),I.v);break;case G:let Q=J instanceof A?p(I.c||(I.c=L()),J):(I.c=null,J);if(Q!==I.v)I.v=G(I,Q);break;default:if(J!==I.v)I.v=I.u(I.t,J,I.n,I.v);break}}return _.b},y1=(_,U)=>{let B=0,{length:Y}=U;if(Y<_.length)_.splice(Y);for(;B<Y;B++){let z=U[B];if(z instanceof A)U[B]=p(_[B]||(_[B]=L()),z);else _[B]=null}return U};class A{constructor(_,U,B){this.s=_,this.t=U,this.v=B}toDOM(_=L()){return p(_,this)}}var Z1=new WeakMap,u=(_,U)=>{let B=Z1.get(_)||M(Z1,_,L()),{b:Y}=B;if(Y!==(typeof U==="function"?U():U).toDOM(B))_.replaceChildren(B.b.valueOf());return _};/*! (c) Andrea Giammarchi - MIT */var K1=(_)=>(U,...B)=>new A(_,U,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`
 
     :host {
       display: inline-flex;

package/dist/vanilla/tab.src.js

@@ -2,7 +2,7 @@
 import { render, html } from 'uhtml';
 
 const sheet = new CSSStyleSheet();
-sheet.replaceSync(":host {\n--kb-color-bg-canvas: #ffffff;\n--kb-color-bg-surface: #f6f8fa;\n--kb-color-bg-subtle: #eef1f4;\n--kb-color-bg-inverse: #1f2328;\n--kb-color-fg-default: #1f2328;\n--kb-color-fg-muted: #656d76;\n--kb-color-fg-subtle: #8c959f;\n--kb-color-fg-on-accent: #ffffff;\n--kb-color-fg-on-inverse: #ffffff;\n--kb-color-border-default: #d0d7de;\n--kb-color-border-muted: #e6ebf0;\n--kb-color-border-focus: #0969da;\n--kb-color-accent-default: #0969da;\n--kb-color-accent-hover: #0860ca;\n--kb-color-accent-subtle: #ddf4ff;\n--kb-color-danger-default: #cf222e;\n--kb-color-danger-subtle: #ffebe9;\n--kb-color-success-default: #1a7f37;\n--kb-color-success-subtle: #dafbe1;\n--kb-color-warning-default: #9a6700;\n--kb-color-warning-subtle: #fff8c5;\n--kb-space-2xs: 2px;\n--kb-space-xs: 4px;\n--kb-space-sm: 8px;\n--kb-space-md: 16px;\n--kb-space-lg: 24px;\n--kb-space-xl: 32px;\n--kb-space-2xl: 48px;\n--kb-radius-sm: 4px;\n--kb-radius-md: 8px;\n--kb-radius-lg: 12px;\n--kb-radius-full: 9999px;\n--kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n--kb-font-size-sm: 0.875rem;\n--kb-font-size-md: 1rem;\n--kb-font-size-lg: 1.125rem;\n--kb-font-size-xl: 1.25rem;\n--kb-font-weight-regular: 400;\n--kb-font-weight-medium: 500;\n--kb-font-weight-semibold: 600;\n--kb-line-height-tight: 1.25;\n--kb-line-height-normal: 1.5;\n--kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);\n--kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);\n--kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);\n}\n\n\n    :host {\n      display: inline-flex;\n      font-family: var(--kb-font-family-sans);\n    }\n    button {\n      appearance: none;\n      box-sizing: border-box;\n      min-height: 2.25rem;\n      min-width: 2.25rem;\n      padding: var(--kb-space-sm) var(--kb-space-md);\n      margin: 0;\n      border: none;\n      border-bottom: 2px solid transparent;\n      background: transparent;\n      color: var(--kb-color-fg-muted);\n      font: inherit;\n      font-weight: var(--kb-font-weight-medium);\n      font-size: var(--kb-font-size-md);\n      cursor: pointer;\n      border-radius: var(--kb-radius-sm) var(--kb-radius-sm) 0 0;\n    }\n    button[aria-selected=\"true\"] {\n      color: var(--kb-color-fg-default);\n      border-bottom-color: var(--kb-color-accent-default);\n    }\n    button:hover:not(:disabled) {\n      color: var(--kb-color-fg-default);\n      background: var(--kb-color-bg-subtle);\n    }\n    button:focus-visible {\n      outline: none;\n      box-shadow: var(--kb-focus-ring);\n    }\n    button:disabled {\n      opacity: 0.55;\n      cursor: not-allowed;\n    }\n  ");
+sheet.replaceSync("\n\n    :host {\n      display: inline-flex;\n      font-family: var(--kb-font-family-sans);\n    }\n    button {\n      appearance: none;\n      box-sizing: border-box;\n      min-height: 2.25rem;\n      min-width: 2.25rem;\n      padding: var(--kb-space-sm) var(--kb-space-md);\n      margin: 0;\n      border: none;\n      border-bottom: 2px solid transparent;\n      background: transparent;\n      color: var(--kb-color-fg-muted);\n      font: inherit;\n      font-weight: var(--kb-font-weight-medium);\n      font-size: var(--kb-font-size-md);\n      cursor: pointer;\n      border-radius: var(--kb-radius-sm) var(--kb-radius-sm) 0 0;\n    }\n    button[aria-selected=\"true\"] {\n      color: var(--kb-color-fg-default);\n      border-bottom-color: var(--kb-color-accent-default);\n    }\n    button:hover:not(:disabled) {\n      color: var(--kb-color-fg-default);\n      background: var(--kb-color-bg-subtle);\n    }\n    button:focus-visible {\n      outline: none;\n      box-shadow: var(--kb-focus-ring);\n    }\n    button:disabled {\n      opacity: 0.55;\n      cursor: not-allowed;\n    }\n  ");
 
 export class KitbashTab extends HTMLElement {
   

package/dist/vanilla/tabs.js

@@ -1,51 +1,4 @@
-var d=(U,_,B,Y,I)=>{let O=B.length,Q=_.length,z=O,J=0,$=0,X=null;while(J<Q||$<z)if(Q===J){let W=z<O?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)U.insertBefore(Y(B[$++],1),W)}else if(z===$)while(J<Q){if(!X||!X.has(_[J]))U.removeChild(Y(_[J],-1));J++}else if(_[J]===B[$])J++,$++;else if(_[Q-1]===B[z-1])Q--,z--;else if(_[J]===B[z-1]&&B[$]===_[Q-1]){let W=Y(_[--Q],-0).nextSibling;U.insertBefore(Y(B[$++],1),Y(_[J++],-0).nextSibling),U.insertBefore(Y(B[--z],1),W),_[Q]=B[z]}else{if(!X){X=new Map;let W=$;while(W<z)X.set(B[W],W++)}if(X.has(_[J])){let W=X.get(_[J]);if($<W&&W<z){let Z=J,K=1;while(++Z<Q&&Z<z&&X.get(_[Z])===W+K)K++;if(K>W-$){let D=Y(_[J],0);while($<W)U.insertBefore(Y(B[$++],1),D)}else U.replaceChild(Y(B[$++],1),Y(_[J++],-1))}else J++}else U.removeChild(Y(_[J++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var m="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(U,_,B)=>{return U.set(_,B),B},i=(U,_)=>{let B;do B=D1(U,_);while(!B&&(U=R1(U)));return B},o=(U,_)=>_.reduceRight(M1,U),M1=(U,_)=>U.childNodes[_];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(U)=>{function _(B){return T1(B,new.target.prototype)}return _.prototype=U.prototype,_};var T,V=(U,_,B)=>{if(!T)T=N();if(B)T.setStartAfter(U);else T.setStartBefore(U);return T.setEndAfter(_),T.deleteContents(),U};var w=({firstChild:U,lastChild:_},B)=>V(U,_,B),t=!1,j=(U,_)=>t&&U.nodeType===l?1/_<0?_?w(U,!0):U.lastChild:_?U.valueOf():U.firstChild:U,a=(U)=>document.createComment(U);class x extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(U){super(U);this.replaceChildren(...[this.#U,...U.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){w(this,!1)}replaceWith(U){w(this,!0).replaceWith(U)}valueOf(){let{parentNode:U}=this;if(U===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(U){let{firstChild:_,lastChild:B}=this;this.#_=[_];while(_!==B)this.#_.push(_=_.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(U,_,B)=>U.setAttribute(_,B),P=(U,_)=>U.removeAttribute(_),H1=(U,_)=>{for(let B in _){let Y=_[B],I=B==="role"?B:`aria-${B}`;if(Y==null)P(U,I);else e(U,I,Y)}return _},C,P1=(U,_,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(U)||M(C,U,{}),I=Y[B];if(I&&I[0])U.removeEventListener(B,...I);if(I=E(_)?_:[_,!1],Y[B]=I,I[0])U.addEventListener(B,...I);return _};var G=(U,_)=>{let{t:B,n:Y}=U,I=!1;switch(typeof _){case"object":if(_!==null){(Y||B).replaceWith(U.n=_.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":_,Y)U.n=null,Y.replaceWith(B);break}return _},F1=(U,_)=>f(U,_,_==null?"class":"className"),A1=(U,_)=>{let{dataset:B}=U;for(let Y in _)if(_[Y]==null)delete B[Y];else B[Y]=_[Y];return _},S=(U,_,B)=>U[B]=_,E1=(U,_,B)=>S(U,_,B.slice(1)),f=(U,_,B)=>_==null?(P(U,B),_):S(U,_,B),_1=(U,_)=>(typeof _==="function"?_(U):_.current=U,_),y=(U,_,B)=>(_==null?P(U,B):e(U,B,_),_),N1=(U,_)=>_==null?f(U,_,"style"):S(U.style,_,"cssText"),V1=(U,_,B)=>(U.toggleAttribute(B.slice(1),_),_),R=(U,_,B)=>{let{length:Y}=_;if(U.data=`[${Y}]`,Y)return d(U.parentNode,B,_,j,U);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(U,_,B)=>{switch(_[0]){case".":return E1;case"?":return V1;case"@":return P1;default:return B||"ownerSVGElement"in U?_==="ref"?_1:y:U1.get(_)||(_ in U?_.startsWith("on")?S:i(U,_)?.set?f:y:y)}},Y1=(U,_)=>(U.textContent=_==null?"":_,_);var H=(U,_,B)=>({a:U,b:_,c:B}),z1=(U,_)=>({b:U,c:_}),I1=(U,_,B,Y)=>({v:q,u:U,t:_,n:B,c:Y}),L=()=>H(null,null,q);var g=(U)=>(_,B)=>{let{a:Y,b:I,c:O}=U(_,B),Q=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let J,$,X=0;X<I.length;X++){let{a:W,b:Z,c:K}=I[X],D=W===$?J:J=o(Q,$=W);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(O?Q.firstChild:new x(Q),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,S1=/[\x01\x02]/g,Q1=(U,_,B)=>{let Y=0;return U.join("\x01").trim().replace(j1,(I,O,Q,z)=>`<${O}${Q.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(O)?" /":`></${O}`:""}>`).replace(S1,(I)=>I==="\x01"?`<!--${_+Y++}-->`:_+Y++)};var k=document.createElement("template"),b,h,W1=(U,_)=>{if(_){if(!b)b=document.createElementNS(m,"svg"),h=N(),h.selectNodeContents(b);return h.createContextualFragment(U)}k.innerHTML=U;let{content:B}=k;return k=k.cloneNode(!1),B};var c=(U)=>{let _=[],B;while(B=U.parentNode)_.push(_.indexOf.call(B.childNodes,U)),U=B;return _},X1=()=>document.createTextNode(""),k1=(U,_,B)=>{let Y=W1(Q1(U,F,B),B),{length:I}=U,O=q;if(I>1){let J=[],$=document.createTreeWalker(Y,129),X=0,W=`${F}${X++}`;O=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===W){let K=E(_[X-1])?R:G;if(K===G)J.push(Z);O.push(H(c(Z),K,null)),W=`${F}${X++}`}}else{let K;while(Z.hasAttribute(W)){if(!K)K=c(Z);let D=Z.getAttribute(W);O.push(H(K,B1(Z,D,B),D)),P(Z,W),W=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${W}-->`)O.push(H(K||c(Z),Y1,null)),W=`${F}${X++}`}}for(X=0;X<J.length;X++)J[X].replaceWith(X1())}let{childNodes:Q}=Y,{length:z}=Q;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&Q[0].nodeType!==s)z=0;return M($1,U,H(Y,O,z===1))},$1=new WeakMap,F="isµ",v=(U)=>(_,B)=>$1.get(_)||k1(_,B,U);var w1=g(v(!1)),x1=g(v(!0)),p=(U,{s:_,t:B,v:Y})=>{if(U.a!==B){let{b:I,c:O}=(_?x1:w1)(B,Y);U.a=B,U.b=I,U.c=O}for(let{c:I}=U,O=0;O<I.length;O++){let Q=Y[O],z=I[O];switch(z.u){case R:z.v=R(z.t,y1(z.c,Q),z.v);break;case G:let J=Q instanceof A?p(z.c||(z.c=L()),Q):(z.c=null,Q);if(J!==z.v)z.v=G(z,J);break;default:if(Q!==z.v)z.v=z.u(z.t,Q,z.n,z.v);break}}return U.b},y1=(U,_)=>{let B=0,{length:Y}=_;if(Y<U.length)U.splice(Y);for(;B<Y;B++){let I=_[B];if(I instanceof A)_[B]=p(U[B]||(U[B]=L()),I);else U[B]=null}return _};class A{constructor(U,_,B){this.s=U,this.t=_,this.v=B}toDOM(U=L()){return p(U,this)}}var Z1=new WeakMap,u=(U,_)=>{let B=Z1.get(U)||M(Z1,U,L()),{b:Y}=B;if(Y!==(typeof _==="function"?_():_).toDOM(B))U.replaceChildren(B.b.valueOf());return U};/*! (c) Andrea Giammarchi - MIT */var K1=(U)=>(_,...B)=>new A(U,_,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`:host {
---kb-color-bg-canvas: #ffffff;
---kb-color-bg-surface: #f6f8fa;
---kb-color-bg-subtle: #eef1f4;
---kb-color-bg-inverse: #1f2328;
---kb-color-fg-default: #1f2328;
---kb-color-fg-muted: #656d76;
---kb-color-fg-subtle: #8c959f;
---kb-color-fg-on-accent: #ffffff;
---kb-color-fg-on-inverse: #ffffff;
---kb-color-border-default: #d0d7de;
---kb-color-border-muted: #e6ebf0;
---kb-color-border-focus: #0969da;
---kb-color-accent-default: #0969da;
---kb-color-accent-hover: #0860ca;
---kb-color-accent-subtle: #ddf4ff;
---kb-color-danger-default: #cf222e;
---kb-color-danger-subtle: #ffebe9;
---kb-color-success-default: #1a7f37;
---kb-color-success-subtle: #dafbe1;
---kb-color-warning-default: #9a6700;
---kb-color-warning-subtle: #fff8c5;
---kb-space-2xs: 2px;
---kb-space-xs: 4px;
---kb-space-sm: 8px;
---kb-space-md: 16px;
---kb-space-lg: 24px;
---kb-space-xl: 32px;
---kb-space-2xl: 48px;
---kb-radius-sm: 4px;
---kb-radius-md: 8px;
---kb-radius-lg: 12px;
---kb-radius-full: 9999px;
---kb-font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
---kb-font-size-sm: 0.875rem;
---kb-font-size-md: 1rem;
---kb-font-size-lg: 1.125rem;
---kb-font-size-xl: 1.25rem;
---kb-font-weight-regular: 400;
---kb-font-weight-medium: 500;
---kb-font-weight-semibold: 600;
---kb-line-height-tight: 1.25;
---kb-line-height-normal: 1.5;
---kb-shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);
---kb-shadow-md: 0 4px 12px rgba(31, 35, 40, 0.1);
---kb-focus-ring: 0 0 0 3px rgba(9, 105, 218, 0.35);
-}
-
+var d=(U,_,B,Y,I)=>{let O=B.length,Q=_.length,z=O,J=0,$=0,X=null;while(J<Q||$<z)if(Q===J){let W=z<O?$?Y(B[$-1],-0).nextSibling:Y(B[z],0):I;while($<z)U.insertBefore(Y(B[$++],1),W)}else if(z===$)while(J<Q){if(!X||!X.has(_[J]))U.removeChild(Y(_[J],-1));J++}else if(_[J]===B[$])J++,$++;else if(_[Q-1]===B[z-1])Q--,z--;else if(_[J]===B[z-1]&&B[$]===_[Q-1]){let W=Y(_[--Q],-0).nextSibling;U.insertBefore(Y(B[$++],1),Y(_[J++],-0).nextSibling),U.insertBefore(Y(B[--z],1),W),_[Q]=B[z]}else{if(!X){X=new Map;let W=$;while(W<z)X.set(B[W],W++)}if(X.has(_[J])){let W=X.get(_[J]);if($<W&&W<z){let Z=J,K=1;while(++Z<Q&&Z<z&&X.get(_[Z])===W+K)K++;if(K>W-$){let D=Y(_[J],0);while($<W)U.insertBefore(Y(B[$++],1),D)}else U.replaceChild(Y(B[$++],1),Y(_[J++],-1))}else J++}else U.removeChild(Y(_[J++],-1))}return B};var{isArray:E}=Array,{getPrototypeOf:R1,getOwnPropertyDescriptor:D1}=Object;var m="http://www.w3.org/2000/svg",q=[],N=()=>document.createRange(),M=(U,_,B)=>{return U.set(_,B),B},i=(U,_)=>{let B;do B=D1(U,_);while(!B&&(U=R1(U)));return B},o=(U,_)=>_.reduceRight(M1,U),M1=(U,_)=>U.childNodes[_];var s=1;var r=8;var l=11;var{setPrototypeOf:T1}=Object,n=(U)=>{function _(B){return T1(B,new.target.prototype)}return _.prototype=U.prototype,_};var T,V=(U,_,B)=>{if(!T)T=N();if(B)T.setStartAfter(U);else T.setStartBefore(U);return T.setEndAfter(_),T.deleteContents(),U};var w=({firstChild:U,lastChild:_},B)=>V(U,_,B),t=!1,j=(U,_)=>t&&U.nodeType===l?1/_<0?_?w(U,!0):U.lastChild:_?U.valueOf():U.firstChild:U,a=(U)=>document.createComment(U);class x extends n(DocumentFragment){#U=a("<>");#B=a("</>");#_=q;constructor(U){super(U);this.replaceChildren(...[this.#U,...U.childNodes,this.#B]),t=!0}get firstChild(){return this.#U}get lastChild(){return this.#B}get parentNode(){return this.#U.parentNode}remove(){w(this,!1)}replaceWith(U){w(this,!0).replaceWith(U)}valueOf(){let{parentNode:U}=this;if(U===this){if(this.#_===q)this.#_=[...this.childNodes]}else{if(U){let{firstChild:_,lastChild:B}=this;this.#_=[_];while(_!==B)this.#_.push(_=_.nextSibling)}this.replaceChildren(...this.#_)}return this}}var e=(U,_,B)=>U.setAttribute(_,B),P=(U,_)=>U.removeAttribute(_),H1=(U,_)=>{for(let B in _){let Y=_[B],I=B==="role"?B:`aria-${B}`;if(Y==null)P(U,I);else e(U,I,Y)}return _},C,P1=(U,_,B)=>{if(B=B.slice(1),!C)C=new WeakMap;let Y=C.get(U)||M(C,U,{}),I=Y[B];if(I&&I[0])U.removeEventListener(B,...I);if(I=E(_)?_:[_,!1],Y[B]=I,I[0])U.addEventListener(B,...I);return _};var G=(U,_)=>{let{t:B,n:Y}=U,I=!1;switch(typeof _){case"object":if(_!==null){(Y||B).replaceWith(U.n=_.valueOf());break}case"undefined":I=!0;default:if(B.data=I?"":_,Y)U.n=null,Y.replaceWith(B);break}return _},F1=(U,_)=>f(U,_,_==null?"class":"className"),A1=(U,_)=>{let{dataset:B}=U;for(let Y in _)if(_[Y]==null)delete B[Y];else B[Y]=_[Y];return _},S=(U,_,B)=>U[B]=_,E1=(U,_,B)=>S(U,_,B.slice(1)),f=(U,_,B)=>_==null?(P(U,B),_):S(U,_,B),_1=(U,_)=>(typeof _==="function"?_(U):_.current=U,_),y=(U,_,B)=>(_==null?P(U,B):e(U,B,_),_),N1=(U,_)=>_==null?f(U,_,"style"):S(U.style,_,"cssText"),V1=(U,_,B)=>(U.toggleAttribute(B.slice(1),_),_),R=(U,_,B)=>{let{length:Y}=_;if(U.data=`[${Y}]`,Y)return d(U.parentNode,B,_,j,U);switch(B.length){case 1:B[0].remove();case 0:break;default:V(j(B[0],0),j(B.at(-1),-0),!1);break}return q},U1=new Map([["aria",H1],["class",F1],["data",A1],["ref",_1],["style",N1]]),B1=(U,_,B)=>{switch(_[0]){case".":return E1;case"?":return V1;case"@":return P1;default:return B||"ownerSVGElement"in U?_==="ref"?_1:y:U1.get(_)||(_ in U?_.startsWith("on")?S:i(U,_)?.set?f:y:y)}},Y1=(U,_)=>(U.textContent=_==null?"":_,_);var H=(U,_,B)=>({a:U,b:_,c:B}),z1=(U,_)=>({b:U,c:_}),I1=(U,_,B,Y)=>({v:q,u:U,t:_,n:B,c:Y}),L=()=>H(null,null,q);var g=(U)=>(_,B)=>{let{a:Y,b:I,c:O}=U(_,B),Q=document.importNode(Y,!0),z=q;if(I!==q){z=[];for(let J,$,X=0;X<I.length;X++){let{a:W,b:Z,c:K}=I[X],D=W===$?J:J=o(Q,$=W);z[X]=I1(Z,D,K,Z===R?[]:Z===G?L():null)}}return z1(O?Q.firstChild:new x(Q),z)};var J1=/^(?:plaintext|script|style|textarea|title|xmp)$/i,O1=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i;var j1=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,C1=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,S1=/[\x01\x02]/g,Q1=(U,_,B)=>{let Y=0;return U.join("\x01").trim().replace(j1,(I,O,Q,z)=>`<${O}${Q.replace(C1,"\x02=$2$1").trimEnd()}${z?B||O1.test(O)?" /":`></${O}`:""}>`).replace(S1,(I)=>I==="\x01"?`<!--${_+Y++}-->`:_+Y++)};var k=document.createElement("template"),b,h,W1=(U,_)=>{if(_){if(!b)b=document.createElementNS(m,"svg"),h=N(),h.selectNodeContents(b);return h.createContextualFragment(U)}k.innerHTML=U;let{content:B}=k;return k=k.cloneNode(!1),B};var c=(U)=>{let _=[],B;while(B=U.parentNode)_.push(_.indexOf.call(B.childNodes,U)),U=B;return _},X1=()=>document.createTextNode(""),k1=(U,_,B)=>{let Y=W1(Q1(U,F,B),B),{length:I}=U,O=q;if(I>1){let J=[],$=document.createTreeWalker(Y,129),X=0,W=`${F}${X++}`;O=[];while(X<I){let Z=$.nextNode();if(Z.nodeType===r){if(Z.data===W){let K=E(_[X-1])?R:G;if(K===G)J.push(Z);O.push(H(c(Z),K,null)),W=`${F}${X++}`}}else{let K;while(Z.hasAttribute(W)){if(!K)K=c(Z);let D=Z.getAttribute(W);O.push(H(K,B1(Z,D,B),D)),P(Z,W),W=`${F}${X++}`}if(!B&&J1.test(Z.localName)&&Z.textContent.trim()===`<!--${W}-->`)O.push(H(K||c(Z),Y1,null)),W=`${F}${X++}`}}for(X=0;X<J.length;X++)J[X].replaceWith(X1())}let{childNodes:Q}=Y,{length:z}=Q;if(z<1)z=1,Y.appendChild(X1());else if(z===1&&I!==1&&Q[0].nodeType!==s)z=0;return M($1,U,H(Y,O,z===1))},$1=new WeakMap,F="isµ",v=(U)=>(_,B)=>$1.get(_)||k1(_,B,U);var w1=g(v(!1)),x1=g(v(!0)),p=(U,{s:_,t:B,v:Y})=>{if(U.a!==B){let{b:I,c:O}=(_?x1:w1)(B,Y);U.a=B,U.b=I,U.c=O}for(let{c:I}=U,O=0;O<I.length;O++){let Q=Y[O],z=I[O];switch(z.u){case R:z.v=R(z.t,y1(z.c,Q),z.v);break;case G:let J=Q instanceof A?p(z.c||(z.c=L()),Q):(z.c=null,Q);if(J!==z.v)z.v=G(z,J);break;default:if(Q!==z.v)z.v=z.u(z.t,Q,z.n,z.v);break}}return U.b},y1=(U,_)=>{let B=0,{length:Y}=_;if(Y<U.length)U.splice(Y);for(;B<Y;B++){let I=_[B];if(I instanceof A)_[B]=p(U[B]||(U[B]=L()),I);else U[B]=null}return _};class A{constructor(U,_,B){this.s=U,this.t=_,this.v=B}toDOM(U=L()){return p(U,this)}}var Z1=new WeakMap,u=(U,_)=>{let B=Z1.get(U)||M(Z1,U,L()),{b:Y}=B;if(Y!==(typeof _==="function"?_():_).toDOM(B))U.replaceChildren(B.b.valueOf());return U};/*! (c) Andrea Giammarchi - MIT */var K1=(U)=>(_,...B)=>new A(U,_,B),q1=K1(!1),C_=K1(!0);var G1=new CSSStyleSheet;G1.replaceSync(`
 
     :host {
       display: block;