jebamo 0.0.10 → 0.0.11

package/components/index.js

@@ -1,4 +1,4 @@
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-B93J_-1F.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CL0NicyQ.js';
 
 const createDialog = (options) => {
     const dialog = document.createElement('je-modal');

package/components/je-accordion.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, h } from './p-CL0NicyQ.js';
 
 const jeAccordionCss = ":host{display:flex;flex-direction:column}";
 
@@ -39,7 +39,7 @@ const JeAccordion$1 = /*@__PURE__*/ proxyCustomElement(class JeAccordion extends
         }
     }
     render() {
-        return h("slot", { key: '39b6d19a09e3a1716756662f7eb86181b196112c' });
+        return h("slot", { key: 'a87df3e9b05966bba67d9aed830a95cb39293ff7' });
     }
     get el() { return this; }
     static get style() { return jeAccordionCss; }

package/components/je-action-sheet.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeActionSheetCss = ":host{display:contents;--padding:var(--je-spacing-lg, 1.25rem);--background:light-dark(rgb(233, 236, 236), rgb(41, 45, 46));--color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 20%, black 80%), color-mix(in srgb, var(--je-secondary, #99becb) 10%, white 90%))}[part=inner-container]{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%}.slot-container{flex:1;overflow-y:auto}.drag-handle{display:block;height:4px;width:36px;border-radius:100px;background-color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 80%, white 20%), color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%))}.drag-container{display:none;justify-content:center;align-items:center;height:32px}@media (any-pointer: coarse){.drag-container{display:flex}}dialog[open]{height:var(--height)}dialog{top:unset;bottom:0;left:0;right:0;width:100%;height:0;max-width:100vw;max-height:100vh;background-color:var(--background);color:var(--color);box-sizing:border-box;border:0;padding:var(--padding);margin:0;padding-bottom:env(safe-area-inset-bottom);overflow-y:hidden;transition:all var(--drag-transition, 300ms) ease-in-out allow-discrete}dialog:focus-visible{outline:0}dialog::backdrop{opacity:0;background-color:var(--je-backdrop-color, rgba(0, 0, 0, 0.5));transition:all 300ms ease-in-out allow-discrete;cursor:pointer}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]::backdrop {\n    opacity: 0}dialog[open]{height:0}";
 
@@ -106,7 +106,7 @@ const JeActionSheet$1 = /*@__PURE__*/ proxyCustomElement(class JeActionSheet ext
         this.open = false;
     }
     render() {
-        return (h(Host, { key: '7bcebf2a0e74e92862f9f338cea69f1f5212e985' }, h("style", { key: '396e0c945a8571900086c38f568b23378cb782d9' }, this.open ? `:host{--height:${this.currentHeightPx}px;}` : ''), h("slot", { key: '0feefc639c7da820b51d431bc44b6c322351e3d5', name: "trigger" }), h("dialog", { key: '08a406d1f35a7a87456a7751c09ff73c961d53cd', ref: el => (this.dialogEl = el), part: "dialog", onTransitionEnd: this.onTransitionEnd }, h("div", { key: '7ca6e3efb8d7300ba7ce3860f5cbe3ebcb5721cf', part: "inner-container", onClick: e => e.stopPropagation() }, h("div", { key: '97ec96c5a34ae7f24ff6fd7e4f709570f8ee9893', class: "drag-container", onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }, h("div", { key: '923856fdd5d8f122729615b080024e9027b679ae', class: "drag-handle" })), h("div", { key: 'cc7e1df7ccc70b4118f4b8de1f19c3fbde84d74c', class: "slot-container" }, h("slot", { key: 'a76b620c8806eac02de8bedbe1977b72e9b43f74' }))))));
+        return (h(Host, { key: 'a4f1b0112ee2ba6378faf7820633e4b9cbf623e0' }, h("style", { key: '82dea79e5e8801e453a40120cdd2c8b878b0c665' }, this.open ? `:host{--height:${this.currentHeightPx}px;}` : ''), h("slot", { key: 'e500e1c6b098e9ac98c5347873212c833261a9c5', name: "trigger" }), h("dialog", { key: 'c1a762048317d44d42a489c0b6b2d2f2387a7a6d', ref: el => (this.dialogEl = el), part: "dialog", onTransitionEnd: this.onTransitionEnd }, h("div", { key: 'e7bc88a56899805be5348d0411caac076a557ee1', part: "inner-container", onClick: e => e.stopPropagation() }, h("div", { key: '96c7b2a1147b3c5990f6194ba4191ce68979512b', class: "drag-container", onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }, h("div", { key: 'd8bbee956457002c2fbcdb74ca696a94be0e1fa4', class: "drag-handle" })), h("div", { key: '9e00125909c85485cb447365cd8c77539c175a93', class: "slot-container" }, h("slot", { key: '5a218bc95057a9cdc07d36ce7086e61d28c1aa04' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/je-alert.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-B93J_-1F.js';
-import { d as defineCustomElement$5 } from './p-DdMK_1Hv.js';
-import { d as defineCustomElement$4 } from './p-Va0_0XSV.js';
-import { d as defineCustomElement$3 } from './p-CPumxiRa.js';
-import { d as defineCustomElement$2 } from './p-C-6cRuzS.js';
+import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-CL0NicyQ.js';
+import { d as defineCustomElement$5 } from './p-BdkCRVdl.js';
+import { d as defineCustomElement$4 } from './p-ieY9b0db.js';
+import { d as defineCustomElement$3 } from './p-Du_Ow8H0.js';
+import { d as defineCustomElement$2 } from './p-BD1TXl5r.js';
 
 const jeAlertCss = ":host{display:none;overflow:hidden;position:relative;box-shadow:var(--box-shadow);border:var(--border);border-radius:var(--je-radius-md, 0.375rem);box-sizing:border-box;background-color:var(--background);color:var(--color);padding:var(--je-spacing-md, 1rem);grid-template-columns:auto 1fr auto;grid-auto-rows:auto;align-items:center;column-gap:var(--je-spacing-sm, 0.75rem);row-gap:var(--je-spacing-2xs, 0.25rem);--background:light-dark(rgb(233, 236, 236), rgb(41, 45, 46));--color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 40%, black 60%), color-mix(in srgb, var(--je-secondary, #99becb) 60%, white 40%));--box-shadow:0px 4px 16px 0px light-dark(rgba(0, 0, 0, 0.12), rgba(68, 68, 68, 0.12));--border:solid 1px light-dark(rgb(197, 200, 204), rgb(86, 87, 90))}:host([color=primary]){--accent:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host([color=secondary]){--accent:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%), var(--je-secondary, #99becb))}:host([color=warning]){--accent:var(--je-warning, #fbbf24)}:host([color=danger]){--accent:light-dark(color-mix(in srgb, var(--je-danger, #ae1818) 80%, white 20%), color-mix(in srgb, var(--je-danger, #ae1818) 60%, white 40%))}:host([color=success]){--accent:color-mix(in srgb, var(--je-success, #22c55e) 80%, black 20%)}:host(.visible){display:grid}:host(.open){animation:fadeIn 600ms forwards}:host(:not(.open)){animation:fadeOut 600ms forwards}@keyframes fadeIn{from{opacity:0;transform:scale(0%)}to{opacity:1;transform:scale(100%)}}@keyframes fadeOut{from{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0%)}}[part=header]{font-weight:bold;display:block;box-sizing:border-box;font-size:var(--je-font-lg, 1.25rem);line-height:1}[part=message]{line-height:1}je-icon{display:block;color:var(--accent)}.border{position:absolute;top:0;left:0;background-color:var(--accent);width:100%;height:var(--je-spacing-xs, 0.5rem)}.progress{position:absolute;bottom:0;left:0;width:100%;background-color:var(--accent);height:var(--je-spacing-2xs, 0.25rem);animation:shorten linear forwards;animation-play-state:paused}.progress.running{animation-play-state:running}.progress:not(.visible){opacity:0}@keyframes shorten{from{width:100%}to{width:0}}slot[name=buttons]{display:flex;align-items:center;gap:var(--je-spacing-sm, 0.75rem)}";
 
@@ -70,7 +70,7 @@ const JeAlert$1 = /*@__PURE__*/ proxyCustomElement(class JeAlert extends H {
         const hasHeader = !!this.header || !!this.el.querySelector('[slot="header"]');
         const hasMessage = !!this.message || !!this.el.querySelector('[slot="message"]');
         const hasButtons = !!this.el.querySelector('[slot="buttons"]');
-        return (h(Host, { key: '7123efc05add458578e2da31787b0467a97acb91', class: { open: this.open } }, h("div", { key: '6c9a67ee63d366897610e69d76d5bde5a0205bd3', class: "border" }), h("div", { key: '5f3325603bf16a0d2424ec58cae9ee41f3672ff4', class: "cell top-left" }, this.icon && h("je-icon", { key: 'fade65fbbc873ff8ed4dcc123a8f838d50796403', fill: true }, this.icon), h("slot", { key: '7985b7f7d4e7848751bc7e99566f73dbc26244fa', name: "start" })), h("div", { key: '8e3a6e8ae1f172ab2bc0b5e519f901493d071c59', class: "cell top-middle" }, hasHeader ? (h("slot", { name: 'header' }, this.header && h("span", { part: "header" }, this.header))) : (h("slot", { name: "message" }, this.message && h("span", { part: "message" }, this.message)))), h("div", { key: '018431b896e2eb2d93256f02201aeec5777ca46c', class: "cell top-right" }, h("slot", { key: '5a18bf7bd81a86f129c10a96ff0a102339bc2658', name: "end" }), this.closable && h("je-icon-button", { key: '416e0d8e0ecd27e09d263b08e66aec6b12cdb63d', icon: 'close', onClick: () => this.hide('userDismiss') })), hasHeader && hasMessage && (h(Fragment, { key: 'a477c20abcb9bb62ca966e3d97c1bae29c4abe0c' }, h("div", { key: '89ff036814db545804ceff7515f9018d79c7d55c', class: "cell middle-left" }), h("div", { key: '1afd0db111260562bab69f9fef2a43dd6d2e0961', class: "cell middle-middle" }, h("slot", { key: 'eb547bfa6b01c8d8e565c803a00c45dab2e4810d', name: "message" }, this.message && h("span", { key: '43e891868f2d0eabdef0282309f0ac0a964fe503', part: "message" }, this.message))), h("div", { key: '02f9f35de25a6303acb65d697977c0206139b806', class: "cell middle-right" }))), hasButtons && (h(Fragment, { key: '4f08d0d36002f3f96a1b57ff83880341426c7625' }, h("div", { key: '094e2dd38f52c577af3a7352af03d8705f533754', class: "cell bottom-left" }), h("div", { key: '9c7ca8706c882d49662e385c0a3fcda006e3c9d6', class: "cell bottom-middle" }, h("slot", { key: 'af9184f45072b382a5ae90782b27bc5f6ab1e9cf', name: "buttons" })), h("div", { key: '751cac905bc4d112670775bceec588a78292acef', class: "cell bottom-right" }))), this.duration > 0 && (h("div", { key: '010eb6bf1a5df8f3bdcdee575855418f3305e86d', onAnimationEnd: () => this.hide('autoDismiss'), class: { progress: true, running: this.open && !this.paused, visible: this.progress }, style: { animationDuration: `${this.duration}ms` } }))));
+        return (h(Host, { key: 'b52fe6332a8c0cdb18fe976514da12bfc7f1177f', class: { open: this.open } }, h("div", { key: '980b1dbeba35cafcef151c12df98c3c7ceafbfc3', class: "border" }), h("div", { key: '0107a4518153069e504ec9b9cd937ffd4a7dd1d3', class: "cell top-left" }, this.icon && h("je-icon", { key: '34e593b5bf5494188efa7d1c0e9e4d91050c8ef3', fill: true }, this.icon), h("slot", { key: '20f10bd67f54052a09fe9416eea4eb01de63bde2', name: "start" })), h("div", { key: 'e691e82ebeef7f770c299dab1efaabae04100d2a', class: "cell top-middle" }, hasHeader ? (h("slot", { name: 'header' }, this.header && h("span", { part: "header" }, this.header))) : (h("slot", { name: "message" }, this.message && h("span", { part: "message" }, this.message)))), h("div", { key: 'a4826a4369605399ddf75c02322cc796063184c0', class: "cell top-right" }, h("slot", { key: '2be8fa278127c314647980697a9374ae8e55850b', name: "end" }), this.closable && h("je-icon-button", { key: 'b73a511b7734b0849a7e7652ba5fceb4ebd62063', icon: 'close', onClick: () => this.hide('userDismiss') })), hasHeader && hasMessage && (h(Fragment, { key: '3b6b10e884782d5634617a9a40a472b9749a0c3d' }, h("div", { key: '30b6a576fea25310fe560f68b540b0e470df4f6f', class: "cell middle-left" }), h("div", { key: '591877c8ab4b62e651ca8fc2ff55c787ff78e4b5', class: "cell middle-middle" }, h("slot", { key: '9cca457371bdbdc735cff40651ce05c9715c8637', name: "message" }, this.message && h("span", { key: 'ae0e03caa467e4a6e167ea0145cddb04e102640b', part: "message" }, this.message))), h("div", { key: 'e32e769e78e77b60b2f4f88251cc1c214dff9230', class: "cell middle-right" }))), hasButtons && (h(Fragment, { key: '19bee8fe7ab54c0631f8d263f01532c2b6569da1' }, h("div", { key: 'cc46e4eb28706612d5eb9aa296b76e82c824e57f', class: "cell bottom-left" }), h("div", { key: '74bdb7c05832b781343fafa6baa3d1e0ca120742', class: "cell bottom-middle" }, h("slot", { key: 'a4c37b18c623cfaf897f8490f32acf8881f3d94e', name: "buttons" })), h("div", { key: '0110cb76f08d514a0701703b22bb8242ad39d6b9', class: "cell bottom-right" }))), this.duration > 0 && (h("div", { key: 'f2e3234004a42e437935d1e3f8c8fd001e604fb3', onAnimationEnd: () => this.hide('autoDismiss'), class: { progress: true, running: this.open && !this.paused, visible: this.progress }, style: { animationDuration: `${this.duration}ms` } }))));
     }
     get el() { return this; }
     static get style() { return jeAlertCss; }

package/components/je-branch.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, d as Host } from './p-B93J_-1F.js';
-import { d as defineCustomElement$2 } from './p-Va0_0XSV.js';
+import { p as proxyCustomElement, H, h, f as forceUpdate, d as Host } from './p-CL0NicyQ.js';
+import { d as defineCustomElement$2 } from './p-ieY9b0db.js';
 
 const jeBranchCss = ":host{display:contents;position:relative;--selected-background:light-dark(color-mix(in srgb, var(--je-primary, #4141e8) 10%, white 90%), color-mix(in srgb, var(--je-secondary, #99becb) 30%, black 70%));--selected-color:light-dark(var(--je-primary, #4141e8), var(--je-secondary, #99becb));--indentation-color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 80%, white 20%), color-mix(in srgb, var(--je-secondary, #99becb) 40%, black 60%))}.icon-placeholder{width:20px;height:24px}.level{width:var(--je-spacing-lg, 1.25rem);height:var(--je-spacing-lg, 1.25rem)}button{cursor:pointer;display:flex;align-items:center;box-sizing:border-box;border-radius:var(--je-radius-md, 0.375rem);overflow:hidden;background-color:transparent;color:inherit;width:100%;font-family:inherit;font-size:var(--je-font-md, 1rem);font-weight:var(--je-font-regular, 500);margin:0;padding-block:var(--je-spacing-2xs, 0.25rem);padding-inline:0;border:0;user-select:none;-webkit-user-select:none;z-index:1;transition:all 75ms ease-in-out;outline-offset:-6px;outline-color:var(--je-primary-400)}button:hover,button.selected:not(.multiple){background-color:var(--selected-background)}button.selected:not(.multiple){color:var(--selected-color)}[part=inner-branch-container]{overflow:hidden}[part=branch-container]{position:relative;box-sizing:border-box;display:grid;grid-template-rows:0fr;opacity:0;transition:all 250ms ease-out}[part=branch-container].indentation::before{left:calc(var(--level) * var(--je-spacing-lg, 1.25rem));transform:translate(10px);display:block;content:\"\";position:absolute;background-color:var(--indentation-color);opacity:0;width:1px;transition:opacity 250ms ease-in-out;z-index:2}[part=branch-container].open{opacity:1;grid-template-rows:1fr}[part=branch-container].open.indentation::before{opacity:1;height:100%}je-icon{color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 40%, black 60%), color-mix(in srgb, var(--je-secondary, #99becb) 40%, white 60%));transition:rotate 250ms ease}je-icon.open{rotate:90deg}.multi-icon{color:var(--selected-color)}";
 
@@ -34,7 +34,7 @@ const JeBranch$1 = /*@__PURE__*/ proxyCustomElement(class JeBranch extends H {
     }
     render() {
         const levels = new Array(this.getLevel(this.element)).fill(0);
-        return (h(Host, { key: '8c07eb5e7e9f307bf81dd11730ef5ecf9493d1cd' }, h("style", { key: '449c7a5ccab7ce059ae2427c2cba41a3710ae306' }, `:host{--level:${levels.length};`), h("button", { key: '7b19ca32bc9493a7c612911ebf48f6a79974c0b0', tabindex: 0, class: { selected: this.selected, [this.selection]: true } }, levels.map(() => h("div", { class: 'level' })), this.hasChildren ? (h("je-icon", { size: 'sm', class: { open: this.open, toggle: true }, onClickCapture: this.handleIconClick }, "chevron_right")) : (h("div", { class: 'icon-placeholder' })), this.selection === 'multiple' && (h("je-icon", { key: '9be38584075b35589afca61f5745aa3a41edf95e', size: 'sm', weight: 300, fill: true, class: 'multi-icon' }, this.selected === true ? 'check_box' : this.selected === false ? 'check_box_outline_blank' : 'indeterminate_check_box')), h("slot", { key: '54ac0e29add05980b0c3236695c342110279861f', name: "label" }, this.label && h("span", { key: 'a0c99be7731cd903c0065d1a6e41eaade9eb62af' }, this.label))), h("div", { key: '252352858230da1dfb844259fb0cd9db0626367e', class: { open: this.open, indentation: this.indentation }, part: "branch-container" }, h("div", { key: 'ca8b838a784d766616bf76d1863af5b16ada70cc', part: 'inner-branch-container' }, h("slot", { key: '5646704211ba77dab5a61ffa588a91d4a23f0c5c', onSlotchange: () => forceUpdate(this.element) })))));
+        return (h(Host, { key: '1463931fda384e44539706be94456bbf97698c29' }, h("style", { key: '0befcf440dbe184e2f00dd549982de30a32a462b' }, `:host{--level:${levels.length};`), h("button", { key: 'bb29f8dbe60b6c5e8ee8158cd45a283a2e23dfa1', tabindex: 0, class: { selected: this.selected, [this.selection]: true } }, levels.map(() => h("div", { class: 'level' })), this.hasChildren ? (h("je-icon", { size: 'sm', class: { open: this.open, toggle: true }, onClickCapture: this.handleIconClick }, "chevron_right")) : (h("div", { class: 'icon-placeholder' })), this.selection === 'multiple' && (h("je-icon", { key: 'ab604b2eb4af1e8f143952b55dfe80847ca423c1', size: 'sm', weight: 300, fill: true, class: 'multi-icon' }, this.selected === true ? 'check_box' : this.selected === false ? 'check_box_outline_blank' : 'indeterminate_check_box')), h("slot", { key: '88f5ef34b945fa035043bcbe040e85d5b83a0c6d', name: "label" }, this.label && h("span", { key: '84b6c7c59127437685b751d78e59321423450b3c' }, this.label))), h("div", { key: 'f6f6ccb6faf50276a897efd1eb2ca9459a67d6d8', class: { open: this.open, indentation: this.indentation }, part: "branch-container" }, h("div", { key: '04bad053e2f13e158bea36315ca41b570287eb04', part: 'inner-branch-container' }, h("slot", { key: '34448fb3a9bba79765d3713588291e9177282fbb', onSlotchange: () => forceUpdate(this.element) })))));
     }
     static get delegatesFocus() { return true; }
     get element() { return this; }

package/components/je-breadcrumb.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, h } from './p-CL0NicyQ.js';
 
 const jeBreadcrumbCss = ":host,a{display:none}:host(.visible){display:contents}:host(.visible) a{display:flex;align-items:center;cursor:pointer}a:any-link{color:inherit;text-decoration-line:none}";
 
@@ -9,7 +9,7 @@ const JeBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class JeBreadcrumb exten
         this.__attachShadow();
     }
     render() {
-        return (h("a", { key: '9d3db84eff238ad66a803f21c5b3a0f30bd8610a' }, h("slot", { key: 'e123da805b2cec765adb8d7aab1193b28ec469c4' })));
+        return (h("a", { key: '352fa967d367a46b5ab9344dad3c14baaa2eea31' }, h("slot", { key: 'fd07942c2dba0ee2b9b6abfb3ead64117743a87d' })));
     }
     static get style() { return jeBreadcrumbCss; }
 }, [1, "je-breadcrumb"]);

package/components/je-breadcrumbs.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-CL0NicyQ.js';
 
 const jeBreadcrumbsCss = ":host{display:contents}nav{display:flex;align-items:center;color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%), color-mix(in srgb, var(--je-secondary, #99becb) 80%, white 20%));font-weight:var(--je-font-semi-bold, 600);font-size:var(--je-font-sm, 0.875rem);line-height:var(--je-spacing-lg, 1.25rem)}::slotted(je-breadcrumb:last-child){color:light-dark(color-mix(in srgb, var(--je-primary, #4141e8) 60%, black 40%), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}::slotted(:not(:last-child))::after{content:\"pen_size_1\";display:inline-flex;transform:rotate(-15deg);cursor:inherit;font-family:\"Material Symbols Rounded\";font-weight:normal;font-style:normal;font-size:var(--je-font-lg, 1.25rem);line-height:unset;letter-spacing:normal;text-transform:none;user-select:none;-webkit-user-select:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 20;color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 60%, white 40%), color-mix(in srgb, var(--je-secondary, #99becb) 60%, black 40%))}::slotted(button.collapse){background-color:transparent;color:inherit;cursor:pointer;font-family:\"Material Symbols Rounded\";font-weight:normal;font-style:normal;font-size:var(--je-font-lg, 1.25rem);line-height:unset;letter-spacing:normal;text-transform:none;user-select:none;-webkit-user-select:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 20;border:none;margin:0;padding:0}";
 
@@ -47,7 +47,7 @@ const JeBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class JeBreadcrumbs ext
         });
     }
     render() {
-        return (h("nav", { key: '6a3fa64c68b3e390e7128aa5ab4ca87680ce1a79' }, h("slot", { key: 'bb1de67219fb044cceea8b0ad3d4a65c84786e27' })));
+        return (h("nav", { key: 'ce202de9e2e3b38a72c0743ad7b449d5fd362250' }, h("slot", { key: '17faf516993cbef92d8eb53d2451431305729788' })));
     }
     get host() { return this; }
     static get style() { return jeBreadcrumbsCss; }

package/components/je-button-group.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeButtonGroupCss = "je-button-group{display:flex;width:fit-content}je-button-group>je-button[color][fill=solid]:not(.__last)::part(inner-button),je-button-group>*>je-button[color][fill=solid]:not(.__last)::part(inner-button){border-right-color:currentColor}je-button-group>je-button::part(inner-button),je-button-group>*>je-button::part(inner-button){border-radius:0;border-left:none}je-button-group>je-button.__first::part(inner-button),je-button-group>*>je-button.__first::part(inner-button){border-left:solid 1px var(--border-color, transparent);border-top-left-radius:var(--je-radius-md, 0.375rem);border-bottom-left-radius:var(--je-radius-md, 0.375rem)}je-button-group>je-button.__last::part(inner-button),je-button-group>*>je-button.__last::part(inner-button){border-top-right-radius:var(--je-radius-md, 0.375rem);border-bottom-right-radius:var(--je-radius-md, 0.375rem)}";
 
@@ -14,7 +14,7 @@ const JeButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class JeButtonGroup ext
         (_b = buttons.at(-1)) === null || _b === void 0 ? void 0 : _b.classList.add('__last');
     }
     render() {
-        return (h(Host, { key: '2f5d5f6b70b9ee64b02202f4fd1145f40b605e61' }));
+        return (h(Host, { key: 'df56d438053a485e4a0337a454032eddf36cb7bf' }));
     }
     get el() { return this; }
     static get style() { return jeButtonGroupCss; }

package/components/je-button.js

@@ -1,4 +1,4 @@
-import { J as JeButton$1, d as defineCustomElement$1 } from './p-DdMK_1Hv.js';
+import { J as JeButton$1, d as defineCustomElement$1 } from './p-BdkCRVdl.js';
 
 const JeButton = JeButton$1;
 const defineCustomElement = defineCustomElement$1;

package/components/je-calendar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface JeCalendar extends Components.JeCalendar, HTMLElement {}
+export const JeCalendar: {
+    prototype: JeCalendar;
+    new (): JeCalendar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/je-calendar.js

@@ -0,0 +1,37 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-CL0NicyQ.js';
+
+const jeCalendarCss = ":host{display:block}";
+
+const JeCalendar$1 = /*@__PURE__*/ proxyCustomElement(class JeCalendar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: 'e1dac0d6a347084150fa377fa1b8853953c4b1f6' }, h("slot", { key: '7d4e4da0401c6d459d1379f11048438736ae6859' })));
+    }
+    static get style() { return jeCalendarCss; }
+}, [1, "je-calendar"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-calendar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-calendar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeCalendar$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeCalendar = JeCalendar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeCalendar, defineCustomElement };
+//# sourceMappingURL=je-calendar.js.map
+
+//# sourceMappingURL=je-calendar.js.map

package/components/je-calendar.js.map

@@ -0,0 +1 @@
+{"file":"je-calendar.js","mappings":";;AAAA,MAAM,aAAa,GAAG,sBAAsB;;MCO/BA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;IACrB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeCalendar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/je-calendar/je-calendar.scss?tag=je-calendar&encapsulation=shadow","src/components/je-calendar/je-calendar.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-calendar',\n  styleUrl: 'je-calendar.scss',\n  shadow: true,\n})\nexport class JeCalendar {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/je-card.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeCardCss = ":host{display:block;border:solid 1px var(--border-color);border-radius:var(--je-radius-sm, 0.125rem);overflow:hidden;box-sizing:border-box;position:relative;color:var(--color);background-color:var(--background);--color:inherit;--background:inherit;--hover-background:#9f9e9e0e;--active-background:#9f9e9e19;--border-color:color-mix(in srgb, var(--je-secondary, #99becb) 60%, white 40%)}:host([button]){cursor:pointer;user-select:none;-webkit-user-select:none;transition:all 125ms ease-in-out}:host([button]:hover){background-color:var(--hover-background)}:host([button]:active){background-color:var(--active-background)}:host([color=danger]){--color:var(--je-danger-100);--background:var(--je-danger-500);--hover-background:var(--je-danger-600);--active-background:var(--je-danger-700);--border-color:var(--je-danger-300)}:host([color=secondary]){--color:var(--je-secondary-100);--background:var(--je-secondary-500);--hover-background:var(--je-secondary-600);--active-background:var(--je-secondary-700);--border-color:var(--je-secondary-300)}:host([color=warning]){--color:var(--je-warning-100);--background:var(--je-warning-500);--hover-background:var(--je-warning-600);--active-background:var(--je-warning-700);--border-color:var(--je-warning-300)}:host([color=success]){--color:var(--je-success-100);--background:var(--je-success-500);--hover-background:var(--je-success-600);--active-background:var(--je-success-700);--border-color:var(--je-success-300)}::slotted([slot=media]){width:100%}::slotted([slot=header]){box-sizing:border-box;padding-inline:var(--je-spacing-xs, 0.5rem);border-bottom:solid 1px var(--border-color)}::slotted([slot=footer]){box-sizing:border-box;display:flex;padding-block:var(--je-spacing-xs, 0.5rem);gap:var(--je-spacing-2xs, 0.25rem)}.container{box-sizing:border-box;padding:var(--je-spacing-xs, 0.5rem)}";
 
@@ -9,7 +9,7 @@ const JeCard$1 = /*@__PURE__*/ proxyCustomElement(class JeCard extends H {
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'fa2d12053c2c526fe77f9eb1ac188a7f582f88c1' }, h("slot", { key: '7f48d1e86221bbaf67c8a5d9a2b3ac60e4a40ec1', name: 'media' }), h("slot", { key: 'fc07549ebffdfdcd01e4c7dcc67c49a429da0a20', name: 'header' }), h("div", { key: '21cadcb112d91ea9e462ff69e4efea5b9713603d', class: 'container' }, h("slot", { key: 'c0fc5c52ecc461de8cadc5c0ab635ec2932e804d' }), h("slot", { key: '43197680b71bdce4e7a673cf8cc981398388defd', name: 'footer' }))));
+        return (h(Host, { key: '53437767f47a71ea032a2179b5306ce4e40fb149' }, h("slot", { key: '9cd1759c44018356e3cf8d16e9300f600e8fc849', name: 'media' }), h("slot", { key: 'cee31af3f72abf5d9d45f5af3e22135196a0f4e6', name: 'header' }), h("div", { key: '1f73a85a6ab55da6ca1d6d593234ce2c5eec03f5', class: 'container' }, h("slot", { key: '4de2eeb37802d7d5c526f7862b2f8c9b4895718f' }), h("slot", { key: '430d0b2fa117eea71c1bf9b19908557f540428e1', name: 'footer' }))));
     }
     static get style() { return jeCardCss; }
 }, [1, "je-card", {

package/components/je-checkbox.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B93J_-1F.js';
-import { d as defineCustomElement$2 } from './p-Va0_0XSV.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CL0NicyQ.js';
+import { d as defineCustomElement$2 } from './p-ieY9b0db.js';
 
-const jeCheckboxCss = ":host{display:inline-flex;align-items:center;gap:var(--je-spacing-2xs, 0.25rem);width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;outline-color:color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%);outline-offset:2px;box-sizing:border-box}je-icon{color:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host([disabled]){opacity:0.6;cursor:not-allowed}:host(:state(checked)) .toggle-container{background-color:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host(:state(checked)) .toggle-thumb{left:100%;transform:translateX(-100%);border-color:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}.toggle-container{display:flex;align-items:center;width:2.5rem;height:1rem;padding:var(--je-spacing-3xs, 0.125rem);box-sizing:border-box;border-radius:var(--je-radius-pill, 9999px);position:relative;transition:background-color 250ms ease-in-out;background-color:var(--je-secondary, #99becb)}.toggle-thumb{position:absolute;height:var(--je-spacing-lg, 1.25rem);width:var(--je-spacing-lg, 1.25rem);background-color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 10%, white 90%), color-mix(in srgb, var(--je-secondary, #99becb) 10%, black 90%));border:solid 1px var(--je-secondary, #99becb);border-radius:50%;transition:all 250ms ease-in-out;left:0;right:unset}";
+const jeCheckboxCss = ":host{display:inline-flex;align-items:center;gap:var(--je-spacing-2xs, 0.25rem);width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;outline-color:color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%);outline-offset:2px;box-sizing:border-box}je-icon{color:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host([disabled]){opacity:0.6;cursor:not-allowed}";
 
 const JeCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckbox extends H {
     constructor() {
@@ -18,18 +18,10 @@ const JeCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckbox extends H
          * If the checkbox should contain a 3rd indeterminate state
          */
         this.indeterminate = false;
-        /**
-         * Shows the disabled state and prevents changes
-         */
-        this.disabled = false;
         /**
          * Marks the control as required in the form. This will only affect indeterminate checkboxes.
          */
         this.required = false;
-        /**
-         * Renders the component as a on/off switch rather than a checkbox.
-         */
-        this.switch = false;
     }
     componentWillLoad() {
         if (this.value === undefined && !this.indeterminate) {
@@ -44,6 +36,7 @@ const JeCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckbox extends H
     }
     componentDidLoad() {
         this.internals.role = 'checkbox';
+        this.el.tabIndex = 0;
     }
     componentDidRender() {
         this.internals.states.clear();
@@ -51,22 +44,21 @@ const JeCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckbox extends H
         this.internals.ariaChecked = this.value ? 'true' : this.value === undefined ? 'mixed' : 'false';
         this.internals.ariaRequired = this.required ? 'true' : 'false';
         this.internals.ariaInvalid = this.internals.validity.valid ? 'true' : 'false';
-        this.el.tabIndex = this.disabled ? -1 : 0;
     }
     onClick(_ev) {
         this.value = !this.value;
+        this.valueChange.emit(this.value);
     }
     onKeyDown(ev) {
         if (ev.key === ' ') {
             ev.preventDefault();
             ev.stopPropagation();
             this.value = !this.value;
+            this.valueChange.emit(this.value);
         }
     }
     handleValueChange() {
-        var _a;
-        this.valueChange.emit(this.value);
-        this.internals.setFormValue(this.value === true ? (_a = this.data) !== null && _a !== void 0 ? _a : 'true' : this.value === false ? 'false' : null);
+        this.internals.setFormValue(this.data ? (this.value === true ? this.data : null) : this.value === true ? 'true' : this.value === false ? 'false' : null);
         if (this.value === undefined && this.required) {
             this.internals.setValidity({ valueMissing: true }, 'This field is required');
         }
@@ -75,7 +67,7 @@ const JeCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckbox extends H
         }
     }
     render() {
-        return (h(Host, { key: 'ab66ed794e17037295161e0db8be15dd2eb61b98' }, this.labelPlacement == 'start' && h("slot", { key: '5c52a3f39316d56f8201876cec960cf471b2cf85' }), this.switch ? (h("div", { "aria-hidden": "true", class: 'toggle-container' }, h("div", { class: 'toggle-thumb' }))) : (h("je-icon", { "aria-hidden": "true", fill: this.value }, this.value === true ? 'check_box' : this.value === false ? 'check_box_outline_blank' : 'indeterminate_check_box')), this.labelPlacement == 'end' && h("slot", { key: 'b6d1a39c9dc61b8004a2a4ce1110d1a9739e3646' })));
+        return (h(Host, { key: 'cb179e5d11dd69df098d18fb586157a8a8c3e1b7' }, this.labelPlacement == 'start' && h("slot", { key: 'b1c453c75d4d20c3f9fa09a02da9ab6d29232b40' }), h("je-icon", { key: '306f01ab3c5483a3cdaccb60f6c41c481a37d303', "aria-hidden": "true", fill: this.value }, this.value === true ? 'check_box' : this.value === false ? 'check_box_outline_blank' : 'indeterminate_check_box'), this.labelPlacement == 'end' && h("slot", { key: 'ac45394d916857cbe44da69f93ed15da7e07795a' })));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -89,10 +81,8 @@ const JeCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckbox extends H
         "value": [1028],
         "labelPlacement": [1, "label-placement"],
         "indeterminate": [4],
-        "disabled": [4],
-        "required": [4],
-        "switch": [516]
-    }, [[0, "click", "onClick"], [2, "keydown", "onKeyDown"]], {
+        "required": [4]
+    }, [[0, "click", "onClick"], [0, "keydown", "onKeyDown"]], {
         "value": ["handleValueChange"]
     }]);
 function defineCustomElement$1() {

package/components/je-checkbox.js.map

@@ -1 +1 @@
-{"file":"je-checkbox.js","mappings":"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","names":["JeCheckbox","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/je-checkbox/je-checkbox.scss?tag=je-checkbox&encapsulation=shadow","src/components/je-checkbox/je-checkbox.tsx"],"sourcesContent":["@use '../../styles/styles' as *;\n\n:host {\n  display: inline-flex;\n  align-items: center;\n  gap: spacing-get(2xs);\n  width: fit-content;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n  outline-color: primary(200);\n  outline-offset: 2px;\n  box-sizing: border-box;\n}\n\nje-icon {\n  color: light-dark(primary(), primary(200));\n}\n\n:host([disabled]) {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n:host(:state(checked)) .toggle-container {\n  background-color: light-dark(primary(), primary(200));\n}\n\n:host(:state(checked)) .toggle-thumb {\n  left: 100%;\n  transform: translateX(-100%);\n  border-color: light-dark(primary(), primary(200));\n}\n\n.toggle-container {\n  display: flex;\n  align-items: center;\n  width: 2.5rem;\n  height: 1rem;\n  padding: spacing-get(3xs);\n  box-sizing: border-box;\n  border-radius: radius-get(pill);\n  position: relative;\n  transition: background-color 250ms ease-in-out;\n  background-color: secondary();\n}\n\n.toggle-thumb {\n  position: absolute;\n  height: spacing-get(lg);\n  width: spacing-get(lg);\n  background-color: light-dark(secondary(50), secondary(950));\n  border: solid 1px secondary();\n  border-radius: 50%;\n  transition: all 250ms ease-in-out;\n  left: 0;\n  right: unset;\n}\n","import { AttachInternals, Component, EventEmitter, Host, Prop, h, Element, Event, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'je-checkbox',\n  styleUrl: 'je-checkbox.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class JeCheckbox {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el!: HTMLElement;\n\n  /**\n   * Original value form will reset to\n   */\n  @Prop() originalValue?: boolean;\n\n  /**\n   * By default, it will submit true or false depending on the checked state.\n   * Use this property to submit a custom value instead.\n   */\n  @Prop() data?: string;\n\n  /**\n   * Whether or not the checkbox is active\n   */\n  @Prop({ mutable: true }) value?: boolean;\n\n  /**\n   * Whether or not the label should go before or after the checkbox\n   */\n  @Prop() labelPlacement: 'start' | 'end' = 'end';\n\n  /**\n   * If the checkbox should contain a 3rd indeterminate state\n   */\n  @Prop() indeterminate = false;\n\n  /**\n   * Shows the disabled state and prevents changes\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Marks the control as required in the form. This will only affect indeterminate checkboxes.\n   */\n  @Prop() required = false;\n\n  /**\n   * Renders the component as a on/off switch rather than a checkbox.\n   */\n  @Prop({ reflect: true }) switch = false;\n\n  /**\n   * Emits the current value whenever it's state changes\n   */\n  @Event({ bubbles: false }) valueChange: EventEmitter<boolean | undefined>;\n\n  componentWillLoad() {\n    if (this.value === undefined && !this.indeterminate) {\n      this.value = false;\n    }\n    this.originalValue = this.value;\n  }\n\n  formResetCallback() {\n    if (this.value !== this.originalValue) {\n      this.value = this.originalValue;\n    }\n  }\n\n  componentDidLoad() {\n    this.internals.role = 'checkbox'\n  }\n\n  componentDidRender() {\n    this.internals.states.clear()\n    this.internals.states.add(this.value ? 'checked' : this.value === undefined ? 'indeterminate' : 'unchecked')\n    this.internals.ariaChecked = this.value ? 'true' : this.value === undefined ? 'mixed' : 'false'\n    this.internals.ariaRequired = this.required ? 'true' : 'false'\n    this.internals.ariaInvalid = this.internals.validity.valid ? 'true' : 'false'\n    this.el.tabIndex = this.disabled ? -1 : 0\n  }\n\n  @Listen('click')\n  onClick(_ev: MouseEvent) {\n    this.value = !this.value;\n  }\n\n  @Listen('keydown', { capture: true })\n  onKeyDown(ev: KeyboardEvent) {\n    if (ev.key === ' ') {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.value = !this.value;\n    }\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.valueChange.emit(this.value);\n    this.internals.setFormValue(this.value === true ? this.data ?? 'true' : this.value === false ? 'false' : null);\n    if (this.value === undefined && this.required) {\n      this.internals.setValidity({ valueMissing: true }, 'This field is required');\n    } else {\n      this.internals.setValidity({});\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.labelPlacement == 'start' && <slot />}\n        {this.switch ? (\n          <div aria-hidden=\"true\" class='toggle-container'>\n            <div class='toggle-thumb'></div>\n          </div>\n        ) : (\n          <je-icon aria-hidden=\"true\" fill={this.value}>\n            {this.value === true ? 'check_box' : this.value === false ? 'check_box_outline_blank' : 'indeterminate_check_box'}\n          </je-icon>\n        )}\n        {this.labelPlacement == 'end' && <slot />}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"je-checkbox.js","mappings":"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","names":["JeCheckbox","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/je-checkbox/je-checkbox.scss?tag=je-checkbox&encapsulation=shadow","src/components/je-checkbox/je-checkbox.tsx"],"sourcesContent":["@use '../../styles/styles' as *;\n\n:host {\n  display: inline-flex;\n  align-items: center;\n  gap: spacing-get(2xs);\n  width: fit-content;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n  outline-color: primary(200);\n  outline-offset: 2px;\n  box-sizing: border-box;\n}\n\nje-icon {\n  color: light-dark(primary(), primary(200));\n}\n\n:host([disabled]) {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n","import { AttachInternals, Component, EventEmitter, Host, Prop, h, Element, Event, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'je-checkbox',\n  styleUrl: 'je-checkbox.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class JeCheckbox {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el!: HTMLElement;\n\n  /**\n   * Original value form will reset to\n   */\n  @Prop() originalValue?: boolean;\n\n  /**\n   * By default, it will submit true or false depending on the checked state.\n   * Use this property to submit a custom value instead.\n   */\n  @Prop() data?: string;\n\n  /**\n   * Whether or not the checkbox is active\n   */\n  @Prop({ mutable: true }) value?: boolean;\n\n  /**\n   * Whether or not the label should go before or after the checkbox\n   */\n  @Prop() labelPlacement: 'start' | 'end' = 'end';\n\n  /**\n   * If the checkbox should contain a 3rd indeterminate state\n   */\n  @Prop() indeterminate = false;\n\n  /**\n   * Marks the control as required in the form. This will only affect indeterminate checkboxes.\n   */\n  @Prop() required = false;\n\n  /**\n   * Emits the current value whenever it's state changes\n   */\n  @Event({ bubbles: false }) valueChange: EventEmitter<boolean | undefined>;\n\n  componentWillLoad() {\n    if (this.value === undefined && !this.indeterminate) {\n      this.value = false;\n    }\n    this.originalValue = this.value;\n  }\n\n  formResetCallback() {\n    if (this.value !== this.originalValue) {\n      this.value = this.originalValue;\n    }\n  }\n\n  componentDidLoad() {\n    this.internals.role = 'checkbox'\n    this.el.tabIndex = 0\n  }\n\n  componentDidRender() {\n    this.internals.states.clear()\n    this.internals.states.add(this.value ? 'checked' : this.value === undefined ? 'indeterminate' : 'unchecked')\n    this.internals.ariaChecked = this.value ? 'true' : this.value === undefined ? 'mixed' : 'false'\n    this.internals.ariaRequired = this.required ? 'true' : 'false'\n    this.internals.ariaInvalid = this.internals.validity.valid ? 'true' : 'false'\n  }\n\n  @Listen('click')\n  onClick(_ev: MouseEvent) {\n    this.value = !this.value;\n    this.valueChange.emit(this.value);\n  }\n\n  @Listen('keydown')\n  onKeyDown(ev: KeyboardEvent) {\n    if (ev.key === ' ') {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.value = !this.value;\n      this.valueChange.emit(this.value);\n    }\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.internals.setFormValue(this.data ? (this.value === true ? this.data : null) : this.value === true ? 'true' : this.value === false ? 'false' : null);\n    if (this.value === undefined && this.required) {\n      this.internals.setValidity({ valueMissing: true }, 'This field is required');\n    } else {\n      this.internals.setValidity({});\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.labelPlacement == 'start' && <slot />}\n        <je-icon aria-hidden=\"true\" fill={this.value}>\n          {this.value === true ? 'check_box' : this.value === false ? 'check_box_outline_blank' : 'indeterminate_check_box'}\n        </je-icon>\n        {this.labelPlacement == 'end' && <slot />}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/je-color.js

@@ -1,4 +1,4 @@
-import { J as JeColor$1, d as defineCustomElement$1 } from './p-DUfcdO01.js';
+import { J as JeColor$1, d as defineCustomElement$1 } from './p-DRlL5Gjx.js';
 
 const JeColor = JeColor$1;
 const defineCustomElement = defineCustomElement$1;

package/components/je-column-group.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeColumnGroupCss = ":host{display:flex}:host([wrap]:not([wrap=false])){flex-wrap:wrap}:host([align=start]){align-items:flex-start}:host([align=center]){align-items:center}:host([align=end]){align-items:flex-end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-content:flex-start}:host([justify=center]){justify-content:center}:host([justify=end]){justify-content:flex-end}:host([justify=space-between]){justify-content:space-between}:host([justify=space-around]){justify-content:space-around}:host([gap=\"3xs\"]){gap:var(--je-spacing-3xs, 0.125rem)}:host([gap=\"2xs\"]){gap:var(--je-spacing-2xs, 0.25rem)}:host([gap=xs]){gap:var(--je-spacing-xs, 0.5rem)}:host([gap=sm]){gap:var(--je-spacing-sm, 0.75rem)}:host([gap=md]){gap:var(--je-spacing-md, 1rem)}:host([gap=lg]){gap:var(--je-spacing-lg, 1.25rem)}:host([gap=xl]){gap:var(--je-spacing-xl, 1.5rem)}:host([gap=\"2xl\"]){gap:var(--je-spacing-2xl, 2rem)}:host([gap=\"3xl\"]){gap:var(--je-spacing-3xl, 2.5rem)}";
 
@@ -9,7 +9,7 @@ const JeColumnGroup$1 = /*@__PURE__*/ proxyCustomElement(class JeColumnGroup ext
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'd9c2a068b9d57b082aa4db90e21d068d750e13b6' }, h("style", { key: 'a30a928aa2a14b90007c953a3d719a50337ffa4d' }, `:host{--columns:${this.columns || 12}}`), h("slot", { key: '626a9ea9cf4dac196d90dd850a2bcee994a25936' })));
+        return (h(Host, { key: '6fe0a0f8b32ec7a6e4f2a02c6c56282d647842d2' }, h("style", { key: 'e625b70e931f913fb054c2477b0da396c59c3470' }, `:host{--columns:${this.columns || 12}}`), h("slot", { key: 'f2047358aaf91f668c9604a9320aadc5851afed7' })));
     }
     get el() { return this; }
     static get style() { return jeColumnGroupCss; }

package/components/je-column.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeColumnCss = ":host{display:block;font-family:inherit;box-sizing:border-box;flex-grow:1;min-height:1px}";
 
@@ -42,7 +42,7 @@ const JeColumn$1 = /*@__PURE__*/ proxyCustomElement(class JeColumn extends H {
         };
     }
     render() {
-        return (h(Host, { key: 'dd858e3bc7be0c1904e55e54da765c41ad5639e8', style: this.calculateSize() }, h("slot", { key: 'd3fde082eb97cbce75dde0322f97926b316cbdbf' })));
+        return (h(Host, { key: '41c9c89b0770cbdf15236bccbffcc5eea6894b31', style: this.calculateSize() }, h("slot", { key: 'dfa1c44dfaee9c5b169b1e32f596b18e09812e38' })));
     }
     static get style() { return jeColumnCss; }
 }, [1, "je-column", {

package/components/je-datepicker.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-CL0NicyQ.js';
 import { d as dateFnsExports } from './p-iWCgRMLC.js';
-import { d as defineCustomElement$7 } from './p-DdMK_1Hv.js';
-import { d as defineCustomElement$6 } from './p-Va0_0XSV.js';
-import { d as defineCustomElement$5 } from './p-CPumxiRa.js';
-import { d as defineCustomElement$4 } from './p-C-6cRuzS.js';
-import { d as defineCustomElement$3 } from './p-CdB_lBig.js';
-import { d as defineCustomElement$2 } from './p-CYgzmWd2.js';
+import { d as defineCustomElement$7 } from './p-BdkCRVdl.js';
+import { d as defineCustomElement$6 } from './p-ieY9b0db.js';
+import { d as defineCustomElement$5 } from './p-Du_Ow8H0.js';
+import { d as defineCustomElement$4 } from './p-BD1TXl5r.js';
+import { d as defineCustomElement$3 } from './p-lBr1fFg4.js';
+import { d as defineCustomElement$2 } from './p-CbIWLZOB.js';
 
 const jeDatepickerCss = ":host{display:flex;padding:var(--je-spacing-xs, 0.5rem);box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:var(--je-spacing-sm, 0.75rem)}je-button.day{--height:var(--je-spacing-xl, 1.5rem);--padding-inline:0px}je-button.day::part(inner-button){width:var(--je-spacing-xl, 1.5rem);font-weight:400}.header{width:100%;min-width:200px;max-width:300px;display:flex;align-items:center;justify-content:space-between}.header span{flex:1;text-align:center}.weekdays-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--je-spacing-2xs, 0.25rem)}.weekdays-grid div{height:var(--je-spacing-xl, 1.5rem);width:var(--je-spacing-xl, 1.5rem);font-size:var(--je-font-md, 1rem);font-weight:400;color:color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%);text-align:center;align-content:center}.days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--je-spacing-2xs, 0.25rem)}.timepicker{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:200px;max-width:300px}.timepicker-content{display:flex}.timepicker-column{display:flex;flex-direction:column;gap:var(--je-spacing-2xs, 0.25rem);height:200px;overflow:auto;align-items:center;padding:var(--je-spacing-xs, 0.5rem);box-sizing:border-box}";
 
@@ -75,12 +75,12 @@ const JeDatepicker$1 = /*@__PURE__*/ proxyCustomElement(class JeDatepicker exten
         const daysBefore = Array.from({ length: firstDayOfWeek }).map((_, i) => dateFnsExports.subMonths(this.currentDate, 1).setDate(prevMonthEnd.getDate() - (firstDayOfWeek - i - 1)));
         const lastDayOfWeek = dateFnsExports.getDay(lastDayOfMonth);
         const daysAfter = Array.from({ length: 6 - lastDayOfWeek }).map((_, i) => dateFnsExports.addMonths(this.currentDate, 1).setDate(i + 1));
-        return (h(Host, { key: 'fd2d2a5309ef00bd00cd308d5dcee33bec1f6dc8' }, (this.type == 'date' || this.type == 'datetime') && (h(Fragment, { key: '2181a8ce6259fb207c01f6fa6d1047ab6d0b6851' }, h("div", { key: 'c8c309fda0af0676dcc62ab89ee2dca94820ec2d', class: "header" }, h("je-icon-button", { key: 'c9d8b668204b4e9a949b8d9ce9affedd8292680f', icon: 'keyboard_double_arrow_left', onClick: this.prevYear }), h("je-icon-button", { key: 'cf7fa5f059541ed65c6e3cb7665033405e58d13d', icon: 'keyboard_arrow_left', onClick: this.prevMonth }), h("span", { key: 'ee4d66c21d23d2527e24f6397ad8f4e236522710' }, dateFnsExports.format(this.currentDate, 'MMMM yyyy')), h("je-icon-button", { key: 'dbfd1936a426848c8ab0003f9e6645f766b056c4', icon: 'keyboard_arrow_right', onClick: this.nextMonth }), h("je-icon-button", { key: '76818e2f0cb454857bc105bfa378434863ce9385', icon: 'keyboard_double_arrow_right', onClick: this.nextYear })), h("div", { key: '771d362e3d772953d8a6f46a228433f85214472c', class: "weekdays-grid" }, daysOfWeek.map(day => h("div", null, day))), h("div", { key: '188773de9244c8478dade99b2ab662d5a009c1c1', class: "days-grid" }, daysBefore.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd')))), daysInMonth.map(day => {
+        return (h(Host, { key: 'b98a066fbe52dbdfd1cbdceaa2f0dee60b33cc23' }, (this.type == 'date' || this.type == 'datetime') && (h(Fragment, { key: '7d0b6573e3e5093da30d34c1477e2e83ca826a82' }, h("div", { key: '0011cf847d1211351d4d11b387fa5d3af5505c35', class: "header" }, h("je-icon-button", { key: 'b95ca07bdd17ea031822ce26be1d757cbf36904b', icon: 'keyboard_double_arrow_left', onClick: this.prevYear }), h("je-icon-button", { key: '6c29c5a3387fcb722847fe1323f31e28bc407450', icon: 'keyboard_arrow_left', onClick: this.prevMonth }), h("span", { key: 'bc2f58d9906e06d025a7b57ad3cd2d401a2bca68' }, dateFnsExports.format(this.currentDate, 'MMMM yyyy')), h("je-icon-button", { key: '3f8ddca9bf1b02a4967350625aa1f2ddaa44b816', icon: 'keyboard_arrow_right', onClick: this.nextMonth }), h("je-icon-button", { key: '773923004e744dfbd3e789e205a89b07b6a2d5e5', icon: 'keyboard_double_arrow_right', onClick: this.nextYear })), h("div", { key: '5f7d1d002add648381ab42fd0bfb782c24f7bb02', class: "weekdays-grid" }, daysOfWeek.map(day => h("div", null, day))), h("div", { key: '8f3cd3f021d9a0945bd90c3e196096bd62d78558', class: "days-grid" }, daysBefore.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd')))), daysInMonth.map(day => {
             const selected = this.value && dateFnsExports.isSameDay(day, this.value);
             const today = dateFnsExports.isToday(day);
             const isDisabled = (this.isDateDisabled && this.isDateDisabled(day)) || (this.min && day < new Date(this.min)) || (this.max && day > new Date(this.max));
             return (h("je-button", { expand: true, disabled: isDisabled, color: selected || today ? 'primary' : isDisabled ? 'secondary' : undefined, fill: selected ? 'solid' : 'clear', class: 'day', onClick: () => this.setDay(day) }, dateFnsExports.format(day, 'd')));
-        }), daysAfter.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd'))))))), (this.type == 'time' || this.type == 'datetime') && (h("div", { key: 'ff22773070317fe20ffe3a1f7f7eca2ccb09bc29', class: 'timepicker' }, h("span", { key: '61a6ff78a3bc601e300851fdf672f91b78565eef' }, "Time"), h("je-popover", { key: 'da8bfbc5d444fdd1d49fff7a8e00287e42bcf6cd', arrow: true, onPresent: this.scrollTimeIntoView }, h("je-pill", { key: '18eba1c4a0a201a0196074b273caa22dcd4eac76', slot: 'trigger' }, this.value ? (this.includeSeconds ? dateFnsExports.format(this.value, 'hh:mm:ss a') : dateFnsExports.format(this.value, 'hh:mm a')) : '-'), h("div", { key: 'be4de8aaccca5c102ce203bde8abb2ac0dd7dcc1', class: 'timepicker-content' }, h("div", { key: '0d8e1e09945f0399c6d1ac96efbd2c62a22bb81d', class: 'timepicker-column' }, Array.from({ length: 24 }).map((_, hour) => (h("je-button", { size: 'sm', color: this.currentDate.getHours() === hour ? 'primary' : undefined, fill: this.currentDate.getHours() === hour ? 'solid' : 'clear', onClick: () => this.setHour(hour) }, dateFnsExports.format(new Date().setHours(hour), 'hh a'))))), h("div", { key: '5667df94213fad0bf34de823ebb4d7eb7862f17a', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, minute) => (h("je-button", { size: 'sm', color: this.currentDate.getMinutes() === minute ? 'primary' : undefined, fill: this.currentDate.getMinutes() === minute ? 'solid' : 'clear', onClick: () => this.setMinute(minute) }, dateFnsExports.format(new Date().setMinutes(minute), 'mm'))))), this.includeSeconds && (h("div", { key: '79aeb347eafb4da842f4faafac9df1d4b025031e', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, second) => (h("je-button", { size: 'sm', color: this.currentDate.getSeconds() === second ? 'primary' : undefined, fill: this.currentDate.getSeconds() === second ? 'solid' : 'clear', onClick: () => this.setSecond(second) }, dateFnsExports.format(new Date().setSeconds(second), 'ss'))))))))))));
+        }), daysAfter.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd'))))))), (this.type == 'time' || this.type == 'datetime') && (h("div", { key: 'f50f591eeb16d5a8732e9b30a42eba673f32384d', class: 'timepicker' }, h("span", { key: '6927deea9958b340cca4cd7637ca2603c6edc63c' }, "Time"), h("je-popover", { key: '12138f92fcef7386ea1ab7288ba25fa7af2c6796', arrow: true, onPresent: this.scrollTimeIntoView }, h("je-pill", { key: 'a905c257376113e808b35616c94e5cf2b413270d', slot: 'trigger' }, this.value ? (this.includeSeconds ? dateFnsExports.format(this.value, 'hh:mm:ss a') : dateFnsExports.format(this.value, 'hh:mm a')) : '-'), h("div", { key: '2af6bb66e76ec0858cbfa92694648bede547dbf0', class: 'timepicker-content' }, h("div", { key: '57ec7f9421eefe59194357a6ab6813f889a52a3f', class: 'timepicker-column' }, Array.from({ length: 24 }).map((_, hour) => (h("je-button", { size: 'sm', color: this.currentDate.getHours() === hour ? 'primary' : undefined, fill: this.currentDate.getHours() === hour ? 'solid' : 'clear', onClick: () => this.setHour(hour) }, dateFnsExports.format(new Date().setHours(hour), 'hh a'))))), h("div", { key: '14daad853052b211b6a491a00b0e43a492129502', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, minute) => (h("je-button", { size: 'sm', color: this.currentDate.getMinutes() === minute ? 'primary' : undefined, fill: this.currentDate.getMinutes() === minute ? 'solid' : 'clear', onClick: () => this.setMinute(minute) }, dateFnsExports.format(new Date().setMinutes(minute), 'mm'))))), this.includeSeconds && (h("div", { key: '2f892c17024c84abdd0c9e94f839943738696248', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, second) => (h("je-button", { size: 'sm', color: this.currentDate.getSeconds() === second ? 'primary' : undefined, fill: this.currentDate.getSeconds() === second ? 'solid' : 'clear', onClick: () => this.setSecond(second) }, dateFnsExports.format(new Date().setSeconds(second), 'ss'))))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/je-details.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B93J_-1F.js';
-import { d as defineCustomElement$6 } from './p-DdMK_1Hv.js';
-import { d as defineCustomElement$5 } from './p-Va0_0XSV.js';
-import { d as defineCustomElement$4 } from './p-CPumxiRa.js';
-import { d as defineCustomElement$3 } from './p-C-6cRuzS.js';
-import { d as defineCustomElement$2 } from './p-CjkJlwZQ.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CL0NicyQ.js';
+import { d as defineCustomElement$6 } from './p-BdkCRVdl.js';
+import { d as defineCustomElement$5 } from './p-ieY9b0db.js';
+import { d as defineCustomElement$4 } from './p-Du_Ow8H0.js';
+import { d as defineCustomElement$3 } from './p-BD1TXl5r.js';
+import { d as defineCustomElement$2 } from './p-BqMF0IP6.js';
 
 const jeDetailsCss = ":host{display:contents;--content-open-padding:var(--je-spacing-md, 1rem) 0 0 0}button{width:100%;margin:0;padding:0;border:0;font-family:inherit;background-color:inherit;color:inherit;cursor:pointer;display:block}summary{font-size:var(--je-font-md, 1rem)}je-icon{transition:rotate 250ms ease-in-out}[part=content-container]{box-sizing:border-box;display:grid;grid-template-rows:0fr;padding:0;opacity:0;transition:all 250ms ease-out}[part=content]{overflow:hidden}:host([open]) [part=content-container]{grid-template-rows:1fr;opacity:1;padding:var(--content-open-padding)}:host([open]) je-icon{rotate:90deg}";
 
@@ -27,8 +27,8 @@ const JeDetails$1 = /*@__PURE__*/ proxyCustomElement(class JeDetails extends H {
         }
     }
     render() {
-        const icon = h("je-icon", { key: '5e0238757a29c450b1a6566df8a8982bb7d5805e' }, "chevron_right");
-        return (h(Host, { key: '011341e9ea47167df1e2abf35d1200cdd1e1b331' }, this.iconToggle ? (h("je-toolbar", null, this.iconSide == 'left' && h("je-icon-button", { onClick: () => this.open = !this.open }, icon), h("slot", { name: 'start' }), h("slot", { name: "summary" }, this.summary && h("summary", null, this.summary)), h("slot", { name: 'end', slot: 'end' }), this.iconSide == 'right' && h("je-icon-button", { slot: 'end', onClick: () => this.open = !this.open }, icon))) : (h("button", { part: 'toggle', onClick: () => this.open = !this.open }, h("je-toolbar", null, this.iconSide == 'left' && h("je-icon", null, "chevron_right"), h("slot", { name: 'start' }), h("slot", { name: "summary" }, this.summary && h("summary", null, this.summary)), h("slot", { name: 'end', slot: 'end' }), this.iconSide == 'right' && h("je-icon", { slot: 'end' }, "chevron_right")))), h("div", { key: '79262c7b3d045e487fa0e345d93efb5db72ed90b', part: 'content-container' }, h("div", { key: 'f46668205e5370bdc7ecd21f5bfb378779d0f3d6', part: 'content' }, h("slot", { key: '7263107b091279cb6f788fa5d2f2c720c5e0adf4' })))));
+        const icon = h("je-icon", { key: '4d33e0fbcb54df8331866d948cf5a4c5268d1654' }, "chevron_right");
+        return (h(Host, { key: '870c7796e4d1ce24e65b8c870b53eb6ec239e459' }, this.iconToggle ? (h("je-toolbar", null, this.iconSide == 'left' && h("je-icon-button", { onClick: () => this.open = !this.open }, icon), h("slot", { name: 'start' }), h("slot", { name: "summary" }, this.summary && h("summary", null, this.summary)), h("slot", { name: 'end', slot: 'end' }), this.iconSide == 'right' && h("je-icon-button", { slot: 'end', onClick: () => this.open = !this.open }, icon))) : (h("button", { part: 'toggle', onClick: () => this.open = !this.open }, h("je-toolbar", null, this.iconSide == 'left' && h("je-icon", null, "chevron_right"), h("slot", { name: 'start' }), h("slot", { name: "summary" }, this.summary && h("summary", null, this.summary)), h("slot", { name: 'end', slot: 'end' }), this.iconSide == 'right' && h("je-icon", { slot: 'end' }, "chevron_right")))), h("div", { key: '480c2acfc861d107f0b7d5e192c3448481549e70', part: 'content-container' }, h("div", { key: '10e0af83946808e66e092801fff9832457857ea3', part: 'content' }, h("slot", { key: '0b5db628f58895ace8ee0c5829f2b9dabb4f5751' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/je-divider.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeDividerCss = ":host{--thickness:1px;--color:var(--je-secondary-500);background-color:var(--color)}:host([spacing=sm]){--spacing:var(--je-spacing-2xs)}:host([spacing=md]){--spacing:var(--je-spacing-sm)}:host([spacing=lg]){--spacing:var(--je-spacing-lg)}:host([type=horizontal]){display:block;width:100%;height:var(--thickness);margin-block:var(--spacing, 0)}:host([type=vertical]){display:inline-block;align-self:normal;width:var(--thickness);margin-inline:var(--spacing)}";
 
@@ -11,7 +11,7 @@ const JeDivider$1 = /*@__PURE__*/ proxyCustomElement(class JeDivider extends H {
         this.spacing = 'md';
     }
     render() {
-        return h(Host, { key: '465db3fc24feeb07380cf3bd208f5b61d8b28b30' });
+        return h(Host, { key: '0c355529300a84aaa680d649e0cfcf73992189a0' });
     }
     static get style() { return jeDividerCss; }
 }, [1, "je-divider", {

package/components/je-drawer.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeDrawerCss = ":host{display:contents;--width:80%;--padding:var(--je-spacing-lg, 1.25rem);--background:light-dark(rgb(233, 236, 236), rgb(41, 45, 46));--color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 20%, black 80%), color-mix(in srgb, var(--je-secondary, #99becb) 10%, white 90%))}@media (width > 1200px){:host{--width:40%}}@media (992px < width < 1201px){:host{--width:50%}}@media (768px < width < 993px){:host{--width:60%}}[part=inner-container]{box-sizing:border-box;width:100%;height:100%}:host([side=left]) dialog[open]{margin-left:0}:host([side=right]) dialog[open]{margin-right:0}:host([side=left]) dialog{left:0;margin-left:calc(var(--width) * -1)}:host([side=right]) dialog{right:0;margin-right:calc(var(--width) * -1)}dialog{top:0;height:100%;width:var(--width);max-width:100vw;max-height:100vh;background-color:var(--background);color:var(--color);box-sizing:border-box;border:0;padding:var(--padding);margin-block:0;transition:all 300ms ease-in-out allow-discrete}dialog:focus-visible{outline:0}dialog::backdrop{opacity:0;background-color:var(--je-backdrop-color, rgba(0, 0, 0, 0.5));transition:all 300ms ease-in-out allow-discrete;cursor:pointer}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]::backdrop {\n    opacity: 0}:host([side=left]) dialog[open]{margin-left:calc(var(--width) * -1)}:host([side=right]) dialog[open]{margin-right:calc(var(--width) * -1)}";
 
@@ -62,7 +62,7 @@ const JeDrawer$1 = /*@__PURE__*/ proxyCustomElement(class JeDrawer extends H {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'db1621b50db240698a25d576357fa19cdea74933' }, h("slot", { key: '31498100845886b9dbc96f1c868022c48e2375e1', name: "trigger" }), h("dialog", { key: '6ead7cf58a88bf77db5fbdb2fe99a3c1a985f980', ref: el => (this.dialogEl = el), part: "dialog", onTransitionEnd: this.onTransitionEnd }, h("div", { key: '2c2a545c6e4e4fedd4de40ce43d67046ad4d3ef4', part: "inner-container", onClick: e => e.stopPropagation() }, h("slot", { key: '16b8986346fb50248ce694a1ef4a5059fca9be5f' })))));
+        return (h(Host, { key: 'a8a38e17dddfce1640ef22d21e76d715db512bbf' }, h("slot", { key: 'dea589de214214a6bd69180b153c8c0d983caa0c', name: "trigger" }), h("dialog", { key: '96b302d8deb724d475b95af76bc92944307e2559', ref: el => (this.dialogEl = el), part: "dialog", onTransitionEnd: this.onTransitionEnd }, h("div", { key: '217c788e8a389acefbff26afef0be138a91782ff', part: "inner-container", onClick: e => e.stopPropagation() }, h("slot", { key: '68db9d86e93b7a09eaa70861d3705258850bd988' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/je-dropzone.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CL0NicyQ.js';
 
 const jeDropzoneCss = ":host{display:flex;align-items:center;justify-content:center;height:200px;width:300px;border:1px dashed var(--je-text-color);border-radius:var(--je-border-radius);color:var(--je-text-color);background-color:var(--je-background-color);transition:border-color 250ms, background-color 250ms}:host(.hover){border-color:var(--je-primary-500);background-color:var(--je-secondary-100)}:host([darkmode].hover){background-color:var(--je-secondary-850)}";
 
@@ -26,7 +26,7 @@ const JeDropzone$1 = /*@__PURE__*/ proxyCustomElement(class JeDropzone extends H
         this.el.classList.remove('hover');
     }
     render() {
-        return (h(Host, { key: '667e526662027dc6c444b59641ca88cce89b0aa5' }, h("div", { key: '152f10ac0d8c6df7e6158182c15ce19b0507f717', part: "content-container" }, h("slot", { key: 'f75d4d99c5cc1cee7fd95d87030db067b7f90f6d' }))));
+        return (h(Host, { key: '5070fe10c476caaed9b87892d1a6d7bf6d9bbd75' }, h("div", { key: '7cf8dcce5f7e34d50f5bf178dd31b777ebd2222e', part: "content-container" }, h("slot", { key: '82f4296cddcb2b3506e04eda3efe58a200146a70' }))));
     }
     get el() { return this; }
     static get style() { return jeDropzoneCss; }

package/components/je-form.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-B93J_-1F.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-CL0NicyQ.js';
 import { c as cjsExports } from './p-AizHa1XO.js';
 
 const jeFormCss = ".sc-je-form-h{display:contents}form.sc-je-form{display:contents}";
@@ -56,7 +56,7 @@ const JeForm$1 = /*@__PURE__*/ proxyCustomElement(class JeForm extends H {
         }
     }
     render() {
-        return (h("form", { key: '20d304d7daf930d665f8b7fb17415b186a2d3574', ref: this.formElementInit }, h("slot", { key: '851373b2bf9ff1d23d186c697c334daec4fd33bb' })));
+        return (h("form", { key: 'beeb0eff61adba2fa48747f5214fe039dd5ec301', ref: this.formElementInit }, h("slot", { key: 'ded21b43b24c8807515f761f5fecdc59e374fc0c' })));
     }
     static get style() { return jeFormCss; }
 }, [6, "je-form", undefined, [[0, "submit", "handleSubmit"], [0, "keydown", "handleKeyup"]]]);

package/components/je-icon-button.js

@@ -1,4 +1,4 @@
-import { J as JeIconButton$1, d as defineCustomElement$1 } from './p-CPumxiRa.js';
+import { J as JeIconButton$1, d as defineCustomElement$1 } from './p-Du_Ow8H0.js';
 
 const JeIconButton = JeIconButton$1;
 const defineCustomElement = defineCustomElement$1;

package/components/je-icon.js

@@ -1,4 +1,4 @@
-import { J as JeIcon$1, d as defineCustomElement$1 } from './p-Va0_0XSV.js';
+import { J as JeIcon$1, d as defineCustomElement$1 } from './p-ieY9b0db.js';
 
 const JeIcon = JeIcon$1;
 const defineCustomElement = defineCustomElement$1;