@recipe-book/react 0.0.1 → 0.0.3

package/dist/index.js

@@ -1 +1,2 @@
-var a=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var I=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},A=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of L(t))!N.call(e,i)&&i!==o&&a(e,i,{get:()=>t[i],enumerable:!(r=w(t,i))||r.enumerable});return e};var M=e=>A(a({},"__esModule",{value:!0}),e);var S={};I(S,{IngredientList:()=>v,InstructionList:()=>y,Provider:()=>g,RecipeIngredientList:()=>v,RecipeInstructionList:()=>y,RecipeRoot:()=>P,RecipeThumbnail:()=>T,Root:()=>P,Thumbnail:()=>T,useRecipe:()=>n});module.exports=M(S);var b=require("react");var c=require("react"),R=require("react/jsx-runtime"),f=(0,c.createContext)({});function n(){let e=(0,c.useContext)(f);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}function u({children:e,config:t}){return(0,R.jsx)(f.Provider,{value:{config:t},children:e})}var p=require("react"),d=require("react/jsx-runtime"),C=(0,p.createContext)({});function x(){return(0,p.useContext)(C)}function g({children:e,config:t}){return(0,d.jsx)(C.Provider,{value:{config:t},children:e})}var h=require("react/jsx-runtime");function P(e){let{config:t}=x(),o=(0,b.useMemo)(()=>({...t,...e.config}),[t,e.config]);return(0,h.jsx)(u,{config:o,children:e.children})}var s=require("react/jsx-runtime");function v(){let{config:e}=n();return(0,s.jsx)("ul",{"recipe-ingredient-list":"",children:e.ingredients.map((t,o)=>(0,s.jsxs)("li",{"recipe-ingredient":"",children:[t.name," \u2014 ",t.amount.value," ",t.amount.unit]},o))})}var l=require("react/jsx-runtime");function y(){let{config:e}=n();return(0,l.jsx)("ul",{"recipe-instruction-list":"",children:e.instructions.map((t,o)=>(0,l.jsx)("li",{"recipe-instruction":o+1,children:t},o))})}var G=require("@radix-ui/react-aspect-ratio");var m=require("react/jsx-runtime");function T(e){var r,i;let{config:t}=n();if(!t.thumbnail)throw new Error("Missing thumbnail image. Did you forget to set one?");let o=(r=e.style)!=null?r:{};return(0,m.jsx)(G.AspectRatio,{"recipe-thumbnail":"",className:e.className,style:{width:"100%",...o},ratio:e.aspectRatio||1,children:(0,m.jsx)("img",{"recipe-thumbnail-image":"",style:{objectFit:"cover",width:"100%",height:"100%"},src:t.thumbnail,alt:(i=e.alt)!=null?i:t.name})})}0&&(module.exports={IngredientList,InstructionList,Provider,RecipeIngredientList,RecipeInstructionList,RecipeRoot,RecipeThumbnail,Root,Thumbnail,useRecipe});
+var C=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var F=(e,t)=>{for(var n in t)C(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of W(t))!D.call(e,r)&&r!==n&&C(e,r,{get:()=>t[r],enumerable:!(o=E(t,r))||o.enumerable});return e};var _=e=>V(C({},"__esModule",{value:!0}),e);var B={};F(B,{IngredientList:()=>A,InstructionList:()=>L,MeasurementSelect:()=>U,Provider:()=>h,RecipeIngredientList:()=>A,RecipeInstructionList:()=>L,RecipeMeasurementSelect:()=>U,RecipeRoot:()=>I,RecipeServingsSelect:()=>K,RecipeThumbnail:()=>k,Root:()=>I,ServingsSelect:()=>K,Thumbnail:()=>k,useRecipe:()=>s});module.exports=_(B);var N=require("@recipe-book/core"),l=require("react");var a=require("react"),x=require("react/jsx-runtime"),b=(0,a.createContext)({});function s(){let e=(0,a.useContext)(b);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}function d({children:e,recipe:t,servings:n,setServings:o}){let[r,i]=(0,a.useState)(t.measurements),m=(0,a.useMemo)(()=>({...t,activeConversionKey:r,setConversionKey:c=>{i(c)},servings:n,setServings:o}),[t,r,i,n,o]);return(0,x.jsx)(b.Provider,{value:m,children:e})}var u=require("react"),S=require("react/jsx-runtime"),P=(0,u.createContext)({});function y(){let e=(0,u.useContext)(P);return e||{config:{}}}function h({children:e,config:t}){return(0,S.jsx)(P.Provider,{value:{config:t},children:e})}var G=require("react/jsx-runtime");function I(e){let[t,n]=(0,l.useState)(1),{config:o}=y(),r=(0,l.useMemo)(()=>{let i={...o,...e.recipe},m=N.RecipeUtils.create(i);return{...m,ingredients:m.ingredients.map(c=>({...c,amount:{...c.amount,value:c.amount.value*t},conversion:typeof c.conversion=="object"?{...c.conversion,[i.measurements]:c.amount.value*t}:c.conversion}))}},[o,e.recipe,t]);return(0,G.jsx)(d,{recipe:r,servings:t,setServings:n,children:e.children})}var T=require("@recipe-book/core");var w=require("react"),v=require("react/jsx-runtime");function $(e,t){var o;if(!t)return e.amount;let n=(o=e.conversion)==null?void 0:o[t];if(!n){console.warn(`No conversion found for ingredient "${e.name}" with key "${t}"
+Attempting conversion table lookup...`);let r=T.IngredientUtils.convert(e,t);return r?r.amount:e.amount}return n}function A(e){let{ingredients:t,activeConversionKey:n,measurements:o}=s(),r=(0,w.useMemo)(()=>n===o?t:t.map(i=>({...i,amount:$(i,n)})),[t,n,o]);return(0,v.jsx)("ul",{"recipe-ingredient-list":"",className:e.className,children:r.map((i,m)=>(0,v.jsxs)("li",{"recipe-ingredient":"",children:[i.name," \u2014 ",i.amount.value," ",i.amount.unit]},m))})}var g=require("react/jsx-runtime");function L(e){let{instructions:t}=s();return(0,g.jsx)("ol",{"recipe-instruction-list":"",className:e.className,children:t.map((n,o)=>(0,g.jsx)("li",{"recipe-instruction":o+1,children:n},o))})}var M=require("@radix-ui/react-aspect-ratio");var R=require("react/jsx-runtime");function k(e){var r,i;let{thumbnail:t,name:n}=s();if(!t)throw new Error("Missing thumbnail image. Did you forget to set one?");let o=(r=e.style)!=null?r:{};return(0,R.jsx)(M.AspectRatio,{"recipe-thumbnail":"",className:e.className,style:{width:"100%",...o},ratio:e.aspectRatio||1,children:(0,R.jsx)("img",{"recipe-thumbnail-image":"",style:{objectFit:"cover",width:"100%",height:"100%"},src:t,alt:(i=e.alt)!=null?i:n})})}var f=require("react/jsx-runtime"),q=[.5,1,2,3];function K(e){let{servings:t,setServings:n}=s();return(0,f.jsx)("select",{className:e.className,"recipe-servings-select":"",value:t,onChange:o=>{n(Number(o.target.value))},children:q.map(o=>(0,f.jsxs)("option",{value:o,children:[o," serving",o!==1?"s":""]},o))})}var p=require("react/jsx-runtime");function U(e){let{activeConversionKey:t,setConversionKey:n,measurements:o}=s();if(o===void 0)throw new Error("Cannot select measurement without base measurement");return(0,p.jsxs)("div",{"recipe-measurement-select":"",className:e.className,children:[(0,p.jsx)("button",{"recipe-measurement-option":"","data-active":t==="us-customary",onClick:()=>n("us-customary"),children:"US"}),(0,p.jsx)("button",{"recipe-measurement-option":"","data-active":t==="metric",onClick:()=>n("metric"),children:"Metric"})]})}0&&(module.exports={IngredientList,InstructionList,MeasurementSelect,Provider,RecipeIngredientList,RecipeInstructionList,RecipeMeasurementSelect,RecipeRoot,RecipeServingsSelect,RecipeThumbnail,Root,ServingsSelect,Thumbnail,useRecipe});

package/dist/index.mjs

@@ -1 +1 @@
-import{a as t}from"./chunk-U7TL6PST.mjs";import{a as e}from"./chunk-6MAELCYD.mjs";import{c as i}from"./chunk-QOCKR2HO.mjs";import{a as m}from"./chunk-RZGBB6SL.mjs";import{a as r}from"./chunk-GPTC24DR.mjs";import{a as o}from"./chunk-32VQC2BE.mjs";export{t as IngredientList,r as InstructionList,i as Provider,t as RecipeIngredientList,r as RecipeInstructionList,e as RecipeRoot,m as RecipeThumbnail,e as Root,m as Thumbnail,o as useRecipe};
+import{a as i}from"./chunk-GM5F7IUT.mjs";import{a as o}from"./chunk-2VMRVR3X.mjs";import"./chunk-I5TR6PEA.mjs";import{a as p}from"./chunk-TLBRVWD2.mjs";import{a as r}from"./chunk-PTS3BZHK.mjs";import{c as e}from"./chunk-Q6I5J3IJ.mjs";import{a as s}from"./chunk-X66DY4AZ.mjs";import{a as m}from"./chunk-4XBZKTOL.mjs";import{a as t}from"./chunk-PBENQR7Y.mjs";export{i as IngredientList,o as InstructionList,p as MeasurementSelect,e as Provider,i as RecipeIngredientList,o as RecipeInstructionList,p as RecipeMeasurementSelect,r as RecipeRoot,s as RecipeServingsSelect,m as RecipeThumbnail,r as Root,s as ServingsSelect,m as Thumbnail,t as useRecipe};

package/dist/recipe-context.d.mts

@@ -1,14 +1,29 @@
 import { ReactNode } from 'react';
-import { RecipeConfig } from 'recipe-core';
+import { RecipeConfig, ConversionTables, Recipe } from '@recipe-book/core';
 
-type RecipeContext<T extends string> = {
-    config: RecipeConfig<T>;
+type RecipeContext = RecipeConfig & {
+    activeConversionKey: ConversionTables;
+    setConversionKey: (key: ConversionTables) => void;
+    servings: number;
+    setServings: (value: number) => void;
 };
-declare function useRecipeContext(): RecipeContext<any>;
-interface RecipeContextProviderProps<T extends string> {
+/**
+ * Hook to access the recipe context.
+ */
+declare function useRecipeContext(): RecipeContext;
+interface RecipeContextProviderProps {
     children: ReactNode;
-    config: RecipeConfig<T>;
+    recipe: Recipe;
+    servings: number;
+    setServings: (value: number) => void;
 }
-declare function RecipeContextProvider<T extends string>({ children, config, }: RecipeContextProviderProps<T>): JSX.Element;
+/**
+ * Provider for the recipe context. This provider is used to create
+ * a recipe-specific configuration that is inherited by all components
+ * within the recipe.
+ *
+ * @param {RecipeContextProviderProps} The recipe configuration to be used by all components
+ */
+declare function RecipeContextProvider({ children, recipe, servings, setServings, }: RecipeContextProviderProps): JSX.Element;
 
 export { type RecipeContext, RecipeContextProvider, useRecipeContext };

package/dist/recipe-context.d.ts

@@ -1,14 +1,29 @@
 import { ReactNode } from 'react';
-import { RecipeConfig } from 'recipe-core';
+import { RecipeConfig, ConversionTables, Recipe } from '@recipe-book/core';
 
-type RecipeContext<T extends string> = {
-    config: RecipeConfig<T>;
+type RecipeContext = RecipeConfig & {
+    activeConversionKey: ConversionTables;
+    setConversionKey: (key: ConversionTables) => void;
+    servings: number;
+    setServings: (value: number) => void;
 };
-declare function useRecipeContext(): RecipeContext<any>;
-interface RecipeContextProviderProps<T extends string> {
+/**
+ * Hook to access the recipe context.
+ */
+declare function useRecipeContext(): RecipeContext;
+interface RecipeContextProviderProps {
     children: ReactNode;
-    config: RecipeConfig<T>;
+    recipe: Recipe;
+    servings: number;
+    setServings: (value: number) => void;
 }
-declare function RecipeContextProvider<T extends string>({ children, config, }: RecipeContextProviderProps<T>): JSX.Element;
+/**
+ * Provider for the recipe context. This provider is used to create
+ * a recipe-specific configuration that is inherited by all components
+ * within the recipe.
+ *
+ * @param {RecipeContextProviderProps} The recipe configuration to be used by all components
+ */
+declare function RecipeContextProvider({ children, recipe, servings, setServings, }: RecipeContextProviderProps): JSX.Element;
 
 export { type RecipeContext, RecipeContextProvider, useRecipeContext };

package/dist/recipe-context.js

@@ -1 +1 @@
-var r=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of s(t))!C.call(e,o)&&o!==n&&r(e,o,{get:()=>t[o],enumerable:!(c=R(t,o))||c.enumerable});return e};var g=e=>f(r({},"__esModule",{value:!0}),e);var P={};d(P,{RecipeContextProvider:()=>a,useRecipeContext:()=>u});module.exports=g(P);var i=require("react"),x=require("react/jsx-runtime"),p=(0,i.createContext)({});function u(){let e=(0,i.useContext)(p);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}function a({children:e,config:t}){return(0,x.jsx)(p.Provider,{value:{config:t},children:e})}0&&(module.exports={RecipeContextProvider,useRecipeContext});
+var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},l=(o,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of x(e))!R.call(o,n)&&n!==r&&s(o,n,{get:()=>e[n],enumerable:!(i=a(e,n))||i.enumerable});return o};var m=o=>l(s({},"__esModule",{value:!0}),o);var y={};d(y,{RecipeContextProvider:()=>f,useRecipeContext:()=>b});module.exports=m(y);var t=require("react"),C=require("react/jsx-runtime"),v=(0,t.createContext)({});function b(){let o=(0,t.useContext)(v);if(!o)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return o}function f({children:o,recipe:e,servings:r,setServings:i}){let[n,c]=(0,t.useState)(e.measurements),p=(0,t.useMemo)(()=>({...e,activeConversionKey:n,setConversionKey:u=>{c(u)},servings:r,setServings:i}),[e,n,c,r,i]);return(0,C.jsx)(v.Provider,{value:p,children:o})}0&&(module.exports={RecipeContextProvider,useRecipeContext});

package/dist/recipe-context.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-32VQC2BE.mjs";export{b as RecipeContextProvider,a as useRecipeContext};
+import{a,b}from"./chunk-PBENQR7Y.mjs";export{b as RecipeContextProvider,a as useRecipeContext};

package/dist/types-from-core.d.mts

@@ -0,0 +1 @@
+export { GlobalRecipeConfig, Ingredient, IngredientAmount, Recipe, RecipeConfig, Unit, UnitAbbreviation, UnitKey, UnitName } from '@recipe-book/core';

package/dist/types-from-core.d.ts

@@ -0,0 +1 @@
+export { GlobalRecipeConfig, Ingredient, IngredientAmount, Recipe, RecipeConfig, Unit, UnitAbbreviation, UnitKey, UnitName } from '@recipe-book/core';

package/dist/types-from-core.js

@@ -0,0 +1 @@
+var t=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(i,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!b.call(i,n)&&n!==r&&t(i,n,{get:()=>e[n],enumerable:!(o=p(e,n))||o.enumerable});return i};var U=i=>g(t({},"__esModule",{value:!0}),i);var a={};module.exports=U(a);

package/dist/types-from-core.mjs

@@ -0,0 +1 @@
+import"./chunk-I5TR6PEA.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recipe-book/react",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -16,7 +16,7 @@
     "@radix-ui/react-aspect-ratio": "1.0.3",
     "@radix-ui/react-avatar": "1.0.3",
     "@radix-ui/react-accessible-icon": "1.0.3",
-    "recipe-core": "npm:@recipe-book/core@0.0.1"
+    "@recipe-book/core": "0.0.3"
   },
   "devDependencies": {
     "@types/react": "18.0.15"

package/dist/chunk-32VQC2BE.mjs

@@ -1 +0,0 @@
-import{createContext as n,useContext as i}from"react";import{jsx as r}from"react/jsx-runtime";var t=n({});function x(){let e=i(t);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}function R({children:e,config:o}){return r(t.Provider,{value:{config:o},children:e})}export{x as a,R as b};

package/dist/chunk-6MAELCYD.mjs

@@ -1 +0,0 @@
-import{b as n}from"./chunk-QOCKR2HO.mjs";import{b as t}from"./chunk-32VQC2BE.mjs";import{useMemo as e}from"react";import{jsx as f}from"react/jsx-runtime";function C(o){let{config:i}=n(),r=e(()=>({...i,...o.config}),[i,o.config]);return f(t,{config:r,children:o.children})}export{C as a};

package/dist/chunk-CB36WMX5.mjs

@@ -1,24 +0,0 @@
-// src/recipe-context.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var RecipeContext = createContext(
-  {}
-);
-function useRecipeContext() {
-  const ctx = useContext(RecipeContext);
-  if (!ctx) {
-    throw new Error("Missing recipe context. Are you using <Recipe.Root />?");
-  }
-  return ctx;
-}
-function RecipeContextProvider({
-  children,
-  config
-}) {
-  return /* @__PURE__ */ jsx(RecipeContext.Provider, { value: { config }, children });
-}
-
-export {
-  useRecipeContext,
-  RecipeContextProvider
-};

package/dist/chunk-GPTC24DR.mjs

@@ -1 +0,0 @@
-import{a as t}from"./chunk-32VQC2BE.mjs";import{jsx as n}from"react/jsx-runtime";function r(){let{config:o}=t();return n("ul",{"recipe-instruction-list":"",children:o.instructions.map((c,i)=>n("li",{"recipe-instruction":i+1,children:c},i))})}export{r as a};

package/dist/chunk-KYWBOSOP.mjs

@@ -1,14 +0,0 @@
-import {
-  useRecipeContext
-} from "./chunk-CB36WMX5.mjs";
-
-// src/components/instructions/instruction-list.tsx
-import { jsx } from "react/jsx-runtime";
-function InstructionList() {
-  const { config } = useRecipeContext();
-  return /* @__PURE__ */ jsx("ul", { "recipe-instruction-list": "", children: config.instructions.map((instruction, i) => /* @__PURE__ */ jsx("li", { "recipe-instruction": i + 1, children: instruction }, i)) });
-}
-
-export {
-  InstructionList
-};

package/dist/chunk-MBR257HS.mjs

@@ -1,48 +0,0 @@
-import {
-  useRecipeContext
-} from "./chunk-CB36WMX5.mjs";
-
-// src/components/thumbnail.tsx
-import { AspectRatio } from "@radix-ui/react-aspect-ratio";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Thumbnail = forwardRef(
-  (props, ref) => {
-    var _a, _b;
-    const { config } = useRecipeContext();
-    if (!config.thumbnail) {
-      throw new Error("Missing thumbnail image. Did you forget to set one?");
-    }
-    const propStyle = (_a = props.style) != null ? _a : {};
-    return /* @__PURE__ */ jsx(
-      AspectRatio,
-      {
-        "recipe-thumbnail": true,
-        ref,
-        className: props.className,
-        style: {
-          width: "100%",
-          ...propStyle
-        },
-        ratio: props.aspectRatio || 1,
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            "recipe-thumbnail-image": true,
-            style: {
-              objectFit: "cover",
-              width: "100%",
-              height: "100%"
-            },
-            src: config.thumbnail,
-            alt: (_b = props.alt) != null ? _b : config.name
-          }
-        )
-      }
-    );
-  }
-);
-
-export {
-  Thumbnail
-};

package/dist/chunk-PLID2R4K.mjs

@@ -1,48 +0,0 @@
-import {
-  useRecipeContext
-} from "./chunk-CB36WMX5.mjs";
-
-// src/components/thumbnail.tsx
-import { AspectRatio } from "@radix-ui/react-aspect-ratio";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Thumbnail = forwardRef(
-  (props, ref) => {
-    var _a, _b;
-    const { config } = useRecipeContext();
-    if (!config.thumbnail) {
-      throw new Error("Missing thumbnail image. Did you forget to set one?");
-    }
-    const propStyle = (_a = props.style) != null ? _a : {};
-    return /* @__PURE__ */ jsx(
-      AspectRatio,
-      {
-        "recipe-thumbnail": "",
-        ref,
-        className: props.className,
-        style: {
-          width: "100%",
-          ...propStyle
-        },
-        ratio: props.aspectRatio || 1,
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            "recipe-thumbnail-image": true,
-            style: {
-              objectFit: "cover",
-              width: "100%",
-              height: "100%"
-            },
-            src: config.thumbnail,
-            alt: (_b = props.alt) != null ? _b : config.name
-          }
-        )
-      }
-    );
-  }
-);
-
-export {
-  Thumbnail
-};

package/dist/chunk-PYOGNEQ3.mjs

@@ -1,48 +0,0 @@
-import {
-  useRecipeContext
-} from "./chunk-CB36WMX5.mjs";
-
-// src/components/thumbnail.tsx
-import { AspectRatio } from "@radix-ui/react-aspect-ratio";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Thumbnail = forwardRef(
-  (props, ref) => {
-    var _a, _b;
-    const { config } = useRecipeContext();
-    if (!config.thumbnail) {
-      throw new Error("Missing thumbnail image. Did you forget to set one?");
-    }
-    const propStyle = (_a = props.style) != null ? _a : {};
-    return /* @__PURE__ */ jsx(
-      AspectRatio,
-      {
-        "recipe-thumbnail": "",
-        ref,
-        className: props.className,
-        style: {
-          width: "100%",
-          ...propStyle
-        },
-        ratio: props.aspectRatio || 1,
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            "recipe-thumbnail-image": "",
-            style: {
-              objectFit: "cover",
-              width: "100%",
-              height: "100%"
-            },
-            src: config.thumbnail,
-            alt: (_b = props.alt) != null ? _b : config.name
-          }
-        )
-      }
-    );
-  }
-);
-
-export {
-  Thumbnail
-};

package/dist/chunk-RZGBB6SL.mjs

@@ -1 +0,0 @@
-import{a as o}from"./chunk-32VQC2BE.mjs";import{AspectRatio as m}from"@radix-ui/react-aspect-ratio";import{jsx as r}from"react/jsx-runtime";function c(t){var i,a;let{config:e}=o();if(!e.thumbnail)throw new Error("Missing thumbnail image. Did you forget to set one?");let s=(i=t.style)!=null?i:{};return r(m,{"recipe-thumbnail":"",className:t.className,style:{width:"100%",...s},ratio:t.aspectRatio||1,children:r("img",{"recipe-thumbnail-image":"",style:{objectFit:"cover",width:"100%",height:"100%"},src:e.thumbnail,alt:(a=t.alt)!=null?a:e.name})})}export{c as a};

package/dist/chunk-U7TL6PST.mjs

@@ -1 +0,0 @@
-import{a as i}from"./chunk-32VQC2BE.mjs";import{jsx as u,jsxs as o}from"react/jsx-runtime";function l(){let{config:n}=i();return u("ul",{"recipe-ingredient-list":"",children:n.ingredients.map((e,t)=>o("li",{"recipe-ingredient":"",children:[e.name," \u2014 ",e.amount.value," ",e.amount.unit]},t))})}export{l as a};