@gurpinderjitsingh/recipe-ui 0.1.0 → 0.1.2

package/dist/recipe-ui/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["src/index.ts"],"sourcesContent":["// Barrel export of all component classes. Not required for the actual\n// dist-custom-elements build (Stencil discovers @Component-decorated\n// classes automatically via stencil.config.ts), but useful if a consumer\n// ever wants typed access to the component classes themselves.\nexport { RecipeCard } from './components/recipe-card/recipe-card';\nexport { RecipeSearchBar } from './components/recipe-search-bar/recipe-search-bar';\nexport { RecipeFilterBar } from './components/recipe-filter-bar/recipe-filter-bar';\nexport { RecipeRating } from './components/recipe-rating/recipe-rating';\nexport { RecipeForm } from './components/recipe-form/recipe-form';\nexport { MealPlanDay } from './components/meal-plan-day/meal-plan-day';\nexport { AppModal } from './components/app-modal/app-modal';\nexport { AppToast } from './components/app-toast/app-toast';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA"}

package/dist/recipe-ui/meal-plan-day-9rmKiM44.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-DV5P9Jd8.js';
-
-const mealPlanDayCss = () => `:host{display:block;font-family:system-ui, sans-serif}.day-col{border:1px solid #eee;border-radius:10px;padding:10px;min-width:150px;display:flex;flex-direction:column;gap:8px;background:#fafafa}h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:0.04em;color:#555}.meals{display:flex;flex-direction:column;gap:6px;min-height:40px}.meal-chip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #eee;border-radius:8px;padding:4px 6px;font-size:12px}.meal-chip img{width:24px;height:24px;border-radius:4px;object-fit:cover}.meal-chip .title{flex:1}.meal-chip button{border:none;background:none;cursor:pointer;color:#999}.empty{font-size:12px;color:#aaa;margin:4px 0}.add-btn{border:1px dashed #ccc;background:none;border-radius:8px;padding:6px;font-size:12px;cursor:pointer;color:#666}`;
-
-const MealPlanDay = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.assignMeal = createEvent(this, "assignMeal", 7);
-        this.removeMeal = createEvent(this, "removeMeal", 7);
-        this.day = '';
-        this.meals = [];
-    }
-    render() {
-        const meals = Array.isArray(this.meals) ? this.meals : [];
-        return (h("div", { key: '7a0b592fd4b8d9971d7f4912cecb5f9126be11b3', class: "day-col" }, h("h3", { key: 'b0f1f6a717ad409e6339219ea2f71b73d73bb1f3' }, this.day), h("div", { key: '2c978721af3aad27042572dd7825d5f2b5b659fb', class: "meals" }, meals.map((m) => (h("div", { class: "meal-chip" }, m.image && h("img", { src: m.image, alt: m.title }), h("span", { class: "title" }, m.title), h("button", { onClick: () => this.removeMeal.emit({ day: this.day, mealId: m.id }), "aria-label": "Remove meal" }, "\u2715")))), meals.length === 0 && h("p", { key: '326b5f3201df2416f43debc7257918a60a6ab6dd', class: "empty" }, "No meals planned")), h("button", { key: '3532de633a1f6cb83bb70f91a2df8fe1a9fcbc14', class: "add-btn", onClick: () => this.assignMeal.emit({ day: this.day }) }, "+ Add meal")));
-    }
-};
-MealPlanDay.style = mealPlanDayCss();
-
-export { MealPlanDay as M };
-//# sourceMappingURL=meal-plan-day-9rmKiM44.js.map
-
-//# sourceMappingURL=meal-plan-day-9rmKiM44.js.map

package/dist/recipe-ui/meal-plan-day-9rmKiM44.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meal-plan-day-9rmKiM44.js","sources":["src/components/meal-plan-day/meal-plan-day.css?tag=meal-plan-day&encapsulation=shadow","src/components/meal-plan-day/meal-plan-day.tsx"],"sourcesContent":[":host { display: block; font-family: system-ui, sans-serif; }\n.day-col {\n  border: 1px solid #eee; border-radius: 10px; padding: 10px; min-width: 150px;\n  display: flex; flex-direction: column; gap: 8px; background: #fafafa;\n}\nh3 { margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; color: #555; }\n.meals { display: flex; flex-direction: column; gap: 6px; min-height: 40px; }\n.meal-chip {\n  display: flex; align-items: center; gap: 6px; background: #fff; border: 1px solid #eee;\n  border-radius: 8px; padding: 4px 6px; font-size: 12px;\n}\n.meal-chip img { width: 24px; height: 24px; border-radius: 4px; object-fit: cover; }\n.meal-chip .title { flex: 1; }\n.meal-chip button { border: none; background: none; cursor: pointer; color: #999; }\n.empty { font-size: 12px; color: #aaa; margin: 4px 0; }\n.add-btn {\n  border: 1px dashed #ccc; background: none; border-radius: 8px; padding: 6px;\n  font-size: 12px; cursor: pointer; color: #666;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport interface PlannedMeal {\n  id: string;\n  title: string;\n  image?: string;\n}\n\n/**\n * One column of the weekly meal planner, representing a single day.\n * `meals` is the list of recipes currently assigned to this day.\n * Emits `removeMeal` when a meal's remove button is clicked, and\n * `assignMeal` when the \"+ Add meal\" button is clicked (the parent app\n * is expected to open its own picker/modal and then update `meals`).\n */\n@Component({\n  tag: 'meal-plan-day',\n  styleUrl: 'meal-plan-day.css',\n  shadow: true,\n})\nexport class MealPlanDay {\n  @Prop() day: string = '';\n  @Prop() meals: PlannedMeal[] = [];\n\n  @Event() assignMeal: EventEmitter<{ day: string }>;\n  @Event() removeMeal: EventEmitter<{ day: string; mealId: string }>;\n\n  render() {\n    const meals = Array.isArray(this.meals) ? this.meals : [];\n    return (\n      <div class=\"day-col\">\n        <h3>{this.day}</h3>\n        <div class=\"meals\">\n          {meals.map((m) => (\n            <div class=\"meal-chip\">\n              {m.image && <img src={m.image} alt={m.title} />}\n              <span class=\"title\">{m.title}</span>\n              <button\n                onClick={() => this.removeMeal.emit({ day: this.day, mealId: m.id })}\n                aria-label=\"Remove meal\"\n              >\n                ✕\n              </button>\n            </div>\n          ))}\n          {meals.length === 0 && <p class=\"empty\">No meals planned</p>}\n        </div>\n        <button class=\"add-btn\" onClick={() => this.assignMeal.emit({ day: this.day })}>\n          + Add meal\n        </button>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,mzBAAmzB,CAAC;;MCoBr0B,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAMU,QAAA,IAAA,CAAA,GAAG,GAAW,EAAE;AAChB,QAAA,IAAA,CAAA,KAAK,GAAkB,EAAE;AA+BlC;IA1BC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE;QACzD,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,IAAI,CAAC,GAAG,CAAM,EACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EACf,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACX,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACnB,CAAC,CAAC,KAAK,IAAI,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAA,CAAI,EAC/C,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,OAAO,IAAE,CAAC,CAAC,KAAK,CAAQ,EACpC,CAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAA,YAAA,EACzD,aAAa,EAAA,EAAA,QAAA,CAGjB,CACL,CACP,CAAC,EACD,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,0DAAG,KAAK,EAAC,OAAO,EAAA,EAAA,kBAAA,CAAqB,CACxD,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,EAAA,EAAA,YAAA,CAErE,CACL;;;;;;;"}

package/dist/recipe-ui/meal-plan-day.entry.js

@@ -1,5 +0,0 @@
-export { M as meal_plan_day } from './meal-plan-day-9rmKiM44.js';
-import './index-DV5P9Jd8.js';
-//# sourceMappingURL=meal-plan-day.entry.esm.js.map
-
-//# sourceMappingURL=meal-plan-day.entry.js.map

package/dist/recipe-ui/meal-plan-day.entry.js.map

@@ -1 +0,0 @@
-{"file":"meal-plan-day.entry.js","mappings":";","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/recipe-ui/recipe-card-91fhJAz5.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-DV5P9Jd8.js';
-
-const recipeCardCss = () => `:host{display:block;font-family:system-ui, sans-serif}.card{border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;transition:box-shadow 0.15s ease, transform 0.15s ease}.card:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.08);transform:translateY(-2px)}.image-wrap{position:relative;aspect-ratio:4 / 3;background:#f2f2f2}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.placeholder{width:100%;height:100%;background:linear-gradient(135deg, #eee, #ddd)}.fav-btn{position:absolute;top:8px;right:8px;border:none;background:rgba(255, 255, 255, 0.9);border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;color:#f5a623}.fav-btn.active{color:#ff6b35}.body{padding:12px 14px}h3{margin:0 0 4px;font-size:15px;line-height:1.3}.category{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:0.03em}.actions{margin-top:8px}`;
-
-const RecipeCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.favoriteToggle = createEvent(this, "favoriteToggle", 7);
-        this.cardClick = createEvent(this, "cardClick", 7);
-        /** Category / cuisine label */
-        this.category = '';
-        /** Whether this recipe is currently favorited */
-        this.favorite = false;
-        this.onFavoriteClick = (e) => {
-            e.stopPropagation();
-            this.favoriteToggle.emit({ favorite: !this.favorite });
-        };
-    }
-    render() {
-        return (h("div", { key: 'abd19b1d63409b52cf66f348131f5f6f77bb47a6', class: "card", onClick: () => this.cardClick.emit() }, h("div", { key: '1292c3f6dfe7d3b399943004f764c41a3d072188', class: "image-wrap" }, this.image ? h("img", { src: this.image, alt: this.recipeTitle }) : h("div", { class: "placeholder" }), h("button", { key: '0efdc01af349d011ca0e11c4df5438b79876b467', class: { 'fav-btn': true, active: this.favorite }, onClick: this.onFavoriteClick, "aria-label": "Toggle favorite" }, this.favorite ? '★' : '☆')), h("div", { key: '66c2c4d845d9cc082c07f24f5d827313f6ad51c4', class: "body" }, h("h3", { key: '779fc629c3b97b6158f99440d9bb17fafb708dd3' }, this.recipeTitle), this.category && h("span", { key: '259ec599a43a5c8a279ad5993ba36f8602125b76', class: "category" }, this.category), h("div", { key: '58ab20f9682b4b73b7d027571496641cbfa76d0b', class: "actions" }, h("slot", { key: '28103422d993e58b133c2350e37c06fddf24300f', name: "actions" })))));
-    }
-};
-RecipeCard.style = recipeCardCss();
-
-export { RecipeCard as R };
-//# sourceMappingURL=recipe-card-91fhJAz5.js.map
-
-//# sourceMappingURL=recipe-card-91fhJAz5.js.map

package/dist/recipe-ui/recipe-card-91fhJAz5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipe-card-91fhJAz5.js","sources":["src/components/recipe-card/recipe-card.css?tag=recipe-card&encapsulation=shadow","src/components/recipe-card/recipe-card.tsx"],"sourcesContent":[":host { display: block; font-family: system-ui, sans-serif; }\n.card {\n  border: 1px solid #e5e5e5;\n  border-radius: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  background: #fff;\n  transition: box-shadow 0.15s ease, transform 0.15s ease;\n}\n.card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transform: translateY(-2px); }\n.image-wrap { position: relative; aspect-ratio: 4 / 3; background: #f2f2f2; }\n.image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #eee, #ddd); }\n.fav-btn {\n  position: absolute; top: 8px; right: 8px; border: none;\n  background: rgba(255, 255, 255, 0.9); border-radius: 50%;\n  width: 32px; height: 32px; font-size: 16px; cursor: pointer; color: #f5a623;\n}\n.fav-btn.active { color: #ff6b35; }\n.body { padding: 12px 14px; }\nh3 { margin: 0 0 4px; font-size: 15px; line-height: 1.3; }\n.category { font-size: 12px; color: #777; text-transform: uppercase; letter-spacing: 0.03em; }\n.actions { margin-top: 8px; }\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * Displays a summary of a recipe (image, title, category) inside a card.\n * Emits `cardClick` when the card body is clicked and `favoriteToggle`\n * when the favorite button is pressed. Accepts a named `actions` slot\n * for extra buttons supplied by the consuming app.\n */\n@Component({\n  tag: 'recipe-card',\n  styleUrl: 'recipe-card.css',\n  shadow: true,\n})\nexport class RecipeCard {\n  /** Recipe title (named recipeTitle, not title, to avoid colliding with\n   *  the native HTML title/tooltip attribute every element already has) */\n  @Prop() recipeTitle: string;\n  /** Image URL */\n  @Prop() image: string;\n  /** Category / cuisine label */\n  @Prop() category: string = '';\n  /** Whether this recipe is currently favorited */\n  @Prop() favorite: boolean = false;\n\n  /** Fired when the favorite button is toggled */\n  @Event() favoriteToggle: EventEmitter<{ favorite: boolean }>;\n  /** Fired when the card (excluding the favorite button) is clicked */\n  @Event() cardClick: EventEmitter<void>;\n\n  private onFavoriteClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    this.favoriteToggle.emit({ favorite: !this.favorite });\n  };\n\n  render() {\n    return (\n      <div class=\"card\" onClick={() => this.cardClick.emit()}>\n        <div class=\"image-wrap\">\n          {this.image ? <img src={this.image} alt={this.recipeTitle} /> : <div class=\"placeholder\" />}\n          <button\n            class={{ 'fav-btn': true, active: this.favorite }}\n            onClick={this.onFavoriteClick}\n            aria-label=\"Toggle favorite\"\n          >\n            {this.favorite ? '★' : '☆'}\n          </button>\n        </div>\n        <div class=\"body\">\n          <h3>{this.recipeTitle}</h3>\n          {this.category && <span class=\"category\">{this.category}</span>}\n          <div class=\"actions\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,g4BAAg4B,CAAC;;MCaj5B,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;AAYU,QAAA,IAAA,CAAA,QAAQ,GAAW,EAAE;;AAErB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AAOzB,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,CAAa,KAAI;YAC1C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxD,SAAC;AAyBF;IAvBC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAA,EACpD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACpB,IAAI,CAAC,KAAK,GAAG,WAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,EAAA,CAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,aAAa,EAAA,CAAG,EAC3F,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,EACjD,OAAO,EAAE,IAAI,CAAC,eAAe,EAAA,YAAA,EAClB,iBAAiB,EAAA,EAE3B,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,GAAG,CACnB,CACL,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,IAAI,CAAC,WAAW,CAAM,EAC1B,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAQ,EAC/D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,CACF,CACF;;;;;;;"}

package/dist/recipe-ui/recipe-card.entry.js

@@ -1,5 +0,0 @@
-export { R as recipe_card } from './recipe-card-91fhJAz5.js';
-import './index-DV5P9Jd8.js';
-//# sourceMappingURL=recipe-card.entry.esm.js.map
-
-//# sourceMappingURL=recipe-card.entry.js.map

package/dist/recipe-ui/recipe-card.entry.js.map

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

package/dist/recipe-ui/recipe-filter-bar-DV-B7Ybe.js

@@ -1,25 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-DV5P9Jd8.js';
-
-const recipeFilterBarCss = () => `:host{display:block;font-family:system-ui, sans-serif}.wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #ddd;background:#fff;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;color:#444}.chip.active{background:#ff6b35;border-color:#ff6b35;color:#fff}`;
-
-const RecipeFilterBar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.filterChange = createEvent(this, "filterChange", 7);
-        this.categories = [];
-        this.active = '';
-    }
-    select(value) {
-        this.filterChange.emit({ value });
-    }
-    render() {
-        const cats = Array.isArray(this.categories) ? this.categories : [];
-        return (h("div", { key: '13bc63f39ebfc55c0f05c035b63036121f7b3930', class: "wrap" }, h("button", { key: '8aeb99775268204433a8f9831eca9873066c7b9e', class: { chip: true, active: this.active === '' }, onClick: () => this.select('') }, "All"), cats.map((c) => (h("button", { class: { chip: true, active: this.active === c }, onClick: () => this.select(c) }, c)))));
-    }
-};
-RecipeFilterBar.style = recipeFilterBarCss();
-
-export { RecipeFilterBar as R };
-//# sourceMappingURL=recipe-filter-bar-DV-B7Ybe.js.map
-
-//# sourceMappingURL=recipe-filter-bar-DV-B7Ybe.js.map

package/dist/recipe-ui/recipe-filter-bar-DV-B7Ybe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipe-filter-bar-DV-B7Ybe.js","sources":["src/components/recipe-filter-bar/recipe-filter-bar.css?tag=recipe-filter-bar&encapsulation=shadow","src/components/recipe-filter-bar/recipe-filter-bar.tsx"],"sourcesContent":[":host { display: block; font-family: system-ui, sans-serif; }\n.wrap { display: flex; flex-wrap: wrap; gap: 8px; }\n.chip {\n  border: 1px solid #ddd; background: #fff; border-radius: 999px;\n  padding: 6px 14px; font-size: 13px; cursor: pointer; color: #444;\n}\n.chip.active { background: #ff6b35; border-color: #ff6b35; color: #fff; }\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * Renders a row of selectable filter chips (e.g. categories/cuisines).\n * `categories` accepts either a JSON string array or an actual array\n * (Stencil auto-parses complex props passed as attributes).\n * Emits `filterChange` with the selected value ('' = all).\n */\n@Component({\n  tag: 'recipe-filter-bar',\n  styleUrl: 'recipe-filter-bar.css',\n  shadow: true,\n})\nexport class RecipeFilterBar {\n  @Prop() categories: string[] = [];\n  @Prop() active: string = '';\n\n  @Event() filterChange: EventEmitter<{ value: string }>;\n\n  private select(value: string) {\n    this.filterChange.emit({ value });\n  }\n\n  render() {\n    const cats = Array.isArray(this.categories) ? this.categories : [];\n    return (\n      <div class=\"wrap\">\n        <button class={{ chip: true, active: this.active === '' }} onClick={() => this.select('')}>\n          All\n        </button>\n        {cats.map((c) => (\n          <button class={{ chip: true, active: this.active === c }} onClick={() => this.select(c)}>\n            {c}\n          </button>\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,0RAA0R,CAAC;;MCahT,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAA,CAAA,UAAU,GAAa,EAAE;AACzB,QAAA,IAAA,CAAA,MAAM,GAAW,EAAE;AAuB5B;AAnBS,IAAA,MAAM,CAAC,KAAa,EAAA;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;;IAGnC,MAAM,GAAA;QACJ,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE;QAClE,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAA,EAAA,KAAA,CAEhF,EACR,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MACV,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IACpF,CAAC,CACK,CACV,CAAC,CACE;;;;;;;"}

package/dist/recipe-ui/recipe-filter-bar.entry.js

@@ -1,5 +0,0 @@
-export { R as recipe_filter_bar } from './recipe-filter-bar-DV-B7Ybe.js';
-import './index-DV5P9Jd8.js';
-//# sourceMappingURL=recipe-filter-bar.entry.esm.js.map
-
-//# sourceMappingURL=recipe-filter-bar.entry.js.map

package/dist/recipe-ui/recipe-filter-bar.entry.js.map

@@ -1 +0,0 @@
-{"file":"recipe-filter-bar.entry.js","mappings":";","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/recipe-ui/recipe-form-D_DZ8L9Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipe-form-D_DZ8L9Q.js","sources":["src/components/recipe-form/recipe-form.css?tag=recipe-form&encapsulation=shadow","src/components/recipe-form/recipe-form.tsx"],"sourcesContent":[":host { display: block; font-family: system-ui, sans-serif; }\nform { display: flex; flex-direction: column; gap: 14px; }\nlabel { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #333; font-weight: 600; }\ninput, textarea {\n  font-weight: 400; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px;\n  font-size: 14px; font-family: inherit;\n}\n.field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; }\n.ingredient-row { display: flex; gap: 6px; }\n.ingredient-row input { flex: 1; }\n.ingredient-row button { border: none; background: #f4f4f4; border-radius: 6px; cursor: pointer; width: 30px; }\n.add-btn {\n  align-self: flex-start; border: 1px dashed #bbb; background: none; border-radius: 6px;\n  padding: 6px 10px; cursor: pointer; font-size: 13px; color: #555;\n}\n.error { color: #e74c3c; font-size: 12px; font-weight: 400; }\n.footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 6px; }\n.cancel-btn { border: 1px solid #ddd; background: #fff; border-radius: 8px; padding: 8px 16px; cursor: pointer; }\n.save-btn { border: none; background: #ff6b35; color: #fff; border-radius: 8px; padding: 8px 18px; cursor: pointer; font-weight: 600; }\n","import { Component, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\nexport interface RecipeFormData {\n  id?: string;\n  title: string;\n  image: string;\n  category: string;\n  ingredients: string[];\n  instructions: string;\n}\n\n/**\n * Add/edit form for user-created recipes. Performs client-side validation\n * (title required, at least one non-empty ingredient, instructions required)\n * and only emits `save` once the data is valid.\n */\n@Component({\n  tag: 'recipe-form',\n  styleUrl: 'recipe-form.css',\n  shadow: true,\n})\nexport class RecipeForm {\n  /** Pass an existing recipe (as a JSON string or object) to edit it */\n  @Prop() initialData: RecipeFormData | string;\n\n  @State() title = '';\n  @State() image = '';\n  @State() category = '';\n  @State() ingredients: string[] = [''];\n  @State() instructions = '';\n  @State() errors: Record<string, string> = {};\n\n  @Event() save: EventEmitter<RecipeFormData>;\n  @Event() cancel: EventEmitter<void>;\n\n  componentWillLoad() {\n    this.loadInitialData();\n  }\n\n  @Watch('initialData')\n  onInitialDataChange() {\n    this.loadInitialData();\n  }\n\n  private loadInitialData() {\n    let data: RecipeFormData | undefined;\n    if (typeof this.initialData === 'string' && this.initialData) {\n      try {\n        data = JSON.parse(this.initialData);\n      } catch {\n        data = undefined;\n      }\n    } else if (this.initialData && typeof this.initialData === 'object') {\n      data = this.initialData as RecipeFormData;\n    }\n    if (data) {\n      this.title = data.title ?? '';\n      this.image = data.image ?? '';\n      this.category = data.category ?? '';\n      this.ingredients = data.ingredients?.length ? [...data.ingredients] : [''];\n      this.instructions = data.instructions ?? '';\n    }\n  }\n\n  private validate(): boolean {\n    const errors: Record<string, string> = {};\n    if (!this.title.trim()) errors.title = 'Title is required.';\n    const cleanIngredients = this.ingredients.map((i) => i.trim()).filter(Boolean);\n    if (cleanIngredients.length === 0) errors.ingredients = 'Add at least one ingredient.';\n    if (!this.instructions.trim()) errors.instructions = 'Instructions are required.';\n    this.errors = errors;\n    return Object.keys(errors).length === 0;\n  }\n\n  private onSubmit = (e: Event) => {\n    e.preventDefault();\n    if (!this.validate()) return;\n    const data: RecipeFormData = {\n      id: (this.initialData as RecipeFormData)?.id,\n      title: this.title.trim(),\n      image: this.image.trim(),\n      category: this.category.trim(),\n      ingredients: this.ingredients.map((i) => i.trim()).filter(Boolean),\n      instructions: this.instructions.trim(),\n    };\n    this.save.emit(data);\n  };\n\n  private updateIngredient(index: number, value: string) {\n    const next = [...this.ingredients];\n    next[index] = value;\n    this.ingredients = next;\n  }\n\n  private addIngredient = () => {\n    this.ingredients = [...this.ingredients, ''];\n  };\n\n  private removeIngredient = (index: number) => {\n    this.ingredients = this.ingredients.filter((_, i) => i !== index);\n  };\n\n  render() {\n    return (\n      <form onSubmit={this.onSubmit}>\n        <slot name=\"header\"></slot>\n\n        <label>\n          Title\n          <input\n            type=\"text\"\n            value={this.title}\n            onInput={(e) => (this.title = (e.target as HTMLInputElement).value)}\n          />\n          {this.errors.title && <span class=\"error\">{this.errors.title}</span>}\n        </label>\n\n        <label>\n          Image URL\n          <input\n            type=\"text\"\n            value={this.image}\n            onInput={(e) => (this.image = (e.target as HTMLInputElement).value)}\n          />\n        </label>\n\n        <label>\n          Category\n          <input\n            type=\"text\"\n            value={this.category}\n            onInput={(e) => (this.category = (e.target as HTMLInputElement).value)}\n          />\n        </label>\n\n        <div class=\"field\">\n          <span>Ingredients</span>\n          {this.ingredients.map((ing, i) => (\n            <div class=\"ingredient-row\">\n              <input\n                type=\"text\"\n                value={ing}\n                onInput={(e) => this.updateIngredient(i, (e.target as HTMLInputElement).value)}\n              />\n              <button type=\"button\" onClick={() => this.removeIngredient(i)} aria-label=\"Remove\">\n                ✕\n              </button>\n            </div>\n          ))}\n          <button type=\"button\" class=\"add-btn\" onClick={this.addIngredient}>\n            + Add ingredient\n          </button>\n          {this.errors.ingredients && <span class=\"error\">{this.errors.ingredients}</span>}\n        </div>\n\n        <label>\n          Instructions\n          <textarea\n            rows={5}\n            onInput={(e) => (this.instructions = (e.target as HTMLTextAreaElement).value)}\n          >\n            {this.instructions}\n          </textarea>\n          {this.errors.instructions && <span class=\"error\">{this.errors.instructions}</span>}\n        </label>\n\n        <div class=\"footer\">\n          <slot name=\"footer\"></slot>\n          <button type=\"button\" class=\"cancel-btn\" onClick={() => this.cancel.emit()}>\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"save-btn\">\n            Save Recipe\n          </button>\n        </div>\n      </form>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/recipe-ui/recipe-form.entry.js

@@ -1,5 +0,0 @@
-export { R as recipe_form } from './recipe-form-D_DZ8L9Q.js';
-import './index-DV5P9Jd8.js';
-//# sourceMappingURL=recipe-form.entry.esm.js.map
-
-//# sourceMappingURL=recipe-form.entry.js.map

package/dist/recipe-ui/recipe-form.entry.js.map

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

package/dist/recipe-ui/recipe-rating-BZDgwNdK.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-DV5P9Jd8.js';
-
-const recipeRatingCss = () => `:host{display:inline-block;font-family:system-ui, sans-serif}.wrap{display:flex;gap:2px}.star{font-size:18px;color:#ddd}.star.filled{color:#f5a623}.star.clickable{cursor:pointer}`;
-
-const RecipeRating = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.ratingChange = createEvent(this, "ratingChange", 7);
-        this.value = 0;
-        this.readonly = false;
-        this.max = 5;
-    }
-    render() {
-        const stars = Array.from({ length: this.max }, (_, i) => i + 1);
-        return (h("div", { key: '1e1c67012185e7aaecfcc89671532946262a6957', class: "wrap", role: this.readonly ? undefined : 'radiogroup' }, stars.map((s) => (h("span", { class: { star: true, filled: s <= this.value, clickable: !this.readonly }, onClick: () => !this.readonly && this.ratingChange.emit({ value: s }) }, "\u2605")))));
-    }
-};
-RecipeRating.style = recipeRatingCss();
-
-export { RecipeRating as R };
-//# sourceMappingURL=recipe-rating-BZDgwNdK.js.map
-
-//# sourceMappingURL=recipe-rating-BZDgwNdK.js.map

package/dist/recipe-ui/recipe-rating-BZDgwNdK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipe-rating-BZDgwNdK.js","sources":["src/components/recipe-rating/recipe-rating.css?tag=recipe-rating&encapsulation=shadow","src/components/recipe-rating/recipe-rating.tsx"],"sourcesContent":[":host { display: inline-block; font-family: system-ui, sans-serif; }\n.wrap { display: flex; gap: 2px; }\n.star { font-size: 18px; color: #ddd; }\n.star.filled { color: #f5a623; }\n.star.clickable { cursor: pointer; }\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/** 5-star rating. Read-only display or interactive input. */\n@Component({\n  tag: 'recipe-rating',\n  styleUrl: 'recipe-rating.css',\n  shadow: true,\n})\nexport class RecipeRating {\n  @Prop() value: number = 0;\n  @Prop() readonly: boolean = false;\n  @Prop() max: number = 5;\n\n  @Event() ratingChange: EventEmitter<{ value: number }>;\n\n  render() {\n    const stars = Array.from({ length: this.max }, (_, i) => i + 1);\n    return (\n      <div class=\"wrap\" role={this.readonly ? undefined : 'radiogroup'}>\n        {stars.map((s) => (\n          <span\n            class={{ star: true, filled: s <= this.value, clickable: !this.readonly }}\n            onClick={() => !this.readonly && this.ratingChange.emit({ value: s })}\n          >\n            ★\n          </span>\n        ))}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,kLAAkL,CAAC;;MCQrM,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAA,CAAA,KAAK,GAAW,CAAC;AACjB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AACzB,QAAA,IAAA,CAAA,GAAG,GAAW,CAAC;AAmBxB;IAfC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/D,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,YAAY,EAAA,EAC7D,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACX,CAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EACzE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAA,EAAA,QAAA,CAGhE,CACR,CAAC,CACE;;;;;;;"}

package/dist/recipe-ui/recipe-rating.entry.js

@@ -1,5 +0,0 @@
-export { R as recipe_rating } from './recipe-rating-BZDgwNdK.js';
-import './index-DV5P9Jd8.js';
-//# sourceMappingURL=recipe-rating.entry.esm.js.map
-
-//# sourceMappingURL=recipe-rating.entry.js.map

package/dist/recipe-ui/recipe-rating.entry.js.map

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

package/dist/recipe-ui/recipe-search-bar-BVbznAHF.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-DV5P9Jd8.js';
-
-const recipeSearchBarCss = () => `:host{display:block;font-family:system-ui, sans-serif}.wrap{display:flex;gap:6px}input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;outline:none}input:focus{border-color:#ff6b35}button{border:none;background:#ff6b35;color:#fff;border-radius:8px;padding:0 16px;cursor:pointer;font-size:15px}`;
-
-const RecipeSearchBar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.search = createEvent(this, "search", 7);
-        this.placeholder = 'Search recipes...';
-        this.value = '';
-        this.debounceMs = 350;
-        this.internalValue = '';
-        this.onInput = (e) => {
-            this.internalValue = e.target.value;
-            clearTimeout(this.timer);
-            this.timer = setTimeout(() => {
-                this.search.emit({ value: this.internalValue });
-            }, this.debounceMs);
-        };
-        this.onKeyDown = (e) => {
-            if (e.key === 'Enter') {
-                clearTimeout(this.timer);
-                this.search.emit({ value: this.internalValue });
-            }
-        };
-    }
-    componentWillLoad() {
-        this.internalValue = this.value;
-    }
-    onValuePropChange(newVal) {
-        this.internalValue = newVal;
-    }
-    render() {
-        return (h("div", { key: 'fe5eb2928308fb2496badd784e684b19df52501a', class: "wrap" }, h("input", { key: '3d4abb23a1155075a8889e015819b37a8569f6f5', type: "search", placeholder: this.placeholder, value: this.internalValue, onInput: this.onInput, onKeyDown: this.onKeyDown }), h("button", { key: 'f33f95b5bfcad9146903a2eb4448932a1d68edb7', onClick: () => this.search.emit({ value: this.internalValue }), "aria-label": "Search" }, "\uD83D\uDD0D")));
-    }
-    static get watchers() { return {
-        "value": [{
-                "onValuePropChange": 0
-            }]
-    }; }
-};
-RecipeSearchBar.style = recipeSearchBarCss();
-
-export { RecipeSearchBar as R };
-//# sourceMappingURL=recipe-search-bar-BVbznAHF.js.map
-
-//# sourceMappingURL=recipe-search-bar-BVbznAHF.js.map

package/dist/recipe-ui/recipe-search-bar-BVbznAHF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipe-search-bar-BVbznAHF.js","sources":["src/components/recipe-search-bar/recipe-search-bar.css?tag=recipe-search-bar&encapsulation=shadow","src/components/recipe-search-bar/recipe-search-bar.tsx"],"sourcesContent":[":host { display: block; font-family: system-ui, sans-serif; }\n.wrap { display: flex; gap: 6px; }\ninput {\n  flex: 1; padding: 10px 14px; border-radius: 8px;\n  border: 1px solid #ddd; font-size: 14px; outline: none;\n}\ninput:focus { border-color: #ff6b35; }\nbutton {\n  border: none; background: #ff6b35; color: #fff; border-radius: 8px;\n  padding: 0 16px; cursor: pointer; font-size: 15px;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n/**\n * A debounced search input. Emits `search` with the current value\n * after the user stops typing (default 350ms) or presses Enter.\n */\n@Component({\n  tag: 'recipe-search-bar',\n  styleUrl: 'recipe-search-bar.css',\n  shadow: true,\n})\nexport class RecipeSearchBar {\n  @Prop() placeholder: string = 'Search recipes...';\n  @Prop() value: string = '';\n  @Prop() debounceMs: number = 350;\n\n  @State() internalValue: string = '';\n\n  @Event() search: EventEmitter<{ value: string }>;\n\n  private timer: any;\n\n  componentWillLoad() {\n    this.internalValue = this.value;\n  }\n\n  @Watch('value')\n  onValuePropChange(newVal: string) {\n    this.internalValue = newVal;\n  }\n\n  private onInput = (e: InputEvent) => {\n    this.internalValue = (e.target as HTMLInputElement).value;\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.search.emit({ value: this.internalValue });\n    }, this.debounceMs);\n  };\n\n  private onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      clearTimeout(this.timer);\n      this.search.emit({ value: this.internalValue });\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"wrap\">\n        <input\n          type=\"search\"\n          placeholder={this.placeholder}\n          value={this.internalValue}\n          onInput={this.onInput}\n          onKeyDown={this.onKeyDown}\n        />\n        <button onClick={() => this.search.emit({ value: this.internalValue })} aria-label=\"Search\">\n          🔍\n        </button>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,qUAAqU,CAAC;;MCW3V,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAA,CAAA,WAAW,GAAW,mBAAmB;AACzC,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAClB,QAAA,IAAA,CAAA,UAAU,GAAW,GAAG;AAEvB,QAAA,IAAA,CAAA,aAAa,GAAW,EAAE;AAe3B,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,CAAa,KAAI;YAClC,IAAI,CAAC,aAAa,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;AACzD,YAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,YAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,MAAK;AAC3B,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC;AACjD,aAAC,EAAE,IAAI,CAAC,UAAU,CAAC;AACrB,SAAC;AAEO,QAAA,IAAA,CAAA,SAAS,GAAG,CAAC,CAAgB,KAAI;AACvC,YAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;AACrB,gBAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC;;AAEnD,SAAC;AAkBF;IAxCC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK;;AAIjC,IAAA,iBAAiB,CAAC,MAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,aAAa,GAAG,MAAM;;IAkB7B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAA,CACzB,EACF,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,gBAAa,QAAQ,EAAA,EAAA,cAAA,CAElF,CACL;;;;;;;;;;;;"}

package/dist/recipe-ui/recipe-search-bar.entry.js

@@ -1,5 +0,0 @@
-export { R as recipe_search_bar } from './recipe-search-bar-BVbznAHF.js';
-import './index-DV5P9Jd8.js';
-//# sourceMappingURL=recipe-search-bar.entry.esm.js.map
-
-//# sourceMappingURL=recipe-search-bar.entry.js.map

package/dist/recipe-ui/recipe-search-bar.entry.js.map

@@ -1 +0,0 @@
-{"file":"recipe-search-bar.entry.js","mappings":";","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/recipe-ui/recipe-ui.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipe-ui.esm.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.44.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AACzB,EAAE,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACvC,IAAI,cAAc,CAAC,8BAA8B,CAAC;AAClD;AACA,EAAE,IAAI,KAAK,CAAC,YAAY,EAAE;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;AAClC;AACA,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;AACnH,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,KAAK;AAC1H,GAAG,GAAG,IAAI;AACV,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,GAAG,CAAC,SAAS,IAAI,EAAE,EAAE,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}