diff --git a/components/README.md b/components/README.md
index de9f4781..6570e799 100644
--- a/components/README.md
+++ b/components/README.md
@@ -52,10 +52,10 @@ import { <components you want to import> } from "vanjs-ui"
 Alternatively, you can import **VanUI** from CDN via a `<script type="text/javascript">` tag:
 
 ```html
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.3/dist/van-ui.nomodule.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.4/dist/van-ui.nomodule.min.js"></script>
 ```
 
-`https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.3/dist/van-ui.nomodule.js` can be used for the non-minified version.
+`https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.4/dist/van-ui.nomodule.js` can be used for the non-minified version.
 
 Note that: **VanJS** needs to be imported via a `<script type="text/javascript">` tag for **VanUI** to work properly.
 
@@ -770,12 +770,12 @@ You can override the default stacking behavior by specifying `{customStacking: t
 
 ### choose
 
-Creates a [`Modal`](#modal) component that lets the user choose among given options, returns a [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) that resolves when user makes the choice (resolves to the selected string), or cancels (resolves to `undefined`).
+Creates a [`Modal`](#modal) component that lets the user choose among given options, returns a [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) that resolves when user makes the choice (resolves to the chosen string), or cancels (resolves to `null`).
 
 #### Signature
 
 ```js
-choose({...props}) => Promise<string | undefined>
+choose({...props}) => Promise<string | null>
 ```
 
 #### Examples
@@ -785,17 +785,17 @@ Preview with [CodeSandbox](https://codesandbox.io/p/sandbox/github/vanjs-org/van
 Example 1:
 
 ```ts
-const selected = await choose({
+const choice = await choose({
   label: "Choose a color:",
   options: ["Red", "Green", "Blue"],
 })
-selected && van.add(document.body, div("You chose: ", b(selected)))
+choice && van.add(document.body, div("You chose: ", b(choice)))
 ```
 
 Example 2:
 
 ```ts
-const selected = await choose({
+const choice = await choose({
   label: "Choose a South American country:",
   options: [
     "🇦🇷 Argentina", "🇧🇴 Bolivia", "🇧🇷 Brazil", "🇨🇱 Chile", "🇨🇴 Colombia", "🇪🇨 Ecuador",
@@ -809,7 +809,7 @@ const selected = await choose({
   selectedColor: "blue",
   selectedStyleOverrides: {color: "white"},
 })
-selected && van.add(document.body, div("You chose: ", b(selected)))
+choice && van.add(document.body, div("You chose: ", b(choice)))
 ```
 
 #### Property Reference
@@ -825,8 +825,8 @@ selected && van.add(document.body, div("You chose: ", b(selected)))
 * `optionsContainerStyleOverrides`: Type `Record<string, string | number>`. Default `{}`. Optional. A [property bag](#property-bag-for-style-overrides) for the styles you want to override for the container of all options.
 * `optionClass`: Type `string`. Default `""`. Optional. The `class` attribute of an individual option. You can specify multiple CSS classes separated by `" "`.
 * `optionStyleOverrides`: Type `Record<string, string | number>`. Default `{}`. Optional. A [property bag](#property-bag-for-style-overrides) for the styles you want to override for an individual option.
-* `selectedClass`: Type `string`. Default `""`. Optional. The `class` attribute of the selected option. You can specify multiple CSS classes separated by `" "`.
-* `selectedStyleOverrides`: Type `Record<string, string | number>`. Default `{}`. Optional. A [property bag](#property-bag-for-style-overrides) for the styles you want to override for the selected option.
+* `selectedClass`: Type `string`. Default `""`. Optional. The `class` attribute of the currently selected option. You can specify multiple CSS classes separated by `" "`.
+* `selectedStyleOverrides`: Type `Record<string, string | number>`. Default `{}`. Optional. A [property bag](#property-bag-for-style-overrides) for the styles you want to override for the currently selected option.
 
 ### Property Bag for Style Overrides
 
diff --git a/components/dist/van-ui.d.ts b/components/dist/van-ui.d.ts
index 242a923e..a83b0a8f 100644
--- a/components/dist/van-ui.d.ts
+++ b/components/dist/van-ui.d.ts
@@ -166,5 +166,5 @@ export interface ChooseProps {
     readonly selectedClass?: string;
     readonly selectedStyleOverrides?: CSSPropertyBag;
 }
-export declare const choose: ({ label, options, showTextFilter, selectedColor, customModalProps, textFilterClass, textFilterStyleOverrides, optionsContainerClass, optionsContainerStyleOverrides, optionClass, optionStyleOverrides, selectedClass, selectedStyleOverrides, }: ChooseProps) => Promise<string | undefined>;
+export declare const choose: ({ label, options, showTextFilter, selectedColor, customModalProps, textFilterClass, textFilterStyleOverrides, optionsContainerClass, optionsContainerStyleOverrides, optionClass, optionStyleOverrides, selectedClass, selectedStyleOverrides, }: ChooseProps) => Promise<string | null>;
 export {};
diff --git a/components/dist/van-ui.js b/components/dist/van-ui.js
index b0676ab2..e3d3b04e 100644
--- a/components/dist/van-ui.js
+++ b/components/dist/van-ui.js
@@ -437,7 +437,6 @@ export const FloatingWindow = ({ title, closed = van.state(false), x = 100, y =
         style: toStyleStr(childrenContainerStyleOverrides)
     }, children));
 };
-let chooseId = 0;
 export const choose = ({ label, options, showTextFilter = false, selectedColor = "#f5f5f5", customModalProps = {}, textFilterClass = "", textFilterStyleOverrides = {}, optionsContainerClass = "", optionsContainerStyleOverrides = {}, optionClass = "", optionStyleOverrides = {}, selectedClass = "", selectedStyleOverrides = {}, }) => {
     const closed = van.state(false);
     const { modalStyleOverrides, ...otherModalProps } = customModalProps;
@@ -471,7 +470,7 @@ export const choose = ({ label, options, showTextFilter = false, selectedColor =
         class: textFilterClass,
         style: toStyleStr(textFilterStyle),
         oninput: e => query.val = e.target.value
-    }) : undefined;
+    }) : null;
     const optionStyle = {
         padding: "0.5rem",
         ...optionStyleOverrides,
@@ -480,9 +479,9 @@ export const choose = ({ label, options, showTextFilter = false, selectedColor =
         "background-color": selectedColor,
         ...selectedStyleOverrides,
     };
-    const id = "vanui-choose-" + (++chooseId);
-    document.head.appendChild(van.tags["style"](`#${id} .vanui-choose-selected, #${id} .vanui-choose-option:hover { ${toStyleStr(selectedStyle)} }`));
-    van.add(document.body, Modal(modalProps, div(label), showTextFilter ? div(textFilterDom) : undefined, () => div({ id, class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, filtered.val.map((o, i) => div({
+    van.add(document.head, () => closed.val ? null :
+        van.tags["style"](`.vanui-choose-selected, .vanui-choose-option:hover { ${toStyleStr(selectedStyle)} }`));
+    van.add(document.body, Modal(modalProps, div(label), showTextFilter ? div(textFilterDom) : null, () => div({ class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, filtered.val.map((o, i) => div({
         class: () => ["vanui-choose-option"].concat(optionClass ? optionClass : [], i === index.val ? "vanui-choose-selected" : [], i === index.val && selectedClass ? selectedClass : []).join(" "),
         style: toStyleStr(optionStyle),
         onclick: () => (resolve(o), closed.val = true),
@@ -490,7 +489,7 @@ export const choose = ({ label, options, showTextFilter = false, selectedColor =
     textFilterDom?.focus();
     van.derive(() => {
         index.val;
-        setTimeout(() => document.querySelector(`#${id} .vanui-choose-selected`)?.scrollIntoView(false), 10);
+        setTimeout(() => document.querySelector(".vanui-choose-selected")?.scrollIntoView(false), 10);
     });
     const navByKey = (e) => {
         if (e.key === "Enter" && index.val < filtered.val.length) {
@@ -498,7 +497,7 @@ export const choose = ({ label, options, showTextFilter = false, selectedColor =
             closed.val = true;
         }
         else if (e.key === "Escape") {
-            resolve(undefined);
+            resolve(null);
             closed.val = true;
         }
         else if (e.key === "ArrowDown")
diff --git a/components/dist/van-ui.nomodule.js b/components/dist/van-ui.nomodule.js
index 1cc4ee70..7a1c4b23 100644
--- a/components/dist/van-ui.nomodule.js
+++ b/components/dist/van-ui.nomodule.js
@@ -437,7 +437,6 @@
           style: toStyleStr(childrenContainerStyleOverrides)
       }, children));
   };
-  let chooseId = 0;
   window.choose = ({ label, options, showTextFilter = false, selectedColor = "#f5f5f5", customModalProps = {}, textFilterClass = "", textFilterStyleOverrides = {}, optionsContainerClass = "", optionsContainerStyleOverrides = {}, optionClass = "", optionStyleOverrides = {}, selectedClass = "", selectedStyleOverrides = {}, }) => {
       const closed = van.state(false);
       const { modalStyleOverrides, ...otherModalProps } = customModalProps;
@@ -471,7 +470,7 @@
           class: textFilterClass,
           style: toStyleStr(textFilterStyle),
           oninput: e => query.val = e.target.value
-      }) : undefined;
+      }) : null;
       const optionStyle = {
           padding: "0.5rem",
           ...optionStyleOverrides,
@@ -480,9 +479,9 @@
           "background-color": selectedColor,
           ...selectedStyleOverrides,
       };
-      const id = "vanui-choose-" + (++chooseId);
-      document.head.appendChild(van.tags["style"](`#${id} .vanui-choose-selected, #${id} .vanui-choose-option:hover { ${toStyleStr(selectedStyle)} }`));
-      van.add(document.body, Modal(modalProps, div(label), showTextFilter ? div(textFilterDom) : undefined, () => div({ id, class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, filtered.val.map((o, i) => div({
+      van.add(document.head, () => closed.val ? null :
+          van.tags["style"](`.vanui-choose-selected, .vanui-choose-option:hover { ${toStyleStr(selectedStyle)} }`));
+      van.add(document.body, Modal(modalProps, div(label), showTextFilter ? div(textFilterDom) : null, () => div({ class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, filtered.val.map((o, i) => div({
           class: () => ["vanui-choose-option"].concat(optionClass ? optionClass : [], i === index.val ? "vanui-choose-selected" : [], i === index.val && selectedClass ? selectedClass : []).join(" "),
           style: toStyleStr(optionStyle),
           onclick: () => (resolve(o), closed.val = true),
@@ -490,7 +489,7 @@
       textFilterDom?.focus();
       van.derive(() => {
           index.val;
-          setTimeout(() => document.querySelector(`#${id} .vanui-choose-selected`)?.scrollIntoView(false), 10);
+          setTimeout(() => document.querySelector(".vanui-choose-selected")?.scrollIntoView(false), 10);
       });
       const navByKey = (e) => {
           if (e.key === "Enter" && index.val < filtered.val.length) {
@@ -498,7 +497,7 @@
               closed.val = true;
           }
           else if (e.key === "Escape") {
-              resolve(undefined);
+              resolve(null);
               closed.val = true;
           }
           else if (e.key === "ArrowDown")
diff --git a/components/dist/van-ui.nomodule.min.js b/components/dist/van-ui.nomodule.min.js
index 4b0097e3..16db4170 100644
--- a/components/dist/van-ui.nomodule.min.js
+++ b/components/dist/van-ui.nomodule.min.js
@@ -1 +1 @@
-{const{button:o,div:e,header:t,input:n,label:s,span:r,style:i}=van.tags,l=o=>Object.entries(o).map(([o,e])=>`${o}: ${e};`).join(""),a=o=>Object.entries(o).map(([o,e])=>`${o} { ${l(e)} }`).join("\n"),d=Object.getPrototypeOf(van.state(null)),c=o=>Object.getPrototypeOf(o??0)===d?o:van.state(o);window.Await=({value:o,container:t=e,Loading:n,Error:s},r)=>{const i=van.state({status:"pending"});return o.then(o=>i.val={status:"fulfilled",value:o}).catch(o=>i.val={status:"rejected",value:o}),t(()=>"pending"===i.val.status?n?.()??"":"rejected"===i.val.status?s?.(i.val.value):r(i.val.value))},window.Modal=({closed:o,backgroundColor:t="rgba(0,0,0,.5)",blurBackground:n=!1,backgroundClass:s="",backgroundStyleOverrides:r={},modalClass:i="",modalStyleOverrides:a={}},...d)=>{const c={display:"flex","align-items":"center","justify-content":"center",left:0,right:0,top:0,bottom:0,position:"fixed","z-index":1e4,"background-color":t,"backdrop-filter":n?"blur(0.25rem)":"none",...r},u={"border-radius":"0.5rem",padding:"1rem",display:"block","background-color":"white",...a};return document.activeElement instanceof HTMLElement&&document.activeElement.blur(),()=>o.val?null:e({class:s,style:l(c)},e({class:i,style:l(u)},d))};let u=0;window.Tabs=({activeTab:t,resultClass:n="",style:s="",tabButtonRowColor:r="#f1f1f1",tabButtonBorderStyle:i="1px solid #000",tabButtonHoverColor:a="#ddd",tabButtonActiveColor:d="#ccc",transitionSec:c=.3,tabButtonRowClass:b="",tabButtonRowStyleOverrides:v={},tabButtonClass:p="",tabButtonStyleOverrides:w={},tabContentClass:h="",tabContentStyleOverrides:m={}},g)=>{const y=t??van.state(Object.keys(g)[0]),f=l({overflow:"hidden","background-color":r,...v}),x=l({float:"left",border:"none","border-right":i,outline:"none",cursor:"pointer",padding:"8px 16px",transition:`background-color ${c}s`,...w}),C=l({padding:"6px 12px","border-top":"none",...m}),k="vanui-tabs-"+ ++u;return document.head.appendChild(van.tags.style(`#${k} .vanui-tab-button { background-color: inherit }\n  #${k} .vanui-tab-button:hover { background-color: ${a} }\n  #${k} .vanui-tab-button.active { background-color: ${d} }`)),e({id:k,class:n,style:s},e({class:b,style:f},Object.keys(g).map(e=>o({class:()=>["vanui-tab-button"].concat(p||[],e===y.val?"active":[]).join(" "),style:x,onclick:()=>y.val=e},e))),Object.entries(g).map(([o,t])=>e({class:h,style:()=>`display: ${o===y.val?"block":"none"}; ${C}`},t)))},window.Toggle=({on:o=!1,size:e=1,cursor:t="pointer",offColor:i="#ccc",onColor:a="#2196F3",circleColor:d="white",toggleClass:u="",toggleStyleOverrides:b={},sliderClass:v="",sliderStyleOverrides:p={},circleClass:w="",circleStyleOverrides:h={},circleWhenOnStyleOverrides:m={}})=>{const g=c(o),y=l({position:"relative",display:"inline-block",width:1.76*e+"rem",height:e+"rem",cursor:t,...b}),f=l({opacity:0,width:0,height:0,position:"absolute","z-index":1e4}),x=l({position:"absolute",top:0,left:0,right:0,bottom:0,transition:".4s","border-radius":e+"rem",...p}),C=l({position:"absolute",height:.76*e+"rem",width:.76*e+"rem",left:.12*e+"rem",bottom:.12*e+"rem","background-color":d,transition:".4s","border-radius":"50%",...h}),k=l({transform:`translateX(${.76*e}rem)`,...m});return s({class:u,style:y},n({type:"checkbox",style:f,checked:g,oninput:o=>g.val=o.target.checked}),r({class:v,style:()=>`${x}; background-color: ${g.val?a:i};`},r({class:w,style:()=>C+(g.val?k:"")})))},window.MessageBoard=class{o;t;i;l;u;v;constructor({top:o="unset",bottom:t="unset",backgroundColor:n="#333D",fontColor:s="white",fadeOutSec:r=.3,boardClass:i="",boardStyleOverrides:a={},messageClass:d="",messageStyleOverrides:c={},closerClass:u="",closerStyleOverrides:b={}},v=document.body){const p=l({display:"flex","flex-direction":"column","align-items":"center",position:"fixed",top:o,bottom:t,left:"50%",transform:"translateX(-50%)","z-index":1e4,...a});this.o=r,this.t=d,this.i=l({display:"flex","background-color":n,color:s,padding:"15px","margin-bottom":"10px","border-radius":"5px",transition:`opacity ${r}s, transform ${r}s`,...c}),this.l=u,this.u=l({display:"flex","align-items":"center","margin-left":"10px",cursor:"pointer",...b}),v.appendChild(this.v=e({class:i,style:p}))}show({message:o,closer:t,durationSec:n,closed:s=van.state(!1)}){const r=van.state(!1);van.derive(()=>setTimeout(o=>r.val=o,1e3*this.o,s.val));const i=e({class:this.t,style:this.i},e(o),t?e({class:this.l,style:this.u,onclick:()=>s.val=!0},t):null);return van.derive(()=>s.val&&(i.style.opacity="0",i.style.transform="translateY(-20px)")),n&&setTimeout(()=>s.val=!0,1e3*n),van.add(this.v,()=>r.val?null:i),i}remove(){this.v.remove()}},window.Tooltip=({text:o,show:t,width:n="200px",backgroundColor:s="#333D",fontColor:i="white",fadeInSec:a=.3,tooltipClass:d="",tooltipStyleOverrides:c={},triangleClass:u="",triangleStyleOverrides:b={}})=>{const v=l({width:n,visibility:"hidden","background-color":s,color:i,"text-align":"center",padding:"5px","border-radius":"5px",position:"absolute","z-index":1,bottom:"125%",left:"50%",transform:"translateX(-50%)",opacity:0,transition:`opacity ${a}s`,...c}),p=l({width:0,height:0,"margin-left":"-5px","border-left":"5px solid transparent","border-right":"5px solid transparent","border-top":"5px solid #333",position:"absolute",bottom:"-5px",left:"50%",...b}),w=r({class:d,style:v},o,e({class:u,style:p}));return van.derive(()=>t.val?(w.style.opacity="1",w.style.visibility="visible"):(w.style.opacity="0",w.style.visibility="hidden")),w};let b=0;window.OptionGroup=({selected:t,normalColor:n="#e2eef7",hoverColor:s="#c1d4e9",selectedColor:r="#90b6d9",selectedHoverColor:i="#7fa5c8",fontColor:a="black",transitionSec:d=.3,optionGroupClass:c="",optionGroupStyleOverrides:u={},optionClass:v="",optionStyleOverrides:p={}},w)=>{const h=l({display:"flex",...u}),m=l({padding:"10px 20px",border:"none",color:a,cursor:"pointer",outline:"none",transition:`background-color ${d}s`,...p}),g="vanui-option-group-"+ ++b;return document.head.appendChild(van.tags.style(`#${g} .vanui-button { background-color: ${n} }\n  #${g} .vanui-button:hover { background-color: ${s} }\n  #${g} .vanui-button.selected { background-color: ${r} }\n  #${g} .vanui-button.selected:hover { background-color: ${i} }`)),e({id:g,class:c,style:h},w.map(e=>o({class:()=>["vanui-button"].concat(v||[],e===t.val?"selected":[]).join(" "),style:m,onclick:()=>t.val=e},e)))},window.Banner=({backgroundColor:o="#fff1a8",fontColor:e="currentcolor",sticky:n=!1,bannerClass:s="",bannerStyleOverrides:r={}},...i)=>{const a=l({"background-color":o,color:e,top:0,position:n?"sticky":"static","z-index":10,...r});return t({class:s,style:a},i)};let v=0;window.topMostZIndex=()=>++v,window.FloatingWindow=({title:o,closed:n=van.state(!1),x:s=100,y:d=100,width:u=300,height:b=200,closeCross:v="×",customStacking:p=!1,zIndex:w=1,disableMove:h=!1,disableResize:m=!1,headerColor:g="lightgray",windowClass:y="",windowStyleOverrides:f={},headerClass:x="",headerStyleOverrides:C={},childrenContainerClass:k="",childrenContainerStyleOverrides:O={},crossClass:S="",crossStyleOverrides:$={},crossHoverClass:z="",crossHoverStyleOverrides:j={}},...B)=>{const M=c(s),T=c(d),_=c(u),H=c(b),A=c(w);p||(A.val=topMostZIndex());const E=van.state(!1),F=van.state(null),I=van.state(0),R=van.state(0),D=van.state(0),X=van.state(0),G=z||Object.keys(j)?van.state(!1):null,L=o=>{0===o.button&&(E.val=!0,I.val=o.clientX,R.val=o.clientY,document.body.style.userSelect="none")},P=o=>e=>{F.val=o,I.val=e.clientX,R.val=e.clientY,D.val=_.val,X.val=H.val,document.body.style.userSelect="none"};document.addEventListener("mousemove",o=>{if(E.val)M.val+=o.clientX-I.val,T.val+=o.clientY-R.val,I.val=o.clientX,R.val=o.clientY;else if(F.val){const e=o.clientX-I.val,t=o.clientY-R.val;F.val.includes("right")&&(_.val=D.val+e),F.val.includes("bottom")&&(H.val=X.val+t)}}),document.addEventListener("mouseup",()=>{E.val=!1,F.val=null,document.body.style.userSelect=""});const Z="transparent";if(!document.getElementById("vanui-window-style")){const o=i({type:"text/css",id:"vanui-window-style"},a({".vanui-window":{position:"fixed","background-color":"white",border:"1px solid black","border-radius":"0.5rem",overflow:"hidden"},".vanui-window-dragarea":{cursor:"move",position:"absolute",left:"0",top:"0",width:"100%",height:"1rem"},".vanui-window-resize-right":{cursor:"e-resize",position:"absolute",right:"0",top:"0",width:"10px",height:"100%","background-color":Z},".vanui-window-resize-bottom":{cursor:"s-resize",position:"absolute",left:"0",bottom:"0",width:"100%",height:"10px","background-color":Z},".vanui-window-resize-rightbottom":{cursor:"se-resize",position:"absolute",right:"0",bottom:"0",width:"10px",height:"10px","background-color":Z},".vanui-window-header":{cursor:"move","user-select":"none",display:"flex","justify-content":"space-between","align-items":"center",padding:"0.5rem"},".vanui-window-cross":{cursor:"pointer","font-family":"Arial",transition:"background-color 0.3s, color 0.3s","border-radius":"50%",width:"24px",height:"24px",display:"flex","align-items":"center","justify-content":"center"},".vanui-window-cross:hover":{"background-color":"red",color:"white"},".vanui-window-children":{padding:"0.5rem"}}));document.head.appendChild(o)}return()=>n.val?null:e({class:["vanui-window"].concat(y||[]).join(" "),style:()=>l({left:`${M.val}px`,top:`${T.val}px`,width:`${_.val}px`,height:`${H.val}px`,"z-index":A.val,...f}),...p?{}:{onmousedown:()=>A.val=topMostZIndex()}},o?t({class:["vanui-window-header"].concat(x||[]).join(" "),style:l({"background-color":g,...h?{cursor:"auto"}:{},...C}),...h?{}:{onmousedown:L}},o,v?r({class:()=>["vanui-window-cross"].concat(S||[]).concat(z&&G.val?z:[]).join(" "),style:()=>l({...$,...Object.keys(j).length&&G.val?j:{}}),onclick:()=>n.val=!0,...G?{onmouseenter:()=>G.val=!0,onmouseleave:()=>G.val=!1}:{}},v):null):h?null:e({class:"vanui-window-dragarea",onmousedown:L}),m?[]:[e({class:"vanui-window-resize-right",onmousedown:P("right")}),e({class:"vanui-window-resize-bottom",onmousedown:P("bottom")}),e({class:"vanui-window-resize-rightbottom",onmousedown:P("rightbottom")})],e({class:["vanui-window-children"].concat(k||[]).join(" "),style:l(O)},B))};let p=0;window.choose=({label:o,options:t,showTextFilter:s=!1,selectedColor:r="#f5f5f5",customModalProps:i={},textFilterClass:a="",textFilterStyleOverrides:d={},optionsContainerClass:c="",optionsContainerStyleOverrides:u={},optionClass:b="",optionStyleOverrides:v={},selectedClass:w="",selectedStyleOverrides:h={}})=>{const m=van.state(!1),{modalStyleOverrides:g,...y}=i,f={closed:m,modalStyleOverrides:{display:"flex","flex-direction":"column",...g},...y},x=van.state(""),C=van.derive(()=>t.filter(o=>o.toLocaleLowerCase().includes(x.val.toLocaleLowerCase()))),k=van.derive(()=>(x.val,0));let O;const S=new Promise(o=>O=o),$={width:"98%","margin-top":"0.5rem","margin-bottom":"0.5rem",...d},z={"overflow-y":"auto","flex-grow":1,...u},j=s?n({type:"text",class:a,style:l($),oninput:o=>x.val=o.target.value}):void 0,B={padding:"0.5rem",...v},M={"background-color":r,...h},T="vanui-choose-"+ ++p;document.head.appendChild(van.tags.style(`#${T} .vanui-choose-selected, #${T} .vanui-choose-option:hover { ${l(M)} }`)),van.add(document.body,Modal(f,e(o),s?e(j):void 0,()=>e({id:T,class:c,style:l(z)},C.val.map((o,t)=>e({class:()=>["vanui-choose-option"].concat(b||[],t===k.val?"vanui-choose-selected":[],t===k.val&&w?w:[]).join(" "),style:l(B),onclick:()=>(O(o),m.val=!0)},o))))),j?.focus(),van.derive(()=>{k.val,setTimeout(()=>document.querySelector(`#${T} .vanui-choose-selected`)?.scrollIntoView(!1),10)});const _=o=>{"Enter"===o.key&&k.val<C.val.length?(O(C.val[k.val]),m.val=!0):"Escape"===o.key?(O(void 0),m.val=!0):"ArrowDown"===o.key?k.val=k.val+1<C.val.length?k.val+1:0:"ArrowUp"===o.key&&(k.val=k.val>0?k.val-1:C.val.length-1)};return document.addEventListener("keydown",_),van.derive(()=>m.val&&document.removeEventListener("keydown",_)),S}}
\ No newline at end of file
+{const{button:o,div:e,header:t,input:n,label:s,span:r,style:i}=van.tags,l=o=>Object.entries(o).map(([o,e])=>`${o}: ${e};`).join(""),a=o=>Object.entries(o).map(([o,e])=>`${o} { ${l(e)} }`).join("\n"),d=Object.getPrototypeOf(van.state(null)),c=o=>Object.getPrototypeOf(o??0)===d?o:van.state(o);window.Await=({value:o,container:t=e,Loading:n,Error:s},r)=>{const i=van.state({status:"pending"});return o.then(o=>i.val={status:"fulfilled",value:o}).catch(o=>i.val={status:"rejected",value:o}),t(()=>"pending"===i.val.status?n?.()??"":"rejected"===i.val.status?s?.(i.val.value):r(i.val.value))},window.Modal=({closed:o,backgroundColor:t="rgba(0,0,0,.5)",blurBackground:n=!1,backgroundClass:s="",backgroundStyleOverrides:r={},modalClass:i="",modalStyleOverrides:a={}},...d)=>{const c={display:"flex","align-items":"center","justify-content":"center",left:0,right:0,top:0,bottom:0,position:"fixed","z-index":1e4,"background-color":t,"backdrop-filter":n?"blur(0.25rem)":"none",...r},u={"border-radius":"0.5rem",padding:"1rem",display:"block","background-color":"white",...a};return document.activeElement instanceof HTMLElement&&document.activeElement.blur(),()=>o.val?null:e({class:s,style:l(c)},e({class:i,style:l(u)},d))};let u=0;window.Tabs=({activeTab:t,resultClass:n="",style:s="",tabButtonRowColor:r="#f1f1f1",tabButtonBorderStyle:i="1px solid #000",tabButtonHoverColor:a="#ddd",tabButtonActiveColor:d="#ccc",transitionSec:c=.3,tabButtonRowClass:b="",tabButtonRowStyleOverrides:v={},tabButtonClass:p="",tabButtonStyleOverrides:w={},tabContentClass:m="",tabContentStyleOverrides:h={}},g)=>{const y=t??van.state(Object.keys(g)[0]),f=l({overflow:"hidden","background-color":r,...v}),x=l({float:"left",border:"none","border-right":i,outline:"none",cursor:"pointer",padding:"8px 16px",transition:`background-color ${c}s`,...w}),C=l({padding:"6px 12px","border-top":"none",...h}),k="vanui-tabs-"+ ++u;return document.head.appendChild(van.tags.style(`#${k} .vanui-tab-button { background-color: inherit }\n  #${k} .vanui-tab-button:hover { background-color: ${a} }\n  #${k} .vanui-tab-button.active { background-color: ${d} }`)),e({id:k,class:n,style:s},e({class:b,style:f},Object.keys(g).map(e=>o({class:()=>["vanui-tab-button"].concat(p||[],e===y.val?"active":[]).join(" "),style:x,onclick:()=>y.val=e},e))),Object.entries(g).map(([o,t])=>e({class:m,style:()=>`display: ${o===y.val?"block":"none"}; ${C}`},t)))},window.Toggle=({on:o=!1,size:e=1,cursor:t="pointer",offColor:i="#ccc",onColor:a="#2196F3",circleColor:d="white",toggleClass:u="",toggleStyleOverrides:b={},sliderClass:v="",sliderStyleOverrides:p={},circleClass:w="",circleStyleOverrides:m={},circleWhenOnStyleOverrides:h={}})=>{const g=c(o),y=l({position:"relative",display:"inline-block",width:1.76*e+"rem",height:e+"rem",cursor:t,...b}),f=l({opacity:0,width:0,height:0,position:"absolute","z-index":1e4}),x=l({position:"absolute",top:0,left:0,right:0,bottom:0,transition:".4s","border-radius":e+"rem",...p}),C=l({position:"absolute",height:.76*e+"rem",width:.76*e+"rem",left:.12*e+"rem",bottom:.12*e+"rem","background-color":d,transition:".4s","border-radius":"50%",...m}),k=l({transform:`translateX(${.76*e}rem)`,...h});return s({class:u,style:y},n({type:"checkbox",style:f,checked:g,oninput:o=>g.val=o.target.checked}),r({class:v,style:()=>`${x}; background-color: ${g.val?a:i};`},r({class:w,style:()=>C+(g.val?k:"")})))},window.MessageBoard=class{o;t;i;l;u;v;constructor({top:o="unset",bottom:t="unset",backgroundColor:n="#333D",fontColor:s="white",fadeOutSec:r=.3,boardClass:i="",boardStyleOverrides:a={},messageClass:d="",messageStyleOverrides:c={},closerClass:u="",closerStyleOverrides:b={}},v=document.body){const p=l({display:"flex","flex-direction":"column","align-items":"center",position:"fixed",top:o,bottom:t,left:"50%",transform:"translateX(-50%)","z-index":1e4,...a});this.o=r,this.t=d,this.i=l({display:"flex","background-color":n,color:s,padding:"15px","margin-bottom":"10px","border-radius":"5px",transition:`opacity ${r}s, transform ${r}s`,...c}),this.l=u,this.u=l({display:"flex","align-items":"center","margin-left":"10px",cursor:"pointer",...b}),v.appendChild(this.v=e({class:i,style:p}))}show({message:o,closer:t,durationSec:n,closed:s=van.state(!1)}){const r=van.state(!1);van.derive(()=>setTimeout(o=>r.val=o,1e3*this.o,s.val));const i=e({class:this.t,style:this.i},e(o),t?e({class:this.l,style:this.u,onclick:()=>s.val=!0},t):null);return van.derive(()=>s.val&&(i.style.opacity="0",i.style.transform="translateY(-20px)")),n&&setTimeout(()=>s.val=!0,1e3*n),van.add(this.v,()=>r.val?null:i),i}remove(){this.v.remove()}},window.Tooltip=({text:o,show:t,width:n="200px",backgroundColor:s="#333D",fontColor:i="white",fadeInSec:a=.3,tooltipClass:d="",tooltipStyleOverrides:c={},triangleClass:u="",triangleStyleOverrides:b={}})=>{const v=l({width:n,visibility:"hidden","background-color":s,color:i,"text-align":"center",padding:"5px","border-radius":"5px",position:"absolute","z-index":1,bottom:"125%",left:"50%",transform:"translateX(-50%)",opacity:0,transition:`opacity ${a}s`,...c}),p=l({width:0,height:0,"margin-left":"-5px","border-left":"5px solid transparent","border-right":"5px solid transparent","border-top":"5px solid #333",position:"absolute",bottom:"-5px",left:"50%",...b}),w=r({class:d,style:v},o,e({class:u,style:p}));return van.derive(()=>t.val?(w.style.opacity="1",w.style.visibility="visible"):(w.style.opacity="0",w.style.visibility="hidden")),w};let b=0;window.OptionGroup=({selected:t,normalColor:n="#e2eef7",hoverColor:s="#c1d4e9",selectedColor:r="#90b6d9",selectedHoverColor:i="#7fa5c8",fontColor:a="black",transitionSec:d=.3,optionGroupClass:c="",optionGroupStyleOverrides:u={},optionClass:v="",optionStyleOverrides:p={}},w)=>{const m=l({display:"flex",...u}),h=l({padding:"10px 20px",border:"none",color:a,cursor:"pointer",outline:"none",transition:`background-color ${d}s`,...p}),g="vanui-option-group-"+ ++b;return document.head.appendChild(van.tags.style(`#${g} .vanui-button { background-color: ${n} }\n  #${g} .vanui-button:hover { background-color: ${s} }\n  #${g} .vanui-button.selected { background-color: ${r} }\n  #${g} .vanui-button.selected:hover { background-color: ${i} }`)),e({id:g,class:c,style:m},w.map(e=>o({class:()=>["vanui-button"].concat(v||[],e===t.val?"selected":[]).join(" "),style:h,onclick:()=>t.val=e},e)))},window.Banner=({backgroundColor:o="#fff1a8",fontColor:e="currentcolor",sticky:n=!1,bannerClass:s="",bannerStyleOverrides:r={}},...i)=>{const a=l({"background-color":o,color:e,top:0,position:n?"sticky":"static","z-index":10,...r});return t({class:s,style:a},i)};let v=0;window.topMostZIndex=()=>++v,window.FloatingWindow=({title:o,closed:n=van.state(!1),x:s=100,y:d=100,width:u=300,height:b=200,closeCross:v="×",customStacking:p=!1,zIndex:w=1,disableMove:m=!1,disableResize:h=!1,headerColor:g="lightgray",windowClass:y="",windowStyleOverrides:f={},headerClass:x="",headerStyleOverrides:C={},childrenContainerClass:k="",childrenContainerStyleOverrides:O={},crossClass:S="",crossStyleOverrides:$={},crossHoverClass:z="",crossHoverStyleOverrides:j={}},...B)=>{const M=c(s),T=c(d),_=c(u),H=c(b),A=c(w);p||(A.val=topMostZIndex());const E=van.state(!1),F=van.state(null),I=van.state(0),R=van.state(0),D=van.state(0),X=van.state(0),G=z||Object.keys(j)?van.state(!1):null,L=o=>{0===o.button&&(E.val=!0,I.val=o.clientX,R.val=o.clientY,document.body.style.userSelect="none")},P=o=>e=>{F.val=o,I.val=e.clientX,R.val=e.clientY,D.val=_.val,X.val=H.val,document.body.style.userSelect="none"};document.addEventListener("mousemove",o=>{if(E.val)M.val+=o.clientX-I.val,T.val+=o.clientY-R.val,I.val=o.clientX,R.val=o.clientY;else if(F.val){const e=o.clientX-I.val,t=o.clientY-R.val;F.val.includes("right")&&(_.val=D.val+e),F.val.includes("bottom")&&(H.val=X.val+t)}}),document.addEventListener("mouseup",()=>{E.val=!1,F.val=null,document.body.style.userSelect=""});const Z="transparent";if(!document.getElementById("vanui-window-style")){const o=i({type:"text/css",id:"vanui-window-style"},a({".vanui-window":{position:"fixed","background-color":"white",border:"1px solid black","border-radius":"0.5rem",overflow:"hidden"},".vanui-window-dragarea":{cursor:"move",position:"absolute",left:"0",top:"0",width:"100%",height:"1rem"},".vanui-window-resize-right":{cursor:"e-resize",position:"absolute",right:"0",top:"0",width:"10px",height:"100%","background-color":Z},".vanui-window-resize-bottom":{cursor:"s-resize",position:"absolute",left:"0",bottom:"0",width:"100%",height:"10px","background-color":Z},".vanui-window-resize-rightbottom":{cursor:"se-resize",position:"absolute",right:"0",bottom:"0",width:"10px",height:"10px","background-color":Z},".vanui-window-header":{cursor:"move","user-select":"none",display:"flex","justify-content":"space-between","align-items":"center",padding:"0.5rem"},".vanui-window-cross":{cursor:"pointer","font-family":"Arial",transition:"background-color 0.3s, color 0.3s","border-radius":"50%",width:"24px",height:"24px",display:"flex","align-items":"center","justify-content":"center"},".vanui-window-cross:hover":{"background-color":"red",color:"white"},".vanui-window-children":{padding:"0.5rem"}}));document.head.appendChild(o)}return()=>n.val?null:e({class:["vanui-window"].concat(y||[]).join(" "),style:()=>l({left:`${M.val}px`,top:`${T.val}px`,width:`${_.val}px`,height:`${H.val}px`,"z-index":A.val,...f}),...p?{}:{onmousedown:()=>A.val=topMostZIndex()}},o?t({class:["vanui-window-header"].concat(x||[]).join(" "),style:l({"background-color":g,...m?{cursor:"auto"}:{},...C}),...m?{}:{onmousedown:L}},o,v?r({class:()=>["vanui-window-cross"].concat(S||[]).concat(z&&G.val?z:[]).join(" "),style:()=>l({...$,...Object.keys(j).length&&G.val?j:{}}),onclick:()=>n.val=!0,...G?{onmouseenter:()=>G.val=!0,onmouseleave:()=>G.val=!1}:{}},v):null):m?null:e({class:"vanui-window-dragarea",onmousedown:L}),h?[]:[e({class:"vanui-window-resize-right",onmousedown:P("right")}),e({class:"vanui-window-resize-bottom",onmousedown:P("bottom")}),e({class:"vanui-window-resize-rightbottom",onmousedown:P("rightbottom")})],e({class:["vanui-window-children"].concat(k||[]).join(" "),style:l(O)},B))},window.choose=({label:o,options:t,showTextFilter:s=!1,selectedColor:r="#f5f5f5",customModalProps:i={},textFilterClass:a="",textFilterStyleOverrides:d={},optionsContainerClass:c="",optionsContainerStyleOverrides:u={},optionClass:b="",optionStyleOverrides:v={},selectedClass:p="",selectedStyleOverrides:w={}})=>{const m=van.state(!1),{modalStyleOverrides:h,...g}=i,y={closed:m,modalStyleOverrides:{display:"flex","flex-direction":"column",...h},...g},f=van.state(""),x=van.derive(()=>t.filter(o=>o.toLocaleLowerCase().includes(f.val.toLocaleLowerCase()))),C=van.derive(()=>(f.val,0));let k;const O=new Promise(o=>k=o),S={width:"98%","margin-top":"0.5rem","margin-bottom":"0.5rem",...d},$={"overflow-y":"auto","flex-grow":1,...u},z=s?n({type:"text",class:a,style:l(S),oninput:o=>f.val=o.target.value}):null,j={padding:"0.5rem",...v},B={"background-color":r,...w};van.add(document.head,()=>m.val?null:van.tags.style(`.vanui-choose-selected, .vanui-choose-option:hover { ${l(B)} }`)),van.add(document.body,Modal(y,e(o),s?e(z):null,()=>e({class:c,style:l($)},x.val.map((o,t)=>e({class:()=>["vanui-choose-option"].concat(b||[],t===C.val?"vanui-choose-selected":[],t===C.val&&p?p:[]).join(" "),style:l(j),onclick:()=>(k(o),m.val=!0)},o))))),z?.focus(),van.derive(()=>{C.val,setTimeout(()=>document.querySelector(".vanui-choose-selected")?.scrollIntoView(!1),10)});const M=o=>{"Enter"===o.key&&C.val<x.val.length?(k(x.val[C.val]),m.val=!0):"Escape"===o.key?(k(null),m.val=!0):"ArrowDown"===o.key?C.val=C.val+1<x.val.length?C.val+1:0:"ArrowUp"===o.key&&(C.val=C.val>0?C.val-1:x.val.length-1)};return document.addEventListener("keydown",M),van.derive(()=>m.val&&document.removeEventListener("keydown",M)),O}}
\ No newline at end of file
diff --git a/components/examples/await/package-lock.json b/components/examples/await/package-lock.json
index 03f0f1cd..01fe67f8 100644
--- a/components/examples/await/package-lock.json
+++ b/components/examples/await/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.2.tgz",
-      "integrity": "sha512-CJouHoZ27v6siztc21eEQGo0kIcE5D1gVPA571ez0mMYb25LGYGKnVNXpEj5MGlepmDWGXNjDB5q7uNiPHC11A==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/await/package.json b/components/examples/await/package.json
index 015e7d3e..8761dae6 100644
--- a/components/examples/await/package.json
+++ b/components/examples/await/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/banner/package-lock.json b/components/examples/banner/package-lock.json
index 75c2ccd7..867c5bda 100644
--- a/components/examples/banner/package-lock.json
+++ b/components/examples/banner/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.2.tgz",
-      "integrity": "sha512-CJouHoZ27v6siztc21eEQGo0kIcE5D1gVPA571ez0mMYb25LGYGKnVNXpEj5MGlepmDWGXNjDB5q7uNiPHC11A==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/banner/package.json b/components/examples/banner/package.json
index a0839a0d..570b15b4 100644
--- a/components/examples/banner/package.json
+++ b/components/examples/banner/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/choose/package-lock.json b/components/examples/choose/package-lock.json
index f3f08e09..43ad3e0e 100644
--- a/components/examples/choose/package-lock.json
+++ b/components/examples/choose/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -678,9 +678,9 @@
       "license": "MIT"
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
diff --git a/components/examples/choose/package.json b/components/examples/choose/package.json
index 5af309a5..c5d4a032 100644
--- a/components/examples/choose/package.json
+++ b/components/examples/choose/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/choose/src/main.ts b/components/examples/choose/src/main.ts
index bf7d4851..76fffe73 100644
--- a/components/examples/choose/src/main.ts
+++ b/components/examples/choose/src/main.ts
@@ -4,15 +4,15 @@ import { choose } from "vanjs-ui"
 const {b, button, code, div, h1, p} = van.tags
 
 const example1 = async () => {
-  const selected = await choose({
+  const choice = await choose({
     label: "Choose a color:",
     options: ["Red", "Green", "Blue"],
   })
-  selected && van.add(document.body, div("You chose: ", b(selected)))
+  choice && van.add(document.body, div("You chose: ", b(choice)))
 }
 
 const example2 = async () => {
-  const selected = await choose({
+  const choice = await choose({
     label: "Choose a South American country:",
     options: [
       "🇦🇷 Argentina", "🇧🇴 Bolivia", "🇧🇷 Brazil", "🇨🇱 Chile", "🇨🇴 Colombia", "🇪🇨 Ecuador",
@@ -26,7 +26,7 @@ const example2 = async () => {
     selectedColor: "blue",
     selectedStyleOverrides: {color: "white"},
   })
-  selected && van.add(document.body, div("You chose: ", b(selected)))
+  choice && van.add(document.body, div("You chose: ", b(choice)))
 }
 
 const ModalDemo = () => {
diff --git a/components/examples/message/package-lock.json b/components/examples/message/package-lock.json
index bb799742..435cd69b 100644
--- a/components/examples/message/package-lock.json
+++ b/components/examples/message/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.28.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.1.tgz",
-      "integrity": "sha512-R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/message/package.json b/components/examples/message/package.json
index 7a1596f8..59b6596a 100644
--- a/components/examples/message/package.json
+++ b/components/examples/message/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/modal/package-lock.json b/components/examples/modal/package-lock.json
index 230f34ca..5cd866c1 100644
--- a/components/examples/modal/package-lock.json
+++ b/components/examples/modal/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.27.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.27.2.tgz",
-      "integrity": "sha512-YGwmHf7h2oUHkVBT248x0yt6vZkYQ3/rvE5iQuVBh3WO8GcJ6BNeOkpoX1yMHIiBm18EMLjBPIoUDkhgnyxGOQ==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/modal/package.json b/components/examples/modal/package.json
index c2cb1189..29d16f3a 100644
--- a/components/examples/modal/package.json
+++ b/components/examples/modal/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/option-group/package-lock.json b/components/examples/option-group/package-lock.json
index 0d2c33ec..87d5981a 100644
--- a/components/examples/option-group/package-lock.json
+++ b/components/examples/option-group/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.28.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.0.tgz",
-      "integrity": "sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/option-group/package.json b/components/examples/option-group/package.json
index b2404c06..9e7c055d 100644
--- a/components/examples/option-group/package.json
+++ b/components/examples/option-group/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/tabs/package-lock.json b/components/examples/tabs/package-lock.json
index 1b433ddc..ec94d943 100644
--- a/components/examples/tabs/package-lock.json
+++ b/components/examples/tabs/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.27.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.27.2.tgz",
-      "integrity": "sha512-YGwmHf7h2oUHkVBT248x0yt6vZkYQ3/rvE5iQuVBh3WO8GcJ6BNeOkpoX1yMHIiBm18EMLjBPIoUDkhgnyxGOQ==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/tabs/package.json b/components/examples/tabs/package.json
index 7eca6338..ed5ed33c 100644
--- a/components/examples/tabs/package.json
+++ b/components/examples/tabs/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/toggle/package-lock.json b/components/examples/toggle/package-lock.json
index 50c9c2c9..39ee0e0b 100644
--- a/components/examples/toggle/package-lock.json
+++ b/components/examples/toggle/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/toggle/package.json b/components/examples/toggle/package.json
index b67cfb33..7bf212f3 100644
--- a/components/examples/toggle/package.json
+++ b/components/examples/toggle/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/tooltip/package-lock.json b/components/examples/tooltip/package-lock.json
index 3909de3a..7afe25d5 100644
--- a/components/examples/tooltip/package-lock.json
+++ b/components/examples/tooltip/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.28.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.0.tgz",
-      "integrity": "sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/tooltip/package.json b/components/examples/tooltip/package.json
index 5ea35440..83def3c1 100644
--- a/components/examples/tooltip/package.json
+++ b/components/examples/tooltip/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/examples/window/package-lock.json b/components/examples/window/package-lock.json
index 7942c35f..04b6281e 100644
--- a/components/examples/window/package-lock.json
+++ b/components/examples/window/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "vanjs-core": "^1.5.2",
-        "vanjs-ui": "^0.11.3"
+        "vanjs-ui": "^0.11.4"
       },
       "devDependencies": {
         "terser": "^5.19.2",
@@ -555,9 +555,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -635,17 +635,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "node_modules/vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "dependencies": {
         "vanjs-core": "^1.5.2"
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
@@ -981,9 +981,9 @@
       }
     },
     "rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -1035,17 +1035,17 @@
       "integrity": "sha512-z9MHAzxYbNFJ6MYP+4j9l9KMxDU3ryI65JjIfUbGQwF1paLfiuqtIiq9Ve1UGKLd774Z7mtdWzd+/FR785dKjQ=="
     },
     "vanjs-ui": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.3.tgz",
-      "integrity": "sha512-gSbDapgufTNEZ8GKpJSi4eBeiYE/51ontGplvkhh0jqAOIFF5ZEGo9xstoDouNG7HEN/JOOsAM0ENsmiL/kL3A==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vanjs-ui/-/vanjs-ui-0.11.4.tgz",
+      "integrity": "sha512-JoZfgvQ5PSO+8yU/mF9OyJfal8oOZ9h0K9aonUcsYBdHUw/BtIc0979wRIstBznK7rgTfrzCW+HjA2cTYJZBVQ==",
       "requires": {
         "vanjs-core": "^1.5.2"
       }
     },
     "vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dev": true,
       "requires": {
         "esbuild": "^0.18.10",
diff --git a/components/examples/window/package.json b/components/examples/window/package.json
index 34e3e44f..f3b2e2f1 100644
--- a/components/examples/window/package.json
+++ b/components/examples/window/package.json
@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.3"
+    "vanjs-ui": "^0.11.4"
   }
 }
diff --git a/components/package-lock.json b/components/package-lock.json
index 0518abd9..514d7702 100644
--- a/components/package-lock.json
+++ b/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "vanjs-ui",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vanjs-ui",
-      "version": "0.11.3",
+      "version": "0.11.4",
       "license": "MIT",
       "dependencies": {
         "vanjs-core": "^1.5.2"
@@ -205,9 +205,9 @@
       "dev": true
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
       "dependencies": {
         "path-key": "^3.1.0",
diff --git a/components/package.json b/components/package.json
index b7436f65..2a42aa27 100644
--- a/components/package.json
+++ b/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vanjs-ui",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "description": "A collection of grab-n-go reusable UI components for VanJS",
   "files": [
     "dist/van-ui.js",
diff --git a/components/scripts/update-all.sh b/components/scripts/update-all.sh
index 39c01e4e..57753b7a 100644
--- a/components/scripts/update-all.sh
+++ b/components/scripts/update-all.sh
@@ -1,6 +1,7 @@
 set -e
 
 npm prune
+npm audit fix
 
 VER=$(node_modules/node-jq/bin/jq -r '.version' package.json)
 
@@ -8,4 +9,5 @@ for d in $(ls examples); do(
   cd examples/$d
   deno run --allow-read --allow-write ../../scripts/upgrade-dep-version.ts package.json vanjs-ui $VER
   npm prune
+  npm audit fix
 )done
diff --git a/components/van-ui.ts b/components/van-ui.ts
index af6b4043..a0d346f8 100644
--- a/components/van-ui.ts
+++ b/components/van-ui.ts
@@ -809,8 +809,6 @@ export interface ChooseProps {
   readonly selectedStyleOverrides?: CSSPropertyBag
 }
 
-let chooseId = 0
-
 export const choose = (
   {
     label,
@@ -827,7 +825,7 @@ export const choose = (
     selectedClass = "",
     selectedStyleOverrides = {},
   }: ChooseProps
-): Promise<string | undefined> => {
+): Promise<string | null> => {
   const closed = van.state(false)
   const {modalStyleOverrides, ...otherModalProps} = customModalProps
   const modalProps: ModalProps = {
@@ -845,8 +843,8 @@ export const choose = (
     options.filter(o => o.toLocaleLowerCase().includes(query.val.toLocaleLowerCase())))
   const index = van.derive(() => (query.val, 0));
 
-  let resolve: (selected: string | undefined) => void
-  const res = new Promise<string | undefined>(r => resolve = r)
+  let resolve: (selected: string | null) => void
+  const res = new Promise<string | null>(r => resolve = r)
 
   const textFilterStyle = {
     width: "98%",
@@ -865,7 +863,7 @@ export const choose = (
     class: textFilterClass,
     style: toStyleStr(textFilterStyle),
     oninput: e => query.val = e.target.value
-  }) : undefined
+  }) : null
 
   const optionStyle = {
     padding: "0.5rem",
@@ -877,16 +875,15 @@ export const choose = (
     ...selectedStyleOverrides,
   }
 
-  const id = "vanui-choose-" + (++chooseId)
-  document.head.appendChild(
+  van.add(document.head, () => closed.val ? null :
     van.tags["style"](
-      `#${id} .vanui-choose-selected, #${id} .vanui-choose-option:hover { ${toStyleStr(selectedStyle)} }`)
+      `.vanui-choose-selected, .vanui-choose-option:hover { ${toStyleStr(selectedStyle)} }`)
   )
 
   van.add(document.body, Modal(modalProps,
     div(label),
-    showTextFilter ? div(textFilterDom) : undefined,
-    () => div({id, class: optionsContainerClass, style: toStyleStr(optionsContainerStyle)},
+    showTextFilter ? div(textFilterDom) : null,
+    () => div({class: optionsContainerClass, style: toStyleStr(optionsContainerStyle)},
       filtered.val.map((o, i) => div({
         class: () => ["vanui-choose-option"].concat(
           optionClass ? optionClass : [],
@@ -902,7 +899,7 @@ export const choose = (
 
   van.derive(() => {
     index.val
-    setTimeout(() => document.querySelector(`#${id} .vanui-choose-selected`)?.scrollIntoView(false), 10)
+    setTimeout(() => document.querySelector(".vanui-choose-selected")?.scrollIntoView(false), 10)
   })
 
   const navByKey = (e: KeyboardEvent) => {
@@ -910,7 +907,7 @@ export const choose = (
       resolve(filtered.val[index.val])
       closed.val = true
     } else if (e.key === "Escape") {
-      resolve(undefined)
+      resolve(null)
       closed.val = true
     } else if (e.key === "ArrowDown")
       index.val = index.val + 1 < filtered.val.length ? index.val + 1 : 0;