@ssj4kyuubi/recipe-ui-lib 0.1.4

package/dist/collection/components/rui-recipe-list/rui-recipe-list.js

@@ -0,0 +1,160 @@
+import { h, Host } from "@stencil/core";
+export class RuiRecipeList {
+    constructor() {
+        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 (h(Host, null, h("p", { class: "rui-list__empty" }, this.emptyMessage)));
+        }
+        return (h(Host, null, h("div", { class: "rui-list" }, this.recipes.map((r) => (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 is() { return "rui-recipe-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["rui-recipe-list.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["rui-recipe-list.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "recipes": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "RecipeSummary[]",
+                    "resolved": "RecipeSummary[]",
+                    "references": {
+                        "RecipeSummary": {
+                            "location": "import",
+                            "path": "../rui-recipe-card/rui-recipe-card",
+                            "id": "src/components/rui-recipe-card/rui-recipe-card.tsx::RecipeSummary",
+                            "referenceLocation": "RecipeSummary"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Array of recipe summaries to display."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "favorites": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Array of favorite recipe ids (used to mark cards as favorite)."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "emptyMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Empty-state message."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "empty-message",
+                "defaultValue": "'No recipes found.'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "ruiSelectRecipe",
+                "name": "ruiSelectRecipe",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when a card is clicked. detail: RecipeSummary."
+                },
+                "complexType": {
+                    "original": "RecipeSummary",
+                    "resolved": "RecipeSummary",
+                    "references": {
+                        "RecipeSummary": {
+                            "location": "import",
+                            "path": "../rui-recipe-card/rui-recipe-card",
+                            "id": "src/components/rui-recipe-card/rui-recipe-card.tsx::RecipeSummary",
+                            "referenceLocation": "RecipeSummary"
+                        }
+                    }
+                }
+            }, {
+                "method": "ruiFavoriteToggle",
+                "name": "ruiFavoriteToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when a favorite is toggled from a card. detail: { recipe, isFavorite }."
+                },
+                "complexType": {
+                    "original": "{ recipe: RecipeSummary; isFavorite: boolean }",
+                    "resolved": "{ recipe: RecipeSummary; isFavorite: boolean; }",
+                    "references": {
+                        "RecipeSummary": {
+                            "location": "import",
+                            "path": "../rui-recipe-card/rui-recipe-card",
+                            "id": "src/components/rui-recipe-card/rui-recipe-card.tsx::RecipeSummary",
+                            "referenceLocation": "RecipeSummary"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "recipes",
+                "methodName": "recipesChanged"
+            }, {
+                "propName": "favorites",
+                "methodName": "favoritesChanged"
+            }];
+    }
+}

package/dist/collection/components/rui-search-bar/rui-search-bar.css

@@ -0,0 +1,45 @@
+:host {
+  display: block;
+}
+
+.rui-search {
+  display: flex;
+  align-items: stretch;
+  gap: 0.5rem;
+  width: 100%;
+  max-width: 640px;
+}
+
+
+
+.rui-search__input {
+  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;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.rui-search__input:focus {
+  border-color: var(--rui-color-primary);
+  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;
+  transition: background-color 0.15s ease;
+}
+.rui-search__btn:hover {
+  background: var(--rui-color-primary-hover);
+}

package/dist/collection/components/rui-search-bar/rui-search-bar.js

@@ -0,0 +1,137 @@
+import { h, Host } from "@stencil/core";
+export class RuiSearchBar {
+    constructor() {
+        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 (h(Host, { key: '42c4c7437175136a28e810f73417147e4e609870' }, h("form", { key: '7b450f3e9fa9a3c63cda1169b3cecc5e2577ba96', class: "rui-search", onSubmit: this.onSubmit, role: "search" }, h("input", { key: '861e092e1c537cedcbe3bf6b1cd580d00fd8d24d', class: "rui-search__input", type: "search", value: this.value, placeholder: this.placeholder, onInput: this.onInput, "aria-label": this.placeholder }), h("button", { key: 'b6676deed915b99ecb22ca2c5d30851f51f04c74', class: "rui-search__btn", type: "submit", "aria-label": "Search" }, "Search"))));
+    }
+    static get is() { return "rui-search-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["rui-search-bar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["rui-search-bar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Current input value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "''"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder text."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder",
+                "defaultValue": "'Search recipes...'"
+            },
+            "debounceMs": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Debounce delay in ms for ruiSearchInput."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "debounce-ms",
+                "defaultValue": "300"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "ruiSearchInput",
+                "name": "ruiSearchInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted (debounced) on input. detail: string."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "ruiSearchSubmit",
+                "name": "ruiSearchSubmit",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on submit (Enter or button). detail: string."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";

package/dist/components/rui-button.d.ts

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

package/dist/components/rui-button.js

@@ -0,0 +1 @@
+import{proxyCustomElement as r,HTMLElement as e,createEvent as o,h as t,Host as i,transformTag as n}from"@stencil/core/internal/client";const a=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.ruiClick=o(this,"ruiClick",7),this.variant="primary",this.disabled=!1,this.loading=!1,this.type="button",this.handleClick=r=>{if(this.disabled||this.loading)return r.preventDefault(),void r.stopPropagation();this.ruiClick.emit(r)}}render(){return t(i,{key:"0ab23154d1836dfd9d0a691705a0e5cc6f91dae3"},t("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&&t("span",{key:"406a34032a25dd05f986e53075e2c7cf45727c85",class:"rui-btn__spinner","aria-hidden":"true"}),t("span",{key:"7f9ae69c7824227e0b56f2abffb10b95c7a8b92d",class:"rui-btn__label"},t("slot",{key:"1498be76d79baf033b9913f5f61a5b64192b341e"}))))}get el(){return this}static get style(){return":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)}}"}},[257,"rui-button",{variant:[1],disabled:[516],loading:[4],type:[1]}]),s=a,c=function(){"undefined"!=typeof customElements&&["rui-button"].forEach((r=>{"rui-button"===r&&(customElements.get(n(r))||customElements.define(n(r),a))}))};export{s as RuiButton,c as defineCustomElement}

package/dist/components/rui-filter-chips.d.ts

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

package/dist/components/rui-filter-chips.js

@@ -0,0 +1 @@
+import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as t}from"@stencil/core/internal/client";const c=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.ruiFilterChange=i(this,"ruiFilterChange",7),this.categories=[],this.selected=[],this.toggle=r=>{const e=this.selected.includes(r)?this.selected.filter((e=>e!==r)):[...this.selected,r];this.selected=[...e],this.ruiFilterChange.emit(this.selected)}}render(){return o(s,{key:"628063d481c07e5c80312a9a395ba7ad0ab859dc"},o("div",{key:"d3aa0f87f0e6b6bd55960dc91769f56b70e4ef67",class:"rui-chips",role:"group","aria-label":"Filters"},this.categories.map((r=>{const e=this.selected.includes(r.value);return o("button",{type:"button",class:"rui-chip "+(e?"rui-chip--active":""),"aria-pressed":e?"true":"false",onClick:()=>this.toggle(r.value)},r.label)}))))}static get style(){return":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}"}},[1,"rui-filter-chips",{categories:[16],selected:[16]}]),a=c,l=function(){"undefined"!=typeof customElements&&["rui-filter-chips"].forEach((r=>{"rui-filter-chips"===r&&(customElements.get(t(r))||customElements.define(t(r),c))}))};export{a as RuiFilterChips,l as defineCustomElement}

package/dist/components/rui-meal-planner.d.ts

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

package/dist/components/rui-meal-planner.js

@@ -0,0 +1 @@
+import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as a,Host as o,transformTag as n}from"@stencil/core/internal/client";const l=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.ruiAssignMeal=i(this,"ruiAssignMeal",7),this.ruiRemoveMeal=i(this,"ruiRemoveMeal",7),this.ruiClearDay=i(this,"ruiClearDay",7),this.ruiSelectMeal=i(this,"ruiSelectMeal",7),this.plan={},this.days=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],this.assign=r=>this.ruiAssignMeal.emit({day:r}),this.remove=(r,e)=>this.ruiRemoveMeal.emit({day:r,recipe:e}),this.clear=r=>this.ruiClearDay.emit({day:r}),this.selectMeal=(r,e)=>this.ruiSelectMeal.emit({day:r,recipe:e})}render(){return a(o,{key:"de032b8a71504aa8c7ce9ae269c299974c03e160"},a("div",{key:"178b5fc0a98d94cc2bb9666d7edcd74ca605df98",class:"rui-planner"},this.days.map((r=>{const e=this.plan[r];return a("div",{class:"rui-planner__day"},a("div",{class:"rui-planner__day-head"},a("h4",null,r)),e&&e.recipe?a("div",{class:"rui-planner__meal rui-planner__meal--clickable",onClick:()=>this.selectMeal(r,e.recipe),role:"button",tabindex:0,onKeyDown:i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.selectMeal(r,e.recipe))},title:"View recipe ingredients"},e.recipe.image&&a("img",{src:e.recipe.image,alt:e.recipe.name}),a("div",{class:"rui-planner__meal-info"},a("span",{class:"rui-planner__meal-name"},e.recipe.name),e.recipe.category&&a("span",{class:"rui-planner__meal-cat"},e.recipe.category)),a("div",{class:"rui-planner__meal-actions"},a("button",{type:"button",class:"rui-planner__view",onClick:i=>{i.stopPropagation(),this.selectMeal(r,e.recipe)}},"View"),a("button",{type:"button",onClick:i=>{i.stopPropagation(),this.remove(r,e.recipe)}},"Remove"),a("button",{type:"button",class:"rui-planner__clear",onClick:e=>{e.stopPropagation(),this.clear(r)}},"Clear"))):a("div",{class:"rui-planner__empty"},a("span",null,"No meal planned"),a("button",{type:"button",onClick:()=>this.assign(r)},"+ Assign recipe")))}))))}static get style(){return":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)}"}},[1,"rui-meal-planner",{plan:[16],days:[16]}]),t=l,s=function(){"undefined"!=typeof customElements&&["rui-meal-planner"].forEach((r=>{"rui-meal-planner"===r&&(customElements.get(n(r))||customElements.define(n(r),l))}))};export{t as RuiMealPlanner,s as defineCustomElement}

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

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

package/dist/components/rui-modal.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as o,createEvent as r,h as a,Host as i,transformTag as d}from"@stencil/core/internal/client";const t=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ruiClose=r(this,"ruiClose",7),this.open=!1,this.modalTitle="",this.closeOnBackdrop=!0,this.handleBackdrop=e=>{this.closeOnBackdrop&&e.target===e.currentTarget&&this.requestClose()},this.handleKey=e=>{"Escape"===e.key&&this.open&&this.requestClose()}}requestClose(){this.ruiClose.emit()}openChanged(e){e?document.addEventListener("keydown",this.handleKey):document.removeEventListener("keydown",this.handleKey)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKey)}render(){return a(i,{key:"9bbdb18b18e8c09ec5e8edfd886a44cb4d86cb0b"},this.open&&a("div",{key:"b772df0ce6a04949c1ac0d44449545a35d877adc",class:"rui-modal__backdrop",onClick:this.handleBackdrop},a("div",{key:"4c22489ccd86da08b1a007757b1c42da4023067e",class:"rui-modal__dialog",role:"dialog","aria-modal":"true","aria-label":this.modalTitle},a("header",{key:"5dd1ceca76410c18acbc8b12fc7cb9ca8c6dff27",class:"rui-modal__header"},a("h3",{key:"c131c313193f0ba0fd847426dff141f3c1adc143",class:"rui-modal__title"},this.modalTitle),a("button",{key:"c280b26ea160e5c765b80eb9054dd5ff186e7646",class:"rui-modal__close",type:"button","aria-label":"Close",onClick:()=>this.requestClose()},"×")),a("div",{key:"f4c32d83f83e5e452dc10a368f5f620e3557eedf",class:"rui-modal__body"},a("slot",{key:"a278a93efe24076204c4fce7b0cf44be22df4dc9"})),a("footer",{key:"31bed0da07b6310cdf4684c24f505ede0a220416",class:"rui-modal__footer"},a("slot",{key:"7a5806e2edf0d6aaef25b119c1d2ba8f3684a1f7",name:"footer"})))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":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}"}},[257,"rui-modal",{open:[1540],modalTitle:[1,"modal-title"],closeOnBackdrop:[4,"close-on-backdrop"]},void 0,{open:[{openChanged:0}]}]),l=t,s=function(){"undefined"!=typeof customElements&&["rui-modal"].forEach((e=>{"rui-modal"===e&&(customElements.get(d(e))||customElements.define(d(e),t))}))};export{l as RuiModal,s as defineCustomElement}

package/dist/components/rui-recipe-card.d.ts

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

package/dist/components/rui-recipe-card.js

@@ -0,0 +1 @@
+import{R as r,d as o}from"./rui-recipe-card2.js";const s=r,a=o;export{s as RuiRecipeCard,a as defineCustomElement}

package/dist/components/rui-recipe-card2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as r,createEvent as a,h as i,Host as s,transformTag as t}from"@stencil/core/internal/client";const o=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ruiCardClick=a(this,"ruiCardClick",7),this.ruiFavoriteToggle=a(this,"ruiFavoriteToggle",7),this.isFavorite=!1,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 e=this.recipe;return i(s,{key:"8ba2647d2fed8b0539287633a5591892109596fb"},i("article",{key:"8a58a35d34d08d0897bc7c68b82773bd361e2dcf",class:"rui-card",onClick:this.onCardClick},i("div",{key:"04b5aa4b9563847aa116bbf477fabd806092f90a",class:"rui-card__media"},e.image?i("img",{src:e.image,alt:e.name,loading:"lazy"}):i("div",{class:"rui-card__placeholder","aria-hidden":"true"},i("span",null,"No image")),i("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?"♥":"♡")),i("div",{key:"2bd65d44934ee52a98cc2be459b770a8fe18dd0f",class:"rui-card__body"},i("h3",{key:"55bd4f5faf4ed06696c6ed22f828d811afa605a5",class:"rui-card__title"},e.name),(e.category||e.area)&&i("p",{key:"5184ee876bdfb90cdef9bc7f529be504ed18bf45",class:"rui-card__meta"},[e.category,e.area].filter(Boolean).join(" · "))),i("div",{key:"5e3fc6c1cc4559bd6260ebf99039908f2e9c82e2",class:"rui-card__footer"},i("slot",{key:"2567811b6ca78e06df4e2c51714dc1210fa65f00"}))))}static get style(){return":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}"}},[257,"rui-recipe-card",{recipe:[16],isFavorite:[516,"is-favorite"]}]);function d(){"undefined"!=typeof customElements&&["rui-recipe-card"].forEach((e=>{"rui-recipe-card"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}export{o as R,d}

package/dist/components/rui-recipe-detail.d.ts

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

package/dist/components/rui-recipe-detail.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as a,Host as t,transformTag as d}from"@stencil/core/internal/client";const o=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ruiAddToPlan=i(this,"ruiAddToPlan",7),this.ruiFavoriteToggle=i(this,"ruiFavoriteToggle",7),this.isFavorite=!1,this.onAddToPlan=()=>{this.ruiAddToPlan.emit(this.recipe)},this.onFavToggle=()=>{this.isFavorite=!this.isFavorite,this.ruiFavoriteToggle.emit({recipe:this.recipe,isFavorite:this.isFavorite})}}render(){const e=this.recipe;return a(t,{key:"3cbe3361e6d88381fbec4fd8d282963933878de4"},a("article",{key:"ef3860f9752829fae37d374684f5b6e5045299e5",class:"rui-detail"},a("header",{key:"a14c496c15e23458956538926449bcecb742fd4c",class:"rui-detail__header"},a("div",{key:"e6766cf5e4d766fcd2b47a946122b0b108de6a73",class:"rui-detail__media"},e.image?a("img",{src:e.image,alt:e.name}):a("div",{class:"rui-detail__placeholder"},"No image")),a("div",{key:"3c0ccb26f0379d9ddd9cd29a05d237a9d377d516",class:"rui-detail__intro"},a("h2",{key:"108020c974704efc52907eb1f945ee3a7584436f",class:"rui-detail__title"},e.name),(e.category||e.area)&&a("p",{key:"fc381751090c3c067076967347db95907e048898",class:"rui-detail__meta"},[e.category,e.area].filter(Boolean).join(" · ")),a("div",{key:"a0084338478d82d0e7c4f738ff7650646805efe9",class:"rui-detail__actions"},a("slot",{key:"ba5ac7fba83204b9c7512837313238771d68a59c",name:"actions"}),a("button",{key:"1b2a17d3d7571e5d484a9a26bb13b69a9ec8d56a",type:"button",class:"rui-detail__fav "+(this.isFavorite?"is-fav":""),"aria-pressed":this.isFavorite?"true":"false",onClick:this.onFavToggle},this.isFavorite?"♥ Favorited":"♡ Add to favorites"),a("button",{key:"1f9e6eec95cf99ef6bad7197d488e4623d9c0381",type:"button",class:"rui-detail__plan",onClick:this.onAddToPlan},"+ Add to meal plan")))),a("section",{key:"8fa48000e6baaf8f22431b413d964c79ce2f9441",class:"rui-detail__section"},a("h3",{key:"44e655db0ee49e4a1f9f2e31a82a23c3c549060a"},"Ingredients"),e.ingredients&&e.ingredients.length>0?(()=>{const r=Math.ceil(e.ingredients.length/2),i=e.ingredients.slice(0,r),t=e.ingredients.slice(r),d=(e,r)=>a("table",{class:"rui-detail__table"},a("thead",null,a("tr",null,a("th",null,"#"),a("th",null,"Ingredient"),a("th",null,"Measure"))),a("tbody",null,e.map(((e,i)=>a("tr",null,a("td",{class:"rui-detail__td--index"},r+i+1),a("td",{class:"rui-detail__ing-name"},e.name),a("td",{class:"rui-detail__ing-measure"},e.measure||"—"))))));return a("div",{class:"rui-detail__tables"},d(i,0),t.length>0&&d(t,r))})():a("p",{class:"rui-detail__empty"},"No ingredients listed."),a("slot",{key:"58d20bb01497af2651f492d9e6520a587d3e21ce",name:"ingredients-extra"})),e.instructions&&a("section",{key:"54176a29fab9b1142b30994d0ae74acd2e881e69",class:"rui-detail__section"},a("h3",{key:"0f0900c1f6abb29cf8601d5d3e6fc44abc344105"},"Instructions"),a("p",{key:"e4f4e185a193ac818bc21e3974c957716a1b8fd6",class:"rui-detail__instructions"},e.instructions)),(e.youtube||e.source)&&a("section",{key:"f8db0b0a526a6e774e83d700325471dbc032170e",class:"rui-detail__section rui-detail__links"},e.youtube&&a("a",{key:"add83e9353e6294219dfb9304c98a49833913200",href:e.youtube,target:"_blank",rel:"noopener noreferrer"},"Watch on YouTube"),e.source&&a("a",{key:"b719435a049b54a4b5ec1500ea9a19da9c10f98d",href:e.source,target:"_blank",rel:"noopener noreferrer"},"Original source"))))}static get style(){return":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}"}},[257,"rui-recipe-detail",{recipe:[16],isFavorite:[516,"is-favorite"]}]),l=o,s=function(){"undefined"!=typeof customElements&&["rui-recipe-detail"].forEach((e=>{"rui-recipe-detail"===e&&(customElements.get(d(e))||customElements.define(d(e),o))}))};export{l as RuiRecipeDetail,s as defineCustomElement}

package/dist/components/rui-recipe-list.d.ts

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

package/dist/components/rui-recipe-list.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as r,Host as s,transformTag as c}from"@stencil/core/internal/client";import{d as a}from"./rui-recipe-card2.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ruiSelectRecipe=t(this,"ruiSelectRecipe",7),this.ruiFavoriteToggle=t(this,"ruiFavoriteToggle",7),this.recipes=[],this.favorites=[],this.emptyMessage="No recipes found."}recipesChanged(){}favoritesChanged(){}isFav(e){return this.favorites.includes(e)}render(){return r(s,null,this.recipes&&0!==this.recipes.length?r("div",{class:"rui-list"},this.recipes.map((e=>r("rui-recipe-card",{recipe:e,isFavorite:this.isFav(e.id),onRuiCardClick:e=>{e.stopPropagation(),this.ruiSelectRecipe.emit(e.detail)},onRuiFavoriteToggle:e=>{e.stopPropagation(),this.ruiFavoriteToggle.emit(e.detail)}})))):r("p",{class:"rui-list__empty"},this.emptyMessage))}static get watchers(){return{recipes:[{recipesChanged:0}],favorites:[{favoritesChanged:0}]}}static get style(){return":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}"}},[1,"rui-recipe-list",{recipes:[16],favorites:[16],emptyMessage:[1,"empty-message"]},void 0,{recipes:[{recipesChanged:0}],favorites:[{favoritesChanged:0}]}]),n=o,l=function(){"undefined"!=typeof customElements&&["rui-recipe-list","rui-recipe-card"].forEach((e=>{switch(e){case"rui-recipe-list":customElements.get(c(e))||customElements.define(c(e),o);break;case"rui-recipe-card":customElements.get(c(e))||a()}}))};export{n as RuiRecipeList,l as defineCustomElement}

package/dist/components/rui-search-bar.d.ts

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

package/dist/components/rui-search-bar.js

@@ -0,0 +1 @@
+import{proxyCustomElement as r,HTMLElement as e,createEvent as s,h as i,Host as t,transformTag as o}from"@stencil/core/internal/client";const a=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.ruiSearchInput=s(this,"ruiSearchInput",7),this.ruiSearchSubmit=s(this,"ruiSearchSubmit",7),this.value="",this.placeholder="Search recipes...",this.debounceMs=300,this.onInput=r=>{this.value=r.target.value,clearTimeout(this.timer),this.timer=setTimeout((()=>{this.ruiSearchInput.emit(this.value)}),this.debounceMs)},this.onSubmit=r=>{r.preventDefault(),clearTimeout(this.timer),this.ruiSearchSubmit.emit(this.value)}}disconnectedCallback(){clearTimeout(this.timer)}render(){return i(t,{key:"42c4c7437175136a28e810f73417147e4e609870"},i("form",{key:"7b450f3e9fa9a3c63cda1169b3cecc5e2577ba96",class:"rui-search",onSubmit:this.onSubmit,role:"search"},i("input",{key:"861e092e1c537cedcbe3bf6b1cd580d00fd8d24d",class:"rui-search__input",type:"search",value:this.value,placeholder:this.placeholder,onInput:this.onInput,"aria-label":this.placeholder}),i("button",{key:"b6676deed915b99ecb22ca2c5d30851f51f04c74",class:"rui-search__btn",type:"submit","aria-label":"Search"},"Search")))}get el(){return this}static get style(){return":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)}"}},[1,"rui-search-bar",{value:[1025],placeholder:[1],debounceMs:[2,"debounce-ms"]}]),c=a,n=function(){"undefined"!=typeof customElements&&["rui-search-bar"].forEach((r=>{"rui-search-bar"===r&&(customElements.get(o(r))||customElements.define(o(r),a))}))};export{c as RuiSearchBar,n as defineCustomElement}