@vandeurenglenn/lite-elements 0.3.20 → 0.3.21

package/exports/bundle/dialog.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,e as s}from"./custom-element-c2e883ba.js";import{t as o,j as a,v as n,D as r}from"./property-c909a6bf.js";import"./elevation.js";import"./icon.js";import"./index-3c006227.js";let i=(()=>{let i,l,c,h,d,m,p,u=[s("custom-dialog")],g=[],f=r,y=[],v=[],x=[],_=[],b=[],H=[],w=[],k=[],A=[],j=[];return class extends f{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],h=[o({type:Boolean,reflect:!0})],d=[o({type:Boolean,reflect:!0,attribute:"has-actions"})],m=[o({type:Boolean,reflect:!0,attribute:"has-header"})],p=[o({type:Boolean,reflect:!0,attribute:"has-hero"})],e(this,null,c,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:t},y,v),e(this,null,h,{kind:"accessor",name:"fullscreen",static:!1,private:!1,access:{has:e=>"fullscreen"in e,get:e=>e.fullscreen,set:(e,t)=>{e.fullscreen=t}},metadata:t},x,_),e(this,null,d,{kind:"accessor",name:"hasActions",static:!1,private:!1,access:{has:e=>"hasActions"in e,get:e=>e.hasActions,set:(e,t)=>{e.hasActions=t}},metadata:t},b,H),e(this,null,m,{kind:"accessor",name:"hasHeader",static:!1,private:!1,access:{has:e=>"hasHeader"in e,get:e=>e.hasHeader,set:(e,t)=>{e.hasHeader=t}},metadata:t},w,k),e(this,null,p,{kind:"accessor",name:"hasHero",static:!1,private:!1,access:{has:e=>"hasHero"in e,get:e=>e.hasHero,set:(e,t)=>{e.hasHero=t}},metadata:t},A,j),e(null,i={value:l},u,{kind:"class",name:l.name,metadata:t},null,g),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,y,!1);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,v),t(this,x,!1));get fullscreen(){return this.#t}set fullscreen(e){this.#t=e}#s=(t(this,_),t(this,b,!1));get hasActions(){return this.#s}set hasActions(e){this.#s=e}#o=(t(this,H),t(this,w,!1));get hasHeader(){return this.#o}set hasHeader(e){this.#o=e}#a=(t(this,k),t(this,A,!1));get hasHero(){return this.#a}set hasHero(e){this.#a=e}connectedCallback(){const e=this.shadowRoot.querySelector('slot[name="actions"]');this.hasActions=0!==Array.from(e?.assignedNodes()||[]).length;let t=this.shadowRoot.querySelector('slot[name="header"]');const s=["title","header-start","header-end"];let o=0;for(;0===Array.from(t.assignedElements()).length&&o<s.length;)t=this.shadowRoot.querySelector(`slot[name="${s[o]}"]`),o+=1;this.hasHeader=0!==t.assignedElements().length;const a=this.shadowRoot.querySelector('slot[name="hero-icon"]');this.hashero=0!==Array.from(a?.assignedNodes()||[]).length}onChange(e,t){"open"===e&&(this.open?this.querySelector('[slot="actions"]').addEventListener("click",this._close):this.querySelector('[slot="actions"]').removeEventListener("click",this._close))}_close=(t(this,j),e=>{const t=e.composedPath()[0];this.dispatchEvent(new CustomEvent("close",{detail:t.getAttribute("action")||"close"})),this.open=!1});static styles=[a`
+import{_ as e,a as t,e as s}from"./custom-element-c2e883ba.js";import{t as o,j as a,v as n,D as r}from"./property-c909a6bf.js";import"./elevation.js";import"./icon.js";import"./index-3c006227.js";let i=(()=>{let i,l,c,h,d,m,p,u=[s("custom-dialog")],g=[],f=r,y=[],v=[],x=[],_=[],b=[],w=[],H=[],k=[],A=[],j=[];return class extends f{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],h=[o({type:Boolean,reflect:!0})],d=[o({type:Boolean,reflect:!0,attribute:"has-actions"})],m=[o({type:Boolean,reflect:!0,attribute:"has-header"})],p=[o({type:Boolean,reflect:!0,attribute:"has-hero"})],e(this,null,c,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:t},y,v),e(this,null,h,{kind:"accessor",name:"fullscreen",static:!1,private:!1,access:{has:e=>"fullscreen"in e,get:e=>e.fullscreen,set:(e,t)=>{e.fullscreen=t}},metadata:t},x,_),e(this,null,d,{kind:"accessor",name:"hasActions",static:!1,private:!1,access:{has:e=>"hasActions"in e,get:e=>e.hasActions,set:(e,t)=>{e.hasActions=t}},metadata:t},b,w),e(this,null,m,{kind:"accessor",name:"hasHeader",static:!1,private:!1,access:{has:e=>"hasHeader"in e,get:e=>e.hasHeader,set:(e,t)=>{e.hasHeader=t}},metadata:t},H,k),e(this,null,p,{kind:"accessor",name:"hasHero",static:!1,private:!1,access:{has:e=>"hasHero"in e,get:e=>e.hasHero,set:(e,t)=>{e.hasHero=t}},metadata:t},A,j),e(null,i={value:l},u,{kind:"class",name:l.name,metadata:t},null,g),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,y,void 0);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,v),t(this,x,void 0));get fullscreen(){return this.#t}set fullscreen(e){this.#t=e}#s=(t(this,_),t(this,b,void 0));get hasActions(){return this.#s}set hasActions(e){this.#s=e}#o=(t(this,w),t(this,H,void 0));get hasHeader(){return this.#o}set hasHeader(e){this.#o=e}#a=(t(this,k),t(this,A,void 0));get hasHero(){return this.#a}set hasHero(e){this.#a=e}connectedCallback(){const e=this.shadowRoot.querySelector('slot[name="actions"]');this.hasActions=0!==Array.from(e?.assignedNodes()||[]).length;let t=this.shadowRoot.querySelector('slot[name="header"]');const s=["title","header-start","header-end"];let o=0;for(;0===Array.from(t.assignedElements()).length&&o<s.length;)t=this.shadowRoot.querySelector(`slot[name="${s[o]}"]`),o+=1;this.hasHeader=0!==t.assignedElements().length;const a=this.shadowRoot.querySelector('slot[name="hero-icon"]');this.hashero=0!==Array.from(a?.assignedNodes()||[]).length}onChange(e,t){"open"===e&&(this.open?this.querySelector('[slot="actions"]').addEventListener("click",this._close):this.querySelector('[slot="actions"]').removeEventListener("click",this._close))}_close=(t(this,j),e=>{const t=e.composedPath()[0];this.dispatchEvent(new CustomEvent("close",{detail:t.getAttribute("action")||"close"})),this.open=!1});static styles=[a`
       :host {
         position: fixed;
         inset: 0;
@@ -31,8 +31,8 @@ import{_ as e,a as t,e as s}from"./custom-element-c2e883ba.js";import{t as o,j a
       dialog {
         pointer-events: none;
         border: none;
-        min-width: 280px;
-        max-width: 560px;
+        min-width: var('--custom-dialog-min-width', 280px);
+        max-width: var('--custom-dialog-max-width', 560px);
         width: fit-content;
         border-radius: var(--md-sys-shape-corner-extra-large);
         background-color: var(--md-sys-color-surface-container-high);

package/exports/bundle/upload-file.js

@@ -0,0 +1,9 @@
+import{_ as t,a as e,e as l}from"./custom-element-c2e883ba.js";import{t as a,j as s,v as i,D as r}from"./property-c909a6bf.js";let o=(()=>{let o,u,m,n=[l("custom-upload-file")],p=[],c=r,d=[],y=[];return class extends c{static{u=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;m=[a({type:Boolean})],t(this,null,m,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:t=>"multiple"in t,get:t=>t.multiple,set:(t,e)=>{t.multiple=e}},metadata:l},d,y),t(null,o={value:u},n,{kind:"class",name:u.name,metadata:l},null,p),u=o.value,l&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),e(u,p)}#t=e(this,d,void 0);get multiple(){return this.#t}set multiple(t){this.#t=t}static get styles(){return[s`
+        :host {
+          display: flex;
+        }
+
+        input {
+          display: hidden;
+        }
+      `]}render(){return i`<input type="file" ?multiple=${this.multiple} />`}constructor(){super(...arguments),e(this,y)}},u})();export{o as CustomUploadFile};

package/exports/bundle/upload.js

@@ -0,0 +1 @@
+import{_ as t,a,e}from"./custom-element-c2e883ba.js";import{t as r,v as s,D as i}from"./property-c909a6bf.js";let m=(()=>{let m,o,c,l=[e("custom-upload")],n=[],u=i,h=[],d=[];return class extends u{static{o=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[r({attribute:"with-camera"})],t(this,null,c,{kind:"accessor",name:"withCamera",static:!1,private:!1,access:{has:t=>"withCamera"in t,get:t=>t.withCamera,set:(t,a)=>{t.withCamera=a}},metadata:e},h,d),t(null,m={value:o},l,{kind:"class",name:o.name,metadata:e},null,n),o=m.value,e&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e}),a(o,n)}#t=a(this,h,void 0);get withCamera(){return this.#t}set withCamera(t){this.#t=t}render(){return s` <custom-pages> </custom-pages> `}constructor(){super(...arguments),a(this,d)}},o})();export{m as CustomUpload};

package/exports/dialog.js

@@ -43,19 +43,19 @@ let CustomDialog = (() => {
             _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        #open_accessor_storage = __runInitializers(this, _open_initializers, false);
+        #open_accessor_storage = __runInitializers(this, _open_initializers, void 0);
         get open() { return this.#open_accessor_storage; }
         set open(value) { this.#open_accessor_storage = value; }
-        #fullscreen_accessor_storage = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _fullscreen_initializers, false));
+        #fullscreen_accessor_storage = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _fullscreen_initializers, void 0));
         get fullscreen() { return this.#fullscreen_accessor_storage; }
         set fullscreen(value) { this.#fullscreen_accessor_storage = value; }
-        #hasActions_accessor_storage = (__runInitializers(this, _fullscreen_extraInitializers), __runInitializers(this, _hasActions_initializers, false));
+        #hasActions_accessor_storage = (__runInitializers(this, _fullscreen_extraInitializers), __runInitializers(this, _hasActions_initializers, void 0));
         get hasActions() { return this.#hasActions_accessor_storage; }
         set hasActions(value) { this.#hasActions_accessor_storage = value; }
-        #hasHeader_accessor_storage = (__runInitializers(this, _hasActions_extraInitializers), __runInitializers(this, _hasHeader_initializers, false));
+        #hasHeader_accessor_storage = (__runInitializers(this, _hasActions_extraInitializers), __runInitializers(this, _hasHeader_initializers, void 0));
         get hasHeader() { return this.#hasHeader_accessor_storage; }
         set hasHeader(value) { this.#hasHeader_accessor_storage = value; }
-        #hasHero_accessor_storage = (__runInitializers(this, _hasHeader_extraInitializers), __runInitializers(this, _hasHero_initializers, false));
+        #hasHero_accessor_storage = (__runInitializers(this, _hasHeader_extraInitializers), __runInitializers(this, _hasHero_initializers, void 0));
         get hasHero() { return this.#hasHero_accessor_storage; }
         set hasHero(value) { this.#hasHero_accessor_storage = value; }
         connectedCallback() {
@@ -122,8 +122,8 @@ let CustomDialog = (() => {
       dialog {
         pointer-events: none;
         border: none;
-        min-width: 280px;
-        max-width: 560px;
+        min-width: var('--custom-dialog-min-width', 280px);
+        max-width: var('--custom-dialog-max-width', 560px);
         width: fit-content;
         border-radius: var(--md-sys-shape-corner-extra-large);
         background-color: var(--md-sys-color-surface-container-high);

package/exports/upload/upload-file.d.ts

@@ -0,0 +1,6 @@
+import { LiteElement } from '@vandeurenglenn/lite';
+export declare class CustomUploadFile extends LiteElement {
+    accessor multiple: any;
+    static get styles(): import("@lit/reactive-element/css-tag.js").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/exports/upload/upload.d.ts

@@ -0,0 +1,5 @@
+import { LiteElement } from '@vandeurenglenn/lite';
+export declare class CustomUpload extends LiteElement {
+    accessor withCamera: any;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/exports/upload-file.js

@@ -0,0 +1,51 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
+
+let CustomUploadFile = (() => {
+    let _classDecorators = [customElement('custom-upload-file')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _multiple_decorators;
+    let _multiple_initializers = [];
+    let _multiple_extraInitializers = [];
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _multiple_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _multiple_decorators, { kind: "accessor", name: "multiple", static: false, private: false, access: { has: obj => "multiple" in obj, get: obj => obj.multiple, set: (obj, value) => { obj.multiple = value; } }, metadata: _metadata }, _multiple_initializers, _multiple_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #multiple_accessor_storage = __runInitializers(this, _multiple_initializers, void 0);
+        get multiple() { return this.#multiple_accessor_storage; }
+        set multiple(value) { this.#multiple_accessor_storage = value; }
+        static get styles() {
+            return [
+                css `
+        :host {
+          display: flex;
+        }
+
+        input {
+          display: hidden;
+        }
+      `
+            ];
+        }
+        render() {
+            return html `<input type="file" ?multiple=${this.multiple} />`;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _multiple_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomUploadFile };

package/exports/upload.js

@@ -0,0 +1,38 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, html, LiteElement } from '@vandeurenglenn/lite';
+
+let CustomUpload = (() => {
+    let _classDecorators = [customElement('custom-upload')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _withCamera_decorators;
+    let _withCamera_initializers = [];
+    let _withCamera_extraInitializers = [];
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _withCamera_decorators = [property({ attribute: 'with-camera' })];
+            __esDecorate(this, null, _withCamera_decorators, { kind: "accessor", name: "withCamera", static: false, private: false, access: { has: obj => "withCamera" in obj, get: obj => obj.withCamera, set: (obj, value) => { obj.withCamera = value; } }, metadata: _metadata }, _withCamera_initializers, _withCamera_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #withCamera_accessor_storage = __runInitializers(this, _withCamera_initializers, void 0);
+        get withCamera() { return this.#withCamera_accessor_storage; }
+        set withCamera(value) { this.#withCamera_accessor_storage = value; }
+        render() {
+            return html ` <custom-pages> </custom-pages> `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _withCamera_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomUpload };

package/package.json

@@ -1,445 +1,461 @@
-{
-	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.20",
-	"description": "set of lite elements following Material Design 3 spec",
-	"type": "module",
-	"scripts": {
-		"watch": "rollup -c -w",
-		"build": "rollup -c",
-		"serve": "jsproject --serve ./exports/bundle --port 8888",
-		"test": "echo \"Error: no test specified\" && exit 1"
-	},
-	"files": [
-		"./exports",
-		"LICENSE"
-	],
-	"keywords": [],
-	"author": "",
-	"license": "MIT",
-	"dependencies": {
-		"@material-design-icons/svg": "^0.14.10",
-		"@material-symbols/svg-400": "^0.10.2",
-		"@material/web": "^1.0.0-pre.10",
-		"@vandeurenglenn/flex-elements": "^1.2.5",
-		"@vandeurenglenn/lite": "^0.2.32",
-		"custom-element-decorator": "^0.6.0"
-	},
-	"devDependencies": {
-		"@rollup/plugin-commonjs": "^25.0.2",
-		"@rollup/plugin-json": "^6.0.0",
-		"@rollup/plugin-node-resolve": "^15.1.0",
-		"@rollup/plugin-terser": "^0.4.3",
-		"@rollup/plugin-typescript": "^11.1.1",
-		"@types/html": "^1.0.1",
-		"@types/node": "^20.3.0",
-		"@web/rollup-plugin-html": "^2.0.0",
-		"chrome-launcher": "^1.0.0",
-		"globby": "^13.1.4",
-		"lighthouse": "^10.4.0",
-		"material-symbols": "^0.10.1",
-		"rimraf": "^5.0.1",
-		"rollup": "^3.24.1",
-		"rollup-plugin-auto-exports": "^1.0.0",
-		"rollup-plugin-material-symbols": "^2.1.0",
-		"tslib": "^2.5.3",
-		"typescript": "^5.1.3"
-	},
-	"exports": {
-		".": {
-			"import": "./exports/lite-elements.js",
-			"types": "./exports/lite-elements.d.ts"
-		},
-		"./banner": {
-			"import": "./exports/banner.js",
-			"types": "./exports/banner/banner.d.ts"
-		},
-		"./banner.js": {
-			"import": "./exports/banner.js",
-			"types": "./exports/banner/banner.d.ts"
-		},
-		"./button": {
-			"import": "./exports/button.js",
-			"types": "./exports/button/button.d.ts"
-		},
-		"./button.js": {
-			"import": "./exports/button.js",
-			"types": "./exports/button/button.d.ts"
-		},
-		"./card": {
-			"import": "./exports/card.js",
-			"types": "./exports/card/card.d.ts"
-		},
-		"./card.js": {
-			"import": "./exports/card.js",
-			"types": "./exports/card/card.d.ts"
-		},
-		"./code": {
-			"import": "./exports/code.js",
-			"types": "./exports/demo/code.d.ts"
-		},
-		"./code.js": {
-			"import": "./exports/code.js",
-			"types": "./exports/demo/code.d.ts"
-		},
-		"./demo-elements": {
-			"import": "./exports/demo-elements.js",
-			"types": "./exports/demo-elements.d.ts"
-		},
-		"./demo-elements.js": {
-			"import": "./exports/demo-elements.js",
-			"types": "./exports/demo-elements.d.ts"
-		},
-		"./demo-icons": {
-			"import": "./exports/demo-icons.js",
-			"types": "./exports/demo/demo-icons.d.ts"
-		},
-		"./demo-icons.js": {
-			"import": "./exports/demo-icons.js",
-			"types": "./exports/demo/demo-icons.d.ts"
-		},
-		"./demo-shell": {
-			"import": "./exports/demo-shell.js",
-			"types": "./exports/demo/demo-shell.d.ts"
-		},
-		"./demo-shell.js": {
-			"import": "./exports/demo-shell.js",
-			"types": "./exports/demo/demo-shell.d.ts"
-		},
-		"./demo": {
-			"import": "./exports/demo.js",
-			"types": "./exports/demo/demo.d.ts"
-		},
-		"./demo.js": {
-			"import": "./exports/demo.js",
-			"types": "./exports/demo/demo.d.ts"
-		},
-		"./dial": {
-			"import": "./exports/dial.js",
-			"types": "./exports/time-picker/dial.d.ts"
-		},
-		"./dial.js": {
-			"import": "./exports/dial.js",
-			"types": "./exports/time-picker/dial.d.ts"
-		},
-		"./dialog": {
-			"import": "./exports/dialog.js",
-			"types": "./exports/dialog/dialog.d.ts"
-		},
-		"./dialog.js": {
-			"import": "./exports/dialog.js",
-			"types": "./exports/dialog/dialog.d.ts"
-		},
-		"./divider": {
-			"import": "./exports/divider.js",
-			"types": "./exports/divider/divider.d.ts"
-		},
-		"./divider.js": {
-			"import": "./exports/divider.js",
-			"types": "./exports/divider/divider.d.ts"
-		},
-		"./drawer-button": {
-			"import": "./exports/drawer-button.js",
-			"types": "./exports/drawer/drawer-button.d.ts"
-		},
-		"./drawer-button.js": {
-			"import": "./exports/drawer-button.js",
-			"types": "./exports/drawer/drawer-button.d.ts"
-		},
-		"./drawer-item": {
-			"import": "./exports/drawer-item.js",
-			"types": "./exports/drawer/drawer-item.d.ts"
-		},
-		"./drawer-item.js": {
-			"import": "./exports/drawer-item.js",
-			"types": "./exports/drawer/drawer-item.d.ts"
-		},
-		"./drawer-layout": {
-			"import": "./exports/drawer-layout.js",
-			"types": "./exports/drawer/drawer-layout.d.ts"
-		},
-		"./drawer-layout.js": {
-			"import": "./exports/drawer-layout.js",
-			"types": "./exports/drawer/drawer-layout.d.ts"
-		},
-		"./drawer": {
-			"import": "./exports/drawer.js",
-			"types": "./exports/drawer/drawer.d.ts"
-		},
-		"./drawer.js": {
-			"import": "./exports/drawer.js",
-			"types": "./exports/drawer/drawer.d.ts"
-		},
-		"./dropdown-menu": {
-			"import": "./exports/dropdown-menu.js",
-			"types": "./exports/dropdown/dropdown-menu.d.ts"
-		},
-		"./dropdown-menu.js": {
-			"import": "./exports/dropdown-menu.js",
-			"types": "./exports/dropdown/dropdown-menu.d.ts"
-		},
-		"./dropdown": {
-			"import": "./exports/dropdown.js",
-			"types": "./exports/dropdown/dropdown.d.ts"
-		},
-		"./dropdown.js": {
-			"import": "./exports/dropdown.js",
-			"types": "./exports/dropdown/dropdown.d.ts"
-		},
-		"./elements": {
-			"import": "./exports/elements.js",
-			"types": "./exports/elements.d.ts"
-		},
-		"./elements.js": {
-			"import": "./exports/elements.js",
-			"types": "./exports/elements.d.ts"
-		},
-		"./elevation": {
-			"import": "./exports/elevation.js",
-			"types": "./exports/elevation/elevation.d.ts"
-		},
-		"./elevation.js": {
-			"import": "./exports/elevation.js",
-			"types": "./exports/elevation/elevation.d.ts"
-		},
-		"./hour-field": {
-			"import": "./exports/hour-field.js",
-			"types": "./exports/time-picker/hour-field.d.ts"
-		},
-		"./hour-field.js": {
-			"import": "./exports/hour-field.js",
-			"types": "./exports/time-picker/hour-field.d.ts"
-		},
-		"./icon-button": {
-			"import": "./exports/icon-button.js",
-			"types": "./exports/button/icon-button.d.ts"
-		},
-		"./icon-button.js": {
-			"import": "./exports/icon-button.js",
-			"types": "./exports/button/icon-button.d.ts"
-		},
-		"./icon-set": {
-			"import": "./exports/icon-set.js",
-			"types": "./exports/icon/icon-set.d.ts"
-		},
-		"./icon-set.js": {
-			"import": "./exports/icon-set.js",
-			"types": "./exports/icon/icon-set.d.ts"
-		},
-		"./icon": {
-			"import": "./exports/icon.js",
-			"types": "./exports/icon/icon.d.ts"
-		},
-		"./icon.js": {
-			"import": "./exports/icon.js",
-			"types": "./exports/icon/icon.d.ts"
-		},
-		"./input": {
-			"import": "./exports/input.js",
-			"types": "./exports/time-picker/input.d.ts"
-		},
-		"./input.js": {
-			"import": "./exports/input.js",
-			"types": "./exports/time-picker/input.d.ts"
-		},
-		"./list-item": {
-			"import": "./exports/list-item.js",
-			"types": "./exports/list/list-item.d.ts"
-		},
-		"./list-item.js": {
-			"import": "./exports/list-item.js",
-			"types": "./exports/list/list-item.d.ts"
-		},
-		"./list": {
-			"import": "./exports/list.js",
-			"types": "./exports/list/list.d.ts"
-		},
-		"./list.js": {
-			"import": "./exports/list.js",
-			"types": "./exports/list/list.d.ts"
-		},
-		"./menu": {
-			"import": "./exports/menu.js",
-			"types": "./exports/tabs/menu.d.ts"
-		},
-		"./menu.js": {
-			"import": "./exports/menu.js",
-			"types": "./exports/tabs/menu.d.ts"
-		},
-		"./minute-field": {
-			"import": "./exports/minute-field.js",
-			"types": "./exports/time-picker/minute-field.d.ts"
-		},
-		"./minute-field.js": {
-			"import": "./exports/minute-field.js",
-			"types": "./exports/time-picker/minute-field.d.ts"
-		},
-		"./pages": {
-			"import": "./exports/pages.js",
-			"types": "./exports/pages/pages.d.ts"
-		},
-		"./pages.js": {
-			"import": "./exports/pages.js",
-			"types": "./exports/pages/pages.d.ts"
-		},
-		"./pane": {
-			"import": "./exports/pane.js",
-			"types": "./exports/pane/pane.d.ts"
-		},
-		"./pane.js": {
-			"import": "./exports/pane.js",
-			"types": "./exports/pane/pane.d.ts"
-		},
-		"./rail": {
-			"import": "./exports/rail.js",
-			"types": "./exports/rail/rail.d.ts"
-		},
-		"./rail.js": {
-			"import": "./exports/rail.js",
-			"types": "./exports/rail/rail.d.ts"
-		},
-		"./root": {
-			"import": "./exports/root.js",
-			"types": "./exports/root/root.d.ts"
-		},
-		"./root.js": {
-			"import": "./exports/root.js",
-			"types": "./exports/root/root.d.ts"
-		},
-		"./scroll-mixin": {
-			"import": "./exports/scroll-mixin.js",
-			"types": "./exports/mixins/scroll-mixin.d.ts"
-		},
-		"./scroll-mixin.js": {
-			"import": "./exports/scroll-mixin.js",
-			"types": "./exports/mixins/scroll-mixin.d.ts"
-		},
-		"./section": {
-			"import": "./exports/section.js",
-			"types": "./exports/section/section.d.ts"
-		},
-		"./section.js": {
-			"import": "./exports/section.js",
-			"types": "./exports/section/section.d.ts"
-		},
-		"./select-mixin": {
-			"import": "./exports/select-mixin.js",
-			"types": "./exports/mixins/select-mixin.d.ts"
-		},
-		"./select-mixin.js": {
-			"import": "./exports/select-mixin.js",
-			"types": "./exports/mixins/select-mixin.d.ts"
-		},
-		"./selector-mixin": {
-			"import": "./exports/selector-mixin.js",
-			"types": "./exports/mixins/selector-mixin.d.ts"
-		},
-		"./selector-mixin.js": {
-			"import": "./exports/selector-mixin.js",
-			"types": "./exports/mixins/selector-mixin.d.ts"
-		},
-		"./selector": {
-			"import": "./exports/selector.js",
-			"types": "./exports/selector/selector.d.ts"
-		},
-		"./selector.js": {
-			"import": "./exports/selector.js",
-			"types": "./exports/selector/selector.d.ts"
-		},
-		"./supporting-pane": {
-			"import": "./exports/supporting-pane.js",
-			"types": "./exports/supporting-pane/supporting-pane.d.ts"
-		},
-		"./supporting-pane.js": {
-			"import": "./exports/supporting-pane.js",
-			"types": "./exports/supporting-pane/supporting-pane.d.ts"
-		},
-		"./tab": {
-			"import": "./exports/tab.js",
-			"types": "./exports/tabs/tab.d.ts"
-		},
-		"./tab.js": {
-			"import": "./exports/tab.js",
-			"types": "./exports/tabs/tab.d.ts"
-		},
-		"./tabs": {
-			"import": "./exports/tabs.js",
-			"types": "./exports/tabs/tabs.d.ts"
-		},
-		"./tabs.js": {
-			"import": "./exports/tabs.js",
-			"types": "./exports/tabs/tabs.d.ts"
-		},
-		"./text-field": {
-			"import": "./exports/text-field.js",
-			"types": "./exports/text-field/text-field.d.ts"
-		},
-		"./text-field.js": {
-			"import": "./exports/text-field.js",
-			"types": "./exports/text-field/text-field.d.ts"
-		},
-		"./theme": {
-			"import": "./exports/theme.js",
-			"types": "./exports/theme/theme.d.ts"
-		},
-		"./theme.js": {
-			"import": "./exports/theme.js",
-			"types": "./exports/theme/theme.d.ts"
-		},
-		"./time-picker": {
-			"import": "./exports/time-picker.js",
-			"types": "./exports/time-picker/time-picker.d.ts"
-		},
-		"./time-picker.js": {
-			"import": "./exports/time-picker.js",
-			"types": "./exports/time-picker/time-picker.d.ts"
-		},
-		"./title": {
-			"import": "./exports/title.js",
-			"types": "./exports/typography/title.d.ts"
-		},
-		"./title.js": {
-			"import": "./exports/title.js",
-			"types": "./exports/typography/title.d.ts"
-		},
-		"./toggle-button": {
-			"import": "./exports/toggle-button.js",
-			"types": "./exports/toggle/toggle-button.d.ts"
-		},
-		"./toggle-button.js": {
-			"import": "./exports/toggle-button.js",
-			"types": "./exports/toggle/toggle-button.d.ts"
-		},
-		"./toggle": {
-			"import": "./exports/toggle.js",
-			"types": "./exports/toggle/toggle.d.ts"
-		},
-		"./toggle.js": {
-			"import": "./exports/toggle.js",
-			"types": "./exports/toggle/toggle.d.ts"
-		},
-		"./top-app-bar": {
-			"import": "./exports/top-app-bar.js",
-			"types": "./exports/bar/top-app-bar.d.ts"
-		},
-		"./top-app-bar.js": {
-			"import": "./exports/top-app-bar.js",
-			"types": "./exports/bar/top-app-bar.d.ts"
-		},
-		"./types": {
-			"import": "./exports/types.js",
-			"types": "./exports/types.d.ts"
-		},
-		"./types.js": {
-			"import": "./exports/types.js",
-			"types": "./exports/types.d.ts"
-		},
-		"./typography": {
-			"import": "./exports/typography.js",
-			"types": "./exports/typography/typography.d.ts"
-		},
-		"./typography.js": {
-			"import": "./exports/typography.js",
-			"types": "./exports/typography/typography.d.ts"
-		}
-	}
-}
+{
+	"name": "@vandeurenglenn/lite-elements",
+	"version": "0.3.21",
+	"description": "set of lite elements following Material Design 3 spec",
+	"type": "module",
+	"scripts": {
+		"watch": "rollup -c -w",
+		"build": "rollup -c",
+		"serve": "jsproject --serve ./exports/bundle --port 8888",
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"files": [
+		"./exports",
+		"LICENSE"
+	],
+	"keywords": [],
+	"author": "",
+	"license": "MIT",
+	"dependencies": {
+		"@material-design-icons/svg": "^0.14.10",
+		"@material-symbols/svg-400": "^0.10.2",
+		"@material/web": "^1.0.0-pre.10",
+		"@vandeurenglenn/flex-elements": "^1.2.5",
+		"@vandeurenglenn/lite": "^0.2.32",
+		"custom-element-decorator": "^0.6.0"
+	},
+	"devDependencies": {
+		"@rollup/plugin-commonjs": "^25.0.2",
+		"@rollup/plugin-json": "^6.0.0",
+		"@rollup/plugin-node-resolve": "^15.1.0",
+		"@rollup/plugin-terser": "^0.4.3",
+		"@rollup/plugin-typescript": "^11.1.1",
+		"@types/html": "^1.0.1",
+		"@types/node": "^20.3.0",
+		"@web/rollup-plugin-html": "^2.0.0",
+		"chrome-launcher": "^1.0.0",
+		"globby": "^13.1.4",
+		"lighthouse": "^10.4.0",
+		"material-symbols": "^0.10.1",
+		"rimraf": "^5.0.1",
+		"rollup": "^3.24.1",
+		"rollup-plugin-auto-exports": "^1.0.0",
+		"rollup-plugin-material-symbols": "^2.1.0",
+		"tslib": "^2.5.3",
+		"typescript": "^5.1.3"
+	},
+	"exports": {
+		".": {
+			"import": "./exports/lite-elements.js",
+			"types": "./exports/lite-elements.d.ts"
+		},
+		"./banner": {
+			"import": "./exports/banner.js",
+			"types": "./exports/banner/banner.d.ts"
+		},
+		"./banner.js": {
+			"import": "./exports/banner.js",
+			"types": "./exports/banner/banner.d.ts"
+		},
+		"./button": {
+			"import": "./exports/button.js",
+			"types": "./exports/button/button.d.ts"
+		},
+		"./button.js": {
+			"import": "./exports/button.js",
+			"types": "./exports/button/button.d.ts"
+		},
+		"./card": {
+			"import": "./exports/card.js",
+			"types": "./exports/card/card.d.ts"
+		},
+		"./card.js": {
+			"import": "./exports/card.js",
+			"types": "./exports/card/card.d.ts"
+		},
+		"./code": {
+			"import": "./exports/code.js",
+			"types": "./exports/demo/code.d.ts"
+		},
+		"./code.js": {
+			"import": "./exports/code.js",
+			"types": "./exports/demo/code.d.ts"
+		},
+		"./demo-elements": {
+			"import": "./exports/demo-elements.js",
+			"types": "./exports/demo-elements.d.ts"
+		},
+		"./demo-elements.js": {
+			"import": "./exports/demo-elements.js",
+			"types": "./exports/demo-elements.d.ts"
+		},
+		"./demo-icons": {
+			"import": "./exports/demo-icons.js",
+			"types": "./exports/demo/demo-icons.d.ts"
+		},
+		"./demo-icons.js": {
+			"import": "./exports/demo-icons.js",
+			"types": "./exports/demo/demo-icons.d.ts"
+		},
+		"./demo-shell": {
+			"import": "./exports/demo-shell.js",
+			"types": "./exports/demo/demo-shell.d.ts"
+		},
+		"./demo-shell.js": {
+			"import": "./exports/demo-shell.js",
+			"types": "./exports/demo/demo-shell.d.ts"
+		},
+		"./demo": {
+			"import": "./exports/demo.js",
+			"types": "./exports/demo/demo.d.ts"
+		},
+		"./demo.js": {
+			"import": "./exports/demo.js",
+			"types": "./exports/demo/demo.d.ts"
+		},
+		"./dial": {
+			"import": "./exports/dial.js",
+			"types": "./exports/time-picker/dial.d.ts"
+		},
+		"./dial.js": {
+			"import": "./exports/dial.js",
+			"types": "./exports/time-picker/dial.d.ts"
+		},
+		"./dialog": {
+			"import": "./exports/dialog.js",
+			"types": "./exports/dialog/dialog.d.ts"
+		},
+		"./dialog.js": {
+			"import": "./exports/dialog.js",
+			"types": "./exports/dialog/dialog.d.ts"
+		},
+		"./divider": {
+			"import": "./exports/divider.js",
+			"types": "./exports/divider/divider.d.ts"
+		},
+		"./divider.js": {
+			"import": "./exports/divider.js",
+			"types": "./exports/divider/divider.d.ts"
+		},
+		"./drawer-button": {
+			"import": "./exports/drawer-button.js",
+			"types": "./exports/drawer/drawer-button.d.ts"
+		},
+		"./drawer-button.js": {
+			"import": "./exports/drawer-button.js",
+			"types": "./exports/drawer/drawer-button.d.ts"
+		},
+		"./drawer-item": {
+			"import": "./exports/drawer-item.js",
+			"types": "./exports/drawer/drawer-item.d.ts"
+		},
+		"./drawer-item.js": {
+			"import": "./exports/drawer-item.js",
+			"types": "./exports/drawer/drawer-item.d.ts"
+		},
+		"./drawer-layout": {
+			"import": "./exports/drawer-layout.js",
+			"types": "./exports/drawer/drawer-layout.d.ts"
+		},
+		"./drawer-layout.js": {
+			"import": "./exports/drawer-layout.js",
+			"types": "./exports/drawer/drawer-layout.d.ts"
+		},
+		"./drawer": {
+			"import": "./exports/drawer.js",
+			"types": "./exports/drawer/drawer.d.ts"
+		},
+		"./drawer.js": {
+			"import": "./exports/drawer.js",
+			"types": "./exports/drawer/drawer.d.ts"
+		},
+		"./dropdown-menu": {
+			"import": "./exports/dropdown-menu.js",
+			"types": "./exports/dropdown/dropdown-menu.d.ts"
+		},
+		"./dropdown-menu.js": {
+			"import": "./exports/dropdown-menu.js",
+			"types": "./exports/dropdown/dropdown-menu.d.ts"
+		},
+		"./dropdown": {
+			"import": "./exports/dropdown.js",
+			"types": "./exports/dropdown/dropdown.d.ts"
+		},
+		"./dropdown.js": {
+			"import": "./exports/dropdown.js",
+			"types": "./exports/dropdown/dropdown.d.ts"
+		},
+		"./elements": {
+			"import": "./exports/elements.js",
+			"types": "./exports/elements.d.ts"
+		},
+		"./elements.js": {
+			"import": "./exports/elements.js",
+			"types": "./exports/elements.d.ts"
+		},
+		"./elevation": {
+			"import": "./exports/elevation.js",
+			"types": "./exports/elevation/elevation.d.ts"
+		},
+		"./elevation.js": {
+			"import": "./exports/elevation.js",
+			"types": "./exports/elevation/elevation.d.ts"
+		},
+		"./hour-field": {
+			"import": "./exports/hour-field.js",
+			"types": "./exports/time-picker/hour-field.d.ts"
+		},
+		"./hour-field.js": {
+			"import": "./exports/hour-field.js",
+			"types": "./exports/time-picker/hour-field.d.ts"
+		},
+		"./icon-button": {
+			"import": "./exports/icon-button.js",
+			"types": "./exports/button/icon-button.d.ts"
+		},
+		"./icon-button.js": {
+			"import": "./exports/icon-button.js",
+			"types": "./exports/button/icon-button.d.ts"
+		},
+		"./icon-set": {
+			"import": "./exports/icon-set.js",
+			"types": "./exports/icon/icon-set.d.ts"
+		},
+		"./icon-set.js": {
+			"import": "./exports/icon-set.js",
+			"types": "./exports/icon/icon-set.d.ts"
+		},
+		"./icon": {
+			"import": "./exports/icon.js",
+			"types": "./exports/icon/icon.d.ts"
+		},
+		"./icon.js": {
+			"import": "./exports/icon.js",
+			"types": "./exports/icon/icon.d.ts"
+		},
+		"./input": {
+			"import": "./exports/input.js",
+			"types": "./exports/time-picker/input.d.ts"
+		},
+		"./input.js": {
+			"import": "./exports/input.js",
+			"types": "./exports/time-picker/input.d.ts"
+		},
+		"./list-item": {
+			"import": "./exports/list-item.js",
+			"types": "./exports/list/list-item.d.ts"
+		},
+		"./list-item.js": {
+			"import": "./exports/list-item.js",
+			"types": "./exports/list/list-item.d.ts"
+		},
+		"./list": {
+			"import": "./exports/list.js",
+			"types": "./exports/list/list.d.ts"
+		},
+		"./list.js": {
+			"import": "./exports/list.js",
+			"types": "./exports/list/list.d.ts"
+		},
+		"./menu": {
+			"import": "./exports/menu.js",
+			"types": "./exports/tabs/menu.d.ts"
+		},
+		"./menu.js": {
+			"import": "./exports/menu.js",
+			"types": "./exports/tabs/menu.d.ts"
+		},
+		"./minute-field": {
+			"import": "./exports/minute-field.js",
+			"types": "./exports/time-picker/minute-field.d.ts"
+		},
+		"./minute-field.js": {
+			"import": "./exports/minute-field.js",
+			"types": "./exports/time-picker/minute-field.d.ts"
+		},
+		"./pages": {
+			"import": "./exports/pages.js",
+			"types": "./exports/pages/pages.d.ts"
+		},
+		"./pages.js": {
+			"import": "./exports/pages.js",
+			"types": "./exports/pages/pages.d.ts"
+		},
+		"./pane": {
+			"import": "./exports/pane.js",
+			"types": "./exports/pane/pane.d.ts"
+		},
+		"./pane.js": {
+			"import": "./exports/pane.js",
+			"types": "./exports/pane/pane.d.ts"
+		},
+		"./rail": {
+			"import": "./exports/rail.js",
+			"types": "./exports/rail/rail.d.ts"
+		},
+		"./rail.js": {
+			"import": "./exports/rail.js",
+			"types": "./exports/rail/rail.d.ts"
+		},
+		"./root": {
+			"import": "./exports/root.js",
+			"types": "./exports/root/root.d.ts"
+		},
+		"./root.js": {
+			"import": "./exports/root.js",
+			"types": "./exports/root/root.d.ts"
+		},
+		"./scroll-mixin": {
+			"import": "./exports/scroll-mixin.js",
+			"types": "./exports/mixins/scroll-mixin.d.ts"
+		},
+		"./scroll-mixin.js": {
+			"import": "./exports/scroll-mixin.js",
+			"types": "./exports/mixins/scroll-mixin.d.ts"
+		},
+		"./section": {
+			"import": "./exports/section.js",
+			"types": "./exports/section/section.d.ts"
+		},
+		"./section.js": {
+			"import": "./exports/section.js",
+			"types": "./exports/section/section.d.ts"
+		},
+		"./select-mixin": {
+			"import": "./exports/select-mixin.js",
+			"types": "./exports/mixins/select-mixin.d.ts"
+		},
+		"./select-mixin.js": {
+			"import": "./exports/select-mixin.js",
+			"types": "./exports/mixins/select-mixin.d.ts"
+		},
+		"./selector-mixin": {
+			"import": "./exports/selector-mixin.js",
+			"types": "./exports/mixins/selector-mixin.d.ts"
+		},
+		"./selector-mixin.js": {
+			"import": "./exports/selector-mixin.js",
+			"types": "./exports/mixins/selector-mixin.d.ts"
+		},
+		"./selector": {
+			"import": "./exports/selector.js",
+			"types": "./exports/selector/selector.d.ts"
+		},
+		"./selector.js": {
+			"import": "./exports/selector.js",
+			"types": "./exports/selector/selector.d.ts"
+		},
+		"./supporting-pane": {
+			"import": "./exports/supporting-pane.js",
+			"types": "./exports/supporting-pane/supporting-pane.d.ts"
+		},
+		"./supporting-pane.js": {
+			"import": "./exports/supporting-pane.js",
+			"types": "./exports/supporting-pane/supporting-pane.d.ts"
+		},
+		"./tab": {
+			"import": "./exports/tab.js",
+			"types": "./exports/tabs/tab.d.ts"
+		},
+		"./tab.js": {
+			"import": "./exports/tab.js",
+			"types": "./exports/tabs/tab.d.ts"
+		},
+		"./tabs": {
+			"import": "./exports/tabs.js",
+			"types": "./exports/tabs/tabs.d.ts"
+		},
+		"./tabs.js": {
+			"import": "./exports/tabs.js",
+			"types": "./exports/tabs/tabs.d.ts"
+		},
+		"./text-field": {
+			"import": "./exports/text-field.js",
+			"types": "./exports/text-field/text-field.d.ts"
+		},
+		"./text-field.js": {
+			"import": "./exports/text-field.js",
+			"types": "./exports/text-field/text-field.d.ts"
+		},
+		"./theme": {
+			"import": "./exports/theme.js",
+			"types": "./exports/theme/theme.d.ts"
+		},
+		"./theme.js": {
+			"import": "./exports/theme.js",
+			"types": "./exports/theme/theme.d.ts"
+		},
+		"./time-picker": {
+			"import": "./exports/time-picker.js",
+			"types": "./exports/time-picker/time-picker.d.ts"
+		},
+		"./time-picker.js": {
+			"import": "./exports/time-picker.js",
+			"types": "./exports/time-picker/time-picker.d.ts"
+		},
+		"./title": {
+			"import": "./exports/title.js",
+			"types": "./exports/typography/title.d.ts"
+		},
+		"./title.js": {
+			"import": "./exports/title.js",
+			"types": "./exports/typography/title.d.ts"
+		},
+		"./toggle-button": {
+			"import": "./exports/toggle-button.js",
+			"types": "./exports/toggle/toggle-button.d.ts"
+		},
+		"./toggle-button.js": {
+			"import": "./exports/toggle-button.js",
+			"types": "./exports/toggle/toggle-button.d.ts"
+		},
+		"./toggle": {
+			"import": "./exports/toggle.js",
+			"types": "./exports/toggle/toggle.d.ts"
+		},
+		"./toggle.js": {
+			"import": "./exports/toggle.js",
+			"types": "./exports/toggle/toggle.d.ts"
+		},
+		"./top-app-bar": {
+			"import": "./exports/top-app-bar.js",
+			"types": "./exports/bar/top-app-bar.d.ts"
+		},
+		"./top-app-bar.js": {
+			"import": "./exports/top-app-bar.js",
+			"types": "./exports/bar/top-app-bar.d.ts"
+		},
+		"./types": {
+			"import": "./exports/types.js",
+			"types": "./exports/types.d.ts"
+		},
+		"./types.js": {
+			"import": "./exports/types.js",
+			"types": "./exports/types.d.ts"
+		},
+		"./typography": {
+			"import": "./exports/typography.js",
+			"types": "./exports/typography/typography.d.ts"
+		},
+		"./typography.js": {
+			"import": "./exports/typography.js",
+			"types": "./exports/typography/typography.d.ts"
+		},
+		"./upload-file": {
+			"import": "./exports/upload-file.js",
+			"types": "./exports/upload/upload-file.d.ts"
+		},
+		"./upload-file.js": {
+			"import": "./exports/upload-file.js",
+			"types": "./exports/upload/upload-file.d.ts"
+		},
+		"./upload": {
+			"import": "./exports/upload.js",
+			"types": "./exports/upload/upload.d.ts"
+		},
+		"./upload.js": {
+			"import": "./exports/upload.js",
+			"types": "./exports/upload/upload.d.ts"
+		}
+	}
+}