@stencil-kit/core 0.0.2 → 0.0.3

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["my-alert.cjs",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge.cjs",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button.cjs",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card.cjs",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component.cjs",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown.cjs",[[513,"my-dropdown",{"options":[1],"value":[1],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input.cjs",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal.cjs",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
+  return index.bootstrapLazy([["my-alert.cjs",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge.cjs",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button.cjs",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card.cjs",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component.cjs",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown.cjs",[[513,"my-dropdown",{"options":[1],"value":[1025],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input.cjs",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal.cjs",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/my-badge.cjs.entry.js

@@ -21,7 +21,7 @@ const MyBadge = class {
      */
     pill = false;
     render() {
-        return (index.h("span", { key: '33a316730b54199e32c7ecbd1160997411e5ff95', class: `badge badge--${this.color} badge--${this.size} ${this.pill ? 'badge--pill' : ''}` }, index.h("slot", { key: 'eb7a3e46ea27e7d714dcc60723ca7f5801204674' })));
+        return (index.h("span", { key: '9c76b0118c984ac578169d0f9df317fd3b99abcf', class: `badge badge--${this.color} badge--${this.size} ${this.pill ? 'badge--pill' : ''}` }, index.h("slot", { key: 'b98fb68c38ee63166be5dbb315d7b68faa0d0ce2' })));
     }
 };
 MyBadge.style = myBadgeCss();

package/dist/cjs/my-button.cjs.entry.js

@@ -21,7 +21,7 @@ const MyButton = class {
      */
     disabled = false;
     render() {
-        return (index.h("button", { key: '94d04ac3ac7441f76510463322200c2b7a01d569', class: `btn btn--${this.variant} btn--${this.size}`, disabled: this.disabled }, index.h("slot", { key: '80f6c9a56010f80635288b16804d33c780232da5' })));
+        return (index.h("button", { key: '37743c78738521a38d5d09dd486c38a9a21f8b5b', class: `btn btn--${this.variant} btn--${this.size}`, disabled: this.disabled }, index.h("slot", { key: '89e08ccf936a61509c8a4601324b8f1909dd6f59' })));
     }
 };
 MyButton.style = myButtonCss();

package/dist/cjs/my-card.cjs.entry.js

@@ -21,7 +21,7 @@ const MyCard = class {
      */
     elevation = 'medium';
     render() {
-        return (index.h("div", { key: '771331816e786b93963b10dcc4577c89da6385c5', class: `card card--${this.elevation}` }, this.cardTitle && (index.h("div", { key: '525c2dfdda668cb45895f6f1e9b55e6923b9538d', class: "card__header" }, index.h("h3", { key: 'a3025832b6ce60e73dce68f575bca6fbb1143913', class: "card__title" }, this.cardTitle), this.subtitle && index.h("p", { key: '3c3f094449a06aa41b63db17b3ab27e7e29be437', class: "card__subtitle" }, this.subtitle))), index.h("div", { key: '628c69443cf48fb07ee98fde44c0c2f6de148ed5', class: "card__content" }, index.h("slot", { key: 'f0c2c156603f2179314e7c58aabefbeda3b2e911' })), index.h("div", { key: '8f5a30d595399c6a606a5cde67c393aca93e3d0d', class: "card__footer" }, index.h("slot", { key: '1cb72bdc25ce96673d85c9fc86ff5661975cd412', name: "footer" }))));
+        return (index.h("div", { key: '1cc6f81c704aacbb729869b8aaeb76e2b4d53ff3', class: `card card--${this.elevation}` }, this.cardTitle && (index.h("div", { key: 'c6d63ec9950cedd07fd0b48bb950ef56d9ac8345', class: "card__header" }, index.h("h3", { key: '0f74084a20a4526366f6ef72ee054171af37c9d7', class: "card__title" }, this.cardTitle), this.subtitle && index.h("p", { key: 'd74199debd939f6921cb464ac43ed7bae367a170', class: "card__subtitle" }, this.subtitle))), index.h("div", { key: '4a283a4606d514a7fd493ea32aa686e82cf2edf8', class: "card__content" }, index.h("slot", { key: 'fcfb442bf91417cbed4ffb3b4825df575669cde0' })), index.h("div", { key: '73e18535c4f4fea108c8f5f846eebaf7ec299f54', class: "card__footer" }, index.h("slot", { key: 'd66f75ecb97d1663a124c69c7956d6e6556b82fa', name: "footer" }))));
     }
 };
 MyCard.style = myCardCss();

package/dist/cjs/my-component.cjs.entry.js

@@ -25,7 +25,7 @@ const MyComponent = class {
         return index$1.format(this.first, this.middle, this.last);
     }
     render() {
-        return index.h("div", { key: '543ff9a15c7d307e7e59a1143b033faeee29b1cb' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: '5c6bcb6d7c69409ec822ac4a1c31816bdbbe2bc2' }, "Hello, World! I'm ", this.getText());
     }
 };
 MyComponent.style = myComponentCss();

package/dist/cjs/my-dropdown.cjs.entry.js

@@ -33,11 +33,12 @@ const MyDropdown = class {
         return found ? found.label : this.placeholder;
     }
     select(value) {
+        this.value = value;
         this.myChange.emit(value);
         this.isOpen = false;
     }
     render() {
-        return (index.h("div", { key: '2e99fe0d9bd2ee48e0827ddcb4feec85ad102b36', class: `dropdown-wrapper ${this.error ? 'dropdown-wrapper--error' : ''}` }, this.label && index.h("label", { key: 'c69f0dcc8c6f0cadd7e3896ebacd43a5dfdfccda', class: "dropdown-label" }, this.label), index.h("div", { key: '2f9e442f6a92be57ffe694dd9ec53586fbf548e0', class: `dropdown ${this.isOpen ? 'dropdown--open' : ''} ${this.disabled ? 'dropdown--disabled' : ''}` }, index.h("button", { key: '46d0696358cac16b51127cabb408a7290a54ea1a', class: "dropdown-trigger", disabled: this.disabled, onClick: () => !this.disabled && (this.isOpen = !this.isOpen) }, index.h("span", { key: '16acade80b5ff899084acbfb753ca869f9f5f237', class: !this.value ? 'dropdown-placeholder' : '' }, this.selectedLabel), index.h("span", { key: '426582643773176b7dbaeacc22b46b27ececa60b', class: "dropdown-arrow" }, this.isOpen ? '▲' : '▼')), this.isOpen && (index.h("ul", { key: 'f1cbe6f1af273ed5b3437985ecb5bd1ec73ca318', class: "dropdown-menu" }, this.parsedOptions.map(option => (index.h("li", { class: `dropdown-item ${option.value === this.value ? 'dropdown-item--selected' : ''}`, onClick: () => this.select(option.value) }, option.label)))))), this.error && index.h("span", { key: 'd14cac844bb832778afa7592869eb96dcfeb10a2', class: "dropdown-error" }, this.error)));
+        return (index.h("div", { key: '5ba78bcc60f2eef7145873c29af8a2ff57c07728', class: `dropdown-wrapper ${this.error ? 'dropdown-wrapper--error' : ''}` }, this.label && index.h("label", { key: 'ebc13c625fd27fe64806fed5590aedefa9470b85', class: "dropdown-label" }, this.label), index.h("div", { key: '529ee15dc9ed0fcfde80f634bba4fe91ef250d5c', class: `dropdown ${this.isOpen ? 'dropdown--open' : ''} ${this.disabled ? 'dropdown--disabled' : ''}` }, index.h("button", { key: 'd5fe770674f4f6ef929febc373ddd1278ed91b1f', class: "dropdown-trigger", disabled: this.disabled, onClick: () => !this.disabled && (this.isOpen = !this.isOpen) }, index.h("span", { key: '02ed94363d6c142bad3b36b17ac5326a019485a9', class: !this.value ? 'dropdown-placeholder' : '' }, this.selectedLabel), index.h("span", { key: '10c1aed78e2655294b0ec0db17a178f86ddcc2bf', class: "dropdown-arrow" }, this.isOpen ? '▲' : '▼')), this.isOpen && (index.h("ul", { key: '4679e01162793d3dca7cdbc3cc932c2d33718d45', class: "dropdown-menu" }, this.parsedOptions.map(option => (index.h("li", { class: `dropdown-item ${option.value === this.value ? 'dropdown-item--selected' : ''}`, onClick: () => this.select(option.value) }, option.label)))))), this.error && index.h("span", { key: '71091a78c62997f1d64953b0a7251be9d184493d', class: "dropdown-error" }, this.error)));
     }
 };
 MyDropdown.style = myDropdownCss();

package/dist/cjs/stencil-library.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["my-alert.cjs",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge.cjs",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button.cjs",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card.cjs",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component.cjs",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown.cjs",[[513,"my-dropdown",{"options":[1],"value":[1],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input.cjs",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal.cjs",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
+  return index.bootstrapLazy([["my-alert.cjs",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge.cjs",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button.cjs",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card.cjs",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component.cjs",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown.cjs",[[513,"my-dropdown",{"options":[1],"value":[1025],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input.cjs",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal.cjs",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,11 @@
 {
   "entries": [
+    "components/my-dropdown/my-dropdown.js",
     "components/my-alert/my-alert.js",
     "components/my-badge/my-badge.js",
     "components/my-button/my-button.js",
     "components/my-card/my-card.js",
     "components/my-component/my-component.js",
-    "components/my-dropdown/my-dropdown.js",
     "components/my-input/my-input.js",
     "components/my-modal/my-modal.js"
   ],

package/dist/collection/components/my-badge/my-badge.js

@@ -13,7 +13,7 @@ export class MyBadge {
      */
     pill = false;
     render() {
-        return (h("span", { key: '33a316730b54199e32c7ecbd1160997411e5ff95', class: `badge badge--${this.color} badge--${this.size} ${this.pill ? 'badge--pill' : ''}` }, h("slot", { key: 'eb7a3e46ea27e7d714dcc60723ca7f5801204674' })));
+        return (h("span", { key: '9c76b0118c984ac578169d0f9df317fd3b99abcf', class: `badge badge--${this.color} badge--${this.size} ${this.pill ? 'badge--pill' : ''}` }, h("slot", { key: 'b98fb68c38ee63166be5dbb315d7b68faa0d0ce2' })));
     }
     static get is() { return "my-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-button/my-button.js

@@ -13,7 +13,7 @@ export class MyButton {
      */
     disabled = false;
     render() {
-        return (h("button", { key: '94d04ac3ac7441f76510463322200c2b7a01d569', class: `btn btn--${this.variant} btn--${this.size}`, disabled: this.disabled }, h("slot", { key: '80f6c9a56010f80635288b16804d33c780232da5' })));
+        return (h("button", { key: '37743c78738521a38d5d09dd486c38a9a21f8b5b', class: `btn btn--${this.variant} btn--${this.size}`, disabled: this.disabled }, h("slot", { key: '89e08ccf936a61509c8a4601324b8f1909dd6f59' })));
     }
     static get is() { return "my-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-card/my-card.js

@@ -13,7 +13,7 @@ export class MyCard {
      */
     elevation = 'medium';
     render() {
-        return (h("div", { key: '771331816e786b93963b10dcc4577c89da6385c5', class: `card card--${this.elevation}` }, this.cardTitle && (h("div", { key: '525c2dfdda668cb45895f6f1e9b55e6923b9538d', class: "card__header" }, h("h3", { key: 'a3025832b6ce60e73dce68f575bca6fbb1143913', class: "card__title" }, this.cardTitle), this.subtitle && h("p", { key: '3c3f094449a06aa41b63db17b3ab27e7e29be437', class: "card__subtitle" }, this.subtitle))), h("div", { key: '628c69443cf48fb07ee98fde44c0c2f6de148ed5', class: "card__content" }, h("slot", { key: 'f0c2c156603f2179314e7c58aabefbeda3b2e911' })), h("div", { key: '8f5a30d595399c6a606a5cde67c393aca93e3d0d', class: "card__footer" }, h("slot", { key: '1cb72bdc25ce96673d85c9fc86ff5661975cd412', name: "footer" }))));
+        return (h("div", { key: '1cc6f81c704aacbb729869b8aaeb76e2b4d53ff3', class: `card card--${this.elevation}` }, this.cardTitle && (h("div", { key: 'c6d63ec9950cedd07fd0b48bb950ef56d9ac8345', class: "card__header" }, h("h3", { key: '0f74084a20a4526366f6ef72ee054171af37c9d7', class: "card__title" }, this.cardTitle), this.subtitle && h("p", { key: 'd74199debd939f6921cb464ac43ed7bae367a170', class: "card__subtitle" }, this.subtitle))), h("div", { key: '4a283a4606d514a7fd493ea32aa686e82cf2edf8', class: "card__content" }, h("slot", { key: 'fcfb442bf91417cbed4ffb3b4825df575669cde0' })), h("div", { key: '73e18535c4f4fea108c8f5f846eebaf7ec299f54', class: "card__footer" }, h("slot", { key: 'd66f75ecb97d1663a124c69c7956d6e6556b82fa', name: "footer" }))));
     }
     static get is() { return "my-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/my-component.js

@@ -17,7 +17,7 @@ export class MyComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '543ff9a15c7d307e7e59a1143b033faeee29b1cb' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '5c6bcb6d7c69409ec822ac4a1c31816bdbbe2bc2' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "my-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-dropdown/my-dropdown.js

@@ -24,11 +24,12 @@ export class MyDropdown {
         return found ? found.label : this.placeholder;
     }
     select(value) {
+        this.value = value;
         this.myChange.emit(value);
         this.isOpen = false;
     }
     render() {
-        return (h("div", { key: '2e99fe0d9bd2ee48e0827ddcb4feec85ad102b36', class: `dropdown-wrapper ${this.error ? 'dropdown-wrapper--error' : ''}` }, this.label && h("label", { key: 'c69f0dcc8c6f0cadd7e3896ebacd43a5dfdfccda', class: "dropdown-label" }, this.label), h("div", { key: '2f9e442f6a92be57ffe694dd9ec53586fbf548e0', class: `dropdown ${this.isOpen ? 'dropdown--open' : ''} ${this.disabled ? 'dropdown--disabled' : ''}` }, h("button", { key: '46d0696358cac16b51127cabb408a7290a54ea1a', class: "dropdown-trigger", disabled: this.disabled, onClick: () => !this.disabled && (this.isOpen = !this.isOpen) }, h("span", { key: '16acade80b5ff899084acbfb753ca869f9f5f237', class: !this.value ? 'dropdown-placeholder' : '' }, this.selectedLabel), h("span", { key: '426582643773176b7dbaeacc22b46b27ececa60b', class: "dropdown-arrow" }, this.isOpen ? '▲' : '▼')), this.isOpen && (h("ul", { key: 'f1cbe6f1af273ed5b3437985ecb5bd1ec73ca318', class: "dropdown-menu" }, this.parsedOptions.map(option => (h("li", { class: `dropdown-item ${option.value === this.value ? 'dropdown-item--selected' : ''}`, onClick: () => this.select(option.value) }, option.label)))))), this.error && h("span", { key: 'd14cac844bb832778afa7592869eb96dcfeb10a2', class: "dropdown-error" }, this.error)));
+        return (h("div", { key: '5ba78bcc60f2eef7145873c29af8a2ff57c07728', class: `dropdown-wrapper ${this.error ? 'dropdown-wrapper--error' : ''}` }, this.label && h("label", { key: 'ebc13c625fd27fe64806fed5590aedefa9470b85', class: "dropdown-label" }, this.label), h("div", { key: '529ee15dc9ed0fcfde80f634bba4fe91ef250d5c', class: `dropdown ${this.isOpen ? 'dropdown--open' : ''} ${this.disabled ? 'dropdown--disabled' : ''}` }, h("button", { key: 'd5fe770674f4f6ef929febc373ddd1278ed91b1f', class: "dropdown-trigger", disabled: this.disabled, onClick: () => !this.disabled && (this.isOpen = !this.isOpen) }, h("span", { key: '02ed94363d6c142bad3b36b17ac5326a019485a9', class: !this.value ? 'dropdown-placeholder' : '' }, this.selectedLabel), h("span", { key: '10c1aed78e2655294b0ec0db17a178f86ddcc2bf', class: "dropdown-arrow" }, this.isOpen ? '▲' : '▼')), this.isOpen && (h("ul", { key: '4679e01162793d3dca7cdbc3cc932c2d33718d45', class: "dropdown-menu" }, this.parsedOptions.map(option => (h("li", { class: `dropdown-item ${option.value === this.value ? 'dropdown-item--selected' : ''}`, onClick: () => this.select(option.value) }, option.label)))))), this.error && h("span", { key: '71091a78c62997f1d64953b0a7251be9d184493d', class: "dropdown-error" }, this.error)));
     }
     static get is() { return "my-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -72,7 +73,7 @@ export class MyDropdown {
             },
             "value": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",

package/dist/components/my-badge.js

@@ -1 +1 @@
-import{t as e,p as o,H as t,h as a}from"./p-qbDrUNkY.js";const i=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}color="neutral";size="medium";pill=!1;render(){return a("span",{key:"33a316730b54199e32c7ecbd1160997411e5ff95",class:`badge badge--${this.color} badge--${this.size} ${this.pill?"badge--pill":""}`},a("slot",{key:"eb7a3e46ea27e7d714dcc60723ca7f5801204674"}))}static get style(){return":host{display:inline-block}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border-radius:4px;transition:all 0.2s ease}.badge--pill{border-radius:100px}.badge--small{padding:4px 8px;font-size:11px;line-height:1}.badge--medium{padding:6px 12px;font-size:13px;line-height:1}.badge--large{padding:8px 16px;font-size:15px;line-height:1}.badge--success{background-color:#10b981;color:white}.badge--warning{background-color:#f59e0b;color:white}.badge--error{background-color:#ef4444;color:white}.badge--info{background-color:#3b82f6;color:white}.badge--neutral{background-color:#6b7280;color:white}.badge:hover{opacity:0.9;transform:scale(1.05)}"}},[769,"my-badge",{color:[1],size:[1],pill:[4]}]);function n(){"undefined"!=typeof customElements&&["my-badge"].forEach((o=>{"my-badge"===o&&(customElements.get(e(o))||customElements.define(e(o),i))}))}n();const s=i,r=n;export{s as MyBadge,r as defineCustomElement}
+import{t as e,p as o,H as t,h as a}from"./p-qbDrUNkY.js";const i=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}color="neutral";size="medium";pill=!1;render(){return a("span",{key:"9c76b0118c984ac578169d0f9df317fd3b99abcf",class:`badge badge--${this.color} badge--${this.size} ${this.pill?"badge--pill":""}`},a("slot",{key:"b98fb68c38ee63166be5dbb315d7b68faa0d0ce2"}))}static get style(){return":host{display:inline-block}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border-radius:4px;transition:all 0.2s ease}.badge--pill{border-radius:100px}.badge--small{padding:4px 8px;font-size:11px;line-height:1}.badge--medium{padding:6px 12px;font-size:13px;line-height:1}.badge--large{padding:8px 16px;font-size:15px;line-height:1}.badge--success{background-color:#10b981;color:white}.badge--warning{background-color:#f59e0b;color:white}.badge--error{background-color:#ef4444;color:white}.badge--info{background-color:#3b82f6;color:white}.badge--neutral{background-color:#6b7280;color:white}.badge:hover{opacity:0.9;transform:scale(1.05)}"}},[769,"my-badge",{color:[1],size:[1],pill:[4]}]);function n(){"undefined"!=typeof customElements&&["my-badge"].forEach((o=>{"my-badge"===o&&(customElements.get(e(o))||customElements.define(e(o),i))}))}n();const s=i,r=n;export{s as MyBadge,r as defineCustomElement}

package/dist/components/my-button.js

@@ -1 +1 @@
-import{t as e,p as t,H as n,h as a}from"./p-qbDrUNkY.js";const r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}variant="primary";size="medium";disabled=!1;render(){return a("button",{key:"94d04ac3ac7441f76510463322200c2b7a01d569",class:`btn btn--${this.variant} btn--${this.size}`,disabled:this.disabled},a("slot",{key:"80f6c9a56010f80635288b16804d33c780232da5"}))}static get style(){return":host{display:inline-block}.btn{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn--small{padding:8px 16px;font-size:14px}.btn--medium{padding:12px 24px;font-size:16px}.btn--large{padding:16px 32px;font-size:18px}.btn--primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.btn--secondary{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:white}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg, #d97ee0 0%, #db4a5d 100%)}.btn--danger{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%);color:#333}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg, #e55d87 0%, #e5ca2b 100%)}"}},[769,"my-button",{variant:[1],size:[1],disabled:[4]}]);function d(){"undefined"!=typeof customElements&&["my-button"].forEach((t=>{"my-button"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}d();const i=r,o=d;export{i as MyButton,o as defineCustomElement}
+import{t as e,p as t,H as n,h as a}from"./p-qbDrUNkY.js";const r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}variant="primary";size="medium";disabled=!1;render(){return a("button",{key:"37743c78738521a38d5d09dd486c38a9a21f8b5b",class:`btn btn--${this.variant} btn--${this.size}`,disabled:this.disabled},a("slot",{key:"89e08ccf936a61509c8a4601324b8f1909dd6f59"}))}static get style(){return":host{display:inline-block}.btn{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn--small{padding:8px 16px;font-size:14px}.btn--medium{padding:12px 24px;font-size:16px}.btn--large{padding:16px 32px;font-size:18px}.btn--primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.btn--secondary{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:white}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg, #d97ee0 0%, #db4a5d 100%)}.btn--danger{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%);color:#333}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg, #e55d87 0%, #e5ca2b 100%)}"}},[769,"my-button",{variant:[1],size:[1],disabled:[4]}]);function d(){"undefined"!=typeof customElements&&["my-button"].forEach((t=>{"my-button"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}d();const i=r,o=d;export{i as MyButton,o as defineCustomElement}

package/dist/components/my-card.js

@@ -1 +1 @@
-import{t as e,p as a,H as t,h as o}from"./p-qbDrUNkY.js";const c=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}cardTitle;subtitle;elevation="medium";render(){return o("div",{key:"771331816e786b93963b10dcc4577c89da6385c5",class:"card card--"+this.elevation},this.cardTitle&&o("div",{key:"525c2dfdda668cb45895f6f1e9b55e6923b9538d",class:"card__header"},o("h3",{key:"a3025832b6ce60e73dce68f575bca6fbb1143913",class:"card__title"},this.cardTitle),this.subtitle&&o("p",{key:"3c3f094449a06aa41b63db17b3ab27e7e29be437",class:"card__subtitle"},this.subtitle)),o("div",{key:"628c69443cf48fb07ee98fde44c0c2f6de148ed5",class:"card__content"},o("slot",{key:"f0c2c156603f2179314e7c58aabefbeda3b2e911"})),o("div",{key:"8f5a30d595399c6a606a5cde67c393aca93e3d0d",class:"card__footer"},o("slot",{key:"1cb72bdc25ce96673d85c9fc86ff5661975cd412",name:"footer"})))}static get style(){return":host{display:block}.card{background:white;border-radius:12px;overflow:hidden;transition:all 0.3s ease;border:1px solid #e5e7eb}.card:hover{transform:translateY(-4px)}.card--low{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.card--low:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high:hover{box-shadow:0 20px 25px rgba(0, 0, 0, 0.2)}.card__header{padding:24px 24px 0}.card__title{margin:0;font-size:24px;font-weight:700;color:#1f2937;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__subtitle{margin:8px 0 0;font-size:14px;color:#6b7280;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__content{padding:24px;color:#374151;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6}.card__footer{padding:0 24px 24px;display:flex;gap:12px;align-items:center}.card__footer:empty{display:none}"}},[769,"my-card",{cardTitle:[1,"card-title"],subtitle:[1],elevation:[1]}]);function d(){"undefined"!=typeof customElements&&["my-card"].forEach((a=>{"my-card"===a&&(customElements.get(e(a))||customElements.define(e(a),c))}))}d();const s=c,r=d;export{s as MyCard,r as defineCustomElement}
+import{t as e,p as a,H as t,h as d}from"./p-qbDrUNkY.js";const o=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}cardTitle;subtitle;elevation="medium";render(){return d("div",{key:"1cc6f81c704aacbb729869b8aaeb76e2b4d53ff3",class:"card card--"+this.elevation},this.cardTitle&&d("div",{key:"c6d63ec9950cedd07fd0b48bb950ef56d9ac8345",class:"card__header"},d("h3",{key:"0f74084a20a4526366f6ef72ee054171af37c9d7",class:"card__title"},this.cardTitle),this.subtitle&&d("p",{key:"d74199debd939f6921cb464ac43ed7bae367a170",class:"card__subtitle"},this.subtitle)),d("div",{key:"4a283a4606d514a7fd493ea32aa686e82cf2edf8",class:"card__content"},d("slot",{key:"fcfb442bf91417cbed4ffb3b4825df575669cde0"})),d("div",{key:"73e18535c4f4fea108c8f5f846eebaf7ec299f54",class:"card__footer"},d("slot",{key:"d66f75ecb97d1663a124c69c7956d6e6556b82fa",name:"footer"})))}static get style(){return":host{display:block}.card{background:white;border-radius:12px;overflow:hidden;transition:all 0.3s ease;border:1px solid #e5e7eb}.card:hover{transform:translateY(-4px)}.card--low{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.card--low:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high:hover{box-shadow:0 20px 25px rgba(0, 0, 0, 0.2)}.card__header{padding:24px 24px 0}.card__title{margin:0;font-size:24px;font-weight:700;color:#1f2937;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__subtitle{margin:8px 0 0;font-size:14px;color:#6b7280;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__content{padding:24px;color:#374151;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6}.card__footer{padding:0 24px 24px;display:flex;gap:12px;align-items:center}.card__footer:empty{display:none}"}},[769,"my-card",{cardTitle:[1,"card-title"],subtitle:[1],elevation:[1]}]);function s(){"undefined"!=typeof customElements&&["my-card"].forEach((a=>{"my-card"===a&&(customElements.get(e(a))||customElements.define(e(a),o))}))}s();const r=o,c=s;export{r as MyCard,c as defineCustomElement}

package/dist/components/my-component.js

@@ -1 +1 @@
-import{t,p as e,H as s,h as o}from"./p-qbDrUNkY.js";import{format as n}from"./index.js";const r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}first;middle;last;getText(){return n(this.first,this.middle,this.last)}render(){return o("div",{key:"543ff9a15c7d307e7e59a1143b033faeee29b1cb"},"Hello, World! I'm ",this.getText())}static get style(){return":host{display:block}"}},[513,"my-component",{first:[1],middle:[1],last:[1]}]);function m(){"undefined"!=typeof customElements&&["my-component"].forEach((e=>{"my-component"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}m();const i=r,c=m;export{i as MyComponent,c as defineCustomElement}
+import{t,p as e,H as s,h as o}from"./p-qbDrUNkY.js";import{format as n}from"./index.js";const c=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}first;middle;last;getText(){return n(this.first,this.middle,this.last)}render(){return o("div",{key:"5c6bcb6d7c69409ec822ac4a1c31816bdbbe2bc2"},"Hello, World! I'm ",this.getText())}static get style(){return":host{display:block}"}},[513,"my-component",{first:[1],middle:[1],last:[1]}]);function r(){"undefined"!=typeof customElements&&["my-component"].forEach((e=>{"my-component"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}r();const m=c,i=r;export{m as MyComponent,i as defineCustomElement}

package/dist/components/my-dropdown.js

@@ -1 +1 @@
-import{t as o,p as e,H as r,c as d,h as t}from"./p-qbDrUNkY.js";const s=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.myChange=d(this,"myChange")}options=[];value="";placeholder="Select an option";label="";disabled=!1;error="";isOpen=!1;myChange;get parsedOptions(){if("string"==typeof this.options)try{return JSON.parse(this.options)}catch{return[]}return this.options}get selectedLabel(){const o=this.parsedOptions.find((o=>o.value===this.value));return o?o.label:this.placeholder}select(o){this.myChange.emit(o),this.isOpen=!1}render(){return t("div",{key:"2e99fe0d9bd2ee48e0827ddcb4feec85ad102b36",class:"dropdown-wrapper "+(this.error?"dropdown-wrapper--error":"")},this.label&&t("label",{key:"c69f0dcc8c6f0cadd7e3896ebacd43a5dfdfccda",class:"dropdown-label"},this.label),t("div",{key:"2f9e442f6a92be57ffe694dd9ec53586fbf548e0",class:`dropdown ${this.isOpen?"dropdown--open":""} ${this.disabled?"dropdown--disabled":""}`},t("button",{key:"46d0696358cac16b51127cabb408a7290a54ea1a",class:"dropdown-trigger",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen)},t("span",{key:"16acade80b5ff899084acbfb753ca869f9f5f237",class:this.value?"":"dropdown-placeholder"},this.selectedLabel),t("span",{key:"426582643773176b7dbaeacc22b46b27ececa60b",class:"dropdown-arrow"},this.isOpen?"▲":"▼")),this.isOpen&&t("ul",{key:"f1cbe6f1af273ed5b3437985ecb5bd1ec73ca318",class:"dropdown-menu"},this.parsedOptions.map((o=>t("li",{class:"dropdown-item "+(o.value===this.value?"dropdown-item--selected":""),onClick:()=>this.select(o.value)},o.label))))),this.error&&t("span",{key:"d14cac844bb832778afa7592869eb96dcfeb10a2",class:"dropdown-error"},this.error))}static get style(){return":host{display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.dropdown-label{font-size:14px;font-weight:600;color:#374151}.dropdown{position:relative}.dropdown-trigger{width:100%;padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.2s, box-shadow 0.2s;text-align:left;box-sizing:border-box}.dropdown-trigger:hover:not(:disabled){border-color:#667eea}.dropdown--open .dropdown-trigger{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.dropdown--disabled .dropdown-trigger{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dropdown-placeholder{color:#9ca3af}.dropdown-arrow{font-size:11px;color:#6b7280;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);list-style:none;margin:0;padding:4px;z-index:100;max-height:240px;overflow-y:auto}.dropdown-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:#111827;transition:background 0.15s}.dropdown-item:hover{background:#f3f4f6}.dropdown-item--selected{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.dropdown-item--selected:hover{background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.dropdown-wrapper--error .dropdown-trigger{border-color:#ef4444}.dropdown-error{font-size:13px;color:#ef4444}"}},[513,"my-dropdown",{options:[1],value:[1],placeholder:[1],label:[1],disabled:[4],error:[1],isOpen:[32]}]);function a(){"undefined"!=typeof customElements&&["my-dropdown"].forEach((e=>{"my-dropdown"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}a();const n=s,i=a;export{n as MyDropdown,i as defineCustomElement}
+import{t as o,p as e,H as r,c as d,h as t}from"./p-qbDrUNkY.js";const s=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.myChange=d(this,"myChange")}options=[];value="";placeholder="Select an option";label="";disabled=!1;error="";isOpen=!1;myChange;get parsedOptions(){if("string"==typeof this.options)try{return JSON.parse(this.options)}catch{return[]}return this.options}get selectedLabel(){const o=this.parsedOptions.find((o=>o.value===this.value));return o?o.label:this.placeholder}select(o){this.value=o,this.myChange.emit(o),this.isOpen=!1}render(){return t("div",{key:"5ba78bcc60f2eef7145873c29af8a2ff57c07728",class:"dropdown-wrapper "+(this.error?"dropdown-wrapper--error":"")},this.label&&t("label",{key:"ebc13c625fd27fe64806fed5590aedefa9470b85",class:"dropdown-label"},this.label),t("div",{key:"529ee15dc9ed0fcfde80f634bba4fe91ef250d5c",class:`dropdown ${this.isOpen?"dropdown--open":""} ${this.disabled?"dropdown--disabled":""}`},t("button",{key:"d5fe770674f4f6ef929febc373ddd1278ed91b1f",class:"dropdown-trigger",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen)},t("span",{key:"02ed94363d6c142bad3b36b17ac5326a019485a9",class:this.value?"":"dropdown-placeholder"},this.selectedLabel),t("span",{key:"10c1aed78e2655294b0ec0db17a178f86ddcc2bf",class:"dropdown-arrow"},this.isOpen?"▲":"▼")),this.isOpen&&t("ul",{key:"4679e01162793d3dca7cdbc3cc932c2d33718d45",class:"dropdown-menu"},this.parsedOptions.map((o=>t("li",{class:"dropdown-item "+(o.value===this.value?"dropdown-item--selected":""),onClick:()=>this.select(o.value)},o.label))))),this.error&&t("span",{key:"71091a78c62997f1d64953b0a7251be9d184493d",class:"dropdown-error"},this.error))}static get style(){return":host{display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.dropdown-label{font-size:14px;font-weight:600;color:#374151}.dropdown{position:relative}.dropdown-trigger{width:100%;padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.2s, box-shadow 0.2s;text-align:left;box-sizing:border-box}.dropdown-trigger:hover:not(:disabled){border-color:#667eea}.dropdown--open .dropdown-trigger{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.dropdown--disabled .dropdown-trigger{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dropdown-placeholder{color:#9ca3af}.dropdown-arrow{font-size:11px;color:#6b7280;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);list-style:none;margin:0;padding:4px;z-index:100;max-height:240px;overflow-y:auto}.dropdown-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:#111827;transition:background 0.15s}.dropdown-item:hover{background:#f3f4f6}.dropdown-item--selected{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.dropdown-item--selected:hover{background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.dropdown-wrapper--error .dropdown-trigger{border-color:#ef4444}.dropdown-error{font-size:13px;color:#ef4444}"}},[513,"my-dropdown",{options:[1],value:[1025],placeholder:[1],label:[1],disabled:[4],error:[1],isOpen:[32]}]);function n(){"undefined"!=typeof customElements&&["my-dropdown"].forEach((e=>{"my-dropdown"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}n();const i=s,a=n;export{i as MyDropdown,a as defineCustomElement}

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["my-alert",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown",[[513,"my-dropdown",{"options":[1],"value":[1],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
+  return bootstrapLazy([["my-alert",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown",[[513,"my-dropdown",{"options":[1],"value":[1025],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/my-badge.entry.js

@@ -19,7 +19,7 @@ const MyBadge = class {
      */
     pill = false;
     render() {
-        return (h("span", { key: '33a316730b54199e32c7ecbd1160997411e5ff95', class: `badge badge--${this.color} badge--${this.size} ${this.pill ? 'badge--pill' : ''}` }, h("slot", { key: 'eb7a3e46ea27e7d714dcc60723ca7f5801204674' })));
+        return (h("span", { key: '9c76b0118c984ac578169d0f9df317fd3b99abcf', class: `badge badge--${this.color} badge--${this.size} ${this.pill ? 'badge--pill' : ''}` }, h("slot", { key: 'b98fb68c38ee63166be5dbb315d7b68faa0d0ce2' })));
     }
 };
 MyBadge.style = myBadgeCss();

package/dist/esm/my-button.entry.js

@@ -19,7 +19,7 @@ const MyButton = class {
      */
     disabled = false;
     render() {
-        return (h("button", { key: '94d04ac3ac7441f76510463322200c2b7a01d569', class: `btn btn--${this.variant} btn--${this.size}`, disabled: this.disabled }, h("slot", { key: '80f6c9a56010f80635288b16804d33c780232da5' })));
+        return (h("button", { key: '37743c78738521a38d5d09dd486c38a9a21f8b5b', class: `btn btn--${this.variant} btn--${this.size}`, disabled: this.disabled }, h("slot", { key: '89e08ccf936a61509c8a4601324b8f1909dd6f59' })));
     }
 };
 MyButton.style = myButtonCss();

package/dist/esm/my-card.entry.js

@@ -19,7 +19,7 @@ const MyCard = class {
      */
     elevation = 'medium';
     render() {
-        return (h("div", { key: '771331816e786b93963b10dcc4577c89da6385c5', class: `card card--${this.elevation}` }, this.cardTitle && (h("div", { key: '525c2dfdda668cb45895f6f1e9b55e6923b9538d', class: "card__header" }, h("h3", { key: 'a3025832b6ce60e73dce68f575bca6fbb1143913', class: "card__title" }, this.cardTitle), this.subtitle && h("p", { key: '3c3f094449a06aa41b63db17b3ab27e7e29be437', class: "card__subtitle" }, this.subtitle))), h("div", { key: '628c69443cf48fb07ee98fde44c0c2f6de148ed5', class: "card__content" }, h("slot", { key: 'f0c2c156603f2179314e7c58aabefbeda3b2e911' })), h("div", { key: '8f5a30d595399c6a606a5cde67c393aca93e3d0d', class: "card__footer" }, h("slot", { key: '1cb72bdc25ce96673d85c9fc86ff5661975cd412', name: "footer" }))));
+        return (h("div", { key: '1cc6f81c704aacbb729869b8aaeb76e2b4d53ff3', class: `card card--${this.elevation}` }, this.cardTitle && (h("div", { key: 'c6d63ec9950cedd07fd0b48bb950ef56d9ac8345', class: "card__header" }, h("h3", { key: '0f74084a20a4526366f6ef72ee054171af37c9d7', class: "card__title" }, this.cardTitle), this.subtitle && h("p", { key: 'd74199debd939f6921cb464ac43ed7bae367a170', class: "card__subtitle" }, this.subtitle))), h("div", { key: '4a283a4606d514a7fd493ea32aa686e82cf2edf8', class: "card__content" }, h("slot", { key: 'fcfb442bf91417cbed4ffb3b4825df575669cde0' })), h("div", { key: '73e18535c4f4fea108c8f5f846eebaf7ec299f54', class: "card__footer" }, h("slot", { key: 'd66f75ecb97d1663a124c69c7956d6e6556b82fa', name: "footer" }))));
     }
 };
 MyCard.style = myCardCss();

package/dist/esm/my-component.entry.js

@@ -23,7 +23,7 @@ const MyComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '543ff9a15c7d307e7e59a1143b033faeee29b1cb' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '5c6bcb6d7c69409ec822ac4a1c31816bdbbe2bc2' }, "Hello, World! I'm ", this.getText());
     }
 };
 MyComponent.style = myComponentCss();

package/dist/esm/my-dropdown.entry.js

@@ -31,11 +31,12 @@ const MyDropdown = class {
         return found ? found.label : this.placeholder;
     }
     select(value) {
+        this.value = value;
         this.myChange.emit(value);
         this.isOpen = false;
     }
     render() {
-        return (h("div", { key: '2e99fe0d9bd2ee48e0827ddcb4feec85ad102b36', class: `dropdown-wrapper ${this.error ? 'dropdown-wrapper--error' : ''}` }, this.label && h("label", { key: 'c69f0dcc8c6f0cadd7e3896ebacd43a5dfdfccda', class: "dropdown-label" }, this.label), h("div", { key: '2f9e442f6a92be57ffe694dd9ec53586fbf548e0', class: `dropdown ${this.isOpen ? 'dropdown--open' : ''} ${this.disabled ? 'dropdown--disabled' : ''}` }, h("button", { key: '46d0696358cac16b51127cabb408a7290a54ea1a', class: "dropdown-trigger", disabled: this.disabled, onClick: () => !this.disabled && (this.isOpen = !this.isOpen) }, h("span", { key: '16acade80b5ff899084acbfb753ca869f9f5f237', class: !this.value ? 'dropdown-placeholder' : '' }, this.selectedLabel), h("span", { key: '426582643773176b7dbaeacc22b46b27ececa60b', class: "dropdown-arrow" }, this.isOpen ? '▲' : '▼')), this.isOpen && (h("ul", { key: 'f1cbe6f1af273ed5b3437985ecb5bd1ec73ca318', class: "dropdown-menu" }, this.parsedOptions.map(option => (h("li", { class: `dropdown-item ${option.value === this.value ? 'dropdown-item--selected' : ''}`, onClick: () => this.select(option.value) }, option.label)))))), this.error && h("span", { key: 'd14cac844bb832778afa7592869eb96dcfeb10a2', class: "dropdown-error" }, this.error)));
+        return (h("div", { key: '5ba78bcc60f2eef7145873c29af8a2ff57c07728', class: `dropdown-wrapper ${this.error ? 'dropdown-wrapper--error' : ''}` }, this.label && h("label", { key: 'ebc13c625fd27fe64806fed5590aedefa9470b85', class: "dropdown-label" }, this.label), h("div", { key: '529ee15dc9ed0fcfde80f634bba4fe91ef250d5c', class: `dropdown ${this.isOpen ? 'dropdown--open' : ''} ${this.disabled ? 'dropdown--disabled' : ''}` }, h("button", { key: 'd5fe770674f4f6ef929febc373ddd1278ed91b1f', class: "dropdown-trigger", disabled: this.disabled, onClick: () => !this.disabled && (this.isOpen = !this.isOpen) }, h("span", { key: '02ed94363d6c142bad3b36b17ac5326a019485a9', class: !this.value ? 'dropdown-placeholder' : '' }, this.selectedLabel), h("span", { key: '10c1aed78e2655294b0ec0db17a178f86ddcc2bf', class: "dropdown-arrow" }, this.isOpen ? '▲' : '▼')), this.isOpen && (h("ul", { key: '4679e01162793d3dca7cdbc3cc932c2d33718d45', class: "dropdown-menu" }, this.parsedOptions.map(option => (h("li", { class: `dropdown-item ${option.value === this.value ? 'dropdown-item--selected' : ''}`, onClick: () => this.select(option.value) }, option.label)))))), this.error && h("span", { key: '71091a78c62997f1d64953b0a7251be9d184493d', class: "dropdown-error" }, this.error)));
     }
 };
 MyDropdown.style = myDropdownCss();

package/dist/esm/stencil-library.js

@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["my-alert",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown",[[513,"my-dropdown",{"options":[1],"value":[1],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
+  return bootstrapLazy([["my-alert",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["my-badge",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["my-dropdown",[[513,"my-dropdown",{"options":[1],"value":[1025],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
 });

package/dist/stencil-library/{p-8ece36c8.entry.js → p-0e218303.entry.js}

@@ -1 +1 @@
-import{r as e,h as a}from"./p-Bvqd98ac.js";const o=class{constructor(a){e(this,a)}color="neutral";size="medium";pill=!1;render(){return a("span",{key:"33a316730b54199e32c7ecbd1160997411e5ff95",class:`badge badge--${this.color} badge--${this.size} ${this.pill?"badge--pill":""}`},a("slot",{key:"eb7a3e46ea27e7d714dcc60723ca7f5801204674"}))}};o.style=":host{display:inline-block}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border-radius:4px;transition:all 0.2s ease}.badge--pill{border-radius:100px}.badge--small{padding:4px 8px;font-size:11px;line-height:1}.badge--medium{padding:6px 12px;font-size:13px;line-height:1}.badge--large{padding:8px 16px;font-size:15px;line-height:1}.badge--success{background-color:#10b981;color:white}.badge--warning{background-color:#f59e0b;color:white}.badge--error{background-color:#ef4444;color:white}.badge--info{background-color:#3b82f6;color:white}.badge--neutral{background-color:#6b7280;color:white}.badge:hover{opacity:0.9;transform:scale(1.05)}";export{o as my_badge}
+import{r as e,h as a}from"./p-Bvqd98ac.js";const o=class{constructor(a){e(this,a)}color="neutral";size="medium";pill=!1;render(){return a("span",{key:"9c76b0118c984ac578169d0f9df317fd3b99abcf",class:`badge badge--${this.color} badge--${this.size} ${this.pill?"badge--pill":""}`},a("slot",{key:"b98fb68c38ee63166be5dbb315d7b68faa0d0ce2"}))}};o.style=":host{display:inline-block}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border-radius:4px;transition:all 0.2s ease}.badge--pill{border-radius:100px}.badge--small{padding:4px 8px;font-size:11px;line-height:1}.badge--medium{padding:6px 12px;font-size:13px;line-height:1}.badge--large{padding:8px 16px;font-size:15px;line-height:1}.badge--success{background-color:#10b981;color:white}.badge--warning{background-color:#f59e0b;color:white}.badge--error{background-color:#ef4444;color:white}.badge--info{background-color:#3b82f6;color:white}.badge--neutral{background-color:#6b7280;color:white}.badge:hover{opacity:0.9;transform:scale(1.05)}";export{o as my_badge}

package/dist/stencil-library/{p-f8560476.entry.js → p-50dda3b7.entry.js}

@@ -1 +1 @@
-import{r as e,h as n}from"./p-Bvqd98ac.js";const a=class{constructor(n){e(this,n)}variant="primary";size="medium";disabled=!1;render(){return n("button",{key:"94d04ac3ac7441f76510463322200c2b7a01d569",class:`btn btn--${this.variant} btn--${this.size}`,disabled:this.disabled},n("slot",{key:"80f6c9a56010f80635288b16804d33c780232da5"}))}};a.style=":host{display:inline-block}.btn{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn--small{padding:8px 16px;font-size:14px}.btn--medium{padding:12px 24px;font-size:16px}.btn--large{padding:16px 32px;font-size:18px}.btn--primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.btn--secondary{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:white}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg, #d97ee0 0%, #db4a5d 100%)}.btn--danger{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%);color:#333}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg, #e55d87 0%, #e5ca2b 100%)}";export{a as my_button}
+import{r as e,h as n}from"./p-Bvqd98ac.js";const a=class{constructor(n){e(this,n)}variant="primary";size="medium";disabled=!1;render(){return n("button",{key:"37743c78738521a38d5d09dd486c38a9a21f8b5b",class:`btn btn--${this.variant} btn--${this.size}`,disabled:this.disabled},n("slot",{key:"89e08ccf936a61509c8a4601324b8f1909dd6f59"}))}};a.style=":host{display:inline-block}.btn{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn--small{padding:8px 16px;font-size:14px}.btn--medium{padding:12px 24px;font-size:16px}.btn--large{padding:16px 32px;font-size:18px}.btn--primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.btn--secondary{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:white}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg, #d97ee0 0%, #db4a5d 100%)}.btn--danger{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%);color:#333}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg, #e55d87 0%, #e5ca2b 100%)}";export{a as my_button}

package/dist/stencil-library/p-62c96402.entry.js

@@ -0,0 +1 @@
+import{r as o,c as e,h as r}from"./p-Bvqd98ac.js";const d=class{constructor(r){o(this,r),this.myChange=e(this,"myChange")}options=[];value="";placeholder="Select an option";label="";disabled=!1;error="";isOpen=!1;myChange;get parsedOptions(){if("string"==typeof this.options)try{return JSON.parse(this.options)}catch{return[]}return this.options}get selectedLabel(){const o=this.parsedOptions.find((o=>o.value===this.value));return o?o.label:this.placeholder}select(o){this.value=o,this.myChange.emit(o),this.isOpen=!1}render(){return r("div",{key:"5ba78bcc60f2eef7145873c29af8a2ff57c07728",class:"dropdown-wrapper "+(this.error?"dropdown-wrapper--error":"")},this.label&&r("label",{key:"ebc13c625fd27fe64806fed5590aedefa9470b85",class:"dropdown-label"},this.label),r("div",{key:"529ee15dc9ed0fcfde80f634bba4fe91ef250d5c",class:`dropdown ${this.isOpen?"dropdown--open":""} ${this.disabled?"dropdown--disabled":""}`},r("button",{key:"d5fe770674f4f6ef929febc373ddd1278ed91b1f",class:"dropdown-trigger",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen)},r("span",{key:"02ed94363d6c142bad3b36b17ac5326a019485a9",class:this.value?"":"dropdown-placeholder"},this.selectedLabel),r("span",{key:"10c1aed78e2655294b0ec0db17a178f86ddcc2bf",class:"dropdown-arrow"},this.isOpen?"▲":"▼")),this.isOpen&&r("ul",{key:"4679e01162793d3dca7cdbc3cc932c2d33718d45",class:"dropdown-menu"},this.parsedOptions.map((o=>r("li",{class:"dropdown-item "+(o.value===this.value?"dropdown-item--selected":""),onClick:()=>this.select(o.value)},o.label))))),this.error&&r("span",{key:"71091a78c62997f1d64953b0a7251be9d184493d",class:"dropdown-error"},this.error))}};d.style=":host{display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.dropdown-label{font-size:14px;font-weight:600;color:#374151}.dropdown{position:relative}.dropdown-trigger{width:100%;padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.2s, box-shadow 0.2s;text-align:left;box-sizing:border-box}.dropdown-trigger:hover:not(:disabled){border-color:#667eea}.dropdown--open .dropdown-trigger{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.dropdown--disabled .dropdown-trigger{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dropdown-placeholder{color:#9ca3af}.dropdown-arrow{font-size:11px;color:#6b7280;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);list-style:none;margin:0;padding:4px;z-index:100;max-height:240px;overflow-y:auto}.dropdown-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:#111827;transition:background 0.15s}.dropdown-item:hover{background:#f3f4f6}.dropdown-item--selected{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.dropdown-item--selected:hover{background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.dropdown-wrapper--error .dropdown-trigger{border-color:#ef4444}.dropdown-error{font-size:13px;color:#ef4444}";export{d as my_dropdown}

package/dist/stencil-library/{p-9cb3a621.entry.js → p-cbbb85e5.entry.js}

@@ -1 +1 @@
-import{r as e,h as a}from"./p-Bvqd98ac.js";const d=class{constructor(a){e(this,a)}cardTitle;subtitle;elevation="medium";render(){return a("div",{key:"771331816e786b93963b10dcc4577c89da6385c5",class:`card card--${this.elevation}`},this.cardTitle&&a("div",{key:"525c2dfdda668cb45895f6f1e9b55e6923b9538d",class:"card__header"},a("h3",{key:"a3025832b6ce60e73dce68f575bca6fbb1143913",class:"card__title"},this.cardTitle),this.subtitle&&a("p",{key:"3c3f094449a06aa41b63db17b3ab27e7e29be437",class:"card__subtitle"},this.subtitle)),a("div",{key:"628c69443cf48fb07ee98fde44c0c2f6de148ed5",class:"card__content"},a("slot",{key:"f0c2c156603f2179314e7c58aabefbeda3b2e911"})),a("div",{key:"8f5a30d595399c6a606a5cde67c393aca93e3d0d",class:"card__footer"},a("slot",{key:"1cb72bdc25ce96673d85c9fc86ff5661975cd412",name:"footer"})))}};d.style=":host{display:block}.card{background:white;border-radius:12px;overflow:hidden;transition:all 0.3s ease;border:1px solid #e5e7eb}.card:hover{transform:translateY(-4px)}.card--low{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.card--low:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high:hover{box-shadow:0 20px 25px rgba(0, 0, 0, 0.2)}.card__header{padding:24px 24px 0}.card__title{margin:0;font-size:24px;font-weight:700;color:#1f2937;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__subtitle{margin:8px 0 0;font-size:14px;color:#6b7280;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__content{padding:24px;color:#374151;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6}.card__footer{padding:0 24px 24px;display:flex;gap:12px;align-items:center}.card__footer:empty{display:none}";export{d as my_card}
+import{r as e,h as a}from"./p-Bvqd98ac.js";const d=class{constructor(a){e(this,a)}cardTitle;subtitle;elevation="medium";render(){return a("div",{key:"1cc6f81c704aacbb729869b8aaeb76e2b4d53ff3",class:`card card--${this.elevation}`},this.cardTitle&&a("div",{key:"c6d63ec9950cedd07fd0b48bb950ef56d9ac8345",class:"card__header"},a("h3",{key:"0f74084a20a4526366f6ef72ee054171af37c9d7",class:"card__title"},this.cardTitle),this.subtitle&&a("p",{key:"d74199debd939f6921cb464ac43ed7bae367a170",class:"card__subtitle"},this.subtitle)),a("div",{key:"4a283a4606d514a7fd493ea32aa686e82cf2edf8",class:"card__content"},a("slot",{key:"fcfb442bf91417cbed4ffb3b4825df575669cde0"})),a("div",{key:"73e18535c4f4fea108c8f5f846eebaf7ec299f54",class:"card__footer"},a("slot",{key:"d66f75ecb97d1663a124c69c7956d6e6556b82fa",name:"footer"})))}};d.style=":host{display:block}.card{background:white;border-radius:12px;overflow:hidden;transition:all 0.3s ease;border:1px solid #e5e7eb}.card:hover{transform:translateY(-4px)}.card--low{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.card--low:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high:hover{box-shadow:0 20px 25px rgba(0, 0, 0, 0.2)}.card__header{padding:24px 24px 0}.card__title{margin:0;font-size:24px;font-weight:700;color:#1f2937;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__subtitle{margin:8px 0 0;font-size:14px;color:#6b7280;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__content{padding:24px;color:#374151;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6}.card__footer{padding:0 24px 24px;display:flex;gap:12px;align-items:center}.card__footer:empty{display:none}";export{d as my_card}

package/dist/stencil-library/p-e0eadca0.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s}from"./p-Bvqd98ac.js";import{format as r}from"./index.esm.js";const e=class{constructor(s){t(this,s)}first;middle;last;getText(){return r(this.first,this.middle,this.last)}render(){return s("div",{key:"5c6bcb6d7c69409ec822ac4a1c31816bdbbe2bc2"},"Hello, World! I'm ",this.getText())}};e.style=":host{display:block}";export{e as my_component}

package/dist/stencil-library/stencil-library.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-Bvqd98ac.js";export{s as setNonce}from"./p-Bvqd98ac.js";import{g as l}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-14e60a62",[[769,"my-alert",{type:[1],alertTitle:[1,"alert-title"],dismissible:[4],dismissed:[32]}]]],["p-8ece36c8",[[769,"my-badge",{color:[1],size:[1],pill:[4]}]]],["p-f8560476",[[769,"my-button",{variant:[1],size:[1],disabled:[4]}]]],["p-9cb3a621",[[769,"my-card",{cardTitle:[1,"card-title"],subtitle:[1],elevation:[1]}]]],["p-54490973",[[513,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-6f9720d5",[[513,"my-dropdown",{options:[1],value:[1],placeholder:[1],label:[1],disabled:[4],error:[1],isOpen:[32]}]]],["p-9a704cf3",[[513,"my-input",{label:[1],placeholder:[1],value:[1],type:[1],error:[1],disabled:[4],required:[4]}]]],["p-ddb7d070",[[769,"my-modal",{open:[1028],modalTitle:[1,"modal-title"],size:[1]},null,{open:[{handleOpenChange:0}]}]]]],e))));
+import{p as e,b as a}from"./p-Bvqd98ac.js";export{s as setNonce}from"./p-Bvqd98ac.js";import{g as l}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-14e60a62",[[769,"my-alert",{type:[1],alertTitle:[1,"alert-title"],dismissible:[4],dismissed:[32]}]]],["p-0e218303",[[769,"my-badge",{color:[1],size:[1],pill:[4]}]]],["p-50dda3b7",[[769,"my-button",{variant:[1],size:[1],disabled:[4]}]]],["p-cbbb85e5",[[769,"my-card",{cardTitle:[1,"card-title"],subtitle:[1],elevation:[1]}]]],["p-e0eadca0",[[513,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-62c96402",[[513,"my-dropdown",{options:[1],value:[1025],placeholder:[1],label:[1],disabled:[4],error:[1],isOpen:[32]}]]],["p-9a704cf3",[[513,"my-input",{label:[1],placeholder:[1],value:[1],type:[1],error:[1],disabled:[4],required:[4]}]]],["p-ddb7d070",[[769,"my-modal",{open:[1028],modalTitle:[1,"modal-title"],size:[1]},null,{open:[{handleOpenChange:0}]}]]]],e))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil-kit/core",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d58a8bd0d943f5f9705e04fd53675961cb1a98c6"
+  "gitHead": "ae26917a667645250e66516dbffdea0c51ca3718"
 }

package/dist/stencil-library/p-54490973.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-Bvqd98ac.js";import{format as s}from"./index.esm.js";const r=class{constructor(e){t(this,e)}first;middle;last;getText(){return s(this.first,this.middle,this.last)}render(){return e("div",{key:"543ff9a15c7d307e7e59a1143b033faeee29b1cb"},"Hello, World! I'm ",this.getText())}};r.style=":host{display:block}";export{r as my_component}

package/dist/stencil-library/p-6f9720d5.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,h as r}from"./p-Bvqd98ac.js";const d=class{constructor(r){o(this,r),this.myChange=e(this,"myChange")}options=[];value="";placeholder="Select an option";label="";disabled=!1;error="";isOpen=!1;myChange;get parsedOptions(){if("string"==typeof this.options)try{return JSON.parse(this.options)}catch{return[]}return this.options}get selectedLabel(){const o=this.parsedOptions.find((o=>o.value===this.value));return o?o.label:this.placeholder}select(o){this.myChange.emit(o),this.isOpen=!1}render(){return r("div",{key:"2e99fe0d9bd2ee48e0827ddcb4feec85ad102b36",class:"dropdown-wrapper "+(this.error?"dropdown-wrapper--error":"")},this.label&&r("label",{key:"c69f0dcc8c6f0cadd7e3896ebacd43a5dfdfccda",class:"dropdown-label"},this.label),r("div",{key:"2f9e442f6a92be57ffe694dd9ec53586fbf548e0",class:`dropdown ${this.isOpen?"dropdown--open":""} ${this.disabled?"dropdown--disabled":""}`},r("button",{key:"46d0696358cac16b51127cabb408a7290a54ea1a",class:"dropdown-trigger",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen)},r("span",{key:"16acade80b5ff899084acbfb753ca869f9f5f237",class:this.value?"":"dropdown-placeholder"},this.selectedLabel),r("span",{key:"426582643773176b7dbaeacc22b46b27ececa60b",class:"dropdown-arrow"},this.isOpen?"▲":"▼")),this.isOpen&&r("ul",{key:"f1cbe6f1af273ed5b3437985ecb5bd1ec73ca318",class:"dropdown-menu"},this.parsedOptions.map((o=>r("li",{class:"dropdown-item "+(o.value===this.value?"dropdown-item--selected":""),onClick:()=>this.select(o.value)},o.label))))),this.error&&r("span",{key:"d14cac844bb832778afa7592869eb96dcfeb10a2",class:"dropdown-error"},this.error))}};d.style=":host{display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.dropdown-label{font-size:14px;font-weight:600;color:#374151}.dropdown{position:relative}.dropdown-trigger{width:100%;padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.2s, box-shadow 0.2s;text-align:left;box-sizing:border-box}.dropdown-trigger:hover:not(:disabled){border-color:#667eea}.dropdown--open .dropdown-trigger{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.dropdown--disabled .dropdown-trigger{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dropdown-placeholder{color:#9ca3af}.dropdown-arrow{font-size:11px;color:#6b7280;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);list-style:none;margin:0;padding:4px;z-index:100;max-height:240px;overflow-y:auto}.dropdown-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:#111827;transition:background 0.15s}.dropdown-item:hover{background:#f3f4f6}.dropdown-item--selected{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.dropdown-item--selected:hover{background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.dropdown-wrapper--error .dropdown-trigger{border-color:#ef4444}.dropdown-error{font-size:13px;color:#ef4444}";export{d as my_dropdown}