@vonage/vivid 5.24.0 → 5.25.0

package/empty-state/index.js

@@ -3,13 +3,14 @@ import { t as o } from "../bundled/slotted.js";
 import { t as s } from "../bundled/when.js";
 import { t as c } from "../bundled/decorate.js";
 import { t as l } from "../bundled/class-names.js";
-import { r as u, t as d } from "../bundled/definition3.js";
+import { t as u } from "../bundled/definition3.js";
+import { t as d } from "../bundled/icon.js";
 //#region src/lib/empty-state/empty-state.scss?inline
 var f = ":host{display:block}.base.connotation-cta{--_connotation-color-firm-all:var(--vvd-empty-state-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-dim:var(--vvd-empty-state-cta-dim,var(--vvd-color-cta-200));--_connotation-color-faint:var(--vvd-empty-state-cta-faint,var(--vvd-color-cta-50));--_connotation-color-primary:var(--vvd-empty-state-cta-primary,var(--vvd-color-cta-500))}.base.connotation-success{--_connotation-color-firm-all:var(--vvd-empty-state-success-firm-all,var(--vvd-color-success-600));--_connotation-color-dim:var(--vvd-empty-state-success-dim,var(--vvd-color-success-200));--_connotation-color-faint:var(--vvd-empty-state-success-faint,var(--vvd-color-success-50));--_connotation-color-primary:var(--vvd-empty-state-success-primary,var(--vvd-color-success-500))}.base.connotation-alert{--_connotation-color-firm-all:var(--vvd-empty-state-alert-firm-all,var(--vvd-color-alert-600));--_connotation-color-dim:var(--vvd-empty-state-alert-dim,var(--vvd-color-alert-200));--_connotation-color-faint:var(--vvd-empty-state-alert-faint,var(--vvd-color-alert-50));--_connotation-color-primary:var(--vvd-empty-state-alert-primary,var(--vvd-color-alert-500))}.base.connotation-warning{--_connotation-color-firm-all:var(--vvd-empty-state-warning-firm-all,var(--vvd-color-warning-600));--_connotation-color-dim:var(--vvd-empty-state-warning-dim,var(--vvd-color-warning-200));--_connotation-color-faint:var(--vvd-empty-state-warning-faint,var(--vvd-color-warning-50));--_connotation-color-primary:var(--vvd-empty-state-warning-primary,var(--vvd-color-warning-300))}.base.connotation-information{--_connotation-color-firm-all:var(--vvd-empty-state-information-firm-all,var(--vvd-color-information-600));--_connotation-color-dim:var(--vvd-empty-state-information-dim,var(--vvd-color-information-200));--_connotation-color-faint:var(--vvd-empty-state-information-faint,var(--vvd-color-information-50));--_connotation-color-primary:var(--vvd-empty-state-information-primary,var(--vvd-color-information-500))}.base.connotation-announcement{--_connotation-color-firm-all:var(--vvd-empty-state-announcement-firm-all,var(--vvd-color-announcement-600));--_connotation-color-dim:var(--vvd-empty-state-announcement-dim,var(--vvd-color-announcement-200));--_connotation-color-faint:var(--vvd-empty-state-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-primary:var(--vvd-empty-state-announcement-primary,var(--vvd-color-announcement-500))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-firm-all:var(--vvd-empty-state-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-dim:var(--vvd-empty-state-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-faint:var(--vvd-empty-state-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-primary:var(--vvd-empty-state-accent-primary,var(--vvd-color-canvas-text))}.base{--_empty-state-icon-container:120px;--_empty-state-icon-background:var(--_connotation-color-faint);--_empty-state-icon-font-size:52px;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:24px;block-size:100%;display:flex}.icon-container{background-color:var(--_empty-state-icon-background);block-size:var(--_empty-state-icon-container);box-shadow:inset 0 0 0 21px color-mix(in sRGB, var(--_connotation-color-primary), transparent 90%);font-size:var(--_empty-state-icon-font-size);inline-size:var(--_empty-state-icon-container);--_empty-state-icon-background:transparent;--_empty-state-icon-font-size:40px;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-container .icon{border:1px solid var(--_connotation-color-dim);border-radius:inherit;color:var(--_connotation-color-firm-all);padding:19px}.content{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-align:center;flex-direction:column;gap:8px;display:flex}header{color:var(--_connotation-color-firm-all);font:var(--vvd-typography-base-extended-bold)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.base.no-actions .actions{display:none}", p = class extends i {};
 //#endregion
 //#region src/lib/empty-state/index.ts
 c([n], p.prototype, "connotation", void 0), c([n], p.prototype, "headline", void 0), c([n], p.prototype, "icon", void 0), c([n({ attribute: "icon-decoration" })], p.prototype, "iconDecoration", void 0), c([e], p.prototype, "slottedActionItems", void 0), t(a("empty-state", p, (e) => {
-	let t = e.tagFor(u);
+	let t = e.tagFor(d);
 	return r` <div
 		class="${(e) => l("base", [`connotation-${e.connotation}`, !!e.connotation], ["no-actions", e.slottedActionItems?.length === 0])}"
 		aria-labelledby="${(e) => e.headline ? "empty-state-headline" : null}"
@@ -29,5 +30,5 @@ c([n], p.prototype, "connotation", void 0), c([n], p.prototype, "headline", void
 			<slot name="action-items" ${o("slottedActionItems")}></slot>
 		</div>
 	</div>`;
-}, [d], { styles: f }))();
+}, [u], { styles: f }))();
 //#endregion

package/file-picker/index.cjs

@@ -1,5 +1,5 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/ref.cjs`),a=require(`../bundled/when.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition3.cjs`),l=require(`../bundled/delegates-aria.cjs`),u=require(`../bundled/form-associated.cjs`),d=require(`../bundled/definition6.cjs`),f=require(`../bundled/mixins.cjs`),p=require(`../bundled/form-element.cjs`),m=require(`../bundled/with-contextual-help.cjs`),h=require(`../bundled/with-error-text.cjs`);var g=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{max-inline-size:400px;display:block}:host([disabled]){cursor:not-allowed}.base{block-size:inherit;max-block-size:inherit;--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;display:flex}.control-wrapper{block-size:inherit;max-block-size:inherit;flex-direction:column;gap:4px;display:flex}.control{box-sizing:border-box;border:1px dashed var(--vvd-color-neutral-400);background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);border-radius:8px;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-block-size:52px;inline-size:100%;padding:16px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.control{transition:all .3s}}.control .upload-text{color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.control .upload-text{transition:all .3s}}.control.disabled{border-color:var(--vvd-color-neutral-300);background-color:var(--vvd-color-neutral-100);box-shadow:none;color:var(--vvd-color-neutral-300);pointer-events:none;transform:none}.control.disabled .upload-text{color:var(--vvd-color-neutral-300)}@media (hover:hover){.control:hover .upload-text{color:var(--vvd-color-neutral-800)}}.control.drag-hover .upload-text{color:var(--vvd-color-neutral-800)}.control:not(.size-expanded){min-block-size:52px}.control.size-expanded{min-block-size:120px}.control:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.control:active,.control:focus-visible{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}}.control:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.control.drag-hover{border-color:var(--vvd-color-cta-200);background-color:var(--vvd-color-cta-200);outline:2px dashed var(--vvd-color-cta-500);transform:scale(1.02)}.upload-icon{color:var(--vvd-color-cta-600);pointer-events:none}@media (prefers-reduced-motion:no-preference){.upload-icon{transition:all .3s;animation:2s ease-in-out infinite subtle-pulse}}@media (hover:hover){.control:hover .upload-icon{color:var(--vvd-color-cta-700);animation:none;transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{color:var(--vvd-color-neutral-800);animation:none;transform:scale(1.15)}.control.disabled .upload-icon{color:var(--vvd-color-neutral-300);animation:none}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.main{pointer-events:none}.preview{box-sizing:border-box;border:1px solid var(--vvd-color-neutral-300);background-color:var(--file-picker-list-item-background-color,var(--vvd-color-canvas));border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;inline-size:100%;padding:8px;display:grid}.preview .details{min-width:0;flex-direction:column;max-inline-size:100%;display:flex}.preview .details .filename{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);align-items:center;gap:4px;margin-block-start:4px;display:flex}.preview:not(.has-error) .error-message{display:none}.preview.has-error{border:1px solid var(--vvd-color-alert-500);background-color:var(--vvd-color-alert-50)}.preview.has-error .size{display:none}.preview .remove-btn{grid-area:1/2/-1/-1;align-self:center;display:inline}.preview-list{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in sRGB, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.preview-list ::-webkit-scrollbar{width:4px}.preview-list ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.preview-list ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.preview-list{flex-direction:column;gap:12px;margin-block-start:12px;display:flex;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}`;async function _(e){return e.items?.[0]?.webkitGetAsEntry==null?Array.from(e.files):await v(e.items)}async function v(e){let t=[];for(let n of e){let e=n.getAsFile();if(e)t.push(Promise.resolve([e]));else{let e=n.webkitGetAsEntry();e&&t.push(y(e,!1))}}return(await Promise.all(t)).flat()}var y=(e,t)=>{let n=e.isFile?(e=>new Promise((n,r)=>{e.file(e=>{t&&e.name.substring(0,1)===`.`?n([]):n([e])},r)}))(e):e.isDirectory?b(e):Promise.resolve([]);return n.catch(()=>null),n},b=async e=>new Promise((t,n)=>{let r=[],i=e.createReader(),a=()=>{i.readEntries(e=>{for(let t of e)r.push(y(t,!0));e.length?a():t(Promise.all(r).then(e=>e.flat()))},n)};a()});function x(e,t){if(!t)return!0;let n=t.split(`,`),r=e=>/\/\*$/.test(e),i=e=>e.replace(/\/.*$/,``);for(let t of n)if(t=t.trim(),t.charAt(0)===`.`){if(e.name.toLowerCase().endsWith(t.toLowerCase()))return!0}else if(r(t)){if(i(e.type)===i(t))return!0}else if(e.type===t)return!0;return!1}var S=class extends m.t(f.t(h.t(p.t(l.t(e.t(u.n(t.t))))))){constructor(...e){super(...e),this.singleFile=!1,this.maxFiles=null,this.maxFileSize=256,this.valueChanged=(e,t)=>{super.valueChanged(e,t),t===``&&this.files.length&&this.removeAllFiles()},this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{typeof e!=`string`&&super.setFormValue(e,t)},this._customValidationError=null,this.#r={handleChange:()=>{this._customValidationError=this.#i.observe(this,t.O.default)}},this._dragHover=!1,this._allFiles=[]}nameChanged(e,t){super.nameChanged(e,t),this.#e()}#e(){let e=this.files;if(!this.name)this.setFormValue(null);else{let t=new FormData;for(let n of e)t.append(this.name,n);this.setFormValue(t)}this.#t()}#t(){this.value=this.files.length>0?`C:\\fakepath\\${this.files[0].name}`:``}validate(){super.validate(this.control)}formResetCallback(){this.removeAllFiles(),super.formResetCallback()}#n(){return this.rejectedFiles.length>0?this.locale.filePicker.invalidFilesError:null}_customValidationErrorChanged(){this.proxy&&this.proxy.setCustomValidity(this._customValidationError??``),this.validate()}#r;#i;#a(){this.#i=t.k.binding(()=>this.#n(),this.#r,!0),this.#r.handleChange()}#o(){this.#i.dispose()}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#o()}_onDragEnter(){return this.disabled||(this._dragHover=!0),!0}_onDragOver(e){if(this.disabled||!e.dataTransfer)return!0;let t=e.dataTransfer.effectAllowed;return e.dataTransfer.dropEffect=t===`move`||t===`linkMove`?`move`:`copy`,!1}_onDragLeave(e){return this.disabled||e.currentTarget===e.target&&(this._dragHover=!1),!0}_onDrop(e){return this.disabled||(this._dragHover=!1,!e.dataTransfer)?!0:(_(e.dataTransfer).then(e=>this.#s(e)).catch(e=>{console.error(e)}),!1)}_onDragEnd(){return this.disabled||(this._dragHover=!1),!0}_onControlClick(){this.disabled||this._hiddenInput.click()}_onRemoveFileClick(e){this.disabled||(this._allFiles=this._allFiles.filter(t=>t!==e),this.$emit(`change`))}_allFilesChanged(){this.#e()}#s(e){let t=Array.from(e).filter(e=>!this._allFiles.some(t=>t.name===e.name&&t.size===e.size));this.singleFile&&t.length>0?this._allFiles=[t[t.length-1]]:this._allFiles=[...this._allFiles,...t],this.$emit(`change`)}removeAllFiles(){this._allFiles=[]}get _validatedFiles(){let e=(e,t)=>this.maxFileSize&&e.size>this.maxFileSize*1024*1024?(this.fileTooBigError||this.locale.filePicker.fileTooBigError).replace(`{{filesize}}`,this._formatNumber(Math.round(e.size/1024/10.24)/100)).replace(`{{maxFilesize}}`,this._formatNumber(this.maxFileSize)):x(e,this.accept)?typeof this.maxFiles==`number`&&t>=this.maxFiles?(this.maxFilesExceededError||this.locale.filePicker.maxFilesExceededError).replace(`{{maxFiles}}`,String(this.maxFiles)):null:this.invalidFileTypeError||this.locale.filePicker.invalidFileTypeError,t=[],n=0;for(let r of this._allFiles){let i={file:r,validationError:e(r,n)};t.push(i),i.validationError||n++}return t}get files(){return this._validatedFiles.filter(e=>!e.validationError).map(e=>e.file)}get rejectedFiles(){return this._validatedFiles.filter(e=>!!e.validationError).map(e=>e.file)}_onHiddenInputChange(e){this.#s(this._hiddenInput.files),this._hiddenInput.value=``,e.stopPropagation()}_formatNumber(e){let t=String(e);return this.locale.common.useCommaAsDecimalSeparator?t.replace(`.`,`,`):t}};o.t([t.m({attribute:`single-file`,mode:`boolean`})],S.prototype,`singleFile`,void 0),o.t([t.m({attribute:`max-files`,converter:t.h,mode:`fromView`})],S.prototype,`maxFiles`,void 0),o.t([t.m({mode:`fromView`,attribute:`max-file-size`})],S.prototype,`maxFileSize`,void 0),o.t([t.m],S.prototype,`accept`,void 0),o.t([t.m],S.prototype,`size`,void 0),o.t([t.m({attribute:`invalid-file-type-error`})],S.prototype,`invalidFileTypeError`,void 0),o.t([t.m({attribute:`max-files-exceeded-error`})],S.prototype,`maxFilesExceededError`,void 0),o.t([t.m({attribute:`file-too-big-error`})],S.prototype,`fileTooBigError`,void 0),o.t([t.A],S.prototype,`_customValidationError`,void 0),o.t([t.A],S.prototype,`_dragHover`,void 0),o.t([t.A],S.prototype,`_allFiles`,void 0),o.t([t.j],S.prototype,`_validatedFiles`,null);var C=1e3,w={tb:`TB`,gb:`GB`,mb:`MB`,kb:`KB`,b:`b`},T=(e,n)=>{let r=0,i=`b`;if(n>0){let e=[`tb`,`gb`,`mb`,`kb`,`b`];for(let t=0;t<e.length;t++){let a=e[t];if(n>=C**(4-t)/10){r=n/C**(4-t),i=a;break}}r=Math.round(10*r)/10}return t.p`<strong>${e._formatNumber(r)}</strong>
-		${w[i]}`},E=t.u(`file-picker`,S,e=>{let o=e.tagFor(c.r),u=e.tagFor(d.i);return t.p`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/ref.cjs`),a=require(`../bundled/when.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition3.cjs`),l=require(`../bundled/icon.cjs`),u=require(`../bundled/delegates-aria.cjs`),d=require(`../bundled/form-associated.cjs`),f=require(`../bundled/definition6.cjs`),p=require(`../bundled/mixins.cjs`),m=require(`../bundled/form-element.cjs`),h=require(`../bundled/with-contextual-help.cjs`),g=require(`../bundled/with-error-text.cjs`);var _=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{max-inline-size:400px;display:block}:host([disabled]){cursor:not-allowed}.base{block-size:inherit;max-block-size:inherit;--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;display:flex}.control-wrapper{block-size:inherit;max-block-size:inherit;flex-direction:column;gap:4px;display:flex}.control{box-sizing:border-box;border:1px dashed var(--vvd-color-neutral-400);background-color:var(--vvd-color-cta-50);color:var(--vvd-color-neutral-600);cursor:pointer;font:var(--vvd-typography-base);border-radius:8px;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-block-size:52px;inline-size:100%;padding:16px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.control{transition:all .3s}}.control .upload-text{color:var(--vvd-color-neutral-600);isolation:isolate;pointer-events:none;text-align:center;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.control .upload-text{transition:all .3s}}.control.disabled{border-color:var(--vvd-color-neutral-300);background-color:var(--vvd-color-neutral-100);box-shadow:none;color:var(--vvd-color-neutral-300);pointer-events:none;transform:none}.control.disabled .upload-text{color:var(--vvd-color-neutral-300)}@media (hover:hover){.control:hover .upload-text{color:var(--vvd-color-neutral-800)}}.control.drag-hover .upload-text{color:var(--vvd-color-neutral-800)}.control:not(.size-expanded){min-block-size:52px}.control.size-expanded{min-block-size:120px}.control:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.control:active,.control:focus-visible{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (hover:hover){.control:hover{border-color:var(--vvd-color-cta-400);background-color:var(--vvd-color-cta-100);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}}.control:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.control.drag-hover{border-color:var(--vvd-color-cta-200);background-color:var(--vvd-color-cta-200);outline:2px dashed var(--vvd-color-cta-500);transform:scale(1.02)}.upload-icon{color:var(--vvd-color-cta-600);pointer-events:none}@media (prefers-reduced-motion:no-preference){.upload-icon{transition:all .3s;animation:2s ease-in-out infinite subtle-pulse}}@media (hover:hover){.control:hover .upload-icon{color:var(--vvd-color-cta-700);animation:none;transform:scale(1.1)}}.control:active .upload-icon{transform:scale(1.05)}.control.drag-hover .upload-icon{color:var(--vvd-color-neutral-800);animation:none;transform:scale(1.15)}.control.disabled .upload-icon{color:var(--vvd-color-neutral-300);animation:none}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.main{pointer-events:none}.preview{box-sizing:border-box;border:1px solid var(--vvd-color-neutral-300);background-color:var(--file-picker-list-item-background-color,var(--vvd-color-canvas));border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;inline-size:100%;padding:8px;display:grid}.preview .details{min-width:0;flex-direction:column;max-inline-size:100%;display:flex}.preview .details .filename{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview .details .size{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base-condensed)}.preview .error-message{color:var(--vvd-color-alert-600);font:var(--vvd-typography-base-condensed-bold);align-items:center;gap:4px;margin-block-start:4px;display:flex}.preview:not(.has-error) .error-message{display:none}.preview.has-error{border:1px solid var(--vvd-color-alert-500);background-color:var(--vvd-color-alert-50)}.preview.has-error .size{display:none}.preview .remove-btn{grid-area:1/2/-1/-1;align-self:center;display:inline}.preview-list{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in sRGB, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.preview-list ::-webkit-scrollbar{width:4px}.preview-list ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.preview-list ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.preview-list{flex-direction:column;gap:12px;margin-block-start:12px;display:flex;overflow-y:auto}.preview-list:not(:has(.preview)){display:none}.hidden-input{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}`;async function v(e){return e.items?.[0]?.webkitGetAsEntry==null?Array.from(e.files):await y(e.items)}async function y(e){let t=[];for(let n of e){let e=n.getAsFile();if(e)t.push(Promise.resolve([e]));else{let e=n.webkitGetAsEntry();e&&t.push(b(e,!1))}}return(await Promise.all(t)).flat()}var b=(e,t)=>{let n=e.isFile?(e=>new Promise((n,r)=>{e.file(e=>{t&&e.name.substring(0,1)===`.`?n([]):n([e])},r)}))(e):e.isDirectory?x(e):Promise.resolve([]);return n.catch(()=>null),n},x=async e=>new Promise((t,n)=>{let r=[],i=e.createReader(),a=()=>{i.readEntries(e=>{for(let t of e)r.push(b(t,!0));e.length?a():t(Promise.all(r).then(e=>e.flat()))},n)};a()});function S(e,t){if(!t)return!0;let n=t.split(`,`),r=e=>/\/\*$/.test(e),i=e=>e.replace(/\/.*$/,``);for(let t of n)if(t=t.trim(),t.charAt(0)===`.`){if(e.name.toLowerCase().endsWith(t.toLowerCase()))return!0}else if(r(t)){if(i(e.type)===i(t))return!0}else if(e.type===t)return!0;return!1}var C=class extends h.t(p.t(g.t(m.t(u.t(e.t(d.n(t.t))))))){constructor(...e){super(...e),this.singleFile=!1,this.maxFiles=null,this.maxFileSize=256,this.valueChanged=(e,t)=>{super.valueChanged(e,t),t===``&&this.files.length&&this.removeAllFiles()},this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{typeof e!=`string`&&super.setFormValue(e,t)},this._customValidationError=null,this.#r={handleChange:()=>{this._customValidationError=this.#i.observe(this,t.O.default)}},this._dragHover=!1,this._allFiles=[]}nameChanged(e,t){super.nameChanged(e,t),this.#e()}#e(){let e=this.files;if(!this.name)this.setFormValue(null);else{let t=new FormData;for(let n of e)t.append(this.name,n);this.setFormValue(t)}this.#t()}#t(){this.value=this.files.length>0?`C:\\fakepath\\${this.files[0].name}`:``}validate(){super.validate(this.control)}formResetCallback(){this.removeAllFiles(),super.formResetCallback()}#n(){return this.rejectedFiles.length>0?this.locale.filePicker.invalidFilesError:null}_customValidationErrorChanged(){this.proxy&&this.proxy.setCustomValidity(this._customValidationError??``),this.validate()}#r;#i;#a(){this.#i=t.k.binding(()=>this.#n(),this.#r,!0),this.#r.handleChange()}#o(){this.#i.dispose()}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#o()}_onDragEnter(){return this.disabled||(this._dragHover=!0),!0}_onDragOver(e){if(this.disabled||!e.dataTransfer)return!0;let t=e.dataTransfer.effectAllowed;return e.dataTransfer.dropEffect=t===`move`||t===`linkMove`?`move`:`copy`,!1}_onDragLeave(e){return this.disabled||e.currentTarget===e.target&&(this._dragHover=!1),!0}_onDrop(e){return this.disabled||(this._dragHover=!1,!e.dataTransfer)?!0:(v(e.dataTransfer).then(e=>this.#s(e)).catch(e=>{console.error(e)}),!1)}_onDragEnd(){return this.disabled||(this._dragHover=!1),!0}_onControlClick(){this.disabled||this._hiddenInput.click()}_onRemoveFileClick(e){this.disabled||(this._allFiles=this._allFiles.filter(t=>t!==e),this.$emit(`change`))}_allFilesChanged(){this.#e()}#s(e){let t=Array.from(e).filter(e=>!this._allFiles.some(t=>t.name===e.name&&t.size===e.size));this.singleFile&&t.length>0?this._allFiles=[t[t.length-1]]:this._allFiles=[...this._allFiles,...t],this.$emit(`change`)}removeAllFiles(){this._allFiles=[]}get _validatedFiles(){let e=(e,t)=>this.maxFileSize&&e.size>this.maxFileSize*1024*1024?(this.fileTooBigError||this.locale.filePicker.fileTooBigError).replace(`{{filesize}}`,this._formatNumber(Math.round(e.size/1024/10.24)/100)).replace(`{{maxFilesize}}`,this._formatNumber(this.maxFileSize)):S(e,this.accept)?typeof this.maxFiles==`number`&&t>=this.maxFiles?(this.maxFilesExceededError||this.locale.filePicker.maxFilesExceededError).replace(`{{maxFiles}}`,String(this.maxFiles)):null:this.invalidFileTypeError||this.locale.filePicker.invalidFileTypeError,t=[],n=0;for(let r of this._allFiles){let i={file:r,validationError:e(r,n)};t.push(i),i.validationError||n++}return t}get files(){return this._validatedFiles.filter(e=>!e.validationError).map(e=>e.file)}get rejectedFiles(){return this._validatedFiles.filter(e=>!!e.validationError).map(e=>e.file)}_onHiddenInputChange(e){this.#s(this._hiddenInput.files),this._hiddenInput.value=``,e.stopPropagation()}_formatNumber(e){let t=String(e);return this.locale.common.useCommaAsDecimalSeparator?t.replace(`.`,`,`):t}};o.t([t.m({attribute:`single-file`,mode:`boolean`})],C.prototype,`singleFile`,void 0),o.t([t.m({attribute:`max-files`,converter:t.h,mode:`fromView`})],C.prototype,`maxFiles`,void 0),o.t([t.m({mode:`fromView`,attribute:`max-file-size`})],C.prototype,`maxFileSize`,void 0),o.t([t.m],C.prototype,`accept`,void 0),o.t([t.m],C.prototype,`size`,void 0),o.t([t.m({attribute:`invalid-file-type-error`})],C.prototype,`invalidFileTypeError`,void 0),o.t([t.m({attribute:`max-files-exceeded-error`})],C.prototype,`maxFilesExceededError`,void 0),o.t([t.m({attribute:`file-too-big-error`})],C.prototype,`fileTooBigError`,void 0),o.t([t.A],C.prototype,`_customValidationError`,void 0),o.t([t.A],C.prototype,`_dragHover`,void 0),o.t([t.A],C.prototype,`_allFiles`,void 0),o.t([t.j],C.prototype,`_validatedFiles`,null);var w=1e3,T={tb:`TB`,gb:`GB`,mb:`MB`,kb:`KB`,b:`b`},E=(e,n)=>{let r=0,i=`b`;if(n>0){let e=[`tb`,`gb`,`mb`,`kb`,`b`];for(let t=0;t<e.length;t++){let a=e[t];if(n>=w**(4-t)/10){r=n/w**(4-t),i=a;break}}r=Math.round(10*r)/10}return t.p`<strong>${e._formatNumber(r)}</strong>
+		${T[i]}`},D=t.u(`file-picker`,C,e=>{let o=e.tagFor(l.t),c=e.tagFor(f.i);return t.p`
 		<div class="base">
 			<div class="label-wrapper" ?hidden=${e=>!e.label&&!e._hasContextualHelp}>
 				${a.t(e=>e.label,t.p`<label class="label">${e=>e.label}</label>`)}
@@ -18,7 +18,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 					@dragleave="${(e,t)=>e._onDragLeave(t.event)}"
 					@drop="${(e,t)=>e._onDrop(t.event)}"
 					@dragend="${e=>e._onDragEnd()}"
-					${l.n({ariaDescribedBy:e=>e._feedbackDescribedBy})}
+					${u.n({ariaDescribedBy:e=>e._feedbackDescribedBy})}
 				>
 					<${o}
 						class="upload-icon"
@@ -35,17 +35,17 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				<div class="${e=>s.t(`preview`,[`has-error`,!!e.validationError])}">
 					<div class="details">
 						<div class="filename">${e=>e.file.name}</div>
-						<div class="size">${(e,t)=>T(t.parent,e.file.size)}</div>
+						<div class="size">${(e,t)=>E(t.parent,e.file.size)}</div>
 					</div>
 					<div class="error-message">
 						<${o} name="info-line" size="-6"></${o}>
 						${e=>e.validationError}
 					</div>
-				<${u}
+				<${c}
 					class="remove-btn" icon="delete-line" appearance="ghost-light" size="condensed"
 					?disabled="${(e,t)=>t.parent.disabled}"
 					aria-label="${(e,t)=>t.parent.locale.filePicker.removeFileLabel}"
-					@click="${(e,t)=>t.parent._onRemoveFileClick(e.file)}"></${u}>
+					@click="${(e,t)=>t.parent._onRemoveFileClick(e.file)}"></${c}>
 				</div>`)}
 			</div>
 		</div>
@@ -60,4 +60,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			tabindex="-1"
 			@change="${(e,t)=>e._onHiddenInputChange(t.event)}"
 		/>
-	`},[c.t,d.t,f.r],{styles:g,shadowOptions:{delegatesFocus:!0}});t.d(E)();
+	`},[c.t,f.t,p.r],{styles:_,shadowOptions:{delegatesFocus:!0}});t.d(D)();

package/file-picker/index.js

@@ -6,7 +6,8 @@ import { t as p } from "../bundled/ref.js";
 import { t as m } from "../bundled/when.js";
 import { t as h } from "../bundled/decorate.js";
 import { t as g } from "../bundled/class-names.js";
-import { r as _, t as v } from "../bundled/definition3.js";
+import { t as _ } from "../bundled/definition3.js";
+import { t as v } from "../bundled/icon.js";
 import { n as y, t as b } from "../bundled/delegates-aria.js";
 import { n as x } from "../bundled/form-associated.js";
 import { i as S, t as C } from "../bundled/definition6.js";
@@ -220,7 +221,7 @@ var I = 1e3, L = {
 //#endregion
 //#region src/lib/file-picker/index.ts
 r(u("file-picker", F, (e) => {
-	let t = e.tagFor(_), n = e.tagFor(S);
+	let t = e.tagFor(v), n = e.tagFor(S);
 	return c`
 		<div class="base">
 			<div class="label-wrapper" ?hidden=${(e) => !e.label && !e._hasContextualHelp}>
@@ -284,7 +285,7 @@ r(u("file-picker", F, (e) => {
 		/>
 	`;
 }, [
-	v,
+	_,
 	C,
 	w
 ], {

package/icon/definition.cjs

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_definition = require("../unbundled/definition.cjs");
-exports.VwcIconElement = require_definition.Icon;
+const require_icon = require("../unbundled/icon.cjs");
+exports.VwcIconElement = require_icon.Icon;
 exports.iconDefinition = require_definition.iconDefinition;
 exports.registerIcon = require_definition.registerIcon;

package/icon/definition.js

@@ -1,2 +1,3 @@
-import { n as registerIcon, r as Icon, t as iconDefinition } from "../unbundled/definition.js";
+import { n as registerIcon, t as iconDefinition } from "../unbundled/definition.js";
+import { t as Icon } from "../unbundled/icon.js";
 export { Icon as VwcIconElement, iconDefinition, registerIcon };

package/index.cjs

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_definition = require("./unbundled/definition.cjs");
+const require_icon = require("./unbundled/icon.cjs");
 const require_definition$1 = require("./unbundled/definition2.cjs");
 const require_definition$2 = require("./unbundled/definition3.cjs");
 const require_definition$3 = require("./unbundled/definition4.cjs");
@@ -29,7 +30,9 @@ const require_definition$21 = require("./unbundled/definition25.cjs");
 const require_definition$22 = require("./unbundled/definition26.cjs");
 const require_definition$23 = require("./unbundled/definition27.cjs");
 const require_definition$24 = require("./unbundled/definition28.cjs");
+const require_option = require("./unbundled/option.cjs");
 const require_definition$25 = require("./unbundled/definition29.cjs");
+const require_optgroup = require("./unbundled/optgroup.cjs");
 const require_definition$26 = require("./unbundled/definition30.cjs");
 const require_definition$27 = require("./unbundled/definition31.cjs");
 const require_definition$28 = require("./unbundled/definition32.cjs");
@@ -83,6 +86,7 @@ const require_definition$74 = require("./unbundled/definition78.cjs");
 const require_definition$75 = require("./unbundled/definition79.cjs");
 const require_definition$76 = require("./unbundled/definition80.cjs");
 const require_definition$77 = require("./unbundled/definition81.cjs");
+const require_definition$78 = require("./unbundled/definition82.cjs");
 exports.AccordionExpandMode = require_definition$2.AccordionExpandMode;
 exports.Appearance = require_enums.Appearance;
 exports.AriaLive = require_enums.AriaLive;
@@ -94,37 +98,37 @@ exports.MediaSkipBy = require_enums.MediaSkipBy;
 exports.MenuItemRole = require_definition$8.MenuItemRole;
 exports.Position = require_enums.Position;
 exports.Role = require_enums.Role;
-exports.RteAlignmentFeature = require_definition$57.RteAlignmentFeature;
-exports.RteAtomFeature = require_definition$57.RteAtomFeature;
-exports.RteBase = require_definition$57.RteBase;
-exports.RteBoldFeature = require_definition$57.RteBoldFeature;
-exports.RteCharacterCountFeature = require_definition$57.RteCharacterCountFeature;
-exports.RteConfig = require_definition$57.RteConfig;
-exports.RteDropHandlerFeature = require_definition$57.RteDropHandlerFeature;
-exports.RteFileHandlerFeature = require_definition$57.RteFileHandlerFeature;
-exports.RteFontSizePickerFeature = require_definition$57.RteFontSizePickerFeature;
-exports.RteHardBreakFeature = require_definition$57.RteHardBreakFeature;
-exports.RteHtmlParser = require_definition$57.RteHtmlParser;
-exports.RteHtmlSerializer = require_definition$57.RteHtmlSerializer;
-exports.RteInlineImageFeature = require_definition$57.RteInlineImageFeature;
-exports.RteInputRuleFeature = require_definition$57.RteInputRuleFeature;
-exports.RteItalicFeature = require_definition$57.RteItalicFeature;
-exports.RteKeyboardShortcutsFeature = require_definition$57.RteKeyboardShortcutsFeature;
-exports.RteLinkFeature = require_definition$57.RteLinkFeature;
-exports.RteListFeature = require_definition$57.RteListFeature;
-exports.RteMonospaceFeature = require_definition$57.RteMonospaceFeature;
-exports.RtePlaceholderFeature = require_definition$57.RtePlaceholderFeature;
-exports.RteStrikethroughFeature = require_definition$57.RteStrikethroughFeature;
-exports.RteSuggestFeature = require_definition$57.RteSuggestFeature;
-exports.RteTextBlockPickerFeature = require_definition$57.RteTextBlockPickerFeature;
-exports.RteTextColorPickerFeature = require_definition$57.RteTextColorPickerFeature;
-exports.RteToolbarButtonFeature = require_definition$57.RteToolbarButtonFeature;
-exports.RteToolbarFeature = require_definition$57.RteToolbarFeature;
-exports.RteUnderlineFeature = require_definition$57.RteUnderlineFeature;
+exports.RteAlignmentFeature = require_definition$58.RteAlignmentFeature;
+exports.RteAtomFeature = require_definition$58.RteAtomFeature;
+exports.RteBase = require_definition$58.RteBase;
+exports.RteBoldFeature = require_definition$58.RteBoldFeature;
+exports.RteCharacterCountFeature = require_definition$58.RteCharacterCountFeature;
+exports.RteConfig = require_definition$58.RteConfig;
+exports.RteDropHandlerFeature = require_definition$58.RteDropHandlerFeature;
+exports.RteFileHandlerFeature = require_definition$58.RteFileHandlerFeature;
+exports.RteFontSizePickerFeature = require_definition$58.RteFontSizePickerFeature;
+exports.RteHardBreakFeature = require_definition$58.RteHardBreakFeature;
+exports.RteHtmlParser = require_definition$58.RteHtmlParser;
+exports.RteHtmlSerializer = require_definition$58.RteHtmlSerializer;
+exports.RteInlineImageFeature = require_definition$58.RteInlineImageFeature;
+exports.RteInputRuleFeature = require_definition$58.RteInputRuleFeature;
+exports.RteItalicFeature = require_definition$58.RteItalicFeature;
+exports.RteKeyboardShortcutsFeature = require_definition$58.RteKeyboardShortcutsFeature;
+exports.RteLinkFeature = require_definition$58.RteLinkFeature;
+exports.RteListFeature = require_definition$58.RteListFeature;
+exports.RteMonospaceFeature = require_definition$58.RteMonospaceFeature;
+exports.RtePlaceholderFeature = require_definition$58.RtePlaceholderFeature;
+exports.RteStrikethroughFeature = require_definition$58.RteStrikethroughFeature;
+exports.RteSuggestFeature = require_definition$58.RteSuggestFeature;
+exports.RteTextBlockPickerFeature = require_definition$58.RteTextBlockPickerFeature;
+exports.RteTextColorPickerFeature = require_definition$58.RteTextColorPickerFeature;
+exports.RteToolbarButtonFeature = require_definition$58.RteToolbarButtonFeature;
+exports.RteToolbarFeature = require_definition$58.RteToolbarFeature;
+exports.RteUnderlineFeature = require_definition$58.RteUnderlineFeature;
 exports.Shape = require_enums.Shape;
 exports.Size = require_enums.Size;
 exports.Sticky = require_enums.Sticky;
-exports.TabsGutters = require_definition$70.TabsGutters;
+exports.TabsGutters = require_definition$71.TabsGutters;
 exports.VwcAccordionElement = require_definition$2.Accordion;
 exports.VwcAccordionItemElement = require_definition$1.AccordionItem;
 exports.VwcActionGroupElement = require_definition$3.ActionGroup;
@@ -159,58 +163,59 @@ exports.VwcFabElement = require_definition$39.Fab;
 exports.VwcFilePickerElement = require_definition$40.FilePicker;
 exports.VwcFlagElement = require_definition$30.Flag;
 exports.VwcHeaderElement = require_definition$41.Header;
-exports.VwcIconElement = require_definition.Icon;
+exports.VwcIconElement = require_icon.Icon;
 exports.VwcKbdKeyElement = require_definition$43.KbdKey;
 exports.VwcKbdShortcutElement = require_definition$42.KbdShortcut;
 exports.VwcLayoutElement = require_definition$44.Layout;
+exports.VwcListboxElement = require_definition$45.Listbox;
 exports.VwcMenuElement = require_definition$9.Menu;
 exports.VwcMenuItemElement = require_definition$8.MenuItem;
-exports.VwcNavDisclosureElement = require_definition$45.NavDisclosure;
-exports.VwcNavElement = require_definition$47.Nav;
-exports.VwcNavItemElement = require_definition$46.NavItem;
-exports.VwcNoteElement = require_definition$48.Note;
-exports.VwcNumberFieldElement = require_definition$49.NumberField;
-exports.VwcOptgroupElement = require_definition$26.Optgroup;
-exports.VwcOptionElement = require_definition$25.ListboxOption;
-exports.VwcPaginationElement = require_definition$50.Pagination;
-exports.VwcPlatformSwitchElement = require_definition$51.PlatformSwitch;
-exports.VwcPopoverElement = require_definition$52.Popover;
-exports.VwcProgressElement = require_definition$53.Progress;
+exports.VwcNavDisclosureElement = require_definition$46.NavDisclosure;
+exports.VwcNavElement = require_definition$48.Nav;
+exports.VwcNavItemElement = require_definition$47.NavItem;
+exports.VwcNoteElement = require_definition$49.Note;
+exports.VwcNumberFieldElement = require_definition$50.NumberField;
+exports.VwcOptgroupElement = require_optgroup.Optgroup;
+exports.VwcOptionElement = require_option.ListboxOption;
+exports.VwcPaginationElement = require_definition$51.Pagination;
+exports.VwcPlatformSwitchElement = require_definition$52.PlatformSwitch;
+exports.VwcPopoverElement = require_definition$53.Popover;
+exports.VwcProgressElement = require_definition$54.Progress;
 exports.VwcProgressRingElement = require_definition$4.ProgressRing;
-exports.VwcRadioElement = require_definition$54.Radio;
-exports.VwcRadioGroupElement = require_definition$55.RadioGroup;
-exports.VwcRangeSliderElement = require_definition$56.RangeSlider;
-exports.VwcRichTextEditorElement = require_definition$57.RichTextEditor;
-exports.VwcRichTextViewElement = require_definition$59.RichTextView;
-exports.VwcSearchableSelectElement = require_definition$60.SearchableSelect;
-exports.VwcSelectElement = require_definition$58.Select;
-exports.VwcSelectableBoxElement = require_definition$61.SelectableBox;
-exports.VwcSideDrawerElement = require_definition$62.SideDrawer;
-exports.VwcSimpleColorPickerElement = require_definition$63.SimpleColorPicker;
+exports.VwcRadioElement = require_definition$55.Radio;
+exports.VwcRadioGroupElement = require_definition$56.RadioGroup;
+exports.VwcRangeSliderElement = require_definition$57.RangeSlider;
+exports.VwcRichTextEditorElement = require_definition$58.RichTextEditor;
+exports.VwcRichTextViewElement = require_definition$60.RichTextView;
+exports.VwcSearchableSelectElement = require_definition$61.SearchableSelect;
+exports.VwcSelectElement = require_definition$59.Select;
+exports.VwcSelectableBoxElement = require_definition$62.SelectableBox;
+exports.VwcSideDrawerElement = require_definition$63.SideDrawer;
+exports.VwcSimpleColorPickerElement = require_definition$64.SimpleColorPicker;
 exports.VwcSliderElement = require_definition$7.Slider;
-exports.VwcSplitButtonElement = require_definition$64.SplitButton;
-exports.VwcStatusElement = require_definition$65.Status;
-exports.VwcSwitchElement = require_definition$66.Switch;
-exports.VwcTabElement = require_definition$68.Tab;
-exports.VwcTabPanelElement = require_definition$67.TabPanel;
-exports.VwcTableBodyElement = require_definition$69.TableBody;
-exports.VwcTableCellElement = require_definition$69.TableCell;
-exports.VwcTableElement = require_definition$69.Table;
-exports.VwcTableHeadElement = require_definition$69.TableHead;
-exports.VwcTableHeaderCellElement = require_definition$69.TableHeaderCell;
-exports.VwcTableRowElement = require_definition$69.TableRow;
-exports.VwcTableSortingButtonElement = require_definition$69.TableSortingButton;
-exports.VwcTabsElement = require_definition$70.Tabs;
-exports.VwcTagElement = require_definition$72.Tag;
-exports.VwcTagGroupElement = require_definition$71.TagGroup;
-exports.VwcTextAreaElement = require_definition$73.TextArea;
+exports.VwcSplitButtonElement = require_definition$65.SplitButton;
+exports.VwcStatusElement = require_definition$66.Status;
+exports.VwcSwitchElement = require_definition$67.Switch;
+exports.VwcTabElement = require_definition$69.Tab;
+exports.VwcTabPanelElement = require_definition$68.TabPanel;
+exports.VwcTableBodyElement = require_definition$70.TableBody;
+exports.VwcTableCellElement = require_definition$70.TableCell;
+exports.VwcTableElement = require_definition$70.Table;
+exports.VwcTableHeadElement = require_definition$70.TableHead;
+exports.VwcTableHeaderCellElement = require_definition$70.TableHeaderCell;
+exports.VwcTableRowElement = require_definition$70.TableRow;
+exports.VwcTableSortingButtonElement = require_definition$70.TableSortingButton;
+exports.VwcTabsElement = require_definition$71.Tabs;
+exports.VwcTagElement = require_definition$73.Tag;
+exports.VwcTagGroupElement = require_definition$72.TagGroup;
+exports.VwcTextAreaElement = require_definition$74.TextArea;
 exports.VwcTextFieldElement = require_definition$22.TextField;
 exports.VwcTimePickerElement = require_time_selection_picker_template.TimePicker;
 exports.VwcToggletipElement = require_definition$20.Toggletip;
 exports.VwcTooltipElement = require_definition$23.Tooltip;
-exports.VwcTreeItemElement = require_definition$75.TreeItem;
-exports.VwcTreeViewElement = require_definition$76.TreeView;
-exports.VwcVideoPlayerElement = require_definition$77.VideoPlayer;
+exports.VwcTreeItemElement = require_definition$76.TreeItem;
+exports.VwcTreeViewElement = require_definition$77.TreeView;
+exports.VwcVideoPlayerElement = require_definition$78.VideoPlayer;
 exports.accordionDefinition = require_definition$2.accordionDefinition;
 exports.accordionItemDefinition = require_definition$1.accordionItemDefinition;
 exports.actionGroupDefinition = require_definition$3.actionGroupDefinition;
@@ -249,23 +254,24 @@ exports.iconDefinition = require_definition.iconDefinition;
 exports.kbdKeyDefinition = require_definition$43.kbdKeyDefinition;
 exports.kbdShortcutDefinition = require_definition$42.kbdShortcutDefinition;
 exports.layoutDefinition = require_definition$44.layoutDefinition;
+exports.listboxDefinition = require_definition$45.listboxDefinition;
 exports.listboxOptionDefinition = require_definition$25.listboxOptionDefinition;
 exports.menuDefinition = require_definition$9.menuDefinition;
 exports.menuItemDefinition = require_definition$8.menuItemDefinition;
-exports.navDefinition = require_definition$47.navDefinition;
-exports.navDisclosureDefinition = require_definition$45.navDisclosureDefinition;
-exports.navItemDefinition = require_definition$46.navItemDefinition;
-exports.noteDefinition = require_definition$48.noteDefinition;
-exports.numberFieldDefinition = require_definition$49.numberFieldDefinition;
+exports.navDefinition = require_definition$48.navDefinition;
+exports.navDisclosureDefinition = require_definition$46.navDisclosureDefinition;
+exports.navItemDefinition = require_definition$47.navItemDefinition;
+exports.noteDefinition = require_definition$49.noteDefinition;
+exports.numberFieldDefinition = require_definition$50.numberFieldDefinition;
 exports.optgroupDefinition = require_definition$26.optgroupDefinition;
-exports.paginationDefinition = require_definition$50.paginationDefinition;
-exports.platformSwitchDefinition = require_definition$51.platformSwitchDefinition;
-exports.popoverDefinition = require_definition$52.popoverDefinition;
-exports.progressDefinition = require_definition$53.progressDefinition;
+exports.paginationDefinition = require_definition$51.paginationDefinition;
+exports.platformSwitchDefinition = require_definition$52.platformSwitchDefinition;
+exports.popoverDefinition = require_definition$53.popoverDefinition;
+exports.progressDefinition = require_definition$54.progressDefinition;
 exports.progressRingDefinition = require_definition$4.progressRingDefinition;
-exports.radioDefinition = require_definition$54.radioDefinition;
-exports.radioGroupDefinition = require_definition$55.radioGroupDefinition;
-exports.rangeSliderDefinition = require_definition$56.rangeSliderDefinition;
+exports.radioDefinition = require_definition$55.radioDefinition;
+exports.radioGroupDefinition = require_definition$56.radioGroupDefinition;
+exports.rangeSliderDefinition = require_definition$57.rangeSliderDefinition;
 exports.registerAccordion = require_definition$2.registerAccordion;
 exports.registerAccordionItem = require_definition$1.registerAccordionItem;
 exports.registerActionGroup = require_definition$3.registerActionGroup;
@@ -302,77 +308,78 @@ exports.registerIcon = require_definition.registerIcon;
 exports.registerKbdKey = require_definition$43.registerKbdKey;
 exports.registerKbdShortcut = require_definition$42.registerKbdShortcut;
 exports.registerLayout = require_definition$44.registerLayout;
+exports.registerListbox = require_definition$45.registerListbox;
 exports.registerMenu = require_definition$9.registerMenu;
 exports.registerMenuItem = require_definition$8.registerMenuItem;
-exports.registerNav = require_definition$47.registerNav;
-exports.registerNavDisclosure = require_definition$45.registerNavDisclosure;
-exports.registerNavItem = require_definition$46.registerNavItem;
-exports.registerNote = require_definition$48.registerNote;
-exports.registerNumberField = require_definition$49.registerNumberField;
+exports.registerNav = require_definition$48.registerNav;
+exports.registerNavDisclosure = require_definition$46.registerNavDisclosure;
+exports.registerNavItem = require_definition$47.registerNavItem;
+exports.registerNote = require_definition$49.registerNote;
+exports.registerNumberField = require_definition$50.registerNumberField;
 exports.registerOptgroup = require_definition$26.registerOptgroup;
 exports.registerOption = require_definition$25.registerOption;
-exports.registerPagination = require_definition$50.registerPagination;
-exports.registerPlatformSwitch = require_definition$51.registerPlatformSwitch;
-exports.registerPopover = require_definition$52.registerPopover;
-exports.registerProgress = require_definition$53.registerProgress;
+exports.registerPagination = require_definition$51.registerPagination;
+exports.registerPlatformSwitch = require_definition$52.registerPlatformSwitch;
+exports.registerPopover = require_definition$53.registerPopover;
+exports.registerProgress = require_definition$54.registerProgress;
 exports.registerProgressRing = require_definition$4.registerProgressRing;
-exports.registerRadio = require_definition$54.registerRadio;
-exports.registerRadioGroup = require_definition$55.registerRadioGroup;
-exports.registerRangeSlider = require_definition$56.registerRangeSlider;
-exports.registerRichTextEditor = require_definition$57.registerRichTextEditor;
-exports.registerRichTextView = require_definition$59.registerRichTextView;
-exports.registerSearchableSelect = require_definition$60.registerSearchableSelect;
-exports.registerSelect = require_definition$58.registerSelect;
-exports.registerSelectableBox = require_definition$61.registerSelectableBox;
-exports.registerSideDrawer = require_definition$62.registerSideDrawer;
-exports.registerSimpleColorPicker = require_definition$63.registerSimpleColorPicker;
+exports.registerRadio = require_definition$55.registerRadio;
+exports.registerRadioGroup = require_definition$56.registerRadioGroup;
+exports.registerRangeSlider = require_definition$57.registerRangeSlider;
+exports.registerRichTextEditor = require_definition$58.registerRichTextEditor;
+exports.registerRichTextView = require_definition$60.registerRichTextView;
+exports.registerSearchableSelect = require_definition$61.registerSearchableSelect;
+exports.registerSelect = require_definition$59.registerSelect;
+exports.registerSelectableBox = require_definition$62.registerSelectableBox;
+exports.registerSideDrawer = require_definition$63.registerSideDrawer;
+exports.registerSimpleColorPicker = require_definition$64.registerSimpleColorPicker;
 exports.registerSlider = require_definition$7.registerSlider;
-exports.registerSplitButton = require_definition$64.registerSplitButton;
-exports.registerStatus = require_definition$65.registerStatus;
-exports.registerSwitch = require_definition$66.registerSwitch;
-exports.registerTab = require_definition$68.registerTab;
-exports.registerTabPanel = require_definition$67.registerTabPanel;
-exports.registerTable = require_definition$69.registerTable;
-exports.registerTabs = require_definition$70.registerTabs;
-exports.registerTag = require_definition$72.registerTag;
-exports.registerTagGroup = require_definition$71.registerTagGroup;
-exports.registerTextArea = require_definition$73.registerTextArea;
+exports.registerSplitButton = require_definition$65.registerSplitButton;
+exports.registerStatus = require_definition$66.registerStatus;
+exports.registerSwitch = require_definition$67.registerSwitch;
+exports.registerTab = require_definition$69.registerTab;
+exports.registerTabPanel = require_definition$68.registerTabPanel;
+exports.registerTable = require_definition$70.registerTable;
+exports.registerTabs = require_definition$71.registerTabs;
+exports.registerTag = require_definition$73.registerTag;
+exports.registerTagGroup = require_definition$72.registerTagGroup;
+exports.registerTextArea = require_definition$74.registerTextArea;
 exports.registerTextField = require_definition$22.registerTextField;
-exports.registerTimePicker = require_definition$74.registerTimePicker;
+exports.registerTimePicker = require_definition$75.registerTimePicker;
 exports.registerToggletip = require_definition$20.registerToggletip;
 exports.registerTooltip = require_definition$23.registerTooltip;
-exports.registerTreeItem = require_definition$75.registerTreeItem;
-exports.registerTreeView = require_definition$76.registerTreeView;
-exports.registerVideoPlayer = require_definition$77.registerVideoPlayer;
-exports.richTextEditorDefinition = require_definition$57.richTextEditorDefinition;
-exports.richTextViewDefinition = require_definition$59.richTextViewDefinition;
-exports.searchableSelectDefinition = require_definition$60.searchableSelectDefinition;
-exports.selectDefinition = require_definition$58.selectDefinition;
-exports.selectableBoxDefinition = require_definition$61.selectableBoxDefinition;
+exports.registerTreeItem = require_definition$76.registerTreeItem;
+exports.registerTreeView = require_definition$77.registerTreeView;
+exports.registerVideoPlayer = require_definition$78.registerVideoPlayer;
+exports.richTextEditorDefinition = require_definition$58.richTextEditorDefinition;
+exports.richTextViewDefinition = require_definition$60.richTextViewDefinition;
+exports.searchableSelectDefinition = require_definition$61.searchableSelectDefinition;
+exports.selectDefinition = require_definition$59.selectDefinition;
+exports.selectableBoxDefinition = require_definition$62.selectableBoxDefinition;
 exports.setLocale = require_localized.setLocale;
-exports.sideDrawerDefinition = require_definition$62.sideDrawerDefinition;
-exports.simpleColorPickerDefinition = require_definition$63.simpleColorPickerDefinition;
+exports.sideDrawerDefinition = require_definition$63.sideDrawerDefinition;
+exports.simpleColorPickerDefinition = require_definition$64.simpleColorPickerDefinition;
 exports.sliderDefinition = require_definition$7.sliderDefinition;
-exports.splitButtonDefinition = require_definition$64.splitButtonDefinition;
-exports.statusDefinition = require_definition$65.statusDefinition;
-exports.switchDefinition = require_definition$66.switchDefinition;
-exports.tabDefinition = require_definition$68.tabDefinition;
-exports.tabPanelDefinition = require_definition$67.tabPanelDefinition;
-exports.tableBodyDefinition = require_definition$69.tableBodyDefinition;
-exports.tableCellDefinition = require_definition$69.tableCellDefinition;
-exports.tableDefinition = require_definition$69.tableDefinition;
-exports.tableHeadDefinition = require_definition$69.tableHeadDefinition;
-exports.tableHeaderCellDefinition = require_definition$69.tableHeaderCellDefinition;
-exports.tableRowDefinition = require_definition$69.tableRowDefinition;
-exports.tableSortingButtonDefinition = require_definition$69.tableSortingButtonDefinition;
-exports.tabsDefinition = require_definition$70.tabsDefinition;
-exports.tagDefinition = require_definition$72.tagDefinition;
-exports.tagGroupDefinition = require_definition$71.tagGroupDefinition;
-exports.textAreaDefinition = require_definition$73.textAreaDefinition;
+exports.splitButtonDefinition = require_definition$65.splitButtonDefinition;
+exports.statusDefinition = require_definition$66.statusDefinition;
+exports.switchDefinition = require_definition$67.switchDefinition;
+exports.tabDefinition = require_definition$69.tabDefinition;
+exports.tabPanelDefinition = require_definition$68.tabPanelDefinition;
+exports.tableBodyDefinition = require_definition$70.tableBodyDefinition;
+exports.tableCellDefinition = require_definition$70.tableCellDefinition;
+exports.tableDefinition = require_definition$70.tableDefinition;
+exports.tableHeadDefinition = require_definition$70.tableHeadDefinition;
+exports.tableHeaderCellDefinition = require_definition$70.tableHeaderCellDefinition;
+exports.tableRowDefinition = require_definition$70.tableRowDefinition;
+exports.tableSortingButtonDefinition = require_definition$70.tableSortingButtonDefinition;
+exports.tabsDefinition = require_definition$71.tabsDefinition;
+exports.tagDefinition = require_definition$73.tagDefinition;
+exports.tagGroupDefinition = require_definition$72.tagGroupDefinition;
+exports.textAreaDefinition = require_definition$74.textAreaDefinition;
 exports.textFieldDefinition = require_definition$22.textFieldDefinition;
-exports.timePickerDefinition = require_definition$74.timePickerDefinition;
+exports.timePickerDefinition = require_definition$75.timePickerDefinition;
 exports.toggletipDefinition = require_definition$20.toggletipDefinition;
 exports.tooltipDefinition = require_definition$23.tooltipDefinition;
-exports.treeItemDefinition = require_definition$75.treeItemDefinition;
-exports.treeViewDefinition = require_definition$76.treeViewDefinition;
-exports.videoPlayerDefinition = require_definition$77.videoPlayerDefinition;
+exports.treeItemDefinition = require_definition$76.treeItemDefinition;
+exports.treeViewDefinition = require_definition$77.treeViewDefinition;
+exports.videoPlayerDefinition = require_definition$78.videoPlayerDefinition;