@manidecp/nagp-stencil-ui-kit 1.0.0

package/dist/nagp-recipe-ui-kit/p-cfec107f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as r}from"./p-DrjLtd7S.js";const i=()=>`:host{--recipe-card-bg:#ffffff;--recipe-card-text:#111827;--recipe-card-muted:#6b7280;--recipe-card-accent:#f97316;--recipe-card-border:#e5e7eb;display:block}.recipe-card{background:var(--recipe-card-bg);border:1px solid var(--recipe-card-border);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(15, 23, 42, 0.08);cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(15, 23, 42, 0.12)}.image-wrap{position:relative;height:180px;background:linear-gradient(135deg, #fff7ed, #ffedd5)}.image-wrap img,.image-placeholder{width:100%;height:100%;display:block;object-fit:cover}.image-placeholder{display:grid;place-items:center;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--recipe-card-accent)}.favorite{position:absolute;top:12px;right:12px;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:rgba(255, 255, 255, 0.9);color:#9ca3af;font-size:1.2rem;cursor:pointer}.favorite.active{background:rgba(249, 115, 22, 0.12);color:var(--recipe-card-accent)}.card-content{padding:1rem}.meta-row{display:flex;justify-content:flex-end;margin-bottom:0.5rem}.prep-time{font-size:0.75rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--recipe-card-accent)}h2{margin:0 0 0.75rem;font-size:1.25rem;color:var(--recipe-card-text)}.actions-row{display:flex;justify-content:flex-end;align-items:center;gap:0.5rem}`;const t=class{constructor(r){e(this,r);this.cardClick=a(this,"cardClick");this.favoriteToggle=a(this,"favoriteToggle")}recipeId="recipe-1";recipeTitle="Spicy Pasta";imageUrl="";prepTime=30;isFavorite=false;favoriteState=false;cardClick;favoriteToggle;componentWillLoad(){this.favoriteState=this.isFavorite}handleFavoritePropChange(e){this.favoriteState=e}async toggleFavorite(){this.favoriteState=!this.favoriteState;this.favoriteToggle.emit({recipeId:this.recipeId,recipeTitle:this.recipeTitle,isFavorite:this.favoriteState})}handleCardClick=()=>{this.cardClick.emit({recipeId:this.recipeId,recipeTitle:this.recipeTitle})};handleFavoriteClick=e=>{e.stopPropagation();this.toggleFavorite()};render(){return r("article",{key:"ea8d57192146e0c875ba9c357ea5e65ddf4e2c5e",class:"recipe-card",onClick:this.handleCardClick},r("div",{key:"f6dfc3b4481988fd07d23cd0548f1cb1984942f5",class:"image-wrap"},this.imageUrl?r("img",{src:this.imageUrl,alt:this.recipeTitle}):r("div",{class:"image-placeholder"},"Recipe"),r("button",{key:"f024d1784c817c7bb2ad937444365be8d192d4f8",type:"button",class:{favorite:true,active:this.favoriteState},"aria-label":this.favoriteState?"Remove favorite":"Add favorite",onClick:this.handleFavoriteClick},this.favoriteState?"♥":"♡")),r("div",{key:"e44fb2e9d90c8ef20d05a1f1baabc7d1e1b7a070",class:"card-content"},r("div",{key:"e34a861b6f82d9368d400d0115a329bf3a9b91f4",class:"meta-row"},r("span",{key:"925e5a0682f4923d51c28b07348b403ddac19065",class:"prep-time"},this.prepTime," min")),r("h2",{key:"7a576e9ed4af7fa83a5e34400ad2a0cfb32f7a1c"},this.recipeTitle),r("div",{key:"d4f3a287d889da78d1a785183aa43c53f9546c36",class:"actions-row"},r("slot",{key:"aeb6163d6243fbc55cf98f5fd7c3fbbf59a1a6e9",name:"actions"}))))}static get watchers(){return{isFavorite:[{handleFavoritePropChange:0}]}}};t.style=i();export{t as recipe_card};
+//# sourceMappingURL=p-cfec107f.entry.js.map

package/dist/nagp-recipe-ui-kit/p-cfec107f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["recipeCardCss","RecipeCard","recipeId","recipeTitle","imageUrl","prepTime","isFavorite","favoriteState","cardClick","favoriteToggle","componentWillLoad","this","handleFavoritePropChange","newValue","toggleFavorite","emit","handleCardClick","handleFavoriteClick","event","stopPropagation","render","h","key","class","onClick","src","alt","type","favorite","active","name"],"sources":["src/components/recipe-card/recipe-card.css?tag=recipe-card&encapsulation=shadow","src/components/recipe-card/recipe-card.tsx"],"sourcesContent":[":host {\r\n  --recipe-card-bg: #ffffff;\r\n  --recipe-card-text: #111827;\r\n  --recipe-card-muted: #6b7280;\r\n  --recipe-card-accent: #f97316;\r\n  --recipe-card-border: #e5e7eb;\r\n  display: block;\r\n}\r\n\r\n.recipe-card {\r\n  background: var(--recipe-card-bg);\r\n  border: 1px solid var(--recipe-card-border);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);\r\n  cursor: pointer;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.recipe-card:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);\r\n}\r\n\r\n.image-wrap {\r\n  position: relative;\r\n  height: 180px;\r\n  background: linear-gradient(135deg, #fff7ed, #ffedd5);\r\n}\r\n\r\n.image-wrap img,\r\n.image-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n.image-placeholder {\r\n  display: grid;\r\n  place-items: center;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  color: var(--recipe-card-accent);\r\n}\r\n\r\n.favorite {\r\n  position: absolute;\r\n  top: 12px;\r\n  right: 12px;\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  border: none;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  color: #9ca3af;\r\n  font-size: 1.2rem;\r\n  cursor: pointer;\r\n}\r\n\r\n.favorite.active {\r\n  background: rgba(249, 115, 22, 0.12);\r\n  color: var(--recipe-card-accent);\r\n}\r\n\r\n.card-content {\r\n  padding: 1rem;\r\n}\r\n\r\n.meta-row {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.prep-time {\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.04em;\r\n  text-transform: uppercase;\r\n  color: var(--recipe-card-accent);\r\n}\r\n\r\nh2 {\r\n  margin: 0 0 0.75rem;\r\n  font-size: 1.25rem;\r\n  color: var(--recipe-card-text);\r\n}\r\n\r\n.actions-row {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n}\r\n","import { Component, h, Prop, State, Event, EventEmitter, Method, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'recipe-card',\r\n  styleUrl: 'recipe-card.css',\r\n  shadow: true,\r\n})\r\nexport class RecipeCard {\r\n  @Prop() recipeId: string = 'recipe-1';\r\n  @Prop() recipeTitle: string = 'Spicy Pasta';\r\n  @Prop() imageUrl: string = '';\r\n  @Prop() prepTime: number = 30;\r\n  @Prop() isFavorite: boolean = false;\r\n\r\n  @State() favoriteState: boolean = false;\r\n\r\n  @Event() cardClick: EventEmitter<{ recipeId: string; recipeTitle: string }>;\r\n  @Event() favoriteToggle: EventEmitter<{ recipeId: string; recipeTitle: string; isFavorite: boolean }>;\r\n\r\n  componentWillLoad() {\r\n    this.favoriteState = this.isFavorite;\r\n  }\r\n\r\n  @Watch('isFavorite')\r\n  handleFavoritePropChange(newValue: boolean) {\r\n    this.favoriteState = newValue;\r\n  }\r\n\r\n  @Method()\r\n  async toggleFavorite() {\r\n    this.favoriteState = !this.favoriteState;\r\n    this.favoriteToggle.emit({\r\n      recipeId: this.recipeId,\r\n      recipeTitle: this.recipeTitle,\r\n      isFavorite: this.favoriteState,\r\n    });\r\n  }\r\n\r\n  private handleCardClick = () => {\r\n    this.cardClick.emit({\r\n      recipeId: this.recipeId,\r\n      recipeTitle: this.recipeTitle,\r\n    });\r\n  };\r\n\r\n  private handleFavoriteClick = (event: Event) => {\r\n    event.stopPropagation();\r\n    this.toggleFavorite();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <article class=\"recipe-card\" onClick={this.handleCardClick}>\r\n        <div class=\"image-wrap\">\r\n          {this.imageUrl ? (\r\n            <img src={this.imageUrl} alt={this.recipeTitle} />\r\n          ) : (\r\n            <div class=\"image-placeholder\">Recipe</div>\r\n          )}\r\n          <button\r\n            type=\"button\"\r\n            class={{ favorite: true, active: this.favoriteState }}\r\n            aria-label={this.favoriteState ? 'Remove favorite' : 'Add favorite'}\r\n            onClick={this.handleFavoriteClick}\r\n          >\r\n            {this.favoriteState ? '♥' : '♡'}\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"card-content\">\r\n          <div class=\"meta-row\">\r\n            <span class=\"prep-time\">{this.prepTime} min</span>\r\n          </div>\r\n          <h2>{this.recipeTitle}</h2>\r\n          <div class=\"actions-row\">\r\n            <slot name=\"actions\" />\r\n          </div>\r\n        </div>\r\n      </article>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAgB,IAAM,y7C,MCOfC,EAAU,M,yGACbC,SAAmB,WACnBC,YAAsB,cACtBC,SAAmB,GACnBC,SAAmB,GACnBC,WAAsB,MAErBC,cAAyB,MAEzBC,UACAC,eAET,iBAAAC,GACEC,KAAKJ,cAAgBI,KAAKL,U,CAI5B,wBAAAM,CAAyBC,GACvBF,KAAKJ,cAAgBM,C,CAIvB,oBAAMC,GACJH,KAAKJ,eAAiBI,KAAKJ,cAC3BI,KAAKF,eAAeM,KAAK,CACvBb,SAAUS,KAAKT,SACfC,YAAaQ,KAAKR,YAClBG,WAAYK,KAAKJ,e,CAIbS,gBAAkB,KACxBL,KAAKH,UAAUO,KAAK,CAClBb,SAAUS,KAAKT,SACfC,YAAaQ,KAAKR,aAClB,EAGIc,oBAAuBC,IAC7BA,EAAMC,kBACNR,KAAKG,gBAAgB,EAGvB,MAAAM,GACE,OACEC,EAAA,WAAAC,IAAA,2CAASC,MAAM,cAAcC,QAASb,KAAKK,iBACzCK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cACRZ,KAAKP,SACJiB,EAAA,OAAKI,IAAKd,KAAKP,SAAUsB,IAAKf,KAAKR,cAEnCkB,EAAA,OAAKE,MAAM,qBAAmB,UAEhCF,EAAA,UAAAC,IAAA,2CACEK,KAAK,SACLJ,MAAO,CAAEK,SAAU,KAAMC,OAAQlB,KAAKJ,eAAe,aACzCI,KAAKJ,cAAgB,kBAAoB,eACrDiB,QAASb,KAAKM,qBAEbN,KAAKJ,cAAgB,IAAM,MAIhCc,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,aAAaZ,KAAKN,SAAQ,SAExCgB,EAAA,MAAAC,IAAA,4CAAKX,KAAKR,aACVkB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,c","ignoreList":[]}

package/dist/nagp-recipe-ui-kit/p-de6ef31c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as r}from"./p-DrjLtd7S.js";const i=()=>`:host{--rating-filled:#fbbf24;--rating-empty:#d1d5db;display:inline-block}.rating{display:inline-flex;align-items:center;gap:0.15rem;font-size:1.2rem;line-height:1}.star{border:none;background:transparent;padding:0;margin:0;cursor:default;color:var(--rating-empty);user-select:none;font-size:inherit}.interactive .star{cursor:pointer}.star.filled{color:var(--rating-filled)}button.star{cursor:pointer}`;const a=class{constructor(r){t(this,r);this.ratingChange=e(this,"ratingChange")}score=4;maxScore=5;interactive=false;value;max;currentScore=0;ratingChange;get effectiveScore(){return this.score??this.value??4}get effectiveMaxScore(){return this.maxScore??this.max??5}componentWillLoad(){this.currentScore=this.effectiveScore}handleScoreChange(t){this.currentScore=t}handleStarClick=t=>{if(!this.interactive){return}this.currentScore=t;this.ratingChange.emit(t)};render(){const t=this.effectiveMaxScore;const e=Array.from({length:t},((e,i)=>{const a=i+1;const n=a<=this.currentScore;if(this.interactive){return r("button",{type:"button",class:{star:true,filled:n},onClick:()=>this.handleStarClick(a),"aria-label":`Rate ${a} out of ${t}`,"aria-pressed":n},n?"★":"☆")}return r("span",{class:{star:true,filled:n},"aria-hidden":"true"},n?"★":"☆")}));return r("div",{class:"rating","aria-label":`Rated ${this.currentScore} out of ${t}`,role:"img"},e)}static get watchers(){return{score:[{handleScoreChange:0}]}}};a.style=i();export{a as recipe_rating};
+//# sourceMappingURL=p-de6ef31c.entry.js.map

package/dist/nagp-recipe-ui-kit/p-de6ef31c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["recipeRatingCss","RecipeRating","score","maxScore","interactive","value","max","currentScore","ratingChange","effectiveScore","this","effectiveMaxScore","componentWillLoad","handleScoreChange","newValue","handleStarClick","emit","render","stars","Array","from","length","_","index","filled","h","type","class","star","onClick","role"],"sources":["src/components/recipe-rating/recipe-rating.css?tag=recipe-rating&encapsulation=shadow","src/components/recipe-rating/recipe-rating.tsx"],"sourcesContent":[":host {\r\n  --rating-filled: #fbbf24;\r\n  --rating-empty: #d1d5db;\r\n  display: inline-block;\r\n}\r\n\r\n.rating {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.15rem;\r\n  font-size: 1.2rem;\r\n  line-height: 1;\r\n}\r\n\r\n.star {\r\n  border: none;\r\n  background: transparent;\r\n  padding: 0;\r\n  margin: 0;\r\n  cursor: default;\r\n  color: var(--rating-empty);\r\n  user-select: none;\r\n  font-size: inherit;\r\n}\r\n\r\n.interactive .star {\r\n  cursor: pointer;\r\n}\r\n\r\n.star.filled {\r\n  color: var(--rating-filled);\r\n}\r\n\r\nbutton.star {\r\n  cursor: pointer;\r\n}\r\n","import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'recipe-rating',\r\n  styleUrl: 'recipe-rating.css',\r\n  shadow: true,\r\n})\r\nexport class RecipeRating {\r\n  @Prop() score: number = 4;\r\n  @Prop() maxScore: number = 5;\r\n  @Prop() interactive: boolean = false;\r\n\r\n  // Backward-compatible aliases for the original scaffolded API.\r\n  @Prop() value: number;\r\n  @Prop() max: number;\r\n\r\n  @State() currentScore: number = 0;\r\n\r\n  @Event() ratingChange: EventEmitter<number>;\r\n\r\n  private get effectiveScore(): number {\r\n    return this.score ?? this.value ?? 4;\r\n  }\r\n\r\n  private get effectiveMaxScore(): number {\r\n    return this.maxScore ?? this.max ?? 5;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.currentScore = this.effectiveScore;\r\n  }\r\n\r\n  @Watch('score')\r\n  handleScoreChange(newValue: number) {\r\n    this.currentScore = newValue;\r\n  }\r\n\r\n  private handleStarClick = (value: number) => {\r\n    if (!this.interactive) {\r\n      return;\r\n    }\r\n\r\n    this.currentScore = value;\r\n    this.ratingChange.emit(value);\r\n  };\r\n\r\n  render() {\r\n    const maxScore = this.effectiveMaxScore;\r\n    const stars = Array.from({ length: maxScore }, (_, index) => {\r\n      const value = index + 1;\r\n      const filled = value <= this.currentScore;\r\n\r\n      if (this.interactive) {\r\n        return (\r\n          <button\r\n            type=\"button\"\r\n            class={{ star: true, filled }}\r\n            onClick={() => this.handleStarClick(value)}\r\n            aria-label={`Rate ${value} out of ${maxScore}`}\r\n            aria-pressed={filled}\r\n          >\r\n            {filled ? '★' : '☆'}\r\n          </button>\r\n        );\r\n      }\r\n\r\n      return <span class={{ star: true, filled }} aria-hidden=\"true\">{filled ? '★' : '☆'}</span>;\r\n    });\r\n\r\n    return (\r\n      <div class=\"rating\" aria-label={`Rated ${this.currentScore} out of ${maxScore}`} role=\"img\">\r\n        {stars}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAkB,IAAM,oZ,MCOjBC,EAAY,M,kEACfC,MAAgB,EAChBC,SAAmB,EACnBC,YAAuB,MAGvBC,MACAC,IAECC,aAAuB,EAEvBC,aAET,kBAAYC,GACV,OAAOC,KAAKR,OAASQ,KAAKL,OAAS,C,CAGrC,qBAAYM,GACV,OAAOD,KAAKP,UAAYO,KAAKJ,KAAO,C,CAGtC,iBAAAM,GACEF,KAAKH,aAAeG,KAAKD,c,CAI3B,iBAAAI,CAAkBC,GAChBJ,KAAKH,aAAeO,C,CAGdC,gBAAmBV,IACzB,IAAKK,KAAKN,YAAa,CACrB,M,CAGFM,KAAKH,aAAeF,EACpBK,KAAKF,aAAaQ,KAAKX,EAAM,EAG/B,MAAAY,GACE,MAAMd,EAAWO,KAAKC,kBACtB,MAAMO,EAAQC,MAAMC,KAAK,CAAEC,OAAQlB,IAAY,CAACmB,EAAGC,KACjD,MAAMlB,EAAQkB,EAAQ,EACtB,MAAMC,EAASnB,GAASK,KAAKH,aAE7B,GAAIG,KAAKN,YAAa,CACpB,OACEqB,EAAA,UACEC,KAAK,SACLC,MAAO,CAAEC,KAAM,KAAMJ,UACrBK,QAAS,IAAMnB,KAAKK,gBAAgBV,GAAM,aAC9B,QAAQA,YAAgBF,IAAU,eAChCqB,GAEbA,EAAS,IAAM,I,CAKtB,OAAOC,EAAA,QAAME,MAAO,CAAEC,KAAM,KAAMJ,UAAQ,cAAc,QAAQA,EAAS,IAAM,IAAW,IAG5F,OACEC,EAAA,OAAKE,MAAM,SAAQ,aAAa,SAASjB,KAAKH,uBAAuBJ,IAAY2B,KAAK,OACnFZ,E","ignoreList":[]}

package/dist/nagp-recipe-ui-kit/p-e8a2f5f9.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e}from"./p-DrjLtd7S.js";const r=()=>`:host{--badge-primary-bg:#f97316;--badge-secondary-bg:#e5e7eb;--badge-accent-bg:#7c3aed;--badge-text:#ffffff;display:inline-block}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0.45rem 0.8rem;font-size:0.7rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--badge-text)}.variant-primary{background:var(--badge-primary-bg)}.variant-secondary{background:var(--badge-secondary-bg);color:#111827}.variant-accent{background:var(--badge-accent-bg)}`;const t=class{constructor(e){a(this,e)}label="Featured";variant="primary";color;render(){const a=this.color?{background:this.color}:{};return e("span",{key:"35180a6a6346c97293dc0ddadb0819b7aa1ff9e5",class:{badge:true,[`variant-${this.variant}`]:true},style:a},this.label)}};t.style=r();export{t as recipe_badge};
+//# sourceMappingURL=p-e8a2f5f9.entry.js.map

package/dist/nagp-recipe-ui-kit/p-e8a2f5f9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["recipeBadgeCss","RecipeBadge","label","variant","color","render","style","this","background","h","key","class","badge"],"sources":["src/components/recipe-badge/recipe-badge.css?tag=recipe-badge&encapsulation=shadow","src/components/recipe-badge/recipe-badge.tsx"],"sourcesContent":[":host {\r\n  --badge-primary-bg: #f97316;\r\n  --badge-secondary-bg: #e5e7eb;\r\n  --badge-accent-bg: #7c3aed;\r\n  --badge-text: #ffffff;\r\n  display: inline-block;\r\n}\r\n\r\n.badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 999px;\r\n  padding: 0.45rem 0.8rem;\r\n  font-size: 0.7rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  color: var(--badge-text);\r\n}\r\n\r\n.variant-primary {\r\n  background: var(--badge-primary-bg);\r\n}\r\n\r\n.variant-secondary {\r\n  background: var(--badge-secondary-bg);\r\n  color: #111827;\r\n}\r\n\r\n.variant-accent {\r\n  background: var(--badge-accent-bg);\r\n}\r\n","import { Component, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'recipe-badge',\r\n  styleUrl: 'recipe-badge.css',\r\n  shadow: true,\r\n})\r\nexport class RecipeBadge {\r\n  @Prop() label: string = 'Featured';\r\n  @Prop() variant: 'primary' | 'secondary' | 'accent' = 'primary';\r\n\r\n  // Backward-compatible alias for the original scaffolded API.\r\n  @Prop() color: string;\r\n\r\n  render() {\r\n    const style = this.color ? { background: this.color } : {};\r\n    return (\r\n      <span class={{ badge: true, [`variant-${this.variant}`]: true }} style={style}>\r\n        {this.label}\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2CAAA,MAAMA,EAAiB,IAAM,ygB,MCOhBC,EAAW,M,yBACdC,MAAgB,WAChBC,QAA8C,UAG9CC,MAER,MAAAC,GACE,MAAMC,EAAQC,KAAKH,MAAQ,CAAEI,WAAYD,KAAKH,OAAU,GACxD,OACEK,EAAA,QAAAC,IAAA,2CAAMC,MAAO,CAAEC,MAAO,KAAM,CAAC,WAAWL,KAAKJ,WAAY,MAAQG,MAAOA,GACrEC,KAAKL,M","ignoreList":[]}

package/dist/types/components/custom-modal/custom-modal.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CustomModal {
+    isOpen: boolean;
+    modalTitle: string;
+    closeModal: EventEmitter<void>;
+    private handleOverlayClick;
+    private handleClose;
+    render(): any;
+}

package/dist/types/components/meal-slot-card/meal-slot-card.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MealSlotCard {
+    day: string;
+    mealType: 'Breakfast' | 'Lunch' | 'Dinner';
+    recipeName: string;
+    removeMeal: EventEmitter<{
+        day: string;
+        mealType: 'Breakfast' | 'Lunch' | 'Dinner';
+    }>;
+    addMeal: EventEmitter<{
+        day: string;
+        mealType: 'Breakfast' | 'Lunch' | 'Dinner';
+    }>;
+    private handleAddMeal;
+    private handleRemoveMeal;
+    render(): any;
+}

package/dist/types/components/recipe-badge/recipe-badge.d.ts

@@ -0,0 +1,6 @@
+export declare class RecipeBadge {
+    label: string;
+    variant: 'primary' | 'secondary' | 'accent';
+    color: string;
+    render(): any;
+}

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

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class RecipeCard {
+    recipeId: string;
+    recipeTitle: string;
+    imageUrl: string;
+    prepTime: number;
+    isFavorite: boolean;
+    favoriteState: boolean;
+    cardClick: EventEmitter<{
+        recipeId: string;
+        recipeTitle: string;
+    }>;
+    favoriteToggle: EventEmitter<{
+        recipeId: string;
+        recipeTitle: string;
+        isFavorite: boolean;
+    }>;
+    componentWillLoad(): void;
+    handleFavoritePropChange(newValue: boolean): void;
+    toggleFavorite(): Promise<void>;
+    private handleCardClick;
+    private handleFavoriteClick;
+    render(): any;
+}

package/dist/types/components/recipe-rating/recipe-rating.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class RecipeRating {
+    score: number;
+    maxScore: number;
+    interactive: boolean;
+    value: number;
+    max: number;
+    currentScore: number;
+    ratingChange: EventEmitter<number>;
+    private get effectiveScore();
+    private get effectiveMaxScore();
+    componentWillLoad(): void;
+    handleScoreChange(newValue: number): void;
+    private handleStarClick;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,314 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+export namespace Components {
+    interface CustomModal {
+        /**
+          * @default true
+         */
+        "isOpen": boolean;
+        /**
+          * @default 'Dialog'
+         */
+        "modalTitle": string;
+    }
+    interface MealSlotCard {
+        /**
+          * @default 'Monday'
+         */
+        "day": string;
+        /**
+          * @default 'Dinner'
+         */
+        "mealType": 'Breakfast' | 'Lunch' | 'Dinner';
+        /**
+          * @default 'No meal selected'
+         */
+        "recipeName": string;
+    }
+    interface RecipeBadge {
+        "color": string;
+        /**
+          * @default 'Featured'
+         */
+        "label": string;
+        /**
+          * @default 'primary'
+         */
+        "variant": 'primary' | 'secondary' | 'accent';
+    }
+    interface RecipeCard {
+        /**
+          * @default ''
+         */
+        "imageUrl": string;
+        /**
+          * @default false
+         */
+        "isFavorite": boolean;
+        /**
+          * @default 30
+         */
+        "prepTime": number;
+        /**
+          * @default 'recipe-1'
+         */
+        "recipeId": string;
+        /**
+          * @default 'Spicy Pasta'
+         */
+        "recipeTitle": string;
+        "toggleFavorite": () => Promise<void>;
+    }
+    interface RecipeRating {
+        /**
+          * @default false
+         */
+        "interactive": boolean;
+        "max": number;
+        /**
+          * @default 5
+         */
+        "maxScore": number;
+        /**
+          * @default 4
+         */
+        "score": number;
+        "value": number;
+    }
+}
+export interface CustomModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCustomModalElement;
+}
+export interface MealSlotCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMealSlotCardElement;
+}
+export interface RecipeCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRecipeCardElement;
+}
+export interface RecipeRatingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRecipeRatingElement;
+}
+declare global {
+    interface HTMLCustomModalElementEventMap {
+        "closeModal": void;
+    }
+    interface HTMLCustomModalElement extends Components.CustomModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCustomModalElementEventMap>(type: K, listener: (this: HTMLCustomModalElement, ev: CustomModalCustomEvent<HTMLCustomModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCustomModalElementEventMap>(type: K, listener: (this: HTMLCustomModalElement, ev: CustomModalCustomEvent<HTMLCustomModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCustomModalElement: {
+        prototype: HTMLCustomModalElement;
+        new (): HTMLCustomModalElement;
+    };
+    interface HTMLMealSlotCardElementEventMap {
+        "removeMeal": { day: string; mealType: 'Breakfast' | 'Lunch' | 'Dinner' };
+        "addMeal": { day: string; mealType: 'Breakfast' | 'Lunch' | 'Dinner' };
+    }
+    interface HTMLMealSlotCardElement extends Components.MealSlotCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMealSlotCardElementEventMap>(type: K, listener: (this: HTMLMealSlotCardElement, ev: MealSlotCardCustomEvent<HTMLMealSlotCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLMealSlotCardElementEventMap>(type: K, listener: (this: HTMLMealSlotCardElement, ev: MealSlotCardCustomEvent<HTMLMealSlotCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLMealSlotCardElement: {
+        prototype: HTMLMealSlotCardElement;
+        new (): HTMLMealSlotCardElement;
+    };
+    interface HTMLRecipeBadgeElement extends Components.RecipeBadge, HTMLStencilElement {
+    }
+    var HTMLRecipeBadgeElement: {
+        prototype: HTMLRecipeBadgeElement;
+        new (): HTMLRecipeBadgeElement;
+    };
+    interface HTMLRecipeCardElementEventMap {
+        "cardClick": { recipeId: string; recipeTitle: string };
+        "favoriteToggle": { recipeId: string; recipeTitle: string; isFavorite: boolean };
+    }
+    interface HTMLRecipeCardElement extends Components.RecipeCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRecipeCardElementEventMap>(type: K, listener: (this: HTMLRecipeCardElement, ev: RecipeCardCustomEvent<HTMLRecipeCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRecipeCardElementEventMap>(type: K, listener: (this: HTMLRecipeCardElement, ev: RecipeCardCustomEvent<HTMLRecipeCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRecipeCardElement: {
+        prototype: HTMLRecipeCardElement;
+        new (): HTMLRecipeCardElement;
+    };
+    interface HTMLRecipeRatingElementEventMap {
+        "ratingChange": number;
+    }
+    interface HTMLRecipeRatingElement extends Components.RecipeRating, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRecipeRatingElementEventMap>(type: K, listener: (this: HTMLRecipeRatingElement, ev: RecipeRatingCustomEvent<HTMLRecipeRatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRecipeRatingElementEventMap>(type: K, listener: (this: HTMLRecipeRatingElement, ev: RecipeRatingCustomEvent<HTMLRecipeRatingElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRecipeRatingElement: {
+        prototype: HTMLRecipeRatingElement;
+        new (): HTMLRecipeRatingElement;
+    };
+    interface HTMLElementTagNameMap {
+        "custom-modal": HTMLCustomModalElement;
+        "meal-slot-card": HTMLMealSlotCardElement;
+        "recipe-badge": HTMLRecipeBadgeElement;
+        "recipe-card": HTMLRecipeCardElement;
+        "recipe-rating": HTMLRecipeRatingElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CustomModal {
+        /**
+          * @default true
+         */
+        "isOpen"?: boolean;
+        /**
+          * @default 'Dialog'
+         */
+        "modalTitle"?: string;
+        "onCloseModal"?: (event: CustomModalCustomEvent<void>) => void;
+    }
+    interface MealSlotCard {
+        /**
+          * @default 'Monday'
+         */
+        "day"?: string;
+        /**
+          * @default 'Dinner'
+         */
+        "mealType"?: 'Breakfast' | 'Lunch' | 'Dinner';
+        "onAddMeal"?: (event: MealSlotCardCustomEvent<{ day: string; mealType: 'Breakfast' | 'Lunch' | 'Dinner' }>) => void;
+        "onRemoveMeal"?: (event: MealSlotCardCustomEvent<{ day: string; mealType: 'Breakfast' | 'Lunch' | 'Dinner' }>) => void;
+        /**
+          * @default 'No meal selected'
+         */
+        "recipeName"?: string;
+    }
+    interface RecipeBadge {
+        "color"?: string;
+        /**
+          * @default 'Featured'
+         */
+        "label"?: string;
+        /**
+          * @default 'primary'
+         */
+        "variant"?: 'primary' | 'secondary' | 'accent';
+    }
+    interface RecipeCard {
+        /**
+          * @default ''
+         */
+        "imageUrl"?: string;
+        /**
+          * @default false
+         */
+        "isFavorite"?: boolean;
+        "onCardClick"?: (event: RecipeCardCustomEvent<{ recipeId: string; recipeTitle: string }>) => void;
+        "onFavoriteToggle"?: (event: RecipeCardCustomEvent<{ recipeId: string; recipeTitle: string; isFavorite: boolean }>) => void;
+        /**
+          * @default 30
+         */
+        "prepTime"?: number;
+        /**
+          * @default 'recipe-1'
+         */
+        "recipeId"?: string;
+        /**
+          * @default 'Spicy Pasta'
+         */
+        "recipeTitle"?: string;
+    }
+    interface RecipeRating {
+        /**
+          * @default false
+         */
+        "interactive"?: boolean;
+        "max"?: number;
+        /**
+          * @default 5
+         */
+        "maxScore"?: number;
+        "onRatingChange"?: (event: RecipeRatingCustomEvent<number>) => void;
+        /**
+          * @default 4
+         */
+        "score"?: number;
+        "value"?: number;
+    }
+
+    interface CustomModalAttributes {
+        "isOpen": boolean;
+        "modalTitle": string;
+    }
+    interface MealSlotCardAttributes {
+        "day": string;
+        "mealType": 'Breakfast' | 'Lunch' | 'Dinner';
+        "recipeName": string;
+    }
+    interface RecipeBadgeAttributes {
+        "label": string;
+        "variant": 'primary' | 'secondary' | 'accent';
+        "color": string;
+    }
+    interface RecipeCardAttributes {
+        "recipeId": string;
+        "recipeTitle": string;
+        "imageUrl": string;
+        "prepTime": number;
+        "isFavorite": boolean;
+    }
+    interface RecipeRatingAttributes {
+        "score": number;
+        "maxScore": number;
+        "interactive": boolean;
+        "value": number;
+        "max": number;
+    }
+
+    interface IntrinsicElements {
+        "custom-modal": Omit<CustomModal, keyof CustomModalAttributes> & { [K in keyof CustomModal & keyof CustomModalAttributes]?: CustomModal[K] } & { [K in keyof CustomModal & keyof CustomModalAttributes as `attr:${K}`]?: CustomModalAttributes[K] } & { [K in keyof CustomModal & keyof CustomModalAttributes as `prop:${K}`]?: CustomModal[K] };
+        "meal-slot-card": Omit<MealSlotCard, keyof MealSlotCardAttributes> & { [K in keyof MealSlotCard & keyof MealSlotCardAttributes]?: MealSlotCard[K] } & { [K in keyof MealSlotCard & keyof MealSlotCardAttributes as `attr:${K}`]?: MealSlotCardAttributes[K] } & { [K in keyof MealSlotCard & keyof MealSlotCardAttributes as `prop:${K}`]?: MealSlotCard[K] };
+        "recipe-badge": Omit<RecipeBadge, keyof RecipeBadgeAttributes> & { [K in keyof RecipeBadge & keyof RecipeBadgeAttributes]?: RecipeBadge[K] } & { [K in keyof RecipeBadge & keyof RecipeBadgeAttributes as `attr:${K}`]?: RecipeBadgeAttributes[K] } & { [K in keyof RecipeBadge & keyof RecipeBadgeAttributes as `prop:${K}`]?: RecipeBadge[K] };
+        "recipe-card": Omit<RecipeCard, keyof RecipeCardAttributes> & { [K in keyof RecipeCard & keyof RecipeCardAttributes]?: RecipeCard[K] } & { [K in keyof RecipeCard & keyof RecipeCardAttributes as `attr:${K}`]?: RecipeCardAttributes[K] } & { [K in keyof RecipeCard & keyof RecipeCardAttributes as `prop:${K}`]?: RecipeCard[K] };
+        "recipe-rating": Omit<RecipeRating, keyof RecipeRatingAttributes> & { [K in keyof RecipeRating & keyof RecipeRatingAttributes]?: RecipeRating[K] } & { [K in keyof RecipeRating & keyof RecipeRatingAttributes as `attr:${K}`]?: RecipeRatingAttributes[K] } & { [K in keyof RecipeRating & keyof RecipeRatingAttributes as `prop:${K}`]?: RecipeRating[K] };
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "custom-modal": LocalJSX.IntrinsicElements["custom-modal"] & JSXBase.HTMLAttributes<HTMLCustomModalElement>;
+            "meal-slot-card": LocalJSX.IntrinsicElements["meal-slot-card"] & JSXBase.HTMLAttributes<HTMLMealSlotCardElement>;
+            "recipe-badge": LocalJSX.IntrinsicElements["recipe-badge"] & JSXBase.HTMLAttributes<HTMLRecipeBadgeElement>;
+            "recipe-card": LocalJSX.IntrinsicElements["recipe-card"] & JSXBase.HTMLAttributes<HTMLRecipeCardElement>;
+            "recipe-rating": LocalJSX.IntrinsicElements["recipe-rating"] & JSXBase.HTMLAttributes<HTMLRecipeRatingElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { Components, JSX } from './components';