@ssj4kyuubi/recipe-ui-lib 0.1.4

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await index.globalScripts();
+  return index.bootstrapLazy([["rui-recipe-list.cjs",[[1,"rui-recipe-list",{"recipes":[16],"favorites":[16],"emptyMessage":[1,"empty-message"]},null,{"recipes":[{"recipesChanged":0}],"favorites":[{"favoritesChanged":0}]}]]],["rui-button.cjs",[[257,"rui-button",{"variant":[1],"disabled":[516],"loading":[4],"type":[1]}]]],["rui-filter-chips.cjs",[[1,"rui-filter-chips",{"categories":[16],"selected":[16]}]]],["rui-meal-planner.cjs",[[1,"rui-meal-planner",{"plan":[16],"days":[16]}]]],["rui-modal.cjs",[[257,"rui-modal",{"open":[1540],"modalTitle":[1,"modal-title"],"closeOnBackdrop":[4,"close-on-backdrop"]},null,{"open":[{"openChanged":0}]}]]],["rui-recipe-detail.cjs",[[257,"rui-recipe-detail",{"recipe":[16],"isFavorite":[516,"is-favorite"]}]]],["rui-search-bar.cjs",[[1,"rui-search-bar",{"value":[1025],"placeholder":[1],"debounceMs":[2,"debounce-ms"]}]]],["rui-recipe-card.cjs",[[257,"rui-recipe-card",{"recipe":[16],"isFavorite":[516,"is-favorite"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiButtonCss = () => `:host{display:inline-block}.rui-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:0.5em;font-family:var(--rui-font);font-size:0.95rem;font-weight:600;padding:0.55rem 1.1rem;border-radius:var(--rui-radius);border:1px solid transparent;cursor:pointer;-webkit-transition:background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;transition:background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rui-btn:disabled{opacity:0.6;cursor:not-allowed}.rui-btn--primary{background-color:var(--rui-color-primary);color:#fff}.rui-btn--primary:hover:not(:disabled){background-color:var(--rui-color-primary-hover)}.rui-btn--secondary{background-color:var(--rui-color-secondary);color:#fff}.rui-btn--secondary:hover:not(:disabled){background-color:#14538a}.rui-btn--danger{background-color:var(--rui-color-danger);color:#fff}.rui-btn--danger:hover:not(:disabled){background-color:#a52323}.rui-btn--ghost{background-color:transparent;color:var(--rui-color-text);border-color:var(--rui-color-border)}.rui-btn--ghost:hover:not(:disabled){background-color:var(--rui-color-bg-alt)}.rui-btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;-webkit-animation:rui-spin 0.7s linear infinite;animation:rui-spin 0.7s linear infinite}@-webkit-keyframes rui-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rui-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;
+
+const RuiButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiClick = index.createEvent(this, "ruiClick");
+        this.variant = 'primary';
+        this.disabled = false;
+        this.loading = false;
+        this.type = 'button';
+        this.handleClick = (e) => {
+            if (this.disabled || this.loading) {
+                e.preventDefault();
+                e.stopPropagation();
+                return;
+            }
+            this.ruiClick.emit(e);
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '0ab23154d1836dfd9d0a691705a0e5cc6f91dae3' }, index.h("button", { key: '986e600d39ed91200857739179c2e105207c0ebc', class: `rui-btn rui-btn--${this.variant}`, type: this.type, disabled: this.disabled || this.loading, onClick: this.handleClick, "aria-busy": this.loading ? 'true' : 'false' }, this.loading && index.h("span", { key: '406a34032a25dd05f986e53075e2c7cf45727c85', class: "rui-btn__spinner", "aria-hidden": "true" }), index.h("span", { key: '7f9ae69c7824227e0b56f2abffb10b95c7a8b92d', class: "rui-btn__label" }, index.h("slot", { key: '1498be76d79baf033b9913f5f61a5b64192b341e' })))));
+    }
+    get el() { return index.getElement(this); }
+};
+RuiButton.style = ruiButtonCss();
+
+exports.rui_button = RuiButton;

package/dist/cjs/rui-filter-chips.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiFilterChipsCss = () => `:host{display:block}.rui-chips{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem}.rui-chip{font-family:var(--rui-font);font-size:0.85rem;font-weight:500;padding:0.35rem 0.85rem;border-radius:999px;border:1px solid var(--rui-color-border);background:var(--rui-color-bg);color:var(--rui-color-text);cursor:pointer;-webkit-transition:background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;transition:background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease}.rui-chip:hover{border-color:var(--rui-color-primary)}.rui-chip--active{background:var(--rui-color-primary);border-color:var(--rui-color-primary);color:#fff}`;
+
+const RuiFilterChips = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiFilterChange = index.createEvent(this, "ruiFilterChange");
+        this.categories = [];
+        this.selected = [];
+        this.toggle = (value) => {
+            const next = this.selected.includes(value)
+                ? this.selected.filter((v) => v !== value)
+                : [...this.selected, value];
+            this.selected = [...next];
+            this.ruiFilterChange.emit(this.selected);
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '628063d481c07e5c80312a9a395ba7ad0ab859dc' }, index.h("div", { key: 'd3aa0f87f0e6b6bd55960dc91769f56b70e4ef67', class: "rui-chips", role: "group", "aria-label": "Filters" }, this.categories.map((cat) => {
+            const active = this.selected.includes(cat.value);
+            return (index.h("button", { type: "button", class: `rui-chip ${active ? 'rui-chip--active' : ''}`, "aria-pressed": active ? 'true' : 'false', onClick: () => this.toggle(cat.value) }, cat.label));
+        }))));
+    }
+};
+RuiFilterChips.style = ruiFilterChipsCss();
+
+exports.rui_filter_chips = RuiFilterChips;

package/dist/cjs/rui-meal-planner.cjs.entry.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiMealPlannerCss = () => `:host{display:block}.rui-planner{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1rem}.rui-planner__day{background:var(--rui-color-bg);border:1px solid var(--rui-color-border);border-radius:var(--rui-radius);-webkit-box-shadow:var(--rui-shadow-sm);box-shadow:var(--rui-shadow-sm);overflow:hidden}.rui-planner__day-head{padding:0.6rem 0.85rem;background:var(--rui-color-primary-soft);border-bottom:1px solid var(--rui-color-border)}.rui-planner__day-head h4{margin:0;font-size:0.95rem;font-weight:700;color:var(--rui-color-primary-hover)}.rui-planner__meal{display:-ms-flexbox;display:flex;gap:0.6rem;padding:0.75rem;-ms-flex-align:center;align-items:center}.rui-planner__meal--clickable{cursor:pointer;-webkit-transition:background-color 0.15s ease;transition:background-color 0.15s ease;border-radius:var(--rui-radius)}.rui-planner__meal--clickable:hover{background:var(--rui-color-primary-soft, #dcfce7)}.rui-planner__meal--clickable:focus-visible{outline:2px solid var(--rui-color-primary, #16a34a);outline-offset:-2px}.rui-planner__meal img{width:56px;height:56px;border-radius:var(--rui-radius-sm);-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.rui-planner__meal-info{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0.15rem}.rui-planner__meal-name{font-size:0.9rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rui-planner__meal-cat{font-size:0.75rem;color:var(--rui-color-muted)}.rui-planner__meal-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0.25rem}.rui-planner__meal-actions button{font-family:var(--rui-font);font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:var(--rui-radius-sm);border:1px solid var(--rui-color-border);background:var(--rui-color-bg);cursor:pointer}.rui-planner__meal-actions button:hover{border-color:var(--rui-color-primary)}.rui-planner__view{color:var(--rui-color-primary-hover, #15803d);font-weight:600}.rui-planner__view:hover{background:var(--rui-color-primary, #16a34a) !important;color:#fff !important;border-color:var(--rui-color-primary, #16a34a) !important}.rui-planner__clear:hover{color:var(--rui-color-danger);border-color:var(--rui-color-danger) !important}.rui-planner__empty{padding:1rem 0.75rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:0.6rem;color:var(--rui-color-muted);font-size:0.85rem}.rui-planner__empty button{font-family:var(--rui-font);font-size:0.8rem;font-weight:600;padding:0.4rem 0.8rem;border-radius:var(--rui-radius);border:1px dashed var(--rui-color-border);background:var(--rui-color-bg-alt);color:var(--rui-color-primary-hover);cursor:pointer}.rui-planner__empty button:hover{border-color:var(--rui-color-primary);background:var(--rui-color-primary-soft)}`;
+
+const RuiMealPlanner = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiAssignMeal = index.createEvent(this, "ruiAssignMeal");
+        this.ruiRemoveMeal = index.createEvent(this, "ruiRemoveMeal");
+        this.ruiClearDay = index.createEvent(this, "ruiClearDay");
+        this.ruiSelectMeal = index.createEvent(this, "ruiSelectMeal");
+        this.plan = {};
+        this.days = [
+            'Monday',
+            'Tuesday',
+            'Wednesday',
+            'Thursday',
+            'Friday',
+            'Saturday',
+            'Sunday',
+        ];
+        this.assign = (day) => this.ruiAssignMeal.emit({ day });
+        this.remove = (day, recipe) => this.ruiRemoveMeal.emit({ day, recipe });
+        this.clear = (day) => this.ruiClearDay.emit({ day });
+        this.selectMeal = (day, recipe) => this.ruiSelectMeal.emit({ day, recipe });
+    }
+    render() {
+        return (index.h(index.Host, { key: 'de032b8a71504aa8c7ce9ae269c299974c03e160' }, index.h("div", { key: '178b5fc0a98d94cc2bb9666d7edcd74ca605df98', class: "rui-planner" }, this.days.map((day) => {
+            const meal = this.plan[day];
+            return (index.h("div", { class: "rui-planner__day" }, index.h("div", { class: "rui-planner__day-head" }, index.h("h4", null, day)), meal && meal.recipe ? (index.h("div", { class: "rui-planner__meal rui-planner__meal--clickable", onClick: () => this.selectMeal(day, meal.recipe), role: "button", tabindex: 0, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        this.selectMeal(day, meal.recipe);
+                    }
+                }, title: "View recipe ingredients" }, meal.recipe.image && (index.h("img", { src: meal.recipe.image, alt: meal.recipe.name })), index.h("div", { class: "rui-planner__meal-info" }, index.h("span", { class: "rui-planner__meal-name" }, meal.recipe.name), meal.recipe.category && (index.h("span", { class: "rui-planner__meal-cat" }, meal.recipe.category))), index.h("div", { class: "rui-planner__meal-actions" }, index.h("button", { type: "button", class: "rui-planner__view", onClick: (e) => {
+                    e.stopPropagation();
+                    this.selectMeal(day, meal.recipe);
+                } }, "View"), index.h("button", { type: "button", onClick: (e) => {
+                    e.stopPropagation();
+                    this.remove(day, meal.recipe);
+                } }, "Remove"), index.h("button", { type: "button", class: "rui-planner__clear", onClick: (e) => {
+                    e.stopPropagation();
+                    this.clear(day);
+                } }, "Clear")))) : (index.h("div", { class: "rui-planner__empty" }, index.h("span", null, "No meal planned"), index.h("button", { type: "button", onClick: () => this.assign(day) }, "+ Assign recipe")))));
+        }))));
+    }
+};
+RuiMealPlanner.style = ruiMealPlannerCss();
+
+exports.rui_meal_planner = RuiMealPlanner;

package/dist/cjs/rui-modal.cjs.entry.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiModalCss = () => `:host{display:block}.rui-modal__backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.5);display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;padding:5vh 1rem 1rem;z-index:1000;overflow-y:auto}.rui-modal__dialog{background:var(--rui-color-bg, #ffffff);border:1px solid var(--rui-color-border, #dee2e6);border-radius:var(--rui-radius, 8px);-webkit-box-shadow:var(--rui-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));box-shadow:var(--rui-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));width:100%;max-width:560px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:90vh;position:relative}.rui-modal__header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--rui-color-border, #dee2e6);background:var(--rui-color-bg, #ffffff);border-radius:var(--rui-radius, 8px) var(--rui-radius, 8px) 0 0}.rui-modal__title{margin:0;font-size:1.15rem;font-weight:700;color:var(--rui-color-text, #212529);font-family:var(--rui-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.rui-modal__close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--rui-color-muted, #868e96);padding:0 0.25rem}.rui-modal__close:hover{color:var(--rui-color-text, #212529)}.rui-modal__body{padding:1.25rem;overflow-y:auto;background:var(--rui-color-bg, #ffffff);color:var(--rui-color-text, #212529)}.rui-modal__footer{padding:1rem 1.25rem;border-top:1px solid var(--rui-color-border, #dee2e6);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:0.5rem;background:var(--rui-color-bg, #ffffff);border-radius:0 0 var(--rui-radius, 8px) var(--rui-radius, 8px)}.rui-modal__footer:empty{display:none}`;
+
+const RuiModal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiClose = index.createEvent(this, "ruiClose");
+        this.open = false;
+        this.modalTitle = '';
+        this.closeOnBackdrop = true;
+        this.handleBackdrop = (e) => {
+            if (!this.closeOnBackdrop)
+                return;
+            if (e.target === e.currentTarget) {
+                this.requestClose();
+            }
+        };
+        this.handleKey = (e) => {
+            if (e.key === 'Escape' && this.open) {
+                this.requestClose();
+            }
+        };
+    }
+    requestClose() {
+        this.ruiClose.emit();
+    }
+    openChanged(isOpen) {
+        if (isOpen) {
+            document.addEventListener('keydown', this.handleKey);
+        }
+        else {
+            document.removeEventListener('keydown', this.handleKey);
+        }
+    }
+    disconnectedCallback() {
+        document.removeEventListener('keydown', this.handleKey);
+    }
+    render() {
+        return (index.h(index.Host, { key: '9bbdb18b18e8c09ec5e8edfd886a44cb4d86cb0b' }, this.open && (index.h("div", { key: 'b772df0ce6a04949c1ac0d44449545a35d877adc', class: "rui-modal__backdrop", onClick: this.handleBackdrop }, index.h("div", { key: '4c22489ccd86da08b1a007757b1c42da4023067e', class: "rui-modal__dialog", role: "dialog", "aria-modal": "true", "aria-label": this.modalTitle }, index.h("header", { key: '5dd1ceca76410c18acbc8b12fc7cb9ca8c6dff27', class: "rui-modal__header" }, index.h("h3", { key: 'c131c313193f0ba0fd847426dff141f3c1adc143', class: "rui-modal__title" }, this.modalTitle), index.h("button", { key: 'c280b26ea160e5c765b80eb9054dd5ff186e7646', class: "rui-modal__close", type: "button", "aria-label": "Close", onClick: () => this.requestClose() }, "\u00D7")), index.h("div", { key: 'f4c32d83f83e5e452dc10a368f5f620e3557eedf', class: "rui-modal__body" }, index.h("slot", { key: 'a278a93efe24076204c4fce7b0cf44be22df4dc9' })), index.h("footer", { key: '31bed0da07b6310cdf4684c24f505ede0a220416', class: "rui-modal__footer" }, index.h("slot", { key: '7a5806e2edf0d6aaef25b119c1d2ba8f3684a1f7', name: "footer" })))))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "openChanged": 0
+            }]
+    }; }
+};
+RuiModal.style = ruiModalCss();
+
+exports.rui_modal = RuiModal;

package/dist/cjs/rui-recipe-card.cjs.entry.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiRecipeCardCss = () => `:host{display:block}.rui-card{background:var(--rui-color-bg);border:1px solid var(--rui-color-border);border-radius:var(--rui-radius);overflow:hidden;-webkit-box-shadow:var(--rui-shadow-sm);box-shadow:var(--rui-shadow-sm);cursor:pointer;-webkit-transition:-webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;transition:-webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;transition:transform 0.15s ease, box-shadow 0.15s ease;transition:transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.rui-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--rui-shadow-md);box-shadow:var(--rui-shadow-md)}.rui-card__media{position:relative;aspect-ratio:16 / 10;background:var(--rui-color-bg-alt);overflow:hidden}.rui-card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.rui-card__placeholder{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--rui-color-muted);font-size:0.85rem}.rui-card__fav{position:absolute;top:0.5rem;right:0.5rem;width:2rem;height:2rem;border-radius:50%;border:none;background:rgba(255, 255, 255, 0.9);color:var(--rui-color-danger);font-size:1.1rem;line-height:1;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.15s ease, -webkit-transform 0.1s ease;transition:background-color 0.15s ease, -webkit-transform 0.1s ease;transition:background-color 0.15s ease, transform 0.1s ease;transition:background-color 0.15s ease, transform 0.1s ease, -webkit-transform 0.1s ease}.rui-card__fav:hover{background:#fff;-webkit-transform:scale(1.08);transform:scale(1.08)}.rui-card__fav.is-fav{color:var(--rui-color-danger);background:#fff}.rui-card__body{padding:0.85rem 1rem;-ms-flex:1;flex:1}.rui-card__title{margin:0 0 0.25rem;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rui-card__meta{margin:0;font-size:0.8rem;color:var(--rui-color-muted)}.rui-card__footer{padding:0 1rem 0.85rem;display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.rui-card__footer:empty{display:none}`;
+
+const RuiRecipeCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiCardClick = index.createEvent(this, "ruiCardClick");
+        this.ruiFavoriteToggle = index.createEvent(this, "ruiFavoriteToggle");
+        this.isFavorite = false;
+        this.onCardClick = () => {
+            this.ruiCardClick.emit(this.recipe);
+        };
+        this.onFavClick = (e) => {
+            e.stopPropagation();
+            this.isFavorite = !this.isFavorite;
+            this.ruiFavoriteToggle.emit({ recipe: this.recipe, isFavorite: this.isFavorite });
+        };
+    }
+    render() {
+        const r = this.recipe;
+        return (index.h(index.Host, { key: '8ba2647d2fed8b0539287633a5591892109596fb' }, index.h("article", { key: '8a58a35d34d08d0897bc7c68b82773bd361e2dcf', class: "rui-card", onClick: this.onCardClick }, index.h("div", { key: '04b5aa4b9563847aa116bbf477fabd806092f90a', class: "rui-card__media" }, r.image ? (index.h("img", { src: r.image, alt: r.name, loading: "lazy" })) : (index.h("div", { class: "rui-card__placeholder", "aria-hidden": "true" }, index.h("span", null, "No image"))), index.h("button", { key: 'ea6b5fe33ab2587f28491b75db84e87e3b1d193f', type: "button", class: `rui-card__fav ${this.isFavorite ? 'is-fav' : ''}`, "aria-pressed": this.isFavorite ? 'true' : 'false', "aria-label": this.isFavorite ? 'Remove from favorites' : 'Add to favorites', onClick: this.onFavClick }, this.isFavorite ? '\u2665' : '\u2661')), index.h("div", { key: '2bd65d44934ee52a98cc2be459b770a8fe18dd0f', class: "rui-card__body" }, index.h("h3", { key: '55bd4f5faf4ed06696c6ed22f828d811afa605a5', class: "rui-card__title" }, r.name), (r.category || r.area) && (index.h("p", { key: '5184ee876bdfb90cdef9bc7f529be504ed18bf45', class: "rui-card__meta" }, [r.category, r.area].filter(Boolean).join(' \u00b7 ')))), index.h("div", { key: '5e3fc6c1cc4559bd6260ebf99039908f2e9c82e2', class: "rui-card__footer" }, index.h("slot", { key: '2567811b6ca78e06df4e2c51714dc1210fa65f00' })))));
+    }
+};
+RuiRecipeCard.style = ruiRecipeCardCss();
+
+exports.rui_recipe_card = RuiRecipeCard;

package/dist/cjs/rui-recipe-detail.cjs.entry.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiRecipeDetailCss = () => `:host{display:block}.rui-detail{background:var(--rui-color-bg);border-radius:var(--rui-radius);-webkit-box-shadow:var(--rui-shadow-sm);box-shadow:var(--rui-shadow-sm);overflow:hidden}.rui-detail__header{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;padding:1.5rem}@media (max-width: 640px){.rui-detail__header{grid-template-columns:1fr}}.rui-detail__media{aspect-ratio:4 / 3;background:var(--rui-color-bg-alt);border-radius:var(--rui-radius);overflow:hidden}.rui-detail__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.rui-detail__placeholder{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--rui-color-muted)}.rui-detail__title{margin:0 0 0.35rem;font-size:1.6rem;font-weight:700}.rui-detail__meta{margin:0 0 1rem;color:var(--rui-color-muted);font-size:0.95rem}.rui-detail__actions{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.6rem;-ms-flex-align:center;align-items:center}.rui-detail__fav,.rui-detail__plan{font-family:var(--rui-font);font-size:0.9rem;font-weight:600;padding:0.5rem 0.9rem;border-radius:var(--rui-radius);border:1px solid var(--rui-color-border);background:var(--rui-color-bg);cursor:pointer;-webkit-transition:background-color 0.15s ease, border-color 0.15s ease;transition:background-color 0.15s ease, border-color 0.15s ease}.rui-detail__fav:hover,.rui-detail__plan:hover{border-color:var(--rui-color-primary);background:var(--rui-color-primary-soft)}.rui-detail__fav.is-fav{color:var(--rui-color-danger);border-color:var(--rui-color-danger);background:#fff5f5}.rui-detail__section{padding:0 1.5rem 1.5rem}.rui-detail__section h3{margin:0 0 0.75rem;font-size:1.15rem;font-weight:700;border-bottom:2px solid var(--rui-color-primary-soft);padding-bottom:0.35rem}.rui-detail__tables{display:grid;grid-template-columns:1fr 1fr;gap:1rem;-ms-flex-align:start;align-items:start}@media (max-width: 700px){.rui-detail__tables{grid-template-columns:1fr}}.rui-detail__table{width:100%;border-collapse:collapse;font-size:0.9rem;background:var(--rui-color-bg, #ffffff);border:1px solid var(--rui-color-border, #dee2e6);border-radius:var(--rui-radius, 8px);overflow:hidden}.rui-detail__table thead{background:var(--rui-color-bg-alt, #f8f9fa)}.rui-detail__table th{text-align:left;padding:0.6rem 0.75rem;font-weight:700;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--rui-color-muted, #868e96);border-bottom:2px solid var(--rui-color-border, #dee2e6)}.rui-detail__table td{padding:0.55rem 0.75rem;border-bottom:1px solid var(--rui-color-border, #dee2e6);vertical-align:middle}.rui-detail__table tbody tr:last-child td{border-bottom:none}.rui-detail__table tbody tr:hover{background:var(--rui-color-primary-soft, #dcfce7)}.rui-detail__td--index{width:36px;text-align:center;color:var(--rui-color-muted, #868e96);font-weight:600}.rui-detail__ing-measure{color:var(--rui-color-muted, #868e96);white-space:nowrap}.rui-detail__ing-name{font-weight:500;color:var(--rui-color-text, #212529)}.rui-detail__empty{color:var(--rui-color-muted, #868e96);font-size:0.9rem;margin:0.5rem 0 0}.rui-detail__ingredients{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:0.4rem 1rem}.rui-detail__ingredients li{display:-ms-flexbox;display:flex;gap:0.5rem;font-size:0.9rem;padding:0.3rem 0;border-bottom:1px dashed var(--rui-color-border, #dee2e6)}.rui-detail__instructions{white-space:pre-line;line-height:1.6;font-size:0.95rem;margin:0}.rui-detail__links{display:-ms-flexbox;display:flex;gap:1rem}.rui-detail__links a{color:var(--rui-color-secondary);text-decoration:none;font-weight:500}.rui-detail__links a:hover{text-decoration:underline}`;
+
+const RuiRecipeDetail = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiAddToPlan = index.createEvent(this, "ruiAddToPlan");
+        this.ruiFavoriteToggle = index.createEvent(this, "ruiFavoriteToggle");
+        this.isFavorite = false;
+        this.onAddToPlan = () => {
+            this.ruiAddToPlan.emit(this.recipe);
+        };
+        this.onFavToggle = () => {
+            this.isFavorite = !this.isFavorite;
+            this.ruiFavoriteToggle.emit({ recipe: this.recipe, isFavorite: this.isFavorite });
+        };
+    }
+    render() {
+        const r = this.recipe;
+        return (index.h(index.Host, { key: '3cbe3361e6d88381fbec4fd8d282963933878de4' }, index.h("article", { key: 'ef3860f9752829fae37d374684f5b6e5045299e5', class: "rui-detail" }, index.h("header", { key: 'a14c496c15e23458956538926449bcecb742fd4c', class: "rui-detail__header" }, index.h("div", { key: 'e6766cf5e4d766fcd2b47a946122b0b108de6a73', class: "rui-detail__media" }, r.image ? (index.h("img", { src: r.image, alt: r.name })) : (index.h("div", { class: "rui-detail__placeholder" }, "No image"))), index.h("div", { key: '3c0ccb26f0379d9ddd9cd29a05d237a9d377d516', class: "rui-detail__intro" }, index.h("h2", { key: '108020c974704efc52907eb1f945ee3a7584436f', class: "rui-detail__title" }, r.name), (r.category || r.area) && (index.h("p", { key: 'fc381751090c3c067076967347db95907e048898', class: "rui-detail__meta" }, [r.category, r.area].filter(Boolean).join(' \u00b7 '))), index.h("div", { key: 'a0084338478d82d0e7c4f738ff7650646805efe9', class: "rui-detail__actions" }, index.h("slot", { key: 'ba5ac7fba83204b9c7512837313238771d68a59c', name: "actions" }), index.h("button", { key: '1b2a17d3d7571e5d484a9a26bb13b69a9ec8d56a', type: "button", class: `rui-detail__fav ${this.isFavorite ? 'is-fav' : ''}`, "aria-pressed": this.isFavorite ? 'true' : 'false', onClick: this.onFavToggle }, this.isFavorite ? '\u2665 Favorited' : '\u2661 Add to favorites'), index.h("button", { key: '1f9e6eec95cf99ef6bad7197d488e4623d9c0381', type: "button", class: "rui-detail__plan", onClick: this.onAddToPlan }, "+ Add to meal plan")))), index.h("section", { key: '8fa48000e6baaf8f22431b413d964c79ce2f9441', class: "rui-detail__section" }, index.h("h3", { key: '44e655db0ee49e4a1f9f2e31a82a23c3c549060a' }, "Ingredients"), r.ingredients && r.ingredients.length > 0 ? ((() => {
+            const mid = Math.ceil(r.ingredients.length / 2);
+            const left = r.ingredients.slice(0, mid);
+            const right = r.ingredients.slice(mid);
+            const renderTable = (rows, offset) => (index.h("table", { class: "rui-detail__table" }, index.h("thead", null, index.h("tr", null, index.h("th", null, "#"), index.h("th", null, "Ingredient"), index.h("th", null, "Measure"))), index.h("tbody", null, rows.map((ing, idx) => (index.h("tr", null, index.h("td", { class: "rui-detail__td--index" }, offset + idx + 1), index.h("td", { class: "rui-detail__ing-name" }, ing.name), index.h("td", { class: "rui-detail__ing-measure" }, ing.measure || '—')))))));
+            return (index.h("div", { class: "rui-detail__tables" }, renderTable(left, 0), right.length > 0 && renderTable(right, mid)));
+        })()) : (index.h("p", { class: "rui-detail__empty" }, "No ingredients listed.")), index.h("slot", { key: '58d20bb01497af2651f492d9e6520a587d3e21ce', name: "ingredients-extra" })), r.instructions && (index.h("section", { key: '54176a29fab9b1142b30994d0ae74acd2e881e69', class: "rui-detail__section" }, index.h("h3", { key: '0f0900c1f6abb29cf8601d5d3e6fc44abc344105' }, "Instructions"), index.h("p", { key: 'e4f4e185a193ac818bc21e3974c957716a1b8fd6', class: "rui-detail__instructions" }, r.instructions))), (r.youtube || r.source) && (index.h("section", { key: 'f8db0b0a526a6e774e83d700325471dbc032170e', class: "rui-detail__section rui-detail__links" }, r.youtube && (index.h("a", { key: 'add83e9353e6294219dfb9304c98a49833913200', href: r.youtube, target: "_blank", rel: "noopener noreferrer" }, "Watch on YouTube")), r.source && (index.h("a", { key: 'b719435a049b54a4b5ec1500ea9a19da9c10f98d', href: r.source, target: "_blank", rel: "noopener noreferrer" }, "Original source")))))));
+    }
+};
+RuiRecipeDetail.style = ruiRecipeDetailCss();
+
+exports.rui_recipe_detail = RuiRecipeDetail;

package/dist/cjs/rui-recipe-list.cjs.entry.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiRecipeListCss = () => `:host{display:block}.rui-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1.25rem}.rui-list__empty{margin:2rem 0;text-align:center;color:var(--rui-color-muted);font-size:1rem}`;
+
+const RuiRecipeList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiSelectRecipe = index.createEvent(this, "ruiSelectRecipe");
+        this.ruiFavoriteToggle = index.createEvent(this, "ruiFavoriteToggle");
+        this.recipes = [];
+        this.favorites = [];
+        this.emptyMessage = 'No recipes found.';
+    }
+    recipesChanged() { }
+    favoritesChanged() { }
+    isFav(id) {
+        return this.favorites.includes(id);
+    }
+    render() {
+        if (!this.recipes || this.recipes.length === 0) {
+            return (index.h(index.Host, null, index.h("p", { class: "rui-list__empty" }, this.emptyMessage)));
+        }
+        return (index.h(index.Host, null, index.h("div", { class: "rui-list" }, this.recipes.map((r) => (index.h("rui-recipe-card", { recipe: r, isFavorite: this.isFav(r.id), onRuiCardClick: (e) => {
+                e.stopPropagation();
+                this.ruiSelectRecipe.emit(e.detail);
+            }, onRuiFavoriteToggle: (e) => {
+                e.stopPropagation();
+                this.ruiFavoriteToggle.emit(e.detail);
+            } }))))));
+    }
+    static get watchers() { return {
+        "recipes": [{
+                "recipesChanged": 0
+            }],
+        "favorites": [{
+                "favoritesChanged": 0
+            }]
+    }; }
+};
+RuiRecipeList.style = ruiRecipeListCss();
+
+exports.rui_recipe_list = RuiRecipeList;

package/dist/cjs/rui-search-bar.cjs.entry.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+const ruiSearchBarCss = () => `:host{display:block}.rui-search{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;gap:0.5rem;width:100%;max-width:640px}.rui-search__input{-ms-flex:1;flex:1;min-width:0;padding:0.6rem 0.85rem;font-size:1rem;font-family:var(--rui-font);border:1px solid var(--rui-color-border);border-radius:var(--rui-radius);outline:none;-webkit-transition:border-color 0.15s ease, -webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease, -webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease, box-shadow 0.15s ease;transition:border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease}.rui-search__input:focus{border-color:var(--rui-color-primary);-webkit-box-shadow:0 0 0 3px var(--rui-color-primary-soft);box-shadow:0 0 0 3px var(--rui-color-primary-soft)}.rui-search__btn{padding:0.6rem 1.1rem;font-size:0.95rem;font-weight:600;font-family:var(--rui-font);background:var(--rui-color-primary);color:#fff;border:none;border-radius:var(--rui-radius);cursor:pointer;-webkit-transition:background-color 0.15s ease;transition:background-color 0.15s ease}.rui-search__btn:hover{background:var(--rui-color-primary-hover)}`;
+
+const RuiSearchBar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ruiSearchInput = index.createEvent(this, "ruiSearchInput");
+        this.ruiSearchSubmit = index.createEvent(this, "ruiSearchSubmit");
+        this.value = '';
+        this.placeholder = 'Search recipes...';
+        this.debounceMs = 300;
+        this.onInput = (e) => {
+            const target = e.target;
+            this.value = target.value;
+            clearTimeout(this.timer);
+            this.timer = setTimeout(() => {
+                this.ruiSearchInput.emit(this.value);
+            }, this.debounceMs);
+        };
+        this.onSubmit = (e) => {
+            e.preventDefault();
+            clearTimeout(this.timer);
+            this.ruiSearchSubmit.emit(this.value);
+        };
+    }
+    disconnectedCallback() {
+        clearTimeout(this.timer);
+    }
+    render() {
+        return (index.h(index.Host, { key: '42c4c7437175136a28e810f73417147e4e609870' }, index.h("form", { key: '7b450f3e9fa9a3c63cda1169b3cecc5e2577ba96', class: "rui-search", onSubmit: this.onSubmit, role: "search" }, index.h("input", { key: '861e092e1c537cedcbe3bf6b1cd580d00fd8d24d', class: "rui-search__input", type: "search", value: this.value, placeholder: this.placeholder, onInput: this.onInput, "aria-label": this.placeholder }), index.h("button", { key: 'b6676deed915b99ecb22ca2c5d30851f51f04c74', class: "rui-search__btn", type: "submit", "aria-label": "Search" }, "Search"))));
+    }
+    get el() { return index.getElement(this); }
+};
+RuiSearchBar.style = ruiSearchBarCss();
+
+exports.rui_search_bar = RuiSearchBar;

package/dist/cjs/rui.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-CJNMpFY7.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.44.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('rui.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await index.globalScripts();
+  return index.bootstrapLazy([["rui-recipe-list.cjs",[[1,"rui-recipe-list",{"recipes":[16],"favorites":[16],"emptyMessage":[1,"empty-message"]},null,{"recipes":[{"recipesChanged":0}],"favorites":[{"favoritesChanged":0}]}]]],["rui-button.cjs",[[257,"rui-button",{"variant":[1],"disabled":[516],"loading":[4],"type":[1]}]]],["rui-filter-chips.cjs",[[1,"rui-filter-chips",{"categories":[16],"selected":[16]}]]],["rui-meal-planner.cjs",[[1,"rui-meal-planner",{"plan":[16],"days":[16]}]]],["rui-modal.cjs",[[257,"rui-modal",{"open":[1540],"modalTitle":[1,"modal-title"],"closeOnBackdrop":[4,"close-on-backdrop"]},null,{"open":[{"openChanged":0}]}]]],["rui-recipe-detail.cjs",[[257,"rui-recipe-detail",{"recipe":[16],"isFavorite":[516,"is-favorite"]}]]],["rui-search-bar.cjs",[[1,"rui-search-bar",{"value":[1025],"placeholder":[1],"debounceMs":[2,"debounce-ms"]}]]],["rui-recipe-card.cjs",[[257,"rui-recipe-card",{"recipe":[16],"isFavorite":[516,"is-favorite"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,20 @@
+{
+  "entries": [
+    "components/rui-filter-chips/rui-filter-chips.js",
+    "components/rui-recipe-card/rui-recipe-card.js",
+    "components/rui-meal-planner/rui-meal-planner.js",
+    "components/rui-recipe-detail/rui-recipe-detail.js",
+    "components/rui-button/rui-button.js",
+    "components/rui-modal/rui-modal.js",
+    "components/rui-search-bar/rui-search-bar.js",
+    "components/rui-recipe-list/rui-recipe-list.js"
+  ],
+  "mixins": [],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.44.2",
+    "typescriptVersion": "5.8.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/index.js

@@ -0,0 +1,8 @@
+export * from './rui-button/rui-button';
+export * from './rui-modal/rui-modal';
+export * from './rui-search-bar/rui-search-bar';
+export * from './rui-filter-chips/rui-filter-chips';
+export * from './rui-recipe-card/rui-recipe-card';
+export * from './rui-recipe-list/rui-recipe-list';
+export * from './rui-recipe-detail/rui-recipe-detail';
+export * from './rui-meal-planner/rui-meal-planner';

package/dist/collection/components/rui-button/rui-button.css

@@ -0,0 +1,72 @@
+:host {
+  display: inline-block;
+}
+
+.rui-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5em;
+  font-family: var(--rui-font);
+  font-size: 0.95rem;
+  font-weight: 600;
+  padding: 0.55rem 1.1rem;
+  border-radius: var(--rui-radius);
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
+  line-height: 1.2;
+  user-select: none;
+}
+
+.rui-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.rui-btn--primary {
+  background-color: var(--rui-color-primary);
+  color: #fff;
+}
+.rui-btn--primary:hover:not(:disabled) {
+  background-color: var(--rui-color-primary-hover);
+}
+
+.rui-btn--secondary {
+  background-color: var(--rui-color-secondary);
+  color: #fff;
+}
+.rui-btn--secondary:hover:not(:disabled) {
+  background-color: #14538a;
+}
+
+.rui-btn--danger {
+  background-color: var(--rui-color-danger);
+  color: #fff;
+}
+.rui-btn--danger:hover:not(:disabled) {
+  background-color: #a52323;
+}
+
+.rui-btn--ghost {
+  background-color: transparent;
+  color: var(--rui-color-text);
+  border-color: var(--rui-color-border);
+}
+.rui-btn--ghost:hover:not(:disabled) {
+  background-color: var(--rui-color-bg-alt);
+}
+
+.rui-btn__spinner {
+  width: 1em;
+  height: 1em;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: rui-spin 0.7s linear infinite;
+}
+
+@keyframes rui-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

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

@@ -0,0 +1,140 @@
+import { h, Host } from "@stencil/core";
+export class RuiButton {
+    constructor() {
+        this.variant = 'primary';
+        this.disabled = false;
+        this.loading = false;
+        this.type = 'button';
+        this.handleClick = (e) => {
+            if (this.disabled || this.loading) {
+                e.preventDefault();
+                e.stopPropagation();
+                return;
+            }
+            this.ruiClick.emit(e);
+        };
+    }
+    render() {
+        return (h(Host, { key: '0ab23154d1836dfd9d0a691705a0e5cc6f91dae3' }, h("button", { key: '986e600d39ed91200857739179c2e105207c0ebc', class: `rui-btn rui-btn--${this.variant}`, type: this.type, disabled: this.disabled || this.loading, onClick: this.handleClick, "aria-busy": this.loading ? 'true' : 'false' }, this.loading && h("span", { key: '406a34032a25dd05f986e53075e2c7cf45727c85', class: "rui-btn__spinner", "aria-hidden": "true" }), h("span", { key: '7f9ae69c7824227e0b56f2abffb10b95c7a8b92d', class: "rui-btn__label" }, h("slot", { key: '1498be76d79baf033b9913f5f61a5b64192b341e' })))));
+    }
+    static get is() { return "rui-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["rui-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["rui-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary' | 'danger' | 'ghost'",
+                    "resolved": "\"danger\" | \"ghost\" | \"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Button variant."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant",
+                "defaultValue": "'primary'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Loading state (shows spinner, disables interaction)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "loading",
+                "defaultValue": "false"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'button' | 'submit' | 'reset'",
+                    "resolved": "\"button\" | \"reset\" | \"submit\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Native button type."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type",
+                "defaultValue": "'button'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "ruiClick",
+                "name": "ruiClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on click (bubbles/composed for cross-boundary listening)."
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}