jebamo 0.0.1 → 0.0.2

package/dist/components/je-divider.js.map

@@ -0,0 +1 @@
+{"file":"je-divider.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mdAAmd,CAAC;AACze,wBAAe,YAAY;;MCMdA,WAAS;;;;;oBACuC,YAAY;uBACP,IAAI;;IAEpE,MAAM;QACJ,OAAO,EAAC,IAAI,sDAAE,CAAC;KAChB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeDivider"],"sources":["src/components/je-divider/je-divider.scss?tag=je-divider&encapsulation=shadow","src/components/je-divider/je-divider.tsx"],"sourcesContent":[":host {\n  --thickness: 1px;\n  --color: var(--je-medium-500);\n  --spacing: var(--je-spacing-sm);\n\n  background-color: var(--color);\n}\n\n:host([spacing=sm]) {\n  --spacing: var(--je-spacing-2xs);\n}\n\n:host([spacing=lg]) {\n  --spacing: var(--je-spacing-lg);\n}\n\n:host([spacing=none]) {\n  --spacing: 0;\n}\n\n:host([type=horizontal]) {\n  display: block;\n  width: 100%;\n  height: var(--thickness);\n  margin-block: var(--spacing);\n}\n\n:host([type=vertical]) {\n  display: inline-block;\n  align-self: normal;\n  width: var(--thickness);\n  margin-inline: var(--spacing);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-divider',\n  styleUrl: 'je-divider.scss',\n  shadow: true,\n})\nexport class JeDivider {\n  @Prop({ reflect: true }) type: 'horizontal' | 'vertical' = 'horizontal';\n  @Prop({ reflect: true }) spacing: 'sm' | 'md' | 'lg' | 'none' = 'md';\n\n  render() {\n    return <Host/>;\n  }\n}\n"],"version":3}

package/dist/components/je-drawer.d.ts

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

package/dist/components/je-drawer.js

@@ -0,0 +1,60 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+
+const jeDrawerCss = ":host{display:block;--je-drawer-width:500px;--je-drawer-shadow:0 4px 8px rgba(0, 0, 0, 0.1);--je-drawer-padding:var(--je-spacing-lg, 20px)}.backdrop{display:block;position:fixed;transition:all 250ms ease-in-out;cursor:pointer;background:var(--je-backdrop-color);top:0;left:0;height:100%;width:100%;z-index:-1}div[part=container]{display:block;position:fixed;left:0;top:0;height:100%;box-sizing:border-box;background-color:canvas;color:canvastext;overflow-y:auto;overflow-x:hidden;width:var(--je-drawer-width);transition:all 250ms ease-in-out;z-index:900;padding:var(--je-drawer-padding)}:host([state=closed]) .backdrop{opacity:0}:host([state=closed]) div[part=container]{margin-left:calc(var(--je-drawer-width) * -1)}:host([state=open]) .backdrop{opacity:1;z-index:899}:host([state=open]) div[part=container]{box-shadow:var(--je-drawer-shadow)}";
+const JeDrawerStyle0 = jeDrawerCss;
+
+const JeDrawer$1 = /*@__PURE__*/ proxyCustomElement(class JeDrawer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.state = 'closed';
+    }
+    componentDidLoad() {
+        this.pageEl = this.el.closest('je-page');
+        this.parentEl = this.el.parentElement;
+    }
+    async stateChangeHandler(newValue) {
+        if (newValue == 'open') {
+            this.el.remove();
+            this.pageEl.append(this.el);
+        }
+        else {
+            this.el.remove();
+            this.parentEl.append(this.el);
+        }
+    }
+    render() {
+        return (h(Host, { key: 'af9feae455f378cb203bbb62eda5cc05d62dce70', slot: 'overlay' }, h("div", { key: '7ae88770955b96ff62bf63c035ea4c84a47e238e', part: 'container' }, h("slot", { key: 'd419fa2f162aab9ad14d25568363b0184dcc3031' })), h("div", { key: '389e815994b313640cd2efb85e6788219624cd77', onClick: () => this.state = 'closed', class: 'backdrop' })));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "state": ["stateChangeHandler"]
+    }; }
+    static get style() { return JeDrawerStyle0; }
+}, [1, "je-drawer", {
+        "state": [1537]
+    }, undefined, {
+        "state": ["stateChangeHandler"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-drawer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-drawer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeDrawer$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeDrawer = JeDrawer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeDrawer, defineCustomElement };
+
+//# sourceMappingURL=je-drawer.js.map

package/dist/components/je-drawer.js.map

@@ -0,0 +1 @@
+{"file":"je-drawer.js","mappings":";;AAAA,MAAM,WAAW,GAAG,80BAA80B,CAAC;AACn2B,uBAAe,WAAW;;MCQbA,UAAQ;;;;;qBAE0C,QAAQ;;IAIrE,gBAAgB;QACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;KACvC;IAGD,MAAM,kBAAkB,CAAC,QAAqB;QAC5C,IAAI,QAAQ,IAAI,MAAM,EAAE;YACtB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7B;aAAM;YACL,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC/B;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,SAAS,IAClB,4DAAK,IAAI,EAAC,WAAW,IACnB,8DAAO,CACH,EACN,4DAAK,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAG,KAAK,EAAC,UAAU,GAAO,CAC9D,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeDrawer"],"sources":["src/components/je-drawer/je-drawer.scss?tag=je-drawer&encapsulation=shadow","src/components/je-drawer/je-drawer.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --je-drawer-width: 500px;\n  --je-drawer-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n  --je-drawer-padding: var(--je-spacing-lg, 20px);\n}\n\n.backdrop {\n  display: block;\n  position: fixed;\n  transition: all 250ms ease-in-out;\n  cursor: pointer;\n  background: var(--je-backdrop-color);\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n}\n\ndiv[part=container] {\n  display: block;\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  box-sizing: border-box;\n  background-color: canvas;\n  color: canvastext;\n  overflow-y: auto;\n  overflow-x: hidden;\n  width: var(--je-drawer-width);\n  transition: all 250ms ease-in-out;\n  z-index: 900;\n  padding: var(--je-drawer-padding);\n}\n\n:host([state=closed]) {\n  .backdrop {\n    opacity: 0;\n  }\n  div[part=container] {\n    margin-left: calc(var(--je-drawer-width) * -1);\n  }\n}\n\n:host([state=open]) {\n  .backdrop {\n    opacity: 1;\n    z-index: 899;\n  }\n  div[part=container] {\n    box-shadow: var(--je-drawer-shadow);\n  }\n}\n\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\nexport type DrawerState = 'open' | 'closed';\n\n@Component({\n  tag: 'je-drawer',\n  styleUrl: 'je-drawer.scss',\n  shadow: true,\n})\nexport class JeDrawer {\n  @Element() el!: HTMLElement;\n  @Prop({ reflect: true, mutable: true }) state: DrawerState = 'closed';\n  private pageEl: HTMLElement;\n  private parentEl: HTMLElement;\n\n  componentDidLoad() {\n    this.pageEl = this.el.closest('je-page');\n    this.parentEl = this.el.parentElement;\n  }\n\n  @Watch('state')\n  async stateChangeHandler(newValue: DrawerState) {\n    if (newValue == 'open') {\n      this.el.remove();\n      this.pageEl.append(this.el);\n    } else {\n      this.el.remove();\n      this.parentEl.append(this.el);\n    }\n  }\n\n  render() {\n    return (\n      <Host slot='overlay'>\n        <div part='container'>\n          <slot/>\n        </div>\n        <div onClick={() => this.state = 'closed' } class='backdrop'></div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-dropzone.d.ts

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

package/dist/components/je-dropzone.js

@@ -0,0 +1,55 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.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-medium-100)}:host([darkmode].hover){background-color:var(--je-medium-850)}";
+const JeDropzoneStyle0 = jeDropzoneCss;
+
+const JeDropzone$1 = /*@__PURE__*/ proxyCustomElement(class JeDropzone extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dataDrop = createEvent(this, "dataDrop", 7);
+    }
+    handleThemeChange(e) {
+        this.el.toggleAttribute('darkmode', e.detail == 'dark');
+    }
+    onDrop(e) {
+        e.preventDefault();
+        this.el.classList.remove('hover');
+        this.dataDrop.emit(e.dataTransfer);
+    }
+    onDragOver(e) {
+        e.preventDefault();
+        this.el.classList.add('hover');
+    }
+    onDragLeave(e) {
+        e.preventDefault();
+        this.el.classList.remove('hover');
+    }
+    render() {
+        return (h(Host, { key: '429fde45a6ef766fdb8d3212a92759ac3206aae1' }, h("div", { key: 'ea9a99fac7c311e0368de0af20141c6302f882c3', part: "content-container" }, h("slot", { key: '9132da72c448411aa8d4aa60a30d93d7dfd161fa' }))));
+    }
+    get el() { return this; }
+    static get style() { return JeDropzoneStyle0; }
+}, [1, "je-dropzone", undefined, [[16, "themeChange", "handleThemeChange"], [0, "drop", "onDrop"], [0, "dragover", "onDragOver"], [0, "dragleave", "onDragLeave"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-dropzone"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-dropzone":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeDropzone$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeDropzone = JeDropzone$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeDropzone, defineCustomElement };
+
+//# sourceMappingURL=je-dropzone.js.map

package/dist/components/je-dropzone.js.map

@@ -0,0 +1 @@
+{"file":"je-dropzone.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ubAAub,CAAC;AAC9c,yBAAe,aAAa;;MCMfA,YAAU;;;;;;;IAKrB,iBAAiB,CAAC,CAAgC;QAChD,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAA;KACxD;IAGD,MAAM,CAAC,CAAY;QACjB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;KACpC;IAGD,UAAU,CAAC,CAAY;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;KAC/B;IAGD,WAAW,CAAC,CAAY;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;KAClC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,IAAI,EAAC,mBAAmB,IAC3B,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeDropzone"],"sources":["src/components/je-dropzone/je-dropzone.scss?tag=je-dropzone&encapsulation=shadow","src/components/je-dropzone/je-dropzone.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 200px;\n  width: 300px;\n  border: 1px dashed var(--je-text-color);\n  border-radius: var(--je-border-radius);\n  color: var(--je-text-color);\n  background-color: var(--je-background-color);\n  transition: border-color 250ms, background-color 250ms;\n}\n\n:host(.hover) {\n  border-color: var(--je-primary-500);\n  background-color: var(--je-medium-100);\n}\n\n:host([darkmode].hover) {\n  background-color: var(--je-medium-850);\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-dropzone',\n  styleUrl: 'je-dropzone.scss',\n  shadow: true,\n})\nexport class JeDropzone {\n  @Element() el!: HTMLJeDropzoneElement;\n  @Event() dataDrop: EventEmitter<DataTransfer>;\n\n  @Listen('themeChange', { target: 'body' })\n  handleThemeChange(e: CustomEvent<'light' | 'dark'>) {\n    this.el.toggleAttribute('darkmode', e.detail == 'dark')\n  }\n\n  @Listen('drop', { passive: false })\n  onDrop(e: DragEvent) {\n    e.preventDefault();\n    this.el.classList.remove('hover')\n    this.dataDrop.emit(e.dataTransfer);\n  }\n\n  @Listen('dragover', { passive: false })\n  onDragOver(e: DragEvent) {\n    e.preventDefault();\n    this.el.classList.add('hover')\n  }\n\n  @Listen('dragleave', { passive: false })\n  onDragLeave(e: DragEvent) {\n    e.preventDefault();\n    this.el.classList.remove('hover')\n  }\n\n  render() {\n    return (\n      <Host>\n        <div part=\"content-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-form.d.ts

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

package/dist/components/je-form.js

@@ -0,0 +1,8 @@
+import { J as JeForm$1, d as defineCustomElement$1 } from './p-243cc91b.js';
+
+const JeForm = JeForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeForm, defineCustomElement };
+
+//# sourceMappingURL=je-form.js.map

package/dist/components/je-form.js.map

@@ -0,0 +1 @@
+{"file":"je-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/je-icon.d.ts

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

package/dist/components/je-icon.js

@@ -0,0 +1,8 @@
+import { J as JeIcon$1, d as defineCustomElement$1 } from './p-4b8ae8ef.js';
+
+const JeIcon = JeIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeIcon, defineCustomElement };
+
+//# sourceMappingURL=je-icon.js.map

package/dist/components/je-icon.js.map

@@ -0,0 +1 @@
+{"file":"je-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/je-infinite.d.ts

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

package/dist/components/je-infinite.js

@@ -0,0 +1,64 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
+
+const jeInfiniteCss = ":host{display:flex;flex-direction:column;height:100%;overflow-y:auto;box-sizing:border-box}[part=scroll-container]{flex:1}[part=intersect-container]{display:flex;flex-direction:column;align-items:center;justify-content:center}";
+const JeInfiniteStyle0 = jeInfiniteCss;
+
+const JeInfinite$1 = /*@__PURE__*/ proxyCustomElement(class JeInfinite extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.intersect = createEvent(this, "intersect", 7);
+        this.handleEntry = (entries) => {
+            const intersecting = entries[0].isIntersecting;
+            if (intersecting) {
+                console.log('intersecting');
+                this.intersect.emit();
+            }
+            else {
+                console.log('not intersecting');
+            }
+        };
+        this.loading = false;
+        this.threshold = 0.8;
+        this.rootMargin = '0px';
+    }
+    componentDidLoad() {
+        this.observer = new IntersectionObserver(this.handleEntry, {
+            root: this.element,
+            rootMargin: this.rootMargin,
+            threshold: this.threshold
+        });
+        this.observer.observe(this.viewportEl);
+    }
+    render() {
+        return (h(Host, { key: '98100d06e1ca2c1c4777ad41597430c7681fddae' }, h("div", { key: 'edd6bb1ad21584c35752eff5715aaad9da2f1b49', part: 'scroll-container' }, h("slot", { key: '59a0d3e0f772b7747ec4a87e66faf7d1e345f7b9' })), h("div", { key: 'e9267517e8b676d899ef007753f899ca12621d2b', part: 'intersect-container', style: { opacity: this.loading ? '1' : '0' }, ref: el => this.viewportEl = el }, h("slot", { key: '4fff97122df1fdb7402b4d305b0860a5d2a82122', name: 'content' }))));
+    }
+    get element() { return this; }
+    static get style() { return JeInfiniteStyle0; }
+}, [1, "je-infinite", {
+        "loading": [4],
+        "threshold": [2],
+        "rootMargin": [1, "root-margin"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-infinite"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-infinite":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeInfinite$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeInfinite = JeInfinite$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeInfinite, defineCustomElement };
+
+//# sourceMappingURL=je-infinite.js.map

package/dist/components/je-infinite.js.map

@@ -0,0 +1 @@
+{"file":"je-infinite.js","mappings":";;AAAA,MAAM,aAAa,GAAG,oOAAoO,CAAC;AAC3P,yBAAe,aAAa;;MCMfA,YAAU;;;;;;QAmCb,gBAAW,GAAiC,CAAC,OAAO;YAC1D,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;YAC/C,IAAI,YAAY,EAAE;gBAChB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;gBAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;aACvB;iBAAM;gBACL,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;aAChC;SACF,CAAA;uBAnCiB,KAAK;yBAUH,GAAG;0BAKF,KAAK;;IAE1B,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE;YACzD,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACxC;IAYD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,IAAI,EAAC,kBAAkB,IAC1B,8DAAO,CACH,EACN,4DAAK,IAAI,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,EAAC,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,IACzG,6DAAM,IAAI,EAAC,SAAS,GAAE,CAClB,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeInfinite"],"sources":["src/components/je-infinite/je-infinite.scss?tag=je-infinite&encapsulation=shadow","src/components/je-infinite/je-infinite.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-y: auto;\n  box-sizing: border-box;\n}\n\n[part=scroll-container] {\n  flex: 1;\n}\n\n[part=intersect-container] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n","import { Component, Host, h, Element, Event, EventEmitter, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'je-infinite',\n  styleUrl: 'je-infinite.scss',\n  shadow: true,\n})\nexport class JeInfinite {\n  @Element() element!: HTMLElement;\n  private observer!: IntersectionObserver;\n  private viewportEl!: HTMLElement;\n\n  /**\n   * This must be manually set to true/false to show/hide the intersecting content\n   */\n  @Prop() loading = false;\n\n  /**\n   * Emitted when the bottom of the scroll container is in the viewport\n   */\n  @Event() intersect: EventEmitter<void>;\n\n  /**\n   * Threshold passed to observer api\n   */\n  @Prop() threshold = 0.8;\n\n  /**\n   * Passed to observer api\n   */\n  @Prop() rootMargin = '0px';\n\n  componentDidLoad() {\n    this.observer = new IntersectionObserver(this.handleEntry, {\n      root: this.element,\n      rootMargin: this.rootMargin,\n      threshold: this.threshold\n    });\n\n    this.observer.observe(this.viewportEl);\n  }\n\n  private handleEntry: IntersectionObserverCallback = (entries) => {\n    const intersecting = entries[0].isIntersecting;\n    if (intersecting) {\n      console.log('intersecting')\n      this.intersect.emit();\n    } else {\n      console.log('not intersecting')\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div part='scroll-container'>\n          <slot/>\n        </div>\n        <div part='intersect-container' style={{opacity: this.loading ? '1' : '0'}} ref={el => this.viewportEl = el}>\n          <slot name='content'/>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-input.d.ts

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

package/dist/components/je-input.js

@@ -0,0 +1,8 @@
+import { J as JeInput$1, d as defineCustomElement$1 } from './p-2df369c4.js';
+
+const JeInput = JeInput$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeInput, defineCustomElement };
+
+//# sourceMappingURL=je-input.js.map

package/dist/components/je-input.js.map

@@ -0,0 +1 @@
+{"file":"je-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/je-link.d.ts

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

package/dist/components/je-link.js

@@ -0,0 +1,62 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+import { d as defineCustomElement$2 } from './p-8401b4e4.js';
+
+const jeLinkCss = ":host{display:inline-block}a{display:inline-block}.underline{text-decoration:underline}.bold{font-weight:var(--je-font-semi-bold)}";
+const JeLinkStyle0 = jeLinkCss;
+
+const JeLink$1 = /*@__PURE__*/ proxyCustomElement(class JeLink extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.color = undefined;
+        this.lightModeColor = undefined;
+        this.darkModeColor = undefined;
+        this.underline = true;
+        this.bold = false;
+        this.href = undefined;
+        this.target = undefined;
+        this.rel = undefined;
+        this.download = undefined;
+    }
+    render() {
+        return (h(Host, { key: 'e6ee6a71161ce3871e55b3cda15beab656c17910' }, h("a", { key: '98998f6dda359644563b531e4532e68882e273b6', href: this.href, target: this.target, rel: this.rel, download: this.download }, h("je-color", { key: '83600909f33b1dd9decf4d75c3abc2e3a8447e3a', class: { underline: this.underline, bold: this.bold }, color: this.color, "light-mode-color": this.lightModeColor, "dark-mode-color": this.darkModeColor }, h("slot", { key: '3caebb42da2d13dfc78b9237981d5c2c94cc96cb' })))));
+    }
+    static get style() { return JeLinkStyle0; }
+}, [1, "je-link", {
+        "color": [1],
+        "lightModeColor": [1, "light-mode-color"],
+        "darkModeColor": [1, "dark-mode-color"],
+        "underline": [4],
+        "bold": [4],
+        "href": [1],
+        "target": [1],
+        "rel": [1],
+        "download": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-link", "je-color"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeLink$1);
+            }
+            break;
+        case "je-color":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeLink = JeLink$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeLink, defineCustomElement };
+
+//# sourceMappingURL=je-link.js.map

package/dist/components/je-link.js.map

@@ -0,0 +1 @@
+{"file":"je-link.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,oIAAoI,CAAC;AACvJ,qBAAe,SAAS;;MCOXA,QAAM;;;;;;;;yBAWG,IAAI;oBAGT,KAAK;;;;;;IAcpB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,0DAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC7E,iEAAU,KAAK,EAAE,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,sBAAoB,IAAI,CAAC,cAAc,qBAAmB,IAAI,CAAC,aAAa,IAC1J,8DAAa,CACJ,CACT,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeLink"],"sources":["src/components/je-link/je-link.scss?tag=je-link&encapsulation=shadow","src/components/je-link/je-link.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\na {\n  display: inline-block;\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.bold {\n  font-weight: var(--je-font-semi-bold);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Color } from '../../components';\n\n@Component({\n  tag: 'je-link',\n  styleUrl: 'je-link.scss',\n  shadow: true,\n})\nexport class JeLink {\n  /** Predefined colors. Auto will switch between light and dark based on the closest je-page's theme. */\n  @Prop() color?: Color | 'auto';\n\n  /** Overrides what the light mode color will be when color is \"auto\". */\n  @Prop() lightModeColor?: Color;\n\n  /** Overrides what the dark mode color will be when color is \"auto\". */\n  @Prop() darkModeColor?: Color;\n\n  /** Underlines the text */\n  @Prop() underline = true;\n\n  /** Makes text bold */\n  @Prop() bold = false;\n\n  /** Passed to anchor */\n  @Prop() href?: string;\n\n  /** Passed to anchor */\n  @Prop() target?: string;\n\n  /** Passed to anchor */\n  @Prop() rel?: string;\n\n  /** Passed to anchor */\n  @Prop() download?: string;\n\n  render() {\n    return (\n      <Host>\n        <a href={this.href} target={this.target} rel={this.rel} download={this.download}>\n          <je-color class={{underline: this.underline, bold: this.bold}} color={this.color} light-mode-color={this.lightModeColor} dark-mode-color={this.darkModeColor}>\n            <slot></slot>\n          </je-color>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-loading.d.ts

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

package/dist/components/je-loading.js

@@ -0,0 +1,66 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+
+const jeLoadingCss = ":host{display:inline-block;position:relative;width:23px;height:23px;user-select:none}svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0)}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{animation:spinner-fade-out 1s linear infinite}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}";
+const JeLoadingStyle0 = jeLoadingCss;
+
+const spinners = {
+    lines: {
+        dur: 1000,
+        lines: 8,
+        fn: (dur, index, total) => {
+            const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
+            const animationDelay = `${(dur * index) / total - dur}ms`;
+            return {
+                y1: 14,
+                y2: 26,
+                style: {
+                    transform: transform,
+                    'animation-delay': animationDelay,
+                },
+            };
+        },
+    },
+};
+const buildLine = (spinner, duration, index, total) => {
+    const data = spinner.fn(duration, index, total);
+    data.style['animation-duration'] = duration + 'ms';
+    return (h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
+};
+const JeLoading$1 = /*@__PURE__*/ proxyCustomElement(class JeLoading extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        const spinner = spinners['lines'];
+        const duration = spinner.dur;
+        const svgs = [];
+        for (let i = 0; i < spinner.lines; i++) {
+            svgs.push(buildLine(spinner, duration, i, spinner.lines));
+        }
+        return (h(Host, { key: '7520159371b0c6ff774055d3f6eecf5af172d4df', class: { [`spinner-lines`]: true } }, svgs));
+    }
+    static get style() { return JeLoadingStyle0; }
+}, [1, "je-loading"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-loading"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-loading":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeLoading$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeLoading = JeLoading$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeLoading, defineCustomElement };
+
+//# sourceMappingURL=je-loading.js.map

package/dist/components/je-loading.js.map

@@ -0,0 +1 @@
+{"file":"je-loading.js","mappings":";;AAAA,MAAM,YAAY,GAAG,muBAAmuB,CAAC;AACzvB,wBAAe,YAAY;;ACoB3B,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE;QACL,GAAG,EAAE,IAAI;QACT,KAAK,EAAE,CAAC;QACR,EAAE,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,KAAa;YAC5C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC;YAC3F,MAAM,cAAc,GAAG,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC;YAE1D,OAAO;gBACL,EAAE,EAAE,EAAE;gBACN,EAAE,EAAE,EAAE;gBACN,KAAK,EAAE;oBACL,SAAS,EAAE,SAAS;oBACpB,iBAAiB,EAAE,cAAc;iBAClC;aACF,CAAC;SACH;KACF;CACF,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,OAAsB,EAAE,QAAgB,EAAE,KAAa,EAAE,KAAa;IACvF,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAChD,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,GAAG,QAAQ,GAAG,IAAI,CAAC;IAEnD,QACE,WAAK,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAC1D,YAAM,SAAS,EAAC,kBAAkB,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAC3D,EACN;AACJ,CAAC,CAAC;MAOWA,WAAS;;;;;;IACpB,MAAM;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC;QAC7B,MAAM,IAAI,GAAiB,EAAE,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;SAC3D;QAED,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,CAAC,eAAe,GAAG,IAAI,EAAE,IACrC,IAAI,CACA,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeLoading"],"sources":["src/components/je-loading/je-loading.scss?tag=je-loading&encapsulation=shadow","src/components/je-loading/je-loading.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  width: 23px;\n  height: 23px;\n  user-select: none;\n}\n\nsvg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  transform: translateZ(0);\n}\n\n:host(.spinner-lines) line,\n:host(.spinner-lines-small) line {\n  stroke-width: 7px;\n}\n\n:host(.spinner-lines-sharp) line,\n:host(.spinner-lines-sharp-small) line {\n  stroke-width: 4px;\n}\n\n:host(.spinner-lines) line,\n:host(.spinner-lines-small) line,\n:host(.spinner-lines-sharp) line,\n:host(.spinner-lines-sharp-small) line {\n  stroke-linecap: round;\n  stroke: currentColor;\n}\n\n:host(.spinner-lines) svg,\n:host(.spinner-lines-small) svg,\n:host(.spinner-lines-sharp) svg,\n:host(.spinner-lines-sharp-small) svg {\n  animation: spinner-fade-out 1s linear infinite;\n}\n\n@keyframes spinner-fade-out {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n\n}\n","import { Component, Host, h } from '@stencil/core';\n\nexport interface SpinnerConfig {\n  dur: number;\n  circles?: number;\n  lines?: number;\n  elmDuration?: boolean;\n  fn: (dur: number, index: number, total: number) => SpinnerData;\n}\n\nexport interface SpinnerData {\n  r?: number;\n  y1?: number;\n  y2?: number;\n  cx?: number;\n  cy?: number;\n  style: { [key: string]: string | undefined };\n  viewBox?: string;\n  transform?: string;\n}\n\nconst spinners = {\n  lines: {\n    dur: 1000,\n    lines: 8,\n    fn: (dur: number, index: number, total: number) => {\n      const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;\n      const animationDelay = `${(dur * index) / total - dur}ms`;\n\n      return {\n        y1: 14,\n        y2: 26,\n        style: {\n          transform: transform,\n          'animation-delay': animationDelay,\n        },\n      };\n    },\n  },\n}\n\nconst buildLine = (spinner: SpinnerConfig, duration: number, index: number, total: number) => {\n  const data = spinner.fn(duration, index, total);\n  data.style['animation-duration'] = duration + 'ms';\n\n  return (\n    <svg viewBox={data.viewBox || '0 0 64 64'} style={data.style}>\n      <line transform=\"translate(32,32)\" y1={data.y1} y2={data.y2} />\n    </svg>\n  );\n};\n\n@Component({\n  tag: 'je-loading',\n  styleUrl: 'je-loading.scss',\n  shadow: true,\n})\nexport class JeLoading {\n  render() {\n    const spinner = spinners['lines'];\n    const duration = spinner.dur;\n    const svgs: SVGElement[] = [];\n\n    for (let i = 0; i < spinner.lines; i++) {\n      svgs.push(buildLine(spinner, duration, i, spinner.lines));\n    }\n\n    return (\n      <Host class={{ [`spinner-lines`]: true }}>\n        {svgs}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-menu-option.d.ts

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

package/dist/components/je-menu-option.js

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

package/dist/components/je-menu-option.js.map

@@ -0,0 +1 @@
+{"file":"je-menu-option.js","mappings":";;AAAA,MAAM,eAAe,GAAG,sBAAsB,CAAC;AAC/C,2BAAe,eAAe;;MCMjBA,cAAY;;;;;;IACvB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeMenuOption"],"sources":["src/components/menu/je-menu-option/je-menu-option.scss?tag=je-menu-option&encapsulation=shadow","src/components/menu/je-menu-option/je-menu-option.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-menu-option',\n  styleUrl: 'je-menu-option.scss',\n  shadow: true,\n})\nexport class JeMenuOption {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-menu.d.ts

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

package/dist/components/je-menu.js

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

package/dist/components/je-menu.js.map

@@ -0,0 +1 @@
+{"file":"je-menu.js","mappings":";;AAAA,MAAM,SAAS,GAAG,sBAAsB,CAAC;AACzC,qBAAe,SAAS;;MCMXA,QAAM;;;;;;IACjB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeMenu"],"sources":["src/components/menu/je-menu/je-menu.scss?tag=je-menu&encapsulation=shadow","src/components/menu/je-menu/je-menu.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-menu',\n  styleUrl: 'je-menu.scss',\n  shadow: true,\n})\nexport class JeMenu {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-modal.d.ts

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